body{
	-webkit-text-size-adjust:none;
	text-decoration:none;
	font-family: "微軟正黑體", "新細明體", "細明體",Arial, Helvetica, sans-serif;
	background-color:#ffebef;
	}

/*共用間距*/
#it224 .BLANK{ clear: both; width:100%; height:10px; clear: both;}
#it224 .BLANK02{ clear: both;  width:100%; height:20px; clear: both;}
.MOBILE #it224 .BLANK02{ clear: both; width:100%; height:10px; clear: both;}
#it224 .TBLANK{  margin-bottom:10px;}
#it224 .pq_TXT3{line-height: 1.9rem;}
/*==============桌機版================桌機版==============桌機版=============================================*/

/*輸入頁用分隔線*/
.PC #it224 .CON_BOX .pq_INPUT_BOX1 .IP_LINE{
	width: 100%;
    height: 8px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: 1px dashed #18b2b1;
}

/*PC表頭尾*/
.PC #float_icon, .PC #header, .PC .CHANG, .PC .FOOT_PC{ display:block;}
/*PC表頭尾*/

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


/*框架區*/
.PC #it224{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:45px;
	-webkit-box-sizing:border-box;
}
.PC #it224 .FRAME{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
.PC #it224{
	width:100%;
	height:auto;
	overflow:hidden;
	background-image:url(../images/bg.png);
	background-size:163% auto;
	background-repeat:no-repeat;
	background-position:top center;
	-webkit-box-sizing:border-box;
}
.PC #it224 .W90{width: 92%; margin: 0 auto;}
.PC #it224 .W91{height: 250px;}
/*框架區尾*/

/*輸入頁表頭區*/
.PC #it224 .IP_FRAME{
	width: 100%;
	height: 76vw;
	overflow: hidden;
	margin: 0 auto;
}

.PC #it224 .IP_TOP{
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 60px;
	background-image: url(../images/in_bg_02.png);
	background-repeat: no-repeat;
	background-size: 133% auto;
	background-position: top center;
}


/*======手機板輸入頁============手機板輸入頁============手機板輸入頁======*/

/*手機版輸入頁動畫區*/
.PC #it224 .IP_TOP .IP_ANI_FATE{
	position: relative;
	width: 100%;
	height: 280px;
	background: url(../images/in_animation_ph1.png) no-repeat top center;
	background-size: 113% auto;
	margin-top: 52vw;
}

.PC #it224 .IP_TOP .IN_BALL_BOX{
	width: 28vw;
	height: 28vw;
	z-index: 2;
	position: absolute;
	top: -11%;
}

/*球1*/
.PC #it224 .IN_BALL01{
	position: absolute;
	display: block;
	width: 100%;
	height: auto;
	background: url(../images/ball_reb.png) no-repeat center;
	background-size: cover;
	animation-name: fadeInOut;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	top: 0;
	left: 21%;
}

/*球2*/
.PC #it224 .IN_BALL02{
	position: absolute;
	display: block;
	width: 100%;
	height: auto;
	background: url(../images/ball_blue.png) no-repeat center;
	background-size: cover;
	animation-name: fadeInOut;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-delay: 2s;
	top: 0;
	right: 21%;
}


/*輸入頁 標題*/
.PC #it224 .IP_TOP h1{
	position: absolute;
	width:100%;
	height:0;
	padding-bottom:43.333333%;
	background-image: url(../images/in_top_title.png);
	background-size: 73% auto;
	background-repeat: no-repeat;
	text-indent:-9999px;
	top: 1%;
	left: 26%;
	z-index: 1;
}

/*輸入頁 張盛舒定位*/
.PC #it224 .IP_TOP .TOP_SAM{
	position: absolute;
	width: 41%;
	height: 52vw;
	left: 5%;
}

/*輸入頁 張盛舒圖片*/
.PC #it224 .IP_TOP .TOP_SAM img{
	display: block;
	width: 100%;
	height: auto;
	margin:0 auto;
}
/*輸入頁-產品介紹動畫區*/
.PC #it224 .PH_ANI{
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 47%;
	overflow: hidden;
	background-image: url(../images/in_ph02.jpg);
	background-size: 100% auto;
	background-position: top center;
	background-repeat: no-repeat;}	
