body {
  font: 13px/1.6em "Century Gothic", Arial, 'Noto Sans TC', 'Microsoft JhengHei', "sans-serif";
  color: #333;
  min-width: 1050px;
  background: url(../images/rule_main_bg.png) no-repeat fixed bottom;
}
a {
	display: block;
	text-decoration: none;
}
:focus {
	outline: none;
}
i {
	font-style: normal;
}
.pc_mode{ display:block;}
.m_mode{ display:none}
.header, .footer {
  width: 100%;
  background: #fff;
}
.hd_pc {
	width: 100%;
}
.hd_m {
	display: none;
}
.M_menu_wrap {
	display: none;
}
.main {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.gotop {
	display: none;
}
/**kv**/
.kv_wrapper {
	position: relative;
}
.kv_bg {
	position: absolute;
	top: 0;
	width: 100%;
	height: 555px;
	background: url(../images/rule_kv_bg.png) no-repeat top center;
}
.kv {
	position: relative;
	z-index: 1;
	margin: auto;
	width: 1050px;
	height: 390px;
}


.kv_slogan {
  position: absolute;
  left: 72px;
  top: 30px;
  z-index: 2;
}

/**menu**/
.menu_wrapper {
	position: relative;
	margin: auto;
	width: 1050px;
	height: 255px;
	background: url("../images/bg_menu.png") no-repeat bottom;
}
.menu_wrapper:after {
	clear: both;
	display: table;
	content: '';
}
.menu_wrapper > ul {
	margin: auto;
	width: 1036px;
}
.menu_wrapper > ul > li {
	position: relative;
	float: left;
	width: 255px;
	margin: 0 2px;
	line-height: 0;
	transition: .1s linear;
}
.menu_wrapper li:hover {
	transform: scale(0.95);
}
.menu_belt_wrapper{
	position: fixed;
	height: 70px;
	background: rgba(45,54,74,0.95);
	width: 100%;
	top:-70px;
	left: 0;
	z-index: 250;
	filter: opacity(0);
	transition: .2s ease-in-out;
}
.menu_belt_wrapper.show{
	top:0;
	filter: opacity(1);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.45);
}
.coupon_off{ display: none; opacity: 0; transition: .1s linear; width: 180px; height:180px; border-radius: 50%; background:rgba(0,0,0,0.75);position: absolute; margin: auto;top: 0; bottom: 0; right:0; left: 0; text-align: center; }
.menu_wrapper li:hover > .coupon_off,.menu_wrapper li:active > .coupon_off,.menu_wrapper li:focus > .coupon_off,.coupon_off:hover,.coupon_off:active,.coupon_off:focus{ display: block;opacity:1;}
.coupon_off:before{ content:''; display: inline-block; height: 100%; vertical-align: middle;}
.coupon_off p{ display:inline-block; vertical-align: middle;color: #fff; font-size: 28px;line-height: 30px; font-weight: 800;}
.menu_belt_wrapper .coupon_off{ width: 100%; height: 70px;border-radius: 0;}
/*float*/
.float_wrapper {
  position: fixed;
  top: 40px;
  right: 0;
  z-index: 250;
  display: none;
}
.float_main {
  width: 90px;
  background: rgba(101, 181, 164, 0.9);
  border-radius: 10px 0 0 10px;
  padding: 0 5px;
}
.go_top {
  display: block;
  cursor: pointer;
}
.float_main li {
  position: relative;
  color: #fff;
  text-align: center;
  font-size: 15px;
}

.float_main li.highlight0 {
  padding-top: 3px;
  background-color: #fff;
  border-radius: 3px;
  color: #d73e29;
}
.float_main li.highlight0 > ul {
  border-top: 1px dotted;
}
.float_main li.highlight2 {
  font-size: 24px;
  padding-bottom: 20px;
  padding-left: 2px;
}
.float_main li a {
  position: relative;
  z-index: 500;
  color: #fff;
  cursor: pointer;
  font-weight: 600;
  padding: 5px 0 5px;
}

.float_main li a:hover {
  color: yellow;
}
.float_main li a:after {
  position: absolute;
  right: 51%;
  bottom: 0;
  left: 51%;
  z-index: 1;
  height: 2px;
  background: yellow;
  content: "";
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: left, right;
  transition-property: left, right;
}
.float_main a:hover:after {
  right: 10%;
  left: 10%;
}
.float_main li.catagory {
  width: 100%;
  float: left;
  border-bottom: 1px dotted #d73e29;
}
.float_main li.catagory.on {
  background-color: #fff95a;
}
/**.float_main li.catagory:nth-child(2n) {
  border-left: 1px dotted #d73e29;
}**/
.float_main li.catagory a {
  color: #d73e29;
}
/***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 {
	position: relative;
	float: left;
	margin-top: 160px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	width: 230px;
	text-align: center;
}
.ProductList .item>a {
	position: relative;
	display: block;
	background: #fff;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.45);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.45);
	transition: ease-out 0.1s;
}
.ProductList .ProductImg {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 230px;
	height: 230px;
}
.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, .ProductList .item>a:focus, .ProductList .item>a:active {
	transform: translateY(-5px)
}
.ProductList .ProductDesc {
	box-shadow: inset 0px -3px 2px 0px rgba(0,0,0,0.2);
	overflow: hidden;
	padding: 0 5px;
	height: 36px;
	background: #bc0000;
	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: #F00;
	position: relative;
	text-align: left;
}
.item .ProducPrice label {
	cursor: pointer;
}
.item .ProducPrice i em span {
	margin: 0 5px 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: 30px;
	line-height: 30px;
	letter-spacing: -1px;
}
.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;
	letter-spacing: -1px;
}
.item .ProducPrice .btn_buy,.item .Event_Condition .btn_buy{ 
position: absolute; 
padding: 0 10px; 
line-height: 40px; 
right: 0; 
bottom: 0; 
color: #fff; 
background: #bc0000;
font-size: 16px;
border-radius: 15px 0 0;
box-shadow: -2px 1px 2px 0 rgba(0,0,0,0.4);
}
/**title***/

.tit {
	display: none;
	margin: auto;
}
.ProductList .item .sub_tit {
	display: none;
	position: absolute;
	z-index: 100;
	width: 1000px;
	height: 120px;
}
.ProductList .item_0 .sub_tit, .ProductList .item_12 .sub_tit, .ProductList .item_20 .sub_tit, .ProductList .item_24 .sub_tit, .ProductList .item_28 .sub_tit, .ProductList .item_32 .sub_tit, .ProductList .item_36 .sub_tit, .ProductList .item_40 .sub_tit, .ProductList .item_44 .sub_tit, .ProductList .item_48 .sub_tit, .ProductList .item_52 .sub_tit, .ProductList .item_56 .sub_tit, .ProductList .item_60 .sub_tit, .ProductList .item_64 .sub_tit, .ProductList .item_68 .sub_tit, .ProductList .item_72 .sub_tit, .ProductList .item_76 .sub_tit {
	display: block
}
.ProductList .item .sub_tit a {
	display: inline-block;
}
/**ĄDĄ´°Ó«~**/
.ProductList .item_0, .ProductList .item_1, .ProductList .item_2, .ProductList .item_3 {
	margin-top: 130px;
}
.ProductList .item_12, .ProductList .item_13, .ProductList .item_14, .ProductList .item_15 {
	margin-top: 795px;
}
.ProductList .item_4, .ProductList .item_5, .ProductList .item_6, .ProductList .item_7, .ProductList .item_8, .ProductList .item_9, .ProductList .item_10, .ProductList .item_11 {
	margin-top: 0;
}
.ProductList .item_16, .ProductList .item_17, .ProductList .item_18, .ProductList .item_19 {
	margin-top: 0;
}
.ProductList .item_12 .sub_tit {
	top: -720px !important;
}
.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;

}
/*ProductListBG*/
.prod_container_bg {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 1050px;
}
.prod_container_bg_01 {
	margin-top: 60px;
	height: 1260px;
	background: url("../images/prodbg01.png") no-repeat;
}
.prod_container_bg_02 {
	margin-top: 620px;
	height: 870px;
	background: url("../images/prodbg02.png") no-repeat;
}
.prod_container_bg_03, .prod_container_bg_04, .prod_container_bg_05 {
	margin-top: 35px;
	height: 500px;
	background: url("../images/prodbg03.png") no-repeat;
}
.prod_container_bg_06, .prod_container_bg_07, .prod_container_bg_08, .prod_container_bg_09, .prod_container_bg_10, .prod_container_bg_11, .prod_container_bg_12, .prod_container_bg_13, .prod_container_bg_14, .prod_container_bg_15, .prod_container_bg_16, .prod_container_bg_17 {
	margin-top: 19px;
	height: 519px;
	background: url("../images/prodbg04.png") no-repeat;
}
/**switch**/
.switch_wrapper {
	margin-bottom: 20px;
	position: relative;
	height: 585px;
}
.switch_block{
	position: absolute;
	width:1050px;
	left: -25px;
}
.switch_17Life {
	position: absolute;
	left: 50px;
	top:25px;
}
.switch_PChome {
	position: absolute;
	right: 50px;
	top:25px;
}
.switch_item_wrapper{
	width: 1000px;
	left: 0;
	right: 0;
	margin: 0 auto;
	position: absolute;
	top:220px;
}
.switch_item_wrapper li{
	float: left;
	margin: 0 10px;
}
.switch_item_wrapper a{
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.45);
}
.switch_item_wrapper:after{
	content:'';
	display: table;
	clear: both;
}
.switch_block a{
	transition: .1s linear;
}
.switch_block a:hover {
	transform: scale(0.95);
	filter: brightness(110%);
}

