body{
	-webkit-text-size-adjust:none;
	text-decoration:none;
	font-family: "微軟正黑體", "新細明體", "細明體",Arial, Helvetica, sans-serif;
	background-color:#ffe5ea;
	}
/*共用字型*/
#it210 .T01{
	font-size:1.1em;
	line-height:1.6em;
	color:#333;}

#it210 .T02{/*使用者暱稱*/
	color:#d10062;
	font-weight:bold;}
#it210 .T02_WO{/*使用者暱稱*/
	color:#0053c5;
	font-weight:bold;}

#it210 .T03{
	font-size:1em;
	line-height:1.6em;
	color:#333;}

#it210 .T03_W{
	font-size:1em;
	line-height:1.6em;
	color:#333;
	font-weight:bold;}
#it210 .T04{/*輸入+號使用*/
	font-size:2em;
	font-weight:bold;
	color:#666;}
#it210 .T05{
	font-size:1.3em;
	color:#a83700;
	font-weight:bold;
	line-height:1.6em;}

#it210 .T06{
	font-size:0.9em;
	color:#ff3c00;
	line-height:1.6em;}

#it210 .T07{/*牌名稱01*/
	font-size:2em;
	color:#0088ff;
	line-height:1.6em;
	font-weight:bold;}
	#it210 .T07_S{/*牌名稱02*/
	font-size:1.2em;
	color:#0088ff;
	line-height:1.6em;
	font-weight:bold;}

#it210 .T07_2{/*牌名稱02*/
	font-size:2em;
	color:#f13e96;
	line-height:1.6em;
	font-weight:bold;}
#it210 .T07_2_S{/*牌名稱02*/
	font-size:1.2em;
	color:#f13e96;
	line-height:1.6em;
	font-weight:bold;}
#it210 .T07_3{/*牌名稱03*/
	font-size:2em;
	color:#cb8920;
	line-height:1.6em;
	font-weight:bold;}
#it210 .T07_3_S{/*牌名稱03*/
	font-size:1.2em;
	color:#cb8920;
	line-height:1.6em;
	font-weight:bold;}
#it210 .T07_4{/*牌名稱04*/
	font-size:2em;
	color:#c12dda;
	line-height:1.6em;
	font-weight:bold;}
#it210 .T07_4_S{/*牌名稱04*/
	font-size:1.2em;
	color:#c12dda;
	line-height:1.6em;
	font-weight:bold;}
#it210 .T07_5{/*牌名稱05*/
	font-size:2em;
	color:#f44154;
	line-height:1.6em;
	font-weight:bold;}
#it210 .T07_5_S{/*牌名稱05*/
	font-size:1.2em;
	color:#f44154;
	line-height:1.6em;
	font-weight:bold;}
#it210 .T07_6{/*牌名稱06*/
	font-size:2em;
	color:#00a13a;
	line-height:1.6em;
	font-weight:bold;}
#it210 .T07_6_S{/*牌名稱06*/
	font-size:1.2em;
	color:#00a13a;
	line-height:1.6em;
	font-weight:bold;}


#it210 .T09{/*試算頁提醒用*/
	font-size:0.9em;
	line-height:1.5em;
	color:#843800;}

#it210 a.T10{/*試算頁提醒連結*/
	color:#0068de;}
#it210 .T11{/*關鍵年*/
	font-size:1.5em;
	line-height:1.6em;
	color:#ff3600;
	}
#it210 .T12{/*關鍵月*/
	font-size:1.6em;
	line-height:1.6em;
	color:#ff3600;
	font-weight:bold;}
#it210 .T13{/*下載字*/
	font-size:0.9em;
	line-height:1.5em;
	color:#ff3600;}
.PC #it210 .T13{/*下載字*/
	display: none;}

/*共用間距*/
#it210 .BLANK{ width:100%; height:20px;}
#it210 .BLANK02{ width:100%; height:20px; background:url(https://imgs.click108.com.tw/unit001/item00210/images/dot02.png) repeat-x center;}


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

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

/*框架區*/
.PC #it210{
	width:100%;
	height:auto;
	overflow:hidden;
	background-image:url(https://imgs.click108.com.tw/unit001/item00210/images/bg.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	-webkit-box-sizing:border-box;
	}
.PC #it210.RBG{
	background-image:url(https://imgs.click108.com.tw/unit001/item00210/images/bg_retop.jpg);}
.PC #it210 .FRAME{width:100%; height:auto; overflow:hidden; margin:0 auto;}
/*框架區尾*/

/*輸入頁表頭區*/
.PC #it210 .IP_FRAME{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	background-image:url(https://imgs.click108.com.tw/unit001/item00210/images/input_bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	}
.PC #it210 .IP_TOP{
	width:750px;
	height:auto;
	overflow: hidden;
	margin:0 auto;
	}

.PC #it210 .IP_TOP h1{
	width:750px;
	height:217px;
	margin:0 auto;
	background:url(https://imgs.click108.com.tw/unit001/item00210/images/input_top_title.png) no-repeat top center;
	text-indent:-9999px;}

.PC #it210 .IP_TOP .TARO_W{
	width:750px;
	height:363px;
}
.PC #it210 .IP_TOP .TARO_W img{width:750px; height:363px;}
.PC #it210 .IP_TOP .TARO_TEXT{
	width:750px;
	height:130px;
}
.PC #it210 .IP_TOP .TARO_TEXT img{width:750px; height:130px;}
/*輸入頁表頭區尾*/

