@import url("reset.css");
body{
	-webkit-text-size-adjust:none;
	text-decoration:none;
	font-family: "微軟正黑體", "新細明體", "細明體",Arial, Helvetica, sans-serif;}
/*共用間距*/
#it235 .BLANK{ width:100%; height:20px;}	
#it235 .BLANK02{ width:100%; height:10px;}
/*共用文字樣式*/
.PC #it235 .TXT_CENTER{text-align: center;}
.MOBILE #it235 .TXT_CENTER{text-align: left;}
#it235 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 #it235{
	width:100%;
	height:auto;
	overflow:hidden;
	background-image:url(https://imgs.click108.com.tw/unit001/item00235/images/top_bg.png),url(https://imgs.click108.com.tw/unit001/item00235/images/bg.jpg);
	background-repeat: no-repeat,repeat;
	background-position: top center;
	font-size: 16px;}
/*框架區尾*/

/*表頭區*/	
/*TOP*/
.PC #it235 .TOP_BG_O{
	width: 940px;
	height: 570px;
	margin: 0 auto;
	position:relative;
	left:50%;
	margin-left: -432px;
	background-repeat: no-repeat;
	background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/index_titile-pc.png);
	background-size: 95%;
	background-position-x: 20px;
}
.PC #it235 .TOP h1{
	text-indent:-9999px;
}
.PC #it235 .TOP h3{
	text-indent: -9999px;
}
/*表頭區尾*/
/*內容區*/
.PC #it235 .CONTENT{
	width:750px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	background-image:url(https://imgs.click108.com.tw/unit001/item00235/images/con_bg.jpg);
	background-size:100% auto;
	}
/*內容框架*/
.PC #it235 .CONTENT_TOP img, .PC #it235 .CONTENT_FOOT img{display:block; width:750px; height:41px; margin:auto;}
.PC #it235 .CONTENT_TOP{
	transform: rotate(180deg);
}
/*=========================輸入頁面頭區================*/
.PC #it235 .CON_BOX{ 
	width:670px;
	height:auto;
	overflow:hidden;
	margin:0 auto;}
.PC #it235 .pq_INBAR{
	width: 100%;
    height: 66px;
    background-image: url(https://imgs.click108.com.tw/unit001/item00235/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 #it235 .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 #it235 .IP_LINE{
    width: 100%;
    height: 8px;
    margin-top: 10px;
    margin-bottom: 5px;
    border-top: 2px dotted #f5dddd;
}
.PC #it235 .pq_LIST_ICON li.pq_B{
	padding-left: 33px;
    background: transparent url(https://imgs.click108.com.tw/unit001/item00235/images/list_icon1.png) no-repeat;
    background-size: 28px 28px;
	background-position-y: -4px;
	line-height: 1.5rem;
	margin-top: 15px;
}
.PC #it235 .pq_LIST_ICON li{
	background: transparent url(https://imgs.click108.com.tw/unit001/item00235/images/list_icon2.png) no-repeat;
	background-size: 15px 15px;
	background-position-y: 10px;
	background-position-x: 14px;
}
.PC #it235 .pq_LIST_ICON ul{margin-left: 1rem;}
.PC #it235 .pq_SEC_ICON li{
	background-image: none;
	padding-left: 0px;}
.PC #it235 .pq_SEC_ICON li::before{content: "└ ";}
/*輸入區塊*/
.PC #it235 .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/item00235/images/enter_bar.jpg);}
.PC #it235 .ENTER_BGS1{
	width:100%;
	height:auto;
	overflow:hidden;
	background-image:url(https://imgs.click108.com.tw/unit001/item00235/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 #it235 .ENTER_FOOT{
	width:100%;
	height:36px;
	overflow: hidden;
	clear: both;
	background-image:url(https://imgs.click108.com.tw/unit001/item00235/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 #it235 .pq_ADT3{color: #333}
/*占術介紹*/
.PC #it235 .CON_BOX_BAR02{/*NEW*/
	width:100%;
	height:60px;
	margin:0 auto;
	background-color: #f6e3ff;}
.PC #it235 .CON_BOX_BAR02 p{/*NEW*/
	font-size:1.6rem;
	line-height:60px;
	color: #7e00b9;
	font-weight:bold;
	text-align:center;}
.PC #it235 .CON_BOX_BG02{/*NEW*/
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	border: 1px solid #f6e3ff;}
.PC #it235 #ZIWEI_BOX .BLINE {
	background-color: #f6e3ff;}

.PC #it235 .CON_BOX_BG02 .BOX_INSET{/*內縮*/
	width: 90%; 
	height: auto;
	clear:both;
	overflow: hidden;
	margin: 0 auto; 
	margin:10px auto;}
.PC #it235 .CON_BOX_BG02 .LISTIMG{/*配圖*/
	float:left;
	width:200px;
	margin-right: 30px;}
.PC #it235 .CON_BOX_BG02 .LISTIMG img{width: 100%;height: auto;}
.PC #it235 .CON_BOX_BG02 .LISTBOX{
	width:auto;
	height:auto;
	overflow:hidden;}
.PC #it235 .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 #it235 .CON_BOX_BG02 .LISTBOX li span{
		font-size: 1.1rem;}
.PC #it235 .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/item00235/images/input_icon2.png);
	background-size: 18px 18px;
	background-position: left bottom ;
	background-repeat: no-repeat;
	margin-top: 3px;}
.PC #it235 .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 #it235-wrapper .NEW_BT_F{/*浮水按鈕*/
	width: 100%;
	height: 60px;
	position:fixed;
	bottom:0;
	z-index:1000;
	background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/bt_bg.png);
	background-repeat:repeat;
	padding-top:5px;}
	
.PC #it235-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 #it235 .RE_TOP{
	position:relative;
	width: 650px;
	height: 450px;
	margin: 0 auto;
}
.PC #it235 .RE_TOP h1{
	position: absolute;
	width: 650px;
	height: 445px;
	margin:0 auto;
	background-image:url(https://imgs.click108.com.tw/unit001/item00235/images/result/re_titile.png);
	background-position: top center;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
/*第一塊引導區*/
.PC #it235 .GUIDE{
	width:92%;
	height:auto;
	overflow:hidden;
	margin: 0 auto;}
.PC #it235 .GUIDE li{
	float: left;}
