@import url("reset.css");
body{
	-webkit-text-size-adjust:none;
	text-decoration:none;
	font-family: "微軟正黑體", "新細明體", "細明體",Arial, Helvetica, sans-serif;
	}
/*共用間距*/
.PC #it236 .BLANK{ width:100%; height:20px;}	
.MOBILE #it236 .BLANK{ width:100%; height:10px;}
/*共用樣式*/
#it236 img{width: 100%;}
/*共用樣式-行星顏色*/
#it236 .SOLAR_COLOR{color: #ff3c00;}
#it236 .MOON_COLOR{color: #012ba4;}
#it236 .MERCURY_COLOR{color: #1a8dd4;} 
#it236 .VENUS_COLOR{color: #f44154;}
#it236 .MARS_COLOR{color: #d80000;}
#it236 .JUPITER_COLOR{color: #00a13a;}
#it236 .SATURN_COLOR{color: #6800c6;}
#it236 .URANUS_COLOR{color: #0068dd;}
#it236 .NEPTUNE_COLOR{color: #6b8e23;}
#it236 .PLUTO_COLOR{color: #a83700;}
#it236 .ASC_COLOR{color: #b37300;}

/*==============桌機版================桌機版==============桌機版=============================================*/
/*PC表頭尾*/	
.PC .PC_LOGIN, .PC .FOOT_PC{ width:100%; display:block;}
/*PC表頭尾*/

/*消失區*/
.PC #float_icon, .PC #header, .PC .FOOT_MOBILE{ display:none;}
/*消失區尾*/

		

/*框架區*/
.PC #it236{
	width:100%;
	height:auto;
	overflow:hidden;
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/top_bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	background-attachment: fixed;
	font-size: 16px;}
/*框架區尾*/

/*表頭區*/	
/*TOP*/
.PC #it236 .TOP_BG_O{
	width: 880px;
	height: 590px;
	margin: 0 auto;
	position:relative;
	left:50%;
	margin-left: -452px;
	text-indent:-9999px;	
}
.PC #it236 .TOP_BG_O h1{
	width: 880px;
	height: 590px;
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/top_title.png);
	background-position: top center;
	background-repeat:no-repeat;
	background-size: 94% auto;
	text-indent:-9999px;
}
/*表頭區尾*/
/*內容區*/
.PC #it236 .CONTENT{
	width:750px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/con_bg.jpg);
	background-size:100% auto;
	}
.PC #it236 .CONTENT .CON_IMG_M{
	width: 88%;
	margin: 0 auto;
	margin-bottom: 15px;
}
/*內容框架*/
.PC #it236 .CONTENT_TOP img, .PC #it236 .CONTENT_FOOT img{display:block; width:750px; height:50px; margin:auto;}
.PC #it236 .CONTENT_FOOT{
	transform: rotate(180deg);
}
/*=========================輸入頁面頭區 尾================*/
.PC #it236 .CON_BOX{ 
	width:670px;
	height:auto;
	overflow:hidden;
	margin:0 auto;}
.PC #it236 .pq_INBAR{
	width: 100%;
    height: 66px;
    margin: 0 auto;
    text-align: center;
    font-size: 1.6rem;
    line-height: 66px;
    color: #FFF;
    font-weight: bold;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	background-color: #f1b843;}
.PC #it236 .pq_INPUT_BOX1 .pq_INBOX{
	padding: 2% 8%;
    color: #333;
    background-color: #fff;
	border: 1px solid #f1b843;
    box-shadow: inset 0px 0px 20px 10px rgba(255,219,90,.3);
    -webkit-box-shadow: inset 0px 0px 20px 10px rgba(255,219,90,.3);
    -moz-box-shadow: inset 0px 0px 20px 10px rgba(255,219,90,.3);
}
.PC #it236 .IN_INPUT{
	width:92%;
	margin:0 auto;
	margin-top:5px;}
.PC #it236 .IN_INPUT .textfieldC{width: 100%;}
.PC #it236 .IN_INPUT .TXT{
	width: 100%;
	line-height: 45px;
	font-size: 1.3rem;
	font-weight: bold;
	text-align: center;
}
/*占術介紹*/
.PC #it236 .CON_BOX_BAR02{/*NEW*/
	width:100%;
	height:60px;
	margin:0 auto;
	background-color: #caccff;}
.PC #it236 .CON_BOX_BAR02 p{/*NEW*/
	font-size:1.6rem;
	line-height:60px;
	color: #1e31a2;
	font-weight:bold;
	text-align:center;}
.PC #it236 .CON_BOX_BG02{/*NEW*/
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	border: 1px solid #caccff;}


.PC #it236 .CON_BOX_BG02 .BOX_INSET{/*內縮*/
	width: 90%; 
	height: auto;
	clear:both;
	overflow: hidden;
	margin: 0 auto; 
	margin:10px auto;}
.PC #it236 .CON_BOX_BG02 .LISTIMG{/*配圖*/
	float:left;
	width:200px;
	margin-right: 30px;}
.PC #it236 .CON_BOX_BG02 .LISTIMG img{width: 100%;height: auto;}
.PC #it236 .CON_BOX_BG02 .LISTBOX{
	width:auto;
	height:auto;
	overflow:hidden;}
.PC #it236 .CON_BOX_BG02 .LISTBOX li{
	width:auto;
	height:auto;
	overflow:hidden;
	margin-bottom: 5px;
	line-height: 1.6em;
	font-size:1.2em;
	color:#333;}
.PC #it236 .CON_BOX_BG02 .LISTBOX li span{
		font-size: 1.1rem;}
.PC #it236 .CON_BOX_BG02 .LISTBOX ul li.LIST_ICON{
	float: left;
	width:18px;
	height: 18px;
	margin-right: 5px;
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/input_icon2.png);
	background-size: 18px 18px;
	background-position: left bottom ;
	background-repeat: no-repeat;
	margin-top: 3px;}

/*==輸入頁用造型按鈕==*/
.PC #it236 .pq_e_BT .TWO .pq_BT_FREE1{
	font-family: 微軟正黑體, "Microsoft JhengHei", sans-serif, Helvetica, Arial;
    display: block;
    width: 258px;
    height: 62px;
    background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/pq_BT.png);
    background-size: cover;
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 61px;
    text-align: center;
    text-shadow: rgb(0, 0, 0) 0px 0px 8px;
    margin: 5px auto;
    background-position: center top;
    background-repeat: no-repeat;
    text-decoration: none;}