/*內容區*/


.PC #it210 .CONTENT{
	width:750px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	background-image:url(https://imgs.click108.com.tw/unit001/item00210/images/con_bg.jpg);
	background-size:100% auto;
	}
.PC #it210 .CONTENT_S{/*N*/
	width:750px;
	height:auto;
	overflow:hidden;
	margin:0 auto;}

.PC #it210 .e_TOP + .CONTENT_S{/*for 洗牌頁*/
	margin-top: -60px;}

.PC #it210 .e_TOP + .CONTENT{/*for 結果頁*/
	margin-top: -60px;}


/*內容框架*/
.PC #it210 .CONTENT_TOP img, .PC #it210 .CONTENT_FOOT img{display:block; width:750px; height:34px; margin:auto;}
/*內容區尾*/

/*共用按鈕*/
.PC #it210 .e_BT{
	clear:both;
	width:100%;
	margin:0 auto;
	}

.PC #it210 .e_BT ul.ONE{
	width:100%;
	height:50px;}

.PC #it210 .e_BT ul.ONE li{
	width:50%;
	margin:0 auto;
	height:50px;
	}

.PC #it210 .e_BT ul.TOW{
	width:100%;
	height:50px;}

.PC #it210 .e_BT ul.TOW li{
	float:left;
	width:50%;}

.PC #it210 .e_BT li a{
	display:block;
	width:95%;
	margin:0 auto;
	height:48px;
	color: #fff;
	text-decoration:none;
	background-color:#cc66ff;
	background: -moz-linear-gradient(
		top,
		#cc66ff 0%,
		#a027fe);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#cc66ff),
		to(#a027fe));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #a027fe;
	-moz-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	font-size: 1.5em;
	font-weight:bold;
	text-align:center;
	line-height:48px;}

.PC #it210 .e_BT li a:hover{
	background-color:#a027fe;
	color:#fee300;
	background: -moz-linear-gradient(
		top,
		#a027fe 0%,
		#cc66ff);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#a027fe),
		to(#cc66ff));
	}

.PC #it210 .e_BT li.W{/*灰按鈕	*/
	display:block;
	width:95%;
	height:48px;
	font-size: 1.5em;
	color: #999;
	font-weight:bold;
	text-align:center;
	line-height:47px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #9e9e9e;
	background: -moz-linear-gradient(
		top,
		#d2d2d2 0%,
		#d2d2d2);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#d2d2d2),
		to(#d2d2d2));
	margin:0 auto;
	}

/*灰按鈕	*/
.PC #it210 .e_BT_G{
	width:48%;
	height:50px;
	font-size: 1.5em;
	color: #999;
	font-weight:bold;
	text-align:center;
	line-height:47px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #9e9e9e;
	background-color:#d2d2d2;
	margin:0 auto;
	}

.PC #it210 .PRINT a{
	display:block;
	width:50%;
	margin:0 auto;
	height:48px;
	font-size: 1.5em;
	color: #fff;
	font-weight:bold;
	text-align:center;
	line-height:48px;
	text-decoration:none;
	background-color:#cc66ff;
	background: -moz-linear-gradient(
		top,
		#cc66ff 0%,
		#a027fe);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#cc66ff),
		to(#a027fe));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #a027fe;
	-moz-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);}

.PC #it210 .PRINT a:hover{
	background-color:#a027fe;
	color:#fee300;
	background: -moz-linear-gradient(
		top,
		#a027fe 0%,
		#cc66ff);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#a027fe),
		to(#cc66ff));}

.PC #it210 .DWCARD a{
	display:block;
	width:80%;
	margin:0 auto;
	height:48px;
	font-size: 1.5em;
	color: #fff;
	font-weight:bold;
	text-align:center;
	line-height:48px;
	text-decoration:none;
	background-color:#4c6eeb;
	background: -moz-linear-gradient(
		top,
		#4c6eeb 0%,
		#2557aa);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#4c6eeb),
		to(#2557aa));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #0061b3;
	-moz-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);}

.PC #it210 .DWCARD a:hover{
	background-color:#2557aa;
	color:#fee300;
	background: -moz-linear-gradient(
		top,
		#2557aa 0%,
		#4c6eeb);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#2557aa),
		to(#44c6eeb));}

/*=========================輸入頁面頭區================*/
.PC #it210 .CON_BOX{
	width:640px;
	height:auto;
	overflow:hidden;
	margin:0 auto;}

/*CON_BOX_BAR樣式二 占術介紹區*/
.PC #it210 .CON_BOX_BG02{/*NEW*/
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	border-left: 2px solid #b5984a;
	border-right: 2px solid #b5984a;
	-webkit-box-sizing:border-box;
}

.PC #it210 .CON_BOX_BAR02{/*NEW*/
	width:100%;
	height:94px;
	margin:0 auto;
	background: no-repeat center;
	-webkit-box-sizing:border-box;}

.PC #it210 .CON_BOX_BAR02 p{/*NEW*/
	font-size:1.6em;
	line-height:94px;
	color:#191919;
	font-weight:bold;
	text-align:center;
	}
.PC #it210 .BOX_INSET{
	width: 90%;
	margin: 15px auto; }

.PC #it210 .CON_BOX img{display:block; width:100%;margin:0 auto;}
.PC #it210 .LISTIMG{/*九星宿緣配圖*/
	float:left;
	width:220px;
	margin-right: 15px;
	margin-top: 12px;
	}
	.PC #it210 .LISTIMG img{
	width: 47%;
	height: auto;
	float: left;
	margin-right: 3%;
	}

