body{
	-webkit-text-size-adjust:none;
	text-decoration:none;
	font-family: "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
	background-color: #76e3ff;
}

/* 間距 */
.PC #YJ025 .blank_inbr{height: 40px;}
.MOBILE #YJ025 .blank_inbr{height: 20px;}
.PC #YJ025 .blank_inbr2{height: 20px;}
.MOBILE #YJ025 .blank_inbr2{height: 10px;}

.PC #YJ025 .blank_br{height: 20px;}
.MOBILE #YJ025 .blank_br{height: 20px;}

/* ============= 修正 pq 樣式 =============*/
.PC #YJ025 .pq_RECOM1 {
    width: 670px;
    height: auto;
    overflow: hidden;
    border: 3px solid #019319;
    border-top: none;
    margin-top: 0px;
	}.MOBILE #YJ025 .pq_RECOM1 {
		width: 100%;
		height: auto;
		overflow: hidden;
		border: 1.5px solid #019319;
		border-top: none;
		margin-top: 0px;
	}

.PC #YJ025 .pq_RECOM_BOX{
	width: 91%;
	padding-bottom: 20px;
	padding-top: 20px;
	position: relative;
	}.MOBILE #YJ025 .pq_RECOM_BOX {
		width: 93%;
		position: relative;
	}

#YJ025 .pq_ADT2+.pq_TXT3{
	margin-top: 12px;
}

/* ===========================================*/
/* ================= 列印頁區塊 ================*/
/* ===========================================*/
.PC #YJ025 .PRINT_TOP{
	width:680px;
	height:200px;
	margin:0 auto 10px auto;}
.PC #YJ025 .PRINT_TOP img{width: 100%; height: auto;}

.PC #YJ025 .PRINT_BG{
	width:680px;
	margin:0 auto;
background-color: #FFF;}

/*資料尺寸調整*/
.PC #YJ025 .PRINT_BG .INFOR{
	width: 100%;
}

/* ===========================================*/
/* ================= 大框架區塊 ================*/
/* ===========================================*/
.PC #YJ025{
	width: 100%;
	height: auto;
	overflow: hidden;
	background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
	-webkit-box-sizing: border-box;
	}.MOBILE #YJ025{
		width: 100%;
		height: auto;
		overflow: hidden;
		background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/bg.jpg);
		background-size: 268% auto;
		background-repeat: no-repeat;
		background-position: top 20px center;
		-webkit-box-sizing: border-box;
	}

/* ===========================================*/
/* ============= 大框架區塊：輸入頁 =============*/
/* ===========================================*/
/* 輸入頁：總寬750px */
.PC #YJ025 .in_container_frame{
    width:750px;
    height: auto;
    overflow: hidden;
    margin:0 auto;
    margin-bottom:20px;
	background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/con_bg.jpg);
    background-size: contain;
    background-repeat: repeat-y;
    background-position: top center;
	}.MOBILE #YJ025 .in_container_frame{
		width:100%;
		height: auto;
		overflow: hidden;
		margin:0 auto;
		background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/con_bg.jpg);
		background-size: contain;
		background-repeat: repeat-y;
		background-position: top center;
	}

#YJ025 .in_container_frame .frame_deco{
    width:100%;
    height: auto;
}

#YJ025 .in_container_frame .frame_deco img{
	display: block;
	width: 100%;
	height: auto;
}

/* ============= 輸入頁區塊 =============*/
/* 輸入頁：主視覺 */
#YJ025 .hero_case{
	width:100%;
	height: auto;
	overflow: hidden;
}

#YJ025 .mainstage{
	width:100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

/* 輸入頁：主視覺表頭區塊 */
.PC #YJ025 .hero_input{
	width:880px;
	height: 486px;
	overflow: hidden;
	margin:0 auto;
	background: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/hero_inputbg.png) no-repeat top center;
	background-size: cover;
	}.MOBILE #YJ025 .hero_input{
		width:100%;
		height: 0px;
		padding-bottom:61.333333%;
		overflow: hidden;
		margin-top:45px;
		background: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/hero_input_mb.jpg) no-repeat top center;
		background-size: cover;
	}

/* 輸入頁：主視覺標題區塊 */
.PC #YJ025 .hero_title{
	width:600px;
	height: auto;
	margin-top:30px;
	}.MOBILE #YJ025 .hero_title{
		width:67%;
		height: auto;
		margin-left: 5px;
		margin-top:12px;
	}

.PC #YJ025 .hero_title h1{
	width:595px;
	height: 340px;
	background: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/top_title.png) no-repeat top center;
	background-size: cover;
	text-indent: -9999px;
	}.MOBILE #YJ025 .hero_title h1{
		width:100%;
		height: 0px;
		padding-bottom:57.142857%;
		background: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/top_title.png) no-repeat top left;
		background-size: cover;
		text-indent: -9999px;
	}

/* 輸入頁：內容區塊總寬670px */
.PC #YJ025 .in_content_box{
	width: 670px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
	}.MOBILE #YJ025 .in_content_box{
		width: 90%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}

/* 輸入頁：配圖第一區塊 */
.PC #YJ025 .box_first{
	width:100%;
	height:auto;
	margin:0 auto;
	overflow: hidden;
	margin-top:10px;
	}.MOBILE #YJ025 .box_first{
		width:100%;
		height:auto;
		margin:0 auto;
		overflow: hidden;
		margin-top:5px;
		margin-bottom:12px;
	}

/* 輸入頁：配圖盒子 */
.PC #YJ025 .photo_box{
	width:95%;
	height: auto;
	overflow: hidden;
	margin:0 auto;
	}.MOBILE #YJ025 .photo_box{
		width:100%;
		height: auto;
		overflow: hidden;
	}

#YJ025 .photo_box img{
	display: block;
	width:100%;
	height: auto;
}

