/* CSS Document */
@import url("https://imgs.click108.com.tw/css_2013/reset_2.css");
body{
	background-image:url(https://imgs.click108.com.tw/unit001/item00199/images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#ffe3fb;}

/*------------浮動按鈕-----------*/
.FIXED{
	width:100%;
	height:70px;
	background:url(https://imgs.click108.com.tw/unit001/item00199/images/bt_bg.png) repeat;
	z-index:1000;
	position:fixed;
	bottom:0;
	left: 0;}
.FIXED .FBOX{
	width:214px;
	height:57px;
	margin:0 auto;
	padding-top:7px;}
.FBOX a{
	display:block;
	width: 100%;
	height: 57px;
	background-image: url(https://imgs.click108.com.tw/unit001/item00199/images/fixed_bt_buy.png);
	background-repeat: no-repeat;
	text-indent:-9999px;}
.FBOX a:hover{ background-position: bottom; }
/*----------最外層----------*/
.WRAPPER{
width:1136px;
margin:0 auto;}

/*----------HEADER************/
.HEADER{
margin:0 auto;
background-image:url(https://imgs.click108.com.tw/unit001/item00199/images/in_top.png);
position:relative;
width:1136px;
height:356px;
background-position:top center;
background-repeat:no-repeat;
}
.HEADER h1{
	margin:0 auto;
	width:720px;
	height:180px;
	display:block;
	background-image:url(https://imgs.click108.com.tw/unit001/item00199/images/banner.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	position:absolute;
	top:42px;
	left:195px;
}
/*----------HEADER END----------*/

/*----------MENU----------*/
.HEADER .MENU{
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 li{
float:left;
width: 363px;}
.HEADER .MENU .CENTER li a{
float:left;
display:block;
width:363px;
height:74px;
text-indent:-9999px;
outline:none;
background-position:left top;}
.HEADER .MENU .CENTER li b{
display:block;
width:363px;
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/item00199/images/in_menu01.png);}
.HEADER .MENU .CENTER li.b a{
background-image:url(https://imgs.click108.com.tw/unit001/item00199/images/in_menu02.png);}
.HEADER .MENU .CENTER li h3{display:block;
width:363px;
height:74px;
background-position:bottom;
text-indent:-9999px;}
.HEADER .MENU .CENTER li.a h3{
background-image:url(https://imgs.click108.com.tw/unit001/item00199/images/in_menu01.png);}
.HEADER .MENU .CENTER li.b h3{
background-image:url(https://imgs.click108.com.tw/unit001/item00199/images/in_menu02.png);}
.HEADER .MENU .RIGHT{
width:205px;
height:74px;
display:block;
float:left;
}
/*----------MENU END----------*/

/*----------CONTENT----------*/
.CONTENT{
	width:980px;
	overflow:hidden;
	margin:0 auto;}
	
.CONTENT_TOP{
	width:980px;
	height:33px;}
	
.CONTENT_CENTER{
	width:100%;
	height:auto;
	overflow:hidden;
	background-image:url(https://imgs.click108.com.tw/unit001/item00199/images/in_c_bg.png);}
	
.CONTENT_FOOT{
	width:100%;
	clear:both;
	margin:0 auto;}
	

/*----------CONTENT  輸入頁----------*/	

.CONTENT_CENTER .PH1{
margin:0 auto;
width:650px;
}

.CONTENT_CENTER .PH2{
	margin:20px 0 0 150px;
	width:677px;
}/*FOR card1*/

/*--------card3 挑牌洗牌頁-----------*/
.PH3-1{
	margin:0 0 0 150px;
	width:680px;
	height:515px;
	padding-top:10px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00199/images/animation/pic06.jpg);
	padding-bottom:23px;
}

.PH3-1 .LIST1{
	width:380px;
	height:160px;
	margin:0 auto;
	padding-bottom:5px;
	clear:both;
	overflow:hidden;
	}

.PH3-1 .LIST1 .LL{
	float:left;}

.PH3-1 .LIST1 .LL li{
	float:left;}

.PH3-1 .LIST1 .LL .CARD{
	padding-top:23px;}
	
.PH3-1 .LIST1 .RR{
	float:right;}

.PH3-1 .LIST1 .RR li{
	float:left;}

.PH3-1 .LIST1 .RR .CARD{
	padding-top:23px;}

.PH3-1 .LIST2{
	width:530px;
	height:160px;
	margin:0 auto;
	padding-bottom:5px;
	clear:both;
	overflow:hidden;
	}

.PH3-1 .LIST2 .LL{
	float:left;}

.PH3-1 .LIST2 .LL li{
	float:left;}

.PH3-1 .LIST2 .LL .CARD{
	padding-top:23px;}
	
.PH3-1 .BALL{
	padding-top:15px;}
	
.PH3-1 .LIST2 .RR{
	float:right;}

.PH3-1 .LIST2 .RR li{
	float:left;}

.PH3-1 .LIST2 .RR .CARD{
	padding-top:23px;}
	
/*----------- 抽牌牌陣 結束 --------------*/

.GIRL{
	width:680px;
	height:200px;
	margin: 15px auto 0 auto;
	position:relative;}

.GIRL_TALK{
	position:absolute;
	width:300px;
	height:108px;
	left: 265px;
	top: 48px;}

.CONTENT_CENTER .IMPORT{
	margin:10px auto 5px auto;
	width:700px;
}
.CONTENT_CENTER .IMPORT .B1{
	margin:0 auto;
	width:650px;
	height:221px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00199/images/input_06.jpg);
	position:relative;
}
.B1 a.BT_INPUT{
	width: 70px;
	height: 25px;
	display: block;
	position: absolute;
	top: 78px;
	left: 176px;
}
.CONTENT_CENTER .IMPORT .B2{
	margin:0 auto;
	width:650px;
	height:auto;
	overflow:hidden;
	padding-top:15px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00199/images/input_07.jpg);
	}
	
	.CONTENT_CENTER .IMPORT .B2 .BGC{/*輸入顏色塊*/
	width:550px;
	margin:0 auto;
	height:auto;
	overflow:hidden;
	background-color:#ffede9;
	border:dashed 1px #f2beca;
	padding:15px 0 10px 0;}
	.CONTENT_CENTER .IMPORT .B2 .t_plus{
	font:30px arial, "微軟正黑體";
	color:#999;
	font-weight:bold;}
	.CONTENT_CENTER .IMPORT .B2 .t_relat{
	font:20px/30px "微軟正黑體",arial;
	color:#333;}


.CONTENT_CENTER .IMPORT .B3{
	margin:0 auto;
	width:650px;
	height:54px;
}
/*----------CONTENT  輸入頁 END----------*/	
/*----------CONTENT  結果頁----------*/	
.PROFILE{
	width:980px;
	height:28px;
	position:absolute;
	top:282px;
	left:78px;
	}
/************基本資料************/
.CONTENT_CENTER .BASIC{
margin:0 auto;
width:669px;
position: relative;}
.CONTENT_CENTER .BASIC .BB_1{
width:669px;
clear:both;}
.CONTENT_CENTER .BASIC .BB_2{
height:auto;
width:569px;
overflow:hidden;
padding: 5px 100px 5px 0px;
text-align:center;
position:relative;
background-image:url(https://imgs.click108.com.tw/unit001/item00199/images/user_bg1.jpg);
font:15px/25px "新細明體", Helvetica, Arial;}

.CONTENT_CENTER .BASIC .cbt{/*感情狀態*/
	display:block;
	position: absolute;
	width: 96px;
	height: 21px;
	right: 15px;
	top: 21px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00199/images/bts02.png);
	text-align:center;
	color:#FFFFFF;
	font:13px/21px "新細明體", Helvetica, Arial;
	z-index:9999;}


/************基本資料結束************/
/************標************/
.TITLE00{/*本命牌*/
width:652px; 
height:108px;
margin:0 auto 10px auto;}

.TITLE01{
width:652px; 
height:150px;
margin:30px auto 10px auto;}
.FOOT{
width:675px; 
height:40px;
margin:0 auto;}
/************身體************/
.RESULT .BOX{
	margin:0 auto;
	width:680px;
	height:auto;
	overflow:hidden;}

.GODDESS_TALK{/*女神導言*/
	width:680px;
	height:210px;
	margin:30px auto;}

.LLBOX{/*牌*/
	float:left;
	margin-left:45px;
	width:207px;
	height:288px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00199/images/card_bg.png);
	padding-left:8px;
	padding-top:8px;}
.LLBOX-1{/*牌*/
	float:left;
	margin-left:45px;
	width:207px;
	height:288px;
	padding-left:8px;
	padding-top:8px;}
	
.RRBOX{
	float:right;
	margin-right:50px;
	width:345px;
	padding-bottom:10px;}
	.RRBOX p{padding-bottom:8px;}
	
.RRBOX .TITLE{
	display:block;
	width:345px;
	height:100px;
	background-repeat:no-repeat;
	overflow:hidden;}

.RRBOX .DOT{
	width:345px;
	height:35px;
	padding:0;
	margin:0;
	line-height:0;
	background-repeat:repeat-x;}
	
.RESULT .FOOTER{
margin:0 auto;
width:680px;
height:45px;
background:url(https://imgs.click108.com.tw/unit001/item00199/images/re_footer.jpg) bottom;
clear:both;}

/************免費頁 隱藏內容**************/
.CAPTION_T{
margin:20px 0 0 90px;
width:155px;
height:60px;
background-image:url(https://imgs.click108.com.tw/unit001/item00199/images/fuzzy2.png);}

.CAPTION_01{
width:345px;
overflow:hidden;
background-image:url(https://imgs.click108.com.tw/unit001/item00199/images/fuzzy1.png);
position:relative;}

.AREA{
	position:absolute;
	background:url(https://imgs.click108.com.tw/unit001/item00199/images/q_block_s.png);
	width:223px;
	height:61px;
	overflow:hidden;
	padding:26px 25px 13px 40px;
	left: 29px;
	top: 8px;}

/*----- 結語 ---------------*/
.TIP{
	margin:30px auto 10px auto;
	width:680px;
	height:440px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00199/images/tip.png);
	position:relative;
}
	
.TIP_IN{
	width:340px;
	height:auto;
	overflow:hidden;
	position:absolute;
	font: 15px/23px "新細明體", Helvetica, Arial;
	color: #663333;
	left: 264px;
	top: 125px;}
	.TIP_IN p{ margin-bottom:5px;}
	
.PRICE{
	width:680px;
	height:230px;
	margin:30px auto 0px auto;}

.INFO{
	width:680px;
	margin:0 auto;
	font:13px/25px arial, "細明體";
	color:#a4005b;
	text-align:center;}
	
.SAMPLE{
	width:680px;
	margin:15px auto 0px auto;}
	
.SAMPLE_T{
	width:680px;
	height:auto;
	position:relative;}
	



/*----------CONTENT  結果頁 END----------*/
/*----------CONTENT END----------*/

/*-------------按鈕通用 開---------*/
.BTBOX{
	width:500px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	clear:both;}
.BT1{
	padding-top:5px;}
	
.BT1 a{
	margin:0 auto;
	display:block;
	width:250px;
	height:75px;
	background-position:top;
	text-indent:-9999px;}
	
.BT1 a:hover{
	background-position:bottom;}
	
.BT2{float:left;}
	
.BT2 a{
	display:block;
	width:250px;
	height:75px;
	background-position:top;
	text-indent:-9999px;}
.BT2 a:hover{
	background-position:bottom;}
	
.BT3{float:right;}
	
.BT3 a{
	display:block;
	width:250px;
	height:75px;
	background-position:top;
	text-indent:-9999px;}
	
.BT3 a:hover{
	background-position:bottom;}

/************按鈕通用 結束************/

/*----------列印頁----------*/
.HEADER_PRINT{
	margin:0 auto;
	width:680px;
	height:250px;
	display:block;
	background-image:url(https://imgs.click108.com.tw/unit001/item00199/images/pr_top.jpg);
	text-indent:-9999px;
}
/*----------列印頁 END----------*

/*----------文字與其他----------*/
.txt01{
	font-size:13px;
	color:#59493f;}
.txt02{/*結果頁*/
	font:15px/25px "新細明體", Helvetica, Arial;
	color:#333;}
.txt02-1{/*結果頁 問者姓名*/
	font:bold 15px/25px "新細明體", Helvetica, Arial;
	color:#a4005b;}
.txt02-2{/*結果頁 問者性別*/
	font:bold 15px/25px "新細明體", Helvetica, Arial;
	color:#8f312d;
	padding:0 2px;
}
		
.txt03{/* 結果頁 */
	font:18px/28px "微軟正黑體", Helvetica, Arial;
	font-weight:bold;
	color:#fff;}
.txt03-2{
	font-size:15px;
	line-height:25px;
	color:#343434;
	text-align:left;
	font-weight:normal;}
	
.txt04{/*結果頁*/
	font:16px/28px "微軟正黑體", Helvetica, Arial;
	color:#555;
	font-weight:bold;}

.txt04-1{/*免費頁*/
	font:18px/26px "微軟正黑體", Helvetica, Arial;
	color:#fff;
	font-weight:bold;}
	
.txt05{/*結果頁*/
	font:24px/80px "標楷體";
	color:#555;
	font-weight:bold;
	writing-mode:tb-rl;
	color:#a80057;}
	
.txt06{/*結果牌*/
	color:#a4005b;
	padding-left: 90px;
	font:bold 40px "微軟正黑體", Helvetica, Arial;
	line-height: 105px;}
	
.txt06-1{/*正逆位*/
	color:#4f4fce;
	font:bold 22px "微軟正黑體", Helvetica, Arial;
	line-height: 60px;
	text-align: center;}
.txt07{/* 結果頁 */
	font:15px/24px "微軟正黑體", Helvetica, Arial;
	font-weight:bold;
	color:#8f312d;}
.txt08{/* 結果頁 */
	font:17px/35px Helvetica, Arial;
	font-weight:bold;
	color:#a4005b;}

.txt09{ /*結果頁本命牌標*/
	color:#a4005b;
	font:bold 28px/35px "微軟正黑體", Helvetica, Arial;}
	
.txt10{ /*結果頁tip粗*/	
	font:15px/25px "新細明體", Helvetica, Arial;
	color:#a42290;
	font-weight:bold;}
.item00199txt01{
    font-size:13px;
    color:#59493f;}
.item00199txt02{/*結果頁*/
    font:15px/25px "新細明體", Helvetica, Arial;
    color:#333;}
.item00199txt02-1{/*結果頁 問者姓名*/
    font:bold 15px/25px "新細明體", Helvetica, Arial;
    color:#a4005b;}
.item00199txt02-2{/*結果頁 問者性別*/
    font:bold 15px/25px "新細明體", Helvetica, Arial;
    color:#8f312d;
    padding:0 2px;
}
        
.item00199txt03{/* 結果頁 */
    font:18px/28px "微軟正黑體", Helvetica, Arial;
    font-weight:bold;
    color:#fff;}
.item00199txt03-2{
    font-size:15px;
    line-height:25px;
    color:#343434;
    text-align:left;
    font-weight:normal;}
    
.item00199txt04{/*結果頁*/
    font:16px/28px "微軟正黑體", Helvetica, Arial;
    color:#555;
    font-weight:bold;}

.item00199txt04-1{/*免費頁*/
    font:18px/26px "微軟正黑體", Helvetica, Arial;
    color:#fff;
    font-weight:bold;}
    
.item00199txt05{/*結果頁*/
    font:24px/80px "標楷體";
    color:#555;
    font-weight:bold;
    writing-mode:tb-rl;
    color:#a80057;}
    
.item00199txt06{/*結果牌*/
    color:#a4005b;
    padding-left: 90px;
    font:bold 40px "微軟正黑體", Helvetica, Arial;
    line-height: 105px;}
    
.item00199txt06-1{/*正逆位*/
    color:#4f4fce;
    font:bold 22px "微軟正黑體", Helvetica, Arial;
    line-height: 60px;
    text-align: center;}
.item00199txt07{/* 結果頁 */
    font:15px/24px "微軟正黑體", Helvetica, Arial;
    font-weight:bold;
    color:#8f312d;}
.item00199txt08{/* 結果頁 */
    font:17px/35px Helvetica, Arial;
    font-weight:bold;
    color:#a4005b;}

.item00199txt09{ /*結果頁本命牌標*/
    color:#a4005b;
    font:bold 28px/35px "微軟正黑體", Helvetica, Arial;}
    
.item00199txt10{ /*結果頁tip粗*/    
    font:15px/25px "新細明體", Helvetica, Arial;
    color:#a42290;
    font-weight:bold;}
	
.LINE01{
	width:670px;
	height:15px;
	background-image:url(https://imgs.click108.com.tw/unit001/item00199/images/line01.png);
	margin:0 auto;}
.BLANK{
	height:15px;
	clear:both;}
