body {height:100%; margin:0px; text-align:center;}
body, td, input, select, textarea{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
/*body.background {background:url(images/docbg.jpg) left top repeat-x;}*/

a {color:#000; text-decoration: none;}
a:hover {color:#CC3300;}

form {margin:0px;}

img { border: 0px;}

.center {text-align:center;}
.absmiddle { vertical-align: middle;}
.clear {clear:both; *display:inline;}
.nodata {height:60px; text-align:center; padding-top:25px; color:#666;}

/*** ¤å¦rÃC¦â ***/
.fg1 {color:#999A9C;}
.fg2 {color:#9B0002;}
.fg3 {color:#CC0200;}
.fg4 {color:#4D4D4D;}
.fg5 {color:#FF3200;}
.fg6 {color:#989898;}

/************************************/
.doc {width:974px; text-align:left; margin:0 auto;}
.pop {margin:10px;}

.mhead {width:972px;}
.mhead .head1 {float:left; width:180px; height:37px; background:url(images/head1.jpg?t=0819) left top no-repeat;}
.mhead .button {float:left; width:631px; height:37px; background:#000000;}
.mhead .button .bt {float:left; margin-left:14px;}
.mhead .button .first {margin-left:0px !important;}
.mhead .head2 {float:left; width:161px; height:37px; background:url(images/head2.jpg?t=0819) left top no-repeat;}

.mdm {width:974px; height:318px;}

.mbody {width:974px;}
.mbody .mleft {float:left; width:254px; margin-right:10px;}
.mbody .mright {float:left; width:710px;}

.mfoot {line-height:20px; text-align:center;}
.mfoot span {padding:0 23px 0 23px; background:url(images/icon_grect.jpg) left top no-repeat;}

/*** BLOCK ***/
.kborder {position:relative;}
.kborder .t1 {position:absolute; left:-3px; top:-3px; width:9px; height:9px; overflow:hidden;}
.kborder .t2 {position:absolute; right:-3px; top:-3px; width:9px; height:9px; overflow:hidden;}
.kborder .f1 {position:absolute; left:-3px; bottom:-3px; width:9px; height:9px; overflow:hidden;}
.kborder .f2 {position:absolute; right:-3px; bottom:-3px; width:9px; height:9px; overflow:hidden;}
.kborder .kd {padding:0px 5px 10px 6px; min-height:60px; _height:60px;}

.bk_warn {width:248px; border:3px solid #9B0000;}
.bk_warn .t1 {background:url(images/push_t1.jpg) left top no-repeat;}
.bk_warn .t2 {background:url(images/push_t2.jpg) left top no-repeat;}
.bk_warn .f1 {background:url(images/push_f1.jpg) left top no-repeat;}
.bk_warn .f2 {background:url(images/push_f2.jpg) left top no-repeat;}
.bk_warn .kd {padding:10px 5px 10px 6px !important;}


.bk_login {width:248px; border:3px solid #669801;}
.bk_login .t1 {background:url(images/login_t1.jpg) left top no-repeat;}
.bk_login .t2 {background:url(images/login_t2.jpg) left top no-repeat;}
.bk_login .f1 {background:url(images/login_f1.jpg) left top no-repeat;}
.bk_login .f2 {background:url(images/login_f2.jpg) left top no-repeat;}
.bk_login .title {background:url(images/t_login.jpg) left top no-repeat; width:237px; height:36px;}
.bk_login .frm {margin:6px 0 3px 0;}
.bk_login .frm .field {float:left; width:50px; line-height:18px; text-align:right; margin-right:5px;}
.bk_login .frm .input {float:left; width:180px; line-height:18px;}
.bk_login .frm .input input.text {border:1px solid #C2C2C2; width:171px;}
.bk_login .frm .data {float:left; width:168px; text-align:right; margin-right:17px;}
.bk_login .frm .submit {float:left;}
.bk_login .meminfo {padding:0 10px 0 10px;}
.bk_login .meminfo .user {color:#333; line-height:18px;}
.bk_login .meminfo .user span {font-weight:bold;}
.bk_login .meminfo .func {float:left; width:120px; margin-right:5px;}
.bk_login .meminfo .func2 {width:80px !important;}
.bk_login .meminfo .func .item {padding-left:30px; background:url(images/icon_arrball.gif) no-repeat; background-position:15px 5px; *background-position:15px 3px; line-height:18px;}

.bk_search {width:248px; border:3px solid #65009A;}
.bk_search .t1 {background:url(images/search_t1.jpg) left top no-repeat;}
.bk_search .t2 {background:url(images/search_t2.jpg) left top no-repeat;}
.bk_search .f1 {background:url(images/search_f1.jpg) left top no-repeat;}
.bk_search .f2 {background:url(images/search_f2.jpg) left top no-repeat;}
.bk_search .title {background:url(images/t_search.jpg) left top no-repeat; width:237px; height:34px;}
.bk_search .keyword {float:left; width:177px; text-align:right; margin-right:8px;}
.bk_search .keyword input {border:1px solid #C2C2C2; width:166px;}
.bk_search .submit {float:left;}

.bk_prodcls {width:248px; border:3px solid #FF6600;}
.bk_prodcls .t1 {background:url(images/prodcls_t1.jpg) left top no-repeat;}
.bk_prodcls .t2 {background:url(images/prodcls_t2.jpg) left top no-repeat;}
.bk_prodcls .f1 {background:url(images/prodcls_f1.jpg) left top no-repeat;}
.bk_prodcls .f2 {background:url(images/prodcls_f2.jpg) left top no-repeat;}
.bk_prodcls .title {background:url(images/t_prodcls.jpg) left top no-repeat; width:237px; height:34px;}
.bk_prodcls .list {padding:0 30px 0 30px; background:url(images/icon_barr.jpg) no-repeat; background-position:10px 0px;}

.bk_cart {width:248px; border:3px solid #CB0167; text-align:center;}
.bk_cart .t1 {background:url(images/cart_t1.jpg) left top no-repeat;}
.bk_cart .t2 {background:url(images/cart_t2.jpg) left top no-repeat;}
.bk_cart .f1 {background:url(images/cart_f1.jpg) left top no-repeat;}
.bk_cart .f2 {background:url(images/cart_f2.jpg) left top no-repeat;}
.bk_cart .title {background:url(images/t_cart.jpg) left top no-repeat; width:237px; height:36px;}
.bk_cart .cart {width:227px; margin:0 auto; text-align:left; background:url(images/cartbd2.jpg) left top repeat-x;}
.bk_cart .cart .left {background:url(images/cartbd1.jpg) left top no-repeat;}
.bk_cart .cart .left .right {background:url(images/cartbd3.jpg) right top no-repeat; padding:0 10px 0 68px; height:53px; line-height:53px;}
.bk_cart .cart .left .right span {margin:0 5px 0 5px; color:#FE9B00; font-weight:bold;}

.bk_hot {width:248px; border:3px solid #010066;}
.bk_hot .t1 {background:url(images/hot_t1.jpg) left top no-repeat;}
.bk_hot .t2 {background:url(images/hot_t2.jpg) left top no-repeat;}
.bk_hot .f1 {background:url(images/hot_f1.jpg) left top no-repeat;}
.bk_hot .f2 {background:url(images/hot_f2.jpg) left top no-repeat;}
.bk_hot .title {background:url(images/t_hot.jpg) left top no-repeat; width:237px; height:36px;}
.bk_hot .list {padding:0 30px 0 30px; line-height:16px;}

.adbnr {text-align:center;}

#banner {min-height:132px !important; _height:132px !important; text-align:center;}
#action_bnr span { display: none; }

.mmarquee {width:708px; height:44px; background:url(images/mq_m.jpg) left top repeat-x;}
.mmarquee .lm {float:left; width:88px; height:44px; background:url(images/mq_l.jpg) left top no-repeat;}
.mmarquee .mm {float:left; width:599px; height:44px; background:url(images/mq_b.jpg) left top no-repeat;}
.mmarquee .rm {float:left; width:21px; height:44px; background:url(images/mq_r.jpg) left top no-repeat;}
.mmarquee table {border:0px;}
.mmarquee table td {white-space: nowrap; color:#FFFFFA; font-weight:bold; line-height:25px; height:44px; vertical-align:middle;}
.mmarquee table td a {color:#FFFFFA;}
.mmarquee table td a:hover {color:#FFFFFA;}
.mmarquee table td.length {padding-left:599px;}


.bk_push {width:702px; border:3px solid #9B0000;}
.bk_push .t1 {background:url(images/push_t1.jpg) left top no-repeat;}
.bk_push .t2 {background:url(images/push_t2.jpg) left top no-repeat;}
.bk_push .f1 {background:url(images/push_f1.jpg) left top no-repeat;}
.bk_push .f2 {background:url(images/push_f2.jpg) left top no-repeat;}
.bk_push .title {background:url(images/t_push.jpg) left top no-repeat; width:691px; height:36px;}

.bk_push .pinfo {float:left; width:230px; position:relative;}
.bk_push .pinfo .img {position:absolute; left:0px; top:0px; width:150px; height:150px; z-index:10;}
.bk_push .pinfo .info {position:relative; margin-left:105px; width:115px; height:150px; z-index:20; padding-top:13px;}
.bk_push .pinfo .info .name {font-size:16pt; font-weight:bold; color:#990000; line-height:26px; text-align:right;}
.bk_push .pinfo .info .name a {color:#990000;}
.bk_push .pinfo .info .depict {margin-top:8px; color:#333333; line-height:18px; text-align:right;}


.bk_news {width:702px; border:3px solid #016599;}
.bk_news .t1 {background:url(images/news_t1.jpg) left top no-repeat;}
.bk_news .t2 {background:url(images/news_t2.jpg) left top no-repeat;}
.bk_news .f1 {background:url(images/news_f1.jpg) left top no-repeat;}
.bk_news .f2 {background:url(images/news_f2.jpg) left top no-repeat;}
.bk_news .title {background:url(images/t_news.jpg) left top no-repeat; width:691px; height:36px;}

.bk_news .field {background:#CCCCCC; line-height:17px; height:17px;}
.bk_news .field .left {background:url(images/field_left.jpg) left top no-repeat;}
.bk_news .field .left .right {background:url(images/field_right.jpg) right top no-repeat; padding:0 12px 0 12px; text-align:center;}
.bk_news .first {float:left; width:500px; margin-right:8px;}
.bk_news .second {float:left; width:180px;;}
.bk_news .url {color:#4D4D4D; line-height:16px;}
.bk_news .url span {padding:0 10px 0 10px;}
.bk_news .post {color:#960001; line-height:16px; text-align:center;}
.bk_news .post span {padding:0 10px 0 10px;}


.bk_newprod {width:702px; border:3px solid #9A009D;}
.bk_newprod .t1 {background:url(images/newprod_t1.jpg) left top no-repeat;}
.bk_newprod .t2 {background:url(images/newprod_t2.jpg) left top no-repeat;}
.bk_newprod .f1 {background:url(images/newprod_f1.jpg) left top no-repeat;}
.bk_newprod .f2 {background:url(images/newprod_f2.jpg) left top no-repeat;}
.bk_newprod .title {background:url(images/t_newprod.jpg) left top no-repeat; width:691px; height:36px;}

.bk_newprod .pinfo {float:left; width:172px; text-align:center;}
.bk_newprod .pinfo .area {width:165px; margin:0 auto; text-align:left;}
.bk_newprod .pinfo .area .img {width:165px; height:165px; display:table-cell; text-align:center; vertical-align:middle;}
.bk_newprod .pinfo .area .img * {vertical-align:middle;}
html .bk_newprod .pinfo .area .img span{height:100%; display:inline-block;}
.bk_newprod .pinfo .area .info {background:#CCCCCC; padding:6px 14px 4px 14px; min-height:65px; _height:65px;}
.bk_newprod .pinfo .area .info .name {color:#353535; font-weight:bold; line-height:18px;}
.bk_newprod .pinfo .area .info .price {color:#333333; line-height:18px;}
.bk_newprod .pinfo .area .button {margin-top:4px; text-align:center;}

/*** MODULE ***/
.module {width:702px; border:3px solid #9B0000;}
.module .t1 {background:url(images/mod_t1.jpg) left top no-repeat;}
.module .t2 {background:url(images/mod_t2.jpg) left top no-repeat;}
.module .f1 {background:url(images/mod_f1.jpg) left top no-repeat;}
.module .f2 {background:url(images/mod_f2.jpg) left top no-repeat;}
.module .timg {width:691px; height:36px;}
.module .kd {min-height:500px !important; _height:500px !important;}

.news {}
.news .field {background:#CCCCCC; line-height:17px; height:17px;}
.news .field .left {background:url(images/field_left.jpg) left top no-repeat;}
.news .field .left .right {background:url(images/field_right.jpg) right top no-repeat; padding:0 12px 0 12px; text-align:center;}
.news .first {float:left; width:500px; margin-right:8px;}
.news .second {float:left; width:180px;;}
.news .url {color:#4D4D4D; line-height:16px;}
.news .url span {padding:0 10px 0 10px;}
.news .post {color:#960001; line-height:16px; text-align:center;}
.news .post span {padding:0 10px 0 10px;}
.news .desc {padding:0 10px 0 10px; min-height:360px; _height:360px; line-height:18px; color:#4F4F4F;}

.article {}
.article .text {padding:0 15px 0 15px;}
.article .text .watch {display:block; text-align:left; color:#940202;}
.article .text .button {text-align:right;}

.gbook {}
.gbook .post {text-align:right; padding-right:5px;}
.gbook .set {background:#CCCCCC; line-height:17px; height:17px;}
.gbook .set .left {background:url(images/field_left.jpg) left top no-repeat;}
.gbook .set .left .right {background:url(images/field_right.jpg) right top no-repeat; padding:0 12px 0 12px; text-align:center;}
.gbook .first {float:left; width:430px; margin-right:8px;}
.gbook .second {float:left; width:105px; margin-right:8px;}
.gbook .third {float:left; width:130px;;}
.gbook .subject {color:#4D4D4D; line-height:16px;}
.gbook .subject span {padding:0 10px 0 10px;}
.gbook .user {color:#000000; line-height:16px; text-align:center;}
.gbook .user span {padding:0 5px 0 5px;}
.gbook .time {color:#960001; line-height:16px; text-align:center;}
.gbook .time span {padding:0 5px 0 5px;}
.gbook .content {padding:0 15px 0 15px; line-height:20px; color:#505050;}
.gbook .reply {padding:0 15px 0 15px; line-height:20px; color:#696969;}
.gbook .retxt {padding:0 15px 0 15px; line-height:20px; color:#9C0000;}

.prodcls {margin:0px 5px 10px 5px;}
.prodcls .item {float:left; width:86px; margin:5px 5px 0px 0px; color:#666; padding-left:20px; background:url(images/icon_barr.jpg) no-repeat; background-position:0 4px; *background-position:0 2px; line-height:18px; }
.prodcls .item a {color:#666;}
.prodcls .item a:hover {color:#CC3300;}

.product {}
.product .pinfo {float:left; width:172px; text-align:center;}
.product .pinfo .area {width:165px; margin:0 auto; text-align:left;}
.product .pinfo .area .img {width:165px; height:165px; display:table-cell; text-align:center; vertical-align:middle;}
.product .pinfo .area .img * {vertical-align:middle;}
html .product .pinfo .area .img span{height:100%; display:inline-block;}
.product .pinfo .area .info {background:#CCCCCC; padding:6px 14px 4px 14px; min-height:65px; _height:65px;}
.product .pinfo .area .info .name {color:#353535; font-weight:bold; line-height:18px;}
.product .pinfo .area .info .price {color:#333333; line-height:18px;}
.product .pinfo .area .info .price span {color:#9C0000; line-height:18px;}
.product .pinfo .area .button {margin-top:4px; text-align:center;}

.product .bigimg {float:left; width:252px; margin:0 20px 0 20px;}
.product .bigimg .img {width:250px; height:250px; display:table-cell; text-align:center; vertical-align:middle; border:1px solid #999;}
.product .bigimg .img * {vertical-align:middle;}
html .product .bigimg .img span{height:100%; display:inline-block;}
.product .bigimg .other {text-align:center; color:#333;}
.product .bigimg .other a {color:#333;}
.product .bigimg .other a:hover {color:#CC3300;}
.product .bigimg .preprod {float:left; margin-left:8px; background:url(images/pre.jpg) no-repeat; background-position:left 1px; *background-position:left 0px; padding-left:12px; color:#333;}
.product .bigimg .nextprod {float:right; margin-right:8px; background:url(images/next.jpg) no-repeat; background-position:right 1px; *background-position:right 0px; padding-right:12px; color:#333;}
.product .bigimg .preprod2 {float:left; margin-left:8px; background:url(images/pre2.jpg) no-repeat; background-position:left 1px; *background-position:left 0px; padding-left:12px; color:#999;}
.product .bigimg .nextprod2 {float:right; margin-right:8px; background:url(images/next2.jpg) no-repeat; background-position:right 1px; *background-position:right 0px; padding-right:12px; color:#999;}
.product .dinfo {float:left; width:380px;}
.product .dinfo .pname {color:#CD0100; font-size:16pt; font-weight:bold; line-height:26px; min-height:52px; _height:52px;}
.product .dinfo .mark {color:#999; line-height:16px; min-height:32px;}
.product .dinfo .field {margin-top:3px; color:#666; padding-left:12px; background:url(images/icon_sarr.gif) no-repeat; background-position:left 3px; *background-position:left 2px; line-height:16px;}
.product .dinfo .field span {color:#9C0000;}
.product .dinfo .putcart {margin-top:15px;}
.product .pdesc {padding:0 15px 0 15px;}
.product .pdesc .dtitle {padding-left:15px; background:url(images/icon_sbgar.jpg) no-repeat; background-position:4px 7px; *background-position:4px 5px; line-height:20px; color:#696969;}
.product .pdesc .desc {padding:0 5px 0 5px; line-height:18px; color:#505050;}

.order {}
.order .set {background:#CCCCCC; line-height:17px; height:17px;}
.order .set .left {background:url(images/field_left.jpg) left top no-repeat;}
.order .set .left .right {background:url(images/field_right.jpg) right top no-repeat; padding:0 12px 0 12px; text-align:center;}
.order .w1 {float:left; width:364px; margin-right:8px;}
.order .w2 {float:left; width:72px; margin-right:8px;}
.order .w3 {float:left; width:72px; margin-right:8px;}
.order .w4 {float:left; width:72px; margin-right:8px;}
.order .w5 {float:left; width:72px;}
.order .o1 {float:left; width:106px; margin-right:8px;}
.order .o2 {float:left; width:92px; margin-right:8px;}
.order .o3 {float:left; width:110px; margin-right:8px;}
.order .o4 {float:left; width:113px; margin-right:8px;}
.order .o5 {float:left; width:113px; margin-right:8px;}
.order .o6 {float:left; width:113px;}
.order .n1 {float:left; width:284px; margin-right:8px;}
.order .n2 {float:left; width:72px; margin-right:8px;}
.order .n3 {float:left; width:72px; margin-right:8px;}
.order .n4 {float:left; width:72px; margin-right:8px;}
.order .n5 {float:left; width:72px; margin-right:8px;}
.order .n6 {float:left; width:72px;}
.order .prod {line-height:18px; color:#505050;}
.order .prod span {display:block; line-height:18px; padding:0 10px 0 10px;}
.order .num {text-align:center; color:#9A0003;}
.order .center {text-align:center; color:#323232;}

.order .info {}
.order .info .note {text-align:right; padding-right:10px; line-height:20px;}
.order .next {text-align:right; padding-right:10px;}
.order .order_title {padding:0 15px 0 15px;}
.order .order_title span {display:block; padding-left:15px; background:url(images/icon_sbgar.jpg) no-repeat; background-position:4px 7px; *background-position:4px 5px; line-height:20px; color:#696969;}
.order .info .spec {float:left; margin-right:10px; width:570px; text-align:right; line-height:20px;}
.order .info .data {float:left; width:96px; line-height:20px; color:#666;}
.order .info .spec2 {float:left; margin-right:10px; width:140px; text-align:right; line-height:20px;}
.order .info .data2 {float:left; width:505px; line-height:20px; color:#818181;}

.ordererror {padding:0 15px 0 15px;}

.backURL {text-align:right; line-height:15px;}
.backURL span {display:block; float:right; padding-left:20px; background:url(images/icon_next.jpg) left top no-repeat; margin-right:5px; line-height:15px;}
.backURL span a {color:#000000;}

/*** PAGE UP DOWN ***/
.page {text-align:right; line-height:16px; color:#323232;}
.page img {vertical-align:middle;}
.page span {margin:0 3px 0 0;}
.page a {color:#757575;}
.page a:hover {color:#CC3300;}


/*** LINE ***/
.mh3 {height:3px; overflow:hidden;}
.mh5 {height:5px; overflow:hidden;}
.mh6 {height:6px; overflow:hidden;}
.mh8 {height:8px; overflow:hidden;}
.mh10 {height:10px; overflow:hidden;}
.mh15 {height:15px; overflow:hidden;}

.lineType1 {background:#C9C9C9; height:1px; overflow:hidden;}
.lineType2 {background:url(images/icon_dot.gif) left top repeat-x; height:3px; overflow:hidden;}
.lineType3 {background:#C9C9C9; height:5px; overflow:hidden;}

/*** LIST ***/
ul.ListType1 {padding:0px; margin:0px;}
ul.ListType1 li {padding-left:23px; list-style-type:none; background:url(images/icon_barr.jpg) no-repeat; background-position:1px 2px; line-height:18px;}


/*** ªí³æ ***/
.welcome {}
.welcome .warn {padding:0 15px 0 15px; line-height:20px; color:#353535;}

.cform {}
.cform input.text {border:1px solid #C2C2C2; font-size:12px; }
.cform select {border:1px solid #C2C2C2; font-size:12px;}
.cform textarea {border:1px solid #C2C2C2; padding:2px; font-size:12px;}
.cform .field {margin:5px 0 5px 0;}
.cform .field .title {float:left; width:120px; line-height:20px; color:#000000; text-align:right; margin-right:15px;}
.cform .field .title div {}
.cform .field .title span {color:#CD0200;}
.cform .field .ftxt {float:left; width:540px; line-height:20px;}
.cform .field .ftxt span {color:#CD0200;}
.cform .field .ftxt span.kyes {color:#1182FF;}
.cform .field .ftxt span.kno {color:#CD0200;}
.cform .field .ftxt p {padding:0 10px 0 35px; margin:0px;}
.cform .field .list {margin-left: 54px; line-height:24px;}
.cform .field .desc {margin-left: 74px; line-height:18px;}

.dform {}
.dform .field .title {width:200px !important;}
.dform .field .ftxt {width:440px !important;}

input.button02 {background:url(images/button02.jpg) left top no-repeat; width:44px; height:19px; border:0px; color:#353535; line-height:22px;}
input.button04 {background:url(images/button04.jpg) left top no-repeat; width:61px; height:19px; border:0px; color:#383838; line-height:22px;}
input.buttbg04 {background:url(images/buttbg04.jpg) left top no-repeat; width:79px; height:20px; border:0px; color:#353535; line-height:22px;}