.PC #it235 .GUIDE li.PH{width: 35%;margin-right: 5%;}
.PC #it235 .GUIDE li.PH img{width: 100%;}
.PC #it235 .GUIDE li{width: 60%;}
/*個人資料*/
.PC #it235 .INFOR{
	width:670px;
	height:160px;
	margin:0 auto;
	background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/result/name_bg.jpg);
	background-size: 670px auto;
	background-position-x: -3px;
	background-repeat: no-repeat;
	text-align: center;
	padding: 15px 10px 10px 10px;
	border-bottom:none;
	}
.PC #it235 .INFOR .GENDER{ 
	display:inline-block;
	width:30px;
	height:30px;
	margin:0 auto;
	margin-bottom:-8px;}
.PC #it235 .INFOR .GENDER img{ 
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;}
/*個人資料尾*/
/*姓名五行內容*/
.PC #it235 .NAME_FIVE_235{
	width:100%;
	height:auto;
	overflow:hidden;}
	
.PC #it235 .NAME_FIVE_235_BG{
	width:664px;
	height:522px;
	position: relative;
	}

.PC #it235 .NAME_TEXT01_235 ul{
	width:28%;
	height: 100px;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	top:31%;
	left: 15%;
}

.PC #it235 .NAME_TEXT01_235 li{
	float: left;
	width: 50%;
}
.PC #it235 .NAME_TEXT02_235 ul{
	width: 45%;
	height: 100px;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	top:31%;
	right:0%;
}

.PC #it235 .NAME_TEXT02_235 li{
	float:left;
	width: 33.3333333%;
}
.PC #it235 .NAME_TEXT03_235{
	width:50%;
	height: 100px;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	top:12%;
	left: 25%;
}
.PC #it235 .NAME_TEXT04_235 ul{
	width:60%;
	height: 100px;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	bottom:23%;
	left: 20%;
}
.PC #it235 .NAME_TEXT04_235 li{
	float: left;
	width:33.3333333334%;
	height: 100px;
	margin: 0 auto;
	text-align: center;
}
.PC #it235 .NAME_TEXT05_235{
	width:50%;
	height: 50px;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	bottom:18%;
	left: 25%;
	background-color: #d1352a;
	-moz-border-radius:50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	color: #fff;
	font-weight: bold;
	font-size: 2rem;
	line-height: 50px;
}
.PC #it235 .NAME_TEXT05_235{color: #fff;}
.PC #it235 .NAME_TEXT06_235{
	width:50%;
	height: 50px;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	bottom:5%;
	left: 25%;
	color: #460000;
	font-size: 1em;
	line-height: 50px;
}
/*姓名五行字型*/
.PC #it235 .NAME_FIVE_235 .NAM{
	width: 100%;
	height: 50px;
	font-family: "標楷體";
	font-size: 5rem;
	line-height: 50px;
	color: #000;
}
.PC #it235 .NAME_FIVE_235 .NAM_S{
	width: 100%;
	height: 70px;
	font-size: 1em;
	line-height: 70px;
	color: #000;
}
.PC #it235 .NAME_FIVE_235 .NAM_S02{
	font-size: 1em;
	color: #999;
}
.PC #it235 .NAME_FIVE_235 .NAM_S03{
	font-size:1.5rem;
	color: #762200;
	font-weight: bold;
}
.PC #it235 .NAME_FIVE_235 .NAM_RED{
	color: #cc0000;
}

.PC #it235 .NAME_FIVE_235 .NAM_YELLOW{
	color: #ffea00;
}
/*姓名五行內容尾*/
/*捲軸-XX之格*/
.PC #it235 .WORD01{/*女用*/
    width: 530px;
    height: 120px;
    margin: 0 auto;
    background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/result/re_top01_word.jpg);
    font-family: "標楷體";
	font-size: 3rem;
	line-height: 120px;
	color: #f44154;
    text-align: center;
	font-weight: bold;}
.PC #it235 .WORD02{/*男用*/
    width: 530px;
    height: 120px;
    margin: 0 auto;
    background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/result/re_top01_word2.jpg);
    font-family: "標楷體";
	font-size: 3rem;
	line-height: 120px;
	color: #0068dd;
    text-align: center;
	font-weight: bold;}
.PC #it235 .WORD01 img{
    display: inline-block;
    width: 50%;
    height: auto; 
    vertical-align:middle;
}
.PC #it235 .WORD02 img{
    display: inline-block;
    width: 50%;
    height: auto; 
    vertical-align:middle;
}
/*五行底圖＋八字總評*/
.PC #it235 .no_w{
	width: 100%;
	padding: 0;
}
.PC #it235 #REANIall{
	width: 664px;
	height: 350px;
	overflow: hidden;
	background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/anibox/ani_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.PC #it235 #REANIall .RBOX1{
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.PC #it235 #REANIall .RBOX1 ul{
	display: block;
	width: 520px;
	height: auto;
	margin: 0 auto;
	margin-top: 30px;
	overflow: hidden;
}
.PC #it235 #REANIall .RBOX1 li{
	float: left;
	width: 260px;
	height: 280px;
}
.PC #it235 #REANIall .RBOX1 li img{
	display: block;
	width: 90%;
	height: auto;
	margin: 0 auto;
}
.PC #it235 #REANIall .BALL1{
	position: absolute;
	width: 125px;
	height: 125px;
	overflow: hidden;
	top: 33%;
	left: 21%;
}
.PC #it235 #REANIall .BALL2{
	position: absolute;
	width: 125px;
	height: 125px;
	overflow: hidden;
	top: 33%;
	right: 21%;
}
.PC #it235 #REANIall .BALL1 img,.PC #it235 #REANIall .BALL2 img{
	display: block;
	width: 100%;
	height: auto;
	margin:0 auto;
}
/*光束*/
.PC #it235 #REANIall .ANILIGHT_ON{
	position: absolute;
	width: 600px;
	height: 315px;
	background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/anibox/anilight.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	top: 0;
	left: 5%;
	animation-name: fadeInOut;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
/*人名*/
.PC #it235 #REANIall .ANAME{
	position: absolute;
	width: 600px;
	height: auto;
	overflow: hidden;
	top: 2%;
	left: 5%;
}
.PC #it235 #REANIall .ANAME ul{
	display: block;
	width: 86%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.PC #it235 #REANIall .ANAME li{
	float: left;
	width: 50%;
	height: auto;
}
.PC #it235 #REANIall .ANAME li p{
	color: #fff;
	font-size: 1.7rem;
	font-weight: bold;
	text-align: center;
	line-height: 315px;
}

