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

body{
	margin:0px;
	padding:0px;	
	font-family:Tahoma, Geneva, sans-serif;
	background:url("../images/bg01.jpg") no-repeat center top fixed #fddfab; 
}
h.a1{font-size:16px; color:#46342c; }
a:link {text-decoration:none; color:#46342c; }
a:hover {text-decoration:none; color:#f6ff00; }

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; 	
}
.sub-section1{ 
	width: 1000px; height: auto; 
	margin: auto; overflow: hidden; 
	display: block; 
}
.box-left{ 
	width: 480px; height: auto; 
	overflow: auto; display: block; 
	float: left; 
}
.box-mobile{ 
	width: 480px; height: 645px; 
	overflow: auto; display: block; 
	margin: auto;
	background:url("../images/mobile.png") no-repeat center top; 
}
.box-right{ width: 50%; height: auto; overflow: auto; display: block; margin: auto; margin-bottom: 20px;  text-align: center; }

.logo{ width: 155px; height: auto; overflow: hidden; display: block; margin: auto;}
.logo-top{ width: 155px; height: auto; overflow: hidden; display:none; margin: auto;}
.box-member{ width: 350px; height: auto; overflow: hidden; display: block; margin: auto; }
.box-mem1{ width: 200px; height: 200px; overflow: hidden; display: block; margin: auto; }
.box-mem2{ width: 300px; height: auto; overflow: hidden; display: block; margin: auto;}
.box-frame{ width: 200px; height: 200px; overflow:hidden; display: block; position: absolute; z-index: 20;}
.pic-member{ 
	width:160px; height:150px; overflow:hidden; display:block; 
	margin:auto; background:#666; border-radius:80px; 
	border:5px solid #fff; margin: 22px 0 0 14px;
	position: absolute; z-index: 10 ;
} 
.box-profile{ 
	width: auto; height: auto; overflow: hidden; 
	display: block; margin-top: 10px; margin-left: 10px; 
	color: #46342c; font-size: 20px; font-weight: bold; text-align: center;
}

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

.video { width: 230px; height: 412px; margin: 104px 0px 0px 130px; }

.video iframe {
   width: 230px;
   height: 412px;     
   top:0;

}

@media screen and (max-width: 823px){
body{ background:url("../images/bg900.jpg") no-repeat center top fixed #ff7e02; 
}
.sub-section1{ width: auto; }
.box-left{ width: auto;	float: none; }
.box-right{ width: auto; float: none; text-align: center; }

}

@media screen and (max-width: 490px){
.box-mobile{ width: auto; height: auto; margin: auto; background:none; }
.video { margin: auto; margin-bottom: 20px; }
}