/* section1 */
#Xmas .section1 .header {
	width: 100%;
	height: 145px;
	background-image:url(../images/header.jpg);
	background-position: 50% 60%;
	background-repeat:no-repeat;
	background-size:cover;}
#Xmas .section1 .article {
	padding: 4% 0 1% 0;
}
#Xmas .section1 .tcontain {
	max-width: 700px;
	padding: 0 2%;
	margin: 0 auto;
}
#Xmas .section1 .title {
	padding: 1% 3%;
}
#Xmas .section1 .video {
	width: 100%;
	height: 87vh;
	color: #fff;
	font-size: 3em;
	text-align: center;
	background-image: url(../images/videobg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
#Xmas .section1 .mvideo {
	display:none;
}
/* scroll bt*/
#Xmas .section1 .gonext {
	height: 50px;
	width: 50px;
	right: 50%;
	bottom: 3vh;
	background-repeat: no-repeat;
	margin-right: -25px;
	cursor: pointer;
	/*漸變*/
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}
#Xmas .section1 .gonext a:hover {
	opacity: 0.8;
}
#Xmas .section1 .gonextb {
	background-image: url(../images/gonextb.png);
}
/* section2*/
#Xmas .section2 {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background-image: url(../images/sec02bg.jpg);
	background-color: #927760;
	background-size: cover;
	background-position: 0% 50%;
	background-repeat: no-repeat;
	background-attachment: scroll;
	padding: 5vh 5vw;
	}

#Xmas .section2 .article {
	height: 90vh;
	border: 5px solid #FFFFFF;
	padding:2% 3%;
	position:relative;
}
#Xmas .section2 .sec02_micro {
	width:200px;
	margin:0 0 25vh 0;
}
#Xmas .section2 .sec02_love {
	width:350px;
}
#Xmas .section2 .cc {
	position:absolute;
	bottom:3vh;
}

/* section3 */
#Xmas .section3 {
	width: 100%;
	max-height: 500px;
	overflow: hidden;
	background-color:#2d282b;
}
#Xmas .section3 .title {
	width:100%;
	text-align:center;
	position:absolute;
	z-index:1;
	top:25vh;
	
}
#Xmas .section3 .leftbg {
	width: 48vw;
	height: 800px;
	float: left;
	background-image: url(../images/sec03lt.jpg);
	background-size: cover;
	background-position: 0% 50%;
	background-repeat: no-repeat;
	
}
#Xmas .section3 .rightbg {
	width: 48vw;
	height: 800px;
	float: right;
	background-image: url(../images/sec03rt.jpg);
	background-size: cover;
	background-position: 0% 50%;
	background-repeat: no-repeat;

}

/* section4 */
#Xmas .section4 {
	width: 100%;
	height: 100vh;
	background-image: url(../images/sec04bg.jpg);
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
#Xmas .section4 .title {
	padding: 15vh 0 47vh 0;
}

/* section5 */
#Xmas .section5 {
	width: 100%;
	height: 500px;
	background-color:#2e2a2a;
	overflow:hidden;
	
}
#Xmas .section5 .sec05bg1 {
	width: 100%;
	height: 100%;
	background-image: url(../images/sec05bg1.jpg);
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
#Xmas .section5 .sec05bg2 {
	width: 100%;
	height: 100%;
	background-image: url(../images/sec05bg2.jpg);
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
#Xmas .section5 ul {
	display: block;
}
#Xmas .section5 .article1 {
	width: 100%;
	height: 100%;
	padding:5% 20vw;
}
#Xmas .section5 .title1 {
	padding:10vh 0 18vh 0;
}
#Xmas .section5 .article2 {
	width: 45%;
	height: 100%;
	padding:5% 0;
	float:right
}
#Xmas .section5 .title2 {
	padding:7vh 0 12vh 0;
}
#Xmas .section5 .sec05b {
	width:200px;
}
/* section6 */
#Xmas .section6 {
	width: 100%;
	height: 100%;
	background-image: url(../images/sec06bg.jpg);
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
#Xmas .section6 .article {
	width: 48vw;
	padding: 7% 13%;
	text-align: justify;
	float:left;
}
#Xmas .section6 .phone {
	width: 280px;
	padding:5vh 0;
	float:left;
}
/* section7 */
#Xmas .section7 {
	width: 100%;
	height: 100%;
	background-color:#2e2a2a;
	overflow:hidden;
	
}
#Xmas .section7 .sec07bg1 {
	width: 100%;
	height: 100%;
	background-image: url(../images/sec07bg1.jpg);
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
#Xmas .section7 .sec07bg2 {
	width: 100%;
	height: 100%;
	background-image: url(../images/sec07bg2.jpg);
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
#Xmas .section7 ul {
	display: block;
}
#Xmas .section7 .article {
	width: 51vw;
	height: 100%;
	padding:6vh 0 6vh 20vw;
}
#Xmas .section7 .sec07pic {
	width:200px;
	padding:2% 0 3% 0;
}

