body{
	-webkit-text-size-adjust:none;
	text-decoration:none;
	font-family: "微軟正黑體", "新細明體", "細明體",Arial, Helvetica, sans-serif;
	background-color:#ffeed5;
	}
/*共用字型*/
#it204 .T01{
	font-size:1.1em;
	line-height:1.6em;
	color:#333;}
	
#it204 .T02{/*使用者暱稱*/
	color:#d10062;
	font-weight:bold;}
#it204 .T02_WO{/*使用者暱稱*/
	color:#0053c5;
	font-weight:bold;}
	
#it204 .T03{
	font-size:1em;
	line-height:1.6em;
	color:#333;}
	
#it204 .T03_W{
	font-size:1em;
	line-height:1.6em;
	color:#333;
	font-weight:bold;}
#it204 .T04{/*輸入+號使用*/
	font-size:2em;
	font-weight:bold;
	color:#666;}
#it204 .T05{
	font-size:1.3em;
	color:#a83700;
	font-weight:bold;
	line-height:1.6em;}
	
#it204 .T06{
	font-size:0.9em;
	color:#ff3c00;
	line-height:1.6em;}	
	
#it204 .T07{/*牌名稱01*/
	font-size:1.5em;
	color:#0088ff;
	line-height:1.6em;
	font-weight:bold;}
#it204 .T07_2{/*牌名稱02*/
	font-size:2em;
	color:#f13e96;
	line-height:1.6em;
	font-weight:bold;}
#it204 .T07_2_S{/*牌名稱02*/
	font-size:1.2em;
	color:#f13e96;
	line-height:1.6em;
	font-weight:bold;}
#it204 .T07_3{/*牌名稱03*/
	font-size:2em;
	color:#8d4ee0;
	line-height:1.6em;
	font-weight:bold;}
#it204 .T07_3_S{/*牌名稱03*/
	font-size:1.2em;
	color:#8d4ee0;
	line-height:1.6em;
	font-weight:bold;}
#it204 .T07_4{/*牌名稱04*/
	font-size:2em;
	color:#c12dda;
	line-height:1.6em;
	font-weight:bold;}
#it204 .T07_4_S{/*牌名稱04*/
	font-size:1.2em;
	color:#c12dda;
	line-height:1.6em;
	font-weight:bold;}
#it204 .T07_5{/*牌名稱05*/
	font-size:2em;
	color:#f44154;
	line-height:1.6em;
	font-weight:bold;}
#it204 .T07_5_S{/*牌名稱05*/
	font-size:1.2em;
	color:#f44154;
	line-height:1.6em;
	font-weight:bold;}
#it204 .T07_6{/*牌名稱06*/
	font-size:2em;
	color:#00a13a;
	line-height:1.6em;
	font-weight:bold;}
#it204 .T07_6_S{/*牌名稱06*/
	font-size:1.2em;
	color:#00a13a;
	line-height:1.6em;
	font-weight:bold;}
	
	
#it204 .T09{/*試算頁提醒用*/
	font-size:0.9em;
	line-height:1.5em;
	color:#843800;}
	
#it204 a.T10{/*試算頁提醒連結*/
	color:#0068de;}
#it204 .T11{/*大師介紹頁標題*/
	font-size:2em;
	color:#003775;
	border-left:3px solid #003775;
	padding-left:10px;
	margin:10px auto;
	}
#it204 .T12{
	font-size:1.1em;
	line-height:1.6em;
	color:#000;
	font-weight:bold;}

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


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

.PC .TOPHOME02, .PC .FOOT_MOBILE{ display:none;}

/*消失區*/
.PC #it204 .BACK_top, .LIST_ICON{ display:none;}
/*消失區尾*/		

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

/*輸入頁表頭區*/
.PC #it204 .IP_FRAME{
	width:100%;
	height:auto; 
	overflow:hidden; 
	margin:0 auto;
	background-image:url(https://imgs.click108.com.tw/unit001/item00203/images/input_bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	}
.PC #it204 .IP_TOP{
	width:750px;
	height:640px;
	margin:0 auto;
	position:relative;
	}
	
.PC #it204 .IP_TOP h1{
	position:absolute;
	width:750px;
	height:204px;
	left:0px;
	top:0px;
	margin:0 auto;
	background:url(https://imgs.click108.com.tw/unit001/item00203/images/input_top_title.png) no-repeat top center;
	text-indent:-9999px;}
	
