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

/*基本*/
body{
	margin:0;
	padding:0;
	/*background:url(http://images.sunfar.com.tw/sf/dc/isunfar/action/202202-MonthlyPromotion/images/m_header2.jpg) center top repeat-y;*/
	
	background:#010002;
}
a {text-decoration: none;}	
.for_pc{ display:block;}
.for_m{ display:none;}	
	

/*全BOX版面*/	
.WRAPPER{
	position:relative;
	width:100%;
	/* text-align:left; */
	min-width:1220px;
	overflow:visible;
	background:url(https://images.sunfar.com.tw/sf/dc/isunfar/action/202306-MonthlyPromotion/images/awards-background.png) center top no-repeat;}
.WRAPPER img{width:auto; height:auto; vertical-align:bottom;overflow: hidden; }	

.WRAPPER2{
	position:relative;
	width:100%;
	text-align:left;
	min-width:1220px;
	overflow:visible;
	background:url(https://images.sunfar.com.tw/sf/dc/isunfar/action/202306-MonthlyPromotion/images/awards-background.png) center top no-repeat;}
.WRAPPER2 img{width:auto; height:auto; vertical-align:bottom;overflow: hidden; }	


.mainarea { position:relative; display:block; margin-bottom:70px; width:1210px; background-color:#fff; border-radius: 10px;}	
.mainarea:after  { content: ""; display:block; clear: both;}
	
/*回版頭*/
#gotop { display: none; position:fixed; z-index:5; right:20px; bottom:30px;padding:10px 10px 3px 10px; border-radius:50px; font:12px/30px Verdana; text-align:center; color:#fff;  background-color:rgba(0,0,0,0.5); cursor:pointer;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
          transition: all 0.3s ease;}
#gotop:hover { padding-top:40px;} 
#gotop::before { content: ""; position:absolute; top:7px; left:18px; width: 0; height: 0; border: 4px solid #fff; border-color: transparent transparent #fff; }
	@media screen and (max-width:767px){
		#gotop { right: 3vw; bottom: 21vw; }
	}
	
		
/*飄浮區*/
.cloudboxArea { }
.cloudboxArea .cloudbox {position:fixed; top:-110px; left:50%; margin-left:-1000px;}	
	

/*版頭*/	
.mainhead{ height:200px;}



/*選單*/
.menuArea{ width:160px; float:left; background:#fff; margin: 0 auto; border-radius: 10px;}
.menuArea .mm_dt{ display:none; padding:0 0 8%; box-sizing:border-box; }
.menuArea dl:first-child .mm_dt { display:block;top: 0;left: 25%;  padding-top: 10px;position: relative;}
.menuArea dt { display:block; width:1120px; height:70px; background:#333333; color:#FFF; text-decoration:none; font:22px/70px "微軟正黑體"; padding:0 0 0 25px; margin:0 0 2px 0; cursor:pointer; position:relative;}
.menuArea dt:hover{ background:#404040; transition:all 0.2s linear;}
.menuArea dt span{width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 10px; border-color: transparent transparent transparent #FFF; position:absolute; left:188px; top:28px; transition:all 0.2s linear;}
.menuArea dt span.off {width: 0; height: 0; border-style: solid; border-width: 10px 7px 0 7px; border-color:#FFF transparent transparent transparent; position:absolute; left:188px; top:32px;}
    @media screen and (max-width:767px){
    .menuArea dl:first-child .mm_dt { margin-bottom: 40vw;}
    }

/*選單副標*/
.menuArea dd{ border-bottom:1px solid #808080; margin:10px 25px 20px;}
.menuArea dd p.menusubtitle{ font:18px/22px "微軟正黑體"; color:#595959; }
.menuArea dd p.btn_prize { display:block;  font:18px "微軟正黑體"; color:#FFF; background:#0FA5E9; padding:0 5%; width:40%; text-decoration:none; position:relative; margin:3% 0 0 50%; cursor:pointer;}
.menuArea dd p.btn_prize .btn_open{ position:absolute; top:6px; width:14px;}
.menuArea dd p.btn_prize .on{ transform: translateX(5px);}
.menuArea dd p.btn_prize:hover{ background:#ff0000;}


/*詳情*/
.explanation{ width:870px; height:250px; float:left; background:#FFF; padding:22px 40px;}
.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: 1120px;}
table.boxA { border-bottom: none;}
table.boxB{border-top: none;}
h3{ width:100%; background:#0FA5E9; color:#FFF; text-align:center; font:bold 26px/30px "微軟正黑體"; padding:7px 0;}
h3 p{font:normal 16px/20px "微軟正黑體";}
small{font:14px/26px "微軟正黑體"; color:#333333;}
 table th:nth-child(1){ width:20%;}
 table th:nth-child(2){ width:20%;}
 table th:nth-child(3){ width:20%;}
 /*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: 20%;}
 /*table td:nth-child(4){ width:15%;}
 table td:nth-child(5){width: 15%;}
 table td:nth-child(6){width: 15%;}*/

 table th.A{ width: 15%;}
 table th.B{ width: 15%;}
 table th.C{ width: 15%;}

table th,table td{ border:1px solid #808080; text-align:center; padding:20px 18px;}
table th{font:bold 28px/22px "微軟正黑體"; color:#0FA5E9;}
table td{font:20px/32px "微軟正黑體"; color:#191717;}