/**tag**/
.tag_wrapper {
	margin: 0 auto 20px;
	width: 900px;
	text-align: center;
	font-size: 18px;
}
.tag_wrapper:after {
	clear: both;
	display: table;
	content: '';
}
.tag_wrapper a {
	float: left;
	display: inline-block;
	margin: 8px;
	padding: 5px 10px;
	border-radius: 30px;
	background: rgba(255,255,255,0.2);
	color: #fff;
	cursor: pointer;
	transition: linear .2s;
}
.tag_wrapper a:hover {
	background: rgba(255,255,255,0.6);
}
/*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;
}
/*L2More*/
.sub_more {
	display: block;
	margin: 10px auto;
	width: 1050px;
}
.sub_more li {
	float: left;
	padding: 2px 2px;
	width: 140px;
	line-height: 40px;
	font-size: 18px;
	text-align: center;
	background: #d4d4d4;
	margin: 5px 2px 5px 3px;
	border-radius: 25px;
	transition: .1s linear;
}
.sub_more li:hover {
	background: #f4f4f4;
	box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.35);
	transform: translateY(-3px);
}
.sub_more li a {
	color: #333
}
.sub_more:after {
	clear: both;
	display: table;
	content: '';
}
.sub_more_m {
	display: none;
}
/*others*/
#doyoo_panel {
	display: none!important;
}
/**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;
}
/**rule**/
.rule .prod_wrapper {
	margin-top: 0;
}
.rule_wrapper {
	margin: auto;
	padding: 20px;
	width: 1010px;
	border-radius: 20px;
	background: #fff;
	font-size: 15px;
	line-height: 26px;
}
.rule_wrapper a {
	color: dodgerblue;
	text-decoration: underline;
}
.rule_wrapper h2 {
	display: inline-block;
	margin: 10px 0;
	padding: 5px 20px;
	border-radius: 20px;
	background: #a61606;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}
.rule_wrapper h3 {
	color: indianred;
	font-weight: bold;
	font-size: 18px;
}
.rule_wrapper li {
	margin-left: 25px;
	padding: 5px 0;
	list-style: decimal;
}
.rule table th {
	color: #fff;
}
.rule strong {
	color: crimson;
}
.rule a {
	display: inline-block;
}
a.btn_back {
	display: block;
	margin: auto;
	padding: 10px 20px;
	width: 200px;
	border-radius: 20px;
	background-color: darkred;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: 24px;
	transition: linear .2s;
}
a.btn_back:hover, a.btn_back:focus, a.btn_back:active {
	background-color: tomato;
}
/**share**/
.shareBtn_wrapper {
	position: relative;
	margin-top: 5px;
	margin-left: 566px;
	width: 60px;
	height: 60px;
}
.shareBtn{
	position: relative;
	cursor: pointer;
	width: 100%;
	z-index: 50;
}
.shareBtn_wrapper ul li {
	opacity: 0;
	position: absolute;
	top:0;
	left: 0;
	width: 50px;
	height: 50px;
	transition: .2s ease-in-out;
}
.shareBtn_wrapper ul li img {
	width: 100%;
}
.shareBtn_wrapper ul li:hover {
	transform: scale(1.08);
	filter: brightness(130%);
}
.shareBtn_wrapper.active .shareBtn_fb{
	left:-65px;
	opacity: 1;
}
.shareBtn_wrapper.active .shareBtn_line{
	left:-125px;
	opacity: 1;
}
.shareBtn_wrapper.active .shareBtn_url{
	left:-185px;
	opacity: 1;
}
/**snow**/
.snow {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 800;
	overflow: hidden;
	pointer-events: none;
}
#snowbox img {
	width: 100%;
	height: auto;
}

