@charset "utf-8";
/* CSS Document */


/*基本*/
body{
	background:none;}
.for_pc{ display:none;}
.for_m{ display:block;}

.headerArea{ display:none;}
.footer{ display:none}


/*全BOX版面*/
.WRAPPER{
	min-width:100%;
	background:url(m_header.jpg?t=1751023726699) center top no-repeat;
	background-size:100% auto;}	
.WRAPPER img{width:100%; height:auto; vertical-align:bottom;}
.mainarea{width:100%;}


/*版頭*/	
.mainhead{ height:35vw;z-index: 9; position: fixed; overflow: hidden}	



/*選單*/
.menuArea{ width:100%; float:left; background:#ededed;}
.menuArea dl:first-child .mm_dt{    left: 0%; }
.menuArea .mm_dt{ padding:0 0 3vw; border-right:none; border-left:none;}
.menuArea dt { display:block; width:100%; height:auto; background:#333333; color:#FFF; text-decoration:none; font:5vw/7vw "微軟正黑體"; padding:3vw 0; margin:0 0 2px 0; cursor:pointer; position:relative; text-align:center;}
.menuArea dt:hover{ background:#404040; transition:all 0.2s linear;}
.menuArea dt span{width: 0; height: 0; border-style: solid; border-width: 1.5vw 0 1.5vw 2vw; border-color: transparent transparent transparent #FFF; position:absolute; left:70vw; top:4.5vw; transition:all 0.2s linear;}
.menuArea dt span.off {width: 0; height: 0; border-style: solid; border-width: 2vw 1.5vw 0 1.5vw; border-color:#FFF transparent transparent transparent; position:absolute; left:70vw; top:5vw;}
/*選單副標*/
.menuArea dd{ border-bottom:1px solid #808080; margin:4vw 5vw 0vw;}
.menuArea dd p.menusubtitle{ font:4vw/5vw "微軟正黑體"; color:#595959; }
.menuArea dd p.btn_prize{ display:block;  font:4vw/6vw "微軟正黑體"; color:#FFF; background:#e20000; padding:0 3vw; width:auto; text-decoration:none; position:relative; margin:2vw 0 0 65vw;}
.menuArea dd p.btn_prize .btn_open{ position:absolute; top:1.5vw; width:3vw;}
.menuArea dd p.btn_prize .on{ transform:rotate(90deg);}
.menuArea dd p.btn_prize:hover{ background:#ff0000;}




/*詳情*/
.explanation{ width:90%; height:auto; float:left; background:#FFF; padding:5%;}
.explanation dt{ font:bold 22px/26px "微軟正黑體"; color:#333333;}
.explanation dd ul li{font:14px/16px "微軟正黑體"; color:#595959; padding:4px 0; list-style-type:decimal; margin:0 0 0 20px;}




/*活動內容*/
 table{width:100%; position:relative; right:inherit; top:inherit; background:#FFF;padding:0 5%; margin:0; z-index: 0; border-collapse: collapse;word-break: break-all;}
 table.boxA{margin-top: 35vw; position: fixed; z-index: 9; overflow: hidden; width: 96%; margin-left: 2%;}
 table.boxB{margin-top: 35vw; position:relative; overflow:hidden;top: 25vw; overflow-y: scroll;border-top: none;}
 small{font:3.5vw/4.5vw "微軟正黑體"; color:#333333; padding:1vw 0;}
 table th:nth-child(1){ width:20%;}
 table th:nth-child(2){ width:20%;}
 table th:nth-child(3){ width:15%;}
 table th:nth-child(4){ width:15%;}
 table th:nth-child(5){ width:10%;}
 table th:nth-child(6){ width:10%;}

 table td:nth-child(1){width: 20%;}
 table td:nth-child(2){width: 20%;}
 table td:nth-child(3){width: 15%;}
 table td:nth-child(4){ width:15%;}
 table td:nth-child(5){width: 15%;}
 table td:nth-child(6){width: 15%;}
 table th, table td{ border:1px solid #808080; border-bottom:1px solid #808080; text-align:center; padding:3.5vw 1vw;}

 table th{font:bold 4vw/6vw "微軟正黑體"; color:#e20000;}
 table td{font:3.5vw/4.5vw "微軟正黑體"; color:#595959;}
 table th.A{ width: 15%;}
 table th.B{ width: 15%;}
 table th.C{ width: 15%;}
 table{ width: 100%; }
@media screen and (max-width:767px){
	 table { width: 96%; margin: 0 auto; }
	}