body { min-width: 1200px; color: #333; font: 13px/1.6em "Century Gothic", Arial, 'Microsoft JhengHei', "蘋果儷中黑", "儷黑 Pro", "新細明體", "sans-serif"; }
a { display: block; text-decoration: none; color: #333; }
:focus { outline: none; }
i { font-style: normal; }
.header { margin: auto; width: 100%;}
.footer { margin: auto; width: 100%;}
.hd_pc { width: 100%;}
.hd_m { display: none; }
.pez_ft { height: 228px;}
.M_menu_wrap { display: none; }
.main { margin: auto; position: relative; width: 100%; z-index: 1; overflow: hidden; }
.gotop { display: none; }
.display_pc{ display: block;}
.display_m{ display: none;}

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

.main{ background: url(../images/bg_02.png) top center, url(../images/bg_01.jpg)top center #b7d158; }

/**kv**/
.kv_bg { width: 100%; height: 1230px; background: url("../images/kv_bg.jpg") no-repeat top center; overflow: hidden;}
.kv { width: 1200px; height: 1230px; margin: auto; position: relative; }
.kv_slogan1 { position: absolute; top: 0px; left:66px; z-index:2;} 
.kv_flower {  position: absolute; top: 0px; left: -400px;  z-index: 1;}
.kv_left { position: absolute; top: 300px; left:-254px; z-index:1;} 
.kv_right { position: absolute; top: 288px; right:-380px; z-index:1;} 
.kv_slogan_m { display: none}

/**廣告bn**/
.best { width: 1200px;  z-index: 99;  position: absolute;  top: 543px; left: 0px;}
.bn { float: left; padding: 0 0 10px 27px; }
.bn:hover{ filter: brightness(110%); transform: scale(0.98);}

/***prod***/
.prod_wrapper { position: relative; }
.prod_container { position: relative; z-index: 100; overflow: hidden;}
.ProductList {position: relative;z-index: 500;margin: auto;padding-bottom: 35px;width: 1100px; }
.ProductList:after {clear: both;display: table;content: '';}
.ProductList .item {position: relative; float: left; margin-right: 0.1%; margin-bottom:0.2%; margin-left: 0.1%; width: 24.8%; text-align: center; background: #fff;}
.ProductList .item>a {position: relative;display: block;}
.ProductList .ProductImg {position: relative; overflow: hidden; margin: 0 auto;width: 100%;height: 270px;}
.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 .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 { overflow: hidden; padding: 0 5px; height: 31px;background:#d8ae23; color: #fff;font-weight: bold;font-size: 16px;line-height: 31px; display: none;}
.item .ProductName {color: #000;height: 44px; overflow: hidden; font-size: 18px;text-align: center; line-height: 23px; padding: 0 20px; margin-top:7px;}
.item .ProducPrice, .item .Event_Condition {padding: 0;height: 45px;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;}

/**title***/
.tit {display: none;margin: auto;}
.ProductList .item .sub_tit {display: none;position: absolute;z-index: 100;width: 1100px;height: 150px;}
.ProductList .item_0 .sub_tit, .ProductList .item_8 .sub_tit, .ProductList .item_16 .sub_tit { display:block}
.ProductList .item .sub_tit a {display: inline-block;}

/**產品線區3區**/
.ProductList .item:nth-child(8n+1), .ProductList .item:nth-child(8n+2), .ProductList .item:nth-child(8n+3), .ProductList .item:nth-child(8n+4) { margin-top: 192px;}
.ProductList .item_0, .ProductList .item_1, .ProductList .item_2, .ProductList .item_3 {margin-top: 150px !important;}

/*ProductListBG*/
.prod_container_bg { position: absolute; top: 0; right: 0; left: 0; margin: auto; width: 1160px; }
.prod_container_bg_01 { margin-top: 115px; height: 930px; background: url("../images/prod_bg.png") no-repeat; }
.prod_container_bg_02, .prod_container_bg_03 { height: 930px; background: url("../images/prod_bg.png") no-repeat; }

.offer_wrapper {width: 100%; overflow: hidden; padding: 30px 0 50px; }
.offer {width: 1200px; margin: 0 auto; }
.offer .btn{ padding-left: 30px; width: 550px; height: auto; }
.offer .btn img{ width: 100%; }
.offer a:hover { transform: scale(0.95); filter: brightness(110%);}

/**float**/
.float_wrapper {position: fixed;top: 50px;right:0; z-index: 250;display: none;}
.float_main { width: 138px; opacity: 0.9; filter: alpha(opacity=90);}
.go_top {display: block;cursor: pointer;}
.group_leftmenu {margin: auto;width: 100px;}
.group_leftmenu:after {content: '';display: table;clear: both;}
.group_leftmenu li {position: relative; padding: 10px 0 10px; text-align: center; font-size: 17px; background: #0ca9ae;}
.group_leftmenu li.highlight0 {font-size: 24px;line-height: 26px; border-radius: 20px 0 0 0; padding-top: 20px; padding-left: 2px; color: yellow; font-weight: bold;}
.group_leftmenu li.highlight0b {font-size: 24px; line-height: 26px; padding-top: 10px; padding-left: 2px; color: yellow; font-weight: bold; border-top: 2px dotted #008286;}
.group_leftmenu li.highlight1 {padding-left: 2px;}
.group_leftmenu li.highlight3 {padding-left: 2px; background-color: #ff5252; }
.group_leftmenu li.highlight2 {font-size: 24px; border-radius: 0 0 0 20px; padding-bottom: 20px; padding-left: 2px;}
.group_leftmenu li a {position: relative;z-index: 500;color: #fff;cursor: pointer; font-weight: bold;}
.group_leftmenu li a:hover, .group_leftmenu li a:focus, .group_leftmenu li a:active {color:yellow;}
.group_leftmenu li: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;}
.group_leftmenu li:hover:after, .type_leftmenu li:focus:after, .type_leftmenu li:active:after {right: 10%;left: 10%;}
.group_leftmenu li.catagory {width: 50%;float: left}
.group_leftmenu li.highlight0:after, .group_leftmenu li.highlight0b:after{ background: #0ca9ae; }

@media screen and (max-width:768px) {
body { padding-bottom: 10vw; width: 100vw; min-width: inherit; }
* { box-sizing: border-box; }
.gotop { background: url(//www.payeasy.com.tw/travel/event/img/icon_top.png) no-repeat;  height: 36px; position: fixed; right: 5px; width: 36px; bottom: 53px; 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; }
.display_m{ display: block;}
.display_pc{ display: none;}
    
.main{ background: url(../images/bg_02.png) top center, url(../images/bg_01.jpg)top center #b7d158;  background-size: 110%;}
.main.travel{ padding-bottom: 20px; } 
.kv_bg { height: auto; background: url(../images/kv_bg.jpg) no-repeat top center; background-size: 180%;}
.kv {width: 100vw; height: 234vw;}
.kv img {width: 100%; }
.kv_slogan1 { width: 109vw; top: -2vw;  left: -8vw; }
.kv_flower {  width: 163vw; top: 0px; left: -35vw; }
.kv_left { width: 44vw;  top: 43vw;  left: -9vw; }
.kv_right { top: 39vw;  right: -10vw;  width: 52vw; }

/**l廣告bn**/
.best { width: 73vw; top: 58vw; left: 14vw;}
.best img{ width: 100%;}
.bn { width: 100%; padding: 0; }
    
.prod_wrapper { padding:0; }
.ProductList { width: 100vw;  padding-bottom: 10px;}
.ProductList .item { margin-top: 0px!important; margin-right: 0.5vw; margin-left: 0.5vw; width: 49vw; margin-bottom:0.5vw;}
.ProductList .ProductImg { width: 49vw!important; height:49vw; }
.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: 35px;font-size: 13px;padding: 0 5px;line-height: 17px;margin: 4px 0 0 0;}
.ProductList .ProductDesc{font-size: 12px;}
.ProductList .item .sub_tit { left: 0!important;  width: 100vw;  height: 16vw; }
.ProductList .item .sub_tit img { width: 90%; }
.item .ProducPrice, .item .Event_Condition { height: 36px;}  
.ProductList .item_0, .ProductList .item_1 { margin-top: calc(15.3vw + 5px)!important; }
.ProductList .item_8, .ProductList .item_9{ margin-top: calc(17.3vw + 5px)!important; }
.ProductList .item_16, .ProductList .item_17{ margin-top: calc(17.3vw + 5px)!important; }
.prod_container_bg { display: none; }
.float_wrapper {display: none; left: 100%;}
.eventPage_bn_vipMember_wrapper { display: none; }

.offer_wrapper { padding: 2vw 0 20px;}
.offer { width: 90vw; padding: 0;}
.offer .btn { width:100%; padding-bottom: 10px; padding-left: 0;}
	
/**/
.M_menu_wrap { position: fixed; bottom: 0; z-index: 200; display: block; font-size: 14px; }
.M_menu_block { width: 100vw; height: 55px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555), color-stop(100%, #111));}
.M_menu_block ul { list-style: none; overflow: hidden; }
.M_menu_block li { float: left; width: 16.66vw; 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 14px;}
.M_menu_block li.red { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fb5284), color-stop(100%, #d50744));}
.M_menu_block li a { color: #fff; }

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