.PC #it224 .PH_ANI .ANI_POSITION{
	position: absolute;
	width: 44%;
	height: 44%;
	top: 0;
}
.PC #it224 .ANI_LIGHT{
	display: block;
	width: 100%;
	padding-bottom: 100%;
	overflow: hidden;
	position: absolute;
	background-image: url(../images/in_ani_light1.png);
	background-size: contain;
	background-repeat: no-repeat;
	animation-name: goCircle;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	top: -8%;
	left: 20%;
}
.PC #it224 .ANI_TXT{
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	padding-bottom: 100%;
	overflow: hidden;
	background-image: url(../images/in_ani_txt1.png);
	background-size: 57% auto;
	background-repeat: no-repeat;
	left: 2.5vw;
}
.PC #it224 .PH_ANI .ANI_POSITION_RIGHT{
	position: absolute;
	width: 44%;
	height: 44%;
	top: 0;
	right: 10.5%;
}
.PC #it224 .ANI_LIGHT_RIGHT{
	display: block;
	width: 100%;
	padding-bottom: 100%;
	overflow: hidden;
	position: absolute;
	background-image: url(../images/in_ani_light2.png);
	background-size: contain;
	background-repeat: no-repeat;
	animation-name: goCircle;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	top: -8%;
	left: 20%;
}
.PC #it224 .ANI_TXT_RIGHT{
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	padding-bottom: 100%;
	overflow: hidden;
	background-image: url(../images/in_ani_txt2.png);
	background-size: 57% auto;
	background-repeat: no-repeat;
	left: 2.5vw;
}
/*輸入頁-產品介紹動畫區 尾*/
/*輸入頁使用者反饋文區塊*/
.PC #it224 .FEEDBACK_TITLE{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 10px;
}
.PC #it224 .FEEDBACK_BG1{
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding: 5px 15px 10px 15px;
    border-left: 1px solid #ffd53f;
	border-right: 1px solid #ffd53f;
	border-bottom: 1px solid #ffd53f;
	-webkit-box-sizing:border-box;
	color: #333;
}
.PC #it224 .FEEDBACK_BG2{
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding: 5px 15px 10px 15px;
    border-left: 1px solid #ff84b4;
	border-right: 1px solid #ff84b4;
	border-bottom: 1px solid #ff84b4;
	-webkit-box-sizing:border-box;
	color: #333;
}
.PC #it224 .FEEDBACK_BG1 p.NAME,.PC #it224  .FEEDBACK_BG2 p.NAME{
	text-align: right;
	padding-right: 10px;
}

/*自定義輸入頁項目區塊*/
.PC #it224 .CON_BOX .pq_INPUT_BOX1{
	width: 100%;
	margin: 0 auto;
}

.PC #it224 .CON_BOX .pq_INPUT_BOX1 .pq_INBAR{
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 1.4em;
	text-align: center;
	background: url(../images/in_title_bar.png) repeat-x;
	margin-top: 0;
	box-shadow: inset 0px 0px 18px 3px #18b2b1;
	-webkit-box-shadow: inset 0px 0px 18px 3px #18b2b1;
	-moz-box-shadow: inset 0px 0px 18px 3px #18b2b1;
	-o-box-shadow: inset 0px 0px 18px 3px #18b2b1;
}

.PC #it224 .CON_BOX .pq_INPUT_BOX1 .pq_TITLE{
	box-shadow: inset 0px 0px 18px 3px #18b2b1;
	-webkit-box-shadow: inset 0px 0px 18px 3px #18b2b1;
	-moz-box-shadow: inset 0px 0px 18px 3px #18b2b1;
	-o-box-shadow: inset 0px 0px 18px 3px #18b2b1;
	height: 50px;
	line-height: 52px;
	font-size: 1em;
}

/*輸入頁用分隔線*/
.PC #it224 .CON_BOX .pq_INPUT_BOX1 .LINE{
	width: 100%;
    height: 8px;
    margin: 8px 0;
    border-top: 1px dashed #18b2b1;
}

.PC #it224 .CON_BOX .pq_INPUT_BOX1 .pq_INBOX{
	box-shadow: none;
	background-color: #fff;
	border: 1px solid #18b2b1;
}

/*自定義輸入頁左圖右文公版區塊*/
.PC #it224 .CON_BOX .pq_CON_BOX1{
	border: 1px solid #d5f1f1;
	margin: 10px 0 0 0;
}

/*輸入頁下方公版左配圖介紹區塊bar*/
.PC #it224 .CON_BOX .pq_CON_BOX1 .pq_CON_BOX_BAR{
	background-color: #d5f1f1;
	height: 50px;
	line-height: 50px;
}

.PC #it224 .CON_BOX .pq_CON_BOX1 .pq_CON_BOX_BAR p{
	color: #18b2b1;
	font-size: .9em;
	line-height: 50px;
}

/*輸入頁項目符號*/
.PC #it224 .CON_BOX .pq_CON_BOX1 .pq_LIST_ICON li{
	background: transparent url(../images/icon_3.png) no-repeat;
	background-size: 30px 30px;
    background-position-y: 2px;
    padding-left: 35px;
}

/*輸入頁項目區塊*/
.PC #it224 .CON_BOX .IN_LIST_AREA1{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	border: 1px solid #18b2b1;
}

.PC #it224 .CON_BOX .IN_LIST_CON{
	width: 95%;
	margin: 20px auto;
}

.PC #it224 .CON_BOX .IN_LIST_BAR{
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	background: url(../images/in_title_bar.png) repeat-x;
	box-shadow: inset 0px 0px 18px 3px #18b2b1;
    -webkit-box-shadow: inset 0px 0px 18px 3px #18b2b1;
    -moz-box-shadow: inset 0px 0px 18px 3px #18b2b1;
    -o-box-shadow: inset 0px 0px 18px 3px #18b2b1;
}
/*輸入頁pq公版按鈕*/
.PC #it224-wrapper .BT_AREA2{
	width: 96%;/*500*/
	height: auto;
	margin: 0 auto;
	margin-bottom: 15px;
}

/*輸入頁 馬上算 置底按鈕*/
.PC #it224-wrapper .NEW_BT_F{/*浮水按鈕*/
	width:100%;
	height:60px;
	position:fixed;
	bottom:0;
	z-index:1000;
	background-image:url(../images/bt_bg.png);
	background-repeat:repeat;
	padding-top:7px;
	background-size:15px 15px;
	}