.PC #it236 .pq_e_BT .TWO .pq_BT_FREE1:hover{
	background-position: bottom;}
/*==輸入頁用造型按鈕 尾==*/
/*==結果頁用造型按鈕==*/
.PC #it236 .pq_e_BT .ONE .pq_BT_FREE1{
	font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif, Helvetica, Arial;
    display: block;
    width: 275px;
    height: 66px;
    margin: 0px auto;
    background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/pq_BT.png);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 68px;
    text-align: center;
	text-shadow: 0 0 8px rgba(0,0,0,1);}
.PC #it236 .pq_e_BT .ONE .pq_BT_FREE1:hover{
	background-position: bottom;}
/*==結果頁用造型按鈕 尾==*/
/*==浮水按鈕==*/
.PC #it236-wrapper .NEW_BT_F{/*浮水按鈕*/
	width: 100%;
	height: 65px;
	position:fixed;
	bottom:0;
	z-index:1000;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/bt_bg.png);
	background-repeat:repeat;
	padding-top:5px;}
	
.PC #it236-wrapper .NEW_BT_F a{/*浮水按鈕*/
	font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif, Helvetica, Arial;
    display: block;
    width: 240px;
    height: 58px;
    margin: 0px auto;
    background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/pq_BT.png);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 60px;
    text-align: center;
	text-shadow: 0 0 8px rgba(0,0,0,1);}
.PC #it236-wrapper .NEW_BT_F a:hover{
	background-position: bottom;}
/*==浮水按鈕==*/
/*=========================輸入頁面尾區================*/
/*=========================結果頁面區================*/
/*表頭區*/	
.PC #it236 .RE_TOP{
	position:relative;
	width: 870px;
	height: 285px;
	margin: 0 auto;
}
.PC #it236 .RE_TOP h1{
	position: absolute;
	width: 870px;
	height: 285px;
	margin:0 auto;
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/result/title.png);
	background-position: top center;
	background-repeat:no-repeat;
	text-indent:-9999px;
	top: 15px;
}
/*引導區*/
.PC #it236 .TOP_TXT {
	width: 95%;
	height: auto;
	margin: 0 auto;
	margin-top: 10px;}
.PC #it236 .TOP_TXT img{width: 100%;height: auto;}
.PC #it236 .GUIDE{
	width:92%;
	height:auto;
	overflow:hidden;
	margin: 0 auto;
	margin-bottom: 20px;}
.PC #it236 .GUIDE li{
	float: left;}
.PC #it236 .GUIDE li.PH{width: 28%;margin-right: 5%;}
.PC #it236 .GUIDE li.PH img{width: 100%;}
.PC #it236 .GUIDE li{width: 60%;}
/*引導區end*/
/*專屬你的命運星圖區*/
.PC #it236 .MY_RECOM{
	width: 100%;
	overflow: hidden;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/result/my_star_bg.jpg);
	background-repeat: repeat-y;
}
/*個人資料欄位*/
.PC #it236 .INFO_BOX{
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 10px;}
.PC #it236 .INFO_BOX p{text-align: center;}
.PC #it236 .INFO_BOX span.GENDER{
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-bottom: -8px;}
.PC #it236 .INFO_BOX span.GENDER img{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
	margin-left: 8px;}
/*假星盤圖*/
.PC #it236 .FAKE_IMG{
	width: 80%;
	margin: 0 auto;
	border: 3px solid #1e31a2;}
/*行星宮位清單*/
.PC #it236  .PV_BOARD{
    width: 100%;
	margin: 0 auto;
    overflow: hidden;
	box-sizing: border-box;
	margin-top: 15px;
}
/*顏色*/
#it236 .T_BG_01{background-color: #d3befc;}
#it236 .T_BG_02{background-color: #fff;}
#it236 .T_BG_03{background-color: #f6f6f6;}
/*圓角*/
#it236 .RADIUS_UP{
	border-top-left-radius:20px;
	border-top-right-radius:20px;
}
#it236 .RADIUS_DOWN{
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
}
.PC #it236  .THREE_BOX{
	width: 80%;
	height: auto;
	margin: 0 auto;
	border: 1px solid #eee;
	box-shadow: inset 0px 0px 3px 3px rgb(204 204 204 / 10%);
}
.PC #it236  .THREE_BOX ul{
	display: block;
	overflow: hidden;
}
.PC #it236  .THREE_BOX li.BAR2{
	float: left;
	height:65px;
	width: 33.333%;
	border-right: 1px solid #eee;
	box-sizing: border-box;
}
.PC #it236  .THREE_BOX li:nth-child(3){
	border-right: none;
}
.PC #it236  .THREE_BOX .T_ONE2 li{
	line-height: 65px;
	text-align: center;
}
.PC #it236  .THREE_BOX .SCORE1{/*行星角度*/
	text-align: center;
}
.PC #it236  .THREE_BOX .SCORE1 p{
	font-weight: bold;
	line-height: 70px;
}
.PC #it236  .THREE_BOX .SCORE1 .SOL_ICON{/*圖＋行星*/
	display: inline-block;
    width: 32px;
    height: 32px;
    margin-bottom: -8px;
	margin-right: 10px;
}
.PC #it236  .THREE_BOX .SCORE1 .SOL_ICON img{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;}
.PC #it236  .THREE_BOX .PALACE a{/*宮位＋連結*/
	display: block;
	text-align: center;
	line-height: 70px;
	color: royalblue;
	text-decoration: underline;
}
.PC #it236  .THREE_BOX .PALACE a::after{content: ' >';}
/*專屬你的命運星圖區end*/
.PC #it236 .TOP_TXT{/*引導圖*/
	width: 95%;
	margin: 0 auto;}
