/* CSS Document */
@import url("reset.css");
body{
	box-sizing:border-box;
	font-family: "微軟正黑體", Arial, Helvetica,sans-serif;}
a{text-decoration: none;}
hr{height:1px;border: none; background-color: #e0e0e0;}
/*==========================PC版型區============================*/

#M204 .RED{
	color: #d93434;
	}
#M204 .PURPLE{
	color: #a669b8;
	}


/*算什麼東西影片區塊*/
.VIDEO_BG{
	width:100%;
	margin:0 auto;
	padding: 2% 0;}

	.VIDEO_BG::after{
		display: block;
		content: '';
		width: 100%;
		height: 20px;
	}

	.VIDEO{
	width:100%;
	height:0;
	padding-bottom:56.25%;
	position:relative;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}

	.VIDEO iframe{
	width:100%;
	height:100%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position:absolute;
	left:0;
	top:0;}

#M204 .CB_CON .FEEDBACK{/*網友推薦*/
	width:100%;
	height:300px;
	padding: 2%;
}
/*區塊尾*/



#M204 .TWO_BOX .T_BG_Y{
	background-color: #f1ab40;
}
#M204 .TWO_BOX .T_BG_O{
	background-color: #f18740;
}


	.PMember_buy_frame .BAR_OP .TIT a:hover{
		background-color: #fff;
	}

.PMember_buy_frame .BAR_OP .BOXFORM{
	height:100%;
	overflow:hidden;
	background-color:#FFFFFF;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	padding:10px 20px;
	}
	.PMember_buy_frame .BAR_OP .BOXFORM a.LINK_FRAME{
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
	}
/*擴文字樣式*/
a.PMember_link1{
	color:#0084ff;
	FONT-SIZE: 10pt;
	line-height: 28px;
}
a.PMember_link1:hover {
	COLOR: #3366cc;
}
.M_ACT_t01{
	font-size:1.1rem;
	line-height:2em;
	color:#333;
	}
.M_ACT_t02{
	font-size:1.1rem;
	line-height:1.6em;
	color:#333;
	}

.M_ACT_t03{
	font-size:1.5rem;
	line-height:1.4em;
	}
.M_ACT_t04{
	font-size:1.2rem;
	color:#000;
	font-weight:bold;
	}
.M_ACT_t05{/*價格線適用*/
	font-size:1.2rem;
	line-height:1.6em;
	color:#333;
	font-weight:bold;
	text-decoration:line-through;
	}
.M_ACT_t05_s{/*價格線適用*/
	font-size:0.9rem;
	line-height:1.6em;
	color:#333;
	font-weight:bold;
	text-decoration:line-through;
	}
.M_ACT_t06{
	font-size:0.9rem;
	line-height:1.6em;
	color:#333;
	}

.M_ACT_RED{
	color:#CC0000;
	}
.M_ACT_BLUE{
	color:#006fe1;
	}
.M_ACT_t09{/*按鈕用*/
	font-size:1.5em;
	line-height:1.2em;
	font-weight:bold;
	color:#fff;
	}
.M_ACT_t09_s{/*按鈕用*/
	font-size:0.8em;
	color:#ffda68;
	}
.PMember_buy_frame .BT04 a{
		clear:both;
		display:block;
		width:100%;
		height:40px;
		line-height:40px;
		font-size:1.2rem;
		text-align: center;
		margin: 10px auto;
		font-weight:bold;
		text-decoration: none;
		}
.PMember_buy_frame a.BT_COLOR07{
	color:#fff;
	background-color:#ea0000;
	border:1px solid #b80101;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.PMember_buy_frame a.BT_COLOR07:hover{
	background-color:#fe1111;
}

/*LIST 內容*/
.PMember_buy_frame .CON_P{
	margin-bottom: 5px;
}
.PMember_buy_frame .CON_P li{
	list-style-type:disc;
	font-size:1rem;
	line-height:1.6em;
	color:#333;
	margin-left:22px;
	margin-top: 3px;
	}

/*加入白金列表 END*/
/*QA*/


#M204 .BAR_OP .OPENBOX{
	width: 98%;
	height:100%;
	overflow:hidden;
	background-color:#FFFFFF;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	padding:10px;
	margin: 0 auto;
	}

	#M204 .BAR_OP .radio label{
		padding-top:0px;/*文字上方離框框距離*/
		}
#M204 .BT03 a{
	display:block;
	width:100%;
	height:60px;
	font-size:1.3em;
	line-height:60px;
	font-weight:bold;
	}

#M204 a.BT_COLOR02{
	color:#fff;
	border:1px solid #3064bb;
	background: -moz-linear-gradient(
		top,
		#528cef 0%,
		#3d73ce);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#528cef),
		to(#3d73ce));
}
	#M204 a.BT_COLOR02:hover{
		background: -moz-linear-gradient(
			top,
			#3d73ce 0%,
			#528cef);
		background: -webkit-gradient(
			linear, left top, left bottom,
			from(#3d73ce),
			to(#528cef));
	}

#M204 .BT_ICON{
	float:left;
	width:30px;
	height:30px;
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:center center;
	margin-right:8px;
	margin-top:12px;
	background-image: url(../images/pen_icon.png);
	}
#M204 .BT05 a{
	clear:both;
	display:block;
	width:40%;
	height:40px;
	line-height:40px;
	font-size:1em;
	text-align: center;
	margin: 10px auto;
	font-weight:bold;
	}


#M204 a.BT_COLOR{
	border:1px solid #a027fe;
	background: #cc66ff; /* Old browsers */
	background: -webkit-linear-gradient(#cc66ff 0%, #a027fe 100%);
	background: -o-linear-gradient(#cc66ff 0%, #a027fe 100%);
	background: linear-gradient(#cc66ff 0%, #a027fe 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc66ff', endColorstr='#a027fe',GradientType=0 ); /* IE6-9 */
}


#M204-wrapper a.BT_COLOR05{
	color:#fff;
	text-align:center;
	margin:0 auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #3064bb;
	background-color:#528cef;
}
	#M204-wrapper a.BT_COLOR05:hover{
		background-color:#629afa;
	}
#M204-wrapper a.BT_COLOR06{
	color:#fff;
	border:1px solid #a027fe;
	background: #cc66ff; /* Old browsers */
	background: -webkit-linear-gradient(#cc66ff 0%, #a027fe 100%);
	background: -o-linear-gradient(#cc66ff 0%, #a027fe 100%);
	background: linear-gradient(#cc66ff 0%, #a027fe 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc66ff', endColorstr='#a027fe',GradientType=0 ); /* IE6-9 */
}
	#M204-wrapper a.BT_COLOR06:hover{
	background: #a027fe; /* Old browsers */
	background: -webkit-linear-gradient(#a027fe 0%, #cc66ff 100%);
	background: -o-linear-gradient(#a027fe 0%, #cc66ff 100%);
	background: linear-gradient(#a027fe 0%, #cc66ff 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a027fe', endColorstr='#cc66ff',GradientType=0 ); /* IE6-9 */
	}

/*=====================手機版型區===========================*/
.MOBILE .PC_LOGIN, .MOBILE .FOOT_PC, .MOBILE .WATERMARK, .MOBILE .MB_CLOSE{ display:none;}
/*MOBILE表頭尾*/
.MOBILE #float_icon, .MOBILE #header, .MOBILE .FOOT_MOBILE{ display:block;}
/*MOBILE表頭尾*/
.MOBILE .BLANK{margin: 10px;}
.MOBILE #float_icon .BACK_top{
	bottom: 80px;
}
/*font*/
.MOBILE #M204 .txt1{
	font-size: 1.3em;
	color: #666;
	line-height: 1.5em;
	}

.MOBILE #M204 .txt2{
	font-size: 1.2em;
	color: #333;
	line-height: 1.6em;
	}

.MOBILE #M204 .txt3{
font-size: 1.1em;
color: #454545;
line-height: 1.6em;
}

.MOBILE #M204 .txt4{
	font-size: 1em;
	color: #666666;
	line-height: 1.6em;
	}
.MOBILE #M204 .RED{
	color: #d93434;
	}