.PC #it224-wrapper .NEW_BT_F a{/*浮水按鈕*/
	margin:0 auto;
    width: 90%;
	height: 47px;
	font-size:1.5rem;
	line-height: 47px;
	text-decoration:none;
	position: static;}

/*========================================手機版輸入頁 尾========================================*/

/*內容區*/
.PC #it224 .CONTENT{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	background-image:url(../images/con_bg.jpg);
	background-repeat:repeat-y;
	background-size:100% auto;
	}
.PC #it224 .CONTENT_S{/*N*/
	width:95%;
	height:auto;
	overflow:hidden;
	margin:0 auto;}

.PC #it224 .CONTENT_TOP{
	display: block;
	width: 100%;
	height: auto;
	margin: auto;
}

/*內容框架*/
.PC #it224 .CONTENT img{display:block; width:100%; height:auto; margin:auto;}
.PC #it224 .CONTENT_TOP img, .PC #it224 .CONTENT_FOOT img{ display:block; width:100%; height:auto; margin:auto;}
/*共用按鈕*/
.PC #it224 .pq_e_BT ul.TWO li a{
	width: 100%;
	font-size: 1.3rem;}
.PC #it224 .pq_e_BT ul.TWO li:first-child{width: 49%;}
.PC #it224 .pq_e_BT ul.TWO li:last-child{width: 49%;float: right;}

.PC #it224 .pq_e_BT ul.TWO span.PR{font-size: 0.8em; margin-left: 2px; font-weight: normal;}
.PC #it224 .pq_BT_FREE1 span.BR{font-size: 1.1rem; margin-left: 4px; font-weight: normal;}


/*共用內容框架 670*/
.PC #it224 .CON_BOX{
	width:90%;
	height:auto;
	overflow:hidden;
	margin:0 auto;}

/*待確認*/
.PC #it224 .CON_BOX form{
	width: 96%;
	margin: 0 auto;
}

.PC #it224 .CON_BOX .pq_TIT_EX{
	line-height: 2.1rem;
	margin-bottom: 5px;}

.PC #it224 .CON_BOX .COM{
	width:95%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	padding:5px;}

/*======手機板結果頁============手機板結果頁============手機板結果頁======*/

/*結果頁表頭區*/
.PC #it224 .e_TOP{
	position: relative;
	width:100%;
	height:41vw;
	margin:0 auto;
	background-image: url(../images/in_bg_02.png);
	background-repeat: no-repeat;
	background-size: 115% auto;
	background-position: -5vw -15px;
	}

/*結果頁 標題*/
.PC #it224 .e_TOP h1{
	position: absolute;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 61.5%;
	background-image: url(../images/in_top_title.png);
	background-repeat: no-repeat;
	background-size: 73% auto;
	background-position: center -5px;
	text-indent: -9999px;
	left: 2vw;
	z-index: 1;
}

/*結果頁 張聖舒 定位*/
.PC #it224 .e_TOP .TOP_BG{
	position: absolute;
	width: 56%;
	height: 52vw;
	top: 0;
	right: -10%;
}

.PC #it224 .e_TOP .TOP_BG img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

/*共用結果頁 免費頁 個人資料*/
.PC #it224 .INFORFATE{
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	margin:10px 0 0 0;
}

.PC #it224 .INFORFATE span.GENDER{
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-bottom: -4px;
}

.PC #it224 .INFORFATE span.GENDER img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

/*主星*/
.PC #it224 .INFOR_STAR{
	width:100%;
	height:auto;
	overflow:hidden;
	margin: 0 auto;}
.PC #it224 .INFOR_STAR ul{ margin-top: 10px;}
.PC #it224 .INFOR_STAR li{
	float: left;
	width: 49%;
	height: 0;
	padding-bottom: 27.21%;
	overflow: hidden;
	background: url(../images/re_page/re_01.png) no-repeat;
	background-size: 100% auto;}
.PC #it224 .INFOR_STAR li p{
	color: #333;
	font-size: 7vw;
    margin-top: 9vw;
	text-align: center;
	font-weight: bold;}
.PC #it224 .INFOR_STAR li:nth-child(2){
	background-image: url(../images/re_page/re_02.png);
	margin-left: 2%;}
/*共用結果頁 免費頁 命宮最外框控制寬度*/
.PC #it224 .RE_UNITY_BOX{
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 10px;
}
/*共用結果頁 免費頁 控制最外框寬度-1 大框*/
.PC #it224 .WBOX{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 8px;
	margin-bottom: 8px;
}
.PC #it224 .FRAME_TITLE{
	width: 90%;
	height: auto;
	overflow: hidden;
	margin: 10px auto;
	font-size: 1.35rem;
	line-height: 2.4rem;
	color: #d43434;
	text-align: center;
	font-weight: bold;
	background-color:#fff7e0;}
/*姻緣簿*/
.PC #it224 .FRAME_MAIN_TITLE{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;}
.PC #it224 .FRAME_MAIN{
	width: 100%;
	height: auto;
	overflow: hidden;
	background-image: url(../images/re_page/special2_bg.png);
	background-repeat: repeat-y;
	background-size: 100% auto;
	margin: 0 auto;}
