﻿/* 版面配置區
----------------------------------------------------------*/

body {
    background: #ffffff;
    font-size: 15px;
    font-family: Arial, "Microsoft JhengHei", "微軟正黑體","黑體", "新細明體", "LiHei Pro", sans-serif;
    margin: 0px 10px;
    padding: 0px;
    color: #696969;
}


/* 導覽列選單 */
#nav {
    font-family: Helvetica, Arial, "LiHei Pro", "Microsoft JhengHei", "微軟正黑體", "新細明體", sans-serif;
    font-size: 18px;
    overflow: hidden;
    border-top: solid 1px #ffffff;
    background-color: #A20055;
}

#nav ul	{margin: 0;
	padding: 0;}

#nav li	{list-style-type: none;
	float: left;}



    #nav li a:hover {
        background-color: #d80473;
    }


div.menu_pic_backgrid {
    background-color: #ffffff;
    width: 100%;
}


#other_system {    
    background-color: #ffffff;
    MARGIN-BOTTOM: 10px;
    border: 1px solid #999;
    border-radius: 5px;
}


    #other_system .spanpic {
        margin: 0px 5px 5px 8px;
        float: left;
        width: 90px;
        height: 100px;
    }
	
	#other_system .span350 {
        padding: 3px 3px 3px 3px;
        margin: 3px 3px 3px 3px;
        float: left;
        height: 110px;
    }

    #other_system span a {
        font-size: 16px;
        line-height: 24px;
    }

    #other_system h5 {
        margin: 10px 0px 5px 0px;
        font-size: 15px;
        text-align: left;
        color: #333333;
        LINE-HEIGHT: 20px;
        font-weight: normal;
    }

/* 側欄選單 */
.menu	{margin-bottom: 20px;}

.menu h3	{
    font-family: Helvetica, Arial, "LiHei Pro", "Microsoft JhengHei", "微軟正黑體", "新細明體", sans-serif;
	font-size: 26px;
	color: 	#2894FF;
	margin: 0 0 5px;}

.menu h4	{
    font-family: Helvetica, Arial, "LiHei Pro", "Microsoft JhengHei", "微軟正黑體", "新細明體", sans-serif;
	font-size: 22px;
	color: #4B0091;
	padding: 15px 0 5px 20px;
	}
	
.menu ul	{margin: 0;
	padding: 0;
	border-top: solid 1px #aaaaaa;}

.menu li	{margin-bottom: 0;
	list-style-type: none;
	border-bottom: solid 1px #aaaaaa;}

    .menu li a {
        display: block;
        font-size: 18px;
        text-decoration: none;
        color: #666666;
        padding: 10px 0 10px 20px;
        background-image: url(images/listmark.html);
        background-repeat: no-repeat;
        background-position: 0 50%;
    }

.menu li a:hover	{background-color: #b4f0ff;}


/* ### 頁尾 ### */
#footer	{clear: both;}

#footer {
    width: 100%;
    margin: 10px auto 10px auto;
    color: #4e5766;
    background: #fff;
    padding: 0px;
    border: 0px solid #496077;
    text-align: center;
    line-height: normal;
    font-family: Helvetica, Arial, "LiHei Pro", "Microsoft JhengHei", "微軟正黑體", "新細明體", sans-serif;
}

    #footer p {
        margin: 0;
    }

    #footer small {
        font-size: 14px;
        font-weight: bold;
        display: block;
    }


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear
{
    clear: both;
}

/* 主題加雙底線 */
.msubject2 {
	FONT-SIZE: 20px; LINE-HEIGHT: 22pt; FONT-FAMILY: "新細明體"; FONT-WEIGHT: bold; color: #CC3300; border: #A498BD solid; height: 0px; color: #4D2078; border-width: 0px 0px 1px;text-align: center; 
} 


/* 其它 */
a:link, a:visited
{
    color: #034af3;
	text-decoration: none;
}

a:hover
{
    color: #ff0000;    
	text-decoration: underline;
}

a:active
{
    color: #034af3;
}


.Google_AD {    
    background-color: #fff;
    MARGIN: 10px 0px 10px 0px;    
}

.header_top_row
{
	width: 100%;
    position: relative;
    margin: 0px auto 0px auto;
    padding: 0px;
    background: #F8F2F8;    
	border: 0px solid #496077;
}

/* 文字框
----------------------------------------------------------*/
.table-border-gray {
	BORDER-RIGHT: #999999 1px solid;
	PADDING-RIGHT: 2px;
	BORDER-TOP: #999999 1px solid;
	PADDING-LEFT: 5px;
	FONT-SIZE: 18px;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #999999 1px solid;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #999999 1px solid;
	BACKGROUND-COLOR: #FFFFFF;
}

.tablebg-orangeyellow-font18 {
	MARGIN:5px 0px 10px 0px; PADDING-RIGHT: 2px; PADDING-LEFT: 5px; PADDING-TOP: 2px; PADDING-BOTTOM: 2px; 
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; 
	font-size: 18px;  BACKGROUND-COLOR: #FFF7DD;
}