/* 輸入頁：指南針動畫區塊 */
.PC #YJ025 .compass_area{
	width:640px;
	height: 595px;
	margin:0 auto;
	background: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/input/in_ph01.jpg) no-repeat top center;
	background-size: cover;
	position: relative;
	margin-bottom:20px;
	}.MOBILE #YJ025 .compass_area{
		width:100%;
		height: 0px;
		padding-bottom:92.96875%;
		margin:0 auto;
		background: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/input/in_ph01.jpg) no-repeat top center;
		background-size: cover;
		position: relative;
	}

/* 輸入頁：指南針動畫區塊-指針 */
.PC #YJ025 .pointer{
	width:240px;
	height: auto;
	position: absolute;
    top: 60.3%;
    left: 50%;
    transform: translate(-50%, -60.3%);
	}.MOBILE #YJ025 .pointer{
		width:155px;
		height: auto;
		position: absolute;
		top: 57%;
		left: 50%;
		transform: translate(-50%, -52%);
	}

#YJ025 .pointer img{
	display: block;
	width:100%;
	height: auto;
	animation: rotateWithPause 7s infinite; /* 動畫時間設為 7 秒，每 1/4 圈停留秒數 */
}

/* 定義旋轉動畫 */
@keyframes rotateWithPause {
    0% {
        transform: rotate(0deg);
    }
	5% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(90deg);
        /* 在此處停留 */
    }
	30%{
		transform: rotate(90deg);
	}
    50% {
        transform: rotate(180deg);
        /* 在此處停留 */
    }
	55% {
        transform: rotate(180deg);
        /* 在此處停留 */
    }
    75% {
        transform: rotate(270deg);
        /* 在此處停留 */
    }
	80% {
        transform: rotate(270deg);
        /* 在此處停留 */
    }
    100% {
        transform: rotate(360deg);
        /* 完成一圈，回到初始 */
    }
}

/* 輸入頁：項目清單區塊 */
#YJ025 .norm_case{
    width: 100%;
    height: auto;
    overflow: hidden;
    border: 1px solid #0d67d2;
    box-sizing: border-box;
}

/* 輸入頁：項目清單區塊-標題 */
.PC #YJ025 .norm_case .norm_title{
	width: 100%;
    height: 55px;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 55px;
    text-align: center;
    color: #ffffff;
    margin: 0px auto;
	}.MOBILE #YJ025 .norm_case .norm_title{
		width: 100%;
		height: 50px;
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 50px;
		text-align: center;
		color: #ffffff;
		margin: 0px auto;
	}

/* 輸入頁：項目清單區塊-標題底圖 */
.PC #YJ025 .norm_case .bar1{
	background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/input/title_bar.jpg);
    background-position: top center;
    background-repeat: no-repeat;
	background-size: cover;
	}.MOBILE #YJ025 .norm_case .bar1{
		background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/input/title_bar.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}

/* 輸入頁：項目清單區塊-內容區塊 */
.PC #YJ025 .norm_case .norm_content{
    width: 90%;
    margin: 20px auto;
    overflow: hidden;
	}.MOBILE #YJ025 .norm_case .norm_content{
		width: 95%;
		margin: 15px auto;
		overflow: hidden;
	}

/* 輸入頁：項目清單區塊-清單內容 */
#YJ025 .norm_list{
	width:100%;
	height: auto;
	overflow: hidden;
}

/* 輸入頁：項目清單區塊 */
.PC #YJ025 .norm_list ul.list_icon{
	width: 100%;
	box-sizing: border-box;
	font-size: 1.5rem;
	margin-bottom:30px;
	color: #007600;
	font-weight: bold;
	}.MOBILE #YJ025 .norm_list ul.list_icon{
		width: 100%;
		box-sizing: border-box;
		font-size: 1.3rem;
		margin-bottom:30px;
		color: #007600;
		font-weight: bold;
	}

#YJ025 .norm_list ul.list_icon:last-child{
	margin-bottom:0px;
}

/* 輸入頁：項目清單區塊-自定義清單項目符號 */
.PC #YJ025 .norm_list .list_icon li{
	background: transparent url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/input/list_icon.png) no-repeat;
	background-size: 30px 30px;
	background-position-y: 2px;
	padding-left: 35px;
	}.MOBILE #YJ025 .norm_list .list_icon li{
		background: transparent url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/input/list_icon.png) no-repeat;
		background-size: 26px 26px;
		background-position-y: 2px;
		padding-left: 30px;
	}

/* 輸入頁：項目清單區塊-二層圓點項目符號 */
.PC #YJ025 .norm_list .list_icon li>ul>li{
	background-image: none;
    list-style: disc;
    list-style-position: outside;
    box-sizing: border-box;
	padding-left: 5px;
	font-size: 1.25rem;
	color: #333333;
	font-weight: normal;
	}.MOBILE #YJ025 .norm_list .list_icon li>ul>li{
		background-image: none;
		list-style: disc;
		list-style-position: outside;
		padding-left: 0px;
		font-size: 1.2rem;
		color: #333333;
		font-weight: normal;
		box-sizing: border-box;
	}

/* 輸入頁：項目清單區塊-二層圓點項目符號(控制間距) */
.PC #YJ025 .norm_list .list_icon ul.sec_list{
	margin:8px 0px 0px 20px;
}

/* 輸入頁：項目清單區塊-二層圓點項目符號(控制間距) */
.PC #YJ025 .norm_list .list_icon ul.sec_list li{
	margin:0px 0px 8px 0px;
	}.MOBILE #YJ025 .norm_list .list_icon ul.sec_list li{
		margin:5px 0px 10px 0px;
	}

/* ===========================================*/
/* ============= 大框架區塊：結果頁 =============*/
/* ===========================================*/
.PC #YJ025 .frame{
	width: 100%;
	height: auto;
	overflow:hidden;
	margin:0 auto;
}