.PC #it210 .LISTBOX{
	width:auto;
	height:auto;
	overflow:hidden;
	font-size:1.2em;
	line-height:1.8em;
	color:#333;
	}
.PC #it210 .LISTBOX li{
	width:auto;
	height:auto;
	overflow:hidden;}
.PC #it210 .LISTBOX li>ul li{
	width:auto;
	height:auto;
	overflow:hidden;
	line-height: 2.4em;}
.PC #it210 .LISTBOX .LIST_ICON{
	float: left;
	width:34px;
	height: 34px;
	margin-right: 8px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00210/images/icon.png);
	background-position: left bottom ;
	background-repeat: no-repeat;
	margin-top: 3px;
}


/*=========================輸入頁面尾區================*/

/*=========================結果頁面頭區================*/
/*結果頁表頭區*/
.PC #it210 .e_TOP{
	width:100%;
	height:300px;
	background:url(https://imgs.click108.com.tw/unit001/item00210/images/top_bg.jpg) no-repeat top center;
	margin:0 auto;
	}
.PC #it210 h1{
	width:750px;
	height:220px;
	margin:0 auto;
	background:url(https://imgs.click108.com.tw/unit001/item00210/images/input_top_title.png) no-repeat center;
	text-indent:-9999px;
	}
/*結果頁表頭區尾*/

/*翻牌動畫*/
.PC #it210 .S_TOP{/*動畫標題頭*/
	width:100%;
	height:0;
	padding-bottom:29.33333333%;
	background-repeat:no-repeat;
	background-size:cover;
	text-indent:-9999px;}

.PC #it210 .SHUFFLE{
	width:750px;
	height:645px;
	margin:0 auto;
	margin-bottom:15px;}

/*選擇牌區*/
.PC #it210 .CARD_BG{
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:#dcc3f9;
	padding:2% 2% 2% 2%;
	}

.PC #it210 .CARD{
	width:16.6%;
	height:auto;
	float:left;
	}

.PC #it210 .CARD .C_IMG{
	width:100%;
	height:0;
	padding-bottom:166%;
	background-repeat:no-repeat;
	background-size:cover;
	text-indent:-9999px;
	margin:0 auto;}


.PC #it210 .C_CARD{
	width:100%;
	height:0;
	padding-bottom:85.93%;
	background-repeat:no-repeat;
	background-size:cover;
	text-indent:-9999px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00210/images/tarot/bg.jpg);
	position:relative;
	}


.PC #it210 .C_CARD .CARD02{
	width:15.5%;
	/* height:100%; */
	position:absolute;
	}

.PC #it210 .CARD02 .C_IMG02 a{
	display:block;
	width:100%;
	height:0;
	padding-bottom:166%;
	background-repeat:no-repeat;
	background-size:cover;
	text-indent:-9999px;
	margin:0 auto;
	}

/*五角定位圖*/
.PC #it210 .CARD02 .C_IMG03{
	width:100%;
	height:0;
	padding-bottom:166%;
	background-repeat:no-repeat;
	background-size:cover;
	text-indent:-9999px;
	margin:0 auto;
	}
/*開牌圖*/
.PC #it210 .C_IMG04{
	padding-bottom:71.4285714%;
	background-position:center center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
/*牌的文字位置*/
.PC #it210 .C_CARD .CARDT{
	width:12.8%;
	height:100%;
	position:absolute;
	}
/*牌的文字*/
.PC #it210 .CARDT .T_IMG{
	width:81px;
	height:177px;
	background-repeat:no-repeat;
	margin-top:10px;
	margin-left:5px;
	}

/*個人資料*/
.PC #it210 .INFOR{
	width:740px;
	height:60px;
	margin:0 auto;
	background-color:#ffd14b;
	border:5px solid #573116;
	box-sizing: content-box;
	}
.PC #it210 .INFOR .INFOR_BOX{
	width:97%;
	height:45px;
	margin:0 auto;
	background-color:#fff;
	-webkit-box-shadow: 0 0 15px #dea500;
	-moz-box-shadow: 0 0 15px #dea500;
	box-shadow: 0 0 15px #dea500;
	margin-top:7px;
	font-size:1.1em;
	line-height:43px;
	color:#333;
	font-weight:bold;
	}
.PC #it210 .INFOR .INFOR_BOX ul{ width:80%; margin:0 auto;}
.PC #it210 .INFOR .INFOR_BOX li{ width:100%;text-align:center;}

/*個人資料尾*/

/*第一塊引導區*/
.PC #it210 .GUIDE{
	width:95%;
	height:auto;
	margin: 0 auto;
	overflow:hidden;}

.PC #it210 .GUIDE li.TEXT{
	float:right;
	width:330px;
	padding-top:50px;
	}
.PC #it210 .GUIDE li.PH {float:left; width:263px; height:230px;}
.PC #it210 .GUIDE li.PH img{}

.PC #it210 .GUIDE li.TEXT02{
	float:left;
	width:330px;
	padding-top:50px;
	}
.PC #it210 .GUIDE li.PH02 {float:right; width:263px; height:230px;}
.PC #it210 .GUIDE li.PH02 img{ }