.tablebg-white-font18 {
	MARGIN: 5px 0px 5px 0px;
	PADDING: 10px;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	FONT-SIZE: 18px;
	BACKGROUND-COLOR: #FFFFFF;
}

.tablebg-yellow-font18 {
	MARGIN: 5px 0px 5px 0px;
	PADDING: 10px;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	FONT-SIZE: 18px;
	BACKGROUND-COLOR: #FFFFEB;
}

.tablebg-orange-font20 {
	MARGIN: 10px 10px 5px 0px;
	PADDING: 5px;
	font-weight: bold;	
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	font-size: 18px;
	BACKGROUND-COLOR: #FFF5EB;
}

.fontsize15_blue {
	display:inline-block;font-size:15px; color:#3C5AB4; font-family:細明體; line-height:24px;
}
.fontsize15_gray {
	font-size: 15px;
	line-height: 130%;
	color: #696969;
}

.fontsize16_gray {
	FONT-SIZE: 16px;
	line-height: 140%;
	color: #696969;
}

.fontsize16_blue {
	FONT-SIZE: 16px;
	line-height: 130%;
	color: #174F89;
}

.fontsize16_green {
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	line-height: 130%;
	color: green;
}

.fontsize18 {
	FONT-SIZE: 18px;
	line-height: 140%;	
}

.fontsize18_blue {
	font-size: 18px;
	font-weight: bold;
	line-height: 130%;
	color: #0066CC;
}

.fontsize18_OrangeRed {
	font-size: 18px;
	font-weight: bold;
	line-height: 130%;
	color: OrangeRed;
}

.fontsize18_brown {
	font-size: 18px;
	font-weight: bold;
	color: #990033;
}

.fontsize18_purple {
	font-size: 18px;
	font-weight: bold;
	line-height: 130%;
	color: #6F00D2;
}

.fontsize18_green {
	FONT-WEIGHT: bold;
	FONT-SIZE: 18px;
	line-height: 140%;
	color: green;
}

.fontsize18_blue {
	FONT-SIZE: 18px;
	line-height: 140%;
	color: #174F89;
}

.fontsize18_gray {
	FONT-SIZE: 18px;
	line-height: 140%;
	color: #696969;
}

.fontsize20_blue {
	FONT-WEIGHT: bold;
	font-size: 18px;
	line-height: 140%;
	color: #0066CC;
}

.fontsize20_OrangeRed {
	font-size: 18px;
	line-height: 140%;
	color: OrangeRed;
}

.fontsize22 {
	FONT-SIZE: 22px;
	font-weight: bold;
	line-height: 160%;
}

.fontsize24 {
	font-size: 18px;
	line-height: 160%;
}

.fontsize24_Red {
	font-size: 18px;
	line-height: 140%;
	color: Red;
}

.fontsize24_OrangeRed {
	font-size: 18px;
	line-height: 140%;
	color: OrangeRed;
}

.fontsize24_blue {
	FONT-WEIGHT: bold;
	font-size: 18px;
	line-height: 140%;
	color: #174F89;
}

.fontsize24_green {
	FONT-WEIGHT: bold;
	font-size: 18px;
	line-height: 140%;
	color: green;
}

.fontsize30_blue {
    font-size: 30px;
	font-weight: bold;
	
    color:#0033CC;
}
.fontsize30_brown {
    font-size: 30px;
	font-weight: bold;
	
    color:#993333;
}



/* 商品名稱字顏色 */
.td_css {     
	color: #111111;
	font-size: 18px; 		
	BORDER-BOTTOM: 1px solid #c9c9c9;			
}

.td_css_15 {
	color: #111111;
	font-size: 15px;
	BORDER-BOTTOM: 1px solid #c9c9c9;
} 

.td_css_purple {     
	color: #A9569F;
	font-size: 18px; 
	font-weight: bold;	
	BORDER-BOTTOM: 1px solid #c9c9c9;			
}  

.td_css_blue {     
	color: #3B4A94;
	font-size: 18px; 
	font-weight: bold;	
	BORDER-BOTTOM: 1px solid #c9c9c9;		
	
} 

.td_css_green {     
	color: #47A143;
	font-size: 18px; 
	font-weight: bold;	
	BORDER-BOTTOM: 1px solid #c9c9c9;		
	
} 

.td_css_red {     
	color: #C04845;
	font-size: 18px; 
	font-weight: bold;	
	BORDER-BOTTOM: 1px solid #c9c9c9;		
	
}

.td_css_yellow {     
	background-color: #ffffcc;
	color: #000000;
	font-size: 18px; 	
	font-weight: bold;
	BORDER-BOTTOM: 1px solid #c9c9c9;	
}  

.td_css4_yellow {     
	background-color: #ffffcc;
	color: #000000;
	font-size: 18px; 	
	font-weight: bold;
	BORDER: 1px solid #c9c9c9;	
} 

.td_css4_yellow_font13 {     
	background-color: #ffffcc;
	color: #000000;
	font-size: 13px; 		
	BORDER: 1px solid #c9c9c9;	
} 


