mall_base.css

网上商店 使用jsp开发网上商店系统 4.1环境准备 为了利用JSP技术,首先需要建立环境。

ul.ul-text{padding:8px 0 4px;}ul.ul-text li{margin:0 0 4px;}ul.ul-text li ul{margin-top:5px;}ul.ul-text li li{margin-left:10px;}ul.ul-text li a{_float:none;_height:16px;min-height:16px;line-height:16px;}ul.ul-text li a.selected{font-weight:700;}.point li a{padding:0 0 0 16px;}.point li a:hover,.point li.selected a,.point li.selceted a:link,.point li.selceted a:visited{text-decoration:none;background:#F2F2F2 url(../img/cat-ico03.gif) 9px 2px no-repeat;}.arrow li a{padding:0 0 0 16px;}.square li{background:url(../img/cat-ico06.gif) 10px 3px no-repeat;}.square li a{padding:0 0 0 24px;}li.square a{padding:0 0 0 10px;background:url(../img/cat-ico07.gif) 0 2px no-repeat;}.circle li a{padding:0 0 0 24px;}.circle li{background:url(../img/cat-ico05.gif) 14px 2px no-repeat;}.cat-content{*height:1%;overflow:hidden;}.cat-content .cat-content-main{float:left;}.cat-content .cat-content-main{padding:10px;}.category-prop .cat{margin:0 0 2px;}.category-prop .cat h3{font-size:12px!important;height:16px;cursor:pointer;overflow:hidden;background-color:#f2f2f2;background-repeat:no-repeat;background-image:url(../img/mall.gif);border-top:1px solid #cacaca;border-bottom:1px solid #cacaca;color:#555;}.category-prop .cat h3 em{font-weight:700;*line-height:18px;}.category-prop .open h3{background-position:172px -24px;}.category-prop .close h3{background-position:172px -44px;}.category-prop .close .cat-content{height:0;}.category-prop li a{_float:left;display:block;line-height:17px;}.category-prop li a:hover,.category-prop li a:active{text-decoration:none;}.side-box-back{margin:0 0 -5px;height:22px;line-height:22px;text-indent:24px;color:#999;background:url(../img/category.gif) 8px -269px no-repeat;}.side-box-back a:link,.side-box-back a:visited{text-decoration:underline;}.side-box-back a:hover,.side-box-back a:active{color:#907e55;}ul.ul-pic-t{*height:1%;clear:both;}ul.ul-pic-t:after{content:"";height:0;clear:both;display:block;visibility:hidden;}ul.ul-pic-t li{width:102px;float:left;padding:5px 0 10px;text-align:center;}ul.ul-pic-t li a:link,ul.ul-pic-t li a:visited{color:#111;text-decoration:none;}ul.ul-pic-t li a:hover,ul.ul-pic-t li a:active{color:#f60;text-decoration:none;}ul.ul-pic-100 li .img{display:block;width:102px;height:102px;margin:0 auto;}ul.ul-pic-100 .img-vertical{display:table-cell;vertical-align:middle;width:100px;height:100px;text-align:center;*display:block;*font-size:87px;*font-family:Arial;border:1px solid #e4e4e4;overflow:hidden;}ul.ul-pic-t .hx{padding-top:5px;display:block;text-align:left;}ul.ul-pic-t img{border-width:0;vertical-align:middle;}ul.ul-pic-t em{font-weight:700;margin-top:2px;display:block;text-align:left;color:#c00;font-size:12px;}ul.ul-pic-100 .hx,ul.ul-pic-100 em{width:100px;word-wrap:break-word;}ul.ul-pic-100 li{padding:0 11px;}ul.ul-color{float:left;width:176px;padding:0 0 10px 8px;}ul.ul-color li{float:left;margin:0 3px 3px 0;height:auto!important;width:auto!important;width:22px;height:22px;min-width:22px;min-height:22px;border:2px solid #fff;}ul.ul-color li a{display:block;width:20px;height:20px;overflow:hidden;font-size:0;text-indent:-99999px;border:1px solid #e4e4e4;}ul.ul-color li.selected,ul.ul-color li:hover{border:2px solid #36c;}ul.ul-color li.selected a,ul.ul-color li:hover a{border:1px solid #fff;}ul.ul-color li a:hover{border:1px solid #36c;}ul.ul-color li.selected a:hover,ul.ul-color li:hover a:hover{border:1px solid #fff;}span.c-000000,li.c-000000 a,.ul-color-2 li.c-000000 label{background-color:#000;}span.c-666666,li.c-666666 a,.ul-color-2 li.c-666666 label{background-color:#666;}span.c-e4e4e4,li.c-e4e4e4 a,.ul-color-2 li.c-e4e4e4 label{background-color:#e4e4e4;}span.c-4b0082,li.c-4b0082 a,.ul-color-2 li.c-4b0082 label{background-color:#4b0082;}span.c-800080,li.c-800080 a,.ul-color-2 li.c-800080 label{background-color:#800080;}span.c-dda0dd,li.c-dda0dd a,.ul-color-2 li.c-dda0dd label{background-color:#dda0dd;}span.c-990000,li.c-990000 a,.ul-color-2 li.c-990000 label{background-color:#900;}span.c-ff0000,li.c-ff0000 a,.ul-color-2 li.c-ff0000 label{background-color:#f00;}span.c-ffb6c1,li.c-ffb6c1 a,.ul-color-2 li.c-ffb6c1 label{background-color:#ffb6c1;}span.c-ffa500,li.c-ffa500 a,.ul-color-2 li.c-ffa500 label{background-color:#ffa500;}span.c-ffff00,li.c-ffff00 a,.ul-color-2 li.c-ffff00 label{background-color:#ff0;}span.c-ffffb1,li.c-ffffb1 a,.ul-color-2 li.c-ffffb1 label{background-color:#ffffb1;}span.c-855b00,li.c-855b00 a,.ul-color-2 li.c-855b00 label{background-color:#855b00;}span.c-d2691e,li.c-d2691e a,.ul-color-2 li.c-d2691e label{background-color:#d2691e;}span.c-bdb76b,li.c-bdb76b a,.ul-color-2 li.c-bdb76b label{background-color:#bdb76b;}span.c-5d762a,li.c-5d762a a,.ul-color-2 li.c-5d762a label{background-color:#5d762a;}span.c-008000,li.c-008000 a,.ul-color-2 li.c-008000 label{background-color:#008000;}span.c-98fb98,li.c-98fb98 a,.ul-color-2 li.c-98fb98 label{background-color:#98fb98;}span.c-041690,li.c-041690 a,.ul-color-2 li.c-041690 label{background-color:#041690;}span.c-0000ff,li.c-0000ff a,.ul-color-2 li.c-0000ff label{background-color:#00f;}span.c-1eddff,li.c-1eddff a,.ul-color-2 li.c-1eddff label{background-color:#1eddff;}span.c-ffffff,li.c-ffffff a,.ul-color-2 li.c-ffffff label{background-color:#fff;}span.c-transparent,li.c-transparent a,.ul-color-2 li.c-transparent label{background:url(../img/color-bg.gif) center 0 no-repeat;}span.c-assortment,li.c-assortment a,.ul-color-2 li.c-assortment label{background:url(../img/color-bg.gif) center -20px no-repeat;}ul.ul-color span.outofstock,ul.ul-color li.outofstock a,ul.ul-color .ul-color-2 li.outofstock label{background-image:url(../img/outofstock.gif);background-repeat:no-repeat;background-position:0 0;}ul.ul-color-2{overflow:hidden;zoom:1;padding:0 0 10px 0;}ul.ul-color-2 li{float:left;margin:0 5px 5px 0;white-space:nowrap;}ul.ul-color-2 li label,span.c-detail{overflow:hidden;width:14px;height:14px;display:-moz-inline-block;display:inline-block;text-indent:-9999em;border:1px solid #e4e4e4;}span.c-detail{margin-right:6px;margin-top:5px;*margin-top:3px;float:left;text-indent:0;font-size:0;line-height:0;}ul.ul-color-2 li.c-all label{height:auto;width:24px;text-indent:0;border:0;}.shopping-cart .close,.shopping-cart thead .th-1,.shopping-cart .shop td{background-image:url(../img/mall_head.png);_background-image:url(../img/mall_head.gif);background-repeat:no-repeat;background-position:1000px 1000px;}.body-skin{width:948px;border:1px solid #e4e4e4;}.no-line .body-skin{width:950px;border-width:0;}.head-crumbs{width:100%;clear:left;height:auto!important;height:12px;min-height:12px;padding:10px 0 2px;border-width:0;}.crumbs{height:30px;}.crumbs-patch{margin:7px auto 3px 5px;line-height:20px;position:absolute;z-index:9999;}.crumbs-patch li{float:left;margin:0 8px 0 0;}.crumbs-patch li a{padding:0 8px 0 0;background:url(../img/nav-patch-bg.gif) 100% 50% no-repeat;}.crumbs-patch li.subnav{height:20px;overflow:hidden;}.crumbs-patch li .subnav-on{background:#ccc;color:#333;}.crumbs-patch li strong{padding:6px 5px 4px;cursor:pointer;}.sub-nav-patch{width:146px;border:2px solid #ccc;padding:0;background:#fff;overflow:hidden;}.sub-nav-patch li{margin:0;height:20px;border-bottom:1px solid #f2f2f2;}.sub-nav-patch li a{background-image:none;padding:0 8px;display:block;width:130px;}.sub-nav-patch li a:link,.sub-nav-patch li a:visited{color:#666;text-decoration:none;}.grid-column .crumbs{padding:0;margin:0;width:100%;height:24px;}.grid-column .crumbs-patch{margin:-3px auto 0;}.sumbit-box{width:100%;}.body button,.body a.button{display:-moz-inline-block;display:-moz-inline-box;display:inline-block;vertical-align:text-bottom;*vertical-align:baseline;*overflow:hidden;padding:0 20px;height:26px;line-height:20px;*line-height:16px;background:transparent url(../img/button.gif) 0 0 repeat-x;*background:#95071b url(../img/button.gif) -1px 0 repeat-x;border:3px double #95071b;border-right-color:#650513;border-bottom-color:#650513;text-decoration:none;overflow:visible;color:#FFF;cursor:pointer;-moz-background-clip:padding;-o-background-clip:padding;-webkit-background-clip:padding;-khtml-background-clip:padding;background-clip:padding;}.body a.button{padding:3px 22px 0;*padding:0 21px;height:17px;*height:20px;line-height:20px;*line-height:22px;_line-height:20px;}.body a.button:focus{-moz-outline-style:none;}.body a.button:link,.body a.button:visited{color:#FFF;text-decoration:none;}.body a.button:hover,.body a.button:active{color:#FF0;text-decoration:none;}.body button:hover,.body a.button:hover{color:#FF0;border:3px double #caab00;text-decoration:none;}.body a.offwhite,.body button.offwhite{color:#666!important;border:3px double #d8d8d8;border-right-color:#c8c8c8;border-bottom-color:#c8c8c8;background:#fff url(../img/button.gif) 0 -24px repeat-x;}.body a.offwhite:hover,.body button.offwhite:hover{color:#666;border:3px double #d6c9ab;border-right-color:#b8a479;border-bottom-color:#b8a479;background:#FFF url(../img/button.gif) 0 -25px repeat-x;}.body a.mini,.body button.mini{margin:0 5px 0 0;padding:2px 16px 0;*padding-top:3px;_padding-top:1px;height:16px;*height:15px;_height:17px;line-height:16px!important;font-weight:400;border-width:1px;}.body button.mini{padding:1px 16px 0;*padding:1px 10px 0;height:20px;_line-height:14px;overflow:hidden;}.body a.mini:hover,.body button.mini:hover{border-width:1px;}.r-value-no{width:60px;height:16px;overflow:hidden;display:-moz-inline-box;display:inline-block;background:url(../img/rank.gif) no-repeat;}.r-value-no em{visibility:hidden;}.r-value-5{background-position:0 0;}.r-value-4{background-position:0 -22px;}.r-value-3{background-position:0 -43px;}.r-value-2{background-position:0 -64px;}.r-value-1{background-position:0 -85px;}.r-value-0{background-position:0 -106px;}.r-value-4d5{background-position:0 -127px;}.r-value-3d5{background-position:0 -148px;}.r-value-2d5{background-position:0 -169px;}.r-value-1d5{background-position:0 -190px;}.value-no-wrap{position:relative;float:left;width:100px;height:70px;margin-right:10px;margin-bottom:10px;text-align:center;background:#fff;border:1px solid #e7e7e7;overflow:hidden;}.value-no{display:block;padding-top:7px;height:26px;margin-bottom:10px;overflow:hidden;}.value-no-5,.value-no-4,.value-no-3,.value-no-2,.value-no-1,.value-no-0{font-size:30px;line-height:30px;font-weight:700;padding:0 5px;font-family:Arial;color:#635531;}.value-no-4{color:#947d52;}.value-no-3{color:#ad966b;}.value-no-2{color:#bda67b;}.value-no-1{color:#ded7bd;}.value-no-wrap label{position:absolute;left:0;top:0;width:100px;height:70px;text-indent:-99999em;cursor:pointer;z-index:10px;background:url(../img/transparent_bg.gif);}.value-no-wrap .radio{margin-right:5px;*margin:10px 2px -10px 0;}.alert,.alert-warn,.alert-forbid,.alert-sorry,.alert-clueon,.alert-error,.alert-oos{margin:10px 0;border:1px solid #66a537;background:#e7f6dc;color:#66a537;overflow:hidden;zoom:1;}.alert-mini,.alert-error-mini,.alert-warn-mini,.alert-oos-mini{display:inline-block;padding:2px 5px;margin-top:3px;clear:both;float:left;line-height:16px;border:1px solid #66a537;background:#e7f6dc;color:#66a537;}.alert-small{position:absolute;padding:5px;border:1px solid #66a537;background:#e7f6dc;color:#66a537;overflow:hidden;zoom:1;}.alert-medium{padding:5px;border:1px solid #66a537;background:#e7f6dc;color:#66a537;overflow:hidden;zoom:1;}span.alert{margin:0;padding:2px 5px;height:15px;line-height:15px;}.alert h2{display:block;margin:10px;display:inline;width:67px;height:26px;background:url(../img/alert_bg.gif) 0 0 no-repeat;float:left;text-indent:-9999em;}.alert h4{margin:0 0 0 90px;background:#FFF;padding:15px 0 15px 10px;font-size:14px;}.alert ul{margin:-5px 0 0 90px;padding:0 0 10px 0;background:#FFF;}.alert ol{margin:0 0 0 90px;padding:10px 0 10px 30px;background:#FFF;list-style:decimal;}.alert ul li{line-height:20px;padding:0 0 0 12px;color:#666;}.alert ol li{line-height:20px;color:#666;}.alert a:link,.alert a:visited{text-decoration:underline;margin-left:6px;}.alert p{line-height:32px;margin:0 0 0 90px;padding:15px 0 15px 12px;background:#fff;color:#666;}.alert p.mut{line-height:20px;padding:10px 10px 10px 12px;}.alert-warn,.alert-warn-mini{border:1px solid #f7a900;background:#fffcc7;color:#f7a900;}.alert-warn h2{background-position:0 -168px;}.alert-forbid{border:1px solid #ce0000;background:#fef1f1;color:#ce0000;}.alert-forbid h2{background-position:0 -28px;}.alert-sorry{border:1px solid #f7a900;background:#fffcc7;color:#f7a900;}.alert-sorry h2{background-position:0 -84px;}.alert-clueon{border:1px solid #003f8e;background:#eaf3ff;color:#003f8e;}.alert-clueon h2{background-position:0 -112px;}.alert-error,.alert-error-mini{border:1px solid #ce0000;background:#fef1f1;color:#ce0000;}.alert-error h2{background-position:0 -56px;}.alert-oos,.alert-oos-mini{border:1px solid #003f8e;background:#eaf3ff;color:#003f8e;}.alert-oos h2{background-position:0 -140px;}.shop-tip-wrap{padding:30px;}.shop-tip{padding-top:10px;padding-right:10px;padding-left:30px;overflow:hidden;zoom:1;}.shop-tip-img{float:left;overflow:hidden;padding:0;width:150px;background:url(../img/404.gif) no-repeat center center;height:150px;}.shop-tip-img img{display:none;}.shop-tip h2{padding-left:4px;padding-top:10px;margin-left:150px;margin-bottom:15px;}.shop-tip ul,.shop-tip .shop-tip-txt{margin-left:150px;}.shop-tip ul ul{margin-left:-8px;}.shop-tip ul ul li a:link,.shop-tip ul ul li a:visited{padding-left:0;}.shop-tip .shop-tip-txt{margin-top:12px;margin-bottom:12px;}.shop-tip ul{margin-top:12px;margin-bottom:12px;}.shop-tip ul li{background:url(../img/arr-square.gif) 5px 4px no-repeat;padding:2px 0 1px 18px;*padding:2px 0 1px 16px;line-height:18px;}.shop-tip ul li.shop-tip-pic{background:none;padding:2px 0 3px;}.shop-tip p a:link,.shop-tip p a:visited,.shop-tip ul li a:link,.shop-tip ul li a:visited{text-decoration:underline;padding:0 5px;}.shop-tip p a:hover,.shop-tip p a:active,.shop-tip ul li a:hover,.shop-tip ul li a:active{text-decoration:underline;color:#f60;}.destn-select{position:relative;padding:0;width:400px;border:1px solid #e4e4e4;background:#eaf3ff;}.handle-box-close{background:transparent url(../img/item-manage.gif) no-repeat scroll 0 -23px;display:block;line-height:14px;padding-left:18px;position:absolute;right:6px;top:6px;}.handle-box-close:link,.handle-box-close:visited{text-decoration:none;color:#999;}.destn-select h5{display:none;}.destn-select ul{margin:0 10px;padding:5px 0 8px;width:400px;background:url(../img/dashed-3.gif) 0 100% repeat-x;}.destn-select ul:after{content:"";height:0;display:block;clear:both;visibility:hidden;}.destn-select ul li{float:left;margin:0 0 3px 0;padding:3px 0 0;width:65px;}.destn-select ul li label{cursor:pointer;}.destn-select ul li input{margin-left:0;}.destn-select .sumbit-box{height:20px;padding:10px 0 10px 10px;}.loading{background-image:url(../img/loading.gif);background-position:center center;background-repeat:no-repeat;}.must{margin-right:3px;color:#9f1b09;font-family:simsun;}.explain{display:block;clear:both;padding-top:3px;color:#999;}.explain-inline{padding-top:6px;color:#999;}.em{font-weight:700;}.more{position:absolute;right:0;top:0;}.hide{display:none;}.show{display:block;}.height-zero{height:0;}.height-auto{height:auto;}.icon{background-image:url(../img/free-edit-icon.gif);background-repeat:no-repeat;display:-moz-inline-box;display:inline-block;height:16px;width:16px;overflow:hidden;text-align:left;font-size:0;line-height:0;}.i-edit{background-position:0 0;}.i-preview{background-position:0 -16px;}.i-del{background-position:0 -32px;}.i-add{background-position:0 -80px;}.i-down{background-position:0 -48px;}.i-down-no{background-position:0 -96px;}.i-up,.i-up-no{background-position:0 -64px;border-right:1px solid #999;width:22px;margin-right:6px;}.i-up-no{background-position:0 -112px;}.prite{padding-top:50px;padding-bottom:30px;}.prite a{padding-left:17px;line-height:20px;background:url(../img/print.gif) no-repeat;}.prite a:link,.prite a:visited{text-decoration:underline;}.shopping-cart-content{position:relative;padding:0 0 10px;}.shopping-cart-content h3{display:none;}.shopping-cart-content .close{display:block;position:absolute;top:10px;right:10px;padding:0 0 0 18px;background-position:-266px 1px;}h3.line{border-bottom:2px solid #aa966b;font-size:18px;padding-left:0;}.search-order-ul{*height:1%;}.search-order-ul:after{content:"";clear:both;display:block;height:0;visibility:hidden;}.search-order-ul li{padding-bottom:5px;line-height:18px;float:left;}.search-order-ul li label{display:block;}.search-order-ul li label.no-first{display:inline;margin-left:12px;}.search-order-ul li label.inline{display:inline;}.search-order-ul li input.text{margin:2px 0 0 0;width:150px;}.search-order-ul li input.checkbox{margin-right:5px;*margin-right:3px;}.search-order-ul li select{margin:2px 0 0 0;width:156px;font-size:12px;color:#666;}.search-order-ul li input.in-t{width:120px;}.cat-content-main fieldset{padding:0;margin:0;background:none;}.cat-content-main fieldset .sumbit-box{margin:5px 0 0 0;text-align:left;}.post-ul .first{clear:left;display:block;float:left;height:32px;text-align:right;width:100px;}.post-ul{border-bottom:1px solid #e4e4e4;border-top:1px solid #fff;padding:4px 0;*padding:8px 0;overflow:hidden;line-height:20px;}.post-ul-first{border-top-width:0;padding:0 0 4px;*padding:0 0 8px;}.post-ul-last{border-bottom-width:0;padding:4px 0 0;*padding:8px 0 0;}.post-ul-noline{border-width:0;padding:4px 0 0;*padding:8px 0 0;}.post-ul li{padding-left:105px;*height:1%;overflow:hidden;padding-top:4px;padding-bottom:3px;}.post-ul li a:link,.post-ul li a:visited{text-decoration:underline;}.post-ul li .first{margin-left:-105px;*display:inline;height:auto;}.post-ul li .radio{padding:0;*margin-top:-10px;}.post-ul li .text{margin-left:0;_margin-left:-2px;}.display-settings li.quick-page-changer{float:right;margin:3px 0 0;padding:3px 0 0;}.quick-page-changer span{float:left;padding:0 5px;height:16px;line-height:16px;overflow:hidden;}.quick-page-changer a{float:left;margin:-2px 0 0 5px;cursor:pointer;background:#fff;}.quick-page-changer a.selected{border:1px solid #95071b;}.quick-page-changer a.selected span{color:#FFF!important;background:#95071b;}.quick-page-changer a:link,.quick-page-changer a:visited{border:1px solid #d4d4d4;text-decoration:none;}.quick-page-changer a:hover,.quick-page-changer a:active{border:1px solid #95071b;text-decoration:none;}.quick-page-changer a span{color:#666;}a.previous-page,a.no-previous{background:#95071b url(../img/arrow.gif) 0 0 no-repeat;}a.previous-page span,a.no-previous span{width:6px;text-indent:-9999em;}a.next-page,a.no-next{padding-right:10px;background:#95071b url(../img/arrow.gif) 100% 0 no-repeat;}a.next-page span{*line-height:16px;}a.no-previous{background-color:#f1f1f1;}a.no-next{background-color:#f1f1f1;}.quick-page-changer a.no-previous:link,.quick-page-changer a.no-previous:visited,.quick-page-changer a.no-next:link,.quick-page-changer a.no-next:visited{border:1px solid #f1f1f1;text-decoration:none;color:#f1f1f1;}.quick-page-changer a.no-previous:hover,.quick-page-changer a.no-previous:active,.quick-page-changer a.no-next:hover,.quick-page-changer a.no-next:active{text-decoration:none;}.display-settings{overflow:hidden;zoom:1;}.display-settings li{float:left;margin:6px 0 0;}.display-settings li span{color:#999;}.display-settings li.display-mode a{padding:0 5px;border-left:1px solid #E4E4E4;}.display-settings a.grid{border-left-width:0!important;}.display-settings li.sort-mode{margin-left:25px;}.display-settings li a.no-next span{color:#f1f1f1;}.server-num{color:#fff;font-size:11px;text-align:left;margin-top:-14px;}.word-wrap{word-wrap:break-word;overflow:auto;}.h{color:#c00;}.cms-context h3{border-top:1px solid #ddd;margin:1px 0 5px 1px;padding:0 0 0 4px;background:#f2f2f2;font-size:12px;}.cms-context-main{padding:0 6px;}ul.ul-pic-l{zoom:1;clear:both;overflow:hidden;}ul.ul-pic-l li{padding:5px 0 6px 90px;margin-top:-1px;clear:both;height:auto!important;height:82px;min-height:82px;border-top:1px solid #fff;}ul.ul-pic-l li a:link,ul.ul-pic-l li a:visited{color:#5a5a5a;}ul.ul-pic-l li a:hover,ul.ul-pic-l li a:active{color:#a50110;}ul.ul-pic-l li .img{display:block;width:82px;height:82px;margin:0 0 -82px -90px;}ul.ul-pic-l .img-vertical{display:table-cell;vertical-align:middle;width:80px;height:80px;text-align:center;*display:block;*font-size:70px;*font-family:Arial;border:1px solid #fff;overflow:hidden;}ul.ul-pic-l img{border-width:0;vertical-align:middle;}ul.ul-pic-l .hx{display:block;text-align:left;}ul.ul-pic-l em{margin-top:2px;display:block;color:#c00;font-weight:700;font-size:12px;}.style-1{width:718px;height:280px;padding:10px;}.style-1 img{width:718px;height:280px;}.style-2{width:718px;padding:12px 10px 12px 10px;}.style-2 img{width:170px;height:260px;}.style-2 .column{margin-right:12px;}.style-2 .last{margin-right:0;}.style-3{width:718px;padding:10px;}.style-3 .ul-pic-l{clear:both;margin-bottom:-7px;}.style-3 ul.ul-pic-l li{padding-top:0;padding-bottom:7px;}.style-3 .ul-text{padding-top:7px;padding-bottom:4px;background:transparent url(../img/dashed-1.gif) repeat-x scroll 0 100%;}.style-3 .first{padding-top:0;background:transparent url(../img/dashed-1.gif) repeat-x scroll 0 100%;}.style-3 .last{padding-bottom:0;background:none;}.style-4 .first{padding-top:0;}.style-5 .first{font-size:14px;}.select-ment{margin:-7px 0 0;padding:0 0 10px 0;background:#e4e4e4 url(../img/category.gif) 0 100% repeat-x;}.select-ment h4{margin:0 0 5px;padding:0;color:#FFF;background:#666;border-top:1px solid #444;border-bottom:1px solid #444;}.select-ment h4 span{padding:1px 0 1px 7px;*padding:2px 0 0 7px;font-size:12px!important;height:17px;overflow:hidden;border-top:1px solid #777;display:block;}.select-ment ul{margin:0;padding:0;}.select-ment ul li{clear:both;margin:0;padding:5px 30px 5px 70px;}.select-ment ul li label{float:left;margin:0 0 0 -70px;width:70px;text-align:right;-moz-user-select:none;user-select:none;}.select-ment ul li span{float:right;margin:-14px -27px 0 0!important;*margin:-22px 3px 0 0!important;width:25px;}.select-ment ul li span a:link,.select-ment ul li span a:visited{-moz-user-select:none;user-select:none;color:#999;text-decoration:underline;}.select-ment ul li span a:hover,.select-ment ul li span a:active{-moz-user-select:none;user-select:none;color:#333;text-decoration:underline;}.tab{padding:5px 0 0;}.tab .tab-hx{padding:0 0 0 15px;*height:1%;border-bottom:1px solid #907e55;}.tab .tab-subhx{padding:0 0 0 10px;height:24px;border-bottom:1px solid #e4e4e4;}.tab .tab-hx:after,.tab .tab-subhx:after{content:"";display:block;height:0;clear:both;visibility:hidden;}.tab .tab-hx li{float:left;margin-right:5px;margin-bottom:-1px;}.tab .tab-hx li a{float:left;position:relative;padding:0 15px;height:18px;background:#eae4d7;border:1px solid #907e55;color:#665431;line-height:20px;*line-height:21px;overflow:hidden;z-index:10;}.tab .tab-hx li a:link,.tab .tab-hx li a:visited{text-decoration:none;}.tab .tab-hx li.tab-on a{border-bottom-width:0;height:19px;background:#fff;z-index:10;}.tab .tab-hx li a:hover,.tab .tab-hx li a:active{background:#fff;}.tab .tab-hx li.tab-on a{font-weight:700;}.tab .tab-subhx li{float:left;margin-bottom:-1px;padding:0 10px;background:url(../img/tab-border.gif) right -5px no-repeat;}.tab .tab-subhx li a{position:relative;display:block;float:left;padding:5px 0 3px;text-decoration:none;z-index:10;}.tab .tab-subhx li.tab-on a,.tab .tab-subhx li a:hover{border-bottom:2px solid #b8a479;}.tab-bd{border-top-width:0;background:#fff;}.tab-gray .tab-hx{border-bottom:1px solid #ccc;}.tab-gray .tab-hx li a{background:#e4e4e4;border:1px solid #ccc;color:#666;}.tab-gray .tab-bd{border-top-width:0;}.tab-opacity{overflow:hidden;}.tab-opacity .tab-title{padding-top:4px;border-top:1px solid #ccc;position:relative;zoom:1;}.tab-opacity .tab-title .tab-hx{width:200%;z-index:10;position:relative;}.tab-opacity .tab-canvas{position:absolute;top:0;left:0;filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;width:100%;height:23px;*height:24px;background:#fff;}.tab-issue .tab-hx{padding-left:10px;}.tab-issue .tab-hx li{position:relative;margin-right:3px;padding-top:3px;}.tab-issue .tab-hx li a{background:#fff;height:20px;}.tab-issue .tab-hx li.tab-on a,.tab-issue .tab-hx li.tab-on a:hover,.tab-issue .tab-hx li.tab-on a:active{height:24px;margin-top:-4px;z-index:10;color:#fff;font-weight:400;line-height:26px;*line-height:28px;background:#b8a479 url(../img/tab-issue-bg.gif) left top no-repeat;border-bottom:1px solid #b8a479;}.tab-issue .tab-hx li a:hover,.tab-issue .tab-hx li a:active{background:#eae4d7 url(../img/tab-issue-bg.gif) left -45px no-repeat;height:20px;}.tab-issue .tab-subhx{height:30px;overflow:hidden;background:#b8a479;border-bottom:1px solid #907e55;}.tab-issue .tab-subhx li{float:left;margin-bottom:-1px;padding:0 10px;background:url(../img/tab-border.gif) right -32px no-repeat;}.tab-issue .tab-subhx li a{position:relative;display:block;float:left;margin-top:5px;padding:0 5px;height:20px;overflow:hidden;text-decoration:none;color:#fff;line-height:22px;z-index:10;}.tab-issue .tab-subhx li.tab-on a,.tab .tab-subhx li a:hover{background:#665431;}.tab-issue .tab-subhx li.tab-on a{font-weight:700;}.order-number{padding:0 0 0 5px;}.order-number em{font-size:10px;color:#5b9c2d;}.patch .step-3{background:#e7e1d2 url(../img/patch-bg-01.gif) 0 0 repeat-y;}.patch .step-4{background:#e7e1d2 url(../img/patch-bg-02.gif) 0 0 repeat-y;}.patch .step-5{background:#e7e1d2 url(../img/patch-bg-03.gif) 0 0 repeat-y;}fieldset .first{display:block;float:left;clear:left;width:100px;height:32px;text-align:right;}fieldset li .first{width:105px;}.contract-content{margin:10px;padding:6px 0;height:120px;overflow:auto;border:1px solid #e4e4e4;background:#FFF;}.select-my-address{position:relative;padding:0 0 30px 0;}.service{margin:0 0 30px;}.service p{margin:5px 20px 5px;}.service p strong{font-weight:700;}.service button{margin:0 0 0 20px;}body .medium .shopping-cart,.my-address-list{margin:10px 20px;width:910px;min-width:910px;}.select-my-address p a:link,.select-my-address p a:visited{text-decoration:underline;}.my-address-list{font-size:14px;line-height:24px;}.default label{font-size:13px;font-weight:700;color:#333;}.fare td{height:50px;vertical-align:top;border-bottom:0!important;}.fare td input{width:340px;}.fare td em{margin:0 0 0 15px;color:#c00;font-size:18px;line-height:20px;}.fare td .explain{margin-left:80px;}.table-style-3{border-collapse:inherit;border-left:1px solid #E4E4E4;border-top:1px solid #E4E4E4;}.table-style-3 caption{background-color:#FFF;}.table-style-3 th,.table-style-3 td{border-right:1px solid #E4E4E4;border-bottom:1px solid #E4E4E4;}.table-style-3 tfoot th,.table-style-3 tfoot td{border:none;padding:5px 0;vertical-align:top;}.table-style-5 caption{background-color:#FFF;padding:8px 0;}.table-style-5 th,.table-style-5 td{border:1px solid #E4E4E4;}.table-style-5 thead th{background-color:#eae4d7;border:1px solid #ded4bb;font-weight:700;}.table-style-5 tfoot th,.table-style-5 tfoot td{border:none;padding:10px 0 5px;vertical-align:top;}.table-style-5 tfoot a:link,.table-style-5 tfoot a:visited{text-decoration:underline;}.even{background:#f2f2f2;}.pro-show{padding:10px;}.pro-show h3{display:none;}.pro-show table{margin:0;}.pro-show table th,.pro-show table td{vertical-align:top;padding:3px 4px 2px 0;}.pro-show .pro-detail{margin:20px 0 6px;}.pro-attr th,.pro-detail th{width:48px;text-align:right;}.pro-attr .word-wrap{width:110px;min-height:27px;*min-height:16px;}.key-attr th{width:60px;text-align:right;}.pro-show .pro-attr-img{padding-top:0;text-align:center;}.pro-attr-img img{margin-bottom:6px;vertical-align:top;}.pro-show-list li{padding:2px;}.ul-text .shop-type{display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;line-height:9999em;font-size:0;overflow:hidden;vertical-align:middle;width:25px;height:12px;background:url(../img/brand_bg.gif) no-repeat 0 0;}.brand-side{padding:13px 0 0 0;_padding:12px 0 0 0;}.brand-side .category-other .cat{margin-bottom:10px;}.brand-side .category-other .cat .ul-text li{padding:0 5px 0 38px;*padding-left:35px;}.brand-side .category-other .cat .ul-text li .shop-type{margin:3px 0 0 -30px;float:left;}.brand-side .category-other .cat .ul-text li a{margin-left:0;padding:0;line-height:16px;display:inline;}.brand-side .category-other .ul-text li a:link,.brand-side .category-other .ul-text li a:visited{color:#555;}.brand-side .category-other .ul-text li a:hover,.brand-side .category-other .ul-text li a:active{color:#f60;}