.PC #it235 #REANIall .name_col{text-shadow: rgb(174, 24, 60) 0px 3px 3px;}
.PC #it235 #REANIall .main_col{text-shadow: rgb(16, 65, 126) 0px 3px 3px;}
/*八字短評*/
.PC #it235 .FRAME_TITLE{
    width: 95%;
    height: 125px;
    margin: 10px auto 0px auto;
    font-size:3rem;
    line-height: 78px;
    color: #d1352a;
    text-align: center;
    background-color: #fff;
    box-shadow: inset 0px 0px 50px rgba(255,235,243,1);
    -webkit-box-shadow: inset 0px 0px 50px rgba(255,235,243,1);
    -moz-box-shadow: inset 0px 0px 50px rgba(255,235,243,1);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.PC #it235 .FRAME_TITLE img{
	display: block;
	width: 95%;
	height: auto;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 5px;
}
.PC #it235 .FRAME_TITLE p{
	font-family: "標楷體";
    font-weight: bold;
    margin: 10px 0;
}
/*捲軸-總格Ｘ總格*/
.PC #it235 .SCROLL1{
    width: 100%;
    height: 240px;
    margin: 0 auto;
    margin-bottom: 15px;
    background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/result/deco_bg1.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	text-align: center;}
.PC #it235 .SCROLL2{
    background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/result/deco_bg2.jpg);}
.PC #it235 .SCROLL1 .USER{
	width: 80%;
	margin: 0 auto;}
.PC #it235 .SCROLL1 .USER li{
	margin-top: 50px;
	height: 50px;
	font-size: 1.6rem;
	line-height: 50px;
	display: inline-table;
	font-weight: bold;}
.PC #it235 .SCROLL1 .USER li span{
	width: 26px;
	height: 26px;
	border-radius: 20px;
	margin-right: 4px;
}
.PC #it235 .SCROLL1 .USER li:nth-child(2){
	margin-left: 6px;
	margin-right: 6px;
	font-weight: normal;
}
.PC #it235 .SCROLL1 .USER .pq_PINK2 span{border: 1px solid #FF1493;}
.PC #it235 .SCROLL1 .USER .pq_BLUE2 span{border: 1px solid #0068dd;}
.PC #it235 .SCROLL1 .WORD{
	clear: both;
    width: 100%;
    height: 100px;
    margin: 0 auto;
    font-family: "標楷體";
	font-size: 3rem;
	line-height: 100px;
    text-align: center;
	font-weight: bold;}
/*捲軸-契合度*/
.PC #it235 .SCROCE{
    width: 100%;
    height: 240px;
    margin: 0 auto;
    margin-bottom: 15px;
    background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/result/deco_bg4.jpg);
	background-repeat: no-repeat;
	background-size: contain;}
.PC #it235 .SCROCE ul{
	width: 80%;
	height: 85px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	top: 95px;
}
.PC #it235 .SCROCE li{
	height: 85px;
	font-size: 1.8rem;
	line-height: 85px;
	display: inline-table;
	font-weight: bold;
	color: #333;
	text-align: center;}
.PC #it235 .SCROCE li:nth-child(1){
	float: left;
	width: 35%;
}
.PC #it235 .SCROCE li:nth-child(2){
	width: 30%;
	text-align: center;
	font-size: 5rem;
	color: #d80000;
}
.PC #it235 .SCROCE li:nth-child(2) span{
	font-size: 2rem;
}
.PC #it235 .SCROCE li:nth-child(3){
	float: right;
	width: 35%;
}
.PC #it235 .FOR_FREE li:nth-child(1){
	width: 100%;
	height: 85px;
	font-size: 3rem;
	line-height: 85px;
	display: inline-table;
	font-weight: bold;
	color: #d80000;
	text-align: center;
	font-family: '標楷體';}
/*裝飾框-誰更在乎誰*/
.PC #it235 .SP_FRAME{
	width: 530px;
	height: 100px;
	margin: 0 auto;
	margin-bottom: 15px;
	font-family: "標楷體";
	font-size: 1.8rem;	
	text-align: center;
	font-weight: bold;
	font-style: oblique;
	line-height: 100px;
	border-radius: 10px;
	color: #eca049;
	border: 2px solid #ffddb7;
	background-color: #fff7eb;
	box-shadow: inset 0px 0px 8px 2px rgba(255,161,90,.4);
	-webkit-box-shadow: inset 0px 0px 8px 2px rgba(255,161,90,.4);
	-moz-box-shadow: inset 0px 0px 8px 2px rgba(255,161,90,.4);
}
.PC #it235 .SP_FRAME span{
	font-family: "標楷體";
	font-size: 2.8rem;
}
/*五行底圖＋生剋*/
.PC #it235 .DECO_BG2{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 10px;
	position: relative;
}
.PC #it235 .DECO_BG2 .TXT{
	position: absolute;
	width: 330px;
	height: 180px;
	top: 85px;
	left: 50%;
	margin-left: -175px;
	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.5; }
  80% { opacity: 0.8; }
  100% { opacity: 1; }
}
.PC #it235 .DECO_BG2 ul{
	clear: both;
	width: 100%;
	height: 400px;
	background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/result/deco_bg5-1.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 280px;
}
.PC #it235 .DECO_BG2 li{
	width: 285px;
	height: 67px;
	margin: 0 auto;
	background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/result/deco_bg5-2.jpg);
	background-size: contain;
}
.PC #it235 .DECO_BG2 li p{
	height: 80px;
	font-size: 2.8rem;
	line-height: 70px;
	color: #a83700;
	text-align: center;
	font-weight: bold;
	letter-spacing: 5px;
	font-family: '標楷體';
}
.PC #it235 .DECO_BG2 li p::before{
	content: '【';
	padding-right: 10px;
}
.PC #it235 .DECO_BG2 li p::after{
	content: '】';
	padding-left: 10px;
}
/*捲軸-結緣鑑定八字箴言*/
.PC #it235 .SCROLL3{
    width: 100%;
    height: 165px;
    margin: 0 auto;
    margin-bottom: 15px;
    background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/result/deco_bg6.jpg);
	background-repeat: no-repeat;
	background-size: contain;
background-position: center;}
.PC #it235 .SCROLL3 .USER{
	width: 80%;
	margin: 0 auto;}
.PC #it235 .SCROLL3 .USER li{
	margin-top: 10px;
	height: 50px;
	font-size: 1.6rem;
	line-height: 50px;
	display: inline-table;
	font-weight: bold;
	color: #fff;}
