@charset "utf-8";

/* layout */
.boxl380 { width: 380px; float: left; }
.boxr320 { width: 318px; float: right; }
.boxl210 { width: 210px; float: left; }
.tile-sample2 { }
.partbox { width: 208px; border: solid 1px #CCC; float: left; margin-bottom: 20px; }
/* cart */
div.cartimg { width: 330px; float: left; text-align: center; }
div.cart { width: 290px; float: right; }
div.cart input { cursor: pointer; }
div.cart select { padding: 5px; }
div.cart ul { padding: 0; list-style: none; }
div.cart ul li { float: left; padding: 5px; margin-right: 10px; text-align: center; border: 1px solid #ccc; border-radius: 5px; cursor: pointer; font-size: 12px; }
div.cart ul li img { margin-bottom: 5px; }
div.cart p.stit { background: #DCD7C9; font-weight: bold; padding: 5px; }
div.cart p.tline { border-top: dotted 1px #999; padding-top: 10px; margin-bottom: 5px; }
div.cartimg2 { width: 272px; float: left; text-align: center; }
div.option { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: solid 2px #ccc; padding: 10px; margin-left: 15px; text-align: center; }
.p_bot { width: 282px; height: 35px; margin: 0; padding: 0; border: 0; background: url(../../img/shop/back_btn.gif) no-repeat; text-align: center; line-height: 35px; color: #F60; font-weight: bold; }
.p_size { border: none; background: #FFF; width: 40px; color: #F63; font-weight: bold; font-size: 16px; text-align: right; }
.p_price { border: none; background: #FFF; width: 100px; color: #900; font-weight: bold; font-size: 16px; text-align: left; }
div.guides { border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 10px; border: solid 2px #FFB399; width: 531px; float: left; text-align: center; }
div.cart2 { width: 375px; float: right; }
div.cart2 input { cursor: pointer; }
div.cart2 input.rbtn { width: 64px; text-align: center; }
div.cart2 select { padding: 5px; }
div.cart2 ul { padding: 0; list-style: none; }
div.cart2 ul li { float: left; padding: 5px; margin-right: 10px; text-align: center; border: 1px solid #ccc; border-radius: 5px; cursor: pointer; font-size: 12px; }
div.cart2 ul li img { margin-bottom: 5px; }
div.cart2 p.tline { border-top: dotted 1px #999; padding-top: 10px; margin-bottom: 5px; }
/* tab */
.itemtab .panes { position: relative; width: 638px; background: #FFF; }
.itemtab .item { padding: 30px 15px; background: #FFF; }
.itemtab .panes .line { display: block; background: #333; opacity: 0.8; color: #fff; margin-top: 10px; padding: 2px 5px; }
.itemtab .panes ul { padding: 0 30px; margin: 0; }
.itemtab .panes ul li { margin-bottom: 10px; }
.itemtab .slidetabs { width: 100%; overflow: hidden; }
ul.slidetabs { padding: 0; margin: 0; list-style: none; }
.itemtab .slidetabs li { float: left; width: 130px; height: 40px; margin-left: 10px; text-align: center; }
.itemtab .slidetabs li a { display: block; width: 130px; height: 40px; margin-top: 10px; background: #eee; border-top: solid 3px #fff; border-left: solid 3px #fff; border-right: solid 3px #fff; border-radius-topleft: 10px; border-radius-topright: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-radius-topleft: 10px; -webkit-border-radius-topright: 10px; -ms-border-radius-topleft: 10px; -ms-border-radius-topright: 10px; color: #333; vertical-align: middle; cursor: pointer; }
.itemtab .slidetabs li a:hover { text-decoration: none; background: #D9D5CC; }
.itemtab .slidetabs .label { background: #333; opacity: 0.8; color: #fff; margin-top: 10px; padding: 2px 5px; }
.itemtab .slidetabs .active a { margin-top: 0; height: 50px; border-color: #fff; background: #fff; color: #900; vertical-align: middle; }
/* swap */
div.swap { overflow: hidden; width: 678px; }
div.swap p { padding: 0; margin: 20px 0 15px 0; display: block; height: 423px; }
div.swap ul { display: inline; margin: 0; padding: 0; list-style: none; }
div.swap li a { display: block; border: solid 1px #999; background: #FFF; }
div.swap li a.selected { background: #E098BA; }
div.swap li { margin-left: 10px; float: left; }
div.swap li img { margin: 3px; }
/* swap2 */
div.swap2 { overflow: hidden; width: 700px; }
div.swap2 p { padding: 0; margin: 15px; display: block; height: 447px; }
div.swap2 ul { display: inline; margin: 0; padding: 0; list-style: none; }
div.swap2 li a { display: block; border: solid 1px #999; background: #FFF; }
div.swap2 li a.selected { background: #E098BA; }
div.swap2 li { margin: 0 0 15px 18px; float: left; }
div.swap2 li img { margin: 3px; }
/* list */
.picitem { background: #E9E3E0; padding: 30px 15px; text-align: center; }
ul.listitem { margin: 0; padding: 0; list-style: none; }
ul.listitem li { margin: 0 0 30px 20px; float: left; font-size: 14px; text-align: center; display: inline; background: #FFF; }
ul.listitem li a:hover img { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; background: none!important; }
ul.listitem li a:hover { text-decoration : none; }
ul.listcate { margin: 0; padding: 0; list-style: none; }
ul.listcate li { margin: 0 0 30px 19px; float: left; font-size: 12px; text-align: center; display: inline; }
ul.listcate li img { border: solid 1px #b6b6b6; }
ul.listcate li a:hover img { position: relative; top: 3px; left: 2px; opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; background: none!important; }
ul.catelist { margin: 0; padding: 0 0 0 10px; list-style: none; }
ul.catelist li { margin: 0 10px 30px 0; float: left; font-size: 13px; display: inline; text-align: center; }
ul.catelist li img { margin-bottom: 5px; }
ul.catelist li a:hover img { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; background: none!important; }
/* point */
div.box3 { width: 229px; height: 265px; border-right: dotted 2px #CCC; float: left; margin-right: 4px; }
div.box3e { width: 229px; height: 265px; float: left; }
div.box4 { width: 170px; height: 235px; border-right: dotted 2px #CCC; float: left; margin-right: 4px; }
div.box4e { width: 170px; height: 235px; float: left; }
/* faq */
dl.faq { margin: 10px; }
dl.faq dt { font-size: 18px; padding: 30px 0 10px 40px; margin-top: 70px; height: 28px; background: url(../../img/shop/icon_q.png) no-repeat 0 30px; border-top: 1px #999 dotted; }
dl.faq dd { font-size: 15px; background: #F6F6F6; padding: 15px; margin-top: 15px; }
dl.text dt { font-size: 108%; }
dl.text dd { margin: 5px 0 50px 15px; font-size: 93%; }
/* link */
dl.links { margin: 20px 30px 0 30px; border-top: dotted 2px #999; }
dl.links dt { float: left; width: 240px; padding-top: 20px; }
dl.links dd { float: right; display: block; width: 335px; padding-top: 20px; }
div.pager { text-align: right; margin: 0 30px 20px 30px; padding-bottom: 3px; border-bottom: dotted 2px #999; }
div.pager li { display: inline; list-style-type: none; margin-right: 6px; padding-left: 10px; }
div.pager li+li { border-left: 1px solid #999; }
/* pricetable */
table.style1 { width:670px; margin-right:auto; margin-left:auto; }
table.style1 tr th { background-color: #ccc; padding: 5px; font-size: 12px; }
table.style1 td.m { background-color: #ccc; font-weight: bold; }
table.style1 td { padding: 5px; font-size: 12px; border: 1px solid #ddd; text-align: right; }
table.style1 tr:hover { background-color: #eee; }
table.style1 td:hover { background-color: #eee; }
/* sample */
div.sample ul { padding: 0; list-style: none; }
div.sample ul li { float: left; padding: 5px; margin-right: 10px; text-align: center; border: 1px solid #ccc; border-radius: 5px; cursor: pointer; font-size: 12px; }
div.sample ul li img { margin-bottom: 5px; }