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

a {color:#4F4F4F; text-decoration: none;}
a:hover {color:#EE0202;}

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

/*** 文字顏色 ***/
.fg1 {color:#999A9C;}
.fg2 {color:#9B0002;}
.fg3 {color:#F68501;}
.fg4 {color:#006699;}
.fg5 {color:#FF3200;}
.fg6 {color:#989898;}

/*** 背景顏色 ***/
.bg1 {background:#FF9BDB;}
.bg2 {background:#DB9BFF;}
.bg3 {background:#AB9BFF;}
.bg4 {background:#9BB3FF;}
.bg5 {background:#A7DBBB;}
.bg6 {background:#C3FF7F;}
.bg7 {background:#E7FF7F;}
.bg8 {background:#FFBF7F;}
.bg9 {background:#FF937F;}

/************************************/
h1.h1 {display:none;}
.pop {width:98%; margin:10px auto; text-align:center;}
.doc {width:1000px; text-align:center; margin:0 auto;}

.mhead {width:100%; height:85px; text-align:left; background:#BAE8F2; border-bottom:1px solid #D4D4D4;}
.mhead .logo {float:left; width:550px; height:85px;}
.mhead .logo img {margin:11px 0 0 34px;}
.mhead .url {float:left; width:226px; height:85px; text-align:right;}
.mhead .url span {display:block; margin:51px 15px 0 0; color:#A0A0A0;}
.mhead .url span a {color:#A0A0A0;}
.mhead .cart {float:left; width:114px; height:38px; margin:44px 10px 0 0px;}
.mhead .convLang {float:left; width:80px; height:38px; margin:44px 10px 0 0px;}

.mbutton {width:930px; text-align:left; margin:28px auto 0 auto;}
.mbutton .bt {float:left;}
.mbutton .btr {float:left; width:5px; height:32px; background:url(images/btr.jpg) left top no-repeat;}

.madbnr {width:928px; _width:930px; text-align:left; border:1px solid #E1E1E1; margin:9px auto 0 auto;}
.madbnr .leftprod {float:left; width:246px;}
.madbnr .leftprod .prod {border:1px solid #E1E1E1; width:238px; _width:240px; height:145px; margin:3px;}
.madbnr .leftprod .prod .padd {padding:3px;}
.madbnr .leftprod .prod .padd .more {float:right; margin:6px 6px 0 0;}
.madbnr .leftprod .prod .padd .button {float:left; width:12px; height:115px;}
.madbnr .leftprod .prod .padd .button img {margin-top:44px;}
.madbnr .leftprod .prod .padd .area {float:left; width:208px; height:115px;}
.madbnr .leftprod .prod .padd .area .prodinfo {}
.madbnr .leftprod .prod .padd .area .prodinfo .garea {float:left; width:120px; height:115px;}
.madbnr .leftprod .prod .padd .area .prodinfo .garea .img {width:120px; height:115px; display:table-cell; text-align:center; vertical-align:middle;}
.madbnr .leftprod .prod .padd .area .prodinfo .garea .img * {vertical-align:middle;}
html .madbnr .leftprod .prod .padd .area .prodinfo .garea .img span {height:100%; display:inline-block;}
.madbnr .leftprod .prod .padd .area .prodinfo .info {float:left; width:88px; height:115px;}
.madbnr .leftprod .prod .padd .area .prodinfo .info .title {color:#8F8F8F; line-height:14px; font-size:8pt;}
.madbnr .leftprod .prod .padd .area .prodinfo .info .price {margin-top:8px; color:#6EBCDC; line-height:14px; font-size:8pt;}
.madbnr .leftprod .prod .padd .area .prodinfo .info .price2 {color:#6EBCDC; line-height:14px; font-size:8pt;}
.madbnr .leftprod .prod .padd .area .prodinfo .info .depict {margin-top:5px; color:#CCCCCC; line-height:14px; font-size:8pt;}

.madbnr .rightad {float:left; width:680px; margin:2px 0 2px 0; position:relative;}
.madbnr .rightad .lbt {position:absolute; width:31px; height:168px; left:0px; top:64px; z-index:10;}
.madbnr .rightad .rbt {position:absolute; width:31px; height:168px; right:0px; top:64px; z-index:10;}
.madbnr .rightad .bnr {position:absolute; left:0px; height:0px; width:680px; height:300px; overflow:hidden; z-index:5;}
.madbnr .rightad .bnr .area {width:680px; height:300px; display:table-cell; text-align:center; vertical-align:middle;}
.madbnr .rightad .bnr .area * {vertical-align:middle;}
html .madbnr .rightad .bnr .area span.gnr {height:100%; display:inline-block;}

.bk_prod_push {}
.bk_prod_push div.prodinfo {width:160px; margin:3px; text-align:center;}
.bk_prod_push div.prodinfo .img {width:160px; height:135px; display:table-cell; text-align:center; vertical-align:middle;}
.bk_prod_push div.prodinfo .img * {vertical-align:middle;}
html .bk_prod_push  div.prodinfo .img span.gnr {height:100%; display:inline-block;}

.mmarquee {width:930px; text-align:left; margin:4px auto 0 auto; background:#F8A4E5; overflow:hidden;}
.mmarquee .mq {height:24px; line-height:24px; padding:0 5px 0 5px; color:#FFFFFF; overflow:hidden;}
.mmarquee .mq a {color:#FFFFFF;}

#MarqueeArea {position:relative; width:100%; height:24px; overflow:hidden;}
#MarqueeArea #MarqueeWrite {position:absolute; right:-1000px; white-space: nowrap;}


.mbody {width:930px; text-align:left; margin:0 auto;}
.mbody .menu {float:left; width:249px;}
.mbody .mod {float:left; width:681px;}

.mod_title {}
.mod_title .right {float:right; margin-top:6px; color:#C8C8C8;}
.mod_title .right a {color:#C8C8C8;}

.mfoot {border-top:1px solid #D4D4D4; background:#BAE8F2; min-height:83px; _height:83px;}
.mfoot .fleft {float:left; width:270px;}
.mfoot .fleft .search {position:relative; width:270px; height:36px;}
.mfoot .fleft .search .memo {position:absolute; width:39px; height:12px; left:34px; top:12px; background:url(images/search.jpg) left top no-repeat;}
.mfoot .fleft .search .keyword {position:absolute; width:106px; height:18px; left:80px; top:10px;}
.mfoot .fleft .search .keyword input {border:1px solid #C5C5C5; width:98px;}
.mfoot .fleft .search .submit {position:absolute; width:44px; height:19px; left:186px; top:10px;}
.mfoot .fleft .flogo {}

.mfoot .fmiddle {float:left; width:530px;}
.mfoot .fright {float:left; width:200px;}

.mfoot .copyright {width:100%; margin-top:8px; color:#006666;}
.mfoot .copyright .url {text-align:right; padding-right:43px; font-size:8pt; line-height:18px;}
.mfoot .copyright .url a {color:#A0A0A0;}
.mfoot .copyright .url a:hover {color:#EE0202;}

.mfoot .copyright .info {padding:0 13px 0 26px; font-size:8pt; text-align:left; line-height:17px;}
.mfoot .copyright .info .design {float:right; width:145px;}
.mfoot .copyright .info a {color:#006600;}
.mfoot .copyright .info a:hover {color:#009900;}

/*** BLOCK ***/
.bk_cls {width:236px;}
.bk_cls .data {}
.bk_cls .data .item {margin:0px 0 6px 0;}
.bk_cls .data .item div {line-height:18px; padding:3px 10px 3px 10px; color:#535353;}
.bk_cls .data .item a {color:#535353;}
.bk_cls .data .child {background:url(images/dr/vline.gif) left top repeat-y;}

.bk_top10 {width:236px;}
.bk_top10 .data {}
.bk_top10 .data .item {margin-top:6px; line-height:18px; padding:3px 10px 3px 10px; color:#535353;}
.bk_top10 .data .item a {color:#535353;}

.bk_sad {width:236px;}
.bk_sad .adbanner {} 
.bk_sad .adbanner .ad {margin:5px 0 0 0;} 

.bk_new_news {}
.bk_new_news .data {background:#F8C6F9; _height:1%;}
.bk_new_news .data .padd {padding:12px;}
.bk_new_news .data .padd .post {float:right; width:80px; color:#DA61C0; text-align:right;}
.bk_new_news .data .padd .url {color:#4F4F4F;}
.bk_new_news .data .padd .url a {color:#4F4F4F;}
.bk_new_news .data .padd .url a:hover {color:#EE0202;}
.bk_new_news .data .padd .more {text-align:right; margin:3px 0 0 0; }

.bk_new_prod {}
.bk_new_prod .more {float:right; margin:6px 6px 0 0;}
.bk_new_prod .data {background:#F1F5A3;}
.bk_new_prod .data .padd {padding:8px 0 8px 3px;}
.bk_new_prod .data .padd .prod {float:left; width:135px; text-align:center;}
.bk_new_prod .data .padd .prod .pinfo {width:128px; min-height:211px; _height:211px; margin:0 auto; text-align:center; background:#FFFFFF;}
.bk_new_prod .data .padd .prod .pinfo .img {width:128px; height:120px; display:table-cell; text-align:center; vertical-align:middle;}
.bk_new_prod .data .padd .prod .pinfo .img * {vertical-align:middle;}
html .bk_new_prod .data .padd .prod .pinfo .img span {height:100%; display:inline-block;}
.bk_new_prod .data .padd .prod .pinfo .ptitle {width:115px; margin:0 auto; color:#2F2F2F; margin-top:3px; text-align:left;}
.bk_new_prod .data .padd .prod .pinfo .ptitle span {color:#E81E66;}

/*** MODULE ***/
.mdata {line-height:18px; width:100%; overflow:hidden;}
.mdata .padd {padding:13px;}

.news {}
.news .padd {padding:20px;}
.news .list {}
.news .subject {float:left; width:555px; margin-right:4px; line-height:18px;}
.news .subject span {display:block; padding:0 4px 0 4px;}
.news .date {float:left; width:80px; line-height:18px; text-align:center; color:#E84E4E;}
.news .head {background:#FFBF7F; color:#FFF !important; text-align:center;}
.news .bg1 {background:#FFF;}
.news .bg2 {background:#E8E8E8;}
.news .detail {padding:4px; min-height:300px; _height:470px;}

.contact {padding:20px;}
.contact .border{border:1px solid #B7B7B7;}
.contact .border .padd {padding:18px;}

.member {padding:8px 20px 8px 20px;}
.member .button {text-align:center;}
.member .button label {line-height:26px; padding:3px 19px 3px 19px; color:#FFF;}
.member .button label a {color:#FFF;}
.member .c1 {background:#FF9BDB;}
.member .c2 {background:#DB9BFF;}
.member .c3 {background:#9BB3FF;}
.member .c4 {background:#A7DBBB;}
.member .c5 {background:#FFBF7F;}
.member .c6 {background:#FF937F;}
.member .login {padding:0 140px 0 140px;}
.member .border{border:1px solid #B7B7B7;}
.member .border .padd {padding:18px 18px 18px 18px;;}
.member .article  {text-align:center; padding:3px; line-height:2em;}
.member .article div{height:300px; left:50%; margin: 0 auto; text-align:left; color:#818382; overflow: auto;}
.member .point {}
.member .point .t1 {float:left; width:150px; margin-right:4px; line-height:18px;}
.member .point .t2 {float:left; width:150px; margin-right:4px; line-height:18px; color:#3366FF;}
.member .point .t3 {float:left; width:155px; margin-right:4px; line-height:18px; color:#F68501;}
.member .point .t4 {float:left; width:165px; margin-right:4px; line-height:18px; color:#E84E4E;}
.member .point .t {}
.member .point .c {text-align:center;}
.member .point .t span {display:block; padding:0 4px 0 4px;}
.member .point .head {background:#A7DBBB; color:#FFF !important; text-align:center;}
.member .point .bg1 {background:#FFF;}
.member .point .bg2 {background:#E8E8E8;}

.gbook {padding:20px;}
.gbook .post {text-align:right;}
.gbook .border{border:1px solid #B7B7B7;}
.gbook .border .padd {padding:18px;}
.gbook .msg {}
.gbook .msg .head {background:#A7DBBB; color:#FFF !important; text-align:center;}
.gbook .msg .subject {float:left; width:415px; margin-right:3px; line-height:18px;}
.gbook .msg .subject span {display:block; padding:0 4px 0 4px;}
.gbook .msg .poster {float:left; width:110px; margin-right:3px; line-height:18px; text-align:center;}
.gbook .msg .date {float:left; width:110px; line-height:18px; text-align:center; color:#E84E4E;}
.gbook .msg .content {background:#E9FFF1;}
.gbook .msg .content .padd {padding:7px; line-height:18px;}
.gbook .msg .content .padd .title {float:left; padding:2px; color:#FFF; background:#A7DBBB; line-height:14px; margin-right:10px;}

.product {padding:8px 3px 8px 8px;}
.product .search {padding:0 100px 0 100px;}
.product .border{border:1px solid #B7B7B7;}
.product .border .padd {padding:18px 18px 18px 18px;}
.product .list {background:url(images/icon_dot.gif) 333px top repeat-y;}
.product .list .nr {float:left; width:17px; height:10px;}
.product .list .item {float:left; width:326px;}
.product .list .item .pname {line-height:24px; color:#FFF; padding:0 14px 0 14px;}
.product .list .item .pname span {}
.product .list .item .pname a {color:#FFF;}
.product .list .item .c1 {background:#8497F6;}
.product .list .item .c2 {background:#CDD01D;}
.product .list .item .c3 {background:#EF2A22;}
.product .list .item .c4 {background:#E9C700;}
.product .list .item .c5 {background:#5146C8;}
.product .list .item .c6 {background:#2CADC5;}
.product .list .item .area {}
.product .list .item .area .pic {float:left; width:150px; padding-top:18px;}
.product .list .item .area .pic .img {width:150px; height:150px; display:table-cell; text-align:center; vertical-align:middle;}
.product .list .item .area .pic .img * {vertical-align:middle;}
html .product .list .item .area .pic .img span {height:100%; display:inline-block;}
.product .list .item .area .info {float:left; width:176px !important; padding-top:12px !important;}
.product .info {float:left; width:306px;}
.product .info .code {color:#7AABCA; line-height:16px;}
.product .info .depict {color:#737373; line-height:14px;}
.product .info .field {color:#737373; line-height:18px;}
.product .info .price {color:#737373; line-height:14px;}
.product .info .price span {color:#BF372B;}
.product .info .glass {padding-left:23px; background:url(images/icon_glass.jpg) left top no-repeat; line-height:16px;}
.product .info .cart {padding-left:23px; background:url(images/icon_cart.jpg) left top no-repeat; line-height:16px;}
.product .info a {color:#BEBEBE;}
.product .info a:hover {color:#EE0202;}

.product .bigimg {float:left; width:300px; text-align:center; margin-right:20px;}
.product .bigimg .name {background:#EF2A22; color:#FFF; line-height:25px; text-align:left;}
.product .bigimg .name span {display:block; padding:0 12px 0 12px;}
.product .bigimg .other {color:#808080; text-align:center; line-height:18px;}
.product .bigimg .other a {color:#808080; text-decoration: none;}
.product .bigimg .other a:hover {color:#EE0202;}
.product .bigimg .preprod {float:left; margin-left:8px; background:url(images/pg_prev.jpg) no-repeat; background-position:left top; padding-left:22px;}
.product .bigimg .nextprod {float:right; margin-right:8px; background:url(images/pg_next.jpg) no-repeat; background-position:right top; padding-right:22px;}

.product .pdesc {}
.product .pdesc .dtitle {color:#5C83C9; line-height:25px; text-align:left;}
.product .pdesc .dtitle span {display:block; padding:0 12px 0 12px;}
.product .pdesc .desc {padding:10px 12px 12px 12px;}

.cartlist {_width:100%; padding:8px 20px 20px 20px;}
.cartlist .border{border:1px solid #B7B7B7; *height:1%;}
.cartlist .border .padd {padding:18px;}

.order {}
.order .note {line-height:20px; text-align:left; color:#737373;}
.order .spec {float:left; margin-right:10px; width:200px; text-align:right; line-height:20px; color:#818181;}
.order .data {float:left; width:396px; line-height:20px;}
.order .data ol {margin-top:0px; margin-bottom:0px;}
.order .spec2 {float:left; margin-right:10px; width:100px; text-align:right; line-height:20px; color:#818181;}
.order .data2 {float:left; width:285px; line-height:20px;}

.order_title {padding:2px;}
.order_title span {display:block; float:left; padding:2px 6px 2px 6px; color:#FFF; background:#7799FF; line-height:18px;}

.orderList {}
.orderList .t1 {float:left; width:90px; margin-right:4px; line-height:18px;}
.orderList .t2 {float:left; width:90px; margin-right:4px; line-height:18px;}
.orderList .t3 {float:left; width:95px; margin-right:4px; line-height:18px;}
.orderList .t4 {float:left; width:105px; margin-right:4px; line-height:18px;}
.orderList .t5 {float:left; width:105px; margin-right:4px; line-height:18px;}
.orderList .t6 {float:left; width:135px; line-height:18px;}
.orderList .t {}
.orderList .c {text-align:center;}
.orderList .t span {display:block; padding:0 4px 0 4px;}
.orderList .head {background:#9BB3FF; color:#FFF !important; text-align:center;}
.orderList .bg1 {background:#FFF;}
.orderList .bg2 {background:#E8E8E8;}

.float {width:87px; height:213px; position:absolute; left:-1000px; top:0px; z-index:1;}
.float .cbar {background:url(images/float_cbar.gif) left top repeat-y; height:36px;}
.float .head {width:87px; height:26px;}
.float .body {background:url(images/float_body.gif) left top repeat-y;}
.float .body .padd {padding:3px 6px 3px 7px;}
.float .body .padd .cartinfo {line-height:16px;}
.float .body .padd .cartinfo span {color:#CA0100;}
.float .foot {width:87px; height:34px; background:url(images/float_foot.gif) left top no-repeat;}


/*** PAGE UP DOWN ***/
.page {color:#808080;}
.page span {color:#E61E25; font-weight:bold;}

.backPage {text-align:right; padding-right:12px;}

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

.lineType1 {height:3px; background:#DDE7FF; overflow:hidden;}
.lineType2 {height:3px; background:#FDE0FE; overflow:hidden;}
.lineType3 {height:3px; background:#FCFFBF; overflow:hidden;}

.lineType4 {height:1px; background:#EAA0EB; overflow:hidden;}
.lineType5 {height:1px; background:#A7DBBB; overflow:hidden;}
.lineType6 {height:1px; background:#CCD8EE; overflow:hidden;}


/*** LIST ***/
.listType1 {}
.listType1 .item {padding-left:13px; background:url(images/icon_fbal.gif) no-repeat; background-position:4px 7px; *background-position:4px 6px; line-height:18px; }

/*** 列表 ***/
.listTable {border:0px;}
.listTable th {font-weight:normal; color:#FFFFFF; background:#9BB3FF; text-align:center; font-size:12px;}
.listTable td {color:#5E5E5E; padding:3px 6px 3px 6px;}

/*** 表單 ***/
.welcome {}
.welcome .warn {line-height:22px; color:#F05235; padding:0 10px 0 10px;}

.cform {}
.cform input.text {border:1px solid #C3C3C3; font-size:12px;}
.cform select {border:1px solid #C3C3C3; font-size:12px;}
.cform textarea {border:1px solid #C3C3C3; padding:2px; font-size:12px;}
.cform .field {margin:5px 0 5px 0px; background:url(images/formbg.jpg) left top repeat-y;}
.cform .field .title {float:left; width:98px; line-height:22px; color:#6C6C6C; text-align:right; margin-right:6px;}
.cform .field .title div {padding-right:6px;}
.cform .field .title span {color:#ED2024;}
.cform .field .ftxt {float:left; width:479px; line-height:22px;}
.cform .field .ftxt span {color:#ED2024;}
.cform .field .ftxt2 {width:200px !important; }
.cform .field .ftxt span.kyes {color:#1182FF;}
.cform .field .ftxt span.kno {color:#ED2024;}

.cform .field2 {margin:5px 0 5px 0px;}

.cform .flist {margin:5px 0 5px 0px;}
.cform .flist .list {margin-left: 30px; line-height:24px;}
.cform .flist .desc {margin-left: 50px; line-height:18px;}
.cform .flist .stxt {float:left; width:150px; line-height:20px;}

input.button04 {background:url(images/button04.jpg) left top no-repeat; width:84px; height:63px; border:0px; color:#FFF; text-align:center; font-size:12pt; font-weight:bold;}
input.buttmem04 {background:url(images/buttmem04.jpg) left top no-repeat; width:84px; height:63px; border:0px; color:#FFF; text-align:center; font-size:12pt; font-weight:bold;}
input.buttjn04 {background:url(images/buttjn04.jpg) left top no-repeat; width:84px; height:63px; border:0px; color:#FFF; text-align:center; font-size:12pt; font-weight:bold;}
input.buttchp04 {background:url(images/buttchp04.jpg) left top no-repeat; width:84px; height:63px; border:0px; color:#FFF; text-align:center; font-size:12pt; font-weight:bold;}
input.buttfog04 {background:url(images/buttfog04.jpg) left top no-repeat; width:84px; height:63px; border:0px; color:#FFF; text-align:center; font-size:12pt; font-weight:bold;}

input.buttbg02 { background:url(images/buttbg02.gif) left top no-repeat; width:61px; height:20px; border:0px; color:#818382; text-align:center;}
input.buttbg10 { background:url(images/buttbg10.gif) left top no-repeat; width:161px; height:20px; border:0px; color:#818382; text-align:center;}

/*** other ***/
#banner {
	display: table;
}

#action_bnr span {
	display: none;
}