.PC #it235 .SCROLL3 .USER li:nth-child(1){
	float: left;
	width: 180px;
	height: 50px;
	text-align: right;
}
.PC #it235 .SCROLL3 .USER li:nth-child(2){
	float: right;
	width: 180px;
	height: 50px;
	text-align: left;
}
.PC #it235 .SCROLL3 .WORD{
	clear: both;
	display: block;
    width: 100%;
    height: 150px;
    margin: 0 auto;
    font-family: "標楷體";
	font-size: 3rem;
	line-height: 113px;
    text-align: center;
	font-weight: bold;}
/*關鍵日期*/
.PC #it235 .DATA{
    width: 530px;
    height: 120px;
    margin: 0 auto;
	margin-bottom: 15px;
    background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/result/deco_bg7.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
    font-family: "標楷體";
	font-size: 3rem;
	line-height: 120px;
	color: #333;
    text-align: center;
	font-weight: bold;}
.PC #it235 .DATA span{
	font-family: "標楷體";
}
/*大師提點*/
.PC #it235 .SAM_RECOM{
	width: 100%;
	overflow: hidden;
	background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/result/sam_bg2.jpg);
	background-size: contain;
	background-repeat: repeat-y;
}
.PC #it235 .SAM_BG{/*純框線款*/
    width: 66%;
	margin: 0 auto;
}
.PC #it235 .SAM_BG p{
	line-height: 2rem;}

/*pq自製*/
.PC #it235 .pq_RECOM_BOX{width: 86%;padding-bottom: 25px;padding-top: 20px;}
.PC #it235 .pq_RECOM_BOX p+p{ margin-top: 15px;}
.PC #it235 .pq_TWO_COM .pq_REPIC{width: 30%;margin-right: 3%}
.PC #it235 .pq_TWO_COM .pq_RETEXT{width: 66%;padding-top: 15px;}
/*RESULT 內文單欄區*/
.PC #it235 .pq_RECOM1{/*純框線款*/
    width:670px;
	height:auto;
	overflow:hidden;
	border:3px solid #f5afff;
	border-top: none;}
.PC #it235 .pq_RECOM2{/*純框線款*/
	margin-top: 0px;
	width:670px;
	height:auto;
	overflow:hidden;
	border:3px solid #f5afff;
	position: relative;}
.PC #it235 .pq_RECOM1 .pq_RETOP{
    width:670px;
	height:auto;
    overflow: hidden;
	border-bottom:none;
	box-sizing: border-box;}
.PC #it235 .pq_RECOM1 .pq_RETOP img{margin-left: -3px;}
.PC #it235 .pq_RECOM_BOX .LISTBOX .pq_LIST_ICON li {
    background-position-y: 0px;
    padding-left: 30px;
	background: transparent url(https://imgs.click108.com.tw/unit001/item00235/images/list_icon3.png) no-repeat;
	background-size: 24px 24px;
	background-position-y: 2px;
	background-position-x: 5px;}
/*=========================結果頁面尾區================*/
/*=========================免費頁面區================*/
.PC #it235 .DECO_BG .WORD_F img{margin-top: 10px;}

.PC #it235 .SP_FRAME_F{/*裝飾框-誰更在乎誰*/
	font-size: 2.2rem;	
	color: #a83700;
}
.PC #it235 .FRAME_TITLE p{width: 78%; margin: 0 auto;}
.PC #it235 .DECO_BG2 .TXT_FREE1{/*五行生剋*/
	position: absolute;
	width: 58%;
	height: auto;
	top: 17%;
	left: 50%;
	margin-left: -31%;
	animation-name: fadeInOut_txt1;
	animation-duration: 8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.PC #it235 .DECO_BG2 .TXT_FREE2{
	position: absolute;
	width: 58%;
	height: auto;
	top: 17%;
	left: 50%;
	margin-left: -31%;
	animation-name: fadeInOut_txt2;
	animation-duration: 8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.PC #it235 .DECO_BG2 .TXT_FREE3{
	position: absolute;
	width: 58%;
	height: auto;
	top: 17%;
	left: 50%;
	margin-left: -31%;
	animation-name: fadeInOut_txt3;
	animation-duration: 8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.PC #it235 .DECO_BG2 .TXT_FREE4{
	position: absolute;
	width: 58%;
	height: auto;
	top: 17%;
	left: 50%;
	margin-left: -31%;
	animation-name: fadeInOut_txt4;
	animation-duration: 8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
/*動畫keyframes*/
@-webkit-keyframes fadeInOut_txt1 {
	0% { opacity: 0; }
	18% { opacity: 0.8; }
	23% { opacity: 0; }
	100% { opacity: 0; }
  }
@-webkit-keyframes fadeInOut_txt2 {
	0% { opacity: 0; }
	22% { opacity: 0; }
	40% { opacity: 0.8; }
	50% { opacity: 0; }
	100% { opacity: 0; }
  }
@-webkit-keyframes fadeInOut_txt3 {
	0% { opacity: 0; }
	48% { opacity: 0; }
	66% { opacity: 0.8; }
	75% { opacity: 0; }
	100% { opacity: 0; }
  }
@-webkit-keyframes fadeInOut_txt4 {
	0% { opacity: 0; }
	73% { opacity: 0; }
	91% { opacity: 0.8; }
	100% { opacity: 0; }
  }
.PC #it235 .SCROLL3_F{/*捲軸-結緣鑑定八字箴言*/
    background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/free/free_deco_bg6.jpg);}
.PC #it235 .SCROLL3_F .WORD img{
	width: 90%;
	margin: 0 auto;
}
/*=========================免費頁面尾區================*/
/*=========================列印頁面區================*/
.PC #it235 .PRINT_TOP{
	width:680px;
	height:200px;
	margin:0 auto 10px auto;}
.PC #it235 .PRINT_TOP img{width: 100%; height: auto;}

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

/*資料尺寸調整*/
.PC #it235 .PRINT_BG .INFOR{
	width: 100%;
}
.PC #it235 .PRINT_BG .INFOR .pq_INFOR1{
	width: 100%;
	padding: 6px 20px;
}
/*光束*/
.PC #it235 #REANIall .ANILIGHT{
	position: absolute;
	width: 600px;
	height: 315px;
	background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/anibox/anilight.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	top: 0;
	left: 5%;
}
/*扶生剋反剋*/
.PC #it235 .DECO_BG2 .TXT_OFF{
	position: absolute;
	width: 330px;
	height: 180px;
	top: 85px;
	left: 50%;
	margin-left: -175px;
}
/*=========================列印頁面尾區================*/



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

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

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


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