.PC #it204 .IP_TOP .TARO_W{
	position:absolute;
	width:750px;
	height:371px;
	left:0px;
	top:190px;}
.PC #it204 .IP_TOP .TARO_W img{width:750px; height:371px;}
.PC #it204 .IP_TOP .TARO_TEXT{
	position:absolute;
	width:750px;
	height:78px;
	left:0px;
	bottom:10px;}
.PC #it204 .IP_TOP .TARO_TEXT img{width:750px; height:78px;}
/*輸入頁表頭區尾*/

/*內容區*/
.PC #it204 .CONTENT{
	width:750px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	background-image:url(https://imgs.click108.com.tw/unit001/item00203/images/con_bg.jpg);
	background-size:100% auto;
	}
.PC #it204 .CONTENT_S{/*N*/
	width:750px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	}
/*內容框架*/
.PC #it204 .CONTENT_TOP img, .PC #it204 .CONTENT_FOOT img{display:block; width:750px; height:34px; margin:auto;}	
/*內容區尾*/

/*共用按鈕*/
.PC #it204 .e_BT{
	clear:both;
	width:100%;
	margin:0 auto;
	}	
	
.PC #it204 .e_BT ul.ONE{
	width:100%;
	height:50px;}
	
.PC #it204 .e_BT ul.ONE li{
	width:50%;
	margin:0 auto;
	height:50px;
	}
		
.PC #it204 .e_BT ul.TOW{
	width:100%;
	height:50px;}
	
.PC #it204 .e_BT ul.TOW li{
	float:left;
	width:50%;}
	
.PC #it204 .e_BT li a{
	display:block;
	width:95%;
	margin:0 auto;
	height:48px;
	color: #fff;
	text-decoration:none;
	background-color:#4badff;
	background: -moz-linear-gradient(
		top,
		#4badff 0%,
		#3a8ed5);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#4badff),
		to(#3a8ed5));
	-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);
	font-size: 1.5em;
	font-weight:bold;
	text-align:center;
	line-height:48px;}
    
    
    
		
.PC #it204 .e_BT li a:hover{
	background-color:#3a8ed5;
	color:#fee300;
	background: -moz-linear-gradient(
		top,
		#3a8ed5 0%,
		#4badff);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#3a8ed5),
		to(#4badff));
	}
    
    
.PC #it204 .e_BT li a.ALINE{
    font-size: 1.5em;
    font-weight:bold;
    text-align:center;
    line-height:47px;}
.PC #it204 .e_BT li a.BLINE{
    font-size: 1.5em;
    font-weight:bold;
    text-align:center;
    line-height:47px;}
        
	
.PC #it204 .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 #it204 .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 #it204 .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:#4badff;
	background: -moz-linear-gradient(
		top,
		#4badff 0%,
		#3a8ed5);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#4badff),
		to(#3a8ed5));
	-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 #it204 .PRINT a:hover{
	background-color:#3a8ed5;
	color:#fee300;
	background: -moz-linear-gradient(
		top,
		#3a8ed5 0%,
		#4badff);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#3a8ed5),
		to(#4badff));}

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

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

/*翻牌動畫*/
.PC #it204 .S_TOP{/*動畫標題頭*/
	width:100%;
	height:0;
	padding-bottom:29.33333333%;
	background-repeat:no-repeat;
	background-size:cover;
	text-indent:-9999px;}
		
.PC #it204 .SHUFFLE{
	width:750px;
	height:645px;
	margin:0 auto;
	margin-bottom:15px;}
	
/*選擇牌區*/	
.PC #it204 .CARD_BG{
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:#f8b09b;
	padding:2% 2% 2% 2%;
	}
	
.PC #it204 .CARD{
	width:16%;
	height:auto;
	float:left;
	}
	
.PC #it204 .CARD .C_IMG{
	width:100%;
	height:0;
	padding-bottom:166%;
	background-repeat:no-repeat;
	background-size:cover;
	text-indent:-9999px;
	margin:0 auto;}
	
	
.PC #it204 .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/item00203/images/tarot/bg.jpg);
	position:relative;
	}
	
	
.PC #it204 .C_CARD .CARD02{
	width:15.5%;
	position:absolute;
	}
    
.PC #it204 .C_CARD2{
    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/item00203/images/tarot/bg.jpg);
    position:relative;
    }
    
    
