@charset "utf-8";
/* ----------  public css ---------- */
body {height:100%; font-size:12px; color:#666; font-family: Arial, Helvetica, sans-serif; background:url(../images/body_bg.gif) top repeat-x;}
a {color:#ff7400; text-decoration:none;}
a:hover {color:#5f5f5f;text-decoration:underline;}

span.nes{color:#f00; padding:0px 5px;}
span.money{ color:#ff0000; font-size:13px; font-weight:bold; font-family:Tahoma,Geneva,sans-serif;}
span.loadtext{ color:#ff7400; font-weight:bold; padding:0px 5px;}
span.model{ font-size:11px;font-family:Tahoma,Geneva,sans-serif; font-weight:bold; color:#999; padding-right:5px;}

.wrapper { clear:both; margin:0px; padding:0;}

/* button & input style */
.button {background:url(../images/navitem_bg.gif) 0px 0px no-repeat;height:32px; padding-left:12px; line-height:32px; display:inline-block;}
.button span{display:inline-block;padding-right:12px;line-height:32px;color:#666;background:url(../images/navitem_bg.gif) 100% -64px no-repeat;}
.button span span{line-height:16px; padding:8px 15px; color:#fff; font-weight:bold;  background-position:0 -32px; background-repeat:repeat-x; font-size:14px;}
.button:hover{position:relative; left:1px; top:1px;}
.button:hover span{text-decoration:none; }

.button_disable {background:url(../images/navitem_bg_disable.gif) 0px 0px no-repeat;height:32px; padding-left:12px; line-height:32px; display:inline-block;}
.button_disable span{display:inline-block;padding-right:12px;line-height:32px;color:#666;background:url(../images/navitem_bg_disable.gif) 100% -64px no-repeat;}
.button_disable span span{line-height:16px; padding:8px 15px; color:#fff; font-weight:bold; font-weight:bold; background-position:0 -32px; background-repeat:repeat-x; font-size:14px;}

/* ----------  popwin ----------  */
.popmask{ position:absolute;background:url(../images/mask_bg.png);border:none;height: 100%;left: 0; margin: 0;padding: 0;position: fixed;top: 0;width: 100%;z-index:3000; display:none;}
.popwin{left: 50%; margin-left:-300px;padding:10px;position: fixed; top: 50%;z-index:3001; width:580px; background:url(../images/pop_side.png); display:none;}
.popwin .hide_box{background-color:#fff; position:relative;}
.popwin .hide_box h3{background:#eee; font-size:16px; line-height:24px; padding:5px 30px 5px 10px;text-shadow: 1px 1px 0 #fff; color:#ff7400; font-family:微软雅黑,Arial,Helvetica,sans-serif;}
.hide_box .closebr{background: url(../images/icon_close.png) 0 0 no-repeat ;display: block;height:16px;overflow: hidden;position: absolute;right:10px;text-indent:-999px;top:8px;width:16px;}
.hide_box .closebr:hover{ background-position:0 -16px;}
.popwin .hide_box .popcontent{ clear:both; padding:15px;}
.popwin .hide_box .popcontent p{ line-height:24px; padding-bottom:10px;}
.popwin .hide_box .popcontent p .price{ padding:0 5px; color:#f60;}
.popwin .from_post{ background:none; border:0; margin:10px 0 0 0; padding:0;}

#poplogin{ margin-top:-140px;}
#popsubmit{ margin-top:-74px;}

/* ----------  header ---------- */
.header{ clear:both; height:101px; width:960px; margin:0 auto; padding:10px 0; position:relative;}

.toplogo{ height:100px; text-decoration:none; overflow:hidden;}
.toplogo img{max-width:500px; max-height:100px; width: expression(this.width >500px && this.height < this.width ? 500px: true); height: expression(this.height > 100 ? 100: true);}
.toplogo:hover{text-decoration:none;}

.toplink{ position:absolute; top:20px; right:0;}
.toplink p{ clear:both; text-align:right; line-height:20px;}
.toplink .brtools{ clear:both; margin-top:20px;}

/* ----------  cart navigation style----------  */
#cartnav { margin:0 auto; width:960px; height:125px; overflow:hidden; background-image:url(../images/cart_bg.jpg); background-repeat:no-repeat;}
#cartnav.step1{ background-position:0 0;}
#cartnav.step2{ background-position:0 -125px;}
#cartnav.step3{ background-position:0 -250px;}
#cartnav ul{clear:both; overflow:hidden;}
#cartnav li{ float:left; width:200px; display: inline; color:#999; padding:50px 20px 50px 100px; font-family:微软雅黑,Arial,Helvetica,sans-serif; line-height:25px; overflow:hidden; font-size:22px; font-weight:bold;}
#cartnav li.current{ color:#ff7400;}
#cartnav li a{ color:#666;}
#cartnav li a:hover{ color:#ff7400;}

/* ----------  footer ---------- */
.footer {clear:both; height:90px; background:#5e5e5e; border-top:2px solid #878787;}

.copyright {overflow:hidden; padding:30px 0; line-height:24px; text-align:center; color:#b9b9b9; font-size:14px; font-family:微软雅黑,Arial,Helvetica,sans-serif; font-weight:bold;}
.copyright a{ color:#ff7400;}
.copyright a:hover{ color:#fff;}
.copyright .gray{ color:#7a7a7a; padding:0 5px; font-size:13px;}
.copyright .gray:hover{ color:#fff;}

.content{clear:both; margin:30px auto; width:960px;}

.content .brtools{ margin-top:20px; text-align:center; padding-top:15px; background:url(../images/fg_img.gif) top repeat-x;}

.grouptitle{ clear:both; height:42px; background:#fff url(../images/title_bg.gif) bottom repeat-x;}
.grouptitle .titletext{ float:left; border-bottom:2px solid #ff7400; height:40px;}
.grouptitle .titletext h3{line-height:40px; padding:0 5px; display:inline-block; font-size:16px; font-weight:bold; color:#5f5f5f; font-family:微软雅黑,Arial,Helvetica,sans-serif; letter-spacing:2px;}
.grouptitle .titletext input{ margin-left:20px; border:0; background:none;}
.grouptitle .titletext .loadtext{ font-size:12px; font-weight:normal;}
.grouptitle .textinfo{ float:right; font-size:13px;text-align:right; line-height:40px; padding-right:15px;}
.grouptitle .textinfo a{ padding-left:15px;}
.grouptitle .textinfo a:hover{ text-decoration:none;}

.cartlist { clear:both; overflow:hidden; margin-bottom:20px; background-color:#fff;}
.cartlist table{ width:100%; overflow:hidden; table-layout:fixed;}
.cartlist table th{padding:0 5px;border-bottom:#e0e0e0 1px dashed; line-height:40px; color:#333; font-size:14px; font-family:微软雅黑,Arial,Helvetica,sans-serif;  }
.cartlist table td{padding:10px 5px; border-bottom:#e0e0e0 1px dashed; vertical-align:middle; text-align: center; line-height:20px;}
.cartlist table tbody tr.even{background-color:#fafafa;}
.cartlist table tbody tr.odd {background-color:none;}
.cartlist table tbody tr.over{background-color:#eee;}
.cartlist table tbody tr.out{background-color:none;}
.cartlist .T0{ width:80px;}
.cartlist th.T1{ width:62px; padding-left:40px;}
.cartlist td.T1{ width:62px;  padding-left:40px; background:url(../images/marker1.png) 10px center no-repeat;}
.cartlist table tbody tr.over td.T1{ background-image:url(../images/marker2.png)}
.cartlist .T2{ text-align: left;}
.cartlist .T2 a{ font-size:13px; font-weight:bold;}
.cartlist .T4, .cartlist .T5{ width:80px;}
.cartlist .T3, .cartlist .T6{ width:60px;}
.cartlist .T3 input{ text-align:center;}
.cartlist .T7{ text-align:right; font-weight:bold; color:#ff7400; font-size:13px; border:0; padding-right:20px;}
.cartlist .T7 .money{ padding-left:5px; font-size:14px;}
.cartlist .T1 a img {cursor:pointer;max-width:60px; max-height:60px; width: expression(this.width >60 && this.height < this.width ? 60: true); height: expression(this.height > 60 ? 60: true); border:1px solid #c0c0c0;}
.cartlist .T1 a:hover img{ border-color:#ff7400;}
.cartlist .T8 { border:0; text-align:center;}
.cartlist .T8 .money{font-size:15px;}


/* page tools css */
.grayr {margin:20px 0 0 0; padding:10px; FONT-SIZE:12px;text-align:center;}
.grayr a {PADDING:5px 10px;MARGIN:3px;COLOR:#000;TEXT-DECORATION: none; border:#fff 1px solid;FONT-WEIGHT: bold;}
.grayr a:hover {COLOR:#61666e; border-color:#61666e;}
.grayr a:active {COLOR:#000; BACKGROUND-COLOR:#00c4f8;}
.grayr span.current {PADDING:5px 10px; FONT-WEIGHT: bold; MARGIN:3px;COLOR:#00c4f8; border:#00c4f8 1px solid;}
.grayr span.disabled {PADDING:5px 10px; MARGIN:3px; COLOR:#e8e8e8;border:#e8e8e8 1px solid;FONT-WEIGHT: bold;}

/* content list */
.content_list{ width:100%; overflow:hidden;}
.content_list table { width:100%;table-layout:fixed; overflow:hidden;}
.content_list table th{padding-bottom:8px;border-bottom:#e8e8e8 1px solid;text-align:left; font-size:13px; padding-right:5px; line-height:20px; font-size:13px; color:#000;}
.content_list table td{padding-top:10px; padding-bottom:9px; border-bottom:#e8e8e8 1px solid; vertical-align:top; padding-right:5px}
.content_list table td.T1{background-image:url(../images/marker-2.gif); background-position:5px 14px; background-repeat:no-repeat;padding-left:20px;}
.content_list table th.T1{padding-left:20px;}
.content_list table td a:hover{ text-decoration:underline;}
.content_list table tbody tr.even{background-color:#f8f8f8;}
.content_list table tbody tr.odd {background-color:none;}
.content_list table tbody tr.over{background-color:#f2f0f3;}
.content_list table tbody tr.over td.T1{ background-image:url(../images/marker-3.gif);}
.content_list table tbody tr.out{background-color:none;}

.list_news .T1{ width:100px;}
.list_news table td a{color:#000;}
.list_news table td a:hover{color:#61666e;text-decoration: underline;}

.list_subbranch table{width:100%;table-layout:fixed; overflow:hidden;}
.list_subbranch table th{padding-bottom:8px;border-bottom:#e8e8e8 1px solid;font-size:13px; padding-right:5px; line-height:20px; font-size:13px; color:#000;}
.list_subbranch table td{padding-top:10px; padding-bottom:9px; border-bottom:#e8e8e8 1px solid; vertical-align:middle; padding-right:5px; text-align:center;}
.list_subbranch table td.T1, .list_subbranch table th.T1{ padding-left:20px; width:100px;}
.list_subbranch table td.T1 img{ width:80px;}
.list_subbranch table td.T5{ width:80px;}

.detailstitle{ clear:both; line-height:20px; padding:0 5px 10px 5px; border-bottom:#e8e8e8 solid 1px; margin-bottom:10px; overflow:hidden;}
.detailstitle .nametext{font-size:16px; font-weight:bold; color:#000; float:left;}
.detailstitle .note{font-size:12px; float:right;}

/* ---------- product----------  */
#list_product .T1{ width:30px; text-align:center; font-weight:bold; background-image:none; padding-left:10px;}
#list_product .T2{ width:100px; text-align:center;}
#list_product .T3{ width:200px; }
#list_product table td{ vertical-align:middle;}
#list_product table td a{color:#000;}
#list_product table td a:hover{color:#61666e;text-decoration: underline;}
#list_product table td .photoimg{margin:0 auto; padding:1px; border:1px solid #e8e8e8; width:80px;}
#list_product table td .photoimg img {cursor:pointer;max-width:80px; max-height:60px; width: expression(this.width >80 && this.height < this.width ? 80: true); height: expression(this.height > 60 ? 60: true);}


/* ----------  contact us details ----------  */
.from_post{padding:15px 0;  background-color:#fff; margin-bottom:20px;}
input, textarea{color:#838383;font-size:13px;padding:5px; border:1px solid #838383;background:#fff url(../images/input.gif) 0 0 no-repeat; transition:all 0.5s ease 0s;}
input{height: 16px;}
textarea{height:60px;width:200px; overflow-x: hidden; overflow-y:auto;}
select{border:1px solid #838383;background-color:#fff; height:21px;color:#838383; margin-top:4px; margin-bottom:3px;}
input:focus, textarea:focus{border-color:#ff7400; background-color:#fff; color:#000;background-image:none;-moz-box-shadow:0 0 3px #ff7400;-webkit-box-shadow:0 0 3px #ff7400;-khtml-box-shadow:0 0 3px #ff7400;box-shadow:0 0 3px #ff7400;}
input:hover, textarea:hover{border-color:#ff7400;}
input.type1{ width:200px;}
input.type2{ width:75px;}
input.type3{ width:30px;}
select.type1{ width:210px;}
select.type2{ width:103px;}
select.type3{ width:40px;}
.from_post input, .from_post select, .from_post textarea{ float:left;}
.from_post table {clear:both; width:100%; }
.from_post table .loadtext{ padding:0 3px;color:#ff7400;}
.from_post td{padding-bottom:15px;vertical-align:top;}
.from_post td.td1{text-align:right; width:120px; font-weight:bold;line-height:28px; padding-right:10px; color:#333;}
.from_post td.td2{width:230px;}
.from_post td.td2 img{vertical-align:middle; padding-left:10px; cursor:pointer; padding-top:5px;}
.from_post td.td2 span{ float:left; padding:0 5px; line-height:28px;}
.from_post td.td3 span{line-height:18px; padding:5px 0; display:inline-block; color:#999;}
.from_post .radio{ background:none; border:0; padding:0px; width:13px; height:13px; margin:8px 3px 7px 5px; }
.from_post .brtools{ margin-left:110px;}

.termstext{padding:2px 3px; overflow:hidden; border:1px solid #838383; width:500px; height:80px;overflow-y:auto; overflow-x:hidden; color:#838383;}
.payinfo{ clear:both; font-weight:normal; border:1px solid #dbdbdb; border-radius:2px; margin-bottom:20px; padding:15px 20px; background-color:#f2f2f2; text-shadow:0 1px 0 #fff;-moz-box-shadow:0 0 5px #ccc inset; -webkit-box-shadow:0 0 5px #ccc inset; box-shadow:0 0 5px #ccc inset;}
.payinfo .sign{ padding:0 10px;}
.payinfo .money{ padding:0 5px; font-size:15px;}
.payinfo strong{ font-size:15px;}
.payinfo strong .money{ font-size:18px;}

.ordertable{ clear:both; width:100%; overflow:hidden;border-collapse:collapse; margin-bottom:20px;}
.ordertable th{padding:5px 5px 4px 5px; border:#e8e8e8 1px solid; text-align:left; font-size:13px;}
.ordertable td{padding:5px 5px 4px 5px; border:#e8e8e8 1px solid; vertical-align:top; line-height:24px;}
.ordertable td.head{background:#f8f8f8; font-weight:bold; text-align:center;}