@charset "utf-8";

.hk *{font-family: '新宋体';}
.tw *{font-family: '新宋体';}
.jp *{font-family: 'DFGothic' !important;}
.th *{font-family:'Cloud-Light',Tahoma;}
.vn *{font-family: Arial;}
.in *{font-family: 'InnisfreeGothic';}
.mBr{display: none;}
.br1024{display: none;}
.event-wrap {max-width:2560px; margin:0 auto;}
.section1{background:url('images/bg1.jpg') no-repeat center center; background-size:cover;padding:80px 0 465px;}
.section1 .con-wrap{max-width: 1230px;margin:0 auto;}
.section1 .con-wrap .inner{position: relative;}
.section1 .con-wrap .yn{
	width: 52.68%;
	position: absolute;
	bottom:-465px;
	left:0;
}
.section1 .con-wrap .title-box{
	width: 50%;margin-left: 46%;
	padding: 5px;background:rgba(255,255,255,0.8);
	text-align: center;
	box-sizing: border-box;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
}
.section1 .con-wrap .border-box{
	padding:60px 50px;
	border:1px solid #cfa6cb;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
}
.section1 .con-wrap .sub-title{display:inline-block;font-size:40px;color:#b03ba0;font-weight: bold;}
.section1 .con-wrap .title{display:inline-block;margin-top:30px; padding-top:30px;font-size: 62px;color:#5f215b;font-weight:bold;border-top:1px solid #b03ba0; }
.section1 .con-wrap .txt{font-size:28px;color: #5a1e52;line-height: 1.4;}
.section2{text-align: center;padding:80px 0 65px;position: relative;}
.section2 .snow{position: absolute; top:-60px; left:0;}
.section2 .con-wrap{position: relative;}
.section2 .con-wrap:after{
	content: "";
	display: none;
	width: 100%;
	height: 170px;
	position: absolute;
	top:-175px;
	left:0;
	background: url(images/snow.png) 0 0 no-repeat; background-size: cover;
}
.section2 .con-wrap .img-box{margin-bottom: 20px;}
.section2 .con-wrap .txt{font-size:24px;color: #6a126d;font-weight:bold;line-height: 1.6;}
.section2 .con-wrap .txt span{font-size: 20px;font-weight: normal;}

.section3 {background:url('images/bg2.jpg') no-repeat center center; background-size:cover;padding:75px 0 80px;}
.section3 .con-wrap{max-width: 990px; margin:0 auto;}
.section3 .con-wrap .inner{}
.section3 .con-wrap .sub-title{margin-bottom:20px;font-size:40px; color: #6a126d; font-weight: bold;text-align: center;}
.section3 .con-wrap .txt{font-size:24px;color: #a338a7;font-weight: bold;text-align: center;}
.section3 .con-wrap .insta-box{margin-top:65px;overflow: hidden;}
.section3 .con-wrap .left-box{
	width: 357px; height:768px;
	float: left;
	position: relative;
	background: url(images/phone.png) center center no-repeat;
	background-size: contain;
}
.section3 .con-wrap .youtube-box{position:absolute;top:86px;left:50%;width:330px;height:587px;margin-left:-165px;}
.section3 .con-wrap .youtube-box iframe {width:100%;height:100%;}
.section3 .con-wrap .right-box{width:585px;float:right;padding-top: 70px;text-align: center;}
.section3 .con-wrap .howto-box{
	background: #fff;padding:5px;position:relative;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	box-sizing: border-box;
	box-shadow: 0 5px 2px rgba(0,0,0,0.2);
	-o-box-shadow: 0 5px 2px rgba(0,0,0,0.2);
	-ms-box-shadow: 0 5px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 5px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 5px 2px rgba(0,0,0,0.2);
}
.section3 .con-wrap .border-box{
	padding:45px 40px;border: 1px solid #e7e3ed;text-align: left;
}
.section3 .con-wrap .how-title{
	display:inline-block;padding:10px 20px 10px; 
	position: absolute;
	top:-30px;
	left:50%;
	margin-left: -148px;
	background: #f35a9e;font-size:28px;color: #fff;
	font-weight: bold;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	-moz-border-radius: 50px;
}
.section3 .con-wrap dl{margin-bottom:30px;border-bottom: 1px solid #f6f0f0;}
.section3 .con-wrap dt{font-size: 20px; color: #8d2191; font-weight: bold;}
.section3 .con-wrap dt .arrow{display:inline-block;margin-right:10px;font-family:"DINPro";color:#e7d1e4;}
.section3 .con-wrap dd{padding:10px 0 30px; font-size: 22px;color: #834a83;line-height: 1.4;}
.section3 .con-wrap dd .pink{color: #f35a9e}
.section3 .con-wrap dd .hashtag{
	display:inline-block;
	margin-top:5px;padding:2px 5px 5px;
	background:#f6f0f0;font-size: 20px;color: #a3379a;
	font-weight: bold;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
}
.section3 .con-wrap .date,
.section3 .con-wrap .winner{font-size:20px;color:#8f4f92;font-weight: bold;}
.section3 .con-wrap .date span,
.section3 .con-wrap .winner span{
	display: inline-block;margin-right:20px;
	padding: 5px 10px 5px;background:#eddfeb;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	-moz-border-radius: 20px;
}
.section3 .con-wrap .date{margin-bottom: 10px;}
.section3 .con-wrap .insta-btn{
	display: inline-block;
	margin: 30px 0 0 0;
	padding: 10px 55px;
	background: #222;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	-moz-border-radius: 50px;
}
.section3 .con-wrap .insta-btn a{
	display:block;padding-left:55px;
	height: 40px;
	background: url(images/insta.png) 0 center no-repeat;
	font-size: 24px; color: #fff;font-weight: bold;
	line-height: 40px;
}
.section4{text-align: center;}
.section4 .con-wrap{background: #efd9ec;padding:80px 0 75px;}
.section4 .con-wrap .inner{max-width: 1000px; margin: 0 auto;}
.section4 .con-wrap .sub-title{display:inline-block;margin-bottom:50px;padding:30px;font-size:50px; color:#6a126d;font-weight:bold;border:1px solid #a871a8;border-left:0;border-right:0;} 
.section4 .con-wrap .sub-title .purple{color: #9c21a1;font-style: italic;}
.section4 .con-wrap .sub-title .txt{display:block;margin-top:30px;font-size: 20px;color: #834a83; font-weight: normal;}
.section4 .con-wrap .pro-box{overflow: hidden;}
.section4 .con-wrap .left-box{float: left;margin-right: 60px;}
.section4 .con-wrap .circle-box{width: 447px;}
.section4 .con-wrap .circle-box ul{overflow: hidden;}
.section4 .con-wrap .circle-box .circle{
	width:140px;height:140px;
	float: left;
	margin-right: 12px;
	padding:60px 0;
	background: #fff;font-size:19px;color: #b419a3;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	-moz-border-radius: 100px;
	box-sizing: border-box;
}
.section4 .con-wrap .circle-box .circle3{margin-right: 0;padding:35px 0;}
.section4 .con-wrap .circle-box .circle4{margin-left: 77px;}
.section4 .con-wrap .circle-box .circle5{padding:50px 0;}
.section4 .con-wrap .img-box{margin-top: -40px}
.section4 .con-wrap .img-box img{display:block;margin:0px auto;}
.section4 .con-wrap .img-box a{
	display:inline-block;
	margin-top: 50px;
	padding:15px 35px 15px;
	background:#e13682;
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	border:5px solid #f35a9e;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	-moz-border-radius: 50px;
}
.section4 .con-wrap .right-box{float: left;text-align: left;}
.section4 .con-wrap dl{padding-top: 20px;}
.section4 .con-wrap dt{margin:30px 0 20px;font-size:23px;color:#9c14a2;font-weight: bold;}
.section4 .con-wrap dd{padding-bottom:30px;font-size: 16px;color: #834a83;line-height: 1.4;border-bottom:1px solid #dcb6dd;}
.section4 .con-wrap dd.last{border-bottom: 0;}
.section4 .con-wrap2 {padding: 80px 0; background: #fff;}
.section4 .con-wrap2 .inner2{max-width: 1000px;margin:0 auto;}
.section4 .con-wrap2 .story-box{overflow: hidden;}
.section4 .con-wrap2 .left-box{float: left;margin-right: 70px;}
.section4 .con-wrap2 .right-box{float: left;}
.section4 .con-wrap2 .txt1{margin:60px 0 40px;font-size:40px; color: #6a126d; font-weight: bold;}
.section4 .con-wrap2 .txt2{font-size:16px; color: #666;line-height: 1.6;}
.section4 .con-wrap2 .txt2>span{display: block; margin-bottom: 20px;}
.section4 .con-wrap2 .txt2 .last{}
.section4 .con-wrap2 .txt2 .last .pink{color: #d93aa0;}
.section5{}
.section5 .con-wrap{padding:80px 0; background: url(images/bg3.jpg) center center no-repeat; background-size: cover;}
.section5 .con-wrap .inner{max-width: 1000px; margin: 0 auto;}
.section5 .con-wrap .img-box{}
.section5 .con-wrap2{padding:80px 0;background: #f1e5f1;}
.section5 .con-wrap2 .inner2{max-width: 1000px; margin: 0 auto;text-align: center;}
.section5 .con-wrap2 .slick-arrow{position: absolute; top:50%; margin-top:-27px;width:32px;height:54px;overflow:hidden;background-size:contain;text-indent: -99999px;}
.section5 .con-wrap2 .slick-prev{left:-8.2%;background: url("images/prev_arrow.png") 0 0 no-repeat;}
.section5 .con-wrap2 .slick-next{right:-8.2%;background: url("images/next_arrow.png") 0 0 no-repeat;}
.section5 .con-wrap2 .slick-dots{margin-top: 60px;}
.section5 .con-wrap2 .slick-dots li{display: inline-block;} 
.section5 .con-wrap2 .slick-dots button{width: 22px; height: 22px;margin-right:20px;overflow:hidden;background: #dcb7dc;text-indent: -9999px;border:0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.section5 .con-wrap2 .slick-dots li:last-child button{margin-right: 0;}
.section5 .con-wrap2 .slick-dots li.slick-active button{width:70px;-webkit-transition: .1s linear;-moz-transition: .1s linear;transition: .1s linear;background: #6a126d;}
.section6{}
.section6 .con-wrap{padding: 80px 0; background: #f8f2f7; text-align: center;}
.section6 .con-wrap .inner{max-width: 1000px; margin: auto;}
.section6 .con-wrap .sub-title{
	padding:27px 0 30px; background:#7c378a;
	font-size: 40px; color: #fff;
	font-weight: bold;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
}
.section6 .con-wrap .prod-wrap{
	margin-bottom: 20px;
}
.section6 .con-wrap .prod-list-wrap{overflow: hidden;}
.section6 .con-wrap .prod-list-wrap ul{float: left;width:33%;text-align: left;}
.section6 .con-wrap .prod-list-wrap ul.first{margin-left: 0;}
.section6 .con-wrap .prod-list-wrap li{margin-bottom: 10px;}
.section6 .con-wrap .prod-list-wrap li p{font-size: 16px; color:#333;font-weight: bold;}
.section6 .con-wrap .prod-list-wrap li span{
	display: inline-block;
	width: 20px; height: 20px;
	margin-right: 10px;
	padding:2px;
	background:#765184;
	font-size:15px;color: #fff;text-align:center;
	line-height: 20px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	-moz-border-radius: 50px;
}
.section6 .con-wrap a{
	display:inline-block;
	margin-top: 50px;
	padding:15px 35px 15px;
	background:#e13682;
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	border:5px solid #f35a9e;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	-moz-border-radius: 50px;
}
.section7{}
.section7 .con-wrap{padding:80px 0 140px; background: url(images/bg4_sg.jpg) center center no-repeat; background-size: cover;text-align: center;}
.section7 .con-wrap .inner{
	max-width: 1000px; margin:0 auto;
}
.section7 .con-wrap .sub-title{
	padding:27px 0 30px; background:#7c378a;
	font-size: 40px; color: #fff;
	font-weight: bold;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
}
.section7 .con-wrap .padding-box{
	padding:5px;background: #fff;
		border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
			box-shadow: 0 5px 2px rgba(0,0,0,0.2);
	-o-box-shadow: 0 5px 2px rgba(0,0,0,0.2);
	-ms-box-shadow: 0 5px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 5px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 5px 2px rgba(0,0,0,0.2);
}
.section7 .con-wrap .border-box{
	padding: 60px 10%;
	border:1px solid #e7e3ed;
		border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
}
.section7 .con-wrap .txt1{margin-bottom:30px;font-size: 27px; color:#8c0099;font-weight: bold;}
.section7 .con-wrap .txt2{margin-bottom:20px;font-size: 20px; color: #444;line-height: 1.4;}
.section7 .con-wrap .txt3{margin-top:20px;font-size:20px; color: #444;}
.section7 .con-wrap .txt4{margin-bottom:50px;font-size: 20px; color:#e23cd0; font-weight: bold;}
.section7 .con-wrap .txt5{color: #222;}
.section7 .con-wrap .txt1.txt5 em{color: #8c0099;}
.section7 .con-wrap .br{width: 100%; height: 1px; background: #e1e1e2;margin:50px 0;}
/*------------*/
.section3.my .con-wrap .ribbon{}
.section3.my .con-wrap .ribbon .txt1 strong {display:inline-block; padding-left:25px; background:url('images/BG_titleL.gif') no-repeat left center;}
.section3.my .con-wrap .ribbon .txt1 span {display:inline-block; padding-right:25px; background:url('images/BG_titleR.gif') no-repeat right center;}
.section3.my .con-wrap .ribbon .txt1 em {display:block; width:500px; text-align:center; line-height:55px; font-size:28px;color:#fff; font-weight:bold; background:#9b98cd;}
.section3.my .con-wrap .txt2{font-size: 20px; color: #666; line-height: 1.6;}





@media screen and (max-width: 1200px){
	.section1{padding: 80px 0 380px;}
	.section1 .con-wrap .yn{bottom:-380px;}
	.section1 .con-wrap .border-box{padding: 8.13%;}
	.section1 .con-wrap .sub-title{font-size: 30px;}
	.section1 .con-wrap .title{font-size: 48px;}
	.section1 .con-wrap .txt{font-size: 20px;}
	.section2 .snow{top:-40px;}
	.section2 .con-wrap .txt{font-size: 20px;}
	.section2 .con-wrap::after{height: 120px; top:-130px;}
	.section2 .con-wrap .txt span{font-size: 18px}
	.section3 .con-wrap .sub-title{font-size: 40px}
	.section3 .con-wrap .txt{font-size: 22px;}
	.section3 .con-wrap .how-title{margin-left:-127.5px;font-size: 24px;}
	.section3 .con-wrap dt{font-size: 18px;}
	.section3 .con-wrap dd{font-size: 20px;}
	.section3 .con-wrap dd .hashtag{font-size: 19px;}
	.section3 .con-wrap .date, .section3 .con-wrap .winner{font-size: 18px;}
	.section3 .con-wrap .insta-btn a{font-size: 20px;}
	.section4 .con-wrap .sub-title{font-size: 40px;}
	.section4 .con-wrap .sub-title .txt{font-size: 20px}
	.section4 .con-wrap2 .txt1{font-size: 34px;}
	.section4 .con-wrap2 .txt2{font-size: 15px;}
	.section5 .con-wrap2 .slick-arrow{position: absolute; top:50%; margin-top:-27px;width:32px;height:54px;overflow:hidden;background-size:contain;text-indent: -99999px;}
	.section5 .con-wrap2 .slick-dots{margin-top: 20px;}
	.section5 .con-wrap2 .slick-dots button{width: 15px; height: 15px;margin-right:15px;}
	.section5 .con-wrap2 .slick-dots li.slick-active button{width:40px;}
	.section6 .con-wrap .sub-title,
	.section7 .con-wrap .sub-title{font-size: 34px;}
	.section6 .con-wrap .prod-list-wrap li p{font-size: 16px;}
	.section6 .con-wrap .prod-list-wrap li span{font-size: 14px;}
	.section7 .con-wrap .txt1{font-size: 24px;}
	.section7 .con-wrap .txt2{font-size: 18px;}


}
	
@media screen and (max-width: 1024px){
	
	.con-wrap{padding: 0 5%;}	
	.section1 .con-wrap .yn{
		width:430px;
		-webkit-transition: -webkit-transform 0.2s;
	  	-moz-transition: -moz-transform 0.2s;
	  	transition: transform 0.2s;
	}
	.section1 .con-wrap .sub-title{font-size: 24px;}
	.section1 .con-wrap .title{font-size: 36px;}
	.section1 .con-wrap .txt{font-size: 18px;}
	.section2 .con-wrap .txt{font-size: 18px;}
	.section2 .con-wrap .txt span{font-size: 16px}
	.section3 .con-wrap .sub-title{font-size: 30px}
	.section3 .con-wrap .txt{font-size: 20px;}
	.section3 .con-wrap .left-box{width: 300px; height: 645px;}
	.section3 .con-wrap .youtube-box{width: 270px;height: 498px;margin-left: -135px;}
	.section3 .con-wrap .right-box{width: 55%;}
	.section3 .con-wrap .border-box{padding:5%;}
	.section3 .con-wrap .how-title{margin-left:-110px;font-size: 20px;}
	.section3 .con-wrap dt{font-size: 16px;}
	.section3 .con-wrap dd{font-size: 18px;}
	.section3 .con-wrap dd .hashtag{font-size: 17px;}
	.section3 .con-wrap .date, .section3 .con-wrap .winner{font-size: 16px;}
	.section3 .con-wrap .insta-btn a{font-size: 18px;}
	.section4 .con-wrap .inner,
	.section4 .con-wrap2 .inner2{padding: 0 2%;}
	.section4 .con-wrap .sub-title{font-size: 30px;}
	.section4 .con-wrap .sub-title .txt{font-size: 18px}
	.section4 .con-wrap .left-box{width: 40%;}
	.section4 .con-wrap .circle-box{max-width: 320px;margin: 0 auto;}
	.section4 .con-wrap .circle-box .circle{width: 100px; height: 100px;margin-right:10px;padding:40px 0;font-size: 15px;}
	.section4 .con-wrap .circle-box .circle3{padding:26px 0;margin-right: 0;}
	.section4 .con-wrap .circle-box .circle4{margin-left: 45px;}
	.section4 .con-wrap .circle-box .circle5{padding:30px 0; }
	.section4 .con-wrap .img-box{width: 200px;margin:-30px auto 0;}
	.section4 .con-wrap .img-box a{font-size: 14px;}
	.section4 .con-wrap .right-box{width: 50%}
	.section4 .con-wrap dt{margin:15px 0;font-size: 18px;}
	.section4 .con-wrap dd{padding-bottom:15px;font-size: 14px;}
	.section4 .con-wrap2 .left-box{width: 45%;margin-right: 3%}
	.section4 .con-wrap2 .txt1{margin:20px 0;font-size: 28px;}
	.section4 .con-wrap2 .txt2{font-size: 14px;}
	.section6 .con-wrap .sub-title,
	.section7 .con-wrap .sub-title{font-size:28px;}
	.section6 .con-wrap .prod-list-wrap li p{font-size: 12px;}
	.section6 .con-wrap .prod-list-wrap li span{margin-right: 5px;width:15px;height:15px;font-size: 12px;line-height: 15px;}
	.section6 .con-wrap a{font-size: 14px;}
	.section7 .con-wrap .txt1{font-size: 20px;}
	.section7 .con-wrap .txt2{font-size: 14px;}
	.section7 .con-wrap .txt3,
	.section7 .con-wrap .txt4{font-size: 14px;}
}
@media screen and (max-width: 768px){
	.section1{padding: 5% 0 250px;}
	.section2,
	.section3,
	.section4 .con-wrap,
	.section4 .con-wrap2,
	.section5 .con-wrap,
	.section5 .con-wrap2,
	.section6 .con-wrap{padding: 5% 0;}
	.section1 .con-wrap .yn{
		width:350px;bottom:-250px;
		-webkit-transition: -webkit-transform 0.2s;
	  	-moz-transition: -moz-transform 0.2s;
	  	transition: transform 0.2s;
	}
	.section1 .con-wrap .sub-title{font-size: 20px;}
	.section1 .con-wrap .title{font-size: 30px;}
	.section1 .con-wrap .txt{font-size: 16px;}
	.section2 .con-wrap .img-box{width: 80%;margin:0 auto 20px;}
	.section2 .con-wrap .txt{font-size: 14px;}
	.section2 .con-wrap .txt span{font-size: 12px;}
	.section3 .con-wrap .sub-title{font-size: 20px}
	.section3 .con-wrap .txt{font-size: 18px;}
	.section3 .con-wrap .left-box{float:none;margin: 0 auto;}
	.section3 .con-wrap .right-box{float:none;margin: 0 auto;min-width: 300px;}
	.section3 .con-wrap .how-title{margin-left:-90px;top:-20px;font-size: 16px;}
	.section3 .con-wrap dt{font-size: 12px;}
	.section3 .con-wrap dd{padding:10px 0 15px;font-size: 12px;}
	.section3 .con-wrap dd .hashtag{font-size: 12px;}
	.section3 .con-wrap .date, .section3 .con-wrap .winner{font-size: 12px;}
	.section3 .con-wrap .insta-btn{padding: 0 20px;}
	.section3 .con-wrap .insta-btn a{padding-left:40px; background-size:30px; font-size: 12px;}
	.section4 .con-wrap .inner{padding: 0 5%;}
	.section4 .con-wrap .sub-title{margin-bottom:20px;padding: 10px;font-size: 20px;}
	.section4 .con-wrap .sub-title .txt{margin-top:10px;font-size: 12px;}
	.section4 .con-wrap .left-box{float:none; width:100%;margin: 0 auto;}
	.section4 .con-wrap .circle-box{}
	.section4 .con-wrap .circle-box .circle{width: 100px; height: 100px;margin-right:10px;padding:40px 0;font-size: 15px;}
	.section4 .con-wrap .circle-box .circle3{padding:26px 0;margin-right: 0;}
	.section4 .con-wrap .circle-box .circle4{margin-left: 45px;}
	.section4 .con-wrap .circle-box .circle5{padding:30px 0; }
	.section4 .con-wrap .img-box a{margin-top:30px;font-size: 14px;}
	.section4 .con-wrap .right-box{float:none;width: 100%;max-width: 320px;margin: 0 auto;text-align: center;}
	.section3 .con-wrap dl{margin-top: 10px;}
	.section4 .con-wrap dt{font-size: 16px;}
	.section4 .con-wrap dd{font-size: 12px;}
	.section4 .con-wrap2 .txt1{font-size: 24px;}
	.section4 .con-wrap2 .txt2{font-size: 12px;}
	.section5 .con-wrap .inner{padding : 0 5%;}
	.section5 .con-wrap2 .inner2{padding: 0 5%;}
	.section6 .con-wrap .inner{padding: 0 5%;}
	.section6 .con-wrap .sub-title,
	.section7 .con-wrap .sub-title{padding:15px 0;font-size: 24px;}
	.section6 .con-wrap .prod-list-wrap ul,
	.section6 .con-wrap .prod-list-wrap ul.first{width: 70%;float:none;margin-left: 15%;}
	.section6 .con-wrap a{margin-top:20px;font-size: 14px}
	.section7 .con-wrap .inner{padding: 0 5%;}
	.section7 .con-wrap .border-box{padding:5%;}
	.section7 .con-wrap .txt1{font-size: 18px;}
	.section7 .con-wrap .txt2{font-size: 12px;}
	.section7 .con-wrap .txt3,
	.section7 .con-wrap .txt4{font-size: 12px;}
}
@media screen and (max-width: 640px){
	.mBr{display: block;}
	.cd-vertical-nav{display: none;}
	.section1{padding-bottom: 230px;}
	.section1 .con-wrap .yn{
		width:230px;bottom:-230px;
		-webkit-transition: -webkit-transform 0.2s;
	  	-moz-transition: -moz-transform 0.2s;
	  	transition: transform 0.2s;
	}
	.section1 .con-wrap .title-box{width: 100%;margin-left: 0;}
	.section2 .snow{top:-20px}
	.section3 .con-wrap .sub-title{font-size: 20px}
	.section3 .con-wrap .txt{font-size: 16px;}
	.section4 .con-wrap .circle-box{width: 275px;}
	.section4 .con-wrap .circle-box .circle{width: 85px; height: 85px;padding:35px 0;font-size: 12px;}
	.section4 .con-wrap .circle-box .circle3{padding:20px 0;}
	.section4 .con-wrap .circle-box .circle5{padding:25px 0;}
	.section4 .con-wrap2 .left-box{float:none;min-width:200px;margin: 0 auto;}
	.section4 .con-wrap2 .right-box{float: none; margin: 0 auto;}
}

@media screen and (max-width: 480px){
	.mBr{display: block;}
	.section1{padding-bottom: 180px;}
	.section1 .con-wrap .yn{
		width:150px;bottom:-180px;
		-webkit-transition: -webkit-transform 0.2s;
	  	-moz-transition: -moz-transform 0.2s;
	  	transition: transform 0.2s;
	}
	.section2 .snow{top:-10px;}
}