/*******行星解析固定格式*******/
/*行星落在什麼星座*/
.PC #it236 .MAIN_TXT{
	width: 80%;
	height: 80px;
	margin: 0 auto;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/result/deco_line2.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	font-family: "微軟正黑體", "Microsoft JhengHei", "sans-serif", Helvetica, Arial;
    font-size: 2rem;
    line-height: 70px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.PC #it236 .SEC_TXT{
	width: 80%;
	height: 70px;
	margin: 0 auto;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/result/deco_line.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	font-family: "微軟正黑體", "Microsoft JhengHei", "sans-serif", Helvetica, Arial;
    font-size: 1.8rem;
    line-height: 70px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.PC #it236 .MAIN_TXT .SOL_ICON{
	display: inline-block;
    width: 38px;
    height: 38px;
    margin-bottom: -8px;
	margin-right: 10px;
}
.PC #it236 .MAIN_TXT .SOL_ICON img{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;}
/*行星落入第幾宮*/
.PC #it236 .MAIN_TXT2{
	width: 80%;
	margin: 0 auto;
	margin-bottom: 10px;
}
.PC #it236 .MAIN_TXT2 li{
	font-family: "微軟正黑體", "Microsoft JhengHei", "sans-serif", Helvetica, Arial;
    font-size: 2rem;
    line-height: 50px;
	font-weight: bold;
	text-align: center;
	width: 100%;
}
.PC #it236 .MAIN_TXT2 li:nth-child(3){line-height: 0px;}
/*行星落入第幾宮end*/
/*靈魂區*/
.PC #it236 .SOUL_CON{
	width: 90%;
	overflow: hidden;
	margin: 0 auto;
}
.PC #it236 .SOUL_CON li{
	width: 49%;
	height: 210px;
	padding: 5% 6%;
	float: left;
	list-style: none;
}
.PC #it236 .SOUL_CON li+li{margin-left: 2%;}
.PC #it236 .SOUL_CON li.OUTSIDE{
	background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/result/soul_bg1.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.PC #it236 .SOUL_CON li.OUTSIDE p:nth-of-type(1){color: #fa9c72;}
.PC #it236 .SOUL_CON li.INSIDE{
	background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/result/soul_bg2.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.PC #it236 .SOUL_CON li.INSIDE p:nth-of-type(1){color: #3ebbca;}
.PC #it236 .SOUL_CON li p:nth-of-type(1){
	text-align: center;
	margin-top: 60px;}
/*靈魂區end*/
/*宮位圖*/
.PC #it236 .POSITION_COM{width: 100%;}
.PC #it236 .POSITION_COM .POSITION_IMG{
	width: 200px;
	height: 200px;
	float: left;
	margin-left: 10px;
	position: relative;}
.PC #it236 .POSITION_COM .SOL_ICON{
	display: block;
	width: 66px;
	height: 66px;
	left: 0;
	top: 0;
	margin-top: 67px ;
	margin-left: 67px;
	position: absolute;
}
.PC #it236 .POSITION_COM .POSITION_BG img{
	width: 200px;
	margin: 0 auto;}
.PC #it236 .POSITION_COM .TEXT{
	float: right;
	width: 335px;
}
/*宮位圖end*/
/*******行星解析固定格式end*******/
/*******相位角度格式*******/
/*引言*/
.PC #it236 .SUMMARY{
	font-family: "微軟正黑體", "Microsoft JhengHei", "sans-serif", Helvetica, Arial;
    font-size: 1.1rem;
    line-height: 1.8rem;
    text-decoration: none;
	color: #b37300;
	text-align: left;
}
.PC #it236 .MATCH_COM{
	clear: both;
	width: 80%;
	height: 70px;
	margin: 0 auto;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/result/deco_line3.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	font-family: "微軟正黑體", "Microsoft JhengHei", "sans-serif", Helvetica, Arial;
    font-size: 2rem;
	margin-top: 30px;
}
.PC #it236 .MATCH_COM li{
	display: inline-block;
}
.PC #it236 .MATCH_COM li:nth-child(1){
	width: 44%;
    font-weight: bold;
	text-align: right;	
}
.PC #it236 .MATCH_COM li:nth-child(2){
	width: 6%;
	text-align: center;
	font-weight: normal;
}
.PC #it236 .MATCH_COM li:nth-child(3){
	width: 44%;
    font-weight: bold;
	text-align: left;
}
.PC #it236 .MATCH_COM .SOL_ICON_L{
	display: inline-block;
    width: 50px;
    height: 38px;
	margin-right: 10px;
}
.PC #it236 .MATCH_COM .SOL_ICON_R{
	display: inline-block;
    width: 50px;
    height: 38px;
	margin-left: 10px;
	padding-bottom: 10px;
}
.PC #it236 .MATCH_COM img{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;}
/*******相位角度格式end*******/
/*******瑪雅*******/
.PC #it236 .MAYA_COM{
	clear: both;
	width: 90%;
	height: 400px;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: 10px;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/maya/maya_bg.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.PC #it236 .MAYA_TXT{width: 90%;margin: 0 auto;}
.PC #it236 .MAYA_TXT img{margin-top: 65px;}
.PC #it236 .CARD_BG{
	clear: both;
	width: 70%;
	height: 310px;
	margin: 0 auto;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/maya/maya_card.png);
	background-position: center 80px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: relative;
}
.PC #it236 .MAYA_CARD{	
	width: 165px;
	height: 165px;
	position: absolute;
	top: 81px;
	left: 133px;
	border-radius: 18px;
}
.PC #it236 .MAYA_FREE_TXT{/*免費頁字*/
	width: 120%;
	height: 310px;
	position: absolute;
	top:130px;
	left: -10%;
}
.PC #it236 .MAYA_NAME{
	text-align: center;
	font-family: "微軟正黑體", "Microsoft JhengHei", "sans-serif", Helvetica, Arial;
    font-size: 1.5rem;
	font-weight: bold;
	color: #fff;}
/*牌的光暈*/
.PC #it236 .RED_COLOR{box-shadow: 0px 0px 10px 13px #e2005a;}
.PC #it236 .WHITE_COLOR{box-shadow: 0px 0px 10px 13px #101010;}
.PC #it236 .BLUE_COLOR{box-shadow: 0px 0px 10px 13px #186cff;}
.PC #it236 .YELLOW_COLOR{box-shadow: 0px 0px 10px 13px #ffd94c;}
/*牌的光暈end*/
/*牌的文字陰影*/
.PC #it236 .RED_NAME{
	text-shadow: 
			rgb(212, 48, 144) 0px 0px 5px, 
			rgb(212, 48, 144) 0px 0px 10px,
			rgb(212, 48, 144) 0px 0px 15px,
			rgb(212, 48, 144) 0px 0px 20px, 
			rgb(212, 48, 144) 0px 0px 30px;
}
.PC #it236 .WHITE_NAME{
	text-shadow: 
			rgb(44, 44, 44) 0px 0px 5px, 
			rgb(44, 44, 44) 0px 0px 10px,
			rgb(44, 44, 44) 0px 0px 15px,
			rgb(44, 44, 44) 0px 0px 20px, 
			rgb(44, 44, 44) 0px 0px 30px;
}
.PC #it236 .BLUE_NAME{
	text-shadow: 
			rgb(17, 74, 179) 0px 0px 5px, 
			rgb(17, 74, 179)0px 0px 10px,
			rgb(17, 74, 179)0px 0px 15px,
			rgb(17, 74, 179)0px 0px 20px, 
			rgb(17, 74, 179)0px 0px 30px;
}
.PC #it236 .YELLOW_NAME{
	text-shadow: 
			rgb(212, 150, 14) 0px 0px 5px, 
			rgb(212, 150, 14) 0px 0px 10px,
			rgb(212, 150, 14) 0px 0px 15px,
			rgb(212, 150, 14) 0px 0px 20px, 
			rgb(212, 150, 14) 0px 0px 30px;
}
/*牌的文字陰影end*/
.PC #it236 .MAYA_BT {
	width: 100%;
	height: 66px;
    margin: 0px auto;
}
.PC #it236 .MAYA_BT a{
	font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif, Helvetica, Arial;
    display: block;
    width: 275px;
    height: 66px;
    margin: 0px auto;
    background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/pq_BT.png);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 68px;
    text-align: center;
	text-shadow: 0 0 8px rgba(0,0,0,1);}
