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, .footer { width: 100%; margin: auto}
.hd_pc { width: 100%;}
.display_pc { display: block;}
.display_m { display: none;}
.pez_ft { height: 228px;}
.footer { border-top: 2px solid #bfbfbf; }

.main { position: relative; margin: auto; width: 100%; z-index: 1; overflow: hidden; background: url(../images/bg2.png) no-repeat top center, url(../images/bg.jpg) #eaf9fe;}
.bg_move {position: absolute; background: url("../images/bg_move.png") top center;  width: 100%;height: 100%; animation: mymove 1s linear infinite;pointer-events: none; z-index: 99; top: 1030px;}
.kv_bg { width: 100%; height: 900px; background: url("../images/kv_bg.jpg") top center no-repeat #ffdc27;
-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);}
.kv{ width: 1200px;  margin: 0 auto; position: relative; z-index: 1;}
.kv_slogan1 { position: absolute; top: 0px; left: 238px; z-index:1; }
.kv_slogan2 { position: absolute; top: 245px; left: -382px; z-index:1; }

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

/*best*/
.best_wrapper{position: absolute; top: 450px; left: 5px; z-index:2; width:1200px; text-align: center; }
.best_product {width: 23.6%; height: 405px; position: relative; margin-right: 0.5%; margin-left: 0.5%; margin-bottom: 1%; overflow:hidden;  border: 2px solid #ccc; }
.best_product:hover { border: 2px solid #f06a2b;  box-shadow: 5px 5px 3px rgba(0,0,0,0.1); }
.best_img {width: 100%;height: 284px; position: relative;overflow: hidden; background-color: #fff;}
.best_img img {display: block;width: 100%;height: 100%;transition: all 1s;}
.best_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);}
.best_detail {padding-top: 0px; border-top: none;height: 112px;background: #fff;position: relative; padding-top: 8px;}
.best_day {  width: 100%;  background: #deac64; color: #fff; font-size: 16px;line-height: 30px; margin-bottom: 4px;}
.best_tit {width: 95%;margin: 0 auto;font-size: 20px; line-height: 24px; letter-spacing: -1px; font-weight: bold; color: #333;overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;  padding-bottom: 1px;  height: 50px; }
.best_text { width: 80%;  margin: 0 auto;  font-size: 16px;  line-height: 24px;  font-weight: bold;  color: #FFF;  background: #187943;   border-radius: 10px;  padding: 0 10px;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; }
.best_money { color: #ff524a;  font-size: 16px;  width: 100%; padding-top: 6px;}
.best_money span {line-height: 36px;}
.best_money .p_price{ font-size: 32px;  padding: 0 3px; }
.best_sign {font-size: 18px;}
.best_price {font-size: 30px;}
.sale_con { position: absolute; top: 0; left: 5%;}
.sale { width: 70px; height: 56px; background: #ff773b; color: #fff; text-align: center; line-height: 24px; font-size: 21px; font-weight: bold; padding-top: 7px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}

/*foreign*/
.link{ padding-top: 50px !important; }
.foreign_wrapper{ padding: 50px 0 0; }
.foreign_main{ width:1198px; margin:0 auto; overflow:hidden;}
.foreign_tit_all {text-align: center; overflow: hidden;}
.foreign_container{ height: 610px; background: url("../images/prodbg_tour.png") no-repeat;  }
.foreign_container2{ height: 1100px; background: url("../images/prodbg_tour2.png") no-repeat;  }
.foreign_group{ width:1100px; margin: 0 auto; padding-top: 33px; }
.foreign_product {width: 23%;height: 384px;position: relative; margin: 0.5%;  overflow:hidden;  border: 5px solid #fff;  background: #fff; }
.foreign_p_img {width: 100%;height:253px;position: relative;overflow: hidden; background-color: #fff;}
.foreign_p_img 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 {position: relative; padding-top: 7px; border: 1px solid #fff; border-top: none; height: 120px; background: #fff;}
.foreign_p_tit {width: 100%;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; text-align: center; }
.foreign_p_desc { color: #fff; font-size: 15px; line-height: 32px;  font-weight: bold;  text-align: center;  background-image: linear-gradient(to right, #ff9164 0%, #ff814d 100%); border-radius: 20px; }
.foreign_p_money {position: absolute;color: #f54648;margin-left: 8px; bottom: 0; left: 0;  font-size: 18px;}
.foreign_p_money span {line-height: 36px;}
.foreign_p_money .p_price{ font-size: 30px;}
.foreign_p_sign {font-size: 18px;}
.foreign_p_price {font-size: 30px;}
.foreign_p_buy { position: absolute; width: 90px;  height: 26px;  font-size: 15px;  font-weight: bold;  line-height: 26px;  text-align: center;  color: #fff; background: #f54648; bottom: 0;  right: 0;}
.foreign_p_buy:hover {background: #448aca;}
.foreign_p_sale {font-size: 16px;padding-top: 10px;}
.foreign_p_sale span {font-size: 35px;}

/**ticket**/
.ticket_wrapper { position: relative;  background: url(../images/bg_ticket.png) top center no-repeat; }
.ticket_main { width:1182px; margin:0 auto; overflow:hidden; padding: 0 0 50px; }
.tickeet_tit { text-align: center; padding: 38px 0 0 0; }
.ticket_container { height: 1020px; background: url("../images/prodbg_ticket.png") no-repeat; background-position-y: 164px; }
.ticket_container3 { height: 900px; background: url("../images/prodbg_ticket.png") no-repeat; background-position-y: 97px; }
.ticket_group{ width:1090px; margin: 0 auto; }
.ticket_title{ padding-bottom: 56px; text-align: center;}
.ticket_product {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;}
.ticket_img {width: 100%;height: 256px;position: relative;overflow: hidden; background-color: #fff;}
.ticket_img img {display: block;width: 100%;height: 100%;transition: all 1s;}
.ticket_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);}
.ticket_detail { padding-top: 7px; height: 85px; }
.ticket_tit {width: 90%;margin:0 auto;font-size: 16px;line-height: 24px;font-weight: bold;color: #333;  height: 50px; text-align: center; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ticket_money { color: #f54648;  text-align: center; padding: 5px 0;  font-family: mallory,"Helvetica Neue",Helvetica,Arial,sans-serif; }
.ticket_money span.original{ margin: 0 10px 0 0; color: #747474; font-weight: 100; font-size: 13px; text-decoration: line-through; }
.ticket_money span.sign {font-size: 18px;}
.ticket_money span.price {font-size: 30px; }
.tit_pc {  padding-left: 36px; }

/**offer bn**/
.offer { max-width: 1190px;width: 100%;margin: 0 auto;overflow: hidden; padding:0 0 50px; text-align: center;}
.offer li { float: left;     margin: 0px 10px;}
.offer li a{ transition: .1s linear; display: block;  border: 10px solid #fff;}
.offer li a:hover { transform: scale(0.97); filter: brightness(110%); }

/**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: #187944; 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%; }


@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/pbenefit/in_other/pmedm/106/autumn/images/icon_top.png) no-repeat;  height: 36px; position: fixed; right: 10px; width: 36px; bottom: 60px; z-index: 900;display: none;  }
.gotop a { display: block; width: 48px; height: 36px; }
.header { width: 100vw; }
.display_m { display: block; }
.display_pc { display: none; }
    
.main { }
.kv_bg { height: 215vw; position: relative;  z-index: 99;  background: url("../images/kv_m.jpg") top center no-repeat #ffdc27; background-size: 100vw; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.bg_move, .kv_slogan2 {display: none;}
.kv {width: 100vw; }
.kv_slogan1 img{ width:100%;}
.kv_slogan1 { width: 90vw; left: 4vw; top: 0vw;} 

.best_wrapper{top: 52vw; left: 0; width:100vw;  }
.best_product { width: 46%; height:auto; margin-left: 2.7%; margin-right: 0; margin-bottom: 2.5%; box-shadow: none; border: 3px solid #ececec;}
.best_img { height: 46vw;}
.best_tit { line-height: 17px; font-size: 14px;  margin-bottom: 3px; height: 33px;}
.best_detail { height: 96px; padding-top: 6px;}
.best_text {  font-size: 13px;   line-height: 20px; width: 95%; }
.best_money {  font-size: 14px;  width: 100%;}
.best_money span {  line-height: 30px;}
.best_money .p_price {  font-size: 27px;  padding: 0 3px;}
.sale { width: 50px; height: 48px; line-height: 19px; font-size: 16px; padding-top: 5px;}
	
.link{ padding-top: 20px !important; }
.foreign_wrapper{ width:100%; padding: 0;}
.foreign_container, .foreign_container2 {background: url(../images/+prodbg_tour.png) no-repeat; height: auto;}
.foreign_main { width: 100vw;}
.foreign_main img {  width: 100%;}
.foreign_group{ width:100vw; padding-top: 0px; }
.foreign_p_desc {  font-size: 13px;   line-height: 17px;  padding: 3px 0; border-radius: 0;  }
.foreign_p_desc span{ display: block; }
.foreign_tit_all {text-align: center; padding:10px 0 5px; overflow: hidden;}
.foreign_main img { width:100%;}
.foreign_products { width:100vw;}
.foreign_product { width: 46vw; height: auto;  margin-left: 2.4%; margin-bottom: 2.5%; box-shadow: none; border: none;}
.foreign_p_img { height: 44vw;}
.foreign_p_tit {  line-height: 18px; margin-bottom: 3px; font-size: 14px; text-align: center; height: 43px;  letter-spacing: -1px; }
.foreign_p_money { position: initial; padding-bottom: 15px;font-size: 13px; margin-left: 0; text-align: center; font-family: mallory,"Helvetica Neue",Helvetica,Arial,sans-serif; }
.foreign_p_sign { font-size: 14px;}
.foreign_p_buy { position: inherit; bottom: 15px; margin: 0 auto; height: 28px; font-size: 15px; line-height: 28px; display: none;}
.foreign_p_detail { height: 100px; padding-top: 4px; }
.foreign_p_money .p_price{ font-size: 26px;}
.foreign_area {  padding: 10px 0 0;}
    
.ticket_wrapper {  z-index: 99; padding-top: 15px;}
.ticket_main{ width:100vw;  padding: 0;}
.ticket_main img { width:100%;}
.ticket_title {  width: 95vw; margin: 0 auto;  padding: 0 0 6px 0;}
.ticket_container, .ticket_container2, .ticket_container3, .ticket_container4, .ticket_container5 { height: auto; background: none; overflow: hidden;}
.ticket_product { width: 46%; height:auto; margin-left: 2.4%; margin-bottom: 2.5%; border-radius: 0;  }
.ticket_img { height: 44vw;}
.ticket_detail { height: 75px; }
.ticket_tit{ width: 100%; line-height: 18px; margin-bottom: 0; font-size: 14px; height: 35px; letter-spacing: -1px;}
.ticket_money span.sign {font-size: 14px;}
.ticket_money span.price {font-size: 25px;}
.ticket_group { width: 100vw; }
	
.offer { width: 100%;  padding: 0 0 30px; }
.offer img{ width: 100%;}
.offer li {width: 100%; margin: 5px 0; }
.offer ul {width: 94vw;  margin: 0 auto;}
.offer li a { border: 7px solid #fff;}

/**/
.M_menu_wrap { position: fixed; bottom: 0; z-index: 200; display: block; }
.M_menu_block{ width: 100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555), color-stop(100%, #111)); }
.M_menu_block ul { width: 100vw; height: 60px; margin: 0 auto;  list-style: none; overflow: hidden; display: flex;  justify-content: center;  align-items: stretch;  }
.M_menu_block li {  width: 100%;  font-size: 14px;  line-height: 16px; display: flex;  justify-content: center;  align-items: center; text-align: center; border-top: 1px solid #999;border-right: 1px solid #666;border-left: 1px solid #222; padding-bottom: 5px;}
.M_menu_block li a{ color: #fff; }
	
	
	
/*link*/
.gotop.link { bottom: 40px; }
.offer.link { padding-bottom: 20px; } 
.sale.link{ width: 100%; padding-bottom: 4px;}
	
}