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; }
.float-left{ float: left;}
.header { margin: auto; width: 100%;}
.footer { margin: auto; width: 100%;}
.hd_pc { width: 100%; display: block;}
.hd_m { display: none; }
.pez_ft { height: 228px;}
.M_menu_wrap { display: none; }
.gotop { display: none; }

.main { position: relative; background: url(../images/bg_brown.jpg) top center #9f6045; margin: auto; width: 100%; z-index: 1; overflow: hidden; background-color: #9f6045; }
.bg_move {position: absolute; background: url(../images/bg_maple.png) top center;  width: 100%;height: 100%;-webkit-animation: mymove 1s linear infinite;pointer-events: none; z-index: 99;}
.kv_bg { width: 100%; height: 450px; background: url(../images/kv_bg.png) top center no-repeat , url("../images/bg_cream.jpg") top #fee9d2;
-webkit-box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.5);}
.kv{ width: 1100px;  margin: 0 auto; position: relative; }
.kv_slogan1 { position: absolute; top: 0px; right: 50px; z-index:1;}/*輪播*/
.kv_slogan2 { position: absolute; top: 40px; left: 10px;  z-index:2;}/*主kv*/
.kv_slogan2 {animation: lightning 2s ease-in-out infinite alternate; }

/*photo*/
.swiper-container { width: 480px; height: 450px; margin-left: auto; margin-right: auto;}
.swiper-slide { display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center; overflow: hidden; margin: 0 auto;}

@keyframes mymove {
 0%, 100% {margin-left:0px;}
 50% {margin-top:7px;}
}