.PC #it224 .FRAME_MAIN .INFORFATE2{
	width: 100%;
	height: 100px;
	margin: 0 auto;
	text-align: center;
	margin: 10px auto 0 auto;
	margin-bottom: -10px; 
}
.PC #it224 .FRAME_MAIN .FORM_BG_WRAPPER{
	position: relative;
	width: 86%;
	margin: 0 auto;
	overflow: hidden;
	background-color: #fffdf5 ;
	box-shadow: inset 0px 0px 6px 0px #ffea94;
	-webkit-box-shadow: inset 0px 0px 6px 0px #ffea94;
	-moz-box-shadow: inset 0px 0px 6px 0px #ffea94;
	-o-box-shadow: inset 0px 0px 6px 0px #ffea94;
}
.PC #it224 .FORM_BG_WRAPPER .AGE_LIST{
	width: 95%;
	max-width: 400px;
	margin: 0 auto;
	overflow: hidden;
	margin: 10px auto;
	border: 1px solid #da0924;
	border-radius: 10px;
	background-color: #fff;}
/*紅底表格*/
.PC #it224 .LIST_HEADER{
  background-color: #da0924;
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 60px;
}
.PC #it224 .LIST_HEADER .MY_AGE{
	border-right: 1px solid #fff;
	width: 40%;
	display: block;
	float: left;
	text-align: center;
}
.PC #it224 .LIST_HEADER .CHANCE{
	width: 60%;
	display: block;
	text-align: center;
}
.PC #it224 .LIST_HEADER .pq_ADT1{
	font-size: 1.2rem;
	line-height: 1.5rem;}
.PC #it224 .pq_TXT6{
	font-size: 0.8rem;
	line-height: 1rem;
	font-weight: normal;}
/*白底表格*/
.PC #it224 .COL_YEAR{
	margin: 0 8px;
	border-bottom: 1px solid #da0924;
	height: 85px;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.PC #it224 div:nth-child(6){border: none;}
.PC #it224 .COL_YEAR .MY_AGE {
	clear: both;
	width: 40%;
	float: left;
	text-align: center;
	margin-right: 2%;
}
.PC #it224 .COL_YEAR .YEARS {
  display: inline-block;
  text-align: center;
}
.PC #it224 .AGE_LIST .RE_ICON{
	width: 58%;
	max-width: 350px;
}
.PC #it224 .AGE_LIST .RE_ICON img{
	width: 90%;
	margin: 0 auto;

}


/*捲軸客製化*/
.PC #it224 .pq_BIGWORD1{ width: 91%; max-width: 4oopx;}
.PC #it224 .pq_BIGWORD1 ul{top:50%;}
.PC #it224  .pq_BIGWORD1 ul li:nth-child(2){
	font-size: 6vw;
	line-height: 1.5em;}
/*捲軸客製化*/
.PC #it224 .RECOM_END{
	width: 95%;
	margin: 0 auto;
	background-color: #fffdf5;
	padding-top: 15px;
}
/*結果頁 列印按鈕*/
.PC #it224 .PRINT{display: none;}
/*手機橫擺*/
@media screen and (min-width : 450px ) {

	.PC #it224 .COL_YEAR .YEARS {
		display: block;
		text-align: center;
	  }
	.PC #it224 .AGE_LIST .RE_ICON{
		width: 50%;
		margin: 0 auto;
	  }

}

/*======手機板免費頁============手機板免費頁============手機板免費頁======*/
/*免費頁-文字底模糊底圖-有按鈕配置*/
.PC #it224 .pq_RECOM_BOX {
	width: 91%;
	position: relative;}
.PC #it224 .FUZZY_BOX2{
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 32%;
	left: 0;
	margin: 0 auto;
	z-index: 500;
	background-color: rgba(255,255,255,0.5);
}
.PC #it224 .FUZZY_POSITION{
	top: 20%;
	background-color: rgba(255,255,255,0.8);
}
.PC #it224 .FUZZY_POSITION2{
	top: 55%;
	background-color: rgba(255,255,255,0.8);
}
.PC #it224 .FUZZY_BOX2 .F_PH{
	width: 130%;
	margin: 0 auto;
	margin-left: -11vw;
	margin-bottom: 5px;
}

.PC #it224 .FUZZY_BOX2 .F_PH img{ width: 88%;}
.PC #it224 .FUZZY_BOX2 .W50{width: 90%;}
.PC #it224 .FUZZY_BOX2 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 #it224 .AGE_LIST .FREE_ICON img{
	opacity: 0.5;
}
/*手機橫擺*/
@media screen and (min-width : 450px ) {

	.PC #it224 .FUZZY_BOX2{
		width: 100%;
		overflow: hidden;
		position: absolute;
		top: 24%;
		left: 0;
		margin: 0 auto;
		z-index: 500;
		background-color: rgba(255,255,255,0.5);
	}
	.PC #it224 .FUZZY_POSITION{
		top: 15%;
		background-color: rgba(255,255,255,0.8);
	}
	.PC #it224 .FUZZY_POSITION2{
		top: 65%;
		background-color: rgba(255,255,255,0.8);
	}
	.PC #it224 .FUZZY_BOX2 .F_PH img{
		width: 100%;
		max-width: 500px;
		margin: 0 auto;}
	
}
/*=========================免費頁頁面尾區================*/


