@import url("reset.css");
body{
	-webkit-text-size-adjust:none;
	text-decoration:none;
	font-family: "微軟正黑體", "新細明體", "細明體",Arial, Helvetica, sans-serif;}
/*共用間距*/
#it238 .BLANK{ width:100%; height:20px;}	
#it238 .BLANK02{ width:100%; height:10px;}
/*共用文字樣式*/
.PC #it238 .TXT_CENTER{text-align: center;}
.MOBILE #it238 .TXT_CENTER{text-align: left;}
#it238 img{width: 100%;}

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

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

		

/*框架區*/
.PC #it238{
	width:100%;
	height:auto;
	overflow:hidden;
	background-image:url(https://imgs.click108.com.tw/unit001/item00238/images/top_bg.jpg),url(https://imgs.click108.com.tw/unit001/item00238/images/bg.jpg);
	background-repeat: no-repeat,repeat;
	background-position: top center;
	font-size: 16px;}
/*框架區尾*/

/*表頭區*/	
/*TOP*/
.PC #it238 .TOP_BG_O{
	width: 900px;
	height: 570px;
	margin: 0 auto;
	position:relative;
	left:50%;
	margin-left: -420px;
	background-repeat: no-repeat;
	background-image: url(https://imgs.click108.com.tw/unit001/item00238/images/title.png);
	background-size: 95%;
	background-position-y: 20px;
}
.PC #it238 .TOP h1{
	text-indent:-9999px;
}
.PC #it238 .TOP h3{
	text-indent: -9999px;
}
/*表頭區尾*/
/*內容區*/
.PC #it238 .CONTENT{
	width:750px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	background-image:url(https://imgs.click108.com.tw/unit001/item00238/images/con_bg.jpg);
	background-size:100% auto;
	position: relative;
	margin-top: -50px;
	}
/*內容框架*/
.PC #it238 .CONTENT_TOP img, .PC #it238 .CONTENT_FOOT img{
	display:block; 
	width:750px; 
	height:50px; 
	margin:auto;}
.PC #it238 .CONTENT_FOOT{
	transform: rotate(180deg);
}
/*=========================輸入頁面頭區================*/
.PC #it238 .CON_BOX{ 
	width:670px;
	height:auto;
	overflow:hidden;
	margin:0 auto;}
.PC #it238 .CON_IMG_M{width: 90%;margin: 0 auto;}
.PC #it238 .pq_INBAR{
	width: 100%;
    height: 66px;
    background-image: url(https://imgs.click108.com.tw/unit001/item00238/images/input_bar.jpg);
    background-repeat: no-repeat;
    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;}
.PC #it238 .pq_INPUT_BOX1 .pq_INBOX{
	padding: 2% 10%;
    color: #333;
    background-color: #fff7eb;
	box-shadow: inset 0px 0px 20px 10px rgba(255,161,90,.2);
	-webkit-box-shadow: inset 0px 0px 20px 10px rgba(255,161,90,.2);
	-moz-box-shadow: inset 0px 0px 20px 10px rgba(255,161,90,.2);
}
.PC #it238 .IP_LINE{
    width: 100%;
    height: 8px;
    margin-top: 10px;
    margin-bottom: 5px;
    border-top: 2px dotted #f5dddd;
}
.PC #it238 .pq_LIST_ICON li.pq_B{
	padding-left: 33px;
    background: transparent url(https://imgs.click108.com.tw/unit001/item00238/images/list_icon1.png) no-repeat;
    background-size: 25px 25px;
	background-position-y: 0px;
	line-height: 1.5rem;
	margin-top: 15px;
}
.PC #it238 .pq_LIST_ICON li{
	background: transparent url(https://imgs.click108.com.tw/unit001/item00238/images/list_icon2.png) no-repeat;
	background-size: 22px 22px;
	background-position-y: 7px;
	background-position-x: 7px;
}
.PC #it238 .pq_LIST_ICON ul{margin-left: 1rem;}
.PC #it238 .pq_SEC_ICON li{
	background-image: none;
	padding-left: 0px;}
