/* CSS Document */
[id^="prodBox"] select {
    max-width:5rem;
    text-align:center;
}
[id^="prodBox"] .row-fluid {
    margin-bottom: 20px;
    line-height: 1.167rem;
}
[id^="prodBox"] .row-fluid .menu_title{line-height:normal; position:relative;}
[id^="prodBox"] .row-fluid .span4{ padding-right:0px;}
#scrollLen {
    display: none;
    size: 1;
}
#prodBox2 .row-fluid{text-align:left; margin-bottom:10px}
.imgTitle{margin-top:10px; font-weight:bold;line-height: normal;}
.imgCont{
	height:45px;
	line-height:1.5rem;
	font-size:1rem;
	overflow:hidden;
	margin:14px; margin-left:0;
}
.imgItem:hover{background:rgba(0,0,0,0.2);}
.imgItem .imgPrice{/*padding-right:14px;*/}
.imgPrice{text-align:right;/* padding-left:60%;*/}
.priceBox{display:table; width:100%; margin-top:5px;}
.priceText{/*display:table-cell;*/display: inline; vertical-align:middle; font-size:0.83rem;line-height: normal;margin-right: 15px;}
.priceText .sale_price{ font-size:1.25rem;}
.buyImg{display: inline-block;float: none; margin-right: 15px; margin-left:8px;}
.PictureList .buyImg{display: block; margin: auto;}
[id^="prodBox"] .SideBySide .priceBox .buyImg{margin-left: 8px;}
.listImgBoxCell{background: rgba(255,255,255,0.15);/*border: 1px solid #ccc;*/box-shadow: 0px 0px 5px 3px rgba(20,20,20,0.1);padding: 5%;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff, endColorstr=#33ffffff)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff, endColorstr=#33ffffff); /* IE5.5-7 */
	background: transparent\9;}
