body {height:100%; margin:0px; text-align:center; background:#F4F3EF;}
body, td, input, select, textarea{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

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;}

h1.first {display:none;}

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

/************************************/
.pop {margin:10px;}

.doc {width:960px; text-align:left; margin:0 auto;}
.murl {height:38px; text-align:right;}
.murl div {padding:17px 17px 0 0; color:#9A9997;}
.murl div a {color:#9A9997;}
.murl div a:hover {color:#CC3300;}
.mborder {border:1px solid #FFFFFF; padding:4px;}
.mborder .mmain {background:#FFF; min-height:500px; _height:500px; padding:8px 12px 8px 12px;}

.mhead {background:url(images/headbg.jpg) left top repeat-x; height:62px; position:relative;}
.mhead .logo {padding-left:10px;}
.mhead ul {position:absolute; left:547px; top:19px; padding:0px; margin:0px;}
.mhead ul li {float:left; list-style-type:none; margin-right:17px;}

#banner {text-align:center;}
#action_bnr span { display: none; }

.mbody {}
.mbody .left {float:left; width:189px; margin-right:5px;}
.mbody .right {float:left; width:728px;}

.mfoot {text-align:center; line-height:20px; color:#666666;}
.mfoot a {color:#666666;}
.mfoot a:hover {color:#CC3300;}


/*** BLOCK ***/
.bk_login {background:url(images/login_bg.jpg) left top repeat-y;}
.bk_login .title {width:189px; height:58px; background:url(images/t_login.jpg) left top no-repeat;}
.bk_login .content {min-height:114px; _height:114px; padding:5px 0 5px 0;}
.bk_login .content .frm {margin:5px 0 5px 0;}
.bk_login .content .frm .field {float:left; width:56px; margin-right:8px; text-align:right; color:#666666;}
.bk_login .content .frm .input {float:left; width:116px; color:#9B9B9B;}
.bk_login .content .frm .input input.text {border:1px solid #C3C3C3; width:108px;}
.bk_login .content .frm .input a {color:#9B9B9B;}
.bk_login .content .frm .input a:hover {color:#CC3300;}
.bk_login .meminfo {width:162px; margin-left:20px;}
.bk_login .meminfo .user {color:#676767; line-height:18px;}
.bk_login .meminfo .user span {font-weight:bold; color:#CC3333;}
.bk_login .meminfo .uspc {color:#999; font-size:11px;}
.bk_login .meminfo .func {float:left; width:75px; margin-right:5px; color:#989898;}
.bk_login .meminfo .func .item {padding-left:12px; background:url(images/icon_bdot.gif) no-repeat; background-position:0px 5px; *background-position:0px 3px; line-height:18px;}
.bk_login .meminfo .func a {color:#989898;}
.bk_login .meminfo .func a:hover {color:#CC3300;}


.bk_cart {width:189px; background:url(images/cart_bg.jpg) #F4F4F4 right bottom no-repeat;}
.bk_cart .title {width:189px; height:55px; background:url(images/t_cart.jpg) left top no-repeat;}
.bk_cart .content {height:67px; text-align:center;}
.bk_cart .content .cart {width:150px; margin:0 auto; padding:10px 0 5px; text-align:left;}
.bk_cart .content .cart .num {color:#999999; font-weight:bold; text-align:center;}
.bk_cart .content .cart .num span {color:#960105; font-weight:bold;}
.bk_cart .content .cart .link {color:#CB0003; text-align:center;}
.bk_cart .content .cart .link a {color:#CB0003;}

.bk_search {width:189px; height:45px; background:url(images/search_bg.jpg) left top no-repeat;}
.bk_search .border {border:1px solid #CCCCCC; width:173px; height:35px; _height:40px; margin-left:8px; background:#EBEBEB;}
.bk_search .border .title {width:77px; height:12px; background:url(images/t_search.jpg) left top no-repeat;}
.bk_search .border .keyword {float:left; width:123px; padding-left:6px;}
.bk_search .border .keyword input {width:121px; border:1px solid #C3C3C3; color:#666666;}
.bk_search .border .submit {float:left; width:34px; margin-left:5px;}

.bk_cls {width:184px; margin-left:3px;}
.bk_cls .title {width:184px;}
.bk_cls .content {padding:5px 0 5px 0; text-align:center;}
.bk_cls .content .cls {width:155px; margin:0 auto; text-align:left; padding:0px;}
.bk_cls .content .cls .list {padding-left:22px; background:url(images/icon_barr.gif) no-repeat; background-position:7px 3px; *background-position:7px 1px; color:#666666;}
.bk_cls .content .cls .list a {color:#666666;}
.bk_cls .content .cls .list a:hover {color:#980062;}

.bk_bnr {width:184px; margin-left:3px;}

.bk_button {}
.bk_button .bt {float:left; width:143px; margin-right:3px;}
.bk_button .last {margin-right:0px !important;}
.bk_button .url {height:32px; line-height:32px; background:#EEE8D0; color:#907530; position:relative;}
.bk_button .url .level {position:absolute; top:0px; left:10px; display:none;}
.bk_button .url .level label {font-weight:bold;}
.bk_button .url a {color:#907530;}
.bk_button .url a:hover {color:#CC3300;}

.bk_marquee {background:#EEE8D0; color:#907530; padding:6px;}
.bk_marquee .icon {padding-left:20px; height:20px; background:url(images/icon_mqr.jpg) no-repeat; background-position:left 3px; *background-position:left 2px;}
.bk_marquee .marquee {height:20px; overflow:hidden; position:relative;}
.bk_marquee .marquee .max {position:absolute; left:0px; top:0px; width:100%; line-height:20px; color:#907530;}
.bk_marquee .marquee .max a {color:#907530;}
.bk_marquee .marquee .max a:hover {color:#CC3300;}
.bk_marquee .marquee .max #FirstSilder {position:absolute; left:0px; top:0px;}
.bk_marquee .marquee .max #SecondSilder {position:absolute; left:0px; top:-1000px;}
.bk_marquee .marquee .max #item {height:20px; overflow:hidden;}

/*
.bk_marquee marquee {height:20px; overflow:hidden;}
.bk_marquee table {border:0px;}
.bk_marquee table td {white-space: nowrap; color:#907530; line-height:20px; height:20px; vertical-align:middle;}
.bk_marquee table td a {color:#907530;}
.bk_marquee table td a:hover {color:#CC3300;}
.bk_marquee table td.length {padding-top:20px;}
*/
/*** MAIN ***/
.newprod {}
.newprod .timg {widt:728px; height:20px; background:url(images/newprod.jpg) left top no-repeat;}
.newprod .border {border:1px solid #E5E5E5; border-top:0px; padding:4px; *height:1%;}

.hotprod {}
.hotprod .timg {widt:728px; height:20px; background:url(images/hotprod.jpg) left top no-repeat;}
.hotprod .border {border:1px solid #E5E5E5; border-top:0px; padding:4px; *height:1%;}

.prod {}
.prod .pinfo {float:left; width:179px; text-align:center;}
.prod .pinfo .area {width:173px; min-height:300px; _height:300px; border:1px solid #DBDBDB; margin:0 auto;}
.prod .pinfo .area .img {width:173px; height:173px; display:table-cell; text-align:center; vertical-align:middle;}
.prod .pinfo .area .img * {vertical-align:middle;}
html .prod .pinfo .area .img span{height:100%; display:inline-block;}
.prod .pinfo .area .img img {border:1px solid #DBDBDB;}
.prod .pinfo .area .info {width:166px; margin:0 auto; margin-top:8px; text-align:left;}
.prod .pinfo .area .info .name {line-height:28px; color:#656565; font-size:12pt; height:28px; overflow:hidden;}
.prod .pinfo .area .info .name a {color:#656565;}
.prod .pinfo .area .info .name a:hover {color:#CC3300;}
.prod .pinfo .area .info .price {line-height:18px; color:#CB0305; font-weight:bold; height:24px; overflow:hidden;}
.prod .pinfo .area .info .price span {font-size:12pt; font-weight:bold;}
.prod .pinfo .area .info .depict {line-height:18px; color:#999999; height:36px; overflow:hidden;}
.prod .pinfo .area .info .button {margin-top:8px; text-align:right;}

.modtable {}
.modtable .timg {width:728px; height:20px; background:url(images/mod_bg.jpg) #DCB9D9 right top no-repeat;}
.modtable .timg .murl {float:right; height:20px; line-height:20px; padding-right:8px; color:#666469; font-family:"Courier New", Courier, monospace;}
.modtable .timg .murl a {color:#666469;}
.modtable .timg .murl a:hover {color:#CC3300;}
.modtable .mbord {border:1px solid #E5E5E5; border-top:0px; padding:4px; min-height:680px; _height:680px;}

/*** MODULE ***/
.html {padding:18px; line-height:20px;}

.contact {padding:30px;}

.gbook {padding:12px;}
.gbook .post {text-align:right;}
.gbook td {line-height:22px;}
.gbook td.date {color:#986804;}
.gbook .content {color:#999; line-height:22px; text-align:left; padding:10px;}
.gbook .reply {text-align:left; padding:0 12px 0 12px; line-height:20px; color:#9C0000;}
.gbook .retxt {text-align:left; padding:0 12px 0 12px; line-height:20px; color:#999;}

.qa {padding:12px;}
.qa td {line-height:22px;}
.qa td.date {color:#986804;}
.qa .content {color:#898989; line-height:20px; text-align:left; padding:6px 12px 6px 48px;}
.qa .subject {padding-left:44px; background:url(images/icon_q.jpg) no-repeat; background-position:10px 5px; *background-position:10px 3px; color:#696969;}
.qa .subject a {color:#696969;}
.qa .subject a:hover {color:#CC3300;}

.member {}
.member .login {padding:30px 80px 30px 80px;}
.member .login .cform .border {width:355px !important;}
.member .login .cform .field .ftxt {width:220px !important;}
.member .join {padding:30px;}
.member .forget {padding:30px 80px 30px 80px;}
.member .forget .cform .border {width:505px !important;}
.member .forget .cform .field .ftxt {width:360px !important;}

.article {padding:12px;}
.article .text {height:560px; overflow:auto; line-height:16px; color:#686868;}
.article .watch {display:block; text-align:center; color:#940202;}
.article .button {text-align:center;}

.prodcls {}
.prodcls .item {float:left; width:86px; margin-right:15px; line-height:20px; padding-left:17px; background:url(images/icon_barr.gif) no-repeat; background-position:2px 6px; *background-position:2px 4px; color:#666666;}
.prodcls .item a {color:#666666;}
.prodcls .item a:hover {color:#CC3300;}

.product {padding:10px 20px 10px 20px;}
.product .bigimg {float:left; width:280px; margin-right:15px; text-align:center;}
.product .bigimg .area {width:252px; margin:0 auto; text-align:center;}
.product .bigimg .area .img {width:252px; height:252px; display:table-cell; text-align:center; vertical-align:middle; margin:0 auto;}
.product .bigimg .area .img * {vertical-align:middle;}
html .product .bigimg .area .img span{height:100%; display:inline-block;}
.product .bigimg .area .img img {border:1px solid #DBDBDB;}
.product .bigimg .area .other {text-align:center; color:#666;}
.product .bigimg .area .other a {color:#666;}
.product .bigimg .area .other a:hover {color:#CC3300;}
.product .bigimg .area .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:#666;}
.product .bigimg .area .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:#666;}
.product .bigimg .area .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 .area .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 {padding-left:18px; background:url(images/icon_parr.jpg) no-repeat; background-position:0 3px; *background-position:0 1px; line-height:18px; font-size:12pt; color:#654169; font-weight:bold;}
.product .dinfo .pdepict {padding-left:18px; color:#686868; line-height:18px; margin-top:10px;}
.product .dinfo .ptitle {padding-left:18px; color:#FF99CC; font-size:10pt; margin-top:10px;}
.product .dinfo .payment {padding-left:18px;}
.product .dinfo .payment span {padding:3px 5px 3px 5px; *padding:3px 5px 1px 5px; border:1px solid #FF9999; background:#FFDDDD; color:#FF0000;}
.product .dinfo .payment span.tp1 {padding:3px 5px 3px 5px; *padding:3px 5px 1px 5px; border:1px solid #FF9900; background:#FFFF99; color:#FF6600;}
.product .dinfo .payment span.tp2 {padding:3px 5px 3px 5px; *padding:3px 5px 1px 5px; border:1px solid #3366FF; background:#CCFFFF; color:#0000FF;}

.product .dinfo .pprice {padding-left:18px; color:#CC0000; line-height:20px;}
.product .dinfo .pprice span {color:#CC0000; font-size:12pt; font-weight:bold;}
.product .dinfo .oprice {color:#686868 !important;}
.product .dinfo .oprice span {color:#686868 !important;}
.product .dinfo .field {padding-left:30px; margin-top:3px; color:#666; background:url(images/icon_sarr.gif) no-repeat; background-position:18px 4px; *background-position:18px 2px; line-height:16px;}
.product .dinfo .field span {color:#9C0000;}
.product .dinfo .track {float:right; margin-top:9px; margin-right:180px;}
.product .dinfo .putcart {margin-top:5px; padding-left:18px;}
.product .pdesc {}
.product .pdesc .dtitle {color:#FF6600; line-height:20px;}
.product .pdesc .dtitle span {background:#CC0099; color:#FFFFFF; padding:3px 5px 3px 5px; *padding:3px 5px 1px 5px;}
.product .pdesc .desc {line-height:18px; _width:680px; _overflow:hidden;}

.order {padding:12px;}
.order td span {display:block; padding:0 10px 0 10px;}
.order td.num {color:#CB0000;}
.order td.freight {background:#E0EEEE; font-weight:bold; font-size:10pt; text-align:center; padding:4px 0 4px 0;}
.order td.subtotal {text-align:right; padding-right:8px;}
.order .info {}
.order .info .note {line-height:20px; text-align:right; color:#737373;}
.order .info .ft1 {float:left; margin-right:10px; width:200px; text-align:right; line-height:20px; color:#818181;}
.order .info .ft2 {float:left; width:60px; text-align:left; line-height:20px;}
.order .info .ft3 {float:left; margin-right:10px; width:100px; text-align:right; line-height:20px; color:#818181;}
.order .info .ft4 {float:left; width:100px; text-align:left; line-height:20px;}
.order .info .spec {float:left; margin-right:10px; width:200px; text-align:right; line-height:20px; color:#818181;}
.order .info .data {float:left; width:396px; text-align:left; line-height:20px;}
.order .info .data ol {margin-top:0px; margin-bottom:0px;}
.order .info .spec2 {float:left; margin-right:10px; width:100px; text-align:right; line-height:20px; color:#818181;}
.order .info .data2 {float:left; width:515px; line-height:20px; text-align:left;}
.order .info .size {font-size:11pt;}
.order_title {width:615px; margin:0 auto; text-align:left;}
.order_title .txt {font-size:10pt; color:#933;}
.order_title .txt span {display:block; padding-left:10px;}


.listTable {text-align:center;}
.listTable table {width:98%; _width:95%; margin:0 auto; text-align:left;}
.listTable table th {text-align:center; font-weight:bold; color:#676767; line-height:24px; font-size:12px;}
.listTable table td {color:#686868;}

/*** PAGE UP DOWN ***/
.page {color: #999999;}
.page a {color:#999999;}
.page a:hover {color:#CC3300;}
.page b {color:#666; font-weight:bold;}



/*** 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:url(images/icon_dash.gif) left top repeat-x; height:3px; overflow:hidden;}
.lineType2 {background:url(images/line2.jpg) left top repeat-x; height:6px; overflow:hidden;}
.lineType3 {background:#D7D7D7; height:1px; overflow:hidden;}
.lineType4 {background:url(images/icon_dot.gif) left top repeat-x; height:3px; 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 {line-height:24px; color:#656565;}
.welcome .warn2 {line-height:24px; padding-left:70px; color:#656565;}

.cform {text-align:center;}
.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 .warning {width:595px; margin:0 auto; text-align:left; color:#696969;}
.cform .warning span {color:#EE2329;}
.cform .border {border:1px solid #CCCCCC; border-bottom:0px; width:595px; margin:0 auto; text-align:left;}
.cform .field {border-bottom:1px solid #CCCCCC;}
.cform .field .title {float:left; width:104px; line-height:20px; color:#6C6C6C;}
.cform .field .title div {margin:7px 6px 7px 6px; background:#E4E4E4; padding:0 6px 0 6px;}
.cform .field .title span {color:#EE2329;}
.cform .field .ftxt {float:left; width:460px; min-height:20px; _height:20px; line-height:20px; border-left:1px solid #CCCCCC; padding:7px 6px 7px 6px; color:#666666;}
.cform .field .ftxt span {color:#EE2329;}
.cform .field .ftxt span.kyes {color:#1182FF;}
.cform .field .ftxt span.kno {color:#EE2329;}
.cform .field .title2 {border-left:1px solid #CCCCCC;}
.cform .field .ftxt2 {width:150px !important;}
.cform .field .ftxt3 {width:200px !important;}

.cform .payment {width:595px; margin:0 auto; text-align:left; color:#666666;}
.cform .payment .list {margin-left: 24px; line-height:24px;}
.cform .payment .desc {margin-left: 44px; line-height:18px;}

input.button04 {background:url(images/button04.jpg) left top no-repeat; width:81px; height:25px; border:0px; color:#FF6803; line-height:25px;}
input.buttcart {background:url(images/buttcart.jpg) left top no-repeat; width:81px; height:21px; border:0px; font-size:11px; *font-size:10px; color:#FFFEFA; line-height:26px; padding-left:22px;}