/* productList */
#productList { font-size: 0; }
#productList li { margin: 15px; width: calc(25% - 30px); display: inline-block; }
#productList li h3 a { margin-top: 10px; height: 30px; text-align: center; font-size: 18px; color: #131315; -webkit-line-clamp: 1; }
#productList li p.price { min-height: 30px; text-align: center; }
#productList li p.price span { margin: 0 10px; display: inline-block; font-size: 16px; color: #f90a0a; vertical-align: middle; }
#productList li p.price span.old { text-decoration: line-through; font-size: 12px; color: #6d6b76; }

/* main-products */
#main-products { margin: 15px 0; font-size: 0; }
#main-products .row { width: 60%; display: inline-block; }

/* productimg */
#main-products #productimg { margin-right: 10%; width: 30%; }
#productimg a.photo { position: relative; }
#productimg a.photo img { width: 100%; }
#productimg a.photo img:first-child { position: absolute; width: auto; opacity: 0; }

/* productdetail */
#productdetail h2 { margin-bottom: 3px; padding-bottom: 5px; border-bottom: 1px #e2e2e2 solid; font-weight: 400; font-size: 30px; color: #0b3145; }
#productdetail article { margin: 20px 0; font-size: 18px; color: #7a7575; }
#productdetail p.quantity { font-size: 0; }
#productdetail p.quantity a { display: inline-block; vertical-align: middle; }
#productdetail p.quantity a[data-action="plusBtn"] { width: 50px; height: 50px; background: #d3805d; border: 1px #d37f5c solid; text-align: center; line-height: 45px; font-size: 24px; color: #fff; }
#productdetail p.quantity input { width: 50px; height: 50px; border: 1px #d37f5c solid; display: inline-block; text-align: center; font-size: 18px;  color: #0b3145; } 
#productdetail p.quantity #buy { margin-left: 15px; padding: 0 40px; background: #1e1d24; display: inline-block; line-height: 52px; font-size: 17px; color: #fff; }
#productdetail p.askbtn { margin: 35px 0 7px; padding-bottom: 7px; border-bottom: 1px #fcfcfc solid; }
#productdetail p.askbtn a { color: #4c6d7e; }
#productdetail #community ul { margin: 0; }

/* productTabs */
#productTabs { position: relative; padding: 30px 0; }
#productTabs ul.listBtn { position: absolute; width: 300px; background: rgba(31, 30, 37, .9); top: 30px; right: 0; z-index: 10; -webkit-transition: none; transition: none; }
#productTabs ul.listBtn.fix { position: fixed; top: 160px; right: calc((100% - 1440px) / 2); }
#productTabs ul.listBtn li a { margin: 5px 10px; padding: 5px 10px; border-bottom: 1px #5d5c64 solid; display: block; color: #e5e4e6; opacity: .6; }
#productTabs ul.listBtn li:last-child a { border-bottom: 0; }
#productTabs ul.listBtn li.chk a { opacity: 1; }
#productTabs ul.listBtn li a font { margin-right: 10px; display: inline-block; }
#productTabs ul.listBtn li a font:first-child { width: 30px; height: 30px; border: 1px #5d5c64 solid; border-radius: 50%; line-height: 30px; text-align: center; }
#productTabs ul.listBtn li.chk a font { font-weight: bold; font-size: 18px; }
#productTabs ul.listBtn li.chk a font:first-child { background: #e8c09b; border-color: #e8c09b; font-size: 16px; color: #333339; }
#productTabs #tabs_container { width: calc(100% - 350px); }
#productTabs #tabs_container .tab_content p.title { margin: 60px 0 20px; text-align: center; font-size: 35px; color: #0b3145; }
#productTabs #tabs_container .tab_content:first-child p.title { margin-top: 0; }

@media screen and (max-width:1600px) {
	#productTabs ul.listBtn.fix { right: calc((100% - 1360px) / 2); }
}
@media screen and (max-width:1360px) {
	#productTabs ul.listBtn { width: 220px; }
	#productTabs ul.listBtn.fix { top: 190px; right: calc((100% - 1160px) / 2); }
	#productTabs #tabs_container { width: calc(100% - 250px); }
}
@media screen and (max-width:1280px) {
	#productTabs ul.listBtn { position: relative; margin: auto; width: 90%; right: 0; top: auto; }
	#productTabs ul.listBtn.fix { width: 80%; top: 85px; right: 10%; }
	#productTabs ul.listBtn li { display: inline-block; }
	#productTabs ul.listBtn li a { margin: 5px 0; border-bottom: 0; }
	#productTabs #tabs_container { width: 100%; }
}
@media screen and (max-width:1024px) {
	#productList li { width: calc((100% / 3) - 30px); }
	#main-products .row { width: 50%; }
	#main-products #productimg { width: 40%; }
	#productdetail p.quantity a[data-action="plusBtn"] { width: 30px; height: 30px; line-height: 25px; font-size: 22px; }
	#productdetail p.quantity input { height: 30px; }
	#productdetail p.quantity #buy { line-height: 42px; }
}
@media screen and (max-width:1024px) {
	#main-products { text-align: center; }
	#main-products .row ,
	#main-products #productimg { margin-right: 0; width: 80%; }
}
@media screen and (max-width:640px) {
	#productList li { width: calc(50% - 30px); }
}
@media screen and (max-width:480px) {
	#productList { text-align: center; }
	#productList li { width: calc(80% - 30px); }
}