﻿@charset "utf-8";
/* 菜单 */
@import url(superfish.css);

body {color:#646464; font:12px/22px "microsoft yahei";}
a {color:#5f5f5f}
a:hover {color:#709A0C;}
.red,.red a,.red:hover,.red a:hover{color:#e60012}

.clear {clear:both;} 
.clearfix:after { content: "."; display: block; height: 0;  clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
*+html .clearfix {min-height: 1%;}

.wrapper{width:100%;margin:0 auto;}
.wrap-outer{ width:100%; margin:0 auto; padding:0;}/*設定頁面最大寬度*/

/*header*/
.header{width:100%; height: 110px;background: url(../images/handbg.jpg) repeat-x left top;}
.header .header-wrap{width:1040px; height: 110px; margin:0 auto; padding:0;}
.header h1{width:200px;margin:0;height:65px; position: relative;background:url(../images/logo.png) no-repeat; top:23px; left:0px; float:left;}
.header h1 a{background:url(../images/logo.png) no-repeat;width:200px;height:55px;position: absolute;text-indent: -9999px;}

/*header*/
.header .top{float:right; width:840px; height:95px; margin-top:10px; *margin-top:8px; padding:0; }
.header .top .topmenu{float:right; width:840px; text-align:right; font: 12px/150% Arial,sans-serif;}
.header .top .topmenu em{margin:0 10px 0 10px;}

.header .top .nav {width:840px;float:left; margin:10px 0 0 35px;}

/*content*/
.content{width:100%; margin:0; padding:0; display:block; float:left;}

/* flexslider */
.full-screen-banner {width:100%; height:472px; margin:0 auto; position:relative; overflow:hidden;margin:0;z-index:-9999;background:url(../images/loading.gif) 50% no-repeat;}
.full-screen-banner ul{ position:relative; width:100%; height:472px;text-align:center ;}
.full-screen-banner ul li { display:block; position:absolute; left:0; top:0; width:100%; height:472px;text-align:center}

/* home-content-wrap */
.home-content-wrap{width:100%;float:left;display:block;margin:0;padding:0;position: absolute;top:537px;left:0px;z-index:2;	background: url(../images/contbg.png) no-repeat center top;}
.home-content-wrap .content-wrap{width:960px; display:block; margin: 0 auto;}

/* box */
.home-content-wrap .content-wrap .box{float:left; width:960px; display:block; padding:0; margin:10px 0;}

/* home-third */
.home-content-wrap .content-wrap .box .home-third{float:left; width:600px; display:block; padding: 0; margin:0 60px 0 0;}
.home-content-wrap .content-wrap .box .home-third .box{width:600px; margin:0;padding:10px 0;}
.home-content-wrap .content-wrap .box .home-third .box h2{width:300px;float:left; margin:0;padding:0;}
.home-content-wrap .content-wrap .box .home-third .box h3{width:300px;float:left; margin:0;padding:0;text-align:right;}
.home-content-wrap .content-wrap .box .home-third .item{ width:600px; float:left;display:block;margin:0;}
.home-content-wrap .content-wrap .box .home-third .item ul{}
.home-content-wrap .content-wrap .box .home-third .item li{width:190px;float:left;display:block;margin: 0 10px 0 0;padding:0 0 15px 0;}
.home-content-wrap .content-wrap .box .home-third .item li.last{margin:0;}
.home-content-wrap .content-wrap .box .home-third .item li .pic{width:188px;height:125px;float:left;display:block;margin:0;border:1px solid #F0F2F3;}
.home-content-wrap .content-wrap .box .home-third .item li .title{width:190px;float:left;display:block;color:#666;background-color:#F0F2F3;text-align:center !important;padding:5px 0;}
.home-content-wrap .content-wrap .box .home-third .item li .title a{color:#666;}

/* home-fourth */
.home-content-wrap .content-wrap .box .home-fourth{float:left; width:300px; display:block; padding:0; margin:0;}
.home-content-wrap .content-wrap .box .home-fourth h2{width:290px; margin:0;padding:10px 0 10px 10px;color:#fff;background-color:#76a20c;}
.home-content-wrap .content-wrap .box .home-fourth .scrollitem{ width:298px;height:215px;float:left;display:block;margin:0;border:1px solid #76a20c;overflow:hidden;}
.home-content-wrap .content-wrap .box .home-fourth .scrollitem ul{
	font-size: 16px;
	padding: 10px;
	line-height: 26px;
}

.home-content-wrap .content-wrap .box .home-fourth .scrollitem li{
	
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.home-content-wrap .content-wrap .box .home-fourth .scrollitem li.lieven{background:#F0F2F3;}

/* sub-box */
.home-content-wrap .content-wrap .sub-box{float:left; width:960px; display:block; padding:0; margin:0;}
.home-content-wrap .content-wrap .sub-box .home-first{float:left; width:600px; height:235px ;display:block; padding: 0; margin:0 60px 0 0;}
.home-content-wrap .content-wrap .sub-box .home-first h2{width:660px; margin:0 0 10px 0}

/* home-second */
.home-content-wrap .content-wrap .home-second{
	margin-top: 20px;
	float: left;
	width: 300px;
	display: block;
	padding: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.home-content-wrap .content-wrap .home-second h2{width:300px; margin:0 0 10px 0}
.home-content-wrap .content-wrap .home-second .item{float:left; width:300px; display:block; padding:0;margin:0;}
.home-content-wrap .content-wrap .home-second .item ul{}
.home-content-wrap .content-wrap .home-second .item li{float:left; width:300px; display:block;background: url(../images/line02.gif) no-repeat left top;}
.home-content-wrap .content-wrap .home-second .item li .title{float:left; width:275px; display:block;color:#666;line-height:200%; text-decoration:none;padding:2px 0}
.home-content-wrap .content-wrap .home-second .item li .title a{color:#666; text-decoration:none;}
.home-content-wrap .content-wrap .home-second .item li .title a:hover{color:#709A0C; text-decoration:none;}
.home-content-wrap .content-wrap .home-second .item li .icon{float:left; width:25px; display:block; text-align: right; padding:4px 0 0 0; *padding:0!important; padding:5px 0 0 0\0; [;padding:5px 0 0 0;]}
.home-content-wrap .content-wrap .home-second .other{float:left; width:300px; display:block; padding: 7px 0; margin:0;background: url(../images/line03.png) no-repeat left top;text-align:left; color:#6AA4BA;}
.home-content-wrap .content-wrap .home-second .other a{color:#6AA4BA; text-decoration:underline;}
.home-content-wrap .content-wrap .home-second .other a:hover{color:#6AA4BA; text-decoration:none;}

/*Footer*/
.footer{width:100%; display:block; margin:0; background: url(../images/footbg.png) repeat-x left top; min-height:120px; padding:20px 0 0 0; position: relative; z-index:1; overflow:hidden;}
.footerindex{width:100%; display:block; margin:0; background: url(../images/footbg.png) repeat-x left top; min-height:120px; padding:20px 0 0 0; position: relative; top:550px;/*top:1150px*/ z-index:1; overflow:hidden;}
.footer-sub{width:100%; margin:0; background: url(../images/footbg.png) repeat-x left top; min-height:120px; padding:20px 0 0 0; float:left; display:block;}
.footer-wrap{width:1010px; display:block; margin:0 auto;}
.footer-wrap .copyleft-wrap{width:600px; float:left;padding:10px 0 0 0;margin:0 0 0 40px;}
.footer-wrap .copyleft-wrap .item-first {width:600px; height:25px ;float:left;padding:0;}
.footer-wrap .copyleft-wrap .item-first ul{float:left;padding:0;margin:0;}
.footer-wrap .copyleft-wrap .item-first li{height:25px; width:65px; color:#5B5B5B; float:left; padding:0; margin:0 25px 0 0; display:block ;font-weight:bold;background: url(../images/topmenuline.gif) no-repeat right 8px}
.footer-wrap .copyleft-wrap .item-first li a{color:#5B5B5B; text-decoration:none}
.footer-wrap .copyleft-wrap .item-first li a:hover{color:#709A0C; text-decoration:none}

.footer-wrap .copyleft-wrap .item-second {width:600px; height:25px ;float:left;padding:0; margin:8px 0 0 0;}
.footer-wrap .copyleft-wrap .item-second ul{float:left;padding:0;margin:0;}
.footer-wrap .copyleft-wrap .item-second li{height:25px; font-size:12px; color:#5B5B5B; float:left; padding:0; margin:0 18px 0 0; display:block ; }
.footer-wrap .copyleft-wrap .item-second li a{color:#5B5B5B; text-decoration:none}
.footer-wrap .copyleft-wrap .item-second li a:hover{color:#709A0C; text-decoration:none}

.footer-wrap .copyright-wrap{width:330px;float:right; display:block; text-align:right; padding:10px 0 0 0; margin:0 40px 0 0;}
.footer-wrap .copyright-wrap .item {width:360px; float:left;padding:0;}
.footer-wrap .copyright-wrap .item ul{width:360px; float:left;padding:0;}
.footer-wrap .copyright-wrap .item li{padding:0;font-size:11px; color:#A1A1A1;}
.footer-wrap .copyright-wrap .item li a{color:#B7B7B7; text-decoration:none;}
.footer-wrap .copyright-wrap .item li a:hover{color:#999 ;text-decoration:none;}

/*content*/
.content-banner{width:100%; margin:0; padding:0; text-align:center ; min-height:200px;}
.content-box{width:100%;float:left;display:block;margin:157px 0 0 0;padding:0; background: url(../images/bg.png) no-repeat center top; min-height:328px;}
.subject{width:1038px; display:block; margin:0px auto; padding:1px 1px 10px 1px; text-align:left; overflow:hidden;}

.content-box .over-wrap{width:1040px;float:left;display:block;margin:0;}
.content-box .subject-wrap{width:974px; float:left; display:block; margin:0 33px 45px 33px; padding:0;}
.content-box .subject-wrap h1{width:930px; height:55px; float:left; display:block; margin:0 23px}
.content-box .subject-wrap .content{width:930px;float:left;display:block; margin:25px 23px; padding:0}
.content-box .subject-wrap .content .left{float:left;width:550px;margin-left:15px;}
.content-box .subject-wrap .content .right{float:right;width:350px;margin-right:15px;}
.content-box .subject-wrap .content .detailleft{float:left;width:420px; margin:0 15px;}
.content-box .subject-wrap .content .detailright{float:right;width:420px; margin:15px;}

.location{width:930px; height:25px; float:left;display:block; text-align:right; font-size:12px ; color:#79A250; margin:30px 55px 0 55px;} 
.location a{color:#929292; text-decoration:none}
.location a:hover{color:#79A250; text-decoration:none}

/*bar-left*/
.bar-left{ width:220px;float:left;background: url(../images/submenuBg.png) no-repeat left top; min-height:630px;}
.bar-left p.title{ padding:25px 0 20px 30px;background: url(../images/menubline.gif) no-repeat left bottom; overflow:hidden; border-bottom:1px solid #fff; font-size:24px;}

.bar-left .submenu{width:220px;}
.bar-left .submenu dl{ border-bottom:1px solid #e0e0e0;margin:0; padding-bottom:0px}
.bar-left .submenu dt{ margin:0;background: url(../images/submenuoff.gif) no-repeat scroll 0px 0px; color:#fff; border-bottom:1px solid #fff; font-size:14px;}
.bar-left .submenu dt a{ color:#333; text-decoration:none;padding:10px 20px 10px 30px;display:block;line-height:150%;}
.bar-left .submenu dt a:hover{background: url(../images/submenuon.jpg) repeat-y left top;color:#fff; display:block; overflow:hidden;padding:10px 20px 10px 30px;}
.bar-left .submenu dt.onpage{background: url(../images/submenuon.jpg) repeat-y left top;display:block;border-bottom:1px solid #fff; overflow:hidden;}
.bar-left .submenu dt.onpage a{color:#fff; display:block;padding:10px 40px 10px 30px;}
.bar-left .submenu dt.onpage a:hover{color:#fff; display:block;padding:10px 40px 10px 30px;}
.bar-left .submenu dd{padding:5px 20px 5px 40px; margin:0; font: 12px/150% Arial,sans-serif;}
.bar-left .submenu dd a{ color:#666; text-decoration:none;}
.bar-left .submenu dd a:hover{ color:#718B32;}
.bar-left .submenu dd.line{border-top:1px solid #e0e0e0; padding-top:12px}
.bar-left .submenu dd.onpage{padding:5px 20px 5px 40px; margin:0; }
.bar-left .submenu dd.onpage a{ color:#718B32; text-decoration:none;}
.bar-left .submenu dd.onpage a:hover{ color:#718B32;}
.bar-left .submenu dd.last{ margin-bottom:5px}

.bar-right{ width:763px; float:left; margin:0 0 0 55px;}
.bar-right .title-wrap{width:763px; margin:25px 0px 25px 0; float:left; border-bottom:1px solid #e0e0e0; display:block; padding-bottom:5px;}
.bar-right .title{font-size:18px; float:left;}
.bar-right .location-mod{height:25px; float:right; padding-right:55px}
.bar-right .location-mod a{color:#929292;}
.bar-right .location-mod a:hover{color:#79A250;}

.bar-right .subject-wrap-mod{ width:705px; padding:0 0 30px 0;}
.bar-right .subject-wrap-mod p{margin:15px 0;}
.bar-right .subject-wrap-mod p img{ margin:15px 0;}

/* thisform CSS Document */
form.thisform fieldset {border: none;background-color: none;margin-top: 10px}
form.thisform label {display: inline-block;	line-height: 1.8;vertical-align: top;cursor: hand; font-size:12px;}
form.thisform fieldset p {list-style: none;	padding: 5px;margin: 0;	border-bottom:1px dashed #ddd}
form.thisform fieldset fieldset {border: none; margin: 3px 0 0}
form.thisform fieldset fieldset label {	display: block;	width: auto}
form.thisform label { width: 140px; } /* Width of labels */
form.thisform fieldset fieldset label { margin-left: 140px; } /* Width plus 3 (html space) */
form.thisform label.error {margin-left: 10px;}
form.thisform input.submit{border:1px solid #002050;background:#002050;padding:6px 8px;color:#fff;letter-spacing:2px;margin: 5px 0 5px 0;margin-left: 145px;}
form.thisform input.submit:hover{border:1px solid #0072c6;background:#0072c6;}

/* Style for item-second */
.item-second {width:708px; margin:0 0 20px 0;}
.item-second ul {margin: 0}
.item-second ul li {height: 30px; line-height:30px; border-bottom:1px dashed #CCCCCC;overflow: hidden;_zoom: 1}
.item-second ul li em {font-style:normal; font-weight: bold; float: left;overflow: hidden; }
.item-second ul li span {float: right; width: 520px; }

/* Style for toggle */
.toggle {margin:0;padding:0;width:708px}
.toggle h2 {font-size:16px;}
.toggle li {margin:10px 0;border-bottom:1px solid #ccc;  position:relative;cursor:pointer}
.toggle h3 {left:5px; font-size:12px; background-color:#f6f6f6;}
.toggle span {position:absolute;right:5px; top:0;color:#ccc}
.toggle p {margin:5px 0;display:none}	

/* thisform CSS select_style */
.select_style{position:relative;background:#FFFFFF;}
.select_style dl{padding-bottom:6px;float:left;}
.select_style dt{color:#6D6D6D;font-family:simsun;float:left;width:60px;line-height:24px;}
.select_style dd{color:#404040;float:left;width:300px;}
.select_style ul{clear:both;content:" ";display:block;height:0;}
.select_style li{background-color:#FFFFFF;float:left;line-height:20px;margin:0 4px 4px 0;padding:1px;position:relative;vertical-align:middle;}
.select_style li a{background-color:#FFFFFF;border:1px solid #E2E1E3;color:#000000;display:block;min-width:10px;padding:0 6px;text-align:center;text-decoration:none;white-space:nowrap;width:auto!important;cursor:pointer;color:#404040;}
.select_style li i{display:none} 
.select_style li .current{border:2px solid #DF0001;margin:-1px;} 
.select_style li .current i{background:url(../images/checked.png);bottom:0;display:block;height:12px;overflow:hidden;position:absolute;right:0;margin:0px;width:12px;} 
.select_style .stock a{color:#000;display:block;_display:inline;*zoom:1;float:left;width:26px;height:26px;border:1px solid #ccc;line-height:26px;padding:0;vertical-align:top;overflow:hidden;text-align:center;background-color:#ededed;overflow:hidden;}
.select_style #Qty{width:48px;float:left;height:26px;line-height:26px;margin:0;padding:0;text-align:center;color:#666;background-color:#fff;border:1px solid #ccc;outline:0;ime-mode:disabled;}
.select_style #reduction{border-right:0;font-size:14px;}
.select_style #addition{border-left:0;font-size:16px;}
.select_style .stock em{float:left;line-height:28px;margin-left:8px;display:none;}

/* thisform CSS price */
.price strong{font-family:'microsoft yahei';position:relative;top:-2px;padding-right:5px;font-size:18px;color:#DF0001}
.price em{color:#DF0001;font-size:14px;font-weight:200;margin-right:4px; font-style:normal}
.price font{font-weight:300;}

.jtable{border-top:4px solid #999999;border-radius:3px;}
.jtable th{font-weight:normal;background:#f7f7f7;line-height:30px;height:30px;color:#666; border-right:1px solid #FFF;text-align:left;}
.jtable th.last{border-right:none;}
.jtable td {border-bottom:1px solid #dddddd;padding: 5px 0; background:#fff}
.jtable td.last{border-bottom:0px solid #dddddd;background:#fff}

/* thisform CSS comment */
.commentCon{padding:10px 0 0 0;}
.commentCon .item{background:url(../images/dot.gif) repeat-x bottom; padding:15px 0 10px 10px; width:920px;}
.commentCon .item .linkman{ width:100px; height:50px; padding:10px; float:left;}
.commentCon .intro{width:780px; float:left; padding:0 0 0 20px;word-wrap:break-word;}
.commentCon .intro .summary{font-size:12px; line-height:18px; word-wrap:break-word;}
.commentCon .intro .date{padding:0 5px 0 0;}
.commentCon .intro .reply{font-size:12px; color:#DF0001; line-height:18px; word-wrap:break-word;}

/* thisform CSS radio-item */
.radio-item{line-height:32px;background:#fffeed;margin:1px 0;}
.radio-item input{margin:10px 5px 0 10px; vertical-align: top;}
.radio-item select{margin:6px 5px 0 10px; vertical-align: top;}
.radio-item label{margin-right:5px;}
.radio-item label span{padding-right:15px}

/* thisform CSS checkbox-item */
.checkbox-item{line-height:32px;background:#f7f7f7;margin:5px 0;}
.checkbox-item input{margin:10px 5px 0 10px; vertical-align: top;}
.checkbox-item label{margin-right:5px;}
.checkbox-item label span{padding-right:15px}

/* thisform CSS address-item */
.address-item{line-height:32px;background:#f7f7f7;margin:5px 0;}
.address-item input{margin:10px 5px 0 10px; vertical-align: top;}
.address-item label{margin-right:5px;}
.address-item label span{padding-right:15px}

.ui-addressItem{position:relative;background:#fffeed;margin:0px; padding: 10px;border:1px solid #dddddd;}

/* thisform CSS new-address */
.new-address div.list{float:left;width:100%;color:#888;padding:2px 0}
.new-address div{float:left}
.new-address div.label-item{width:120px;text-align:right}
.new-address input{height:20px}

.margin-top-4{margin-top:4px}
.margin-top-10{margin-top:10px}
.margin-bottom-10{margin-bottom:10px}
.margin-top-15{margin-top:15px}
.margin-left-15{margin-left:15px}
.margin-left-80{margin-left:120px}

.ui-btn a,.ui-btn a span{background:url(../images/ui-btn.png) no-repeat}
.ui-btn a{background-position:0 0;padding-left:15px;line-height:21px;height:21px;font-size:12px;text-align:center;float:left}
.ui-btn a span{background-position:100% -21px;padding-right:15px;float:left;height:21px}
.ui-btn a:hover{background-position:0 -42px;}
.ui-btn a:hover span{background-position:100% -63px}
.ui-btn .btn-distr{margin-left:5px}

.ui-btn-big a,.ui-btn-big a span{background:url(../images/ui-btn-big.png) no-repeat}
.ui-btn-big a{background-position:0 0;padding-left:15px;line-height:36px;height:36px;font-size:14px;text-align:center;float:left}
.ui-btn-big a span{background-position:100% -36px;padding-right:15px;float:left;height:36px}
.ui-btn-big a:hover{background-position:0 -72px;}
.ui-btn-big a:hover span{background-position:100% -108px}

.ui-btn-red a,.ui-btn-red a span{background:url(../images/ui-btn-red.png) no-repeat}
.ui-btn-red a{background-position:0 0;padding-left:15px;line-height:34px;height:34px;color:#fff;font-size:14px;font-weight:bold;text-align:center;float:left}
.ui-btn-red a span{background-position:100% -35px;padding-right:15px;float:left;height:34px}
.ui-btn-red a:hover{background-position:0 -70px;color:#fff}
.ui-btn-red a:hover span{background-position:100% -105px}

.choose_btn {width: 135px; height: 36px; margin: 10px 0!important; cursor: pointer; background: url(../images/btn-cart.png); border: 0;background-position: left top}
.confirm_btn {width: 135px; height: 36px; margin: 10px 0!important; cursor: pointer;float:right; background: url(../images/btn-confirm.png); border: 0;background-position: left top}
.pay_btn {width: 135px; height: 36px; margin: 10px 0!important; cursor: pointer; background: url(../images/btn-pay.png); border: 0;background-position: left top}

/* style for Pagination */
.pagination {padding-right: 2px; padding-left: 2px; padding-bottom: 2px; margin: 7px; padding-top: 2px; font-family: geneva, verdana, sans-serif;text-align: right}
.pagination a {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #76a20c; text-decoration: none}
.pagination a:hover {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #de1818}
.pagination a:active {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #de1818}
.pagination span.current {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #6d643c; padding-top: 0.5em; background-color: #f6efcc}
.pagination span.disabled {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #76a20c; text-decoration: none}

/* paginate theme - just for the docs overview headers */
.paginate {padding-right: 2px; padding-left: 2px; padding-bottom: 2px; margin: 7px; padding-top: 2px; font-family: geneva, verdana, sans-serif;}
.paginate a {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #76a20c; text-decoration: none}
.paginate a:hover {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #de1818}
.paginate a:active {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #de1818}
.paginate span.current {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #6d643c; padding-top: 0.5em; background-color: #f6efcc}
.paginate span.disabled {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #76a20c; text-decoration: none}

.subject-wrap-sub{ width:708px; float:left;padding:0px 30px 0 0;}

/* style for list-first */
.list-first{float:left;width:708px; margin-bottom:20px; }
.list-first ul{padding:0; margin:0;}
.list-first li{padding:10px 0 5px 0;list-style:none;width:708px;background: url(../images/dashline.gif) repeat-x left bottom;}
.list-first li .date{color:#999;}
.list-first li .title{color:#69A041; font-size:16px; padding-bottom:10px;width:708px;}
.list-first li .title a:hover{text-decoration:underline;}
.list-first li .title a{ text-decoration:none;}
.list-first li .summary{ padding-bottom:10px;font: 12px/150% Arial,sans-serif;width:708px;}
.list-first li .summary a{ color:#5f5f5f;text-decoration:none;}
.list-first li .summary a:hover{ color:#939393;text-decoration:none;}
.list-first li .detailed{background: url(../images/arrow01.png) no-repeat left 3px; padding-left:20px; margin-right:20px;}

/* style for list-second */
.list-second{ width:708px; float:left;display:block;margin:0;}
.list-second ul{}
.list-second li{width:220px;float:left;display:block;margin: 0 16px 0 0;padding:0 0 45px 0;}
.list-second li.last{margin:0;}
.list-second li .pic{width:220px;height:162px;float:none;display:block; background: url(../images/overbg.jpg) no-repeat left bottom; margin:0 0 10px 0;}
.list-second li .picture{width:220px;height:125px;float:left;display:block; background: url(../images/overbg.jpg) no-repeat left bottom;margin:0 0 10px 0;}
.list-second li .title{width:220px;float:left;display:block;color:#333;font-weight:bold;margin:0 0px 5px 0px}
.list-second li .summary{width:220px;float:left;display:block;line-height:180%;color:#5f5f5f;height:80px;margin:0}
.list-second li .summary a{color:#5f5f5f; text-decoration:none;}
.list-second li .summary a:hover{color:#939393; text-decoration:none;}
.list-second li .retailprice{width:220px;float:left;display:block;color:#5f5f5f;height:25px;margin:0}
.list-second li .saleprice{width:220px;float:left;display:block;color:#DF0001;height:25px;margin:0}
.list-second li .learn{width:195px;float:left;display:block;color:#7DAA07;padding:0 0 0 25px;background: url(../images/arrow01.png) no-repeat left 5px;margin:0}
.list-second li .learn a{color:#76a20c; text-decoration:underline}
.list-second li .learn a:hover{color:#76a20c; text-decoration:none}

/* style for list-third */
.list-third{ width:708px; float:left; margin:0; display:block;}
.list-third ul{}
.list-third li{width:345px;float:left; display:block;margin:0 5px 0 0;padding:0 0 45px 0;}
.list-third li.last{margin:0;}
.list-third li .pic{width:160px;display:block;float:left;}
.list-third li .intro{width:175px;display:block;float:left;margin:10px 0 0 10px;}
.list-third li .intro .title {width:175px;display:block;float:left;color:#333; font-weight:bold;margin-bottom:5px;}
.list-third li .intro .summary a{width:175px;display:block;float:left;color:#5f5f5f; padding:0px 0px 10px 0; line-height:180%;text-decoration:none;}
.list-third li .intro .summary a:hover{color:#939393;text-decoration:none;}
.list-third li .intro .learn{width:150px;display:block;float:left;background: url(../images/arrow01.png) no-repeat left 5px; padding:0 0 0 20px;}
.padding-large{padding:20px;}
.list-second-mod{width:670px;overflow:hidden;}
.list-second-mod h3{background:#f1f1f1;	height:24px;line-height:24px;padding-left:10px}
.list-second-mod ul,.list-second-mod ul li{	width:670px;overflow:hidden}
.list-second-mod ul li{	border-bottom:1px dashed #ddd; height:30px; line-height:30px}
.list-second-mod b{	display:block;text-align:right;font-weight:normal}
.list-second-mod b a{margin:10px 0 20px 0;display:block;font-weight:normal}
.list-second-mod ul li span{color:#959595; float:right; width:80px; text-align:right;}
.list-second-mod ul li a{background:url(../images/homepage.0.4.gif) no-repeat left center;	padding-left:10px; width:570px; float:left; overflow:hidden;height:30px}
.ui-return {padding:5px 0px 0px 0px; text-align:right; }
/* list-fourth CSS Document */
.list-fourth{width:708px; float:left; margin:0; display:block;}
.list-fourth ul{}
.list-fourth ul li{width:708px;float:left;display:block; margin:0 0 20px 0; padding:0 0 5px 0;border-bottom:1px dashed #ddd}
.list-fourth ul li span{color:#929292;width:80px;float:left}
.list-fourth ul li em{width:65px;float:right;padding:5px 0 0 0;font-style:normal}
.list-fourth ul li h2{font-size:12px;font-style:normal;	float:left}

/**tabs**/
.tabPanel ul{height:30px;border-bottom:1px solid #aaa;}
.tabPanel ul li{float:left;margin:0 2px 0 0;border:1px solid #aaa;font-size:12px;height:29px;line-height:30px;color:#fff;width:110px;text-align:center;cursor:pointer;background:#8dc73f;}
.tabPanel .current{border-bottom:1px solid #fff;cursor:pointer;color:black;text-shadow:0 1px 0 #fff;background:#fff;}
.pane{border:1px solid #aaa;border-top:0;min-height:150px;background-color:#fff;display:none;}

.pane .item{ width:580px; float:left; margin:0; display:block;}
.pane .item h3{width:260px;float:left; display:block;margin:0 20px 0 0;padding:5px 0 5px 20px;}
.pane .item h3 a{color:#888;background: url(../images/arrow01.png) no-repeat left 3px; padding:0 0 0 25px;}
.pane .item h3.last{margin:0;}

/* style for tbl */
.tbl {width:100%; }
.tbl th {border-top:2px solid #999; border-bottom:1px solid #999; padding: 10px 4px; color: #6e6e6e; line-height: 18px;background:#fafafa;text-align:left;}
.tbl th.last {background-image: none;}
.tbl td {padding: 5px 4px; border-bottom: 1px solid #e7e7e7;font: 12px/150% "SimSun", Arial,sans-serif;}
.tbl td a {text-decoration: none;}


.padding-large{padding:20px;}
.ui-sub-title {height:35px;line-height:35px;_height:25px;_line-height:25px;margin:5px;}
.ui-sub-title h1{width:570px; margin:0; float: left; display: block;font-size:16px; color:#2C498B}
.ui-sub-title span{width:80px; float:right; display: block;color:#333; text-align:right; }
.ui-content {line-height:22px;}