.PC #it238 .pq_SEC_ICON li::before{content: "└ ";}
/*輸入區塊*/
.PC #it238 .ENTER_TOP_BAR{
	width:100%;
	height:70px;
	background-repeat:no-repeat;
	margin:15px auto 0 auto;
	text-align:center;
	font-size:1.6rem;
	line-height:76px;
	color:#FFF;
	font-weight:bold;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	background-image:url(https://imgs.click108.com.tw/unit001/item00238/images/enter_bar.jpg);}
.PC #it238 .ENTER_BGS1{
	width:100%;
	height:auto;
	overflow:hidden;
	background-image:url(https://imgs.click108.com.tw/unit001/item00238/images/enter_bg.jpg);
	background-repeat:repeat-y;
	margin:0 auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding: 20px 30px 5px 30px;}
.PC #it238 .ENTER_FOOT{
	width:100%;
	height:36px;
	overflow: hidden;
	clear: both;
	background-image:url(https://imgs.click108.com.tw/unit001/item00238/images/enter_foot.jpg);
	background-repeat:no-repeat;
	margin:0 auto 15px auto;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;}
/*占術介紹*/
.PC #it238 .CON_BOX_BAR02{/*NEW*/
	width:100%;
	height:60px;
	margin:0 auto;
	background-color: #fbe2c9;}
.PC #it238 .CON_BOX_BAR02 p{/*NEW*/
	font-size:1.6rem;
	line-height:60px;
	color: #bf8950;
	font-weight:bold;
	text-align:center;}
.PC #it238 .CON_BOX_BG02{/*NEW*/
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	border: 1px solid #fbe2c9;}
.PC #it238 #ZIWEI_BOX .BLINE {
	background-color: #fbe2c9;}

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

/*==浮水按鈕==*/
.PC #it238-wrapper .NEW_BT_F{/*浮水按鈕*/
	width: 100%;
	height: 60px;
	position:fixed;
	bottom:0;
	z-index:1000;
	background-image: url(https://imgs.click108.com.tw/unit001/item00238/images/bt_bg.png);
	background-repeat:repeat;
	padding-top:5px;}
	
.PC #it238-wrapper .NEW_BT_F a{/*浮水按鈕*/
	display:block;
	margin:0 auto;
	width: 300px;
	height: 48px;
	font-size:1.5rem;
	line-height: 48px;
	text-decoration:none;
	position: static;}
/*==浮水按鈕==*/
/*=========================輸入頁面尾區================*/
/*=========================結果頁面區================*/
/*表頭區*/	
.PC #it238 .RE_TOP{
	position:relative;
	width: 800px;
	height: 360px;
	margin: 0 auto;
}
.PC #it238 .RE_TOP h1{
	position: absolute;
	width: 800px;
	height: 360px;
	margin:0 auto;
	background-image:url(https://imgs.click108.com.tw/unit001/item00238/images/title.png);
	background-position: top center;
	background-repeat:no-repeat;
	text-indent:-9999px;
	background-size: 100%;
	background-position-y: 20px;
}
/*第一塊引導區*/
.PC #it238 .GUIDE{
	width:92%;
	height:auto;
	overflow:hidden;
	margin: 0 auto;}
.PC #it238 .GUIDE li{
	float: left;}
.PC #it238 .GUIDE li.PH{width: 35%;margin-right: 5%;}
.PC #it238 .GUIDE li.PH img{width: 100%;}
.PC #it238 .GUIDE li{width: 60%;}
/*個人資料欄位*/
.PC #it238 .INFO_BOX{
	width: 100%;
	height: 411px;
	background-image: url(https://imgs.click108.com.tw/unit001/item00238/images/result/sp_img.jpg);
	background-size: 100% auto;
	position: relative;
}
.PC #it238 .WHEN{
	width: 100%;
	font-size: 4rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-shadow: rgb(163, 51, 255) 0px 0px 15px,rgb(163, 15, 143) 0px 0px 15px;
	position: absolute;
	top: 140px
}
.PC #it238 .USER_AREA{
	width: 90%;
	height: 80px;
	margin: 0 auto;
	overflow: hidden;
	border: 1px solid #fff;
	border-radius: 15px;
	background-color: rgba(255, 233, 239, 0.7);
	box-shadow: inset 0px 0px 10px #ffc3d3;
	position: absolute;
	bottom: 0;
	left: 5%;
}
.PC #it238 .USER_AREA .LEFT{
	width: 50%;
	float: left;
	padding-top: 10px;
}
.PC #it238 .USER_AREA .RIGHT{
	width: 50%;
	float: right;
	padding-top: 10px;
}
.PC #it238 .USER_AREA p{
	text-align: center;
}
.PC #it238 .USER_AREA span.GENDER{
    display: inline-block;
    width: 27px;
    height: 27px;
    margin-bottom: -8px;
	margin-left: 4px;
}
.PC #it238 .USER_AREA span.GENDER img{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