.PC #it204 .C_CARD2 .CARD02{
    width:15.5%;
    position:absolute;
    }    
	
.PC #it204 .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;
    cursor:pointer;
	}
	
/*五角定位圖*/		
.PC #it204 .CARD02 .C_IMG03{
	width:100%;
	height:0;
	padding-bottom:166%;
	background-repeat:no-repeat;
	background-size:cover;
	text-indent:-9999px;
	margin:0 auto;
	}
/*開牌圖*/		
.PC #it204 .C_IMG04{
	padding-bottom:71.4285714%;
	background-position:center center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
/*牌的文字位置*/	
.PC #it204 .C_CARD .CARDT{
	width:12.8%;
	position:absolute;
	}
.PC #it204 .C_CARD2 .CARDT{
    width:12.8%;
    position:absolute;
    }
/*牌的文字*/		
.PC #it204 .CARDT .T_IMG{
	width:81px;
	height:177px;
	background-repeat:no-repeat;
	margin-top:10px;
	margin-left:5px;	
	}
	
/*個人資料*/
.PC #it204 .INFOR{
	width:740px;
	height:80px;
	margin:0 auto;
	background-color:#ffd14b;
	border:5px solid #573116;
	}
.PC #it204 .INFOR .INFOR_BOX{
	width:97%;
	height:60px; 
	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:9px;
	font-size:1.1em;
	line-height:60px;
	color:#333;
	font-weight:bold;
	}
.PC #it204 .INFOR .INFOR_BOX ul{ width:80%; margin:0 auto;}
.PC #it204 .INFOR .INFOR_BOX li{float:left; text-align:center;}
.PC #it204 .INFOR .INFOR_BOX li.IN01{ width:45%;}
.PC #it204 .INFOR .INFOR_BOX li.IN02{ width:10%;}

/*個人資料尾*/

/*第一塊引導區*/
.PC #it204 .GUIDE{
	width:100%;
	height:auto;
	overflow:hidden;}
	
.PC #it204 .GUIDE li.TEXT{
	float:right;
	width:360px;
	padding-top:80px;
	}
.PC #it204 .GUIDE li.PH {float:left;}
.PC #it204 .GUIDE li.PH img{ width:263px; height:248px;}

.PC #it204 .GUIDE li.TEXT02{
	float:left;
	width:360px;
	padding-top:80px;
	}
.PC #it204 .GUIDE li.PH02 {float:right;}
.PC #it204 .GUIDE li.PH02 img{ width:263px; height:248px;}
	
/*結果頁內容區框架*/
.PC #it204 .RE_TOP_FOOT img{ clear:both;display:block;width:100%; margin:0 auto;}
.PC #it204 .RE_BG{
	width:100%;
	height:auto;
	overflow:hidden;
	background-repeat:repeat-y;
	background-size:100% auto;
	margin:0 auto;
	}
.PC #it204 .RE_NOSTYLE_COM{/*無樣式內容框*/
	width:90%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	}

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

/*塔羅牌分析結果區塊*/
.PC #it204 .RE_COLUMN{
	width:100%;
	height:auto;
	overflow:hidden;}
	
.PC #it204 .RE_COLUMN li{ float:left;}
.PC #it204 .RE_COLUMN li.PH_CARD{
	width:200px;
	height:280px;
	background-repeat:no-repeat;
	background-position:center center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-indent:-9999px;}
.PC #it204 .RE_COLUMN li.CARD_TEXT{
	width:356px; 
	height:auto; 
	overflow:hidden;
	padding-left:20px;
	padding-top:10px;}
.PC #it204 .CARD_CION_BG{
	width:auto;
	height:60px;
	margin:0 auto;
	margin-bottom:15px;
	}
.PC #it204 .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 #it204 .CARD_NAME{
	display:inline-block;
	height:70px;
	text-align:center;
	}
/*塔羅牌分析結*/
.PC #it204 .CALENDAR_BG li{
	float:left;
	width:50%;
	}
.PC #it204 .CALENDAR{
	width:259px;
	height:106px;
	margin:0 auto;
	background-image:url(https://imgs.click108.com.tw/unit001/item00203/images/calendar_pc.png);
	}
.PC #it204 .CALENDAR .CAL_TEXT{
	width:90%;
	margin:0 auto;
	color:#ff4600;
	line-height:106px;
	text-align:center;
	}
