/*==========================================*/
/*============= 電腦版右側浮水印區塊 ===========*/
/*==========================================*/
#FLOAT_ADICON_u7_823{
	position: relative;
	width:200px;
	height: 240px;
	border-radius: 15px;
	position: fixed;
  top: 280px;
  right: 30px;
	z-index: 200;
	background: url(../images/float_pop.png) no-repeat top center;
	background-size: cover;
	}.MOBILE #FLOAT_ADICON_u7_823{display: none;}

#FLOAT_ADICON_u7_823 .float_container{
	width:100%;
	height: auto;
	padding:10px;
	box-sizing: border-box;
}

#FLOAT_ADICON_u7_823 .float_button{
	position: absolute;
  left: 50%;
  top: 88%;
  transform: translate(-50%, -88%);
	width:90%;
	height: auto;
	border-radius: 999px;
	overflow: hidden;
}

#FLOAT_ADICON_u7_823 .float_button a{
	display: block;
	width:100%;
	height: 45px;
	line-height: 45px;
	color: #ffffff;
	text-align: center;
	font-size:1.4rem;
	font-weight: bold;
  text-decoration: none;
}

#FLOAT_ADICON_u7_823 .close_button{
	position: absolute;
	top: 0px;
	right: 0;
	width: 40px;
	height: 40px;
	background-color: grey;
	opacity: 0.4;
	overflow: hidden;
	z-index: 100;
	border-radius: 5px;
	cursor: pointer;
}#FLOAT_ADICON_u7_823 .close_button:hover{
	opacity: .8;
}

#FLOAT_ADICON_u7_823 .close_button a{
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
}

#FLOAT_ADICON_u7_823 .close_button a::before{
	transform: rotate(45deg);
}

#FLOAT_ADICON_u7_823 .close_button a::after{
	transform: rotate(-45deg);
}

#FLOAT_ADICON_u7_823 .close_button a::before,
#FLOAT_ADICON_u7_823 .close_button a::after{
	content: "";
	position: absolute;
	top: 0;
	left: 48%;
	width: 3px;
	height: 40px;
	background-color: #ffffff;
}

/* 背景顏色：紫色 */
.bgcolor-green{
	background: rgb(0, 150, 136);
	background: linear-gradient(0deg, rgb(0, 150, 136) 0%, rgb(76 175 149) 100%);
}
.bgcolor-green:hover{
	background: rgb(0, 150, 136);
	background: linear-gradient(180deg, rgb(0, 150, 136) 0%, rgb(76 175 149) 100%);
}