/*緣起緣滅*/
.PC #it238 .WORD01{/*緣起*/
    width: 100%;
    height: 150px;
    margin: 0 auto;
    background-image: url(https://imgs.click108.com.tw/unit001/item00238/images/result/deco1.jpg);
	background-size: 105% auto;
	background-repeat: no-repeat;
	background-position-x: -10px;
    font-size: 2rem;
    text-indent: 145px;
    line-height: 145px;
	color: #b5221f;
    text-align: left;
	font-weight: bold;}
.PC #it238 .WORD02{/*緣滅*/
    width: 100%;
    height: 150px;
    margin: 0 auto;
    background-image: url(https://imgs.click108.com.tw/unit001/item00238/images/result/deco2.jpg);
	background-size: 105% auto;
	background-repeat: no-repeat;
	background-position-x: -10px;
    font-size: 2rem;
    text-indent: 145px;
    line-height: 145px;
	color: #185b63;
    text-align: left;
	font-weight: bold;
	margin-top: 20px;}
/*沒緣分特別框*/
.PC #it238 .SP_CON{
	width: 100%;
	margin-top: 35px;
}
.PC #it238 .SP_CON .TEXT{
	width: 100%;
	padding: 5%;
	overflow: hidden;
	background-image: url(https://imgs.click108.com.tw/unit001/item00238/images/result/sp_con_bg.jpg);
	background-size: 100% auto;
	background-repeat: repeat-y;
	color: #333;
}
/*內容框裡副標*/
.PC #it238 .SUBTITLE{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #faf8e8;
	text-align: center;
}
.PC #it238 .SUBTITLE .DECO_LINE{width: 100%;height: 30px;padding-top: 6px;}
.PC #it238 .SUBTITLE .TEXT{
	color: #b1002e;
	font-size: 2rem;
	font-weight: bold;}
.PC #it238 .SUBTITLE .TEXT span{font-size: 1.5rem;line-height: 2.8rem;}
/*第幾世*/
.PC #it238 .PAPER1{
    width: 100%;
    height: 100px;
    margin: 0 auto;
    background-image: url(https://imgs.click108.com.tw/unit001/item00238/images/result/paper1.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	font-size: 1.8rem;
	text-indent: 183px;
	line-height: 96px;
	color: #177682;
    text-align: left;
	font-weight: bold;
	margin-top: 20px;}
.PC #it238 .PAPER2{
    background-image: url(https://imgs.click108.com.tw/unit001/item00238/images/result/paper2.jpg);
	margin-top: 30px;}
.PC #it238 .PAPER3{
    background-image: url(https://imgs.click108.com.tw/unit001/item00238/images/result/paper3.jpg);
	margin-top: 30px;}
.PC #it238 .PAPER4{
    background-image: url(https://imgs.click108.com.tw/unit001/item00238/images/result/paper4.jpg);
	margin-top: 30px;}
.PC #it238 .PAPER5{
    background-image: url(https://imgs.click108.com.tw/unit001/item00238/images/result/paper5.jpg);
	margin-top: 30px;}
.PC #it238 .PAPER6{
    background-image: url(https://imgs.click108.com.tw/unit001/item00238/images/result/paper6.jpg);
	margin-top: 30px;}
/*幸福箴言*/
.PC #it238 .BG_FRAME{
	width: 100%;
	background-color: #ffe9d9;
	box-shadow: inset 0px 0px 15px #ffbc78;
	padding: 2% 5% 4% 5%;
	overflow: hidden;
}
.PC #it238 .LAST_PAPER{
    width: 100%;
    height: 210px;
    margin: 0 auto;
    background-image: url(https://imgs.click108.com.tw/unit001/item00238/images/result/scroll.png);
	background-size: 100% auto;
	background-repeat: no-repeat;}
