/* CSS Document */
@import url("https://imgs.click108.com.tw/css_2013/reset_2.css");
body{
	background-image:url(https://imgs.click108.com.tw/unit001/item00191/images/bg.png);
	background-repeat:repeat-x;
	background-color:#a70001;}


/*----------logo----------*/
.LOGO{width:100%;height:38px;background-image:url(https://imgs.click108.com.tw/unit001/item00191/images/logomenu/bg.jpg);}
.LOGO .BOX{margin:0 auto;width:970px;height:30px;clear:both;}
.LOGO .BOX .LINK{padding-top:3px;width:165px;height:32px;float:left;}
.LOGO .BOX .LINK_1{margin-left:505px;padding-top:6px;width:200px;float:left;}
.LOGO .BOX .LINK_1  p{font-family:"新細明體", Helvetica, Arial;font-size:13px;line-height:1.8;color:#666666;font-weight:bold}
.LOGO .BOX .LINK_1  a{font-family:"新細明體", Helvetica, Arial;font-size:13px;line-height:1.8;color:#3aafeb;text-decoration: none;font-weight: normal;}
.LOGO .BOX .LINK_1  a:hover{color:#666666;}
.LOGO .BOX .LINK_2{width:100px;padding-top:6px;float:left;}
.LOGO .BOX .LINK_2 a{font-family:"新細明體", Helvetica, Arial;font-size:13px;line-height:1.8;color:#9b5eca;text-decoration: none;font-weight: normal;}
.LOGO .BOX .LINK_2 a:hover{color:#666666;}
/*----------logo END----------*/

/*----------最外層----------*/
.WRAPPER{
width:1136px;
margin:0 auto;}

/*----------HEADER************/
.HEADER{
margin:0 auto;
background-image:url(https://imgs.click108.com.tw/unit001/item00191/images/in_top.png);
position:relative;
width:1136px;
height:356px;
background-repeat:no-repeat;
}
.HEADER h1{
	margin:0 auto;
	width:479px;
	height:205px;
	display:block;
	background-image:url(https://imgs.click108.com.tw/unit001/item00191/images/banner.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	position:absolute;
	top:27px;
	left:500px;
}
/*----------HEADER END----------*/

/*----------MENU----------*/
.HEADER .MENU{
margin:0 auto;
width:1136px;
height:74px;
clear:both;
position:absolute;
top:282px;
left:0px; 
}
.HEADER .MENU .LEFT{
width:205px;
height:74px;
display:block;
float:left;
}
.HEADER .MENU .CENTER{
width:726px;
height:74px;
float:left;
}
.HEADER .MENU .CENTER ul{}
.HEADER .MENU .CENTER li{
float:left;}
.HEADER .MENU .CENTER li a{
display:block;
width:242px;
height:74px;
text-indent:-9999px;
outline:none;
}
.HEADER .MENU .CENTER li a:hover{
background-position:left bottom;
}
.HEADER .MENU .CENTER li.a a{background-image:url(https://imgs.click108.com.tw/unit001/item00191/images/in_menu01.png);}
.HEADER .MENU .CENTER li.b a{
background-image:url(https://imgs.click108.com.tw/unit001/item00191/images/in_menu02.png);}
.HEADER .MENU .CENTER li.c a{
background-image:url(https://imgs.click108.com.tw/unit001/item00191/images/in_menu03.png);}

.HEADER .MENU .CENTER li h3{display:block;
width:242px;
height:74px;
background-position:0px -74px;
text-indent:-9999px;}
.HEADER .MENU .CENTER li.a h3{
background-image:url(https://imgs.click108.com.tw/unit001/item00191/images/in_menu01.png);}
.HEADER .MENU .CENTER li.b h3{
background-image:url(https://imgs.click108.com.tw/unit001/item00191/images/in_menu02.png);}
.HEADER .MENU .CENTER li.c h3{
background-image:url(https://imgs.click108.com.tw/unit001/item00191/images/in_menu03.png);}
.HEADER .MENU .RIGHT{
width:205px;
height:74px;
display:block;
float:left;
}
/*----------MENU END----------*/

/*----------CONTENT----------*/
.CONTENT{
	width:980px;
	overflow:hidden;
	margin:0 auto;}
.CONTENT_CENTER{
	width:972px;
	overflow:hidden;
	background-image:url(https://imgs.click108.com.tw/unit001/item00191/images/in_c_bg2.png);
	padding-left:8px;}
	
/*----------CONTENT  輸入頁----------*/	
.CONTENT_CENTER .PH1{
margin:10px auto;
width:700px;
height:auto;
overflow:hidden;
}

.CONTENT_CENTER .IMPORT{
margin:0 auto;
width:700px;
}
.CONTENT_CENTER .IMPORT .B1{
	margin:0 auto;
	width:700px;
	height:123px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00191/images/input_p_top.png);
	position:relative;
}
.CONTENT_CENTER .IMPORT .B2{
width:700px;
height:162px;
background-image:url(https://imgs.click108.com.tw/unit001/item00191/images/input_p_bg.png);
position:relative;}
.B2 .NAME{
	width: 350px;
	height: 25px;
	background-image: url(https://imgs.click108.com.tw/unit001/item00191/images/user01.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 5px;
	left: 170px;
	padding-left:120px;
	padding-top:3px;
}
.B2 .SEX{
	width: 350px;
	height: 25px;
	background-image: url(https://imgs.click108.com.tw/unit001/item00191/images/user02.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 38px;
	left: 170px;
	padding-left:120px;
	padding-top:3px;
}
.B2 .TIME{
	width: 350px;
	height: 25px;
	background-image: url(https://imgs.click108.com.tw/unit001/item00191/images/user03.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 71px;
	left: 170px;
	padding-left:120px;
	padding-top:3px;
}
.B2 .TIME_2{
	width: 350px;
	height: 25px;
	position: absolute;
	top: 115px;
	left: 170px;
	padding-left:120px;
	padding-top:3px;
}
.B2 a{
	background-position:top;}
.B2 a:hover{
	background-position:bottom;}
.B2 a.BT_08{
	width: 170px;
	height: 40px;
	background-image: url(https://imgs.click108.com.tw/unit001/item00191/images/bt_01.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 117px;
	left: 179px;
	text-indent: -9999px;
}
.B2 a.BT_08_2{
	width: 170px;
	height: 40px;
	background-image: url(https://imgs.click108.com.tw/unit001/item00191/images/bt_05.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 117px;
	left: 364px;
	text-indent: -9999px;
}


.CONTENT_CENTER .IMPORT .B3{
margin:0 auto;
width:700px;
height:50px;}
/*----------CONTENT  輸入頁 END----------*/	
/*----------CONTENT  結果頁----------*/	
.PROFILE{
	margin:0 auto;
	width:980px;
	height:25px;
	padding-top:282px;
}
/************基本資料************/
.BASIC{
overflow:hidden;
margin:10px auto;
width:700px;
height:111px;
background-image:url(https://imgs.click108.com.tw/unit001/item00191/images/re02.png);}

.BASIC .WORD{
width:300px;
margin:15px auto;
text-align:center;
}

.BASIC .WORD img{
	margin-left:10px;
	vertical-align:text-bottom;
}

/************基本資料結束************/

/************八卦圖陣************/

.RE03TOP{/*屬性標*/
background:url(https://imgs.click108.com.tw/unit001/item00191/images/re02_2.png) no-repeat;
width:700px;
height:60px;
text-align:center;
margin:0 auto;}


.RE03{/*八卦盤底圖*/
	width:700px;
	height:620px;
	margin:0 auto;
	background: url(https://imgs.click108.com.tw/unit001/item00191/images/wheel_img/re03_bg.png) no-repeat;
	position:relative;}

/**數字符號排列**/
.RE03 .NUMBER{	
	width:70px;
	height:30px;
	position:absolute;
	z-index:10;}
.NTOP{top:14px;left:314px;}/*上*/
.NBOTTOM{bottom:28px;left:314px;}/*下*/
.NLTOP{top:95px;left:80px;}/*左上*/
.NRTOP{top:95px;right:80px;}/*右上*/
.NLCENTER{top:280px;left:35px;}/*左中*/
.NRCENTER{top:280px;right:29px;}/*右中*/
.NLBOTTOM{bottom:110px;left:80px;}/*左下*/
.NRBOTTOM{bottom:110px;right:80px;}/*右下*/

/**字掛排列**/	
.RE03 .WORD{
	width:90px;
	height:90px;
	position:absolute;
	z-index:10;}
.WTOP{top:68px;left:314px;}/*上*/
.WBOTTOM{bottom:82px;left:314px;}/*下*/
.WLTOP{top:120px;left:173px;}/*左上*/
.WRTOP{top:120px;right:166px;}/*右上*/
.WLCENTER{top:259px;left:111px;}/*左中*/
.WRCENTER{top:259px;right:111px;}/*右中*/
.WLBOTTOM{bottom:141px;left:173px;}/*左下*/
.WRBOTTOM{bottom:141px;right:166px;}/*右下*/

/**中心層**/
.RE03 .WHRRLC{
	width:270px;
	height:270px;
	position:absolute;
	top:167px;
	left:217px;
	z-index:10;}
	
/*中心層-文字屬性*/
.RE03 .WHRRLW{
	text-align:center;
	font:45px "標楷體", Helvetica, Arial;
	color:#b40000;
	font-weight:bold;
	width:auto;
	height:auto;
	position:absolute;
	z-index:10;
	left: 303px;
	top: 257px;
	}

/************八卦圖陣結束************/

/************基本賦性卷軸************/
.RE04{
	width:675px;
	height:105px;
	margin:18px auto 5px auto;
	background:url(https://imgs.click108.com.tw/unit001/item00191/images/re04.png) no-repeat;
	padding:55px 0 0px 0px;
}
	
.FRAME04TOP{
	width:675px;
	height:22px;
	margin:0 auto;}
.FRAME04BG{
	width:675px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	background:url(https://imgs.click108.com.tw/unit001/item00191/images/re04bg.png);}

/************標************/
.TITLE01{
width:675px; 
height:100px;
margin:0 auto;}


.TITLE02{
margin:0 auto;
width:574px; 
height:32px; 
background-image:url(https://imgs.click108.com.tw/unit001/item00191/images/title02.png);
padding:0 0 0 20px;}
.FOOT{
width:675px; 
height:28px;
margin:0 auto;
background:url(https://imgs.click108.com.tw/unit001/item00191/images/refoot.png);
clear:both;}
/************身體************/
.RESULT{
width:675px;
height:auto;
overflow:hidden;
margin:15px auto 0 auto;}
.RESULT .BOX{
	margin:0 auto;
	width:675px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00191/images/rebg.png);
	overflow:hidden;
	height:auto;}

.TALENT{/*五行才能*/
	width:450px;
	height:207px;
	margin:10px auto 15px auto;
	overflow:hidden;}
	
.TALENT ul li{
	display:block;
	width:207px;
	height:43px;
	float:left;
	padding:164px 0 0 0;
	text-align:center;}
	
/*注意事項框*/
.KEYFRAM{
width:498px;
height:auto;
background:url(https://imgs.click108.com.tw/unit001/item00191/images/key_bg.png);
overflow:hidden;
margin:0 auto;
padding:10px 35px 0 35px;}

.KEYTOP{
margin:0 auto;
width:568px;
height:45px;
background:url(https://imgs.click108.com.tw/unit001/item00191/images/key_top.png) no-repeat;
margin:15px auto 0 auto;
overflow:hidden;
clear:both;}

.KEYFOOT{
margin:0 auto;
width:568px;
height:26px;
background:url(https://imgs.click108.com.tw/unit001/item00191/images/key_foot.png) no-repeat;
margin:0 auto;}

/*地圖九宮格*/
.MAP{
	width:352px;
	height:222px;
	margin:15px auto 0 auto;
	background:url(https://imgs.click108.com.tw/unit001/item00191/images/map.png) no-repeat;
	position:relative;
	padding:82px 111px 56px 104px;
	overflow:hidden;
	clear:both;}	
.MAP ul{
	display:block;
	width:111px;
	height:70px;
	float:left;
	margin:2px 2px;}
.MAP ul li{
	display:block;
	width:auto;
	height:35px;
	overflow:hidden;
	margin:0 auto;
	text-align:center;}
.MAP .DIRECTION{height:30px;line-height:30px;}
.MAP .COLORLOVE{background-color:#f6c4ad;}/*桃花方*/
.MAP .COLORMONEY{background-color:#f5dd90;}/*招財方*/
.MAP .COLORJOB{background-color:#dcd394;}/*官運方*/

.CAPTION_01{
margin:8px auto 15px auto;
width:550px;
overflow:hidden;
padding:0 10px;
clear:both;}

.CAPTION_SCORE{
margin:0 auto 10px 0;
width:550px;
overflow:hidden;
clear:both;}
	
.DOWNLOADIMG{/*強運符圖*/
	width:170px;
	margin:10px 15px 0 62px;
	height:170px;
	float:left;}
	
.DOWNLOADTXT{/*強運符字*/
	width:380px;
	height:auto;
	float:left;
	overflow:hidden;
	margin-top:25px;}
	
a.BT_DN{/*強運符圖下載bt*/
	display:block;
	width: 180px;
	height: 45px;
	background-image: url(https://imgs.click108.com.tw/unit001/item00191/images/bt_download.png);
	background-repeat: no-repeat;
	margin:0 auto;
	text-indent:-9999px;}

a.BT_PR{/*列印bt*/
    display:block;
    width: 170px;
    height: 40px;
    background-image: url(https://imgs.click108.com.tw/unit001/item00191/images/bt_pr.png);
    background-repeat: no-repeat;
    margin:20px auto;
    text-indent:-9999px;}
    	
/*----------CONTENT  結果頁 END----------*/
/*----------CONTENT  免費頁----------*/
.BAR{/*走勢動態bar*/
width:398px;
height:145px;
margin:10px auto 0 auto;
clear:both;
overflow:hidden;
padding:50px 0 0 140px;
text-align:center;
}

.CAPTION{/*糊字前言*/
	width:580px;
	overflow:hidden;
	margin:0 auto 10px auto;
	clear:both;}

.CAPTION_02{/*範例糊字窄*/
	margin:0 auto;
	width:500px;
	height:auto;
	overflow:hidden;
	clear:both;

	background-image:url(https://imgs.click108.com.tw/unit001/item00191/images/fuzzy.png);}
.CAPTION_02 .ICON{
	width:198px;
	height:180px;
	float:left;}
.CAPTION_02 .SHORT{
	float:left;
	width:350px;
	margin:18px 0 15px 20px;}

.CAPTION_04{/*範例糊字*/
margin:5px auto 0 auto;
width:550px;
height:auto;
overflow:hidden;
clear:both;
padding:5px 0;
background-image:url(https://imgs.click108.com.tw/unit001/item00191/images/fuzzy.png);
position:relative;}
.SALE{
	margin:25px auto 0 auto;
	width:675px;
	height:200px;
	background:url(https://imgs.click108.com.tw/unit001/item00191/images/s_price.png) left top no-repeat;
	text-align:center;
	overflow:hidden;
	clear:both;}
	
.AREA{
	position: absolute;
	top: 239px;
	left: 42px;
	width: 480px;
	height:93px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00191/images/ex_bg.png);
}		
/*INTRO按扭*/
a.BT_GO{
    display:block;
    margin:15px auto 25px auto;
    width: 180px;
    height: 45px;
    background-image:url(https://imgs.click108.com.tw/unit001/item00191/images/bt_intro.png);
    background-repeat: no-repeat;
    text-indent:-9999px;}
a:hover.BT_GO{background-position:bottom;}
/*SAMPLE範例頁*/
.SAMPLETITILE{/*範例頁-大標題字*/
    text-align:center;
    font:35px/90px "標楷體", Helvetica, Arial;
    color:#fff;
    font-weight:bold;}
/*------------浮動按鈕-----------*/
.FIXED{
	width:100%;
	min-width:1136px;
	height:70px;
	background:url(https://imgs.click108.com.tw/unit001/item00191/images/fixedbg.png) repeat-x;
	z-index:999;
	position:fixed;
	bottom:0;
	clear:both;}

.FIXED a.BT_01{
	display:block;
	margin:18px auto 0 auto;
	width: 180px;
	height: 45px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00191/images/fixedbt.png);
	background-repeat: no-repeat;
	text-indent:-9999px;}
.FIXED a.BT_02{/*範例頁*/
    display:block;
    margin:18px auto 0 auto;
    width: 180px;
    height: 45px;
    background-image:url(https://imgs.click108.com.tw/unit001/item00191/images/fixedbt_samle.png);
    background-repeat: no-repeat;
    text-indent:-9999px;}
    
a:hover.BT_01,a:hover.BT_02,a:hover.BT_DN,a:hover.BT_PR{background-position:bottom;}
	

/*----------CONTENT  免費頁 END----------*/
/*----------列印頁----------*/
.HEADER_PRINT{
margin:0 auto;
width:680px;
height:220px;
display:block;
background:url(https://imgs.click108.com.tw/unit001/item00191/images/pr_top.jpg) no-repeat;
text-indent:-9999px;}
.PRINT_RESULT{
	width:680px;
	height:auto;
	overflow:hidden;
	margin:0 auto;}
/*----------列印頁 END----------*/


/*----------CONTENT  範例頁 END----------*/
/*----------CONTENT END----------*/

/*----------文字與其他----------*/
.txt01{
	font:13px/21px "微軟正黑體", Helvetica, Arial;
	color:#fff;}
.txt02{/*九星-年分小字*/
	font:20px/20px "微軟正黑體", Helvetica, Arial;
	color:#762f00;
	font-weight:bold;}
.txt_form{/*USER輸入頁字*/
	font:13px/25px "新細明體", Helvetica, Arial;
	color:#333;}
	
.txt03{/* 九星-方位名稱 */
	font:25px/30px "微軟正黑體", Helvetica, Arial;
	color:#333;
	font-weight:bold;}

.txt04 em{/*?紅字*/
	color:#CC0000;
	font-weight:bold;
	text-decoration:none;}
	
.txt04{/*九星結果頁測算名*/
	font:22px/30px "標楷體", Helvetica, Arial;
	color:#000;
	font-weight:bold;}
.txt05{/*九星結果頁-生辰*/
	font:16px/25px "新細明體", Helvetica, Arial;
	color:#333;}
.txt05_2{/*九星結果頁-生辰2*/
	font:15px/25px "新細明體", Helvetica, Arial;
	color:#333;}
	
.txt05_3{/* 結果頁-今生運程 */
	font:18px/60px Helvetica, Arial,"新細明體";
	color:#333;}

.txtbigword{/*九星-大字*/
	text-align:center;
	font:50px/84px "標楷體", Helvetica, Arial;
	color:#171717;
	font-weight:bold;}
.txtgray{color:#999999;}
.txtyellow{color:#fff578;}
.txtred{color:#CC0000;}

.txt_s{
	font:13px/35px "新細明體", Helvetica, Arial;
	color:#333;
	text-indent:-6px;}	
.txt_sg{/*地圖小提示字*/
	font:13px/35px "新細明體", Helvetica, Arial;
	color:#961d1d;
	text-align:center;}
.txt06{/*輸入頁結果頁*/
	font:15px/25px "新細明體", Helvetica, Arial;
	color:#333;
	text-align:justify;
}
.txt06_R{/*輸入頁結果頁紅字*/
	font:15px/25px "新細明體", Helvetica, Arial;
	color:#CC0000;}
.txt07{/* 九星-指數次題咖 */
	font:18px/35px "微軟正黑體", Helvetica, Arial;
	font-weight: bold;
	color:#762f00;}
.txt07_2{/* 九星-注意事項標題 */
	text-align:center;
	font:28px/48px "標楷體", Helvetica, Arial;
	color:#fff;font-weight: bold;}
.txt_area{/* 九星-免費頁框字 */
	font:28px/93px "微軟正黑體", Helvetica, Arial;
	color:#fff;font-weight: bold;
	text-align:center;}
	
.txt_free{/* 九星屬性大標字 */
	font:36px/60px "標楷體", Helvetica, Arial;
	color:#fff;}
	
.txt_free02{/* 九星屬性大標字 */
	font:20px/60px "標楷體", Helvetica, Arial;
	color:#fff;}
	
.txt08{/* 九星結果-標題灰黑 */
	font:18px/32px "微軟正黑體", Helvetica, Arial;
	font-weight: bold;
	color:#222;}


.LINE01{
	width:670px;
	height:15px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00191/images/line01.png);
	margin:0 auto;}
.LINE02{
	width:600px;
	height:5px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00191/images/line01.png);
	margin:0 auto;
	background-position:center;}
.BLANK{
	height:20px;
	clear:both;}
.ICON_n{
	clear:both;
	display:block;
	width:16px;
	height:18px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00191/images/sample/icon18.png);
	float:left;
	padding-top:1px;
	background-position:bottom;
	background-repeat:no-repeat;}
.ICON_2{
	clear:both;
	display:block;
	width:18px;
	height:20px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00191/images/sample/icon17.png);
	float:left;
	padding-top:5px;
	background-position:center;
	background-repeat:no-repeat;
	font: 15px/18px Arial;
	color: #fff;
	font-weight: bold;
	text-align:center;}