/*==============================手機版=======手機版=====手機版====手機版===============================================*/


/*輸入頁用分隔線*/
.MOBILE #it224 .CON_BOX .pq_INPUT_BOX1 .IP_LINE{
	width: 100%;
    height: 8px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: 1px dashed #18b2b1;
}

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

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


/*框架區*/
.MOBILE #it224{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:45px;
	-webkit-box-sizing:border-box;
}
.MOBILE #it224 .FRAME{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
.MOBILE #it224{
	width:100%;
	height:auto;
	overflow:hidden;
	background-image:url(../images/bg.png);
	background-size:163% auto;
	background-repeat:no-repeat;
	background-position:top center;
	-webkit-box-sizing:border-box;
}
.MOBILE #it224 .W90{width: 92%; margin: 0 auto;}
/*框架區尾*/

/*輸入頁表頭區*/
.MOBILE #it224 .IP_FRAME{
	width: 100%;
	height: 76vw;
	overflow: hidden;
	margin: 0 auto;
}

.MOBILE #it224 .IP_TOP{
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 60px;
	background-image: url(../images/in_bg_02.png);
	background-repeat: no-repeat;
	background-size: 133% auto;
	background-position: top center;
}


/*======手機板輸入頁============手機板輸入頁============手機板輸入頁======*/

/*手機版輸入頁動畫區*/
.MOBILE #it224 .IP_TOP .IP_ANI_FATE{
	position: relative;
	width: 100%;
	height: 280px;
	background: url(../images/in_animation_ph1.png) no-repeat top center;
	background-size: 113% auto;
	margin-top: 52vw;
}

.MOBILE #it224 .IP_TOP .IN_BALL_BOX{
	width: 28vw;
	height: 28vw;
	z-index: 2;
	position: absolute;
	top: -11%;
}

/*球1*/
.MOBILE #it224 .IN_BALL01{
	position: absolute;
	display: block;
	width: 100%;
	height: auto;
	background: url(../images/ball_reb.png) no-repeat center;
	background-size: cover;
	animation-name: fadeInOut;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	top: 0;
	left: 21%;
}

/*球2*/
.MOBILE #it224 .IN_BALL02{
	position: absolute;
	display: block;
	width: 100%;
	height: auto;
	background: url(../images/ball_blue.png) no-repeat center;
	background-size: cover;
	animation-name: fadeInOut;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-delay: 2s;
	top: 0;
	right: 21%;
}


/*輸入頁 標題*/
.MOBILE #it224 .IP_TOP h1{
	position: absolute;
	width:100%;
	height:0;
	padding-bottom:43.333333%;
	background-image: url(../images/in_top_title.png);
	background-size: 73% auto;
	background-repeat: no-repeat;
	text-indent:-9999px;
	top: 1%;
	left: 26%;
	z-index: 1;
}

/*輸入頁 張盛舒定位*/
.MOBILE #it224 .IP_TOP .TOP_SAM{
	position: absolute;
	width: 41%;
	height: 52vw;
	left: 5%;
}

/*輸入頁 張盛舒圖片*/
.MOBILE #it224 .IP_TOP .TOP_SAM img{
	display: block;
	width: 100%;
	height: auto;
	margin:0 auto;
}
/*輸入頁-產品介紹動畫區*/
.MOBILE #it224 .PH_ANI{
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 47%;
	overflow: hidden;
	background-image: url(../images/in_ph02.jpg);
	background-size: 100% auto;
	background-position: top center;
	background-repeat: no-repeat;}	
.MOBILE #it224 .PH_ANI .ANI_POSITION{
	position: absolute;
	width: 44%;
	height: 44%;
	top: 0;
}
.MOBILE #it224 .ANI_LIGHT{
	display: block;
	width: 100%;
	padding-bottom: 100%;
	overflow: hidden;
	position: absolute;
	background-image: url(../images/in_ani_light1.png);
	background-size: contain;
	background-repeat: no-repeat;
	animation-name: goCircle;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	top: -8%;
	left: 20%;
}
.MOBILE #it224 .ANI_TXT{
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	padding-bottom: 100%;
	overflow: hidden;
	background-image: url(../images/in_ani_txt1.png);
	background-size: 57% auto;
	background-repeat: no-repeat;
	left: 2.5vw;
}
.MOBILE #it224 .PH_ANI .ANI_POSITION_RIGHT{
	position: absolute;
	width: 44%;
	height: 44%;
	top: 0;
	right: 10.5%;
}
.MOBILE #it224 .ANI_LIGHT_RIGHT{
	display: block;
	width: 100%;
	padding-bottom: 100%;
	overflow: hidden;
	position: absolute;
	background-image: url(../images/in_ani_light2.png);
	background-size: contain;
	background-repeat: no-repeat;
	animation-name: goCircle;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	top: -8%;
	left: 20%;
}
.MOBILE #it224 .ANI_TXT_RIGHT{
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	padding-bottom: 100%;
	overflow: hidden;
	background-image: url(../images/in_ani_txt2.png);
	background-size: 57% auto;
	background-repeat: no-repeat;
	left: 2.5vw;
}
/*輸入頁-產品介紹動畫區 尾*/
/*輸入頁使用者反饋文區塊*/
.MOBILE #it224 .FEEDBACK_TITLE{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 10px;
}
.MOBILE #it224 .FEEDBACK_BG1{
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding: 5px 15px 10px 15px;
    border-left: 1px solid #ffd53f;
	border-right: 1px solid #ffd53f;
	border-bottom: 1px solid #ffd53f;
	-webkit-box-sizing:border-box;
	color: #333;
}
.MOBILE #it224 .FEEDBACK_BG2{
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding: 5px 15px 10px 15px;
    border-left: 1px solid #ff84b4;
	border-right: 1px solid #ff84b4;
	border-bottom: 1px solid #ff84b4;
	-webkit-box-sizing:border-box;
	color: #333;
}
.MOBILE #it224 .FEEDBACK_BG1 p.NAME,.MOBILE #it224  .FEEDBACK_BG2 p.NAME{
	text-align: right;
	padding-right: 10px;
}

