/* basic */
@import url('montserrat.woff2');
* {font-family: 'montserrat' !important;}
body {font-size: 16px;}

/* color */
:root {
    --color: #cc0000;
}

/* btn */
.btn {border-radius: 100px;font-weight: bold;padding: 0 30px;}
.btn-black {background-color: var(--222);}
.btn-submit {padding: 0 40px;}
button.btn {border: 0;cursor: pointer;font: inherit;}

/* head */
.head {position: relative;z-index: 3;background-color: var(--111);height: 90px;padding: 0 20px;}
.head-cont {}
.logo {}
.lang {margin-right: 10px;}
.lang > a {color: white;width: 40px;height: 40px;border-radius: 5px;display: flex;}
.lang > a:hover {background-color: var(--333);}
.lang hop-cont a {height: 40px;line-height: 40px;font-size: 14px;}

/* menu */
menu {flex: 1;}
menu-cont li a {color: white;padding: 0 20px;font-weight: bold;line-height: 90px;}
menu-cont li a:hover {color: var(--color);}

.light {height: 860px;background-image: url(../images/light.jpg);background-size: cover;}
.light-cont {text-align: center;}
.light-cont > * {margin: 30px 0;}
.light-cont h3 {font-size: 32px;background-color: white;text-transform: uppercase;display: inline-block;padding: 10px 20px;border-radius: 10px;}
.light-cont h4 {font-size: 40px;color: white;}
.light-cont h5 {font-size: 26px;font-weight: normal;color: white;}
.light-cont h6 {color: white;text-transform: uppercase;padding: 10px 20px;border: 2px white solid;display: inline-block;border-radius: 100px;}
.light-cont span {color: var(--999);display: block;}
.light-cont countdown {width: 600px;display: inline-flex;align-items: center;justify-content: center;color: white;font-size: 56px;}
.light-cont countdown * {padding: 0 10px;height: 120px;display: flex;align-items: center;justify-content: center;background-color: var(--222);border-radius: 10px;margin: 0 10px;flex: 1;border: 1px var(--333) solid;font-family:Arial, Helvetica, sans-serif !important;}

.apply {padding: 50px 0;}
.apply-txt {padding: 30px 0;}
.apply-data {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 40px;margin: 20px 0;}
.apply-data li {flex: 1;text-align: center;border: 1px var(--eee) solid;border-radius: 10px;padding: 40px 0;}
.apply-data li h4 {font-size: 40px;padding-top: 20px;}
.apply-col {padding: 50px 0;}
.apply-col a {margin: 0 10px;}

.atatement {padding: 50px 0;background-image: url(../images/atatement.jpg);background-size: cover;}
.atatement .title h3 {color: white;}
.atatement-cont {padding: 50px 0;display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 40px;}
.atatement-li {background-color: white;border-radius: 20px;padding: 30px;}
.atatement-li h4 {padding-bottom: 30px;font-size: 22px;}
.atatement-address li {margin-bottom: 10px;display: flex;align-items: center;}
.atatement-address i {margin: auto 10px auto 0;}
.atatement-wallet {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 20px}
.atatement-wallet li {display: flex;align-items: center;padding: 5px;}
.atatement-wallet em {width: 40px;display: block;margin-right: 20px;}

.other {padding: 50px 0;}
.other fold {margin-bottom: 50px;}
.other fold fold-title {padding: 30px 0;height: auto;}
.other fold fold-title h5 {font-size: 30px;font-weight: normal;text-transform: none;}
.other fold fold-title i {}

/* title */
.title {padding: 50px 0;}
.title h3 {font-size: 30px;text-transform: uppercase;display: block;padding-bottom: 10px;}
.title span {width: 50px;height: 3px;display: inline-block;background-color: var(--color)}

/* foot */
.foot {background-color: var(--222);padding: 50px 0;}
.foot-cont {display: flex;align-items: center;}
.foot-txt {flex: 1;color: var(--666);}
.foot-txt h5 {padding-top: 10px;color: white;}
.foot-txt p {font-size: 14px;}

.application {padding: 50px 0;}
.application-cont {padding: 20px 0;}
.application-cont form {width: 600px;margin: auto;margin-bottom: 50px;}
.application-agreement {width: 600px;margin: 0 auto 20px;text-align: center;}
.application-agreement article {height: 400px;overflow: auto;padding: 20px;border: 1px var(--eee) solid;}
.application-agreement h3 {font-size: 24px;padding: 0 0 20px;text-align: center;}
.application-agreement .btn {margin: 50px 0;}
.application-forfeit {padding: 50px 0;text-align: center;border-top: 1px var(--eee) solid;}
.application-forfeit .btn {margin-top: 30px;}
.application-forfeit h5 {margin-bottom: 30px;font-size: 24px;}
.application-loading {background-color: var(--fff-7);z-index: 6;display: none;}
.application-loading i {font-size: 48px;}

.information {margin-bottom: 50px;text-align: center;padding: 50px 0;}
.information > * {margin-bottom: 20px;}
.information em {width: 120px;display: block;margin: 20px auto;}
.information h3 {font-size: 30px;}
.information h5 {font-size: 20px;padding-top: 30px;}
.information span {display: block;}
.information-copy {width: 500px;display: flex;align-items: center;margin: 20px auto;background-color: var(--222);padding: 10px;border-radius: 10px;}
.information-copy input {font-size: 30px;text-align: center;border: 0;color: white;}
.information-copy i {color: white;padding: 0 10px;cursor: pointer;}
.information ul {border: 1px solid var(--eee);padding: 0 20px;border-radius: 20px;width: 600px;margin: 50px auto 20px;}
.information ul li {text-align: left;margin: 20px 0;}
.information ul li span {flex: 1;}

reminder {font-size: 14px;margin-bottom: 50px;}

.query {padding: 50px 0;}
.query-cont {padding: 30px 0;align-items: center;width: 600px;margin: auto;}
.query-cont h5 {text-align: center;font-size: 20px;margin-bottom: 30px;}
.query .apply-data {margin-bottom: 50px;}

.result {padding: 50px 0;}

.pay {padding: 50px 0;}
.pay-cont {padding: 0 0 50px;width: 600px;margin: auto;}
.pay-cont .form {flex: 1;}
.pay-wallet {}
.pay-wallet em {width: 240px;height: 240px;display: block;margin: 20px auto 50px;border: 1px var(--eee) solid;padding: 10px;}
.pay-address {margin: 30px 0;}
.pay-address input {margin-right: 10px;}
.pay-address i {color: var(--color);cursor: pointer;}

/* form */
.form {}
.form alia {white-space: normal !important;font-size: 14px;}
.form cont span {line-height: 2;}

/* step */
step {margin-bottom: 60px;}
step li {font-size: 14px;}
step li i {}
step.column {}

.forfeit {padding: 50px 0;}
.forfeit-cont {width: 600px;margin: auto;}







@media(max-width:640px){

}