.PC #YJ025 .content_top img,
.PC #YJ025 .content_foot img{
    display: block;
    width:100%;
    height: auto;
    margin:0 auto;
	}.MOBILE #YJ025 .content_top img,
	.MOBILE #YJ025 .content_foot img{
		display: block;
		width:100%;
		height: auto;
		margin:0 auto;
	}

.PC #YJ025 .content{
	width: 750px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/con_bg.jpg);
    background-size: 100% auto;
	margin-bottom:20px;
	}.MOBILE #YJ025 .content{
		width:100%;
		height:auto;
		overflow:hidden;
		margin:0 auto;
		background-image:url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/con_bg.jpg);
		background-size:100% auto;
	}

/*  結果頁：表頭 */
.PC #YJ025 .result_top{
	position: relative;
	width:100%;
	height:270px; 
	overflow:hidden;
	margin: 0 auto;
	}.MOBILE #YJ025 .result_top{
		width:100%;
		height:auto; 
		overflow:hidden;
		margin: 0 auto;
	}

/* 結果頁：主視覺標題 */
.PC #YJ025 .result_top h1{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	width:685px;
	height: 270px;
	margin:0 auto;
	background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/re_title_top.png);
	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	}.MOBILE #YJ025 .result_top h1{
		width:100%;
		height: 0;
		padding-bottom:37%;/*39.416058%*/
		margin:0 auto;
		background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/re_title_top.png);
		background-size: 96% auto;
		background-position: top -2px center;
		background-repeat: no-repeat;
		text-indent: -9999px;
		margin-top:45px;
	}

/* 結果頁：內容區塊 */
.PC #YJ025 .con_box{ 
	width:670px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	}.MOBILE #YJ025 .con_box{ 
		width:90%;
		height:auto;
		overflow:hidden;
		margin:0 auto;
	}

#YJ025 .con_box img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

/* ===========================================*/
/* ============== 內容區塊：結果頁 ==============*/
/* ===========================================*/
/* 結果頁：前言區塊 */
#YJ025 .preface{
	width:100%;
	height: auto;
	overflow: hidden;
}

.PC #YJ025 .preface_bg{
	width:100%;
	height: 0px;
	padding-bottom:34.328358%;
	/* width:670px;
	height: 230px; */
	background: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/result/prewords_bg.jpg) no-repeat top center;
	background-size: cover;
	}.MOBILE #YJ025 .preface_bg{
		width:100%;
		height: 0px;
		padding-bottom:34.328358%;
		background: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/result/prewords_bg.jpg) no-repeat top center;
		background-size: cover;
	}

.PC #YJ025 .pre_words{
	width:60%;
	height: 230px;
	margin-left:auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding:0px 20px;
	box-sizing: border-box;
	}.MOBILE #YJ025 .pre_words{
		width:59%;
		height: auto;
		margin-left:auto;
		box-sizing: border-box;
		padding-right:1%;
		padding-top:4vmin;
	}

.PC #YJ025 .pre_words p{
	font-size: 1.6rem;
	line-height: 2.5rem;
	text-shadow: 2px 2px 1px #ffffff,
	-2px -2px 1px #ffffff,
	-2px 2px 1px #ffffff,
	2px -2px 1px #ffffff;
	}.MOBILE #YJ025 .pre_words p{
		font-size: 4.5vw;
		text-shadow: 2px 2px 2px #ffffff,
		-2px -2px 2px #ffffff,
		-2px 2px 2px #ffffff,
		2px -2px 2px #ffffff;
	}

/* 你的事業發展特質：命宮主星小命盤 */
.PC #YJ025 .T01_MB {
    font-family: "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 2rem;
    text-decoration: none;
    margin-left: 5px;
	}.MOBILE #YJ025 .T01_MB {
		display: block;
		font-size: 1rem;
		line-height: 1.6rem;
		text-decoration: none;
		margin-left: 5px;
	}

#YJ025 .WIDTH_WRAPPER {
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 20px;
}

.PC #YJ025 .WIDTH_WRAPPER {width: 100%;}

.MOBILE #YJ025 .WIDTH_WRAPPER {
	clear: both;
	width: 100%;
}

#YJ025 .WIDTH_WRAPPER .L_CON {
	float: left;
	width: 42%;
	height: 155px;
}

#YJ025 .WIDTH_WRAPPER .L_CON ul {
	width: 100%;
	margin-bottom: 10px;
}

#YJ025 .WIDTH_WRAPPER .L_CON li:nth-child(1) {
	margin-top: 5px;
	width: 90%;
	height: 55px;
	font-size: 1.6rem;
	line-height: 55px;
	color: #6800c6;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

.MOBILE #YJ025 .WIDTH_WRAPPER .L_CON li:nth-child(1),
.MOBILE #YJ025 .WIDTH_WRAPPER .L_CON li:nth-child(2) {
	font-size: 1.3rem;
}

#YJ025 .WIDTH_WRAPPER .L_CON li:nth-child(2) {
	display: block;
	width: 100%;
	color: #333;
	font-size: 1.6rem;
	line-height: 1.8rem;
	font-weight: bold;
}

#YJ025 .WIDTH_WRAPPER .R_CON {
	float: right;
	position: relative;
	width: 58%;
	height: 158px;
	margin-bottom: 18px;
}

#YJ025 .WIDTH_WRAPPER .R_CON ul {
	width: 98%;
	height: 155px;
	border-top: 2px solid #F3B153;
	border-right: 2px solid #F3B153;
	border-left: 1px solid #F3B153;
	border-bottom: 2px solid #F3B153;
}

#YJ025 .WIDTH_WRAPPER .R_CON li {
	float: left;
	width: 25%;
	height: 38px;
	line-height: 38px;
	text-align: center;
	background-color: #fff;
	color: #666;
	border-left: 1px solid #F3B153;
	border-bottom: 1px solid #F3B153;
}


#YJ025 .WIDTH_WRAPPER .R_CON li:nth-of-type(6) {
	border-bottom: 1px solid #fff;
}

