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

body{
	margin:0px;
	padding:0px;	
	font-family:Tahoma, Geneva, sans-serif;
	background:#fff;
}

.a1{font-size:20px; color:#a08567; text-align:center;  }
.a2{font-size:16px; color:#a08567;  }

a:link {text-decoration:none; color:#fff;}
img{ max-width:100% ; background-size:100% auto; }

.wrapper{ width:100%; height:auto; margin:0 auto; overflow:hidden; }




#section1{ width:100%; height:auto; margin:0 auto; overflow:hidden; display:block; background:url("../images/bg01.jpg") no-repeat center top #fff; }
#myvdo{ width:100%; height:auto; margin:0 auto; overflow:hidden; display:block; top: 0; right: 0; bottom: 0; left: 0; position:absolute; z-index:100; }
.sub-section1{ width:1000px; height:790px; margin:0 auto; overflow:hidden; display:block; position:relative; z-index:110; }
.logo{width:auto; overflow:hidden; display:block; left:0; }
.t01{ width:400px; overflow:hidden; display:block; margin:auto; }
.pic-top{ width:auto; height:auto; margin:0 auto; overflow:hidden; display:block;  }
.pic830{ width:100%; height:auto; display:none;   }
.content{ 
	width:auto; height:auto; overflow:hidden; 
	display:block; text-align:center; padding:10px; 	
}

.bt-vdo{ width:81px; height:80px; overflow:hidden; display:block; margin:auto; margin-top:530px; }
.box-down{ width:430px; height:auto; overflow:hidden; display:block; margin:auto; margin-top:5px; }
.box-bt{ width:195px; height:auto; overflow:hidden; display:block; margin:auto;  margin-right:20px; float:left; }
.bt{ width:auto; height:auto; overflow:hidden; display:block; margin-top:5px;  }
.bt:hover, .bt-vdo:hover{ opacity: .9; }

#section2{ width:100%; height:auto; margin:0 auto; overflow:hidden; display:block;  background:url("../images/bg02.jpg") no-repeat center top #fff;}
.sub-section2{ width:1000px; height:auto; margin:0 auto; overflow:hidden; display:block; text-align: right;  }
.box-item1{ width:550px; height:auto; overflow:hidden; display:block; margin:auto; float: right; text-align: center; }
.bt01{ width:auto; height:auto; overflow:hidden; display:block; margin:auto; margin-top:10px; margin-bottom: 10px; }
.bt01:hover { opacity: .9; }


#section3{ width:100%; height:auto; margin:0 auto; overflow:hidden; display:block;  background:url("../images/bg03.jpg") no-repeat center top #fff;}
#section4{ width:100%; height:auto; margin:0 auto; overflow:hidden; display:block;  background:url("../images/bg04.jpg") no-repeat center top #fff;}
#section4-2{ width:100%; height:auto; margin:0 auto; overflow:hidden; display:block;  background:url("../images/bg06.jpg") no-repeat center top #fff;}

.sub-section3, .sub-section4{ width:100%; height:798px; margin:0 auto; overflow:hidden; display:block;   }

#section5{ width:100%; height:auto; margin:0 auto; overflow:hidden; display:block;  background:url("../images/bg05.jpg") no-repeat center top #fff;}
.sub-section5{ width:900px; height:auto; margin:0 auto; margin-bottom: 50px; overflow:hidden; display:block;   }
.sub-section850{ width:100%; height:auto; margin:0 auto; overflow:hidden; display:none;   }
.box-banner{ width:auto; height:auto; overflow:hidden; display:block; margin:0 auto; margin-bottom:0px; }
.banner{ width:auto; height:auto; margin:0 auto; display:block;  }


.gallery-cell { width:100%; height:auto;  margin-right: 0px;  counter-increment: gallery-cell; }
.gallery-cell2 { width:100%; height:auto;  margin-right:10px;  counter-increment: gallery-cell; }

/* cell number */
.gallery-cell:before {
  display: block;
  text-align: center;
  content: counter(gallery-cell);
  line-height: 0px;
  font-size: 0px;
  color: white;
}


.topic02, .text03{ width:auto; height:auto; overflow:hidden; display:block; margin:auto; text-align:center; }

.foot{ width:100%; height:auto; overflow:hidden; margin-top:0px; background:#000; }
.box-foot{ width:900px; height:auto; overflow:hidden; display:block; margin:auto;  text-align:center; color:#dbbb5f; font-size:14px; padding:30px }

/* scroll down */
.scroll-box{ 
	width:142px; height:550px; 
	overflow:hidden; display:block; 
	text-align:center; font-size:20px; color:#8c191b; text-shadow:1px 1px 1px  #fff;
	z-index:120; 
	position:fixed; right:3%; top:15%; 

}

.scroll-box2{ 
	width:90px; height:60px; 
	overflow:hidden; display:none; 
	text-align:center; font-size:14px; color:#8c191b; text-shadow:1px 1px 1px  #fff;
	z-index:120; 
	position:fixed; right:2%; top:50%;  

}


.scroll-bt{ width:89px; height:89px; overflow:hidden; display:block; margin:auto; margin-top:5px;  }
.scroll-bt:hover{ opacity: .8; }


/* scroll animation */

#scroll  {
  display:block;
}
#scroll span {
  position: absolute;
  top: 480px;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 3px solid #8c191b;
  border-bottom: 3px solid #8c191b;
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
  -webkit-animation: sdb06 1.5s infinite;
  animation: sdb06 1.5s infinite;
  box-sizing: border-box;
}

#scroll2  {
  display:block;
}
#scroll2 span {
  position: absolute;
  top: 2px;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 3px solid #8c191b;
  border-bottom: 3px solid #8c191b;
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
  -webkit-animation: sdb06 1.5s infinite;
  animation: sdb06 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb06 {
  0% {
    -webkit-transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb06 {
  0% {
    transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}

/*Lightbox*/


			#popupBox1 {
				top: 0; left: 0; position: fixed; z-index:120; width: 100%; height: 120%;
				background-color: rgba(0,0,0,0.7); display: none;
			}
			
			
			.popupBoxWrapper-vdo{
				width: 640px; height: 360px; margin: 130px auto; z-index:50; text-align:right;
			}
			.popupBoxWrapper-vdo iframe{width:100%; height:100%;}
			
			
			.popupBoxWrapper{
				width: 550px; height:490px; margin: 130px auto; z-index:50; text-align:right;
			}
			.popupBoxContent{
			
			font-size:20px;			

			}



/*End Lightbox*/



@media screen and (max-width: 900px){
h.a1{font-size:34px; }
h.a2{font-size:30px;  }
#myvdo, .logo, .t01{ display:none;  }
.sub-section1, .sub-section2, .sub-section850, .sub-section3, .sub-section4, .sub-section5{ width:auto; height:auto; }

.banner{ width:100%;  }
.content{ text-align:center; }
.box-bt{ width:auto; height:auto; overflow:hidden; display:block; margin:auto; }
.bt{ width:auto; height:auto; overflow:hidden; display:block; margin-top:5px; margin-right:3px; float:left; }
.sub-section3{ font-size:16px; }
.box-bt02{ width:auto; height:auto; overflow:hidden; display:block; margin:auto; }
.bt02{ width:24%; height:auto; overflow:hidden; display:block; margin-left:60px; float:left; }
.box-foot, .box-note{ width:auto; height:auto; }
}
@media screen and (min-width: 510px) and (max-width: 823px){
.scroll-box { display:none; }
.scroll-box2 { display:block; }
#section1{ background:#fff; }
#section2{ background:url("../images/pic830-02.jpg") no-repeat center top #fff; }
.sub-section2{ text-align:center;  }
.pic-top{ display:none;  }
.pic830{ width:100%; height:auto; display:block; margin-top:0px; }
.content{ text-align:center;  }
.bt-vdo{  margin-top:5px; display:none;  }
.box-down{ width:430px; height:auto; margin-top:0px; float:none; text-align:center; }
.box-bt{ width:195px; height:auto; overflow:hidden; display:block; margin:auto; margin-top:0; margin-left:10px; float:left; }
.bt{ width:100%; height:auto; overflow:hidden; display:block; margin:auto; margin-bottom:5px; }
.bt01{ width:90%; }

.box-item1{ width:90%; height:auto; overflow:hidden; display:block; margin:auto; float: none; }
.item{ width:30%; height:auto; overflow:hidden; display:block; float:left; margin-left:15px; margin-top:10px; }
.box-item2{ width:55%; height:auto; overflow:hidden; display:block; margin:auto; }
.item2{ width:42%; height:auto; overflow:hidden; display:block; float:left; margin-left:20px; margin-top:10px; }
.box-bonus{ width:90%; height:auto; overflow:hidden; display:block; margin:auto; margin-top:20px;  }
.bonus{ width:30%; height:auto; overflow:hidden; display:block; float:left; margin-left:15px; }
.box-text{ text-align:left; }

.box-bt02{ width:auto; height:auto; overflow:hidden; display:block; margin:auto; }
.bt02{ width:32%; height:auto; overflow:hidden; display:block; margin-bottom:10px; margin-left:5px; float:left; }

.box-icon{ width:90%; height:auto; overflow:hidden; display:block; margin:auto; margin-bottom:50px; }
.icon01{ width:30%; height:auto; overflow:hidden; display:block; margin-left:15px; float:left; margin-bottom:20px; }
}
@media screen and (min-width: 370px) and (max-width: 500px){
.bt-01{ width:45%; height:auto; overflow:hidden; display:block; float:right; margin-top:10px;   } 	
.scroll-box{ display:none; }
.scroll-box2 { display:block; }
#section1{ background:#fff; }
#section2{ background:url("../images/pic830-02.jpg") no-repeat center top #fff; }
.sub-section2{ text-align: center;  }
.pic-top{ display:none;  }
.pic830{ width:100%; height:auto; display:block; margin-top:0px; }
.bt-vdo{  margin-top:5px; display:none; }

.box-down{ width:100%; height:auto; margin-top:0px; float:none; text-align:center; }
.box-bt{ width:40%; height:auto; overflow:hidden; display:block; margin:auto; margin-top:0; margin-left:7%; float:left; }
.bt{ width:100%; height:auto; overflow:hidden; display:block; margin:auto; margin-bottom:5px; }
.bt01{ width:90%; }

.box-item1{ width:95%; height:auto; overflow:hidden; display:block; margin:auto; float: none; }
.item{ width:30%; height:auto; overflow:hidden; display:block; float:left; margin-left:10px; margin-top:10px; }
.box-item2{ width:95%; height:auto; overflow:hidden; display:block; margin:auto; }
.item2{ width:42%; height:auto; overflow:hidden; display:block; float:left; margin-left:20px; margin-top:10px; }
.box-bonus{ width:95%; height:auto; overflow:hidden; display:block; margin:auto; margin-top:20px;  }
.bonus{ width:30%; height:auto; overflow:hidden; display:block; float:left; margin-left:10px; }

.box-bt02{ width:auto; height:auto; overflow:hidden; display:block; margin:auto; }
.bt02{ width:30%; height:auto; overflow:hidden; display:block; margin:auto; float:left; margin-left:9px; margin-bottom:10px; }


.box-text{ width:90%; height:auto; overflow:hidden; display:block; margin:auto; border:2px solid #dbbb5f; padding:10px; text-align:left; }
.box-icon{ width:95%; height:auto; overflow:hidden; display:block; margin:auto; margin-bottom:50px; }
.icon01{ width:30%; height:auto; overflow:hidden; display:block; margin-left:10px; float:left; margin-bottom:20px; }
}

@media screen and (min-width: 320px) and (max-width: 360px){
.scroll-box{ display:none; }
.scroll-box2 { display:block; }
#section1{ background:#fff; }
#section2{ background:url("../images/pic830-02.jpg") no-repeat center top #fff; }
.sub-section2{ text-align: center;  }
.pic-top{ display:none;  }
.pic830{ width:100%; height:auto; display:block; margin-top:0px; }
.bt-vdo{  margin-top:5px; display:none; }

.box-down{ width:100%; height:auto; margin-top:0px; float:none; text-align:center; }
.box-bt{ width:40%; height:auto; overflow:hidden; display:block; margin:auto; margin-top:0; margin-left:7%; float:left; }
.bt{ width:100%; height:auto; overflow:hidden; display:block; margin:auto; margin-bottom:5px; }
.bt01{ width:90%; }

.box-item1{ width:95%; height:auto; overflow:hidden; display:block; margin:auto; float: none;}
.item{ width:30%; height:auto; overflow:hidden; display:block; float:left; margin-left:8px; margin-top:10px; }
.box-item2{ width:95%; height:auto; overflow:hidden; display:block; margin:auto; }
.item2{ width:40%; height:auto; overflow:hidden; display:block; float:left; margin-left:20px; margin-top:10px; }
.box-bonus{ width:95%; height:auto; overflow:hidden; display:block; margin:auto; margin-top:20px;  }
.bonus{ width:30%; height:auto; overflow:hidden; display:block; float:left; margin-left:8px; }

.box-bt02{ width:auto; height:auto; overflow:hidden; display:block; margin:auto; }
.bt02{ width:30%; height:auto; overflow:hidden; display:block; margin:auto;  float:left; margin-left:8px; margin-bottom:10px; }


.box-text{ width:85%; height:auto; overflow:hidden; display:block; margin:auto; border:2px solid #dbbb5f; padding:10px; text-align:left; }
.box-icon{ width:95%; height:auto; overflow:hidden; display:block; margin:auto; margin-bottom:50px; }
.icon01{ width:30%; height:auto; overflow:hidden; display:block; margin-left:8px; float:left; margin-bottom:20px; }
}