.PC #it204 .CALENDAR .CAL_TEXT .SMALL{
	font-size:1.8em;
	}
.PC #it204 .CALENDAR .CAL_TEXT .BIG{
	font-size:3em;
	font-weight:bold;
	}
/*月份尾*/

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

/*=========================試算頁面頭區================*/
.PC #it204 .NEW_BT_F{/*浮水按鈕*/
	width:100%;
	height:60px;
	position:fixed;
	bottom:0;
	z-index:1000;
	background-image:url(https://imgs.click108.com.tw/unit001/item00203/images/bt_bg.png);
	background-repeat:repeat;
	padding-top:5px;
	}
	
.PC #it204 .NEW_BT_F a{/*浮水按鈕*/
	display:block;
	width:300px;
	margin:0 auto;
	height:48px;
	text-decoration:none;
	background-color:#4badff;
	background: -moz-linear-gradient(
		top,
		#4badff 0%,
		#3a8ed5);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#4badff),
		to(#3a8ed5));
	-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);
	color: #fff;
	font-size: 1.5em;
	font-weight:bold;
	text-align:center;
	line-height:48px;}
		
.PC #it204 .NEW_BT_F a:hover{/*浮水按鈕*/
	background-color:#3a8ed5;
	color:#fee300;
	background: -moz-linear-gradient(
		top,
		#3a8ed5 0%,
		#4badff);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#3a8ed5),
		to(#4badff));}
		

.PC #it204 .SAMPLE{
	width:100%;
	height:150px;
	position:relative;
	background-position:-5px top;
	margin:3px auto;
	background-image:url(https://imgs.click108.com.tw/unit001/item00203/images/fuzzy.png);
	}
.PC #it204 .SAMPLE02{
	width:213px;
	height:31px;
	background-size:213px 31px
	background-position:-30px top;
	}
		

.PC #it204 .FREE_PH{ width:100%; height:auto; overflow:hidden; margin:15px auto; clear:both;}

.PC #it204 .FREE_PH img{ clear:both;display:block;width:489px; height:81px; margin:0 auto;}

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

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

.PC #it204 #INPUT_BOX{
	position: fixed;
	width:255px;
	height:280px;
	right:2%;
	top: 300px;}

.PC #it204 #INPUT_BOX .BOX_TOP{
	width:255px;
	height:131px;
	position:relative;
	background-image:url(https://imgs.click108.com.tw/unit001/item00203/images/input_box/in_top2.png);}
.PC #it204 #INPUT_BOX .BOX_TOP a{
	display:block;
	position:absolute;
	width:24px;
	height:24px;
	right:5px;
	top:5px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00203/images/input_box/in_top_x.png);
	text-indent:-9999px;}
.PC #it204 #INPUT_BOX .BOX_FOOT{}
.PC #it204 #INPUT_BOX .BOX_BG{
	background-image:url(https://imgs.click108.com.tw/unit001/item00203/images/input_box/in_bg.png);
	width:225px;
	overflow:hidden;
	padding:0 10px 0 20px;
	text-align:center;}
.PC #it204 #INPUT_BOX .BOX_BG p{
	margin:8px auto;}
.PC #it204 #INPUT_BOX .BLANK3{
	height:10px;}
	
.PC #it204 #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/item00203/images/input_box/bt_input.png);}
.PC #it204 #INPUT_BOX a.BT_PAY:hover{
	background-position:0px -33px;}
.PC #it204 #INPUT_BOX .txt01 {FONT-SIZE: 12pt; COLOR: #cc0000; LINE-HEIGHT: 16px; FONT-FAMILY: Arial; TEXT-DECORATION: none;font-weight: bold;}
.PC #it204 #INPUT_BOX .txt02 {FONT-SIZE: 10pt; COLOR: #333333; LINE-HEIGHT: 16px;  FONT-FAMILY: "Arial"; TEXT-DECORATION: line-through; }

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

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

.PC #it204 .PRINT_TOP{
	width:680px;
	height:200px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00203/images/print_top.jpg);
	margin:0 auto;}
	
.PC #it204 .PRINT_BG{
	width:678px;
	border:1px solid #ffd99e;
	background-color:#fff;
	margin:0 auto;}
	
/*個人資料*/
.PC #it204 .PRINT_BG .INFOR{
	width:668px;
	height:80px;
	margin:0 auto;
	background-color:#ffd14b;
	border:5px solid #573116;
	}