#YJ025 .WIDTH_WRAPPER .R_CON li:nth-of-type(7) {
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#YJ025 .WIDTH_WRAPPER .R_CON li:nth-of-type(11) {
	border-left: 1px solid #fff;
}

#YJ025 .WIDTH_WRAPPER .R_CON li.NOW {
	background-color: #F3B153;
	font-weight: bold;
	color: #fff;
}

/* 列印區用 */
/* #YF025 .PRINT_BG .WIDTH_WRAPPER .R_CON li {
	width: 82px;
} */

/* 命格帶來的影響：左右雙欄樣式 */
.PC #YJ025 .norm_double_case{
	width:100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	}.MOBILE #YJ025 .norm_double_case{
		width:100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

/* 命格帶來的影響：左右雙欄樣式-左右順序對調 */
#YJ025 .row_reverse{
	flex-direction: row-reverse;
}

/* 命格帶來的影響：左右雙欄樣式-配圖 */
.PC #YJ025 .dou_phbox{
	width:35%;
	height: auto;
	}.MOBILE #YJ025 .dou_phbox{
		width:55%;
		height: auto;
	}

#YJ025 .dou_phbox img{
	display: block;
	width:100%;
	height: auto;
}

/* 命格帶來的影響：左右雙欄樣式-文字內容區塊 */
.PC #YJ025 .dou_info{
	width:65%;
	height: auto;
	}.MOBILE #YJ025 .dou_info{
		width:100%;
		height: auto;
		margin-top:5px;
	}

/* 個人紫微命盤區塊：個人資料欄位 */
.PC #YJ025 .INFOR{
	width:670px;
	height:160px;
	margin:0 auto;
	background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/result/name_bg.jpg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	padding: 13px 10px 10px 10px;
	}.MOBILE #YJ025 .INFOR {
		width: 100%;
		height: 0;
		padding-bottom: 23.1927710843373%;
		background: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/result/name_bg.jpg) no-repeat top center;
		background-size: cover;
		margin: 0 auto;
		text-align: center;
		border-bottom: 2px solid #009912;
	}

/* 個人紫微命盤區塊：個人資料欄位-性別樣式 */
.PC #YJ025 .INFOR .GENDER{ 
	display:inline-block;
	width:30px;
	height:30px;
	margin:0 auto;
	margin-bottom:-8px;
	}.MOBILE #YJ025 .INFOR .GENDER {
		display: inline-block;
		width: 5vw;
		height: 4vw;
		margin: 0 auto;
		vertical-align: baseline;
	}

#YJ025 .INFOR .GENDER img{ 
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;}

/* 個人紫微命盤區塊：個人資料欄位-文字樣式 */
.MOBILE #YJ025 .INFOR .pq_TIT_EX{
	padding-top: 2vw;
    font-size: 5vw;
    line-height: 1.4em;
}

.MOBILE #YJ025 .INFOR .pq_TXT2{
	font-size: 4vw;
	line-height: 1.2em;
}

/*橫版*/
@media screen and (min-width: 669px) and (max-width:900px) {/*i6up*/
	.MOBILE #YJ025 .INFOR .pq_TIT_EX {
		line-height: 1.5em;
	}
	.MOBILE #YJ025 .INFOR .pq_TXT2 {
		font-size: 3vw;
	}
	.MOBILE #YJ025 .INFOR .GENDER {
		width: 22px;
		height: 18px;
	}
}

/* 個人紫微命盤區塊：流年命宮、流年事業宮 */
.PC #YJ025 .MAIN_SUB{
	width: 420px;
	height: 155px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 20px;
	}.MOBILE #YJ025 .MAIN_SUB {
		width: 87%;
		height: auto;
		margin: 0 auto;
		overflow: hidden;
		margin-bottom: 15px;
		margin-top: 15px;
	}

/* 橫版 */
@media screen and (min-width: 669px) and (max-width:900px) {/*i6up*/
	.MOBILE #YJ025 .MAIN_SUB {
		width: 96%;
	}
}

/* 個人紫微命盤區塊：流年命宮樣式 */
.PC #YJ025 .MAIN_SUB li.STYLE_BOX1{
	float: left;
	width: 200px;
	height: 140px;
	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-left: 10px;
	}.MOBILE #YJ025 .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);
		overflow: hidden;
	}

	.MOBILE #YJ025 .MAIN_SUB ul:nth-child(2) li {
		margin-left: 4%;
	}

	.MOBILE #YJ025 .MAIN_SUB li:nth-child(2) {
		margin-left: 1.5%;
	}

/* 個人紫微命盤區塊：流年命宮樣式-上方標題樣式 */
.PC #YJ025 .MAIN_SUB li.STYLE_BOX1 .BOX_TOP{
	width: 200px;
	height: 50px;
	line-height: 53px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-webkit-box-shadow: inset 0px 0px 5px rgba(255,255,255,1);
	box-shadow: inset 0px 0px 5px rgba(255,255,255,1);
	border-bottom: 1px solid #fff;
	font-size: 1.2rem;
	color: #ffffff;
	text-align: center;
	}.MOBILE #YJ025 .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 rgba(255, 255, 255, 1);
		box-shadow: inset 0px 0px 5px rgba(255, 255, 255, 1);
		font-size: 4vw;
		font-family: "Microsoft JhengHei", Helvetica, Arial;
		color: #ffffff;
		text-align: center;
		padding: 8px 0;
	}

/* 個人紫微命盤區塊：流年命宮樣式-下方區塊樣式 */
.PC #YJ025 .MAIN_SUB li.STYLE_BOX1 .BOX_CON{
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
	line-height: 85px;
	}.MOBILE #YJ025 .MAIN_SUB li.STYLE_BOX1 .BOX_CON {
		font-size: 5vw;
		font-weight: bold;
		text-align: center;
		line-height: 15vw;
	}