/*框架*/
.MOBILE #M204{
	width:100%;
	height: auto;
	overflow: hidden;
	background-color: #f9f0e4;
	}

/*TOP*/
.MOBILE #M204 .TOP{
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: #f9f1e5;
	background-image:url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size:cover;
	margin: 0 auto;
	margin-top: 45px;
}

.MOBILE #M204 .TOP h1{
	width: 100%;
	height: 0;
	padding-bottom: 50%;
	background-image:url(../images/title_top.png);
	/* background-position:5px center; */
	background-size: cover;
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin: 0 auto;}

.MOBILE #M204 .TOP .C_SAM{
	width: 100%;
	height: 0;
	padding-bottom: 44.44444444%;
	background-image:url(../images/title_new.png);
	background-size: cover;
	margin: 0 auto;
	}


/*MENU選單*/
.MOBILE #M204 .LM_MENU{
	display: block;
	width: 100%;
	/* height:55px; */
	background-color: #d89f90;
}

	.MOBILE #M204 .LM_MENU02{
		position:fixed;
		left:0;
		top:0;
		z-index:999;
		margin-top: 45px;
		filter: url(drop-shadow.svg#drop-shadow);
		filter: drop-shadow(2px 2px 3px rgba(0,0,0,.2));
	}
.MOBILE #M204 .LM_MENU .PRE{
	display: block;
	float: left;
	width: 6%;
	height: 55px;
	margin: 0 2px;
	background-image:url(../images/pre.png);
	background-size: auto 60%;
	background-repeat: no-repeat;
	background-position: center center;
}
.MOBILE #M204 .LM_MENU .NEX{
	display: block;
	float: right;
	width: 6%;
	height: 55px;
	margin: 0 2px;
	background-image:url(../images/next.png);
	background-size: auto 60%;
	background-repeat: no-repeat;
	background-position: center center;
}
.MOBILE #M204 .LM_MENU .MENU{
	float: left;
	width: 85%;
	/* height:55px; */
	padding: 0 1%;
	overflow: hidden;
	margin: 0 auto;
}
.MOBILE #M204 .LM_MENU ul{
	width:506px;
	margin:0 auto;
}
.MOBILE #M204 .LM_MENU li{
	float:left;
	width:100px;
	/* height:55px; */
	border-right:1px solid #c18c7e;
	padding: 0 2px;
}
	.MOBILE #M204 .LM_MENU li:nth-child(5){
		border-right:none;
	}

	.MOBILE #M204 .LM_MENU li.LINK{
		height:55px;
		text-align: center;
		color:#505050;
		font-size: 1.3em;
		line-height: 55px;
		background-color: #ffdfcc;
}
.MOBILE #M204 .LM_MENU li a{
	display: block;
	width:100%;
	/* height:55px; */
	text-align: center;
	color:#fff;
	font-size: 1.3em;
	/* line-height: 55px; */
}

/*MENU選單結束*/


/*區塊*/
.MOBILE #M204 .CON_IN{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.MOBILE #M204 .BOX{
	width: 96%;
	height: auto;
	overflow: hidden;
	border-radius:10px;
	background-color: #fff;
	margin: 10px auto;
	border: 1px solid #edc6b0;

}
	.MOBILE #M204 .BOX_TIT{
		width: 100%;
		height: auto;
		overflow: hidden;
		text-align: center;
		color: #454545;
		font-size: 1.5em;
		line-height: 1.2em;
		padding: 10px 0;
		background-color: #ffdfcc;
		font-weight: bold;
	}
.MOBILE #M204 .CB_CON{
	width:96%;
	height: auto;
	overflow: hidden;
	margin: 10px auto;
}

.MOBILE #M204 .CB_CON img{
	width:100%;
	height:auto;
	margin: 0 auto;
}
.MOBILE #M204 .CB_CON .VIP_CON{
	width: 100%;
	height: auto;
	overflow: hidden;
	clear: both;
	margin: 8px auto;
	padding-bottom: 8px;
}
.MOBILE #M204 .CB_CON .VIP_CON .TITLE{
	width: 100%;
	height: 55px;
	overflow: hidden;
	background-color: #f0e2ff;
	color: #454545;
	font-size: 1.35rem;
	line-height: 55px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}
.MOBILE #M204 .CB_CON .VIP_CON .TITLE span{
	display: inline;
	border: 1px solid #ad3cff;
	padding: 3px 6px;
	border-radius: 50px;
	color: #ad3cff;
	margin-right: 6px;
}
.MOBILE #M204 .CB_CON .VIP_PARENT{
	width: 100%;
	height: auto;
	overflow: hidden;
	clear: both;
	margin: 0px auto;
	padding-bottom: 10px;
}
.MOBILE #M204 .CB_CON .VIP_PARENT .TITLE{
	width: 100%;
	height: 46px;
	overflow: hidden;
	color: #f57f00;
	font-size: 1.4rem;
	line-height: 46px;
	text-align: center;
	font-weight: bold;
}

.MOBILE #M204 .CB_CON .VIP_SALS{
	width: 100%;
	height: auto;
	overflow: hidden;
	clear: both;
	margin: 5px auto;
	padding-bottom: 0px;
}
.MOBILE #M204 .CB_CON .VIP_SALS .TITLE{
	width: 100%;
	height: 55px;
	overflow: hidden;
	color: #3c91a6;
	font-size: 1.4rem;
	line-height: 55px;
	text-align: center;
	font-weight: bold;
}

.MOBILE ul.pq_INFOR2 {
	width:100%;
	height: auto;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content:center;
	justify-content: center;
	margin:10px auto; }
.MOBILE ul.pq_INFOR2 li{
	display: block;
	width:42%;
	height: auto;
	text-align:center;
	background-color: #fffbef;
	box-shadow:inset 0px 0px 15px 5px #ffe7a9;
	color: #333333;
	font-size: 1.4rem;
	padding:20px 10px;
	border-radius: 15px;}
	.MOBILE ul.pq_INFOR2 li.SA{
	background-color: #effdff;
	box-shadow:inset 0px 0px 15px 5px #c4f0fa;
	}