.PC #it236 .MAYA_BT a:hover{
	background-position: bottom;}
/*******瑪雅end*******/
/*RESULT pq自製*/
.PC #it236 .pq_RECOM1{/*純框線款*/
    width:670px;
	height:auto;
	overflow:hidden;
	border: 3px solid #ecd2b4;
	border-bottom: none;
	border-top: none;
	margin: 0px;}
.PC #it236 .pq_RECOM2{/*純框線款*/
    width:670px;
	height:auto;
	overflow:hidden;
	border: 3px solid #ecd2b4;
	border-top: none;
	margin-top: 0px;}
.PC #it236 .pq_RECOM_BOX{
	width: 88%;
	padding-bottom: 10px;
	padding-top: 10px;
	position: relative;}
.PC #it236 .pq_RECOM_BOX .pq_TXT3+.pq_TXT3{
	margin-top: 20px;
}
/*浮動選單*/
/************浮動menu************/
#FLMENU{
	position: absolute;
	right: 60px;
	top: 340px;
	width: 125px;
	height: 500px;
}
.FLOATMENU{
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/float_list/bg.png);
	width:125px;
	height:540px;
	position:relative;}
.FLOATMENU_2{
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/float_list/bg2.png);
	width:125px;
	height:500px;
	position:relative;}
.FLOAT_STAR{
	width:94px;
	height:396px;
	position:absolute;
	left:16px;
	top:83px;}
.FLOAT_STAR li{
	text-indent:-9999px;}
.FLOAT_STAR li h3{
	display:block;
	width:94px;
	height:36px;
	background-position:0px 36px;}
.FLOAT_STAR li a{
	display:block;
	width:94px;
	height:36px;
	background-position:0px 0px;}
.FLOAT_STAR li a:hover{
	background-position:0px 72px;}
.FLOAT_STAR li.FS_01 h3{
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/float_list/word01.png);}
.FLOAT_STAR li.FS_01 a{
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/float_list/word01.png);}
.FLOAT_STAR li.FS_02 h3{
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/float_list/word02.png);}
.FLOAT_STAR li.FS_02 a{
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/float_list/word02.png);}
.FLOAT_STAR li.FS_03 h3{
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/float_list/word03.png);}
.FLOAT_STAR li.FS_03 a{
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/float_list/word03.png);}
.FLOAT_STAR li.FS_04 h3{
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/float_list/word04.png);}
.FLOAT_STAR li.FS_04 a{
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/float_list/word04.png);}
.FLOAT_STAR li.FS_05 h3{
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/float_list/word05.png);}
.FLOAT_STAR li.FS_05 a{
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/float_list/word05.png);}
.FLOAT_STAR li.FS_06 h3{
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/float_list/word06.png);}
.FLOAT_STAR li.FS_06 a{
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/float_list/word06.png);}
.FLOAT_STAR li.FS_07 h3{
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/float_list/word07.png);}
.FLOAT_STAR li.FS_07 a{
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/float_list/word07.png);}
.FLOAT_STAR li.FS_08 h3{
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/float_list/word08.png);}
.FLOAT_STAR li.FS_08 a{
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/float_list/word08.png);}
.FLOAT_STAR li.FS_09 h3{
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/float_list/word09.png);}
.FLOAT_STAR li.FS_09 a{
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/float_list/word09.png);}
.FLOAT_STAR li.FS_10 h3{
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/float_list/word10.png);}
.FLOAT_STAR li.FS_10 a{
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/float_list/word10.png);}
.FLOAT_STAR li.FS_11 h3{
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/float_list/word11.png);}
.FLOAT_STAR li.FS_11 a{
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/float_list/word11.png);}
.FLOAT_STAR li.FS_12 h3{
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/float_list/word12.png);}
.FLOAT_STAR li.FS_12 a{
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/float_list/word12.png);}	
/*=========================結果頁面尾區================*/
/*=========================免費頁面區================*/
.PC #it236 .FREE_POSITION{position: relative;}
.PC #it236 .FREE_POSITION .pq_TXT3{margin-top: 0px;}
.PC #it236 .FREE_PH{width: 82%; margin: 0 auto;}
.PC #it236 .FREE_PH img{width: 100%;height: auto;}
/*模糊字壓按鈕*/
.PC #it236 .FUZZY_BOX1{/*沒有圖*/
	width: 100%;
	position: absolute;
	top: 115px;
	left: 0;
	margin: 0 auto;
	z-index: 500;
}
.PC #it236 .FUZZY_BOX1 .W50{width: 50%;}
.PC #it236 .FUZZY_BOX1 p{
	margin-top: 8px;
	text-align: center;
	text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
	-webkit-text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
	-moz-text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
	-o-text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;;
}
.PC #it236 .FREE_POSITION .FREE_TXT1{/*小字定位*/
	position: absolute;
	width: 100%;
	top: 65px;
	left: 50%;
	transform: translate(-50%, 0px);
	z-index: 1;
	margin-left: 0px;}
.PC #it236 .FREE_POSITION .FREE_TXT2{/*圖＋小字定位*/
	position: absolute;
	width: 100%;
	left: 50%;
	top: 233px;
	transform: translate(-50%, 0px);
	z-index: 1;
	margin-top: 8px;
	text-align: center;
	text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
	-webkit-text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
	-moz-text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
	-o-text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;}
