
/*消失區尾*/

/*MOBILE表頭尾*/
.MOBILE #float_icon, .MOBILE #header, .MOBILE .CHANG, .MOBILE .FOOT_MOBILE{ display:block;}
/*MOBILE表頭尾*/

/*消失區*/
.MOBILE #it248-wrapper #INPUT_BOX,.MOBILE .PC_LOGIN,.MOBILE .FOOT_PC, .MOBILE .PRINT_BT ,.MOBILE #it248-wrapper #watermark-wrapper ,.MOBILE .pq_REPIC{ display:none;}
.MOBILE #it248-wrapper .M_none{display: none;}
/*消失區尾*/

#GLcoupon .UC_T01{
	font-size:1.2rem;
	line-height:1.6em;
	color:#333;
	}

#GLcoupon .UC_T02{
	font-size:1.1rem;
	line-height:1.6em;
	color:#333;
	}


#GLcoupon .BLUE{ color:#009fe1;}
#GLcoupon .BLUE_LINK{ 
	color:#009fe1;
	text-decoration: underline;}
.PC #GLcoupon .BLUE_LINK{display: block;}
#GLcoupon .RED{color:#cc0000;}	
#GLcoupon p{clear: both;}
	

.PC #GLcoupon{
	background-image:url(/image/activate/card/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 #GLcoupon{
	background-image:url(/image/activate/card/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){/*手機背景*/
	#GLcoupon{background-size:80%;}}
	
#GLcoupon .W_900{
	display: block;
	width:100%;
	height:auto;
	max-width:900px;
	height:auto;
	/* overflow:hidden; */
	margin:0 auto;
	margin-top:45px;
	padding-bottom: 30px;
	}	

#GLcoupon .W_640{
	display: block;
	width:100%;
	height:auto;
	max-width:640px;
	height:auto;
	/* overflow:hidden; */
	margin:0 auto;
	margin-top:45px;
	padding-bottom: 30px;
	}	
/*表頭*/	
#GLcoupon h1{
	width:100%;
	height:0;
	padding-bottom:29.111111%;
	background-repeat:no-repeat;
	background-size:cover;
	text-indent:-9999px;
	background-image:url(/image/activate/card/images/top_index.png);
}
.MOBILE #GLcoupon h1{
	padding-bottom:34%;
	background-position: 40% 0;
}
.PC #GLcoupon h1{
	padding-bottom:34%;
	background-position: 40% 0;
}
#GLcoupon h2{
	width:100%;
	height:0;
	padding-bottom:38.28125%;
	background-repeat:no-repeat;
	background-size:cover;
	text-indent:-9999px;
	background-image:url(/image/activate/card/images/top.png);
	}
	

/*內容區*/	
#GLcoupon .W_900 .UC_BG{
	width: 100%;
	clear:both;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	background-color:#FFF;
	border: none;
	box-shadow:0px 0px 12px rgba(20%,20%,40%,0.2);
	border-radius:10px; 
	padding: 2% 0;
	box-sizing: border-box;
	}
.MOBILE #GLcoupon .W_900 .UC_BG{
		width: 99%;
		padding:0;
		padding-top: 18px;}
.PC #GLcoupon .W_900 .UC_BG{
		width: 99%;
		padding:0;
		padding-top: 18px;}
#GLcoupon .W_900 .BOXCOM{
	display: flex;
	width:96%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	padding: 1% 0;
	box-sizing: border-box;
}	
	.MOBILE #GLcoupon .W_900 .BOXCOM{
	display: block;
	padding: 0;
	}
	.PC #GLcoupon .W_900 .BOXCOM{
	display: block;
	padding: 0;
	}
	#GLcoupon .W_900 .BOXFORM{
	flex-direction: row;
	width:50%;
	height:auto;
	overflow:hidden;
	border: 2px solid #ebdbf2;
	margin: 0 1%;
	padding: 0 1%;
	align-items: center;
	}
	.MOBILE #GLcoupon .W_900 .BOXFORM{
	width:98%;
	margin: 0px auto;
	margin-bottom: 28px;
	}
		.PC #GLcoupon .W_900 .BOXFORM{
	width:98%;
	margin: 0px auto;
	margin-bottom: 28px;
	}
	#GLcoupon .W_900 .BOXFORM .title{
	width: 100%;
	height: auto;
	padding: 2% 3%;
	color: #7a2ad2;
	font-size: 1.6rem;	
	font-weight: bold;
	text-align: center;
	border-bottom: 1px dashed #e9c4f9;
	margin-bottom: 10px;
	}
	.MOBILE #GLcoupon .W_900 .BOXFORM .title{font-size: 1.8rem;	}
	#GLcoupon .W_900 .BOXFORM .ROW{
	display: flex;
	width: 96%;
	margin: 0 auto;
	height: 200px;
	overflow: hidden;
	align-items:flex-start;
	}
	.MOBILE #GLcoupon .W_900 .BOXFORM .ROW{
	height: auto;
	align-items:center;
	}

	#GLcoupon .W_900 .BOXFORM .icon{
	flex-direction: row;
	width:26%;
	height:auto;
	overflow:hidden;

	}
	#GLcoupon .W_900 .BOXFORM .icon img{
	width: 100%;
	height: auto;
	}
	#GLcoupon .W_900 .BOXFORM .coupon{
	flex-direction: row;
	margin-left: 10px;
	width:70%;
	height:auto;
	overflow:hidden;
	}
	#GLcoupon .W_900 .BOXFORM .coupon p.bar{
	display: block;
	width: 110px;
	background-color: #fdffc1;
	padding:  5px;
	color: #333333;
	font-size: 1.3rem;
	font-weight: bold;
	text-align: center;
	margin: 5px 0;
	}
	#GLcoupon .W_900 .BOXFORM .coupon ul{
	width: 100%;
    list-style: disc;
    list-style-position: outside;
    padding: 0px 0px 0px 25px;
    box-sizing: border-box;
	}
	#GLcoupon .W_900 .BOXFORM .coupon li{
	color: #333333;
	font-size: 1.2rem;
	line-height: 1.6em;
	}
	#GLcoupon .W_900 .BOXFORM .coupon li span{
	font-size: 1rem;
	color: #7c7c7c;
	}
	#GLcoupon .W_900 .BOXFORM a.BT_GO{
	display: block;
	width: 96%;
	height: 50px;
	margin: 15px auto;
	color: #FFF;
	font-size: 1.6rem;	
	line-height: 50px;
	font-weight: bold;
	border-radius: 5px;
	text-align: center;
	background-color: transparent;
	background-color: #c08ff6;
    transition: all .2s linear;
	}
	#GLcoupon .W_900 .BOXFORM a.BT_GO:hover{
		background-color: #a250ff;
	}
#GLcoupon .UC_BG{
	clear:both;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	background-color:#FFF;
	border:2px solid #ac79e1;
	border-radius:10px; 
	}
	.MOBILE #GLcoupon .UC_BG{
		width: 96%;
	}
	#GLcoupon .UC_BG .UC_COM{
		width:95%;
		height:auto;
		overflow:hidden;
		margin:0 auto;
		padding: 3% 0;
		}
	
	#GLcoupon .UC_BG .UC_BGC{
		width:100%;
		height:auto;
		overflow:hidden;
		background-color: #e6ffd0;
		color: #367300;
		padding: 2%;
		border-radius:2px;
		margin: 2% auto; 
		font-size: 1.1rem;
		}

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

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

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

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

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

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

#GLcoupon .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;}
	

#GLcoupon .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 內容*/		

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

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

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