.PC #it204 .PRINT_BG .INFOR .INFOR_BOX{
	width:97%;
	height:60px; 
	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:9px;
	font-size:1.1em;
	line-height:60px;
	color:#333;
	font-weight:bold;
	}
.PC #it204 .INFOR .INFOR_BOX ul{ width:90%; margin:0 auto;}
.PC #it204 .INFOR .INFOR_BOX li{float:left; text-align:center;}
.PC #it204 .INFOR .INFOR_BOX li.IN01{ width:45%;}
.PC #it204 .INFOR .INFOR_BOX li.IN02{ width:10%;}
	

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



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

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

.MOBILE .PC_LOGIN, .MOBILE .FOOT_PC{ display:none;}

/*MOBILE表頭尾*/	
.MOBILE .TOPHOME02, .MOBILE .FOOT_MOBILE{width:100%;}
/*MOBILE表頭尾*/	
	
/*消失區*/
.MOBILE #it204 #INPUT_BOX, .T09{ display:none;}
/*消失區尾*/


/*手機用向上按鈕*/
.MOBILE #it204 .BACK_top{
	display:block;
	width: 50px;
	height: 50px;
	border-radius: 10px;
	position: fixed;
	right: 10px;
	bottom: 80px;
	background-color: #abaeb7;
	background-image:url(https://imgs.click108.com.tw/unit001/item00203/images/top_icon.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:center center;
	background-opacity:0.6; 
	z-index: 9999;
	opacity: .8;}
  
.MOBILE #it204 .BACK_top a{
	display:block;
	height: 50px;
	 width: 50px;}
	 
/*手機項目浮水印LISTICON*/	
.MOBILE #it204 .LIST_ICON{
	display:block;
	width: 50px;
	height: 50px;
	border-radius: 10px;
	position: fixed;
	right: 10px;
	bottom: 145px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00203/images/list_icon.png);
	background-color: #abaeb7;
	background-size:40px 40px;
	background-repeat:no-repeat;
	background-position:center center;
	background-opacity:0.6; 
	z-index: 9999;
	opacity: .8;}
  
.MOBILE #it204 .LIST_ICON a{
	display:block;
 	height: 50px;
 	width: 50px;}

	 
	 
/*框架區*/
.MOBILE #it204{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:45px;
	}
.MOBILE #it204 .FRAME{width:100%; height:auto; overflow:hidden; margin:0 auto;}
/*框架區尾*/
/*輸入頁表頭區*/
.MOBILE #it204 .IP_FRAME{
	width:100%;
	height:auto; 
	overflow:hidden; 
	margin:0 auto;
	background-image:url(https://imgs.click108.com.tw/unit001/item00203/images/input_bg.jpg);
	background-position:top center;
	background-size:278% auto;
	background-repeat:no-repeat;
	}
.MOBILE #it204 .IP_TOP{
	width:100%;
	margin:0 auto;
	}
	
.MOBILE #it204 .IP_TOP h1{
	width: 105%;
	height: 0px;
	overflow: hidden;
	background-image:url(https://imgs.click108.com.tw/unit001/item00203/images/input_top_title.png);
	background-size: cover;
	padding-bottom: 27.7%;
	text-indent:-9999px;
	background-repeat:no-repeat;
	margin-left:-2.5%;
	}
	
.MOBILE #it204 .IP_TOP .TARO_W{
	width: 110%;
	margin:0 auto;
	margin-left:-5%;
	margin-top:-8px;}
.MOBILE #it204 .IP_TOP .TARO_W img{
	width:100%; height:auto; margin:0 auto;}
.MOBILE #it204 .IP_TOP .TARO_TEXT{
	width: 140%;
	margin:0 auto;
	margin-left:-20%;
	margin-bottom:10px;
	}
.MOBILE #it204 .IP_TOP .TARO_TEXT img{
	width:100%; height:auto; margin:0 auto;}
	
.MOBILE #it204 .T05{ font-size:1.1em;}	
/*輸入頁表頭區尾*/

	
/*內容區*/
.MOBILE #it204 .CONTENT{
	width:95%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	background-image:url(https://imgs.click108.com.tw/unit001/item00203/images/con_bg.jpg);
	background-repeat:repeat-y;
	background-size:100% auto;
	}
.MOBILE #it204 .CONTENT_S{/*N*/
	width:95%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	}