.PC #it238 .LAST_PAPER li{
	font-size: 1.8rem;
	color: #ff4800;
    text-align: center;
	font-weight: bold;
}
.PC #it238 .LAST_PAPER li:nth-child(1){padding-top: 60px;}
.PC #it238 .LAST_PAPER li:nth-child(2){padding-top: 0px;}

/*pq自製*/
.PC #it238 .pq_RECOM_BOX{position: relative;;width: 86%;padding-bottom: 25px;padding-top: 20px;}
.PC #it238 .pq_RECOM_BOX p+p{ margin-top: 15px;}

/*RESULT 內文單欄區*/
.PC #it238 .pq_RECOM1{/*純框線款*/
    width:670px;
	height:auto;
	overflow:hidden;
	border:3px solid #8b5f2b;
	border-top: none;}
.PC #it238 .pq_RECOM2{/*純框線款*/
	margin-top: 0px;
	width:670px;
	height:auto;
	overflow:hidden;
	border:3px solid #8b5f2b;
	position: relative;}
.PC #it238 .pq_RECOM1 .pq_RETOP{
    width:670px;
	height:auto;
    overflow: hidden;
	border-bottom:none;
	box-sizing: border-box;}
.PC #it238 .pq_RECOM1 .pq_RETOP img{margin-left: -3px;}
.PC #it238 .pq_RECOM_BOX .LISTBOX .pq_LIST_ICON li {
    background-position-y: 0px;
    padding-left: 30px;
	background: transparent url(https://imgs.click108.com.tw/unit001/item00238/images/list_icon3.png) no-repeat;
	background-size: 24px 24px;
	background-position-y: 2px;
	background-position-x: 5px;}
.PC #it238 .pq_RECOM_BOX .LISTBOX .pq_LIST_ICON li {
    background-position-y: 0px;
    padding-left: 33px;
	background: transparent url(https://imgs.click108.com.tw/unit001/item00238/images/list_icon3.png) no-repeat;
	background-size: 24px 24px;
	background-position-y: 2px;
	background-position-x: 5px;}
/*=========================結果頁面尾區================*/
/*=========================免費頁面區================*/
.PC #it238 .WORD01 img{width: 70%;margin-top: 28px;margin-left: -10px;}
.PC #it238 .WORD02 img{width: 70%;margin-top: 28px;margin-left: -10px;}

.PC #it238 .FUZZY_BOX1{/*沒有圖*/
	width: 100%;
	position: absolute;
	top: 98px;
	left: 0;
	margin: 0 auto;
	z-index: 500;
}
.PC #it238 .FUZZY_BOX1 .W50{width: 50%;}
.PC #it238 .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 #it238 .FUZZY_BOX_POSITION1{top: 530px;}
/*生生世世的未了情用定位*/
.PC #it238 .FUZZY_BOX_POSITION2{top: 300px;}
.PC #it238 .PAPER1 img{width: 68%;margin-top: 5px;margin-left: -20px;}
/*影響最深的前一世用定位*/
.PC #it238 .FUZZY_BOX_POSITION3{top: 400px;}
/*list用定位*/
.PC #it238 .LISTBOX_FUZZY{position: relative;}
/*給你們的幸福箴言用定位*/
.PC #it238 .LAST_PAPER_FUZZY{background-image: url(https://imgs.click108.com.tw/unit001/item00238/images/free/scroll.png);}
/*=========================免費頁面尾區================*/
/*=========================列印頁面區================*/
.PC #it238 .PRINT_TOP{
	width:680px;
	height:200px;
	margin:0 auto 10px auto;}
.PC #it238 .PRINT_TOP img{width: 100%; height: auto;}

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


/*=========================列印頁面尾區================*/



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

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


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

/*框架區尾*/

