
/* kv - 小尺寸時換成正方型的KV以便放主標*/

.pc{
	display:block;
}
.pc-bg-img{
	display:block;
}
.mobile-bg-img{
	display:none;
}
.mobile-bg-img{
	display:none;
}
.mobile-640{	
	display:none;
}

/*.kv-960{display:block}
.kv{display:none}
.kv-960-title{
	position:absolute;
	width:50%;	
	left:5%;
	top:15%;
}*/
/* menu */
	
#mmenu {display:none;}  /*we never use slicknav's pc menu*/
.menuPC_min_width_640{
	/*our pc menu*/
	display:block;
}
.slicknav_menu{
   /*our mobile menu*/
	display:none;
}








@media screen and (max-width:1100px) {
    /*如果使用者之視窗寬度 <= 1100px，將會再載入這裡的 CSS。    */

/*--------------------------------------
	得獎名單
--------------------------------------*/





 }



@media screen and (max-width: 960px) {
    /*如果使用者之視窗寬度 <= 960px，將會再載入這裡的 CSS。    */

/*.kv-960{display:none}
.kv{display:block}	
*/
.campaign .header_wrap{
	width:90%
}

.campaign  .prize_wrap{
	width:90%;   /*RWD*/	
	margin:0 auto;		
}
h1{	font-size:1.75em; }
h2{	font-size: 1.5em; line-height:1.75em;}
.prize_photo_item p{ display:block; height:3.5em; }



/*--------------------------------------
	得獎名單
--------------------------------------*/

.box_menu .prize_wrap {
    width: 80%;
    margin: 0 auto;
}





/*--------------------------------------
	完成任務拿e幣
--------------------------------------*/

.mission .mission_wrap{	 
	width:90%
} 
/*--------------------------------------
	累積e幣查詢
--------------------------------------*/

#form .inquery_item_id{	 
	width:100%; /*RWD*/
	margin:1% 0;
} 
#form .inquery_item_id .form_input{	 
	width:50%; /*RWD*/
} 
#form .inquery_item_birth{	 
	width:100%; /*RWD*/
	margin:1% 0;	
} 
#form .inquery_item_birth .form_input{	 
	width:50%; /*RWD*/
} 

#form .inquery_item_submit{	 
	width:20%;
	margin-top:0;
}
#form .form_submit{
	margin-top:1em;
}
/*--------------------------------------
	查詢結果
--------------------------------------*/

.mission .mission_wrap .inquery_box .inquery_result{
	width:100%;  /*RWD*/
	
	display: table;
	text-align:left;
}
/*--------------------------------------
	注意事項
--------------------------------------*/
 .announcement_wrap {
	width:90%	
	
} 
}

@media screen and (max-width: 768px) {

	
    /*如果使用者之視窗寬度 <= 768px，將會再載入這裡的 CSS。    */

    .in_title {
    font-size: 0.8em;
    color: #BE191F;
    font-weight: bold;
    padding-bottom: 10px;
    line-height: 15px;
    vertical-align: middle;
}

.pc {
    display: none;
}

.pc-bg-img{
	display:none;
}
.mobile-bg-img{
	display:block;
}
.img_minus2 {
    background: url('../images/icon_minus.png') no-repeat left center;
    background-position: 0px 36px;
}

.img_minus1 {
    background: url('../images/icon_plus.png') no-repeat left center;
    background-position: 0px 36px;
}

.img_plus1 {
    background: url('../images/icon_minus.png') no-repeat left center;
    background-position: 0px 36px;
}

.img_plus2 {
    background: url('../images/icon_plus.png') no-repeat left center;
    background-position: 0px 36px;
}

.mission {
	background: url('../images/gold_bg2.jpg') no-repeat; /*RWD*/			
	background-size:auto 100%;
background:url('../images/gold_bg2_ie8.jpg') repeat-y\0;  /*IE8*/		
	padding:20px 0;	
}

/*--------------------------------------
	得獎名單
--------------------------------------*/


img#tt_l {
    display: none;
}

.title_text {
    margin-top: 15px;
}











/*--------------------------------------
	標題字級
--------------------------------------*/
h1{	font-size:1.75em; }
h2{	font-size: 1.375em; line-height:1.75em;}
p {	font-size:1em;  line-height: 1.5em;	text-spacing:2px; }
td{  font-size:0.875em;}

/*--------------------------------------
	活動辦法
--------------------------------------*/

.campaign .prize_wrap .prize_box .prize_text{
	float:right;	
	width:75%;  /*RWD*/
	padding-top:0.5em;
}
/*--------------------------------------
	e幣更新日期
--------------------------------------*/
}

