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

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

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

.PC_FLOAT_CM827 .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;
}

.PC_FLOAT_CM827 .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;
}.PC_FLOAT_CM827 .close_button:hover{
	opacity: .8;
}

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

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

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

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

/* 按鈕色 */
.PC_FLOAT_CM827 .button-color{
	background: rgb(160,39,654);
	background: linear-gradient(0deg, rgba(160,39,654,1) 0%, rgba(193, 114, 255) 100%);
}
.PC_FLOAT_CM827 .button-color:hover{
	background: rgb(101,72,238);
	background: linear-gradient(180deg, rgba(160,39,654,1) 0%, rgba(193, 114, 255) 100%);
}