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; }
.pez_ft { height: 228px;}
.main { margin: auto; position: relative; width: 100%; z-index: 1; overflow: hidden; }
.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**/
.kv_bg { width: 100%; height: 615px; background: url(../images/kv_bg.jpg) no-repeat top center #ffc876;}
.kv { width: 1200px; height: 436px; margin: auto; position: relative; }
.kv_slogan { position: absolute; top: 38px; left: 446px; z-index:3;}
.kv_cow{ position: absolute; top: 33px; left: 9px; z-index:3; } 
.kv_cloud { position: absolute; top: 0px; left: -383px; z-index:1; } 
.kv_lantern { position: absolute; top: 0px; left: -161px; z-index:2;} 
.best { width: 1220px;  z-index: 99;  position: absolute;  top: 432px; left: -10px;}
.bn1, .bn2 { float: left; }
.bn1:hover, .bn2:hover{ filter: brightness(130%); transform: scale(0.98);}

/*prod*/
.prod_wrapper {  position: relative;  background: #fee4cb;  padding-top: 20px;}
.prod_container {  position: relative;  z-index: 100;  overflow: hidden; padding-bottom: 100px;}
.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 { overflow: hidden; margin: 0 7px; border-bottom-left-radius: 30px; border-top-right-radius: 10px; background-image: linear-gradient(to right, #1fadb3 0%, #298686 100%); padding: 0 15px; height: 36px; color: #fff; font-weight: bold; font-size: 15px; line-height: 36px;}
.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: #F00;}
.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: #F00;  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_12 .sub_tit, .ProductList .item_24 .sub_tit, .ProductList .item_36 .sub_tit,.ProductList .item_48 .sub_tit, .ProductList .item_60 .sub_tit, .ProductList .item_72 .sub_tit, 
.ProductList .item_80 .sub_tit,.ProductList .item_88 .sub_tit, .ProductList .item_96 .sub_tit, .ProductList .item_104 .sub_tit, .ProductList .item_112 .sub_tit, .ProductList .item_120 .sub_tit {  display: block; text-align: center; width: 1146px;}
.ProductList .item .sub_tit a {  display: inline-flex;}
.title_txt { font-size: 58px; line-height: 72px;  font-weight: bold;  color: #fff; text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.3);   -webkit-text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.3);
  -moz-text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.3); margin-top: 68px;}
.title_txt a { color: #fff; }
.title_txt i::before { content: "";  width: 96px;  height: 72px;  background: url(../images/title_icon1.png)no-repeat;  display: inline-block;  position: relative; margin-right: 15px;}
.title_txt i2::before { content: "";  width: 96px;  height: 72px;  background: url(../images/title_icon2.png)no-repeat;  display: inline-block;  position: relative; margin-right: 15px;}
.title_txt a span { display: inline-block;  background: url(../images/more.png) no-repeat;  width: 75px; height: 39px; margin-left: 15px; margin-top: 20px;}

/*產品線9區*/
.ProductList .item:nth-child(12n+1), .ProductList .item:nth-child(12n+2), .ProductList .item:nth-child(12n+3), .ProductList .item:nth-child(12n+4) { margin-top: 248px;}
.ProductList .item_0, .ProductList .item_1, .ProductList .item_2, .ProductList .item_3 {margin-top: 155px !important;}
.ProductList .item_80, .ProductList .item_81, .ProductList .item_82, .ProductList .item_83 {margin-top: 248px !important;}
.ProductList .item_84, .ProductList .item_85, .ProductList .item_86, .ProductList .item_87 {margin-top: 0 !important;}
.ProductList .item_88, .ProductList .item_89, .ProductList .item_90, .ProductList .item_91 {margin-top: 248px !important;}
.ProductList .item_104, .ProductList .item_105, .ProductList .item_106, .ProductList .item_107 {margin-top: 248px !important;}
.ProductList .item_108, .ProductList .item_109, .ProductList .item_110, .ProductList .item_111 {margin-top: 0 !important;}
.ProductList .item_112, .ProductList .item_113, .ProductList .item_114, .ProductList .item_115 {margin-top: 248px !important;}

/*ProductListBG*/
.prod_container_bg { position: absolute; top: 0; right: 0; left: 0; margin: auto; width: 1230px; }
.prod_container_bg_01, .prod_container_bg_02{ margin-top: 0px; height: 1472px; background: url("../images/prod_bg.png") no-repeat; }
.prod_container_bg_03, .prod_container_bg_04, .prod_container_bg_05, .prod_container_bg_06  { margin-top: 0px; height: 1475px; background: url("../images/prod_bg.png") no-repeat; }
.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  { margin-top: 0px; height: 1067px; background: url("../images/prod_bg2.png") no-repeat; }
.bg_move {position: absolute; background: url(../images/prod_wrapper_bg.png) top center;  width: 100%;height: 100%; animation: mymove 1s linear infinite;pointer-events: none; z-index: 99; top: 600px;}

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

/**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: 7px 0 7px; text-align: center; font-size: 17px; background:#173859;}
.group_leftmenu li.highlight0 {font-size: 24px; line-height: 26px; border-radius: 20px 0 0 0; padding-top: 20px; padding-left: 2px; color: #e3bf89; font-weight: bold;}
.group_leftmenu li.highlight1 {padding-left: 2px;}
.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.highlight0:after{background: #173859;}


@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: 80px; 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**/
.kv_bg {width: 100vw; height: 106vw; background: url(../images/kv_bg.jpg) no-repeat top center,linear-gradient(to right, #8e000c 0%, #a90a18 100%); background-size: 248vw; border-bottom: 3px solid #e3bf89;}
.kv { width: 100vw; height: 106vw;  }
.kv img{ width: 100%;}
.kv_slogan { width: 33vw;  top: 4vw; left: 30vw; }
.kv_cow { width: 50vw; top: 6vw; left: -15.5vw; } 
.kv_cloud{  display: none; } 
.kv_lantern { width: 140vw; top: 0vw; left: -28vw;} 
.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%; }

/*pord_m*/
.prod_wrapper { padding: 0; background: url(../images/prod_wrapper_bg.png) top center #ab001c; background-size: 113vw;}
.prod_container { padding-bottom: 100px; }
.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 .ProductDesc { font-size: 12px; line-height: 26px; height: 26px; }
.ProductList .item .sub_tit {width: 100vw; height: 15vw;left: -0.5vw !important;top: -15vw !important; }
.ProductList .item .sub_tit img { width: 100%; }
/*.ProductList .item:nth-child(12n+1), .ProductList .item:nth-child(12n+2) { margin-top: 15vw;}*/
.ProductList .item_0, .ProductList .item_1, 
.ProductList .item_12, .ProductList .item_13, 
.ProductList .item_24, .ProductList .item_25, 
.ProductList .item_36, .ProductList .item_37, 
.ProductList .item_48, .ProductList .item_49, 
.ProductList .item_60, .ProductList .item_61, 
.ProductList .item_72, .ProductList .item_73, 
.ProductList .item_80, .ProductList .item_81, 
.ProductList .item_88, .ProductList .item_89, 
.ProductList .item_96, .ProductList .item_97, 
.ProductList .item_104, .ProductList .item_105, 
.ProductList .item_112, .ProductList .item_113, 
.ProductList .item_120, .ProductList .item_121	{ margin-top: 15vw!important; }
	

.ProductList .item > a { overflow: hidden;} 
.prod_container_bg { display: none; }
.title_txt { font-size: 34px; line-height: 34px;  text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.3);   -webkit-text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.3); -moz-text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.3); margin-top: 17px;}
.title_txt i::before { width: 47px;  height: 35px;  margin-right: 10px; background-size: 100%;}
.title_txt i2::before { width: 47px;  height: 35px;  margin-right: 10px; background-size: 100%;}
.title_txt a span {  width: 58px; height: auto;  margin-left: 10px;  margin-top: 4px;background-size: 15vw; }

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

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