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;}
.main { margin: auto; position: relative; width: 100%; z-index: 1; overflow: hidden; }

/**kv**/
.kv_bg { width: 100%; height: 1040px; background: url(../images/kv_bg.jpg) no-repeat center top #fcecd3; }
.kv { width: 1200px; height: 580px; margin: auto; position: relative; }
.kv_slogan { position: absolute; width: 527px; top: 35px; left: 343px; } 
.kv_slogan img {width: 100%; } 

/**time_container**/
.time_container { position: relative; width: 958px; margin: 0 auto 15px; }
.time_container .m_mode{  width: 100%}
.time_container a { transition: .2s ease-in-out;}
.time_container a:hover, .time_container a:focus, .time_container a:active { filter: brightness(120%); transform: scale(0.97); }

/*box三個小按鈕*/
.box_intro{ height: auto; width: 100%; max-width: 88%; position: relative; margin:36rem auto 0;}
.box_main{ display: flex; width:958px; margin: auto;}
.box.menu01{ height: auto;}
.box.menu02{ padding-left: 20px; }
.box.menu01 a, .box.menu02 a{ display: block; transition: .2s ease-in-out;}
.box.menu01 a:hover, .box.menu02 a:hover { transform: scale(0.97); filter: brightness(120%);}

/**prod**/
.prod_wrapper {  position: relative;  padding-bottom: 80px; background: url(../images/main_bg.png) center top #fcecd3; }
.prod_container { position: relative; z-index: 100; }
.ProductList { position: relative; z-index: 100; margin: auto; width: 1170px; }
.ProductList:after {  clear: both;  display: table;  content: '';}
.ProductList .item {  position: relative;  float: left;  width: 223px;  margin-left: 4px;  margin-right: 4px;  margin-bottom: 10px;  text-align: center;}
.ProductList .item > a { position: relative; display: block; transform: scale(1); background: #fff;}
.ProductList .ProductImg {  position: relative;  overflow: hidden; margin: 0 auto; width: 223px;  height: 223px; }
.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: 7px 7px 0; border-radius: 30px;  background: #ee9528; 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 {height: 32px; color: #df0000; padding-bottom: 5px;}
.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: 32px; line-height: 30px;}
.item .ProducPrice i em {  color: #747474; text-decoration: line-through;  font-style: normal;}
.item .ProducPrice .price_txt {  font-size: 15px;  line-height: 26px;}

/*title*/
.tit {  display: none;  margin: auto;}
.ProductList .item .sub_tit { display: none; position: absolute; z-index: 100; top: -200px !important;  }
.ProductList .item_0 .sub_tit, .ProductList .item_10 .sub_tit, .ProductList .item_20 .sub_tit ,.ProductList .item_30 .sub_tit { display: block; text-align: center; width: 1170px;}
.ProductList .item .sub_tit a {  display: inline-flex;}
.ProductList .item:nth-child(10n+1), .ProductList .item:nth-child(10n+2), .ProductList .item:nth-child(10n+3), .ProductList .item:nth-child(10n+4), .ProductList .item:nth-child(10n+5) { margin-top: 250px;}
.ProductList .item_0, .ProductList .item_1, .ProductList .item_2, .ProductList .item_3, .ProductList .item_4 {  margin-top: 125px !important;} 

/*ProductListBG*/
.prod_container_bg {position: absolute; top: 0; right: 0;left: -15px;margin: auto;  width: 1240px; }
.prod_container_bg_01 { margin-top: 70px; margin-bottom: 170px; height: 780px; background: #0ca6b3; border: 10px solid #11687c; }
.prod_container_bg_02 { margin-bottom: 160px; height: 780px; background: #e94161; border: 10px solid #bf284c; }
.prod_container_bg_03 { margin-bottom: 160px; height: 785px; background: #367f2b; border: 10px solid #1f5329; }
.prod_container_bg_04 { margin-bottom: 160px; height: 785px; background: #0ca6b3; border: 10px solid #11687c; }

/**float**/
.float_wrapper { position: fixed; top: 100px; right: 0%; z-index: 50; background-color: rgba(0, 0, 0, 0.7); color: #fff; padding: 10px; border-radius: 20px 0 0 20px; font-size: 16px; text-align: center; line-height: 20px;}
.float_leftmenu li { font-size: 16px; text-align: center; padding: 10px 3px; cursor: pointer; border-bottom: 1px solid rgba(255, 255, 255, 0.4);  }
.float_leftmenu li.best { background: #f35825; color: #fff; font-weight: bold; border-radius: 10px; margin-top: 5px;}
.float_leftmenu li:hover { background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; }
.float_leftmenu li.best:hover { background: #f35825; border-radius: 10px; }
.float_leftmenu li a { color: #fff; font-size: 16px;  text-decoration: none; background: 333; }
.float_leftmenu li.top { text-align: center; font-size: 24px; line-height: 26px; color: #ffc956; font-weight: bold; border: none; }
.float_leftmenu li.top span { font-size: 22px;  }
.float_leftmenu li.top:hover { background: none; }
.float_leftmenu li.gotop{ border: none; }
.float_leftmenu li.gotop a{ font-size: 24px;}

/**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: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: 54px; z-index: 900;display: none;  }
.gotop a { display: block; width: 48px; height: 36px; }
.header { width: 100vw}
.display_pc { display: none;}
.display_m{	display: block}

/**kv**/
.kv_bg { height: 180vw; background: url(../images/kv_bg_m.jpg) no-repeat center top #fcecd3; background-size: 100vw; }
.kv { width: 100vw; height: 71vw;  }
.kv img{ width: 100%; }
.kv_slogan { width: 70vw; top: 3vw; left: 15.5vw; }
	
.time_container { width: 85vw; margin: 0 auto 5px; }
.time_container img, .box.menu01 img, .box.menu02 img { width: 100%;}
.box_main{ width: 73vw; display: block;  }
.box.menu01 { width: 100%; margin-bottom: 8px; }
.box.menu02 { width: 100%;  padding-left: 0; }

	
/*pord_m*/
.prod_wrapper { background-size: 180vw;}
.prod_container {  }
.ProductList { width: 100vw; right: 0; }
.ProductList .item { margin-top: 5px; 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; margin: 0 7px 0; }
.ProductList .item .sub_tit { width: 80vw; height: 15vw; left: 10.5vw !important; top: -19vw !important; }
.ProductList .item .sub_tit img { width: 100%; }
.ProductList .item:nth-child(10n+1), .ProductList .item:nth-child(10n+2) { margin-top: 20vw; }
.ProductList .item:nth-child(10n+3), .ProductList .item:nth-child(10n+4), .ProductList .item:nth-child(10n+5) { margin-top: 5px; }
.ProductList .item_0, .ProductList .item_1 {  margin-top: 17vw !important;} 
.ProductList .item_2, .ProductList .item_3, .ProductList .item_4 {  margin-top: 5px !important;} 
.ProductList .item > a { overflow: hidden;} 
.title_txt a span { width: 58px; height: auto; margin-left: 4px; margin-top: 23px; background-size: 15vw; }
	
.prod_container_bg { left: 0; width: 100vw; }
.prod_container_bg_01, .prod_container_bg_02, .prod_container_bg_03, .prod_container_bg_04 { margin-top: 10vw;  margin-bottom: 0vw; border: 0; height: calc(245vw + 541px); }
    
/**/
.float_wrapper {display: none; left: 100%;}
.M_menu_wrap { position: fixed; bottom: 0; z-index: 200; display: block; font-size: 13px; }
.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:after { content: ''; display: table; clear: both; }
.M_menu_block ul { list-style: none; overflow: hidden; }
.M_menu_block li { float: left; width: 16.66vw; 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: 7px 0 14px;}
.M_menu_block li a { color: #fff; }
.M_menu_block li.best { border-top: 1px solid #cccc;  border-left: 1px solid #222; border-right: 1px solid #666; color: #fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff855d), color-stop(100%, #f35825)); padding: 0 0 9px 0; line-height: 15px; }
    
/**/
.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;  }
}