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


ul, li{
	list-style:none;
	margin:0;
	padding:0;}
	
li {
	float: left;
	padding-right: 10px;
	text-align: center;
	color: #666;
}	
	

p {
	font-size:16px;}	

.top{
	background-image: url(../images/shuter/topBg.png);
	background-repeat: no-repeat;
	width: 100%;
	background-position: center bottom;
	min-height: 800px;	
}

.hide{
	display:block !important;}


@media (max-width: 767px) {
	.top{
		background-image:none;
		background-color:#526573;
	}
	.hide{
		display:none !important;}	
		
	.top h3{
		color: #fff;}	
		
		
	.top h1{
	font-size: 40px !important;
	color: #FFF;
	border:0 !important;
	line-height:50px;
	margin:0 auto;
}
		
	}


.top img{
	margin:0 auto;}

.top h1{
	font-size: 50px;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffd3bd;
	line-height:70px;
	
}


.topLine{
	width:100%;
	padding:10px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffd3bd;}


.top h2{
	font-size: 18px;
	color: #ffd3bd;
	line-height: 28px;
	font-weight: normal;
	text-align:center;
	}




.PT_60{
	padding-top:60px;}
	
.PT_100{
	padding-top:100px;}	

.titleProduct{
	text-align:left;
	color: #FFFFFF;
	padding-bottom:10px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

.titleProductR{
	color: #333333;
	padding-bottom: 10px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}


@media (max-width: 767px) {
	.titleProductR{
		color: #FFF;}
	}

.titleR{
	text-align:right;}

.titlecolor{
	color:#ffd3bd;}

.titlePrice{
	font-size:50px;}

.price{
	font-size: 40px;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
}

.priceRed{
	color:#F00}


.main{
	background-image: url(../images/shuter/bg-line.png);
	background-repeat: repeat-y;
	background-position: center center;
	
	width: 100%;
	background-attachment: fixed;

}

@media (max-width: 767px) {
	.main{
		background-image:none;}
	}


	
.btn-main-line{
	font-size:18px;
	margin:20px 0 60px 0;}	
	
.btn-main-line a{
	text-align: center;
	color: #FFFFFF;
	padding: 10px 30px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	border: 1px solid #4ccee4;
	background-color: #4ccee4;
	text-decoration: none;
}	


.btn-main-line a:hover{
	text-align:center;
	background-color:#3399CC;
	color: #fff;
	
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	border: 1px solid #3399CC;
}	





.tips{
	margin:0 auto;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 5px solid #4ccee4;
	background-color: #FFF;
}



.tipsL{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 5px solid #4ccee4;
	background-color: #FFF;	
}


.tipsR{
	margin-top:10px;
	float:right;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 5px solid #4ccee4;
	background-color: #FFF;	
}




.lineBg{
	width:50%;
	text-align:left;
	background-image: url(../images/shuter/line.png);
	background-repeat: repeat-x;
	background-position: left center;}
	

.lineBgR{
	width: 50%;
	float: right;
	background-image: url(../images/shuter/line.png);
	background-repeat: repeat-x;
	background-position: right center;
}
	
	
.title img{
	margin: 0 auto;
	text-align: center;
	background-color: #FFF;
}	


.box{
	padding-top:200px;}
	
	
.promotion{
	padding: 60px 0;
	background-image: url(../images/shuter/promotionBg.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}	

@media (max-width: 767px) {
	
	.promotion{
		background-image:none;
		background-color:#ffd3bd;
		}
	
	}


.promotion h2{
	border: 1px solid #FFF;
	font-size:36px;
	line-height:40px;
	text-align:center;
	padding:10px 0;
}

.promotion h3{
	font-size:22px;}



.sale{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
}


.note{
	padding-bottom:60px;