body {min-width: 1200px;	color: #333;	font: 13px/1.6em "Century Gothic", Arial, 'Microsoft JhengHei', "蘋果儷中黑", "儷黑 Pro", "新細明體", "sans-serif";}
a {	display: block;	text-decoration: none;}
:focus {	outline: none;}
i {	font-style: normal;}

/***prod***/
.prod_wrapper {	position: relative;}
.prod_container {	position: relative;	z-index: 100;}
.ProductList {	position: relative;	z-index: 500;	margin: auto;	width: 1200px;}
.ProductList:after {	clear: both;	display: table;	content: '';}
.ProductList .item {	position: relative;	float: left;	margin-top: 10px;	margin-bottom: 10px;	margin-right: 2px;	margin-left: 2px;	width: 19.6%;	text-align: center;}
.ProductList .item>a {	position: relative;	display: block;	background: #fff;	transition: ease-out 0.1s;}
.ProductList .ProductImg {	position: relative;	overflow: hidden;	margin: 0 auto;	width: 235px;	height: 235px;}

.ProductList .ProductImg img {	position: absolute;	top: 0;	right: 0;	bottom: 0;	left: 0;	margin: auto;	max-width: 100%;	max-height: 100%;}
.ProductList .item>a:hover {	transform: translateY(-5px);	-webkit-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.3);	-moz-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.3);	box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.3);	z-index: 1;}
.ProductList .ProductDesc {	overflow: hidden;	padding: 0 5px;	height: 36px;	background: #000;	color: #fff;	font-weight: bold;	font-size: 16px;	line-height: 36px;}
.item .ProductName {	overflow: hidden;	padding: 4px 5px;	height: 38px;	color: #000;	text-align: center;	font-size: 15px;	line-height: 20px;}
.item .ProducPrice, .item .Event_Condition {	padding: 3px 4px 7px;	height: 35px;	color: #e22347;	position: relative;	text-align: left;	vertical-align: middle;}

.item .Event_Condition{	font-size: 16px;	line-height: 35px;	text-align: center;}
.item .ProducPrice label {	cursor: pointer;}
.item .ProducPrice .originalPrice {	margin: 0 5px 0 0;	color: #747474;	font-size: 13px;	text-decoration: line-through;}
.item .Event_Condition span{	font-weight: 500;	font-size: 24px;}
.item .ProducPrice .prePrice span {	margin: 0 2px 0 2px;	font-weight: 500;	font-size: 30px;	line-height: 30px;	letter-spacing: -1px;}
.item .ProducPrice .price_txt {	color: #e22347;	font-size: 15px;	line-height: 26px;	letter-spacing: -1px;}
.item .ProducPrice .discount{ position: absolute; right: 2px; bottom: 15px;}
.item .ProducPrice .discount:before{background:#4482e0; color:#fff; border-radius: 3px; padding: 2px;}
.item .ProducPrice span{ font-size: 15px;}
.item .pushPoint{ 
	background: #ed604e; /* Old browsers */
 background: -moz-linear-gradient(-45deg, #ed604e 0%, #d30e5a 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(-45deg, #ed604e 0%,#d30e5a 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(135deg, #ed604e 0%,#d30e5a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed604e', endColorstr='#d30e5a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ color: #fff; font-size: 14px; line-height: 30px; height: 30px;}

/**rankLabel******************/
.ProductList .ProductImg .rankLabel{	position: absolute;	top: 0;	left: 3px;	width: 43px;	height: 70px;	background-size: contain;	z-index: 1;}
.item_0 .rankLabel{	background: url("../images/top1.png") no-repeat;}
.item_1 .rankLabel{	background: url("../images/top2.png") no-repeat;}
.item_2 .rankLabel{	background: url("../images/top3.png") no-repeat;}
.item_3 .rankLabel{	background: url("../images/top4.png") no-repeat;}
.item_4 .rankLabel{	background: url("../images/top5.png") no-repeat;}
.item_5 .rankLabel{	background: url("../images/top6.png") no-repeat;}
.item_6 .rankLabel{	background: url("../images/top7.png") no-repeat;}
.item_7 .rankLabel{	background: url("../images/top8.png") no-repeat;}
.item_8 .rankLabel{	background: url("../images/top9.png") no-repeat;}
.item_9 .rankLabel{	background: url("../images/top10.png") no-repeat;}

/**tag wfe******************/
.tag_wfe {	position: relative;	top: -5px;	display: inline-block;	width: 20px;	height: 20px;	background: url(//www.payeasy.com.tw/pezlib/images/tag_wfe_s.png) left;	background-size: cover;}
.tag_wfe.checked {	background-position: right;}
.tag_wfe .brief {	position: absolute;	top: -5px;	left: 25px;	z-index: 10;	display: none;	width: 64px;	background: #E36E1A;	color: #f6f6f6 !important;	text-align: center;	font-size: 12px !important;	line-height: 16px!important;}
.tag_wfe:hover .brief {	display: block;}
.tag_wfe.checked:hover .brief {	display: none;}
.tag_wfe .brief:after {	position: absolute;	top: 10px;	left: -10px;	width: 0;	height: 0;	border-color: transparent #E36E1A transparent transparent;	border-style: solid;	border-width: 5px;	content: '';	font-size: 0;	line-height: 0;}
.tag_wfe:before {	display: inline-block;	height: 100%;	content: '';	vertical-align: text-bottom;}


@media screen and (max-width:767px) {
body {	width: 100vw;	min-width: inherit;}
* {	box-sizing: border-box;}
	.prod_container{ width:100vw; overflow-x:scroll; overflow-y: hidden;}
	.ProductList{width: 420vw; }
	.ProductList .item{		margin-top: 10px;		width: 40vw;		margin-left: 1vw;		margin-right: 1vw;		margin-bottom: 10px;		height:calc(113px + 40vw);	}
	.ProductList .ProductImg{		width:40vw;		height: 40vw;	}
	.ProductList .ProductDesc{		font-size: 13px;	}
	.item .ProductName{		font-size: 13px;		height: 42px;	}
	.item .Event_Condition{ font-size:15px;}
	.item .ProducPrice .originalPrice {	display: none;}
	.item .ProducPrice .prePrice span {	font-size: 24px;}
 .item .ProducPrice .price_txt {font-size: 14px;}
	.ProductList .item>a:hover{ 	transform: translateY(0);	-webkit-box-shadow: none;	-moz-box-shadow: none;	box-shadow: none;	}
	.item .ProducPrice .discount{		bottom: 7px; font-size: 11px;}
 .tag_wfe { top: -2px;}
}

@media screen and (max-width:340px) {
.item .ProducPrice span {font-size: 12px;}
.item .Event_Condition { font-size: 12px;}
}