/*第一種定位 左圖右字*/
.PC #it236 .FUZZY_BOX_POSITION1{top: 100px;}
/*第二種定位 圖+按鈕*/
.PC #it236 .FUZZY_BOX_POSITION2{top: 60px;}
/*免費頁-生命課題*/
.PC #it236 .LIFE_COM{
	width: 100%;
	height: 558px;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/free/ball_bg.jpg);
    background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
.PC #it236 .BALL_ANI1{
	width: 300px;
	position: absolute;
	left: 20px;
	top: 247px;
	animation-name: fadeInOut;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: 1s;
}
.PC #it236 .BALL_ANI2{
	width: 300px;
	position: absolute;
	right: 20px;
	top: 247px;
	animation-name: fadeInOut;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
/*動畫keyframes*/
@-webkit-keyframes fadeInOut {
	0% { opacity: 1; }
	20% { opacity: 0.8; }
	50% { opacity: 0.3; }
	80% { opacity: 0.8; }
	100% { opacity: 1; }
  }
/*免費頁-生命課題end*/
/*免費頁用造型按鈕*/
.PC #it236 .FREE_POSITION a.pq_BT_FREE1 {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0px);
    z-index: 1;
    margin: 0px;
}
.PC #it236 .FREE_POSITION .pq_BT_FREE1{
    font-family: 微軟正黑體, "Microsoft JhengHei", sans-serif, Helvetica, Arial;
    display: block;
    width: 280px;
    height: 67px;
    background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/pq_BT.png);
    background-size: cover;
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 68px;
    text-align: center;
    text-shadow: rgb(0, 0, 0) 0px 0px 8px;
    margin: 5px auto;
    background-position: center top;
    background-repeat: no-repeat;
    text-decoration: none;
}
.PC #it236 .FREE_POSITION .pq_BT_FREE1:hover{background-position: center bottom;}
/*=========================免費頁面尾區================*/
/*=========================列印頁面區================*/
.PC #it236 .PRINT_TOP{
	width:680px;
	height:200px;
	margin:0 auto 10px auto;}
.PC #it236 .PRINT_TOP img{width: 100%; height: auto;}

.PC #it236 .PRINT_BG{
	width:680px;
	margin:0 auto;
	background-color: #FFF;}
.PC #it236 .PRINT_BG .pq_RECOM1{/*純框線款*/
	box-shadow: none;}

/*資料尺寸調整*/
.PC #it236 .PRINT_BG .INFOR{
	width: 100%;
}
/*=========================列印頁面尾區================*/

/*平板小於內容js縮放*/	
@media screen and (max-width : 750px ){
    .PC #it236{
        width: 750px !important;
        transform-origin: 0 0;
    }
}

	
/*==============================手機版=======手機版=====手機版====手機版===============================================*/
/*MOBILE表頭尾*/
.MOBILE #float_icon, .MOBILE #header, .MOBILE .CHANG, .MOBILE .FOOT_MOBILE{ display:block;}
/*MOBILE表頭尾*/

/*消失區*/
.MOBILE #it236-wrapper #INPUT_BOX,.MOBILE .PC_LOGIN,.MOBILE .FOOT_PC, .MOBILE .PRINT_BT ,.MOBILE #it236-wrapper #watermark-wrapper ,.MOBILE .pq_REPIC{ display:none;}
.MOBILE #it236-wrapper .M_none{display: none;}
/*消失區尾*/


/*框架區*/
.MOBILE #it236{
	width:100%;
	height:auto;
	overflow:hidden;
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/bg.jpg);
	background-position: center top;
	margin-top: 45px;}

/*框架區尾*/

/*表頭區*/		
/*TOP*/
.MOBILE #it236 .TOP_BG_O{
	width: 100%;
	overflow: hidden;
	height: 0;
	padding-bottom: 84.5%;
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/top_bg_m.jpg);
	background-position-x: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin: 0 auto;
}
.MOBILE #it236 h1{text-indent:-9999px;}
/*表頭區尾*/

/*內容區*/
.MOBILE #it236 .CONTENT{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/con_bg.jpg);
	background-size:100% auto;
	}
/*內容框架*/
.MOBILE #it236 .CONTENT_TOP img, .MOBILE #it236 .CONTENT_FOOT img{display:block; width:100%; height: auto;}	
.MOBILE #it236 .CONTENT_FOOT{
	transform: rotate(180deg);
}
/*=========================輸入頁面頭 尾區================*/
.MOBILE #it236 .CON_BOX{ 
	max-width: 650px;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	padding: 0% 5%;}
.MOBILE #it236 .CON_BOX img{ width: 100%; height: auto;}
.MOBILE #it236 .pq_INBAR{
	width: 100%;
    height: 66px;
    margin: 0 auto;
    text-align: center;
    font-size: 1.6rem;
    line-height: 66px;
    color: #FFF;
    font-weight: bold;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	background-color: #f1b843;}
.MOBILE #it236 .pq_INPUT_BOX1 .pq_INBOX{
	padding: 2%;
    color: #333;
    background-color: #fff;
	box-shadow: none;
	border: 1px solid #f1b843;}
.MOBILE #it236 .IN_INPUT{
	width:92%;
	margin:0 auto;
	margin-top:5px;}
.MOBILE #it236 .IN_INPUT .textfieldC{width: 100%;}
.MOBILE #it236 .IN_INPUT .TXT{
	width: 100%;
	line-height: 45px;
	font-size: 1.3rem;
	font-weight: bold;
	text-align: center;
}
/*CON_BOX_BAR樣式二*/
.MOBILE #it236 .CON_BOX_BAR02{/*NEW*/
	width:100%;
	height:60px;
	margin:0 auto;
	background-color: #caccff;}
.MOBILE #it236 .CON_BOX_BAR02 p{/*NEW*/
	font-size:1.6rem;
	line-height:60px;
	color:#1e31a2;
	font-weight:bold;
	text-align:center;}
.MOBILE #it236 .CON_BOX_BG02{/*NEW*/
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	border: 1px solid #caccff;}

.MOBILE #it236 .CON_BOX img{display:block; width:100%;margin:0 auto;}
.MOBILE #it236 .CON_BOX_BG02 .BOX_INSET{/*內縮*/
	width: 92%; 
	height: auto;
	clear:both;
	overflow: hidden;
	margin: 0 auto; 
	margin:10px auto;}
.MOBILE #it236 .CON_BOX_BG02 .LISTIMG{/*九星宿緣配圖*/
	width:80%;
	margin: 0 auto;}
.MOBILE #it236 .CON_BOX_BG02 .LISTBOX{
	clear: both;
	width:auto;
	height:auto;
	overflow:hidden;}