.MOBILE ul.pq_INFOR2 li:nth-child(2){
	width:10%;
	background: none;
	box-shadow:none;
	color: #666666;
	font-size: 2.5rem;
	height: auto;
	margin: 10px 5px 10px 1px;}

.MOBILE #M204 .CB_CON .INFO{
	text-align: center;
	margin: 10px auto 15px auto;
	overflow: hidden;
	clear: both;}

.MOBILE #M204 .CB_CON .INFO span.LEFT{
	display: inline-block;
	border-radius: 50px;
	border: 2px solid #f68500;
	padding: 0 10px;
	margin: 5px 2px;
	font-size: 1.4rem;
	color: #f68500;
	font-weight: bold;}

.MOBILE #M204 .CB_CON ul.SHIP4{
	display: block;
	width: 78%;
	max-width: 300px;
	margin: 0 auto;
	overflow: hidden;
	clear: both;
}
.MOBILE #M204 .CB_CON ul.SHIP4 li{
	margin-bottom: 5px;}
	.MOBILE #M204 .CB_CON ul.SHIP4 li:nth-of-type(3){
		margin-bottom: 0;}
/*區塊尾*/


/*命運表格*/
.MOBILE #M204 .PV_BOARD{
    width: 100%;
    margin: 10px auto;
    overflow: hidden;
	box-sizing: border-box;
	border-radius: 15px;
	padding-bottom: 8px;
	border: 1px solid #ffe4bc;
	background-color: #fff;
}
.MOBILE #M204 .TWO_BOX{
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.MOBILE #M204 .TWO_BOX ul{
	display: block;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.MOBILE #M204 .TWO_BOX li.X{
	width: 24px;
	height: 24px;
	position: absolute;
	background-image:url(../images/X.png);
	background-size: cover;
	top: 26%;
	left: 47%;
}
.MOBILE #M204 .TWO_BOX li.BAR1{
	float: left;
	height: 50px;
	width: 50%;
	box-sizing: border-box;
}
.MOBILE #M204 .TWO_BOX .T_ONE2 li{
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 1.7rem;
	font-weight: bold;
}

.MOBILE #M204 .TWO_BOX li.BAR2{
	float: left;
	height: 40px;
	width: 50%;
	box-sizing: border-box;
}
.MOBILE #M204 .TWO_BOX .T_TWO1{
	height: 40px;
	line-height: 40px;
	margin-left: 12px;
	box-sizing: border-box;
}

.MOBILE #M204 .TWO_BOX .T_TWO1 li{
	float: left;
	width: 100%;
	color: #4c4948;
	font-size:1.1rem;
	font-weight: bold;
}
.MOBILE #M204 .TWO_BOX .T_TWO1 li span{
	display: none;}
.MOBILE #M204 .TWO_BOX .T_TWO1 li::before{
	content: '◆';
	display: inline-block;
	margin-right: 5px;
	font-size: 0.8rem;
	color: #f1ab40;}
.MOBILE #M204 .TWO_BOX ul>li:nth-child(2){
	border-right: none;
}
/*命運表格結束*/
/*親子專區表格*/
.MOBILE #M204 .PA_BOARD{
    width: 96%;
    margin: 20px auto;
    overflow: hidden;
	box-sizing: border-box;
	border-radius: 15px;
	border: 1px solid #ffe4bc;
}
.MOBILE #M204 .PA_BOARD .TWO_BOX{
	width: 100%;
	height: auto;
	margin: 0 auto;
	border-top: 1px solid #ffe4bc;
	background-color: #fffbef;
}

.MOBILE #M204 .PA_BOARD .TWO_BOX ul{
	display: block;
	overflow: hidden;
}
.MOBILE #M204 .PA_BOARD .TWO_BOX li.BAR{
	width: 100%;
	height: 45px;
	box-sizing: border-box;
	background-color: #f1ab40;
	font-size: 1.5rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 45px;
}
.MOBILE #M204 .PA_BOARD .TWO_BOX li.BAR1{
	float: left;
	height: 100%;
	overflow: hidden;
	width: 30%;
	line-height: 50px;
	box-sizing: border-box;
}
.MOBILE #M204 .PA_BOARD .TWO_BOX li.BAR2{
	float: left;
	height: auto;
	overflow: hidden;
	width: 70%;
	box-sizing: border-box;
	border-left: 1px solid #ffe4bc;
}
.MOBILE #M204 .PA_BOARD .TWO_BOX li.BAR2 .P_TWO1{
	text-align: left;
	font-weight: normal;
}
.MOBILE #M204 .PA_BOARD .TWO_BOX .P_TWO1{
	height: auto;
	overflow: hidden;
	text-align: center;
	box-sizing: border-box;
	padding: 8px;
}

.MOBILE #M204 .PA_BOARD .TWO_BOX .P_TWO1 li{
	float: left;
	text-align: left;
	width: 100%;
	color: #4c4948;
	font-size:1.1rem;
	line-height: 1.4em;
	height: 100%;
	overflow: hidden;
}
/*業務專區表格*/
.MOBILE #M204 .SA_BOARD{
    width: 96%;
    margin: 20px auto;
    overflow: hidden;
	box-sizing: border-box;
	border-radius: 15px;
	border: 1px solid #c5e9f9;
}
.MOBILE #M204 .SA_BOARD .TWO_BOX{
	width: 100%;
	height: auto;
	margin: 0 auto;
	border-top: 1px solid #c5e9f9;
	background-color: #effdff;
}

.MOBILE #M204 .SA_BOARD .TWO_BOX ul{
	display: block;
	overflow: hidden;
}
.MOBILE #M204 .SA_BOARD .TWO_BOX li.BAR{
	width: 100%;
	height: 45px;
	box-sizing: border-box;
	background-color: #58bedb;
	font-size: 1.5rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 45px;
}
.MOBILE #M204 .SA_BOARD .TWO_BOX li.BAR1{
	float: left;
	height: 100%;
	overflow: hidden;
	width: 30%;
	line-height: 50px;
	box-sizing: border-box;
	border-right: 1px solid #c5e9f9;
}
.MOBILE #M204 .SA_BOARD .TWO_BOX li.BAR2{
	float: left;
	height: auto;
	overflow: hidden;
	width: 70%;
	box-sizing: border-box;
}
.MOBILE #M204 .SA_BOARD .TWO_BOX li.BAR2 .P_TWO1{
	text-align: left;
	font-weight: normal;
}
.MOBILE #M204 .SA_BOARD .TWO_BOX .P_TWO1{
	height: auto;
	overflow: hidden;
	text-align: center;
	box-sizing: border-box;
	padding: 8px;
}

.MOBILE #M204 .SA_BOARD .TWO_BOX .P_TWO1 li{
	float: left;
	text-align: left;
	width: 100%;
	color: #4c4948;
	font-size:1.1rem;
	line-height: 1.4em;
	height: 100%;
	overflow: hidden;
}
/*新加入白金與續約方案0420*/
.MOBILE #M204 .PMember_buy_frame {
    width: 98%;
    margin: 10px auto;
}
/*選單*/
.MOBILE #M204 .PMember_buy_frame .BAR_OP{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0px auto 20px auto;
	border: 1px solid #b5b5b5;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	}
