/* common */
.evt_wrap { position:relative; max-width:640px; margin:0 auto; overflow:hidden; } 
.evt_wrap img:not(.slider-lazy-image) { display:block; width:100% } 
.pos_r { position: relative; } 
.fc_red { color:#FF0000; } 
.mt-1{margin-top: -1px;}

/* select box */
select::-ms-expand { display:none; } 
#pre_form { position:relative; } 

/* timer */
.time_w { position:relative; } 
.time_w .tb { width:100%; height:100%; display:table; } 
.time_w .timeText_w { width:100%; } 
.time_w .timeText_w div { position:absolute; top:42%; left:16.7%; height:43%; width:10%; } 
.time_w .timeText_w span > span { color:#fff; font-size:2rem; line-height:2.5rem; vertical-align:middle; text-align:center; display:table-cell; font-weight:bold; } 
.time_w .timeText_w div.time_h { left:40.3%; } 
.time_w .timeText_w div.time_m { left:56.2%; } 
.time_w .timeText_w div.time_s { left:72%; } 
.time_w > p { position:absolute; left:3%; top:10%; color:#fff; font-size:1rem; letter-spacing:-1px; } 
.time_w > p strong { font-size:1.2rem; } 
.time_w .timer_text { position:absolute; right:3%; top:26%; width:30%; padding-left:2%; box-sizing:border-box; text-align:left; color:#fff; font-size:0.9rem; letter-spacing:-1px; font-weight:900; } 

/* con */
.con { width:100%; } 
.con01{background: #eaf0f5;}
.con01__box{position: relative;}
.con01 .con01__box .box_cover{position: absolute; top: 3vw; left: 6vw; z-index: 9; width: 86%;}

.con01 .sys_f_info1{position: absolute;top: 40px;left: 55px;text-align: left;font-size: 1.1rem;font-weight: bold;color:#111;}
.con01 .sys_f_info2{position: absolute;top: 31%;left: 55px;text-align: left;font-size: 0.9rem;color:#111;}
.box2 .sys_f_info2 {top:24%}

.box1 .sys_f_info1 span{color: #f82190;}
.box2 .sys_f_info1 span{color: #45be04;}
.box3 .sys_f_info1 span{color: #0b89ff;}

.box2__btn{position: absolute;top: 41%;left: 27%;width: 60%;height: 17%;}
.box2__btn2{top:60%;}
.box2__btn3{left: 0;width: 24%;height: 26%;top: 61%;}

.con03 .js-tab-type1:not(.tab1__tab){width: 90%;position: absolute;top: 11%;left: 50%;transform: translateX(-50%);display: flex;justify-content: space-between;align-items: center;z-index: 1;}
.con03 .js-tab-type1:not(.tab1__tab) li{width: 33.333%;}
.con03 .js-tab-type1:not(.tab1__tab) li a{display: block; padding: 15px 0; font-size: 0.8rem; font-weight: bold; color: #fff; border-bottom: 1px solid #fff;opacity: 0.7;text-align: center;}
.con03 .js-tab-type1:not(.tab1__tab) li.on a{opacity: 1;}
.con03 .js-tab-type1-con{padding: 0;}

.con03 #tab1 .js-tab-type1 li{position: absolute;top: 670px;left: 51%;width: 230px;height: 240px;}
.con03 #tab1 .js-tab-type1 li:nth-of-type(2){top: 36.8%;left: 64%;}
.con03 #tab1 .js-tab-type1 li a{width: 100%;display: block;height: 100%;position: relative;z-index: 2;}
#tab2 .sys_f{position: absolute;color: #00B0F0;top: 79.2%;left: 50%;font-size: 5vw;font-weight: bold;transform: translateX(-50%);}

#tab6 .sd_box{position: absolute;top: 87%;left: 50%;width: 85%;transform: translateX(-50%);height: 11.3%;overflow: hidden;}
#tab6 .sd_box .bx-wrapper .bx-controls-direction a{background: url('https://cdn.hackersut.com/www/images/event/2025/01/2200/slide_arrow.png') 0 0/200% no-repeat;display: inline-block;width: 20px;height: 40px;top: 30%;}
#tab6 .sd_box .bx-wrapper .bx-controls-direction a.bx-prev{left:0;}
#tab6 .sd_box .bx-wrapper .bx-controls-direction a.bx-next{right: 0;transform: scale(-1);}

.con03 .js-tab-type1-con{margin-top:-1px;}

.con04 ul{position: absolute;top: 26%;left: 50%;transform: translateX(-50%);width: 79%;height: 9%;display: flex;}
.con04 ul li{width: 33.333%; height: 100%; font-size: 0; text-indent: -999em; cursor: pointer;}

.con05 ul{position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 59%;height: 10%;display: flex;}
.con05 ul li{width: 50%; height: 100%; font-size: 0; text-indent: -999em; cursor: pointer;}

.con06 ul{position: absolute; top: 41vw; left: 0; width: 100%; height: 12vw; display: flex;}
.con06 ul li{width: 50%; height: 100%; font-size: 0; text-indent: -999em;}

.con09 h2{margin: 8% 0 4%; text-align: center; font-size: 6.5vw;}

.con09 .js-tab-type1{width: 70%; position: absolute; top: 65.5%; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between; align-items: center; z-index: 1;}
.con09 .js-tab-type1 li{width: 49%;}
.con09 .js-tab-type1 li a{display: block; padding: 5% 0; text-align: center; font-size: 4vw; font-weight: bold; color: #000; background: #efefef; border-radius: 50px;}
.con09 .js-tab-type1 li.on a{color: #fff; background: #d11917;}


.pop_wrap .pop_con .form_in { width: 92%; margin:0 auto 5%; } 
.pop_wrap .pop_con .table_wrap { margin: 0; width: 100%; box-sizing: border-box; padding:3%; position: relative; z-index: 2; border-radius: 10px; } 
.pop_wrap .pop_con .table_wrap .mini_img { position: absolute; top: 32vw; left: 9vw; z-index: 999; width: 31vw; } 
.pop_wrap .pop_con .table_wrap .desc { margin: 0; text-align:left; } 
.pop_wrap .pop_con td input[type="text"],td select { border: none; margin-bottom: 3%; width:100%; padding:7% 5%; border-radius: 5px; background: #eee; color:#555 } 
.pop_wrap .pop_con td select { padding: 3%; width: 100%; } 
.pop_wrap .pop_con .table_wrap p { display: inline-block; margin-left: 2%; } 
.pop_wrap .pop_con input[type="radio"],.pop_wrap .pop_con input[type="checkbox"] {  appearance: none; margin-right: 2%; position: relative; width: 18px; height: 18px; } 
.pop_wrap .pop_con label { line-height:2; font-size:12px; vertical-align:middle; } 
.pop_wrap .pop_con .accompay_box { display:inline-block; width:58%; margin-left:10px; } 
.pop_wrap .pop_con .accompay_box .samja { width:40%; } 
.infoBox_btn { display:inline-block; margin-left:2%; text-align:center; color:#333; font-size:10px; } 
.pop_wrap .pop_con table { width:100%; margin:0 auto; } 
.pop_wrap .pop_con th { text-align:left; font-size:13px; color:#333; text-indent:0px; } 
.pop_wrap .pop_con td { text-align:left !important; line-height:1.8; } 
.form_area { background-color:#fff; width:100%; padding:20px 0; border-radius:0 40px 40px 40px; } 
.pop_wrap .pop_con .agree_area { display:block; width:94%; margin: 0 auto; box-sizing: border-box; } 
.pop_wrap .pop_con .agree_area .infoBox_text { text-align: left; padding: 2%; border: 1px solid #ddd; background: #fff; margin-bottom: 10px; line-height: 1.5em; height: 30vw; overflow-y: auto; box-sizing: border-box; font-size: 12px; } 
.pop_wrap .pop_con .agree_area .infoBox_text strong { display:block; margin-bottom:10px; font-size: 12px; } 
.pop_wrap .pop_con .agree_area .infoBox_text_w { display:block; text-align: left; } 
.pop_wrap .pop_con .agree_area .infoBox_text_w .infoText_select { text-align:left; } 
.pop_wrap .pop_con input[type="radio"]{display: none;}
.pop_wrap .pop_con table td input+label{display: flex;align-items: center;}
.pop_wrap .pop_con table td input[type="radio"]+label::before {width: 20px;height: 20px;display: inline-block; content: ''; background: url('https://cdn.hackersut.com/www/images/event/2024/07/2400/radio.png') 0 0/100% no-repeat;margin-right:5px;} 
.pop_wrap .pop_con table td input[type="radio"]:checked+label::before {background-position-y: 100%;} 
/* .pop_wrap .pop_con input[type="radio"]:checked + label{color: #ff3a8a;} */
.pop_wrap .pop_con input[type="radio"]:checked::after{display: none;}


.form_btn{width: 100%;margin: 0 auto;text-align: center;background: #111;color: #fff;padding:3% 0;font-size: 1rem;border-radius: 10px;display:flex;align-items: center;justify-content: center;}
.form_btn span.element{background: url('https://cdn.hackersut.com/www/images/event/2025/01/2200/pop_btn.png') 0 0/100% no-repeat;display: inline-block;width: 30px;height: 30px;margin-left:10px;}
.pre_Form1_btn .form-btn__date{color:#FFFF00;}
.pre_Form2_btn .form-btn__date{color:#FFFF00;}
.infoBox_w .univ td ul li label{width: 90%; padding: 7px 0; text-align: center; font-size: 16px; color: #545454; border:1px solid #e0e0e0; border-radius: 20px;display: block;} 

.pop_wrap .pop_con input[type="checkbox"]{display: none;}
.infoBox_w td ul li {display: flex; justify-content: flex-start; align-items: center;width: calc(100%/2);margin-bottom: 5px;} 
#pre_Form3 .infoBox_w .univ td ul li input:checked + label { border: 1px solid #f82190;color: #f82190;;} 
#pre_Form3 .infoBox_w .univ td ul li input:checked + label { background:  #f82190;color: #fff;;} 
.infoBox_w .infoText_select input[type="checkbox"] + label::before {width: 15px;height: 15px;display: inline-block; content: ''; border:1px solid #afafaf;border-radius: 3px; margin-right:5px;} 

#pre_Form .infoText_select input:checked + label::before {width: 15px;height: 15px;display: inline-block; content: ''; background: url('https://cdn.hackersut.com/www/images/event/2025/01/2200/checkbox.png') 100% 0/400% no-repeat;border:none;} 
#pre_Form2 .infoText_select input:checked + label::before {width: 15px;height: 15px;display: inline-block; content: ''; background: url('https://cdn.hackersut.com/www/images/event/2025/01/2200/checkbox.png') 33% 0/400% no-repeat;border:none;} 
#pre_Form3 .infoText_select input:checked + label::before {width: 15px;height: 15px;display: inline-block; content: ''; background: url('https://cdn.hackersut.com/www/images/event/2025/01/2200/checkbox.png') 0 0/400% no-repeat;border:none;} 
#pre_Form4 .infoText_select input:checked + label::before {width: 15px;height: 15px;display: inline-block; content: ''; background: url('https://cdn.hackersut.com/www/images/event/2025/01/2200/checkbox.png') 67% 0/400% no-repeat;border:none;} 

.infoBox_w .infoText_select a { display: inline-block; margin-left: 10px; padding: 1px 8px;background: #eeeeee;border-radius: 5px;color: #494949;font-size: 0.6rem;} 

.pop_wrap .pop_con table th,
.pop_wrap .pop_con table td { padding: 2% 0; } 
.pop_wrap .pop_con table td input[type="text"] { padding:7% 2%; width: 100%; box-sizing: border-box; } 
.pop_wrap .pop_con table td input+label { font-size: 2.4vw; margin-left: 5px; } 
.pop_wrap .pop_con .flex_box { display: flex; justify-content: flex-start; align-items: center; width: 100%; } 
.pop_wrap .pop_con .flex_box .toggle_btn {margin-left: 5%;color: #6e6e6e;border: 1px solid #bcbcbc;padding: 1% 3%;border-radius: 2px;font-size: 0.6rem;width: 23%;text-align: center;box-sizing: border-box; } 
.pop_wrap .pop_con .flex_box >input { margin-right: 1%; } 
.pop_wrap .pop_con .hope_major td li input { display: none; } 
.pop_wrap .pop_con .hope_major td li input+label { display: block; border: 1px solid #e0e0e0; color: #575757; font-weight: bold; text-align: center; padding: 3% 0; border-radius: 20px; } 
.pop_wrap .pop_con .hope_major td li input+label::before {display: none;} 
.pop_wrap .pop_con .hope_major td li input:checked+label { border: 1px solid #ff6000;color: #ff6000; } 

.pop_wrap .pop_con table .pt0 th,
.pop_wrap .pop_con table .pt0 td { padding-top: 0 } 
.pop_wrap .pop_con table ul { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;} 
.pop_wrap .pop_con table ul.v2 { justify-content: space-around; } 
.pop_wrap .pop_con table ul.v3 { justify-content: flex-start; } 
.pop_wrap .pop_con table ul.v2 li { width: calc(100%/2); margin-bottom: 0; } 

.pop_wrap .pop_con table .agree_area { background: #fff; font-size: 12px; height: 75px; } 
.pop_wrap .pop_con table .agree_area .infoBox_text { height: 75px; border: 1px solid #eee; } 
.infoText_select { display: flex; align-items: center; } 

#infoBox_w > div > table > tbody > tr.dot_line > th > span { font-size: 2vw; text-align: left; display: inline-block; color: #919191; } 

.pop_wrap .pop_con table .chek_tit ul{width: 100%;}
.pop_wrap .pop_con table .chek_tit ul li{width: 32%; margin-right:2%; text-align: center; font-size: 2.6vw; border: 1px solid#d9d9d9; border-radius: 6px; box-sizing: border-box; padding: 0.5vw;}
.pop_wrap .pop_con table .chek_tit ul li:last-child{margin-right: 0;}

.con07 .list_wrap {position: absolute;left: 50%;transform: translateX(-50%);top: 75.1%;width: 95%;border-radius: 10px;}

.float-banner { width:100%; position:fixed; bottom:0; left:0; right:0; z-index:99; } 
.float-banner .inner { width:100%; position:relative; max-width:640px; margin:0 auto } 
.float-banner .inner img { width:100%; display: block; max-width: 640px; } 

/* bottom_ban */
.bt_ban { position:fixed; bottom:0; left:50%; transform: translateX(-50%); width:100%; max-width: 640px; z-index: 99; } 
.bt_ban a { display: block; font-size: 0; } 
.bt_ban img { width: 100%; } 

.select_box h5{font-size:14px;margin:10px 0 5px;color:#000;}

.evt_wrap select{-webkit-appearance: auto;}

.pop_wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;display: none;}
.pop_wrap>.pop_bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;background: rgba(0,0,0,0.4);}
.pop_wrap>.pop_con{position: absolute;top: 5%;left: 50%;transform: translateX(-50%);width: 90%;max-height: 70%;overflow-y: auto;background: #fff;z-index: 11;border-radius: 10px;display: none;}
.pop_wrap .close_btn{position: absolute; top: 0; right: 0; width: 30px;height: 30px;background: #fd611c;color: #fff;text-align: center;line-height: 25px;z-index: 11;}


.pop_wrap .pop_con::-webkit-scrollbar {width: 10px;}
.pop_wrap .pop_con::-webkit-scrollbar-track {background-color: #eee;}
.pop_wrap .pop_con::-webkit-scrollbar-thumb { background-color: #ddd;border-radius: 5px;}
.pop_wrap .pop_con::-webkit-scrollbar-button {display: none;}

.quick_ban{position: fixed; bottom: -2vw; left: 0; width: 100%; height: 80px;}
.quick_ban a{display: block;width: 100%; height: 100%;}