/*框架區尾*/

/*表頭區*/		
/*TOP*/
.MOBILE #it235 .TOP_BG_O{
	width: 100%;
	overflow: hidden;
	height: 0;
	padding-bottom: 84.5%;
	background-image:url(https://imgs.click108.com.tw/unit001/item00235/images/index_titile-mb.jpg);
	background-position-x: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0 auto;
	position:relative;	
}
.MOBILE #it235 .TOP{display: none;}
.MOBILE #it235 .TOP h1{display: none;}
.MOBILE #it235 .TOP h3{display: none;}
/*表頭區尾*/

/*內容區*/
.MOBILE #it235 .CONTENT{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	background-image:url(https://imgs.click108.com.tw/unit001/item00235/images/con_bg.jpg);
	background-size:100% auto;
	}
/*內容框架*/
.MOBILE #it235 .CONTENT_TOP img, .MOBILE #it235 .CONTENT_FOOT img{display:block; width:100%; height: auto;}	
.MOBILE #it235 .CONTENT_TOP{
	transform: rotate(180deg);
}
/*=========================輸入頁面頭區================*/
.MOBILE #it235 .CON_BOX{ 
	max-width: 650px;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	padding: 0% 5%;}
.MOBILE #it235 .CON_BOX img{ width: 100%; height: auto;}
.MOBILE #it235 .pq_INBAR{
	width: 100%;
    height: 66px;
    background-image: url(https://imgs.click108.com.tw/unit001/item00235/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;}
.MOBILE #it235 .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 #it235 .IP_LINE{
    width: 100%;
    height: 8px;
    margin-top: 8px;
    border-top: 2px dotted #f5dddd;
}
.MOBILE #it235 .pq_LIST_ICON li.pq_B{
	padding-left: 33px;
    background: transparent url(https://imgs.click108.com.tw/unit001/item00235/images/list_icon1.png) no-repeat;
    background-size: 28px 28px;
	background-position-y: -4px;
	line-height: 1.5rem;
	margin-top: 15px;
}
.MOBILE #it235 .pq_LIST_ICON li{
	background: transparent url(https://imgs.click108.com.tw/unit001/item00235/images/list_icon2.png) no-repeat;
	background-size: 15px 15px;
	background-position-y: 9px;
	background-position-x: 18px;
}
.MOBILE #it235 .pq_LIST_ICON ul{width: 99%;margin-left: 0px;}
.MOBILE #it235 .pq_SEC_ICON li{
	background-image: none;
	padding-left: 0px;}
.MOBILE #it235 .pq_SEC_ICON li::before{content: "└ ";}
/*輸入區塊*/
.MOBILE #it235 .ENTER_TOP_BAR{
	width:100%;
	height: 66px;
	margin:15px auto 0 auto;
	text-align:center;
	font-size:1.6rem;
	line-height:70px;
	color:#FFF;
	font-weight:bold;
	background-image:url(https://imgs.click108.com.tw/unit001/item00235/images/enter_bar.jpg);
	background-position: center;}
.MOBILE #it235 .ENTER_BGS1{
	width:100%;
	height:auto;
	overflow:hidden;
	padding: 5% 3%;
	border: 1px solid #b18eab;
	border-top: none;}
.MOBILE #it235 .ENTER_FOOT{
	display: none;}
.MOBILE #it235 .CON_BOX img{display:block;width:100%; margin:0 auto;}
/*CON_BOX_BAR樣式二*/
.MOBILE #it235 .CON_BOX_BAR02{/*NEW*/
	width:100%;
	height:60px;
	margin:0 auto;
	background-color: #f6e3ff;}
.MOBILE #it235 .CON_BOX_BAR02 p{/*NEW*/
	font-size:1.6rem;
	line-height:60px;
	color:#7e00b9;
	font-weight:bold;
	text-align:center;}
.MOBILE #it235 .CON_BOX_BG02{/*NEW*/
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	border: 1px solid #f6e3ff;}
.MOBILE #it235  #ZIWEI_BOX .ZIWEI_BOX_BAR {
    background-color: #e6e6e6;}
.MOBILE #it235  #ZIWEI_BOX .ZIWEI_BG {
    border: 1px solid #e6e6e6;}
.MOBILE #it235 .CON_BOX img{display:block; width:100%;margin:0 auto;}
.MOBILE #it235 .CON_BOX_BG02 .BOX_INSET{/*內縮*/
	width: 92%; 
	height: auto;
	clear:both;
	overflow: hidden;
	margin: 0 auto; 
	margin:10px auto;}
.MOBILE #it235 .CON_BOX_BG02 .LISTIMG{/*九星宿緣配圖*/
	width:80%;
	margin: 0 auto;}
.MOBILE #it235 .CON_BOX_BG02 .LISTBOX{
	clear: both;
	width:auto;
	height:auto;
	overflow:hidden;}
.MOBILE #it235 .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 #it235 .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/item00235/images/input_icon2.png);
	background-position: left bottom ;
	background-size: 18px 18px;
	background-repeat: no-repeat;
	margin-top: 3px;}
.MOBILE #it235 .pq_INPUT_BOX1 .pq_INBOX2{
	width: 100%;
	padding: 2% ;
	margin-top: 15px;
	overflow: hidden;
	background-color: #fff6e2;
	border-radius: 8px;
}
/*==浮水按鈕==*/
.MOBILE #it235-wrapper .NEW_BT_F{/*浮水按鈕*/
	width:100%;
	height:60px;
	position:fixed;
	bottom:0;
	z-index:1000;
	background-image:url(https://imgs.click108.com.tw/unit001/item00235/images/bt_bg.png);
	background-repeat:repeat;
	padding-top:7px;
	background-size:15px 15px;}

.MOBILE #it235-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 #it235 .RE_TOP{
	width:100%;
	overflow: hidden;
	background:url(https://imgs.click108.com.tw/unit001/item00235/images/top_bg.png) no-repeat top center;
	background-size: 155% auto;
	}
.MOBILE #it235 .RE_TOP h1{
	width:100%;
	height:0;
	overflow: hidden;
	padding-bottom: 54%;
	background-image:url(https://imgs.click108.com.tw/unit001/item00235/images/result/re_titile.png);
	background-repeat: no-repeat;
	background-size: 78% auto;
	background-position: center;
	text-indent:-9999px;
	}
