/* Base */
html { overflow: -moz-scrollbars-vertical; }
html,body,form,input,select{ margin: 0px; padding: 0px; }
a{ text-decoration: none; cursor: pointer; }
a img { border: none; }
input:focus { outline : 0; }
input[type="radio"],input[type="checkbox"],select{ cursor:pointer; vertical-align: middle; }
input[type='text'], input[type='password']{ padding: 0px 5px; vertical-align: top; }
textarea { padding: 5px; resize: none; }
select { padding: 2px; }
label { cursor: pointer; }
table.radio { width: 100%; border-collapse: collapse; }
table.radio td{ padding:0px 10px; text-align: center; line-height: 39px; height:39px; }
table.radio tr + tr td{ border-top: 0px; }
table.radio td.name{ width:80px; }
table.radio td.gray{ width:30px; }


/* layout */
.restrict { width: 960px; padding:0px; margin: 0px auto; text-align: left; }
#container { padding:20px 0px 30px 0px; }
#column-top{ position: absolute; width: 100%; height: 400px; top:170px; left:0px; }
#column-left { position: relative; z-index: 2;float: left; width: 240px; }
#column-right { float: right; width: 240px; }
#content { position: relative; z-index: 2;min-height: 400px; }
#column-top + #content,
#column-top + #column-left,
#column-top + #column-left + #content,
#column-top + #column-left + #column-right + #content{ margin-top:400px; }
#column-left + #column-right + #content,
#column-left + #content { margin-left: 270px; }
#column-right + #content { margin-right: 270px; }
/* header */
#headerBg{ position: absolute; z-index: 1; width:100%; height:430px; top:0px; left:0px; background: url('../image/topBg.png') center 0px no-repeat; }
#header { position: relative; z-index: 2; height: 90px; padding:20px 0px; }
#header .top-block{ position: relative; height:100%; }
#header #logo { position: absolute; z-index: 1; top: 50%; display: block; height: 80px; margin-top:-40px; }
#header .links { position: absolute; right: 0px; top: 0px; height: 26px; line-height: 25px; }
#header .links a+a { margin-left:15px; }
#header .action{ position: absolute; right: 0px; bottom: 0px; height:36px; }
#header .action > div + div{ margin-left: 20px; }
#header .heading > .icon-shopping-cart,
#header .icon-search { height: 34px; line-height: 33px; text-align: center; width: 30px; }
#header #search{ height:34px; width: 238px; }
#header #search input { border: 0px; width: 194px; height: 34px; }
#header #cart{ height:34px; width: 238px; }
#header #cart .heading{ position: relative; z-index:10; height:34px; line-height: 34px; cursor:pointer; }
#header #cart-total{ position: absolute; right:5px; }
#header #cart .content{ display:none; position: relative; z-index:1; min-height:110px; width: 300px; margin: -1px 0px 0px -64px; }
#header #cart .min-cart-info{ max-height:400px; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
#header #cart .min-cart-info ul{ list-style: none; margin:0px; padding:0px; }
#header #cart .min-cart-info > ul > li{ height:50px; padding:15px 0px; margin:0px 10px; }
#header #cart .min-cart-info > ul > li + li{ padding-top:14px; }
#header #cart .min-cart-info > ul ul > li{ float:left; height:50px; }
#header #cart .min-cart-info .remove{ width:30px; line-height: 50px; }
#header #cart .min-cart-info .image img{ vertical-align: middle; }
#header #cart .min-cart-info .description{ position: relative; margin:0px 5px 0px 10px; width:168px; }
#header #cart .description .name{ height: 36px; overflow: hidden; width: 100%; }
#header #cart .description .quantity{ position: absolute; right:0px; }
#header #cart .empty{ text-align:center; margin:0px; padding:0px; line-height:110px; }
#header #cart .checkout{ text-align: center; height: 30px; line-height: 30px; }
#header #cart.active .heading{ border-bottom: 0px; }
#header #cart.active .content{ display:block; }
/* menu */
#menu{ position: relative; z-index: 2; height:40px; margin:0px auto; padding:0px; list-style: none; }
#menu > li{ float: left; }
#menu > li > a{ display:block; width: 192px; height: 40px; line-height: 39px; text-align: center; }
/* footer */
#footer { position: relative; z-index: 2; clear: both; }
#footer .footer_bar{ height: 40px; text-align: center; }
#footer .nav{ list-style:none; margin:0px auto; padding:0px; }
#footer .nav > li{ float:left; display: block; line-height: 16px; padding: 0px 10px; margin: 12px 0px; }
#powered { padding: 15px 0px; }
#powered > .floatR,
#powered > .floatL > div{ height: 25px; line-height: 24px; }


