/* 字級 */
#AllRec_YJ026 a{
    text-decoration: none;
   /* font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif, Helvetica, Arial;*/
}

#AllRec_YJ026 .rec_txt_primary{
   /* font-family: "微軟正黑體", "Microsoft JhengHei", "sans-serif", Helvetica, Arial;*/
    font-size: 1.1rem;
    line-height: 1.8rem;
    color: #333;
}

#AllRec_YJ026 .rec_txt_center{
  /*  font-family: "微軟正黑體", "Microsoft JhengHei", "sans-serif", Helvetica, Arial;*/
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.8rem;
    color: #333;
    text-align: center;
}

#AllRec_YJ026 .rec_txt_plus{
  /*  font-family: "微軟正黑體", "Microsoft JhengHei", "sans-serif", Helvetica, Arial;*/
    font-size: 1.5rem;
    font-weight: bold;
}

#AllRec_YJ026 .rec_txt_mark{
   /* font-family: "微軟正黑體", "Microsoft JhengHei", "sans-serif", Helvetica, Arial;*/
    font-size: 1.1rem;
    line-height: normal;
    color: #666666;
}

/* 間距 */
#AllRec_YJ026 .spacer_vertical_primary{height: 20px;}
#AllRec_YJ026 .spacer_vertical_large{height: 40px;}
#AllRec_YJ026 .spacer_vertical_small{height: 5px;}

#AllRec_YJ026 .txt_bold{font-weight: bold;}

/* 顏色：背景米黃 */
#AllRec_YJ026 .background_lite_gray{background-color: #efefef;}
/* 顏色：女生 */
#AllRec_YJ026 .color_pink{color: #f13e96;}
/* 顏色：男生 */
#AllRec_YJ026 .color_blue{color: #0088ff;}
#AllRec_YJ026 .color_red{color: #d80000;}

/* 按鈕顏色 */
#AllRec_YJ026 .button_gradient_red{
    background: #ff0000;
    background: linear-gradient(180deg, #ff0000 0%, #b90000 100%);
}#AllRec_YJ026 .button_gradient_red:hover{
    color:#fff9bc;
    background: #b90000;
    background: linear-gradient(180deg, #b90000 0%, #ff0000 100%);
}

/* ===========================================*/
/* ================= 大框架區塊 ================*/
/* ===========================================*/
#AllRec_YJ026{
    font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif, Helvetica, Arial;
    clear: both;
    width: 100%;
    margin: 0 auto;
}

#AllRec_YJ026 .rec_section{
    clear:both;
	width:100%;
	margin:0 auto;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	background-color:#FFF;
	border:3px solid #a8a8a8;
	margin-top:10px;
}

/* 協銷標題圖區塊 */
#AllRec_YJ026 .rec_top{
    width:100%;
	height:auto;
	border-bottom:3px solid #a8a8a8;
	margin:0 auto;
	box-sizing:border-box;
}

#AllRec_YJ026 .rec_top img{
    display: block;
    width:100%;
    height: auto;
}

/* 內容區塊：寬度90% */
#AllRec_YJ026 .rec_container{
    clear:both;
	width:90%;
	margin:0 auto;
	height:auto;
	overflow:hidden;
	background-color:#FFF;
	box-sizing:border-box;
    padding:2% 0%;
}

#AllRec_YJ026 .container_box{
    width:95%;
    height: auto;
    margin:0 auto;
    padding:0% 0% 2% 0%;
    box-sizing: border-box;
}
/*個人資料區塊樣式*/
#AllRec_YJ026 .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_YJ026 .AllRec_INFOR{width:100%; height:auto; overflow:hidden;}
#AllRec_YJ026 .AllRec_INFOR li{width:100%;}
#AllRec_YJ026 .AllRec_INFOR .GENDER{display:inline-block;width:28px;height:28px;margin:0 auto;margin-right:18px;margin-bottom:-6px;}
#AllRec_YJ026 .AllRec_INFOR .GENDER img{display:block;width:100%;height:auto;margin:0 auto;}
#AllRec_YJ026 .REC_NAME{/*大字*/
	font-size: 1.4rem;
	line-height: 2.5rem;
	font-weight: normal;
	text-align: center;
	color: #333333;
	}

#AllRec_YJ026  .REC_TIME{/*大字*/
	font-size: 1.1em;
	line-height: 1.5;
	text-align: center;
	color: #333;
	}	
/*個人資料尾*/
/*並排宮位樣式*/
#AllRec_YJ026 .MAIN_SUB{
    width: 92%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 15px;
    margin-top: 15px;
}
#AllRec_YJ026 .MAIN_SUB li.STYLE_BOX1{/*主要宮位樣式*/
	float: left;
    width: 48%;
    height: auto;
	border-radius: 12px;
	-webkit-box-shadow: inset 0px 0px 5px rgba(255,255,255,1);
	        box-shadow: inset 0px 0px 5px rgba(255,255,255,1);
	margin-right: 2%;
}