.MOBILE #M204 .PMember_buy_frame .LOGOM{
	display: block;
	float: left;
	font-size: 1rem;
	line-height:1.1rem;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	padding: 3px 5px;
	margin: 3px 5px 0 0;
	border-radius: 20px;
	background-color:#CC0000;
}


.MOBILE #M204 .PMember_buy_frame .BAR_OP .TIT{
	display:block;
	width:100%;
	height:auto;
	overflow: hidden;
	line-height:40px;
	background-color:#ffd156;
	padding-left:10px;
	position: relative;
	}
	.MOBILE #M204 .PMember_buy_frame .BAR_OP .TIT_2{
		background-color:#caeef0;
		line-height:1.7em;
		padding: 5px 0 5px 8px;
		}
	.MOBILE #M204 .PMember_buy_frame .BAR_OP .TIT_3{
		background-color:#d9ebc5;
		line-height:1.7em;
		padding: 5px 0 5px 8px;

		}

.MOBILE #M204 .PMember_buy_frame .BAR_OP .TIT a{
	display: block;
	position: absolute;
	height: 25px;
	padding: 0 5px;
	border: 1px solid #b5b5b5;
	background-color: rgba(255,255,255,0.8);
	right: 3%;
	bottom: 8px;
	font-size: 0.9rem;
	line-height: 25px;
	color: #666;
	text-decoration: none;
	border-radius: 5px;
	}
.MOBILE .PMember_buy_frame .BAR_OP .BOXFORM{
	height:100%;
	overflow:hidden;
	background-color:#FFFFFF;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	padding:10px 10px;
	}


/*QA*/
.MOBILE #M204 .QA_BOX{
	width: 96%;
	height: auto;
	overflow: hidden;
	margin: 0 auto 15px auto;
}
.MOBILE #M204 .QA_BOX .TITLE{
	width: 100%;
	height: auto;
	font-size: 1.3rem;
	color: #454545;
	background-color: #fde2d2;
	padding: 10px 14% 10px 5%;
	overflow: hidden;
	position: relative;
}
.MOBILE #M204 .QA_BOX .TITLE .X_OP{
	position: absolute;
	width: 30px;
	height: 30px;
	background-image: url(../images/X_qa.png);
	background-size: cover;
	right: 3%;
	top: 20%;
}
.MOBILE #M204 .QA_BOX .TITLE .X_CL{
	position: absolute;
	width: 30px;
	height: 30px;
	background-image: url(../images/X_qa_cl.png);
	background-size: cover;
	right: 3%;
	top: 20%;
}
.MOBILE #M204 .QA_BOX .CONTENT{
	width: 100%;
	height: auto;
	font-size: 1.1rem;
	line-height: 1.6em;
	color: #454545;
	background-color: #ffefe5;
	padding: 5px 20px;
	overflow: hidden;
	margin-top: 1px;
}
.MOBILE #M204 .QA_BOX .CONTENT p{margin: 8px 0;}
.MOBILE #M204 .QA_BOX .CONTENT a{color: #3366cc; text-decoration:underline;}


/*開合選單*/
.MOBILE #M204 .BAR_OP{
	width:96%;
	height:100%;
	overflow:hidden;
	margin:20px auto;
	border: 1px solid #b5b5b5;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	}
	.MOBILE #M204 .BAR_OP .OPENBOX{padding:8px;}
/*按鈕*/
.MOBILE #M204 .LM_BT{
	width: 80%;
	height: 55px;
	margin: 10px auto 20px auto;
}

.MOBILE #M204 .LM_BT a{
	display: block;
	width: 100%;
	height: 55px;
	margin: 0 auto;
	text-align: center;
	border-radius:5px;
	color: #fff;
	font-size: 1.5em;
	line-height: 55px;
	font-weight: bold;
}


.MOBILE #M204 .BT_B{
	color: #fff;
	font-size: 1.5em;
	line-height: 1.5em;
}

/*置底按鈕*/
.MOBILE #M204-wrapper .BT_F{/*浮水按鈕*/
	width:100%;
	height:60px;
	position:fixed;
	bottom:0;
	z-index:1000;
	background-image:url(../images/bt_bg.png);
	background-repeat:repeat-x;
	background-size:15px 60px;
	padding-top:5px;
	}

.MOBILE #M204-wrapper .BT_F ul{
	width:96%;
	height:50px;
	margin:0 auto;}
.MOBILE #M204-wrapper .BT_F li{
	float:left;
	width:50%;
	margin:0 auto;}

.MOBILE #M204-wrapper .BT_F li a{
	display:block;
	width:95%;
	margin:0 auto;
	height:50px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
	font-weight:bold;}

.MOBILE #M204-wrapper .BT_F li a.LEFT{
	color:#fff;
	font-size:1em;
	line-height:1.4em;
	padding-top:4px;}
.MOBILE #M204-wrapper .BT_F li a.RIGHT{
	color:#fff;
	font-size:1.5em;
	line-height:50px;
}

.MOBILE #M204 .TOP{
  margin-top: 0 !important;
  }
  .active{
  background-color: #ffdfcc !important;
  }
  .active > a{
  color: #505050 !important;
  }
  .MOBILE #nextBtn {
  background-image: url(../images/next.png) !important;
  }
  .MOBILE #prevBtn{
  background-image: url(../images/pre.png) !important;
  }
  .MOBILE #M204 .LM_MENU .MENU {
  float: none;
  }
  .MOBILE #navbar ul {
  height: auto !important;
  }
  .MOBILE #M204 .LM_MENU li a {
    line-height: 45px !important;
  }
 
      a.BT_COLOR02:hover{
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3d73ce+0,528cef+100 */
        background: #3d73ce; /* Old browsers */
        background: -moz-linear-gradient(top,  #3d73ce 0%, #528cef 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #3d73ce 0%,#528cef 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #3d73ce 0%,#528cef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d73ce', endColorstr='#528cef',GradientType=0 ); /* IE6-9 */
      }
      a.BT_COLOR02{
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#528cef+0,3d73ce+100 */
        background: #528cef; /* Old browsers */
        background: -moz-linear-gradient(top,  #528cef 0%, #3d73ce 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #528cef 0%,#3d73ce 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #528cef 0%,#3d73ce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#528cef', endColorstr='#3d73ce',GradientType=0 ); /* IE6-9 */
      }
@media screen and (max-width:376px){/*for i6*/
	.MOBILE #M204 .TWO_BOX .T_TWO1 li{
		font-size:1rem;}
}
@media screen and (max-width:330px){/*for i5*/
	.MOBILE #M204 .CB_CON .VIP_SALS .TITLE{
		font-size: 1.2rem;}
	.MOBILE #M204 .TWO_BOX .T_TWO1 li{
		font-size: 0.9rem;}
	.MOBILE #M204 .TWO_BOX .T_TWO1{
		margin-left: 5px;}
}