/*20151218圖片排列版試做*/
/*.PictureList .menu_title.listSpan4 {position: relative;}
.PictureList .menu_title.listSpan4>.prod_link>.span3 {padding: 0;}
.PictureList .menu_title.listSpan4>.prod_link>.span9 {position: absolute;bottom: 0;width: 100%;left: 0;padding:2px 0;margin: 0;background: rgba(0,0,0,0.5);}
#cont .PictureList .menu_title.listSpan4>.prod_link>.span9 div {margin: 0;min-height: 0px;}
#cont .PictureList .menu_title.listSpan4>.prod_link>.span9>.menu_title{ color:#fff;}
#cont .PictureList .menu_title.listSpan4>.prod_link>.span9 .priceTitle{ color:#fff;}*/
[id^="prodBox"] .row-fluid .span4.menu_title {padding-bottom: 20px;}
#shop_cart_buy>div.span12>div:nth-last-child(2)>.span8 {padding: 0;}
.ABType{  
	display: table-caption;
	width: 62px;
	border-radius: 50%;
	padding: 15px 0px;
	position:absolute;
	/*margin-bottom: -23px;
	margin-left: -5px;*/
	background: #fff;
	box-shadow: 0px 0px 5px 3px rgba(20,20,20,0.1);
	text-align:center;
	top:-30px;
	left:-8px;
	font-size:1.42rem;
}
[id^="prodBox"] a.prod_link{ position:relative; display: table;width: 100%;}
[id^="prodBox"] .SideBySide a.prod_link{display:block; overflow:hidden;}
.ranking {
	position: absolute;
	width: 41px;
	border-radius: 50%;
	padding: 5px;
	background: rgba(255,255,255,0.9);
	box-shadow: 0px 0px 5px 3px rgba(20,20,20,0.1);
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	top: -10px;
	left: -10px;
	display:none;
}
.textList .ranking{font-size: 1.167rem;padding: 6px 0;width: 30px;top: -7px;left: -30px;}
#rankList .ranking:before{position: absolute;top: -20px; left: -5px;}
#rankList .ranking.crown1:before {content: url(/images/crown1.png);}
#rankList .ranking.crown2:before {content: url(/images/crown2.png);position: absolute;}
#rankList .ranking.crown3:before {content: url(/images/crown3.png);position: absolute;}
#rankList.textList .ranking:before {top: -18px !important;left: -12px !important;}
#rankList .menu_title.listSpan4{min-height:50px;}
#rankList.textList .ranking{padding:3px 1px; left:-36px;}
[id^="prodBox"] .row-fluid:hover>[class*="listSpan"]{opacity:0.5;}
[id^="prodBox"] .row-fluid>[class*="listSpan"]:hover{opacity:1; transform:scale(1.1);}
[id^="prodBox"] .PictureList .row-fluid>[class*="listSpan"]:hover .menu_title{white-space:inherit;}
[id^="prodBox"].animation,
[id^="prodBox"].animation a,
[id^="prodBox"].animation div,
[id^="prodBox"].animation span,
[id^="prodBox"].animation img
{transition:all ease-in-out 0.2s;}
@media (min-width: 1170px){
	[id^="prodBox"] .SideBySide .priceBox .buyImg{ margin-top: -10px;}	
	[id^="prodBox"] .PictureList .row-fluid>[class*="listSpan"] .menu_title{margin: auto; white-space:nowrap; overflow:hidden;}
	[id^="prodBox"] .PictureList .row-fluid>.listSpan4 .menu_title{width: 200px;}
	#center.span6 [id^="prodBox"] .PictureList .row-fluid>.listSpan4 .menu_title{width: 150px;}
	[id^="prodBox"] .PictureList .row-fluid>.listSpan3 .menu_title{width: 250px;}
}
@media (max-width: 767px) {
	#scrollLen{display:none; size:1.1;}
	[id^="prodBox"] .row-fluid .span4{ padding-right:0px; padding-bottom:20px;}
	[id^="prodBox"] .PictureList .menu_title .span9 .span4{display:none;}
	[id^="prodBox"]>div>.row-fluid.imgItem {border: 1px solid #ccc;border-radius: 5px;width: 90%;padding: 5%;}
	.imgItem .imgPrice {padding: 0% 10px;}
	.listImgBoxCell {text-align: center;}
	.imgItem .buyImg,.menu_title .buyImg {display: block;float: none;margin: auto;margin-bottom: 10px;}
	.imgItem .priceText, .menu_title .priceText {width: 100%;display: block;text-align: center;padding:0; margin-bottom:5px}
	.imgItem { text-align: center;}
	.imgItem .imgCont {margin: 10px;height: auto;max-height: 45px;}
	.imgTitle{ text-align:center;}
	/*20151218手機版商品(圖文)修改*/
	/*[id^="prodBox"] .SideBySide .menu_title.listSpan4:first-child{border-top: 1px solid #ccc; padding-top: 10px;}
	[id^="prodBox"] .SideBySide .menu_title.listSpan4 {padding: 0;border: 0;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #ccc;}
	[id^="prodBox"] .SideBySide .menu_title.listSpan4:last-child{ border-bottom: 0px; padding-bottom: 0px;}*/
	[id^="prodBox"] .SideBySide .menu_title.listSpan4>.prod_link>.span3 {width: 32%;float: left;}
	[id^="prodBox"] .SideBySide .menu_title.listSpan4>.prod_link>.span9 {width: 66%;float: left;margin-left: 2%;}
	[id^="prodBox"] .SideBySide [class*="listSpan"] div{text-align:left;margin: 0px; margin-bottom: 5px;}
	[id^="prodBox"] .SideBySide [class*="listSpan"] div:last-child{margin-bottom: 0px;}
	[id^="prodBox"] .menu_title.listSpan4>.prod_link>.span9 img.buyImg{display: none;}
	.priceText .sale_price{font-size:inherit;}
	.menu_title.subTitle{font-size:0.916rem;}
	.ABType {text-align: center;}
	[id^="prodBox"] #rankList.textList a.prod_link{ float:right; width:90%;}
	/*.ABType {width: 60px;text-align: center;}
	.imgTitle {margin-top: 0px;}
	.listImgBox .listImgBox_imgTitle {display: block;}*/
}
@media (min-width: 768px) {
	.menu_title {display: table;}
	.menu_title>a{display: block; width:100%;}
	.listImgBox{text-align: center;/*height: 200px;*/display: table;vertical-align: middle; width:100%;table-layout: fixed;}
	.listImgBoxCell{ height:200px;display: table-cell;vertical-align: middle; width:100%}
	.listImgBox>.imgTitle{ display:table-row; margin-top:20px;}
	.listImgBox .listImgBox_imgTitle{display: block;margin-top: 10px;}
	.listImgBoxCell>img {max-width: 100%;max-height: 100%;/*max-width: 190px \9;*/}
	.menu_title .priceText {padding: 5px 0;}
	.menu_title .priceText {width: 65%;}
}
@media (max-width: 1200px) {
	.ranking {padding: 6px 0px;font-size: 1.667rem;/*width: 30px;*/ text-align:center !important;}
	#rankList .ranking:before{top: -24px;left: -13px;}
}
@media (max-width: 1200px) and (min-width: 980px) {
/*	.listImgBoxCell>img {max-width: 170px \9;}*/
	.listImgBoxCell {height: 160px;}
}
@media (max-width: 1200px) and (min-width: 768px) {
	/*.menu_title .sale_price {display: block;}*/
	.menu_title .priceText {width: 70%;}
	.menu_title .buyImg {padding: 0px 0;}
}
@media (max-width: 979px) and (min-width: 768px) {
/*	.listImgBoxCell>img {max-width: 140px \9;}*/
	.listImgBoxCell {height: 130px;}
	.menu_title .sale_price {display: block;}
	.menu_title .buyImg {padding: 10px 0;}
	.menu_title .priceText {width: 50%;}
}