/* notify */
.notify{ position: relative; }
.notify > .layout{ padding: 8px 15px; margin-bottom: 10px; line-height:24px; }
.notify.popup > .layout{ margin: 0px; }
.notify > .layout > .heading{ font-weight: bold; }
.notify > i.icon-remove{ position: absolute; right: 0px; top: 0px; height: 36px; line-height: 36px; text-align: center; width: 36px; bottom: 0px; margin: auto; }
.notify.popup > i.icon-remove{ right: -10px; top: -10px; text-align: center; bottom: auto; height: 24px; width: 24px; line-height: 24px; }
.notify > .layout.attention + i.icon-remove{ display:none; }


/* popup */
.overlay{ position: fixed; display: none; z-index: 999; top:0px; left:0px; width: 100%; height: 100%; }
.overlay > .popup{ position: absolute; z-index: 1000; }
.overlay > .popup > .close{ position: absolute; z-index: 1002; cursor:pointer; top: -17px; right: -17px; width: 30px; height: 30px; }
.overlay > .popup > .contenter{ position:relative; overflow-x: hidden; overflow-y: auto; height: 100%; width: 100%; -webkit-overflow-scrolling: touch; }
.overlay .contenter > .title{ height:1.5em; line-height: 1.5em; text-align: center; margin:25px 25px 10px 25px; }
.overlay .contenter > .title > span{ position:relative; padding: 0px 1em; }
.overlay .contenter > .title > hr{ margin-top: -10px; padding:0px; height:0px; }
.overlay .contenter > .content{ margin:0px 25px 25px 25px; }
.overlay .content .title{ line-height: 30px; height:30px; margin-bottom:10px; }
.overlay .content .title [class^='icon-'],
.overlay .content .title [class*=' icon-']{ vertical-align: -2px; }
.overlay .content .title span{ margin-left:10px; }


/* tabs */
.htabs { height: 30px; line-height: 16px; }
.htabs a { padding: 6px 15px; float: left; text-align: center; text-decoration: none; }
.tab-content { padding: 10px; margin-bottom: 20px; }