@media screen and (min-width:568px){/*for橫螢幕*/
	.MOBILE #M204 .TWO_BOX li.X{
	left: 50%;}
}

/*========================== 調整標題樣式 - 全新改版 ============================*/

.MOBILE #M204 .CB_CON .VIP_CON .TITLE span.NEW_TIPS{
    color: #ffffff;
    background-color: #ad3cff;
}
.PC #M204 .CB_CON .VIP_CON .TITLE span.NEW_TIPS{
    color: #ffffff;
    background-color: #ad3cff;
}
/*========================== 調整標題樣式 - 全新改版 尾============================*/

/*========================== 新增列表介紹 ============================*/

#M204 .INTRO_LIST{/*列表框架*/
	width: 88%;
    height: auto;
    margin: 0 auto;
	}
	.MOBILE #M204 .INTRO_LIST{
		width: 96%;
	}
	#M204 .INTRO_LIST ul{
	    display: block;
	    position: relative;
		}
		#M204 .INTRO_LIST li{
		    display: inline-flex;
		    flex-direction: row;
		    flex-wrap: nowrap;
		    justify-content: flex-start;
		    align-items: flex-start;
			}

	#M204 .LIST_DIAMOND{/*菱形*/
		display: flex;
	    flex-shrink: 0;
	    width: 14px;
	    height: 14px;
	    /*border-radius: 50px;*/
	    transform: rotate(45deg);
	    background-color: #a669b8;
	    position: relative;
	    margin-right: 12px;
	    margin-left: 4px;
	    margin-top: 16px;
	    margin-bottom: 12px;
		}
		.MOBILE #M204 .LIST_DIAMOND{
			width: 8px;
		    height: 8px;
		    margin-top: 10.5px;
		    margin-right: 8px;
		}

#M204 .INTRO_LIST span{/*重點字*/
	color: #8c36a6;
}
/*========================== 新增列表介紹 尾 ============================*/

/* cyl 到此一遊 20200820 */

/* cyl 到此一遊 20200820 */
/*========================== 新增列表介紹 ============================*/

#M204 .INTRO_BOX{/*列表框架*/
	width: 88%;
    height: auto;
    margin: 10px auto;
	}
	.MOBILE #M204 .INTRO_BOX{
		width: 96%;
	}
/*========================== 新增列表介紹 尾 ============================*/
/*========================== 新增流年介紹  ============================*/

.MOBILE #M204 .ZIWEI_BOX{
    width: 100%;
    margin: 0 auto 12px auto
}
#M204 .REC_TOP{
    width: 100%;
    height: auto;
    margin: 0 auto 20px auto;
	}
	.MOBILE #M204 .REC_TOP{margin-bottom: 8px;}
	#M204 .REC_CON .ziwei_sign_ph {
	    position: relative;
	    width: 80%;
	    height: 0;
	    padding-bottom: 52%;
	    background-image: url(../images/2022-00041/ziwei_02.png);
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position: top center;
	    position: relative;
	    margin: 16px auto 8px auto;
	}
	#M204 .REC_CON .ziwei_sign_ph .R_WORDS {
	    position: absolute;
	    width: 50%;
	    height: auto;
	    overflow: hidden;
	    top: 35%;
	    right: 8%;
	}
	#M204 .REC_CON .ziwei_sign_ph .R_WORDS img{
		display: block;
	    width: 47%;
	    margin: 0 auto;
	    clear: both;
	}

	#M204 .REC_CON .ziwei_txt{
		display: block;
		width: 90%;
		margin: 0 auto;
		}
		.MOBILE #M204 .REC_CON .ziwei_txt{width: 100%;}
		#M204 .REC_CON .ziwei_txt .txtbar01{
			width: 100%;
		    height: auto;
		    border-left: 8px solid #b45900;
		    line-height: 25px;
		    text-indent: 8px;
		    margin-left: 2%;
		    box-sizing: border-box;
			}
			.MOBILE #M204 .REC_CON .ziwei_txt .txtbar01{
			    height: 30px;
			    border-left: 5px solid #b45900;
			}
		#M204 .REC_CON .ziwei_txt .txtbar01 p{
		    font-size: 1.6rem;
		    color: #666;
		    line-height: 1.6;
		    font-weight: bold;
		    text-align: left;
			}
			.MOBILE #M204 .REC_CON .ziwei_txt .txtbar01 p{
				font-size: 1.2em;
	    		line-height: 1.7em;
			}
		#M204 .REC_CON .ziwei_txt .TXT_BOX{
		    width: auto;
		    height: auto;
		    overflow: hidden;
		    padding: 0 4%;
		    font-size: 1.3em;
		    line-height: 1.6;
		    color: #666;
		    text-align: left;
		    margin-bottom: 12px;
			}
			.MOBILE #M204 .REC_CON .ziwei_txt .TXT_BOX{
				font-size: 1.1em;
    			line-height: 1.7em;
			}

	#M204 .REC_CON .VIDEO{
		width: 90%;
		margin: 0 auto;
	}
	#M204 .REC_CON .VIDEO_BG::after{height: 0;}
/*========================== 新增流年介紹 尾 ============================*/

/*========================== 新增人際互動分析0801 ==========================*/
#M204 .txt5{
	font-size: 1.5em;
	color: #333;
	line-height: 1.6em;
	}
/*活動-項目區*/

	.MOBILE #M204 .FLEX_BOARD{
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}


	.MOBILE #M204 .FLEX_BOARD .PHBOX{
		width: 80%;
		margin: 0 auto;
		margin-bottom: 20px;
	}



#M204 .BOARD_BOX{
	width: 90%;
	height: auto;
	overflow: hidden;
	border: 1px solid #774c84;
	margin: 15px auto;
}
.MOBILE #M204 .BOARD_BOX{width: 100%;}

#M204 .BOARD_BOX ul{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
}
#M204 .BOARD_BOX li.BAR1{
	height: 70px;
    width: 50%;
    border-right: 1px solid #eee;
	font-size: 1.8rem;
	line-height: 70px;
	color: #FFF;
	background-color: #b56dca;
    box-sizing: border-box;
	text-align: center;
}
.MOBILE #M204 .BOARD_BOX li.BAR1{height: 50px;font-size: 1.5rem;line-height: 50px;}
#M204 .BOARD_BOX ul>li:nth-child(2){border-right: none;}
#M204 .BOARD_BOX li{
    width: 50%;
    border-right: 1px solid #774c84;
	border-bottom: 1px solid #774c84;
	font-size: 1.8rem;
	line-height: 2.4em;
	color: #666;
    box-sizing: border-box;
	text-align: center;
}
	.MOBILE #M204 .BOARD_BOX li{font-size: 1.5rem;line-height: 2.2em;}
#M204 .BOARD_BOX ul:last-child>li{border-bottom: none;}
#M204 .BOARD_BOX li.INFOB{
	background-color: #f8e1ff;
	padding: 1%;
	font-size: 1.5rem;
	line-height: 1.5em;
	color: #666;
	display: flex;
	align-items: center;
}
.MOBILE #M204 .BOARD_BOX li.INFOB{font-size: 1.1rem;}

