﻿
/*消失區*/
.PC #float_icon, .PC #header, .PC .FOOT_MOBILE {display:none;}
.MOBILE .PC_LOGIN, .MOBILE .FOOT_PC{ display:none;}
/*消失區尾*/

#UseCoupon .UC_T01{
	font-size:1.1em;
	line-height:1.6em;
	color:#333;
	}

#UseCoupon .UC_T02{
	font-size:0.9em;
	line-height:1.6em;
	color:#333;
	}
#UseCoupon .UC_T03{
	font-size:1.2em;
	line-height:1.6em;
	color:#333;
	}


#UseCoupon .BLUE{ color:#009fe1;}
#UseCoupon .RED{color:#cc0000;}	
#UseCoupon p{clear: both;}
	

.PC #UseCoupon{
	background-image:url(https://imgs.click108.com.tw/unit000/opencard/createVip/images/bg.jpg);
	background-repeat:repeat;
	background-position:top left;
	-webkit-box-sizing:border-box;
	box-sizing: border-box;
	-webkit-text-size-adjust:none;
	text-decoration:none;
	font-family:Arial, Helvetica, "微軟正黑體", sans-serif;	
	margin:0 auto;
	margin-top: -45px;	
}

.MOBILE #UseCoupon{
	background-image:url(https://imgs.click108.com.tw/unit000/opencard/createVip/images/bg.jpg);
	background-repeat:repeat;
	background-position:top left;
	-webkit-box-sizing:border-box;
	box-sizing: border-box;
	-webkit-text-size-adjust:none;
	text-decoration:none;
	font-family:Arial, Helvetica, "微軟正黑體", sans-serif;	
	margin:0 auto;
	margin-top: 45px;	
}
@media screen and (max-width:640px){/*手機背景*/
	#UseCoupon{background-size:80%;}}
	
#UseCoupon .W_640{
	display: block;
	width:100%;
	height:auto;
	max-width:640px;
	height:auto;
	/* overflow:hidden; */
	margin:0 auto;
	margin-top:45px;
	}	
/*表頭*/	
#UseCoupon h2{
	width:100%;
	height:0;
	padding-bottom:38.28125%;
	background-repeat:no-repeat;
	background-size:cover;
	text-indent:-9999px;
	background-image:url(https://imgs.click108.com.tw/unit000/opencard/createVip/images/top2.png);
	}
	

/*內容區*/		
#UseCoupon .UC_BG{
	clear:both;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	background-color:#FFF;
	border:2px solid #ac79e1;
	border-radius:10px; 
	}

	#UseCoupon .UC_BG .UC_COM{
		width:95%;
		height:auto;
		overflow:hidden;
		margin:0 auto;
		padding: 3% 0 3% 0;
		}
	
	#UseCoupon .UC_BG .UC_BGC{
		width:100%;
		height:auto;
		overflow:hidden;
		background-color: #e6ffd0;
		color: #367300;
		padding: 2%;
		border-radius:2px;
		margin: 2% auto; 
		}

	#UseCoupon .UC_BG .UC_BGC02{
		background-color: #ffdfdf;
		color: #cb0000;
		}

	#UseCoupon .UC_BG .UC_BGC03{
		background-color: #f5f5f5;
		padding: 2%;
		border-radius:10px;
		margin: 2% auto; 
		}

#UseCoupon .VER_ICON{
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	margin-bottom: -3px;
	margin-left: 5px;
}
#UseCoupon .SVC{
	width: 90px;
	height: 25px;
	margin-top:8px;
	}

#UseCoupon .IMG{
	width: 90%;
	height: auto;
	margin: 10px auto;
}
#UseCoupon .IMG img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
} 

#UseCoupon .AR_PH{
	width: 40px;
	height: 40px;
	margin: 0 auto;
}
#UseCoupon .AR_PH img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
} 

	
/*按紐*/		
#UseCoupon .e_BT{
	clear:both;
	width:100%;
	height:50px;
	margin:10px auto;
	}

#UseCoupon .e_BT a{
	display:block;
	width:100%;
	height:50px;
	font-size: 1.5em;
	color: #fff;
	font-weight:bold;
	text-align:center;
	line-height:47px;
	background-color:#bf95e8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}
	

#UseCoupon .e_T_BAR{
	width:100%;
	height:45px;
	background-color:#e4e4e4;
	line-height:45px;
	color:#333;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
	}


	
/*LIST 內容*/		

#UseCoupon .CON_P{
	width: 100%;
	height: auto;
	overflow: hidden;
}

	
#UseCoupon .NUM{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding:0 0px 0 25px;
	}

#UseCoupon .NUM li{
	list-style-type:decimal;
	font-size:1em;
	line-height:1.6em;
	color:#333;
	}	
	
#UseCoupon ul.NUM a{
	font-size:1em;
	line-height:1.6em;
	color:#3a72b8;}