/*第一塊引導區*/
.MOBILE #it235 .GUIDE{
	width:92%;
	height:auto;
	overflow:hidden;
	margin: 0 auto;}
.MOBILE #it235 .GUIDE li.PH{display: none;}
.MOBILE #it235 .GUIDE li{width: 100%;}
.MOBILE #it235 .GUIDE .BLANK{display: none;}
/*個人資料*/
.MOBILE #it235 .INFOR{
	width:100%;
	height:0;
	padding-bottom:23.2%;
	background:url(https://imgs.click108.com.tw/unit001/item00235/images/result/name_bg.jpg) no-repeat top center;
	background-size:cover;
	margin:0 auto;
	text-align: center;
	border-bottom:2px solid #f5afff;}
.MOBILE #it235 .INFOR .GENDER{ 
	display:inline-block;
	width:4vw;
	height:4vw;
	margin:0 auto;
    vertical-align:baseline;}
.MOBILE #it235 .INFOR .GENDER img{ 
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;}
.MOBILE #it235 .INFOR .pq_TIT_EX{
	padding-top: 1vw;
	font-size:4.5vw;
    line-height: 1.7em;}
.MOBILE #it235 .INFOR .pq_TXT2{
	font-size:4vw;
    line-height: 1.2em;}
/*個人資料尾*/
/*姓名五行內容*/
.MOBILE #it235 .NAME_FIVE_235{
	width:100%;
	height:auto;
	overflow:hidden;}
	
.MOBILE #it235 .NAME_FIVE_235_BG{
	width:100%;
	height:0;
	padding-bottom:78.644578313253%;
	background-repeat: no-repeat;
	background-size:cover;
	position: relative;
	}

.MOBILE #it235 .NAME_TEXT01_235 ul{
	width:28%;
	height: 100px;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	top:20vw;
	left: 15%;
}

.MOBILE #it235 .NAME_TEXT01_235 li{
	float: left;
	width: 50%;
}
.MOBILE #it235 .NAME_TEXT02_235 ul{
	width: 45%;
	height: 100px;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	top:20vw;
	right:0%;
}

.MOBILE #it235 .NAME_TEXT02_235 li{
	float:left;
	width: 33.3333333%;
}

.MOBILE #it235 .NAME_TEXT03_235{
	width:50%;
	height: 10vw;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	top:8vw;
	left: 25%;
}

.MOBILE #it235 .NAME_TEXT04_235 ul{
	width:60%;
	height: 4.5vw;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	bottom:24.5vw;
	left: 20%;
}

.MOBILE #it235 .NAME_TEXT04_235 li{
	float: left;
	width:33.3333333334%;
	height: 4.5vw;
	margin: 0 auto;
	text-align: center;
}

.MOBILE #it235 .NAME_TEXT05_235{
	width:50%;
	height: 8vw;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	bottom:13%;
	left: 25%;
	background-color: #d1352a;
	-moz-border-radius:50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	color: #fff;
	font-weight: bold;
	font-size: 6vw;
	line-height: 8vw;
}

.MOBILE #it235 .NAME_TEXT06_235{
	width:100%;
	height: 3vw;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	bottom:4.5vw;
	color: #460000;
	font-size: 3vw;
	line-height: 3vw;
}

/*姓名五行字型*/

.MOBILE #it235 .NAME_FIVE_235 .NAM{
	width: 100%;
	height: 13vw;
	font-size: 12vw;
	line-height: 12vw;
	color: #000;
}

.MOBILE #it235 .NAME_FIVE_235 .NAM_S{
	width: 100%;
	height: 6vw;
	font-size: 3vw;
	line-height: 3vw;
	color: #000;
}

.MOBILE #it235 .NAME_FIVE_235 .NAM_S02{
	font-size: 3vw;
	color: #999;
}
.MOBILE #it235 .NAME_FIVE_235 .NAM_S03{
	font-size:4.5vw;
	line-height:6vw;
	color: #762200;
	font-weight: bold;
}

.MOBILE #it235 .NAME_FIVE_235 .NAM_RED{
	color: #cc0000;
}

.MOBILE #it235 .NAME_FIVE_235 .NAM_YELLOW{
	color: #ffea00;
}
/*姓名五行內容尾*/
/*捲軸-XX之格*/
.MOBILE #it235 .WORD01{/*女用*/
    width: 100%;
    height: 0;
    background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/result/re_top01_word.jpg);
	padding-bottom: 22%;
	background-size: cover;
	margin: 5px auto;
	font-size: 6vw;
	line-height: 18vw;
	color: #f44154;
	text-align: center;
	font-weight: bold;}
.MOBILE #it235 .WORD02{/*男用*/
    width: 100%;
    height: 0;
    background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/result/re_top01_word2.jpg);
	padding-bottom: 22%;
	background-size: cover;
	margin: 5px auto;
	font-size: 6vw;
	line-height: 18vw;
	color: #0068dd;
	text-align: center;
	font-weight: bold;}
.MOBILE #it235 .WORD01 img{
    display: inline-block;
    width: 50%;
    height: auto; 
    vertical-align:middle;
}
.MOBILE #it235 .WORD02 img{
    display: inline-block;
    width: 50%;
    height: auto; 
    vertical-align:middle;
}
/*五行底圖＋八字總評*/
.MOBILE #it235 #REANIall{
	width: 100%;
	height: 0;
	padding-bottom: 52.710843373494%;
	overflow: hidden;
	background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/anibox/ani_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.MOBILE #it235 #REANIall .RBOX1{
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.MOBILE #it235 #REANIall .RBOX1 ul{
	display: block;
	width: 85%;
	height: auto;
	margin: 0 auto;
	margin-top: 15px;
	overflow: hidden;
}
.MOBILE #it235 #REANIall .RBOX1 li{
	float: left;
	width: 50%;
	height: auto;
}
.MOBILE #it235 #REANIall .RBOX1 li img{
	display: block;
	width: 80%;
	height: auto;
	margin: 0 auto;
}
.MOBILE #it235 #REANIall .BALL1{
	position: absolute;
	width: 19%;
	height: auto;
	overflow: hidden;
	top: 33%;
	left: 19%;
}
.MOBILE #it235 #REANIall .BALL2{
	position: absolute;
	width: 19%;
	height: auto;
	overflow: hidden;
	top: 33%;
	right: 20%;
}
.MOBILE #it235 #REANIall .BALL1 img,.MOBILE #it235 #REANIall .BALL2 img{
	display: block;
	width: 100%;
	height: auto;
	margin:0 auto;
}
/*光束*/
.MOBILE #it235 #REANIall .ANILIGHT_ON{
	position: absolute;
	width: 100%;
	height: 0;
	padding-bottom: 52.5%;
	background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/anibox/anilight.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 95% auto;
	top: -4%;
	left: -1%;
	animation-name: fadeInOut;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