/*自定義輸入頁項目區塊*/
.MOBILE #it224 .CON_BOX .pq_INPUT_BOX1{
	width: 100%;
	margin: 0 auto;
}

.MOBILE #it224 .CON_BOX .pq_INPUT_BOX1 .pq_INBAR{
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 1.4em;
	text-align: center;
	background: url(../images/in_title_bar.png) repeat-x;
	margin-top: 0;
	box-shadow: inset 0px 0px 18px 3px #18b2b1;
	-webkit-box-shadow: inset 0px 0px 18px 3px #18b2b1;
	-moz-box-shadow: inset 0px 0px 18px 3px #18b2b1;
	-o-box-shadow: inset 0px 0px 18px 3px #18b2b1;
}

.MOBILE #it224 .CON_BOX .pq_INPUT_BOX1 .pq_TITLE{
	box-shadow: inset 0px 0px 18px 3px #18b2b1;
	-webkit-box-shadow: inset 0px 0px 18px 3px #18b2b1;
	-moz-box-shadow: inset 0px 0px 18px 3px #18b2b1;
	-o-box-shadow: inset 0px 0px 18px 3px #18b2b1;
	height: 50px;
	line-height: 52px;
	font-size: 1em;
}

/*輸入頁用分隔線*/
.MOBILE #it224 .CON_BOX .pq_INPUT_BOX1 .LINE{
	width: 100%;
    height: 8px;
    margin: 8px 0;
    border-top: 1px dashed #18b2b1;
}

.MOBILE #it224 .CON_BOX .pq_INPUT_BOX1 .pq_INBOX{
	box-shadow: none;
	background-color: #fff;
	border: 1px solid #18b2b1;
}

/*自定義輸入頁左圖右文公版區塊*/
.MOBILE #it224 .CON_BOX .pq_CON_BOX1{
	border: 1px solid #d5f1f1;
	margin: 10px 0 0 0;
}

/*輸入頁下方公版左配圖介紹區塊bar*/
.MOBILE #it224 .CON_BOX .pq_CON_BOX1 .pq_CON_BOX_BAR{
	background-color: #d5f1f1;
	height: 50px;
	line-height: 50px;
}

.MOBILE #it224 .CON_BOX .pq_CON_BOX1 .pq_CON_BOX_BAR p{
	color: #18b2b1;
	font-size: .9em;
	line-height: 50px;
}

/*輸入頁項目符號*/
.MOBILE #it224 .CON_BOX .pq_CON_BOX1 .pq_LIST_ICON li{
	background: transparent url(../images/icon_3.png) no-repeat;
	background-size: 30px 30px;
    background-position-y: 2px;
    padding-left: 35px;
}

/*輸入頁項目區塊*/
.MOBILE #it224 .CON_BOX .IN_LIST_AREA1{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	border: 1px solid #18b2b1;
}

.MOBILE #it224 .CON_BOX .IN_LIST_CON{
	width: 95%;
	margin: 20px auto;
}

.MOBILE #it224 .CON_BOX .IN_LIST_BAR{
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	background: url(../images/in_title_bar.png) repeat-x;
	box-shadow: inset 0px 0px 18px 3px #18b2b1;
    -webkit-box-shadow: inset 0px 0px 18px 3px #18b2b1;
    -moz-box-shadow: inset 0px 0px 18px 3px #18b2b1;
    -o-box-shadow: inset 0px 0px 18px 3px #18b2b1;
}
/*輸入頁pq公版按鈕*/
.MOBILE #it224-wrapper .BT_AREA2{
	width: 96%;/*500*/
	height: auto;
	margin: 0 auto;
	margin-bottom: 15px;
}

/*輸入頁 馬上算 置底按鈕*/
.MOBILE #it224-wrapper .NEW_BT_F{/*浮水按鈕*/
	width:100%;
	height:60px;
	position:fixed;
	bottom:0;
	z-index:1000;
	background-image:url(../images/bt_bg.png);
	background-repeat:repeat;
	padding-top:7px;
	background-size:15px 15px;
	}

.MOBILE #it224-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 #it224 .CONTENT{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	background-image:url(../images/con_bg.jpg);
	background-repeat:repeat-y;
	background-size:100% auto;
	}