/***prod***/
.prod_wrapper { position: relative; padding: 18px 0 0; background: url(../images/bg_ticket.png) top center no-repeat;}
.prod_container { position: relative; z-index: 100; overflow: hidden;  padding-bottom: 50px; margin-top: 50px;}
.prod_area {text-align: center; overflow: hidden;}
.prod_tit {text-align: center;padding: 20px 0;overflow: hidden;}
.ProductList {position: relative;z-index: 500;margin: auto;padding-bottom: 35px;width: 1085px; }
.ProductList:after {clear: both;display: table;content: '';}
.ProductList .item {position: relative;float: left;margin-right: 0.5%;margin-bottom: 1%;margin-left: 0.5%;width: 23.9%;text-align: center; background: #fff; border-radius: 20px;}
.ProductList .item>a {position: relative;display: block;}
.ProductList .ProductImg {position: relative; overflow: hidden; margin: 0 auto;width: 100%;height: 258px;}
.ProductList .ProductImg img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto; width: 100%; height: 100%;}
.ProductList .item a:hover .ProductImg img, .ProductList .item a:focus .ProductImg img, .ProductList .item a:active .ProductImg img { -webkit-transform: scale(1.03); transform: scale(1.03); filter: brightness(110%) }
.ProductList .ProductDesc { display: none;}
.item .ProductName {color: #000;height: 40px; overflow: hidden; font-size: 16px;text-align: center; line-height: 20px; padding: 0 20px; margin-top:7px;}
.item .ProducPrice, .item .Event_Condition {padding: 0;height: 40px;color: #f54648;}
.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 0;font-weight: 500;font-size: 33px;line-height: 37px;}
.item .ProducPrice i em {color: #747474;text-decoration: line-through;font-style: normal;}
.item .ProducPrice .price_txt {color: #f54648;font-size: 15px;line-height: 26px;}
.starbucks{ width: 1025px; margin: 0 auto; border: 11px solid #174c3c;  margin-top: 65px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); }

/**title***/
.tit {display: none;margin: auto;}
.tit_pc { display: block;}
.tit_m { display: none; }
.ProductList .item .sub_tit {display: none;position: absolute;z-index: 100; top: -133px !important; }
.ProductList .item_0 .sub_tit,
.ProductList .item_8 .sub_tit,
.ProductList .item_16 .sub_tit,
.ProductList .item_24 .sub_tit { display:block}
.ProductList .item .sub_tit a {display: inline-block;}

/**產品線區5區**/
.ProductList .item_0, .ProductList .item_1, .ProductList .item_2, .ProductList .item_3 {margin-top: 130px !important;}
.ProductList .item_8, .ProductList .item_9, .ProductList .item_10, .ProductList .item_11 {margin-top: 210px !important;}
.ProductList .item_16, .ProductList .item_17, .ProductList .item_18, .ProductList .item_19 {margin-top: 210px !important;}
.ProductList .item_24, .ProductList .item_25, .ProductList .item_26, .ProductList .item_27 {margin-top: 210px !important;}

/*ProductListBG*/
.prod_container_bg { position: absolute; top: 0; right: 0; left: 0; margin: auto; width: 1150px; }
.prod_container_bg_01 { height:920px; background: url("../images/prodbg01.png") no-repeat; }
.prod_container_bg_02{ height: 920px; background: url("../images/prodbg02.png") no-repeat; }
.prod_container_bg_03{ height: 920px; background: url("../images/prodbg03.png") no-repeat; }
.prod_container_bg_04{ height: 550px; background: url("../images/prodbg04.png") no-repeat; }

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

/**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; }
.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_wfe:before { content: ''; display: inline-block; height: 100%; vertical-align: text-bottom; }

/*foreign*/
.foreign_wrapper{ padding: 0 0 60px 0; background: url(../images/bg_tour.png) top center no-repeat , url("../images/bg_yellow.jpg") top #f5d475; }
.foreign_main{ width:1150px; margin:0 auto; overflow:hidden;}
.foreign_area {text-align: center;}
.foreign_tit_all {text-align: center;padding:40px 0 0; overflow: hidden;}
.foreign_product {width: 29.3%;height: 330px;position: relative;margin-right: 1%;margin-left: 1%;margin-bottom: 2%;overflow:hidden;  border: 10px solid #fff; }
.foreign_product2 {width: 29.3%;height: 312px;position: relative;margin-right: 1%;margin-left: 1%;margin-bottom: 2%;overflow:hidden;  border: 10px solid #fff; }
.foreign_p_img {width: 100%;height: 220px;position: relative;overflow: hidden; background-color: #fff;}
.foreign_p_img img {display: block;width: 100%;height: 100%;transition: all 1s;}
.foreign_p_img:hover img {-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
.foreign_p_detail {padding-top: 7px;border: 1px solid #fff;border-top: none;height: 110px;background: #fff;position: relative;}
.foreign_p_detail2 {padding-top: 7px;border: 1px solid #fff;border-top: none;height: 95px;background: #fff;position: relative;}
.foreign_p_tit {width: 90%;margin:0 auto;font-size: 16px;line-height: 22px;font-weight: bold;color: #333; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; padding-top: 5px;}
.foreign_p_desc { color: #fff; font-size: 15px; line-height: 32px;  font-weight: bold;  text-align: center;  background-image: linear-gradient(to right, #a7debb 0%, #80be97 100%); border-radius: 20px; }
.foreign_p_money {color: #f54648;margin-left: 17px;position: absolute;bottom: 0;left: 0;  font-size: 18px;}
.foreign_p_money span {line-height: 36px;}
.foreign_p_money span.p_price{ font-size: 30px;}
.foreign_p_sign {font-size: 18px;}
.foreign_p_price {font-size: 30px;}
.foreign_p_buy {  width: 120px;  height: 31px;  font-size: 18px;   font-weight: bold;   line-height: 31px;  text-align: center;   color: #fff;  background: #f54648;   position: absolute;   bottom: 10px;   right: 0;}
.foreign_p_buy:hover {background: #448aca;}
.foreign_p_sale {font-size: 16px;padding-top: 10px;}
.foreign_p_sale, .p_sale2 {width: 64px;height: 88px;background: #f54648;color: #fff;text-align: center;line-height: 1.3;font-size: 24px;font-weight: bold;}
.foreign_p_sale span {font-size: 35px;}
.tour_m{ display: none;}

/**offer bn**/
.offer {max-width: 1150px;width: 100%;margin: 0 auto;overflow: hidden; padding:40px 0 0; text-align: center;}
.offer li {float: left;width: 50%;padding: 10px 0;}
.offer li a{ transition: .1s linear; display: block;}
.offer li a:hover { transform: scale(0.97); filter: brightness(110%); }

/**float**/
.float_wrapper {  position: fixed;top: 100px; right: 0px; z-index: 250; display: none;}
.float_main { opacity: 0.9; filter: alpha(opacity=90); }
.go_top { display: block; cursor: pointer; }
.group_leftmenu { background: #27a7a0; width: 122px; margin: auto;  }
.group_leftmenu li { text-align: center; font-size: 17px; padding: 4px 0;  position: relative; }
.group_leftmenu.link li { text-align: center; font-size: 17px; padding: 7px 0;  position: relative; }
.group_leftmenu li a { position: relative; z-index: 500; cursor: pointer; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; color: #fff; font-weight: bold;}
.group_leftmenu li a:hover, .group_leftmenu li a:focus, .group_leftmenu li a:active { color: yellow; }
.group_leftmenu li:after { content: ""; position: absolute; z-index: 1; left: 51%; right: 51%; bottom: 0; background: yellow; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.group_leftmenu li:hover:after, .type_leftmenu li:focus:after, .type_leftmenu li:active:after { left: 10%; right: 10%; }


@media screen and (max-width:767px) {
body { padding-bottom: 10vw; width: 100vw; min-width: inherit; }
* { 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: 94px; 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; }
    
.main { padding-bottom: 15vw; background-size: 40vw;}
.kv_bg { height: auto;background: url(../images/+kv_bg.png) top center no-repeat , url(../images/bg_cream.jpg) top #fee9d2;  background-size: 40vw 40vw;  position: relative;  z-index: 99;
-webkit-box-shadow: 0px 15px 10px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 15px 10px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 15px 10px 0px rgba(0, 0, 0, 0.5);}
.bg_move {background-size: 100vw; z-index: 1;}
.kv {width: 100vw; height: 124vw;}
.kv_slogan1 { width: 80vw; left: 10vw; top: 45vw;} /*輪播*/
.kv_slogan2 { width: 90vw; left: 4vw; top: 2vw;}  /*kv*/
.kv_slogan1 img, .kv_slogan2 img{ width:100%;}
	
/*photo*/
.swiper-container {  width: 80vw; height: 77vw; }
.swiper-slide { display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center; overflow: hidden; margin: 0 auto;}
.swiper-container img{ width: 100%;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0;}	

.prod_wrapper { padding: 0; background: none;}
.ProductList { width: 100vw; padding-bottom: 15px; }
.prod_container { padding-bottom: 0px; margin-top: 10px; }
.prod_tit img{ width: 100%;}
.foreign_group { width: 100%; margin: 0 auto; }
.ProductList .item { margin-top: 5px!important; margin-right: 0.5vw; margin-left: 0.5vw; width: 49vw; margin-bottom: 1vw;}
.ProductList .ProductImg { width: 49vw!important; height:49vw!important; }
.item .ProducPrice span, .item .Event_Condition i span { font-size: 25px; }
.item .ProducPrice i em span { margin-right:5px; font-size: 12px;  }
.item .ProductName { height: 33px;font-size: 14px;padding: 0 5px;line-height: 17px;margin: 4px 0 0 0;}
.ProductList .item .sub_tit { left: 0vw!important; width: 99vw;  top: -46px !important; }
.ProductList .item .sub_tit img { width: 100%; }
.item .ProducPrice, .item .Event_Condition { height: 36px;}
	
.tit_pc { display: none;}
.tit_m { display:  block; }
.ProductList .item_0, .ProductList .item_1 { margin-top: 12vw !important; }
.ProductList .item_8, .ProductList .item_9,
.ProductList .item_16, .ProductList .item_17,
.ProductList .item_24, .ProductList .item_25 { margin-top: 16vw !important; }
    
.prod_container_bg { display: none; }
.float_wrapper {display: none; left: 100%;}
.eventPage_bn_vipMember_wrapper { display: none; }
    
/**foreign**/
.foreign_wrapper{ padding: 15px 0;  background-size: 40vw; background: url(../images/+bg_tour.png) top center no-repeat , url("../images/bg_yellow.jpg") top #f5d475; z-index: 2;}
.foreign_main{ width:100%;  position: relative; z-index: 99; }
.foreign_p_desc {  font-size: 14px;   line-height: 17px;  padding: 3px 0; }
.foreign_p_desc span{ display: block; }
.foreign_tit_all {text-align: center; padding:0; overflow: hidden;}
.foreign_main img { width:100%;}
.foreign_products { width:100vw;}
.foreign_product { width: 48vw; height: auto;  margin-left: 1vw; margin-bottom: 2vw; box-shadow: none; border: 6px solid #fff;}
.foreign_product2 { width: 48vw; height: auto;  margin-left: 1vw; margin-bottom: 2vw; box-shadow: none; border: 6px solid #fff;}
.foreign_p_img { height: 130px;}
.foreign_p_tit {  line-height: 18px; margin-bottom: 0; width: 100%; font-size: 14px;  text-align: center; height: 40px; }
.foreign_p_money { position: initial; padding-bottom: 10px;font-size: 13px; margin-left: 0; text-align: center;}
.foreign_p_sign { font-size: 14px;}
.foreign_p_buy { position: inherit; bottom: 15px; margin: 0 auto; height: 28px; font-size: 15px; line-height: 28px;}
.foreign_p_detail { height: 155px;}
.foreign_p_detail2 { height: 110px; padding-top: 0;}
.tour_m{ display: block;}

.offer { width: 100%;  padding: 10px 0 0; }
.offer li {width: 100%;}
.offer ul {width: 75%;  margin: 0 auto;}

/**/
.M_menu_wrap { position: fixed; bottom: 0; z-index: 200; display: block; font-size: 14px; }
/**/
.M_bar { background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, crimson), color-stop(100%, darkred));  /*box-shadow: 0px -1px 1px #333;*/ width: 100vw; }
.M_bar ul { list-style: none; overflow: hidden; display: table; width: 100%;}
.M_bar ul li {  display: table-cell; text-align: center; height: 50px; border-right: 1px solid #555; cursor: pointer; padding-top: 7px; font-size: 20px; font-weight: bold;border-top: 1px solid tomato; }
.M_bar ul li:before{ content:''; display: inline-block;height: 100%; vertical-align: middle;}
.M_bar ul li a { display: inline-block; width: 100%; color: #fff; line-height: 18px; vertical-align: middle; }
.M_bar:after { content: ''; display: table; clear: both; }
/**/
.M_menu_block { width: 100vw; height: 49px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555), color-stop(100%, #111));}
.M_menu_block:after { content: ''; display: table; clear: both; }
.M_menu_block ul { list-style: none; overflow: hidden; }
.M_menu_block li { float: left; width: 25vw; line-height: 16px; border-top: 1px solid #ccc; border-left: 1px solid #666; border-right: 1px solid #222;  padding-top: 0; text-align: center; padding: 8px 0;}
.M_menu_block li.brand { float: left; width: 25vw; line-height: 16px; border-top: 1px solid #ccc; border-left: 1px solid #666; border-right: 1px solid #222;  padding-top: 3px; text-align: center; padding:7px 0;}
.M_menu_block li a { color: #fff; }
.M_menu_block ul li:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }
 
.M_menu_block2 { width: 100vw; height:47px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555), color-stop(100%, #111)); /*box-shadow: 0px -1px 1px #333; */}
.M_menu_block2:after { content: ''; display: table; clear: both; }
.M_menu_block2 ul { list-style: none; overflow: hidden; }
.M_menu_block2 li { float: left; width: 33.3vw; line-height: 16px; border-top: 1px solid #ccc; border-left: 1px solid #666; border-right: 1px solid #222;  padding-top: 3px; text-align: center; padding:7px 0;}
.M_menu_block2 li.brand { float: left; width: 25vw; line-height: 16px; border-top: 1px solid #ccc; border-left: 1px solid #666; border-right: 1px solid #222;  padding-top: 3px; text-align: center; padding:7px 0;}
.M_menu_block2 li a { color: #fff; }
.M_menu_block2 ul li:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }

/**/
.tag_wfe { top: -4px;}
}
@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;}
}