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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 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: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

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

.font1, html, #layout header #chartCarList #carRight { font-size: 12px; line-height: 18px; }

.font2, .price, #layout .product .price, .h4, #layout .product h4, #layout .productList #productRight h4, .h5, #layout #order h5, #layout #relatedProduct h5, #layout header #chartCarList #carTotle, #layout header #chartCarList .addCart, #layout header #chartCarList .buy, #layout header #chartCarList .buyButton, #layout header #chartCarList #contactForm button, #layout #contactForm header #chartCarList button, #layout header #chartCarList #order #orderForm #orderSubmit, #layout #order #orderForm header #chartCarList #orderSubmit, #layout marquee li, #layout #aboutContent, #layout #newsList li .newsContent, #layout .newsMore, #layout .productList #productRight #askService, #layout #producrContent .ui-tabs-nav li a { font-size: 14px; line-height: 21px; }

.font3, #layout section .listContent li:nth-child(2), #layout footer #footerLeft li a, #layout footer #footerLeft p, #layout .cartMoreList .cartRight, #layout #contactForm label, #layout #order #orderForm label, #layout aside li, #layout #breadcrumbs { font-size: 16px; line-height: 24px; }

.font4, #layout #contactInfor, #layout #order h5 span, #layout #order #orderPrice, #layout .productList #productRight .price { font-size: 18px; line-height: 27px; }

.font5, .newsTitle h4, #layout header #chartCar a, #layout header nav li, #layout section .listContent li:nth-child(1), #layout section #menu h3, #layout #aboutContent h5, #layout aside h3 { font-size: 20px; line-height: 30px; }

.font6 { font-size: 22px; line-height: 33px; }

.font7, .title h3, #layout section #menu h1, #layout #aboutContent h4, #layout #contactInfor li:nth-child(1) { font-size: 24px; line-height: 36px; }

.font8 { font-size: 26px; line-height: 39px; }

.font9 { font-size: 28px; line-height: 42px; }

.font10 { font-size: 30px; line-height: 45px; }

.font11 { font-size: 32px; line-height: 48px; }

.font12 { font-size: 34px; line-height: 51px; }

.font13, .title h1 { font-size: 36px; line-height: 54px; }

.font14 { font-size: 38px; line-height: 57px; }

.font15 { font-size: 40px; line-height: 60px; }

.font16 { font-size: 42px; line-height: 63px; }

.font17 { font-size: 44px; line-height: 66px; }

.font18 { font-size: 46px; line-height: 69px; }

.font19 { font-size: 48px; line-height: 72px; }

.font20 { font-size: 50px; line-height: 75px; }

#step1 { margin: 20px 0; float: left; width: 100%; }

#step2 { margin: 20px 0; float: left; width: 100%; }

#step3 { margin: 20px 0; float: left; width: 100%; }

#step4 { margin: 20px 0; float: left; width: 100%; }

#step5 { margin: 20px 0; float: left; width: 100%; }

#step6 { margin: 20px 0; float: left; width: 100%; }

.clear { clear: both; }

.space30 { clear: both; height: 30px; }

.floatRight { float: right !important; }

.floatLeft { float: left !important; }