/*結果頁內容區框架*/
.PC #it210 .RE_TOP_FOOT img{ clear:both;display:block;width:100%; margin:0 auto;}
.PC #it210 .RE_BG{
	width:100%;
	height:auto;
	overflow:hidden;
	background-repeat:repeat-y;
	background-size:100% auto;
	margin:0 auto;
	}
.PC #it210 .RE_NOSTYLE_COM{/*無樣式內容框*/
	width:90%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	}

/*內容欄位樣式用*/
.PC #it210 .RE_NOSTYLE_COM ul{
	width:100%;
	height:auto;
	overflow:hidden;
	}
.PC #it210 .RE_NOSTYLE_COM li{ margin-bottom:10px;}
.PC #it210 .RE_NOSTYLE_COM li.ALL{ clear:both;width:100%;}
.PC #it210 .RE_NOSTYLE_COM li.HALF{float:left; width:50%;}
/*內容欄位樣式用尾*/

/*塔羅牌分析結果區塊*/
.PC #it210 .RE_COLUMN{
	width:100%;
	height:auto;
	overflow:hidden;}

.PC #it210 .RE_COLUMN li{ float:left;}

.PC #it210 .RE_COLUMN li.PH_CARD,
.PC #it210 .RE_COLUMN li.PH_CARD .CARD_ANGEL1{
	width:200px;
	height:280px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size: cover;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-indent:-9999px;}
	.PC #it210 .RE_COLUMN li.PH_CARD img{/*for天使卡下載圖*/
	width: 100%;
	height: auto;
	border: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;}
.PC #it210 .RE_COLUMN li.CARD_TEXT{
	width:356px;
	height:auto;
	overflow:hidden;
	padding-left:20px;
	padding-top:10px;}
.PC #it210 .CARD_CION_BG{
	width:auto;
	height:60px;
	margin:0 auto;
	margin-bottom:17px;
	}
.PC #it210 .CARD_CION{
	display:inline-block;
	width:70px;
	height:70px;
	background-size:70px 70px;
	margin-bottom:-18px;
	background-position:center right;
	background-repeat:no-repeat;
	margin-right:3px;
	}
.PC #it210 .CARD_NAME{
	display:inline-block;
	height:70px;
	text-align:center;
	}

.PC #it210 .RE_COLUMN li.CARD_ANGEL{/*大天使牌*/
	width:356px;
	height:auto;
	overflow:hidden;
	padding-left:20px;
	font-size:1.3em;
	font-weight: bold;
	color: #545ae6;
	text-align: center;}

.PC #it210 .RE_COLUMN li.CARD_DW{
	width:356px;
	height:auto;
	overflow:hidden;
	padding-left:20px;}



/*關鍵月份*/
.PC #it210 .CALENDAR{
	margin:0 auto;
	width: 580px;
	height: auto;
	overflow: hidden;}

.PC #it210 .CALENDAR ul{
	width: 100%;
	padding: 2%;
	height: auto;
	display: block;
	overflow: hidden;
	clear: both;
	background-image:url(https://imgs.click108.com.tw/unit001/item00210/images/month_bg.png);}

.PC #it210 .CALENDAR ul li{
	display:inline-block;
	width: 32%;
	padding: 1% 1%;
	text-align: center;
	border-right: 1px dashed #906510;}
	.PC #it210 .CALENDAR ul li:last-child{border-right:none; padding-right:0;}
	.PC #it210 .PRINT_BG .CALENDAR ul li{width: 31%; padding:1% 0%;}

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

/*=========================試算頁面頭區================*/
.PC #it210-wrapper .NEW_BT_F{/*浮水按鈕*/
	display:none;
	width:100%;
	height:60px;
	position:fixed;
	bottom:0;
	z-index:1000;
	background-image:url(https://imgs.click108.com.tw/unit001/item00210/images/bt_bg.png);
	background-repeat:repeat;
	padding-top:5px;
	}

.PC #it210-wrapper .NEW_BT_F a{/*浮水按鈕*/
	display:block;
	width:300px;
	margin:0 auto;
	height:48px;
	text-decoration:none;
	background-color:#cc66ff;
	background: -moz-linear-gradient(
		top,
		#cc66ff 0%,
		#a027fe);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#cc66ff),
		to(#a027fe));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #a027fe;
	-moz-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	color: #FFF;
	font-size: 1.5em;
	font-weight:bold;
	text-align:center;
	line-height:48px;}


.PC #it210-wrapper .NEW_BT_F a:hover{/*浮水按鈕*/
	background-color:#a027fe;
	color:#fee300;
	background: -moz-linear-gradient(
		top,
		#a027fe 0%,
		#cc66ff);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#a027fe),
		to(#cc66ff));}


.PC #it210 .SAMPLE{
	width:100%;
	height:125px;
	position:relative;
	background-position:-5px top;
	margin:3px auto;
	background-image:url(https://imgs.click108.com.tw/unit001/item00210/images/fuzzy.png);
	}
.PC #it210 .SAMPLE02{
	width:213px;
	height:30px;
	margin: 10px 0;
	}


.PC #it210 .FREE_PH{ width:520px; height:auto; overflow:hidden; margin:10px auto -10px auto; clear:both;}

/*=========================試算頁面尾區================*/

/*=========================浮水購買區塊================*/

.PC #it210-wrapper #INPUT_BOX{
	position: fixed;
	width:255px;
	height:280px;
	right:3%;
	top: 220px;
	z-index: 9999;}

.PC #it210-wrapper #INPUT_BOX .BOX_TOP{
	width:255px;
	height:131px;
	position:relative;
	background-image:url(https://imgs.click108.com.tw/unit001/item00210/images/input_box/in_top2.png);}
.PC #it210-wrapper #INPUT_BOX .BOX_TOP a{
	display:block;
	position:absolute;
	width:24px;
	height:24px;
	right:10px;
	top:10px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00210/images/input_box/in_top_x.png);
	text-indent:-9999px;}
.PC #it210-wrapper #INPUT_BOX .BOX_FOOT{}
.PC #it210-wrapper #INPUT_BOX .BOX_BG{
	background-image:url(https://imgs.click108.com.tw/unit001/item00210/images/input_box/in_bg.png);
	width:255px;
	overflow:hidden;
	text-align:center;}
.PC #it210-wrapper #INPUT_BOX .BOX_BG p{
	margin:8px auto;}
