#agreebox1 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:99 !important}
#agreebox2 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:99 !important}
#agree {position:absolute; top:20%; left:50%; width:500px; margin-left:-250px; height:50%; background-color:#ffffff; border:1px solid #3399ff; border-radius:10px;}
#agree h1 {text-align:center; color:#000000; font-size:20px !important; margin:40px 20px 20px 20px;  font-family: 'S-CoreDream-8Heavy'}
#agree h1:after {display:none}
#agree h2 {color:#da291c; font-size:15px; margin:20px 0px 10px 0px;}
#agree b {font-size:15px; line-height:20px; color:#000000; display:block; margin:20px 0px 5px 0px;}
#agree button {position:absolute; bottom:0px; width:100%; height:50px; background-color:#3399ff; font-size:17px; color:#ffffff; text-align:center; border-radius:0 0 8px 8px}
#agree div {width:calc(100% - 0px); height:calc(100% - 150px); overflow:auto; padding:0px 20px 20px 20px;}
#agree div p {font-size:14px; line-height:25px;  color:#999999}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox  */
input[type='number'] {
  -moz-appearance: textfield;
}

input[type=text],input[type=email],input[type=password],input[type=button],input[type=number],textarea,select {-webkit-appearance: none;-webkit-border-radius: 0; padding:0; margin:0; border:0px;}
input[type="button"], button{border:0 none; padding:0; margin:0; background:transparent; *overflow:visible; cursor:pointer;}
button::-moz-focus-inner{border:0; padding:0;}
input[type="button"]::-moz-focus-inner{border:0; padding:0;}
label{cursor:pointer;}
.swiper-slide {cursor:pointer}
.allcenter2 {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}

