@charset "utf-8";
@import "font.css";
/* CSS Document */
@page {  
	width: 100%;
	size:210mm 297mm;  
	margin: 5mm;
	padding: 0;
	font-size: 9.5pt;
}
BODY, HTML{
	width:100%;
	height:100%;
	font-size:18px;
	font-family:'GOTHIC', 'DFLiHeiMd';
	font-weight:lighter;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	-webkit-text-size-adjust:none;
	text-align:left;
	color:#4c4c4c;
	background-color:#FFFFFF;
	background-image:url(../img/bg.jpg);
	background-size: 100% auto;
	background-repeat:repeat-y;
	background-position:top center;
	/*
	background-attachment:fixed;
	
	background-size:contain;
	
	background-position:top center;
	*/
}
IMG{
	border:0px;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
input, select, textarea{
	padding-left:10px;
	padding-right:10px;
	border:0px;
	
	
	-webkit-border-radius:5px;
	border-radius:5px;
	
	border:1px #f2f2f2 solid;
	height:33px;
	line-height:33px;
	font-family:'GOTHIC', 'DFLiHeiMd';
	font-size:14px;
	/*
	outline: none;    
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	*/
}
select{
	background-image:url(../img/install_select.png);
	background-repeat:no-repeat;
	background-position:calc(100% - 5px) center;
	background-size:14px 11px;
	padding-right:10px;
	border:0px #a9a9a9 solid;
	background-color:#FFFFFF;
	-webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
	  cursor:pointer;
	-webkit-border-radius:5px;
	border-radius:5px;
}
select::-ms-expand {

    display: none;

}
input[type=button], input[type=submit]{
	font-family:'GOTHIC', 'DFLiHeiMd';
	font-weight:lighter;
	font-size:15px;
	webkit-appearance:none;  
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius:0px;
	border-radius:0px;
	cursor:pointer;
}
h1, h2, h3, h4{
	font-weight:bold;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
p{
	margin:0 0 0 0;
	padding:0 0 0 0;
	word-break: break-word !important;	
}
a{
	color:#183c6e;
	text-decoration:none;
}
a:hover{
	color:#183c6e;
	text-decoration:underline;
}

.clear {
	clear:both;
	width:100% !important;
	height:1px !important;
	margin:0 0 0 0 !important;
	float:left;
}
.clear:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0px !important;
}

.desktop{
	display:block;
}
.mobile{
	display:none;
}

/*headContainer start*/
#headContainer{
	width:100%;
	float:left;
}
#headContainer .headWrapper{
	margin:0 auto;
	width:100%;
	max-width:1180px;
	min-width:1180px;
	height:230px;
	
}
#headContainer .topWrapper{
	width:100%;
	float:left;
	height:175px;
}
#headContainer .logo{
	float:left;
	margin-top:50px;
	margin-left:37px;
	width:634px;
}
#headContainer .icon{
	float:right;
	margin-top:60px;
}
#headContainer .icon img{
	margin-right:26px;
	width:45px;
	
}
#headContainer .menuWrapper{
	width:100%;
	float:left;
}
#headContainer .menuWrapper ul{
	width:calc(100% - 48px);
	margin:0 24px 0 24px;
	padding:0 0 0 0;
}
#headContainer .menuWrapper ul li{
	color:#183c6e;
	float:left;
	padding-left:14px;
	padding-right:14px;
	list-style:none;
}
/*headContainer end*/




/*bodyContainer start*/
#bodyContainer{
	width:100%;
	float:left;
}
#bodyContainer .bodyWrapper{
	margin:0 auto;
	width:100%;
	max-width:1180px;
	min-width:1180px;
}
/*bodyContainer end*/





/*tailContainer start*/
#tailContainer{
	width:100%;
	float:left;
}
#tailContainer .tailWrapper{
	margin:0 auto;
	width:100%;
	max-width:1180px;
	min-width:1180px;
	height:140px;
	line-height:140px;
	text-align:center;
	font-size:12px;
}
#tailContainer .tailWrapper a{
	color:#4c4c4c;
	text-decoration:none;
}
#tailContainer .tailWrapper a:hover{
	color:#4c4c4c;
	text-decoration:underline;
}
/*tailContainer end*/









