body {	font: 13px/1.6em "Century Gothic", Arial, 'Microsoft JhengHei', "蘋果儷中黑", "儷黑 Pro", "新細明體", "sans-serif"; min-width: 1050px; background: #000; }
a {	text-decoration: none;	display: inline-block}
: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.rule{ background: url(../images/kv_bg.png) no-repeat center top, url(../images/main_bg.jpg) center 531px #000; padding-bottom: 70px;}
/**kv**/
.kv_container { position:relative; margin:auto; width:1200px; height:625px;}
.kv_slogan { position:absolute; top:54px; left:290px; z-index:2; }
.kv_goods { position:absolute; top:50px; right:47px; z-index:1; }

/**rule**/
.rule_wrapper { margin:0 auto; width: 1010px; border-radius: 20px; background: #fff; font-size: 17px; line-height: 26px; overflow: hidden;}
.rule_content { width: 96%; margin: 20px auto;}
.rule_wrapper a { color: dodgerblue; text-decoration: underline; font-weight: bold;}
.rule_wrapper h2 { border-radius: 20px 20px 0 0; background: linear-gradient(90deg, #aa51d2 0%, #ce6bc9 100%); font-size: 36px; font-weight: 800; text-align: center; color: #fff; padding: 25px 0;}
.rule_wrapper h3 { color:#9f53c5; font-weight: bold; font-size: 20px;}
.rule_wrapper li { margin-left:40px; padding: 5px 0; list-style: decimal;}
.rule_wrapper p{ padding-left: 20px; padding-bottom: 10px;}
.rule table th { color: #fff;}
.rule strong { color: crimson;}
.rule a { display: inline-block;}
a.btn_back { display: block; margin: auto; padding: 10px 20px; width: 200px; border-radius: 20px; background-color: darkred; color: #fff; text-align: center; text-decoration: none; font-size: 24px; transition: linear .2s;}
a.btn_back:hover, a.btn_back:focus, a.btn_back:active { background-color: tomato;}

table.box1 {margin: 10px 0;}
table.box1 th {padding: 10px;}
table.box2 {margin: 10px 0;}
table.box2 th {padding: 5px;}
table.box2 td {padding: 5px;}


@media screen and (max-width:1024px) {
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: 60px; 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.rule { background: url(../images/kv_bg.png) no-repeat center top, url(../images/main_bg.jpg) center 40vw #000; background-size: 150%, 110%;}
.kv_container { width: 100vw; height: 53vw; }
.kv_container img{ width: 100%;}
.kv_slogan { width: 49vw; left: 25vw; top: 4vw;}
.kv_goods { width: 93vw; top: 4vw; left: 4vw;}
   
/**/
.rule_wrapper { width:96vw; border-radius:15px; font-size:15px; line-height:26px;}
.rule_wrapper h2 {border-radius:10px 10px 0 0; font-size: 22px; padding: 15px 0;}
.rule_content { width: 94%; margin: 10px auto 0;}
.rule_wrapper a { word-wrap: break-word;}
.rule_wrapper li { margin-left:25px; line-height:26px; padding:3px 0;}
.rule_wrapper p{ padding-left:0; padding-bottom: 10px;}
    
.gift { width: 100%;}
.gift img{width: 100%;}	
    
table.box1{ margin: 10px 0;}
table.box1 th { padding: 5px;}

/*M版按鈕*/
.M_menu_wrap { position: fixed;  bottom: 0; z-index: 999; }
.M_menu_block{ width: 100%; background-color: rgb(0 0 0 / 70%); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);   }
.M_menu_block ul { width: 100vw; height: 55px; 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; }
.M_menu_block li a{ color: #fff; }



}