/* section8 */
#Xmas .section8 {
	width: 100%;
	height: 90vh;
	background-image: url(../images/sec08bg.jpg);
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
#Xmas .section8 .article{
	width: 40%;
	padding:10vh 0 0 0;
	}
/* section9 */
#Xmas .section9 {
	width: 100%;
	height: 100%;
	background-image: url(../images/sec06bg.jpg);
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
#Xmas .section9 .article{
	width: 45%;
	padding:10vh 0 10vh 10vw;
	float: left;
	}
#Xmas .section9 .sec09icon{
	width: 200px;
	padding:10vh 0 0 0;
	
	}
#Xmas .section9 .sec09phone{
	width: 700px;
	padding:10vh 0;
	float: right;
	}
/* section10*/
#Xmas .section10 {
	width: 100%;
	height: 100%;
	background-image: url(../images/sec10bg.jpg);
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
#Xmas .section10 .article{
	width: 80%;
	padding:20vh 0 30vh 65vw;
	
	}
/* section11*/
#Xmas .section11 {
	width: 100%;
	height: auto;
	background-color:#e5e5e5;
	overflow:hidden;
}	
#Xmas .section11 .contain{
	/* [disabled]height: 90vh; */
	border: 1px solid #FFFFFF;
	margin: 3% 0;
	position: relative;
	}
#Xmas .section11 .article{
	width: 100%;
	padding:5vh 10vw 0 10vw;
	
	}
#Xmas .section11 .left{
	width: 43%;
	
	}
#Xmas .section11 .right{
	width: 55%;
	}	
#Xmas .section11 .sec11logo{
	max-width: 285px;
	}
#Xmas .section11 .sec11sale{
	max-width: 500px;
	}	

#Xmas .section11 .sec11gray{
	max-width: 280px;
	float:left;
	}	
#Xmas .section11 .sec11gold{
	max-width: 280px;
	float:right;
	}
#Xmas .section11 .btbox{
	width:100%;
	position:absolute;
	bottom:10vh;
	}
/* section12*/
#Xmas .section12 {
	width: 100%;
	height: auto;
	background-color:#434343;
	overflow:hidden;
}	
#Xmas .section12 .title {
	padding:2% 0; 
}	
#Xmas .section12 .article {
	max-width:530px;
	margin:1% auto 3% auto;
}	
#Xmas .section12 .circle {
	width: 150px;
	height: 150px;
	padding: 12% 0;
	margin: 0 2%;
	border: 1px solid #998675;
	border-radius: 100px;
	display: inline-block;
	color: #c6af9a;
	text-decoration: none;	
	/*漸變*/
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}	
#Xmas .section12 .circle:hover {
	background-color:#998675;
	border:1px solid #998675;
	color:#434343;
}	


/* banner */
#Xmas.banner {
	width: 100%;
	height: 100vh;
	background-image: url(../images/sec02bg.jpg);
	background-size: cover;
	background-color: #927760;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position:relative;
	padding: 5vh 5vw;
	
}

#Xmas.banner  .sec02_micro {
	width:200px;
	position:absolute;
	bottom:5vh;
}
#Xmas.banner  .sec02_love {
	margin:25vh 0 5vh 0;
	width:300px;
}
#Xmas.banner .btncenter {
	margin: 2vh auto;
	text-align:center;
}
#Xmas.banner .btnleft {
	margin: 2vh 0;
	text-align:left;
}