@import url(basestyle.css);
@import url(baseapply.css);

/* apply */
img.imgborder01 {border:#dcdcdc 1px solid;}

.btn01 {width:68px; height:22px; line-height:22px; padding:0; *height:22px; *line-height:22px; *padding:1px 0 0 0; color:#fff; font-weight:bold; text-align:center; border:none; background:url(../images/bg/btn01.gif);}

.pager {padding:14px 10px 10px 10px; position:relative;}

.dotline01 {height:1px; font-size:0; background:url(../images/bg/dotline01.gif) repeat-x;}

/* header */
.container {width:982px; margin:0 auto;}

.tlogo {height:60px; padding:10px 0 5px 0;}
.tmenu {position:absolute; right:65px; top:43px;}
.tmenu ul li {float:left; display:inline;}
.tmenu table tr td {height:33px;}
td.menu_l {width:13px; background:url(../images/bg/menu_l.gif) repeat-x;}
td.menu_r {width:13px; background:url(../images/bg/menu_r.gif) repeat-x;}
td.menu_c {height:31px; background:url(../images/bg/menu_c.gif) repeat-x; padding-top:2px;}
tr.menu_on td.menu_l {background:url(../images/bg/menu_l_on.gif) repeat-x;}
tr.menu_on td.menu_r {background:url(../images/bg/menu_r_on.gif) repeat-x;}
tr.menu_on td.menu_c {background:url(../images/bg/menu_c_on.gif) repeat-x;}
tr.menu_on td.menu_c a:link, tr.menu_on td.menu_c a:visited {color:#fff;}

#searchbar {height:71px; background:url(../images/bg/searchbar.gif); text-align:center; color:#fff;}
#searchbar table {margin:0 auto;}

#notice {width:982px; background:#f5f5e6; height:32px; position:relative;}

/* mainpager */
#sidebar_l {width:157px; float:left; display:inline; margin:0 8px 0 0;}
#sidebar_r {width:300px; float:left; display:inline;}
#content {float:left; display:inline; margin:0 10px 0 0;}

.box01 {}

.title01 {height:21px; color:#fff; font-size:14px; line-height:21px; padding:0 0 0 10px; background:url(../images/bg/box01_header.gif);}
.title02 {color:#0079b2; font-size:14px; padding:0 0 20px 0;}
.title03 {height:28px; line-height:28px; font-size:14px; padding:3px 10px 0 10px; *padding:5px 10px 0 10px; background:#f6f6f6; color:#0079b2; border-top:#0079b2 1px solid; position:relative;}
.title03 span {position:absolute; right:10px; top:3px; *top:5px; font-weight:normal;}

#side_protype ul li {padding:15px 0 0 0;}
#side_protype ul li h6 {font-size:14px;}
#side_protype ul li p {padding:12px 0 0 0;}
#side_protype table tr td {padding:20px 0 0 0;}

#viewd ul li {text-align:center; padding:0 0 5px 0;}

#hotsells ul li {padding:20px 0 0 0;}

.mainlistbox ul li {width:33.3%; float:left; display:inline; text-align:center; padding:20px 0 0 0;}
.mainlistbox ul li h6 {height:13px; padding:3px 5px 5px 5px ; overflow:hidden; font-weight:bold;}

.promorelist h3 {line-height:28px; font-size:14px; padding:0 10px; color:#4f81ac; background:url(../images/bg/title03.gif);}
.promorelist ul li {width:19.9%; float:left; display:inline; text-align:center;}
.promorelist ul li h6 {height:34px; overflow:hidden;}
.promorelist ul li img {width:100px; height:100px; border:#dcdcdc 1px solid;}

.prolist ul li {padding:10px; border-bottom:#dcdcdc 1px solid;}
.prolist ul li img.prolistimg {width:100px; height:100px;}

.prolistmore {padding:20px 10px; border-bottom:#dcdcdc 1px solid;}

#proview {}
.viewleft {width:330px; float:left; display:inline;}
.viewright {width:437px; float:right; display:inline;}

.proviewimg {text-align:center;}
.proviewimg table tr td {padding:0 5px 0 0;}

.prointro h1 {padding:10px 0 5px 0; font-family:tahoma;}

.proinitrocount {height:40px; border:#e7dbb1 1px solid; background:#fffee6; position:relative;}

#productmore1 {border:#dcdcdc 1px solid; background:url(../images/bg/product_more.gif) right no-repeat;}
#productmore2 {border:#dcdcdc 1px solid; background:url(../images/bg/product_more.gif) right no-repeat;}
.productmore_left {width:550px; float:left; display:inline; padding:0 0 0 15px;}
.productmore_left ul li {width:110px; float:left; display:inline; padding:20px 22px 0 5px;}
.productmore_left ul li.productmore_start {background:url(../images/bg/add.gif) 116px 65px no-repeat;}
.product_del {width:110px; height:28px; background:url(../images/bg/product_del.gif); position:relative; margin:10px 0 20px 0;}
.product_del p {width:80px; position:absolute; right:2px; top:6px; text-align:center; font-size:12px; font-family:arial;}

.productmore_right {width:227px; float:right; display:inline;}
.productmore_buylist {width:196px; height:133px; border-bottom:#e2e2e2 1px solid; margin:0 auto; padding:34px 0 0 0;}
.productmore_buylist ul li {padding:0 0 5px 0;}
.productmore_buybtn {width:196px; margin:0 auto; padding:15px 0 5px 0;}
.productmore_buybtn p {padding:0 0 13px 0;}

.proto {padding-bottom:20px;}
.proto h3 {padding-bottom:10px;}
.proto p {margin:10px 0;}

.guestlist {}
.guestlist ul li {border-bottom:#dcdcdc 1px dashed; padding:10px 0 0 0;}
.askbox h6 {margin-bottom:5px;}
.ansbox {padding:10px 0 10px 12px; background:#eaf8ff;}
.askbox h6 {margin-bottom:5px;}

.replybox h6 {margin-bottom:10px;}
.replybox table tr td {}

/* public */
#help {border-top:#5d9ebc 1px solid; border-bottom:#5d9ebc 1px solid; padding:19px 0 20px 0;}
#help h6 {margin:0 0 10px 0;}
#help ul li {min-height:87px; _height:87px; border-right:#ccc 1px solid; padding:0 40px 0 0; margin-right:27px; float:left; display:inline;}

#links {}
.linkstitle {width:80px; float:left; display:inline;}
.linkslist {width:902px; float:left; display:inline;}
.linkslist ul li {width:16.6%; float:left; display:inline; padding:0 0 10px 0;}

/* footer */
#footer {text-align:center; padding:20px 0;}
#footer p {padding:20px 0 0 0;}

.viewright li{ list-style-type:none;}

#flowtab table {width:100%;}
#flowtab table th {background:#eee;}
#flowtab table tr td {border-bottom:#ccc 1px solid; padding:10px 0;}

#history_div,#hotsells{zoom:1;}

.goodsItem {text-align:center; line-height:20px;}