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; }
.header { margin: auto; width: 100%;}
.footer { margin: auto; width: 100%;}
.hd_pc { width: 100%;  margin-bottom: 15px;  -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.3); box-shadow: 0 5px 5px 0 rgba(0,0,0,.3);}
.hd_m, .M_menu_wrap, .gotop { display: none; }
.pez_ft { height: 228px;}
.main { margin: auto; position: relative; width: 100%; z-index: 1; overflow: hidden; }
.display_pc{ display: block;}
.display_m{ display: none;}

/**kv**/
.kv_wrapper { position: relative; border: 10px solid #f1f1f1;width: 1167px; margin: 0 auto; padding: 15px 0;   -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.3);  box-shadow: 0 5px 5px 0 rgba(0,0,0,.3);}
.kv { position: relative; z-index: 1; margin: auto; width: 1100px; height: auto;  text-align: center;}
.kv img { width: 100%;}

/***prod***/
.prod_wrapper { position: relative; padding: 0;}
.prod_container { position: relative; z-index: 100; overflow: hidden; }
.ProductList {position: relative;z-index: 500;margin: auto;padding-bottom: 20px;width: 1100px;overflow: hidden}
.ProductList:after {clear: both;display: table;content: '';}
.ProductList .item {position: relative;float: left; width: 260px; margin-left: 1.1%; margin-right: 0; margin-bottom: 15px;text-align: center;}
.ProductList .item>a {position: relative;display: block;background: #fff;-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.10);-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.10);box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.10);-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;-webkit-transition-duration: 0.1s;transition-duration: 0.1s; border: 1px solid #ccc;}
.ProductList .ProductImg {position: relative;overflow: hidden;margin: 0 auto;width: 250px;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, .ProductList .item>a:focus, .ProductList .item>a:active {transform:translateY(-5px)}
.ProductList .ProductDesc {overflow: hidden;padding: 0 5px;height: 36px; background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);; color: #fff;font-weight: bold;font-size: 15px;line-height: 36px; display: none;}
.item .ProductName {overflow: hidden;padding: 4px 5px;height: 38px;color: #000;text-align: center;font-size: 16px;line-height: 21px;}
.item .ProducPrice, .item .Event_Condition {padding: 3px 2px 7px 2px;height: 35px;color: #d52027;}
.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: 40px;line-height: 30px;}
.item .ProducPrice i em {color: #747474;text-decoration: line-through;font-style: normal;}
.item .ProducPrice .price_txt {color: #d52027;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: 75px;}
.ProductList .item_4 .sub_tit,
.ProductList .item_0 .sub_tit,
.ProductList .item_12 .sub_tit,
.ProductList .item_20 .sub_tit,
.ProductList .item_28 .sub_tit,
.ProductList .item_36 .sub_tit { display:block; }
.ProductList .item .sub_tit a {display: inline-block;}
.title_txt a,  .title_txt2 a {font-size: 45px;  line-height: 50px;  font-weight: normal; color: #555;  border: 2px solid #555; border-radius: 50px; padding: 5px 52px 2px 52px;}
.title_txt i:before { content: "★"; color: #555;  font-size: 35px;  padding: 0 10px;}
.item_0 .title_txt a span{ color: #fff197; }
.item_0 .title_txt a { border: 2px solid #eaccb9; font-size: 42px; color: #fff; background: #333;}

/**產品線區*6區**/
.ProductList .item_0, .ProductList .item_1, .ProductList .item_2, .ProductList .item_3 {margin-top: 110px;}
.ProductList .item_4, .ProductList .item_5, .ProductList .item_6, .ProductList .item_7 {margin-top:160px;}
.ProductList .item_12, .ProductList .item_13, .ProductList .item_14, .ProductList .item_15 {margin-top: 120px;}
.ProductList .item_20, .ProductList .item_21, .ProductList .item_22, .ProductList .item_23 {margin-top: 120px;}
.ProductList .item_28, .ProductList .item_29, .ProductList .item_30, .ProductList .item_31 {margin-top: 120px;}
.ProductList .item_36, .ProductList .item_37, .ProductList .item_38, .ProductList .item_39 {margin-top: 120px;}

/*ProductListBG*/
.prod_container_bg {  position: absolute;  top: 0;  right: 0;  left: 0;  margin: auto;  width: 1200px;}
.prod_container_bg_01 {  background: url("../img/prod_bg.png") top center no-repeat; height: 616px;  padding-top: 0px; }

/*floatLeft*/
.floatLeft_wrapper { position: fixed;  top: 180px;  left: 0;  z-index: 250; background: url("../img/bg_leftMenu.png") no-repeat;  width: 150px;  height: 410px;}
.floatLeft_container {  width: 98px;  margin: 200px auto 0;}
.floatLeft_container li {  text-align: center;}
.floatLeft_container li {  }
.floatLeft_container li a {  display: inline-block; color: #fff; font-weight: normal;  background: #333;  border-radius: 50px;  font-size: 17px; padding: 7px 15px; margin-bottom:5px; }
.floatLeft_container li a:hover {  color: yellow;}
.floatLeft_container li.wfeLogin {  width: 100%;  margin-top: 10px;  border: none}

/**float**/
.float_wrapper { position: fixed; bottom: 40px; right:10px; z-index: 250; display: none;}
.float_main { width: 138px; opacity: 0.9; filter: alpha(opacity=90);}
.go_top { display: block;cursor: pointer;}
.group_menu { margin: auto; width:73px; }
.group_menu li {position: relative; text-align: center; font-size: 18px; line-height: 20px; background: #969696; border-radius: 50px;  padding: 15px 0; margin-bottom: 4px;}
.group_menu li.highlight1 { background-color: #333; }
.group_menu li.highlight_top { background-color: #fff; border: 1px solid #303752; line-height: 18px;}
.group_menu li.highlight_top a { color: #303752; }
.group_menu li a {position: relative;z-index: 500;color: #fff; cursor: pointer; font-weight: bold;}
.group_menu li:hover { background: #e8b96b; }

/**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; }
/**vip**/
.promotionBlock { position: relative; }
.promotionBlock .activity {	left: 0px;	position: absolute;	bottom: 0%;	width: 100%; z-index: 90;}
.promotionBlock .activity img { width: 100%; }


@media screen and (max-width:768px) {
body { padding-bottom: 77px; 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: 77px; 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;}

.kv_wrapper {  border: none; width:100vw; padding: 0; }
.kv { width: 100vw; }
.kv img { width: 100%; }

.prod_wrapper { padding: 0;}
.ProductList { width: 100vw; }
.ProductList .item { margin-top: 5px!important; margin-right: 0.5vw; margin-left: 0.5vw; width: 49vw; margin-bottom: 0;}
.ProductList .ProductImg { width: 46vw!important; height:49vw!important; }
.item .ProducPrice span, .item .Event_Condition i span { font-size: 18px; font-weight: bold;}
.item .ProducPrice i em span { margin-right:5px; font-size: 12px; font-weight: bold;}
.item .ProductName { height: 40px; font-size: 14px; line-height: 18px; }
.ProductList .ProductDesc{font-size: 12px;}
.ProductList .item .sub_tit { width:100vw; height: 8.3vw; left: -0.5vw;}
.ProductList .item_0 .sub_tit {top: -11vw !important;}
.ProductList .item .sub_tit img { width: 100%; }
.item_0 .title_txt a { font-size: 19px;  line-height: 16px;  padding: 7px 30px 5px;  font-weight: bold; }
.item_0 .title_txt a span { /*font-size: 14px;*/ font-weight: normal; }
    
.ProductList .item_0, .ProductList .item_1{ margin-top: calc(12.3vw + 5px)!important; }
.ProductList .item_4, .ProductList .item_5 { margin-top: calc(17vw + 5px)!important; }
.ProductList .item_12, .ProductList .item_13,
.ProductList .item_20, .ProductList .item_21, 
.ProductList .item_28, .ProductList .item_29,
.ProductList .item_36, .ProductList .item_37 { margin-top: calc(14.3vw + 5px)!important; }
.title_txt a,  .title_txt2 a { font-size: 19px; line-height: 16px; padding: 5px 20px 2px; font-weight: bold; }
.title_txt i:before { font-size: 7px; padding: 0 5px; }
    
.prod_container_bg {  position: absolute;  top: 0;  right: 0;  left: 0;  margin: auto;  width: 100vw;}
.prod_container_bg_01 {  background: #ff9fc5; height: 160vw;  }
    

/*M版選單*/
.float_wrapper,  .floatLeft_wrapper {display: none; left: 100%;}
.M_menu_wrap { position: fixed; bottom: 0; z-index: 200; display: block; font-size: 14px; }
.M_menu_block { width: 100vw; 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: 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 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; }
.M_menu_block2 { width: 100vw; height: 43px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d14178), color-stop(100%, #981044));}
.M_menu_block2 ul { list-style: none; overflow: hidden; }
.M_menu_block2 li { float: left; width: 50vw; line-height: 40px; border-top: 1px solid #ccc; border-left: 1px solid #666; border-right: 1px solid #222;  text-align: center; padding: 0 0 12px;}
.M_menu_block2 li a { color: #fff; }

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