/*=====================PC型區===========================*/
.PC .PC_LOGIN, .PC .FOOT_PC, .PC .WATERMARK, .PC .MB_CLOSE{ display:none;}
/*MOBILE表頭尾*/
.PC #float_icon, .PC #header, .PC .FOOT_MOBILE{ display:block;}
/*MOBILE表頭尾*/
.PC .BLANK{margin: 10px;}
.PC #float_icon .BACK_top{
	bottom: 80px;
}
/*font*/
.PC #M204 .txt1{
	font-size: 1.3em;
	color: #666;
	line-height: 1.5em;
	}

.PC #M204 .txt2{
	font-size: 1.2em;
	color: #333;
	line-height: 1.6em;
	}

.PC #M204 .txt3{
font-size: 1.1em;
color: #454545;
line-height: 1.6em;
}

.PC #M204 .txt4{
	font-size: 1em;
	color: #666666;
	line-height: 1.6em;
	}
.PC #M204 .RED{
	color: #d93434;
	}

/*框架*/
.PC #M204{
	width:100%;
	height: auto;
	overflow: hidden;
	background-color: #f9f0e4;
	}

/*TOP*/
.PC #M204 .TOP{
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: #f9f1e5;
	background-image:url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size:cover;
	margin: 0 auto;
	margin-top: 45px;
}

.PC #M204 .TOP h1{
	width: 100%;
	height: 0;
	padding-bottom: 50%;
	background-image:url(../images/title_top.png);
	/* background-position:5px center; */
	background-size: cover;
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin: 0 auto;}

.PC #M204 .TOP .C_SAM{
	width: 100%;
	height: 0;
	padding-bottom: 44.44444444%;
	background-image:url(../images/title_new.png);
	background-size: cover;
	margin: 0 auto;
	}


/*MENU選單*/
.PC #M204 .LM_MENU{
	display: block;
	width: 100%;
	/* height:55px; */
	background-color: #d89f90;
}

	.PC #M204 .LM_MENU02{
		position:fixed;
		left:0;
		top:0;
		z-index:999;
		margin-top: 45px;
		filter: url(drop-shadow.svg#drop-shadow);
		filter: drop-shadow(2px 2px 3px rgba(0,0,0,.2));
	}
.PC #M204 .LM_MENU .PRE{
	display: block;
	float: left;
	width: 6%;
	height: 55px;
	margin: 0 2px;
	background-image:url(../images/pre.png);
	background-size: auto 60%;
	background-repeat: no-repeat;
	background-position: center center;
}
.PC #M204 .LM_MENU .NEX{
	display: block;
	float: right;
	width: 6%;
	height: 55px;
	margin: 0 2px;
	background-image:url(../images/next.png);
	background-size: auto 60%;
	background-repeat: no-repeat;
	background-position: center center;
}
.PC #M204 .LM_MENU .MENU{
	float: left;
	width: 85%;
	/* height:55px; */
	padding: 0 1%;
	overflow: hidden;
	margin: 0 auto;
}
.PC #M204 .LM_MENU ul{
	width:506px;
	margin:0 auto;
}
.PC #M204 .LM_MENU li{
	float:left;
	width:100px;
	/* height:55px; */
	border-right:1px solid #c18c7e;
	padding: 0 2px;
}
	.PC #M204 .LM_MENU li:nth-child(5){
		border-right:none;
	}

	.PC #M204 .LM_MENU li.LINK{
		height:55px;
		text-align: center;
		color:#505050;
		font-size: 1.3em;
		line-height: 55px;
		background-color: #ffdfcc;
}
.PC #M204 .LM_MENU li a{
	display: block;
	width:100%;
	/* height:55px; */
	text-align: center;
	color:#fff;
	font-size: 1.3em;
	/* line-height: 55px; */
}

/*MENU選單結束*/


/*區塊*/
.PC #M204 .CON_IN{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.PC #M204 .BOX{
	width: 96%;
	height: auto;
	overflow: hidden;
	border-radius:10px;
	background-color: #fff;
	margin: 10px auto;
	border: 1px solid #edc6b0;

}
	.PC #M204 .BOX_TIT{
		width: 100%;
		height: auto;
		overflow: hidden;
		text-align: center;
		color: #454545;
		font-size: 1.5em;
		line-height: 1.2em;
		padding: 10px 0;
		background-color: #ffdfcc;
		font-weight: bold;
	}
.PC #M204 .CB_CON{
	width:96%;
	height: auto;
	overflow: hidden;
	margin: 10px auto;
}

.PC #M204 .CB_CON img{
	width:100%;
	height:auto;
	margin: 0 auto;
}
.PC #M204 .CB_CON .VIP_CON{
	width: 100%;
	height: auto;
	overflow: hidden;
	clear: both;
	margin: 8px auto;
	padding-bottom: 8px;
}
.PC #M204 .CB_CON .VIP_CON .TITLE{
	width: 100%;
	height: 55px;
	overflow: hidden;
	background-color: #f0e2ff;
	color: #454545;
	font-size: 1.35rem;
	line-height: 55px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}
.PC #M204 .CB_CON .VIP_CON .TITLE span{
	display: inline;
	border: 1px solid #ad3cff;
	padding: 3px 6px;
	border-radius: 50px;
	color: #ad3cff;
	margin-right: 6px;
}
.PC #M204 .CB_CON .VIP_PARENT{
	width: 100%;
	height: auto;
	overflow: hidden;
	clear: both;
	margin: 0px auto;
	padding-bottom: 10px;
}
.PC #M204 .CB_CON .VIP_PARENT .TITLE{
	width: 100%;
	height: 46px;
	overflow: hidden;
	color: #f57f00;
	font-size: 1.4rem;
	line-height: 46px;
	text-align: center;
	font-weight: bold;
}

.PC #M204 .CB_CON .VIP_SALS{
	width: 100%;
	height: auto;
	overflow: hidden;
	clear: both;
	margin: 5px auto;
	padding-bottom: 0px;
}
.PC #M204 .CB_CON .VIP_SALS .TITLE{
	width: 100%;
	height: 55px;
	overflow: hidden;
	color: #3c91a6;
	font-size: 1.4rem;
	line-height: 55px;
	text-align: center;
	font-weight: bold;
}

.PC ul.pq_INFOR2 {
	width:100%;
	height: auto;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content:center;
	justify-content: center;
	margin:10px auto; }
.PC ul.pq_INFOR2 li{
	display: block;
	width:42%;
	height: auto;
	text-align:center;
	background-color: #fffbef;
	box-shadow:inset 0px 0px 15px 5px #ffe7a9;
	color: #333333;
	font-size: 1.4rem;
	padding:20px 10px;
	border-radius: 15px;}
	.PC ul.pq_INFOR2 li.SA{
	background-color: #effdff;
	box-shadow:inset 0px 0px 15px 5px #c4f0fa;
	}
.PC ul.pq_INFOR2 li:nth-child(2){
	width:10%;
	background: none;
	box-shadow:none;
	color: #666666;
	font-size: 2.5rem;
	height: auto;
	margin: 10px 5px 10px 1px;}