/*人名*/
.MOBILE #it235 #REANIall .ANAME{
	position: absolute;
	width: 87%;
	height: auto;
	overflow: hidden;
	top: 46%;
	left: 6%;
	z-index: 20;
}
.MOBILE #it235 #REANIall .ANAME ul{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.MOBILE #it235 #REANIall .ANAME li{
	float: left;
	width: 50%;
	height: auto;
}
.MOBILE #it235 #REANIall .ANAME li p{
	color: #fff;
	font-size: 1.1rem;
	font-weight: bold;
	text-align: center;
}
.MOBILE #it235 #REANIall .name_col{text-shadow: rgb(174, 24, 60) 0px 3px 3px;}
.MOBILE #it235 #REANIall .main_col{text-shadow: rgb(16, 65, 126) 0px 3px 3px;}
/*八字短評*/
.MOBILE #it235 .FRAME_TITLE{
    width: 95%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
	margin-top: 5px;
    font-size: 6vw;
    line-height: 1.8rem;
    color: #d43434;
    text-align: center;
    background-color: #fff;
    box-shadow: inset 0px 0px 50px rgba(255,203,223,1);
    -webkit-box-shadow: inset 0px 0px 50px rgba(255,203,223,1);
    -moz-box-shadow: inset 0px 0px 50px rgba(255,203,223,1);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.MOBILE #it235 .FRAME_TITLE img{
	display: block;
	width: 95%;
	height: auto;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 5px;
}
.MOBILE #it235 .FRAME_TITLE p{
	font-family: "微軟正黑體", "Microsoft JhengHei", "sans-serif", Helvetica, Arial;
    font-weight: bold;
    margin: 10px 0;
}

.MOBILE #it235 .no_p{padding-top:0;}
/*捲軸-總格Ｘ總格*/
.MOBILE #it235 .SCROLL1{
    width: 100%;
    height: 0;
    background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/result/deco_bg1.jpg);
	padding-bottom: 40.3%;
	background-size: cover;
    margin-bottom: 15px;
	text-align: center;}
.MOBILE #it235 .SCROLL2{
    background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/result/deco_bg2.jpg);}
.MOBILE #it235 .SCROLL1 .USER{
	width: 80%;
	margin: 0 auto;}
.MOBILE #it235 .SCROLL1 .USER li{
	margin-top: 11%;
	font-size: 4.5vw;
	display: inline-table;
	font-weight: bold;}
.MOBILE #it235 .SCROLL1 .USER li span{
	width: 26px;
	height: 26px;
	border-radius: 20px;
	margin-right: 4px;
}
.MOBILE #it235 .SCROLL1 .USER li:nth-child(2){
	margin-left: 6px;
	margin-right: 6px;
	font-weight: normal;
}
.MOBILE #it235 .SCROLL1 .USER .pq_PINK2 span{border: 1px solid #FF1493;}
.MOBILE #it235 .SCROLL1 .USER .pq_BLUE2 span{border: 1px solid #0068dd;}
.MOBILE #it235 .SCROLL1 .WORD{
	clear: both;
    width: 100%;
    margin: 0 auto;
    margin-top: 4%;
	font-size: 6vw;
    text-align: center;
	font-weight: bold;}
/*捲軸-契合度*/
.MOBILE #it235 .SCROCE{
    width: 100%;
    height: 0;
    background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/result/deco_bg4.jpg);
	padding-bottom: 40.3%;
	background-size: cover;
    margin-bottom: 15px;
	text-align: center;}
.MOBILE #it235 .SCROCE ul{
	width: 80%;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.MOBILE #it235 .SCROCE li{
	margin-top: 27%;
	line-height: 1rem;
	font-size: 4.3vw;
	display: inline-table;
	font-weight: bold;
	color: #333;
	text-align: center;}
.MOBILE #it235 .SCROCE li:nth-child(1){
	float: left;
	width: 37%;
}
.MOBILE #it235 .SCROCE li:nth-child(2){
	width: 26%;
	text-align: center;
	font-size: 8.2vw;
	color: #d80000;
}
.MOBILE #it235 .SCROCE li:nth-child(2) span{
	font-size: 4.5vw;
}
.MOBILE #it235 .SCROCE li:nth-child(3){
	float: right;
	width: 37%;
}
.MOBILE #it235 .FOR_FREE li:nth-child(1){
	width: 100%;
	margin-top: 28%;
	line-height: 1rem;
	font-size: 6vw;
	display: inline-table;
	font-weight: bold;
	color: #d80000;
	text-align: center;}
/*裝飾框-誰更在乎誰*/
.MOBILE #it235 .SP_FRAME{
	width: 100%;
	padding: 2% 4%;
	margin: 0 auto;
	margin-bottom: 15px;
	font-size: 1.3rem;
	text-align: left;
	font-weight: bold;
	font-style: oblique;
	line-height: 2.3rem;
	border-radius: 10px;
	color: #eca049;
	border: 2px solid #ffddb7;
	background-color: #fff7eb;
	box-shadow: inset 0px 0px 8px 2px rgba(255,161,90,.4);
	-webkit-box-shadow: inset 0px 0px 8px 2px rgba(255,161,90,.4);
	-moz-box-shadow: inset 0px 0px 8px 2px rgba(255,161,90,.4);
}
.MOBILE #it235 .SP_FRAME span{
	font-size: 2.2rem;
}
/*五行底圖＋生剋*/
.MOBILE #it235 .DECO_BG2{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 10px;
	position: relative;
}
.MOBILE #it235 .DECO_BG2 .TXT{
	position: absolute;
	width: 58%;
	height: auto;
	top: 17%;
	left: 50%;
	margin-left: -31%;
	animation-name: fadeInOut;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.MOBILE #it235 .DECO_BG2 ul{
	width: 100%;
    height: 0;
	overflow: hidden;
    background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/result/deco_bg5-1.jpg);
	padding-bottom: 70%;
	background-size: cover;
	background-repeat: no-repeat;
}
.MOBILE #it235 .DECO_BG2 li:first-child{margin-top: 46%;}
.MOBILE #it235 .DECO_BG2 li{
	width: 70%;
	margin: 0 auto;
	padding-bottom: 25%;
	height: 0;
	overflow: hidden;
	background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/result/deco_bg5-2.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top;
}
.MOBILE #it235 .DECO_BG2 li p{
	font-size: 7vw;
	padding-top: 2.5%;
	color: #a83700;
	text-align: center;
	font-weight: bold;
	letter-spacing: 3px;
}
.MOBILE #it235 .DECO_BG2 li p::before{
	content: '【';
	padding-right: 5px;
}
.MOBILE #it235 .DECO_BG2 li p::after{
	content: '】';
	padding-left: 5px;
}
/*捲軸-結緣鑑定八字箴言*/
.MOBILE #it235 .SCROLL3{
    width: 100%;
    height: 0;
    background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/result/deco_bg6.jpg);
	padding-bottom: 31%;
	background-size: cover;
    margin-bottom: 15px;
	text-align: center;}