/*表頭區*/		
/*TOP*/
.MOBILE #it238 .TOP_BG_O{
	width: 100%;
	overflow: hidden;
	height: 0;
	padding-bottom: 55%;
	background-image:url(https://imgs.click108.com.tw/unit001/item00238/images/top_bg.jpg);
	background-position: center top;
	background-size: 220% auto;
	background-repeat: no-repeat;
	margin: 0 auto;
	position:relative;	
}
.MOBILE #it238 .TOP{
	width: 100%;
	overflow: hidden;
	height: 0;
	padding-bottom: 60%;
	background-image:url(https://imgs.click108.com.tw/unit001/item00238/images/title.png);
	background-position-x: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin: 0 auto;
	position:relative;
	margin-top: 15px;
}
.MOBILE #it238 .TOP h1{display: none;}
.MOBILE #it238 .TOP h3{display: none;}
/*表頭區尾*/

/*內容區*/
.MOBILE #it238 .CONTENT{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	background-image:url(https://imgs.click108.com.tw/unit001/item00238/images/con_bg.jpg);
	background-size:100% auto;
	}
/*內容框架*/
.MOBILE #it238 .CONTENT_TOP img, .MOBILE #it238 .CONTENT_FOOT img{display:block; width:100%; height: auto;}	
.MOBILE #it238 .CONTENT_FOOT{
	transform: rotate(180deg);
}
/*=========================輸入頁面頭區================*/
.MOBILE #it238 .CON_BOX{ 
	max-width: 650px;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	padding: 0% 5%;}
.MOBILE #it238 .CON_IMG_M{ width: 90%; margin: 0 auto;}
.MOBILE #it238 .pq_INBAR{
	width: 100%;
    height: 60px;
    background-image: url(https://imgs.click108.com.tw/unit001/item00238/images/input_bar.jpg);
    background-repeat: no-repeat;
    margin: 0 auto;
    text-align: center;
    font-size: 1.6rem;
    line-height: 60px;
    color: #FFF;
    font-weight: bold;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;}
.MOBILE #it238 .pq_INPUT_BOX1 .pq_INBOX{
	padding: 2%;
    color: #333;
	background-color: #fff7eb;
	box-shadow: inset 0px 0px 20px 10px rgba(255,161,90,.2);
	-webkit-box-shadow: inset 0px 0px 20px 10px rgba(255,161,90,.2);
	-moz-box-shadow: inset 0px 0px 20px 10px rgba(255,161,90,.2);}
.MOBILE #it238 .IP_LINE{
    width: 100%;
    height: 8px;
    margin-top: 8px;
    border-top: 2px dotted #f5dddd;
}
.MOBILE #it238 .pq_LIST_ICON li.pq_B{
	padding-left: 33px;
    background: transparent url(https://imgs.click108.com.tw/unit001/item00238/images/list_icon1.png) no-repeat;
    background-size: 25px 25px;
	line-height: 1.5rem;
	margin-top: 15px;
}
.MOBILE #it238 .pq_LIST_ICON li{
	background: transparent url(https://imgs.click108.com.tw/unit001/item00238/images/list_icon2.png) no-repeat;
	background-size: 22px 22px;
	background-position-y: 6px;
	background-position-x: 8px;
}
.MOBILE #it238 .pq_LIST_ICON ul{width: 99%;margin-left: 0px;}
.MOBILE #it238 .pq_SEC_ICON li{
	background-image: none;
	padding-left: 0px;}
.MOBILE #it238 .pq_SEC_ICON li::before{content: "└ ";}
/*輸入區塊*/
.MOBILE #it238 .ENTER_TOP_BAR{
	width:100%;
	height: 60px;
	margin:15px auto 0 auto;
	text-align:center;
	font-size:1.6rem;
	line-height:60px;
	color:#FFF;
	font-weight:bold;
	background-image:url(https://imgs.click108.com.tw/unit001/item00238/images/enter_bar.jpg);
	background-position: center;}
.MOBILE #it238 .ENTER_BGS1{
	width:100%;
	height:auto;
	overflow:hidden;
	padding: 5% 3%;
	border: 1px solid #b18eab;
	border-top: none;}
.MOBILE #it238 .ENTER_FOOT{
	display: none;}
.MOBILE #it238 .CON_BOX img{display:block;width:100%; margin:0 auto;}
/*CON_BOX_BAR樣式二*/
.MOBILE #it238 .CON_BOX_BAR02{/*NEW*/
	width:100%;
	height:60px;
	margin:0 auto;
	background-color: #fbe2c9;}
