/*字型*/
#AllRec_254 a{ text-decoration:none;}
#AllRec_254 .BLANK254{ height:10px;}/*間距*/
#AllRec_254 {font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif, Helvetica, Arial;}
#AllRec_254 .pq_TXT3 {
    font-family: "微軟正黑體", "Microsoft JhengHei", "sans-serif", Helvetica, Arial;
    font-size: 1.1rem;
    line-height: 1.8rem;
    text-decoration: none;
}

.pq_TXT6{
	font-family: "微軟正黑體", "Microsoft JhengHei", "sans-serif", Helvetica, Arial;
	font-size: 0.9rem;
	line-height: 1.6rem;
    text-decoration: none;
}

.pq_RED3{
	color: #d80000;
}

#AllRec_254 .blank_brs {height: 10px;}
#AllRec_254 .blank_br {height: 20px;}
#AllRec_254 .blank_br2{height: 35px;}

#AllRec_254 .text_shadow{
	text-shadow: 2px 2px 2px #ffffff,
	-2px -2px 2px #ffffff,
	-2px 2px 2px #ffffff,
	2px -2px 2px #ffffff;
}

.BOXWHITE{
	width: 95%;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 15px;
}

/*個人資料區塊-文字樣式*/
#AllRec_254 .REC_NAME{/*大字*/
	font-size: 1.4rem;
	line-height: 2.5rem;
	font-weight: normal;
	text-align: center;
	color: #333333;
}

#AllRec_254 .REC_TIME{/*大字*/
	font-size: 1.1em;
	line-height: 1.5;
	text-align: center;
	color: #333;
}

/*字級樣式*/
#AllRec_254 .rectxt1{
	font-size:1.2rem;
	line-height: 1.7rem;
	color:#333333;
}

#AllRec_254 .rec_center{
	text-align: center;
}

#AllRec_254 .rec_B{
	font-weight: bold;
}

/*性別顏色*/
#AllRec_254 .pq_BLUE2{color:#0068dd;}
#AllRec_254 .pq_PINK2{color:#FF1493;}

/*最外框修改寬度尺寸*/
#AllRec_254{
	clear: both;
	width:100%;/*寬度設定尺寸*/
	margin:0 auto;}
	
/*第二層框線樣式*/
#AllRec_254 .REC_SECTION{
	clear:both;
	width:100%;
	margin:0 auto;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	background-color:#FFF;
	border:3px solid #a8a8a8;
	margin-top:10px;}
	
#AllRec_254 .REC_COM{/*內容區塊*/
	clear:both;
	width:90%;
	margin:0 auto;
	height:auto;
	overflow:hidden;
	background-color:#FFF;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;}
			
#AllRec_254 .REC_TOP254{/*TOP圖片*/
	width:100%;
	height:auto;
	border-bottom:3px solid #a8a8a8;
	margin:0 auto;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;}
#AllRec_254 .REC_TOP254 img{display:block;width:100%; margin:0 auto;}


/*個人資料區塊樣式*/
#AllRec_254 .INFOR_AREA{/*資料樣式底框*/
	clear:both;
	width:100%;
	margin:5px auto;
	height:auto;
	overflow:hidden;
	padding:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	background-color: #f9f1dc;
}
#AllRec_254 .AllRec_INFOR{width:100%; height:auto; overflow:hidden;}
#AllRec_254 .AllRec_INFOR li{width:100%;}
#AllRec_254 .AllRec_INFOR .GENDER{display:inline-block;width:28px;height:28px;margin:0 auto;margin-right:18px;margin-bottom:-6px;}
#AllRec_254 .AllRec_INFOR .GENDER img{display:block;width:100%;height:auto;margin:0 auto;}
	
/*個人資料尾*/

/*按紐樣式*/		
#AllRec_254 .e_BT254{
	clear: both;
	width:80%;/*50%*/
	height:45px;
	margin: 6px auto 10px auto;
	}
