body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:66.3%;font-weight:normal;}
fieldset,img{border:0;}
ul,ol{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration: none;color:#000;}
small{font-size:12px;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
label,input,select,form img,button,textarea{vertical-align:middle;outline:none}
address,caption,cite,code,dfn,em,strong,th,optgroup{font-style:normal;font-weight:normal;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-block;}
/* Hides from IE-mac \*/
* html .clear{height:1%;}
.clear{display:block;}
/* End hide from IE-mac */
*{-webkit-tap-highlight-color:rgba(0,0,0,0) !important;}
html,body{position: fixed;width: 100%;height: 100vh;left: 0;top: 0;background:black;overflow: hidden;-webkit-user-select: none;user-select: none;overflow: auto;-webkit-overflow-scrolling:touch;}
body,input,select,textarea{}
img{border:none;outline: none}
p{font-family: "en";}
@font-face {
    font-family: "en";
    src:url('en.ttf');
}

.container{position: relative;width: 750px;}
.container .bg{width: 100%;position: absolute;left: 0;top: 0;}
.container .title{position: absolute;left: 0px;top: 113px;}
.container .hint1{position: absolute;left: 38px;top: 303px;font-size: 22px;padding: 10px 0 3px 0;border-bottom: 2px solid #ba2e25;color: white;letter-spacing: 2px;}

.form{position: relative;}
.form .form_bg{display: block;}
.form .inner{position: absolute;left: 76px;top: 476px;width: 594px}
.form .grid{display: block;width: 604px;margin: 0 auto;position: relative;}

.form .grid .row1{height: 56px;margin-bottom: 30px;position: relative;}
.form .grid .row1 .line1{position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #6a6a6a}
.form .grid .row1 .line2{position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #6a6a6a}
.form .grid .row1 .label{font-size: 28px;color: white;letter-spacing: 4px;float: left;width: 113px;line-height: 58px;}
.form .grid .row1 .label2{font-size: 28px;color: white;letter-spacing: 4px;line-height: 55px;position: absolute;left: 0;top: 0;width: 93px;text-align: center;}
.form .grid .row1 .code{float: left;height: 56px;color: rgba(256,256,256,0.7);letter-spacing: 2px;line-height: 56px;font-size: 25px;width: 74px;}

.form .grid input{float: left;height: 56px;color: rgba(256,256,256,0.7);letter-spacing: 2px;line-height: 56px;border: none;outline: none;background: none;font-size: 25px;font-family: "en";}
.form .grid .ipt1{width: 208px;}
.form .grid .ipt2{width: 408px;}

.form .grid input::placeholder{color: rgba(256,256,256,0.7);}
.form .grid select{height: 55px;color: rgba(256,256,256,0.7);letter-spacing: 2px;line-height: 55px;border: none;outline: none;background: none;font-size: 25px;appearance: none;}
.form .grid .sel1{position: absolute;right: 0;top: 0;width: 130px;padding-left: 22px;}
.form .grid .gender_box{position: absolute;right: 0;top: 0;}
.form .grid .gender_box .icon_bg{display: block;}
.get_code_btn{position: absolute;width: 162px;height: 48px;color: rgba(256,256,256,0.5);font-size: 20px;right: 0;top: -2px;line-height: 48px;text-align: center;letter-spacing: 3px;border-radius: 5px;border: 1px solid rgba(256, 256, 256, 0.5);}

.form .grid .row2{padding-top: 18px;margin-bottom: 4px;width: 100%;float: left}
.form .grid .row2 .label{font-size: 28px;color: white;letter-spacing: 4px;line-height: 58px;}
.form .grid .row2 .unit{float: left;width: 293px;height: 54px;position: relative;border-bottom: 1px solid #6a6a6a;}
.form .grid .row2 .unit select{height: 54px;color: rgba(256,256,256,0.7);letter-spacing: 2px;line-height: 60px;border: none;outline: none;background: none;font-size: 25px;appearance: none;font-family: "en";display: block;width: 100%;box-sizing: border-box;padding: 0 40px 0 10px;position: relative;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.form .grid .row2 .unit .arrow{position: absolute;right: 10px;top: 50%;transform: translate(0,-50%);}
.form .grid .row2 .unit.space{margin-right: 18px;}

.form .grid .row2 .unit.full{width: 100%}
.form .grid .tnc_btn{position: relative;padding-left: 33px;height: 40px;line-height: 40px;clear: both;margin-bottom: 20px;}
.form .grid .tnc_btn .off{position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}
.form .grid .tnc_btn .on{position: absolute;left: 0;top: 50%;transform: translate(0,-50%);display: none}
.form .grid .tnc_btn .txt{font-size: 18px;color: white;letter-spacing: 2px;line-height: 40px;}
.form .grid .tnc_btn .txt span{text-decoration: underline;}
.form .grid .tnc_btn.active .off{display: none}
.form .grid .tnc_btn.active .on{display: block}
.form .grid .tnc_btn .tnc_area{position: absolute;left: 0;top: 0;width: 50px;height: 100%;}

.form .grid .submit_btn{position: relative;width: 100%;height: 64px;background: #BA2E25;text-align: center;font-size: 32px;letter-spacing: 4px;line-height: 64px;color: white}


.pop_alert{display: none;z-index: 999;position: fixed;width: 100%;height: 100%;left: 0;top: 0;}
.pop_alert .txt{font-size: 28px;line-height: 66px;height: 60px;padding:0 40px;color: white;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #5c5c5c;border-radius: 30px;white-space: nowrap;}

.success_pop{position: fixed;width: 100%;height: 100%;left: 0;top: 0;display: none}
.success_pop .inner{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.success_pop .inner .back{display: block;}


.top_bar{position: relative;height: 1090px;background: black;height: 1254px;}
.top_bar #myVideo{display: block;width: 100%}
.top_bar .logo{position: absolute;left: 50%;top: 63px;transform: translate(-50%,0);}
.top_bar .shadow{position: absolute;left: 0%;top: 0;}
.top_bar .shadow2{position: absolute;left: 0%;top: 703px;}

.top_bar .title{position: absolute;left: 0%;top: 928px;}
.play_btn{position: absolute;left: 0%;top: 0px;width: 100%;display: none}


.switcher{position: relative;}
.switcher .switch1{display: block;}
.switcher .switch2{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;transition: all 0.2s linear}
.switcher.index2 .switch2{opacity: 1}
.switcher .btn1{position: absolute;left: 60px;top: 50px;width: 300px;height: 70px;background: rgba(256, 256, 256, 0);}
.switcher .btn2{position: absolute;left: 410px;top: 50px;width: 300px;height: 70px;background: rgba(256, 256, 256, 0);}


.slide_bg{position: relative;}
.slide_bg .back{display: block;}

.swiper{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.home_pagination{position: absolute;height: 30px;text-align: center;left: 0%;top: 887px;width: 100%;z-index: 2}
.home_pagination .dot{background: #fff;width: 90px;height: 4px;margin: 0 5px;display: inline-block;vertical-align: top}
.home_pagination.index1 .dot:nth-child(1){background: #ec1b2e}
.home_pagination.index2 .dot:nth-child(2){background: #ec1b2e}
.home_pagination.index3 .dot:nth-child(3){background: #ec1b2e}
.home_pagination.index4 .dot:nth-child(1){background: #ec1b2e}
.home_pagination.index0 .dot:nth-child(3){background: #ec1b2e}


.tnc_pop{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.8);display: none;z-index: 3}
.tnc_pop .inner{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.tnc_pop .inner .close_btn{position: absolute;right: 0;top: 0;width: 80px;height: 80px;}

.txt_wrapper{position: absolute;left: 0;top: 73px;width: 100%;height: 814px;overflow: auto;-webkit-overflow-scrolling:touch;box-sizing: border-box;padding: 10px 50px;}
.txt_wrapper h2{font-size: 32px;line-height: 36px;padding-bottom: 32px;text-align: center;color: white}
.txt_wrapper h3{font-size: 20px;line-height: 26px;padding-bottom: 22px;text-align: center;color: white}
.txt_wrapper p{font-size: 20px;line-height: 36px;padding-bottom: 22px;color: white}


.arrow_down{position: relative;padding-bottom: 30px}
.arrow_down .back{animation: arrowDown 0.6s linear infinite;display: block;margin: 0 auto}



@keyframes arrowDown
{
0%{transform: translate(0,0);}
50%{transform: translate(0px,10px);}
100%{transform: translate(0px,0);}
}