/* 姓名學結果區
----------------------------------------------------------*/
.contentspan_title {
	font-size: 18px;
	line-height: 26px;
	font-weight: bold;
	WIDTH: 100%;
	BORDER-BOTTOM: #d2a8f9 1px solid;
	color: #450382;
	text-align: center;
	margin: 10px;
}

#ResultSec {
	MARGIN: 5px 0px 5px 0px; PADDING: 5px 0px 5px 0px; POSITION: relative;
}
#ResultGrid {
	BORDER-RIGHT: #d2a8f9 1px solid; BORDER-TOP: #d2a8f9 1px solid; BORDER-LEFT: #d2a8f9 1px solid; BORDER-BOTTOM: #d2a8f9 1px solid; 
	PADDING-RIGHT: 0px;  PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; 
	MARGIN-TOP: 0px;
	BACKGROUND: url(images/tag04e2.html) repeat-x left top; WORD-WRAP: break-word; 
}

#ResultGrid770 {	
	BORDER-RIGHT: #d2a8f9 1px solid;
	BORDER-TOP: #d2a8f9 1px solid;
	BORDER-LEFT: #d2a8f9 1px solid;
	BORDER-BOTTOM: #d2a8f9 1px solid;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	MARGIN-TOP: 5px;
	BACKGROUND: url(images/tag04e2.html) repeat-x left top;
	WORD-WRAP: break-word;
}



/* 小圖優化: icon-all-01.png */
.combine_icon021 {    
    display: inline-block; 
    width:9px;
    height:10px;
    padding:0px;
	margin:0px;
	background: url(../images/icon-all-01.png) no-repeat 0 -218px;
}
.combine_icon022 {    
    display: inline-block; 
    width:9px;
    height:10px;
    padding:0px;
	margin:0px;
	background: url(../images/icon-all-01.png) no-repeat 0 -240px;
}
.combine_icon023 {  
    display: inline-block;   
    width:9px;
    height:10px;
    padding:0px;
	margin:0px;
	background: url(../images/icon-all-01.png) no-repeat 0 -262px;
}
.combine_icon024 {    
    display: inline-block; 
    width:9px;
    height:10px;
    padding:0px;
	margin:0px;
	background: url(../images/icon-all-01.png) no-repeat 0 -288px;
}
.combine_icon025 {    
    display: inline-block; 
    width:9px;
    height:10px;
    padding:0px;
	margin:0px;
	background: url(../images/icon-all-01.png) no-repeat 0 -312px;
}

/*  公告虛線外框 */
.readme_system {
	margin:5px 5px 5px 5px ;
	padding:6px; 
	font-size: 18px; 
	BORDER-RIGHT: 1px dotted; PADDING-RIGHT: 10px; BORDER-TOP: 1px dotted; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: 1px dotted; PADDING-TOP: 10px; BORDER-BOTTOM: 1px dotted;  
	BACKGROUND-COLOR: #fffaed; 
	LINE-HEIGHT: 140%;
}

.readme_w160 {
	width: 160px;
	font-size: 18px;
	border: 1px solid #666666;
	padding: 5px;
	background-color: #eae8f7;
	text-align: center;
}

.readme_w180 {
	width: 180px;
	font-size: 18px;
	border: 1px solid #666666;
	padding: 5px;
	background-color: #eae8f7;
	text-align: center;
}

.readme_w200 {
	width: 200px;
	font-size: 18px;
	border: 1px solid #666666;
	padding: 5px 10px;
	background-color: #eae8f7;
	text-align: center;
}


.readme3 {
	font-size: 18px;
	BORDER-RIGHT: 1px dotted;
	PADDING-RIGHT: 5px;
	BORDER-TOP: 1px dotted;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: 1px dotted;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: 1px dotted;
	BACKGROUND-COLOR: #F0F8FF
}

.readme5 {
	BORDER-RIGHT: 1px dotted;
	PADDING-RIGHT: 5px;
	BORDER-TOP: 1px dotted;
	PADDING-TOP: 5px;
	PADDING-LEFT: 5px;
	BORDER-LEFT: 1px dotted;
	PADDING-BOTTOM: 5px;
	BORDER-BOTTOM: 1px dotted;
	MARGIN-TOP: 10px;
	MARGIN-RIGHT: 10px;
	MARGIN-BOTTOM: 10px;
	MARGIN-LEFT: 10px;
	BACKGROUND-COLOR: #FFFFCC;
}


.readme_red {
	color: #A0004E;
	margin: 5px 10px 5px 10px;
	font-size: 18px;
	BORDER-RIGHT: 1px dotted;
	PADDING-RIGHT: 10px;
	BORDER-TOP: 1px dotted;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px;
	BORDER-LEFT: 1px dotted;
	PADDING-TOP: 10px;
	BORDER-BOTTOM: 1px dotted;
	BACKGROUND-COLOR: #fffaed;
	LINE-HEIGHT: 150%;
}


/* 擇日  */
.pdheadbar {
	BACKGROUND-COLOR: #6a799c
}

.pdborder {
	BACKGROUND-COLOR: silver
}

.pdbottom {
	BACKGROUND-COLOR: #e4e4e4
}