#AllRec_254 .e_BT254 a{
	font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif, Helvetica, Arial;	
	display:block;
	width:100%;
	margin:0 auto;
	height:45px;
	font-size: 1.3rem;
	line-height:45px;
    text-align: center;
    color: #fff;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    font-weight: bold;
	text-decoration: none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:1px solid #a30000;
	background: #ff0000; /* Old browsers */
	background: -webkit-linear-gradient(#ff0000 0%, #b90000 100%);
	background: -o-linear-gradient(#ff0000 0%, #b90000 100%);
	background: linear-gradient(#ff0000 0%, #b90000 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#b90000',GradientType=0 ); /* IE6-9 */
	-moz-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);}
	
#AllRec_254 .e_BT254 a:hover{
	color:#fff9bc;
	background: #b90000; /* Old browsers */
	background: -moz-linear-gradient(top, #b90000 0%, #ff0000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #b90000 0%,#ff0000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #b90000 0%,#ff0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b90000', endColorstr='#ff0000',GradientType=0 ); /* IE6-9 */
}

/*裝飾樣式*/
#AllRec_254 .GLINE{ /*灰線*/
	margin-top: 5px;
	margin-bottom: 10px;
	width: 100%;
	height: 1px;
	background-color: #dcdcdc;}

#AllRec_254  .REC_line{border-top: 1px solid #eb7c79;margin: 0 auto;}
#AllRec_254  .REC_line:first-child{ margin-bottom: 8px;}
#AllRec_254  .REC_line:last-child{ margin-top: 8px;}
/*裝飾樣式 尾*/

/*==============下方皆是特殊產品樣式==============*/
#AllRec_254 .small_tips p {
	text-align: center;
	color: #999;
	font-weight: normal;
}

/*==============下方為AllRec_254內容樣式==============*/
/*顏色*/
#AllRec_254 .brown1{color:#a75700;}

/*間隔*/
#AllRec_254 .rec_blank{height: 20px;}
#AllRec_254 .rec_blank2{height: 5px;}

/*it254*/
/*前言區塊*/
#AllRec_254 .preface_case{
	width:100%;
	height: auto;
	overflow: hidden;
	margin:0 auto;
}

#AllRec_254 .pbox{
	width:100%;
	height: auto;
	overflow: hidden;
}

#AllRec_254 .pbox2{
	width:100%;
	height: 0px;
	position: relative;
	padding-bottom:43.68932%;
	margin-bottom:5px;
}

#AllRec_254 .pbox_bg{
	background: url(https://gimgs.click108.com.tw/unit001/relation/item00254/images/rec/ph_preface01.jpg) no-repeat top center;
	background-size: cover;
}

#AllRec_254 .pbox ul{
	width:100%;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
}

#AllRec_254 .pbox li.pbox_ph{
	display: none;
	}

#AllRec_254 .pbox li.pbox_ph02{
	width:65%;
	height: auto;
	margin: 0 auto;
}

#AllRec_254 .pbox li.pbox_ph02 img{
	display: block;
	width:100%;
	height: auto;
}

#AllRec_254 .pbox li.pbox_text{
	width:90%;
	height: auto;
	margin-bottom:10px;
	color:#000000;
}

#AllRec_254 .fortune_area{
	width:100%;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#AllRec_254 .fortune_bg{
	background:url(https://gimgs.click108.com.tw/unit001/relation/item00254/images/rec/ph_preface02.jpg) no-repeat top center;
	background-size: contain;
}

#AllRec_254 .f_conbox{
	width:100%;
	height: auto;
	margin:0 auto;
}

#AllRec_254 .f_conbox ul{
	width:95%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
	margin:0 auto;
}

#AllRec_254 .f_conbox li.f_fatebox{
	position: relative;
	width:30%;
	height: auto;
	background: url(https://gimgs.click108.com.tw/unit001/relation/item00254/images/rec/ph_preface02-2.jpg) no-repeat top;
	background-size: contain;
	background-color: #f6f6f6;
	padding:10px 0px;
	box-shadow: 0px 0px 4px 2px #aaaaaa;
	-webkit-box-shadow: 0px 0px 4px 2px #aaaaaa;
	-moz-box-shadow: 0px 0px 4px 2px #aaaaaa;
	-o-box-shadow: 0px 0px 4px 2px #aaaaaa;
}

#AllRec_254 .new_block li.f_fatebox{margin-top:40px;}

#AllRec_254 .arrow_active::before{
	display: inline-block;
	content: '';
	width: 40px;
	height: 40px;
	background: url(https://gimgs.click108.com.tw/unit001/relation/item00254/images/rec/ph_preface04.png) no-repeat top center;
	background-size: cover;
	position: absolute;
	left: 50%;
	top: 0%;
	transform: translate(-50%, -50%);
}

#AllRec_254 .f_conbox li.arrow_active{
	display: block;
	width:30%;
	height: auto;
	background: url(https://gimgs.click108.com.tw/unit001/relation/item00254/images/rec/ph_preface02-2.jpg) no-repeat top;
	background-size: contain;
	background-color: #f6f6f6;
	padding:10px 0px;
	animation: brightness 3s ease-in-out infinite;
}

/*大運表格內文*/
#AllRec_254 .fate_info{
	width:100%;
	height: auto;
	text-align: center;
	margin:0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#AllRec_254 .markbar{
	font-size:.9rem;
	background-color: #4d8919;
	color: #ffffff;
	margin:0 auto;
	border-radius: 20px;
	padding: 2px 8px;
	margin-top:8px;
}

