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


/*----------logo----------*/
.LOGO{width:100%;height:38px;background-image:url(https://gimgs.click108.com.tw/unit001/item00181/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/item00181/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/item00181/images/banner.png);
background-repeat:no-repeat;
text-indent:-9999px;
position:absolute;
top:38px;
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/item00181/images/in_menu01.png);}
.HEADER .MENU .CENTER li.b a{
background-image:url(https://gimgs.click108.com.tw/unit001/item00181/images/in_menu02.png);}
.HEADER .MENU .CENTER li.c a{
background-image:url(https://gimgs.click108.com.tw/unit001/item00181/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/item00181/images/in_menu01.png);}
.HEADER .MENU .CENTER li.b h3{
background-image:url(https://gimgs.click108.com.tw/unit001/item00181/images/in_menu02.png);}
.HEADER .MENU .CENTER li.c h3{
background-image:url(https://gimgs.click108.com.tw/unit001/item00181/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/item00181/images/in_c_bg2.png);}

/*----------CONTENT  輸入頁----------*/	
.CONTENT_CENTER .CAPTION{
margin:0 auto;
width:540px;
height:76px;
background-image:url(https://gimgs.click108.com.tw/unit001/item00181/images/caption.png);
padding:30px 50px 0px 110px;}
.CONTENT_CENTER .CAPTION p{
	font-family:"新細明體", Helvetica, Arial;
	font-size:13px;
	line-height:1.8;
	color:#000000;}
.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:125px;
background-image:url(/unit001/item00181/images/input_p_top.png);
position:relative;}
.B1 a.BT_INPUT{
	width: 70px;
	height: 25px;
	display: block;
	position: absolute;
	top: 64px;
	left: 176px;
}
.CONTENT_CENTER .IMPORT .B2{
width:700px;
height:220px;
background-image:url(https://gimgs.click108.com.tw/unit001/item00181/images/input_p_bg.png);
position:relative;}
.B2 .NAME{
	width: 420px;
	height: 25px;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00181/images/user01.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 10px;
	left: 170px;
	padding-left:120px;
	padding-top:3px;
}
.B2 .SEX{
	width: 420px;
	height: 25px;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00181/images/user02.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 45px;
	left: 170px;
	padding-left:120px;
	padding-top:3px;
}
.B2 .TIME{
	width: 420px;
	height: 25px;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00181/images/user03.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 80px;
	left: 170px;
	padding-left:120px;
	padding-top:3px;
}
.B2 .TIME_2{
	width: 420px;
	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://gimgs.click108.com.tw/unit001/item00181/images/bt_08.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 160px;
	left: 270px;
	text-indent: -9999px;
}
.B2 .POP{
	width: 420px;
	height: 200px;
	background-color:#652e1f;
	position: absolute;
	top: 10px;
	left: 100px;
	padding-left:80px;
	padding-top:10px;
	position:relative;}
.B2 .POP a.BT_01{
	width: 170px;
	height: 40px;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00181/images/bt_01.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 150px;
	left: 70px;
	text-indent:-9999px;}
.B2 .POP a.BT_02{
	width: 170px;
	height: 40px;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00181/images/bt_06.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 150px;
	left: 270px;
	text-indent:-9999px;}
.B2 .POP a.BT_X{
	width: 13px;
	height: 13px;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00181/images/x.gif);
	position: absolute;
	top: 0px;
	right: 0px;
	text-indent:-9999px;}

.CONTENT_CENTER .IMPORT .B3{
margin:0 auto;
width:700px;
height:45px;}
/*----------CONTENT  輸入頁 END----------*/	
/*----------CONTENT  結果頁----------*/	
.PROFILE{
	margin:0 auto;
	width:980px;
	height:28px;
	position:absolute;
	top:282px;
	left:78px;}
/************基本資料************/
.CONTENT_CENTER .BASIC{
margin:0 auto;
width:674px;}
.CONTENT_CENTER .BASIC .BB_1{
width:674px;
clear:both;}
.CONTENT_CENTER .BASIC .BB_2{
height:auto;
overflow:hidden;
position:relative;
background-image:url(https://gimgs.click108.com.tw/unit001/item00181/images/result_bg.jpg);}
.CONTENT_CENTER .BASIC .BB_2 p{
padding:5px 50px;}
.CONTENT_CENTER .BASIC .BB_2 .pbt{
	width: 170px;
	height: 25px;
	display: block;
	position: absolute;
	top: 55px;
	left: 410px;
}
.CONTENT_CENTER .BASIC .BB_2 .pbt a{
width:75px;
height:25px;
display:block;
float:left;
margin:0 5px;
background-image:url(https://gimgs.click108.com.tw/unit001/item00181/images/pbt_02.png);}

/************基本資料結束************/
.RESULT{
margin:10px auto 0 auto;
width:675px;}
/************標************/
.TITLE01{
width:675px; 
height:64px;
margin:0 auto;}
.TITLE02_n{
	margin:0 auto;
width:545px; 
height:36px; 
background-image:url(https://gimgs.click108.com.tw/unit001/item00181/images/title.png);
padding:12px 0 0 75px;}
.TITLE03{
margin:15px auto 0 auto; 
width:589px;
height:28px;
background-image:url(https://gimgs.click108.com.tw/unit001/item00181/images/title2.jpg);
padding:0 0 0 5px;}
.FOOT{
width:675px; 
height:40px;
margin:0 auto;}
/************身體************/
.RESULT .BOX{
margin:0 auto;
width:675px;
background-image:url(https://gimgs.click108.com.tw/unit001/item00181/images/rebox_bg.jpg);
overflow:hidden;}
.CAPTION_01{
margin:15px auto 5px auto;
width:580px;
overflow:hidden;
padding:0 10px;}
.CAPTION_02{
margin:0 auto;
width:574px;
height:auto;
overflow:hidden;
padding:10px 10px 0 10px;}
.CAPTION_02 .IMG{
float:left;
padding:20px 0 0 0;
width:120px;
height:70px;
background-image:url(../images/icon/month_bg.png);
text-align:center;}
.CAPTION_02 .IMG_2{
float:right;
width:120px;
height:100px;}
.CAPTION_02 .CHART{
	width:564px;
	height:254px;
	margin:5px auto; 
    background-image:url(https://gimgs.click108.com.tw/unit001/item00181/images/chartbg.jpg);
	position:relative;}
.CHART .MONTH{
	font:12px/18px "新細明體", Helvetica, Arial;
	color:#a41121;
	position:absolute;
	top:195px;}
.BOX a.BT_06{
	display:block;
	width: 170px;
	height: 40px;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00181/images/bt_06.png);
	background-repeat: no-repeat;
	margin:0 auto;
	text-indent:-9999px;}
.BOX a.BT_07{
	display:block;
	width: 200px;
	height: 40px;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00181/images/bt_07.png);
	background-repeat: no-repeat;
	margin:0 auto;
	text-indent:-9999px;}
.BOX a:hover{
	background-position:bottom;}
.CONFIRM_TOP{
	width:675px;
	height:41px;}
.CONFIRM{
margin:0 auto;
width:675px;
background-image:url(https://gimgs.click108.com.tw/unit001/item00181/images/confirm_bg.png);
overflow:hidden;}
.CONFIRM .C_BOX{
	width:300px;
	overflow:hidden;
	float:left;
	margin-left:25px;
	margin-top:10px;}
.CAPTION_03{
	width:170px; float:right; }
.CONFIRM img{
	float:left;}
.CONFIRM a{
	width:75px;
height:25px;
display:block;
float:left;
margin-right:10px;
background-image:url(https://gimgs.click108.com.tw/unit001/item00181/images/pbt_04.png);
text-indent:-9999px;}
/*----------CONTENT  結果頁 END----------*/
/*----------CONTENT  範例頁----------*/
.SAMPLE{
	width:685px;
	overflow:hidden;
	margin:0 auto;
	background-image:url(https://gimgs.click108.com.tw/unit001/item00178/images/sample/s_bg.jpg);}
.SAMPLE .LEGEND .LEFT{
	float:left;
	width:375px;
	padding-left:8px;}
.SAMPLE .LEGEND .RIGHT{
	float:right;
	margin-right:10px;
	width:285px;}
.RIGHT .B{
	width:250px;
	overflow:hidden;
	background-image:url(https://gimgs.click108.com.tw/unit001/item00181/images/sample/box.png);
	padding:15px 4px 5px 31px;
	margin-bottom:0px;}
.RIGHT .B_FOOT{
	width:285px;
	height:15px;
	background-image:url(https://gimgs.click108.com.tw/unit001/item00181/images/sample/box.png);
	background-position:bottom;
	margin-top:0px;}
.F02{
	width:662px;
	overflow: hidden;
	margin:0 auto;}
a.BT_09{
	display:block;
	width:150px;
	height:30px;
	margin-top:120px;
	margin-left:485px;}
a.BT_06{/* 輸入pop頁.免費頁.範例頁 */
	display:block;
	width:170px;
	height:40px;
	background-position:0px 0px;
	text-indent:-9999px;
	margin:0 auto;
	background-image:url(https://gimgs.click108.com.tw/unit001/item00181/images/bt_06.png);}
a.BT_05:hover{
	background-position:0px -40px;}
/*----------CONTENT  範例頁 END----------*/
/*----------CONTENT  免費頁----------*/
.POINT{
	background-image:url(https://gimgs.click108.com.tw/unit001/item00181/images/free/point_bg.jpg);
	width:700px;
	height:300px;
	margin:0 auto;
	position:relative;}
.POINT .P_BOX{
	position:relative;
	background-image:url(https://gimgs.click108.com.tw/unit001/item00181/images/free/point_box.png);
	width:150px;
	height:215px;
	position:absolute;
	top:10px;
	left:210px;}
.POINT .P_BOX .P01{
	width: 80px;
	height: 30px;
	text-align:center;
	position: absolute;
	top: 30px;
	left: 35px;}
.POINT .P_BOX .P02{
    text-align:center;
	width: 100px;
	height: 80px;
	position: absolute;
	top: 115px;
	left: 30px;}
.POINT .P_BOX .P02 img{
	text-align:center;
	margin-right:5px;}
.POINT .WORD{
	width:470px;
	position:absolute;
	top:235px;
	left:210px;}
.CAPTION_04{
margin:0 auto;
width:590px;
overflow:hidden;
padding:5px 0;
background-image:url(https://gimgs.click108.com.tw/unit001/item00181/images/fuzzy.png);}
.CAPTION_05{
margin:0 10px;
width:420px;
height:75px;
padding:5px 0;
float:right;
background-image:url(https://gimgs.click108.com.tw/unit001/item00181/images/fuzzy.png);}
.FREE .BOX{
margin:0 auto;
width:675px;
background-image:url(https://gimgs.click108.com.tw/unit001/item00181/images/rebox_bg.jpg);
overflow:hidden;
position:relative;}
.AREA{
	position: absolute;
	top: 90px;
	left: 120px;
	width: 340px;
	height: 60px;
	background-color: #697a2f;
	padding: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow:1px 1px 8px #8d8b72;}
.AREA_2{
	position: absolute;
	top: 120px;
	left: 85px;
	width: 480px;
	height: 70px;
	background-color: #697a2f;
	padding: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow:1px 1px 3px #8d8b72;
}
.BT_AREA{
	width:330px;
	margin:0 auto;}
.BT_BE{
	display:block;
	width:75px;
	height:25px;
	background-image:url(https://gimgs.click108.com.tw/unit001/item00181/images/pbt_05.png);
	margin-left:5px;
	float:left;
	margin-top:10px;
	}
.POP_2{
	width: 420px;
	height: 200px;
	background-color:#652e1f;
	margin:0 auto;
	padding-left:80px;
	padding-top:10px;
	position:relative;}
.POP_2 a.BT_02{
	width: 170px;
	height: 40px;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00181/images/bt_06.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 160px;
	left: 165px;
	text-indent:-9999px;}
.POP_2 a.BT_X{
	width: 13px;
	height: 13px;
	background-image: url(https://gimgs.click108.com.tw/unit001/item00181/images/x.gif);
	position: absolute;
	top: 0px;
	right: 0px;
	text-indent:-9999px;}
/*----------CONTENT  免費頁 END----------*/
/*----------CONTENT END----------*/
/*----------介紹頁----------*/
a.BT_05{/* 介紹頁 */
	display:block;
	width:170px;
	height:40px;
	background-position:0px 0px;
	text-indent:-9999px;
	margin:0 auto;
	background-image:url(https://gimgs.click108.com.tw/unit001/item00181/images/bt_05.png);}
a.BT_05:hover{
	background-position:0px -40px;}
/*----------介紹頁 END----------*/
/*----------列印頁----------*/
.HEADER_PRINT{
margin:0 auto;
width:680px;
height:200px;
display:block;
background-image:url(https://gimgs.click108.com.tw/unit001/item00181/images/pr_top.jpg);
text-indent:-9999px;}
.TOP3 h2{
	display:block;
	line-height:30px;
	text-indent:-9999px;}
.MAIN3{
	width:680px;
	overflow:hidden;
	margin:0 auto;
	background-color:#efe4d2;}
/*----------列印頁 END----------*/
/*----------文字與其他----------*/
.txt01{/* 輸入頁 */
	font:13px/21px "微軟正黑體", Helvetica, Arial;
	color:#fff;
	font-weight:normal;}
.txt02{/* 輸入範例頁 */
	font:13px/25px "新細明體", Helvetica, Arial;
	color:#444;}
.txt03{/* 結果頁 */
	font:13px/21px "新細明體", Helvetica, Arial;
	color:#71151b;}
.txt04{/* 結果頁 */
	font:18px/28px "微軟正黑體", Helvetica, Arial;
	font-weight:bold;
	color:#fff;}
.txt05{/* 結果頁 */
	font:15px/24px "微軟正黑體", Helvetica, Arial;
	font-weight:bold;
	color:#8f312d;}
.txt06{/* 結果頁 */
	font:15px/1.8 "新細明體", Helvetica, Arial;
	color:#333333;}
.txt07{/* 結果頁 */
	font:13px/21px "新細明體", Helvetica, Arial;
	color:#333;}
.txt08{/* 結果頁 */
	font:26px/30px "微軟正黑體", Helvetica, Arial;
	font-weight:bold;
	color:#333;}
.txt08_2{/* 結果頁 */
	font:26px/30px "微軟正黑體", Helvetica, Arial;
	font-weight:bold;
	color:#c20000;}
.txt09{
	font-size:20px;}
.txt_bold{/* 結果頁 */
	font-weight:bold;}
.txt10{/* 結果頁表格 */
	font:15px/20px "微軟正黑體", Helvetica, Arial;
	color:#eb4800;
	font-weight: bold;}	
.txt11{/* 結果頁表格 */
	font:10px/20px "微軟正黑體", Helvetica, Arial;
	color:#333;
	font-weight: bold;}	
.txt12{/* 結果頁表格 */
	font:18px/28px "Arial", "Helvetica", "sans-serif";
	font-weight:bold;
	color:#8f312d;}
.txt13{/* 範例頁 */
	font: 20px/28px "DFKai-sb", "微軟正黑體", Helvetica, Arial;
	color: #1a5b83;
	font-weight: bold;}
.txt14 {
	font: 15px/24px "微軟正黑體", Helvetica, Arial;
	color: #b74f10;
	font-weight: bold;}	
.txt15{/* 結果頁 */
font:12px/16px "新細明體", Helvetica, Arial;
color:#71151b;}
.txt16{/* 結果頁 */
font:12px/16px "新細明體", Helvetica, Arial;
color:#333;}

.ICON_n{
	clear:both;
	display:block;
	width:16px;
	height:18px;
	background-image:url(https://gimgs.click108.com.tw/unit001/item00178/images/free/icon16.png);
	float:left;
	padding-top:5px;
	background-position:bottom;
	background-repeat:no-repeat;}
.LINE01{
	width:670px;
	height:15px;
	background-image:url(https://gimgs.click108.com.tw/unit001/item00181/images/line01.png);
	margin:0 auto;}
.BLANK{
	height:15px;}
.BLANK_2{
	height:5px;}