.blue {
	color: #01137B;
}

.word {
	font-size: 20px;
	font-weight: bold;
	padding-left: 20px;
	display: block;
	line-height: 32px;
}

.list{
	list-style-type: disc!important;	
}

@media screen and (max-width:767px) {
body {
	padding-bottom: 10vw;
	width: 100vw;
	min-width: inherit;
	background: #0c3473;
}
* {
	box-sizing: border-box;
}
#doyoo_panel {
	display: none!important;
}
.header {
	width: 100vw;
}
.footer {
	display: none;
}
.hd_pc {
	display: none;
}
.hd_m {
	display: block;
}
.pc_mode{ display: none;}
.m_mode{ display: block;}
.main {
	padding-bottom: 0px;
	background-size: 100vw;
}
.snow {
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 800;
	overflow: hidden;
	pointer-events: none;
}

.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 {
	width: 100vw;
	height: 47vw;
}
.kv_bg {
	background-size: 168vw;
	background-position: center top;
	height: 100%
}
.kv img {
	width: 100%;
}

.kv_slogan {
	top: 3vw;
	width: 98vw;
	left: 2vw;
}
	
.kv_checkin{
	width: 46vw;
	z-index: 5;
	top: 30vw;
	left: 59vw;
}
.kv_btn {
	top: 63vw;
	width: 40vw;
	right: 4vw;
	left: auto;
}
.kv_btn i {
	width: 80vw;
	top: 8vw
}
	