/*homeContainer start*/
#homeContainer{
	width:100%;
	float:left;
}
#homeContainer .banner{
	width:100%;
	margin-bottom:50px;
	float:left;
}
#homeContainer .banner img{
	width:100%;
}

#homeContainer .video{
	width:calc(100% - 70px);
	margin-bottom:50px;
	margin-left:35px;
	margin-right:35px;
	float:left;
	height:627px;
	background-color:#FFFFFF;
}
#homeContainer .video iframe{
	width:100%;
	height:627px;
}


#homeContainer .gridWrapper{
	width:100%;
	float:left;
}
#homeContainer .grid{
	float:left;
	margin-right:5px;
	width:33%;
}
#homeContainer .grid img{
	width:100%;
	float:left;
}
#homeContainer .grid span{
	width:100%;
	display:inline-block;
	
	height:47px;
	line-height:47px;
	text-align:center;
	color:#FFFFFF;
	letter-spacing:1.3pt;
	
	
	background: -webkit-linear-gradient(left,#71cee5,#529ac4);
	background: -o-linear-gradient(right,#71cee5,#529ac4);
	background: -moz-linear-gradient(right,#71cee5,#529ac4);
	background: linear-gradient(to right,#71cee5,#529ac4);
}

#homeContainer .grid:last-child{
	margin-right:0px;
}

/*homeContainer end*/



/*termContainer start*/
#termContainer{
	width:calc(100% - 100px);
	float:left;
	padding-left:50px;
	padding-right:50px;
}
#termContainer .title{
	width:calc(100% - 20px);
	height:54px;
	line-height:54px;
	float:left;
	background-image:url(../img/title_bg.png);
	background-repeat:no-repeat;
	background-size:auto 54px;
	padding-left:20px;
	font-size:25px;
	color:#183c6e;
	margin-bottom:40px;
}
#termContainer .text{
	width:calc(100% - 270px);
	float:left;
	padding-left:135px;
	padding-right:135px;
}
#termContainer .text p{
	width:100%;
	float:left;
	margin-bottom:20px;
}
#termContainer .text h2{
	width:100%;
	float:left;
	color:#183c6e;
	margin-bottom:20px;
	margin-top:20px;
}
/*termContainer end*/



/*faqContainer start*/
#faqContainer{
	width:calc(100% - 100px);
	float:left;
	padding-left:50px;
	padding-right:50px;
	
}
#faqContainer .title{
	width:calc(100% - 20px);
	height:54px;
	line-height:54px;
	float:left;
	background-image:url(../img/title_bg.png);
	background-repeat:no-repeat;
	background-size:auto 54px;
	padding-left:20px;
	font-size:25px;
	color:#183c6e;
	margin-bottom:40px;
	
}

#faqContainer .text{
	width:calc(100% - 170px);
	float:left;
	padding-left:85px;
	padding-right:85px;
	position:relative;
}
#faqContainer .text img{
	width:100%;
}
#faqContainer .text ul{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;	
}
#faqContainer .text ul li{
	list-style:none;
	margin-bottom:20px;
	width:100%;
	float:left;
}
#faqContainer .text ul li label{
	float:left;
	width:40px;
	font-size:20px;
}
#faqContainer .text ul li span{
	float:left;
	width:calc(100% - 40px);
}
#faqContainer .text ul li.question{
	color:#183c6e;
}

#faqContainer .text ul li.answer{
	margin-bottom:80px;	
}
/*faqContainer end*/