/* 擇日名次 */
.ranking {
	BACKGROUND: url(images/rank_bg.html) no-repeat 0 8px;
}




/* 商品方案說明 */
.border3 {
	BORDER-RIGHT: #c9c9c9 1px solid;
	BORDER-TOP: #c9c9c9 1px solid;
	BORDER-LEFT: #c9c9c9 1px solid;
	BORDER-BOTTOM: #c9c9c9 1px solid
}

.border_purple {
	BORDER: #E8CCFF 1px solid;
}


.photo_explanation {
	FONT-SIZE: 16px;
	COLOR: #696969;
	line-height: 24px;
}


/*css-table
    用CSS+DIV畫表格(table)
◾inline-table：顯示成前後沒有換行的表格
◾table：對應<table>標籤，以表格方式顯示。
◾table-row：對應<tr>標籤。
◾table-row-group：對應<tbody>標籤。
◾table-cell：對應<td>標籤。
◾table-caption：對應<caption>標籤。
◾table-column：對應<col>標籤
◾table-column-group：對應<colgroup>標籤。
◾table-header-group：對應<theader>標籤。
◾table-footer-group：對應<tfooter>標籤。

*/

.css_table {
	display: table;
}

.css_thead {
	display: table-header-group;
}

.css_tbody {
	display: table-row-group;
}

.css_tr {
	display: table-row;
}

.css_td {
	display: table-cell;
}


.td_css_font16 {
	color: #111111;
	font-size: 16px;
	LINE-HEIGHT: 26px;
	BORDER-BOTTOM: 1px solid #c9c9c9;
	font-family: Arial,sans-serif,"新細明體";
}

.td_css_font18 {
	color: #111111;
	font-size: 18px;
	LINE-HEIGHT: 26px;
	BORDER-BOTTOM: 1px solid #c9c9c9;
	font-family: Arial,sans-serif,"新細明體";
}

.td_css4_yellow_font16 {
	background-color: #ffffcc;
	color: #000000;
	font-size: 16px;
	BORDER: 1px solid #c9c9c9;
}





.other_input_small {
	HEIGHT: 20px;
	WIDTH: 60px;
	background-color: #ffffff;
	FONT-SIZE: 13px;
	COLOR: #111111;
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 1px;
	PADDING-BOTTOM: 1px;
	PADDING-TOP: 1px;
	Margin-right: 5px;
	BORDER-RIGHT: #7F9DB9 1px solid;
	BORDER-TOP: #7F9DB9 1px solid;
	BORDER-LEFT: #7F9DB9 1px solid;
	BORDER-BOTTOM: #7F9DB9 1px solid;
}

.other_input_small_120 {
	HEIGHT: 20px;
	WIDTH: 100px;
	background-color: #ffffff;
	FONT-SIZE: 13px;
	COLOR: #111111;
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 1px;
	PADDING-BOTTOM: 1px;
	PADDING-TOP: 1px;
	Margin-right: 5px;
	BORDER-RIGHT: #7F9DB9 1px solid;
	BORDER-TOP: #7F9DB9 1px solid;
	BORDER-LEFT: #7F9DB9 1px solid;
	BORDER-BOTTOM: #7F9DB9 1px solid;
}

.other_input_small_200 {
	HEIGHT: 20px;
	WIDTH: 200px;
	background-color: #ffffff;
	FONT-SIZE: 13px;
	COLOR: #111111;
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 1px;
	PADDING-BOTTOM: 1px;
	PADDING-TOP: 1px;
	Margin-right: 5px;
	BORDER-RIGHT: #7F9DB9 1px solid;
	BORDER-TOP: #7F9DB9 1px solid;
	BORDER-LEFT: #7F9DB9 1px solid;
	BORDER-BOTTOM: #7F9DB9 1px solid;
}



/* 文字框
----------------------------------------------------------*/
.tablebg-lightpurple-font18 {
	MARGIN: 10px 0px 10px 0px;
	PADDING: 10px;
	BORDER-RIGHT: #a6a6f5 1px solid;
	BORDER-TOP: #a6a6f5 1px solid;
	BORDER-LEFT: #a6a6f5 1px solid;
	BORDER-BOTTOM: #a6a6f5 1px solid;
	FONT-SIZE: 18px;
	BACKGROUND-COLOR: #e3e3ff;
}

/* 姓名學設定內容  */
.tablebg-orange-font18 {
	MARGIN: 5px 0px 5px 0px;
	PADDING: 10px;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	FONT-SIZE: 18px;
	BACKGROUND-COLOR: #FFF5EB;
}


/* 區塊內容CSS  */

.sec_content {
	margin: 15px 2px 10px 0px;
}

.menu_grid {
	background: #CF8EB4;
	padding: 3px 3px 3px 3px;
	FONT-SIZE: 16px;
	LINE-HEIGHT: 24px;
}

/* 功能選單 */

.ft {
	background: #f4f2e8;
	border: 0;
	padding: 0 10px 10px;
}

