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; }
.d_pc { display: block; }
.d_m { display: none; }

.main { position: relative; margin: auto; width: 100%; z-index: 1; overflow: hidden; background-color: #81dddc; }
.bg_move {position: absolute; background: url(../images/bg_star.png) top center;  width: 100%;height: 100%; animation: mymove 1s linear infinite;pointer-events: none; z-index: 99; top: 600px;}
.kv_bg { width: 100%; height: 450px; background: url("../images/kv_bg.jpg") top center no-repeat #7fd8ff; overflow: hidden;
-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);}
.link_bg { padding-top: 50px !important; }
.kv{ width: 1200px;  margin: 0 auto; position: relative; z-index: 1;}
.kv_slogan1 { position: absolute; top: 0px; right: 37px; z-index:1; }/*輪播*/
.kv_slogan2 { position: absolute; top: 30px; left: 150px;  z-index:2; animation: lightning 2s ease-in-out infinite alternate; }/*主kv*/
.kv_girl { position: absolute; top:33px; left: -240px;  z-index:3;  animation: upLeft_animation 0.5s ease-in-out infinite alternate; }
.kv_boy { position: absolute; top: 170px; right: -243px;  z-index:4; animation: upLeft_animation 0.5s 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;}
}

/*sale*/
.sale_bg{ width: 100%; background: url("../images/sale_bg.png") top center;  position: absolute; top: 440px;  height: 160px; z-index: 1; display: none; }
.sale_title{ text-align: center;}
.sale_main{ width:1100px; margin: 0 auto; overflow: hidden; }
.sale { float: left; width: 33.3%; }
.sale a{ display: block; height: 160px; -webkit-filter: drop-shadow(3px 3px 1px rgba(0, 0, 0, 0.2));filter: drop-shadow(3px 3px 1px rgba(0, 0, 0, 0.2)); }
.sale a:hover{transform: scale(0.97); filter: brightness(110%); }

/***prod***/
.prod_wrapper { position: relative; }
.prod_container { position: relative; z-index: 100; overflow: hidden; margin: 30px 0; }
.prod_tit {text-align: center;padding: 20px 0;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.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: 262px;}
.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;}

/**title***/
.tit {display: none;margin: auto;}
.ProductList .item .sub_tit {display: none;position: absolute;z-index: 100; top: -160px !important; left: 187px !important; }
.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;}
.ProductList .item .sub_tit a:hover {transform: scale(0.98); filter: brightness(102%); }

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

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

/*foreign*/
.foreign_wrapper{ padding: 10px 0; background: #fbc1cd; }
.sakura_area a{ box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);  border: 7px #e0e9e6 double; display: block;  width: 1172px; margin: 30px auto;}
.sakura_area a:hover { transform: scale(0.97); filter: brightness(110%); }
.foreign_main{ width:1200px; margin:0 auto; overflow:hidden;}
.foreign_tit_all {text-align: center; overflow: hidden;}
.foreign_container{ height: 940px; background: url("../images/prodbg_tour.png") no-repeat;  }
.foreign_container2{ height: 960px; background: url("../images/prodbg_tour2.png") no-repeat;  }
.foreign_group{ width:1090px; margin: 0 auto; }
.foreign_product {width: 29.3%;height: 330px;position: relative; margin: 1%;  overflow:hidden;  border: 10px solid #fff; }
.foreign_product2 {width: 29.3%;height: 345px;position: relative; margin: 1%;  overflow:hidden;  border: 10px solid #fff; }
.foreign_p_img {width: 100%;height: 220px;position: relative;overflow: hidden; background-color: #fff;}
.foreign_p_img2 {width: 100%;height: 208px;position: relative;overflow: hidden; background-color: #fff;}
.foreign_p_img img, .foreign_p_img2 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: 126px;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, #f5ad90 0%, #f39b77 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 span {font-size: 35px;}

/**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: #177ee5; width: 122px; margin: auto;  }
.group_leftmenu li { text-align: center; font-size: 16px; 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%; }

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


@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/travel/event/img/icon_top.png) no-repeat;  height: 36px; position: fixed; right: 10px; 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; }
.d_pc { display: none; }
.d_m { display: block; }
    
.main { }
.kv_bg { height: 124vw; position: relative;  z-index: 99;  background: url("../images/kv_m.jpg") top center no-repeat; background-size: 100vw; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.link_bg { padding-top: 3vw !important; }
.bg_move {display: none;}
.kv {width: 100vw; }
.kv_slogan1 img, .kv_slogan2 img, .kv_girl img{ width:100%;}
.kv_slogan1 { width: 80vw; left: 10vw; top: 45vw;} /*輪播*/
.kv_slogan2 { width: 68vw;  top: 4vw;  left: 27vw;}
.kv_girl { width: 40vw; top: 59px; left: -24px;}
.kv_boy{ display: none;}
	
/*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;}	
    
.sale_bg { background: url(../images/+sale_bg.png) top center no-repeat #016eb8; top: 124vw; height: 45vw; }
.sale_bg img{ width: 100%; padding-bottom: 0;}
.sale_main{ width: 100vw; padding: 2vw 3vw; }
.sale{ width: 46vw; padding: 1vw 1vw; }
.sale a{ display: block; height: auto;}
.sale a:hover{ -webkit-filter: none; filter: none; }
.sale_m{ margin-left: 24vw;}
	
.sakura_area img{ width: 100%;}
.sakura_area a{ border: 0; width:100%; margin: 15px auto; }
.sakura_area.link a{ border: 0; width:100%; margin: 0 auto 15px; }
.sakura_area a:hover { transform: none; filter:none; }
    
.prod_wrapper { padding: 0; background: none;}
.ProductList { width: 100vw; padding-bottom: 5px; }
.prod_container { margin: 5px 0 0; }
.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: -78px !important; }
.ProductList .item .sub_tit img { width: 100%; }
.item .ProducPrice, .item .Event_Condition { height: 36px;}
	
.ProductList .item_0, .ProductList .item_1,
.ProductList .item_8, .ProductList .item_9,
.ProductList .item_16, .ProductList .item_17 { margin-top: 20vw !important; }
.prod_container_bg { display: none; }
    
/**foreign**/
.foreign_wrapper{ padding: 0 0 30px;}
.foreign_container, .foreign_container2 {background: url(../images/+prodbg_tour.png) no-repeat; }
.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_p_img, .foreign_p_img2 { 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: 138px;}
.foreign_p_detail2 { height: 138px;}
.tour_m{ display: block;}

/**/
.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: 20vw; 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 13px;}
.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;}
}