@media screen and (max-width: 640px) {
    /*如果使用者之視窗寬度 <= 640px，將會再載入這裡的 CSS。    */

.menuPC_min_width_640{
	display:none;
}
.slicknav_menu{
	display:block;
}

.pc{
	display:none;
}
.mobile-640{
	display:block;
}

.pc-bg-img{
	display: none;
}
.mobile-bg-img{
	display:block;
}
.campaign{	
	
	
	/*background-size:auto 100%;*/
/*background:url('../images/gold_bg1_ie8.jpg') repeat-y\0;  IE8*/		
	padding:20px 0;
}
.mission {
	background: url('../images/gold_bg2.jpg') no-repeat top center; /*RWD*/			
	background-size:auto 100%;
background:url('../images/gold_bg2_ie8.jpg') repeat-y\0;  /*IE8*/		
	padding:20px 0;	
}

/*RWD*/
td.col3{
	 text-align:center;
}
 td.col1, td.col2{
	 padding-left:8px;
	 padding-right:8px;
}

 th.col1 {width:30%; border-bottom:1px solid #8c8c8c; border-right:1px solid #8c8c8c; }
 th.col2 {width:40%; border-bottom:1px solid #8c8c8c; border-right:1px solid #8c8c8c;}
 th.col3 {width:30%; border-bottom:1px solid #8c8c8c;} 

 td.col1 {width:30%;   border-bottom:1px dotted #8c8c8c;  border-right:1px solid #8c8c8c;}
 td.col2 { width:40%; border-bottom:1px dotted  #8c8c8c;  border-right:1px solid #8c8c8c; }
 td.col3 {width:30%;  border-bottom:1px dotted  #8c8c8c; }
td.col3 img{
	width:1.5em; 
	height:auto; 
	margin-right:3px;
	vertical-align:middle;
}

/*--------------------------------------
	得獎名單
--------------------------------------*/

table.lato {
    border: 0px;
    width: 90%;
    margin: 0px auto;
    float:none;
}

tr.no_body {
    display: none;
}

table.lato.time_none tr:last-child {
    border: 0px;
}

/*--------------------------------------
	標題字級
--------------------------------------*/
h1{	font-size:1.375em; }
h2{	font-size:1.125em; line-height:1.75em;}
p {	font-size:1.2em;  line-height: 1.5em;	text-spacing:2px; }
 .campaign .prize_wrap .prize_photo_box .prize_photo_item h3{	 	
	font-size:1em;	
	margin: 0.2em 0 0.2em 0;
}               
.prize_photo_item p{ display:block; height:4.2em; }
.prize_photo_box p{ font-size:0.812em;}
.prize_photo_box span{ font-size:0.875em;}
.note_box h3{
	font-size:1em;
	font-weight:bold;
	margin-top:1em;
	line-height:1.5em;

}
/*--------------------------------------
	e幣更新日期
--------------------------------------*/
.edata_table1{ 	
	width:100%; 	
}
.edata_table2{ 
	width:100%; 
}

.edata_table2 li:first-child{
	display:none;
}
.edata_list li span:first-child{		
	width:35%;
	float:left;	
	text-align:center;	
}
.edata_list li span.sec_child{	
	float:left;	
	width:10%;	
	text-align:center;

}

/*--------------------------------------
	活動辦法
--------------------------------------*/

.campaign .prize_wrap .line_box{
	width:100%;		
	height:3px;
	background:#c4b488;/**/
	margin:20px auto;	
}
.campaign .prize_wrap .prize_box{
	width:100%;
	margin:10px auto;
	/*background:#Fff;/**/	
}
.campaign .prize_wrap .prize_box .prize_item{

	width:100%; /*RWD*/
	text-align:center;
}

.campaign .prize_wrap .prize_box .prize_text{
	width:100%; /*RWD*/
	text-align:justify;
}

.campaign .prize_wrap .prize_note_box h2 img{	 
	vertical-align:middle;
	margin-right:0.5em; 	
}
/*--------------note_box-------------------*/
.note_box img{
	vertical-align:middle;/**/
	margin-right:0.2em;
	width:1.1em;
	height:auto:
}

.note_box h3{
	font-size:1em;
	font-weight:bold;
	line-height:2.5em;
}
.note_box p{	
}
/*--------------------------------------
	累積e幣查詢
--------------------------------------*/


#form .inquery_item_id .form_input{	 
	width:100%; /*RWD*/
} 
#form .inquery_item_birth .form_input{	 
	width:100%; /*RWD*/
}
#form .inquery_item_submit{	 

	width:30%;

} 
/*--------------------------------------
	查詢結果
--------------------------------------*/
.mission .mission_wrap .inquery_box .inquery_result img{
	margin:0 0px;
	vertical-align:middle;
}

/*--------------table-------------------*/

}

@media screen and (max-width: 480px) {
    /*如果使用者之裝置寬度 <= 480px，將會再載入這裡的 CSS。 */
/*	
.kv img{
	width:100%;
	height:auto;
}
.kv .kv_title{
	right: 10%;
	top: 10%;
	width: 90%;
	height: 50%;
}
.kv .kv_title h1{	
	font-size: 1.785em;	
}
.kv .kv_title h2{	
	font-size: 1em;
}
*/


 .campaign .prize_wrap .prize_photo_box .prize_photo_item p{	 	
	font-size:0.75em;	

}  
.note_box h3{
	font-size:0.9em;
}


 .campaign .inquery_wrap .inquery_box .inquery_result{
	width:100%;
	height:auto;
 }
 .campaign .mission_wrap .mission_box .mission_item ul li > img{	
 /*only for icon*/ 
	vertical-align:middle;
	margin: 0 10px 0 10px;
}
 .campaign .mission_wrap .mission_box .mission_item ul li span.emoney_one{	 
	width:20%; /**/
	margin-top:10px;
}
 .campaign .mission_wrap .mission_box .mission_item ul li span.emoney_three{	 
	width:30%; /**/
	margin-top:10px;
}

 .campaign .mission_wrap .mission_box .mission_item ul li span img{	
 /*only for emoney*/ 
width:20px;
height:auto;
}

}

@media screen and (max-width: 320px) {
    /*如果使用者之裝置寬度 <= 320px，將會再載入這裡的 CSS。 */

}