.bd_s_nameitem {
	background: #e07a9c;
	padding: 3px 3px 3px 3px;
	FONT-SIZE: 18px;
	LINE-HEIGHT: 26px;
}

.right_menu {
	margin-top: 10px;
	margin-bottom: 10px;
}

.right_menu275 {
	margin-top: 10px;
	margin-bottom: 10px;
}


#right_menu_subject A:Link {
	text-decoration: none;
	color: #004EA0;
}

#right_menu_subject A:Visited {
	text-decoration: none;
	color: #004EA0;
}

#right_menu_subject A:Hover {
	text-decoration: none;
	color: #8000FA;
}

#right_menu_subject A:Active {
	text-decoration: underline;
	color: #FF0000;
}

#right_menu_subject a {
	display: block;
	width: 100%;
	background: #ffffff url(../images/icon-all-01.png) no-repeat 25px -336px;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #A0004E;
	padding-bottom: 5px;
	padding-top: 5px;
}


	#right_menu_subject a:Hover {
		display: block;
		width: 100%;
		background: #FEFFAF url(../images/icon-all-01.png) no-repeat 18px -165px;
		line-height: 28px;
		text-indent: 45px;
		font-size: 18px;
		color: #8000FA;
		padding-bottom: 5px;
		padding-top: 5px;
	}

#right_menu_subject LI {
	display: block;
	width: 100%;
	background: #ffffff url(images/portalIcon02.html) no-repeat 20px 50%;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #891788;
	padding-bottom: 5px;
	padding-top: 5px;
}

#right_menu_subject .online {
	display: block;
	width: 100%;
	background: #FFFFFF url(../images/icon-all-01.png) no-repeat 20px -168px;
	line-height: 28px;
	text-indent: 45px;
	font-size: 22px;
	color: #6100BE;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
}

#right_menu_subject .online1 {
	display: block;
	width: 100%;
	background: #FFFFFF url(../images/icon-all-01.png) no-repeat 20px -20px;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #6100BE;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
}

#right_menu_subject .online2 {
	display: block;
	width: 100%;
	background: #FFFFFF url(../images/icon-all-01.png) no-repeat 20px -170px;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #6100BE;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
}


#right_menu_subject .online3 {
	display: block;
	width: 100%;
	background: #FFFFFF url(../images/icon-all-01.png) no-repeat 20px -27px;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #A0004E;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
	cursor: pointer;
}

#right_menu_subject .online4 {
	display: block;
	width: 100%;
	background: #FFFFFF url(../images/icon-all-01.png) no-repeat 20px -61px;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #6100BE;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
}


#right_menu_subject .online5 {
	display: block;
	width: 100%;
	background: #FFFFFF url(../images/icon-all-01.png) no-repeat 20px -61px;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #6100BE;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
	cursor: text;
}



#right_menu_subject .online_now {
	display: block;
	width: 100%;
	background: #FFFFFF url(../images/icon-all-01.png) no-repeat 20px -168px;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #6100BE;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
}

#right_menu_subject .online_ok {
	display: block;
	width: 100%;
	background: #FFFFFF url(../images/icon-all-01.png) no-repeat 20px -61px;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #6100BE;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
}

#right_menu_subject .online_wait{
	display:block;
	width:100%;
	background:#ffffff url(../images/pic_arrow.gif) no-repeat 25px 50%;
	line-height:26px;
	text-indent:25px;
	FONT-FAMILY: "新細明體";
	font-size: 18px; 
	color:#A0004E;	
	padding-bottom:2px;
	padding-top:2px;
	padding-left:25px;
}

#right_menu_subject .offline {
	display: block;
	width: 100%;
	background: #FFFFFF url(../images/icon-all-01.png) no-repeat 20px -380px;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #666666;
	padding-bottom: 5px;
	padding-top: 5px;
}


.menu_grid {
	background: #CF8EB4;
	padding: 5px 3px 5px 3px;
	FONT-SIZE: 16px;
	LINE-HEIGHT: 26px;
}


#right_menu_subject .menustart {
	display: block;
	width: 100%;
	background: #CF8EB4 url(images/topiconhot.html) no-repeat 5px 50%;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #6100BE;
	font-weight: bold;
}


#right_menu_subject .menutitle {
	display: block;
	width: 100%;
	background: #FFE1F0 url(images/icon01.html) no-repeat 5px 50%;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #6100BE;
	font-weight: bold;
}

/* step1~4 */
#right_menu_subject .menutitle01 {
	display: block;
	width: 100%;
	background: #FFE1F0 url(images/icon-all-02.html) no-repeat 5px -348px;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #6100BE;
	font-weight: bold;
}

#right_menu_subject .menutitle02 {
	display: block;
	width: 100%;
	background: #FFE1F0 url(images/icon-all-02.html) no-repeat 5px -384px;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #6100BE;
	font-weight: bold;
}

#right_menu_subject .menutitle03 {
	display: block;
	width: 100%;
	background: #FFE1F0 url(images/icon-all-02.html) no-repeat 5px -419px;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #6100BE;
	font-weight: bold;
}