.MOBILE #it224 .CONTENT_S{/*N*/
	width:95%;
	height:auto;
	overflow:hidden;
	margin:0 auto;}

.MOBILE #it224 .CONTENT_TOP{
	display: block;
	width: 100%;
	height: auto;
	margin: auto;
}

/*內容框架*/
.MOBILE #it224 .CONTENT img{display:block; width:100%; height:auto; margin:auto;}
.MOBILE #it224 .CONTENT_TOP img, .MOBILE #it224 .CONTENT_FOOT img{ display:block; width:100%; height:auto; margin:auto;}
/*共用按鈕*/
.MOBILE #it224 .pq_e_BT ul.TWO li a{
	width: 100%;
	font-size: 1.3rem;}
.MOBILE #it224 .pq_e_BT ul.TWO li:first-child{width: 49%;}
.MOBILE #it224 .pq_e_BT ul.TWO li:last-child{width: 49%;float: right;}

.MOBILE #it224 .pq_e_BT ul.TWO span.PR{font-size: 0.8em; margin-left: 2px; font-weight: normal;}
.MOBILE #it224 .pq_BT_FREE1 span.BR{font-size: 1.1rem; margin-left: 4px; font-weight: normal;}


/*共用內容框架 670*/
.MOBILE #it224 .CON_BOX{
	width:90%;
	height:auto;
	overflow:hidden;
	margin:0 auto;}

/*待確認*/
.MOBILE #it224 .CON_BOX form{
	width: 96%;
	margin: 0 auto;
}

.MOBILE #it224 .CON_BOX .pq_TIT_EX{
	line-height: 2.1rem;
	margin-bottom: 5px;}

.MOBILE #it224 .CON_BOX .COM{
	width:95%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	padding:5px;}

/*======手機板結果頁============手機板結果頁============手機板結果頁======*/

/*結果頁表頭區*/
.MOBILE #it224 .e_TOP{
	position: relative;
	width:100%;
	height:41vw;
	margin:0 auto;
	background-image: url(../images/in_bg_02.png);
	background-repeat: no-repeat;
	background-size: 115% auto;
	background-position: -5vw -15px;
	}

/*結果頁 標題*/
.MOBILE #it224 .e_TOP h1{
	position: absolute;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 61.5%;
	background-image: url(../images/in_top_title.png);
	background-repeat: no-repeat;
	background-size: 73% auto;
	background-position: center -5px;
	text-indent: -9999px;
	left: 2vw;
	z-index: 1;
}

/*結果頁 張聖舒 定位*/
.MOBILE #it224 .e_TOP .TOP_BG{
	position: absolute;
	width: 56%;
	height: 52vw;
	top: 0;
	right: -10%;
}

.MOBILE #it224 .e_TOP .TOP_BG img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

/*共用結果頁 免費頁 個人資料*/
.MOBILE #it224 .INFORFATE{
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	margin:10px 0 0 0;
}

.MOBILE #it224 .INFORFATE span.GENDER{
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-bottom: -4px;
}

.MOBILE #it224 .INFORFATE span.GENDER img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

/*主星*/
.MOBILE #it224 .INFOR_STAR{
	width:100%;
	height:auto;
	overflow:hidden;
	margin: 0 auto;}
.MOBILE #it224 .INFOR_STAR ul{ margin-top: 10px;}
.MOBILE #it224 .INFOR_STAR li{
	float: left;
	width: 49%;
	height: 0;
	padding-bottom: 27.21%;
	overflow: hidden;
	background: url(../images/re_page/re_01.png) no-repeat;
	background-size: 100% auto;}
.MOBILE #it224 .INFOR_STAR li p{
	color: #333;
	font-size: 7vw;
    margin-top: 9vw;
	text-align: center;
	font-weight: bold;}
.MOBILE #it224 .INFOR_STAR li:nth-child(2){
	background-image: url(../images/re_page/re_02.png);
	margin-left: 2%;}
/*共用結果頁 免費頁 命宮最外框控制寬度*/
.MOBILE #it224 .RE_UNITY_BOX{
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 10px;
}
/*共用結果頁 免費頁 控制最外框寬度-1 大框*/
.MOBILE #it224 .WBOX{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 8px;
	margin-bottom: 8px;
}
.MOBILE #it224 .FRAME_TITLE{
	width: 90%;
	height: auto;
	overflow: hidden;
	margin: 10px auto;
	font-size: 1.35rem;
	line-height: 2.4rem;
	color: #d43434;
	text-align: center;
	font-weight: bold;
	background-color:#fff7e0;}
/*姻緣簿*/
.MOBILE #it224 .FRAME_MAIN_TITLE{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;}
.MOBILE #it224 .FRAME_MAIN{
	width: 100%;
	height: auto;
	overflow: hidden;
	background-image: url(../images/re_page/special2_bg.png);
	background-repeat: repeat-y;
	background-size: 100% auto;
	margin: 0 auto;}
