.boxAlert{
    display: none
}

.btnProductDownloadPopup {display:block; position:relative; z-index:40; cursor:pointer; margin:30px auto 0px;}
				
.boxProductDownload {display:block; position:fixed; left:0px; top:0px; width:100%; height:100%; overflow:hidden; z-index: 50;}
.boxProductDownload .bgOverlay {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000;}
.boxProductDownload .contentProductDownload {display:block; position:relative; height:100vh; overflow-x:hidden; overflow-y:auto;}
.boxProductDownload.maxHeight-hidden .contentProductDownload {overflow:hidden;}
.boxProductDownload .contentProductDownloadInner {display:block; position:relative;}
.boxProductDownload .boxObjSmoke {display:block; position:absolute; left: -30px;  top: 540px; pointer-events:none;} 
.boxProductDownload .boxObjSmoke .redGlow {display:block; position:absolute; left:0px; bottom:-350px;}
.boxProductDownload .boxObjSmoke .blueGrow {display:block; position:absolute; left:-300px; bottom:-100px;}
.boxProductDownload .boxObjSmoke .smoke_1 {display:block; position:absolute; left:-200px; bottom:-170px; width:750px; pointer-events:none;}
.boxProductDownload .boxObjSmoke .smoke_1 .smoke-ani {opacity:0.7;}
.boxProductDownload .boxObjSmoke .stone_1 {display:block; position:absolute; left: 80px; bottom: -20px;}
.boxProductDownload .boxObjSmoke .stone_2 {display:block; position:absolute; left:20px; bottom:30px;}
.boxProductDownload .contentProductDownload .bg_1 {display:block; position:absolute; right:-80px; bottom:0px; width:1236px; height:0px; pointer-events:none;}
.boxProductDownload .contentProductDownload .bg_1 .product_1 {display:block; position:absolute; left:0px; top:-245px; width:100%; height:auto;}
.boxProductDownload .contentProductDownload .bg_1 .bgBlue {    display: block; position: absolute; right: -280px; top: -850px; width: 1320px;} 
.boxProductDownload .contentProductDownload .container {position:relative; min-height:760px;}
.boxProductDownload .contentProductDownload .box2Col {position:relative; padding-top:135px;}
.boxProductDownload .contentProductDownload .box2Col .col-1 {display:block; float:left; width:calc(100% - 470px); overflow:hidden;}
.boxProductDownload .contentProductDownload .box2Col .col-2 {display:block; float:right; position:relative; width:430px; padding:20px 0px 30px 40px; overflow:hidden;}
.boxProductDownload .contentProductDownload .box2Col .col-2:before {display:block; content:''; position:absolute; left:0px; top:0px; width:20px; height:20px; background:url(assets/images/icon/icon-lq.png) no-repeat left top;}
.boxProductDownload .contentProductDownload .box2Col .col-2:after {display:block; content:''; position:absolute; left:0px; bottom:0px; width:20px; height:20px; background:url(assets/images/icon/icon-lbq.png) no-repeat left top;}
.boxProductDownload .contentProductDownload .box2Col:after {display:block; content:''; clear:both; height:0px; overflow:hidden;}
.boxProductDownload .contentProductDownload .title_1 {display:block; padding:10px 0px 10px 0px; margin:0px; font-size:2em; color:#ECA955;}
.boxProductDownload .contentProductDownload .des_1 {white-space:nowrap; font-size:0.9em; padding-bottom:10px;}
.boxProductDownload .contentProductDownload .des_1:after {display:block; content:''; clear:both; height:0px; overflow:hidden;}
.boxProductDownload .contentProductDownload .des_1 .txt_1 {float:left; padding:0px 7px 7px 0px;}
.boxProductDownload .contentProductDownload .des_1 .txt_2 {float:right; padding:0px 0px 7px 7px;}
.boxProductDownload .contentProductDownload .boxList {display:block; margin-left:-12px; margin-right:-12px; padding-bottom:40px;}
.boxProductDownload .contentProductDownload .boxList:after {display:block; content:''; clear:both; height:0px; overflow:hidden;}
.boxProductDownload .contentProductDownload .boxList .oneList {display:block; float:left; width:33.33%; padding:0px 12px; margin-bottom:24px; overflow:hidden; cursor:pointer;}
.boxProductDownload .contentProductDownload .boxList .oneList .image {display:block; position:relative;}
.boxProductDownload .contentProductDownload .boxList .oneList .image img {display:block; width:100%; height:auto;}
.boxProductDownload .contentProductDownload .boxList .oneList .image span {
    display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; border:2px solid #ECAA56;
    -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
.boxProductDownload .contentProductDownload .boxList .oneList .radioStatus {display:block; position:relative; margin:16px auto 14px auto; border:1px solid #999; background:#000; border-radius:12px; width:24px; height:24px;}
.boxProductDownload .contentProductDownload .boxList .oneList .radioStatus:before {
    display:block; content:''; width:0px; height:3px; background:#ECAA56; position:absolute; left:10px; top:13px;
    -webkit-transform-origin: 0px 0px;
    -webkit-transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, -4, -7);
    transform-origin: 0px 0px;
    transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, -4, -7);
    
    -webkit-transition: all 0.1s 0.1s ease-out; -moz-transition: all 0.1s 0.1s ease-out; -ms-transition: all 0.1s 0.1s ease-out; -o-transition: all 0.1s 0.1s ease-out; transition: all 0.1s 0.1s ease-out;
}
.boxProductDownload .contentProductDownload .boxList .oneList .radioStatus:after {
    display:block; content:''; width:0px; height:3px; background:#ECAA56; position:absolute; left:10px; top:13px;
    -webkit-transform-origin: 0px 0px;
    -webkit-transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, 0);
    transform-origin: 0px 0px;
    transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, 0);
    
    -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