#right_menu_subject .menutitle04 {
	display: block;
	width: 100%;
	background: #FFE1F0 url(images/icon-all-02.html) no-repeat 5px -454px;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #6100BE;
	font-weight: bold;
}


/*
background-position 屬性是用來指定背景圖案的位置。它的值可以是： 

兩個字：第一個字為 [top,center,bottom] 中三選一，而第二個字由 [left,center,right] 中三選一。 
兩個百分比：第一個百分比為 x-軸的百分比，第二個為 y-軸的百分比。 
兩個數目：第一個數目為 x-軸的位置，第二個數目為 y-軸的位置。

text-indent:讓首行縮排
*/

#right_menu_subject .menuitem {
	display: block;
	width: 100%;
	background: #FFFFFF url(images/ar_t_2.html) no-repeat 5px 50%;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #6100BE;
	font-weight: bold;
}

/* number1~10 橘色 */
#right_menu_subject .menuitem01 {
	display: block;
	width: 100%;
	background: #FFFFFF url(images/icon-all-02.html) no-repeat 20px 6px;
	line-height: 26px;
	text-indent: 45px;
	font-size: 18px;
	color: #6100BE;
}

#right_menu_subject .menuitem02 {
	display: block;
	width: 100%;
	background: #FFFFFF url(images/icon-all-02.html) no-repeat 20px -28px;
	line-height: 26px;
	text-indent: 45px;
	font-size: 18px;
	color: #6100BE;
}

#right_menu_subject .menuitem03 {
	display: block;
	width: 100%;
	background: #FFFFFF url(images/icon-all-02.html) no-repeat 20px -61px;
	line-height: 26px;
	text-indent: 45px;
	font-size: 18px;
	color: #6100BE;
}

#right_menu_subject .menuitem04 {
	display: block;
	width: 100%;
	background: #FFFFFF url(images/icon-all-02.html) no-repeat 20px -96px;
	line-height: 26px;
	text-indent: 45px;
	font-size: 18px;
	color: #6100BE;
}

#right_menu_subject .menuitem05 {
	display: block;
	width: 100%;
	background: #FFFFFF url(images/icon-all-02.html) no-repeat 20px -132px;
	line-height: 26px;
	text-indent: 45px;
	font-size: 18px;
	color: #6100BE;
}

#right_menu_subject .menuitem06 {
	display: block;
	width: 100%;
	background: #FFFFFF url(images/icon-all-02.html) no-repeat 20px -169px;
	line-height: 26px;
	text-indent: 45px;
	font-size: 18px;
	color: #6100BE;
}

#right_menu_subject .menuitem07 {
	display: block;
	width: 100%;
	background: #FFFFFF url(images/icon-all-02.html) no-repeat 20px -206px;
	line-height: 26px;
	text-indent: 45px;
	font-size: 18px;
	color: #6100BE;
}

#right_menu_subject .menuitem08 {
	display: block;
	width: 100%;
	background: #FFFFFF url(images/icon-all-02.html) no-repeat 20px -242px;
	line-height: 26px;
	text-indent: 45px;
	font-size: 18px;
	color: #6100BE;
}

#right_menu_subject .menuitem09 {
	display: block;
	width: 100%;
	background: #FFFFFF url(images/icon-all-02.html) no-repeat 20px -275px;
	line-height: 26px;
	text-indent: 45px;
	font-size: 18px;
	color: #6100BE;
}

#right_menu_subject .menuitem10 {
	display: block;
	width: 100%;
	background: #FFFFFF url(images/icon-all-02.html) no-repeat 20px -309px;
	line-height: 26px;
	text-indent: 45px;
	font-size: 18px;
	color: #6100BE;
}

/* 反白選單  */

#right_menu_subject .menuitem01_gray {
	display: block;
	width: 100%;
	background: #FFFFFF url(images/icon-all-02.html) no-repeat 16px -489px;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #333333;
	vertical-align: middle;
}

#right_menu_subject .menuitem02_gray {
	display: block;
	width: 100%;
	background: #FFFFFF url(images/icon-all-02.html) no-repeat 16px -521px;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #333333;
	vertical-align: middle;
}

#right_menu_subject .menuitem03_gray {
	display: block;
	width: 100%;
	background: #FFFFFF url(images/icon-all-02.html) no-repeat 16px -553px;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #333333;
	vertical-align: middle;
}

#right_menu_subject .menuitem04_gray {
	display: block;
	width: 100%;
	background: #FFFFFF url(images/icon-all-02.html) no-repeat 16px -585px;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #333333;
	vertical-align: middle;
}

#right_menu_subject .menuitem05_gray {
	display: block;
	width: 100%;
	background: #FFFFFF url(images/icon-all-02.html) no-repeat 16px -618px;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #333333;
	vertical-align: middle;
}

#right_menu_subject .menuitem06_gray {
	display: block;
	width: 100%;
	background: #FFFFFF url(images/icon-all-02.html) no-repeat 16px -650px;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #333333;
	vertical-align: middle;
}


/* 反白選單 - for 無此功能 */

#right_menu_subject .menuitem01_lightgray {
	display: block;
	width: 100%;
	background: #FFFFFF url(images/icon-all-02.html) no-repeat 16px -489px;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #c9b0a3;
	vertical-align: middle;
}