/*內容框架*/
.MOBILE #it204 .CONTENT img{display:block; width:100%; height:auto; margin:auto;}
.MOBILE #it204 .CONTENT_TOP img, .MOBILE #it204 .CONTENT_FOOT img{ display:block; width:100%; height:auto; margin:auto;}
/*共用按鈕*/
.MOBILE #it204 .e_BT{
	clear:both;
	width:100%;
	height:50px;
	margin:0 auto;}	
	
.MOBILE #it204 .e_BT ul.ONE{
	width:100%;
	height:50px;}
	
.MOBILE #it204 .e_BT ul.ONE li{
	width:100%;
	margin:0 auto;
	height:50px;
	}
	
.MOBILE #it204 .e_BT ul.ONE li a{
	width:99%;
	margin:0 auto;
	height:50px;
	color:#fff;
	font-size: 1.2em;
	font-weight:bold;
	text-align:center;
	line-height:47px;
	}
			
.MOBILE #it204 .e_BT ul.TOW{
	width:100%;
	height:50px;}
	
.MOBILE #it204 .e_BT ul.TOW li{
	float:left;
	width:50%;}
.MOBILE #it204 .e_BT a{
	display:block;
	width:95%;
	margin:0 auto;
	height:50px;
	color: #fff;
	text-decoration:none;
	background: -moz-linear-gradient(
		top,
		#4badff 0%,
		#3a8ed5);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#4badff),
		to(#3a8ed5));
	-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);
	font-size: 1.2em;
	font-weight:bold;
	text-align:center;
	line-height:48px;}
    
        
.MOBILE #it204 .e_BT li a.ALINE{
    font-size: 1.1em;
    font-weight:bold;
    text-align:center;
    line-height:47px;
    }
    
.MOBILE #it204 .e_BT li a.BLINE{
    font-size: 1.1em;
    font-weight:bold;
    text-align:center;
    padding-top:5px;
    line-height: 1.1em;
    }
.MOBILE #it204 .e_BT li a.BLINE span.BR{
    display:block;
    }

.MOBILE #it204 .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 #it204 .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 #it204 .CON_BOX{ 
	width:90%;
	height:auto;
	overflow:hidden;
	margin:0 auto;}
/*=========================輸入頁面尾區================*/



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

/*翻牌動畫*/
.MOBILE #it204 .S_TOP{/*動畫標題頭*/
	width:100%;
	height:0;
	padding-bottom:29.33333333%;
	background-repeat:no-repeat;
	background-size:cover;
	text-indent:-9999px;}
	
.MOBILE #it204 .SHUFFLE{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-bottom:10px;}
	
/*選擇牌區*/

.MOBILE #it204 .CARD_BG{
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:#f8b09b;
	padding:2% 2% 2% 2%;}
	
.MOBILE #it204 .CARD{
	width:16%;
	height:100%;
	float:left;
	}
	
.MOBILE #it204 .CARD .C_IMG{
	width:100%;
	height:0;
	padding-bottom:166%;
	background-repeat:no-repeat;
	background-size:cover;
	text-indent:-9999px;
	margin:0 auto;}
	
	
	
.MOBILE #it204 .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/item00203/images/tarot/bg.jpg);
	position:relative;
	}
	
	
.MOBILE #it204 .C_CARD .CARD02{
	width:15.5%;
	position:absolute;
	}
    
.MOBILE #it204 .C_CARD2{
    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/item00203/images/tarot/bg.jpg);
    position:relative;
    }
    
    
.MOBILE #it204 .C_CARD2 .CARD02{
    width:15.5%;
    position:absolute;
    }    
	
.MOBILE #it204 .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 #it204 .CARD02 .C_IMG03{
	width:100%;
	height:0;
	padding-bottom:166%;
	background-repeat:no-repeat;
	background-size:cover;
	text-indent:-9999px;
	margin:0 auto;
	}
/*開牌圖*/		
.MOBILE #it204 .C_IMG04{
	padding-bottom:71.4285714%;
	background-position:center center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
/*牌的文字位置*/	
.MOBILE #it204 .C_CARD .CARDT{
	width:12.8%;
	height:100%;
	position:absolute;
	}
.MOBILE #it204 .C_CARD2 .CARDT{
    width:12.8%;
    position:absolute;
    }
