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: 1050px;}
.footer { margin: auto; width: 100%;}
.hd_pc { width: 1050px; }
.hd_m, .M_menu_wrap { display: none; }
.main { background: url(../images/kv_bg.png) top center no-repeat, url(../images/main_bg.png) top center repeat-y;background-color: #51d5d8;   margin: auto; position: relative; min-width: 950px; }
.gotop { 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; }

/**kv&step**/
.kv_wrapper { width: 950px; height: 580px; margin: auto; overflow: hidden; position: relative }
.kv_slogan { position: absolute; z-index: 5; top: 100px; left: 125px; }
.kv_hand { position: absolute; z-index: 10; top: 386px; right: 192px; }
.kv_wrapper:after { content: ''; display: table; clear: both }
.step_wrapper { width: 950px; margin: auto; }
.title_wrapper { width: 950px; margin: auto;  }
.space{padding-top: 70px;}

/**brand*/
.brand_wrapper{width: 100%; overflow: hidden; padding: 0 0 40px 0;}
.brand_main{ width: 1200px; margin: 0 auto; height: 375px; background: url("../images/brand_bg.png") no-repeat top center;}
.brand_title{ text-align: center; }
.brand_main ul{ float: left;  padding: 4px 0 0 35px;}
.brand_main li{ position: relative; width:265px; height: auto; float: left; border: 1px solid #959595; background-color: #fff;  margin: 6px 6px;}
.brand-img img{ width: 100%;}
.brand_main li a:hover { transform: scale(0.9);  filter: brightness(110%);}

/*prod*/
.prod_wrapper {  position: relative;  padding-top: 20px;}
.prod_container {  position: relative;  z-index: 100;  overflow: hidden; padding-bottom: 55px;}
.ProductList {  position: relative;  z-index: 500;  margin: auto;  width: 1200px;  right: -23px;}
.ProductList:after {  clear: both;  display: table;  content: '';}
.ProductList .item {  position: relative;  float: left;  width: 276px;  margin-left: 6px;  margin-right: 6px;  margin-bottom: 12px;  text-align: center;}
.ProductList .item > a {  position: relative;  display: block;  background: #fff;}
.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%;  -webkit-transition: ease-out .1s;  transition: ease-out .1s;}
.ProductList .item > a:hover .ProductImg img {  transform: scale(1.05);  filter: brightness(110%);}
.ProductList .ProductDesc { display: none;}
.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: #d23b23;}
.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: 36px;  line-height: 30px;}
.item .ProducPrice i em {  color: #747474;  text-decoration: line-through;  font-style: normal;}
.item .ProducPrice .price_txt {  color: #d23b23;  font-size: 15px;  line-height: 26px;}

/*title*/
.tit {  display: none;  margin: auto;}
.ProductList .item .sub_tit { display: none; position: absolute; z-index: 100; top: -151px !important;}
.ProductList .item .sub_tit img { transition: .3s ease;}
.ProductList .item .sub_tit  a:hover img { filter: brightness(120%); margin-right: 10px;}
.ProductList .item_0 .sub_tit, .ProductList .item_4 .sub_tit, .ProductList .item_12 .sub_tit, .ProductList .item_20 .sub_tit,.ProductList .item_28 .sub_tit{  display: block; text-align: center; width: 1146px;}
.ProductList .item .sub_tit a {  display: inline-flex; color: #fff5ce; }
.ProductList .item .sub_tit a:hover {  color: #fff5ce; }
.title_txt { font-size: 58px; line-height: 72px;  font-weight: bold;  color: #fff5ce; margin-top: 68px; }

/*產品線5區*/
.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,
.ProductList .item_12, .ProductList .item_13, .ProductList .item_14, .ProductList .item_15,
.ProductList .item_20, .ProductList .item_21, .ProductList .item_22, .ProductList .item_23,
.ProductList .item_28, .ProductList .item_29, .ProductList .item_30, .ProductList .item_31 {margin-top: 200px; }

/*ProductListBG*/
.prod_container_bg { position: absolute; top: 0; right: 0; left: 0; margin: auto; width: 1200px; }
.prod_container_bg_01{ margin-top: 0px; height: 574px; background: url("../images/prod_bg.png") no-repeat; }
.prod_container_bg_02, .prod_container_bg_03, .prod_container_bg_04, .prod_container_bg_05  { margin-top: 0px; height: 945px; background: url("../images/prod_bg2.png") no-repeat; }

/*bn*/
.bn_main {  padding-bottom: 30px; width: 1120px; margin: 0 auto;}
.bn { border: 10px solid #ffffff; }

/**float**/
.float_wrapper { position: fixed; top: 50px; right:3px; 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: 7px 0 7px; text-align: center; font-size: 17px; background:#ffffff;}
.group_leftmenu li.highlight0 { text-align: center; }
.group_leftmenu li.highlight1 { font-size: 18px; line-height: 20px; padding-top: 6px; padding-left: 2px; font-weight: bold; }
.group_leftmenu li.highlight2 { font-size: 24px; padding-bottom: 20px; padding-left: 2px; border-radius: 0 0 20px 20px; }
.group_leftmenu li a {position: relative;z-index: 500;color: #333333;cursor: pointer; font-weight: bold;}
.group_leftmenu li a:hover, .group_leftmenu li a:focus, .group_leftmenu li a:active {color:white;}
.group_leftmenu li:before { content: ""; position: absolute; z-index: 500; top: 0; left: 0; right: 0; bottom: 0; background: #ff7059; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius: 20px; }
.group_leftmenu li:hover:before, .type_leftmenu li:focus:before, .type_leftmenu li:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }

/**animation**/
.upDown_animation { -webkit-animation: upDown_animation 0.5s ease-in-out infinite alternate; animation: upDown_animation 0.5s ease-in-out infinite alternate; }
.flash_animation { -webkit-animation: flash_animation 2s ease-in-out infinite alternate; animation: flash_animation 2s ease-in-out infinite alternate; }
@-webkit-keyframes upDown_animation {
 0% {
-webkit-transform: translate(0, -10px);
}
 100% {
-webkit-transform: translate(0, 0);
}
}
@keyframes upDown_animation {
 0% {
transform: translate(0, -10px);
}
 100% {
transform: translate(0, 0);
}
}
@-webkit-keyframes flash_animation {
 0%, 100%, 50% {
filter: brightness(100%);
}
25%, 75% {
filter: brightness(130%);
}
}
@keyframes flash_animation {
0%, 100%, 50% {
filter: brightness(100%);
}
25%, 75% {
filter: brightness(130%);
}
}
@-webkit-keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
  33.3% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  49.95% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@media screen and (max-width:768px) {
body { 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: 55px; 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; } 
.tag_wfe { top: -4px; }

/**kv**/
.main { min-width: inherit; width: 100vw; height: auto; background-size: 205vw; background-position: center top; padding-bottom:20vw }
.kv_wrapper { width: 100vw; height: 53vw; }
.kv_slogan { width: 82vw; top:18px; left: 0; right: 0; margin: auto; }
.kv_hand { width: 63vw; top: 141px; left: 0; right: 0; margin: auto; }
	
.best_bg { height: 20vw; background-size: 220vw; background-color: #09457b; }
.best { width: 88%;  height: auto; top: 54vw;  left: 6.2vw;}
.best img{ width: 100%;}
.bn2 { width: 50%; }
	
/**brand*/
.brand_wrapper{ width: 98vw; padding: 4vw 0; margin: 0 auto; height: 99vw;}
.brand_main { width: 100%; background: none;}
.brand_title{ display: block; width: 100%;}
.brand_title img{ width: 100%;}
.brand_main ul { margin-top: -4vw; padding: 5vw 6vw 3vw 6vw; background: #febc00; border-radius: 30px;}
.brand_main li { width: 47.8%; margin: 1%;}

/*pord_m*/
.prod_wrapper { padding: 0; }
.prod_container { padding-bottom: 0; }
.ProductList { width: 100vw; right: 0; }
.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: 24px; 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 .item .sub_tit { width:100vw; height:15vw; left:-0.5vw !important; top:-12vw !important; }
.ProductList .item .sub_tit img { width: 100%; }
.ProductList .item_0, .ProductList .item_1  { margin-top: 16vw!important; }
.ProductList .item_4, .ProductList .item_5, 
.ProductList .item_12, .ProductList .item_13, 
.ProductList .item_20, .ProductList .item_21, 
.ProductList .item_28, .ProductList .item_29 { margin-top: 18vw!important; }
	
.ProductList .item > a { overflow: hidden;} 
.prod_container_bg { display: none; }
.title_txt { font-size: 25px; line-height: 37px;   margin-top: 17px;  background: #202b53;  border-radius: 50px; width: 90%; margin: 0 auto; -webkit-background-clip: #ffd8a3; -webkit-text-fill-color: #ffd8a3; }
	
/*bn*/
.bn_main { width: 96vw; padding: 10px 0 0 0;}
.bn { border: 5px solid #ffffff; }
.bn img{ width: 100%;}

/**/
.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%, #2b6298), color-stop(100%, #173859));}
.M_menu_block ul { list-style: none; overflow: hidden; }
.M_menu_block li { float: left; width: 16.66vw; line-height: 18px; height: 55px; border-top: 1px solid #ccc; border-left: 1px solid #666; border-right: 1px solid #222;  padding-top: 7px; text-align: center; }
.M_menu_block li a { color: #fff; }
}

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