@charset "UTF-8";
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

dl, dt, dd, ol, ul, li { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

td { vertical-align: middle; }

td img { max-width: none; }

.cell img { max-width: none; }

a { color: inherit; }

img { max-width: 100%; vertical-align: middle; }

button, label, input[type="submit"], input[type="reset"], input[type="radio"], input[type="checkbox"] { cursor: pointer; vertical-align: middle; }

.clear:after, #footer footer dl:after, .tab-detail:after, .editor:after, .comm-new-products:after, .comm-hot-products:after, .comm-hot-products .cycle-wrap ul:after, .sample-wrap:after, .cart-wrap .foot:after, .compare .item .last .foot:after, .require-form .mode-mix .part3 .foot:after, .products-detail:after, .compare:after, .contact .contact-panel:after, .location .location-list dl:after, .cbox-wrap .form-wrap:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

.css-table, #header .lang ul, .main-nav > ul, #banner ul, #footer .footer-nav ul, .side-group .pro-list ul, .products-detail .desc-detail .similar-pro .pro-list ul, .step1 .more-shop .pro-list ul, .comm-hot-products .cycle-wrap ul, .faq .faq-list > ul, .require-form .mode-mix > ul, .products-detail .sample-figure .max-slick, .products-detail .sample-figure .min-slick, .compare ul, .cart .delivery-area ul, .register-panel ul, .account-panel .cycle-wrap ul, .account-panel .order-list, .account-panel .ask-center .question-list, .modify-form ul, .contact .contact-information ul, .location .location-list > ul { list-style: none outside none; }

.css-table, #header .lang ul, .main-nav > ul, #banner ul, #footer .footer-nav ul, .side-group .pro-list ul, .products-detail .desc-detail .similar-pro .pro-list ul, .step1 .more-shop .pro-list ul, .comm-hot-products .cycle-wrap ul, .faq .faq-list > ul, .require-form .mode-mix > ul, .products-detail .sample-figure .max-slick, .products-detail .sample-figure .min-slick, .compare ul, .cart .delivery-area ul, .register-panel ul, .account-panel .cycle-wrap ul, .account-panel .order-list, .account-panel .ask-center .question-list, .modify-form ul, .contact .contact-information ul, .location .location-list > ul, .css-table > li, #header .lang ul > li, .main-nav > ul > li, #banner ul > li, #footer .footer-nav ul > li, .side-group .pro-list ul > li, .products-detail .desc-detail .similar-pro .pro-list ul > li, .step1 .more-shop .pro-list ul > li, .comm-hot-products .cycle-wrap ul > li, .faq .faq-list > ul > li, .require-form .mode-mix > ul > li, .products-detail .sample-figure .max-slick > li, .products-detail .sample-figure .min-slick > li, .compare ul > li, .cart .delivery-area ul > li, .register-panel ul > li, .account-panel .cycle-wrap ul > li, .account-panel .order-list > li, .account-panel .ask-center .question-list > li, .modify-form ul > li, .contact .contact-information ul > li, .location .location-list > ul > li { margin: 0; padding: 0; }

html, .aside .css-table > li > div, .contact .contact-form .form-wrap td, .contact .contact-information .google-map, .cbox-wrap { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.aside .css-table select { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

/** 共用 */
.css-table { display: table; border-collapse: collapse; width: 100%; }

.css-table > li { display: table-row; }

.css-table > li > div { display: table-cell; }

.pre, .table-style1 td, .table-style2 td, .account-panel .order-list td, .account-panel .ask-center .question-list td, .account-panel .ask-center .ask-detail .reply-wrap td, .require-form .mode-list td { white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP Printers */ word-wrap: break-word; /* IE 5+ */ }

.filter1, .btn, .compare h2, .head-title h2, .table-style1 .thead, .table-style2 .thead, .account-panel .order-list .thead, .account-panel .ask-center .question-list .thead, .account-panel .ask-center .ask-detail .reply-wrap .thead, .require-form .mode-list .thead, .account-panel .ask-center .question-list .cart .delivery-area h2, .cart .delivery-area .account-panel .ask-center .question-list h2, .account-panel .ask-center .ask-detail .reply-wrap .cart .delivery-area h2, .cart .delivery-area .account-panel .ask-center .ask-detail .reply-wrap h2, .cart .thead, .cart .delivery-area h2 { background: #85cfdc; /* Old browsers */ background: -moz-linear-gradient(left, #80cad7 0%, #72b4c0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #80cad7), color-stop(100%, #72b4c0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #80cad7 0%, #72b4c0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #80cad7 0%, #72b4c0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #80cad7 0%, #72b4c0 100%); /* IE10+ */ background: linear-gradient(to right, #80cad7 0%, #72b4c0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80cad7', endColorstr='#72b4c0',GradientType=1 ); /* IE6-9 */ }

.css-cell { display: table-cell; vertical-align: middle; }

html { font-size: 62.5%; }

*, *:before, *:after { box-sizing: inherit; }

body { margin: 0 auto; font-size: 13px; font-size: 1.3rem; font-family: Arial, "微軟正黑體", 'Microsoft JhengHei'; color: #474747; line-height: 1.5; }

h1, h2, h3, h4, h5, h6, strong { font-weight: bold; }

a { outline: none; }

.btn, .compare h2 { border-radius: 5px; font-size: 14px; font-size: 1.4rem; color: #fff; display: inline-block; vertical-align: top; width: 82px; height: 35px; line-height: 35px; text-decoration: none; text-align: center; padding: 0; -webkit-box-shadow: compact(1px 1px 2px #ccc, false, false, false, false, false, false, false, false, false); -moz-box-shadow: compact(1px 1px 2px #ccc, false, false, false, false, false, false, false, false, false); box-shadow: compact(1px 1px 2px #ccc, false, false, false, false, false, false, false, false, false); border: 1px solid #999; }

.btn .input-btn, .compare h2 .input-btn { background: none; border: 0 none; width: 100%; display: block; line-height: 32px; color: #fff; font-size: 14px; font-size: 1.4rem; }

.btn.video-btn, .compare h2.video-btn, .btn.pdf-btn, .compare h2.pdf-btn { color: #21689e; font-size: 13px; font-size: 1.3rem; height: 27px; line-height: 27px; width: 60px; margin: 10px 0; }

.btn.style2, .compare h2.style2 { font-size: 13px; font-size: 1.3rem; width: 63px; height: 26px; line-height: 26px; }

.btn.style2 > .input-btn, .compare h2.style2 > .input-btn { line-height: 24px; font-size: 13px; font-size: 1.3rem; }

.btn.style3, .compare h2.style3 { font-size: 12px; font-size: 1.2rem; width: 55px; height: 22px; line-height: 22px; }

.btn.style3 > .input-btn, .compare h2.style3 > .input-btn { line-height: 20px; font-size: 12px; font-size: 1.2rem; }

.select-wrap { position: relative; display: inline-block; vertical-align: middle; overflow: hidden; height: 28px; line-height: 28px; border: 1px solid #ccc; border-radius: 3px; }

.select-wrap select { position: absolute; z-index: 0; vertical-align: middle; left: 0; top: 0; margin: 0; padding: 3px 0 3px 5px; line-height: 28px; outline: none; border: 0 none; background: none; font-size: 14px; font-size: 1.4rem; }

.select-wrap:after { content: ''; position: absolute; z-index: 0; top: 0; right: 0; display: block; width: 20px; height: 100%; background: url(../images/icon-arr04.png) center no-repeat; pointer-events: none; border-radius: 5px; }

.select-wrap:hover { border-color: #73B7C2; -webkit-box-shadow: compact(0 0 3px #73B7C2, false, false, false, false, false, false, false, false, false); -moz-box-shadow: compact(0 0 3px #73B7C2, false, false, false, false, false, false, false, false, false); box-shadow: compact(0 0 3px #73B7C2, false, false, false, false, false, false, false, false, false); }

.input-style, .step1 input[type="text"], .step1 input[type="email"], .step1 input[type="password"], .step2 input[type="text"], .step2 input[type="email"], .step2 input[type="password"], .step3 input[type="text"], .step3 input[type="email"], .step3 input[type="password"], .step4 input[type="text"], .step4 input[type="email"], .step4 input[type="password"], .step2 .table-wrap input[type="text"], .step2 .table-wrap input[type="email"], .step2 .table-wrap input[type="password"], .step3 input { display: inline-block; vertical-align: middle; margin: 0; padding: 0 10px; background: none; border: 1px solid #ccc; height: 28px; line-height: 28px; border-radius: 5px; }

.input-style:hover, .step1 input[type="text"]:hover, .step1 input[type="email"]:hover, .step1 input[type="password"]:hover, .step2 input[type="text"]:hover, .step2 input[type="email"]:hover, .step2 input[type="password"]:hover, .step4 input[type="text"]:hover, .step4 input[type="email"]:hover, .step4 input[type="password"]:hover, .step3 input:hover { border-color: #73B7C2; -webkit-box-shadow: compact(0 0 3px #73B7C2, false, false, false, false, false, false, false, false, false); -moz-box-shadow: compact(0 0 3px #73B7C2, false, false, false, false, false, false, false, false, false); box-shadow: compact(0 0 3px #73B7C2, false, false, false, false, false, false, false, false, false); }

.container { min-width: 1000px; background: #BFDBEC; }

.wrap, .path { width: 1000px; margin: 0 auto; position: relative; background: #fff; }

.color1 { color: #000; }

.color2 { color: #f00; }

.color3 { color: #00f; }

.color4 { color: #f80; }

/** icon */
.icon-cart, .icon-order, .icon-member, .icon-faq, .icon-status, .icon-lang, .icon-news, .icon-contact { display: inline-block; vertical-align: baseline; text-decoration: none; line-height: 1; }

.icon-cart:before, .icon-order:before, .icon-member:before, .icon-faq:before, .icon-status:before, .icon-lang:before, .icon-news:before, .icon-contact:before { margin: 0 5px; display: inline-block; vertical-align: middle; }

.icon-cart:before { content: url(../images/icon-cart.png); }

.icon-order:before { content: url(../images/icon-note.png); }

.icon-member:before { content: url(../images/icon-member.png); }

.icon-status:before { width: 1px; height: 14px; content: ''; background: #455382; }

.icon-lang { padding: 0 10px 0 0; background: url(../images/icon-arr01.png) right center no-repeat; }

.icon-lang:before { content: url(../images/icon-lang.png); }

.icon-news:before { content: url(../images/icon-news.png); }

.icon-faq:before { content: url(../images/icon-faq.png); }

.icon-contact:before { content: url(../images/icon-mail.png); }

.icon-serach, .icon-cart2, .icon-pdf { text-indent: -9999px; text-align: left; display: block; }

.icon-search { position: absolute; right: 0; top: 0; text-indent: -9999px; overflow: hidden; width: 28px; height: 100%; border: 0 none; background: url(../images/icon-search01.png) center no-repeat; }

.icon-cart2 { width: 36px; height: 27px; font-size: 0; display: inline-block; vertical-align: middle; background: url(../images/icon-cart02.png) center no-repeat; }

.icon-pdf { text-decoration: none; font-size: 0; width: 25px; height: 25px; margin: 0 auto; background: url(../images/icon-pdf.jpg) center no-repeat; }

.icon-order2, .icon-set01, .icon-faq2 { display: inline-block; vertical-align: top; padding: 0 0 0 30px; }

.icon-order2 { background: url(../images/icon-note02.png) left center no-repeat; }

.icon-faq2 { background: url(../images/icon-faq02.png) left center no-repeat; }

.icon-set01 { background: url(../images/icon-set01.png) left center no-repeat; }

#header { position: relative; text-align: right; color: #455382; z-index: 1; font-size: 14px; font-size: 1.4rem; }

#header .wrap, #header .path { padding: 15px 40px; height: 177px; background: url(../images/bg-header.jpg) left top no-repeat #71B3BF; }

#header .lang { position: relative; z-index: 9; display: inline-block; vertical-align: baseline; }

#header .lang ul { position: absolute; display: none; width: 100%; background: #fff; white-space: nowrap; padding: 10px; }

#header .lang ul li { margin: 0 0 5px; }

#header .lang ul a { text-decoration: none; display: block; text-align: center; }

#header .lang ul a:hover { background: #455382; color: #fff; }

#header .lang:hover ul { display: block; }

#header .quick-search { display: inline-block; vertical-align: top; margin: 10px 0 15px; padding: 0 28px 0 0; position: relative; width: 195px; text-align: left; background: #fff; -webkit-box-shadow: compact(0 1px 2px #666, false, false, false, false, false, false, false, false, false); -moz-box-shadow: compact(0 1px 2px #666, false, false, false, false, false, false, false, false, false); box-shadow: compact(0 1px 2px #666, false, false, false, false, false, false, false, false, false); border-radius: 6px; }

#header .quick-search input[type="text"] { height: 28px; line-height: 28px; padding: 0 0 0 10px; background: none; width: 100%; border: 0 none; }

#header a { display: inline-block; vertical-align: top; }

#logo { position: absolute; width: 220px; height: 84px; left: 45px; top: 20px; }

#logo a { outline: none; }

.main-nav { position: absolute; left: 0; bottom: 0; text-align: center; width: 100%; height: 49px; color: #fff; }

.main-nav a { text-decoration: none; display: block; width: 100%; }

.main-nav .node-nav:before, .main-nav .last-nav:before { content: ''; position: absolute; border: 1px solid #e5e5e5; display: block; width: 100%; height: 100%; z-index: -1; background: #fff; left: 0; top: 0; }

.main-nav .node-nav ul, .main-nav .node-nav li, .main-nav .last-nav ul, .main-nav .last-nav li { margin: 0; padding: 0; list-style: none outside none; }

.main-nav .node-nav ul, .main-nav .last-nav ul { padding: 0; }

.main-nav .node-nav li, .main-nav .last-nav li { padding: 0 10px; }

.main-nav .node-nav li a, .main-nav .last-nav li a { border-bottom: 1px solid #e5e5e5; padding: 5px; }

.main-nav .last-nav { display: none; position: absolute; left: 100%; top: 0; margin: 0 0 0 -1px; }

.main-nav .node-nav { position: absolute; right: 0; min-width: 100%; display: none; text-align: left; }

.main-nav .node-nav > ul li { font-size: 15px; font-size: 1.5rem; position: relative; letter-spacing: 2px; display: block; color: #787778; white-space: nowrap; }

.main-nav .node-nav > ul li:first-child { border: 0 none; }

.main-nav .node-nav > ul li:hover a { color: #000; }

.main-nav .node-nav > ul li:hover .last-nav { display: block; }

.main-nav > ul { font-size: 0; display: table; width: 100%; }

.main-nav > ul > li { display: table-cell; vertical-align: middle; min-width: 80px; }

.main-nav > ul > li > div { position: relative; }

.main-nav > ul > li > div:before, .main-nav > ul > li > div:after { position: absolute; left: 0; top: 0; content: ''; display: block; width: 100%; height: 100%; background: #99999a; z-index: 0; }

.main-nav > ul > li > div:before { content: none; background: url(../images/bg-main-nav-on.jpg) center no-repeat #777778; }

.main-nav > ul > li > div > a { position: relative; z-index: 9; text-align: center; padding: 0 10px; height: 49px; line-height: 49px; text-decoration: none; font-weight: bold; letter-spacing: 2px; font-size: 15px; font-size: 1.5rem; }

.main-nav > ul > li:hover > div:before, .main-nav > ul > li.on > div:before { content: ''; }

.main-nav > ul > li:hover > div:after, .main-nav > ul > li.on > div:after { content: none; }

.main-nav > ul > li:hover .node-nav { display: block; }

.main-nav .icon-home { z-index: 1; text-align: left; text-indent: -9999px; background: url(../images/icon-home.png) center no-repeat; }

#banner { position: relative; z-index: 0; }

#banner img { display: block; }

#content .wrap, #content .path { overflow: hidden; }

#footer { position: relative; text-align: right; }

#footer a { text-decoration: none; }

#footer .footer-nav { padding: 0 20px 20px; overflow: hidden; }

#footer .footer-nav:before { display: block; margin: 50px auto 20px; content: ''; width: 100%; height: 3px; clear: both; background: #9CCAD3; -webkit-box-shadow: compact(0 1px 2px #ccc, false, false, false, false, false, false, false, false, false); -moz-box-shadow: compact(0 1px 2px #ccc, false, false, false, false, false, false, false, false, false); box-shadow: compact(0 1px 2px #ccc, false, false, false, false, false, false, false, false, false); }

#footer .footer-nav ul { text-align: center; }

#footer .footer-nav ul li { font-size: 12px; font-size: 1.2rem; display: inline-block; vertical-align: top; min-width: 85px; margin: 0 10px; text-align: left; }

#footer .footer-nav ul li a { display: block; }

#footer .footer-nav h3 { padding: 0 0 0 15px; background: url(../images/icon-plus01.png) left center no-repeat; }

#footer .footer-nav .sub-nav { padding: 5px 0 0 15px; }

#footer .footer-nav .sub-nav a { margin: 0 0 2px; color: #919191; }

#footer .footer-bottom { position: relative; background: #e6e6e6; text-align: left; }

#footer .footer-logo { display: table-cell; vertical-align: top; width: 305px; padding: 20px 30px 20px 20px; background: url(../images/bg-shadow01.png) 290px center no-repeat; }

#footer .footer-logo img { display: block; }

#footer footer { display: table-cell; vertical-align: top; padding: 20px 30px 20px 0; }

#footer footer dl { margin: 0; padding: 0; }

#footer footer dl dt, #footer footer dl dd { margin: 0; padding: 0; display: inline-block; vertical-align: top; letter-spacing: 1px; }

#footer footer dl dt { color: #0b3685; }

#footer footer dl dd { margin: 0 10px 0 5px; }

#footer .copyright { margin: 5px 0; }

#footer .copyright a { text-decoration: underline; }

#footer .social-link { font-size: 0; display: table-cell; vertical-align: top; padding: 20px 0; width: 130px; text-align: right; }

#footer .social-link a { display: inline-block; vertical-align: top; margin: 0 10px 0 0; }

.page-limit, .page-limit2 { font-size: 0; text-align: center; }

.page-limit a, .page-limit2 a { position: relative; margin: 0 5px; display: inline-block; vertical-align: top; width: 28px; height: 28px; line-height: 28px; text-align: center; color: #c5c5c5; background: url(../images/bg-dot01.png) center no-repeat; text-decoration: none; font-size: 13px; font-size: 1.3rem; }

.page-limit a:hover, .page-limit2 a:hover, .page-limit a.on, .page-limit2 a.on { color: #fff; background: url(../images/bg-dot02.png) center no-repeat; }

.page-limit span, .page-limit2 span { display: inline-block; vertical-align: top; font-size: 13px; font-size: 1.3rem; }

.page-limit .prev, .page-limit2 .prev, .page-limit .next, .page-limit2 .next { text-align: left; text-indent: -9999px; }

.page-limit .prev:before, .page-limit2 .prev:before, .page-limit .prev:after, .page-limit2 .prev:after, .page-limit .next:before, .page-limit2 .next:before, .page-limit .next:after, .page-limit2 .next:after { position: absolute; content: ''; display: inline-block; left: 50%; top: 50%; margin: -5px 0 0 -4px; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 10px; border-color: transparent transparent transparent #c5c5c5; }

.page-limit .prev:after, .page-limit2 .prev:after, .page-limit .next:after, .page-limit2 .next:after { content: none; border-color: transparent transparent transparent #fff; }

.page-limit .prev:hover:before, .page-limit2 .prev:hover:before, .page-limit .next:hover:before, .page-limit2 .next:hover:before { content: none; }

.page-limit .prev:hover:after, .page-limit2 .prev:hover:after, .page-limit .next:hover:after, .page-limit2 .next:hover:after { content: ''; }

.page-limit .first, .page-limit2 .first, .page-limit .last, .page-limit2 .last { text-align: left; text-indent: -9999px; width: 16px; }

.page-limit .prev:before, .page-limit2 .prev:before, .page-limit .prev:after, .page-limit2 .prev:after { margin: -5px 0 0 -7px; border-width: 5px 10px 5px 0; border-color: transparent #c5c5c5 transparent transparent; }

.page-limit .prev:after, .page-limit2 .prev:after { content: none; border-color: transparent #fff transparent transparent; }

.page-limit .first, .page-limit2 .first { background: url(../images/icon-arr-first.png) center no-repeat; }

.page-limit .first:hover, .page-limit2 .first:hover { background: url(../images/icon-arr-first-on.png) center no-repeat; }

.page-limit .last, .page-limit2 .last { background: url(../images/icon-arr-last.png) center no-repeat; }

.page-limit .last:hover, .page-limit2 .last:hover { background: url(../images/icon-arr-last-on.png) center no-repeat; }

.page-limit2 a { background: none; width: auto; min-width: 15px; font-weight: bold; padding: 0 5px; margin: 0 3px; }

.page-limit2 a:hover, .page-limit2 a.on { background: none; color: #21689e; }

.page-limit2 .prev:after { border-color: transparent #21689e transparent transparent; }

.page-limit2 .next:after { border-color: transparent transparent transparent #21689e; }

.comm-title { position: relative; text-align: center; line-height: 1; }

.comm-title:before { content: ''; display: block; position: absolute; width: 100%; height: 1px; background: #e1e1e1; top: 50%; left: 0; }

.comm-title span { font-weight: lighter; position: relative; display: inline-block; background: #fff; vertical-align: top; padding: 0 5px; color: #858585; font-size: 25px; font-size: 2.5rem; font-weight: lighter; }

.info-title { margin: 0 0 20px; padding: 0 0 0 20px; color: #000; min-height: 17px; background: url(../images/icon-arr03.png) left center no-repeat; font-size: 16px; font-size: 1.6rem; }

.head-title { font-size: 15px; font-size: 1.5rem; position: relative; z-index: 9; height: 48px; padding: 0 5px; color: #21689e; }

.head-title h2 { height: 42px; line-height: 44px; padding: 0 30px; }

.head-title:before, .head-title:after { position: absolute; top: 0; width: 5px; height: 48px; overflow: hidden; display: block; content: ''; z-index: 1; }

.head-title:before { left: 0; background: url(../images/bg-head01.png) left top no-repeat; }

.head-title:after { right: 0; background: url(../images/bg-head01.png) right top no-repeat; }

.head-detail, .aside .side-detail, .side-group .pro-list, .products-detail .desc-detail .similar-pro .pro-list, .step1 .more-shop .pro-list { position: relative; margin: 0 4px; background: #f7f7f7; padding: 15px 0; top: -6px; z-index: 1; }

.head-detail:after, .aside .side-detail:after, .side-group .pro-list:after, .products-detail .desc-detail .similar-pro .pro-list:after, .step1 .more-shop .pro-list:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #ccc; border-width: 1px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; z-index: -1; }

.aside { width: 211px; float: left; }

.aside a { text-decoration: none; }

.aside .note { margin: 5px 0 0; display: block; color: #21689e; }

.aside .css-table { width: 100%; font-size: 13px; font-size: 1.3rem; color: #858585; }

.aside .css-table > li > div { padding: 5px 5px 5px 0; font-weight: bold; }

.aside .css-table > li > div:first-child { padding: 5px 0 5px 10px; }

.aside .css-table select { color: #858585; }

.aside .css-table .input-style, .aside .css-table .step1 input[type="text"], .step1 .aside .css-table input[type="text"], .aside .css-table .step1 input[type="email"], .step1 .aside .css-table input[type="email"], .aside .css-table .step1 input[type="password"], .step1 .aside .css-table input[type="password"], .aside .css-table .step2 input[type="text"], .step2 .aside .css-table input[type="text"], .aside .css-table .step2 input[type="email"], .step2 .aside .css-table input[type="email"], .aside .css-table .step2 input[type="password"], .step2 .aside .css-table input[type="password"], .aside .css-table .step4 input[type="text"], .step4 .aside .css-table input[type="text"], .aside .css-table .step4 input[type="email"], .step4 .aside .css-table input[type="email"], .aside .css-table .step4 input[type="password"], .step4 .aside .css-table input[type="password"], .aside .css-table .step3 input, .step3 .aside .css-table input { width: 100px; color: #858585; }

.aside .css-table .select-wrap { width: 100px; }

.aside .css-table .select-wrap select { width: 120px; }

.aside .submit-wrap { text-align: center; font-size: 0; margin: 10px auto; }

.aside .submit-wrap .btn, .aside .submit-wrap .compare h2, .compare .aside .submit-wrap h2 { margin: 0 5px; }

.aside .side-nav ul, .aside .side-nav li { margin: 0; padding: 0; list-style: none outside none; }

.aside .side-nav > ul > li { position: relative; }

.aside .side-nav > ul > li h3 { font-size: 13.5px; font-size: 1.35rem; color: #464646; font-weight: bold; padding: 10px 0 10px 30px; }

.aside .side-nav > ul > li a { display: block; text-decoration: none; }

.aside .side-nav > ul > li.on h3 { background: #21679d; color: #fff; }

.aside .side-nav > ul > li.on:after { content: ''; display: block; margin: 0 10px; border-bottom: 1px dotted #2b2b2b; }

.aside .side-nav > ul > li:hover h3 { background: #21679d; color: #fff; }

.aside .side-nav .sub-nav a { display: block; padding: 5px 0 5px 30px; font-family: "微軟正黑體", 'Microsoft JhengHei'; font-size: 12px; font-size: 1.2rem; }

.aside .side-nav .sub-nav a:before { content: '>'; color: #21679d; font-size: 12px; font-size: 1.2rem; }

.aside .side-nav .last-nav { margin: 5px auto 0; }

.aside .side-nav .last-nav li { margin: 0 auto 5px; }

.aside .side-nav .last-nav a { padding: 0 0 0 45px; background: url(../images/icon-nav-arrow.png) 30px center no-repeat; }

.aside .side-nav .last-nav a:before { content: none; }

.aside .comm-pro, .aside .hot-pro { margin: 10px 0; text-align: center; }

.aside .comm-pro .side-detail, .aside .hot-pro .side-detail { padding: 20px 0 5px; }

.aside .comm-pro figure img, .aside .hot-pro figure img { display: block; margin: 0 auto; }

.aside .comm-pro h3, .aside .hot-pro h3 { margin: 15px 0; }

.aside .comm-pro h3 span, .aside .hot-pro h3 span { margin: 0 5px; color: #21679d; }

.side-group .head-title, .products-detail .desc-detail .similar-pro .head-title, .step1 .more-shop .head-title { background: url(../images/bg-head02.png) center top no-repeat; }

.side-group .pro-list ul, .products-detail .desc-detail .similar-pro .pro-list ul, .step1 .more-shop .pro-list ul { font-size: 0; }

.side-group .pro-list ul li, .products-detail .desc-detail .similar-pro .pro-list ul li, .step1 .more-shop .pro-list ul li { margin: 10px 32px; display: inline-block; vertical-align: top; font-size: 13px; font-size: 1.3rem; }

.side-group .pro-list a, .products-detail .desc-detail .similar-pro .pro-list a, .step1 .more-shop .pro-list a { display: block; text-decoration: none; }

.side-group .pro-list figure img, .products-detail .desc-detail .similar-pro .pro-list figure img, .step1 .more-shop .pro-list figure img { display: block; margin: 0 auto; }

.side-group .pro-list h3, .products-detail .desc-detail .similar-pro .pro-list h3, .step1 .more-shop .pro-list h3 { margin: 15px 0; }

.side-group .pro-list h3 span, .products-detail .desc-detail .similar-pro .pro-list h3 span, .step1 .more-shop .pro-list h3 span { margin: 0 5px; color: #21679d; }

.radio-style { position: relative; padding: 0 0 0 60px; color: #999; font-size: 15px; font-size: 1.5rem; background: url(../images/bg-check.png) left center no-repeat; }

.radio-style input { opacity: 0; position: absolute; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }

label.on .radio-style { background: url(../images/bg-check-on.png) left center no-repeat; }

.tab-link { border-bottom: 6px solid #71b3bf; margin: 0 0 10px 0; }

.tab-link a { text-decoration: none; display: inline-block; vertical-align: bottom; padding: 7px 10px 5px; margin: 0 2px 0 0; color: #21679d; background: #ededed; font-weight: bold; font-size: 14px; font-size: 1.4rem; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }

.tab-link a.on { padding: 12px 10px 5px; background: #71b3bf; color: #fff; }

.tab-detail { overflow: hidden; }

.tab-detail .figure, .tab-detail .head-title { float: left; }

.tab-detail .figure img, .tab-detail .head-title img { display: block; margin: 0 auto; }

.tab-detail .pro-param { border-bottom: 2px solid #959595; margin: 0 0 0 485px; font-size: 13.5px; font-size: 1.35rem; }

.tab-detail .pro-param h2 { font-size: 14px; font-size: 1.4rem; border-radius: 5px; background: #e0dede; border: 1px solid #bfbfbf; color: #21679D; padding: 5px; }

.tab-detail .pro-param dl, .tab-detail .pro-param dt, .tab-detail .pro-param dd { font-size: 12px; font-size: 1.2rem; margin: 0; padding: 0; }

.tab-detail .pro-param dl { padding: 10px; overflow: hidden; }

.tab-detail .pro-param dt { float: left; padding: 0 10px 0 0; width: 50%; clear: left; }

.tab-detail .pro-param dd { float: left; width: 50%; text-align: right; }

.table-style1, .table-style2, .account-panel .order-list, .account-panel .ask-center .question-list, .account-panel .ask-center .ask-detail .reply-wrap, .require-form .mode-list { position: relative; }

.table-style1 table, .table-style2 table, .account-panel .order-list table, .account-panel .ask-center .question-list table, .account-panel .ask-center .ask-detail .reply-wrap table, .require-form .mode-list table { position: relative; width: 100%; border-spacing: 0; table-layout: fixed; z-index: 1; }

.table-style1 td, .table-style2 td, .account-panel .order-list td, .account-panel .ask-center .question-list td, .account-panel .ask-center .ask-detail .reply-wrap td, .require-form .mode-list td { font-size: 13px; font-size: 1.3rem; font-weight: bold; text-align: center; white-space: normal; vertical-align: middle; padding: 15px 5px; }

.table-style1 .thead, .table-style2 .thead, .account-panel .order-list .thead, .account-panel .ask-center .question-list .thead, .account-panel .ask-center .ask-detail .reply-wrap .thead, .require-form .mode-list .thead, .table-style1 .cart .delivery-area h2, .cart .delivery-area .table-style1 h2, .table-style2 .cart .delivery-area h2, .cart .delivery-area .table-style2 h2, .account-panel .order-list .cart .delivery-area h2, .cart .delivery-area .account-panel .order-list h2, .account-panel .ask-center .question-list .cart .delivery-area h2, .cart .delivery-area .account-panel .ask-center .question-list h2, .account-panel .ask-center .ask-detail .reply-wrap .cart .delivery-area h2, .cart .delivery-area .account-panel .ask-center .ask-detail .reply-wrap h2, .require-form .mode-list .cart .delivery-area h2, .cart .delivery-area .require-form .mode-list h2 { border-radius: 5px; -webkit-box-shadow: compact(0 0 5px #ccc, false, false, false, false, false, false, false, false, false); -moz-box-shadow: compact(0 0 5px #ccc, false, false, false, false, false, false, false, false, false); box-shadow: compact(0 0 5px #ccc, false, false, false, false, false, false, false, false, false); border: 1px solid #66a0ab; }

.table-style1 .thead td, .table-style2 .thead td, .account-panel .order-list .thead td, .account-panel .ask-center .question-list .thead td, .account-panel .ask-center .ask-detail .reply-wrap .thead td, .require-form .mode-list .thead td, .table-style1 .cart .delivery-area h2 td, .cart .delivery-area .table-style1 h2 td, .table-style2 .cart .delivery-area h2 td, .cart .delivery-area .table-style2 h2 td, .account-panel .order-list .cart .delivery-area h2 td, .cart .delivery-area .account-panel .order-list h2 td, .account-panel .ask-center .question-list .cart .delivery-area h2 td, .cart .delivery-area .account-panel .ask-center .question-list h2 td, .account-panel .ask-center .ask-detail .reply-wrap .cart .delivery-area h2 td, .cart .delivery-area .account-panel .ask-center .ask-detail .reply-wrap h2 td, .require-form .mode-list .cart .delivery-area h2 td, .cart .delivery-area .require-form .mode-list h2 td { font-size: 14px; font-size: 1.4rem; color: #21689e; border: 0 none; padding: 5px; vertical-align: top; cursor: pointer; }

.table-style1 a, .table-style2 a, .account-panel .order-list a, .account-panel .ask-center .question-list a, .account-panel .ask-center .ask-detail .reply-wrap a, .require-form .mode-list a { text-decoration: none; }

.table-style2 .tbody, .account-panel .order-list .tbody, .account-panel .ask-center .question-list .tbody, .account-panel .ask-center .ask-detail .reply-wrap .tbody, .account-panel .ask-center .inquiry-form { position: relative; }

.table-style2 .tbody:before, .account-panel .order-list .tbody:before, .account-panel .ask-center .question-list .tbody:before, .account-panel .ask-center .ask-detail .reply-wrap .tbody:before, .account-panel .ask-center .inquiry-form:before { content: ''; position: absolute; left: 2px; top: 0; border: 1px solid #ccc; width: 946px; height: 100%; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background: #f7f7f7; /* Old browsers */ background: -moz-linear-gradient(top, #f7f7f7 0%, #ebebeb 65%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(65%, #ebebeb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f7f7f7 0%, #ebebeb 65%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f7f7f7 0%, #ebebeb 65%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f7f7f7 0%, #ebebeb 65%); /* IE10+ */ background: linear-gradient(to bottom, #f7f7f7 0%, #ebebeb 65%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */ }

.table-style2 td, .account-panel .order-list td, .account-panel .ask-center .question-list td, .account-panel .ask-center .ask-detail .reply-wrap td { padding: 15px 5px 10px; }

.table-style2 .thead, .account-panel .order-list .thead, .account-panel .ask-center .question-list .thead, .account-panel .ask-center .ask-detail .reply-wrap .thead, .table-style2 .cart .delivery-area h2, .cart .delivery-area .table-style2 h2, .account-panel .order-list .cart .delivery-area h2, .cart .delivery-area .account-panel .order-list h2, .account-panel .ask-center .question-list .cart .delivery-area h2, .cart .delivery-area .account-panel .ask-center .question-list h2, .account-panel .ask-center .ask-detail .reply-wrap .cart .delivery-area h2, .cart .delivery-area .account-panel .ask-center .ask-detail .reply-wrap h2 { border-radius: 2px; }

.table-style2 .thead td, .account-panel .order-list .thead td, .account-panel .ask-center .question-list .thead td, .account-panel .ask-center .ask-detail .reply-wrap .thead td, .table-style2 .cart .delivery-area h2 td, .cart .delivery-area .table-style2 h2 td, .account-panel .order-list .cart .delivery-area h2 td, .cart .delivery-area .account-panel .order-list h2 td, .account-panel .ask-center .question-list .cart .delivery-area h2 td, .cart .delivery-area .account-panel .ask-center .question-list h2 td, .account-panel .ask-center .ask-detail .reply-wrap .cart .delivery-area h2 td, .cart .delivery-area .account-panel .ask-center .ask-detail .reply-wrap h2 td { padding: 10px 5px; color: #fff; }

.path { padding: 10px 14px 0; color: #000; }

.path span { margin: 0 10px 0 5px; }

.path a { text-decoration: none; color: #474747; }

.path a:hover { color: #00f; text-decoration: underline; }

.clear-msg { color: #ff6e00; }

.pre-title { color: #858585; margin: 0 10px 0 20px; }

/** 編輯器 */
.editor { min-height: 350px; overflow: hidden; line-height: 1.6; word-wrap: break-word; }

/** 首頁 */
.home.wrap, .home.path { padding: 14px 14px 20px; }

.comm-info { font-size: 0; }

.comm-info h2 { color: #858585; }

.comm-about, .comm-products, .comm-new-products, .comm-hot-products { display: inline-block; vertical-align: top; }

.comm-about a, .comm-products a, .comm-new-products a, .comm-hot-products a { text-decoration: none; }

.comm-about { width: 360px; }

.comm-about h2 { font-size: 16px; font-size: 1.6rem; letter-spacing: 2px; margin: 0 0 10px; color: #518088; }

.comm-about h2 span { font-size: 13px; font-size: 1.3rem; display: block; letter-spacing: 1px; color: #838383; }

.comm-about p { font-size: 12px; font-size: 1.2rem; color: #7b7b7b; margin: 20px 0 0; }

.comm-products { width: 600px; margin: 0 0 0 10px; }

.comm-products > h2 { margin: 0 0 30px; }

.comm-products div { position: relative; display: inline-block; vertical-align: top; }

.comm-products div h2 { font-size: 14px; font-size: 1.4rem; margin: 0; position: absolute; width: 100%; height: 43px; line-height: 43px; color: #fff; text-align: right; left: 0; bottom: 15px; }

.comm-products div h2 a { display: block; }

.comm-products div h2 a:after { content: ''; width: 18px; height: 18px; background: url(../images/icon-arr02.png) center no-repeat; display: inline-block; vertical-align: middle; margin: 0 20px 0 5px; }

.comm-products .single-products { width: 303px; margin: 0 10px 0 0; }

.comm-products .single-products h2 { background: url(../images/bg-blue.png); }

.comm-products .diy-recommend { width: 285px; }

.comm-products .diy-recommend h2 { background: url(../images/bg-green.png); }

.comm-new-products, .comm-hot-products { margin: 20px 0; padding: 10px 0; height: 205px; border: 1px solid #ccc; border-radius: 5px; overflow: hidden; }

.comm-new-products h2, .comm-hot-products h2 { font-size: 20px; font-size: 2rem; font-weight: lighter; margin: 0 0 20px; padding: 0 15px; }

.comm-new-products .text, .comm-hot-products .text { display: inline-block; padding: 0 15px; vertical-align: top; font-size: 15px; font-size: 1.5rem; }

.comm-new-products .text h3, .comm-hot-products .text h3 { color: #21689e; margin: 0 0 15px; }

.comm-new-products .text p, .comm-hot-products .text p { color: #9e9e9e; margin: 0 0 15px; max-height: 50px; overflow: hidden; }

.comm-new-products .text > span, .comm-hot-products .text > span { font-size: 15px; font-size: 1.5rem; font-weight: bold; color: #747474; }

.comm-new-products .figure, .comm-new-products .head-title, .comm-hot-products .figure, .comm-hot-products .head-title { display: inline-block; vertical-align: top; text-align: center; }

.comm-new-products .figure img, .comm-new-products .head-title img, .comm-hot-products .figure img, .comm-hot-products .head-title img { margin: 0 auto; }

.comm-new-products { width: 360px; margin: 20px 10px 20px 0; }

.comm-new-products .text { width: 175px; margin: 0 10px 0 0; }

.comm-new-products .figure, .comm-new-products .head-title { width: 135px; }

.comm-hot-products { position: relative; width: 600px; background: url(../images/bg-shadow02.png) center no-repeat; }

.comm-hot-products .cycle-wrap ul { width: 100%; }

.comm-hot-products .cycle-wrap ul > li { width: 50%; float: left; padding: 0 15px; }

.comm-hot-products .cycle-wrap ul > li:first-child { background: none; }

.comm-hot-products .text { width: 110px; margin: 0 10px 0 0; padding: 0; }

.comm-hot-products .figure, .comm-hot-products .head-title { width: 120px; }

.comm-hot-products .arrow-wrap { position: absolute; top: 5px; right: 5px; font-size: 0; }

.comm-hot-products .arrow-wrap a { margin: 0 0 0 5px; display: inline-block; vertical-align: top; width: 26px; height: 26px; text-indent: -9999px; font-size: 0; border: 1px solid #ccc; }

.comm-hot-products .icon-prev { background: url(../images/cycle-prev01.png) center no-repeat; }

.comm-hot-products .icon-prev:hover { background: url(../images/cycle-prev01-on.png) center no-repeat #71B3BF; }

.comm-hot-products .icon-next { background: url(../images/cycle-next01.png) center no-repeat; }

.comm-hot-products .icon-next:hover { background: url(../images/cycle-next01-on.png) center no-repeat #71B3BF; }

.comm-other { text-align: center; }

.comm-other .comm-title { margin: 0 0 45px; }

.comm-other a { position: relative; margin: 0 2%; padding: 80px 0 0 0; width: 20%; overflow: hidden; display: inline-block; vertical-align: top; text-align: center; text-decoration: none; color: #7b7b7b; }

.comm-other a strong { font-size: 17px; font-size: 1.7rem; display: block; letter-spacing: 2px; font-weight: lighter; }

.comm-other a span { font-size: 12px; font-size: 1.2rem; display: block; }

.comm-other a:before, .comm-other a:after { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.comm-other a:before { content: ''; }

.comm-other a:hover:before { content: none; }

.comm-other a:hover:after { content: ''; }

.comm-other .icon-max-fb:before { background: url(../images/icon-facebook-max.png) center top no-repeat; }

.comm-other .icon-max-fb:after { background: url(../images/icon-facebook-max-a.png) center top no-repeat; }

.comm-other .icon-max-np:before { background: url(../images/icon-sound-max.png) center top no-repeat; }

.comm-other .icon-max-np:after { background: url(../images/icon-sound-max-a.png) center top no-repeat; }

.comm-other .icon-max-contact:before { background: url(../images/icon-phone-max.png) center top no-repeat; }

.comm-other .icon-max-contact:after { background: url(../images/icon-phone-max-a.png) center top no-repeat; }

.comm-other .icon-max-faq:before { background: url(../images/icon-view-max.png) center top no-repeat; }

.comm-other .icon-max-faq:after { background: url(../images/icon-view-max-a.png) center top no-repeat; }

/** about */
.about.wrap, .about.path, .path.odm, .wrap.odm { padding: 20px; }

.about .editor, .odm .editor { color: #605f5f; font-size: 14.5px; font-size: 1.45rem; }

.about .editor .figure, .odm .editor .figure, .about .editor .head-title, .odm .editor .head-title { display: table-cell; vertical-align: top; }

.about .editor .figure img, .odm .editor .figure img, .about .editor .head-title img, .odm .editor .head-title img { max-width: none; }

.about .editor .text, .odm .editor .text { display: table-cell; vertical-align: top; }

.about .editor p, .odm .editor p { margin: 0 0 25px; padding: 0 20px; }

/** news*/
.news.wrap, .news.path { padding: 20px; }

.news .tab-link a { text-decoration: none; }

.news .detail-wrap { margin: 0 0 0 230px; }

.news .ad-figure img { display: block; margin: 20px auto; }

.news .news-list { font-size: 14px; font-size: 1.4rem; font-weight: bold; margin: 0 0 40px; border-bottom: 1px solid #e9e9e9; }

.news .news-list a { text-decoration: none; display: block; text-align: left; }

.news .news-list table { border-spacing: 0; }

.news .news-list td { border: 0 none; padding: 10px; text-align: center; }

.news .news-list td:first-child { width: 110px; }

.news .news-list thead td { color: #fff; background: #919191; }

.news .news-list thead td:first-child { -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; }

.news .news-list thead .last { -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; }

.news .news-list tbody td { color: #333; text-align: left; }

.news .news-list tbody td:first-child a { text-align: center; }

.news .news-list tbody .time { color: #21679d; }

.news .news-list .odd td { background: #e9e9e9; }

.news .editor { font-size: 14px; font-size: 1.4rem; }

.news .editor p { margin: 0 0 15px; }

/** faq */
.faq.wrap, .faq.path { padding: 20px; }

.faq .tab-link a { text-decoration: none; }

.faq .faq-list > ul > li { padding: 10px; }

.faq .faq-list > ul .odd { background: #e9e9e9; }

/** odm */
.odm .editor .figure, .odm .editor .head-title { padding: 0 35px 0 0; }

/** products */
.products a { text-decoration: none; }

.products.wrap, .products.path, .products-detail.wrap, .products-detail.path { padding: 14px 14px 20px; }

.products .detail-wrap, .products-detail .detail-wrap { margin: 0 0 0 220px; }

.products .detail-wrap.full, .products-detail .detail-wrap.full { margin: 0 auto; }

.products .detail-wrap .sample-figure, .products-detail .detail-wrap .sample-figure { display: none; }

.products .detail-wrap .sample-desc, .products-detail .detail-wrap .sample-desc { margin: 0; }

.products .detail-wrap .sample-desc h1, .products-detail .detail-wrap .sample-desc h1 { display: inline-block; vertical-align: top; line-height: 1.5; }

.products .detail-wrap .sample-desc .pdf-btn, .products .detail-wrap .sample-desc .video-btn, .products-detail .detail-wrap .sample-desc .pdf-btn, .products-detail .detail-wrap .sample-desc .video-btn { display: inline-block; vertical-align: top; margin: 0 0 0 5px; }

.products .detail-wrap .sample-desc .pdf-btn:first-child, .products .detail-wrap .sample-desc .video-btn:first-child, .products-detail .detail-wrap .sample-desc .pdf-btn:first-child, .products-detail .detail-wrap .sample-desc .video-btn:first-child { margin: 0 0 0 0; }

.products .product_detail_description a, .products-detail .product_detail_description a { text-decoration: underline; }

.products > header, .products-detail > header { margin: 0 auto 15px; }

.products > header h1, .products-detail > header h1 { font-size: 18px; font-size: 1.8rem; display: inline-block; vertical-align: middle; margin: 0 15px 0 0; }

.products > header .pdf-btn, .products > header .video-btn, .products-detail > header .pdf-btn, .products-detail > header .video-btn { display: inline-block; margin: 0 0 0 5px; }

.products > header .pdf-btn:first-child, .products > header .video-btn:first-child, .products-detail > header .pdf-btn:first-child, .products-detail > header .video-btn:first-child { margin: 0 0 0 0; }

.sample-wrap { margin: 0 0 15px; overflow: hidden; }

.sample-wrap .sample-figure { font-size: 12px; font-size: 1.2rem; float: left; width: 190px; }

.sample-wrap .sample-figure .figure, .sample-wrap .sample-figure .head-title { display: table-cell; width: 190px; height: 190px; background: url(../images/bg-sample-pic.png) center top no-repeat; vertical-align: middle; text-align: center; }

.sample-wrap .sample-figure .figure img, .sample-wrap .sample-figure .head-title img { display: inline-block; margin: 0 auto; vertical-align: top; }

.sample-wrap .sample-desc { font-size: 13.5px; font-size: 1.35rem; margin: 0 0 0 200px; }

.sample-wrap .sample-desc .product_detail_description { max-width: 600px; line-height: 1.6; }

.sample-wrap .sample-desc header { margin: 0 0 15px; }

.sample-wrap .sample-desc h1 { font-size: 18px; font-size: 1.8rem; margin: 0 15px 0 0; display: block; line-height: 1; }

.sample-wrap .sample-desc h1 span { display: inline-block; vertical-align: bottom; margin: 0 0 0 20px; margin: 0 0 2px 20px \9; }

.sample-wrap .sample-desc h2 { font-size: 16px; font-size: 1.6rem; display: inline-block; vertical-align: bottom; }

.sample-wrap .sample-desc .pdf-btn, .sample-wrap .sample-desc .video-btn { display: inline-block; margin: 10px 0 0 5px; }

.sample-wrap .sample-desc .pdf-btn:first-child, .sample-wrap .sample-desc .video-btn:first-child { margin: 10px 0 0 0; }

.sample-wrap .sample-desc h1 + div { font-size: 0; }

.sample-wrap .sample-desc h1 + div a { font-size: 13px; }

.sample-wrap .sample-desc p { font-size: 12px; font-size: 1.2rem; line-height: 1.2; font-weight: normal; }

.sample-wrap .sample-desc p span { margin: 0 60px 0 30px; }

.sample-wrap .sample-desc .cus-style { font-size: 12px; font-size: 1.2rem; margin: 0; padding: 0; list-style: none outside none; }

.sample-wrap .sample-desc .title-style { line-height: 1.5; margin: 10px 0; font-weight: bold; }

.sample-wrap .sample-desc .text-style { font-weight: normal; line-height: 1.4; padding: 0 0 0 10px; }

.sample-wrap .sample-desc .list-style { font-weight: normal; position: relative; line-height: 1.6; padding: 0 0 0 17px; }

.sample-wrap .sample-desc .list-style:before { border-radius: 50%; content: ''; display: block; width: 3px; height: 3px; position: absolute; left: 10px; top: 8px; background: #222; }

.cart-wrap h3, .compare .item .last h3 { @Include font-size(14); margin: 0 auto 10px; }

.cart-wrap .css-table .css-cell:first-child, .compare .item .last .css-table .css-cell:first-child { color: #858585; }

.cart-wrap .foot, .compare .item .last .foot { border-top: 1px dashed #ccc; text-align: right; margin: 10px 0 0; padding: 10px 0 0; }

.cart-wrap .btn1, .compare .item .last .btn1 { border: 1px solid #858585; border-radius: 3px; padding: 2px 2px 0; float: left; }

.cart-wrap .btn2, .compare .item .last .btn2 { display: inline-block; vertical-align: top; padding: 0 25px 0 0; height: 20px; line-height: 20px; background: url(../images/icon-weibo.png) right top no-repeat; }

.cart-wrap input, .compare .item .last input { margin: 0 5px; text-align: center; color: #858585; width: 35px; height: 20px; line-height: 20px; border: 1px solid #858585; }

.query-form { font-size: 13.5px; font-size: 1.35rem; border-radius: 5px; font-size: 0; margin: 0 0 15px; padding: 10px 0; background: url(../images/bg-wrap01.jpg) repeat-x center top #ebebeb; border: 1px solid #d5d5d5; overflow: hidden; }

.query-form .part1 > div, .query-form .part2 > div { font-size: 13px; font-size: 1.3rem; display: inline-block; vertical-align: top; color: #858585; }

.query-form input { vertical-align: middle; outline: none; }

.query-form .select-wrap { margin: 0 0 0 5px; }

.query-form select { width: 150%; color: #858585; }

.query-form .part1 > div { margin: 0 22px 0 30px; }

.query-form .part1 > div span { display: inline-block; vertical-align: middle; }

.query-form .part2 { margin: 10px 0 0; }

.query-form .part2 > div { margin: 0 20px 0 30px; vertical-align: middle; }

.require-form { position: relative; }

.require-form .compare-btn { position: absolute; right: 38px; top: -50px; }

.require-form .icon-crown { display: inline-block; vertical-align: middle; padding: 2px 0 0 30px; min-height: 30px; background: url(../images/icon-crown.png) left top no-repeat; }

.require-form .no-stock { width: 37px; height: 28px; display: block; margin: 0 auto; text-align: left; text-indent: -9999px; font-size: 0; background: url(../images/icon-no-stock.png) center no-repeat; }

.require-form .mode-pic figure, .require-form .mode-mix figure { overflow: hidden; margin: 10px auto; }

.require-form .mode-pic figure a, .require-form .mode-mix figure a { display: table-cell; vertical-align: middle; width: 185px; height: 150px; margin: 0 auto; }

.require-form .mode-pic figure img, .require-form .mode-mix figure img { max-width: none; }

.require-form .mode-pic .css-table, .require-form .mode-mix .css-table { font-weight: bold; width: 100%; }

.require-form .mode-pic .css-table .css-cell, .require-form .mode-mix .css-table .css-cell { width: 50%; padding: 0 5px 5px; text-align: left; color: #21689e; }

.require-form .mode-pic .css-table .css-cell:first-child, .require-form .mode-mix .css-table .css-cell:first-child { color: #333; text-align: right; }

.require-form .mode-pic .list-cartwrap, .require-form .mode-mix .list-cartwrap { margin: 10px 0 0; }

.require-form .mode-pic .list-cartwrap input, .require-form .mode-mix .list-cartwrap input { width: 50px; }

.require-form .mode-pic .list-cartwrap .icon-cart2, .require-form .mode-mix .list-cartwrap .icon-cart2 { margin: 0 0 0 5px; }

.require-form .mode-pic { background: url(../images/bg-wrap02.jpg) repeat-x center top; }

.require-form .mode-pic table { width: 100%; border-spacing: 0; }

.require-form .mode-pic table tr:first-child td { border-top: 1px solid #ccc; }

.require-form .mode-pic table tr:first-child td:first-child { border-top-left-radius: 5px; }

.require-form .mode-pic table tr:first-child td:last-child { border-top-right-radius: 5px; }

.require-form .mode-pic table tr:last-child td:first-child { border-bottom-left-radius: 5px; }

.require-form .mode-pic table tr:last-child td:last-child { border-bottom-right-radius: 5px; }

.require-form .mode-pic td { border: 1px solid #ccc; border-width: 0 1px 1px 0; width: 25%; vertical-align: top; text-align: center; padding: 10px 0 15px; }

.require-form .mode-pic td:first-child { border-left: 1px solid #ccc; }

.require-form .mode-pic td > div:first-child { text-align: left; padding: 0 10px; }

.require-form .mode-pic td > div:first-child span { color: #858585; font-size: 13px; font-size: 1.3rem; }

.require-form .mode-pic input[type="text"] { margin: 0 5px; width: 50px; height: 24px; line-height: 24px; }

.require-form .mode-mix a { text-decoration: none; }

.require-form .mode-mix a > h3 { margin: 0 0 20px; }

.require-form .mode-mix > ul > li { margin: 10px 0; background: url(../images/bg-wrap02.jpg) center top repeat-x; border: 1px solid #ccc; border-radius: 5px; }

.require-form .mode-mix .part1, .require-form .mode-mix .part2, .require-form .mode-mix .part3 { display: table-cell; vertical-align: top; padding: 10px; }

.require-form .mode-mix .part1 { text-align: center; width: 185px; }

.require-form .mode-mix .part1 label { text-align: left; display: block; }

.require-form .mode-mix .part1 .btn, .require-form .mode-mix .part1 .compare h2, .compare .require-form .mode-mix .part1 h2 { margin: 0; }

.require-form .mode-mix .part2 .icon-crown { padding: 2px 30px 0 0; background: url(../images/icon-crown.png) right top no-repeat; font-size: 14px; font-size: 1.4rem; }

.require-form .mode-mix .part3 { width: 180px; padding: 10px 15px; height: 174px; color: #858585; @Include font-size(13); background: url(../images/bg-shadow03.png) left center no-repeat; text-align: center; }

.require-form .mode-mix .part3 h3 { @Include font-size(14); margin: 0 auto 10px; }

.require-form .mode-mix .part3 .css-table .css-cell:first-child { color: #858585; }

.require-form .mode-mix .part3 .foot { border-top: 1px dashed #ccc; text-align: right; margin: 10px 0 0; padding: 10px 0 0; }

.require-form .mode-mix .part3 .btn1 { border: 1px solid #858585; border-radius: 3px; font-size: 13px; font-size: 1.3rem; padding: 2px 2px 0; float: left; }

.require-form .mode-mix .part3 .btn2 { font-size: 13px; font-size: 1.3rem; display: inline-block; vertical-align: top; padding: 0 25px 0 0; height: 20px; line-height: 20px; background: url(../images/icon-mail02.jpg) right top no-repeat; }

.require-form .mode-mix .part3 input { margin: 0 5px; text-align: center; color: #858585; width: 35px; height: 20px; line-height: 20px; border: 1px solid #858585; }

.require-form .mode-list td { border-bottom: 2px solid #d2d2d2; }

.require-form .mode-list a { display: block; text-align: center; }

.require-form .mode-list a.icon-pdf { text-align: left; }

.require-form .mode-list .tbody tr:hover td { background: #f3fefe; }

.products-detail { overflow: hidden; }

.products-detail.wrap, .products-detail.path { padding: 14px 14px 20px; }

.products-detail .discount-msg h3, .products-detail .news-msg h3 { font-size: 13px; font-size: 1.3rem; line-height: 1; padding: 0 0 2px; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.products-detail .discount-msg { width: 215px; float: left; }

.products-detail .news-msg { margin: 0 0 0 250px; text-align: right; }

.products-detail .news-msg a { text-decoration: none; }

.products-detail .sample-wrap { display: table; width: 100%; margin: 5px 0; }

.products-detail .sample-figure, .products-detail .sample-desc, .products-detail .cart-wrap, .products-detail .compare .item .last, .compare .item .products-detail .last { display: table-cell; vertical-align: top; padding: 0; }

.products-detail .sample-figure { float: none; width: 234px; }

.products-detail .sample-figure .figure, .products-detail .sample-figure .head-title { position: relative; width: 234px; height: 234px; padding: 0 0 1px; vertical-align: bottom; background: none; background: url(../images/bg-sample-pic2.png) center bottom no-repeat; }

.products-detail .sample-figure .figure img, .products-detail .sample-figure .head-title img { vertical-align: bottom; }

.products-detail .sample-figure .arrow { position: absolute; top: 0; width: 12px; height: 100%; text-decoration: none; text-indent: -999px; text-align: left; display: none; }

.products-detail .sample-figure .arrow.slick-disabled { opacity: 0; z-index: -1; }

.products-detail .sample-figure .prev { left: 0; background: url(../images/cycle-prev02.png) center top no-repeat; }

.products-detail .sample-figure .next { right: 0; background: url(../images/cycle-next02.png) center top no-repeat; }

.products-detail .sample-figure .max-slick, .products-detail .sample-figure .min-slick { position: relative; }

.products-detail .sample-figure .max-slick { border-radius: 5px; font-size: 0; width: 234px; height: 233px; overflow: hidden; }

.products-detail .sample-figure .max-slick .item { display: table-cell; float: none; width: 234px; height: 233px; text-align: center; vertical-align: middle; }

.products-detail .sample-figure .max-slick .item img { display: inline-block; vertical-align: middle; }

.products-detail .sample-figure .min-figure { position: relative; }

.products-detail .sample-figure .min-slick { font-size: 0; margin: 10px 0 0; width: 234px; height: 53px; }

.products-detail .sample-figure .min-slick .item { display: inline-block; vertical-align: top; width: 55px; height: 54px; margin: 0 2px; background: url(../images/bg-sample-pic3.png) center top no-repeat; }

.products-detail .sample-figure .min-slick .item a { display: table-cell; vertical-align: middle; width: 55px; height: 54px; text-align: center; }

.products-detail .sample-figure .min-slick .item img { margin: 0 auto; display: inline-block; vertical-align: middle; }

.products-detail .sample-desc { width: auto; margin: 0; padding: 5px 15px; text-align: left; vertical-align: top; }

.products-detail .cart-wrap, .products-detail .compare .item .last, .compare .item .products-detail .last { text-align: center; background: #eae7e7; border: 1px solid #ccc; width: 245px; font-weight: bold; border-radius: 5px; font-size: 14px; font-size: 1.4rem; padding: 10px; color: #858585; }

.products-detail .cart-wrap h1, .products-detail .compare .item .last h1, .compare .item .products-detail .last h1 { font-size: 18px; font-size: 1.8rem; color: #333; line-height: 1; margin: 0 auto 5px; padding: 5px 0; border-bottom: 1px dashed #999; }

.products-detail .cart-wrap h1 span, .products-detail .compare .item .last h1 span, .compare .item .products-detail .last h1 span { font-size: 14px; font-size: 1.4rem; }

.products-detail .cart-wrap h3, .products-detail .compare .item .last h3, .compare .item .products-detail .last h3 { margin: 0 auto 5px; color: #333; }

.products-detail .cart-wrap a, .products-detail .compare .item .last a, .compare .item .products-detail .last a { text-decoration: none; }

.products-detail .cart-wrap .sale, .products-detail .compare .item .last .sale, .compare .item .products-detail .last .sale { margin: 0 0 5px; }

.products-detail .cart-wrap .css-table, .products-detail .compare .item .last .css-table, .compare .item .products-detail .last .css-table { font-weight: bold; width: 100%; position: relative; }

.products-detail .cart-wrap .css-table.del:after, .products-detail .compare .item .last .css-table.del:after, .compare .item .products-detail .last .css-table.del:after { content: ''; display: block; width: 30px; height: 1px; background: #555; position: absolute; top: 11px; right: 45%; }

.products-detail .cart-wrap .css-table.del .css-cell, .products-detail .compare .item .last .css-table.del .css-cell, .compare .item .products-detail .last .css-table.del .css-cell { text-decoration: line-through; position: relative; }

.products-detail .cart-wrap .css-table .css-cell, .products-detail .compare .item .last .css-table .css-cell, .compare .item .products-detail .last .css-table .css-cell { width: 50%; padding: 0 5px 5px; text-align: left; color: #21689e; }

.products-detail .cart-wrap .css-table .css-cell:first-child, .products-detail .compare .item .last .css-table .css-cell:first-child, .compare .item .products-detail .last .css-table .css-cell:first-child { color: #333; text-align: right; }

.products-detail .cart-wrap .css-table .css-cell:first-child.color1, .products-detail .compare .item .last .css-table .css-cell:first-child.color1, .compare .item .products-detail .last .css-table .css-cell:first-child.color1 { color: #000; }

.products-detail .cart-wrap .css-table .css-cell:first-child.color3, .products-detail .compare .item .last .css-table .css-cell:first-child.color3, .compare .item .products-detail .last .css-table .css-cell:first-child.color3 { color: #00f; }

.products-detail .cart-wrap .css-table .css-cell:first-child.color2, .products-detail .compare .item .last .css-table .css-cell:first-child.color2, .compare .item .products-detail .last .css-table .css-cell:first-child.color2 { color: #f00; }

.products-detail .cart-wrap .css-table .css-cell:first-child.color4, .products-detail .compare .item .last .css-table .css-cell:first-child.color4, .compare .item .products-detail .last .css-table .css-cell:first-child.color4 { color: #f80; }

.products-detail .cart-wrap .amount, .products-detail .compare .item .last .amount, .compare .item .products-detail .last .amount { margin: 10px 0; }

.products-detail .cart-wrap .addtocart .icon-cart2, .products-detail .compare .item .last .addtocart .icon-cart2, .compare .item .products-detail .last .addtocart .icon-cart2, .products-detail .cart-wrap .addtocart .checkout, .products-detail .compare .item .last .addtocart .checkout, .compare .item .products-detail .last .addtocart .checkout { display: inline-block; vertical-align: middle; }

.products-detail .cart-wrap .addtocart .icon-cart2, .products-detail .compare .item .last .addtocart .icon-cart2, .compare .item .products-detail .last .addtocart .icon-cart2 { margin: 0 10px; }

.products-detail .cart-wrap .addtocart .checkout, .products-detail .compare .item .last .addtocart .checkout, .compare .item .products-detail .last .addtocart .checkout { line-height: 27px; color: #fff; padding: 0 5px; background: #21689E; border-radius: 4.5px; }

.products-detail .cart-wrap .foot, .products-detail .compare .item .last .foot, .compare .item .products-detail .last .foot { text-align: center; border-top: 0 none; border-bottom: 1px dashed #999; padding: 5px 0 10px; margin: 10px auto; }

.products-detail .cart-wrap .foot .btn1, .products-detail .compare .item .last .foot .btn1, .compare .item .products-detail .last .foot .btn1 { float: none; margin: 0 10px 0 0; display: inline-block; vertical-align: top; }

.products-detail .cart-wrap .more-shop, .products-detail .compare .item .last .more-shop, .compare .item .products-detail .last .more-shop { margin: 10px 0; text-align: left; color: #333; font-size: 15px; }

.products-detail .cart-wrap .more-shop ul, .products-detail .compare .item .last .more-shop ul, .compare .item .products-detail .last .more-shop ul, .products-detail .cart-wrap .more-shop li, .products-detail .compare .item .last .more-shop li, .compare .item .products-detail .last .more-shop li { margin: 0; padding: 0; list-style: none outside none; }

.products-detail .cart-wrap .more-shop ul, .products-detail .compare .item .last .more-shop ul, .compare .item .products-detail .last .more-shop ul { margin: 5px auto 0; }

.products-detail .cart-wrap .more-shop input, .products-detail .compare .item .last .more-shop input, .compare .item .products-detail .last .more-shop input, .products-detail .cart-wrap .more-shop span, .products-detail .compare .item .last .more-shop span, .compare .item .products-detail .last .more-shop span { display: inline-block; vertical-align: top; }

.products-detail .cart-wrap .more-shop input, .products-detail .compare .item .last .more-shop input, .compare .item .products-detail .last .more-shop input { width: 15px; }

.products-detail .cart-wrap .more-shop span, .products-detail .compare .item .last .more-shop span, .compare .item .products-detail .last .more-shop span { width: 198px; }

.products-detail .cart-wrap .more-shop span strong, .products-detail .compare .item .last .more-shop span strong, .compare .item .products-detail .last .more-shop span strong { color: #f00; padding: 0 5px; }

.products-detail .cart-wrap .more-shop select, .products-detail .compare .item .last .more-shop select, .compare .item .products-detail .last .more-shop select { margin: 0 0 5px 25px; }

.products-detail .desc-detail { padding: 10px 0; border-top: 1px solid #dcdcdc; }

.products-detail .desc-detail .similar-pro { margin: 15px 0 5px; }

.compare { position: relative; }

.compare .compare-title, .compare .pro-list { position: relative; z-index: 1; }

.compare .pro-list { font-size: 0; }

.compare h2 { width: 100%; color: #21679d; height: 40px; line-height: 40px; }

.compare ul { display: inline-block; vertical-align: top; font-size: 13px; white-space: nowrap; }

.compare ul > li { padding: 10px; border-left: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }

.compare ul .last { height: 220px; }

.compare .label { float: left; font-size: 13px; background: #f9f9f9; }

.compare .label li { text-align: right; border-left: 0 none; width: 280px; }

.compare .label .pro-figure, .compare .label .last { text-indent: -9999px; font-size: 0; overflow: hidden; text-align: left; }

.compare .pro-figure { height: 305px; text-align: center; }

.compare .item { margin: 0 0 0 270px; white-space: nowrap; overflow: auto; }

.compare .item li { text-align: center; width: 230px; }

.compare .item .pro-figure .icon-crown { display: inline-block; vertical-align: middle; padding: 2px 0 0 30px; min-height: 30px; font-weight: bold; background: url(../images/icon-crown.png) left top no-repeat; font-size: 15px; font-size: 1.5rem; }

.compare .item .pro-figure .no-stock { width: 37px; height: 28px; display: block; margin: 0 auto; text-align: left; text-indent: -9999px; font-size: 0; background: url(../images/icon-no-stock.png) center no-repeat; }

.compare .item .pro-figure figure { width: 148px; height: 122px; overflow: hidden; margin: 20px auto; }

.compare .item .pro-figure .css-table { font-weight: bold; width: 100%; }

.compare .item .pro-figure .css-table .css-cell { width: 50%; padding: 0 5px 5px; text-align: left; color: #21689e; }

.compare .item .pro-figure .css-table .css-cell:first-child { color: #333; text-align: right; }

.compare .item .pro-figure input[type="text"] { margin: 0 5px; width: 50px; height: 24px; line-height: 24px; }

.compare .item .last { text-align: center; background: #eae7e7; font-weight: bold; font-size: 14px; font-size: 1.4rem; padding: 10px; color: #333; }

.compare .item .last h1 { font-size: 18px; font-size: 1.8rem; color: #333; line-height: 1; margin: 0 auto 5px; padding: 5px 0; border-bottom: 1px dashed #999; }

.compare .item .last h1 span { font-size: 14px; font-size: 1.4rem; }

.compare .item .last h3 { margin: 0 auto 5px; color: #333; }

.compare .item .last .css-table { font-weight: bold; width: 100%; }

.compare .item .last .css-table .css-cell { width: 50%; padding: 0 5px 5px; text-align: left; color: #21689e; }

.compare .item .last .css-table .css-cell:first-child { color: #333; text-align: right; }

.compare .item .last .foot { text-align: center; padding: 15px 0 0; margin: 10px auto; border-top: 1px dashed #999; color: #333; }

.compare .item .last .foot a { text-decoration: none; }

.compare .item .last .foot .btn1 { float: none; margin: 0 10px 0 0; padding: 5px 10px 3px; }

/** cart */
.cart.wrap, .cart.path { padding: 14px 14px 20px; }

.cart .icon-cart { font-size: 18px; font-size: 1.8rem; margin: 30px 0; color: #455382; }

.cart .table-wrap table { width: 100%; border-spacing: 0; table-layout: fixed; }

.cart .table-wrap td { text-align: center; white-space: normal; }

.cart .thead, .cart .delivery-area h2 { border-radius: 5px; -webkit-box-shadow: compact(0 0 5px #ccc, false, false, false, false, false, false, false, false, false); -moz-box-shadow: compact(0 0 5px #ccc, false, false, false, false, false, false, false, false, false); box-shadow: compact(0 0 5px #ccc, false, false, false, false, false, false, false, false, false); border: 1px solid #66a0ab; }

.cart .thead td, .cart .delivery-area h2 td { font-size: 14px; font-size: 1.4rem; color: #21689e; border: 0 none; padding: 5px; height: 40px; cursor: pointer; vertical-align: middle; }

.cart .tbody td { height: 80px; vertical-align: middle; border-bottom: 2px solid #dcdcdc; }

.cart .tbody td:first-child { text-align: right; padding: 0 40px 0 0; }

.cart .tbody td input[type="text"] { width: 63px; height: 26px; line-height: 26px; border-radius: 5px; background: none; padding: 0 5px; border: 1px solid #999; text-align: center; }

.cart .tbody a { text-decoration: none; display: inline-block; vertical-align: middle; }

.cart .tbody a figure, .cart .tbody a h3 { display: inline-block; vertical-align: middle; margin: 0 10px; }

.cart .tbody a h3 { font-size: 14px; font-size: 1.4rem; }

.cart .dele-btn { display: inline-block; vertical-align: middle; background: url(../images/bg-dele-btn.jpg) center repeat-x; padding: 0 15px; height: 27px; line-height: 27px; color: #444; border: 1px solid #444; border-radius: 5px; }

.cart .submit-wrap { margin: 40px 0; text-align: right; }

.cart .submit-wrap .btn, .cart .submit-wrap .compare h2, .compare .cart .submit-wrap h2 { margin: 0 50px; }

.cart .delivery-area { margin: 10px 0; border-bottom: 2px solid #dcdcdc; }

.cart .delivery-area h2 { font-size: 15px; font-size: 1.5rem; padding: 10px 30px; color: #21689e; }

.cart .delivery-area ul > li { margin: 20px 0; padding: 0 60px; }

.cart .delivery-area ul > li input, .cart .delivery-area ul > li span { display: inline-block; vertical-align: top; }

.step1 > header, .step2 > header, .step3 > header, .step4 > header { text-align: center; margin-bottom: 15px; }

.step1 > header img, .step2 > header img, .step3 > header img, .step4 > header img { display: block; margin: 0 auto; }

.step1 .thead, .step1 .cart .delivery-area h2, .cart .delivery-area .step1 h2, .step2 .thead, .step2 .cart .delivery-area h2, .cart .delivery-area .step2 h2, .step3 .thead, .step3 .cart .delivery-area h2, .cart .delivery-area .step3 h2, .step4 .thead, .step4 .cart .delivery-area h2, .cart .delivery-area .step4 h2 { font-size: 15px; font-size: 1.5rem; padding: 10px 30px; margin: 15px 0; color: #21689e; }

.step1 .submit-wrap .btn, .step1 .submit-wrap .compare h2, .compare .step1 .submit-wrap h2, .step2 .submit-wrap .btn, .step2 .submit-wrap .compare h2, .compare .step2 .submit-wrap h2, .step3 .submit-wrap .btn, .step3 .submit-wrap .compare h2, .compare .step3 .submit-wrap h2, .step4 .submit-wrap .btn, .step4 .submit-wrap .compare h2, .compare .step4 .submit-wrap h2 { margin: 0 10px 0 0; }

.step1 .more-shop .pro-list { position: relative; }

.step1 .more-shop .pro-list > ul { margin: 0 120px 0 0; }

.step1 .more-shop .pro-list > ul > li { margin: 10px 20px; }

.step1 .more-shop .pro-list > ul > li h3 { margin: 0; margin: 5px 0 0; }

.step1 .more-shop .pro-list > ul > li .cost { color: #21679d; display: block; font-weight: bold; }

.step1 .more-shop .pro-list > ul > li label { font-weight: bold; font-size: 14px; font-size: 1.4rem; }

.step1 .more-shop .pro-list .btn, .step1 .more-shop .pro-list .compare h2, .compare .step1 .more-shop .pro-list h2 { position: absolute; right: 20px; bottom: 20px; }

.step2 .sender-profile, .step2 .addressee, .step2 .payment { border-bottom: 2px solid #dcdcdc; padding: 0 0 15px 0; }

.step2 .thead span, .step2 .cart .delivery-area h2 span, .cart .delivery-area .step2 h2 span { margin: 0 20px; color: #fff; }

.step2 .thead span i, .step2 .cart .delivery-area h2 span i, .cart .delivery-area .step2 h2 span i { color: #F66262; margin: 0 5px; }

.step2 .table-wrap table { width: auto; }

.step2 .table-wrap table td { font-size: 14px; font-size: 1.4rem; text-align: left; font-weight: bold; color: #999; padding: 10px 0 0; vertical-align: top; }

.step2 .table-wrap table td:first-child { padding: 10px 15px 5px 40px; white-space: nowrap; }

.step2 .table-wrap i { color: #F66262; font-weight: bold; display: inline-block; vertical-align: top; margin: 2px 5px; }

.step2 .table-wrap input[type="text"], .step2 .table-wrap input[type="email"], .step2 .table-wrap input[type="password"] { margin: 0 10px 0 0; font-size: 14px; font-size: 1.4rem; }

.step2 .table-wrap .select-wrap { margin: 0 2px 0 0; font-size: 14px; font-size: 1.4rem; }

.step2 .table-wrap .select-wrap select { color: #999; }

.step2 .table-wrap textarea { border-radius: 5px; padding: 10px; background: none; border: 1px solid #dcdcdc; }

.step2 .table-wrap textarea:hover { border-color: #73B7C2; -webkit-box-shadow: compact(0 0 3px #73B7C2, false, false, false, false, false, false, false, false, false); -moz-box-shadow: compact(0 0 3px #73B7C2, false, false, false, false, false, false, false, false, false); box-shadow: compact(0 0 3px #73B7C2, false, false, false, false, false, false, false, false, false); }

.step2 .table-wrap .thesame { font-size: 15px; font-size: 1.5rem; margin: 0 0 10px 40px; }

.step2 .table-wrap .thesame .radio-style { padding: 0 0 0 25px; }

.step2 .payment { font-weight: bold; color: #333; }

.step2 .payment .pay-chose { margin: 0 0 0 40px; }

.step2 .payment .pay-chose label { margin: 0 60px 0 0; }

.step2 .payment .radio-style { color: #333; padding: 0 0 0 40px; }

.step2 .payment .ticket-chose { padding: 0 0 0 40px; font-size: 14px; font-size: 1.4rem; }

.step2 .payment .ticket-chose > p { margin: 10px 0; }

.step2 .payment .ticket-chose .item { margin: 20px 0 0; }

.step2 .payment .ticket-chose .item.on .table-wrap { display: block; }

.step2 .payment .ticket-chose.style2 { margin: 10px 0 0; }

.step2 .payment .ticket-chose.style2 label { margin: 0 50px 0 0; }

.step2 .payment .ticket-chose.style2 .table-wrap table { display: none; }

.step2 .payment .ticket-chose.style2 .table-wrap table.on { display: block; }

.step2 .payment .table-wrap { display: none; width: auto; margin: 10px 0 10px 40px; }

.step2 .payment .table-wrap td { vertical-align: middle; text-align: left; white-space: nowrap; color: #666; }

.step2 .payment .table-wrap td:first-child { border-left: 4px solid #BBE0E6; }

.step2 .payment .table-wrap .w1 { width: 90px; padding: 0 10px; }

.step2 .payment .table-wrap .w2 { width: 110px; padding: 0 0 0 20px; }

.step3 { color: #858585; font-size: 15px; font-size: 1.5rem; }

.step3 .table-wrap { margin: 0 0 0 40px; }

.step3 .table-wrap table { width: auto; }

.step3 .table-wrap td { padding: 10px; text-align: left; }

.step3 h1 { margin: 0 auto; text-align: center; }

.step3 input { width: 90px; font-size: 15px; font-size: 1.5rem; color: #858585; }

.step3 .select-wrap { width: 90px; }

.step3 .select-wrap select { width: 110px; text-align: left; font-size: 15px; font-size: 1.5rem; color: #858585; }

.step3 .icon-dash { margin: 0 5px; }

.step4 { font-size: 14px; font-size: 1.4rem; font-weight: bold; }

.step4 a { color: #21679d; }

.step4 .note-msg { position: relative; }

.step4 .note-msg h2 { font-size: 18px; font-size: 1.8rem; display: block; color: #21679d; margin: 0 0 10px; }

.step4 .note-msg p { font-size: 15px; font-size: 1.5rem; margin: 0 0 10px; }

.step4 .note-msg .btn, .step4 .note-msg .compare h2, .compare .step4 .note-msg h2 { position: absolute; right: 20px; top: 0; padding: 0 10px; height: 28px; line-height: 28px; }

.step4 .order-num { background: #eee; padding: 10px 20px; text-align: right; border-radius: 5px; }

.step4 .order-num h3 { float: left; }

.step4 .buyer .radius-bg1 { background: #eee; text-align: right; border-radius: 5px; }

.step4 .buyer .radius-bg1 .css-cell { border: 0 none; }

.step4 .buyer h3 { margin: 10px 20px; }

.step4 .buyer .css-cell { text-align: left; padding: 10px 20px; border-bottom: 1px solid #e5e5e5; }

.step4 dl, .step4 dt, .step4 dd { margin: 0; padding: 0; }

.step4 dl { margin: 20px 0; border-bottom: 1px solid #e5e5e5; }

.step4 dt { margin: 0 0 20px 0; float: left; width: 95px; }

.step4 dd { margin: 0 0 10px 100px; }

.step4 .imp-desc { margin: 10px 0; font-size: 15px; font-size: 1.5rem; }

.step4 .imp-desc strong { color: #21679d; }

.step4 .order-list .tbody td { font-size: 14px; font-size: 1.4rem; font-weight: bold; text-align: center; height: 100px; }

.step4 .order-list .tbody td:first-child { text-align: center; padding: 0; }

.step4 .order-list .score-wrap { text-align: right; margin: 10px 0; }

.step4 .order-list .score-wrap table { width: auto; display: inline-table; }

.step4 .order-list .score-wrap table td { border: 0 none; height: auto; padding: 5px 0; }

.step4 .order-list .score-wrap table td:first-child { color: #21679d; }

/** member */
.dash-line { position: relative; text-align: center; }

.dash-line span { display: inline-block; padding: 0 10px; background: #fff; position: relative; z-index: 1; margin: 0 auto; font-size: 24px; font-size: 2.4rem; }

.dash-line:before { position: absolute; left: 0; top: 49.5%; height: 1px; width: 100%; background: #e1e1e1; content: ''; }

#content .member { overflow: visible; }

.member header h1 { font-size: 24px; font-size: 2.4rem; font-weight: normal; }

.login-panel-new, .login-panel, .change-pass-panel, .password-panel { position: relative; z-index: 1; margin: 0 auto; }

.login-panel-new .form-wrap, .login-panel .form-wrap, .change-pass-panel .form-wrap, .password-panel .form-wrap { position: absolute; top: -150px; padding: 50px 39px; }

.login-panel-new .dash-line, .login-panel .dash-line, .change-pass-panel .dash-line, .password-panel .dash-line { margin: 25px auto; }

.login-panel-new a, .login-panel a, .change-pass-panel a, .password-panel a { font-size: 12px; font-size: 1.2rem; text-decoration: none; margin: 15px 10px; }

.login-panel-new a:hover, .login-panel a:hover, .change-pass-panel a:hover, .password-panel a:hover { text-decoration: underline; }

.login-panel-new .btn, .login-panel-new .compare h2, .compare .login-panel-new h2, .login-panel .btn, .login-panel .compare h2, .compare .login-panel h2, .change-pass-panel .btn, .change-pass-panel .compare h2, .compare .change-pass-panel h2, .password-panel .btn, .password-panel .compare h2, .compare .password-panel h2 { font-size: 18px; font-size: 1.8rem; display: block; height: 45px; line-height: 45px; width: 250px; margin: 20px auto; }

.login-panel-new .btn .input-btn, .login-panel-new .compare h2 .input-btn, .compare .login-panel-new h2 .input-btn, .login-panel .btn .input-btn, .login-panel .compare h2 .input-btn, .compare .login-panel h2 .input-btn, .change-pass-panel .btn .input-btn, .change-pass-panel .compare h2 .input-btn, .compare .change-pass-panel h2 .input-btn, .password-panel .btn .input-btn, .password-panel .compare h2 .input-btn, .compare .password-panel h2 .input-btn { font-size: 18px; font-size: 1.8rem; line-height: 45px; }

.login-panel-new .btn:hover, .login-panel-new .compare h2:hover, .compare .login-panel-new h2:hover, .login-panel .btn:hover, .login-panel .compare h2:hover, .compare .login-panel h2:hover, .change-pass-panel .btn:hover, .change-pass-panel .compare h2:hover, .compare .change-pass-panel h2:hover, .password-panel .btn:hover, .password-panel .compare h2:hover, .compare .password-panel h2:hover { text-decoration: none; }

.login-panel, .change-pass-panel, .password-panel { width: 404px; height: 310px; }

.login-panel .form-wrap, .change-pass-panel .form-wrap, .password-panel .form-wrap { width: 404px; height: 471px; background: url(../images/login-bg.png) center top no-repeat; }

.login-panel-new { width: 400px; height: 550px; }

.login-panel-new .form-wrap { width: 400px; height: 670px; background: url(../images/login-bg3.png) center top no-repeat; }

.login-panel-new .first-wrap span, .login-panel-new .login-wrap span { display: block; width: 100%; padding: 20px; margin: 25px auto 30px; font-size: 14px; background: #eee; border-radius: 5px; }

.login-panel-new .first-wrap:after { content: ''; display: block; width: 100%; height: 10px; background: linear-gradient(to right, #fff 0, transparent 20%, transparent 80%, #fff 100%), linear-gradient(to bottom, #ededed 0, transparent 100%); margin: 40px 0 20px; }

.change-pass-panel .form-wrap { top: -143px; padding: 43px 39px; height: 304px; background: url(../images/login-bg2.png) center top no-repeat; }

.login-form, .change-pass-form { position: relative; margin: 15px auto 10px; }

.login-form .bg-input1, .login-form .bg-input2, .change-pass-form .bg-input1, .change-pass-form .bg-input2 { padding: 0 50px 0 20px; }

.login-form .bg-input1 input, .login-form .bg-input2 input, .change-pass-form .bg-input1 input, .change-pass-form .bg-input2 input { border: 0 none; background: none; width: 100%; display: block; height: 50px; line-height: 50px; font-size: 15px; font-size: 1.5rem; }

.login-form .bg-input1, .change-pass-form .bg-input1 { background: url(../images/login-input1.png) left center no-repeat; }

.login-form .bg-input1:hover, .change-pass-form .bg-input1:hover { background: url(../images/login-input1-on.png) left center no-repeat; }

.login-form .bg-input2, .change-pass-form .bg-input2 { background: url(../images/login-input2.png) left center no-repeat; }

.login-form .bg-input2:hover, .change-pass-form .bg-input2:hover { background: url(../images/login-input2-on.png) left center no-repeat; }

.login-form .submit-btn, .change-pass-form .submit-btn { text-indent: -9999px; width: 48px; height: 49px; display: block; border: 0 none; position: absolute; right: 0; top: 50%; margin: -25px 0 0; background: url(../images/login-btn.png) center no-repeat; }

.login-form a, .change-pass-form a { text-decoration: none; }

.password-form { font-size: 14px; font-size: 1.4rem; }

.password-form > div { margin: 20px 0; }

.password-form .input-style, .password-form .step1 input[type="text"], .step1 .password-form input[type="text"], .password-form .step1 input[type="email"], .step1 .password-form input[type="email"], .password-form .step1 input[type="password"], .step1 .password-form input[type="password"], .password-form .step2 input[type="text"], .step2 .password-form input[type="text"], .password-form .step2 input[type="email"], .step2 .password-form input[type="email"], .password-form .step2 input[type="password"], .step2 .password-form input[type="password"], .password-form .step4 input[type="text"], .step4 .password-form input[type="text"], .password-form .step4 input[type="email"], .step4 .password-form input[type="email"], .password-form .step4 input[type="password"], .step4 .password-form input[type="password"], .password-form .step3 input, .step3 .password-form input { width: 100%; display: block; }

.password-form p { font-size: 12px; font-size: 1.2rem; margin: 10px 0; line-height: 2; }

.password-form .label { margin: 0 0 2px; display: block; }

.password-form .select-wrap { width: 80px; }

.password-form .select-wrap select { width: 100px; }

.password-form .select-wrap:first-child { width: 90px; }

.password-form .select-wrap:first-child select { width: 110px; }

.terms-panel, .modify-panel, .register-panel { position: relative; z-index: 1; width: 940px; height: 360px; margin: 0 auto; }

.terms-panel .form-wrap, .modify-panel .form-wrap, .register-panel .form-wrap { position: absolute; top: -130px; width: 100%; padding: 30px 50px; height: 510px; background: url(../images/register-bg.png) center top no-repeat; }

.terms-panel .radio-style, .modify-panel .radio-style, .register-panel .radio-style { padding: 0 0 0 20px; color: #333; }

.terms-panel .btn, .terms-panel .compare h2, .compare .terms-panel h2, .modify-panel .btn, .modify-panel .compare h2, .compare .modify-panel h2, .register-panel .btn, .register-panel .compare h2, .compare .register-panel h2 { position: absolute; display: block; right: 20px; bottom: 50px; width: 112px; margin: 0; }

.terms-panel .btn:hover, .terms-panel .compare h2:hover, .compare .terms-panel h2:hover, .modify-panel .btn:hover, .modify-panel .compare h2:hover, .compare .modify-panel h2:hover, .register-panel .btn:hover, .register-panel .compare h2:hover, .compare .register-panel h2:hover { text-decoration: none; }

.terms-panel .terms-wrap, .modify-panel .terms-wrap, .register-panel .terms-wrap { font-size: 14px; font-size: 1.4rem; margin: 15px auto; border: 1px solid #aaa; font-weight: bold; height: 332px; overflow: hidden; -webkit-box-shadow: compact(inset 0 3px 3px #bbb, false, false, false, false, false, false, false, false, false); -moz-box-shadow: compact(inset 0 3px 3px #bbb, false, false, false, false, false, false, false, false, false); box-shadow: compact(inset 0 3px 3px #bbb, false, false, false, false, false, false, false, false, false); }

.terms-panel .terms-text, .modify-panel .terms-text, .register-panel .terms-text { padding: 15px; }

.terms-panel p, .modify-panel p, .register-panel p { margin: 0 auto 15px; }

.terms-panel .mCSB_inside > .mCSB_container, .modify-panel .mCSB_inside > .mCSB_container, .register-panel .mCSB_inside > .mCSB_container { margin-right: 14px; }

.terms-panel .mCSB_scrollTools, .modify-panel .mCSB_scrollTools, .register-panel .mCSB_scrollTools { width: 14px; }

.terms-panel .mCSB_scrollTools a + .mCSB_draggerContainer, .modify-panel .mCSB_scrollTools a + .mCSB_draggerContainer, .register-panel .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 15px 0; }

.terms-panel .mCSB_scrollTools .mCSB_draggerRail, .modify-panel .mCSB_scrollTools .mCSB_draggerRail, .register-panel .mCSB_scrollTools .mCSB_draggerRail { border-radius: 0; width: 14px; background: #8ec3cd; }

.terms-panel .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .modify-panel .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .register-panel .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 0; width: 14px; background: #21689e; }

.terms-panel .mCSB_buttonUp, .terms-panel .mCSB_buttonDown, .modify-panel .mCSB_buttonUp, .modify-panel .mCSB_buttonDown, .register-panel .mCSB_buttonUp, .register-panel .mCSB_buttonDown { width: 14px; height: 15px; }

.terms-panel .mCSB_buttonUp, .modify-panel .mCSB_buttonUp, .register-panel .mCSB_buttonUp { background: url(../images/scroll-btn1.jpg) center no-repeat; }

.terms-panel .mCSB_buttonDown, .modify-panel .mCSB_buttonDown, .register-panel .mCSB_buttonDown { background: url(../images/scroll-btn2.jpg) center no-repeat; }

.terms-panel .btn, .terms-panel .compare h2, .compare .terms-panel h2 { right: 50px; }

.register-panel h1 span { font-size: 14px; font-size: 1.4rem; color: #21689e; margin: 0 10px; }

.register-panel h1 span i { color: #f00; margin: 0 5px; }

.register-panel .css-table { font-size: 14.5px; font-size: 1.45rem; width: auto; }

.register-panel .css-table > div { display: table-cell; vertical-align: middle; }

.register-panel .css-table > div i { color: #f00; margin: 0 5px; }

.register-panel .css-table label { margin: 0 5px; }

.register-panel .css-table a { font-size: 12px; font-size: 1.2rem; }

.register-panel .cell1 { width: 90px; }

.register-panel .cell2 { width: 300px; }

.register-panel .input-style, .register-panel .step1 input[type="text"], .step1 .register-panel input[type="text"], .register-panel .step1 input[type="email"], .step1 .register-panel input[type="email"], .register-panel .step1 input[type="password"], .step1 .register-panel input[type="password"], .register-panel .step2 input[type="text"], .step2 .register-panel input[type="text"], .register-panel .step2 input[type="email"], .step2 .register-panel input[type="email"], .register-panel .step2 input[type="password"], .step2 .register-panel input[type="password"], .register-panel .step4 input[type="text"], .step4 .register-panel input[type="text"], .register-panel .step4 input[type="email"], .step4 .register-panel input[type="email"], .register-panel .step4 input[type="password"], .step4 .register-panel input[type="password"], .register-panel .step3 input, .step3 .register-panel input { width: 270px; }

.register-panel ul li { margin: 15px 0; }

.register-panel .btn, .register-panel .compare h2, .compare .register-panel h2 { position: relative; display: inline-block; vertical-align: middle; margin: 0 10px; left: 0; top: 0; width: 80px; }

.register-panel .select-wrap { width: 60px; }

.register-panel .select-wrap select { width: 80px; }

.register-panel .select-wrap:first-child { width: 75px; }

.register-panel .select-wrap:first-child select { width: 95px; }

.register-panel .seccode { padding: 0 20px; }

.account-panel .detail-wrap { overflow: hidden; }

.account-panel .welcome { font-size: 15px; font-size: 1.5rem; display: block; margin: 10px auto 15px; padding: 0 20px; width: 950px; }

.account-panel a { text-decoration: none; }

.account-panel .tab-link { margin: 15px auto; width: 950px; }

.account-panel .list { font-size: 0; margin: 0 0 0 15px; width: 1000px; overflow: hidden; }

.account-panel .item { font-size: 13px; font-size: 1.3rem; width: 230px; display: inline-block; vertical-align: top; margin: 0 0 20px 10px; text-align: center; overflow: hidden; }

.account-panel .item ul, .account-panel .item li { margin: 0; padding: 0; }

.account-panel .item ul { display: inline-block; vertical-align: top; }

.account-panel .item li { margin: 5px 0 15px; text-align: left; }

.account-panel .item li a { text-decoration: none; font-weight: bold; }

.account-panel .item li a:hover { text-decoration: underline; }

.account-panel .item figure { margin: 10px auto; }

.account-panel .item .head-detail, .account-panel .item .aside .side-detail, .aside .account-panel .item .side-detail, .account-panel .item .side-group .pro-list, .side-group .account-panel .item .pro-list, .account-panel .item .products-detail .desc-detail .similar-pro .pro-list, .products-detail .desc-detail .similar-pro .account-panel .item .pro-list, .account-panel .item .step1 .more-shop .pro-list, .step1 .more-shop .account-panel .item .pro-list { height: 160px; }

.account-panel .item .label { font-size: 15px; font-size: 1.5rem; color: #21679d; }

.account-panel .item .price { font-size: 18px; font-size: 1.8rem; margin: 0 10px; color: #666; }

.account-panel .cycle-wrap { border-radius: 5px; position: relative; width: 950px; background: url(../images/bg-wrap01.jpg) repeat-x center top #ebebeb; border: 1px solid #d5d5d5; margin: 0 auto; height: 41px; overflow: hidden; }

.account-panel .cycle-wrap h3 { position: absolute; left: 15px; top: 0; height: 41px; line-height: 41px; color: #21679d; font-size: 14px; font-size: 1.4rem; }

.account-panel .cycle-wrap ul { display: inline-block; vertical-align: top; margin: 0 0 0 120px; }

.account-panel .cycle-wrap ul span { margin: 0 0 0 20px; }

.account-panel .cycle-wrap ul a { display: block; height: 41px; line-height: 41px; }

.account-panel .order-list { padding: 0 15px; }

.account-panel .order-list > li { width: 950px; margin: 0 auto 20px; padding: 0; }

.account-panel .order-list > li td { vertical-align: top; font-size: 14px; font-size: 1.4rem; }

.account-panel .order-list > li td span, .account-panel .order-list > li td a { display: block; margin: 0 auto 10px; }

.account-panel .order-list .tbody { position: relative; padding: 0 0 20px; }

.account-panel .order-list .tbody .left span { text-align: left; padding: 0 20px; width: 80%; }

.account-panel .order-list .foot { position: relative; width: 910px; margin: 0 auto; }

.account-panel .order-list .foot:before { border-radius: 5px; -webkit-box-shadow: compact(0 0 2px #ccc, false, false, false, false, false, false, false, false, false); -moz-box-shadow: compact(0 0 2px #ccc, false, false, false, false, false, false, false, false, false); box-shadow: compact(0 0 2px #ccc, false, false, false, false, false, false, false, false, false); content: ''; display: block; width: 100%; height: 4px; margin: 0 auto 15px; border: 1px solid #999; background: #80cad7; }

.account-panel .order-list .foot span { font-size: 14px; font-size: 1.4rem; font-weight: bold; display: inline-block; vertical-align: top; color: #21689e; }

.account-panel .order-list .foot span:first-child { padding: 0 20px 0 40px; background: url(../images/icon-plus02.png) 20px center no-repeat; }

.account-panel .ask-center { width: 950px; margin: 0 auto; }

.account-panel .ask-center .order-list { padding: 0; }

.account-panel .ask-center .order-list > li .thead td, .account-panel .ask-center .order-list > li .cart .delivery-area h2 td, .cart .delivery-area .account-panel .ask-center .order-list > li h2 td { color: #21689e; }

.account-panel .ask-center .order-list > li .tbody td { padding: 10px 0; }

.account-panel .ask-center .info-title { margin: 0 0 5px; }

.account-panel .ask-center .inquiry-form { font-size: 14px; font-size: 1.4rem; padding: 20px 0; }

.account-panel .ask-center .inquiry-form:before { border-radius: 5px; border: 1px solid #999; }

.account-panel .ask-center .inquiry-form table { position: relative; z-index: 1; width: 685px; margin: 0 auto; table-layout: fixed; }

.account-panel .ask-center .inquiry-form table td:first-child { width: 40px; padding: 20px 0; }

.account-panel .ask-center .inquiry-form table .select-wrap { width: 630px; height: 30px; line-height: 30px; }

.account-panel .ask-center .inquiry-form table .select-wrap select { width: 651px; line-height: 30px; font-size: 14px; font-size: 1.4rem; }

.account-panel .ask-center .inquiry-form table textarea { border-radius: 5px; display: block; width: 630px; height: 180px; background: none; border: 1px solid #ccc; }

.account-panel .ask-center .inquiry-form table .submit-wrap { padding: 20px 0; }

.account-panel .ask-center .inquiry-form table .submit-wrap .btn, .account-panel .ask-center .inquiry-form table .submit-wrap .compare h2, .compare .account-panel .ask-center .inquiry-form table .submit-wrap h2 { margin: 0 10px 0 0; }

.account-panel .ask-center .question-list > li { margin: 0 auto 20px; }

.account-panel .ask-center .question-list > li .thead td, .account-panel .ask-center .question-list > li .cart .delivery-area h2 td, .cart .delivery-area .account-panel .ask-center .question-list > li h2 td { font-size: 14px; font-size: 1.4rem; padding: 10px; color: #21689e; }

.account-panel .ask-center .question-list > li .tbody td { font-size: 14px; font-size: 1.4rem; padding: 20px 10px; }

.account-panel .ask-center .question-list a { text-decoration: underline; }

.account-panel .ask-center .ask-list .order-list .tbody, .account-panel .ask-center .ask-detail .order-list .tbody { padding: 0; }

.account-panel .ask-center .ask-list .order-list > li td, .account-panel .ask-center .ask-detail .order-list > li td { padding: 20px 10px; vertical-align: middle; }

.account-panel .ask-center .ask-list a, .account-panel .ask-center .ask-detail a { margin: 0 auto; }

.account-panel .ask-center .ask-detail .reply-wrap td { font-size: 14px; font-size: 1.4rem; }

.account-panel .ask-center .ask-detail .reply-wrap .tbody { padding: 0 0 30px; }

.account-panel .ask-center .ask-detail .reply-wrap .tbody td { vertical-align: top; }

.account-panel .ask-center .ask-detail .reply-wrap .text { text-align: left; padding: 15px 80px; }

.account-panel .ask-center .ask-detail .reply-wrap .text > div { line-height: 1; }

.account-panel .ask-center .ask-detail .reply-wrap .text p { line-height: 1.5; }

.account-panel .ask-center .ask-detail .answer { position: relative; }

.account-panel .ask-center .ask-detail .answer:before { border-radius: 5px; -webkit-box-shadow: compact(0 0 2px #ccc, false, false, false, false, false, false, false, false, false); -moz-box-shadow: compact(0 0 2px #ccc, false, false, false, false, false, false, false, false, false); box-shadow: compact(0 0 2px #ccc, false, false, false, false, false, false, false, false, false); content: ''; display: block; width: 96%; height: 4px; margin: 0 auto 15px; border: 1px solid #999; background: #80cad7; }

.modify-panel .form-wrap { height: 436px; background: url(../images/register-bg2.png) center top no-repeat; }

.modify-panel .form-wrap .submit-wrap { padding: 20px 100px; text-align: right; }

.modify-panel .form-wrap .submit-wrap .btn, .modify-panel .form-wrap .submit-wrap .compare h2, .compare .modify-panel .form-wrap .submit-wrap h2 { position: relative; margin: 0 0 0 10px; display: inline-block; vertical-align: top; left: 0; top: 0; width: auto; }

.modify-panel .form-wrap .submit-wrap .btn .input-btn, .modify-panel .form-wrap .submit-wrap .compare h2 .input-btn, .compare .modify-panel .form-wrap .submit-wrap h2 .input-btn { padding: 0 20px; }

.modify-form .css-table { font-size: 14.5px; font-size: 1.45rem; width: auto; }

.modify-form .css-table > div { display: table-cell; vertical-align: middle; }

.modify-form .css-table > div i { color: #f00; margin: 0 5px; }

.modify-form .css-table label { margin: 0 5px; }

.modify-form .css-table a { font-size: 12px; font-size: 1.2rem; }

.modify-form .cell1 { width: 90px; }

.modify-form .cell2 { width: 300px; }

.modify-form .input-style, .modify-form .step1 input[type="text"], .step1 .modify-form input[type="text"], .modify-form .step1 input[type="email"], .step1 .modify-form input[type="email"], .modify-form .step1 input[type="password"], .step1 .modify-form input[type="password"], .modify-form .step2 input[type="text"], .step2 .modify-form input[type="text"], .modify-form .step2 input[type="email"], .step2 .modify-form input[type="email"], .modify-form .step2 input[type="password"], .step2 .modify-form input[type="password"], .modify-form .step4 input[type="text"], .step4 .modify-form input[type="text"], .modify-form .step4 input[type="email"], .step4 .modify-form input[type="email"], .modify-form .step4 input[type="password"], .step4 .modify-form input[type="password"], .modify-form .step3 input, .step3 .modify-form input { width: 270px; }

.modify-form ul li { margin: 15px 0; }

/** contact */
.contact { margin: 0 auto; overflow: hidden; }

.contact .tab-link { margin: 15px auto 20px; width: 950px; }

.contact .tab-link a { text-decoration: none; }

.contact .contact-panel { font-size: 14px; font-size: 1.4rem; font-weight: bold; overflow: hidden; width: 950px; margin: 0 auto; }

.contact .contact-form { margin: 0 0 0 20px; width: 460px; float: left; }

.contact .contact-form i { color: #f00; margin: 0 5px; }

.contact .contact-form .form-wrap table { width: 100%; text-align: left; }

.contact .contact-form .form-wrap table .cell1 { width: 75px; }

.contact .contact-form .form-wrap table .cell2 { width: 160px; }

.contact .contact-form .form-wrap table .cell3 { width: 55px; padding-left: 5px; }

.contact .contact-form .form-wrap td { padding: 5px 0; vertical-align: top; }

.contact .contact-form .form-wrap caption { color: #21679d; text-align: left; padding: 5px 0; line-height: 1; }

.contact .contact-form .form-wrap a { font-size: 12px; font-size: 1.2rem; display: inline-block; vertical-align: middle; margin: 10px 0; }

.contact .contact-form .form-wrap .cap-wrap { width: 205px; text-align: right; float: left; }

.contact .contact-form .form-wrap .input-style, .contact .contact-form .form-wrap .step1 input[type="text"], .step1 .contact .contact-form .form-wrap input[type="text"], .contact .contact-form .form-wrap .step1 input[type="email"], .step1 .contact .contact-form .form-wrap input[type="email"], .contact .contact-form .form-wrap .step1 input[type="password"], .step1 .contact .contact-form .form-wrap input[type="password"], .contact .contact-form .form-wrap .step2 input[type="text"], .step2 .contact .contact-form .form-wrap input[type="text"], .contact .contact-form .form-wrap .step2 input[type="email"], .step2 .contact .contact-form .form-wrap input[type="email"], .contact .contact-form .form-wrap .step2 input[type="password"], .step2 .contact .contact-form .form-wrap input[type="password"], .contact .contact-form .form-wrap .step4 input[type="text"], .step4 .contact .contact-form .form-wrap input[type="text"], .contact .contact-form .form-wrap .step4 input[type="email"], .step4 .contact .contact-form .form-wrap input[type="email"], .contact .contact-form .form-wrap .step4 input[type="password"], .step4 .contact .contact-form .form-wrap input[type="password"], .contact .contact-form .form-wrap .step3 input, .step3 .contact .contact-form .form-wrap input { width: 100%; }

.contact .contact-form .form-wrap textarea { border-radius: 5px; width: 100%; padding: 10px; background: none; border: 1px solid #dcdcdc; }

.contact .contact-form .form-wrap textarea:hover { border-color: #73B7C2; -webkit-box-shadow: compact(0 0 3px #73B7C2, false, false, false, false, false, false, false, false, false); -moz-box-shadow: compact(0 0 3px #73B7C2, false, false, false, false, false, false, false, false, false); box-shadow: compact(0 0 3px #73B7C2, false, false, false, false, false, false, false, false, false); }

.contact .contact-form .form-wrap .submit-wrap .btn, .contact .contact-form .form-wrap .submit-wrap .compare h2, .compare .contact .contact-form .form-wrap .submit-wrap h2 { margin: 0 10px 0 0; }

.contact .contact-information { position: relative; width: 390px; float: right; margin: 0 60px 0 0; }

.contact .contact-information h2 { border-bottom: 2px solid #E9E9E9; margin: 0 10px; padding: 5px 0 10px; line-height: 1; }

.contact .contact-information ul { margin: 10px 10px 20px; }

.contact .contact-information ul > li { font-size: 13px; font-size: 1.3rem; padding: 5px 0; border-bottom: 1px dotted #E9E9E9; }

.contact .contact-information ul > li span { margin-right: 5px; }

.contact .contact-information a { text-decoration: none; color: #21679d; }

.contact .contact-information .google-map { position: relative; }

.contact .contact-information .google-map iframe { width: 100%; display: block; position: relative; z-index: 1; margin: 0 auto; }

.contact .contact-information .social-link { position: absolute; right: 10px; top: 0; }

.contact .contact-information .social-link a { display: inline-block; vertical-align: top; width: 20px; height: 20px; }

.contact .contact-information .social-link img { max-width: 100%; }

.location { font-size: 14px; font-size: 1.4rem; }

.location .tab-link { margin: 15px auto 20px; width: 950px; }

.location .tab-link a { text-decoration: none; text-align: center; }

.location .location-list { width: 950px; margin: 0 auto; font-weight: bold; }

.location .location-list > ul { display: table; margin: 0 auto 30px; table-layout: fixed; border-bottom: 1px solid #ccc; background: url(../images/bg-shadow04.png) center no-repeat; }

.location .location-list > ul > li { display: table-cell; vertical-align: top; width: 475px; height: 180px; padding: 0 0 15px; }

.location .location-list dl { margin: 0; padding: 0; overflow: hidden; }

.location .location-list dl dt { float: left; clear: left; }

.location .location-list dl dd { margin: 0 0 0 40px; }

.location .location-list h3 { font-size: 15px; font-size: 1.5rem; margin: 0 15px 15px; border-bottom: 2px solid #ebebeb; }

.location .location-list .flag { padding: 0; }

.location .location-list .flag img { max-width: none; }

.location .location-list .flag, .location .location-list .address { font-size: 13px; font-size: 1.3rem; line-height: 1.5; padding: 0 15px; display: table-cell; vertical-align: top; }

.location .location-list .flag a, .location .location-list .address a { text-decoration: none; color: #21679d; }

.location .location-list .address { border-left: 1px solid #ebebeb; }

.location .note { font-size: 14px; font-size: 1.4rem; font-weight: bold; width: 950px; margin: 0 auto; }

.location .note span, .location .note .btn, .location .note .compare h2, .compare .location .note h2 { display: inline-block; vertical-align: middle; }

.location .note .btn, .location .note .compare h2, .compare .location .note h2 { margin: 0 20px; width: auto; height: 26px; line-height: 26px; padding: 0 10px; }

.cbox-wrap { font-size: 14px; font-size: 1.4rem; width: 820px; height: 295px; background: url(../images/bg-shadow04.png) center no-repeat; margin: 0 auto; overflow: hidden; font-weight: bold; }

.cbox-wrap a { text-decoration: none; }

.cbox-wrap .form-wrap { padding: 30px 0; }

.cbox-wrap h2 { font-size: 24px; font-size: 2.4rem; margin: 0 0 20px; }

.cbox-wrap .login-form { float: left; margin: 0 50px; }

.cbox-wrap .login-form td { padding: 5px 0; }

.cbox-wrap .login-form td:first-child { width: 70px; }

.cbox-wrap .login-form .btn, .cbox-wrap .login-form .compare h2, .compare .cbox-wrap .login-form h2 { height: auto; line-height: 26px; }

.cbox-wrap .fast-buy { margin: 0 0 0 50%; }

.cbox-wrap .fast-buy h2 { width: 284px; margin: 0 auto 20px; }

.cbox-wrap .fast-buy a { font-size: 14px; font-size: 1.4rem; border-radius: 5px; display: block; background: #e9e9e9; padding: 10px 20px; width: 284px; margin: 0 auto; }

.cbox-wrap .fast-buy .note { display: block; line-height: 2; }

/** 字型 */
@font-face { font-family: 'myriadpro_regular'; src: url("../../font/myriadpro_regular/MyriadPro-Regular.eot?") format("eot"), url("../../font/myriadpro_regular/MyriadPro-Regular.woff") format("woff"), url("../../font/myriadpro_regular/MyriadPro-Regular.ttf") format("truetype"), url("../../font/myriadpro_regular/MyriadPro-Regular.svg#MyriadPro-Regular") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'amazone_btregular'; src: url("../../font/AMAZONRG.eot"); src: url("../../font/AMAZONRG.eot?#iefix") format("embedded-opentype"), url("../../font/AMAZONRG.woff2") format("woff2"), url("../../font/AMAZONRG.woff") format("woff"), url("../../font/AMAZONRG.ttf") format("truetype"), url("../../font/AMAZONRG.svg#amazone_btregular") format("svg"); font-weight: normal; font-style: normal; }

/*# sourceMappingURL=style.css.map */