.MOBILE #it224 .FRAME_MAIN .INFORFATE2{
	width: 100%;
	height: 100px;
	margin: 0 auto;
	text-align: center;
	margin: 10px auto 0 auto;
	margin-bottom: -10px; 
}
.MOBILE #it224 .FRAME_MAIN .FORM_BG_WRAPPER{
	position: relative;
	width: 86%;
	margin: 0 auto;
	overflow: hidden;
	background-color: #fffdf5 ;
	box-shadow: inset 0px 0px 6px 0px #ffea94;
	-webkit-box-shadow: inset 0px 0px 6px 0px #ffea94;
	-moz-box-shadow: inset 0px 0px 6px 0px #ffea94;
	-o-box-shadow: inset 0px 0px 6px 0px #ffea94;
}
.MOBILE #it224 .FORM_BG_WRAPPER .AGE_LIST{
	width: 95%;
	max-width: 400px;
	margin: 0 auto;
	overflow: hidden;
	margin: 10px auto;
	border: 1px solid #da0924;
	border-radius: 10px;
	background-color: #fff;}
/*紅底表格*/
.MOBILE #it224 .LIST_HEADER{
  background-color: #da0924;
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 60px;
}
.MOBILE #it224 .LIST_HEADER .MY_AGE{
	border-right: 1px solid #fff;
	width: 40%;
	display: block;
	float: left;
	text-align: center;
}
.MOBILE #it224 .LIST_HEADER .CHANCE{
	width: 60%;
	display: block;
	text-align: center;
}
.MOBILE #it224 .LIST_HEADER .pq_ADT1{
	font-size: 1.2rem;
	line-height: 1.5rem;}
.MOBILE #it224 .pq_TXT6{
	font-size: 0.8rem;
	line-height: 1rem;
	font-weight: normal;}
/*白底表格*/
.MOBILE #it224 .COL_YEAR{
	margin: 0 8px;
	border-bottom: 1px solid #da0924;
	height: 85px;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.MOBILE #it224 div:nth-child(6){border: none;}
.MOBILE #it224 .COL_YEAR .MY_AGE {
	clear: both;
	width: 40%;
	float: left;
	text-align: center;
	margin-right: 2%;
}
.MOBILE #it224 .COL_YEAR .YEARS {
  display: inline-block;
  text-align: center;
}
.MOBILE #it224 .AGE_LIST .RE_ICON{
	width: 58%;
	max-width: 350px;
}
.MOBILE #it224 .AGE_LIST .RE_ICON img{
	width: 90%;
	margin: 0 auto;

}


/*捲軸客製化*/
.MOBILE #it224 .pq_BIGWORD1{ width: 91%; max-width: 4oopx;}
.MOBILE #it224 .pq_BIGWORD1 ul{top:50%;}
.MOBILE #it224  .pq_BIGWORD1 ul li:nth-child(2){
	font-size: 6vw;
	line-height: 1.5em;}
/*捲軸客製化*/
.MOBILE #it224 .RECOM_END{
	width: 95%;
	margin: 0 auto;
	background-color: #fffdf5;
	padding-top: 15px;
}
/*結果頁 列印按鈕*/
.MOBILE #it224 .PRINT{display: none;}
/*手機橫擺*/
@media screen and (min-width : 450px ) {

	.MOBILE #it224 .COL_YEAR .YEARS {
		display: block;
		text-align: center;
	  }
	.MOBILE #it224 .AGE_LIST .RE_ICON{
		width: 50%;
		margin: 0 auto;
	  }

}

/*======手機板免費頁============手機板免費頁============手機板免費頁======*/
/*免費頁-文字底模糊底圖-有按鈕配置*/
.MOBILE #it224 .pq_RECOM_BOX {
	width: 91%;
	position: relative;}
.MOBILE #it224 .FUZZY_BOX2{
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 32%;
	left: 0;
	margin: 0 auto;
	z-index: 500;
	background-color: rgba(255,255,255,0.5);
}
.MOBILE #it224 .FUZZY_POSITION{
	top: 20%;
	background-color: rgba(255,255,255,0.8);
}
.MOBILE #it224 .FUZZY_POSITION2{
	top: 55%;
	background-color: rgba(255,255,255,0.8);
}
.MOBILE #it224 .FUZZY_BOX2 .F_PH{
	width: 130%;
	margin: 0 auto;
	margin-left: -11vw;
	margin-bottom: 5px;
}

.MOBILE #it224 .FUZZY_BOX2 .F_PH img{ width: 88%;}
.MOBILE #it224 .FUZZY_BOX2 .W50{width: 90%;}
.MOBILE #it224 .FUZZY_BOX2 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 #it224 .AGE_LIST .FREE_ICON img{
	opacity: 0.5;
}
/*手機橫擺*/
@media screen and (min-width : 450px ) {

	.MOBILE #it224 .FUZZY_BOX2{
		width: 100%;
		overflow: hidden;
		position: absolute;
		top: 24%;
		left: 0;
		margin: 0 auto;
		z-index: 500;
		background-color: rgba(255,255,255,0.5);
	}
	.MOBILE #it224 .FUZZY_POSITION{
		top: 15%;
		background-color: rgba(255,255,255,0.8);
	}
	.MOBILE #it224 .FUZZY_POSITION2{
		top: 65%;
		background-color: rgba(255,255,255,0.8);
	}
	.MOBILE #it224 .FUZZY_BOX2 .F_PH img{
		width: 100%;
		max-width: 500px;
		margin: 0 auto;}
	
}
/*=========================免費頁頁面尾區================*/