body {	font: 13px/1.6em "Century Gothic", Arial, 'Microsoft JhengHei', "蘋果儷中黑", "儷黑 Pro", "新細明體", "sans-serif";	color: #333;	min-width: 1050px;}
a {	text-decoration: none;	display: inline-block}
:focus {	outline: none;}
i {	font-style: normal;}
.header, .footer {	width: 100%;	margin: auto}
.hd_pc { width: 100%;}
.hd_m {	display: none;}
.m_mode {display: none;}
.pc_mode { }
.M_menu_wrap {	display: none;}
.gotop { display: none; }

.main_wrapper {	position: relative;  width: 100%;  overflow-x: hidden;  overflow-y: hidden;}
.kv_wrapper {  overflow-x: hidden;  overflow-y: hidden;	position: relative;}
.kv_container {  position: relative;  z-index: 1;  margin: auto;   width: 1200px;  height: 640px;}
.kv_slogan { position: absolute;	top: 36px;	right: 12px; margin: auto;	z-index: 7;  animation: upDown_animation 0.5s ease-in-out infinite alternate;}
.kv_slogan_m{ display: none;}
.bg_wrapper{  position: absolute;  width: 100%;  height: 100%;  top: 0;  z-index: -2;  background: url("../images/main_bg.png") no-repeat; }
.bg_kv{  background: url("../images/kv_bg.jpg") no-repeat top center;  height: 100%;  -webkit-animation:lightning 2s ease-in-out infinite alternate;  animation:lightning 2s ease-in-out infinite alternate; }
.bg_fly/*浮動*/ {  top: 0;  width: 100%;  height: 100%;  background: url("../images/main_bg_deco.png") no-repeat center;  position: fixed;  z-index: 3;  display: none;}

/**float**/
.float_wrapper { position: fixed; bottom: 20px; right: 20px;  z-index: 250;  display: none; width: 50px;  background: #969696; border-radius: 50px;  height: 36px; padding-top: 14px;text-align: center;}
a.go_top {  display: block; color: #fff;  font-weight: bold; font-size: 16px; line-height: 15px;}
.float_wrapper:hover{ background: #ff954b;  }

/**promotionBlock_forVIPday標籤**/
.promotionBlock { position: relative; }
.promotionBlock .activity {	left: 0px;	position: absolute;	bottom: 0;	width: 100%; z-index: 100; line-height: 0;}
.promotionBlock .activity img { width: 100%; }

/**prod**/
.prod_wrapper {  position: relative;}
.prod_container {  position: relative;  z-index: 100;  margin-bottom: 100px;}
.ProductList {  position: relative;  z-index: 500;  margin: auto;  width: 1200px;  right:-31px;	}
.ProductList:after {  clear: both;  display: table;  content: '';}
.ProductList .item {  position: relative;  float: left;  width: 220px;  margin-left: 4px;  margin-right: 4px;  margin-top: 10px;  margin-bottom: 0px;  text-align: center;  background-color: #FFFFFF;  border-radius: 5px;}
.ProductList .item > a {  position: relative;  display: block;  transform: scale(.95);	}
.ProductList .ProductImg {  position: relative;  overflow: hidden;  margin: 0 auto;  width: 220px;  height: 220px;}
.ProductList .ProductImg img {  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  margin: auto;  max-width: 100%;  max-height: 100%;  -webkit-transition: ease-out .1s;  transition: ease-out .1s;}
.ProductList .item > a:hover .ProductImg img {  transform: scale(1.05);  filter: brightness(110%);}
.ProductList .ProductDesc {  overflow: hidden;  margin: 0 3px;  border-radius: 30px;  background-color: #ff2089;  padding: 0 5px;  height: 36px;  color: #fff;  font-weight: bold;  font-size: 15px;  line-height: 36px;}
.item .ProductName {  overflow: hidden;  padding: 4px 5px;  height: 38px;  color: #000;  text-align: center;  font-size: 15px;  line-height: 21px;}
.item .ProducPrice, .item .Event_Condition {  padding: 3px 2px 7px 2px;  height: 35px;  color: #F00;}
.item .ProducPrice label {  cursor: pointer;}
.item .ProducPrice i em span {  margin: 0 10px 0 0;  color: #747474;  font-weight: 100;  font-size: 13px;}
.item .ProducPrice span, .item .Event_Condition i span {  margin: 0 2px 0 2px;  font-weight: 500;  font-size: 32px;  line-height: 30px;}
.item .ProducPrice i em {  color: #747474;  text-decoration: line-through;  font-style: normal;}
.item .ProducPrice .price_txt {  color: #F00;  font-size: 15px;  line-height: 26px;}
.ProductList .item_0, .ProductList .item_1, .ProductList .item_2, .ProductList .item_3, .ProductList .item_4{  margin-top: 110px;}

/**title**/
.tit {  display: none;  margin: auto;}
.ProductList .item .sub_tit {}
.ProductList .item .sub_tit a {  display: inline-block;}
.ProductList .item_0 .sub_tit{  display: block ;  position: absolute;  top: -215px !important;  left: -32px !important;  width: 1050px;  height: 245px;}
.ProductList .item_0 .sub_tit {  top: -216px !important;	}

/**tag wfe******************/
.tag_wfe {	width: 20px;	height: 20px;	background: url(//www.payeasy.com.tw/pezlib/images/tag_wfe_s.png) left;	position: relative;	display: inline-block;	top: -5px;	background-size: cover;	vertical-align: middle}
.tag_wfe.checked {	background-position: right;}
.tag_wfe .brief {	position: absolute;	background: #E36E1A;	width: 64px;	line-height: 16px!important;	color: #f6f6f6 !important;	display: none;	z-index: 10;	text-align: center;	left: 25px;	top: -5px;	font-size: 12px !important;}
.tag_wfe:hover .brief {	display: block;}
.tag_wfe.checked:hover .brief {	display: none;}
.tag_wfe .brief:after {	content: '';	position: absolute;	width: 0;	height: 0;	line-height: 0;	font-size: 0;	left: -10px;	top: 10px;	border-width: 5px;	border-style: solid;	border-color: transparent #E36E1A transparent transparent;}
.tag_wrapper {	width: 900px;	margin: 0 auto 20px;	text-align: center;	font-size: 18px;}
.tag_wrapper:after { content: '';	display: table;	clear: both;}
.tag_wrapper a { display: inline-block;	margin: 8px;	padding: 5px 10px;	float: left;	background: rgba(255,255,255,0.2);	color: #fff;	cursor: pointer;	border-radius: 30px;	transition: linear .2s;}
.tag_wrapper a:hover {	background: rgba(255,255,255,0.6); }

@media screen and (max-width:1367px) {
.bg_wrapper{  background: url("../images/main_bg.png") no-repeat;}	
.kv_container { width: 100%; height: 45vw; }	
.kv_slogan { display: none;}
.kv_slogan_m{ display: block; width: 100vw; }
.kv_slogan_m img{ width:100%; }	
.bg_kv{  display: none;}
.prod_container_bg {  top: -50px;}	
.ProductList .item_0, .ProductList .item_1, .ProductList .item_2, .ProductList .item_3, .ProductList .item_4{  margin-top: 175px;}
.ProductList .item .sub_tit img {  width: 100%;}	
.ProductList .item_0 .sub_tit{  top: -192px !important;  /*left: 53px !important; */}	
}

@media screen and (max-width:1050px) {
body {	min-width: inherit;	background-color: #04051d;	}
* {	box-sizing: border-box;}
.gotop { background: url(//www.payeasy.com.tw/pbenefit/in_other/pmedm/106/autumn/images/icon_top.png) no-repeat;  height: 36px; position: fixed; right: 10px; width: 36px; bottom: 34px; z-index: 900;display: none;  }
.gotop a { display: block; width: 48px; height: 36px; }
.header {	width: 100vw}
.footer {	display: none;}
.hd_pc {	display: none;}
.hd_m {	display: block}
.m_mode {	display: block}
.pc_mode {	display: none;}
.main_wrapper {	background-size: 150vw !important;	width: 100vw;}	
.kv_container { height: 50vw;}
.bg_wrapper{ width: 100vw;}
.bg_fly { display: none; }
.float_wrapper { display: none !important;}
	
.ProductList {	width: 100vw; right: 0;}
.ProductList .item { width: 24vw; margin: 0 .5vw; margin-bottom: 10px;}
.prod_container { margin-bottom: 50px; }	
.prod_container_bg_01, .prod_container_bg_02{ display: none;}	
	
/*產品線間格_m*/
.ProductList .item_0, .ProductList .item_1, .ProductList .item_2, .ProductList .item_3{	margin-top: 12vw !important;}	
.ProductList .ProductImg {	width: 24vw; height: 24vw;	border: 0;}
.ProductList .ProductDesc {	height: 36px;	overflow: hidden;	line-height: 36px;	font-size: 14px;	padding: 0 3px;}
.item .ProductName { color: #000; height: 38px;	overflow: hidden;	font-size: 14px;	text-align: center;	padding: 4px 5px;	line-height: 18px;}
.item .ProducPrice span, .item .Event_Condition i span {font-size: 24px }
.ProductList .item .sub_tit {	width: 100vw;	height: 14vw;	left: 0 !important;	top: -19vw !important;}
.ProductList .item .sub_tit img {	width: 100%; }	

}
	
@media screen and (max-width:768px) {
.ProductList .item { width: 49vw; }
.ProductList .item_2, .ProductList .item_3{  margin-top: 0!important;	}
.ProductList .ProductImg {	width: 49vw; height: 49vw;	border: 0;}	
	
}