.PC #M204 .CB_CON .INFO{
	text-align: center;
	margin: 10px auto 15px auto;
	overflow: hidden;
	clear: both;}

.PC #M204 .CB_CON .INFO span.LEFT{
	display: inline-block;
	border-radius: 50px;
	border: 2px solid #f68500;
	padding: 0 10px;
	margin: 5px 2px;
	font-size: 1.4rem;
	color: #f68500;
	font-weight: bold;}

.PC #M204 .CB_CON ul.SHIP4{
	display: block;
	width: 78%;
	max-width: 300px;
	margin: 0 auto;
	overflow: hidden;
	clear: both;
}
.PC #M204 .CB_CON ul.SHIP4 li{
	margin-bottom: 5px;}
	.PC #M204 .CB_CON ul.SHIP4 li:nth-of-type(3){
		margin-bottom: 0;}
/*區塊尾*/


/*命運表格*/
.PC #M204 .PV_BOARD{
    width: 100%;
    margin: 10px auto;
    overflow: hidden;
	box-sizing: border-box;
	border-radius: 15px;
	padding-bottom: 8px;
	border: 1px solid #ffe4bc;
	background-color: #fff;
}
.PC #M204 .TWO_BOX{
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.PC #M204 .TWO_BOX ul{
	display: block;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.PC #M204 .TWO_BOX li.X{
	width: 24px;
	height: 24px;
	position: absolute;
	background-image:url(../images/X.png);
	background-size: cover;
	top: 26%;
	left: 47%;
}
.PC #M204 .TWO_BOX li.BAR1{
	float: left;
	height: 50px;
	width: 50%;
	box-sizing: border-box;
}
.PC #M204 .TWO_BOX .T_ONE2 li{
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 1.7rem;
	font-weight: bold;
}

.PC #M204 .TWO_BOX li.BAR2{
	float: left;
	height: 40px;
	width: 50%;
	box-sizing: border-box;
}
.PC #M204 .TWO_BOX .T_TWO1{
	height: 40px;
	line-height: 40px;
	margin-left: 12px;
	box-sizing: border-box;
}

.PC #M204 .TWO_BOX .T_TWO1 li{
	float: left;
	width: 100%;
	color: #4c4948;
	font-size:1.1rem;
	font-weight: bold;
}
.PC #M204 .TWO_BOX .T_TWO1 li span{
	display: none;}
.PC #M204 .TWO_BOX .T_TWO1 li::before{
	content: '◆';
	display: inline-block;
	margin-right: 5px;
	font-size: 0.8rem;
	color: #f1ab40;}
.PC #M204 .TWO_BOX ul>li:nth-child(2){
	border-right: none;
}
/*命運表格結束*/
/*親子專區表格*/
.PC #M204 .PA_BOARD{
    width: 96%;
    margin: 20px auto;
    overflow: hidden;
	box-sizing: border-box;
	border-radius: 15px;
	border: 1px solid #ffe4bc;
}
.PC #M204 .PA_BOARD .TWO_BOX{
	width: 100%;
	height: auto;
	margin: 0 auto;
	border-top: 1px solid #ffe4bc;
	background-color: #fffbef;
}

.PC #M204 .PA_BOARD .TWO_BOX ul{
	display: block;
	overflow: hidden;
}
.PC #M204 .PA_BOARD .TWO_BOX li.BAR{
	width: 100%;
	height: 45px;
	box-sizing: border-box;
	background-color: #f1ab40;
	font-size: 1.5rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 45px;
}
.PC #M204 .PA_BOARD .TWO_BOX li.BAR1{
	float: left;
	height: 100%;
	overflow: hidden;
	width: 30%;
	line-height: 50px;
	box-sizing: border-box;
}
.PC #M204 .PA_BOARD .TWO_BOX li.BAR2{
	float: left;
	height: auto;
	overflow: hidden;
	width: 70%;
	box-sizing: border-box;
	border-left: 1px solid #ffe4bc;
}
.PC #M204 .PA_BOARD .TWO_BOX li.BAR2 .P_TWO1{
	text-align: left;
	font-weight: normal;
}
.PC #M204 .PA_BOARD .TWO_BOX .P_TWO1{
	height: auto;
	overflow: hidden;
	text-align: center;
	box-sizing: border-box;
	padding: 8px;
}

.PC #M204 .PA_BOARD .TWO_BOX .P_TWO1 li{
	float: left;
	text-align: left;
	width: 100%;
	color: #4c4948;
	font-size:1.1rem;
	line-height: 1.4em;
	height: 100%;
	overflow: hidden;
}
/*業務專區表格*/
.PC #M204 .SA_BOARD{
    width: 96%;
    margin: 20px auto;
    overflow: hidden;
	box-sizing: border-box;
	border-radius: 15px;
	border: 1px solid #c5e9f9;
}
.PC #M204 .SA_BOARD .TWO_BOX{
	width: 100%;
	height: auto;
	margin: 0 auto;
	border-top: 1px solid #c5e9f9;
	background-color: #effdff;
}

.PC #M204 .SA_BOARD .TWO_BOX ul{
	display: block;
	overflow: hidden;
}
.PC #M204 .SA_BOARD .TWO_BOX li.BAR{
	width: 100%;
	height: 45px;
	box-sizing: border-box;
	background-color: #58bedb;
	font-size: 1.5rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 45px;
}
.PC #M204 .SA_BOARD .TWO_BOX li.BAR1{
	float: left;
	height: 100%;
	overflow: hidden;
	width: 30%;
	line-height: 50px;
	box-sizing: border-box;
	border-right: 1px solid #c5e9f9;
}
.PC #M204 .SA_BOARD .TWO_BOX li.BAR2{
	float: left;
	height: auto;
	overflow: hidden;
	width: 70%;
	box-sizing: border-box;
}
.PC #M204 .SA_BOARD .TWO_BOX li.BAR2 .P_TWO1{
	text-align: left;
	font-weight: normal;
}
.PC #M204 .SA_BOARD .TWO_BOX .P_TWO1{
	height: auto;
	overflow: hidden;
	text-align: center;
	box-sizing: border-box;
	padding: 8px;
}

.PC #M204 .SA_BOARD .TWO_BOX .P_TWO1 li{
	float: left;
	text-align: left;
	width: 100%;
	color: #4c4948;
	font-size:1.1rem;
	line-height: 1.4em;
	height: 100%;
	overflow: hidden;
}
/*新加入白金與續約方案0420*/
.PC #M204 .PMember_buy_frame {
    width: 98%;
    margin: 10px auto;
}
/*選單*/
.PC #M204 .PMember_buy_frame .BAR_OP{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0px auto 20px auto;
	border: 1px solid #b5b5b5;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	}
.PC #M204 .PMember_buy_frame .LOGOM{
	display: block;
	float: left;
	font-size: 1rem;
	line-height:1.1rem;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	padding: 3px 5px;
	margin: 3px 5px 0 0;
	border-radius: 20px;
	background-color:#CC0000;
}