.title { padding: 30px 0; }
.title h1 { color: #1788d6; }
.title h3 { width: 40%; margin: 0 auto; color: #c10b19; text-transform: capitalize; }
.title h3:before { float: left; }
.title h3:after { float: right; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.title h3:before, .title h3:after { content: ''; margin-top: 12px; display: block; background: url('../images/h3Bar.png?1448085706'); width: 145px; height: 12px; }
.title h1, .title h3 { font-weight: bolder; text-align: center; }

.liLast { border-right: none !important; }

.bgGray { background: #efefef; }

.hoverimg, #layout section .listimg:after, #layout section .listB:after { content: ''; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; opacity: 0; position: absolute; background: url('../images/hover.png?1448172568') no-repeat rgba(0, 0, 0, 0.5) center; left: 0; bottom: 0; }

.hoverafter, #layout section .listContent:after, #layout #newsList li .newsContent:after { content: '...'; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; background: #fff; position: absolute; right: 0; bottom: 0; text-align: center; width: 21px; height: 30px; }

.square, #layout header nav li .slideMenu li a:before, #layout #order #orderPrice li:before, #layout aside li:before { content: ''; width: 8px; height: 8px; background: #f39800; display: inline-block; margin: 2px 10px; border-radius: 99px; }

.floatLeft { float: left; clear: none !important; }

select { height: 30px; width: 100%; border: 1px solid #dfdfdf; outline-color: #898c90; }

.price, #layout .product .price { color: #a90a16; float: right; padding: 10px 0; font-weight: bolder; }

.buy, .buyButton, #layout #contactForm button, #layout #order #orderForm #orderSubmit, #layout .product .buy { background: #1788d6; color: #fff; border: 1px solid #1788d6; outline: none; }
.buy:hover, .buyButton:hover, #layout #contactForm button:hover, #layout #order #orderForm #orderSubmit:hover, #layout .product .buy:hover { border-color: #1788d6; color: #1788d6; background: none; }

.addCart, #layout .product .addCart { border: 1px solid #1788d6; color: #1788d6; display: block; background: none; }
.addCart:hover, #layout .product .addCart:hover { background: #1788d6; color: #fff; }

.buy, .buyButton, #layout #contactForm button, #layout #order #orderForm #orderSubmit, #layout .product .buy, .addCart, #layout .product .addCart { padding: 5px; cursor: pointer; text-align: center; }

.h4, #layout .product h4, #layout .productList #productRight h4 { color: #898c90; font-weight: bolder; border-bottom: 1px solid #dfdfdf; padding: 10px 0; }

.h5, #layout #order h5, #layout #relatedProduct h5 { font-weight: bolder; border-bottom: 1px solid #dfdfdf; position: relative; margin-bottom: 30px; padding: .5em 1em; }
.h5:after, #layout #order h5:after, #layout #relatedProduct h5:after { content: ''; width: 100px; height: 3px; bottom: 0; background: black; position: absolute; left: 0; }

.productList { padding: 1em 1.4em; }

.num, #layout #contactForm input, #layout #contactForm select, #layout #order #orderForm input, #layout .product .num, #layout .productList #productRight .numhalf { clear: both; width: 128px; height: 30px; margin: 5px; }
.num select, #layout #contactForm input select, #layout #contactForm select select, #layout #order #orderForm input select, #layout .product .num select, #layout .productList #productRight .numhalf select { width: 128px; height: 30px; border: 1px solid #dfdfdf; }

.mtb10 { margin: 10px 0; }

.mb10 { margin-bottom: 10px; }

.pl10 { padding-left: 10px; }

.bobnone, #layout #producrContent, #layout #producrContent .ui-tabs-nav, #layout #producrContent .ui-tabs-nav li { background: none; outline: none; border: none; }

.newsTitle { border-bottom: 1px solid #dfdfdf; float: left; width: 100%; }
.newsTitle h4 { font-weight: bolder; float: left; padding: 10px 0; }
.newsTitle .newsTime { float: right; }

.input, #layout #contactForm input, #layout #contactForm textarea, #layout #contactForm select, #layout #order #orderForm input, #layout #order #orderForm textarea { width: 100%; border: 1px solid #dfdfdf; border-width: 3px; outline-color: #898c90; }

.buyButton, #layout #contactForm button, #layout #order #orderForm #orderSubmit { float: right; width: 150px; height: 50px; }

.remove, #layout #order #orderForm input.remove { position: absolute; width: 30px; height: 30px; background: url('../images/remove.png?1432204810') no-repeat; background-size: contain; border: none; bottom: 10px; right: 10px; cursor: pointer; opacity: .3; outline: none; }
.remove:hover, #layout #order #orderForm input.remove:hover { opacity: .4; }

* { margin: 0; padding: 0; }

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

html { box-sizing: border-box; }

body { height: 100%; }
body a, body button { -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; text-decoration: none; color: #3c4347; }
body a:hover, body button:hover { -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; color: #08568a; }
body li { -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; }
body li:hover { -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; }

#layout { margin: 0 auto; width: 100%; letter-spacing: 1px; min-width: 1280px; font-family: Open Sans, Microsoft JhengHei, sans-serif; color: #333; }
#layout .container { position: relative; width: 1200px; margin: 0 auto; }
#layout #main #ad { margin-top: 10px; }
#layout #main #ad img { width: 1200px; height: 533px; }
#layout #ad img { width: 100%; height: 435px; }
#layout header { position: relative; height: 120px; -moz-box-shadow: 0px 0px 5px 5px #ccc; -webkit-box-shadow: 0px 0px 5px 5px #ccc; box-shadow: 0px 0px 5px 5px #ccc; }
#layout header #headerLeft { position: absolute; background: #e8ebee; width: 20%; height: 120px; }
#layout header #headerRight { position: absolute; width: 80%; right: 0; }
#layout header #headerRight li:nth-child(1) { background: #0070A8; height: 52px; }
#layout header #headerRight li:nth-child(2) { background: #00ADFF; height: 68px; }
#layout header #logo { position: absolute; /*padding-left: 65px;*/ }
#layout header #search { right: 205px; }
#layout header #search #searchForm { position: relative; }
#layout header #search #searchInput { width: 265px; height: 25px; }
#layout header #search #searchSubmit { width: 25px; height: 25px; border: none; cursor: pointer; position: absolute; right: 0; top: 0; background: url('../images/search.png?1448030905') no-repeat; }
#layout header #chartCar { background: url('../images/cart.png?1448030998') no-repeat; right: 0; padding: 0 65px 20px 40px; z-index: 2; }
#layout header #chartCar a { color: #ccebff; }
#layout header #chartCar a:hover { color: #fff; }
#layout header #chartCarList { display: none; width: 240px; padding: 10px; word-break: break-all; background: #3b4346; color: #ccebff; position: absolute; right: 34px; top: 45px; z-index: 2; }
#layout header #chartCarList:after { content: ''; width: 0; height: 0; position: absolute; top: -10px; left: 150px; border-style: solid; border-width: 0 5px 10px 5px; border-color: transparent transparent #3b4346 transparent; }
#layout header #chartCarList .carList { clear: both; margin: 10px 0; border-bottom: 1px solid #dfdfdf; float: left; }
#layout header #chartCarList #carLeft img { width: 90px; height: 69px; }
#layout header #chartCarList #carRight { width: 130px; padding-left: 10px; }
#layout header #chartCarList #carRight li { height: 16px; overflow: hidden; }
#layout header #chartCarList #carRight li:nth-child(1) { height: 35px; }
#layout header #chartCarList #carRight li:nth-child(3) { color: #fff; }
#layout header #chartCarList #carLeft, #layout header #chartCarList #carRight { float: left; }
#layout header #chartCarList #carTotle { clear: both; background: #ccebff; height: 30px; line-height: 30px; margin: 10px 0; color: #3b4346; text-align: center; font-weight: bolder; }
#layout header #chartCarList .addCart, #layout header #chartCarList .buy, #layout header #chartCarList .buyButton, #layout header #chartCarList #contactForm button, #layout #contactForm header #chartCarList button, #layout header #chartCarList #order #orderForm #orderSubmit, #layout #order #orderForm header #chartCarList #orderSubmit { width: 105px; }
#layout header #chartCarList .addCart { float: left; }
#layout header #chartCarList .buy, #layout header #chartCarList .buyButton, #layout header #chartCarList #contactForm button, #layout #contactForm header #chartCarList button, #layout header #chartCarList #order #orderForm #orderSubmit, #layout #order #orderForm header #chartCarList #orderSubmit { float: right; }
#layout header #search, #layout header #chartCar { position: absolute; top: 15px; }
#layout header nav { position: absolute; right: 40px; top: 72px; }
#layout header nav li { float: left; padding: 0 24px; border-right: 1px solid #3c4347; }
#layout header nav li:hover { background: #a3bccc; }
#layout header nav li:hover a { color: #094771; }
#layout header nav li .slideMenu { position: absolute; z-index: 99; margin: -15px 0 0 -24px; display: none; padding-top: 25px; }
#layout header nav li .slideMenu:after { content: ''; width: 0; height: 0; position: absolute; top: 15px; left: 62px; border-style: solid; border-width: 0 5px 10px 5px; border-color: transparent transparent #3b4346 transparent; }
#layout header nav li .slideMenu li { border: none; background: #3c4347; clear: both; width: 100%; padding: 5px 15px 5px 0; }
#layout header nav li .slideMenu li:hover { background: #a3bccc; }
#layout header nav li .slideMenu li:hover a { color: #094771; }
#layout header nav li .slideMenu li a { color: #ebeff2; }
#layout header nav li a { font-weight: bolder; }
#layout marquee { height: 35px; background: #3c4347; color: #d2d5d8; margin-bottom: -4px; }
#layout marquee li { float: left; margin-right: 30px; line-height: 35px; }
#layout section { clear: both; }
#layout section .listA { width: 350px; height: 360px; margin: 30px 23px; display: inline-block; }
#layout section .listA:hover { -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; }
#layout section .listA:hover .listimg:after { opacity: 1; }
#layout section .listA:hover .listContent { background: #000; }
#layout section .listA:hover .listContent:after { background: #000; color: #ccc; }
#layout section .listA:hover .listContent li:nth-child(2) { color: #ccc; }
#layout section .listimg { width: 350px; height: 250px; position: relative; overflow: hidden; }
#layout section .listimg:after { width: 350px; height: 250px; }
#layout section .listContent { background: #fff; padding: 5px; height: 110px; overflow: hidden; position: relative; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; }
#layout section .listContent li:nth-child(1) { color: #f39800; }
#layout section .listContent li:nth-child(2) { color: #898c90; overflow: hidden; }
#layout section #sliderB { width: 50%; height: 800px; float: left; }
#layout section #menu { background: url('../images/menu.jpg?1448090091') no-repeat; width: 50%; height: 800px; float: right; }
#layout section #menu h1 { width: 300px; border-bottom: 1px solid #98968f; }
#layout section #menu h3 { margin-top: -1px; }
#layout section #menu h3:before { content: ''; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; padding-right: 10px; height: 15px; display: inline-block; border-left: 150px solid #98968f; vertical-align: top; }
#layout section #menu h1, #layout section #menu h3 { color: #6c685e; }
#layout section #menu li:hover h3:before { -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; border-left-width: 200px; }
#layout section #menu li:nth-child(1) { margin: 40px 0 0 40px; }
#layout section #menu li:nth-child(2) { margin: 190px 0 0 330px; }
#layout section #menu li:nth-child(2) h1, #layout section #menu li:nth-child(2) h3, #layout section #menu li:nth-child(3) h1, #layout section #menu li:nth-child(3) h3 { color: #ffebca; }
#layout section #menu li:nth-child(2) h3:before, #layout section #menu li:nth-child(2) h1, #layout section #menu li:nth-child(3) h3:before, #layout section #menu li:nth-child(3) h1 { border-color: #ffc600; }
#layout section #menu li:nth-child(3) { margin: 60px 0 0 50px; }
#layout section #menu li:nth-child(4) { margin: 200px 0 0 325px; }
#layout section .listB { float: left; margin: 30px; position: relative; }
#layout section .listB img { width: 540px; height: 240px; }
#layout section .listB:after { width: 540px; height: 240px; }
#layout section .listB:hover:after { opacity: 1; }
#layout section .author { text-align: center; }
#layout section .author img { height: 100px; margin: 20px; }
#layout footer { background: #3c4347; float: left; width: 100%; padding-top: 15px; }
#layout footer #footerLeft { padding-left: 65px; }
#layout footer #footerLeft img { float: right; margin: -75px 65px 0; }
#layout footer #footerLeft li { float: left; border-right: 1px solid #fff; padding: 0 15px; }
#layout footer #footerLeft li:hover a { text-decoration: underline; }
#layout footer #footerLeft li a { color: #fff; }
#layout footer #footerLeft p { color: #bdc5ca; clear: both; padding: 10px 0 0 15px; }
#layout footer #footerLeft p a { color: #fff; }

#layout #aboutContent { margin-bottom: 50px; }
#layout #aboutContent h4, #layout #aboutContent h5 { font-weight: bolder; margin: 30px 0 20px 0; }
#layout #aboutContent h5 { color: #f39800; }
#layout #aboutContent h4 { color: #1788d6; }
#layout #aboutContent p, #layout #aboutContent img { margin: 10px 0; }
#layout #aboutContent img { max-width: 1200px; }

#layout .cartMoreList { width: 100%; padding: 10px 0; margin: 10px 0; float: left; border: 1px solid #dfdfdf; position: relative; }
#layout .cartMoreList img { float: left; margin: 20px; width: 120px; height: 92px; }
#layout .cartMoreList img:hover { opacity: .7; }
#layout .cartMoreList .cartRight { float: right; padding: 20px 0 0 10px; width: 780px; height: 115px; }
#layout .cartMoreList .cartRight li:nth-child(1) { font-weight: bolder; color: black; }
#layout .cartMoreList .cartRight li:nth-child(3) { color: #c10b19; }
#layout #aside_cart li:nth-child(3) { color: #c10b19; }
#layout #aside_cart li:hover { background: none; }
#layout #aside_cart .buy, #layout #aside_cart .buyButton, #layout #aside_cart #contactForm button, #layout #contactForm #aside_cart button, #layout #aside_cart #order #orderForm #orderSubmit, #layout #order #orderForm #aside_cart #orderSubmit, #layout #aside_cart .addCart { width: 180px; margin: 10px; }

#layout #contactForm { width: 50%; float: left; }
#layout #contactForm label { width: 100%; display: inline-block; margin: 10px 0; }
#layout #contactForm input, #layout #contactForm select { height: 40px; }
#layout #contactInfor { width: 45%; margin: 20px 0 0 5%; float: left; }
#layout #contactInfor img { width: 100px; vertical-align: middle; }
#layout #contactInfor ul { margin-top: 30px; border-top: 1px solid #dfdfdf; }
#layout #contactInfor li { margin: 10px 0; }
#layout #contactInfor li:nth-child(1) { font-weight: bolder; }
#layout #contactInfor li svg { width: 20px; height: 20px; margin: 0 10px; vertical-align: middle; }

#layout #newsList { margin-top: 10px; clear: both; }
#layout #newsList li { margin: 20px 0; height: 155px; overflow: hidden; border: 1px solid #dfdfdf; border-radius: 3px; border-left-width: 10px; padding: 10px; }
#layout #newsList li:hover { border-color: black; color: black; }
#layout #newsList li .newsTitle, #layout #newsList li .newsContent { clear: both; }
#layout #newsList li .newsContent { height: 100px; padding: 5px 0; position: relative; }
#layout #newsList li .newsContent:after { content: '>More'; width: 85px; height: 32px; background: #fff; color: #f39800; }
#layout .newsMore { padding: 10px; clear: both; }
#layout .newsMore img { max-width: 980px; }
#layout .newsMore p, #layout .newsMore img, #layout .newsMore iframe { margin: 10px 0; }

#layout #order h5 span { padding-right: 30px; }
#layout #order .cartRight { width: 1008px; }
#layout #order #orderPrice { float: right; }
#layout #order #orderPrice li { margin: 10px 0; }
#layout #order #orderPrice li.colorRed { border-top: 1px solid #dfdfdf; border-color: #898c90; color: #c10b19; font-weight: bolder; }
#layout #order #orderForm label { width: 50%; float: left; padding: 1%; }
#layout #order #orderForm label span { color: #f39800; }
#layout #order #orderForm input { height: 40px; }
#layout #order #orderForm input#orderCode, #layout #order #orderForm input#orderaddress, #layout #order #orderForm input#receiveCode, #layout #order #orderForm input#receiveaddress { display: inline-block; clear: none; }
#layout #order #orderForm input#orderCode, #layout #order #orderForm input#receiveCode { width: 10%; }
/*#layout #order #orderForm input#orderaddress, #layout #order #orderForm input#receiveaddress { width: 86%; float: right; }*/
#layout #order #orderForm input#equalOrder, #layout #order #orderForm input[type='radio'] { float: left; width: 15px; height: 15px; }
#layout #order #orderForm textarea { width: 100%; outline-color: #898c90; }

#layout aside { border: 1px solid #a3bccc; border-radius: 3px; width: 200px; margin: 0 10px 30px 10px; float: left; }
#layout aside h3 { background: #ccebff; padding: 5px; font-weight: bolder; border-bottom: 1px solid #dfdfdf; word-break: break-all; }
#layout aside li { padding: 5px; font-weight: bolder; position: relative; }
#layout aside li:before { margin: 7px 10px; vertical-align: top; }
#layout aside li a { width: 153px; word-break: break-all; display: inline-block; }
#layout aside li.active, #layout aside li:hover { background: #3b4346; }
#layout aside li.active a, #layout aside li:hover a { color: #fff; }
#layout aside .dropdownLeft { display: none; position: absolute; background: #fff; border: 1px solid #a3bccc; border-radius: 3px; width: 200px; left: 198px; top: 0; }
#layout aside .dropdownLeft li:hover a { color: #fff; }
#layout aside .dropdownLeft li a { color: #333; }
#layout aside .asideAd { padding: 10px 0 5px 0; border-top: 1px solid #a3bccc; width: 198px; overflow: hidden; }
#layout aside .asideAd:hover img { -moz-transition: all 5s; -o-transition: all 5s; -webkit-transition: all 5s; transition: all 5s; -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }
#layout aside .asideAd img { -moz-transition: all 5s; -o-transition: all 5s; -webkit-transition: all 5s; transition: all 5s; width: 200px; }
#layout #breadcrumbs { background: #dfdfdf; float: left; width: 100%; padding: 10px; }
#layout #breadcrumbs li { float: left; }
#layout #breadcrumbs li a { color: #898c90; }
#layout #breadcrumbs li a:hover { color: #1788d6; }
#layout #breadcrumbs li a:after { content: '>'; padding: 0 10px; }
#layout .sort { margin-bottom: 10px; float: right; }
#layout .sort select { width: 134px; height: 30px; }
#layout #page { float: right; }
#layout #page a.active { background: #898c90; color: #fff; }
#layout #page a { float: left; width: 25px; height: 25px; border: 1px solid #dfdfdf; text-align: center; line-height: 25px; margin: 1px; }
#layout #page a:hover { background: #898c90; color: #fff; }
#layout .productList { width: 980px; float: right; clear: none; }
#layout .product { width: 315px; padding: 13px; float: left; border: 1px solid #fff; border-bottom-width: 10px; text-align: center; }
#layout .product:nth-child(2) { clear: none; }
#layout .product:hover { border-color: #dfdfdf; }
#layout .product img { max-width: 288px; max-height: 221px; }
#layout .product h4 { text-align: left; }
#layout .product .numhalf { width: 128px; margin: 5px; float: left; }
#layout .product .buyButton, #layout .product #contactForm button, #layout #contactForm .product button, #layout .product #order #orderForm #orderSubmit, #layout #order #orderForm .product #orderSubmit, #layout .product .buy, #layout .product .addCart { float: left; width: 128px; margin: 7.5px; }

#layout .productList #productLeft { width: 750px; }
#layout .productList #productLeft #bigPImage { width: 600px; height: 460px; text-align: center; }
#layout .productList #productLeft #bigPImage img { max-width: 600px; max-height: 460px; height: 460px; }
#layout .productList #productLeft #moreImageList { position: relative; margin-left: 10px; width: 100px; height: 460px; overflow: hidden; }
#layout .productList #productLeft #moreImageList ul { position: absolute; }
#layout .productList #productLeft #moreImageList li { border: 1px solid #dfdfdf; padding: 3px; width: 100px; height: 75.33333px; margin-bottom: 6px; text-align: center; }
#layout .productList #productLeft #moreImageList li img { max-width: 92px; max-height: 70px; }
#layout .productList #productLeft #moreImageList #arrowTop, #layout .productList #productLeft #moreImageList #arrowBottom { cursor: pointer; position: absolute; z-index: 1; padding: 4px; }
#layout .productList #productLeft #moreImageList #arrowTop { top: -10px; -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
#layout .productList #productLeft #moreImageList #arrowBottom { bottom: -15px; }
#layout .productList #productLeft #bigPImage, #layout .productList #productLeft #moreImageList { float: left; }
#layout .productList #productRight { width: 230px; position: relative; float: right; padding-left: 15px; overflow: hidden; }
#layout .productList #productRight h4 { color: black; padding: 5px 0; }
#layout .productList #productRight p { margin: 5px 0; overflow: hidden; color: #898c90; }
#layout .productList #productRight .buy, #layout .productList #productRight .buyButton, #layout .productList #productRight #contactForm button, #layout #contactForm .productList #productRight button, #layout .productList #productRight #order #orderForm #orderSubmit, #layout #order #orderForm .productList #productRight #orderSubmit, #layout .productList #productRight .addCart, #layout .productList #productRight .num, #layout .productList #productRight #contactForm input, #layout #contactForm .productList #productRight input, #layout .productList #productRight #contactForm select, #layout #contactForm .productList #productRight select, #layout .productList #productRight #order #orderForm input, #layout #order #orderForm .productList #productRight input, #layout .productList #productRight .numhalf { width: 215px; margin: 5px 0; }
#layout .productList #productRight .numhalf { clear: none; width: 106.5px; height: auto; float: left; }
#layout .productList #productRight .numhalf #numSize { margin-right: 1px; }
#layout .productList #productRight .numhalf #numColor { margin-left: 1px; }
#layout .productList #productRight .numhalf #numSize, #layout .productList #productRight .numhalf #numColor { width: 106.5px; }
#layout .productList #productRight .num select, #layout .productList #productRight #contactForm input select, #layout #contactForm .productList #productRight input select, #layout .productList #productRight #contactForm select select, #layout #contactForm .productList #productRight select select, #layout .productList #productRight #order #orderForm input select, #layout #order #orderForm .productList #productRight input select, #layout .productList #productRight .numhalf select { width: 215px; }
#layout .productList #productRight #askService { width: 100%; padding: 10px; bottom: 0; font-weight: bolder; background: #ececec; }
#layout .productList #productRight #askService a { color: #1788d6; }
#layout .productList #productRight #askService a:hover { text-decoration: underline; }
#layout #producrContent { font-family: Open Sans, Microsoft JhengHei, sans-serif; overflow: hidden; }
#layout #producrContent img, #layout #producrContent iframe { max-width: 980px; margin: 10px 0; vertical-align: top; }
#layout #producrContent .ui-tabs-nav { border-bottom: 1px solid #dfdfdf; }
#layout #producrContent .ui-tabs-nav li { margin: 0 10px; }
#layout #producrContent .ui-tabs-nav li a { outline: none; color: #3b4346; }
#layout #producrContent .ui-tabs-nav li.ui-state-active { border-bottom: 3px solid black; }
#layout #producrContent .ui-tabs-nav li.ui-state-active a { color: black; }
#layout #relatedProduct .productList { padding: 1em 1.4em; }
#layout #relatedProduct li { width: 176px; height: 210px; overflow: hidden; padding: 13px; border: 1px solid #dfdfdf; border-color: white; margin: 0 13px 10px 0; float: left; }
#layout #relatedProduct li:hover { border-color: #dfdfdf; }
#layout #relatedProduct li img { width: 150px; height: 115px; }