.MOBILE #it236 .CON_BOX_BG02 .LISTBOX ul li{
	width:auto;
	height:auto;
	overflow:hidden;
	line-height: 1.6em;
	font-size:1.2em;
	color:#333;
	margin-bottom: 5px;}
.MOBILE #it236 .CON_BOX_BG02 .LISTBOX ul li.LIST_ICON{
	float: left;
	width:18px;
	height: 18px;
	margin-right: 5px;
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/input_icon2.png);
	background-position: left bottom ;
	background-size: 18px 18px;
	background-repeat: no-repeat;
	margin-top: 3px;}

/*==浮水按鈕==*/
.MOBILE #it236-wrapper .NEW_BT_F{/*浮水按鈕*/
	width:100%;
	height:60px;
	position:fixed;
	bottom:0;
	z-index:1000;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/bt_bg.png);
	background-repeat:repeat;
	padding-top:4px;
	background-size:15px 15px;}

.MOBILE #it236-wrapper .NEW_BT_F a{
	font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif, Helvetica, Arial;
    display: block;
    width: 213px;
    height: 51px;
    margin: 0px auto;
    background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/pq_BT.png);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 53px;
    text-align: center;
	text-shadow: 0 0 8px rgba(0,0,0,1);
	position: static;}
.MOBILE #it236-wrapper .NEW_BT_F2{/*浮水按鈕*/
	width:100%;
	height:60px;
	position:fixed;
	bottom:0;
	z-index:1000;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/bt_bg.png);
	background-repeat:repeat;
	padding-top:4px;
	background-size:15px 15px;}
.MOBILE #it236-wrapper .NEW_BT_F2 a{/*浮水按鈕*/
	display:block;
	margin:0 auto;
	width: 90%;
	height: 48px;
	font-size:1.5rem;
	line-height: 48px;
	text-decoration:none;
	position: static;}
/*==浮水按鈕==*/
/*=========================結果頁面區================*/
/*表頭區*/	
.MOBILE #it236 .RE_TOP{
	width: 100%;
	height: 0;
	padding-bottom: 33%;
	background-size: 125% auto;
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/top_bg.jpg);
	background-position:center 20%;
	background-repeat:no-repeat;}
.MOBILE #it236 .RE_TOP h1{
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 34%;
	background-size: 100% auto;
	background-image:url(https://gimgs.click108.com.tw/unit001/item00236/images/result/title.png);
	background-position: center;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
/*引導區*/
.MOBILE #it236 .TOP_TXT {
	width: 100%;
	height: auto;
	margin: 0 auto;
	margin-top: 15px;}
.MOBILE #it236 .TOP_TXT img{width: 100%;height: auto;}
.MOBILE #it236 .GUIDE{
	width:92%;
	height:auto;
	overflow:hidden;
	margin: 0 auto;
	margin-bottom: 20px;}
.MOBILE #it236 .GUIDE li{width: 100%;}
.MOBILE #it236 .GUIDE li.PH{width: 60%;margin: 0 auto;}
.MOBILE #it236 .GUIDE li.PH img{width: 100%;}
.MOBILE #it236 .GUIDE li{width: 100%;}
/*引導區end*/
/*專屬你的命運星圖區*/
.MOBILE #it236 .MY_RECOM{
	width: 100%;
	overflow: hidden;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/result/my_star_bg.jpg);
	background-size: contain;
	background-repeat: repeat-y;
}
/*個人資料欄位*/
.MOBILE #it236 .INFO_BOX{
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 10px;}
.MOBILE #it236 .INFO_BOX p{text-align: center;}
.MOBILE #it236 .INFO_BOX span.GENDER{
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-bottom: -8px;}
.MOBILE #it236 .INFO_BOX span.GENDER img{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
	margin-left: 8px;}
/*假星盤圖*/
.MOBILE #it236 .FAKE_IMG{
	width: 90%;
	margin: 0 auto;
	border: 3px solid #1e31a2;}
/*行星宮位清單*/
.MOBILE #it236  .PV_BOARD{
    width: 100%;
	margin: 0 auto;
    overflow: hidden;
	box-sizing: border-box;
	margin-top: 15px;
}
/*顏色*/
#it236 .T_BG_01{background-color: #d3befc;}
#it236 .T_BG_02{background-color: #fff;}
#it236 .T_BG_03{background-color: #f6f6f6;}
/*圓角*/
#it236 .RADIUS_UP{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
#it236 .RADIUS_DOWN{
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
.MOBILE #it236  .THREE_BOX{
	width: 90%;
	height: auto;
	margin: 0 auto;
	border: 1px solid #eee;
	box-shadow: inset 0px 0px 3px 3px rgb(204 204 204 / 10%);
}
.MOBILE #it236  .THREE_BOX ul{
	display: block;
	overflow: hidden;
}
.MOBILE #it236  .THREE_BOX li.BAR2{
	float: left;
	height:65px;
	width: 33.333%;
	border-right: 1px solid #eee;
	box-sizing: border-box;
}
.MOBILE #it236  .THREE_BOX li:nth-child(3){
	border-right: none;
}
.MOBILE #it236  .THREE_BOX .T_ONE2 li{
	line-height: 65px;
	text-align: center;
}
.MOBILE #it236  .THREE_BOX .SCORE1{/*行星角度*/
	text-align: center;
}
.MOBILE #it236  .THREE_BOX .SCORE1 p{
	font-weight: bold;
	line-height: 70px;
}
.MOBILE #it236  .THREE_BOX .SCORE1 .SOL_ICON{/*圖＋行星*/
	display: inline-block;
    width: 32px;
    height: 32px;
    margin-bottom: -8px;
	margin-right: 10px;
}
.MOBILE #it236  .THREE_BOX .SCORE1 .SOL_ICON img{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;}
.MOBILE #it236  .THREE_BOX .PALACE a{/*宮位＋連結*/
	display: block;
	text-align: center;
	line-height: 70px;
	color: royalblue;
	text-decoration: underline;
}
.MOBILE #it236  .THREE_BOX .PALACE a::after{content: ' >';}
/*專屬你的命運星圖區end*/
.MOBILE #it236 .TOP_TXT{/*引導圖*/
	width: 100%;
	margin: 0 auto;