#AllRec_YJ026 .MAIN_SUB li.STYLE_BOX1 .BOX_TOP{/*主要宮位上方標題樣式*/
    width: 100%;
    height: auto;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    -webkit-box-shadow: inset 0px 0px 5px rgb(255 255 255);
    box-shadow: inset 0px 0px 5px rgb(255 255 255);
    font-size: 4vw;
  /*  font-family: "Microsoft JhengHei", Helvetica, Arial;*/
    color: #ffffff;
    text-align: center;
    padding: 8px 0;
}

#AllRec_YJ026 .MAIN_SUB li.STYLE_BOX1 .BOX_CON{/*主要宮位下方區塊樣式*/
    font-size: 5vw;
    font-weight: bold;
    text-align: center;
    line-height: 15vw;
}
#AllRec_YJ026 .MAIN_SUB .BOX_CON .SMALL{
	display: inline-block;
    font-size: 3vw;
    color: #000333;
    font-weight: normal;
}
#AllRec_YJ026 .BG_COLOUR1{ /*主要宮位套色 .MAIN_SUB 紫色底*/
	display: block;
	background-color: #f8eaff;}
	#AllRec_YJ026 .BG_COLOUR1 div{color: #6800c6;}

#AllRec_YJ026 .BG_COLOUR2{ /*主要宮位套色 .MAIN_SUB 藍色底*/
	display: block;
	background-color: #dee8ff;}
	#AllRec_YJ026 .BG_COLOUR2 div{color: #0068dd;}

#AllRec_YJ026 .BG_COLOUR3{ /*主要宮位套色 .MAIN_SUB 淺紫底*/
	display: block;
	background-color: #9f56dc;}

#AllRec_YJ026 .BG_COLOUR4{ /*主要宮位套色 .MAIN_SUB 淺藍底*/
	display: block;
	background-color: #5680dc;}
/*並排宮位樣式尾*/

#AllRec_YJ026 .text_linetitle{/*副標*/
    width: 100%;
    height: 50px;
    /*background-color: #337525;*/
    /*border-radius: 5px;*/
    /*padding-left: 15px;*/
    border-top:1px solid #457cf9;
    border-bottom: 1px solid #457cf9;
    margin: 12px 0px 10px 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
	}
	#AllRec_YJ026 .text_linetitle p{
		text-align: center;
	    color: #457cf9;
	    font-size: 1.3em;
	    line-height: 50px;
	    font-weight: bold;
	   /* font-family: 微軟正黑體, "Microsoft JhengHei", Helvetica, Arial, sans-serif;*/
	}
/* 項目符號標題 */
#AllRec_YJ026 .text_icontitle{
    width: 100%;
    height: auto;
}

#AllRec_YJ026 .text_icontitle ul.icon_item{
    width: 100%;
    box-sizing: border-box;
}

#AllRec_YJ026 .text_icontitle ul.icon_item li{
    padding-left: 30px;
    margin: 10px 0 5px 0;
    font-size: 1.2rem;
    font-weight: bold;
    color: #333333;
}

#AllRec_YJ026 .text_icontitle li.icon_ph01{
    background: transparent url(//imgs.click108.com.tw/unit001/allrec/yj026/images/rec/ph/list_icon.png) no-repeat;
    background-size: 25px 25px;
    background-position-y: 0px;
}


/* 結尾配圖引導區塊 */
#AllRec_YJ026 .end_phbox{
	width:100%;
	height: auto;
	overflow: hidden;
    margin: 0 auto;
    margin-bottom:10px;
}

#AllRec_YJ026 .end_phbox img{
    display: block;
    width:100%;
    height: auto;
}

/* 小字輔助說明區塊 */
#AllRec_YJ026 .tips_case{
    width:100%;
    height: auto;
}

#AllRec_YJ026 .tips_case p{
    text-align: center;
	color: #999999;
    font-size: 0.9rem;
	font-weight: normal;
}
/* ===========================================*/
/* ================= 按鈕區塊 ================*/
/* ===========================================*/
#AllRec_YJ026 .button_area{
    clear: both;
	width:75%;
	height:45px;
    margin:0 auto;
    margin-bottom:10px;
}

#AllRec_YJ026 .button_area a{	
	display:block;
	width:100%;
	height:45px;
	line-height:45px;
    margin:0 auto;
	font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
	border-radius: 5px;
	border:1px solid #a30000;
	box-shadow:inset 0px 0px 2px rgba(255,255,255,1);
    box-sizing: border-box;
}