.pagenum {width:100%; text-align:center; margin:0 auto; height:80px;}
.pagenum p {width:40px; line-height:40px; height:40px !important; text-align:center; border:1px solid #e6e6e6; float:left; background-color:#ffffff; margin-left:-1px; font-size:13px !important;}
.pagenum b {color:#000000; font-size:13px; height:40px !important; margin-bottom:0px !important}
.pagenum i {line-height:40px; width:100%; text-align:center;}

.wrap {width:1100px; margin:0 auto;}

.detail-news {background: linear-gradient(to bottom, #000000 50%, transparent 50%); }
.detail-news .wrap div button {background:#ffffff} 
.detail-news h1 {color:#ffffff !important}

h40 {display: flex; margin:0 auto; width:auto !important; text-align:center !important; color:#999999; align-items: center !important;  justify-content: center !important; background:}
h40 i {text-align:center; color:#999999; margin-right:10px;}

label {position: relative; padding-left: 25px !important; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; top:0; left:0}
label input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark {position: absolute; top:7px; left: 0; height: 20px; width: 20px; background-color: #ffffff; border-radius:5px;}
label input:checked ~ .checkmark {background-color: #3399ff;}
.checkmark:after {content: ""; position: absolute; display: none;}
label input:checked ~ .checkmark:after {display: block;}
label .checkmark:after {left: 7px; top: 5px; width: 4px; height: 7px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}



form h5 {text-align:center !important; width:100%; display:block; color:#ffffff; font-size:1.7rem !important;  font-weight:bold; margin-bottom:20px !important;}
form p {margin-top:10px; width:100%; display:table; }
form p label {float:left; color:#ffffff; font-weight:bold; margin-bottom:10px;}
form p label span {top:7px !important}
form span.agreeview {background-color:#ffffff; color:#3399ff; padding:5px 15px 5px 15px; border-radius:30px; margin-left:20px; border:1px solid #3399ff; font-size:12px; margin-top:0px; cursor:pointer; float:left}
form p .checkmark {top:7px !important}
form textarea {width:calc(100% - 0px); padding:20px;  border-radius:5px; margin-bottom:15px; display:block; font-size:15px; height:100px;}


form a {display:inline-block; margin-top:20px; color:#ffffff; text-align:left; font-weight:800; border-bottom:1px solid #ffffff; width:auto; text-decoration:none}
form button {background:#3399ff; width:100%; height:60px; border-radius:5px; color:#ffffff; margin-top:30px !important;}
form input[type=text] {width:calc(100% - 0px); padding:20px;  border-radius:5px; margin-bottom:10px; display:block; font-size:15px; background-color:#ffffff; color:#000000}
form input[type=email] {width:calc(100% - 0px); padding:20px;  border-radius:5px; margin-bottom:10px; display:block; font-size:15px; background-color:#ffffff; color:#000000}
form input[type=number] {width:calc(100% - 0px); padding:20px;  border-radius:5px; margin-bottom:0px; display:block; font-size:15px;background-color:#ffffff;}
form input[type=password] {width:calc(100% - 0px); padding:20px;  border-radius:5px; margin-bottom:10px; display:block; font-size:15px;background-color:#ffffff;}
form input[type=file] {width:calc(100% - 0px); padding:20px;  border-radius:5px; margin-bottom:10px; display:block; font-size:15px; background-color:#ffffff; color:#000000}
.btn {background:#3399ff; width:100%; height:60px; border-radius:5px; color:#ffffff; margin-top:30px !important;}

.btn3 {border:1px solid #ffffff; width:100%; height:60px; border-radius:5px; color:#ffffff; margin-top:30px !important;}

h30 {display:block;  text-align:center !important; width:100%; margin-bottom:30px; margin-top:-50px;}
h30 button {border:1px solid #ffffff; height:50px; border-radius:50px; color:#ffffff; width:auto; padding:0 30px 0 30px; margin:0 10px 0 10px !important;}
h30 button.on {background:#ffffff; color:#000000}


form h50 {display:block; color:#8E60A7; font-size:15px; margin-bottom:15px; width:100%; margin-top:15px; text-align:left; line-height:1.7}
form h50:before {color:#8E60A7; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

form h7 {font-size:18px; color:#000000; margin-top:50px; display:block; text-align:left; font-weight:700}
form h7:after {content: ""; display: block; width: 100%; border-bottom: 1px solid #8E60A7; margin: 10px 0px;}


form h6 {color:#000000 !important; font-size:15px; text-align:left; margin-bottom:10px; margin-top:20px; display:block; position:relative; font-weight:700}
form h6 i {color:#60c3ab !important; font-size:17px;}
form select {width:calc(100% - 0px); padding:18px;  border-radius:5px; margin-bottom:10px; display:block; font-size:15px;}

form h6 sup {color:red; font-size:15px; font-weight:bold; position:absolute; top:-10px; left:-10px; display:block}

form h8 {width:calc(100% - 40px); position: relative; padding:20px; border:1px solid #e0e0e0; border-radius:5px; margin-bottom:10px; display:block; font-size:15px; margin-top:0px;}
form h8 label {margin-right:20px}
form h7 span {margin-left:20px; margin-right:0px !important}
form h7 span i {color:#ffffff; margin-right:10px}

form h9 {display:table; width:100%;}
form h9 select {width:30%; margin-right:5%; float:left}
form h9 select:last-child {margin-right:0%}



form h62 {color:#ffffff; margin-bottom:10px; display:block; position:relative}
form h62 a {position:absolute; right:0px; top:-30px;}
form h62 a i {margin-right:10px}



.input-icon {
            background: url('https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/svgs/solid/user.svg') no-repeat 10px center;
            background-size: 16px 16px;
	  text-indent:30px;
	 background-position: 20px center;
        }

        .input-icon.password {
            background-image: url('https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/svgs/solid/lock.svg');
        }
	.input-icon.email {
            background-image: url('https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/svgs/solid/envelope.svg');
        }
        
        .input-icon.email {
            background-image: url('https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/svgs/solid/envelope.svg');
        }
         .input-icon.building {
            background-image: url('https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/svgs/solid/building.svg');
        }
      .input-icon.globe {
            background-image: url('https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/svgs/solid/globe.svg');
        }
        .input-icon.phone {
            background-image: url('https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/svgs/solid/phone.svg');
        }
                .input-icon.url {
             background-image: url('https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/svgs/solid/link.svg');
        }
        @media ( max-width: 1000px ) {
        h30 {margin:0px 0 20px 0; text-align:center !important}
        h30 button {padding:0 20px 0 20px;}
        #agree {position:absolute; top:10%; left:5%; width:90%; margin-left:0px; height:70%; background-color:#ffffff; border:1px solid #3399ff; border-radius:10px;}
        }