/* 個人紫微命盤區塊：流年命宮樣式-小字樣式 */
.PC #YJ025 .MAIN_SUB .BOX_CON .SMALL{
	display: inline-block;
	font-size: .5em;
	color: #000333;
	font-weight: normal;
	}.MOBILE #YJ025 .MAIN_SUB .BOX_CON .SMALL {
		display: inline-block;
		font-size: 3vw;
		color: #000333;
		font-weight: normal;
	}


#YJ025 .BG_COLOUR1{ /*主要宮位套色 .MAIN_SUB 紫色底*/
	display: block;
	background-color: #f8eaff;
}

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

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

#YJ025 .BG_COLOUR4{ /*主要宮位套色 .MAIN_SUB 淺藍底*/
	display: block;
	background-color: #5680dc;
}

#YJ025 .TIP{text-align: center;}

/* 個人紫微命盤：此處由前端協助套版 */
#YJ025 .CHART_YEAR{
	width: 95%;
    background-color: #e9e1d2;
    border: 1px solid #b09866;
    margin-top: 10px;
    margin: 0 auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 15px;
}

#YJ025 .CHART_YEAR img{
	display: block;
	width: 100%;
	height: auto;
}

/* 2025年轉職跳槽運勢：SAM捲軸 */
.PC #YJ025 .pq_RECOM1 .WORD01{
	width: 100%;
	height: 260px;
	margin: 0 auto;
	background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/result/scroll01.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
	}.MOBILE #YJ025 .pq_RECOM1 .WORD01 {
		width: 100%;
		height: 0;
		overflow: hidden;
		padding-bottom: 42%;
		margin: 0 auto;
		background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/result/scroll01.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		position: relative;
	}

/* 2025年轉職跳槽運勢：SAM捲軸-文字樣式 */
.PC #YJ025 .pq_RECOM1 .WORD01 p{
	position: absolute;
	top: 45%;
	right: 20%;
	line-height: 3rem;
	}.MOBILE #YJ025 .pq_RECOM1 .WORD01 p {
		position: absolute;
		top: 40%;
		right: 13vw;
		line-height: 2rem;
		font-size: 1.5rem;
	}
	.MOBILE #YJ025 .pq_TSP2 {
		font-family: "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial;
	}

/*橫版*/
@media screen and (min-width: 415px) and (max-width:668px) {
	/*i6*/
	.MOBILE #YJ025 .pq_RECOM1 .WORD01 p {
		top: 11vw;
		right: 10vw;
		font-size: 2rem;
		line-height: 2.5rem;
	}
}

@media screen and (min-width: 669px) and (max-width:900px) {
	/*i6up*/
	.MOBILE #YJ025 .pq_RECOM1 .WORD01 p {
		top: 48%;
		right: 16vw;
		font-size: 2rem;
		line-height: 2.5rem;
	}
}

/* 2025年轉職跳槽運勢：SAM捲軸-星星指數 */
.PC #YJ025 .STARS{
	display: inline-block;
	width: 160px;
	height: 30px;
	overflow: hidden;
	margin-bottom: -5px;
	}.MOBILE #YJ025 .STARS {
		display: inline-block;
		width: 125px;
		height: 25px;
		overflow: hidden;
		margin-bottom: -5px;
	}

/* 2025轉職跳槽運勢：二層段落標 */
#YJ025 .STYLE_BAR1{
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	flex-direction: column;
	flex-wrap: nowrap;
	margin: 25px auto 13px auto;
	height: 100px;
	background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/result/STYLE_BAR_BG01.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-line-pack: center;
}

.PC #YJ025 .STYLE_BAR1 {
	width: 598px;
	background-size: contain;
	}.MOBILE #YJ025 .STYLE_BAR1 {
		width: 100%;
		background-size: cover;
	}

/* 2025轉職跳槽運勢：二層段落標-文字樣式 */
#YJ025 .STYLE_BAR1 p{
	display: block;
	text-align: center; 
	color: #004b9f;
	font-weight: normal;
	text-shadow: 1px 0px 0px rgb(255 255 255 / 80%);
	}
	#YJ025 .STYLE_BAR1 span{font-weight: bold;}


/* 2025轉職跳槽運勢：二層段落標-項目符號 */
#YJ025 .pq_RECOM1 .NEW_ICON{
	margin-top: 12px;
	position: relative;
	padding-left: 32px;
}

/* 2025轉職跳槽運勢：二層段落標-項目符號底圖 */
#YJ025 .pq_RECOM1 .NEW_ICON::before{
	content: '';
	position: absolute;
	left: 0;
	display: inline-block;
	width: 28px;
	height: 28px;
	background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/input/list_icon.png);
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: center 3px;
}

/* 2025原職運勢：關鍵文字區塊 */
#YJ025 .pq_RECOM1 .WORD02{
	width: 90%;
	height: 100px;
	margin: 0 auto;
	margin-top: 25px;
	border-radius: 12px;
    background-color: #f5fff4;
    box-shadow: inset 0px 0px 6px 6px rgb(210 243 210);	
	}
	.MOBILE #YJ025 .pq_RECOM1 .WORD02 {
		width: 90%;
		height: 72px;
		margin: 0 auto;
		margin-top: 10px;
		border-radius: 12px;
		background-color: #f5fff4;
		box-shadow: inset 0px 0px 6px 6px rgb(210 243 210);
	}

/* 2025原職運勢：關鍵文字區塊-文字樣式 */
.PC #YJ025 .pq_RECOM1 .WORD02 p{
	text-align: center;
	padding-top: 20px;
	color: #000000;
	font-weight: bold;
	}.MOBILE #YJ025 .pq_RECOM1 .WORD02 p {
		text-align: center;
		padding-top: 5px;
		font-size: 1.8rem;
		color: #000000;
		font-weight: bold;
	}

#YJ025 .pq_RECOM_BOX .pq_TXT3+.pq_TXT3{margin-top: 20px;}

