/* —————————————————————————————— clear.css —————————————————————————————— */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, th, input, textarea {margin:0;padding:0;border:0;outline:0;font-weight:normal;vertical-align:top;background:transparent;outline:none;} b {font-weight:bold;} i {font-style:italic;} ol, ul {list-style:none;} blockquote, q {quotes:none;} a, span {vertical-align:baseline;} img {vertical-align:top;text-decoration:none;} /* —————————————————————————————— general styles —————————————————————————————— */ html, body {width:100%;height:100%; font-weight:bold} body { font-family:"微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#888;} #tmspecials h5 {height:50px;padding:4px 0 0 0;color:#666666} .bold {font-weight:bold;} .strike {text-decoration:line-through;} .clear {clear:both;} br.clear {height:0;clear:both;overflow:hidden;font-size:0;line-height:0;} noscript ul {list-style-type:none;background:black;color:white;padding:10px;} .clearfix:after {clear:both;display:block;height:0;font-size:0;visibility:hidden;content:".";} .clearblock {height:0;clear:both;overflow:hidden;font-size:0;line-height:0;} .hidden, .collapsed, .block_hidden_only_for_screen {display:none;} .center_column p {padding-top:12px;color:#888; padding:0px;} .center_column p s{ font-size:12px;} .center_column a {color:#000;text-decoration:underline;} .center_column a:hover {text-decoration:none;} #center_column h1 {padding:7px 10px;background:#222;font:12px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#fff;text-transform:uppercase;} #center_column h1 span {margin-left:8px;font:normal 12px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#a4a4a4;text-transform:none;} .center_column h2, .center_column h3, .center_column h4 {padding:14px 0 0 0;font-size:12px;font-weight:bold;color:#222;text-transform:uppercase;} a.product_link {font:600 11px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#000;text-decoration:none;text-transform:uppercase; font-size:13px} a.product_link:hover {text-decoration:underline;} a.product_descr {font:11px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#000;text-decoration:none;text-transform:none !important;} a.product_descr:hover {color:#888;} /* ON SALE and DISCOUNT states */ span.on_sale, span.discount {font-size:11px;font-weight:bold;color:#ea0000;text-transform:uppercase;} /* prices display style */ table#cart_summary td.price, .center_column span.price {font-weight:bold;color:#777;} /* instant search */ #old_center_column {display:none;} #instant_search_results a {margin-left:20px;text-transform:none;color:#000;} div.instant_search_results {} /* footer links */ ul.footer_links {height:16px;clear:both;padding:30px 0 0 0;} ul.footer_links li {height:16px;float:left;margin:0 25px 0 0;} ul.footer_links li a {line-height:17px;color:#000;text-decoration:none;} ul.footer_links li a:hover {color:#888;} ul.footer_links li img.icon {margin:0 5px 0 0;} /* id_state field in managed via JS and is firstly hidden */ form p.id_state {display:none;} /* errors */ div.error {border:2px solid #da0f00;background:#f5f5f5;margin:12px 0 0 0;padding:10px;} div.error p {padding:0;font-weight:bold;color:#000;} div.error ol {padding:0 0 3px 0;} div.error li {list-style-position:inside;list-style-type:decimal;margin:10px 0;color:#da0f00;} /* warning */ p.warning {background:#f8e1a0;margin:12px 0 0 0;padding:10px 13px;font-weight:bold;color:#000;} .warning_inline {color:#da0f00;font-weight:bold;} /* success */ p.success {border:2px solid #5eb569;background:#f1f2f4;margin:12px 0 0 0;padding:10px 13px;font-weight:bold;color:#3eab4c;} .success_inline {color:green;font-weight:bold;} /* confirmation */ p.confirmation {color:#33a33b;font-weight:bold;} #bobg {width:1020px; margin:0px;padding:10px 0px;background:url(../img/bg_columns.png) 0 0 repeat-y;} /* —————————————————————————————— layout —————————————————————————————— */ #wrapper1 {min-width:1040px;min-height:100%;background:#fff;} #wrapper2 {height:100%;} #wrapper3 {width:1020px;margin:0 auto;text-align:left;} #columns {width:1000px;float:left;padding:10px 0 0 30px;background:url(../img/bg_columns.png) 0 0 repeat-y;} body#index #columns {padding:0 0 0 30px;} #left_column {float:left;width:220px;} #center_column {width:700px;float:left;margin:0 0 20px 10px;} body#index #center_column {width:960px;margin:0 0 20px 0;} /* ——————————————————————————————————— rte ——————————————————————————————————— */ body#cms div.content_only {padding:0 20px 20px 20px;background:#fff;color:#000;text-align:left;} body#cms div.content_only h1 {padding:14px 0 0 0;font:normal 18px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#777;text-transform:uppercase;} body#cms div.content_only h2 {padding:14px 0 0 0;font:bold 14px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#777;text-transform:uppercase;} body#cms div.content_only h3 {padding:14px 0 0 0;font:bold 12px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#777;text-transform:uppercase;} body#cms div.content_only h4, body#cms div.content_only h5, body#cms div.content_only h6 {padding:14px 0 0 0;font:normal 12px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#777;text-transform:uppercase;} body#cms div.content_only p {padding-top:12px;font:normal 12px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#000;} body#cms div.content_only a {font:normal 12px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#0753b4;text-decoration:none;} body#cms div.content_only a:hover {color:#000;} body#cms div.content_only ul {list-style-type:circle;list-style-position:inside;} body#cms div.content_only ol {list-style-type:decimal;list-style-position:inside;} div.rte strong {font-weight:bold;} div.rte em {font-style:italic;} div.rte table {border-collapse:separate;border-spacing:1px;width:auto;} div.rte caption, div.rte th, div.rte td, div.rte table {text-align:left;font-weight:normal;background:none;height:inherit;border:1px #eee solid;font:normal 12px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#000;text-align:center;} div.rte th {height:24px;padding:0 7px;background:#eee;font-weight:bold;} /* ——————————————————————————————————— mce ——————————————————————————————————— */ .mceContentBody {width:556px;margin:9px 6px;background:#fff;font:normal 12px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#000;text-align:left;} body.mceContentBody {background-image:none;} .mceContentBody html, .mceContentBody div, .mceContentBody span, .mceContentBody applet, .mceContentBody object, .mceContentBody iframe, .mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6, .mceContentBody p, .mceContentBody blockquote, .mceContentBody pre, .mceContentBody a, .mceContentBody abbr, .mceContentBody acronym, .mceContentBody address, .mceContentBody big, .mceContentBody cite, .mceContentBody code, .mceContentBody del, .mceContentBody dfn, .mceContentBody em, .mceContentBody font, .mceContentBody img, .mceContentBody ins, .mceContentBody kbd, .mceContentBody q, .mceContentBody s, .mceContentBody samp, .mceContentBody small, .mceContentBody strike, .mceContentBody strong, .mceContentBody sub, .mceContentBody sup, .mceContentBody tt, .mceContentBody var, .mceContentBody dl, .mceContentBody dt, .mceContentBody dd, .mceContentBody ol, .mceContentBody ul, .mceContentBody li, .mceContentBody fieldset, .mceContentBody form, .mceContentBody label, .mceContentBody legend, .mceContentBody table, .mceContentBody caption, .mceContentBody tbody, .mceContentBody tfoot, .mceContentBody thead, .mceContentBody tr, .mceContentBody th, .mceContentBody td { margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; } .mceContentBody h1 {padding:14px 0 0 0;font:normal 18px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#777;text-transform:uppercase;} .mceContentBody h2 {padding:14px 0 0 0;font:bold 14px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#777;text-transform:uppercase;} .mceContentBody h3 {padding:14px 0 0 0;font:bold 12px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#777;text-transform:uppercase;} .mceContentBody h4, .mceContentBody h5, .mceContentBody h6 {padding:14px 0 0 0;font:normal 12px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#777;text-transform:uppercase;} .mceContentBody p {margin:7px;font:normal 12px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#000;} .mceContentBody a {font:normal 12px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#0753b4;text-decoration:underline;} .mceContentBody ul {list-style-type:circle;list-style-position:inside;} .mceContentBody ol {list-style-type:decimal;list-style-position:inside;} .mceContentBody strong {font-weight:bold;} .mceContentBody em {font-style:italic;} .mceContentBody table {border-collapse:separate;border-spacing:1px;width:auto;} .mceContentBody caption, .mceContentBody th, .mceContentBody td, .mceContentBody table {text-align:left;font-weight:normal;background:none;height:inherit;border:1px #eee solid;font:normal 12px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#000;text-align:center;} .mceContentBody th {height:24px;padding:0 7px;background:#eee;font-weight:bold;} /* —————————————————————————————— buttons —————————————————————————————— */ /* -tags: input, a, span -sizes: mini, small, normal, large -types: button, exlusive -status: normal, hover, disabled -rule: the span.button is a a.button disabled */ /* global button */ input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {height:21px !important;display:block;background:url(../img/bttns.png) 0 0 repeat-x;border:none;color:#fff !important;text-decoration:none;text-align:center;text-transform:uppercase;cursor:pointer;} /* link/span button */ a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {line-height:21px !important;} /* firefox padding fix for input tag */ @-moz-document url-prefix() { input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled {padding-bottom:2px;} } /* disabled button */ input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {cursor:default;color:#aaa !important;} /* hover buttons */ input.button_mini:hover, a.button_mini:hover, input.button_small:hover, a.button_small:hover, input.button:hover, a.button:hover, input.button_large:hover, a.button_large:hover, input.exclusive_mini:hover, a.exclusive_mini:hover, input.exclusive_small:hover, a.exclusive_small:hover, input.exclusive:hover, a.exclusive:hover, input.exclusive_large:hover, a.exclusive_large:hover {background:#e0e0e0;color:#000 !important;text-decoration:none !important;} /* all buttons */ input.button_mini, input.button_mini_disabled, a.button_mini, span.button_mini, input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini {width:60px;background:;} input.button_mini:hover, a.button_mini:hover, input.exclusive_mini:hover, a.exclusive_mini:hover {background:;} input.button_small, input.button_small_disabled, a.button_small, span.button_small, input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small {width:90px;background:;} input.button_small:hover, a.button_small:hover, input.exclusive_small:hover, a.exclusive_small:hover {background:;} input.button, input.button_disabled, a.button, span.button, input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive {width:120px;background:;} input.button:hover, a.button:hover, input.exclusive:hover, a.exclusive:hover {background:;} input.button_large, input.button_large_disabled, a.button_large, span.button_large, input.exclusive_large, input.exclusive_large_disabled, a.exclusive_large, span.exclusive_large {width:180px;background:;} input.button_large:hover, a.button_large:hover, input.exclusive_large:hover, a.exclusive_large:hover {background:;} /* —————————————————————————————— global table styles —————————————————————————————— */ div.table_block {padding:17px 0 0 0;} table.std {width:100%;} table.std td, table.std th {padding:7px;vertical-align:middle;} table.std tr.item td, table.std tr.item th {} table.std tr.alternate_item td, table.std tr.alternate_item th {} table.std tbody tr td, table.std tfoot tr td {border-bottom:2px solid #eee;} table.std th {height:25px;padding:0 7px;background:#eee;font-weight:bold;color:#000;text-align:left;white-space:nowrap;} table.std tfoot td {color:#000;text-align:right;white-space:nowrap;} /* —————————————————————————————— global form styles —————————————————————————————— */ form.std {clear:both;} form.std h3 {padding:14px 5px 5px 0;border-bottom:2px solid #eee;} form.std fieldset {border:none;} form.std h4, form.std p {padding:12px 0 0 0;clear:both;} /* global form styles */ input, textarea, select {background:#fff;border:1px solid #bdc2c9;font:normal 12px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#555;} /* form labels */ form.std .text label, form.std .password label, form.std .textarea label, form.std .select label, form.std .select span, form.std .radio span, form.std .checkbox span {float:left;text-align:right;width:150px;padding:2px 7px 0 0;} form.std .text label, form.std .text span, form.std .password label, form.std .password span, form.std .textarea label, form.std .textarea span, form.std .select label, form.std .select span, form.std .radio label, form.std .radio span, form.std .checkbox label, form.std .checkbox span {font:normal 12px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#555;} form.std span.inline-infos {display:block;padding:2px 0 0 157px;font:normal 11px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#555;} span.editable {font:normal 12px/19px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#555;} /* selectss */ select {height:19px;} form.std p.select select {width:210px;} select#days {width:45px;margin:0 8px 0 0;} select#months {width:85px;margin:0 8px 0 0;} select#years {width:58px;} /* text inputs */ input.text {height:15px;padding:1px;} p.text input, p.password input {width:206px;height:15px;padding:1px;} /* textarea */ textarea {padding:1px;} /* radio & checkboxes */ form.std p.checkbox, form.std p.radio {overflow:hidden;} form.std p.checkbox {padding-left:157px;} .checkbox input, .radio input {display:inline;background:none;border:none;position:relative;left:0;top:1px;} *+html p.checkbox input {margin:-3px 0 0 -4px;} *+html p.radio input {margin:-3px 0 0 -4px;} .checkbox label, .radio label {width:auto;padding:0 0 0 3px;} /* submit */ form.std p.submit {padding:20px 0 0 157px;} /* required state */ form.std .required sup {vertical-align:top;font:normal 13px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#da0f00;} form.std .required_desc {padding-left:157px;} /* —————————————————————————————— header styles —————————————————————————————— */ div#header {height:233px;background:url(../img/bg_header.png) 0 26px no-repeat;position:relative;zoom:1;} a#header_logo {width:263px;height:100px;display:block;position:absolute;left:30px;top:73px;} /* ————— blocklanguages.tpl ————— */ #languages_block_top {height:30px;float:right;padding:16px 20px 0 0;} #languages_block_top ul li {float:left;text-transform:uppercase;} #languages_block_top ul li + li {padding:0 0 0 8px;} #languages_block_top ul li a {display:block;font:11px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#999;text-decoration:none;} #languages_block_top ul li a:hover {color:#333;} #languages_block_top ul li.selected_language {font:11px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#333;} /* ————— blockcurrencies.tpl ————— */ #currencies_block_top {height:26px;float:right;padding:24px 40px 0 0;position:relative;z-index:100;} #currencies_block_top label {display:block;float:left;padding:5px 12px 0 0;font:16px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#909090; font-weight:bold} #currencies_block_top select { font-size:16px; font-weight:bold; height:22px;} #currencies_block_top .jqTransformSelectWrapper {width:118px !important;height:24px;float:left;background:url(../img/header_currency.png) right 0 no-repeat #fff;border:1px solid #d6d6d6;cursor:pointer;} #currencies_block_top .jqTransformSelectWrapper > div > span {width:110px !important;height:20px;display:block;padding:4px 0 0 8px;font:11px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#c7c7c7;} #currencies_block_top .jqTransformSelectWrapper ul {width:118px !important;height:auto !important;margin:0 0 0 -1px;background:#f1f1f1;border:1px solid #d6d6d6;border-top:none;left:0 !important;} #currencies_block_top .jqTransformSelectWrapper ul li {padding:3px 0;border-top:1px solid #d6d6d6;} #currencies_block_top .jqTransformSelectWrapper ul li a {display:block;padding:0 0 0 7px;font:11px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#888;text-decoration:none;} #currencies_block_top .jqTransformSelectWrapper ul li a:hover {color:#222;} /* ————— blocksearch-top.tpl ————— */ div#search_block_top {width:197px;height:24px;float:right;margin:24px 25px 0 0;background:#fff;border:1px solid #d6d6d6;} div#search_block_top input.search_query {width:165px;float:left;background:#fff;border:none;font:11px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman"; float:left; margin-top:17px;} div#search_block_top input { float:right; margin-top:3px;} /* ————— blockuserinfo.tpl ————— */ #header_user {float:right;margin:10px 40px 0 0;} #header_user #header_user_info {float:left;text-align:right;} #header_user #header_user_info .line1 {width:256px;height:26px;padding:6px 13px 0 0;border-bottom:1px solid #d6d6d6;} #header_user #header_user_info a.your_account {font:11px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#333;text-decoration:none;text-transform:uppercase; font-size:16px; font-weight:bold} #header_user #header_user_info a.your_account:hover {color:#909090;} #header_user #header_user_info .line2 {padding:9px 13px 0 0;font:16px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#909090; font-weight:bold} #header_user #header_user_info .line2 a {font:16px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#909090;text-decoration:none;text-transform:lowercase; font-weight:bold} #header_user #header_user_info .line2 a:hover {color:#333;} #header_user #header_user_info .line2 span {font:11px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#333;} #header_user #header_cart {width:100px;height:50px;float:left;padding:13px 0 0 18px;border:1px solid #d6d6d6;} #header_user #header_cart div {} #header_user #header_cart a {font:16px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#333;text-decoration:none;text-transform:uppercase; font-weight:bold} #header_user #header_cart a:hover {color:#909090;} #header_user #header_cart span {font:16px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#909090; font-weight:bold} /* ————— tmheaderlinks.tpl ————— */ #tmheaderlinks {float:left;padding:62px 0 0 40px;} #tmheaderlinks li {float:left;} #tmheaderlinks li + li {padding:0 0 0 15px;} #tmheaderlinks li a {font:600 12px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#909090;text-decoration:none;text-transform:uppercase;} #tmheaderlinks li a:hover, #tmheaderlinks li a.active {color:#1c1c1c;} /* ————— tmcategories.tpl ————— */ #tmcategories {height:35px;clear:both;padding:13px 10px 0 10px;} #cat {height:35px;padding:0 0 0 9px;background:url(../img/tmc_bg.png) 0 0 repeat-x;} #cat > li {float:left;position:relative;z-index:100;} #cat > li > a {height:26px;display:block;padding:9px 10px 0 11px;font:16px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#fff;text-decoration:none;text-transform:uppercase; font-weight:bold} #cat > li + li > a {background:url(../img/tmc_sep.png) 0 0 no-repeat;} #cat > li:hover > a, #cat > li > a.selected {color:#fff;} #cat li ul.subcat {width:126px;padding:17px 20px 18px 20px;background:#AE393F;position:absolute;left:0;top:35px;display:none;} #cat > li:first-child > ul.subcat {left:-9px;} #cat ul.subcat li {padding:5px 0 7px 0;position:relative;} #cat ul.subcat li + li {border-top:1px dotted #fff;} #cat ul.subcat li a {font:16px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#fff;text-decoration:none;text-transform:uppercase;} #cat ul.subcat li a:hover, #cat ul.subcat li a.selected {color:#fff;} #cat ul.subcat li ul.subcat {left:146px;top:-17px;} /* —————————————————————————————— left && right column blocks styles —————————————————————————————— */ /* ————— general block styles ————— */ div.column {} div.column a {color:#000;text-decoration:none;} div.column a:hover {color:#888;} div.column > div {margin:0 0 20px 0;} div.column div.block h4 {padding:7px 10px;background:#222;font:12px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#a4a4a4;text-transform:uppercase;} div.column div.block h4 a {font:12px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#a4a4a4;text-decoration:none;} div.column div.block h4 a:hover {color:#fff;} div.column div.block .block_content {} div.column div.block ul.bullet, #rss_block_left ul {padding-top:5px;} div.column div.block ul.bullet li, #rss_block_left ul li {padding:4px 0 0 12px;background:url(../img/bullet.gif) 0 8px no-repeat;} /* ————— blockcategories.tpl ————— */ #categories_block_left {} #categories_block_left ul.tree {padding:5px 0 0 0;} #categories_block_left ul.tree li {padding:4px 0 0 15px;position:relative;} #categories_block_left ul.tree li a {} #categories_block_left ul.tree li a:hover {} #categories_block_left ul.tree a.selected {font-weight:bold;} #categories_block_left ul.tree li ul {zoom:1;} #categories_block_left ul.tree li ul li {} #categories_block_left ul.tree li ul li a {} #categories_block_left span.grower {width:15px;height:15px;display:block;cursor:pointer;position:absolute;left:-4px;top:4px;} #categories_block_left span.OPEN {background:url(../img/categories_minus.gif) 3px 3px no-repeat;} #categories_block_left span.CLOSE {background:url(../img/categories_plus.gif) 3px 3px no-repeat;} /* ————— blockcart.tpl ————— */ #cart_block {} #cart_block .block_content {} #cart_block h4 {} #cart_block h4 span {display:none;} #cart_block #cart_block_no_products {padding:17px 0;font-weight:bold;color:#000;} #cart_block #cart_block_summary {padding:10px 0 0 0;} #cart_block #cart_block_summary span {color:#000;zoom:1;} #cart_block #cart_block_summary span.ajax_cart_total {margin:0 0 0 5px;font-weight:bold;} #cart_block dl {padding:10px 0 17px 0;} #cart_block dl dt {height:15px;padding:7px 0 0 0;clear:both;} #cart_block dl dd {clear:both;} #cart_block span.quantity-formated {padding:0 2px 0 0;float:left;font:normal 10px/17px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";letter-spacing:1px;} #cart_block span.quantity-formated span.quantity {font-size:10px;} #cart_block dl a {text-decoration:underline;} #cart_block dl a:hover {text-decoration:none;} #cart_block dl dt a {float:left;} #cart_block dl dt span.price {font-weight:bold;float:right;color:#000;} #cart_block dl dd a {padding:0 0 0 14px;font-size:11px;font-style:italic;} #cart_block a.ajax_cart_block_remove_link {width:11px;height:13px;margin:0 0 0 5px;float:right;font-size:0;display:block;background:url(../img/icon/delete.gif) 0 bottom no-repeat;} #cart_block a.ajax_cart_block_remove_link:hover {text-decoration:none;} #cart_block table#vouchers {width:100%;margin:0 0 17px 0;} #cart_block table#vouchers tr td.price {font-weight:bold;text-align:right;} #cart_block table#vouchers tr td.delete {width:16px;text-align:right;} #cart_block table#vouchers tr td.delete a {width:11px;height:13px;font-size:0;display:block;float:right;background:url(../img/icon/delete.gif) 0 bottom no-repeat;} #cart_block table#vouchers tr td.delete a img {display:none;} #cart_block ul.cart_block_customizations {padding:0 0 0 13px;} #cart_block ul.cart_block_customizations li {font:11px/15px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";} #cart_block ul.cart_block_customizations div.deleteCustomizableProduct {width:11px;float:right;} #cart_block ul.cart_block_customizations div.deleteCustomizableProduct a {float:right;margin:0;padding:0;font-size:0;} #cart_block div.cart-prices {border-top:1px solid #ddd;} #cart_block div.cart-prices div.cart-prices-block {height:25px;background:#f1f1f1;border:1px solid #ccc;border-top:none;} #cart_block div.cart-prices span {float:left;padding:5px 0 0 13px;} #cart_block div.cart-prices span#cart_block_shipping_cost, #cart_block div.cart-prices span#cart_block_total, #cart_block div.cart-prices span#cart_block_wrapping_cost, #cart_block div.cart-prices span#cart_block_tax_cost {float:right;padding:5px 15px 0 0;font-weight:bold;color:#000;} #cart_block p#cart-price-precisions {padding:10px 0 0 0;} #cart_block p#cart-buttons {padding:10px 0 0 0;overflow:hidden;} #cart_block p#cart-buttons a.button_mini {float:left;margin:0 10px 0 0;} #cart_block p#cart-buttons a.button_small {float:left;} /* ————— blocktags.tpl ————— */ #tags_block_left p.block_content {text-align:justify;padding-top:10px;} #tags_block_left p.block_content a {margin:0 3px 0 0;line-height:20px;} #tags_block_left p.block_content a:hover {color:#fff;background:#000;text-decoration:none;} a.tag_level1 {font-size:13px;} a.tag_level2 {font-size:15px;} a.tag_level3 {font-size:17px;font-weight:bold;} /* ————— blockmyaccount.tpl ————— */ div.column div.myaccount p.logout {padding:4px 0 0 12px;} div.column div.myaccount p.logout a {font-weight:bold;} /* ————— blocknewsletter.tpl ————— */ #newsletter_block_left div.block_content {padding-top:5px;} #newsletter_block_left input {width:160px;height:17px;margin:10px 0 0 0;} #newsletter_block_left select {width:162px;margin:10px 0 0 0;} #newsletter_block_left input.button_mini {width:50px;} /* ————— blockmanufacturer.tpl && blocksupplier.tpl ————— */ .blockmanufacturer select, .blocksupplier select {width:160px;margin:8px 0 0 0;} /* ————— blocklink.tpl ————— */ /* ————— blockrss.tpl ————— */ /* ————— blockadvertising.tpl ————— */ .advertising_block {} /* ————— blockpaymentlogo.tpl ————— */ div.paiement_logo_block {} div.paiement_logo_block a {text-decoration:none;} div.paiement_logo_block img + img {margin:0 0 0 11px;} /* block products (new products, top sellers, viewed products) on left and right column */ .products_block ul {padding-top:10px;} .products_block ul li {margin:0 0 10px 0;} .products_block h5 a, .products_block dl dt a {font-weight:bold;} .products_block dl {clear:both;padding:2px 0 0 0;border-top:1px solid #ccc;} .products_block dl dt {margin:9px 0 0 0;} .products_block dl dd a {font-size:11px;} .products_block dl dd a img {margin:5px 0 0 0;} .products_block p a.button_large {width:;margin:12px 0 0 0;color:#fff;} /* ————— blockspecials.tpl ————— */ #special_block_right ul li {margin:0;} #special_block_right h5 {padding:12px 0 9px 0;} #special_block_right h5 a {} #special_block_right span.price-discount {text-decoration:line-through;} #special_block_right span.price {font-weight:bold;} /* ————— blocknewproducts.tpl ————— */ /* ————— blockbestsellers.tpl ————— */ /* ————— blockviewed.tpl ————— */ #viewed-products_block_left ul li.last_item {margin:0;} #viewed-products_block_left h5 {padding:5px 0 0 0;} #viewed-products_block_left h5 a {font-weight:bold;} #viewed-products_block_left p {font-size:11px;} #viewed-products_block_left p img {margin:4px 0 0 4px;} /* ————— blockstore.tpl ————— */ #stores_block_left div.block_content {padding-top:12px;} #stores_block_left p {text-align:left;} #stores_block_left p a img {margin:0 0 10px 0;} /* —————————————————————————————— center column styles —————————————————————————————— */ /* ————— breadcrumb.tpl ————— */ .breadcrumb {padding:7px 10px;background:#f1f1f1;} .breadcrumb_inner {font:12px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";text-transform:uppercase;} .breadcrumb .navigation_page, .breadcrumb .navigation_end, .breadcrumb .navigation_product {font:12px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";} .breadcrumb .navigation-pipe {padding:0 7px;font:9px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";} .breadcrumb a {font:12px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#888;text-decoration:none;} .breadcrumb a:hover {color:#000;} /* —————————————————————————————— product pages —————————————————————————————— */ /* ————— piscesslider.tpl ————— */ div#slide_holder {width:980px;height:472px;margin:0 0 0 -20px;padding:10px;background:#C53C3D;} div#slider {width:980px;height:472px;overflow:hidden;} .nivoSlider {position:relative;} .nivoSlider img {position:absolute;top:0px;left:0px;} .nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none;} .nivo-slice {display:block;position:absolute;z-index:50;height:100%;} .nivo-caption {width:470px;color:#fff;position:absolute;left:85px;top:250px;z-index:89;opacity:1;} .nivo-caption p {padding:0;text-align:center;} .nivo-caption .slider_desc {font:15px/20px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";} .nivo-caption .slider_desc1 {padding:22px 0 29px 0;color:#fff;} .nivo-caption .slider_desc2 {padding:46px 0 9px 0;color:#161616;} .nivo-caption .slider_desc3 {padding:28px 0 27px 0;color:#161616;} .nivo-caption .slider_desc4 {padding:22px 0 29px 0;color:#fff;} .nivo-caption .slider_desc5 {padding:28px 0 27px 0;color:#161616;} .nivo-caption .slider_btn {width:159px;display:block;margin:0 auto;padding:2px;background:#000;border:2px solid #fff;text-decoration:none;} .nivo-caption .slider_btn span {width:157px;height:37px;display:block;background:#252525;border:1px solid #fff;font:17px/35px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#fff;text-align:center;text-transform:uppercase;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;} .nivo-caption .slider_btn:hover span {background:#fff;color:#252525;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;} .nivo-directionNav a {position:absolute;top:40%;z-index:99;cursor:pointer;} .nivo-prevNav {left:5px;display:block;width:61px;height:61px;text-indent:-9999px;background: url('../img/nivo_nav.png') top left no-repeat;} .nivo-nextNav {right:5px;display:block;width:61px;height:61px;text-indent:-9999px;background: url('../img/nivo_nav.png') top right no-repeat;} div.nivo-controlNav {position:absolute;right:10px;bottom:18px;z-index:100;} div.nivo-controlNav a.nivo-control {width:8px;height:0;display:block;padding:8px 0 0 0;overflow:hidden;float:left;margin:0 0 0 7px;background:url(../img/slider_item.png) 0 0 no-repeat;cursor:pointer;} div.nivo-controlNav a.nivo-control:first-child {margin:0;} div.nivo-controlNav a.active {background:url(../img/slider_item_active.png) 0 0 no-repeat;} /* ————— tmbannerblock.tpl ————— */ #tmbannerblock {width:990px;margin:0 0 0 -20px;padding:0 0 0 10px;background:#C53C3D;} #tmbannerblock ul {overflow:hidden;} #tmbannerblock ul li {width:320px;height:163px;float:left;margin:0 10px 10px 0;position:relative;} #tmbannerblock ul li > div {width:184 px;position:absolute;left:16px;top:0;} #tmbannerblock ul li h2 {width:200px;padding:21px 0 0 0;font:600 18px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#000;text-transform:uppercase;letter-spacing:-1px;} #tmbannerblock ul li h3 {width:200px;margin:-4px 0 -5px 0;padding:0 0 0 0;font:600 16px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#737272;text-transform:uppercase;letter-spacing:-1px;} #tmbannerblock ul li .tmb_descr {padding:5px 0 15px 0;font:11px/16px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#323232; width:180px;} #tmbannerblock ul li.banner3 .tmb_descr {padding:5px 0 18px 0; width:180px;} #tmbannerblock ul li .tmb_btn {width:72px;height:24px;display:block;border:2px solid #C53C3D;text-decoration:none; position:absolute; bottom:-95px;} #tmbannerblock ul li .tmb_btn span {width:70px;height:22px;display:block;background:#C53C3D;border:1px solid #fff;font:12px/21px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#fff;text-align:center;text-transform:uppercase;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;} #tmbannerblock ul li .tmb_btn:hover span {background:#fff;color:#000;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;} /* ————— tmspecials.tpl ————— */ #tmspecials {width:1000px; padding:0px;margin:0 0 0 -20px;} #tmspecials h2 {padding:12px 0 4px 15px;border-bottom:1px solid #ddd;font:600 22px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#151515;} #tmspecials ul {overflow:hidden; margin:0px 15px} #tmspecials ul li {width:120px;float:left;margin:20px 0 0 0;padding:0 20px 1px 19px;border-right:1px dotted #bfbfbf; height:290px;} #tmspecials ul li.tmsp1 {width:120px;border-left:1px dotted #bfbfbf; float:left} #tmspecials ul li.tmsp2 {width:120px;} #tmspecials ul li.tmsp3 {width:120px;} #tmspecials ul li h5 {height:50px;padding:4px 0 0 0;} #tmspecials ul li span.price {display:block;padding:6px 0;font:normal 11px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";} #tmspecials ul li .exclusive {width:115px;} #tmspecials ul li .f18r{ color:#FF0000; font-size:16px; font-weight:bold} .f14{ font-size:14px;} .f16{ font-size:16px;} .product_image{ height:150px; overflow:auto; display:table;} /* ————— category.tpl ————— */ #subcategories ul {} #subcategories ul li {float:left;margin:17px 20px 0 0;text-align:center;} #subcategories ul li a {text-decoration:none;} #subcategories ul li a:hover {color:#888;} #subcategories ul li a img {margin:0 0 7px 0;} #categoryImage {} div.cat_desc {padding:17px 0 0 0;} /* ————— product-compare.tpl ————— */ form.product_compare {height:21px;padding:20px 0 0 0;text-align:right;} /* ————— product-sort.tpl ————— */ form#productsSortForm {height:19px;padding:20px 0 0 0;} form#productsSortForm label {display:block;float:right;padding:2px 7px 0 0;} form#productsSortForm select {width:160px;height:19px;float:right;} /* ————— product-list.tpl ————— */ ul#product_list {padding:20px 0 0 0;} ul#product_list li {height:200px;margin:20px 0 0 0;} ul#product_list li:first-child {margin:0;} ul#product_list li a.product_img_link {width:180px;height:180px;display:block;float:left;padding:10px;border:1px dotted #bfbfbf;border-width:0 1px;} ul#product_list li div.center_block {width:310px;float:left;margin:0 0 0 20px;} ul#product_list li div.center_block div.product_flags {height:26px;} ul#product_list li div.center_block div.product_flags span {height:20px;display:block;float:left;padding:6px 10px 0 10px;font-size:11px;font-weight:bold;text-transform:uppercase;} ul#product_list li div.center_block div.product_flags span.new {background:#2e8c00;color:#fff;} ul#product_list li div.center_block div.product_flags span.availability {background:#eee;color:#2e8c00;} ul#product_list li div.center_block h3 {padding:17px 0 0 0;} ul#product_list li div.center_block p.product_desc {padding:12px 0 0 0;} ul#product_list li div.right_block {width:120px;float:right;} ul#product_list li div.right_block span.on_sale, ul#product_list li div.right_block span.discount {display:block;padding:6px 0 8px 0;} ul#product_list li div.right_block span.price {display:block;padding:3px 0 0 0;font:12px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";} ul#product_list li div.right_block .exclusive {margin:15px 0 10px 0;} ul#product_list li div.right_block p.compare {height:15px;padding:15px 0 0 0;} *+html ul#product_list li div.right_block p.compare input {margin-right:-4px;} /* ————— pagination.tpl ————— */ div.pagination {height:21px;padding:20px 0 0 0;} ul.pagination {float:left;padding:3px 0 0 0;} ul.pagination li {float:left;margin:0 5px;} ul.pagination li a {} ul.pagination li a:hover {} ul.pagination li.disabled span {color:#aaa;cursor:default;} ul.pagination li.current span {font-weight:bold;color:#000;} ul.pagination li#pagination_previous {text-transform:capitalize;margin:0 15px 0 0;} ul.pagination li#pagination_next {text-transform:capitalize;margin:0 0 0 15px;} form.pagination select {width:45px;height:19px;float:right;margin:1px 0 0 0;} form.pagination label {display:block;float:right;padding:3px 10px 0 10px;} form.pagination a {float:right;} form.pagination input {display:none;} /* ————— stores.tpl ————— */ div#stores_block p.text label {display:block;float:left;padding:2px 7px 0 0;} div#stores_block p.text input {width:270px;height:15px;padding:1px;font:normal 12px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#555;} div#stores_block p.select {padding:20px 0 0 0;} div#stores_block p.select label {display:block;float:left;padding:2px 7px 0 0;} div#stores_block p.select select {float:left;} div#stores_block p.select span {display:block;float:left;padding:2px 7px 0 7px;} div#stores_block p.select #stores_loader {margin:-2px 0 0 0;display:none;} div#stores_block input.button {clear:both;margin:10px 0 0 0 !important;} div#stores_block select#locationSelect {margin:20px 0;visibility:hidden;} div#stores_block div#map {width:100%;height:400px;} div#stores_block table#stores-table {margin:20px 0 0 0;display:none;} /* ————— products-comparison.tpl ————— */ table#product_comparison {margin:17px 0 0 0;} table#product_comparison h5 {height:30px;margin:0 20px 0 0;} table#product_comparison p {padding-right:20px;} table#product_comparison div.comparison_product_infos {padding:15px 0 0 0;} table#product_comparison div.comparison_product_infos div.product_discount {padding:12px 0 0 0;height:15px;} table#product_comparison div.comparison_product_infos a.cmp_remove {padding:0 0 0 15px;background:url(../img/icon/delete.gif) 0 2px no-repeat;color:#dd0000;text-decoration:none;} table#product_comparison div.comparison_product_infos a.button {margin:15px 0 0 0;} table#product_comparison div.comparison_product_infos .exclusive {margin:5px 0 0 0;} table#product_comparison tr.empty td {height:20px;} table#product_comparison tr.comparison_header td {padding:5px 0 5px 8px;background:#222;font-weight:bold;color:#fff;} table#product_comparison tr td.comparison_feature_odd, table#product_comparison tr td.comparison_feature_even {padding:5px 0 5px 8px;font-weight:bold;color:#222;} table#product_comparison tr td.comparison_feature_odd {background:#eee;} table#product_comparison tr td.comparison_infos {font-weight:normal;} /* ————— product.tpl ————— */ #primary_block {} #primary_block #pb-right-column {width:300px;float:left;padding:17px 0 0 0;} /* product img */ #primary_block #image-block {width:300px;height:300px;} #primary_block #image-block img#bigpic {width:300px;height:300px;cursor:pointer;} #primary_block #image-block img#bigpic.jqzoom {cursor:crosshair;position:relative;} /* views block */ #views_block {width:300px;height:80px;margin:10px 0 0 0;position:relative;} #view_scroll_left, #view_scroll_right {width:10px;height:0;display:block;padding:80px 0 0 0;overflow:hidden;background:url(../img/arrow_thumbs.gif) 0 0 no-repeat;position:absolute;top:0;} #view_scroll_left {left:0;} #view_scroll_right {background-position:0 -80px;right:0;} #thumbs_list {width:260px;margin:0 0 0 20px;overflow:hidden;} #thumbs_list ul {} #thumbs_list li {width:80px;height:80px;float:left;cursor:pointer;} #thumbs_list li + li {margin:0 0 0 10px;} #thumbs_list li a img {} span#wrapResetImages {display:none;} span#wrapResetImages div {padding:12px 0 0 0;} /* usefull links */ #primary_block ul#usefull_link_block {padding:11px 0 0 0;clear:both;overflow:hidden;} #primary_block ul#usefull_link_block li {padding:7px 0 0 10px;background:url(../img/bullet_alt.gif) 0 11px no-repeat;} #primary_block ul#usefull_link_block li a, #primary_block ul#usefull_link_block span.span_link {text-decoration:underline;color:#222;cursor:pointer;} #primary_block ul#usefull_link_block li a:hover, #primary_block ul#usefull_link_block span.span_link:hover {text-decoration:none;} #primary_block #pb-left-column {width:375px;float:left;padding:0 0 0 20px;} /* short description */ #primary_block #short_description_block, #primary_block #short_description_content, #primary_block #short_description_content p {margin:17px 0 0 0;padding:0;} /* buttons */ #primary_block p.buttons_bottom_block {padding:0;} #primary_block p.buttons_bottom_block a {margin:17px 0 0 0;} #primary_block p.buttons_bottom_block input#add2cartbtn {display:none;} /* pack items */ #primary_block #short_description_block h3 {padding:17px 0 3px 0;} #primary_block #short_description_block .pack_content {padding:7px 0 0 0;font-size:10px;color:#777;} #primary_block #short_description_block .pack_content p {padding:0;} /* color picker */ #primary_block #color_picker {padding:7px 10px 10px 10px;background:#eee;margin:17px 0 0 0;} #primary_block #color_picker p {padding:0;} #primary_block #color_to_pick_list li {display:inline;float:left;margin:4px 7px 0 0;} #primary_block a.color_pick {display:block;width:20px;height:20px;border:1px solid #666;cursor:pointer;} #primary_block a.color_pick:hover {border:1px solid #000;} #primary_block a#color_all {cursor:pointer;} /* buy block */ #primary_block form#buy_block {padding:3px 0 0 0;} #primary_block form#buy_block p {padding:0;} /* price */ #primary_block form#buy_block span.on_sale, #primary_block form#buy_block span.discount {display:block;margin:15px 0 0 0;} #primary_block form#buy_block span.our_price_display {display:block;margin:14px 0;} #primary_block form#buy_block span#our_price_display {margin:0 3px 0 0;font:normal 12px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";} /* taxes & discounts */ #primary_block form#buy_block div#other_prices {margin:14px 0;} #primary_block form#buy_block div#other_prices p {margin:2px 0 0 0;} #primary_block form#buy_block p#old_price {color:#777;text-decoration:line-through;} #primary_block form#buy_block p#reduction_percent {color:#777;} #primary_block form#buy_block p.pack_price {color:#777;} #primary_block form#buy_block p.price-ecotax {color:#229922;} /* attributes */ div#attributes {} div#attributes p {margin:14px 0;padding:3px 0 !important;} div#attributes p label {float:left;text-align:right;padding:2px 7px 0 0;} /* quantities */ #primary_block form#buy_block p#quantity_wanted_p {margin:14px 0;padding:3px 0;} #primary_block form#buy_block p#quantity_wanted_p label {display:block;float:left;padding:2px 7px 0 0;} #primary_block form#buy_block p#availability_statut {margin:14px 0 0 0;} #primary_block form#buy_block p#availability_statut span#availability_value {font-weight:bold;} #primary_block form#buy_block p#pQuantityAvailable {margin:14px 0 0 0;} #primary_block form#buy_block p#pQuantityAvailable span {font-weight:bold;color:#222;} #primary_block form#buy_block p.online_only {margin:14px 0 0 0;} #primary_block form#buy_block p#last_quantities {margin:14px 0 0 0;font-weight:bold;color:#ea0000;} /* tabs */ ul.idTabs {height:31px;padding:20px 0 5px 0;clear:both;} ul.idTabs li {float:left;} ul.idTabs li + li {} ul.idTabs li a {display:block;padding:7px 20px;font:12px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#222;text-decoration:none;text-transform:uppercase;cursor:pointer;} ul.idTabs li a.selected {background:#222;color:#fff;} /* tabs short */ ul.idTabsShort li a {} ul.idTabsShort li a.selected {} /* tabs content blocks */ div.tabs_content {background:#f1f1f1;padding:14px 20px;zoom:1;} /* quantity discount */ div#quantityDiscount {} div#quantityDiscount th, div#quantityDiscount td {height:auto;padding:5px;background:none;border:none;} div#quantityDiscount td {border-top:2px solid #ccc;} /* tabs contents */ div#more_info_sheets {} /* idTab1 (product description) */ div#idTab1 {padding:0 0 3px 0;} div#idTab1 p {padding:3px 0 0 0;} /* idTab2 (data sheet) */ ul#idTab2 li {padding:3px 0 3px 10px;background:url(../img/bullet_alt.gif) 0 7px no-repeat;} ul#idTab2 li span {font-weight:bold;} /* idTab9 (attachments) */ ul#idTab9 li {padding:3px 0 3px 10px;background:url(../img/bullet_alt.gif) 0 7px no-repeat;} ul#idTab9 li a {font-weight:bold;} /* idTab4 (accessories) */ ul#idTab4 {padding:6px 0;} ul#idTab4 li {height:80px;margin:20px 0 0 0;} ul#idTab4 li:first-child {margin:0;} ul#idTab4 li div.accessories_desc {width:340px;float:left;} ul#idTab4 li div.accessories_desc a.accessory_image {width:80px;height:80px;display:block;float:left;margin:0 10px 0 0;} ul#idTab4 li div.accessories_desc h5 {margin:0 0 7px 0;} ul#idTab4 li div.accessories_price {width:120px;float:right;} ul#idTab4 li div.accessories_price span.price {display:block;margin:0 0 7px 0;} /* idTab5 (product comments) */ div#idTab5 p {padding:3px 0;} div#idTab5 p.align_center {text-align:center;} div#idTab5 p.align_right {height:11px;padding:0;} div#idTab5 p.align_right a {width:11px;height:0;padding:11px 0 0 0;overflow:hidden;display:block;float:right;background:url(../img/icon/delete.gif) 0 0 no-repeat;} div#idTab5 fieldset {margin:0;padding:0 0 3px 0;} div#idTab5 fieldset label {display:block;padding:3px 0 0 0;} div#idTab5 fieldset input#customer_name, div#idTab5 fieldset input#comment_title {width:206px;height:15px;padding:1px;margin:3px 0 0 0;} div#idTab5 textarea#content {width:656px;height:100px;margin:3px 0 5px 0;} div#idTab5 div.table_block {padding:0;} div#idTab5 div.table_block th, div#idTab5 div.table_block td {height:auto;padding:5px;background:none;border:none;} div#idTab5 div.table_block td {border-top:2px solid #ccc;} /* customizable products */ div.customization_block {} div.customization_block p, div.customizationUploadBrowseDescription {padding:3px 0;} div.customization_block p img {margin:0 2px 0 0;} div.customization_block h2 {padding:9px 0 5px 0;} div.customization_block ul li div.customizationUploadBrowse {margin:0 0 7px 0;} div.customization_block ul li div.customizationUploadBrowse img {margin:0 7px 0 0;} textarea.customization_block_input {width:656px;height:50px;} div.customization_block p#customizedDatas {margin:9px 0 15px 0;} /* pack products list */ div#pack_product_list {padding:6px 0 0 0;} /* ————— manufacturers-list.tpl && suppliers-list.tpl ————— */ .mnf_sup_list {padding:17px 0 0 0;} .mnf_sup_list li {height:82px;clear:both;padding:0 0 20px 0;} .mnf_sup_list li + li {padding:20px 0;border-top:2px solid #eee;} .mnf_sup_list li div.left_side {width:395px;float:left;} .mnf_sup_list li div.logo {float:left;margin:0 10px 0 0;} .mnf_sup_list li div.logo img {border:1px solid #eee;} .mnf_sup_list li h3 {padding:0;font-weight:bold;color:#888;} .mnf_sup_list li h3 a {font-weight:bold;color:#000;} .mnf_sup_list li div.right_side {width:120px;height:82px;float:right;position:relative;} .mnf_sup_list li div.right_side a.button {position:absolute;right:0;bottom:0;} /* —————————————————————————————— info pages —————————————————————————————— */ /* ————— sitemap.tpl ————— */ div.sitemap_block {width:30%;float:left;padding:0 3% 0 0;} div.sitemap_block ul {padding-top:5px;} div.sitemap_block ul li {padding:4px 0 0 10px;background:url(../img/sitemap-bullet.gif) 0 10px no-repeat;} div.categTree {clear:both;overflow:hidden;padding:3px 0 0 0;} div.tree_top {height:14px;margin:7px 0 0 0;padding:3px 0 0 28px;background:url(../img/sitemap-top.gif) -1px -1px no-repeat;} div.tree_top a {font-weight:bold;text-transform:uppercase;} div#center_column ul.tree li {border-left:solid 1px #a1a1a1;background:url(../img/sitemap-horizontal.gif) 0 12px no-repeat;margin:0 0 0 11px;padding:5px 0 0 16px;} div#center_column ul.tree li ul {padding:2px 0 4px 0;} div#center_column ul.tree li ul li {margin:0;} div#center_column ul.tree a {padding-left:0;} div#center_column ul.tree a.selected {font-weight:bold;} div#center_column ul.tree li.last {background:url(../img/sitemap-last.gif) 0 0 no-repeat;border:none;padding:5px 0 0 17px;} /* ————— contact-form.tpl ————— */ p#desc_contact0, p#desc_contact1, p#desc_contact2 {height:15px;padding:11px 0 0 157px;} body#contact-form div#center_column form p.file_input label {padding-top:3px;} body#contact-form div#center_column form p.file_input input {height:21px;} body#contact-form div#center_column form textarea#message {width:330px;} /* —————————————————————————————— account pages —————————————————————————————— */ /* ————— authentication.tpl ————— */ /* login / create account */ body#authentication #create-account_form {width:48%;clear:none;float:left;margin:0 4% 0 0;} body#authentication #login_form {width:47.9%;clear:none;float:left;} body#authentication #create-account_form h4, body#authentication #login_form h4 {height:31px;padding:19px 0 0 0;} body#authentication #create-account_form p.text, body#authentication #login_form p.text {width:220px;height:38px;padding:12px 0 0 0;} body#authentication #create-account_form p.submit, body#authentication #login_form p.submit {padding:15px 0 0 0;} body#authentication #create-account_form label, body#authentication #login_form label {display:block;clear:both;text-align:left;} body#authentication #login_form p.lost_password {padding:12px 0 0 0;} #new_account_form p.radio input {top:3px;} #new_account_form p.radio label {padding:0 15px 0 3px;line-height:19px;display:inline-block;} /* account creation form */ form#account-creation_form p.radio input {top:3px;} form#account-creation_form p.radio label {padding:0 15px 0 3px;line-height:19px;display:inline-block;} form#account-creation_form textarea {width:206px;} form#account-creation_form span.form_info {line-height:19px;} /* ————— password.tpl ————— */ /* ————— my-account.tpl ————— */ body#my-account div#center_column ul#my_account_links {padding:3px 0 0 0;} body#my-account div#center_column ul#my_account_links li {padding:12px 0 0 0;} body#my-account div#center_column ul#my_account_links li img {margin:0 5px 0 0;display:inline-block;} /* ————— addresses.tpl ————— */ ul.address {float:left;} ul.item {width:48%;margin:17px 4% 0 0;} ul.alternate_item {width:47.9%;margin:17px 0 0 0;} ul.address li {margin:5px 0 0 0;padding:0 0 0 8px;} ul.address li.address_title {height:20px;padding:5px 0 0 8px;background:#eee;font-weight:bold;} ul.address li span.address_name {padding:8px 0 0 0;font-weight:bold;color:#000;} ul.address li.address_update, ul.address li.address_delete {} body#addresses div.address_add {clear:both;padding:20px 0 0 0;} /* ————— address.tpl ————— */ body#address div#center_column form.std p.textarea textarea {width:206px;} body#address div#center_column form.std p.submit .button {margin:20px 0 0 0;} /* ————— identity.tpl ————— */ form.identity p.radio input {top:3px;} form.identity p.radio label {padding:0 15px 0 3px;line-height:19px;display:inline-block;} form.identity p.required_desc {padding:20px 0 0 157px;} p#security_informations {padding:20px 0 0 157px;font-size:11px;} /* —————————————————————————————— order pages —————————————————————————————— */ /* ————— order-steps.tpl ————— */ ul#order_step {width:435px;height:27px;margin:20px auto 15px auto;padding:0 0 0 40px;background:url(../img/step_start.png) 0 bottom no-repeat;} ul#order_step li {width:90px;height:27px;float:left;background:url(../img/step_standard.png) 50% bottom no-repeat;text-align:center;} ul#order_step li.step_current {background:url(../img/step_current.png) 50% bottom no-repeat;font-weight:bold;color:#222;} ul#order_step li.step_todo {color:#888;} ul#order_step li#step_end {width:70px;} ul#order_step li#step_end {background:url(../img/step_end.png) left bottom no-repeat;} ul#order_step li#step_end.step_current {background:transparent url(../img/step_end_current.png) left bottom no-repeat;} /* ————— Order step 1: summary (shopping-cart.tpl) ————— */ table.cart_last_product {width:350px;margin:15px auto 0 auto;} table.cart_last_product tr th {background:#222;color:#fff;} table.cart_last_product tr td {border:none !important;padding-right:0;} table.cart_last_product tr td.cart_product {width:45px;} body#order table.std td:first-child a img {} body#order table.std h5 a {} body#order table.std h5 a:hover {} table#cart_summary {} table#cart_summary tr td.cart_product {width:45px;} table#cart_summary tr td.cart_quantity {text-align:center;width:46px;} table#cart_summary tr td.cart_quantity div#cart_quantity_button {width:30px;float:left;} table#cart_summary tr td.cart_quantity div#cart_quantity_button input.text {width:26px;margin:3px 0;text-align:center;} table#cart_summary tr td.cart_quantity a {height:9px;display:block;text-align:center;} table#cart_summary tr td.cart_quantity a.cart_quantity_delete {width:11px;height:11px;display:block;float:left;margin:15px 0 0 5px;} table#cart_summary tr td ul.customizationUploaded li img {margin:0 10px 0 0;border:1px solid #eee;} table#cart_summary tr td ul.typedText li {padding:7px 0 0 0;} table#cart_summary tr td.cart_discount_delete {text-align:center;} table#cart_summary tr th.cart_total, table#cart_summary tr td.cart_total, table#cart_summary tr td.cart_discount_price {text-align:right;} /* voucher form */ form#voucher fieldset {border:2px solid #eee;padding:10px;} form#voucher fieldset h2 {float:left;padding:3px 20px 0 0;} form#voucher fieldset p {float:left;padding:1px 20px 0 0;} form#voucher fieldset p.submit {padding:0;} form#voucher fieldset p.text label {float:left;text-align:right;padding:2px 7px 0 0;} form#voucher fieldset p.text input {width:166px;} form#voucher fieldset div#display_cart_vouchers h4 {margin:10px 0 0 0;padding:10px 0 0 0;border-top:1px solid #eee;} form#voucher fieldset div#display_cart_vouchers div {padding:4px 0 0 0;} form#voucher fieldset div#display_cart_vouchers span.voucher_name {font-weight:bold;text-decoration:underline;cursor:pointer;} form#voucher fieldset div#display_cart_vouchers span.voucher_name:hover {text-decoration:none;} /* order carrier */ div#order_carrier {border:2px solid #eee;margin:17px 0 0 0;padding:10px;} div#order_carrier h4 {float:left;padding:0 10px 0 0;} /* cart navigation */ p.cart_navigation {height:21px;clear:both;padding:17px 0 0 0;} p.cart_navigation .button, p.cart_navigation .button_large {float:left;} p.cart_navigation .exclusive, p.cart_navigation .exclusive_large {float:right;} /* ————— carriercompare.tpl ————— */ #availableCarriers {padding:12px 0 0 0;} #compare_shipping_form h3 {margin:0 0 8px 0;} #compare_shipping_form #noCarrier {margin:12px 0 0;padding:10px 13px;text-align:center;} #availableCarriers_table {width:100% !important;} #carriercompare_errors_list li {margin:0 !important;padding:3px 0 0 0;} /* ————— Order step 2: log in (authentication.tpl) ————— */ /* ————— Order step 3: addresses (order-address.tpl) ————— */ div.order_address {} div.order_address p.select label {float:left;text-align:right;padding:2px 7px 0 0;} div.order_address p#address_invoice_form a.button_large {margin:0 auto;} div.order_address p.address_add {padding:17px 0 0 0;} div.order_address div#ordermsg textarea {width:696px;height:100px;} /* ————— Order step 4: shipping (order-carrier.tpl) ————— */ table#carrierTable {margin:17px 0 0 0;border-collapse:separate;} table#carrierTable tr td {border-bottom:2px solid #eee !important;} table#carrierTable tr td.radio input {background:none;border:none;position:relative;top:1px;left:0;} p#gift_div {display:none;clear:both;} p#gift_div label {display:block;} p#gift_div textarea {width:696px;height:100px;margin:12px 0 0 0;} /* ————— Order step 5: payment (order-payment.tpl) ————— */ p.payment_module {display:block;margin:0 !important;padding:17px 0 0 0 !important;border:none !important;} .payment_module img {vertical-align:middle;margin:0 10px 0 0;} .payment_module a {display:block;background:#fafafa;border:2px solid #ddd;padding:7px;color:#777;text-decoration:none;} .payment_module a:hover, .payment_module a:focus, .payment_module a:active {background:#fff;border:2px solid #222;color:#000;} /* ————— history.tpl ————— */ .color-myaccount, a.color-myaccount {color:#222;} div#block-history {margin:17px 0 0 0;} div#block-history textarea {width:696px;height:100px;} table#order-list td.history_link a {font-weight:bold;} table#order-list td.history_detail a.details_link {text-transform:capitalize;} #block-history #block-order-detail table.std td.inputs input.order_qte_input {height:15px;padding:1px;float:left;} #block-history #block-order-detail table.std td.inputs label {display:block;float:left;padding:2px 0 0 7px;font-weight:bold;} #block-history h3 {padding:17px 0 0 0;} #block-history #block-order-detail {padding:0 0 12px 0;border-top:2px solid #222;border-bottom:2px solid #222;} div#order-detail-content table.std th.last_item, div#order-detail-content table.std td.last_item {text-align:right;} form#sendOrderMessage {padding:3px 0 0 0;} form#sendOrderMessage p.submit {padding:12px 0 0 0;} /* ————— order-slip.tpl ————— */ /* ————— discount.tpl ————— */ table.discount {margin:17px 0 0 0;} table.discount td.discount_code {font-weight:bold;} table.discount td.discount_value {white-space:nowrap;} body#discount div.center_column sup {vertical-align:top;font:normal 13px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#da0f00;} /* ————— One Page Checkout ————— */ /* ————— order-opc.tpl ————— */ div#order-opc h2 {padding:30px 0 0 0;} div#order-opc table#carrierTable {margin:17px 0 0 0;} div#order-opc textarea#message {width:696px;height:100px;} /* ————— order-opc-new-account.tpl ————— */ /* account choice */ div#opc_account_choice div.opc_float {padding:17px 0 0 0;} div#opc_account_choice div.opc_float input {float:left;margin:0 7px 0 0;} div#login_form_content input.text {width:206px;} /* already registered */ div#login_form_content p.submit {} div#login_form_content #login_passwd {margin:12px 0 0 157px;} /* new customer */ div#opc_account_form textarea#other, div#opc_account_form #other_invoice {width:206px;} div#opc_account_form p.required_desc {padding-top:20px;} p#opc_account_saved {display:none;font-weight:bold;color:#3eab4c;} /* ————— guest-tracking.tpl ————— */ form.guest p.text i {padding:0 0 0 5px;line-height:19px;} /* ————— 404.tpl ————— */ p.error404 {border:2px solid #dd0000;background:#f5f5f5;margin:12px 0 0 0;padding:10px;line-height:32px;} p.error404 img {margin:0 10px 0 0;} /* conditions & legal */ ul.shop_info {list-style-type:square!important;list-style-position:inside;padding:0.6em;margin-top:0.6em;margin-left:2em;border:1px solid #888;} ul.shop_info li {padding-left:0.5em!important;padding-bottom:0.5em!important;} /* module reversoform */ .account_creation #reverso-form {width:100%;} .account_creation #reverso-form label {width:250px;text-align:left;margin-left:10px;} .account_creation #reverso-form label#legend_reverso {clear:both;width:100%;font-size:10px;text-align:left;} .account_creation #reverso-form input#reverso_form {margin-top:20px;} /* module paypalapi */ .paypalapi_about {text-align:justify;} .paypalapi_about ul {padding-left:20px;} /* —————————————————————————————— footer styles —————————————————————————————— */ /* ————— tmfooterlinks.tpl ————— */ #tmfooterlinks {width:960px;background:url(../img/bg_footer_border.png) left top repeat-x; height: auto; overflow:hidden; margin:0px auto 15px} #tmfooterlinks h4 {padding:19px 0 0 0;font:600 11px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#454545;text-transform:uppercase;} #tmfooterlinks ul {padding:5px 0 19px 0;} #tmfooterlinks ul li {padding:8px 0 0 0;} #tmfooterlinks p {padding:15px 0 0 0;clear:both;border-top:1px solid #ddd;font:11px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#797979;zoom:1;} #tmfooterlinks a {font:11px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";color:#797979;text-decoration:none;} #tmfooterlinks a:hover {color:#000;} /* —————————————————————————————— printable version —————————————————————————————— */ @media print { * {background:none!important;background-color:white!important;} div#left_column, div#right_column, div#footer, a.button, span.button , .button, ul#usefull_link_block, div#header_user, #languages_block_top, #search_block_top, #currencies_block_top, ul#header_links, ul.idTabs, #availability_statut br {display:none;} div#center_column {width:100%;} input.text {border:1px solid gray;} .block_hidden_only_for_screen {display: block;margin-top:1em;} #more_info_sheets #idTab1 {width:530px;} } /* 底部编辑器 START */ #f_edit{width:100%; margin:0px auto; background:#B63938; border-top:4px solid #303030; height:auto; overflow:hidden; padding:10px 0px} #f_edit .fcon{width:1000px; margin:0px auto; padding:0px;clear:both; color:#FFF} #f_edit .fcon a{color:#FFF} #f_edit .fcon dl{width:230px; float:left; padding-right:20px;} #f_edit .fcon dl dt{ display:block; font-size:16px; font-weight:bold; padding-bottom:10px;} #f_edit .fcon dl dd{ line-height:26px;} /* 底部编辑器 END */ /* 首页左边 START */ #gallery{width:1000px; margin:0px auto; background:#ffffff; overflow:hidden} #gallery .quick-menu{width:177px; float:left; padding-right:0px; background:#FFFFFF;} #gallery .quick-menu .Pclass{width:177px; clear:both;padding:0px;} #gallery .quick-menu .Pclass .sec{ display:block; background:#FFFFFF; padding:3px 5px; text-align:center} #gallery .quick-menu .Pclass .sec .inp{ width:120px; border:1px solid #999999; height:34px; line-height:34px; float:left} #gallery .quick-menu .Pclass .sec .go{ border:none;width:39px; height:39px; background:url(../images/search.png) center center no-repeat #FFFFFF; border:1px solid #FFFFFF;} #gallery .quick-menu .Pclass .pbt{width:auto;text-align:center; line-height:32px;height:32px; padding-right:5px; padding-left:15px; font-size:16px; font-weight:bold; color:#fff; background:#B63938} #gallery .quick-menu .spe{width:177px; clear:both; text-align:center; margin-bottom:10px;} #gallery .quick-menu .spe dl{ padding:0px; margin:0px;} #gallery .quick-menu .spe dl dt{width:167px; padding-left:10px;text-align:left;font-size:16px; height:36px; line-height:36px; font-weight:normal; border-bottom:1px solid #CCCCCC; background:#F3F3F3;font-weight:bold;} #gallery .quick-menu .spe dl dd{ padding:10px 0px; text-align:center; clear:both; overflow:hidden;} #gallery .quick-menu .spe dl dd a{height:25px;padding:0px; font-size:12px; overflow:hidden; width:150px; margin:0px auto} #gallery .quick-menu .spe dl dd a span{ width:152px; height:152px; display:block; display:table-cell; vertical-align:middle;clear:both; border:1px solid #E4E4E4} #gallery .quick-menu .spe dl dd a p{ clear:both; display:block; font-size:12px; padding-top:5px; margin:0px; width:150px;} #gallery .quick-menu .spe dl dd p{ clear:both; display:block; font-size:12px; padding:0px; margin:0px; width:150px;} #gallery .quick-menu .spe dl dd p em{ float:left; padding-top:5px; padding-right:10px; font-size:14px; color:#FF0000; } #gallery .quick-menu .spe dl dd p span{ float:left; padding-top:5px; text-decoration:line-through; color:#999999} #gallery .quick-menu .adv{width:177px; clear:both; text-align:center; margin-bottom:10px;} #gallery .quick-menu .adv img{ border:1px solid #CCCCCC} #gallery .quick-menu .recP{width:177px; clear:both; margin-bottom:10px; padding:0px 0px;} #gallery .quick-menu .recP dl{width:177px; clear:both;} #gallery .quick-menu .recP dt{ text-align:center;font-size:20px; font-weight:bold; color:#fff; line-height:32px; padding:5px 0px; background:#242424} #gallery .quick-menu .recP dd{ text-align:left; font-size:14px; color:#fff; clear:both; width:140px; padding:5px 18px 5px 19px; margin:0px auto; line-height:22px; background:#0E0E0E; border-bottom:1px solid #202020} #gallery .quick-menu .recP dd a{color:#fff} #gallery .quick-menu .recP dd a:hover{color:#DB8407} #gallery .quick-menu .recP dd span{ width:15px; float:left; text-align:left;} /* 首页左边 END */ /* 首页右边 START */ #banner{width:1000px; margin:0px auto; overflow:hidden} #banner .adgd{position:relative;} /* 首页右边 END */ /* 会员左边 START */ #gallery #member{width:813px; float:right;min-height:800px; height:auto;} #gallery #member .mt{ overflow:hidden; display:block; background:#FFFFFF; padding:0px 20px;} #gallery #member .mt .ssp{width:268px; float:left; } #gallery #member .mt .ssp .view{text-align:right; background:url(../images/ico.gif) 180px -61px no-repeat; line-height:26px; font-size:12px; display:block; overflow:hidden; height:30px; overflow:hidden} #gallery #member .mt .ssp ul{width:268px;clear:both} #gallery #member .mt .ssp ul li{ width:60px; height:60px; padding:3px;float:left; list-style:none;border:1px solid #CCCCCC; text-align:center} #gallery #member .mt .ssp ul li img{} #gallery #member .mt .intr{width:455px; float:right; min-height:440px; height:auto; color:#000000; padding-right:10px;} #gallery #member .mt .intr .dbt{ display:block; border-bottom:1px solid #CCCCCC; overflow:hidden; padding:15px 0px;} #gallery #member .mt .intr .dbt .bt_d{ display:block; font-size:18px; line-height:20px;} #gallery #member .mt .intr .dbt p{ display:block; line-height:14px; padding-top:15px; font-size:16px;} #gallery #member .mt .intr .dbt span{ display:block; font-size:12px; line-height:32px;} #gallery #member .mt .intr .dbt span em{font-size:18px; font-style:normal; color:#FF0000} #gallery #member .mt .intr .dbt span em s{font-size:12px; font-style:normal; color:#777777} #gallery #member .mt .intr .dbt span font{font-size:28px; font-style:normal;} #gallery #member .mt .intr .dbt span strong{color:#6E6E6E; text-decoration:line-through; font-size:12px;} #gallery #member .mt .intr .dbt .clsr{ display:block; font-size:12px;text-align:right;} #gallery #member .mt .intr .dbt .clsr em{ padding-right:3px; font-weight:normal;font-size:16px;} #gallery #member .mt .intr .dbt .clsr a{ padding:0px 3px;} #gallery #member .mt .intr .dbt .clsr{ clear: both;text-align: right;} #gallery #member .mt .intr .dbt .clsr ul{ clear:both; text-align:right; float:right; padding-bottom:5px; height:28px; overflow:hidden} #gallery #member .mt .intr .dbt .clsr ul li{ float:left; list-style:none; padding-left:5px; line-height:23px; font-size:12px;} #gallery #member .mt .intr .size{ width:515px; background:#EBEBEB; clear:both; height:auto; overflow:hidden; padding-bottom:10px;} #gallery #member .mt .intr .size ul{ width:480px; margin:0 auto; clear:both; height:215px;} #gallery #member .mt .intr .size ul li{ width:480px; list-style:none; line-height:20px; clear:both; padding-top:15px;} #gallery #member .mt .intr .size ul li span{float:left;} #gallery #member .mt .intr .size ul li em{width:400px;float:left; color:#666666} #gallery #member .mt .intr .size ul li .col_1{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px;border:3px solid #EBEBEB; cursor:pointer; padding:0px 5px} #gallery #member .mt .intr .size ul li .col_1:hover{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px; border:3px solid #8B8C87;; cursor:pointer;background:#fff;} #gallery #member .mt .intr .size ul li .col_cur{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px; border:3px solid #8B8C87;; cursor:pointer;background:#fff;} #gallery #member .mt .intr .size ul li .szb{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px;border:3px solid #EBEBEB;cursor:pointer; padding:0px 5px} #gallery #member .mt .intr .size ul li .szb:hover{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px; border:3px solid #8B8C87; background:#fff; cursor:pointer} #gallery #member .mt .intr .size ul li .szb_cur{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px; border:3px solid #8B8C87; background:#fff; cursor:pointer} #gallery #member .mt .intr .size .jian_h{ width:25px; height:20px; background:url(../images/j_h.png) center center no-repeat; float:left } #gallery #member .mt .intr .size .jian{ width:25px; height:20px; background:url(../images/j.png) center center no-repeat; float:left } #gallery #member .mt .intr .size .jian:hover{ width:25px; height:20px; background:url(../images/j_h.png) center center no-repeat; float:left } #gallery #member .mt .intr .size .jian_cur{ width:25px; height:20px; background:url(../images/j.png) center center no-repeat; float:left } #gallery #member .mt .intr .size .jia{ width:25px; height:20px; background:url(../images/jj.png) center center no-repeat; float:left } #gallery #member .mt .intr .size .jia:hover{ width:25px; height:20px; background:url(../images/jj_h.png) center center no-repeat; float:left } #gallery #member .mt .intr .size .jia_cur{ width:25px; height:20px; background:url(../images/jj.png) center center no-repeat; float:left } #gallery #member .mt .intr .an{ display:block;padding:15px 0px; clear:both;} #gallery #member .mf{clear:both; overflow:hidden; color:#333333; background:#FFFFFF; padding:20px;} #gallery #member .mf .mfbt{clear:both; overflow:hidden; color:#ffffff; font-size:16px; font-weight:bold; padding-left:10px; margin-bottom:10px; background:url(../images/dbg.jpg) left top repeat-x; line-height:36px; height:36px;} #gallery .mcom{overflow:hidden;width:100%;clear:both;background:#FFFFFF;} #gallery .mbt{width:813px; text-align:left; height:32px; clear:both; background:#B63938; margin-bottom:10px;} #gallery .mbt span{width:auto;text-align:left; float:left; line-height:32px;height:32px; padding-right:5px; padding-left:15px; font-size:18px;color:#FFFFFF} #gallery .mbt a{width:auto;text-align:left; float:right; line-height:32px;height:32px; font-style:normal; padding-right:15px; font-size:12px;} #gallery .mbt a:hover{width:auto;text-align:left; float:right; line-height:32px;height:32px; font-style:normal; color:#FFE400; padding-right:15px; font-size:12px;} #gallery .mcom ul li{width:182px; height:310px;text-align:left; float:left;font-size:14px; text-align:left; padding:5px; overflow:hidden; display:block; background:url(../images/libg.png) left top no-repeat; margin:5px 3px; position:relative} #gallery .mcom ul li a{display:block} #gallery .mcom ul li img{text-align:center; padding-bottom:5px;} #gallery .mcom ul li .pc{ width:180px; height:187px;display:table-cell;text-align:center;vertical-align:middle; padding:1px;position:relative;} #gallery .mcom ul li p{width:180px;float:left;font-size:12px; text-align:left; line-height:16px; padding:2px 1px; clear:both; } #gallery .mcom ul li .gra{color:#717070; height:30px;font-size:13px; padding-bottom:10px;} #gallery .mcom ul li span{ display:block; font-size:12px;} #gallery .mcom ul li span em{font-size:14px; font-style:normal; color:#FF0000; font-weight:bold} #gallery .mcom ul li span em s{ font-size:12px; font-style:normal; color:#777777} #gallery .mcom ul li .discount{ padding:5px 0px; text-decoration:line-through; line-height:26px; padding-left:10px; font-size:16px; color:#666666; font-style:italic} #gallery .mcom ul li .pic{width:182px; height:187px;clear:both; display:block;} #gallery .mcom ul li .wz{ color:#626262; float:left} #gallery .mcom ul li .pb5{ padding:5px 0px; color:#B91440; font-weight:bold} #gallery .mcom ul li .gra{color:#2D2D2D;} #gallery .mcom ul li .price{padding-left:0px; float:left; overflow:hidden} #gallery .mcom ul li .prc01{padding-top:5px; padding-left:0px;height:30px; overflow:hidden; display:block} #gallery .mcom ul li .op{color:#6E6E6E; text-decoration:line-through; float:left} #gallery .mcom .det{ background:url(../img/bttns.png) left top repeat-x; line-height:21px; height:21px; width:170px; text-align:center; padding:0px 5px; font-size:14px; color:#FFFFFF; margin:10px auto 0px; clear:both; overflow:hidden; font-weight:bold;position:absolute; bottom:5px; left:5px;} #gallery .mcom .det:hover{ background:#E0E0E0; line-height:21px; height:21px; width:170px; text-align:center; padding:0px 5px; font-size:12px; color:#FFFFFF;} #gallery .mcom .nlin{ border:0px;} #gallery .sub-con{width:813px; float:right; background:#FFFFFF} #gallery .sub-con .ssp{width:268px; float:left} #gallery .sub-con .ssp .dt{width:259px; height:259px; border:1px solid #CCCCCC; margin-left:3px;} #gallery .view{text-align:right; background:url(../images/ico.gif) 180px -61px no-repeat; line-height:26px; font-size:12px; height:30px; clear:both; overflow:hidden; display: block} #gallery .sub-con .ssp ul{width:268px;clear:both} #gallery .sub-con .ssp ul li{ width:47px; height:48px; padding:3px;float:left; list-style:none} #gallery .sub-con .ssp ul li img{border:1px solid #CCCCCC} #gallery .sub-con .ssp dl{width:268px; clear:both; padding-top:50px;} #gallery .sub-con .ssp dl dt{width:268px; line-height:36px; font-size:20px; font-weight:bold; color:#111A4B; text-align:center; letter-spacing:5px;} #gallery .sub-con .ssp dl dd{width:268px; text-align:center; padding-top:15px;} #gallery .sub-con .ssp dl dd img{ border:1px solid #CCCCCC} #gallery .sub-con .ssp dl dd p{ line-height:26px;} #gallery .sub-con .intr{width:495px; float:right;} #gallery .sub-con .intr .price{width:495px; padding-bottom:15px;} #gallery .sub-con .intr .price h2{width:495px; font-size:20px; font-weight:bold; color:#111A4B; padding-bottom:10px;} #gallery .sub-con .intr .price p{ font-size:12px; line-height:20px; color:#9A9A9A; line-height:26px;} #gallery .sub-con .intr .price h3{ font-size:16px; line-height:20px; color:#FF0000} #gallery .sub-con .intr .share{ clear:both; text-align:right} #gallery .sub-con .intr .share ul{ clear:both; text-align:right; float:right; padding-bottom:5px;} #gallery .sub-con .intr .share ul li{ float:left; list-style:none; padding-left:5px; line-height:23px; font-size:12px;} #gallery .sub-con .intr .share ul li .fx_1{ width:20px; height:20px; background:url(../images/ico.gif) 0px -94px no-repeat; display:block} #gallery .sub-con .intr .share ul li .fx_2{ width:23px; height:23px; background:url(../images/ico.gif) 0px -123px no-repeat; display:block} #gallery .sub-con .intr .share ul li .fx_3{ width:23px; height:20px; background:url(../images/ico.gif) 0px -154px no-repeat; display:block} #gallery .sub-con .intr .size{ width:495px; background:#EBEBEB; height:250px; clear:both} #gallery .sub-con .intr .size ul{ width:460px; margin:0 auto; clear:both; height:215px;} #gallery .sub-con .intr .size ul li{ width:460px; list-style:none; line-height:20px; clear:both; padding-top:15px;} #gallery .sub-con .intr .size ul li span{ float:left} #gallery .sub-con .intr .size ul li em{width:400px; float:left} #gallery .sub-con .intr .size ul li .col_1{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px;border:3px solid #EBEBEB; cursor:pointer} #gallery .sub-con .intr .size ul li .col_1:hover{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px; border:3px solid #8B8C87;; cursor:pointer} #gallery .sub-con .intr .size ul li .col_cur{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px; border:3px solid #8B8C87;; cursor:pointer} #gallery .sub-con .intr .size ul li .szb{width:20px; height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px;border:3px solid #EBEBEB;cursor:pointer} #gallery .sub-con .intr .size ul li .szb:hover{width:20px; height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px; border:3px solid #8B8C87; background:#fff; cursor:pointer} #gallery .sub-con .intr .size ul li .szb_cur{width:20px; height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px; border:3px solid #8B8C87; background:#fff; cursor:pointer} #gallery .sub-con .intr .size .but{clear:both; text-align:right; float:right; margin-right:8px;} #gallery .sub-con .intr .size .but .back{width:101px; height:23px; margin:0px 5px;text-align:center; float:left; line-height:23px; color:#3E3F41; background:url(../images/but_bg.gif) 0px 0px no-repeat;} #gallery .sub-con .intr .size .but .back:hover{width:101px; height:23px; margin:0px 5px;text-align:center; float:left; line-height:23px; color:#fff; background:url(../images/but_bg.gif) 0px 0px no-repeat;} #gallery .sub-con .intr .size .but .addc{width:138px; height:23px; margin:0px 5px;text-align:center; float:left; line-height:23px; color:#fff; background:url(../images/but_bg.gif) -105px 0px no-repeat;} #gallery .sub-con .intr .size .but .addc:hover{width:138px; height:23px; margin:0px 5px;text-align:center; float:left; line-height:23px; color:#FBFFB8; background:url(../images/but_bg.gif) -105px 0px no-repeat;} #gallery .sub-con .intr .details{width:495px;clear:both; padding-top:50px; color:#1C2453} #gallery .sub-con .intr .details .bt{width:495px; border-bottom:1px solid #4D4F5B; clear:both; overflow:hidden} #gallery .sub-con .intr .details .bt span{ line-height:26px; height:26px; padding:0px 20px; background:#000000; float:left; clear:both; color:#FFFFFF;} #gallery .sub-con .intr .details .nr{width:495px;clear:both; overflow:hidden; padding:10px 0px; line-height:22px;} /* 会员左边 END */ /* 会员右边 START */ #member .sub-con{width:813px; float:right;} #member .sub-con .ssp{width:268px; float:left} #member .sub-con .ssp .dt{width:259px; height:259px; border:1px solid #CCCCCC; margin-left:3px;} #member .sub-con .ssp ul{width:268px;clear:both} #member .sub-con .ssp ul li{ width:47px; height:48px; padding:3px;float:left; list-style:none} #member .sub-con .ssp ul li img{border:1px solid #CCCCCC} #member .sub-con .ssp dl{width:268px; clear:both; padding-top:50px;} #member .sub-con .ssp dl dt{width:268px; line-height:36px; font-size:20px; font-weight:bold; color:#111A4B; text-align:center; letter-spacing:5px;} #member .sub-con .ssp dl dd{width:268px; text-align:center; padding-top:15px;} #member .sub-con .ssp dl dd img{ border:1px solid #CCCCCC} #member .sub-con .ssp dl dd p{ line-height:26px;} #member .sub-con .intr{width:495px; float:right;} #member .sub-con .intr .price{width:495px; padding-bottom:15px;} #member .sub-con .intr .price h2{width:495px; font-size:20px; font-weight:bold; color:#111A4B; padding-bottom:10px;} #member .sub-con .intr .price p{ font-size:12px; line-height:20px; color:#9A9A9A; line-height:26px;} #member .sub-con .intr .price h3{ font-size:16px; line-height:20px; color:#FF0000} #member .sub-con .intr .share{ clear:both; text-align:right} #member .sub-con .intr .share ul{ clear:both; text-align:right; float:right; padding-bottom:5px;} #member .sub-con .intr .share ul li{ float:left; list-style:none; padding-left:5px; line-height:23px; font-size:12px;} #member .sub-con .intr .share ul li .fx_1{ width:20px; height:20px; background:url(../images/ico.gif) 0px -94px no-repeat; display:block} #member .sub-con .intr .share ul li .fx_2{ width:23px; height:23px; background:url(../images/ico.gif) 0px -123px no-repeat; display:block} #member .sub-con .intr .share ul li .fx_3{ width:23px; height:20px; background:url(../images/ico.gif) 0px -154px no-repeat; display:block} #member .sub-con .intr .size{ width:495px; background:#EBEBEB; height:250px; clear:both} #member .sub-con .intr .size ul{ width:460px; margin:0 auto; clear:both; height:215px;} #member .sub-con .intr .size ul li{ width:460px; list-style:none; line-height:20px; clear:both; padding-top:15px;} #member .sub-con .intr .size ul li span{ float:left} #member .sub-con .intr .size ul li em{width:400px; float:left} #member .sub-con .intr .size ul li .col_1{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px;border:3px solid #EBEBEB; cursor:pointer} #member .sub-con .intr .size ul li .col_1:hover{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px; border:3px solid #8B8C87;; cursor:pointer} #member .sub-con .intr .size ul li .col_cur{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px; border:3px solid #8B8C87;; cursor:pointer} #member .sub-con .intr .size ul li .szb{width:20px; height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px;border:3px solid #EBEBEB;cursor:pointer} #member .sub-con .intr .size ul li .szb:hover{width:20px; height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px; border:3px solid #8B8C87; background:#fff; cursor:pointer} #member .sub-con .intr .size ul li .szb_cur{width:20px; height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px; border:3px solid #8B8C87; background:#fff; cursor:pointer} #member .sub-con .intr .size .but{clear:both; text-align:right; float:right; margin-right:8px;} #member .sub-con .intr .size .but .back{width:101px; height:23px; margin:0px 5px;text-align:center; float:left; line-height:23px; color:#3E3F41; background:url(../images/but_bg.gif) 0px 0px no-repeat;} #member .sub-con .intr .size .but .back:hover{width:101px; height:23px; margin:0px 5px;text-align:center; float:left; line-height:23px; color:#fff; background:url(../images/but_bg.gif) 0px 0px no-repeat;} #member .sub-con .intr .size .but .addc{width:138px; height:23px; margin:0px 5px;text-align:center; float:left; line-height:23px; color:#fff; background:url(../images/but_bg.gif) -105px 0px no-repeat;} #member .sub-con .intr .size .but .addc:hover{width:138px; height:23px; margin:0px 5px;text-align:center; float:left; line-height:23px; color:#FBFFB8; background:url(../images/but_bg.gif) -105px 0px no-repeat;} #member .sub-con .intr .details{width:495px;clear:both; padding-top:50px; color:#1C2453} #member .sub-con .intr .details .bt{width:495px; border-bottom:1px solid #4D4F5B; clear:both; overflow:hidden} #member .sub-con .intr .details .bt span{ line-height:26px; height:26px; padding:0px 20px; background:#000000; float:left; clear:both; color:#FFFFFF;} #member .sub-con .intr .details .nr{width:495px;clear:both; overflow:hidden; padding:10px 0px; line-height:22px;} /* 会员右边 END */ /* 登陆 START */ #login{width:1000px; margin:10px auto 0px; overflow:hidden;} #login .dlef{ width:840px; margin:0px auto;text-align:center; padding-left:20px;} #login .dlef h2{ font-size:24px; line-height:56px; border-bottom:1px solid #CCCCCC} #login .dlef ul{margin:15px auto; padding-left:100px;} #login .dlef ul li{ text-align:left; list-style:none; line-height:26px; clear:both; padding-bottom:10px; display:block; font-size:16px; overflow:hidden} #login .dlef ul li .bt{ width:200px;float:left; text-align:right; padding-right:10px; } #login .dlef ul li em{float:left} #login .dlef ul li em INPUT[type="radio"]{ margin:5px 10px 0px 15px;} #login .dlef ul li strong{float:left; font-weight:normal} #login .dlef ul li .w200{width:200px; border:1px solid #ccc} #login .dlef ul li .w100{width:100px; border:1px solid #ccc} #login .dlef ul li span{float:left} #login .dlef ul li b{width:150px;float:left; text-align:right; padding-right:10px; font-weight:normal; font-size:14px;} /* 登陆 END */ /* 登陆 START */ #loginC{width:100%; margin:10px auto 0px; overflow:hidden;} #loginC .dlef{ width:600px; margin:0px auto;text-align:center; padding-left:20px;} #loginC .dlef h2{ font-size:24px; line-height:56px; border-bottom:1px solid #CCCCCC} #loginC .dlef ul{margin:15px auto; padding-left:100px;} #loginC .dlef ul li{ text-align:left; list-style:none; line-height:26px; clear:both; padding-bottom:10px; display:block; font-size:16px; overflow:hidden} #loginC .dlef ul li .bt{ width:200px;float:left; text-align:right; padding-right:10px; } #loginC .dlef ul li em{float:left} #loginC .dlef ul li strong{float:left; font-weight:normal} #loginC .dlef ul li .w200{width:200px; border:1px solid #ccc} #loginC .dlef ul li .w100{width:100px; border:1px solid #ccc} #loginC .dlef ul li span{float:left} #loginC .dlef ul li b{width:80px;float:left; text-align:right; padding-right:10px; font-weight:normal; font-size:14px;} /* 登陆 END */ /* 登陸後界面 START */ #record{width:980px; margin:10px auto 0px; overflow:hidden; background:#FFFFFF; padding:0px 10px 10px;} #record .quick-menu{width:177px; float:left; padding-right:0px; margin:0px; padding-top:15px;} #record .quick-menu ul{width:173px; margin:0px auto; padding:0px; overflow:hidden} #record .quick-menu ul li{width:158px; height:34px;list-style:none; background:url(../images/mbg.png) left top repeat-x; line-height:34px; padding:0px 15px 0px 10px; font-size:16px; margin-bottom:10px; overflow:hidden; margin-bottom:15px;} #record .quick-menu ul li a{ color:#4C2E2E; background:url(../images/mjt.png) 0px 4px no-repeat; padding-left:15px;} #record .quick-menu ul li a:hover{ color:#f00} #record .sub-con{width:783px; float:right;} #record .sub-con .rban{width:783px; display:block} #record .sub-con{width:783px; float:right;} #record .sub-con .rban{width:783px; display:block} #record .sub-con .list{width:783px;display:block;} #record .sub-con .list .bt{font-size:12px; font-weight:bold; line-height:36px;} #record .sub-con .list td{ line-height:22px; color:#666666; padding-top:10px; font-size:12px; padding-left:10px;} #record .sub-con .list td .del{width:80px; height:30px;} #record .sub-con .list a{font-size:12px;} /* 登陸後界面 END */ /* 購物流程 START */ #process{width:1000px; margin:10px auto 0px; background:#FFFFFF; overflow:hidden; padding:0px} #process .jian_h{ width:25px; height:20px; background:url(../images/j_h.png) center center no-repeat; float:left; border:0px; } #process .jian{ width:25px; height:20px; background:url(../images/j.png) center center no-repeat; float:left; border:0px; } #process .jian:hover{ width:25px; height:20px; background:url(../images/j_h.png) center center no-repeat; float:left;border:0px; } #process .jian_cur{ width:25px; height:20px; background:url(../images/j.png) center center no-repeat; float:left;border:0px; } #process .jia{ width:25px; height:20px; background:url(../images/jj.png) center center no-repeat; float:left;border:0px; } #process .jia:hover{ width:25px; height:20px; background:url(../images/jj_h.png) center center no-repeat; float:left;border:0px; } #process .jia_cur{ width:25px; height:20px; background:url(../images/jj.png) center center no-repeat; float:left;border:0px; } #process .lc{width:920px; margin:0px auto; overflow:hidden} #process .lc .lc_01{ background:url(../images/lc.gif) 0px 0px no-repeat; width:184px;height:88px; float:left; line-height:88px; padding-left:15px; font-size:30px; color:#363636} #process .lc .lc_02{ background:url(../images/lc.gif) -210px 0px no-repeat; width:176px;height:88px; float:left; line-height:88px; padding-left:55px; font-size:30px; color:#363636} #process .lc .lc_03{ background:url(../images/lc.gif) -450px 0px no-repeat; width:204px;height:88px; float:left; line-height:88px; padding-left:55px; font-size:30px; color:#363636} #process .pbt{width:920px; height:25px; margin:20px auto 10px; clear:both; cursor:pointer; overflow:hidden} #process .pbt em{width:20px; height:25px; line-height:25px; background:url(../images/prlbg.gif) 0px 0px no-repeat; float:left; font-style:normal} #process .pbt span{width:900px; height:25px; line-height:25px; background:url(../images/prrbg.gif) right 0px no-repeat #B63938; float:right; text-align:left; font-style:normal; color:#FFFFFF; font-weight:bold} #process table{ width:900px; margin:0 auto;} #process table td{ padding:5px;} #process .hj{width:920px; margin:0px auto;padding:15px 0px 5px; overflow:hidden} #process .hj em{width:600px; text-align:right; float:left; padding-right:50px;} #process .hj span{ padding-right:15px;text-align:left; float:left; font-size:18px; line-height:30px; color:#1C2453} #process .hj b{width:100px; text-align:left; float:left; font-size:18px; line-height:30px; color:#1C2453} #process .incon{width:860px; margin:0px auto; overflow:hidden} #process .incon dl{width:500px; float:left;} #process .incon dl dt{ width:500px; display:block; font-size:16px; color:#1C2453; font-weight:bold; padding-top:10px; clear:both} #process .incon dl dd{ width:500px; display:block; padding-top:5px; clear:both} #process .incon dl dd INPUT[type="text"]{ margin-right:10px;} #process .incon dl dd select{ margin-right:5px; margin-top:8px;} #process .incon dl dd span{ float:left} #process .incon .fl{float:left} #process .incon .pfrer{width:300px; float:right;line-height:26px;margin-top:15px; overflow:hidden} #process .incon .pfrer .diycon{float:right; padding:15px; line-height:26px; color:#666666; margin-top:15px;} #process .incon .pfrer .freight{width:300px; float:right;line-height:26px;margin-top:15px; color:#1C2453; font-size:18px; font-weight:bold; overflow:hidden; padding-left:15px;} #process .payopt{width:860px; margin:0px auto; overflow:hidden} #process .payopt li{list-style:none; float:left;line-height:30px; padding-left:20px;} #process .payopt li em{ width:30px; float:left; padding-top:8px} #process .payopt li span{ float:left; font-size:26px; font-weight:bold; color:#1C2453; letter-spacing:3px;} #process .payopt li span label{float:left; font-size:26px; font-weight:bold; color:#1C2453;letter-spacing:3px;} #process .payopt li span label .cc{ float:left; font-size:26px; font-weight:bold; color:#1C2453;letter-spacing:3px;} #process .paydiy{width:830px; padding:15px; line-height:26px; margin:0px auto; color:#666666} #process .fre{width:830px; margin:15px auto;text-align:left;} #process .fre span{font-size:26px; padding-right:30px;color:#1C2453; } #process .settl{width:830px; margin:15px auto;text-align:right} #process .settl span{font-size:18px; padding-right:30px;color:#1C2453;display:block;clear:both;margin-top:10px;} #process .settl span em{width:150px; float:right; text-align:right; font-size:18px;} #process .settl span input{padding:0px 15px;text-align:center; } #process .settl .tol{padding-top:15px;} #process .settl #totalcredits{ font-size:26px; color:red} #process .settl #memcredits{ width:100px; font-size:18px; text-align:right;color:#1C2453; border:1px solid #ccc; background:#fff;padding:0px} /* 購物流程 END */ /* 底部 START */ #footer {clear:both;padding:0px 0 40px 40px;background:url(../img/bg_footer.png) center bottom no-repeat;} #footer .nr{width:1000px;margin:0px auto; background:#FFFFFF; overflow:hidden;clear:both;} #footer .nr ul{float:left;left:50%;margin:10px auto;position:relative;} #footer .nr ul li{text-align:center;list-style:none;float:left;position:relative;right:50%;margin-left:2px;display:block;} #footer .nr ul li em{float:left; text-align:center} #footer .nr ul li span{float:left; text-align:center; line-height:40px;} .powered {font-size: 12px; margin: 0 auto; text-align: right; width: 980px; background:#fff; overflow:hidden; padding:10px;} /* 底部 END */ /* 下拉语言 START */ .select{ color:#000;width:177px;height:36px;line-height:36px;position:relative;text-align:center;cursor:pointer;background: url(../images/sebg.png) left top no-repeat;color:#fff; margin:10px auto;} .option{ color:#000;line-height:36px;width:177px;position:absolute;top:36px;left:0px;display:none;background:#DCDCDC; z-index:5;} .select ul{list-style:none;margin:0;padding:0; width:177px;} .select ul li{height:36px;text-align:center;} .select .selbt{height:36px;line-height:36px;text-align:center; color:#535353;font-size:16px; font-weight:bold;font-family:"微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";} .select_sub {display: block;margin: 0;padding: 0px;width: auto;white-space: nowrap;text-decoration: none;color: #000;width:173px;text-align:center;line-height:36px;background:none} .select_sub_h{background: #B6B6B6;color: #FFF} /* 下拉语言 END */ #gallery .quick-menu .selbg{width:147px; height:24px; background:url(../images/selbg.png) center center no-repeat; line-height:36px; clear:both; margin:0px auto; padding:6px 15px;} #gallery .quick-menu .selbg .inp{ width:147px; height:24px; border:none; background:url(../images/selin.png) left top repeat-x;} #gallery .quick-menu .sbut{ width:177px; height:38px; border:none; background:url(../images/sbut.png) center top no-repeat; line-height:36px; text-indent:70px; color:#FFFFFF; font-size:18px; font-weight:bold; margin-top:10px; margin-bottom:20px;} #gallery .quick-menu .sbut a{color:#FFFFFF;} /*首页 幻灯图片 START */ #topbanner { width:1000px; height:384px; overflow:hidden; z-index:1; } #bannerbtn { display: inline; hegiht:18px; position:absolute; z-index:2; bottom:20px; right:20px;} #bannerbtn A { TEXT-ALIGN: center; text-indent:5px; WIDTH: 16px; FONT: 700 11px/18px "微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman"; BACKGROUND: url(../images/y02.png) left top no-repeat; FLOAT: left; HEIGHT: 16px; COLOR: #fff; MARGIN-LEFT: 5px; TEXT-DECORATION: none } #bannerbtn A.activeSlide { BACKGROUND: url(../images/y01.png) left top no-repeat;COLOR: #000 } #bannerbtn A:hover { BACKGROUND: url(../images/y01.png) left top no-repeat;COLOR: #000 } /*首页 幻灯图片 END */ /* 向上TOP START */ #back-top { Z-INDEX: 9999; POSITION: fixed; BOTTOM: 30px; MARGIN-LEFT: 520px; LEFT: 50% } #back-top A:hover { COLOR: #79ec3e } #back-top SPAN { WIDTH: 35px; DISPLAY: block; MARGIN-BOTTOM: 45px; BACKGROUND: url(../images/up-arrow.png) no-repeat left 0px; HEIGHT: 20px } #back-top A:hover SPAN { BACKGROUND-POSITION: left -34px } /* 向上TOP END */ /* 分頁 START */ .page{ padding:15px 10px; text-align:center} .page a{ padding:0px 5px; text-align:center} .page .cur{ padding:0px 5px; text-align:center; color:#FF0000; font-weight: bold} /* 分頁 END */ /* 放大镜 START */ #div1{width:259px;height:259px;padding:1px;border:1px solid #ccc;position:relative; float:left; margin-right:20px;} #div1 .small_pic{width:259px;height:259px;position:relative;} #div1 .float_layer{width:80px;height:80px;border:1px solid #000;background:#fff;filter:alpha(opacity:30);opacity:0.3;position:absolute;top:0;left:0;display:none;} #div1 .mark {width:100%;height:100%;position:absolute;z-index:2;left:0px;top:0px;filter:alpha(opacity:0);opacity:0;} #div1 .big_pic{position:absolute;top:-1px;left:259px;width:259px;height:259px;overflow:hidden;border:2px solid #CCC;display:none; margin-top:0px;} #div1 .big_pic img{position:absolute;top:-30px;left:-80px;} /* 放大镜 END */ .cx_l{position:absolute; left:0px; top:0px; z-index:1000} .cx_r{position:absolute; right:0px; top:0px; z-index:1000} .cx_lf{position:absolute; left:0px; bottom:0px; z-index:1000} .cx_rf{position:absolute; right:0px; bottom:0px; z-index:1000} /* 滑动门 START */ .tagbg{clear:both; background: url(../images/tagc_bg.gif) left bottom repeat-x; display:block;height:36px;position:relative;} #tags {PADDING-TOP: 0px; HEIGHT:30px;font-family:"微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";position:relative; clear:both; background:url(../images/dbg.jpg) left top repeat-x} #tags li {FLOAT: left; liST-STYLE-TYPE: none; HEIGHT:30px;font-family:"微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman"; position: relative; cursor:pointer; background:none; color:#62605B; line-height:30px;} #tags li A {FLOAT: left; PADDING-BOTTOM: 0px;PADDING-TOP: 0px; HEIGHT:30px; TEXT-DECORATION: none; font-weight:bold;font-family:"微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman"; margin-left:13px; padding-right:13px; cursor:pointer; background:none; color:#ffffff;} #tags li.emptyTag {WIDTH: 9px;font-family:"微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";} #tags li.selectTag {BACKGROUND: url(../images/tab_bg.gif) repeat-x left bottom;BACKGROUND-POSITION: left top; POSITION: relative; HEIGHT:30px;color:#fff;} #tags li.selectTag A {BACKGROUND-POSITION: right top;color:#333;HEIGHT:30px;font-family:"微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman";cursor:pointer;} #tagContent {font-family:"微軟正黑體","微软雅黑",MingLiU,"新細明體",Arial, Verdana, "Times New Roman"; background:#F6F6F6;text-align:left; padding:0px; margin:0px; clear:both;} .tagContent {PADDING:10px 20px; DISPLAY: none;COLOR: #474747; background:url(../images/tagf_bg.gif) left bottom no-repeat #F6F6F6; min-height:500px; height:auto;} #tagContent div.selectTag {DISPLAY: block} .tagbg .hot1{ width:30px; height:30px;position:absolute; top:-10px; right:25px;} .tagbg .hot2{ width:30px; height:30px;position:absolute; top:-10px; right:90px;} .tagbg .hot3{ width:30px; height:30px;position:absolute; top:-10px; right:170px;} .tagbg .hot4{ width:30px; height:30px;position:absolute; top:-10px; right:260px;} .tagbg .disn{display:none} /* 滑动门 END */ .w32h32{max-width:32px; max-height:32px; width:expression(this.width > 32 ? "32px" : this.width); height:expression(this.height > 32 ? "32px" : this.height); overflow:hidden; border:0px;} .w165h120{max-width:165px; max-height:120px; width:expression(this.width > 165 ? "165px" : this.width); height:expression(this.height >120 ? "120px" : this.height); overflow:hidden; border:0px;} .w180h180{max-width:180px; max-height:180px; width:expression(this.width > 180 ? "180px" : this.width); height:expression(this.height > 180 ? "180px" : this.height); overflow:hidden; border:0px; } .w175h252{max-width:175px; max-height:252px; width:expression(this.width > 175 ? "175px" : this.width); height:expression(this.height > 252? "252px" : this.height); overflow:hidden; border:0px; } .w1000h384{max-width:1000px; max-height:384px; width:expression(this.width > 1000 ? "1000px" : this.width); height:expression(this.height > 384? "384px" : this.height); overflow:hidden; border:0px; } .w200h140{max-width:200px; max-height:140px; width:expression(this.width > 200 ? "200px" : this.width); height:expression(this.height > 140 ? "140px" : this.height); overflow:hidden; border:0px; } .w228h228{max-width:228px; max-height:228px; width:expression(this.width > 228 ? "228px" : this.width); height:expression(this.height > 228 ? "228px" : this.height); overflow:hidden; border:0px; } .w980h440{max-width:980px; max-height:440px; width:expression(this.width > 980 ? "980px" : this.width); height:expression(this.height > 440 ? "440px" : this.height); overflow:hidden; border:0px; } .w115h160{max-width:115px; max-height:160px; width:expression(this.width > 115 ? "115px" : this.width); height:expression(this.height > 160 ? "160px" : this.height); overflow:hidden; border:0px; } .w89h89{max-width:89px; max-height:89px; width:expression(this.width > 89 ? "89px" : this.width); height:expression(this.height > 89 ? "89px" : this.height); overflow:hidden; border:0px; } .w70h70{max-width:70px; max-height:70px; width:expression(this.width > 70 ? "70px" : this.width); height:expression(this.height > 70 ? "70px" : this.height); overflow:hidden; border:0px; } .w47h47 {max-width:47px; max-height:47px; width:expression(this.width > 47 ? "47px" : this.width); height:expression(this.height > 47 ? "47px" : this.height); overflow:hidden; border:0px; } .w60h60{max-width:60px; max-height:60px; width:expression(this.width > 60 ? "60px" : this.width); height:expression(this.height > 60 ? "60px" : this.height); overflow:hidden; border:0px; } .w90h90{max-width:90px; max-height:90px; width:expression(this.width > 90 ? "90px" : this.width); height:expression(this.height > 90 ? "90px" : this.height); overflow:hidden; border:0px; } .w259h259{max-width:259px; max-height:259px; width:expression(this.width > 259 ? "259px" : this.width); height:expression(this.height > 259 ? "259px" : this.height); overflow:hidden; border:0px; } .w316h163{max-width:316px; max-height:163px; width:expression(this.width > 316 ? "316px" : this.width); height:expression(this.height > 163 ? "163px" : this.height); overflow:hidden; border:0px; } .w980h472{max-width:980px; max-height:472px; width:expression(this.width > 980 ? "980px" : this.width); height:expression(this.height > 472 ? "472px" : this.height); overflow:hidden; border:0px; } a { text-decoration: none; color: #7D6C58; } a:hover { text-decoration: none; color: #DB8407; } em { font-style: normal; } .gao { line-height: 26px; } .w1000{ width:1000px; margin:0px auto; position:relative} .w200{width:200px;} .w215{width:215px;} .w250{width:230px;} .gray{ color:#ccc} .w500{width:480px;} .w50{width:50px;} .w30{width:30px;} .pt6{ padding-top:6px;} .pb5{ padding-bottom:5px;} .blu{ color:#073CA0;} .f12{ font-size:12px;} .red{ color:#CF0000;} .gle{ color:#828282;} .float_L{ float:left} .float_R{ float:right} .pt25{ padding-top:25px;} .h25{ height:25px; display:block; background:#C0C0C0} .but{ background:url(../images/butbg.jpg) left top repeat-x; height:25px; line-height:25px; color:#FFFFFF; overflow:hidden; display:table-cell; padding:0px 15px; font-size:14px;} .but:hover{ background:url(../images/butbg_h.jpg) left top repeat-x; height:25px; line-height:25px; color:#FFFFFF} INPUT.drbut {width:100px; text-align:center; color:#fff; background:url(../images/dbg.jpg) left top repeat-x; border:0px; cursor:pointer; height:36px; line-height:36px; font-size:16px; margin-right:10px;} INPUT.coshop{ padding:0px 10px;text-align:center; color:#fff; background:url(../images/mubg.png) left top repeat-x; border:0px; cursor:pointer; height:40px; line-height:40px; font-size:18px; margin-left:10px; font-weight:bold; } INPUT[type="button"]{background:#FF0000; color:#FFFFFF; font-weight:bold; background:url(../images/mubg.png) left top repeat-x; border:none; cursor:pointer} .sj{ display:block; padding:0px; margin:0px; clear:both; min-height:80px; height:auto;} .sj .sjsm{ display:block; clear:both; text-align:right; font-size:18px; padding-bottom:5px; width:180px; margin:0px} .sjbg{ width:180px; height:58px; background:url(../images/sjbg_f.png) right top no-repeat; clear:both; margin:0px 0px 10px 0px; overflow:hidden} .sjbgs{ width:180px; height:58px; background:none; display:table;} .sjbg .tim01{ width:12px; height:46px; color:#000; font-size:42px; font-family:"Accidental presidency", arial, monospace; text-align:center; float:left; padding-top:8px; padding-left:12px;} .sjbg .tim02{ width:12px; height:46px; color:#000; font-size:42px; font-family:"Accidental presidency", arial, monospace; text-align:center; float:left; padding-top:8px; padding-left:10px;} .sjbg .tim03{ width:10px; height:46px; color:#000; font-size:42px; font-family:"Accidental presidency", arial, monospace; text-align:center; float:left; padding-top:8px; padding-left:28px;} .sjbg .tim04{ width:10px; height:46px; color:#000; font-size:42px; font-family:"Accidental presidency", arial, monospace; text-align:center; float:left; padding-top:8px; padding-left:12px;} .sjbg .tim05{ width:10px; height:46px; color:#000; font-size:42px; font-family:"Accidental presidency", arial, monospace; text-align:center; float:left; padding-top:8px; padding-left:28px;} .sjbg .tim06{ width:10px; height:46px; color:#000; font-size:42px; font-family:"Accidental presidency", arial, monospace; text-align:center; float:left; padding-top:8px; padding-left:12px;} .sjbg .tim07{ width:10px; height:46px; color:#000; font-size:42px; font-family:"Accidental presidency", arial, monospace; text-align:center; float:left; padding-top:20px; padding-left:14px; display:none;} .sjbg .tim08{ width:10px; height:46px; color:#000; font-size:342px8px; font-family:"Accidental presidency", arial, monospace; text-align:center; float:left; padding-top:20px; padding-left:0px; display:none;}