.PC #it210-wrapper #INPUT_BOX .BLANK3{
	height:10px;}

.PC #it210-wrapper #INPUT_BOX a.BT_PAY{
	display:block;
	width:140px;
	height:33px;
	background-position:0px 0px;
	text-indent:-9999px;
	margin:0 auto;
	background-image:url(https://imgs.click108.com.tw/unit001/item00210/images/input_box/bt_input.png);}
.PC #it210-wrapper #INPUT_BOX a.BT_PAY:hover{
	background-position:0px -33px;}
.PC #it210-wrapper #INPUT_BOX .txt01 {FONT-SIZE: 12pt; COLOR: #cc0000; LINE-HEIGHT: 16px; FONT-FAMILY: Arial; TEXT-DECORATION: none;font-weight: bold;}
.PC #it210-wrapper #INPUT_BOX .txt02 {FONT-SIZE: 10pt; COLOR: #333333; LINE-HEIGHT: 16px;  FONT-FAMILY: "Arial"; TEXT-DECORATION: line-through; }

/*=========================浮水購買區塊尾================*/

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

.PC #it210 .PRINT_TOP{
	width:678px;
	height:200px;
	margin:0 auto;
	border:1px solid #573116;}
	.PC #it210 .PRINT_TOP img{width: 100%; height: auto;}

.PC #it210 .PRINT_BG{
	width:678px;
	border:1px solid #573116;
	background-color:#fff;
	margin:0 auto;}

/*個人資料*/
.PC #it210 .PRINT_BG .INFOR{
	width:668px;
	height:60px;
	margin:0 auto;
	background-color:#ffd14b;
	border:5px solid #573116;
	box-sizing: content-box;
	}
.PC #it210 .PRINT_BG .INFOR .INFOR_BOX{
	width:97%;
	height:40px;
	margin:0 auto;
	background-color:#fff;
	-webkit-box-shadow: 0 0 15px #dea500;
	-moz-box-shadow: 0 0 15px #dea500;
	box-shadow: 0 0 15px #dea500;
	margin-top:10px;
	font-size:1.1em;
	line-height:40px;
	color:#333;
	font-weight:bold;
	}
.PC #it210 .INFOR .INFOR_BOX ul{ width:90%; margin:0 auto;}
.PC #it210 .INFOR .INFOR_BOX li{float:left; text-align:center;}
.PC #it210 .INFOR .INFOR_BOX li.IN01{ width:45%;}
.PC #it210 .INFOR .INFOR_BOX li.IN02{ width:10%;}


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



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


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

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

/*消失區*/
.MOBILE #INPUT_BOX,.MOBILE .PC_LOGIN,.MOBILE .FOOT_PC { display:none;}
/*消失區尾*/


/*框架區*/
.MOBILE #it210{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:45px;
	-webkit-box-sizing:border-box;
	}
.MOBILE #it210 .FRAME{width:100%; height:auto; overflow:hidden; margin:0 auto;}
/*框架區尾*/
/*輸入頁表頭區*/
.MOBILE #it210 .IP_FRAME{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	background-image:url(https://imgs.click108.com.tw/unit001/item00210/images/input_bg.jpg);
	background-position:top center;
	background-size:280% auto;
	background-repeat:no-repeat;
	}
.MOBILE #it210 .IP_TOP{
	width:100%;
	margin:0 auto;
	}

.MOBILE #it210 .IP_TOP h1{
	width: 100%;
	height: 0px;
	overflow: hidden;
	background-image:url(https://imgs.click108.com.tw/unit001/item00210/images/input_top_title.png);
	background-size: cover;
	padding-bottom: 29%;
	text-indent:-9999px;
	background-repeat:no-repeat;

	}

.MOBILE #it210 .IP_TOP .TARO_W{
	width: 130%;
	margin:0 auto;
	margin-left:-13%;}
.MOBILE #it210 .IP_TOP .TARO_W img{
	width:100%; height:auto;}
.MOBILE #it210 .IP_TOP .TARO_TEXT{
	width: 130%;
	margin:0 auto;
	margin-left:-13%;
	}
.MOBILE #it210 .IP_TOP .TARO_TEXT img{
	width:100%; height:auto;}

.MOBILE #it210 .T05{ font-size:1.1em;}
/*輸入頁表頭區尾*/