.MOBILE #it238 .CON_BOX_BAR02 p{/*NEW*/
	font-size:1.6rem;
	line-height:60px;
	color:#bf8950;
	font-weight:bold;
	text-align:center;}
.MOBILE #it238 .CON_BOX_BG02{/*NEW*/
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	border: 1px solid #fbe2c9;}
.MOBILE #it238 .CON_BOX img{display:block; width:100%;margin:0 auto;}
.MOBILE #it238 .CON_BOX_BG02 .BOX_INSET{/*內縮*/
	width: 92%; 
	height: auto;
	clear:both;
	overflow: hidden;
	margin: 0 auto; 
	margin:10px auto;}
.MOBILE #it238 .CON_BOX_BG02 .LISTIMG{/*九星宿緣配圖*/
	width:80%;
	margin: 0 auto;}
.MOBILE #it238 .CON_BOX_BG02 .LISTBOX{
	clear: both;
	width:auto;
	height:auto;
	overflow:hidden;}
.MOBILE #it238 .CON_BOX_BG02 .LISTBOX ul li{
	width:auto;
	height:auto;
	overflow:hidden;
	line-height: 1.6rem;
	font-size:1.2rem;
	color:#333;
	margin-bottom: 5px;}
.MOBILE #it238 .CON_BOX_BG02 .LISTBOX ul li.LIST_ICON{
	float: left;
	width:18px;
	height: 18px;
	margin-right: 5px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00238/images/input_icon2.png);
	background-position: left bottom ;
	background-size: 18px 18px;
	background-repeat: no-repeat;
	margin-top: 3px;}
.MOBILE #it238 .pq_INPUT_BOX1 .pq_INBOX2{
	width: 100%;
	padding: 2% ;
	margin-top: 15px;
	overflow: hidden;
	background-color: #fff6e2;
	border-radius: 8px;
}
/*==浮水按鈕==*/
.MOBILE #it238-wrapper .NEW_BT_F{/*浮水按鈕*/
	width:100%;
	height:60px;
	position:fixed;
	bottom:0;
	z-index:1000;
	background-image:url(https://imgs.click108.com.tw/unit001/item00238/images/bt_bg.png);
	background-repeat:repeat;
	padding-top:7px;
	background-size:15px 15px;}

.MOBILE #it238-wrapper .NEW_BT_F a{/*浮水按鈕*/
	margin:0 auto;
    width: 90%;
	height: 47px;
	font-size:1.5rem;
	line-height: 47px;
	text-decoration:none;
	position: static;}
/*==浮水按鈕==*/
/*=========================輸入頁面尾區================*/

/*=========================結果頁面區================*/
/*表頭區*/	
.MOBILE #it238 .RE_TOP{
	width: 100%;
	overflow: hidden;
	height: 0;
	padding-bottom: 38%;
	background-image:url(https://imgs.click108.com.tw/unit001/item00238/images/top_bg.jpg);
	background-position: center top;
	background-size: 220% auto;
	background-repeat: no-repeat;
	margin: 0 auto;
	position:relative;
	}
.MOBILE #it238 .RE_TOP h1{
	width: 100%;
	overflow: hidden;
	height: 0;
	padding-bottom: 38%;
	background-image:url(https://imgs.click108.com.tw/unit001/item00238/images/title.png);
	background-position-x: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin: 0 auto;
	position:relative;
	margin-top: 15px;
	text-indent:-9999px;
	}
/*第一塊引導區*/
.MOBILE #it238 .GUIDE{
	width:92%;
	height:auto;
	overflow:hidden;
	margin: 0 auto;}
