﻿/*--------------------------全--局-------------------------------*/
* {
	margin:0;
	padding:0;
	text-decoration:none;
}
body{
	margin:0;
	padding:0;
	color:#000000;
	font-size:12px;
	font-family:arial,verdana,helvetica,sans-serif;
	background:#fff;
}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,input,select,button,th,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
table {font-size:inherit;font:100%;}
input,select {font:100% arial,helvetica,clean,sans-serif;}
button {overflow:visible}
th,em,address,cite {font-style:normal;font-weight:normal;}
img {border:0;}

/*layout*/
#container {margin:auto;min-width:760px;zoom:1;font-size:100%;}
#container{
	width:1000px;
	overflow:hidden;
}

#header, #left, #right, #main, #footer, #listleft, #rightside{
	float:left;
	display:block;
	overflow:hidden;
	width:100%;
}
#header {width:100%;height:414px;margin-bottom:16px;}
#left {width:265px;}
#main {width:100%;margin-bottom:10px;}
#right {padding-left:15px;}
#footer {width:100%;float:left;margin-top:30px;text-align:center;background:url("images/dot_line.gif") repeat-x left top;}

/*common*/
a {color:#16387c;text-decoration:none;}
a:hover,a:active,a:focus {color:#f4ad02;text-decoration:underline;}

a{
	text-decoration: none;
}
a:link {
	color: #000;
}
a:visited {
	color: #000;
}
a:hover {
	color: #f4ad02;
	text-decoration: none;
}
a:active {
	color: #f4ad02;
	text-decoration: none;
}
ul{
	list-style-type:none;
	list-style-position : outside;
	margin:0 0 0 0;
	padding:0 0 0 0;
	word-break:keep-all;
}
ol{
	list-style-type:normal;
	list-style-position:inside;
	margin:5px 0 20px 10px;
	padding:0 0 0 0;
	word-break:keep-all;
}
li{
	margin:0 0 0 0;
	padding:0 0 0 0;
	word-break:keep-all;
}
p{
	margin:0 0 0 0;
	padding:0 0 0 0;
	word-break:keep-all;
}
img.c{
	width:360px;
	margin-top:10px;
}
img.leftpic{
	padding:10px;
	float:left;
}
img.rightpic{
	padding:10px;
	float:right;
}
input.text{
	width:300px;
	font-size:12px;
	color:#666;
}
input.utext, input.ptext{
	width:88px;
	height:25px;
	font-size:11px;
	margin-top:3px;
	color:#666;
	overflow:hidden;
	background:transparent;
	border:0px;
	float:left;
	padding-top:5px;
	padding-right:5px;
}
input.utext{
	margin-left:78px;
	margin-top:49px;
}
input.ptext{
	margin-left:78px;
	margin-top:16px;
}
input.mbut{
	width:51px;
	height:22px;
	float:left;
}
input.stext, input.sbut{
	display:block;
	overflow:hidden;
	float:left;
}
input.stext{
	width:138px;
	height:12px;
	border-style:solid;
	border-color:#d0e8dd;
	border-width:0px 0px 0px 0px;
	color:#666;
	padding:5px 5px 2px 7px;
	background:transparent;
	font-size:11px;
}
input.sbut{
	width:51px;
	heigth:22px;
	margin-left:9px;
	background:url("images/spacer.gif") no-repeat;
}
input.cod{
	width:30px;
}
input.button{
	background:#d89900;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	border:#fff 0px solid;
	padding:1px;
	margin-top:8px;
	font-family:Arial, Helvetica, sans-serif;
}
select{
	font-size:12px;
	font-family:arial;
}
textarea{
	width:350px;
	height:130px;
	font-size:11px;
	font-family:arial;
	color:#666;
}



/*------------------------ header ------------------------*/
#logo, #search {float:left;display:block;overflow:hidden;margin-top:18px;}
	#logo {width:696px;height:43px;}
	#logo h1 a {float:left;font-family:"Arial Black";font-size:47px;color:#f7cf6b;text-transform:uppercase;line-height:40px;padding-left:5px;}
	#logo h2 {float:left;padding-top:15px;padding-left:10px;font-size:10px;color:#ccc;font-weight:bold;line-height:11px;}
	#search {width:216px;height:25px;padding-top:4px;padding-left:58px;background:url("images/search.gif") no-repeat 0px 4px;}
#nav {float:right;display:block;width:605px;height:30px;overflow:hidden;}
	#nav li, #nav li a {float:left;display:block;height:30px;line-height:30px;color:#6b675b;}
	#nav li a, #nav li a:visited {padding:1px 14px;text-transform:uppercase;font-weight:bold;}
	#nav li a:hover {color:#f4ad02;}
#banner {float:left;display:block;overflow:hidden;width:590px;height:119px;background:#000 url("images/banner.jpg") no-repeat left top;padding-left:410px;padding-top:200px;}
	#banner h2, #banner h2 a {font-family:"Arial black";font-size:30px;color:#f6ba41;text-align:center;}


/*------------------------ main ------------------------*/
	
	
/*------------------------ left ------------------------*/
#listleft {width:700px;}
#left {}

#menu {width:100%;float:left;margin-top:5px;}
	#menu li, #menu li a {width:100%;float:left;display:block;}
	#menu li a, #menu li a:visited {text-indent:30px;height:26px;line-height:26px;color:#f4ad02;font-weight:bold;font-size:13px;}
	#menu li a.c1, #menu li a.c1:visited {width:90%;color:#6b675b;font-size:11px;text-indent:35px;font-weight:normal;line-height:15px;height:15px;overflow:hidden;}
	#menu li a.c1:hover {text-decoration:underline;}
	#menu li a:hover {color:#6b675b;}
		
	
/*------------------------ right ------------------------*/
#rightside {width:260px;padding:15px;background:url("images/dot_line.gif") repeat-y left top;}
	#announcement {font-size:13px;line-height:22px;margin-bottom:10px;}
	#announcement h3 {font-weight:bold;color:#ff6600;}
	#announcement li {line-height:11px;font-size:11px;}
	#announcement li a {display:block;line-height:22px;color:#f4ad02;}
	#photo li {float:left;display:block;margin-top:15px;}
	
#right {width:700px;background:url("images/dot_line.gif") repeat-y left top;}

#mpi {width:100%;height:132px;margin-top:4px;background:url("images/moho_products_info.jpg") no-repeat left top;}
#mpi h2 {width:0px;height:0px;overflow:hidden;}
#mpi dd {padding:52px 15px 0px 12px;font-size:11px;line-height:18px;}
#class_pic {width:100%;margin-top:5px;}
#class_pic li {width:180px;height:144px;text-align:right;overflow:hidden;padding:0px 20px 0px 0px;}
#class_pic li, #class_pic li a {float:left;width:160px;}
#class_pic li a.cln {width:100%;font-size:11px;font-weight:bold;color:#021a32;}
#class_pic li a.cp {height:106px;overflow:hidden;}
#pos, #prolist, #prodetail {width:100%;float:left;}
#pos, #pos a {margin-top:5px;line-height:30px;font-size:11px;color:#999;}
#pos a:hover {color:#f4ad02;}
.pdes {padding:10px;font-size:11px;color:#666;line-height:15px;}
#prolist li.plist {width:90%;margin-top:30px;float:left;display:block;background:url("images/dot.gif") repeat-x left bottom;padding-bottom:20px;padding-left:10px;}
	#prolist li.plist small {color:#999;}
	a.lp {width:220px;float:left;display:block;overflow:hidden;text-align:center;padding-bottom:10px;}
#prolist li dt strong {display:block;font-size:15px;padding-top:5px;}	
#prolist li dt strong a {color:#2b1f07;font-size:15px;font-weight:bold;line-height:40px;}
#prolist li dt strong a:hover {color:#f4ad02;}
#prolist li dl {width:380px;padding-left:24px;float:left;}
#prolist li dd {width:100%;color:#000;line-height:17px;overflow:hidden;display:block;}
#prolist li dd a {width:100%;height:6px;margin-top:27px;display:block;overflow:hidden;background:url("images/read_more.gif") no-repeat 260px top;}
#description, #detailed, #thiscp {width:100%;margin-bottom:30px;float:left;display:block;padding-bottom:30px;background:url("images/dot.gif") repeat-x left bottom;}
#description {margin-top:20px;}
#description dt {width:0px;height:0px;overflow:hidden;}
	.prop {width:340px;float:left;padding-left:25px;}
		.prob{
			width:300px;
			height:260px;
			display:block;
			overflow:hidden;
			float:left;
			text-align:center;
		}
		.prob b {width:300px;height:240px;display:block;overflow:hidden;}
		.prob p {border:#84c9bf 5px solid;height:auto;background:#fff;}
		.prob p img {cursor:pointer;}
		.prob p a {text-align:right;width:500px;padding-right:10px;font-size:10px;text-decoration:underline;display:block;}
		.prob a {width:300px;display:block;text-align:center;}
		.morepics{
			width:300px;
			float:left;
			display:block;
			overflow:hidden;
			text-align:center;
		}
			.morepics img{
				height:45px;
				margin:5px 5px 0px 0px;
				border:#ccc 1px solid;
				cursor:pointer;
			}
	.pn, .des h1, .des p, #bmpp, a.bm, a.pp {float:left;width:100%;display:block;}
	.des {width:300px;float:left;}
		.pn {margin-top:45px;}
			a.prev, a.next, a.prev2, a.next2 {float:left;width:45px;height:14px;display:block;overflow:hidden;}
			a.prev {background:url("images/prev.gif") no-repeat;}
			a.next {margin-left:22px;background:url("images/next.gif") no-repeat;}
			a.prev2 {background:url("images/prev2.gif") no-repeat;}
			a.next2 {margin-left:22px;background:url("images/next2.gif") no-repeat;}
	.des strong {line-height:40px;font-size:15px;}
	.des h2 {line-height:22px;font-weight:bold;font-size:15px;margin-bottom:10px;}
	.des p {line-height:20px;}
#detailed {padding-left:25px;}
#detailed dt, #thiscp dt {color:#f4ad02;font-weight:bold;font-size:13px;padding-bottom:13px;}
	.detail {line-height:15px;}
	ol li ul {list-style-type:normal;list-style-position:inside;margin:5px 0 10px 10px;padding:0 0 0 0;word-break:keep-all;}
	.detail td {padding:3px;}
#thiscp dt {padding-left:32px;}
	a.bm, a.pp {width:318px;color:#009779 !important;height:13px;text-indent:16px;}
	a.bm:hover, a.pp:hover {color:#005b63 !important;}
	a.bm {background:url("images/bookmark.gif") no-repeat left 2px;}
	a.pp {background:url("images/print.gif") no-repeat left 2px;}
	
.rollBox{width:704px;overflow:hidden;padding:12px 0 5px 6px;} 
.rollBox .LeftBotton{height:52px;width:20px;background:url("images/toleft.gif") no-repeat 0 10px;overflow:hidden;float:left;display:inline;margin:25px 0 0 0;cursor:pointer;} 
.rollBox .RightBotton{height:52px;width:20px;background:url("images/toright.gif") no-repeat 0 10px;overflow:hidden;float:left;display:inline;margin:25px 0 0 0;cursor:pointer;} 
.rollBox .Cont{width:663px;overflow:hidden;float:left;} 
.rollBox .ScrCont{width:10000000px;} 
.rollBox .Cont .pic{width:70px;height:90px;float:left;text-align:center;} 
.rollBox .Cont .pic img{padding:4px;background:#fff;border:1px solid #ccc;display:block;margin:0 auto;} 
.rollBox .Cont .pic p{line-height:26px;color:#505050;} 
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;} 
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;} 
.rollBox #List1,.rollBox #List2{float:left;} 

#siteinfo, .faqlist, .infolist {width:660px;float:left;padding-left:15px;}
#siteinfo, #homeinfo {margin-top:10px;padding-right:10px;line-height:18px;}
	#siteinfo dd p, #homeinfo dd p {margin-bottom:15px;}
	#siteinfo dd a, #homeinfo dd a {color:#6b675b;text-decoration:underline;font-weight:bold;}
	#siteinfo dd a:hover, #homeinfo dd a:hover {color:#d89900;text-decoration:none;}
	#siteinfo h2, #homeinfo h2 {overflow:hidden;width:0px;height:0px;}
	#siteinfo dt, #homeinfo dt {font-size:20px;line-height:40px;margin-bottom:10px;}
	#siteinfo dt small {font-size:10px;display:block;margin-top:-20px;color:#999;}
	#homeinfo {padding-left:25px;width:630px;float:left;font-size:13px;}
	#homeinfo dd.more a, a.more {width:100%;text-align:right;display:block;}
	a.more {margin-top:20px;}
#siteinfo tr td {padding:1px;font-size:11px;color:#666;}
#siteinfo tr {line-height:12px;}
#siteinfo td a {color:#66a8a3;font-weight:bold;}
#siteinfo td a:hover {color:#005b63;}
	.lh17 {line-height:16px;}
	.lh17w100 {width:100px;line-height:16px;}
	.lh17w95 {width:90px;line-height:16px;}
	.dotline {background:url("images/dot.gif") repeat-x left bottom;}
	.spacer1 {margin-left:40px;}
	.star, .star2, #siteinfo u {font-size:12px !important;color:#005b63 !important;}
	.star2 {color:#fff !important;}
	.txtinpw1, .txtinpw2, .txtinpw3, .txtinpw4 {display:block;float:left;}
	.txtinpw1 {width:79px;}
	.txtinpw2 {width:129px;}
	.txtinpw3 {width:3px;line-height:40px;}
	.txtinpw4 {width:3px;line-height:18px;}
	.chkbox {width:180px;float:left;}
	.chkbox li {height:20px;float:left;line-height:22px;}
		.spacer2 {width:15px;float:left;line-height:22px;text-align:right;}
		.txtinpw5 {width:160px;float:left;}
		.tdw {width:600px;}
	
.faqlist, .infolist {margin-top:10px;padding-right:10px;background:url("images/dot.gif") repeat-x left bottom;}	
.faqlist dt, .infolist dt {color:#005b63;font-weight:bold;line-height:23px;}
.faqlist dd, .infolist dd {font-size:12px;line-height:17px;color:#666;padding-bottom:10px;}
	a.backtop {width:100%;height:14px;display:block;text-align:right;}
	img.cipic {border:#ccc 1px solid;display:block;padding:1px;margin:10px;}
	
.down li, .down li a, .down small {display:block;float:left;}
.down li {width:100%;margin-bottom:5px;background:url("images/dot.gif") repeat-x left bottom;padding-bottom:5px;}
.down li a.txtlnk, .down li a.txtlnk2 {width:77%;line-height:15px;height:15px;overflow:hidden;padding-right:20px;text-indent:32px;background:url("images/pdf.jpg") no-repeat 10px top;}
.down li a.txtlnk2 {background:url("images/pdf.gif") no-repeat 10px top;}
.down li a.fillnk {width:auto;line-height:15px;text-indent:16px;background:url("images/download.gif") no-repeat left 1px;}
.down small {line-height:15px;font-size:10px;color:#666;padding-left:10px;}

.back a {width:650px;margin-top:30px;float:left;display:block;background:url("images/dot.gif") repeat-x left top;padding-bottom:20px;padding-left:10px;}
	
/*------------------------ pagebar ------------------------*/

#pagebar {
	width:650px;
	display:block;
	clear:both;
	color:#666;
	line-height:20px; 
	text-align:right;
	margin-top:20px;
	}
#pagebar a.backtop, #pagebar a.backtop:hover {float:left;width:66px;border:0px;}
#pagebar a{ padding:1px 5px; margin:0 2px; text-align:center; font-weight:bold; font-family:Arial, Courier, "Courier New", Tahoma, Verdana; border:1px solid #848484; text-decoration:none;color:#666; }
#pagebar a:hover{border:1px solid #f4ad02; color:#f4ad02; text-decoration:none;}

/*------------------------ footer ------------------------*/

#foot_contact, #foot_link {margin-top:30px;font-size:11px;color:#292a2b;}
#foot_contact strong {padding-left:10px;}
#foot_link {padding:10px;margin:0px;}
#copyright, #copyright a {font-size:11px;color:#666;margin:20px 0px 10px;}
	#copyright a:hover {color:#f4ad02;}