/* 轉職跳槽秘訣：三大注意事項 */
#YJ025 .STYLE_BAR2{
	border-radius: 12px; 
    display: flex;
    align-items: center;
	justify-content: center;
	flex-direction: column;
	flex-wrap: nowrap;
	background-color: #fff7f0;
	box-shadow: inset 0px 0px 6px 6px #ffe2d1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.PC #YJ025 .STYLE_BAR2 {
	margin: 40px auto 12px auto;
	height: 100px;
	}.MOBILE #YJ025 .STYLE_BAR2 {
		margin: 20px auto 8px auto;
		height: 84px;
	}

/* 轉職跳槽秘訣：三大注意事項-文字樣式 */
#YJ025 .STYLE_BAR2 p{
	display: block;
	text-align: center; 
	color: #000000;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.6;
}

#YJ025 .STYLE_BAR2 span{
	color: #ff0000;
	font-size: 24px;
}

/* 你的事業天職：產業別與職務別區塊 */
#YJ025 .STYLE_BAR3{
	width: 100%;
	height: 38px;
	margin-top: 25px;
	font-weight: bold;
	text-align: left;
	color: #000;
	position: relative;
	margin-left: 20px;
}

/* 你的事業天職：產業別與職務別區塊-項目樣式符號 */
#YJ025 .STYLE_BAR3::before{
	content: '';
	display: block;
	width: 5px;
	height: 24px;
	background-color: #006b60;
	position: absolute;
	top: 4px;
	left: -17px;
}

/* 你的事業天職：產業別與職務別區塊-控制項目左右間距 */
#YJ025 ul.NEW_PADDING{
	padding-left: 40px;
	
	}
.PC #YJ025 ul.NEW_PADDING{
		margin-bottom:40px;
		}
	.MOBILE #YJ025 ul.NEW_PADDING{
		padding-left: 40px;
	}

/* 你的事業天職：產業別與職務別區塊-控制項目高度 */
.PC #YJ025 ul.NEW_PADDING li{height: 24px;}

#YJ025 ul.NEW_PADDING li+li{padding-top: 0px;}
#YJ025 .pq_LIST_NUM li+li{margin-top: 20px;}

/* 控制方形項目清單 */
#YJ025 .pq_LIST_SQR{padding-left: 25px;}
#YJ025 .pq_LIST_SQR li+li{margin-top: 20px;}

/* 你的事業天職：小提醒區塊 */
.PC #YJ025 .REC_BOX{
	width: 100%;
	height: auto;
	border-radius: 10px;
	background-color: #fffcc6;
	padding: 20px 29px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 20px;
	}.MOBILE #YJ025 .REC_BOX {
		width: 100%;
		height: auto;
		border-radius: 10px;
		background-color: #fffcc6;
		padding: 9px 14px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin-top: 20px;
	}

/* 你的事業天職：小提醒區塊-文字樣式 */
.PC #YJ025 p.TIP2{
	width: 100%;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #bbb870;
	margin-bottom: 15px;
	padding-bottom: 10px;
	}.MOBILE #YJ025 p.TIP2 {
		width: 100%;
		font-weight: bold;
		text-align: center;
		border-bottom: 1px solid #bbb870;
		margin-bottom: 8px;
		padding-bottom: 3px;
	}

/* 幾月適合換工作區塊：運勢曲線圖標題樣式 */
#YJ025 .STYLE_BAR4{
	width: 100%;
	height: 45px;
	line-height: 45px;
	background-color: #0a53a7;
	border-radius: 5px;
	margin-top: 25px;
	margin-bottom: 13px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}

/* 幾月適合換工作區塊：農曆1-12月大圖 */
#YJ025 .LUNAR_CAL{
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

/* 幾月適合換工作區塊：農曆1-12月大圖背景 */
#YJ025 .LUNAR_CAL .CURVE_DATA {
	width: 100%;
	height: 0;
	padding-bottom: 46.875%;
	margin: 0 auto;
	overflow: hidden;
	background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/result/lunar2019.png);
	background-repeat: no-repeat;
}

.PC #YJ025 .LUNAR_CAL .CURVE_DATA{
	background-size: cover;
	background-position: center;
	}
.MOBILE #YJ025 .LUNAR_CAL .CURVE_DATA {
		background-size: 97% auto;
		background-position: left top;
	}

/* 幾月適合換工作區塊：農曆正方圖-宜跳槽 */
.PC #YJ025 .OLD_CAL{
	position: relative;
	width: 260px;
	height: 260px;
	margin: 0 auto;
	overflow: hidden;
	background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/result/oldcalendar.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	}.MOBILE #YJ025 .OLD_CAL {
		position: relative;
		width: 240px;
		height: 240px;
		margin: 0 auto;
		overflow: hidden;
		background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/result/oldcalendar.png);
		background-repeat: no-repeat;
		background-size: 100% auto;
	}

/* 幾月適合換工作區塊：農曆正方圖內容盒子 */
.PC #YJ025 .OLD_CAL .CAL_BOX{
	position: absolute;
    text-align: center;
    width: 100%;
    height: auto;
    left: 59%;
    top: 50%;
    transform: translate(-50%, -50%);
	}.MOBILE #YJ025 .OLD_CAL .CAL_BOX {
		position: absolute;
		text-align: center;
		width: 210px;
		height: auto;
		left: 17%;
		top: 25%;
	}

/* 幾月適合換工作區塊：農曆正方圖內容盒子-宜跳槽底圖 */
.PC #YJ025 .CAL_BOX span.CAL_ICON{
	display: inline-block;
	width: 55px;
	height: 55px;
	background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/result/icon_8.png);
	background-repeat: no-repeat;
	background-position-x: -2px;
	background-size: 100% auto;
	font-size: 2rem;
	line-height: 55px;
	color: #ffffff;
	}.MOBILE #YJ025 .CAL_BOX span.CAL_ICON {
		display: inline-block;
		width: 50px;
		height: 50px;
		background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/result/icon_8.png);
		background-repeat: no-repeat;
		background-position-x: -2px;
		background-size: 100% auto;
		font-size: 2rem;
		line-height: 53px;
		color: #ffffff;
	}