.gift { width: 95%;}
.gift img{width: 100%;}	
	
.menu_wrapper {
	width: 100vw;
	height: auto;
	background: url("../images/bg_menu.png") no-repeat left 28vw, url("../images/bg_menu.png") no-repeat right 74vw;
	background-size:200vw;
}
.menu_wrapper > ul {
	width: 100vw;
}
.menu_wrapper > ul > li {
	width: calc(50vw - 4px);
	margin-bottom: 4vw;
}
.menu_wrapper > ul > li img {
	width: 100%
}
.menu_belt_wrapper{
	display: none;
}
.coupon_off{
	width: 40vw;
	height: 40vw;
}

.float_wrapper {
	display: none;
}
.eventPage_bn_vipMember_wrapper {
	display: none;
}
.sub_more {
	display: none;
}
/**/
.M_menu_wrap {
	position: fixed;
	bottom: 0;
	z-index: 250;
	display: block;
	font-size: 14px;
}
/**/
.M_menu_block {
	width: 100vw;
	height: 40px;
	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: 3px;
	width: 25vw;
	height: 40px;
	border-top: 1px solid #999;
	border-right: 1px solid #666;
	border-left: 1px solid #222;
	text-align: center;
}
.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);
}
/**/
.rule_wrapper {
	padding: 10px;
	width: 98vw;
	border-radius: 15px;
	font-size: 14px;
	line-height: 24px;
}
.rule_wrapper h2 {
	font-size: 16px;
}
.rule_wrapper a {
	word-wrap: break-word;
}
/**/
.tag_wfe {
	top: auto;
}
	
.word {
	font-size: 14px;
	padding-left: 5px;
	line-height: 20px;
}
	
}



@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;
}
}