margin-bottom: 10px;}
/*******行星解析固定格式*******/
/*行星落在什麼星座*/
.MOBILE #it236 .MAIN_TXT{
	width: 100%;
	height: 60px;
	margin: 0 auto;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/result/deco_line2.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	font-family: "微軟正黑體", "Microsoft JhengHei", "sans-serif", Helvetica, Arial;
    font-size: 1.5rem;
    line-height: 50px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.MOBILE #it236 .SEC_TXT{
	width: 100%;
	height: 50px;
	margin: 0 auto;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/result/deco_line.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	font-family: "微軟正黑體", "Microsoft JhengHei", "sans-serif", Helvetica, Arial;
    font-size: 1.4rem;
    line-height: 40px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
}
.MOBILE #it236 .MAIN_TXT .SOL_ICON{
	display: inline-block;
    width: 38px;
    height: 38px;
    margin-bottom: -8px;
	margin-right: 10px;
}
.MOBILE #it236 .MAIN_TXT .SOL_ICON img{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;}
/*行星落在什麼星座end*/
/*行星落入第幾宮*/
.MOBILE #it236 .MAIN_TXT2{
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
}
.MOBILE #it236 .MAIN_TXT2 li{
	font-family: "微軟正黑體", "Microsoft JhengHei", "sans-serif", Helvetica, Arial;
    font-size: 1.5rem;
    line-height: 35px;
	font-weight: bold;
	text-align: center;
	width: 100%;
}
.MOBILE #it236 .MAIN_TXT2 li:nth-child(3){margin-top: 7px;}
/*行星落入第幾宮end*/
/*靈魂區*/
.MOBILE #it236 .SOUL_CON{
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 20px;
}
.MOBILE #it236 .SOUL_CON li{
	width: 280px;
	height: 200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 6% 8%;
	list-style: none;
}
.MOBILE #it236 .SOUL_CON li+li{margin-bottom: 10px;}
.MOBILE #it236 .SOUL_CON li.OUTSIDE{
	background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/result/soul_bg1.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.MOBILE #it236 .SOUL_CON li.OUTSIDE p:nth-of-type(1){color: #fa9c72;}
.MOBILE #it236 .SOUL_CON li.INSIDE{
	background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/result/soul_bg2.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.MOBILE #it236 .SOUL_CON li.INSIDE p:nth-of-type(1){color: #3ebbca;}
.MOBILE #it236 .SOUL_CON li p:nth-of-type(1){
	font-size: 1.4rem;
	text-align: center;
	margin-top: 60px;}
/*靈魂區end*/
/*宮位圖*/
.MOBILE #it236 .POSITION_COM{
	width: 100%;}
.MOBILE #it236 .POSITION_COM .POSITION_IMG{
	width: 200px;
	height: 200px;
	margin: 0 auto;
	position: relative;
	margin-bottom: 15px;}
.MOBILE #it236 .POSITION_COM .SOL_ICON{
	display: block;
	width: 66px;
	height: 66px;
	left: 0;
	top: 0;
	margin-top: 67px ;
	margin-left: 67px;
	position: absolute;
}
.MOBILE #it236 .POSITION_COM .POSITION_BG img{
	width: 200px;
	margin: 0 auto;}
.MOBILE #it236 .POSITION_COM .TEXT{
	width: 100%;
}
/*宮位圖end*/
/*******行星解析固定格式end*******/
/*******相位角度格式*******/
/*引言*/
.MOBILE #it236 .SUMMARY{
	font-family: "微軟正黑體", "Microsoft JhengHei", "sans-serif", Helvetica, Arial;
    font-size: 1.1rem;
    line-height: 1.8rem;
    text-decoration: none;
	color: #b37300;
	text-align: left;
}
.MOBILE #it236 .MATCH_COM{
	clear: both;
	width: 100%;
	height: 70px;
	margin: 0 auto;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/result/deco_line3.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 120% auto;
	font-family: "微軟正黑體", "Microsoft JhengHei", "sans-serif", Helvetica, Arial;
    font-size: 1.5rem;
	margin-top: 30px;
}
.MOBILE #it236 .MATCH_COM li{
	display: inline-block;
}
.MOBILE #it236 .MATCH_COM li:nth-child(1){
	width: 44%;
    font-weight: bold;
	text-align: right;	
}
.MOBILE #it236 .MATCH_COM li:nth-child(2){
	width: 6%;
	text-align: center;
	font-weight: normal;
}
.MOBILE #it236 .MATCH_COM li:nth-child(3){
	width: 44%;
    font-weight: bold;
	text-align: left;
}
.MOBILE #it236 .MATCH_COM .SOL_ICON_L{
	display: inline-block;
    width: 50px;
    height: 38px;
	margin-right: 10px;
}
.MOBILE #it236 .MATCH_COM .SOL_ICON_R{
	display: inline-block;
    width: 50px;
    height: 38px;
	margin-left: 10px;
	padding-bottom: 10px;
}
.MOBILE #it236 .MATCH_COM img{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;}
/*******相位角度格式end*******/
/*******瑪雅*******/
.MOBILE #it236 .MAYA_COM{
	clear: both;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 63%;
	margin-bottom: 10px;
	margin-top: 10px;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/maya/maya_bg.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.MOBILE #it236 .MAYA_TXT{width: 90%;margin: 0 auto;}
.MOBILE #it236 .MAYA_TXT img{margin-top: 6%;}
.MOBILE #it236 .CARD_BG{
	clear: both;
	width: 75%;
	height: 0;
	overflow: hidden;
	padding-bottom: 48%;
	margin: 0 auto;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/maya/maya_card.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: relative;
}
.MOBILE #it236 .MAYA_FREE_TXT{/*免費頁字*/
	width: 90%;
	position: absolute;
	top: 28%;
	left: 5%;
}
.MOBILE #it236 .MAYA_CARD{	
	display: block;
	width: 40%;
	height: 58%;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 12%;
	margin-left: 30%;
	border-radius: 18px;
}
.MOBILE #it236 .MAYA_NAME{
	text-align: center;
	font-family: "微軟正黑體", "Microsoft JhengHei", "sans-serif", Helvetica, Arial;
    font-size: 1.2rem;
	font-weight: bold;
	color: #fff;}
