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


/*----------logo----------*/
.LOGO{width:100%;height:38px;background-image:url(https://gimgs.click108.com.tw/unit001/item00186/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://gimgs.click108.com.tw/unit001/item00186/images/in_top.png);
position:relative;
width:1136px;
height:356px;
background-repeat:no-repeat;
}
.HEADER h1{
margin:0 auto;
width:697px;
height:244px;
display:block;
background-image:url(https://gimgs.click108.com.tw/unit001/item00186/images/banner.png);
background-repeat:no-repeat;
text-indent:-9999px;
position:absolute;
top:0px;
left:223px;
}
/*----------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://gimgs.click108.com.tw/unit001/item00186/images/in_menu01.png);}
.HEADER .MENU .CENTER li.b a{
background-image:url(https://gimgs.click108.com.tw/unit001/item00186/images/in_menu02.png);}
.HEADER .MENU .CENTER li.c a{
background-image:url(https://gimgs.click108.com.tw/unit001/item00186/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://gimgs.click108.com.tw/unit001/item00186/images/in_menu01.png);}
.HEADER .MENU .CENTER li.b h3{
background-image:url(https://gimgs.click108.com.tw/unit001/item00186/images/in_menu02.png);}
.HEADER .MENU .CENTER li.c h3{
background-image:url(https://gimgs.click108.com.tw/unit001/item00186/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:100%;
	overflow:hidden;
	background-image:url(https://gimgs.click108.com.tw/unit001/item00186/images/in_c_bg2.png);}

/*----------CONTENT  輸入頁----------*/	
.CONTENT_CENTER .PH1{
margin:0 auto;
width:700px;
}

.CONTENT_CENTER .PH2{
margin:0 0 0 225px;
width:690px;
}/*FOR index2*/

.CONTENT_CENTER .IMPORT{
margin:0 auto;
width:700px;
}
.CONTENT_CENTER .IMPORT .B1{
margin:0 auto;
width:700px;
height:235px;
background-image:url(https://gimgs.click108.com.tw/unit001/item00186/images/input_top.png);}

.CONTENT_CENTER .IMPORT .B2{
width:700px;
height:auto;
background-image:url(https://gimgs.click108.com.tw/unit001/item00186/images/input_bg.png);
overflow:hidden;}

.B2 .BOX{
	width: 380px;
	height: 53px;
	margin:0 auto 15px auto;}

.B2 .BOX .SINGLE{
	width: 161px;
	height: 33px;
	background:url(https://gimgs.click108.com.tw/unit001/item00186/images/01a.png);
	padding:20px 0 0 25px;
	float:left;}

.B2 .BOX .INLOVE{
	width: 161px;
	height: 33px;
	background:url(https://gimgs.click108.com.tw/unit001/item00186/images/02a.png);
	padding:20px 0 0 25px;
	float:right;}
    
.B2 .BOX .SINGLEb{
    width: 161px;
    height: 33px;
    background:url(https://gimgs.click108.com.tw/unit001/item00186/images/01b.png);
    padding:20px 0 0 25px;
    float:left;}

.B2 .BOX .INLOVEb{
    width: 161px;
    height: 33px;
    background:url(https://gimgs.click108.com.tw/unit001/item00186/images/02b.png);
    padding:20px 0 0 25px;
    float:right;}

.B2 .NAME{
	width: 220px;
	height: 25px;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00186/images/user01.png);
	background-repeat: no-repeat;
	margin:10px 0 0 165px;
	padding-left:88px;
	padding-top:3px;}
.B2 .SEX{
	width: 350px;
	height: 25px;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00186/images/user02.png);
	background-repeat: no-repeat;
	margin:5px 0 0 165px;
	padding-left:88px;
	padding-top:2px;
}
.B2 .TIME{
	width: 350px;
	height: 25px;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00186/images/user03.png);
	background-repeat: no-repeat;
	margin:5px 0 0 165px;
	padding-left:120px;
}

.BT_BOX{
	width: 400px;
	height: 50px;
	margin:25px auto 5px auto;}

a.BT_01{
	display:block;
	width: 197px;
	height: 48px;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00186/images/bt_01.png);
	background-position:top;
	float:left;
	text-indent:-9999px;}
	
a.BT_02{
	display:block;
	width: 197px;
	height: 48px;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00186/images/bt_02.png);
	background-position:top;
	float:right;
	text-indent:-9999px;}

.CONTENT_CENTER .IMPORT .B3{
margin:0 auto;
width:700px;
height:99px;
clear:both;}
/*----------CONTENT  輸入頁 END----------*/	
/*----------CONTENT  結果頁----------*/	
.PROFILE{
	margin:0 auto;
	width:758px;
	height:56px;
	position:absolute;
	top:300px;
	left:189px;
}
/************基本資料************/
.PROFILE .BASIC{
margin:0 auto;
width:758px;
height:56px;
background:url(https://gimgs.click108.com.tw/unit001/item00186/images/result_top.png);
position:relative;}

.BASIC .NAME{
	position:absolute;
	left: 122px;
	top: 16px;
}

.BASIC .BIRT{
	position:absolute;
	left: 354px;
	top: 16px;
	width: 140px;
}

.BASIC .SEX{
	position:absolute;
	width:24px;
	height:25px;
	left: 270px;
	top: 16px;
}
	
.BASIC .LOVE{
	position:absolute;
	width:50px;
	left: 614px;
	top: 16px;
}

.PROFILE .BASIC a.pbt {
	display:block;
	width:75px;
	height:25px;
	background-image:url(https://gimgs.click108.com.tw/unit001/item00186/images/pbt_02.png);
	text-indent:-9999px;
	position:absolute;
	left: 663px;
	top: 16px;
}

/************基本資料結束************/
/************標************/
.TITLE01{
width:675px; 
height:193px;
margin:0 auto;}
.TITLE02_n{
margin:0 auto;
width:505px; 
height:38px; 
background-image:url(https://gimgs.click108.com.tw/unit001/item00186/images/title.png);
padding:10px 0 0 115px;
clear:both;}
.FOOT{
width:675px; 
height:46px;
margin:0 auto;}
/************身體************/
.RESULT{
width:675px;
height:auto;
overflow:hidden;
margin:10px auto;}

.RESULT .BOX{
margin:0 auto;
padding:18px 0 0 0;
width:675px;
background-image:url(https://gimgs.click108.com.tw/unit001/item00186/images/rebox_bg.png);
overflow:hidden;
}

.RESULT .WORD{
margin:0 auto;
width:675px;
height:195px;
background:url(https://gimgs.click108.com.tw/unit001/item00186/images/rebox_01_1.png) no-repeat;
position:relative;}

.RESULT .WORD .TXT{
position:absolute;
left: 156px;
top: 81px;}

.RESULT .WORD .TXT2{
	position:absolute;
	left: 119px;
	top: 81px;
}

.RESULT .BG{
width:675px;
margin:0 auto;
height:auto;
overflow:hidden;
padding:10px 0;
background:url(https://gimgs.click108.com.tw/unit001/item00186/images/rebox_01_bg.png);}

.RESULT .BG ul{
display:block;
margin:0 auto;
width:620px;
height:auto;
overflow:hidden;}

.RESULT .BG li{
display:block;
float:left;
width:288px;
height:auto;
margin:10px 10px;
overflow:hidden;
text-align:justify;}

a.BT_03{
	margin:5px auto 10px auto;
	display:block;
	width: 197px;
	height: 48px;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00186/images/bt_03.png);
	background-position:top;
	text-indent:-9999px;
	clear:both;}
	
.HEART_BOX{
width:325px;
height:50px;
background: url(https://gimgs.click108.com.tw/unit001/item00186/images/rebox_02_2.png);
padding:11px 0 0 350px;}

.MONTH{
margin:10px auto;
width:568px;
height:280px;
/*background:url(https://gimgs.click108.com.tw/unit001/item00186/images/month.png) no-repeat;     */
position:relative;}
.MONTH_free{
margin:10px auto;
width:568px;
height:280px;
background:url(https://gimgs.click108.com.tw/unit001/item00186/images/month.png) no-repeat;   /*  */
position:relative;}

.CAPTION_01{
width:550px;
height:auto;
margin:5px auto 18px auto;
overflow:hidden;}

.CAPTION_02{
width:550px;
height:auto;
margin:0px auto 8px auto;
overflow:hidden;
clear:both;}

.CAPTION_02 .NUM{
float:left;
width:177px;
height:44px;
padding:54px 0 0 16px;
}

.CAPTION_02 .TXT{
display:block;
width:350px;
float:right;
padding:15px 0 0 5px;
}

.KEYFRAM{
width:498px;
height:auto;
background:url(https://gimgs.click108.com.tw/unit001/item00186/images/key_bg.png);
overflow:hidden;
margin:0 auto;
padding:5px 35px 0 35px;}

.KEYTOP{
margin:0 auto;
width:568px;
height:45px;
background:url(https://gimgs.click108.com.tw/unit001/item00186/images/key_top.png) no-repeat;
margin:15px auto 0 auto;}

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

.FORM{
margin:20px auto 0 auto;
width:540px;
height:auto;
overflow:hidden;
background:url(https://gimgs.click108.com.tw/unit001/item00186/images/rebox_03_2bg.png) ;
border:2px solid #8d1b40;}

.FORM ul{
display:block;
width:540px;
height:auto;
overflow:hidden;
}
.FORM li.LI1{
display:block;
width:270px;
height:35px;
float:left;
text-align:center;
background-color:#8d1b40;
padding-top:5px;}

.FORM li.LI2{
display:block;
width:218px;
height:auto;
text-align:justify;
padding:10px 26px;
float:left;}

/*第四段便利貼背景*/
.STICK{
width:675px;
height:307px;
background:url(https://gimgs.click108.com.tw/unit001/item00186/images/rebox_04_1.png) no-repeat;}

.STICK ul{
width:580px;
height:300px;
display:block;
margin:0 auto;}

.STICK li{
display:block;
margin:50px 10px 10px 35px;
width:240px;
height:250px;
overflow:hidden;
float:left;}

/*05愛情叮嚀粉色被景*/
.RE05{
width:305px;
height:auto;
overflow:hidden;
background:url(https://gimgs.click108.com.tw/unit001/item00186/images/rebox_05_bg.png);
padding:10px 300px 0 70px;
position:relative;}

.SAM{
	position:absolute;
	width:246px;
	height:319px;
	background:url(https://gimgs.click108.com.tw/unit001/item00186/images/rebox_05_sam.png);
	left: 392px;
	top: 0px;
}

.KEYFRAM05{
width:675px;
height:auto;
background:url(https://gimgs.click108.com.tw/unit001/item00186/images/keybg_05.png);
overflow:hidden;
margin:0 auto;}

.KEYTOP05{
margin:0 auto;
width:675px;
height:45px;
background:url(https://gimgs.click108.com.tw/unit001/item00186/images/single1/keytop_05.png) no-repeat;}

.KEYFOOT05{
margin:0 auto;
width:675px;
height:50px;
background:url(https://gimgs.click108.com.tw/unit001/item00186/images/keyfoot_05.png) no-repeat;}

.REMIND{
margin:15px auto 5px auto;
width:620px;
height:48px;
background:url(https://gimgs.click108.com.tw/unit001/item00186/images/remind_bg.png) no-repeat;
text-align:center;}

/*----------CONTENT  結果頁 END----------*/
/*----------CONTENT END----------*/
/*-------------免費頁區塊-----------------*/
.TRY{/*試算資料區塊*/
margin:0 auto;
width:435px;
height:129px;
background:url(https://gimgs.click108.com.tw/unit001/item00186/images/re_form.png);
padding:22px 0 0 240px;}

.FUZZY_01{
width:550px;
height:auto;
overflow:hidden;
background-image:url(https://gimgs.click108.com.tw/unit001/item00186/images/fuzzy.png);
position:relative;}

.FUZZY_02{
width:350px;
height:auto;
background-image:url(https://gimgs.click108.com.tw/unit001/item00186/images/fuzzy.png);
overflow:hidden;
position:relative;}

.FUZZY_03{
width:233px;
height:auto;
background-image:url(https://gimgs.click108.com.tw/unit001/item00186/images/fuzzy2.png);
overflow:hidden;
position:relative;}

.AREA{
	position: absolute;
	width: 340px;
	height: auto;
	background-color: #BB0962;
	padding: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow:1px 1px 8px #8d8b72;
	text-align:center;}
.AREA_2{
	position: absolute;
	width: 400px;
	height: auto;
	background-color: #BB0962;
	padding: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow:1px 1px 3px #8d8b72;
	text-align:center;}
.AREA_3{
	position: absolute;
	width: 320px;
	height: auto;
	background-color: #BB0962;
	padding: 10px 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow:1px 1px 3px #8d8b72;
	text-align:center;}
/*-------------免費頁區塊END-----------------*/
/*****PRICE 價錢區塊*****/
.PRICE{
	width:700px;
	height:80px;
	margin:0 auto;
	background: url(https://gimgs.click108.com.tw/unit001/item00186/images/price.png) no-repeat;
	padding-top:206px;}
	
.PRICE_FREE{
	width:675px;
	height:60px;
	margin:15px auto 10px auto;
	background: url(https://gimgs.click108.com.tw/unit001/item00186/images/price_free.png) no-repeat;
	background-position:center top;
	padding-top:209px;}

a.BT_05{
	display:block;
	width: 197px;
	height: 48px;
	margin:0 auto;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00186/images/bt_04.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	}
	
a:hover.BT_05,a:hover.BT_02,a:hover.BT_01,a:hover.BT_03{background-position:bottom;}

/*----------列印頁----------*/
.HEADER_PRINT{
margin:0 auto;
width:680px;
height:220px;
display:block;
background-image:url(https://gimgs.click108.com.tw/unit001/item00186/images/pr_top.png);
text-indent:-9999px;}

.BB_2{
width:674px;
background:url(https://gimgs.click108.com.tw/unit001/item00186/images/result_bg.jpg);
text-align:center;}

.BASIC2{
width:674px;
height:auto;
overflow:hidden;}

/*----------列印頁 END----------*/
/*----------範例頁----------*/
.SAMPLETOP{
    width:675px;
    height:auto;
    overflow:hidden;
    margin:10px auto 25px auto;
    background:url(https://gimgs.click108.com.tw/unit001/item00186/images/sample/bg.png);
    text-align:justify;}
    
.SAMPLEBOX{
    width:675px;
    height:432px;
    margin:18px auto;
    background:url(https://gimgs.click108.com.tw/unit001/item00186/images/sample/box.png) bottom no-repeat;
    position:relative;
}
    
.STAR01{
    position:absolute;
    width:230px;
    height:340px;
    left: 29px;
    top: 57px;}
    
.SAMPLEBOX .NOW{
    position:absolute;
    width:70px;
    left: 356px;
    top: 70px;
    font:18px/30px "微軟正黑體", Helvetica, Arial;
    color:#444;
    font-weight:bold;
    letter-spacing:2px;
}

.SAMPLEBOX .LOVE{
    position:absolute;
    width:180px;
    height:38px;
    left: 430px;
    top: 100px;
}
    
.SAMPLEBOX .WORD{
    position:absolute;
    width:360px;
    height:auto;
    overflow:hidden;
    left: 274px;
    top: 153px;
}
    
.txt11{/*範例頁-前言小字*/
    font:16px/30px "微軟正黑體", Helvetica, Arial;
    color:#6e553e;
    font-weight:bold;}
    
.txt11 em{/*範例頁-前言LIGHT*/color:#a31752;font-weight:bold;}

.txt12{/*範例頁-人解析*/
    font:16px/28px "微軟正黑體", Helvetica, Arial;
    color:#333;
    font-weight:bold;
    text-align:justify;}
    
.txt12 em{/*範例頁人解析LIGHT*/color:#306700;font-weight:bold;}

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

/*----------文字與其他----------*/
.txt01{
	font:13px/45px "微軟正黑體", Helvetica, Arial;
	color:#fff;}
.txt01 a{
	color:#FFFF00;}
.txt02{/*輸入頁結果頁-名字格*/
	font: bold 21px/25px "標楷體", Helvetica, Arial;
	color:#333;
	letter-spacing:6px;}
	
.txt022{/*輸入頁-格子文字*/
	font:15px/25px "微軟正黑體", Helvetica, Arial;
	color:#333;}
	
.txt03{/* 結果頁-TITLE標 */
	font:19px/28px "微軟正黑體", Helvetica, Arial;
	font-weight:bold;
	color:#fff;}
.txt04{/*結果頁-生日小字*/
	font:15px/25px "微軟正黑體", Helvetica, Arial;
	color:#333;
	font-weight:bold;}
.txt05{/*結果頁-批字大*/
	font:40px/80px "標楷體";
	color:#555;
	font-weight:bold;
	color:#333;
	letter-spacing:38px;}
.txt06{/*輸入頁結果頁*/
	font:15px/25px "新細明體", Helvetica, Arial;
	color:#333;}
.txt07{/* 結果頁-感情狀態*/
	font:15px/25px "微軟正黑體", Helvetica, Arial;
	font-weight:bold;
	color:#8f312d;}
.txt08{/* 結果頁-便利貼大標 */
	font:21px/30px "微軟正黑體", Helvetica, Arial;
	font-weight:bold;
	text-align:center;
	color:#333;}
.txt09{/* 結果頁-便利貼小標 */
	font:18px/25px "微軟正黑體", Helvetica, Arial;
	font-weight:bold;
	color:#8f312d;
	text-align:center;}
.txt10{/*試算頁-名字格*/
	font: 20px/33px "微軟正黑體", Arial, Helvetica;
	color:#333;}
.LINE01{
	width:625px;
	height:13px;
	background-image:url(https://gimgs.click108.com.tw/unit001/item00186/images/line01.png);
	margin:0 auto;
	clear:both;
	overflow:hidden;}
.BLANK{
	height:15px;}