.MOBILE #it235 .SCROLL3 .USER{
	width: 80%;
	margin: 0 auto;}
.MOBILE #it235 .SCROLL3 .USER li{
	width: 40%;
	margin-top: 3%;
	font-size: 4.5vw;
	display: inline-table;
	font-weight: bold;
	color: #fff;
	margin-bottom: 7%;}
.MOBILE #it235 .SCROLL3 .USER li:nth-child(1){
	float: left;
	text-align: right;
}
.MOBILE #it235 .SCROLL3 .USER li:nth-child(2){
	float: right;
	text-align: left;
}
.MOBILE #it235 .SCROLL3 .WORD{
	clear: both;
    width: 100%;
    margin: 0 auto;
	font-size: 6vw;
    text-align: center;
	font-weight: bold;}
/*關鍵日期*/
.MOBILE #it235 .DATA{
    width: 100%;
    height: 0;
    background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/result/deco_bg7.jpg);
	padding-bottom: 25%;
	background-size: cover;
	margin: 5px auto;
	font-size: 6vw;
	line-height: 22vw;
	color: #333;
	text-align: center;
	font-weight: bold;}
/*大師提點*/
.MOBILE #it235 .SAM_RECOM{
	width: 100%;
	overflow: hidden;
	background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/result/sam_bg2.jpg);
	background-size: contain;
	background-repeat: repeat-y;
}
.MOBILE #it235 .SAM_BG{/*純框線款*/
    width: 78%;
	margin: 0 auto;
}

/*pq自製*/
.MOBILE #it235 .pq_RECOM_BOX{width: 91%;padding-bottom: 25px;padding-top: 20px;}
.MOBILE #it235 .pq_RECOM_BOX p+p{ margin-top: 10px;}
.MOBILE #it235 .pq_TWO_COM .pq_RETEXT{width: 100%;padding-bottom: 15px;}
.MOBILE #it235 .pq_TWO_COM .pq_REPIC{width: 60%;margin: 0 auto;display: block}

/*RESULT 內文單欄區*/
.MOBILE #it235 .pq_RECOM1{/*純框線款*/
	border-color: #f5afff;}
.MOBILE #it235 .pq_RECOM1 .pq_RETOP{
	border-color: #f5afff;}
.MOBILE #it235 .pq_RECOM_BOX .LISTBOX .pq_LIST_ICON li {
    background-position-y: 0px;
    padding-left: 36px;
	background: transparent url(https://imgs.click108.com.tw/unit001/item00235/images/list_icon3.png) no-repeat;
	background-size: 24px 24px;
	background-position-y: 2px;
	background-position-x: 10px;}

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

/*=========================免費頁面區================*/
.MOBILE #it235 .DECO_BG .WORD_F img{padding-top: 1%;}

.MOBILE #it235 .SP_FRAME_F{/*裝飾框-誰更在乎誰*/
	color: #a83700;
	text-align: center;
}
.MOBILE #it235 .DECO_BG2 .TXT_FREE1{
	position: absolute;
	width: 58%;
	height: auto;
	top: 17%;
	left: 50%;
	margin-left: -31%;
	animation-name: fadeInOut_txt1;
	animation-duration: 8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.MOBILE #it235 .DECO_BG2 .TXT_FREE2{
	position: absolute;
	width: 58%;
	height: auto;
	top: 17%;
	left: 50%;
	margin-left: -31%;
	animation-name: fadeInOut_txt2;
	animation-duration: 8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.MOBILE #it235 .DECO_BG2 .TXT_FREE3{
	position: absolute;
	width: 58%;
	height: auto;
	top: 17%;
	left: 50%;
	margin-left: -31%;
	animation-name: fadeInOut_txt3;
	animation-duration: 8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.MOBILE #it235 .DECO_BG2 .TXT_FREE4{
	position: absolute;
	width: 58%;
	height: auto;
	top: 17%;
	left: 50%;
	margin-left: -31%;
	animation-name: fadeInOut_txt4;
	animation-duration: 8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.MOBILE #it235 .SCROLL3_F{/*捲軸-結緣鑑定八字箴言*/
    background-image: url(https://imgs.click108.com.tw/unit001/item00235/images/free/free_deco_bg6.jpg);}
/*壓在模糊字上的按鈕跟文字*/
.MOBILE #it235 .pq_RECOM_BOX{position: relative;}
.MOBILE #it235 .pq_RECOM_BOX .FUZZY_BOX1{/*沒有圖*/
	width: 100%;
	position: absolute;
	top: 45%;
	left: 0;
	margin: 0 auto;
	z-index: 500;
}
.MOBILE #it235 .pq_RECOM_BOX .POSITION1{top: 54%;}
.MOBILE #it235 .pq_RECOM_BOX .POSITION2{top: 63%;}
.MOBILE #it235 .pq_RECOM_BOX .FUZZY_BOX1 .W100{width: 100%;}
.MOBILE #it235 .pq_RECOM_BOX .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;;
}
/*平板小於內容js縮放*/	
@media screen and (min-width: 400px) and (max-width: 768px){
	.MOBILE #it235 .pq_RECOM_BOX .POSITION1{top: 70%;}
	.MOBILE #it235 .pq_RECOM_BOX .POSITION2{top: 76%;}
	.MOBILE #it235 .pq_RECOM_BOX .POSITION3-1{top: 67%;}
	.MOBILE #it235 .pq_RECOM_BOX .POSITION3-2{top: 35%;}
}
/*壓在模糊字上的按鈕跟文字 尾*/
/*=========================免費頁面尾區================*/