@charset "utf-8";
/* CSS Document */
/* ======== RESET ==================================================== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,input,textarea,p,th,td { margin: 0; padding: 0;}
html,body { height: 100%;}
img { border: 0;vertical-align: middle;}
li { list-style: none;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight: normal;}
input,textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit;}
input,select { vertical-align: middle;}

/* ======== BASE STYLES ==================================================== */
body {color:#333; font-family:Tahoma,Verdana,Arial,Helvetica,Sans-serif;font-size:13px;}
.clear { clear: both;}

/* link TYLE */
a { color: #333; text-decoration: none;}
a:link { color: #333; text-decoration: none;}
a:visited { color: #333; text-decoration: none; }
a:hover { color: #D90000; text-decoration: underline;}
a:active { color: #D90000; text-decoration: underline;}
/* CLEAR FIX*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0;}
.clearfix { display: inline-block; min-height: 1%;}
/* Hides from IE-mac 楼*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */ 

/* ======== COMMON STYLE ==================================================== */
body { background: url(../Images/Page/bg.gif) repeat-y center top;}
#wrap { width:948px; margin: 0 auto; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background:#333;}
body > #wrap { height: auto; min-height: 100%;}

/* TEXT */
label{ vertical-align:middle;}
.strong { font-weight: bold;}
.center { text-align: center;}
.red { color:red;}
.white {color:#fff;}
.button{ text-align:center;margin:10px 20px;}
.bfont { font-size:15px;}
.xfont { font-size:16px;}
p.right { text-align: right;}
p.return{ clear: both; margin:20px 250px 10px 0; text-align: right;}
.last { margin-bottom: 20px;}
.backtolist{width:100%;height:20px;text-align:right;margin:20px 0 0;}
.backtolist a{ background:url(../Images/Page/icon_arrow_red.gif) 0 2px no-repeat;padding: 0 0 0 20px; text-decoration: underline;}
/*====== header =====================*/
#header { width:948px; height:161px;}
#topNav { width:948px;height:35px;background:url(../Images/Page/bg-top-bar.gif) 0 0 repeat-x;}
#toppic {  width:100%;height:72px;float:left;text-align:center;margin:2px 0px;}
#logo { width:138px;height:60px;margin:6px 10px;float:left;}
#topimage { width:700px;height:60px;text-align:right;margin:6px 5px 0 0;float:right;}
/*==== top cart menu ====================================*/
#top-menu { float:left;height:35px;width:520px;}
#top-menu ul {margin:0 0 0 20px;}
#top-menu ul li { background:url("../Images/Page/bgseparator-nav-utility.gif") no-repeat left 13px;	color:#fff; float:left; font-size:11px; padding:10px 10px 0 7px; margin:0 0 0 -5px;}
#top-menu ul li a { text-decoration:none; color:#fff;}
#top-menu ul li a:hover{ text-decoration:underline;color:#d90000;}
/* ========banner ======================*/
#home .banner { width:944px;height:260px; border:2px #fff solid; background:#fff;}
/* ===== language selector *=================*/
.lang-selector {float:left;width:120px; height:35px;padding:0px;}
#countrySelector{ color:#fff;}
#world { background:#fff;position:absolute;top:35px;left:670px;width:160px;padding:5px 15px 30px 5px;*padding:5px;background:url(../Images/Page/bg_navworldbot.png)no-repeat right bottom;}
#world ul li { float:left;}
#world img { width:24px;height:24px;margin:0px 4px;}
div.cartimg { float:left;width:18px;margin-top:8px; height:18px;}
div.cart {float:left; width:35px;height:15px;margin:12px 0 0 0;padding:0;}
div.cart a:hover,.cart a:active,.cart a:visited{text-decoration:none;}
/*========== search div =============== */
#search{ float:right;width:250px;margin-top:10px;}
.search{ background:#e7e7e7;border:1px #e7e7e7 solid;height:15px;width:200px;}
/* == nav ================*/
#nav { width:948px;height:45px; border-bottom:5px solid #333;background:url(../Images/Page/nav-bg.gif) left top repeat-x;margin:0;padding:0;clear:both;}
#nav ul{width:700px;height:45px;margin:0 auto;}
#nav ul li { float:left;background:url(../Images/Page/nav.gif) 0 0 no-repeat;text-align:center;font-weight:bold;}
#nav ul li a { width:100px;height:45px;display:block;font-size:15px; color:#fff;line-height:300%; text-decoration:none;}
#nav ul li a:hover {background:url(../Images/Page/nav-a.gif) 0 0 no-repeat;line-height:300%; text-decoration:none;}
#nav ul li.current {background:url(../Images/Page/nav-a.gif) 0 0 no-repeat;line-height:300%; text-decoration:none;}

/*============= container ===============*/
#home .container { width:948px;background:url(../Images/Page/bg-container.gif) 0 0 repeat-y;*min-height:420px;_height:420px;}
#home .container .content{ float:left;width:812px;margin-bottom:40px;}
#con-Left { float: left; width: 535px; margin: 10px 0 0 20px; display: inline;}
#con-Left p.important-news { padding: 6px 5px; border: 1px solid #CC0000; margin:0 0 10px 0;}
#con-Left p.important-news a { text-decoration: underline;}
#home #container div.con-box { margin: 10px 0 20px 0;}
#con-Left .block-left { width: 255px; float: left;}
#con-Left .block-right { width: 255px; float: right;}
#con-Left h2 { border-bottom: 1px solid #bababa; margin: 0px;margin: 0 0 10px 0;}
#con-Left h2 img { margin:7px;}
#home #con-Right{ float: left; width: 220px; margin: 10px 0 0 10px; padding: 10px; border: 2px solid #ddd; display: inline;}
#home #con-Right h3 { margin-bottom: 10px;}
#home #con-Right dl { width: 220px; }
#home #con-Right dl dt { margin: 0 0 0 0;}
#home #con-Right-bottom { float: left; width: 220px; margin: 10px 0 0 10px; padding: 10px; border: 2px solid #DDDDDD; display: inline;}
#home #con-Right-bottom h3 { margin-bottom: 5px;}
#home #con-Right-bottom dl { width: 220px; }
#home #con-Right-bottom dl dt { margin: 0 0 5px 0;font-size:9px;}
#home #con-Right-bottom dl dd input.text { border:1px #ccc solid;width:180px;}
#home .con-box div.thumb { float: left; margin-left:5px; width:120px; min-height:80px; height: auto !important; height:80px;}
#home .con-box div.thumb h3 img { background: #ddd; padding: 4px; border: 1px solid #bbb;}
#home .con-box div.thumb h3 a:hover img {border: 1px solid #D90000;}
#home .con-box div.dtll { margin-left: 125px; min-height:80px;height: auto !important; height: 80px;text-indent:15px;}
#home .con-box div.dtl dd img { width:16px;height:16px;margin:5px;}
#home .con-box div.dtl { margin-left:5px; min-height:80px;height: auto !important; height: 80px;}
#home .con-box div.dtl dl dt { color:#069;font-family:Verdana; padding:2px 0px 2px 10px; margin:0px; background:url(../images/page/icon.gif) no-repeat 2px 8px;}
#home .con-box div.dtl dl dd.news { background:url(../images/page/dotted.gif) repeat-x bottom; padding:2px 0px; margin:0px;}

/* ==== index right friendlink == */
.sideBar { float: right; width: 130px; margin: 0; padding: 0;}
.sideBar ul.ban { margin:10px;clear:both;}
.sideBar ul.ban li { width: 105px; margin-bottom: 10px; }
.sideBar ul.ban li img {width:105px;height:28px;}
.sideBar ul.ban li a { border: 1px solid #ccc; display: block;}
.sideBar ul.ban li a:hover { border: 1px solid #D90000; display: block;}
/* ============ footer ===================*/
#footer { width: 928px; background: #333; font-size:11px; clear:both; margin:0px;padding:10px;color: #fff;}
#footer a { color: #fff; text-decoration: underline; }
#footer a:link { color: #fff; text-decoration: underline;}
#footer a:visited { color: #fff; text-decoration: underline;}
#footer a:hover { color: #D90000; text-decoration: underline;}
#footer a:active { color: #D90000; text-decoration: underline;}

/* gnav */
#footer .gnav { margin: 0 0 10px 0;}
#footer .gnav li { float:left;display:inline;line-height:12px;border-right: 1px solid #fff; padding: 0px 6px 4px 6px;margin:0px;height:11px;}
#footer p.addxml { margin-top:30px;padding:0 6px;}
#footer p.addxml a.addthis_button{margin-right:10px;}
#footer p.copyright {margin-top: 40px; padding: 0 6px;}

/* ========= news ======================= */
#container { width:948px; margin: 0;background:#fff;}
#container h2.title { width: 110px; float: left; margin: 0;}
#container h2.title img { margin: 40px 0 0 20px;}
#content { width:828px; float: right; margin-bottom: 10px; display: inline;height:auto;}
#menu { height:20px;margin:0 0 10px 0; padding:5px 20px; border-bottom: 1px solid #ccc;text-align:right;}
#main { width: 563px; float: left; margin-bottom: 20px; margin-left: 10px; display: inline;}
#main h3.title {font-size:123%; font-weight: bold; border-bottom: 3px solid #CCC; margin: 0 0 10px 0; padding: 0 0 5px 0;}
#main dl#list { width: 550px; margin: 0 0 10px 10px;}
#main dl#list dt { float: left; padding: 10px 0 0 0;}
#main dl#list dd { padding: 10px 0 5px 100px; border-bottom: 1px dashed #ccc; background: url(../Images/Page/img_arrow_s.gif) 88px 1.3em no-repeat;}
#main dl dd#list a.blank { margin: 0 0 0 0; padding: 10px 13px 10px 0; background: url(../Images/Page/img_blank.gif) 100% 50% no-repeat;}
#main dl#list dd a:link { color: #333; text-decoration: underline;}
#main dl#list dd a:visited { color: #666; text-decoration: underline;}
#main dl#list dd a:hover,#main dl#list dd a:active { color: #D90000; text-decoration: underline;}
#side { width: 230px; float: right; margin-bottom: 20px; margin-right: 10px;_margin-right:5px;}
#side #sidemenu { width: 230px; margin-bottom: 20px; padding: 0;border:1px #ccc solid;}
#sidemenu li.normal { width: 215px; margin: 0; padding: 10px 5px 10px 8px; border-bottom: 1px dashed #ccc;}
#sidemenu li.normal a { background: url(../images/page/img_square.gif) 0 2px no-repeat; margin: 0; padding: 0 0 5px 20px;font-weight:bold;}
#side #sidemenu .side-menu h3 { width: 215px; margin: 0; padding: 10px 5px 10px 8px; border-bottom: 1px dashed #ccc;font-weight:bold;}
#side #sidemenu .side-menu li.last { width: 215px; margin: 0; padding: 10px 5px 10px 8px;border-bottom:none;}
#sidemenu .sub-nav { padding-bottom:5px;border-bottom:1px #ccc dashed;}
#sidemenu .sub-nav li{ margin: 0; padding: 5px 0px 2px 30px;}
#sidemenu .right-menu li { width: 215px; margin: 0; padding: 10px 5px 10px 8px; border-bottom: 1px dashed #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
#sidemenu .right-menu li.last { width: 215px; margin: 0; padding: 10px 5px 10px 8px;border-bottom:none;}
#sidemenu .right-menu li a { background: url(../images/page/img_square.gif) 0 2px no-repeat; margin: 0; padding: 0 0 5px 20px; font-weight:bold;}
#side #feed { width: 222px; margin: 0; padding-top:5px;border-bottom: 4px solid #ccc; border-left: 4px solid #ccc; border-right: 4px solid #ccc;}
#side #feed dl { width: 220px; margin: 0 auto 3px;}
#side #feed dl dt { float: left; width: 115px; height:115px;}
#side #feed dl dt img { width:100px;height:100px;padding:5px; margin:5px; border:1px solid #ccc; -moz-border-radius:4px; -webkit-border-radius:4px;}
#side #feed dl dt a:hover img{ border:1px #d90000 solid;}
#side #feed dl dd { margin-left: 120px; height:115px;}
#main h3.ttl-dtl { font-size: 123%; font-weight: bold; color: #D90000; border-bottom: 3px solid #CCC; margin: 0 0 10px 0; padding: 0 0 5px 0;}
#main .entry-dtl {line-height:200%;overflow:hidden;margin:20px 0;}
#main .entry-dtl a,#main .entry-dtl a:link { color: #333; text-decoration: underline; }
#main .entry-dtl a:visited { color: #666; text-decoration: underline;}
#main .entry-dtl a:hover,#main .entry-dtl a:active { color: #D90000; text-decoration: underline;}
#main .entry-dtl p.aboutimg { margin:0; text-align:center;}
#main .entry-dtl p.aboutimg img {margin:10px;}
/* ================== item list =========================== */
#main .ul-press { margin:0px auto; padding:5px auto;}
#main .ul-press img { width:100px; height:100px; padding:5px; margin:5px; border:1px solid #ccc;-moz-border-radius:4px;-webkit-border-radius:4px;}
#main .ul-press ul { margin:0px; _margin:0px 0 0 5px; padding:0 0 0 0; overflow:hidden; _height:155px;}
#main .ul-press ul li { width:130px; float:left; text-align:center; padding:0px; margin:5px; _margin:1px;}
#main .ul-press ul li a { text-align:center; padding:0px; margin:0px; text-decoration:none;}
#main .ul-press ul li a:hover { text-align:center; padding:0px; margin:0px; text-decoration:none;}
#main .ul-press ul li a:hover img{ border:1px #d90000 solid;}
/* ========== product-view ============================= */
#main h4 { width:100%;height:30px;border-bottom:1px #d90000 solid;margin:5px 0;}
#main h4 span {display:block;width:111px;height:30px;background:url(../images/page/tab-b.png) left top no-repeat;color:#fff;font-weight:bold;line-height:30px;text-align:center;}
#main h4 span.width140 {display:block;width:140px;height:30px;background:url(../images/page/tab-b-140.png) 0 0 no-repeat;color:#fff;text-align:center;font-weight:bold;line-height:30px;}
div.product-view-top { width:100%;height:210px;margin:10px 5px;}
div.product-view-top-img { width:240px;height:210px;text-align:center;float:left;}
div.product-view-top-tool{float:left;margin:10px;width:210px;}
div.product-view-top-tool ul li {margin:10px 0;font-weight:bold;}
div.product-view-top-tool ul li img { margin:0 5px;}
div.product-view-top-tool h5 { font-weight:bold;text-align:center;}
ul.otherpic {width:100%; margin:10px 0px;height:110px;}
ul.otherpic li { float:left;width:110px;height:110px;}
ul.otherpic li img { width:100px;height:100px;}
span.chart { display:block;width:100%;margin:10px 0 20px;}
ul.RelatedProduct img { width:100px; height:100px; padding:5px; margin:5px; border:1px solid #ccc; -moz-border-radius:4px; -webkit-border-radius:4px;}
ul.RelatedProduct { margin:0px; _margin:0px 0 0 5px; padding:0 0 0 0; overflow:hidden; _height:310px;}
ul.RelatedProduct li { width:130px; float:left; text-align:center; padding:0px; margin:5px; _margin:1px;}
ul.RelatedProduct li a { text-align:center; padding:0px; margin:0px; text-decoration:none;}
ul.RelatedProduct li a:hover { text-align:center; padding:0px; margin:0px; text-decoration:none;}
ul.RelatedProduct li a:hover img{ border:1px #d90000 solid;}

/* Product Data Table ----------------------------------------------*/
.product-tb{ width:80%; border-top:1px solid #ccc; border-left:1px solid #ccc; padding:0px; margin:0px;	}
.product-tb td{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; margin:0px;  padding:5px;}
.product-tb tr.tr1{ background-color:#f2f2f2; color:#333; font-weight:bold; text-align:center;}

/* factory tour ------------------------------------------------*/
.ftab { width:480px;margin:auto;border:1px;}
.ftb2 {height:25px;text-align:center;font-size:14px;font-weight:bold;}

/* ==================== Inquiry ========================== */
#inquiry #content { width:948px; float: right; margin-bottom: 10px; display: inline;}
#inquiry #main { width:685px; float: left; margin-bottom: 20px; margin-left: 10px; display: inline;}
.inquiry-tb{width:660px;border-top:1px solid #ccc;border-left:1px solid #ccc;padding:0px;margin:0px auto;}
.inquiry-tb td{border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin:0px;padding:5px;}
.inquiry-tb td.td1{width:120px;background:#f2f2f2;}
.inquiry-tb td.td3{width:160px;color:#f00}
.long{width:250px;border:1px solid #ccc;height:15px;}
.long1{width:300px;border:1px solid #ccc;height:15px;}
.long2{width:150px;border:1px solid #ccc;height:15px;}
textarea.textarea{ width:300px; height:120px; border:1px #ccc solid;}
.NationList{ border:1px #999 solid; height:20px; width:300px;}
.checkimg { border:1px #fff solid;cursor:pointer;}
.checkcode { color:#0000ff;}

/* =================== sitemap ================================= */
.sitemap h5 { width:90px; float:left; padding:0 0 0 20px; margin:0 0 0 10px;font-weight:bold;font-size:14px;}
.clear1{clear:both;height:10px;border-top:1px solid #d90000;margin-top:10px}
.sitemap ul{float:right;width:560px;margin:0px;padding:0px;}
.sitemap ul li{ float:left;width:135px; display:block;margin:0px;padding:0px;}
.sitemap ul li a{font-weight:bold;padding:0px 0px 0px 5px;}
.sitemap ul ul{float:left;width:130px;margin:5px 0px 0px 0px;padding:0px;}
.sitemap ul ul li{ float:left;width:135px; display:block;margin:0px;padding:0px;}
.sitemap ul ul li a{font-weight:normal;}

/* ================= friend list ======================================*/
div.friend-ul-press ul{width:100%;}
div.friend-ul-press ul li { margin:10px 5px;}
/* ==================up and down list ===============================*/
p.prevnext { height:25px;margin:40px auto;text-align:center;}
p.prevnext a { margin-left:20px;font-weight:bold;text-decoration:none;}
p.source{text-align:center;}

/*===================contact us ===============================*/
#main .pht {float: left;}
#main .pht img { margin-right: 10px; margin-bottom: 5px;}
#main .contact { clear: both; width: 560px; border-top: 1px solid #CCC;border-left: 1px solid #CCC; margin: 0 0 5px 0;}
#main .contact tr th,#main .contact tr td { border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 4px 10px 3px 10px;text-align:left;font-weight:normal;}
#main .contact tr th { background: #f2f2f2;}
#main .map { width: 556px; border: 2px solid #CCC;}
#main .form-tip {margin-bottom:5px;line-height:150%;}

/*=============== Nation List ================================== */
.jlb_class { z-index:1000; width:300px; position:relative; border:1px solid #ccc; margin:0;}
.jlb_class a { width:100%;text-align:left; font-size:11px; font-weight:bold; margin:0; padding:2px 0; text-decoration:none; color:#000; background:url(../Images/Page/dropdown.gif) no-repeat 100% 50%; display:block;}
.jlb_class ul { display:none; position:absolute; width:99%; border:2px solid #ccc; background-color:#F2F2F2; height:400px; overflow:scroll;}
.jlb_class li { display:block; width:100%; margin:2px 0px; font-size:11px; font-weight:bold;}
.jlb_class li:hover { background-color: #ddeeff; font-style:italic; text-decoration: none;}
.jlb_class img { margin:0 2px;}

/* Page style ---------------------------------------------*/
.black2 { padding:0px; margin:20px 0 5px 0; text-align:center; clear:both;}
.black2 a { border:1px #000 solid; padding:2px 5px; margin:2px; color:#000; text-decoration:none;}
.black2 a:hover { border:1px #d90000 solid; color:#000;}
.black2 a:active { border:1px #d90000 solid; color:#fff; background-color:#d90000;}
.black2 span.current { border:1px #d90000 solid; padding:2px 5px; margin:2px; color:#fff; font-weight:bold; background-color:#d90000;}
.black2 span.disabled { border:1px #eee solid; padding:2px 5px; margin:2px; color:#ccc;}
.reallydo{ border:1px #000 solid; padding:2px 1px 1px 3px;}
/* ======= Zoom Image =================== */
#main img.zoom { background-color:#fff; padding:2px; border:1px solid #ccc; cursor:pointer;margin:2px 5px;-moz-border-radius:4px; -webkit-border-radius:4px;}
.simple_overlay { display:none; z-index:10000; background-color:#333; min-height:200px; margin:5px; border:1px solid #666; -moz-box-shadow:0 0 50px 5px #000; -webkit-box-shadow: 0 0 50px #000;} 
.simple_overlay .close { background-image:url(../images/jquery-tools/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }
/* =========== new products scroll ============= */
#feed .vertical {	position:relative; overflow:hidden;	height: 358px; width: 222px;}
#feed .items { position:absolute; height:20000em; margin: 0px;}
#feed a.browse { background:url(../images/jquery-tools/vert_large.png) no-repeat;	display:block; width:30px; height:30px;	margin:0 auto; cursor:pointer;}
#feed a.up, a.down { background:url(../images/jquery-tools/vert_large.png) no-repeat; float: none;}
#feed a.up:hover { background-position:-30px 0; }
#feed a.up:active { background-position:-60px 0; }
#feed a.down  { background-position: 0 -30px; }
#feed a.down:hover { background-position:-30px -30px; }
#feed a.down:active { background-position:-60px -30px; } 
#feed a.disabled { visibility:hidden !important;} 	

/* ========= tooltip ======================*/
.tooltip { display:none; height:220px; background:#fff; border:1px #ccc solid; padding:20px; width:200px;z-index:1;} 
 
/* =========  tabs style ==================== */
ul.tabs { list-style:none; _margin-top:10px; margin:0 !important; padding:0; height:30px; border-bottom:1px solid #d90000;}
ul.tabs li { float:left; text-indent:0;	padding:0;	margin:0 !important; list-style-image:none !important;color:#fff;}
ul.tabs li a { background: url(../images/jquery-tools/tabs.png) no-repeat 0 0; color:#fff;font-size:12px; display:block; height: 30px; line-height:30px; width: 111px; text-align:center; text-decoration:none;font-weight:bold; padding:0px; margin:0px; position:relative;}
ul.tabs a:active { outline:none;color:#fff;}
ul.tabs a:hover { background-position: 0px -31px; color:#fff;}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background-position: 0px -62px; cursor:default !important; color:#fff;}
div.panes div.pane { display:none;}
div.panes div{ margin:10px 0;}
div.panes ul li{margin:5px 0;}
/* ================== add to inquiry cart =============================== */
div.overlay { background-image:url(../images/jquery-tools/white.png); width:400px; display:none; padding:40px;}
div.overlay div.close {	background-image:url(../images/jquery-tools/close.png);	position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px;}
div.contentWrap ul {line-height:200%;}
div.contentWrap ul li h2{ color:#000;font-size:16px;font-weight:bold;}