.MOBILE #it238 .GUIDE li.PH{display: none;}
.MOBILE #it238 .GUIDE li{width: 100%;}
.MOBILE #it238 .GUIDE .BLANK{display: none;}
/*個人資料欄位*/
.MOBILE #it238 .INFO_BOX{
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 65%;
	background-image: url(https://imgs.click108.com.tw/unit001/item00238/images/result/sp_img.jpg);
	background-size: 95% auto;
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
}
.MOBILE #it238 .WHEN{
	width: 100%;
	font-size: 8.5vw;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-shadow: rgb(163, 51, 255) 0px 0px 10px,rgb(163, 15, 143) 0px 0px 10px;
	position: absolute;
	top: 30%;
}
.MOBILE #it238 .USER_AREA{
	width: 98%;
	height: 70px;
	margin: 0 auto;
	overflow: hidden;
	background-color: rgba(255, 233, 239, 0.8);
	box-shadow: inset 0px 0px 10px #ffc3d3;
	position: absolute;
	bottom: 0;
	bottom:0;
	left: 1%;
}
.MOBILE #it238 .USER_AREA .LEFT{
	width: 50%;
	float: left;
	padding-top: 10px;
}
.MOBILE #it238 .USER_AREA .RIGHT{
	width: 50%;
	float: right;
	padding-top: 10px;
}
.MOBILE #it238 .USER_AREA .pq_TXT3{
	font-size: 1rem;
	text-align: center;
}
.MOBILE #it238 .USER_AREA span.GENDER{
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-bottom: -6px;
	margin-left: 4px;
}
.MOBILE #it238 .USER_AREA span.GENDER img{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
/*緣起緣滅*/
.MOBILE #it238 .WORD01{/*緣起*/
    width: 100%;
    height: 0;
	padding-bottom: 18%;
    overflow: hidden;
    background-image: url(https://imgs.click108.com.tw/unit001/item00238/images/result/deco1.jpg);
	background-size: 105% auto;
	background-repeat: no-repeat;
	background-position-x: -5px;
    font-size: 4.7vw;
    text-indent: 24%;
	color: #b5221f;
    text-align: left;
	font-weight: bold;
	padding-top: 8.5%;}
.MOBILE #it238 .WORD02{/*緣滅*/
    width: 100%;
    height: 0;
	padding-bottom: 18%;
    overflow: hidden;
    background-image: url(https://imgs.click108.com.tw/unit001/item00238/images/result/deco2.jpg);
	background-size: 105% auto;
	background-repeat: no-repeat;
	background-position-x: -5px;
    font-size: 4.7vw;
    text-indent: 24%;
	color: #185b63;
    text-align: left;
	font-weight: bold;
	padding-top: 8.5%;
margin-top: 30px;}
/*沒緣分特別框*/
.MOBILE #it238 .SP_CON{
	width: 100%;
	margin-top: 35px;
}
.MOBILE #it238 .SP_CON .TEXT{
	width: 100%;
	padding: 1% 6%;
	overflow: hidden;
	background-image: url(https://imgs.click108.com.tw/unit001/item00238/images/result/sp_con_bg.jpg);
	background-size: 100% auto;
	background-repeat: repeat-y;
	color: #333;
}
/*內容框裡副標*/
.MOBILE #it238 .SUBTITLE{
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #faf8e8;
	text-align: center;
}
.MOBILE #it238 .SUBTITLE .DECO_LINE{width: 100%;}
.MOBILE #it238 .SUBTITLE .TEXT{
	color: #b1002e;
	font-size: 1.5rem;
	font-weight: bold;
	padding: 3% 0;}
.MOBILE #it238 .SUBTITLE .TEXT span{font-size: 1.3rem;line-height: 2.5rem;}
/*第幾世*/
.MOBILE #it238 .PAPER1{
    width: 100%;
    height: 0;
	padding-bottom: 14.8%;
	overflow: hidden;
    background-image: url(https://imgs.click108.com.tw/unit001/item00238/images/result/paper1.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	font-size: 4.5vw;
	text-indent: 29%;
	color: #177682;
    text-align: left;
	font-weight: bold;
	margin-top: 20px;
	padding-top: 3.2vw;}
.MOBILE #it238 .PAPER2{
    background-image: url(https://imgs.click108.com.tw/unit001/item00238/images/result/paper2.jpg);
	margin-top: 30px;}
.MOBILE #it238 .PAPER3{
    background-image: url(https://imgs.click108.com.tw/unit001/item00238/images/result/paper3.jpg);
	margin-top: 30px;}
.MOBILE #it238 .PAPER4{
    background-image: url(https://imgs.click108.com.tw/unit001/item00238/images/result/paper4.jpg);
	margin-top: 30px;}
