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

.info{ width:650px;} 
.title{ background:url(../images/slide-line.png) no-repeat 100% 50%;}
.title h1{ display:inline-block; background:#f0f0f0; height:75px; line-height:75px; font-size:25px; color:#222; text-shadow:#fff 1px 1px; font-weight:normal; }
.title h1 span{ font-size:15px; color:#FC0004; padding:0 10px;}

.item{ background: url(../images/sub-bg.png); overflow:auto;}
.item li{ display:block; float:left; background:#fff; border-bottom:#dbdbdb solid 1px; border-right:#dbdbdb solid 1px;}
.item li a{ display:block; color:#ccc; font-size:16px;  text-decoration:none; font-family:Arial, "微軟正黑體"; padding:0 14px; line-height:40px; height:40px;}
.item li a:hover{ background:#ccc; color:#fff;}

.list{}
.list ul{ margin:20px 0; width:662px; overflow:auto;}
.list li{ float:left; margin-right:6px; margin-bottom:10px;}
.list li a{display:block; width:320px; height:320px; overflow:hidden; position:relative; border:#f0f0f0 solid 1px; color:#fff; text-decoration:none; font-family:Arial, "微軟正黑體"; }
.list li a nav{display:block; position:absolute; left:0; bottom:0; background:url(../images/slide-part.png) no-repeat right bottom #252525; width:320px;}
.list li a h6{display:block; height:25px; line-height:25px; overflow:hidden; margin:15px 20px 0 20px; margin-bottom:0; font-size:16px;}
.list li a p{display:block; margin:10px 20px; font-size:13px; color:#a8a8a8; margin-top:0; height:50px; line-height:23px; overflow:hidden;}
.list li a:hover{border:#F00 solid 1px;}
.list li a:hover h6{color:#f00;}
.list li a:hover p{color:#fff;}
.list li a img{display:block; width: 320px;}

.pageNumber{ clear:both; display:block; margin:0 auto; height:50px;}
.pageNumber span{ float:left;}
.pageNumber a{ display:block; border:#c5c5c5 solid 1px; padding:15px 0; margin:3px; width:50px; text-align:center; font-size:15px; font-family:Arial, "微軟正黑體";  text-decoration:none; color:#333;}
.pageNumber a:hover, .pageNumber a.active{ background:#fff;}
.pageNumber a.prev, .pageNumber a.next{ font-style:normal;}

.subTitle{ text-align:left;font-family:Arial, "微軟正黑體";  color:#6d6d6d; text-shadow:#fff 1px 1px; padding-bottom:10px;}
.subTitle h2{ font-size:22px; color:6c6c6c;}
.subTitle span{ font-size:13px; color:#999;}

.container{ font-size:15px; line-height:25px; font-family:Arial, "微軟正黑體"; color:#666;}
.container img{ max-width:650px;}

.related{border-top:#ddd solid 1px; padding-top:10px;}
.article, .store{ width:280px; padding:20px;}
.article h4, .store h4{ font-size:15px; line-height:30px; color:#FC060A;font-family:Arial, "微軟正黑體"; }
.article{ float:left; background:#fff; }
.article li a{ font-size:13px; line-height:20px; color:#999; font-family:Arial, "微軟正黑體";  text-decoration:none;}
.article li a:hover{ text-decoration:underline;}
.store{ float:right; background:#fff;}
.store p{ display:block; color:#666; line-height:20px; font-size:13px; font-family:Arial, "微軟正黑體";  }

.nav{ clear:both;}
.nav a{ display:block; border:#c5c5c5 solid 1px; padding:15px 20px; text-align:center; font-size:15px; font-family:Arial, "微軟正黑體";  text-decoration:none; color:#666; text-shadow:#fff 1px 1px; margin:10px 0;}
.nav a:hover{ background:#fff;}
.nav a.prev{ float:left;}
.nav a.next{ float:right;}

.form{}
.form dl{ display:block; overflow:auto; margin-bottom:1px; background:#e5e5e5; }
.form dt, .form dd{ display:block; float:left; padding:10px;}
.form dt{ width:100px;}
.form dd{ background:#dddddd; width:510px;}
.form dd input, .form dd textarea, .form dd select{ background:transparent; border:#bbb solid 1px; padding:5px; width:300px; font-size:13px; font-family:Arial, "微軟正黑體"; color:#999;}
.form dd textarea{ height:200px; width:500px !important;}
.form dd select{ color:#666;}
.form nav{ text-align:center; margin-top:10px;}
.form nav input{ display:inline-block; border:#c5c5c5 solid 1px; padding:15px; margin:3px; width:80px; text-align:center; font-size:15px; font-family:Arial, "微軟正黑體";  text-decoration:none; color:#333; text-shadow:#fff 1px 1px; background:transparent; cursor:pointer;}
.form nav input:hover{ background:#fff;}

.compare{ overflow:auto;}
.pic, .data{ float:left;}
.pic{
	margin-right: 10px;
	width: 210px;
}
.pic img{
	display: block;
	width: 210px;
}
.data{ width:400px;}
.data dl{display:block; overflow:auto; margin-bottom:1px; background:#e5e5e5;}
.data dt, .data dd{display:block; float:left; padding:10px; font-size:15px;}
.data dt{ width:80px;}
.data dd{ width:280px; background:#dddddd;}

.product{}
.product nav{ display:block; height:400px; text-align:center; background:#fff;}
.product nav img{ max-height:400px;}
.product ul{ text-align:center; margin-top:10px;}
.product li { display:inline-block; }
.product li a{ display:block; width:70px; height:70px; background:#fff; overflow:hidden; position:relative; border:#fff solid 3px;}
.product li a.active{ border:#F70004 solid 3px;}
.product li img{ display:block; height:100px; position:absolute; left:-100%; right:-100%; top:-100%; bottom:-100%; margin:auto;}
.product dl{display:block; overflow:auto; margin-bottom:1px; background:#e5e5e5;}
.product dt, .product dd{display:block; float:left; padding:10px;}
.product dt{ width:100px;}
.product dd{ background:#dddddd; width:510px;}

.step{ margin:0 110px;}
.step dl{ display:block; overflow:auto; padding-bottom:100px; background: url(../images/step-arrow.png) no-repeat bottom center;}
.step dl:last-child { background:none;}
.step dt, .step dd{ display:block; float:left;}
.step dt{ width:130px; height:130px;}
.step dd h2{ font-size:23px; color:#333;}
.step dd p{ font-size:15px;}
.step dt img{ width:130px;}
.step dd{ width:280px; margin-left:20px; padding:25px 0; text-shadow:#fff 1px 1px;}