#right_menu_subject .menuitem02_lightgray {
	display: block;
	width: 100%;
	background: #FFFFFF url(images/icon-all-02.html) no-repeat 16px -521px;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #c9b0a3;
	vertical-align: middle;
}

#right_menu_subject .menuitem03_lightgray {
	display: block;
	width: 100%;
	background: #FFFFFF url(images/icon-all-02.html) no-repeat 16px -553px;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #c9b0a3;
	vertical-align: middle;
}

#right_menu_subject .menuitem04_lightgray {
	display: block;
	width: 100%;
	background: #FFFFFF url(images/icon-all-02.html) no-repeat 16px -585px;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #c9b0a3;
	vertical-align: middle;
}

#right_menu_subject .menuitem05_lightgray {
	display: block;
	width: 100%;
	background: #FFFFFF url(images/icon-all-02.html) no-repeat 16px -618px;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #c9b0a3;
	vertical-align: middle;
}

#right_menu_subject .menuitem06_lightgray {
	display: block;
	width: 100%;
	background: #FFFFFF url(images/icon-all-02.html) no-repeat 16px -650px;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #c9b0a3;
	vertical-align: middle;
}


/* 反白選單-數字  */
/* <span class=menuitem_gray ><em>&nbsp;1&nbsp;</em>&nbsp;&nbsp;八字姓名學設定</span> */
#right_menu_subject .menuitem_gray {
	display: block;
	width: 100%;
	background: #FFFFFF;
	line-height: 28px;
	text-indent: 45px;
	font-size: 18px;
	color: #333333;
	vertical-align: middle;
}

	#right_menu_subject .menuitem_gray em {
		width: 18px;
		height: 14px;
		font-size: 15px;
		color: #929292;
		line-height: 20px;
		text-align: center;
		border: solid #c5c5c5 1px;
	}

/* 風水測算排盤結果 */
.ResultContent_NOLI {
	font-size: 15px;
	line-height: 140%;
	color: #333333;
	margin: 3px 10px 10px 10px;
}


/* 方格背景 - 用於系統命名 */
.grid_FFFFEB {
	BACKGROUND-COLOR: #FFFFEB;
	BORDER: #999999 0px solid;
	MARGIN: 5px;
	PADDING: 5px;
	LINE-HEIGHT: 26px;
	FONT-SIZE: 18px;
}
/* 指定輩份文字 */
.grid_FFFFEB_margintop_0 {
	BACKGROUND-COLOR: #FFFFEB;
	BORDER: #999999 0px solid;
	MARGIN: 0px 10px 5px 10px;
	PADDING: 0px;
	LINE-HEIGHT: 26px;
	FONT-SIZE: 18px;
}

/* 使用中  */
.grid_F5EBFF {
	width: 150px;
	BACKGROUND-COLOR: #F5EBFF;
	BORDER: #999999 1px solid;
	MARGIN: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	LINE-HEIGHT: 26px;
	FONT-SIZE: 18px;
	text-align:center;
}

/* 較胖的方格 */
.grid_FFEBFF {	
	PADDING: 15px 5px 15px 5px;
	BACKGROUND-COLOR: #FFEBFF;
	BORDER: #999999 1px solid;
	LINE-HEIGHT: 26px;
	FONT-SIZE: 18px;
}

/*  淺灰反白的方格 */
.grid_FFEBFF_Disabled {	
	PADDING: 15px 5px 15px 5px;
	BACKGROUND-COLOR: #e0e0e0;
	COLOR: #333333;
	BORDER: #999999 1px solid;
	LINE-HEIGHT: 26px;
	FONT-SIZE: 18px;
}


/* 指定輩份文字/自行命名 */
.flat_input_font26 {
	BORDER-RIGHT: #7F9DB9 1px solid;
	BORDER-TOP: #7F9DB9 1px solid;
	BORDER-LEFT: #7F9DB9 1px solid;
	BORDER-BOTTOM: #7F9DB9 1px solid;
	MARGIN: 1pt;
	WIDTH: 40PX;
	HEIGHT: 36pX;
	BACKGROUND-COLOR: #ffffff;
	COLOR: black;
	FONT-SIZE: 26px;
}

.flat_input_font32 {
	BORDER-RIGHT: #7F9DB9 1px solid;
	BORDER-TOP: #7F9DB9 1px solid;
	BORDER-LEFT: #7F9DB9 1px solid;
	BORDER-BOTTOM: #7F9DB9 1px solid;
	MARGIN: 4px;
	padding: 4px;
	WIDTH: 46PX;
	HEIGHT: 46pX;
	BACKGROUND-COLOR: #ffffff;
	COLOR: black;
	FONT-SIZE: 32px;
}


.flat_input_font34 {
	BORDER-RIGHT: #7F9DB9 1px solid;
	BORDER-TOP: #7F9DB9 1px solid;
	BORDER-LEFT: #7F9DB9 1px solid;
	BORDER-BOTTOM: #7F9DB9 1px solid;
	MARGIN: 4px;
	padding: 6px;
	WIDTH: 54px;
	HEIGHT: 54px;
	BACKGROUND-COLOR: #ffffff;
	COLOR: black;
	FONT-SIZE: 34px;
}

