@charset "utf-8";
/* CSS Document */

body {background-color: #ffffff; margin: 0px; padding:0px; font-family: 'Open Sans', sans-serif;}
.blackbg {position: absolute;z-index:9999}

.list01 { padding-left: 0px}
area {
    cursor: pointer;
	display:block;}

.maincontainer {
        width:100%; 
    }

.text1 {width:90%;margin: 0 auto;}

.map1 { width: 100%; max-width: 1920px}

.banner1 {margin-top: 0px}


.list01 {padding-left: 20px; text-align: left; padding-top: 0px; margin-top: 0px  }

.color-green {color: #BFCD52}
.color-red {color: #DF5971}
.color-brown {color: #E0C191}
.color-orange {color: #F2B729}
.color-blue {color: #00AADA}
.color-purple {color: #B7B9DD}

.line-green {border: 1px solid #BFCD52;}
.line-red {border: 1px solid #DF5971;}
.line-brown {border: 1px solid #E0C191;}
.line-orange {border: 1px solid #F2B729;}
.line-blue {border: 1px solid #00AADA;}
.line-purple {border: 1px solid #B7B9DD;}

.pop2a { position: fixed; width: auto; max-width:1100px; display: none; top: 10vh; left:50%; margin-left: -550px; z-index: 10000; background-color: transparent; text-align: center; overflow-y: auto; max-height: 90vh; }
.popfixed {position: fixed}
.popc iframe {
	width: auto;
	max-height: 100vh;
  /* 315/560 = .5625 */
}

.pop1a-inner {  font-size:16px; line-height: 22px; background-color: rgba(255, 255, 255, 0.95); padding: 25px; width: 94%;    text-align:justify; border: 1px solid #999999; }

.pop2aclose {width: 20px;height: 20px; display: inline-block; position: fixed; margin-left: 500px; margin-top: 0px; z-index: 1000001;}
@media (max-width:1079px) {
	.pop2a {  width: 85%; max-width:none; top: 10vh; left:7.5%; margin-left: 0;}
	.pop2aclose {margin-left: 44%;}
}

.quote1 {display: inline-block; width: 22%; padding: 8px; vertical-align: text-top; text-align: center }
.quote2 {display: inline-block; width: 71%; padding: 6px; vertical-align: text-top }
.quote {display: inline-block; width: 49.5%; padding: 1px; vertical-align: text-top }
.headphoto { width: 120px; height: 120px;  overflow: hidden }
.headphoto img { width: 100%}
.name {font-weight: 800; font-size: 16px; padding: 8px 0; text-align: left }
.title {font-weight: 700; font-size: 14px; padding: 8px 0; text-align: left  }

.advice {display: inline-block; width: 49%; padding: 0px; vertical-align: text-top; font-size: 15px; }
.subheader1 {font-weight: 800; font-size: 15px; padding: 12px 0; text-align: left }
.videoframe {width: 96%; height: 422px}





.img100 {width: 100%}
.logo-banner {width: 50%;display: inline-block; margin-top: 10px }
.textaligncenter {text-align: center}
.btn1 {display: inline-block; }
.btn1 a{display: inline-block; padding: 6px 15px; border-radius: 15px; background: #003E78; color: #fff }
.btn1 a:hover { background: #00689B;  }
.btn2 {display: inline-block; }
.btn2 a{display: inline-block; padding: 8px 16px; border-radius: 20px; background: #F18700; color: #fff }
.btn2 a:hover { background: #FF4700;  }


@media (max-width:780px) {
.btn1 a{padding: 2px 3px; border-radius: 10px; background: #003E78; color: #fff; font-size:9px }	
	.btn2 a{padding: 2px 3px; border-radius: 10px;font-size:9px }	
}

.width80 {width: 80%}
.width90 {width: 95%}

@media (max-width: 1180px) {
.logo-banner {width: 50%;}	
}
.logo1 {width: auto; height: 50px}

@media (max-width: 980px) {
.logo1 {width: auto; height: 30px}
.logo-banner {width: 40%;}	
}


@media (max-width:480px) {
.logo1 {width: auto; height: 20px}
	.width90 {width: 110%}
	.logo-banner {width: 40%;}	
	.videoframe {width: 96%; height: 246px}
}

.video1 {width: 96%; height: 422px}
@media (max-width: 480px) {
.video1 {width: 96%; height: 250px}
}

.agreetext {font-size: 16px; line-height: 24px}
.disclaimertext {font-size: 12px; color: #666666}
.alert-error {width: 100%; padding: 5px; border: 1px solid #D00003; background-color:#FFBABB; color: #D00003; z-index: 99999999; position: fixed }
.alert-error1 {width: 100%; padding: 5px; border: 1px solid #D00003; background-color:#FFBABB; color: #D00003; z-index: 99999999; }


/** password css**/
.progress {
        height: 5px;
    }
.control-label {
        text-align: left !important;
        padding-bottom: 7px;
    }
.form-horizontal {
        padding: 25px 20px;
        border: 2px solid #e8eaed;
        border-radius: 5px;
    }
.fa-times {
        color: red;
    }

.hide {display: none}
.sign-up {background: #FF8600; color: #fff; font-size: 12; border-radius: 15px; border: 0; padding: 5px 10px; margin-left: 20px}
.blackbg1 {position: absolute;z-index:9999; background: rgba(0,0,0,0.5 ); width: 100%; height: 100%}
.countdown {background: #4251a2; color: #fff; padding: 5px 10px; position: fixed; z-index:9998; top: 43px; right: 0; display: inline-block; font-weight:bold; font-size: 15px}
#clock {background: #31902D; color: #fff; padding: 5px 10px; position: fixed; z-index:9998; top: 0; right: 0; display: inline-block}


.stampheader {font-size: 32px; color: #FF9600; font-weight: bold; line-height: 42px;}
.stamp {width: 70px; height: 70px; border-radius: 70px; background: #ececec; display: inline-block; ;border: solid 3px #fff; box-shadow: 3px 3px 5px 6px #ccc; text-align: center;vertical-align: text-top; margin-right: 4px; margin-bottom:3px }
.stamp .boothno {text-align: center; vertical-align: middle; font-size: 50px; font-weight: bold; color: #999; display: inline-block; padding: 0; line-height: 70px }
.stamp1 {width: 70px; height: 70px; border-radius: 70px; background: #FF9600; display: inline-block; ;border: solid 3px #fff; box-shadow: 3px 3px 5px 6px #ccc;text-align: center; vertical-align: text-top; margin-right: 4px; margin-bottom:3px}
.stamp1 .boothno {vertical-align: middle; font-size: 50px; font-weight: bold; color: #FFBB3B;display: inline-block; padding: 0; line-height: 70px;  z-index: 998}
.stamp1 .boothview {vertical-align: middle; font-size: 16px; font-weight: bold; color: #000; line-height: 70px; display: inline-block;  z-index: 999; margin-top: -95px}

.stamparea { position: fixed; width: 70%; height: 360px; left: 50%; margin-left: -35%; bottom: -360px; border-radius: 5px; background:#fff; border: 2px solid #FFF; border-top: 4px solid #FF8600; z-index: 9999; font-size: 14px; line-height: 22px}
.list02 {padding-left: 20px; text-align: left; padding-top: 0px; margin-top: 0px  }
.slide-up-lucky {bottom: 0px !important;}
.slide-down-lucky{bottom: -360px !important;}

.btn-logout { padding: 5px 18px; background:#2A6FA8 ; color: #fff; font-weight: bold; border-radius: 25px;}
.btn-logut a {color: #fff}
.termbox {font-size: 11px; line-height: 15px; padding-left: 20px}
.btn-lucky {position: fixed; padding: 5px 15px; background:#FF8600; font-size: 20px; display: inline-block; color: #fff; font-weight: bold; cursor: pointer; right: 0; top: 75px}
.btn-lucky-close { float: right; margin-top: -10px; margin-right: -10px}

@media (max-width:1600px) {
.stamp {width: 60px; height: 60px; border-radius: 60px;  margin-right: 4px;}
.stamp .boothno {font-size: 45px; line-height: 60px }
.stamp1 {width: 60px; height: 60px; border-radius: 60px;  margin-right: 4px;}
.stamp1 .boothno {font-size: 45px; line-height: 60px }
.stamp1 .boothview {font-size: 14px;  line-height: 70px; margin-top: -85px}
}

@media (max-width:1280px) {
.stamparea {width: 90%; margin-left: -45%;font-size: 12px; line-height: 18px}
.countdown { top: 48px; }
.btn-lucky { top: 79px}
}

@media (max-width:1024px) {
#clock {top: 60px; }
.countdown { top: 103px; font-size:12px; }
.stamparea { height: 410px;  bottom: -410px; }
.slide-down-lucky{bottom: -410px !important;}
.btn-lucky { top: 132px}
}

@media (max-width:780px) { 
	.stampheader {font-size: 22px;line-height: 28px; }
	#clock {padding: 2px 3px; font-size:9px}
	.countdown {padding: 2px 3px; font-size:0.6em; top: 80px;}
	.stamparea {width: 100%; margin-left: -50%;}
	.btn-lucky {padding: 3px 4px; font-size: 12px;top: 98px}
	.stamp {width: 50px; height: 50px; border-radius: 50px; ;border: solid 2px #fff; box-shadow: 0px 0px 4px 4px #ccc; }
.stamp .boothno {font-size: 38px; line-height: 50px }
.stamp1 {width: 50px; height: 50px; border-radius: 50px; ;border: solid 2px #fff; box-shadow: 0px 0px 4px 4px #ccc;}
.stamp1 .boothno {font-size: 38px; line-height: 50px}
.stamp1 .boothview {font-size: 13px;  line-height: 60px;  margin-top: -75px}
.stamparea { height: 75%;  bottom: -75%; }
.slide-down-lucky{bottom: -75% !important; }
	.list02{font-size: 11px; line-height: 16px }
	.btn-lucky-close { float: right; margin-top: -5px; margin-right: 0px}

}

.footer {padding: 30px; background: #262626; color: #fff; }

.aboutorg {width: 166px; top: 120px; right: 35px; display: inline-block; position: fixed; z-index: 100000000; cursor: pointer}
@media (max-width:1281px) { 
.aboutorg {width: 130px; top: 100px; right: 15px; }	
}
.aboutorg img {width: 100%; height: auto}

.posterbox {padding: 12px; width: 23.5%; background: #fff; display: inline-block; vertical-align: text-top; text-align: left; margin-right: 5px; margin-bottom: 10px; border-top: 4px solid #00437B; min-height: 580px}
@media (max-width:1200px) { 
	.posterbox { min-height: 480px }
}
@media (max-width:992px) { 
	.posterbox { width: 47%; min-height: 400px }

}
@media (max-width:580px) { 
	.posterbox { width: 100%; min-height: 350px}
}
.posterbox img{ width: 100%; height: auto; }
.posterimg {width: 100%; display: inline-block; vertical-align: text-top; height: 330px; overflow: hidden}
@media (max-width:1200px) {
	.posterimg { height: 260px; }
}
@media (max-width:768px) {
	.posterimg { height: 300px; }
}
@media (max-width:580px) {
	.posterimg { height: 450px; }
}
.posterbtn {width: 30%; display: inline-block; vertical-align: text-top}
.posterpdf {margin-top: 10px}
.postervideo {margin-top: 10px}
.posternumber {margin-top: 10px; font-weight: bold; font-size: 20px; color: #004D78}
.postertitle {margin-top: 5px; font-size: 15px; font-weight: bold; line-height: 21px}
.posterauthor {font-size: 14px; font-style: italic}
@media (max-width:1200px) {
.postertitle {margin-top: 5px; font-size: 14px; font-weight: bold ; line-height: 18px}
.posterauthor {font-size: 12px; font-style: italic ; line-height: 17px}
}

.btn-black {
  background-color: #535353;
  border-color: #535353;
  box-shadow: none;
  color: #fff;
	font-size: 15px;
padding: 5px 10px;
transition: 0.5s;
}
  .btn-black:hover {
    color: #fff;
    background-color: #2d2d2d;
    border-color: #2d2d2d;
    box-shadow: none;
    font-size: 14px;}

.btn-all {padding: 7px 20px; background: #004997; color: #fff ; transition: 0.5s; display: inline-block; font-size: 15px;}
.btn-all:hover { background: #68A7B4; color: #fff  }
.search-field {font-size: 16px; padding: 8px 15px; height: 42px}




a.btn2 {padding: 12px 26px; color: #fff; font-size: 18px; border-radius: 80px; border: solid 1px #fff; font-weight: bold; box-shadow: 0px 0px 10px 2px #999; margin-bottom: 15px; }
.btn2 i {color: #fff}
a.btn2 {-webkit-animation: animate_bg 0.5s;
    animation: animate_bg 0.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;}

@keyframes animate_bg {
    0%   {background:#a00000;}
    50%  {background:#631638;}
    100% {background:#a00000;}
}