@charset "utf-8";

#form-tab-group .grap{position:relative;padding: 90px 0  30px 0;}
#form-tab-group .grap .obj{display: none;}
#form-tab-group .grap .tab_content .tabs_item:not(:first-child){display:none;}
#form-tab-group .grap .title{display:inline-block;position:absolute;top:0;padding: 30px;width:calc(33.33% - 5px);font-size:18px;text-align:center;z-index: 11;background-color: #5595dc;color:#fff;}
#form-tab-group .grap .title *{transition:all 200ms ease-in;}
#form-tab-group .grap .title em{display: block;position: relative;font-size: 24px;font-weight: bold;font-family: "nsr",sans-serif}
#form-tab-group .grap .title i{position:absolute;top:50%;right:0;transform: translate(0, -50%);width:23px;height:23px;;display:block;background:url(/images/event2/tab-off.png) no-repeat}
#form-tab-group .grap .title strong{display:block;font-weight: bold;}
#form-tab-group .grap .title.ov+.obj{display:block;padding-top:0;}
#form-tab-group .grap .title.ov{background-color: #0e539e;}
#form-tab-group .grap .title.ov i{background:url(/images/event2/tab-ov.png) no-repeat}
#form-tab-group .grap .title.nth-child1{left:0}
#form-tab-group .grap .title.nth-child2{left:33.5%}
#form-tab-group .grap .title.nth-child3{left:67%}
#form-tab-group .grap .title strong{display:inline-block;margin-right:5px;font-size:18px}
#form-tab-group .grap .title i{right:35%}
#form-tab-group .grap .title.ov+.obj#form-group1{padding:0 23px;padding-top:30px;}
#form-tab-group .grap .tabs {position: relative;display: table;width:100%;margin-bottom: 20px;background-color: #fff;padding:13px;text-align:center;table-layout: fixed;}
#form-tab-group .grap .tabs li{display:inline-block;padding:10px;position: relative;line-height: 38px;}
#form-tab-group .grap .tabs li a {color: #555;display:inline-block;position: relative;letter-spacing:0;padding:0 10px;font-size:18px;transition: all 0.2s ease-in-out;}
#form-tab-group .grap .tabs li.current a:before{content: '';display: inline-block;position:absolute;bottom:-10px;left:0;right:0;background-color:#555;width:100%;height:5px;}

.ui.uia .item{padding-top: 27px;padding-right:80px;padding-left: 90px;}
.ui.uia .item i{padding-right:140px;}
.ui.uia .item i .rangking{position:absolute;top: 5px;right:0;color:#c45c27;font-size: 18px;font-weight:bold;letter-spacing: -1px;}
/* .ui.uia .item .subject-number{display:block;position: absolute;top: 16px;left: 22px;text-align: center;font-size: 19px;background: #ae7a43 !important;box-shadow: none;color: #fff;} */
.ui.uia .item .subject-number{display:block;position: absolute;top: 10px;left: 25px;width: 46px;height: 55px;padding-right: 4px;text-align: center;font-size: 19px;background: url(/images/event2/rang.png) no-repeat 50% 50% !important;line-height: 1;border-radius: 0;box-shadow: none;}
.ui.uia .item .subject-number em{font-weight:bold;color:#000}
.ui.uia .item .subject-number.not{background:none}
.ui.uia .item span.btn{right:30px;}

#event-section-1 .event-title-group .title-large{/* background: url(/images/event2/title_large2_result.png) no-repeat center left; */}
#event-section-1 .event-title-group .title-large2{/* background: url(/images/event2/title_large2_result_01.png) no-repeat center left; */}
#event-section-1 .event-schedule .schedule-text{display: block; padding:30px 80px;background:rgba(0,0,0,0.3); margin-top: 150px;}
#event-section-1 .event-schedule .schedule-text:before{left:auto;right:80px;bottom:30px;}
#event-section-1 .event-schedule .schedule-text:after{display: none;}
#event-section-1 .event-schedule .schedule-text ul li{position:relative;padding: 3px 0 3px 120px;color:#fff;font-size:20px;}
#event-section-1 .event-schedule .schedule-text ul li strong{position: absolute;left: 18px;top: 1px;font-size: 22px;font-weight: 600;}

#popup_winner{position:fixed;}


#popup_winner .top_popup_winner{padding: 66px 0 0;background-image: url(/images/event2/popup_winner_result_bg.jpg);text-align: center;}
#popup_winner .top_popup_winner strong{display:block;margin-bottom: 30px;color:#fff;font-size: 52px;font-family: 'cafe24';}
#popup_winner .top_popup_winner p{margin-bottom: 10px;font-size: 21px;color:#fff;text-align:center;word-break: keep-all;}
#popup_winner .top_popup_winner em{display: block;font-size:15px;color:#fff;word-break: keep-all;}
#popup_winner .top_popup_winner em b{color:#eaca1f;}

@media (max-width: 1919px){
    #event-section-1 .event-schedule .schedule-text:before{bottom:30px;}
}
@media (max-width: 767px){
    #event-section-1{padding:0 0 50px !important}
    #event-section-1 .event-title-group .title-large{}
    #event-section-1 .event-schedule p{font-size: 16px;}
    #event-section-1 .event-schedule .schedule-text{padding:30px;margin-top: 80px;}
    #event-section-1 .event-schedule .schedule-text ul li{padding:3px 0 3px 100px;font-size:16px;}
    #event-section-1 .event-schedule .schedule-text ul li strong{font-size:18px;}

    .ui.uia .item i .rangking{position: static;}
    .ui.uia .item i{padding-right:0;}
    .ui.uia .item i em{margin:3px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

    #form-tab-group .grap{padding:0;}
    #form-tab-group .grap .title{position: static;left: auto !important;top: auto !important;width:100%;display: block;padding:15px;}
    #form-tab-group .grap .title em{font-size: 20px;}
    #form-tab-group .grap .title.ov+.obj#form-group1{padding:0;}
    #form-tab-group .grap .tabs{padding:0;}
}

@media (max-width: 640px){
    #event-section-1 .event-title-group{height: 200px;}
    #event-section-1 .event-title-group .title-large{width: 280px;margin: 40px auto 0;height:230px;}
    #event-section-1 .event-title-group .title-large2{background: url(/images/event2/title_small2_result_01.png) no-repeat center center;background-size:100%;}
    #popup_winner .top_popup_winner{padding: 35px 20px 0px;}
    #popup_winner .top_popup_winner strong{margin-bottom: 10px;font-size:27px;}
    #popup_winner .top_popup_winner p{margin:0;;font-size:13px;}
    #popup_winner .top_popup_winner em{font-size:12px;}

    .ui.uia .item{height: auto;padding:10px !important;}
    .ui.uia .item .subject-number,.ui.uia li:nth-child(1) .item .subject-number, .ui.uia li:nth-child(2) .item .subject-number, .ui.uia li:nth-child(3) .item .subject-number, .ui.uia li:nth-child(4) .item .subject-number, .ui.uia li:nth-child(5) .item .subject-number, .ui.uia li:nth-child(6) .item .subject-number, .ui.uia li:nth-child(7) .item .subject-number, .ui.uia li:nth-child(8) .item .subject-number, .ui.uia li:nth-child(9) .item .subject-number, .ui.uia li:nth-child(10) .item .subject-number{position: static;}
    .ui.uia .item .subject-number.not{padding:10px 0;width:30px;}
    .ui.uia .item span.btn{top:25px;}

    .ui.uia .item i .rangking{position: absolute;left:50px;top: -37px;}
    #popup_winner .top_popup_winner{}


}