.boxProductDownload .contentProductDownload .boxList .oneList .txt_3 {text-align:center; font-size:0.83em;}
.boxProductDownload .contentProductDownload .boxList .oneList:nth-child(3n+1) {clear:both;}

.boxProductDownload .contentProductDownload .boxList .oneList:hover .image span {border-width:8px;}

.boxProductDownload .contentProductDownload .boxList .oneList.action .image span {border-width:8px;}
.boxProductDownload .contentProductDownload .boxList .oneList.action .radioStatus:before {
    width:10px;
    -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
.boxProductDownload .contentProductDownload .boxList .oneList.action .radioStatus:after {
    width:25px;
    -webkit-transition: all 0.1s 0.1s ease-out; -moz-transition: all 0.1s 0.1s ease-out; -ms-transition: all 0.1s 0.1s ease-out; -o-transition: all 0.1s 0.1s ease-out; transition: all 0.1s 0.1s ease-out;
}
.boxProductDownload .contentProductDownload .boxList .oneList.has-error .radioStatus {border-color:#ECA955;}

.boxProductDownload .contentProductDownload .title_2 {display:block; padding:10px 0px 10px 0px; margin:0px; font-size:1.5em; color:#ECA955;}
.boxProductDownload .contentProductDownload .des_2 {font-size:0.9em; padding-bottom:25px;}

.boxProductDownload .form-control {background:#000; border-color:#999; color:#999; height:48px; border-radius:24px; outline:none !important;}
.boxProductDownload .has-error .form-control {border-color:#ECA955;}
.boxProductDownload .has-checkbox {overflow:hidden; position:relative;}
.boxProductDownload .has-checkbox .form-control {display:block; width:0px; height:0px; visibility:hidden; overflow:hidden; position:absolute; right:100%; bottom:100%;}
.boxProductDownload .has-checkbox label {position:relative; font-weight:normal; font-size:0.83em; padding:5px 5px 5px 35px; margin-bottom:5px; margin-right:5px; min-width:180px; cursor:pointer;}
.boxProductDownload .has-checkbox label span {display:block; position:absolute; left:0px; top:7px; border:1px solid #999; background:#000; border-radius:12px; width:24px; height:24px;}
.boxProductDownload .has-checkbox label span:before {
    display:block; content:''; width:0px; height:3px; background:#ECAA56; position:absolute; left:10px; top:13px;
    -webkit-transform-origin: 0px 0px;
    -webkit-transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, -4, -7);
    transform-origin: 0px 0px;
    transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, -4, -7);
    
    -webkit-transition: all 0.1s 0.1s ease-out; -moz-transition: all 0.1s 0.1s ease-out; -ms-transition: all 0.1s 0.1s ease-out; -o-transition: all 0.1s 0.1s ease-out; transition: all 0.1s 0.1s ease-out;
}
.boxProductDownload .has-checkbox label span:after {
    display:block; content:''; width:0px; height:3px; background:#ECAA56; position:absolute; left:10px; top:13px;
    -webkit-transform-origin: 0px 0px;
    -webkit-transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, 0);
    transform-origin: 0px 0px;
    transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, 0);
    
    -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
.boxProductDownload .has-checkbox input:checked + label span:before {
    width:10px;
    -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
.boxProductDownload .has-checkbox input:checked + label span:after {
    width:25px;
    -webkit-transition: all 0.1s 0.1s ease-out; -moz-transition: all 0.1s 0.1s ease-out; -ms-transition: all 0.1s 0.1s ease-out; -o-transition: all 0.1s 0.1s ease-out; transition: all 0.1s 0.1s ease-out;
}
.boxProductDownload .has-checkbox.has-error label span {border-color:#ECA955;}
.boxProductDownload .boxCtrlForm {margin-top:30px;}

.btnStyle2-link {display:inline-block; font-size:0.83em; color:#ECA955; cursor:pointer; width:190px; height:48px; padding:0px 20px 14px 20px; text-align:center; line-height:48px; overflow:hidden; font-weight:bold; background:none;}
.btnStyle2-link:hover, .btnStyle2-link:focus {color:#ECA955; text-decoration:underline; background:none;}

.boxBannerRegister {display:block; position:fixed; left:0px; bottom:0px; width:100%; height:auto; overflow:hidden; z-index:9000; text-align:center;}
.boxBannerRegister .boxContentBanner {display:inline-block; position:relative; background:#000; margin:0px 10px;}
.boxBannerRegister .boxContentBanner a {cursor:pointer;}
.boxBannerRegister .boxContentBanner a img {display:block; max-width:100%; height:auto; margin:0px auto;}
.boxBannerRegister .boxContentBanner a:hover img {opacity:0.8;}
.boxBannerRegister .boxContentBanner .btnCloseBanner {display:block; position:absolute; right:10px; top:10px; width:20px; height:20px;}
.boxBannerRegister .boxContentBanner .btnCloseBanner span {display:block; width:100%; height:2px; position:absolute; left:0px; top:50%;}
.boxBannerRegister .boxContentBanner .btnCloseBanner span:before {display:block; content:''; width:100%; height:100%; background-color:#999; border-radius:1px; position:absolute; left:0; top:-1px; -webkit-transform:rotate(225deg); transform:rotate(225deg);}
.boxBannerRegister .boxContentBanner .btnCloseBanner span:after {display:block; content:''; width:100%; height:100%; background-color:#999; border-radius:1px; position:absolute; left:0; top:-1px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.boxBannerRegister .boxContentBanner .btnCloseBanner:hover span:before {background:#fff;}
.boxBannerRegister .boxContentBanner .btnCloseBanner:hover span:after {background:#fff;}

.boxRegister_1 .container {position:relative; z-index:10;}
.boxRegister_1 .bgRegister {display:block; position:absolute; left:-430px; top:0px; pointer-events:none;}
.boxRegister_1 .contentRegister {display:block; position:relative; max-width:590px; margin:0px 0px 0px auto;}
.boxRegister_1 .contentRegister .logo-voodoo {display:block; margin:0px auto; padding:80px 0px 20px 0px;}
.boxRegister_1 .contentRegister .title1 {font-size:31px; display:block; margin:0px; padding:10px 20px 20px 20px; font-weight:normal; color:#ECA955; text-align:center;}
.boxRegister_1 .contentRegister .title2 {font-size:24px; margin:0px; padding:10px 0px 20px 0px; font-weight:normal; color:#fff; text-align:center; position:relative; z-index:10;}
.boxRegister_1 .contentRegister .title3 {font-size: 31px; display: block; line-height: 1.2; margin: 0px; padding:10px 0px 0px 0px; font-weight: normal; text-align:center; position:relative; z-index:10;}
.boxRegister_1 .contentRegister .title3 span {display:inline-block; position:relative; padding: 12px 20px 12px 20px; color: #ECA955;}
.boxRegister_1 .contentRegister .title3 span:before {display:block; content:''; width:16px; height:16px; position:absolute; left:0px; top:0px; overflow:hidden; background:url(assets/images/icon/icon-lq.png) no-repeat left top;}
.boxRegister_1 .contentRegister .title3 span:after {display:block; content:''; width:16px; height:16px; position:absolute; right:0px; bottom:0px; overflow:hidden; background:url(assets/images/icon/icon-rq.png) no-repeat left top;}
.boxRegister_1 .contentRegister .imageMobile {display:block; width:100%; height:auto; margin:0px auto; margin-bottom:-50px; position:relative;}

.boxRegister_1 .boxFormRegister {padding-top:20px;}
.boxRegister_1 .boxFormRegister .btnSubmit {display:block; margin:30px auto 50px auto; border:none; outline:none !important; cursor:pointer;}

.boxRegister_1 .form-control {background:#000; border-color:#999; color:#999; height:48px; border-radius:24px; outline:none !important;}
.boxRegister_1 .has-error .form-control {border-color:#ECA955;}
.boxRegister_1 textarea.form-control {height:85px;}

.boxRegister_2 {display:block; position:relative;}
.boxRegister_2 .bg {display:block; max-width:100%; min-height:400px; height:auto;}
.boxRegister_2 .bgMobile {display:none; position:relative; width:100%; height:auto; margin:-30px 0px -10px 0px;}

.boxRegister_2 .boxObjSmoke {display:block; position:absolute; right:0px; top:100px; pointer-events:none;}
.boxRegister_2 .boxObjSmoke .redGlow {display:block; position:absolute; left: -350px;  top: -360px;}
.boxRegister_2 .boxObjSmoke .blueGlow {display:block; position:absolute; left: -400px; top: -230px;}
.boxRegister_2 .boxObjSmoke .smoke_1 {display:block; position:absolute; left: -480px; bottom: -270px; width: 850px; pointer-events:none;}
.boxRegister_2 .boxObjSmoke .smoke_1 .smoke-ani {-webkit-transform: matrix(0.81915, -0.57357, 0.57357, 0.81915, 0, 0); transform: matrix(0.81915, -0.57357, 0.57357, 0.81915, 0, 0); opacity:0.7;}
.boxRegister_2 .boxObjSmoke .stone_1 {display:block; position:absolute; left: -300px; bottom: -70px;}
.boxRegister_2 .boxObjSmoke .stone_1 .stone_1_ani {-webkit-transform: matrix(-0.93969, 0.34202, 0.34202, 0.93969, 0, 0); transform: matrix(-0.93969, 0.34202, 0.34202, 0.93969, 0, 0);}
.boxRegister_2 .boxObjSmoke .stone_2 {display: block; position: absolute; left: -130px; bottom: -130px;}
.boxRegister_2 .boxObjSmoke .stone_2 .stone_2_ani {-webkit-transform:matrix(-1, 0, 0, 1, 0, 0); transform:matrix(-1, 0, 0, 1, 0, 0);}
.boxRegister_2 .boxObjSmoke .stone_3 {display: block; position: absolute; left: -100px; bottom: 40px;}
.boxRegister_2 .boxObjSmoke .stone_3 .stone_3_ani {-webkit-transform:matrix(0, 1, 1, 0, 0, 0); transform:matrix(0, 1, 1, 0, 0, 0);}

#register-page .boxFooterHome.innerPage {padding-top:0px;}

.has-error .message-error{
    font-size: 14px;
    color: #ECA955;
    padding-left: 10px;
}
.boxContact3 .has-select:after{
    height: 45px;
}

@media (max-width: 1199px){
    .boxProductDownload .contentProductDownload .boxList .oneList {width:50%;}
    .boxProductDownload .contentProductDownload .boxList .oneList:nth-child(2n+1) {clear:both;}	
    .boxProductDownload .contentProductDownload .boxList .oneList:nth-child(3n+1) {clear:none;}

    .boxRegister_1 .bgRegister {left:-280px; width:1000px;}
					
    .boxRegister_1 .contentRegister .logo-voodoo {width: 250px;}
    .boxRegister_1 .contentRegister .title1 {font-size: 28px; padding:5px 20px 10px 20px;}
    .boxRegister_1 .contentRegister .title2 {font-size:22px; padding: 10px 0px 15px 0px;}
    .boxRegister_1 .contentRegister .title3 {font-size: 28px; padding: 5px 0px 0px 0px;}
    
    .boxRegister_1 .boxFormRegister .btnSubmit {margin-bottom:30px;}
    
    .boxRegister_2 .boxObjSmoke .stone_1 {left:-180px; bottom:-50px;}
    .boxRegister_2 .boxObjSmoke .stone_1 img {width:100px;}
    .boxRegister_2 .boxObjSmoke .stone_2 {left: -70px; bottom: -90px;}
    .boxRegister_2 .boxObjSmoke .stone_2 img {width:50px;}
    .boxRegister_2 .boxObjSmoke .stone_3 {left: -50px; bottom: 10px;}
    .boxRegister_2 .boxObjSmoke .stone_3 img {width:130px;}
}

@media only screen and (max-width: 991px) {
    .btnProductDownloadPopup {margin:10px auto 0px;}
    
    .boxProductDownload .boxObjSmoke {display:none;}
    .boxProductDownload .contentProductDownload .bg_1 {right: -80px; width: 700px;}
    .boxProductDownload .contentProductDownload .bg_1 .bgBlue {right: -70px; top: -300px; width: 100%; height:auto;}
    .boxProductDownload .contentProductDownload .bg_1 .product_1 {left: 0px; top: -20px; width: 100%;}
    .boxProductDownload .contentProductDownload .box2Col {padding-top: 100px;}
    .boxProductDownload .contentProductDownload .box2Col .col-1 {float:none; width:auto;}
    .boxProductDownload .contentProductDownload .box2Col .col-2 {float:none; width:auto; padding:20px 40px 30px 40px;}
    .boxProductDownload .contentProductDownload .boxList .oneList {width:25%;}
    .boxProductDownload .contentProductDownload .boxList .oneList:nth-child(2n+1) {clear:none;}	
    .boxProductDownload .contentProductDownload .boxList .oneList:nth-child(4n+1) {clear:both;}

    .boxRegister_1 .bgRegister {display:none !important;}
					
    .boxRegister_1 .contentRegister {margin:0px auto;}
    .boxRegister_1 .contentRegister .logo-voodoo {width: 200px; padding:40px 0px 20px 0px;}
    .boxRegister_1 .contentRegister .title1 {font-size: 24px;}
    .boxRegister_1 .contentRegister .title2 {font-size:18px;}
    .boxRegister_1 .contentRegister .title3 {font-size: 24px;}
    .boxRegister_1 .boxFormRegister .btnSubmit {margin-top:15px; margin-bottom:0px;}
    
    .boxRegister_2 .bg {display:none !important;}
    .boxRegister_2 .bgMobile {display:block;}
}

@media only screen and (max-width: 767px) {
    .boxProductDownload .contentProductDownload .title_1 {font-size:1.5em;}
    .boxProductDownload .contentProductDownload .des_1 .txt_2 {float:left; padding-left:0px;}
    .boxProductDownload .contentProductDownload .boxList {margin:0px; padding:0px;}
    .boxProductDownload .contentProductDownload .boxList .oneList {float:none; width:auto; padding: 10px 0px 10px 40px; margin-bottom:5px;}
    .boxProductDownload .contentProductDownload .boxList .oneList .image {display:none;}
    .boxProductDownload .contentProductDownload .boxList .oneList .radioStatus {margin: 0px; position: absolute; left: 0px; top: 10px;}
    .boxProductDownload .contentProductDownload .boxList .oneList .txt_3 {text-align:left;}
    .boxProductDownload .contentProductDownload .boxList .oneList:nth-child(4n+1) {clear:none;}	
    .boxProductDownload .contentProductDownload .box2Col .col-2 { padding:20px 0px 30px 0px;}
    .boxProductDownload .contentProductDownload .box2Col .col-2:before {display:none;}
    .boxProductDownload .contentProductDownload .box2Col .col-2:after {display:none;}
    .boxProductDownload .has-checkbox {margin-bottom:0px;}
    .boxProductDownload .boxCtrlForm {text-align:center;}

    .boxBannerRegister .boxContentBanner {}
	.boxBannerRegister .boxContentBanner .btnCloseBanner {right:5px; top:5px; width:14px; height:14px;}
    
    .boxRegister_2 .boxObjSmoke {display:none !important;}
}