.MOBILE #it238 .PAPER5{
    background-image: url(https://imgs.click108.com.tw/unit001/item00238/images/result/paper5.jpg);
	margin-top: 30px;}
.MOBILE #it238 .PAPER6{
    background-image: url(https://imgs.click108.com.tw/unit001/item00238/images/result/paper6.jpg);
	margin-top: 30px;}
/*幸福箴言*/
.MOBILE #it238 .BG_FRAME{
	width: 100%;
	background-color: #ffe9d9;
	box-shadow: inset 0px 0px 10px #ffbc78;
	padding: 4% 6% 6% 6%;
	overflow: hidden;
}
.MOBILE #it238 .LAST_PAPER{
    width: 100%;
    height: 0;
	overflow: hidden;
	padding-bottom: 42%;
    margin: 0 auto;
    background-image: url(https://imgs.click108.com.tw/unit001/item00238/images/result/scroll.png);
	background-size: 100% auto;
	background-repeat: no-repeat;}
.MOBILE #it238 .LAST_PAPER li{
	font-size: 4.5vw;
	color: #ff4800;
    text-align: center;
	font-weight: bold;
}
.MOBILE #it238 .LAST_PAPER li:nth-child(1){padding-top: 10%;}
.MOBILE #it238 .LAST_PAPER li:nth-child(2){padding-top: 0px;}


/*pq自製*/
.MOBILE #it238 .pq_RECOM_BOX{position: relative;;width: 91%;padding-bottom: 25px;padding-top: 20px;}
.MOBILE #it238 .pq_RECOM_BOX p+p{ margin-top: 10px;}

/*RESULT 內文單欄區*/
.MOBILE #it238 .pq_RECOM1{/*純框線款*/
	border-color: #8b5f2b;}
.MOBILE #it238 .pq_RECOM1 .pq_RETOP{
	border-color: #8b5f2b;}
.MOBILE #it238 .pq_RECOM_BOX .LISTBOX .pq_LIST_ICON li {
    padding-left: 21px;
	background: transparent url(https://imgs.click108.com.tw/unit001/item00238/images/list_icon3.png) no-repeat;
	background-size: 20px 20px;
	background-position-y: 4px;
	background-position-x: 0px;}

/*=========================結果頁面尾區================*/

/*=========================免費頁面區================*/
/*=========================免費頁面區================*/
.MOBILE #it238 .WORD01 img{width: 75%;margin-top: -3%; padding-left: 11%;}
.MOBILE #it238 .WORD02 img{width: 75%;margin-top: -3%; padding-left: 11%;}
.MOBILE #it238 .FUZZY_AREA{
	position: relative;
	width: 100%;
	overflow: hidden;
	display: inline-block;}
.MOBILE #it238 .FUZZY_BOX1{/*沒有圖*/
	width: 100%;
	position: absolute;
	top: 98px;
	left: 0;
	margin: 0 auto;
	z-index: 500;
}
.MOBILE #it238 .FUZZY_BOX1 .W50{width: 100%;}
.MOBILE #it238 .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 #it238 .FUZZY_BOX_POSITION1{top: 42%;}
/*生生世世的未了情用定位*/
.MOBILE #it238 .FUZZY_BOX_POSITION2{top: 20%;}
.MOBILE #it238 .PAPER1 img{width: 70%;margin-top: -3%;margin-left: 27%;}
/*影響最深的前一世用定位*/
.MOBILE #it238 .FUZZY_BOX_POSITION3{top: 45%;}
/*list用定位*/
.MOBILE #it238 .LISTBOX_FUZZY{position: relative;}
/*給你們的幸福箴言用定位*/
.MOBILE #it238 .LAST_PAPER_FUZZY{background-image: url(https://imgs.click108.com.tw/unit001/item00238/images/free/scroll.png);}
/*=========================免費頁面尾區================*/

@media screen and (max-width: 414px){
.pq_e_BT .pq_BT_SROUND {
    font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif, Helvetica, Arial;
    font-size: 1.5rem;
    text-align: center;
    line-height: 50px;
}
.trail_jc_REM_PR .jc_LIST .PR{
    margin-top: 10px !important;
    }
#FateCategorys .KEYWORD {
    margin: 10px !important;
}