/* 幾月適合換工作區塊：農曆正方圖內容項目清單樣式 */
#YJ025 .pq_LIST_ICON2 li{
	background-size: 30px 30px;
	background-position-y: 2px;
	padding-left: 35px;
	text-indent: 0.2px;
	background-repeat: no-repeat;
}

/* 幾月適合換工作區塊：農曆正方圖內容項目清單樣式-項目符號 */
#YJ025 .pq_LIST_ICON2 li:nth-child(1){background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/result/icon_1.png);}
#YJ025 .pq_LIST_ICON2 li:nth-child(2){background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/result/icon_2.png);}
#YJ025 .pq_LIST_ICON2 li:nth-child(3){background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/result/icon_3.png);}
#YJ025 .pq_LIST_ICON2 li:nth-child(4){background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/result/icon_4.png);}
#YJ025 .pq_LIST_ICON2 li:nth-child(5){background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/result/icon_5.png);}
#YJ025 .pq_LIST_ICON2 li:nth-child(6){background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/result/icon_6.png);}
#YJ025 .pq_LIST_ICON2 li:nth-child(7){background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/result/icon_7.png);}

/* 幾月適合換工作區塊：分隔線 */
#YJ025 .BLANK_LINE{
	width:100%;
	height:20px;
	border-bottom: 1px dashed #ccc;
	margin-top: 5px;
	margin-bottom: 15px;
}

/* 幾月適合換工作區塊：農曆正方圖-不宜跳槽 */
.PC #YJ025 .OLD_CAL2{
	position: relative;
	float: left;
	width: 200px;
	height: 185px;
	overflow: hidden;
	background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/result/oldcalendar2.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% auto;
	}.MOBILE #YJ025 .OLD_CAL2 {
		position: relative;
		width: 200px;
		height: 200px;
		overflow: hidden;
		margin: 0 auto;
		background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/result/oldcalendar2.png);
		background-repeat: no-repeat;
		background-size: 100% auto;
	}

/* 幾月適合換工作區塊：農曆正方圖內容盒子-不宜跳槽 */
.PC #YJ025 .OLD_CAL2 .CAL_BOX2{
	position: absolute;
	text-align: center;
	width: 150px;
	height: auto;
	left: 13%;
	top: 28%;
	}.MOBILE #YJ025 .OLD_CAL2 .CAL_BOX2 {
		position: absolute;
		text-align: center;
		width: 160px;
		height: auto;
		left: 11%;
		top: 25%;
	}

/* 幾月適合換工作區塊：農曆正方圖內容盒子-不宜跳槽底圖 */
.PC #YJ025 .CAL_BOX2 span.CAL_ICON{
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/result/icon_9.png);
	background-repeat: no-repeat;
	background-position-x: 0; /*-2px*/
	background-position-y: -1px;
	background-size: 100% auto;
	font-size: 1.4rem;
	line-height: 40px;
	color: #ffffff;
	}.MOBILE #YJ025 .CAL_BOX2 span.CAL_ICON {
		display: inline-block;
		width: 40px;
		height: 40px;
		background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/result/icon_9.png);
		background-repeat: no-repeat;
		background-position-x: 0px;
		background-position-y: -1px;
		background-size: 100% auto;
		font-size: 1.4rem;
		line-height: 40px;
		color: #ffffff;
	}

/* 幾月適合換工作區塊：農曆字型樣式 */
#YJ025 .OCT01{
	font-size: 2em;
	line-height: 1.4em;
}
#YJ025 .OCT02{
	font-size: 1.1em;
	line-height: 1.4em;
	}.MOBILE #YJ025 .OCT02 {
		font-size: 1rem;
	}

#YJ025 .OCT03{
	font-size: 1.6em;
	line-height: 1em;
}

#YJ025 .OCT01_S{
	font-size: 1.6em;
	line-height: 1.4em;
	}.MOBILE #YJ025 .OCT01_S {
		line-height: 2.8rem;
	}

#YJ025 .OCT02_S{
	font-size: .85em;
	line-height: 1.5em;
}

#YJ025 .OCT03_S{
	font-size: 1.4rem;
	line-height: 1.5em;
}

/*張盛舒手寫簽名*/
#YJ025 .SIG{
	width: 130px;
	height: 65px;
	float: right;
	margin-top: 15px;
	background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/result/sam_sig.png);
	background-size: contain;
}

.MOBILE #YJ025 .pq_TWO_COM .pq_REPIC{
	width: 72%;
}

/* 消失區塊 */
.PC #float_icon{display: none;}
.MOBILE #YJ025-wrapper .M_none, .MOBILE #YJ025-wrapper #watermark-wrapper {display: none;}


/* ===========================================*/
/* ================== 免費頁 ==================*/
/* ===========================================*/
#YJ025 .free_trial{
	width: 100%;
	height: 50px;
	line-height: 48px;
	background: linear-gradient(-45deg, #ffa50a, #ffe15d, #ff9900);
	background-size: 300%;
	animation:downbar-effect 10s linear infinite;
	padding:2px 0px;
	transition: all .3s ease-in-out;
	box-shadow: inset 0 1px 10px #ffeebe;
}

.PC #YJ025 .free_trial p{
	color: #ffffff;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	text-shadow: 2px 2px 2px #e7a900,
	-2px -2px 2px #e7a900,
	-2px 2px 2px #e7a900,
	2px -2px 2px #e7a900;
	}.MOBILE #YJ025 .free_trial p{
		color: #ffffff;
		text-align: center;
		font-size: 1.4rem;
		font-weight: bold;
		text-shadow: 2px 2px 2px #e7a900,
		-2px -2px 2px #e7a900,
		-2px 2px 2px #e7a900,
		2px -2px 2px #e7a900;
	}

@keyframes downbar-effect{
	0%{background-position: 0% 50%;}
	50%{background-position: 100% 50%;}
	100%{background-position: 0% 50%;}
}

