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

.rule {background: url("../images/kv_bg.jpg") no-repeat center top, url(../images/main_bg.jpg) center top #ad0101; padding-bottom: 30px; }

/*kv*/
.kv { position: relative; width: 1200px; height: 440px;	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;}
.rule_slogan { position: absolute; top: 347px;	left: 405px; 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_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; }

/**terms**/
.terms_wrapper {  width: 1180px;  margin: 0 auto;  padding-bottom: 20px;  }
.terms_container {  background-color: #fff;  border: solid 5px #ce854b;  border-radius: 50px;}
.terms_container h2 {  font-size: 36px;  font-weight: 800;  text-align: center;  background-color: #f65b11;  color: #fff;  border-radius: 50px 50px 0 0;  padding: 30px 0;}
.terms_content {  width: 90%;  margin: 20px auto 40px;  font-size: 17px;  line-height: 24px;}
.terms_container h3 {  background-color: #f65b11;  border-radius: 20px;  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: #fffbba;  margin-right: 3px;}
.terms_content h4 {  font-weight: bold;  font-size: 20px;  color: #f65b11; margin-top: 10px; line-height: 32px;}
.terms_content ol li { margin: 0 30px 7px 40px;  list-style-type: decimal;  }
.terms_content li strong {  color: red;}
.terms_container p { padding-left: 18px; margin-bottom: 5px;}

a.but_back { background: linear-gradient(135deg, #f3e2c7 0%, #c19e67 50%, #b68d4c 51%, #e9d4b3 100%); border-radius: 20px; margin: 0 auto; font-size: 26px; color: #fff;  padding: 15px 70px;  font-weight: bold; display: table; border-bottom: 5px #000000 solid; }
a.but_back:hover{ filter: brightness(110%);}


@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}
	
.rule { background-size: 195%, 195%; padding-bottom: 40px; overflow: hidden;}

.kv { width: 100vw;	height: 39vw; }
.kv img{ width: 100%;}	
.kv_slogan{ width: 60vw; top: 1vw; left: 21vw; }
.rule_slogan { width: 45vw; top: 36vw; left: 29vw; }
.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; }

/**terms**/
.terms_wrapper {  width: 98vw;  margin-top: 15px; }
.terms_container { border: solid 3px #ce854b; border-radius: 30px; }
.terms_content {  width: 92%;  font-size: 14px;  line-height: 18px; margin: 15px auto; }
.terms_container h3 {  font-size: 20px;  line-height: 26px; margin: 10px 0 3px; }
.terms_content h4 { font-size: 18px; margin-top: 5px; line-height: 24px; }
.terms_content ol li {  margin: 4px 5px 0 35px; }
	
a.but_back{ display: none; }
	
/*M版按鈕*/
.M_menu_wrap{ display:block; }
.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 a{ color: #fff; }
	
}