/*內容區*/
.MOBILE #it210 .CONTENT{
	width:95%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	background-image:url(https://imgs.click108.com.tw/unit001/item00210/images/con_bg.jpg);
	background-repeat:repeat-y;
	background-size:100% auto;
	}
.MOBILE #it210 .CONTENT_S{/*N*/
	width:95%;
	height:auto;
	overflow:hidden;
	margin:0 auto;}

.MOBILE #it210 .e_TOP + .CONTENT_S{/*for 洗牌頁*/
	margin-top: -15px;}

.MOBILE #it210 .e_TOP + .CONTENT{/*for 結果頁*/
	margin-top: -15px;}
/*內容框架*/
.MOBILE #it210 .CONTENT img{display:block; width:100%; height:auto; margin:auto;}
.MOBILE #it210 .CONTENT_TOP img, .MOBILE #it210 .CONTENT_FOOT img{ display:block; width:100%; height:auto; margin:auto;}
/*共用按鈕*/
.MOBILE #it210 .e_BT{
	clear:both;
	width:100%;
	height:50px;
	margin:0 auto;}

.MOBILE #it210 .e_BT ul.ONE{
	width:100%;
	height:50px;}

.MOBILE #it210 .e_BT ul.ONE li{
	width:100%;
	margin:0 auto;
	height:50px;
	}

.MOBILE #it210 .e_BT ul.ONE li a{
	width:99%;
	margin:0 auto;
	height:50px;
	color:#fff;
	font-size: 1.5em;
	font-weight:bold;
	text-align:center;
	line-height:47px;
	}

.MOBILE #it210 .e_BT ul.TOW{
	width:100%;
	height:50px;}

.MOBILE #it210 .e_BT ul.TOW li{
	float:left;
	width:50%;}
	.MOBILE #it210 .e_BT ul.TOW li a span.PR{font-size: 0.85em;}
	@media screen and (max-width:374px){/*for i5小價錢*/
	.MOBILE #it210 .e_BT ul.TOW li a span.PR{font-size: 0.7em;}}
.MOBILE #it210 .e_BT a{
	display:block;
	width:95%;
	margin:0 auto;
	height:50px;
	color: #fff;
	text-decoration:none;
	background: -moz-linear-gradient(
		top,
		#cc66ff 0%,
		#a027fe);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#cc66ff),
		to(#a027fe));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #a027fe;
	-moz-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	font-size: 1.2em;
	font-weight:bold;
	text-align:center;
	line-height:48px;}

.MOBILE #it210 .e_BT li.W{/*灰按鈕	*/
	display:block;
	width:100%;
	height:50px;
	font-size: 1.2em;
	color: #999;
	font-weight:bold;
	text-align:center;
	line-height:47px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #9e9e9e;
	background: -moz-linear-gradient(
		top,
		#d2d2d2 0%,
		#d2d2d2);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#d2d2d2),
		to(#d2d2d2));
	margin:0 auto;
	}

/*灰按鈕	*/
.MOBILE #it210 .e_BT_G{
	width:100%;
	height:50px;
	font-size: 1.2em;
	color: #999;
	font-weight:bold;
	text-align:center;
	line-height:47px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #9e9e9e;
	background-color:#d2d2d2;
	margin:0 auto;
	}

/*=========================輸入頁面頭區================*/
/*BOX01頭*/
.MOBILE #it210 .CON_BOX{
	width:90%;
	height:auto;
	overflow:hidden;
	margin:0 auto;}


/*CON_BOX_BAR樣式二 占術介紹區*/
.MOBILE #it210 .CON_BOX_BG02{/*NEW*/
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	-webkit-box-sizing:border-box;
}

.MOBILE #it210 .CON_BOX_BAR02{/*NEW*/
	width:100%;
	height:60px;
	margin:0 auto;
	background-position:center;
	border-left: 1px solid #b5984a;
	border-right: 1px solid #b5984a;
	background-size:cover;
	-webkit-box-sizing:border-box;}

.MOBILE #it210 .CON_BOX_BAR02 p{/*NEW*/
	font-size:1.3em;
	line-height:60px;
	color:#191919;
	font-weight:bold;
	text-align:center;
	}
.MOBILE #it210 .BOX_INSET{
	width: 98%;
	margin: 15px auto 0 auto; }

.MOBILE #it210 .CON_BOX img{display:block; width:100%;margin:0 auto;}
.MOBILE #it210 .LISTIMG{/*配圖*/
	width:80%;
	margin: 0 auto;}
	.MOBILE #it210 .LISTIMG img{
	width: 46%;
	height: auto;
	float: left;
	margin-right: 8%;}
	.MOBILE #it210 .LISTIMG img:last-child{
	width: 46%;
	height: auto;
	float: left;
	margin-right: 0;}

.MOBILE #it210 .LISTBOX{
	width:100%;
	height:auto;
	overflow:hidden;
	clear: both;
	font-size:1.3em;
	line-height:1.5em;
	padding: 10px 2px;
	color:#333;
	}
.MOBILE #it210 .LISTBOX ul.INSET_TOP{
	width:auto;
	height:auto;
	overflow:hidden;
	margin-top: -10px;}
.MOBILE #it210 .LISTBOX li{
	width:auto;
	height:auto;
	overflow:hidden;
	margin-bottom: 5px;}
.MOBILE #it210 .LISTBOX li>ul li{
	width:auto;
	height:auto;
	overflow:hidden;
	line-height: 1.5em;}
