@charset "utf-8";
/* 
For:	HDC Layout
Author:	San
Date:	2010-06-10
*/
html{ background:url(../images/bg/html.jpg);}
body{text-align:center;color:#104679;background:url(../images/bg/body.jpg) top center no-repeat;_overflow-x:hidden;}
/*

*/
/*
*/
a:link,a:visited{color:#104679;text-decoration:none;}
a:hover{color:#1a3955;text-decoration:underline;}
#header,#navigate,#footer,.warp{text-align:left;}
#top,#header,.main,#footer{margin:0 auto;width:1004px;clear:both;}
#top{padding-top:40px; }
#header{height:140px;background:;position:relative;}
/*
#top{ padding-top:70px;}
#header{height:220px;background:;position:relative;}
body{text-align:center;color:#104679;background:url(../images/bg/body.jpg) top  center no-repeat;_overflow-x:hidden;}
#serviceCall{top:60px;right:20px;width:340px;height:52px;position:absolute;background:url(../images/400.png) 53% no-repeat;text-indent:-9999em;}
#payments{position:absolute;top:160px;right:10px;width:213px;height:22px;line-height:20px;background:url(../images/ico/pay.png) 80px center no-repeat;color:#07223b;}

*/
.warp{float:left;width:100%;}
#serviceCall{top:80px;right:8px;width:220px;height:52px;position:absolute;background:url(../images/400.png) 53% no-repeat;text-indent:-9999em;}
#payments{position:absolute;top:57px;right:0px;width:213px;height:22px;line-height:20px;background:url(../images/ico/pay.png) 80px center no-repeat;color:#07223b;font-size:12px;}
#navigate{width:1004px; margin: 0 auto; height:40px;background:url(../images/bg/nav.png) center repeat-x; border-left:solid 1px #07325c;border-right:solid 1px #07325c;}
.subnav{padding:3px 8px 10px 8px;}
/* menu */
.menu{float:left;width:100%;overflow:hidden; position:relative;}
.menu ul{font:12px/30px "Times New Roman";position:relative;margin:0 auto;left:50%;}
.menu ul li{text-align:center;float:left;width:94px;position:relative;right:50%;padding:2px 5px 0 1px;background:url(../images/bg/nav_gaps.png) right center no-repeat; overflow:hidden;}
.menu li.end{background:none;}
.menu ul li a{line-height:38px;height:38px;display:block;*width:94px;text-decoration:none;word-spacing:1em;}
.menu .active a:link,.menu .active a:visited,.menu .active a:hover{font-size:13px;font-weight:bold;background:url(../images/button/menu.png) no-repeat;color:#fff;}
.user_info{padding:8px 0 0 20px;}
.submenu{position:absolute;top:100px;left:0;width:300px;}
.submenu li{ text-align:left;text-indent:30px;float:left;width:33%;}
.submenu li a{display:block;line-height:30px}
.submenu li.cart,.submenu li.login,.submenu li.faq{background-repeat:no-repeat;background-image:url(../images/ico/pro.png);}
.submenu li.cart{background-position:left 0px;}
.submenu li.login{background-position:left -76px; padding:0;}
.submenu li.faq{background-position:left -152px;}
/* usermenu */
#usermenu h3,#news h3{background:url(../images/bg/title3.png) no-repeat;text-align:center;line-height:32px;color:#fff;font-weight:bold;}
#usermenu dl,#news dl{border:solid 1px #cfe0ea;border-top:none;}
#usermenu dl dt{height:22px;line-height:22px;text-align:center;border-top:solid 1px #a6c7da;background:#dae9f1;font-weight:bold;}
#usermenu dl dd ul{ padding:0 10px 0 2em;}
#usermenu dl dd li{ background:url(../images/ico/ico2.png) left center no-repeat; padding-left:14px; line-height:24px;}
#news dl{padding:5px;}
#news dl dt{background:#f7f7f7; border:solid 1px #eee; line-height:22px; padding:0 1em; font-weight:bold; margin-bottom:2px;}
#news dl dd li{ background:url(../images/ico/ico3.png) left 8px no-repeat; padding-left:16px; line-height:22px; margin: 0 15px;}
#news dl dd li ul{ padding:0px;list-style-image:none;  margin-left:-10px;
list-style-position:outside;
list-style-type:none; }
#news dl dd li li{ background:url(../images/ico/ico7.png) 0px 8px no-repeat; padding-left:15px; line-height:22px;  }
/* search */
#search{background:url(../images/bg/so.png) center no-repeat;height:34px;margin:8px 0;position:relative; color:#fff;}
.so_form{position:absolute;top:0;right:15px;padding-top:5px; background:url(../images/ico/so.png) left 3px no-repeat; padding-left:80px;}
.so_form input,.so_form select{border-width:1px;}
.so_form input{*padding:1px 1px 2px;}
.so_bot{background:url(../images/button/so.png) no-repeat;width:36px;height:20px;border:none;color:#fff;cursor:pointer;}
/* banner */
#focus{position:relative;height:275px;clear:both;text-align:left;}
#banner{margin-left:4px;width:690px; position:relative;z-index:11;}
#banner em{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/bg/focus.png) 0 no-repeat;}
#motif{position:absolute;top:0;right:0;width:315px;z-index:12;text-align:left;}
.motif_top,.motif_bot{font:0px/0px "Tahoma";display:block;height:10px;background-image:url(../images/bg/class.png);background-repeat:no-repeat;}
#motif ul{background:url(../images/bg/line.png) right top repeat-y;padding:0 8px;}
#motif ul li{background:url(../images/ico/ico1.png) left center no-repeat;line-height:31px;height:31px;padding-left:16px; word-spacing:3px;}
.motif_top{background-position:0 0;}
.motif_bot{background-position:0 -30px;}
.motif_mid{margin-left:5px;padding:0 3px;border-left:solid 1px #bb7927;border-right:solid 1px #bb7927;background:#f6fafd; height:255px;}
/* left */
.left{float:left;width:220px;}
.right{float:right;width:776px;}
/* pro_list */
.pro_list{clear:both;}
.pro_list .title{position:relative;height:50px;line-height:60px;background:url(../images/bg/title1.png) left center no-repeat;color:#fff;padding:0 30px;top:-5px;}
.pro_list .title strong{font-weight:bold;font-size:14px;font-family:"Microsoft YaHei";}
.pro_list .title sub{padding:0 5px;font-family: Arial, Helvetica, sans-serif;font-size:10px;}
.more{position:absolute;top:0px;right:20px;}
.more a:link,.more a:visited{color:#fff;}
.pro_list .item_top,.pro_list .item_bot{clear:both;display:block;height:30px;background-image:url(../images/bg/item.png); background-repeat:no-repeat;}
.pro_list .item_top{background-position:top left; }
.pro_list .item_bot{background-position:bottom left; }
.pro_list h2{line-height:50px;padding:0 2em;position:relative;height:50px; font-weight:bold;}
.pro_list h2 sub{font-size:12px;line-height:50px;position:absolute;top:0px;right:1em; font-weight:normal;}
.item,.supervise,.news_list,.news_content,.diy{padding:1em 0;clear:both;border-left:solid 1px #e5c079;border-right:solid 1px #e5c079;background:#fff;}
.item li{float:left;width:25%;*width:24.9%;text-align:center;height:220px;}
.item li .item_warp{position:relative;background:url(../images/bg/list.png) no-repeat;margin:0 auto;width:167px;height:151px;}
.item li .item_info{text-align:left;padding:8px 18px;color:#898989;font-size:12px;line-height:140%;}
.item li .item_img{position:absolute;top:6px;left:3px;width:160px;height:100px;}
.item li .item_price{position:absolute;left:15px;bottom:6px;color:#fff;}
.item li .showZoom{display:none;position:absolute;top:85px;left:4px;background:url(../images/bg/show.png) 0 0 no-repeat; width:159px;height:34px;line-height:34px;}
.item li .showZoom a{padding-left:22px;}
#list .item_top,#list .item_bot,#details .item_top{background-image:url(../images/bg/product.png);height:50px;}
#list .item_top,#details .item_top{background-position:top left;}
#list .item_bot{background-position:bottom left;}
/* details */
#details h1{text-align:center;font:bold 16px/60px "Microsoft YaHei";color:#125d91;}
.item_top h4{font:bold 14px/50px "Microsoft YaHei";color:#125d91; background:url(../images/ico/ico4.png) left center no-repeat; padding-left:20px; margin:0 20px;}
.details_img{float:left;width:400px;text-align:center;}
.details_list{margin-left:410px;}
.details_list table td{padding:15px 5px;}
.details_list table tr{ background:url(../images/bg/line1.png) bottom right no-repeat;}
/* c */
.c{position:relative;}
.c .c_top,.c .c_bot{font:0px/0 "Tahoma";display:block;height:10px;background-image:url(../images/bg/c.png);background-repeat:no-repeat;}
.c .c_top{background-position: left -23px;}
.c .c_bot{background-position: left -35px;}
.c .c_mid{border-left:solid 1px #bb7927;border-right:solid 1px #bb7927;background:#fff;}
.c .vein{ position:absolute; top:1px; right:-4px; background:url(../images/bg/c_vein.png) no-repeat;width:15px;height:59px;}
/* sort */
#sort{position:relative; top:-4px;}
#sort .c_top{background-position: left 0px;height:20px;}
#sort .vein{ top:11px;}
#sort ul,#range ul{padding:0 8px 3px 8px; background:url(../images/bg/line.png) right top repeat-y;}
#sort ul li,#range ul li{background:url(../images/ico/ico1.png) left center no-repeat;line-height:31px;height:31px;padding-left:16px;position:relative;}
#sort ul li.current{background:url(../images/bg/list_active.png) left top no-repeat; margin:0 -8px;font-weight:bold;}
#sort ul li.current a{color:#fff;}
#sort ul .sort_ico{position:absolute;top:5px;right:3px;}
#range li#top1{height:60px;background:#f6fafd url(../images/ico/ico1.png) 6px center no-repeat;padding:0 0 0 20px;margin:0 -7px;line-height:28px;}
#range li#top1 img{float:left;padding:2px;margin:3px;}
#subscribe form{padding:10px;}
.mailadd{padding:3px;border-width:1px; width:190px;}
#subscribe form p{padding-top:5px;}
.mailtake{border:none;background:url(../images/button/take.png) no-repeat; width:52px;height:22px;text-align:center;cursor:pointer;}
.allclass{ text-align:right;padding:15px 8px 0;font-weight:bold;}
.qq{text-align:center;padding-top:15px;}
#lately ul{padding:0 8px 3px 8px; background:url(../images/bg/line1.png) right top repeat-y;}
#lately ul li{background:url(../images/ico/ico1.png) left center no-repeat;line-height:25px;height:55px;padding-left:16px;}
#lately ul li img{float:left; padding:2px; margin-right:5px;}
.clearall{text-align:right; padding:0 8px;}
/* related */
#related ul li{line-height:20px;height:20px;padding:0 8px;}
#related h3{height:30px;line-height:30px;position:relative; padding:0 8px;}
#related h3 strong{font-size:14px;font-weight:bold;}
/* sift */
#sift{background:url(../images/bg/sift.png) top left repeat-x;border-top:solid 2px #6c9aba; padding:5px 5px 20px 15px;}
#sift h4{position:relative;height:22px;line-height:22px;}
#sift h4 strong{font-weight:bold;font-size:13px;}
.siftclass{background:url(../images/bg/line2.png) bottom left no-repeat;padding:8px 0 8px 40px;line-height:20px;position:relative;}
.siftclass dt{font-weight:bold;position:absolute;top:8px;left:0;}
.siftclass dd{ display:inline;zooom:1; margin:0 5px;}
.siftclass dd.active{background:#52b0d4;}
.siftclass dd.active a{padding:0 1px;}
/* shop_cart */
#shop_cart{background:#f6feff;border:solid 1px #cee1ed;padding:15px 10px;text-align:center;margin:20px 20px 10px 0;}
.free_traffic{color:#999;padding:1em 2em;line-height:24px;}
/* goods */
.goods{clear:both;}
.shareKaiXing{ margin-left:20px; height:30px; vertical-align:middle;}
.shareKaiXing_left{ background:url(../images/button/kaixing.jpg); width:14px; height:16px; float:left; }
.shareKaiXing_right{float:left;height:16px; margin-left:3px;}
.title2{background:url(../images/bg/title2.png) center no-repeat;color:#2f7baa;height:40px;line-height:39px;padding:0 30px;font-size:14px;font-weight:bold;}
/* tying */
.tying{ padding:5px; background:#fff;}
.tying dl{position:relative;height:220px;padding:0 0 0 250px; background:url(../images/ico/add.png) 210px 25px no-repeat;}
.tying dl dt{position:absolute;top:5px;left:0;width:185px;text-align:left;border:solid 1px #ccc;overflow:hidden;}
.tying dl dd{padding-top:5px;}
.tying_other{float:left; margin-left:10px;}
.tying_other img{padding:1px 2px 2px 1px;border-width:1px;border-style:solid;border-color:#f1f1f1 #b9b9b9 #b9b9b9 #f1f1f1; background:#f1f1f1;}
#tying_cart{position:absolute;bottom:0;left:210px; width:530px;}
#tying_info{float:left;width:360px;background:#f6feff;border:solid 1px #cee1ed;padding:1em 0;}
#tying_info p{padding:3px 1em;}
#tying_add{margin-left:390px; padding-top:18px;}
/* recommend */
.recommend{padding:1em 2em;}
.recommend p{padding-top:1em; text-indent:2em}
/* comment */
.comment{padding:5px;}
.comment_collect{width:100%;border:solid 1px #e4e4e4;}
.comment_collect thead td,.comment_collect tfoot td{height:8px;font-size:0;line-height:0;}
.comment_collect tbody td{border-right:solid 1px #e4e4e4; padding:12px;}
.praise{text-align:center;color:#e26500;}
.praise strong{ font-family: "Arial Black";font-size:32px; line-height:150%;}
.praise_star strong{font-weight:bold;line-height:190%;}
#evaluation{text-align:center;}
.user_list dl{line-height:20px;}
.user_list dt{background:url(../images/ico/rank.png) left center no-repeat;padding-left:20px;color:#333;}
.user_list dt,.user_list dd{float:left; margin-left:5px;}
#reply ul{padding:5px;}
#reply ul li{clear:both;width:100%;text-align:left;position:relative;}
#reply .user_face{position:absolute; top:0; left:0; width:80px; text-align:center;}
#reply .user_face em{display:block; padding:3px 0}
#reply .user_reply{ margin-left:80px; position:relative; border:solid 1px #cee1ed;background:#fcffff; padding:8px;}
#reply .user_reply .corner{position:absolute;top:30%;left:-5px;font:12px/7px "serif"; color:#cee1ed;background:#fff;height:7px; overflow:hidden;}
#reply .useful{position:absolute;top:5px;right:5px;}
#reply .useful a{float:left;margin-right:5px;background:url(../images/button/take.png) left no-repeat;height:22px;line-height:22px;padding-left:8px;text-decoration:none}
#reply .useful a span{float:left;background:url(../images/button/take.png) right no-repeat;padding-right:8px}
#reply form{padding:8px;}
#reply form textarea{margin:5px 0;border-width:1px;width:100%;height:4em;overflow:auto;}
/* diy */
.diy_banner{position:relative; margin-top:-20px;}
#diy_step{position:absolute; left:170px; bottom:20px;}
.diy_tabs{background:url(../images/bg/diy_tabs.png) no-repeat;margin-left:3px;height:40px;padding:9px 0 0 50px;overflow:hidden;}
.diy_tabs ul{background:url(../images/bg/title4.png) top left no-repeat;height:28px;line-height:28px;overflow:hidden;}
.diy_tabs ul li{float:left;width:138px; margin-right:53px; }
.diy_tabs ul li a{display:block;text-indent:-9999em;}
.diy_tabs ul li.active{background-image:url(../images/bg/title4.png);background-repeat:no-repeat;}
.diy_tabs #step1{background-position:0 -52px;}
.diy_tabs #step2{background-position:-191px -52px;}
.diy_tabs #step3{background-position:-382px -52px;}
.diy_select ul{ padding-left:8px;}
.diy_select ul li{float:left; width:16.6%;text-align:center; height:150px;position:relative;}
.diy_select ul li img{ border:solid 1px #ccc; padding:2px;}
.diy_select ul li.active img{ border:solid 1px #fff; background:#e08; padding:5px;}
.diy_select ul li.active em{ position: absolute;bottom:15px;right:15px; background:url(../images/ico/ico5.png) no-repeat; width:20px; height:17px;}
.diy_select h6{font-weight:bold;margin:0 15px;padding:0 18px; background:url(../images/ico/ico4.png) left center no-repeat; line-height:30px;}
.diy_bottom{text-align:center;}
.diy_bottom input{ border:0 none;background: url(../images/button/bot2.png) no-repeat;width:82px;height:26px; color:#fff;cursor:pointer;}
/* supervise */
.supervise{padding:3px 0;}
/* tables */
/* tables */
.tables{padding:5px 15px 20px 15px;}
.tables table{width:100%;background:#aaccee;border-collapse:collapse;border-spacing:0;border:solid 1px #aaccee;margin-top:5px;}
.tables table caption{ font-weight:bold; line-height:30px;}
.tables table thead th{background:#ebf4fb;text-align:center;padding:5px;}
.tables table thead td{background:#f9fbfd;padding:3px;}
.tables table tbody td{background:#fff;padding:3px;border:solid 1px #aaccee;}
.tables table tfoot td{background:#fff;padding:3px;}
/* tables2 */
.tables2{padding:5px 15px 20px 15px; color:#333}
.tables2 table{width:100%;border-collapse:collapse;border-spacing:0;border-bottom:solid 1px #eee;margin-top:5px;}
.tables2 table caption{font-weight:bold;line-height:30px;}
.tables2 table th{padding:4px; text-align:right; color:#999;}
.tables2 table td{padding:4px; text-align:left;}
/* news */
.news_list{padding:0px 18px;}
.news_list ul{ padding:0px 20px;}
.news_list li{ border-bottom:dotted 1px #ccc; padding:1em 0;}
.news_list li h5{line-height:30px; font-weight:bold;}
.news_list li h5 sub{font-weight:normal;font-size:12px; color:#999; padding:0 8px;}
.news_list li p{color:#787878;}
.news_details{padding:0 30px; font-size:13px;}
.news_details p{ padding:8px 0; line-height:150%;}
.news_details strong,.news_details b{font-weight:bold;}
.news_details img{padding:2px;border:solid 1px #ccc;}
/* login */
.login{ text-align:center; padding:15px 0;}
.login fieldset{ margin:0 auto; width:460px;}
.login_top,.login_bot{display:block;background-image:url(../images/bg/login.png); background-repeat:no-repeat;}
.login_top{height:30px; background-position:0 0; line-height:30px; font-weight:bold;}
.login_bot{height:14px; background-position:0 -34px;}
.login_mid{ text-align:left;background:url(../images/bg/login_mid.png) left top repeat-y; padding:15px 10px;}
.f-input{padding:2px 3px; border-width:2px;}
.f-line{clear:both; padding:5px 0; line-height:22px;}
.f-line label{float:left; width:120px; text-align:right; margin-right:5px;}
.yzm{ vertical-align:middle; position:relative; top:-2px;}
/* footer */
#footer{ text-align:center;clear:both;height:95px;background:url(../images/bg/foot.png) bottom center no-repeat;}
.hdc_link{width:100%;overflow:hidden;padding-top:10px;}
.hdc_link li{text-align:center;float:left;width:16.6%;margin-left:-1px;border-left:solid 1px #1a3955;line-height:1em;*line-height:1.1em; background:url(../images/ico/ico6.png) 30px center no-repeat;}
.copyright{clear:both;float:none;width:100%;color:#fff;margin-top:15px; padding-top:10px;}
.copyright dt{float:left;width:600px;margin-left:20px;word-spacing:4em;}
.copyright dd{float:right;width:350px; text-align:right; margin-right:20px;padding-bottom:2px;}
.ad{text-align:center;margin:5px 0;}
/* link font */
.white,a.white:link,a.white:visited{color:#fff;}
.space{font:0px/0 "Tahoma";height:8px;}
.blue,a.blue:link,a.blue:visited{color:#104679;}
.red,a.red:link,a.red:visited{color:#f30;}
.black,a.black:link,a.black:visited{color:#333;}
.share,a.share:link,a.share:visited{ background:url(../images/ico/share.png) left center no-repeat; padding:1px 0 1px 18px;}
.pirce{font-family:Georgia;font-size:16px;}
.del{font-family:Georgia;text-decoration:line-through;color:#999;}


.user_com_date{ font-size:11px; float:right; font-family:Verdana, Tahoma; color:#8a8a8a}
 
.user_reply_name{ height:28px;  line-height:28px;  }
.user_reply_line{ height:1px; border-bottom:1px dotted #ddd; overflow:hidden; clear:both;margin-bottom:5px; }