#AllRec_254 .age_text{
	font-size:.9rem;
	line-height: 1.8rem;
}

#AllRec_254 .point_text{
	font-size:1rem;
	font-weight: bold;
}

#AllRec_254 .point_text::before{
	content: '';
	display: inline-block;
	width:95%;
	height: 1px;
	background-color: #904700;
	margin:2px 0px 8px 0px;
}

/*動態效果*/
@keyframes brightness {
	0% {
		box-shadow: 0px 0px 10px 4px #fdf37d;
	}
	49% {
		box-shadow: 0px 0px 0px 0px #fdf37d;
	}
	100% {
		box-shadow: 0px 0px 10px 4px #fdf37d;
	}
}

/*次標題*/
#AllRec_254 .brown_lite{
	background: rgb(244,226,187);
	background: linear-gradient(0deg, rgba(244,226,187,1) 0%, rgba(251,243,223,1) 100%);
}

/*事業運*/
#AllRec_254 .blue_lite{
	background: rgb(205,233,238);
	background: linear-gradient(0deg, #cde9ee 0%, rgba(234,253,255,1) 100%);
}

/*財富運*/
#AllRec_254 .green_lite{
	background: rgb(206,234,190);
	background: linear-gradient(0deg, rgba(206,234,190,1) 0%, rgba(241,250,235,1) 100%);
}

/*感情運*/
#AllRec_254 .pink_lite{
	background: rgb(255,204,230);
	background: linear-gradient(0deg, rgba(255,204,230,1) 0%, rgba(255,241,247,1) 100%);
}
#AllRec_254 .sub_titlebar{
	width:100%;
	height: 40px;
	line-height: 40px;
	font-size:1.1rem;
	font-weight: bold;
	border-radius: 5px;
	margin-top:20px;
	margin-bottom:12px;
	text-indent: 15px;
}

#AllRec_254 .sub_titlebar span.icon_01{
	display: inline-block;
	width:23px;
	height: 23px;
	vertical-align:sub;
	margin-left:10px;
	margin-right:5px;
}

#AllRec_254 .sub_titlebar span.icon_01 img{
	display: block;
	width:100%;
	height: auto;
}

#AllRec_254 .re_item_list{
	width:100%;
	height: auto;
	display: flex;
	flex-direction: column;
}

#AllRec_254 ul.pq_LIST_ICON2 li{
	font-weight: normal;
	color:#4d8919;
	font-weight: bold;
}

#AllRec_254 ul.pq_LIST_ICON3 li{
	margin: 10px 0 10px 0;
	font-weight: bold;
	background: transparent url(https://gimgs.click108.com.tw/unit001/relation/item00254/images/rec/icons/icon_04.png) no-repeat;
	background-size: 25px 25px;
	background-position-y: 1px;
	padding-left: 32px;
}

#AllRec_254 .icon_green{
	background: transparent url(https://gimgs.click108.com.tw/unit001/relation/item00254/images/rec/icons/icon_02.png) no-repeat;
	background-size: 22px 22px;
	background-position-y: 2px;
	padding-left: 28px;
}

/*曲線圖*/
#AllRec_254 .job_bg{
	background: url(https://gimgs.click108.com.tw/unit001/relation/item00254/images/rec/curve_bg/cbg01.png) no-repeat top center;
	background-size: cover;
}

#AllRec_254 .job_bg2{
	background: url(https://gimgs.click108.com.tw/unit001/relation/item00254/images/rec/curve_bg/cbg01-2.png) no-repeat top center;
	background-size: cover;
}

#AllRec_254 .curve_fate{
	width: 100%;
    height: 0;
    padding-bottom: 46.875%;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	position: relative;
}

/*免費頁定位*/
#AllRec_254 .curve_fate .free_tips{
	width:100%;
	height: auto;
	position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
}

#AllRec_254 .curve_fate .free_tips p{
	font-size:1rem;
	font-weight:bold;
	color:#ffffff;
	text-align: center;
}

/*年歲*/
#AllRec_254 .ten_yearnum{
	width:100%;
	height: auto;
	position: absolute;
	left: 46%;
	top: 87%;
	transform: translate(-50%, -50%);
}

#AllRec_254 .ten_yearnum ul{
	width:70%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	margin:0 auto;
}

#AllRec_254 .ten_yearnum li{
	font-size: .8rem;
	font-weight: bold;
}

#AllRec_254 .item_agebox{
	width:100%;
	height: auto;
	border-radius: 5px;
	padding:5px 10px;
	margin-top:10px;
	margin-bottom:10px;
	box-sizing: border-box;
}

/*推廣宣傳區塊*/
#AllRec_254 .promo_end{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom:10px;
}

#AllRec_254 .promo_end img{
	display: block;
	width:100%;
	height: auto;
}