@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(http://images.sunfar.com.tw/sf/dc/isunfar/action/202202-MonthlyPromotion/images/m_header2.jpg) center top no-repeat;
	background-size:100% auto;}	
.WRAPPER img{width:100%; height:auto; vertical-align:bottom;}


.WRAPPER2{
	min-width:100%;
	background:url(http://images.sunfar.com.tw/sf/dc/isunfar/action/202202-MonthlyPromotion/images/m_header2.jpg) center top no-repeat;
	background-size:100% auto;}	
.WRAPPER2 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:#fff;}
.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: 50%;
	border: 1px solid #ccc;
	td,
	th {
	  padding: 3px 5px;
	  border: 1px solid #ccc;
	  &.spread {
		text-align: justify;
	  }
	}
  }

@media screen and (max-width:767px){
	 table { width: 96%; margin: 0 auto; }
	}