/* base.css */
body{	font-family:'Heiti SC','Microsoft YaHei','SimHei',Arial, Helvetica, sans-serif;
			font-size: 62.5%; font-size: 12px; font-size: 1.2rem; line-height: normal; color: #494949;
			font-weight:normal;font-style: normal;font-stretch: normal;letter-spacing: normal;overflow-x:hidden; position:relative }
/*Normal*/
img{border: none;}
ul{padding-left:0;}
li{list-style: none;}
a,a:hover,a:visited,a:active,a:focus{color:#780068;text-decoration: none;}
.textCenter{text-align:center;padding-right: 5px; padding-left: 5px;}
.container{position:relative;}
/*Font-size*/
.Head-S{ font-size: 26px;line-height: 1.38;}
.Head-M{ font-size: 34px;line-height: 1.29;}
.Head-L{ font-size: 40px;line-height: 1.25;}
.Head-XL{ font-size: 52px;line-height: 1.29;}
.Head-XXL{ font-size: 62px;line-height: 1.32;} 
.Copy-S{ font-size: 14px;line-height: 1.57;}
.Copy-M{ font-size: 16px;line-height: 1.5;}
.Copy-L{ font-size: 20px;line-height: 1.4;}
.Txt-Bold{ font-weight: bold;}

.banner-container .banner-img {background-size:auto 100%;color:#fff; height:300px; position:relative;background-position: center; background-size: auto 100%; background-repeat:no-repeat;max-width: 1280px;margin: 0 auto;}

@media only screen and (max-width: 768px) {   
	.Head-XL{ font-size: 46px;line-height: 1.38;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.Head-XL{ font-size: 40px;line-height: 1.2;}
}
@media only screen and (max-width: 479px) {   
	.Head-XL{ font-size: 26px;line-height: 1.38;}
	.Copy-L{ font-size: 16px;line-height: 1.5;}
}

/*Colors*/
.Darker-Purple{ color:#44003B;}
.Primary-Purple{color:#780068;}
.Nav-Purple{color:#92007E;}
.Head-Purple{color: #630055;}
.Secondary-Yellow{color:#FFB800;}
.Poultry-Yellow{color:#FFEF18;}
.White{color:#FFFFFF;}

/*Button Border-radius*/
.btn-text{height:50px;border-radius:25px;font-size:20px;padding:12px 50px;
						text-align:center;box-sizing:border-box;display: inline-block;position:relative;}
.btn-play{padding-right:30px;padding-left:70px;position:relative;}						
.btn-play:before{content:'';display:inline-block;position:absolute;left:8px;top:7px;width:36px;height:36px;
								background-image:url("../img/icon/play1.png");background-size:36px 72px;
								background-repeat:no-repeat;background-position:0 0;}
.btn-play:hover:before{background-position:0 -36px;}		
				
.btn-arr{height:50px;border-radius:25px;font-size:20px;padding:11px 20px 12px 50px;text-align:left;
					box-sizing:border-box;display: inline-block;position:relative; }
.btn-arr:after{float:right;content:"\e258";font-family:'Glyphicons Halflings';color:#FFFFFF;padding-left:30px;padding-top:2px;vertical-align: middle;line-height:24px;}
.btn-arr:hover:after{color:#780068;}			
	
.btn-page{height:68px;padding:18px 20px;font-size:20px;border-radius:0;background-color:#ffb800;color:#780068;}
.btn-page-prev:before{content:"\e257";font-family:'Glyphicons Halflings';color:#FFFFFF;padding-right:15px;vertical-align: middle}
.btn-page-next:after{content:"\e258";font-family:'Glyphicons Halflings';color:#FFFFFF;padding-left:15px;vertical-align: middle}
.btn-page:hover{background-color:#797979!important;color:#FFFFFF!important;}	
			
.bg-Primary1,
.bg-Primary2,
.bg-Primary3{background-color:#ffb800;color:#780068;}
.bg-Primary1:hover{background-color:#FFFFFF;}
.bg-Primary2:hover{background-color:#F1F1F1;}
.bg-Primary3:hover{background-color:#797979;color:#FFFFFF;}
.bg-Primary3.btn-arr:hover:after{color:#FFFFFF;}

.bg-Secondary1,
.bg-Secondary2{background-color:#780068;color:#FFFFFF!important;}
.bg-Secondary1:hover{background-color:#FFFFFF;color:#780068!important;}
.bg-Secondary2:hover{background-color:#F1F1F1;color:#780068!important;}
						
@media only screen and (max-width: 1199px) {
	.btn-text-md-sm{height:34px;font-size:16px;padding:6px 26px;}
	.btn-arr-md-sm{height:34px;font-size:16px;padding:6px 12px 6px 30px;}
}
@media only screen and (max-width: 1024px) {
	.btn-arr{font-size: 18px;padding:13px 20px 12px 50px;}
	.btn-arr:after{padding-top: 0px;}
}
@media only screen and (max-width: 767px) {
	.btn-text-md-sm{height:24px;font-size:12px;font-weight:bold;padding:4px 20px;}
	.btn-arr-md-sm{height:24px;font-size:12px;padding:6px 20px 6px 10px;}
	.btn-text-md{height:34px;font-size:16px;padding:6px 26px;}
	.btn-arr-md{height:34px;font-size:16px;padding:6px 12px 6px 30px;}
	.banner-container .banner-img {height:200px;}
}

/*Back to Top*/
.backTop{height:80px;width:100%;padding:20px 0;background:#FFFFFF;text-align: center;display:block;cursor: pointer;}
.backTop a{color:#780068;font-size:17px;line-height: 1.35;}
.backTop a span{display: block;}

/*About pop video*/
.popVideo-container{position:fixed;	width:100%;height:100%;	left:0;top:0;	background:url('../img/icon/alpha50.png') repeat;	z-index: 100000;display:none;}
.videoStage{position:relative;width:840px;height:540px;top:50%;left:50%;margin-left:-420px;margin-top:-270px;background:url('../img/icon/AjaxLoader.gif') center #FFFFFF no-repeat;}
.videoCon{position:relative;width:100%;height:100%;}
.vClose{position:absolute; left:auto;right:0;top:-27px; width:40px;height:25px; border-radius:5px; color:#780068;font-size:20px;line-height:25px;text-align:center;background:#FFFFFF;cursor:pointer; }
.vClose:hover{background:#780068;color: #FFFFFF; }
@media only screen and (max-width: 1024px) {
	.videoStage{position:relative;width:100%;height:auto;top:15%;margin-top:0;left:0; margin-left:0;}
}
video::-internal-media-controls-download-button { display:none;}
video::-webkit-media-controls { overflow: hidden!important; }
video::-webkit-media-controls-enclosure { width: calc(100% + 32px);  margin-left: auto; }

/*.panel-collapse p{margin:0;}*/
.panel-collapse .dialogTxt p{margin:0 0 10px;}

.tip {padding-right: 5px; padding-left: 5px;}