body { min-width: 1200px; color: #333; font: 13px/1.6em "Century Gothic", Arial, 'Microsoft JhengHei', "蘋果儷中黑", "儷黑 Pro", "新細明體", "sans-serif"; }
a { display: block; text-decoration: none;}
a:hover{ filter: brightness(105%);  transform: scale(0.99);}
: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; background: url("../images/rule/rule_bg.jpg") top center #ff909c;}
.gotop { display: none; }
.display_pc { display: block;}
.display_m { display: none;}
.blue{  font-weight: bold; color: #006ee0;}

/**kv**/
.rule_kv_bg { width: 100%; height: 648px; background: url("../images/rule/rule_kv_bg.jpg") no-repeat top center #cf4c5c;}
.rule_kv { width: 1200px; height: 648px; margin: 0 auto; }

/**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: 120px;}
.group_leftmenu:after {content: '';display: table;clear: both;}
.group_leftmenu li {position: relative; padding: 7px 0 10px; text-align: center; font-size: 17px; background:#04587b;}
.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 {}
.group_leftmenu li.highlight2 {font-size: 24px; border-radius: 0 0 0 20px; padding-bottom: 20px; padding-left: 2px;}
.group_leftmenu li.highlight3 {background: #ea2f50; }
.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;}

/**terms**/
.terms_wrapper {  width: 1074px;  margin: 20px auto; }
.terms_container {  background-color: #fff;  border: solid 3px #8f0836;  border-radius: 48px;  overflow: hidden;}
.terms_container h2 {  font-size: 36px;  font-weight: 800;  text-align: center;  background-image: linear-gradient(to top, #77052c 0%, #950838 100%);  color: #fff;  border-radius: 53px 53px 0 0;  padding: 30px 0;}
.terms_content {  width: 94%;  margin: 20px auto 30px;  font-size: 17px;  line-height: 24px;}
.rule_top { width: 100%; text-align: center;  }
.terms_content img{ padding: 10px 0; }
.terms_container h3 {  background-color:#6f6f6f;  border-radius: 0 20px 20px 0;  font-size: 22px;  line-height: 30px;  font-weight: bold;  padding: 5px 20px;  display: inline-block;  margin: 10px 0;  color: #fff;}
.terms_content h3 strong {  color: #ffe398;  margin-right: 3px;}
.terms_content h4 { display: inline-block;  color: #fff; background: #bb2c5d; font-size: 18px; font-weight: bold;  padding: 2px 20px; margin-top: 8px;  border-radius: 10px; }
.terms_content ol li { margin: 0 0 7px 35px;  list-style-type: decimal;  }
.terms_content li strong { color: tomato; font-size: 18px;}
.terms_container p { padding-left: 18px; margin-bottom: 5px;}
span.rule_c_m img {  width: 100%;}
span.rule_c_m {  display: block;  width: 400px; }
a.food{ color:tomato;display: inline-block; text-decoration:underline; }
a.food:hover{ background: yellow; }

/*回饋計算*/
.but { width: 1000px;	margin: 0 auto; overflow: hidden;}
.but img{float: left; vertical-align: bottom;}
.but a{	margin: 0px 0px;  border-radius: 10px;  color: #fff;  padding: 0px 0px;	display: block;}
.but a:hover { }
.but span.but_icon, .but span.but_icon2 { display: block;  float: left; padding-top: 40px;}

/*回首頁*/
.event_details { padding-bottom: 40px;  width: 500px; margin: 0 auto; }
.event_details a{ display: block; border-radius: 50px; color: #fff; padding: 20px 5px; font-size: 25px; transition: none; text-align: center;font-weight: bold; text-decoration: none; background: #ed4461;  border-bottom: 5px #b30423 solid; }
.event_details a:hover{ background-color: #00669c;  border-bottom: 5px #00476d solid; }

/*表格*/
.box01 {margin: 10px 0;background: #6F6F6F; }
.box01 tr td {border-bottom: 0px;padding: 5px 2px 7px 5px; border: 1px solid #ffa6b2; }
.box01 a, .box01 a:visited {color: #050AFF;text-decoration: underline;}
.box01 i {color: #000000;font-style: normal;padding-left: 5px;}
.tr002 {text-align: center;color: #fff;height: 40px;background: #ff909e;line-height: 18px;}
.tr001 {background: #ffffff;}

@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; } 
.display_m { display: block;}
.display_pc { display: none;}
.main { background-size: 100%;  padding-bottom: 80px;}
.bg_move{ display: none;}

/**kv**/
.rule_kv_bg {width: 100vw; height: 52.6vw; background: none; }
.rule_kv { width: 100vw; }
.rule_kv img{ width: 100%;}

/**terms**/
.terms_wrapper {  width: 98vw;  margin: 10px auto; padding-bottom:5px;  }
.terms_container {  border-radius: 30px;  }
.terms_container h2 {  font-size: 21px;  line-height: 21px;  border-radius: 30px 30px 0 0;  padding: 10px 0;  }
.terms_content {  width: 92%;  font-size: 14px;  line-height: 18px; margin: 7px auto 15px;}
.terms_container h3 { font-size: 15px; line-height: 18px;margin: 3px 0;}
.terms_content ol li {  margin: 4px 5px 0 15px; }
.terms_content li strong {  font-size: 14px;}
.terms_wrapper img { width: 100%; padding: 5px 0;}
.rule_top{ width: 100%; margin: 0 auto;}
span.rule_c_m {  width: 80%;  margin: 0 auto; }
.terms_content h4 { font-size: 13px;  margin: 6px 0 2px 0; }


.but { width: 100%;	}
.but img{ width: 100%;}
.but a{	margin: 0px 0px;  border-radius: 10px;  color: #fff;  padding: 0px 0px;	display: block;}
.but span { width: 45%;  display: block;  float: left;}
.but span.but_icon, .but span.but_icon2 {  width: 10%; padding-top: 0px;}
.but span.but_icon2 { margin-left: 17vw; }
	
.event_details { display: none;}
	
.box01 tr td { padding: 5px 2px; }
	
/**/
.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%, #555), color-stop(100%, #111)); overflow: hidden;}
.M_menu_block ul { list-style: none; overflow: hidden; }
.M_menu_block li { float: left; width: 33.3vw; 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 a { color: #fff; font-weight: normal;}
.M_menu_block2 { width: 100vw; height: 45px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555), color-stop(100%, #111));}
.M_menu_block2 ul { list-style: none; overflow: hidden; }
.M_menu_block2 li { float: left; width: 33.3vw; 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; font-weight: normal;}
.M_menu_block2 li.red {background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fb5284), color-stop(100%, #d50744));  }

}