/* 筆劃下拉式選單 */
.flat_select {
	BORDER-TOP-WIDTH: 1px;
	BORDER-TOP-COLOR: #716F64;
	BORDER-RIGHT-WIDTH: 1px;
	BORDER-RIGHT-COLOR: #716F64;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-BOTTOM-COLOR: #716F64;
	BORDER-LEFT-WIDTH: 1px;
	BORDER-LEFT-COLOR: #716F64;
	BACKGROUND-COLOR: #ffffff;
	COLOR: #0066CC;
	FONT-SIZE: 18px;
}


/* 自定義callout */
.callout {
	padding: 15px;
	margin: 15px 0;
	border: 1px solid #999999;
	border-left-width: 5px;
	border-radius: 3px;
}

	.callout h4 {
		margin-top: 0;
		margin-bottom: 5px;
	}

	.callout p:last-child {
		margin-bottom: 0;
	}

	.callout code {
		border-radius: 3px;
	}

	.callout + .bs-callout {
		margin-top: -5px;
	}

.callout-default {
	border-left-color: #777;
}

	.callout-default h4 {
		color: #777;
	}

.callout-primary {
	border-left-color: #428bca;
}

	.callout-primary h4 {
		color: #428bca;
	}

.callout-success {
	border-left-color: #5cb85c;
}

	.callout-success h4 {
		color: #5cb85c;
	}

.callout-danger {
	border-left-color: #d9534f;
}

	.callout-danger h4 {
		color: #d9534f;
	}

.callout-warning {
	border-left-color: #f0ad4e;
}

	.callout-warning h4 {
		color: #f0ad4e;
	}

.callout-info {
	border-left-color: #5bc0de;
}

	.callout-info h4 {
		color: #5bc0de;
	}


/* VIP系統流程介紹  */

#PaperGrid {
	border: #d2a8f9 1px solid;
	margin: 5px 0px 10px 0px;
	padding: 0px 10px 15px 10px;
	BACKGROUND: url(images/tag04e2.html) repeat-x left top;
	WORD-WRAP: break-word;
	COLOR: #333333;
	font-SIZE: 18px;
}

.BBnameContent {
	font-size: 18px;
	line-height: 28px;
	color: #333333;
	margin: 3px 5px 10px 5px;
}

.word_sub {
	FONT: 13px "細明體";
	vertical-align: sub;
	COLOR: #333333;
}

.word_blue {
	FONT: 20px "細明體";
	CURSOR: pointer;
	COLOR: #0033CC;
	padding: 1px 0px 1px 3px;
	line-height: 28px;
}

.bd_s{background:#f4f2e8;padding:15px;font-size: 18px;LINE-HEIGHT: 26px; }

/* 文章標題區 */

#PaperSec {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 5px 0px 5px 0px; PADDING-TOP: 0px; POSITION: relative
}

#PaperGrid {
	BORDER-RIGHT: #DAC8B6 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #DAC8B6 1px solid; MARGIN-TOP: 5px; PADDING-LEFT: 0px; BACKGROUND: url(images/tag04e2.html) repeat-x left top; PADDING-BOTTOM: 0px; BORDER-LEFT: #DAC8B6 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #DAC8B6 1px solid; WORD-WRAP: break-word; 
}

#PaperGrid .PaperGrid_title {
	height:28px; BACKGROUND: url(images/title_bg00.html) repeat-y center top; 
}

.tagspan { margin: 5px 0 15px 0; padding: 5px 0; font-size: 12px; text-align: center; background-color: #fafafa; border-top: 0px dashed #C0C0C0; border-right: 1px none #C0C0C0; border-bottom: 1px dashed #C0C0C0; border-left: 1px none #C0C0C0; position: relative; }
#PaperSec .msubject2 {
	FONT-SIZE: 18pt; LINE-HEIGHT: 24pt; FONT-FAMILY: "新細明體"; FONT-WEIGHT: bold; color: #CC3300; border: #A498BD solid; height: 0px; color: #4D2078; border-width: 0px 0px 1px;text-align: center; 
} 

/* 文章內容
----------------------------------------------------------*/
.contentspan_title {font-size: 22px; WIDTH: 100%; BORDER-BOTTOM: #d2a8f9 1px solid; FONT-FAMILY: "標楷體"; color:#450382; text-align:center; }
.contentspan_title2 { font-size: 22px; FONT-WEIGHT: bold; FONT-FAMILY: "標楷體"; color:#ffffff; text-align:center; }

.contentspan{font-size: 18px; line-height: 28px; color:#333333; FONT-FAMILY: "新細明體"; margin:3px 10px 10px 10px ;}
.contentspan a{color: #00F; text-decoration: none;}
.contentspan a:hover{color: #ff0000;text-decoration: underline;}
.contentspan p{margin-top: 8px;margin-bottom: 8px;text-indent: 2em;}