/* box */
.box { position: relative; width: 100%; }
.box.product > .box-heading{height: 24px;}
.box.product > .box-heading > .adorm { width: 7px; height: 17px; margin-right:3px; }
.box.product > .box-heading > .title { margin:0px 10px; line-height: 1em; }
.box.product > .box-content{ list-style:none; margin:0px; padding:20px 0px 0px 0px; }
.box.product > .box-content > li{ width:200px; float:left; text-align:center; }
.box.product > .box-content > li + li{ margin-left:45px; }
.box.product > .box-content > li:nth-child(3n+1){ margin-left:0px; }
.box.product > .box-content a.image{ display:block; background-position: center center; background-repeat: no-repeat; background-size: cover;  }
.box.product > .box-content .name{ line-height:40px; }
.box.product.multtabs > .box-heading{ height:40px; line-height:39px; padding:0px; }
.box.product.multtabs > .box-heading a{ height:40px; line-height:39px; padding:0px 5px; text-align: center; display: inline-block; }
.box.product.multtabs > .box-content > li + li{ margin-left:19px; }
.box.product.multtabs > .box-content > li:nth-child(3n+1){ margin-left:0px; }
/* box menu */
.box.menu.type1 > .box-heading{ height:19px; }
.box.menu.type1 > .box-heading > .adorm { width: 7px; }
.box.menu.type1 > .box-heading > .title { margin:0px 0px 0px 17px; line-height: 1em; }
.box.menu.type1 > .box-content{ list-style: none; margin:0px; padding:0px; width:240px; }
.box.menu.type1 > .box-content ul{ margin:0px; padding:0px; list-style: none; }
.box.menu.type1 > .box-content li{ position: relative; overflow: hidden; }
.box.menu.type1 > .box-content ul li{ padding-left:1em; }
.box.menu.type1 > .box-content a{ line-height: 39px; font-size:15px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.box.menu.type1 > .box-content .caret{ position: absolute; top:0px; right:0px; width:20px; height:19px; line-height: 19px; margin:10px; text-align: center; }
.box.menu.type1 > .box-content .child{ display: none; }
.box.menu.type1 > .box-content li.selected + .child{ display: block; }
.box.menu.type1 > .box-content .haschild{ padding-right:40px; }
.box.menu.type2 > .box-heading > .adorm { width: 7px; height: 17px; margin-right:3px; }
.box.menu.type2 > .box-heading > .title { margin:0px 10px; line-height: 1em; }
.box.menu.type2 > .box-content > ul{ list-style:none; margin:0px; padding:0px; }
.box.menu.type2 > .box-content a{ display: block; }
.box.menu.type2 > .box-content > ul > li > a{ line-height: 39px; }
.box.menu.type2 > .box-content > ul ul{ padding: 0px; padding-left: 20px; margin: 0px; list-style: disc outside none; }
.box.menu.type2 > .box-content > ul ul > li{ text-indent: -5px; }
.box.menu.type2 > .box-content > ul ul a{ line-height: 24px; }
.box.menu.type3 > .box-heading > .adorm { width: 7px; height: 17px; margin-right:3px; }
.box.menu.type3 > .box-heading > .title { margin:0px 10px; line-height: 1em; }
.box.menu.type3 > .box-content > ul{ list-style:none; margin:0px; padding:0px; }
.box.menu.type3 > .box-content a{ display: block; }
.box.menu.type3 > .box-content > ul > li > a{ line-height: 40px; }
.box.menu.type3 > .box-content > ul ul{ padding: 0px; padding-left: 20px; margin: 0px; list-style: disc outside none; }
.box.menu.type3 > .box-content > ul ul > li{ text-indent: -5px; }
.box.menu.type3 > .box-content > ul ul a{ line-height: 24px; }
/* box plugs */
.box.plugs.type1 > .box-heading > .adorm { width: 7px; height: 17px; margin-right:3px; }
.box.plugs.type1 > .box-heading > .title { margin:0px 10px; line-height: 1em; }
.box.plugs.type1 > .box-content{ list-style:none; margin:0px; padding:0px; line-height: 21px; }
.box.plugs.type1 > .box-content a,
.box.plugs.type1 > .box-content div{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.box.plugs.type1 > .box-content a{ display: block; }
/* box sharebar */
.box.sharebar > .item{width:56px;display:block;float:left;height:40px;}
.box.sharebar > .item + .item{margin-left:4px;}


/* custom_block */
.custom_block{ list-style:none; padding:0px; margin:0px; }
.horizontal > li{ float:left; }


/* ui-table */
ul.ui-table{ list-style: none; margin: 0px; padding: 0px; }
ul.ui-table > li{ width:100%; line-height: 30px; white-space: nowrap; }


/* breadcrumb */
.breadcrumb{ height:29px; margin-bottom: 20px; }


/* banner */
.banner div { text-align: center; width: 100%; display: none; }
.banner div img { margin-bottom: 20px; }


/* step */
.step{ list-style:none; padding:0px; margin:20px 0px 30px 0px; }
.step > li{ display: table-cell; width:160px; height:50px; white-space: nowrap; }
.step .step-text{ margin: 10px 0px 0px 10px; }


/* register */
.register{ list-style:none; padding:0px; margin:0px; }
.register .heading{ height:40px; }
.register > li.leftBlock{ width:315px; height:320px; float: left; }
.register > li.leftBlock div.input{ margin-bottom: 20px; line-height: 30px; height: 30px; }
.register > li.leftBlock .input > div{ float: left; width:65px; text-align: right; margin-right:19px; }
.register > li.leftBlock input[type="text"],
.register > li.leftBlock input[type="password"]{ width:218px; height:28px; }
.register > li.leftBlock input.captcha{ width:98px; margin:0px 5px 0px 10px; }
.register > li.leftBlock a.button{ padding: 5px 10px; }
.register > li.rightBlock{ width:299px; height:320px; margin-left:340px; overflow:hidden; }
.register > li.rightBlock .heading{ margin-left:30px; }


/* login */
.login{ list-style:none; padding:0px; margin:0px; }
.login .forgotten_link{ position: absolute; top: 0px; left: 250px; }
.login .heading{ height:40px; }
.login > li.account{ width:315px; height:220px; float:left; }
.login > li.account div.input{ margin-bottom: 20px; line-height: 30px; height: 30px; }
.login > li.account .input > div{ float: left; width:65px; text-align: right; margin-right:19px; }
.login > li.account input[type="text"],
.login > li.account input[type="password"]{ width:218px; height:28px; }
.login > li.account input.captcha{ width:138px; margin-left:10px; }
.login > li.account a.button{ padding: 5px 10px; }
.login > li.rightBlock{ width:299px; height:220px; margin-left:340px; }
.login > li.rightBlock .heading{ margin-left:30px; }
.login > li.rightBlock .blockR{ height:180px; line-height: 180px; text-align: center; }
.login > li.rightBlock .blockR > a.button{ padding:20px; line-height: 20px; display: inline-block; width: 134px; }


/* forgotten */
.forgotten{ list-style:none; padding:0px; margin:0px; }
.forgotten .heading{ height:40px; }
.forgotten > li.leftBlock{ width:315px; height:170px; float: left; }
.forgotten > li.leftBlock div.input{ margin-bottom: 20px; line-height: 30px; height: 30px; }
.forgotten > li.leftBlock .input > div{ float: left; width:65px; text-align: right; margin-right:19px; }
.forgotten > li.leftBlock input[type="text"]{ width:218px; height:28px; }
.forgotten > li.leftBlock input.captcha{ width:98px; margin:0px 5px 0px 10px; }
.forgotten > li.leftBlock a.button{ padding: 5px 10px; }
.forgotten > li.rightBlock{ width:299px; height:170px; margin-left:340px; overflow:hidden; }
.forgotten > li.rightBlock .heading{ margin-left:30px; }


/* letter */
.letter{ list-style:none; padding:0px; margin:0px; }
.letter .heading{ height:40px; }
.letter div.input{ margin-bottom: 20px; line-height: 30px; height: 30px; }
.letter input[type="text"]{ width:268px; height:28px; }
.letter input.captcha{ width:183px; margin-right: 10px; vertical-align: top; }
.letter > li.insert{ position: relative; width:310px; height:220px; float:left; }
.letter > li.insert a.button{ padding: 5px 10px; }
.letter > li.rightBlock{ position: relative; width:310px; height:220px; margin-left:310px; }
.letter > li.rightBlock .heading{ margin-left:30px; }
.letter > li.rightBlock div.input{ padding-left:30px; }
.letter > li.note{ margin-top:20px; padding: 15px 0px; }
.letter .letter-button{ position: absolute; bottom:5px; width:310px; }


/* customer */
.customer{ width:630px; list-style:none; padding:0px; margin:0px; padding-top:20px; }
.customer > li{ width:210px; height:50px; }
.customer > li:nth-child(n+4){ margin-top:30px; }
.customer > li .blockR{ margin-left:50px; padding:8px 10px; height: 34px; }


/* password */
.password{ list-style:none; padding:0px; margin:0px; padding-top:20px; width:310px; }
.password > li{ margin-bottom: 20px; line-height: 30px; height: 30px; }
.password > li > input[type="password"]{ width:208px; height:28px; margin-left:11px; }


/* account-edit */
.account-edit > .ui-table{ padding-top:20px; }
.account-edit > .ui-table > li{ margin-bottom:20px; }
.account-edit > .ui-table .blockR{ margin-left:340px; }
.account-edit > .ui-table select{ line-height: 30px; height: 30px; width: 80px; }
.account-edit > .ui-table select + select,
.account-edit > .ui-table select + input,
.account-edit > .ui-table select + span{ margin-left:10px; }
.account-edit > .ui-table span + select{ margin-left:5px; }
.account-edit > .ui-table input[type="text"],
.account-edit > .ui-table input[type="password"]{ width:208px; height:28px; }
.account-edit > .ui-table .name{ width:70px; padding-right:10px; }
.account-edit > .ui-table input.address{ width:368px; }


/* wishlist */
.wishlist table { width: 100%; margin-bottom: 15px; border-collapse: collapse; }
.wishlist td { padding:0px 10px; text-align: center; }
.wishlist thead td { line-height: 30px; height:30px; }
.wishlist thead td.name{ text-align: left; width:320px; }
.wishlist tbody td { padding:10px; height:30px; }
.wishlist tbody td.thumb,
.wishlist tbody td.name { text-align: left; }
.wishlist tbody td.thumb img{ vertical-align: top; }
.wishlist tbody td.action i + i{ margin-left:10px; }


/* cart */
.cart-payment,
.cart-shipping{ margin-bottom: 25px; }
.cart-payment .note > label,
.cart-shipping .note > label{ overflow: hidden; width: 455px; white-space: nowrap; display: block; text-overflow: ellipsis; }
.cart-list table { width: 100%; margin-bottom: 15px; border-collapse: collapse; }
.cart-list td { padding:0px 10px; text-align: center; }
.cart-list thead td { line-height: 30px; height:30px; }
.cart-list thead .name{ text-align: left; width:280px; }
.cart-list tbody td { line-height: 49px; height:49px; }
.cart-list tbody .name { text-align: left; }
.cart-list tbody .quantity input{ height: 28px; vertical-align: middle; text-align: center; width: 50px; }
.cart-module > div { display: none; }
.cart-total{ margin-bottom:15px; }
.cart-total table { float: right; }
.cart-total td { padding: 3px; text-align: right; }
.cart-total tr.total td{ padding: 20px 0px 10px 0px; }


/* order */
.order-list table { width: 100%; margin-bottom: 15px; }
.order-list td { padding:0px 10px; text-align: center; line-height: 29px; height:30px; }
.order-list thead .name{ width:60px; }
.order-list thead .date{ width:80px; }
.order-list thead .total{ width:80px; }
.order-list thead .quantity{ width:50px; }
.order-list tbody td { padding:10px; }
.order-list tbody .action i + i{ margin-left:10px; }
.ie9 .order-list .pagination,
.ie10 .order-list .pagination{ margin-bottom: 13px; }
.order-info .info{ line-height: 30px; }
.order-info .info .floatL + .floatL { margin-left:30px; }
.order-info .report{ margin:10px 0px 15px 0px; line-height: 30px; }
.order-info .report form > .block{ margin-bottom: 20px; padding:20px; }
.order-info .report .block > div.item{ margin-bottom: 20px; height: 30px; }
.order-info .report span{ margin-right: 10px; }
.order-info .report input{ width: 198px; height:28px; }
.order-info .report textarea{ width: 500px; height:48px; }
.order-info .method ul{ list-style:none; padding:20px 0px; margin:0px; line-height: 24px; }
.order-info .method span + span{ margin-left:30px; }
.order-info .note,
.order-info .history{ padding:20px 0px; }
.order-info .history ul{ list-style:none; padding:0px; margin:0px; line-height: 24px; }
.order-info .history span + span{ margin-left:50px; }
.order-info .history ul + ul{ margin-top:20px; padding-top:20px; }


/* checkout */
.checkout .ui-table > li{ margin-bottom:20px; }
.checkout .blockR{ margin-left:340px; }
.checkout select{ line-height: 30px; height: 30px; width: 80px; }
.checkout select + select,
.checkout select + input,
.checkout select + span{ margin-left:10px; }
.checkout span + select{ margin-left:5px; }
.checkout input[type="text"],
.checkout input[type="password"]{ width:208px; height:28px; }
.checkout .name{ width:70px; padding-right:10px; }
.checkout input.address{ width:368px; }
.checkout .invoice{ margin-left:10px; }


/* inquiry_form */
.inquiry_form{ margin:30px 0px; }
.inquiry_form .ui-table > li{ margin-bottom:20px; }
.inquiry_form .blockR{ margin-left:340px; }
.inquiry_form input[type="text"]{ width:208px; height:28px; }
.inquiry_form .name{ width:70px; padding-right:10px; text-align: right; }


/* confirm */
.confirm { list-style:none; padding:0px; margin:0px 0px 20px 0px; line-height: 20px; }
.confirm > .info{ position: relative; height:110px; }
.confirm > .info > .image{ width:140px; height:110px; text-align: center; }
.confirm > .info > .blockR{ list-style: none; padding: 0px; margin: 0px; padding-top: 5px; margin-left: 140px; overflow:hidden; }
.confirm > .info > .blockR > li{ line-height: 20px; }
.confirm > .info > .online_pay{ position: absolute; top:38px; right:0px; }
.confirm > .info > .blockR .message{ line-height: 35px; }
.confirm > .list > .cart-total{ margin-bottom: 20px; }
.confirm > .payment table { width: 100%; margin-bottom: 30px; }
.confirm > .payment td { padding:0px 10px; }
.confirm > .payment thead td { line-height: 30px; height:30px; }
.confirm > .payment tbody td { line-height: 49px; height:49px; }
.confirm > .payment thead td.name { width:140px; }
.confirm > .payment tbody td { line-height: 39px; height:39px; }


/* pagination */
.pagination { line-height:28px; text-align:center; }
.pagination a,
.pagination b{ min-width:30px; display: inline-block; vertical-align: top; text-decoration: none; }
.pagination a + a,
.pagination b + b,
.pagination a + b,
.pagination b + a{ margin-left:-5px; }
.pagination a:first-child,
.pagination b:first-child{ border-radius: 5px 0px 0px 5px; }
.pagination a:last-child,
.pagination b:last-child{ border-radius: 0px 5px 5px 0px; }


/* article */
.article-list{ list-style:none; margin:0px auto 30px auto; padding:0px; }
.article-list > li{ height:150px; padding-bottom:20px; }
.article-list > li + li{ padding-top:20px; }
.article-list > li .image{ width: 146px; height: 146px; }
.article-list > li .blockR{ margin-left: 170px; }
.article-list .name,
.article-list .date{ line-height:21px; }
.article-list > li .description{ height:78px; overflow:hidden; line-height: 24px; }
.article-list .blockR .buttons{ position: relative; height:30px; padding:0px 0px 0px 20px; line-height:29px; }
.article-list .blockR .social{ position: absolute; right: 5px; top: 0px; }
.article-list .blockR .social > a{ padding:0px 10px; }
.article-list .blockR .social > a.button{ padding:7px 10px; margin-right:10px; }
.article > .title{ margin-bottom:20px; }
.article > .article-page{ list-style:none; line-height:24px; height:35px; margin:20px 0px 20px 0px; padding:0px; }
.article > .article-page > li{ width:33%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 5px; }
.article > .article-page > li.center > a{ display: block; border-radius: 3px; padding: 0px 5px; margin: 0px auto; width: 60px; }


/* category */
.category-list { list-style:none; margin:0px auto 20px auto; padding:0px; }
.category-list > li{ float: left; width:150px; }
.category-list > li + li{ margin-left:30px; }
.category-list > li:nth-child(3n+1){ margin-left:0px; }
.category-list > li:nth-child(n+4){ margin-top:15px; }
.category-list > li > a{ display:block; text-align: center; }
.category-list > li .name{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.category-list > li .image{ width: 146px; height: 146px; margin-bottom:10px; }


/* product */
.product-search { line-height: 30px; margin-bottom:5px; }
.product-search > select{ vertical-align: top; line-height: 30px; width: 200px; height:30px; }
.product-search > .filter{ position: relative; margin-left: 2px; }
.product-search > .filter > .icon-search { position: absolute; height: 30px; line-height: 30px; width: 30px; }
.product-search > .filter > input{ width: 395px; padding-left:32px; height:28px; }
.product-filter { line-height:39px; height:40px; margin-bottom: 20px; padding:0px 15px; }
.product-filter > .display > a + a{ margin-left:8px; }
.product-filter .limit { margin-left: 15px; }
.product-list { list-style:none; margin:0px auto 30px auto; padding:0px; }
.product-list > li{ height:150px; padding-bottom:20px; }
.product-list > li + li{ padding-top:20px; }
.product-list > li > .floatL + .floatL{ width:520px; }
.product-list > li .image{ position: relative; width: 146px; height: 146px; margin-right:20px; }
.product-list .name,.product-list .price{ line-height:21px; }
.product-list .description{ width:520px; height:78px; overflow:hidden; line-height: 24px; }
.product-list .buttons{ height:30px; width:496px; padding:0px 4px 0px 20px; line-height:29px; }
.product-list .buttons .floatR > a{ padding:0px 10px; }
.product-list .buttons .floatR > a.button{ padding:7px 10px; margin-right:10px; }
.product-grid { list-style:none; margin:0px auto 30px auto; padding:0px; }
.product-grid > li { float:left; width:200px; }
.product-grid > li + li{ margin-left:45px; }
.product-grid > li:nth-child(3n+1){ margin-left:0px; }
.product-grid > li > a{ display:block; }
.product-grid > li .image{ position: relative; width: 196px; height: 196px;}
.product-grid .name{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 40px; height: 40px;}
.product-grid .price{ line-height:19px; }
.product-grid .price .price-tax { display: none; }
.product-grid .rating { display: block; margin-bottom: 4px; }
.product-grid .buttons{ text-align:center; height:30px; width:100%; line-height:29px; margin-top:10px; }
.product-grid .product-href{ position: absolute; z-index:8; display: block; top: 0px; width: 196px; height: 196px; left: 0px; right: 0px; bottom: 0px; }
.product-info { width:690px; margin-bottom: 30px; }
.product-info > .floatL{ width:300px; }
.product-info > .floatL > .image{ display:block; width:298px; height:298px; margin-bottom:20px; }
.product-info > .floatL > .image-additional{ width:300px; height:60px; margin-bottom: 10px; }
.product-info .image-additional > span{ float:left; }
.product-info .image-additional > span + span{ margin-left:20px; }
.product-info .image-additional .additional{ display:block; width:58px; height:58px; }
.product-info .image-additional .cycle-carousel-wrap,
.product-info .image-additional .image-additional span{ height:60px; }
.product-info .image-additional .cycle-carousel-wrap > span{ margin-right:5px; }
.product-info .image-additional .cycle-prev,
.product-info .image-additional .cycle-next { position: absolute; top: 0; width: 20px; z-index: 800; height: 60px; opacity: 0; line-height: 60px; text-align:center; cursor: pointer; }
.product-info .image-additional .cycle-prev:hover,
.product-info .image-additional .cycle-next:hover { opacity: 0.5; }
.product-info .image-additional .cycle-prev { left: 0; }
.product-info .image-additional .cycle-next { right: 0; }
.product-info > .floatR{ position: relative; width:370px; }
.product-info > .floatR > .right-top{ width:370px; min-height:199px; margin-bottom:20px; }
.product-info > .floatR > .right-middle{ width:370px; height:80px; }
.product-info > .floatR > .right-bottom{ line-height: 30px; margin-top: 12px; }
.product-info .right-top > .name{ margin-bottom:10px; }
.product-info .right-top > .attrib,
.product-info .right-middle .price{ list-style:none; margin:0px; padding:0px; }
.product-info .right-top > .attrib > li,
.product-info .right-middle .price > li{ line-height: 20px; }
.product-info .right-middle .price .price-old{ text-decoration: line-through; }
.product-info .right-middle .price .price-new{ line-height:30px; }
.product-info .right-middle a.button{ display:block; padding:15px 20px; }
.product-info .share a,
.product-info .right-bottom a{ display: inline-block; line-height: 22px; margin: 0px 2px; padding: 0px 5px; }
.product-info .right-bottom a{ padding: 2px 5px; margin-top: 5px; }
.product-detail { width:688px; margin-bottom:20px; }
.product-related{ line-height: 22px; border-left: 2px solid #7f0019; padding-left: 10px; margin-bottom: 10px; }
.product-random { position: relative; width:690px; height:178px; }
.product-random > span{ float:left; }
.product-random > span + span{ margin-left:30px; }
.product-random a{ display:block; width:146px; height:146px; margin-bottom:10px; }
.product-random .name{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:150px; }
.product-random .cycle-carousel-wrap,
.product-random .image-additional span{ height:178px; }
.product-random .cycle-carousel-wrap > span{ margin-right: 7px; }
.product-random .cycle-prev,
.product-random .cycle-next { position: absolute; top: 0; width: 30px; z-index: 800; height: 178px; opacity: 0; line-height: 178px; text-align:center; cursor: pointer; }
.product-random .cycle-prev:hover,
.product-random .cycle-next:hover { opacity: 0.5; }
.product-random .cycle-prev { left: 0; }
.product-random .cycle-next { right: 0; }
.product-page { list-style:none; line-height:24px; margin:20px 0px 0px 0px; padding:0px; }
.product-page > li{ width:33%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 5px; }
.product-page > li.center > a{ display: block; border-radius: 3px; padding: 0px 5px; margin: 0px auto; width: 60px; }
.product-dialog{ position: absolute; z-index:10; display: none; top: 0px; width: 50px; height: 50px; line-height: 42px; border-radius: 50%; text-align: center; background-color: #999999; left: 0px; right: 0px; bottom: 0px; margin: auto auto; }
.product-list > li .image:hover .product-dialog,.product-grid > li .image:hover .product-dialog{ display:block; }

#review-title{ line-height: 30px; margin:10px 0px; }
.review-form{ margin-bottom: 30px; }
.review-form table{ width: 100%; background: #f5f5f5; }
.review-form td,.review-form th{ padding:10px; line-height: 26px; vertical-align: top; border-top: 1px solid #fff; font-size:15px; }
.review-form table tr td div+div { margin-top:5px; }
.review-form th{ padding:10px 10px 10px 0px; background: #eee; font-weight: bold; border-right: 1px solid #fff; }
.review-form input[type="text"]{ height:28px; width: 233px; border: 1px solid #dcdcdc; }
.review-form textarea{ resize: vertical; }
.review-form .image{ width:140px; }
.review-form .list-note{ margin: 0px; padding-left: 20px; }
.review-form .product{ border-bottom: 1px dotted #aaa; }
.review-list{ list-style:none; margin:0px; padding:0px; }
.review-list > li{ line-height: 25px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc; font-size:15px; }
.review-list .author{ color:#7f0019; }
.review-list img{ vertical-align: middle; }

/* contact */
.contact-note{ width:650px; height:130px; padding:20px; }
.contact-note > .floatL{ width: 200px; height: 130px; padding-left: 25px; }
.contact-note > .floatR{ width: 405px; height: 130px; }
.contact-note > .floatR > .title{ margin-bottom: 15px; letter-spacing: 0.1em; }
.contact-note > .floatR > .note{ line-height:25px; letter-spacing: 0.2em; }
.contact-form{ width:690px; }
.contact-form > .floatL,
.contact-form > .floatR{ width:325px; }
.contact-form .layout{ margin-bottom: 20px; }
.contact-form .layout a{ line-height:30px; }
.contact-form .error{ margin-left:109px; line-height:20px; }
.contact-form label{ width:100px; height:30px;font-size: 15px; line-height:30px; display:inline-block; padding-right:8px; text-align:right; vertical-align: top; }
.contact-form label.radio{ text-align:left;width:70px;  }
.contact-form label.textarea{ height:300px; line-height:300px; }
.contact-form input[type='text']{ width:208px; height:28px; }
.contact-form input.large{ width:569px; }
.contact-form select{ height: 30px; width: 220px; }
.contact-form textarea{ height:288px; width:569px; resize: none; }

/* Other */
.box-sizing { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.buttom-action{ margin-bottom:25px; }
.buttom-action .button{ padding: 8px 30px; line-height:35px; }
.button{ cursor: pointer; padding: 6px 10px; }
.captcha{ vertical-align: top; }
.center{ text-align:center; }
.left{ text-align:left; }
.right{ text-align:right; }
.clearfix { display: inline-block; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clear{ clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden; }
.ellipsis{ display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.empty{ margin-left: 20px; }
.floatL{ float:left; }
.floatR{ float:right; }
.hide{ display:none; }
.pointer{ cursor:pointer; }
.noJS > div{ display:none; }
.noJS > noscript{ display:block; width:100%; line-height: 10em; }