body {	font: 13px/1.6em "Century Gothic", Arial, 'Microsoft JhengHei', "蘋果儷中黑", "儷黑 Pro", "新細明體", "sans-serif";	color: #333;	min-width: 1050px;}
a {	text-decoration: none;	display: inline-block}
:focus {	outline: none;}
i {	font-style: normal;}
.header, .footer {	width: 100%; margin: auto; }
.hd_pc { width: 1200px;}
.display_pc { display: block;}
.display_m { display: none;}
.main_wrapper {	margin: auto; position: relative;	width: 100%; z-index: 1; overflow: hidden; background: url(../images/kv_bg.jpg) no-repeat center top #ad0101; }

/*kv*/
.kv { position: relative; width: 1200px; height: 617px;	margin: auto; }
.kv_logo{ position: absolute; top: 33px; left: 137px; z-index: 1;}
.kv_slogan{ position: absolute;	top: 8px; left: 320px; z-index: 1; -webkit-animation:lightning 2s ease-in-out infinite alternate,slogan1fadeIn 0.8s linear; animation:lightning 2s ease-in-out infinite alternate,slogan1fadeIn 0.8s linear;}
.kv_slogan2{ position: absolute; top: 347px;	left: 300px; z-index: 1; -webkit-animation:lightning 2s ease-in-out infinite alternate,slogan1fadeIn 0.8s linear; animation:lightning 2s ease-in-out infinite alternate,slogan1fadeIn 0.8s linear;}
.kv_page { position: absolute;	top: 230px;	right: 179px; z-index: 1;}
.kv_left { position: absolute; top: -113px; left: -270px; z-index: 2; }
.kv_right{ position: absolute; top: -190px; right: -135px; z-index: 2; }
.kv_left, .kv_right {-webkit-animation:swing2 ease-in-out 1.5s infinite alternate; animation:swing2 ease-in-out 1.5s infinite alternate; }
.kv_clound { position: absolute; top: 240px; left: 194px; z-index: 1; -webkit-animation: upDown_animation 1s ease-in-out infinite alternate;	animation: upDown_animation 1s ease-in-out infinite alternate; }

/*menu*/
.sunlineCounterTitlePanel {	position: relative; width: 1208px;	margin: 0 auto;  height: 322px; background: url(../images/menu_bg.png) center top no-repeat; }
ul.sunlineCounterTitleMain { position: absolute; top: -127px;  left: 85px; }
.sunlineCounterTitleMain li { float: left;  }
.sunlineCounterTitleMain li>a {	display: block;	width: 100%; height: 212px; }
.sunlineCounterTitleMain li a:hover, .menu-food:hover, .menu-bank:hover {	filter: brightness(150%);}
.menu-food { position: absolute; top: 94px;  left: 60px; }
.menu-bank { position: absolute; top: 94px;  right: 70px; }

/**prod**/
.prod_wrapper {  position: relative;  padding-bottom: 80px; background: url(../images/main_bg.jpg) center top #ad0101; }
.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-image: linear-gradient(to right, #64c5b2 0%, #288f7b 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 {height: 32px; color: #ec6d4a; 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: -151px !important;}
.ProductList .item_0 .sub_tit, .ProductList .item_10 .sub_tit, .ProductList .item_20 .sub_tit ,.ProductList .item_30 .sub_tit, .ProductList .item_40 .sub_tit ,.ProductList .item_50 .sub_tit { display: block; text-align: center; width: 1170px;}
.ProductList .item .sub_tit a {  display: inline-flex;}
.title_txt { font-size: 48px; line-height: 50px;  font-weight: bold;  color: #fff; margin-top: 59px;}
.title_txt a { color: #fff; }
.title_txt a span { display: inline-block;  background: url("../images/icon_more.png") no-repeat;  width: 103px; height: 42px; margin-left: 15px; margin-top: 7px;}
.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: 220px;}
.ProductList .item_0, .ProductList .item_1, .ProductList .item_2, .ProductList .item_3, .ProductList .item_4 {  margin-top: 83px !important;} 
img.title_page { position: absolute; left: 50px; }

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

/*float*/
.float_wrapper {  position: fixed;  top: 100px;  right: 5px;  z-index: 250;  text-align: center; }
.float_main { position: relative; width: 90px;  background:#20645c; border-radius: 60px;  padding: 25px 10px 15px;  border: 5px solid #ffc267; }
.go_top {  display: block;  cursor: pointer;}
.float_main li { text-align: center; font-size: 16px;}
.float_main li.highlight2 { font-size: 24px; padding-top: 5px; padding-left: 2px; }
.float_main li a { position: relative;  z-index: 500;  color: #fff; cursor: pointer; padding: 5px 0 5px; }
.float_main li a:hover {  color: yellow;}
.float_main li a: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;}
.float_main a:hover:after {  right: 10%;  left: 10%;}
.float_main li.float_tit { background: #ffc267; padding: 5px 0; border-radius: 10px 10px 0 0; margin-top: 10px; color: #000; font-weight: bold; }
.float_main li.goitems{  width: 100%; font-size: 18px;  }
.float_main li.catagory {  width: 100%;  border-bottom: 1px dotted #040333; background: #fff; }
li.catagory_on { background: #c66300; color: #fff; padding: 5px 0; }
.float_main li.goitems a { }
.float_main li.catagory a {  color: #bf2451; font-weight: bold;}
.float_top { margin-bottom: 5px; }
img.float_icon1 { position: absolute; top: 93px; left: -12px; }
img.float_icon2 {  position: absolute; bottom: -24px;  left: 61px; z-index: 2; }

/**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;	vertical-align: middle}
.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;}

/**promotionBlock_forVIPday標籤**/
.promotionBlock { position: relative; }
.promotionBlock .activity {	left: 0px;	position: absolute;	bottom: 0;	width: 100%; z-index: 100; line-height: 0;}
.promotionBlock .activity img { width: 100%; }


@media screen and (max-width:768px) {
body {	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: 90px; z-index: 900;display: none;  }
.gotop a { display: block; width: 48px; height: 36px; }
.header { width: 100vw}
.display_pc { display: none;}
.display_m{	display: block}
	
.main_wrapper { background-size: 195%; }
/**kv**/	
.kv { width: 100vw;	height: 61vw; }
.kv img{ width: 100%;}	
.kv_slogan{ width: 60vw; top: 1vw; left: 21vw; }
.kv_slogan2 { width: 62vw; top: 37vw; left: 20vw; }
.kv_page { width: 18vw; top: 22.6vw; right: 4vw; }
.kv_clound { width: 18vw; top: 24.6vw; left: 8vw; }
.kv_left { width: 35vw;  top: -10vw; left: -17vw; }
.kv_right { width: 35vw; top: -18vw; left: 82vw; }
	
/*menu*/
.sunlineCounterTitlePanel {	width:100vw; height: 22vw; background-size: 118vw;}
.sunlineCounterTitlePanel img{ width: 100%;}	
ul.sunlineCounterTitleMain { width: 97vw; top: -10.5vw;  left: 1vw; }
.sunlineCounterTitleMain li { width: 25%;   }
.sunlineCounterTitleMain li>a { height: 10vw; }
.sunlineCounterTitleMain li a:hover, .menu-food:hover, .menu-bank:hover { filter: brightness(120%);}
.menu-food {  width: 47.5vw; top: 10vw; left: 2vw; }
.menu-bank { width: 47.5vw; top: 10vw; right: 2vw; }
	
/*pord_m*/
.prod_wrapper { background-size: 180vw; padding-bottom: 30px; }
.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; }
.ProductList .item .sub_tit {width: 100vw; height: 15vw;left: 1.5vw !important; top: -13.5vw !important; }
.ProductList .item .sub_tit img { width: 21%; }
img.title_page { top: 5vw; left: 4vw; }
.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 { font-size: 20px; line-height: 55px;  margin-top: 0; background: url("../images/prod_bg_m.png") no-repeat center top; background-size: 100vw; }
.title_txt a span { width: 65px; height: auto; margin-left: 4px; margin-top: 14px; background-size: 15vw; }
	
/*M版按鈕*/
.M_menu_wrap{ display:block; }
.menu_wrapper {position: fixed; bottom: 45px; width: 100%; z-index: 200; background: #f2f2f2; border-top: 1px solid #ccc;  padding: 7px 0; }
.menu_wrapper ul { width: 100vw; height: 37px; margin: 0 auto;  list-style: none; overflow: hidden; display: flex;  justify-content: center;  align-items: stretch;  }
.menu_wrapper li {  width: 100%;  font-size: 15px;  line-height: 16px; display: flex;  justify-content: center;  align-items: center; text-align: center; border-left: 1px solid #7a7979; border-right: 1px solid #fff; }
.menu_wrapper li:first-child { border-left: 1px solid #f2f2f2;  }
.menu_wrapper li:last-child { border-right: 1px solid #f2f2f2;  }
.menu_wrapper li a { color: #000; }
.M_menu_block{ position: fixed; bottom:0; width: 100%; z-index: 200; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555), color-stop(100%, #111)); }
.M_menu_block ul { width: 100vw; height: 45px; margin: 0 auto;  list-style: none; overflow: hidden; display: flex;  justify-content: center;  align-items: stretch;  }
.M_menu_block li {  width: 100%;  font-size: 15px;  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; }
.M_menu_block li.focus { align-items: baseline; line-height: 14px; }
.M_menu_block li a{ color: #fff; }
.M_menu_block li.focus a { color: #ffd18c; }
	
}