body {
	min-width: 1050px;
	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;}
.pc_mode{ display:block;}
.m_mode{ display:none}
.header, .footer {margin: auto;width: 1050px;}
.hd_pc {width: 1050px;}
.hd_m {display: none;}
.M_menu_wrap {display: none;}
.main {position: relative; width: 100%; background: url(../images/bg2.png) no-repeat top center,  url(../images/bg3.png) no-repeat top center, url("../images/bg.jpg") repeat-y #970007; padding-bottom: 30px;}
.gotop {display: none;}


/***prod***/
.prod_wrapper {	position: relative;	padding: 10px 0 30px;}
.prod_container {	position: relative;	z-index: 100;	overflow: hidden}
.ProductList {	position: relative;	z-index: 500;	margin: auto;	padding-bottom: 30px;	width: 1000px;}
.ProductList:after {	clear: both;	display: table;	content: '';}
.ProductList .item { float: left; width: 32.3%; margin-left: 0.5%; margin-right: 0.5%; text-align: center; position: relative; background: #fff; margin-bottom: 15px; }
.ProductList .item_0, .ProductList .item_1, .ProductList .item_2, .ProductList .item_3 {width: 480px; margin-left: 1.3%; margin-right: 0;}

.ProductList .item>a { position: relative; transition: linear 0.2s; top: 0; }
.ProductList .item>a:hover { top: -5px; }
.ProductList .ProductImg { min-height: 180px; margin: 0 auto; position: relative; }
.item_0 .ProductImg, .item_1 .ProductImg, .item_2 .ProductImg, .item_3 .ProductImg { min-height: 267px; }

.ProductList .ProductImg img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.ProductList .item>a:hover, .ProductList .item>a:focus, .ProductList .item>a:active {	transform: translateY(-5px)}
.ProductList .ProductDesc { display: none;}
.item .ProductName { color: #000; height: 43px; overflow: hidden; font-size: 17px; text-align: center; padding: 4px 10px; line-height: 23px; }
.item_0 .ProductName, .item_1 .ProductName, .item_2 .ProductName, .item_3 .ProductName{ font-size: 21px; padding: 5px 26px; line-height: 26px;}

.item .ProducPrice, .item .Event_Condition { color: #f00; height: 35px; padding: 3px 2px 7px 2px; }
.item_0.item .ProducPrice, .item_0 .item .Event_Condition, 
.item_1.item .ProducPrice, .item_1 .item .Event_Condition, 
.item_2.item .ProducPrice, .item_2 .item .Event_Condition, 
.item_3.item .ProducPrice, .item_3 .item .Event_Condition {height: 40px;}

.item .ProducPrice i em span { font-weight: 100; color: #747474; font-size: 13px; margin: 0 10px 0 0; }
.item .ProducPrice span, .item .Event_Condition i span { color: #F00; margin: 0 2px 0 2px; font-size: 34px; font-weight: 100; line-height: 30px; }
.item_0 .ProducPrice span, .item_0 .item .Event_Condition i span,
.item_1 .ProducPrice span, .item_1 .item .Event_Condition i span,
.item_2 .ProducPrice span, .item_2 .item .Event_Condition i span,
.item_3 .ProducPrice span, .item_3 .item .Event_Condition i span {  font-size: 40px;line-height: 40px; }

.item .ProducPrice i em { font-style: normal; color: #747474; text-decoration: line-through; padding-right: 5px;}
.item .ProducPrice .price_txt { font-size: 15px; color: #F00; line-height: 26px;  font-weight: bold;}
.item .ProducPrice .btn_buy,.item .Event_Condition .btn_buy{ display: none;}
.item .ProducPrice .originalPrice {margin: 0 5px 0 0;color: #747474;font-size: 13px;text-decoration: line-through;}

/**title***/
.tit { display: none; margin: auto; }
.ProductList .item .sub_tit { position: absolute; z-index: 100; width: 1050px; /* height: 120px;*/}
.ProductList .item .sub_tit a { display: inline-block;}
b.sub_tit {top: -120px !important; left: -25px !important;}

/**主打商品**/
.ProductList .item_0, .ProductList .item_1 {	margin-top: 120px;}
.ProductList .item_4, .ProductList .item_5, .ProductList .item_6 {	margin-top: 253px;}
.ProductList .item_10, .ProductList .item_11, .ProductList .item_12 {	margin-top: 208px;}
.ProductList .item_16, .ProductList .item_17, .ProductList .item_18 {	margin-top: 208px;}
.ProductList .item_22, .ProductList .item_23, .ProductList .item_24 {	margin-top: 208px;}
.ProductList .item_28, .ProductList .item_29, .ProductList .item_30 {	margin-top: 208px;}
.ProductList .item_34, .ProductList .item_35, .ProductList .item_36 {	margin-top: 208px;}
.ProductList .item_40, .ProductList .item_41, .ProductList .item_42 {	margin-top: 208px;}
.ProductList .item_46, .ProductList .item_47, .ProductList .item_48 {	margin-top: 208px;}
.ProductList .item_52, .ProductList .item_53, .ProductList .item_54 {	margin-top: 208px;}
.ProductList .item_58, .ProductList .item_59, .ProductList .item_60 {	margin-top: 208px;}

/*.ProductList .item_0 .ProductDesc,.ProductList .item_1 .ProductDesc,.ProductList .item_2 .ProductDesc,
.ProductList .item_3 .ProductDesc,.ProductList .item_4 .ProductDesc,.ProductList .item_5 .ProductDesc,
.ProductList .item_6 .ProductDesc,.ProductList .item_7 .ProductDesc,.ProductList .item_8 .ProductDesc,
.ProductList .item_9 .ProductDesc,.ProductList .item_10 .ProductDesc,.ProductList .item_11 .ProductDesc{	background: #ce800d;}*/

/**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;}

/**float**/
.float_wrapper { position: fixed;top: 50px; right:0; /*left: 50%;*/ z-index: 250; display: none;}
.float_main { width: 138px; opacity: 0.9; filter: alpha(opacity=90);}

.go_top { display: block; cursor: pointer; }
.group_leftmenu { width: 130px; margin: auto;  }
.group_leftmenu li a { width: 130px; text-align: center; font-size: 18px; line-height: 21px; padding: 9px 0; display: block; border-bottom: 1px dotted #fff; text-decoration: none; font-weight: bold;}
.group_leftmenu li a:hover, .group_leftmenu li a:focus, .group_leftmenu li a:active { color: #fff; }
.group_leftmenu li:hover:after, .type_leftmenu li:focus:after, .type_leftmenu li:active:after { left: 10%; right: 10%; }
li.link02 a { color: #fff; background: #000; transition: all .3s linear }
li.link02 a:hover { background: #e7b900; }

/*commonVipMember*/
.eventPage_bn_vipMember_wrapper {	position: relative;}
.eventPage_fixTopLeft_vipMember {	position: fixed;	left: 50%;	z-index: 999;}
.eventPage_fixTopLeft_vipMember a {	position: absolute;	top: 100px;	right: 530px;	display: inline-block;	width: 80px;}

/**kv**/
.kv { background: url(../images/bg_kv.jpg) no-repeat top center; height: 400px; overflow: hidden;}
.kv_area_01 { position: relative; margin: 0 auto; width: 1050px; height: 419px; }
.kv_area_01 .slogan1 { position: absolute; z-index: 100; top: 128px; left: 172px; }
.kv_area_01 .slogan2 { position: absolute; z-index: 100; top: 0px; left: 188px; }
.kv_area_01 .slogan3 { position: absolute; z-index: 100; top: 276px; left: 100px; }
.kv_area_01 .people { position: absolute; z-index: 100;top: 38px; left: 720px; }
.kv_area_01 .de { position: absolute; z-index: 99;top: 0; left: 0; }
.shake-on { -webkit-animation-name: shake-base; -ms-animation-name: shake-base; animation-name: shake-base; -webkit-animation-duration: 1300ms; -ms-animation-duration: 1300ms; animation-duration: 1300ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; }
@-webkit-keyframes shake-base {
 0% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
}
 2% {
-webkit-transform: translate(-0.5px, 1.5px) rotate(0.3deg);
}
 4% {
-webkit-transform: translate(-0.5px, 1.5px) rotate(-0.3deg);
}
 6% {
-webkit-transform: translate(-2.5px, -1.5px) rotate(0.3deg);
}
 8% {
-webkit-transform: translate(-2.5px, -2.5px) rotate(-0.8deg);
}
 10% {
-webkit-transform: translate(1.5px, 1.5px) rotate(-0.8deg);
}
 12% {
-webkit-transform: translate(-2.5px, -0.5px) rotate(-0.3deg);
}
 14% {
-webkit-transform: translate(1.5px, -2.5px) rotate(-0.3deg);
}
 16% {
-webkit-transform: translate(0.5px, 1.5px) rotate(0.3deg);
}
 18% {
-webkit-transform: translate(-2.5px, -0.5px) rotate(0.3deg);
}
 20% {
-webkit-transform: translate(-0.5px, -0.5px) rotate(-0.8deg);
}
 22% {
-webkit-transform: translate(-2.5px, -1.5px) rotate(-0.8deg);
}
 24% {
-webkit-transform: translate(-1.5px, -2.5px) rotate(-0.8deg);
}
 26% {
-webkit-transform: translate(0.5px, -0.5px) rotate(-0.8deg);
}
 28% {
-webkit-transform: translate(-0.5px, -1.5px) rotate(-0.3deg);
}
 30% {
-webkit-transform: translate(-2.5px, 1.5px) rotate(0.3deg);
}
 32% {
-webkit-transform: translate(-2.5px, -2.5px) rotate(-0.3deg);
}
 34% {
-webkit-transform: translate(-1.5px, 0.5px) rotate(-0.8deg);
}
 36% {
-webkit-transform: translate(1.5px, -1.5px) rotate(-0.8deg);
}
 38% {
-webkit-transform: translate(0.5px, -0.5px) rotate(-0.3deg);
}
 40% {
-webkit-transform: translate(-0.5px, 0.5px) rotate(0.3deg);
}
 42% {
-webkit-transform: translate(0.5px, -2.5px) rotate(-0.3deg);
}
 44% {
-webkit-transform: translate(0.5px, -2.5px) rotate(-0.3deg);
}
 46% {
-webkit-transform: translate(-1.5px, 1.5px) rotate(-0.8deg);
}
 48% {
-webkit-transform: translate(0.5px, -2.5px) rotate(-0.3deg);
}
 50% {
-webkit-transform: translate(-1.5px, -0.5px) rotate(-0.8deg);
}
 52% {
-webkit-transform: translate(-2.5px, -0.5px) rotate(-0.8deg);
}
 54% {
-webkit-transform: translate(1.5px, 0.5px) rotate(-0.8deg);
}
 56% {
-webkit-transform: translate(0.5px, 0.5px) rotate(-0.8deg);
}
 58% {
-webkit-transform: translate(0.5px, 1.5px) rotate(-0.3deg);
}
 60% {
-webkit-transform: translate(-0.5px, -2.5px) rotate(-0.3deg);
}
 62% {
-webkit-transform: translate(-2.5px, -1.5px) rotate(-0.3deg);
}
 64% {
-webkit-transform: translate(-1.5px, 0.5px) rotate(0.3deg);
}
 66% {
-webkit-transform: translate(0.5px, -0.5px) rotate(-0.8deg);
}
 68% {
-webkit-transform: translate(-1.5px, -0.5px) rotate(-0.8deg);
}
 70% {
-webkit-transform: translate(-0.5px, -2.5px) rotate(-0.8deg);
}
 72% {
-webkit-transform: translate(-2.5px, -0.5px) rotate(-0.8deg);
}
 74% {
-webkit-transform: translate(-2.5px, 0.5px) rotate(0.3deg);
}
 76% {
-webkit-transform: translate(1.5px, -1.5px) rotate(-0.8deg);
}
 78% {
-webkit-transform: translate(1.5px, -2.5px) rotate(0.3deg);
}
 80% {
-webkit-transform: translate(-2.5px, -2.5px) rotate(-0.3deg);
}
 82% {
-webkit-transform: translate(-2.5px, -1.5px) rotate(0.3deg);
}
 84% {
-webkit-transform: translate(0.5px, -2.5px) rotate(-0.3deg);
}
 86% {
-webkit-transform: translate(-2.5px, 0.5px) rotate(-0.3deg);
}
 88% {
-webkit-transform: translate(-2.5px, -0.5px) rotate(-0.3deg);
}
 90% {
-webkit-transform: translate(-1.5px, -1.5px) rotate(-0.8deg);
}
 92% {
-webkit-transform: translate(-0.5px, -1.5px) rotate(-0.3deg);
}
 94% {
-webkit-transform: translate(0.5px, -0.5px) rotate(-0.3deg);
}
 96% {
-webkit-transform: translate(-2.5px, -2.5px) rotate(0.3deg);
}
 98% {
-webkit-transform: translate(-0.5px, 1.5px) rotate(-0.3deg);
}
}
.animated { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
.slogan1.animated { -webkit-animation-duration: 1.2s; -moz-animation-duration: 1.2s; -ms-animation-duration: 1.2s; -o-animation-duration: 1.2s; animation-duration: 1.2s; }
.slogan2.animated { -webkit-animation-duration: 1.8s; -moz-animation-duration: 1.8s; -ms-animation-duration: 1.8s; -o-animation-duration: 1.8s; animation-duration: 1.8s; }
 @-webkit-keyframes flash {
 0%, 100%, 50% {
filter: brightness(100%);
}
25%, 75% {
filter: brightness(160%);
}
}
@keyframes flash {
0%, 100%, 50% {
filter: brightness(100%);
}
25%, 75% {
filter: brightness(160%);
}
}
.flash { -webkit-animation-name: flash; animation-name: flash }
#doyoo_panel {display: none!important;}


@media screen and (max-width:767px) {
body {	padding-bottom: 10vw;	width: 100vw;	min-width: inherit;	background: #970007;}
* {	box-sizing: border-box;}
#doyoo_panel {	display: none!important;}
.header {	width: 100vw;}
.footer, .hd_pc, .pc_mode {	display: none;}
.hd_m, .m_mode {	display: block;}
.eventPage_bn_vipMember_wrapper {	display: none!important;}
.main { padding-bottom: 0; background: url(../images/bg_m.jpg) no-repeat top center, url(../images/bg_m.jpg) no-repeat top center, url(../images/bg_m.jpg) top center; background-size: 250%, 250%, 250%; padding-bottom: 0;}
.gotop {background: url(//www.payeasy.com.tw/pbenefit/in_other/pmedm/106/autumn/images/icon_top.png) no-repeat;	height: 40px;	position: fixed;	right: 10px;	width: 40px;	bottom: 82px;	z-index: 200;	background-size: contain;}
.gotop a {	display: block;	height: 40px;}

.kv { height: 43vw; }
.kv img{width: 100%;}
.kv_area_01 { width: 65vw; height: auto;}
.kv_area_01 .slogan1 { top: 15vw; left: -5vw;}
.kv_area_01 .slogan2 { top: 0px; left: -7vw;}
.kv_area_01 .slogan3 {top: 31vw;left: -7vw;}
.kv_area_01 .people {width: 30vw;top: 5vw;left: 55vw;}
.kv_area_01 .de{ width: 130vw; left: -27vw;}
 
b.sub_tit { top: -15vw !important;}

.prod_wrapper {	margin-top: 0px; padding: 0;}
.ProductList {	width: 100vw;	padding-bottom: 30px;}
.ProductList .item {	margin-top: 5px!important;	margin-bottom: 5px;	margin-right: 0.5vw;	margin-left: 0.5vw;	width: 49vw;}
.ProductList .ProductImg { width: 49vw ! important;height: 27vw !important;min-height: auto;}
.ProductList .item>a:hover { top: -3px; }
.item .ProducPrice span, .item .Event_Condition i span {	font-size: 27px;}
.item .ProducPrice i em span {	margin-right: 3px;	font-size: 12px;}
.item .ProductName {	height: 35px;	font-size: 13px; line-height: 16px;}
.ProductList .ProductDesc {	font-size: 12px;}
.ProductList .item .sub_tit {	left: -0.5vw !important;	width: 100vw;	height: 15vw;}
.ProductList .item .sub_tit img {	width: 100%;}
.ProductList .item_76 .sub_tit > a{	width: 50%;	float: left}
.ProductList .item_0,.ProductList .item_1{	margin-top: calc(12vw + 5px)!important;}
.ProductList .item_4, .ProductList .item_5,
.ProductList .item_10, .ProductList .item_11, 
.ProductList .item_16, .ProductList .item_17, 
.ProductList .item_22, .ProductList .item_23,
.ProductList .item_28, .ProductList .item_29,
.ProductList .item_34, .ProductList .item_35,
.ProductList .item_40, .ProductList .item_41,
.ProductList .item_46, .ProductList .item_47,
.ProductList .item_52, .ProductList .item_53,
.ProductList .item_58, .ProductList .item_59 {	margin-top: calc(15vw + 5px)!important;}

/**/
.float_wrapper {	display: none; left: 100%;}
.M_menu_wrap {	position: fixed;	bottom: 0;	z-index: 250;	display: block;	font-size: 14px;}
/**/
.M_menu_block {	width: 100vw;	height: 50px;	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555), color-stop(100%, #111));	box-shadow: 0px -1px 1px #333;}
.M_menu_block:after {	clear: both;	display: table;	content: '';}
.M_menu_block ul {	overflow: hidden;	list-style: none;}
.M_menu_block li {	float: left;	padding-top: 8px;	width: 16.66vw;	height: 50px;	border-top: 1px solid #999;	border-right: 1px solid #666;	border-left: 1px solid #222;	text-align: center; line-height: 16px;}
.M_menu_block li a {	color: #fff;	display: inline-block}
.M_menu_block ul li:before {	display: inline-block;	height: 100%;	content: '';	vertical-align: middle;}
.M_menu_filter {	position: fixed;	right: 0;	bottom: 45px;	left: 0;	z-index: 250;	display: none;	margin: auto;	width: 95%;	border-radius: 10px;	background: #fefefe;}
.M_menu_filter:after {	position: absolute;	right: 0;	bottom: -14px;	left: 0;	display: inline-block;	margin: auto;	width: 0;	height: 0;	border-color: #fefefe transparent transparent transparent;
	border-style: solid;	border-width: 7px;	content: '';}
.M_menu_filter ul li {	float: left;	box-sizing: border-box;	padding: 5px;	width: 33.3%;	height: 50px;	text-align: center;}
.M_menu_filter ul li a {	display: block;	height: 35px;	border-radius: 20px;	background: darkred;	color: #fff;	vertical-align: middle;	font-size: 14px;}
.M_menu_filter ul li a:before {	display: inline-block;	height: 100%;	content: '';	vertical-align: middle;}
.bk_mask {	position: fixed;	top: 0;	z-index: 100;	display: none;	width: 100vw;	height: 100vh;	background: rgba(0,0,0,.8);}

/**/
.tag_wfe {	top: auto;}
}

@media screen and (max-width:320px) {
.item .ProducPrice i em span {	font-size: 11px;}
.item .ProducPrice .price_txt {	font-size: 13px;}
.tag_wfe {	width: 16px;	height: 16px;}
}