/*productContainer start*/
#productContainer{
	width:100%;
	float:left;
}
#productContainer .banner{
	width:100%;
	float:left;
}
#productContainer .banner img{
	width:100%;
}
#productContainer .text{
	width:calc(100% - 100px);
	float:left;
	padding-left:50px;
	padding-right:50px;
	padding-bottom:20px;
	padding-top:50px;
	background-image:url(../img/product_line.png);
	background-position:bottom;
	background-repeat:no-repeat;
	background-size:contain;
}
#productContainer .text span{
	width:100%;
	float:left;
	display:inline-block;
	font-size:12px;
}
#productContainer .text h2{
	width:90%;
	padding-left:5%;
	padding-right:5%;
	font-size:30px;
	color:#183c6e;
	padding-bottom:20px;
	font-weight:lighter;
}
#productContainer .text h2 img{
	margin:0 0 0 0;
	padding:0 0 0 0;
	margin-bottom:20px;
}
#productContainer .text p img{
	margin:0 0 0 0;
	padding:0 0 0 0;
	margin-bottom:20px;
}
#productContainer .textSide{
	float:left;
	width:50%;
	margin-bottom:30px;
}
#productContainer .textSide p{
	width:90%;
	padding-left:5%;
	padding-right:5%;
	float:left;
	vertical-align:middle;
	line-height:30px;
}
#productContainer .textSideImg{
	vertical-align:middle !important;
	height:20px; 
	width:auto !important;
	top:20px;
	margin-top:-20px !important;
	margin-bottom:-20px !important;
}
#productContainer .textSide div{
	font-size:12px;
	width:90%;
	padding-left:5%;
	padding-right:5%;
}
#productContainer .textSide label{
	width:100%;
	display:inline-block;
	margin-top:30%;

}
#productContainer .textSide img{
	width:90%;
	padding-left:5%;
	padding-right:5%;
}
/*productContainer end*/






/*redemptionContainer start*/
#redemptionContainer{
	width:calc(100% - 100px);
	float:left;
	padding-left:50px;
	padding-right:50px;
}
#redemptionContainer .title{
	width:calc(100% - 20px);
	height:54px;
	line-height:54px;
	float:left;
	background-image:url(../img/title_bg.png);
	background-repeat:no-repeat;
	background-size:auto 54px;
	padding-left:20px;
	font-size:25px;
	color:#183c6e;
	margin-bottom:40px;
}
#redemptionContainer .banner{
	width:100%;
	float:left;
	padding-bottom:100px;
	
}
#redemptionContainer .banner img{
	width:100%;
}
#redemptionContainer .text{
	width:calc(100% - 80px);
	float:left;
	padding-left:40px;
	padding-right:40px;
	padding-top:20px;
	border-top:5px #183c6e solid;
	padding-bottom:50px;
}
#redemptionContainer .text h1{
	width:100%;
	font-size:25px;
	color:#183c6e;
	padding-bottom:20px;
	
}
#redemptionContainer .text h2{
	width:100%;
	font-size:20px;
	color:#183c6e;
	padding-bottom:20px;
	
}
#redemptionContainer .text span{
	width:100%;
	display:inline-block;
	font-size:12px;
}
#redemptionContainer .text img{
	width:100%;

}
#redemptionContainer .text ul{
	width:100%;
	
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	
}
#redemptionContainer .text ul li{
	width:100%;
	float:left;
	margin-bottom:20px;
	list-style-type:disc;
	list-style-position:outside;
	
}
#redemptionContainer .text p{
	width:100%;
	float:left;
}
/*redemptionContainer end*/






/*threadContainer start*/
#threadContainer{
	width:100%;
	float:left;
}
#threadContainer .banner{
	width:100%;
	float:left;
}
#threadContainer .banner img{
	width:100%;
}
#threadContainer .text{
	width:calc(100% - 160px);
	float:left;
	padding-left:80px;
	padding-right:80px;
	padding-bottom:50px;
	padding-top:50px;
}
#threadContainer .line{
	border-top:5px #b08a35 solid;
}
#threadContainer .text h2{
	width:100%;
	float:left;
	margin-bottom:20px;
	font-size:30px;
	color:#b08a35;
}
#threadContainer .text label{
	width:100%;
	font-size:30px;
	border-left:10px solid #b08a35;
	padding-left:10px;
	color:#b08a35;
	float:left;
	font-weight:bold;
}
#threadContainer .text img{
	width:80%;
	padding-left:10%;
}
/*threadContainer end*/