.MOBILE #it210 .LISTBOX .LIST_ICON{
	float: left;
	width:25px;
	height:25px;
	margin-right: 6px;
	margin-top: 2px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00210/images/icon.png);
	background-size: cover;
	background-position: left bottom ;
	background-repeat: no-repeat;
}
/*=========================輸入頁面尾區================*/



/*=========================結果頁面頭區================*/
/*結果頁表頭區*/
.MOBILE #it210 .e_TOP{
	width:100%;
	height:0;
	padding-bottom:38%;
	background:url(https://imgs.click108.com.tw/unit001/item00210/images/top_bg.jpg) no-repeat top center;
	background-size:cover;
	margin:0 auto;
	}
.MOBILE #it210 h1{
	width:100%;
	height:0;
	padding-bottom:30%;
	background:url(https://imgs.click108.com.tw/unit001/item00210/images/input_top_title.png) no-repeat top center;
	background-repeat:no-repeat;
	background-size:cover;
	text-indent:-9999px;
	}
/*結果頁表頭區尾*/

/*翻牌動畫*/
.MOBILE #it210 .S_TOP{/*動畫標題頭*/
	width:100%;
	height:0;
	padding-bottom:29.33333333%;
	background-repeat:no-repeat;
	background-size:cover;
	text-indent:-9999px;}

.MOBILE #it210 .SHUFFLE{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-bottom:10px;}

/*選擇牌區*/

.MOBILE #it210 .CARD_BG{
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:#dcc3f9;
	padding:2% 2% 2% 2%;}

.MOBILE #it210 .CARD{
	width:16.6%;
	height:100%;
	float:left;
	}

.MOBILE #it210 .CARD .C_IMG{
	width:100%;
	height:0;
	padding-bottom:166%;
	background-repeat:no-repeat;
	background-size:cover;
	text-indent:-9999px;
	margin:0 auto;}



.MOBILE #it210 .C_CARD{
	width:100%;
	height:0;
	padding-bottom:85.93%;
	background-repeat:no-repeat;
	background-size:cover;
	text-indent:-9999px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00210/images/tarot/bg.jpg);
	position:relative;
	}


.MOBILE #it210 .C_CARD .CARD02{
	width:15.5%;
	/* height:100%; */
	position:absolute;
	}

.MOBILE #it210 .CARD02 .C_IMG02 a{
	display:block;
	width:100%;
	height:0;
	padding-bottom:166%;
	background-repeat:no-repeat;
	background-size:cover;
	text-indent:-9999px;
	margin:0 auto;
	}

/*五角定位圖*/
.MOBILE #it210 .CARD02 .C_IMG03{
	width:100%;
	height:0;
	padding-bottom:166%;
	background-repeat:no-repeat;
	background-size:cover;
	text-indent:-9999px;
	margin:0 auto;
	}
/*開牌圖*/
.MOBILE #it210 .C_IMG04{
	padding-bottom:71.4285714%;
	background-position:center center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
/*牌的文字位置*/
.MOBILE #it210 .C_CARD .CARDT{
	width:12.8%;
	height:100%;
	position:absolute;
	}
/*牌的文字*/
.MOBILE #it210 .CARDT .T_IMG{
	width:100%;
	height:0;
	padding-bottom:218.518518518518%;
	background-repeat:no-repeat;
	background-size:cover;
	margin:2px auto;
	}
/*個人資料*/
.MOBILE #it210 .INFOR{
	width:100%;
	height: auto;
	overflow:hidden;
	margin:0 auto;
	background-color:#ffd14b;
	border:5px solid #573116;
	padding:2%;
	}
.MOBILE #it210 .INFOR .INFOR_BOX{
	width:100%;
	height: auto;
	overflow:hidden;
	background-color:#fff;
	-webkit-box-shadow: 0 0 15px #dea500;
	-moz-box-shadow: 0 0 15px #dea500;
	box-shadow: 0 0 15px #dea500;
	font-size:1em;
	line-height:1.6em;
	color:#333;
	font-weight:bold;
	padding:5px 0 5px 0;
	}
.MOBILE #it210 .INFOR .INFOR_BOX ul{ width:80%; margin:0 auto;}
.MOBILE #it210 .INFOR .INFOR_BOX li{width:100%; text-align:center;}
.MOBILE #it210 .INFOR .INFOR_BOX li.IN01{ width:100%;}
.MOBILE #it210 .INFOR .INFOR_BOX li.IN02{display: none;}


/*個人資料尾*/

/*第一塊引導區*/
.MOBILE #it210 .GUIDE{
	width:100%;
	height:auto;
	overflow:hidden;}

.MOBILE #it210 .GUIDE li.TEXT{
	width:100%;
	margin-bottom:15px;
	}
.MOBILE #it210 .GUIDE li.PH { width:100%;}
.MOBILE #it210 .GUIDE li.PH img{ display:block;width:60%; height:auto; margin:0 auto;}

.MOBILE #it210 .GUIDE li.TEXT02{
	width:100%;
	margin-bottom:15px;
	}
.MOBILE #it210 .GUIDE li.PH02 {width:100%;}
.MOBILE #it210 .GUIDE li.PH02 img{display:block;width:60%; height:auto; margin:0 auto;}