.PC #YJ025 span.arrow{
	display: inline-block;
	border-color:transparent;
	border-style:solid;
	border-width:0 .9rem;
	border-top:1.2rem solid#ffffff;
	height: 0;
	animation: downarrow .6s ease-in-out infinite alternate;
	margin:0px 10px;
	}.MOBILE #YJ025 span.arrow{
		display: inline-block;
		border-color:transparent;
		border-style:solid;
		border-width:0 .7rem;
		border-top:1rem solid#ffffff;
		height: 0;
		animation: downarrow .6s ease-in-out infinite alternate;
		margin:0px 6px;
	}

@-webkit-keyframes downarrow {
	0% { -webkit-transform: translateY(0); opacity: 0.4 }
	100% { -webkit-transform: translateY(0.1rem); opacity: 1 }
}

#YJ025 .WORD01 .FZ_TXT{/*兩行模糊字*/
	position: absolute;
	width: 32%;
	height: 0;
	padding-bottom: 18%;
	background-size: cover;
	margin: 0 auto;
	overflow: hidden;
	background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/free/scroll_fuzzy1.png);
	background-repeat: no-repeat;
	top: 41%;
	right: 16%;
}

#YJ025 .WORD02 .FZ_TXT {
	/*一行模糊字*/
	width: 100%;
	height: 0;
	padding-bottom: 22.6%;
	margin: 0 auto;
	overflow: hidden;
	background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/free/scroll_fuzzy2.png);
	background-repeat: no-repeat;
	opacity: .7;
}

.PC #YJ025 .WORD02 .FZ_TXT{
	background-size: 50% auto;
	background-position: center 12px;
	}.MOBILE #YJ025 .WORD02 .FZ_TXT {
		background-size: 75%;
		background-position: center 6px;
	}

/* 範例結果頁 */
#YJ025 .sample_result{
	width:100%;
	height: auto;
	overflow: hidden;
}

.PC #YJ025 .sample_top{
	width:100%;
	height: 0px;
	padding-bottom:39.850746%;
	background: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/free/free_sample_bg.jpg) no-repeat top center;
	background-size: cover;
	position: relative;
	margin-top:20px;
	margin-bottom:10px;
	}.MOBILE #YJ025 .sample_top{
		width:100%;
		height: 0px;
		padding-bottom:39.850746%;
		background: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/free/free_sample_bg.jpg) no-repeat top center;
		background-size: 105% auto;
		position: relative;
		margin-top:0px;
		margin-bottom:30px;
	}

.PC #YJ025 .sample_top .pq_e_BT ul.ONE{
	width: 80%;
	margin:0 auto;
	}.MOBILE #YJ025 .sample_top .pq_e_BT ul.ONE{
		width: 100%;
		margin:0 auto;
	}

.PC #YJ025 .sample_top .pq_e_BT{
	position: absolute;
    left: 32.5%;
    top: 78%;
    transform: translate(-50%, -50%);
	}.MOBILE #YJ025 .sample_top .pq_e_BT{
		width: 50%;
		position: absolute;
		left: 32%;
		top: 87%;
		transform: translate(-50%, -50%);
	}

#YJ025 .sample_area{
	width:100%;
	height: auto;
}

.PC #YJ025 .sample_area img{
	display: block;
	width:90%;
	height: auto;
	margin:0 auto;
	margin-top:20px;
	}.MOBILE #YJ025 .sample_area img{
		display: block;
		width:100%;
		height: auto;
		margin:0 auto;
		margin-top:20px;
	}

#YJ025 .sample_area img:first-child{
	margin-top:0px;
}

/* 結尾宣傳圖 */
#YJ025 .end_phbox{
	width:100%;
	height: auto;
	margin-top:20px;
}

#YJ025 .end_phbox img{
	display: block;
	width:90%;
	height: auto;
	margin:0 auto;
}

.PC #YJ025 .end_phbox .pq_e_BT{margin-top:20px;}
.MOBILE #YJ025 .end_phbox .pq_e_BT{
	width:300px;
	margin: 0 auto;
	margin-top:15px;
}

.MOBILE #YJ025 .sample_top .pq_e_BT a{
	height: 45px;
}

.MOBILE #YJ025 .sample_top .pq_e_BT .pq_BT_SROUND{
	font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif, Helvetica, Arial;
    font-size: 1.3rem;
	text-align:center;
	line-height:45px;
}

/*================防止iPADmini沒有背景================*/
@media (max-width: 768px){
	.PC #YJ025{
		width: 100%;
        height: auto;
        overflow: hidden;
        background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/bg.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
        background-attachment: initial;
		background-color: #05c69f;
	}
}

/*================裝置橫向樣式設定================*/
/* iPhone6 to iPhoneX Landscape */
@media only screen 
	and (min-device-width: 375px) 
	and (max-device-width: 821px) 
	and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: landscape) { 
		.MOBILE #YJ025 .pq_RECOM1 {
			width: 100%;
			height: auto;
			overflow: hidden;
			border: 3px solid #019319;
			border-top: none;
			margin-top: 0px;
		}
}

#YJ025 .LUNAR_CAL .CURVE_DATA {
    background-image: url(https://imgs.click108.com.tw/unit001/year-job/YJ025/images/result/lunar2019.png) !important;
}
.MOBILE #YJ025 .LUNAR_CAL .CURVE_DATA #curve_data_chart {
  width: 76%;
  height: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-54%, -40%);
    -ms-transform: translate(-54%, -40%);
            transform: translate(-54%, -40%);
}
.PC #YJ025 .LUNAR_CAL .CURVE_DATA #curve_data_chart{
  width: 75%; 
  height: 160px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-52%, -46%);
  -ms-transform: translate(-52%, -46%);
      transform: translate(-52%, -46%);
}
#YJ025 .LUNAR_CAL .CURVE_DATA {
    position: relative;
}