.PC #M204 .PMember_buy_frame .BAR_OP .TIT{
	display:block;
	width:100%;
	height:auto;
	overflow: hidden;
	line-height:40px;
	background-color:#ffd156;
	padding-left:10px;
	position: relative;
	}
	.PC #M204 .PMember_buy_frame .BAR_OP .TIT_2{
		background-color:#caeef0;
		line-height:1.7em;
		padding: 5px 0 5px 8px;
		}
	.PC #M204 .PMember_buy_frame .BAR_OP .TIT_3{
		background-color:#d9ebc5;
		line-height:1.7em;
		padding: 5px 0 5px 8px;

		}

.PC #M204 .PMember_buy_frame .BAR_OP .TIT a{
	display: block;
	position: absolute;
	height: 25px;
	padding: 0 5px;
	border: 1px solid #b5b5b5;
	background-color: rgba(255,255,255,0.8);
	right: 3%;
	bottom: 8px;
	font-size: 0.9rem;
	line-height: 25px;
	color: #666;
	text-decoration: none;
	border-radius: 5px;
	}
.PC .PMember_buy_frame .BAR_OP .BOXFORM{
	height:100%;
	overflow:hidden;
	background-color:#FFFFFF;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	padding:10px 10px;
	}


/*QA*/
.PC #M204 .QA_BOX{
	width: 96%;
	height: auto;
	overflow: hidden;
	margin: 0 auto 15px auto;
}
.PC #M204 .QA_BOX .TITLE{
	width: 100%;
	height: auto;
	font-size: 1.3rem;
	color: #454545;
	background-color: #fde2d2;
	padding: 10px 14% 10px 5%;
	overflow: hidden;
	position: relative;
}
.PC #M204 .QA_BOX .TITLE .X_OP{
	position: absolute;
	width: 30px;
	height: 30px;
	background-image: url(../images/X_qa.png);
	background-size: cover;
	right: 3%;
	top: 20%;
}
.PC #M204 .QA_BOX .TITLE .X_CL{
	position: absolute;
	width: 30px;
	height: 30px;
	background-image: url(../images/X_qa_cl.png);
	background-size: cover;
	right: 3%;
	top: 20%;
}
.PC #M204 .QA_BOX .CONTENT{
	width: 100%;
	height: auto;
	font-size: 1.1rem;
	line-height: 1.6em;
	color: #454545;
	background-color: #ffefe5;
	padding: 5px 20px;
	overflow: hidden;
	margin-top: 1px;
}
.PC #M204 .QA_BOX .CONTENT p{margin: 8px 0;}
.PC #M204 .QA_BOX .CONTENT a{color: #3366cc; text-decoration:underline;}


/*開合選單*/
.PC #M204 .BAR_OP{
	width:96%;
	height:100%;
	overflow:hidden;
	margin:20px auto;
	border: 1px solid #b5b5b5;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	}
	.PC #M204 .BAR_OP .OPENBOX{padding:8px;}
/*按鈕*/
.PC #M204 .LM_BT{
	width: 80%;
	height: 55px;
	margin: 10px auto 20px auto;
}

.PC #M204 .LM_BT a{
	display: block;
	width: 100%;
	height: 55px;
	margin: 0 auto;
	text-align: center;
	border-radius:5px;
	color: #fff;
	font-size: 1.5em;
	line-height: 55px;
	font-weight: bold;
}


.PC #M204 .BT_B{
	color: #fff;
	font-size: 1.5em;
	line-height: 1.5em;
}

/*置底按鈕*/
.PC #M204-wrapper .BT_F{/*浮水按鈕*/
	width:750px;
	height:60px;
	position:fixed;
	bottom:0;
	z-index:1000;
	background-image:url(../images/bt_bg.png);
	background-repeat:repeat-x;
	background-size:15px 60px;
	padding-top:5px;
	}

.PC #M204-wrapper .BT_F ul{
	width:96%;
	height:50px;
	margin:0 auto;}
.PC #M204-wrapper .BT_F li{
	float:left;
	width:50%;
	margin:0 auto;}

.PC #M204-wrapper .BT_F li a{
	display:block;
	width:95%;
	margin:0 auto;
	height:50px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
	font-weight:bold;}

.PC #M204-wrapper .BT_F li a.LEFT{
	color:#fff;
	font-size:1em;
	line-height:1.4em;
	padding-top:4px;}
.PC #M204-wrapper .BT_F li a.RIGHT{
	color:#fff;
	font-size:1.5em;
	line-height:50px;
}

.PC #M204 .TOP{
  margin-top: 0 !important;
  }
  .active{
  background-color: #ffdfcc !important;
  }
  .active > a{
  color: #505050 !important;
  }
  .PC #nextBtn {
  background-image: url(../images/next.png) !important;
  }
  .PC #prevBtn{
  background-image: url(../images/pre.png) !important;
  }
  .PC #M204 .LM_MENU .MENU {
  float: none;
  }
  .PC #navbar ul {
  height: auto !important;
  }
  .PC #M204 .LM_MENU li a {
    line-height: 45px !important;
  }
.PC #M204 .INTRO_LIST{
width: 96%;
}
.PC #M204 .LIST_DIAMOND{
width: 8px;
height: 8px;
margin-top: 10.5px;
margin-right: 8px;
}
.PC #M204 .INTRO_BOX{
width: 96%;
}
.PC #M204 .ZIWEI_BOX{
width: 100%;
margin: 0 auto 12px auto
}
.PC #M204 .REC_TOP{margin-bottom: 8px;}
.PC #M204 .REC_CON .ziwei_txt{width: 100%;}
.PC #M204 .REC_CON .ziwei_txt .txtbar01{
    height: 30px;
    border-left: 5px solid #b45900;
}
.PC #M204 .REC_CON .ziwei_txt .txtbar01 p{
	font-size: 1.2em;
	line-height: 1.7em;
}
.PC #M204 .REC_CON .ziwei_txt .TXT_BOX{
	font-size: 1.1em;
	line-height: 1.7em;
}
.PC #M204 .FLEX_BOARD{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}


.PC #M204 .FLEX_BOARD .PHBOX{
	width: 80%;
	margin: 0 auto;
	margin-bottom: 20px;
}
.PC #M204 .BOARD_BOX{width: 100%;}
.PC #M204 .BOARD_BOX li.BAR1{height: 50px;font-size: 1.5rem;line-height: 50px;}
.PC #M204 .BOARD_BOX li{font-size: 1.5rem;line-height: 2.2em;}
.PC #M204 .BOARD_BOX li.INFOB{font-size: 1.1rem;}
/* iPad Portrait (768px) */
@media screen and (max-width: 768px) {
    
    .PC #M204 .LM_MENU{
        max-width: 768px !important; 
    }
    .PC #M204-wrapper .BT_F{
         width: 100% !important; 
    }
    .PC #M204-wrapper .BT_F li{
	    width: 100%;
	    max-width: 768px !important;
	}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
    
    .PC #M204 .LM_MENU{
        max-width: 1024px !important; 
    }
    .PC #M204-wrapper .BT_F{
         width: 100% !important; 

    }
    .PC #M204-wrapper .BT_F li{
	    width: 100%;
	    max-width: 1024px !important;
	}
     
}