@charset "utf-8";
*{padding:0; margin:0;}
body { margin:0; padding:0; width:100%; background:#fff;font: 9pt/150% Futura, Verdana, Arial, Helvetica, sans-serif;}
html { padding:0; margin:0; }
a{text-decoration: none;}
a:hover{text-decoration: underline;}
img{border:0;}
ul{list-style-type:none; padding:0; margin:0}
li{list-style-type:none; padding:0; margin:0}
ol {list-style: none; padding:0; margin:0}
p,h1,h2,h3,h4,h5,h6,form{margin:0px;padding:0px;}
.clr { clear:both; padding:0; margin:0; background:none; }

/* main */
.main { width:100%; padding:0; margin:0 auto; }
.resize { width:880px; margin:0 auto; padding:0px; }
.content{width:100%;margin:0 auto; padding:0px;}

/********** header **********/
.header {height:90px; background:#fff;border-bottom: solid 1px #a57b15;}
.header_index {height:90px; background:#fff;}
.block_header { margin:0 auto; width:880px;height:90px;background:#fff;}
/* logo */
.logo { float:left; padding:10px 0 0 0; margin:0;}
.header_r{ float:right; padding:60px 0 0 0; margin:0;}

/* menu */	
.menu {height:30px; width:663px; padding:0; margin:0;}
.menu ul {padding:0px 0px 0px 0px; margin:0; list-style:none; border:0; float: right; }
.menu ul li {height:20px;position:relative; float:left; margin:0; padding:5px 15px 5px 15px;background:url(images/menu_bg.gif) left no-repeat;}
.menu ul li.first{background:none}

.menu ul li ul{
    z-index: 99999;
	width:150px;
    display: none;
	position:absolute;
	left:0px;
	top:30px;
	/*border-top:none;
	border-right:#A57B15 solid 4px;
	border-left:#A57B15 solid 4px;
	border-bottom:#A57B15 solid 4px;*/
	padding:0px;
	margin:0px;
	font-size: 11pt;
	background:#fff;
	/*-webkit-box-shadow:0 .5em 18px rgba(0,0,0,0.45);-moz-box-shadow:0 .5em 1em rgba(0,0,0,0.45);filter:progid:DXImageTransform.Microsoft.Shadow(color='#969696',Direction=145,Strength=3);/ * */;
	}
.menu ul li ul li{z-index: 99998;height:25px;width:120px;line-height: 25px;text-align: left;float: left;background:#fff none;border:none;}
.menu ul li ul li a{color:#640404;font-weight: normal;display: block;width:100%;height:100%;padding:0px;margin:0px}
.menu ul li ul li a:hover{display: block;width:100%;height:100%;background:#FFFBDE;text-decoration: none; padding:0px;margin:0px；}


/********** body class **********/
.body{}

/* photoslide */
#myin{width:100%;margin:0 auto; padding:0px;background: #fff;}
#photoslide{width: 1008px;padding:0px;margin: 0px auto;position: relative;}
#psitem{width: 1008px;margin: 0px auto;z-index: 100;}
#psitem img{display: none;}
#psnav{position: absolute; top:20px;left:65px;z-index: 1000;}
#psnav img{display:block;margin:10px 0px 20px 0px;cursor:pointer;}
#psnav img.currimg{}

/*content-page*/
.content-page{padding:0px;margin:0px;}
.content-page h1{font-size: 11pt;padding-bottom:10px;}
.content-page .content-main{font-size: 11pt;line-height: 150%}

/*touch*/
#touch{height:465px;width:880px;margin:0 auto;}
#slidePage {position:absolute;width:870px; height:465px; overflow:hidden;background: #fff url(member/member_bg.html) repeat-x}
#slidePageWrapper { 
		width:870px; 
		height:465px; 
		overflow:hidden;
		position:relative;
}
.slidePageContent{}
.slidePageContent li{position:relative;display: block;float: left;}

#controls{position:absolute;width:880px;}
#nextpic{position:absolute;top:320px;left:-40px;z-index:999999}
#prevtpic{position:absolute;top:320px;right:-40px;z-index:999999}

#tips{
    font-family: Helvetica, sans-serif;
	position:absolute;
	font-weight: normal;
	font-size: 14px;
	padding:10px 0px 0px 0px;
	width:100%;
	height:100%;
	text-align:center;
	margin: 0;
	line-height: 150%;
	color:#000;
	top: 465px;
	left: 0;
	background: none;
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
#tips a{
	display: block;
	color: #000;
	text-decoration: none;
	padding:0px 0px 0px 0px;
	/*border:#000 solid 1px;*/
	}
.myalbum{background: #000000 url("images/album_bg.gif") left top repeat;}
.Album{padding-bottom:30px;z-index: 10;}
.Album h1{font-size: 16pt;text-align: left;padding:30px 0px 0px 0px;color: #eee}
.Album ul{}
.Album ul li{
	position:relative;
	width:190px;
	height:190px;
	overflow:hidden;
	float: left;
	margin:25px 0px 0px 25px;
	border:#777 1px solid;
	text-align: center;
	}

.Album ul li img{padding:0px;background:transparent;}
.Album ul li a{color:#FFF;width:180px;height:180px;margin:4px;background:#F6F6F6;display: block;}
.Album ul li a:hover{color:#FFF;text-decoration: none;}
.Album ul li span{
	position:absolute;
	text-align: center;
	padding-top:10px;
	font-size: 11pt;
	left:0px;
	top:190px;
	width:100%;
	height:100%;
	color:#fff;
	font-weight: normal;
	background: #000;
	opacity: .55; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=55);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
	}
.Album1{padding-bottom:30px;z-index: 10;}
.Album1 ul{}
.Album1 ul li{
	width:880px;
	overflow: hidden;
	float: left;
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 0px;
	}
.Album1 ul li img{border:#777 1px solid;width:325px;height:215px; padding:5px;float: left;}
.Album1 ul li a{color:#FFF}
.Album1 ul li a:hover{color:#FFF;text-decoration: none;}
.Album1 ul li span{
	float: right;
	text-align: left;
	padding:0px;
	font-size: 12pt;
	line-height: 150%;
	width:500px;
	height:100%;
	color:#fff;
	font-weight: normal;	
	}
.Album1 ul li span h2{
	font-size: 18pt;
	padding:45px 0px 30px 0px;
	text-decoration: underline;
	
}
.Album1 ul li span P{
	font-size: 14pt;
	padding:0px 0px 0px 0px;
	
}
.myNews{z-index: 10;}
.myNews h1{padding:10px 0px 0px 0px}
.myNews ul{}
.myNews ul li{width:400px;float: left; border:none;padding:0px;margin:5px;}
.pagecontrol{padding: 20px 0px;text-align: center;}

.myvideo{z-index: 10;}
.myvideo h1{padding:50px 0px 80px 0px}
.myvideo ul{}
.myvideo ul li{width:400px;float: left; border:none;padding:0px;margin:10px 0px 0px 30px;}
.v{width:400px;height:361px;background: #fff url("images/video-02.gif") no-repeat;padding:0px 0px 0px 0px}
.v a{display: block;color:#000;margin:0 auto;width:338px;font-size: 11pt;text-align: center;position:relative; }
.v a img{padding:30px 0px 0px 0px}
.mpng{background: url(images/play.png) no-repeat;position:absolute;left:0px;top:30px;padding:0px;width:340px;height:255px;}
.vp{padding:300px 0px 0px 0px;}
/*contact*/
.contact {width:300px;float: left; margin:50px 0px; padding:50px 30px;}
.contact h2{font-weight: bold;font-size: 14pt;}
.contact p {padding:5px 0px;}
.contact p strong{padding:5px 0px;}
.mycontact{width:800px;margin:20px auto;padding:0px 0px 0px 0px;text-align:center; border:#000 1px solid ;}
.myform{width:800px;margin:0 auto;text-align:center;}
.fs{width:38px; height:38px;border:none;}
.tt{width:623px; height:198px;border:none;background: #fff url("images/contact-us-images-06.gif") no-repeat;padding:2px;}
.tt textarea{width:600px; height:180px;padding:0px; border:none;background: #fff url("images/contact-us-images-06.gif") no-repeat;}
.inp{background: #fff url("images/contact-us-images-10.gif") no-repeat;width:192px;height:20px;border:none;line-height: 20px;padding:5px 5px 15px 5px}
.inp1{background: #fff url("images/contact-us-images-11.gif") no-repeat;width:368px;height:20px;border:none;line-height: 20px;padding:5px 5px 15px 5px}
/* contact form 
.form { width:400px;float: left; margin:50px 0px; padding:50px 30px;border: #5B4205 1px solid;background: #fff }
.form ul {width:250px; float: left; margin:5px 3px; padding:0; list-style:none; }
.form h2{font-weight: bold;font-size: 14pt;}
.form .serv { width:250px; float:left; margin:5px 2px; padding:0; }
.form .serv img { margin:10px 5px; float:left; padding:0; }
#contactform {margin:0; padding:5px 10px; }
#contactform {  }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; }
#contactform li.buttons { margin:5px 0 5px 0; }
#contactform label { margin:0; width:350px; display:block; padding:5px 0;text-transform:capitalize;font-weight: bold;font-size: 10pt;}
#contactform label span { font:normal 9pt; }
#contactform input.text {width:350px; border:1px solid #5B4205; margin:5px 0; padding:5px 2px; height:16px; background:#fff; }
#contactform SELECT.text {width:150px; border:1px solid #5B4205; margin:5px 0; padding:0px 0px;height:25px; background:#fff; }
#contactform textarea {width:350px; border:1px solid #5B4205; margin:10px 0; padding:2px; background:#fff; }
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF; }
*/
/*member-page*/
.member{background:#FFF;width:100%;padding:50px 0px 15px;0px}
.member_l{width:250px;float: left;text-align: center;}
.member_l h1{font-size: 12pt;padding:10px 0px;}
.member_r{float: left;width:600px;font-size: 11pt;line-height: 150%}
.member_r img{float: right;}
.member_r h1{font-size: 12pt;padding:10px 0px;}


/********** footer **********/
.footer{background: #fff url(images/foot_bg.gif) top left repeat-x; padding:0px; width:100%; height:78px; color:#fff;}
.footer .resize{width:880px; margin:0px auto; height:78px; padding:0px;}
.footer .resize a {color:#fff}
.footer .resize .copyright{color:#FFF; width:880px; height:78px; line-height: 78px; text-align: center; position:relative;font-size: 10pt;}
/*.footer img{vertical-align:middle;}*/

.acfrom{width:750px;margin:20px auto;padding:0px 0px 0px 0px;text-align:center;}
.afrom{background: #fff url(images/func_02.gif) top repeat-y;margin:0 auto;padding:0px 0px 0px 0px;text-align:center;}
.intp2{background: #FFFFE1 url(images/func_05.gif) no-repeat; width:389px;height:20px;border:none;padding:6px 10px 10px 10px;font-size: 11pt;}

.index_bg{background: #fff url(images/index_bg.jpg) top repeat-x;height:91px;}
.ptd{padding-left:50px;}