/*牌的文字*/		
.MOBILE #it204 .CARDT .T_IMG{
	width:100%;
	height:0;
	padding-bottom:218.518518518518%;
	background-repeat:no-repeat;
	background-size:cover;
	margin:2px auto;
	}
/*個人資料*/
.MOBILE #it204 .INFOR{
	width:93%;
	height: auto;
	overflow:hidden;
	margin:0 auto;
	background-color:#ffd14b;
	border:5px solid #573116;
	padding:2%;
	}
.MOBILE #it204 .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 #it204 .INFOR .INFOR_BOX ul{ width:80%; margin:0 auto;}
.MOBILE #it204 .INFOR .INFOR_BOX li{float:left; text-align:center;}
.MOBILE #it204 .INFOR .INFOR_BOX li.IN01{ width:100%;}
.MOBILE #it204 .INFOR .INFOR_BOX li.IN02{ display:none;}

/*個人資料尾*/

/*第一塊引導區*/
.MOBILE #it204 .GUIDE{
	width:100%;
	height:auto;
	overflow:hidden;}
	
.MOBILE #it204 .GUIDE li.TEXT{
	width:100%;
	margin-bottom:15px;
	}
.MOBILE #it204 .GUIDE li.PH { width:100%;}
.MOBILE #it204 .GUIDE li.PH img{ display:block;width:60%; height:auto; margin:0 auto;}

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

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

/*塔羅牌分析結果區塊*/
.MOBILE #it204 .RE_COLUMN{
	width:100%;
	height:auto;
	overflow:hidden;}
	
.MOBILE #it204 .RE_COLUMN li{ width:100%;}
.MOBILE #it204 .RE_COLUMN li.PH_CARD{
	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 #it204 .RE_COLUMN li.CARD_TEXT{
	width:100%; 
	height:auto; 
	overflow:hidden;
	padding-top:10px;}
.MOBILE #it204 .CARD_TEXT .T07,
.MOBILE #it204 .CARD_TEXT .T07_2_S,
.MOBILE #it204 .CARD_TEXT  .T07_3_S,
.MOBILE #it204 .CARD_TEXT  .T07_4_S,
.MOBILE #it204 .CARD_TEXT .T07_5_S,
.MOBILE #it204 .CARD_TEXT .T07_6_S { text-align:center;}
.MOBILE #it204 .CARD_CION_BG{
	width:auto;
	height:60px;
	margin:0 auto;
	text-align:center;}
.MOBILE #it204 .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 #it204 .CARD_NAME{
	display:inline-block;
	height:60px;
	text-align:center;
	}
/*塔羅牌分析結*/
.MOBILE #it204 .CALENDAR_BG li{
	width:85%;
	margin:0 auto;
	margin-bottom:10px;
	}
.MOBILE #it204 .CALENDAR{
	width:100%;
	height:0;
	padding-bottom:40.9266%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	margin:0 auto;
	background-image:url(https://imgs.click108.com.tw/unit001/item00203/images/calendar_mo.png);
	}
.MOBILE #it204 .CALENDAR .CAL_TEXT{
	width:90%;
	margin:0 auto;
	color:#ff4600;
	padding-top:8%;
	text-align:center;
	}
.MOBILE #it204 .CALENDAR .CAL_TEXT .SMALL{
	font-size:8vw;
	}
.MOBILE #it204 .CALENDAR .CAL_TEXT .BIG{
	font-size:12vw;
	font-weight:bold;
	}
/*月份尾*/
.MOBILE #it204 .PRINT{ display:none;}
/*========================結果頁面尾區================*/

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

.MOBILE #it204 .NEW_BT_F{/*浮水按鈕*/
	width:100%;
	height:60px;
	position:fixed;
	bottom:0;
	z-index:1000;
	background-image:url(https://imgs.click108.com.tw/unit001/item00203/images/bt_bg.png);
	background-repeat:repeat;
	padding-top:8px;
	background-size:15px 15px;
	}
	
.MOBILE #it204 .NEW_BT_F a{/*浮水按鈕*/
	display:block;
	width:95%;
	margin:0 auto;
	height:50px;
	font-size: 1.2em;
	color: #fff;
	font-weight:bold;
	text-align:center;
	line-height:47px;
	text-decoration:none;
	background-color:#4badff;
	background: -moz-linear-gradient(
		top,
		#4badff 0%,
		#3a8ed5);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#4badff),
		to(#3a8ed5));
	-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);}
		

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

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


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

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


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