/*結果頁內容區框架*/
.MOBILE #it210 .RE_TOP_FOOT img{ clear:both;display:block;width:100%; margin:0 auto;}
.MOBILE #it210 .RE_BG{
	width:100%;
	height:auto;
	overflow:hidden;
	background-repeat:repeat-y;
	background-size:100% auto;
	margin:0 auto;
	}
.MOBILE #it210 .RE_NOSTYLE_COM{/*無樣式內容框*/
	width:90%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	}

/*內容欄位樣式用*/
.MOBILE #it210 .RE_NOSTYLE_COM ul{
	width:100%;
	height:auto;
	overflow:hidden;
	}
.MOBILE #it210 .RE_NOSTYLE_COM li{ margin-bottom:10px;}
.MOBILE #it210 .RE_NOSTYLE_COM li.ALL{ clear:both;width:100%;}
.MOBILE #it210 .RE_NOSTYLE_COM li.HALF{float:left; width:50%;}
/*內容欄位樣式用尾*/

/*塔羅牌分析結果區塊*/
.MOBILE #it210 .RE_COLUMN{
	width:100%;
	height:auto;
	overflow:hidden;}

.MOBILE #it210 .RE_COLUMN li{ width:100%;}
.MOBILE #it210 .RE_COLUMN li.PH_CARD,
.MOBILE #it210 .RE_COLUMN li.PH_CARD .CARD_ANGEL1{
	width:50%;
	height:0;
	padding-bottom:70%;
	background-repeat:no-repeat;
	background-size:cover;
	text-indent:-9999px;
	background-position:center center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin:0 auto;}
.MOBILE #it210 .RE_COLUMN li.PH_CARD .CARD_ANGEL1{
	width:100%;
	height:0;
	padding-bottom:140%;}
	.MOBILE #it210 .RE_COLUMN li.PH_CARD img{/*for天使卡下載圖*/
	width: 100%;
	height: auto;
	border: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;}
.MOBILE #it210 .RE_COLUMN li.CARD_TEXT{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-top:10px;}
.MOBILE #it210 .CARD_TEXT .T07,
.MOBILE #it210 .CARD_TEXT .T07_2_S,
.MOBILE #it210 .CARD_TEXT  .T07_3_S,
.MOBILE #it210 .CARD_TEXT  .T07_4_S,
.MOBILE #it210 .CARD_TEXT .T07_5_S,
.MOBILE #it210 .CARD_TEXT .T07_6_S { text-align:center;}
.MOBILE #it210 .CARD_CION_BG{
	width:auto;
	height:60px;
	margin:0 auto;
	text-align:center;}
.MOBILE #it210 .CARD_CION{
	display:inline-block;
	width:50px;
	height:50px;
	background-size:50px 50px;
	margin-bottom:-20px;
	background-position:center right;
	background-repeat:no-repeat;
	margin-right:3px;
	}
.MOBILE #it210 .CARD_NAME{
	display:inline-block;
	height:60px;
	text-align:center;}

.MOBILE #it210 .RE_COLUMN li.CARD_ANGEL{/*大天使牌*/
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:5vw;
	color: #545ae6;
	text-align: center;
	font-weight: bold;}

.MOBILE #it210 .RE_COLUMN li.CARD_DW{
	width:100%;
	height:auto;
	overflow:hidden;}

.MOBILE #it210 .DWCARD a{
	display:none;}

/*關鍵月份*/
.MOBILE #it210 .CALENDAR{
	margin:0 auto;
	width: 90%;
	height: auto;
	overflow: hidden;}

.MOBILE #it210 .CALENDAR ul{
	width: 100%;
	padding:0 3%;
	height: auto;
	display: block;
	overflow: hidden;
	clear: both;
	background-image:url(https://imgs.click108.com.tw/unit001/item00210/images/month_bg.png);
	background-size:100%;}

.MOBILE #it210 .CALENDAR ul li{
	display: block;
	width: 100%;
	padding: 0;
	text-align: center;
	border-bottom: 1px dashed #906510;}
	.MOBILE #it210 .CALENDAR ul li:last-child{border-bottom:none;}

.MOBILE #it210 .PRINT{ display:none;}
/*========================結果頁面尾區================*/

/*=========================試算頁面頭區================*/

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

.MOBILE #it210-wrapper .NEW_BT_F a{/*浮水按鈕*/
	display:block;
	width:95%;
	margin:0 auto;
	height:50px;
	font-size: 1.5em;
	color: #fff;
	font-weight:bold;
	text-align:center;
	line-height:47px;
	text-decoration:none;
	background-color:#cc66ff;
	background: -moz-linear-gradient(
		top,
		#cc66ff 0%,
		#a027fe);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#cc66ff),
		to(#a027fe));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #a027fe;
	-moz-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);}

.MOBILE #it210 .SAMPLE{
	width:100%;
	height:150px;
	position:relative;
	background-position:-5px top;
	margin:3px auto;
	background-image:url(https://imgs.click108.com.tw/unit001/item00210/images/fuzzy.png);
	}

.MOBILE #it210 .SAMPLE02{
	width:213px;
	height:31px;
	background-size:213px 31px;
	background-position:-30px top;
	margin:0 auto;
	}



.MOBILE #it210 .FREE_PH{ width:100%; height:auto; overflow:hidden; margin:0px auto; clear:both;}

.MOBILE #it210 .FREE_PH img{ clear:both;display:block;width:100%; height:auto; margin:0 auto;}


/*=========================試算頁面尾區================*/