/*牌的光暈*/
.MOBILE #it236 .RED_COLOR{box-shadow: 0px 5px 10px 10px #e2005a;}
.MOBILE #it236 .WHITE_COLOR{box-shadow: 0px 5px 10px 10px #101010;}
.MOBILE #it236 .BLUE_COLOR{box-shadow: 0px 5px 10px 10px #186cff;}
.MOBILE #it236 .YELLOW_COLOR{box-shadow: 0px 5px 10px 10px #ffd94c;}
/*牌的光暈end*/
/*牌的文字陰影*/
.MOBILE #it236 .RED_NAME{
	text-shadow: 
			rgb(212, 48, 144) 0px 0px 5px, 
			rgb(212, 48, 144) 0px 0px 10px,
			rgb(212, 48, 144) 0px 0px 15px,
			rgb(212, 48, 144) 0px 0px 20px; 
}
.MOBILE #it236 .WHITE_NAME{
	text-shadow: 
			rgb(44, 44, 44) 0px 0px 5px, 
			rgb(44, 44, 44) 0px 0px 10px,
			rgb(44, 44, 44) 0px 0px 15px,
			rgb(44, 44, 44) 0px 0px 20px; 
}
.MOBILE #it236 .BLUE_NAME{
	text-shadow: 
			rgb(17, 74, 179) 0px 0px 5px, 
			rgb(17, 74, 179)0px 0px 10px,
			rgb(17, 74, 179)0px 0px 15px,
			rgb(17, 74, 179)0px 0px 20px; 
}
.MOBILE #it236 .YELLOW_NAME{
	text-shadow: 
			rgb(212, 150, 14) 0px 0px 5px, 
			rgb(212, 150, 14) 0px 0px 10px,
			rgb(212, 150, 14) 0px 0px 15px,
			rgb(212, 150, 14) 0px 0px 20px; 
}
/*牌的文字陰影end*/
.MOBILE #it236 .MAYA_BT{
	width: 80%;
	height: 58px;
    margin: 0px auto;
}
.MOBILE #it236 .MAYA_BT a{
	font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif, Helvetica, Arial;
    display: block;
    width: 230px;
    height: 55px;
    margin: 0px auto;
    background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/pq_BT.png);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 1.3rem;
    line-height: 58px;
    text-align: center;
	text-shadow: 0 0 8px rgba(0,0,0,1);}

/*******瑪雅end*******/
/*RESULT pq自製*/
.MOBILE #it236 .pq_RECOM1{/*純框線款*/
    width:100%;
	padding: 2% 4%;
	height:auto;
	overflow:hidden;
	border: 2px solid #ecd2b4;
	border-bottom: none;
	border-top: none;
	margin: 0px;}
.MOBILE #it236 .pq_RECOM2{/*純框線款*/
    width:100%;
	padding: 2% 4%;
	height:auto;
	overflow:hidden;
	border: 2px solid #ecd2b4;
	border-top: none;
	margin-top: 0px;}
.MOBILE #it236 .pq_RECOM_BOX{
	width: 100%;
	padding-bottom: 10px;
	padding-top: 10px;
	position: relative;}
.MOBILE #it236 .pq_RECOM_BOX .pq_TXT3+.pq_TXT3{
	margin-top: 20px;
}
/*=========================結果頁面尾區================*/

/*=========================免費頁面區-================*/
.MOBILE #it236 .FREE_POSITION{position: relative;}
.MOBILE #it236 .FREE_POSITION .pq_TXT3{margin-top: 0px;}
.MOBILE #it236 .FREE_PH{width: 82%; margin: 0 auto;}
.MOBILE #it236 .FREE_PH img{width: 100%;height: auto;}
/*模糊字壓按鈕*/
.MOBILE #it236 .FUZZY_BOX1{/*沒有圖*/
	width: 100%;
	position: absolute;
	top: 32%;
	left: 0;
	margin: 0 auto;
	z-index: 500;
}
.MOBILE #it236 .FUZZY_BOX1 .W50{width: 50%;}
.MOBILE #it236 .FUZZY_BOX1 p{
	margin-top: 8px;
	text-align: center;
	text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
	-webkit-text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
	-moz-text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
	-o-text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;;
}
.MOBILE #it236 .FREE_POSITION .FREE_TXT1{/*小字定位*/
	position: absolute;
	width: 100%;
	top: 65px;
	left: 50%;
	transform: translate(-50%, 0px);
	z-index: 1;
	margin-left: 0px;}
.MOBILE #it236 .FREE_POSITION .FREE_TXT2{/*圖＋小字定位*/
	position: relative;
	width: 100%;
	left: 50%;
	top: 68px;
	transform: translate(-50%, 0px);
	z-index: 1;
	margin-top: 8px;
	text-align: center;
	text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
	-webkit-text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
	-moz-text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
	-o-text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;}
/*第一種定位 左圖右字*/
.MOBILE #it236 .FUZZY_BOX_POSITION1{top: 32%;}
/*第二種定位 圖+按鈕*/
.MOBILE #it236 .FUZZY_BOX_POSITION2{top: 30%;}
/*免費頁-生命課題*/
.MOBILE #it236 .LIFE_COM{
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 85.5%;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/free/ball_bg.jpg);
    background-size: 107% auto;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	
}
.MOBILE #it236 .BALL_ANI1{
	width: 48%;
	position: absolute;
	left: 0px;
	top: 45%;
	animation-name: fadeInOut;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: 1s;
}
.MOBILE #it236 .BALL_ANI2{
	width: 48%;
	position: absolute;
	right: 0px;
	top: 45%;
	animation-name: fadeInOut;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
/*免費頁用造型按鈕*/
.MOBILE #it236 .FREE_POSITION a.pq_BT_FREE1 {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0px);
    z-index: 1;
    margin: 0px;
}
.MOBILE #it236 .FREE_POSITION .pq_BT_FREE1{
    font-family: 微軟正黑體, "Microsoft JhengHei", sans-serif, Helvetica, Arial;
    display: block;
    width: 280px;
    height: 67px;
    background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/pq_BT.png);
    background-size: cover;
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 68px;
    text-align: center;
    text-shadow: rgb(0, 0, 0) 0px 0px 8px;
    margin: 5px auto;
    background-position: center top;
    background-repeat: no-repeat;
    text-decoration: none;
}
/*==結果頁用造型按鈕==*/
.MOBILE #it236 .pq_e_BT .ONE .pq_BT_FREE1{
	font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif, Helvetica, Arial;
    display: block;
    width: 275px;
    height: 66px;
    margin: 0px auto;
    background-image: url(https://gimgs.click108.com.tw/unit001/item00236/images/pq_BT.png);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 68px;
    text-align: center;
	text-shadow: 0 0 8px rgba(0,0,0,1);}
/*=========================免費頁面尾區================*/
.trail_jc_REM_PR .jc_LIST .PR{
    margin-top: 10px !important;
    }
#FateCategorys .KEYWORD {
    margin: 10px !important;
}