﻿/* 以下css為設計師專用請勿動到設定,若需要請在建立新的class或直接寫在style標籤上*/


body{
	margin:0;
	border:0;
	scrollbar-face-color: DEEAF9;
	scrollbar-highlight-color: DEEAF9;
	scrollbar-shadow-color: DEEAF9;
	scrollbar-3dlight-color: DEEAF9;
	scrollbar-arrow-color: 196BC9;
	scrollbar-track-color: DEEAF9;
	scrollbar-darkshadow-color: gray;
	background-image: url(../bg.gif);
}

div{border:0;}

/*
A:link 是代表普通狀態的連結 
A:visited 是代表造訪過的連結 
A:hover 是代表滑鼠移到連結 
A:active 是代表按下去連結 
*/

a:link 	   {font: 100% "Arial, Verdana, Helvetica, sans-serif"; text-decoration: none; color: #000000}
a:visited  {font: 100% "Arial, Verdana, Helvetica, sans-serif"; text-decoration: none; color: #000000}
a:active   {font: 100% "Arial, Verdana, Helvetica, sans-serif"; text-decoration: none; color: #000000}
a:hover    {font: 100% "Arial, Verdana, Helvetica, sans-serif"; text-decoration: underline; color: #B70034}


/* 標題文字 */
.title_8p {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 60%;font-variant: normal;font-style: normal;line-height: 170%;text-decoration: none;}
.title_9p {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 70%;font-variant: normal;font-style: normal;line-height: 170%;text-decoration: none;}
.title_10p {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 75%;font-variant: normal;font-style: normal;line-height: 170%;text-decoration: none;}
.title_12p {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 80%;font-variant: normal;font-style: normal;line-height: 170%;text-decoration: none;}
.title2_12p {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 80%;font-variant: normal;font-style: normal;line-height: 150%;text-decoration: none;}
.title_14p {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 95%;font-variant: normal;font-style: normal;line-height: 170%;text-decoration: none;}
.title_15p {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 100%;font-variant: normal;font-style: normal;line-height: 170%;text-decoration: none;}
.title_16p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 110%;font-variant: normal;font-style: normal;line-height: 100%;text-decoration: none;}
.title_17p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 120%;font-variant: normal;font-style: normal;line-height: 170%;text-decoration: none;}
.title_18p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 130%;font-variant: normal;font-style: normal;line-height: 170%;text-decoration: none;}
.title_19p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 140%;font-variant: normal;font-style: normal;line-height: 170%;text-decoration: none;}
.title_20p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 150%;font-variant: normal;font-style: normal;line-height: 170%;text-decoration: none;}


/* 內容文字 */
.text_8p {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 60%;font-variant: normal;font-style: normal;line-height: 170%;text-decoration: none;}
.text_9p {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 70%;font-variant: normal;font-style: normal;line-height: 170%;text-decoration: none;}
.text_10p {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 75%;font-variant: normal;font-style: normal;line-height: 170%;text-decoration: none;}
.text2_10p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 75%;font-variant: normal;font-style: normal;line-height: 170%;text-decoration: none;}
.text3_10p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 75%;font-variant: normal;font-style: normal;line-height: 120%;text-decoration: none;}
.text4_10p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 75%;font-variant: normal;font-style: normal;line-height: 140%;text-decoration: none;}
.text5_10p { font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 75%;font-variant: normal;font-style: normal;line-height: 160%;text-decoration: none;}
.text_12p {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 80%;font-variant: normal;font-style: normal;line-height: 170%;text-decoration: none;}
.text_14p {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 95%;font-variant: normal;font-style: normal;line-height: 170%;text-decoration: none;}
.text_15p {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 100%;font-variant: normal;font-style: normal;line-height: 170%;text-decoration: none;}

/* 文字色彩(請按英文字母排序) */
.amethyst01 {COLOR:#3C174F;text-decoration: none;}
.amethyst01 A:link {COLOR: #3C174F;text-decoration: none;}
.amethyst01 A:visited {COLOR: #3C174F;text-decoration: none;}
.amethyst01 A:hover {COLOR: #3C174F;text-decoration: none;}

.black01 {COLOR:#000000;text-decoration: none;}
.black01 A:link {COLOR: #000000;text-decoration: none;}
.black01 A:visited {COLOR: #000000;text-decoration: none;}
.black01 A:hover {COLOR: #0052CC;text-decoration: underline;}

.blue01 {COLOR:#32D6FF;text-decoration: none;}
.blue01 A:link {COLOR: #32D6FF;text-decoration: none;}
.blue01 A:visited {COLOR: #32D6FF;text-decoration: none;}
.blue01 A:hover {COLOR: #FF6600;text-decoration: none;}

.blue02 {COLOR:#0682C4;text-decoration: none;}
.blue02 A:link {COLOR: #0682C4;text-decoration: none;}
.blue02 A:visited {COLOR: #0682C4;text-decoration: none;}
.blue02 A:hover {COLOR: #32D6FF;text-decoration: none;}

.blue03 {COLOR:#0099BF;text-decoration: none;}
.blue03 A:link {COLOR: #0099BF;text-decoration: none;}
.blue03 A:visited {COLOR: #0099BF;text-decoration: none;}
.blue03 A:hover {COLOR: #0099BF;text-decoration: none;}

.blue04 {COLOR:#77B5FF;text-decoration: none;}
.blue04 A:link {COLOR: #77B5FF;text-decoration: none;}
.blue04 A:visited {COLOR: #77B5FF;text-decoration: none;}
.blue04 A:hover {COLOR: #77B5FF;text-decoration: none;}

.blue05 {COLOR:#0099CC;text-decoration: none;}
.blue05 A:link {COLOR:#0099CC;text-decoration: underline;}
.blue05 A:visited {COLOR:#0099CC;text-decoration: underline;}
.blue05 A:hover {COLOR: #000000;text-decoration: underline;}

.brown01 {COLOR:#5E4326;text-decoration: none;}
.brown01 A:link {COLOR: #5E4326;text-decoration: none;}
.brown01 A:visited {COLOR: #5E4326;text-decoration: none;}
.brown01 A:hover {COLOR: #333333;text-decoration: none;}

.gray01 {COLOR:#666666;text-decoration: none;}
.gray01 A:link {COLOR: #666666;text-decoration: none;}
.gray01 A:visited {COLOR: #666666;text-decoration: none;}
.gray01 A:hover {COLOR: #16ADF7;text-decoration: underline;}

.gray02 {COLOR:#999999;text-decoration: none;}
.gray02 A:link {COLOR: #999999;text-decoration: none;}
.gray02 A:visited {COLOR: #999999;text-decoration: none;}
.gray02 A:hover {COLOR: #16ADF7;text-decoration: underline;}

.gray03 {COLOR:#666666;text-decoration: none;}
.gray03 A:link {COLOR: #666666;text-decoration: none;}
.gray03 A:visited {COLOR: #666666;text-decoration: none;}
.gray03 A:hover {COLOR: #000000;text-decoration: none;position: relative;top: 1pt; left: 1pt;}

.green01 {COLOR:#9AD226;text-decoration: none;}
.green01 A:link {COLOR: #9AD226;text-decoration: underline;}
.green01 A:visited {COLOR: #9AD226;text-decoration: underline;}
.green01 A:hover {COLOR: #000000;text-decoration: underline;}

.orange01 {COLOR:#FF7300;text-decoration: none;}
.orange01 A:link {COLOR: #FF7300;text-decoration: underline;}
.orange01 A:visited {COLOR: #FF7300;text-decoration: underline;}
.orange01 A:hover {COLOR: #000000;text-decoration: underline;}

.orange02 {COLOR:#FF6600;text-decoration: none;}
.orange02 A:link {COLOR: #FF6600;text-decoration: underline;}
.orange02 A:visited {COLOR: #FF6600;text-decoration: underline;}
.orange02 A:hover {COLOR: #000000;text-decoration: underline;}

.purple01 {COLOR:#785498;text-decoration: none;}
.purple01 A:link {COLOR: #785498;text-decoration: underline;}
.purple01 A:visited {COLOR: #785498;text-decoration: underline;}
.purple01 A:hover {COLOR: #377CC8;text-decoration: underline;}

.red01 {COLOR:#ff0000;text-decoration: none;}
.red01 A:link {COLOR: #FF0000;text-decoration: none;}
.red01 A:visited {COLOR: #FF0000;text-decoration: none;}
.red01 A:hover {COLOR: #000000;text-decoration: none;}

.red02 {COLOR:#D72789;text-decoration: none;}
.red02 A:link {COLOR: #D72789;text-decoration: none;}
.red02 A:visited {COLOR: #D72789;text-decoration: none;}
.red02 A:hover {COLOR: #000000;text-decoration: none;}

.white01 {COLOR:#ffffff;text-decoration: none;}
.white01 A:link {COLOR: #ffffff;text-decoration: none;}
.white01 A:visited {COLOR: #ffffff;text-decoration: none;}
.white01 A:hover {COLOR: #ffffff;text-decoration: none;}

.yellow01 {COLOR:#756F00;text-decoration: none;}
.yellow01 A:link {COLOR: #756F00;text-decoration: none;}
.yellow01 A:visited {COLOR: #756F00;text-decoration: none;}
.yellow01 A:hover {COLOR: #756F00;text-decoration: none;}

.violet01 {COLOR:#64298E;text-decoration: none;background-color:#FFE8F2;}
.violet01 A:link {COLOR: #64298E;text-decoration: none;background-color:#FFE8F2;}
.violet01 A:visited {COLOR: #64298E;text-decoration: none;background-color:#FFE8F2;}
.violet01 A:hover {COLOR: #B89005;text-decoration: underline;background-color:#FFE8F2;}



/* 特殊設定 */
.bold01 {font-weight: bold;}
.bold01 A:link {font-weight: bold;}
.bold01 A:visited {font-weight: bold;}
.bold01 A:hover {font-weight: bold;}

.margin01{
	margin-right: 50pt;
	text-align:right;
}
.padding01{
	padding-right: 50pt;text-align:right;
}

.hidden {visibility: hidden;}


/* 表格色彩 */
.table_TD01_a {background-color:#DDF0FF; height:10pt; line-height: 180%;}
.table_TD01_a A:link {background-color:#DDF0FF; height:10pt; line-height: 180%;}
.table_TD01_a A:visited {background-color:#DDF0FF; height:10pt; line-height: 180%;}
.table_TD01_a A:hover {background-color:#DDF0FF; height:10pt; line-height: 180%;}


/* 所有相關按鍵定義之名稱,依定義名稱往下延伸 */
    .button01
    {
	border:1px double #333399;
	background-color: #E8F4FF;
	color: #333399;
	font-size: 80%;
	cursor:hand;
	vertical-align:middle;
	padding:1;
	height:20;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
    }	


/* 輸入文字方塊定義名稱,依定義名稱往下延伸 */
	.inputbox01
    {
       border:1pt solid #CFCFCF; 
	   background-color: #ffffff;
       color: #A7B6C8;
       font-size: 75%;
       cursor:hand;
       vertical-align:middle;
       padding:1;
	   height:25
    }	
	
	.inputbox02
    {
       border:1pt solid #0478AE;
	   font-family:Arial, Helvetica, sans-serif;
	   background-color: #D2FCFF;
       color: #00698C;
       font-size: 80%;
       cursor:hand;
    }
	
	.inputbox03
    {
       border:1pt solid #D4D4D4;
	   font-family:Verdana, Arial, Helvetica, sans-serif;
	   background-color: #F4FDFF;
       color: #000000;
    }	
	
	.inputbox04
    {
       border:1pt solid #B4E1EF;
	   font-family:Verdana, Arial, Helvetica, sans-serif;
	   background-color: #FFFFFF;
       color: #000000;
    }	



/* 下拉式清單方塊定義名稱,依定義名稱往下延伸 */
	.listbox01
    {
       border:1pt solid #9B9B9B;
	   background-color: #ffffff;
       color: #666666;
       font-size: 75%;
       cursor:hand;
       vertical-align:middle;
       padding:1;
	   height:20
    }


/* 卷軸定義名稱,依定義名稱往下延 */

.scrollbar01 {
	SCROLLBAR-FACE-COLOR: #d8d8d8; 
	OVERFLOW-X: hidden; 
	MARGIN: 0px; 
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
	OVERFLOW: auto; 
	WIDTH: 95%; 
	SCROLLBAR-SHADOW-COLOR: #999999; 
	SCROLLBAR-3DLIGHT-COLOR: #dddddd; 
	SCROLLBAR-ARROW-COLOR: #999999; 
	SCROLLBAR-TRACK-COLOR: #eeeeee; 
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff; 
}

/* 圖層設定 */
#Layer1 {
	position:absolute;
	width:100%;
	height:auto;
	z-index:1;
}
#Layer2 {
	position:absolute;
	width:100%;
	height:auto;
	z-index:1;
}
#Layer3 {
	position:absolute;
	width:100%;
	height:auto;
	z-index:1;
}

#Layer4 {
	position:absolute;
	width:10%;
	height:auto;
	z-index:1;
}
#Layer5 {
	position:absolute;
	width:10%;
	height:auto;
	z-index:1;
}
#Layer6 {
	position:absolute;
	width:10%;
	height:auto;
	z-index:1;
}

#bottom_links {position: absolute; width:10%;height:auto;top:490pt; z-index:1;}

#top_links {position:absolute; width:10%; height:auto; z-index:1;}


/*此處為配合版型更換用的CSS設定-選單*/
.Ubt_menu01 {
	COLOR:#666666;text-decoration: none;line-height: 170%;padding-right: 50pt;text-align:right;;height:19pt;
}
.Ubt_menu01 A:link {
	COLOR:#666666;text-decoration: none;line-height: 170%;text-align:right;
}
.Ubt_menu01 A:visited {
	COLOR:#666666;text-decoration: none;line-height: 170%;text-align:right;
}
.Ubt_menu01 A:hover {
	COLOR: #000000;text-decoration: underline;line-height: 170%;text-align:right;
}

.Bbt_menu01 {
	text-align:right;
}

.Rbt_menu01 {
	COLOR:#6E6E6E;text-decoration: none;line-height: 170%;text-align:left;font-weight: bold;
}
.Rbt_menu01 A:link {
	COLOR:#6E6E6E;text-decoration: none;line-height: 170%;text-align:left;font-weight: bold;
}
.Rbt_menu01 A:visited {
	COLOR:#6E6E6E;text-decoration: none;line-height: 170%;text-align:left;font-weight: bold;
}
.Rbt_menu01 A:hover {
	COLOR: #0A9D9F;text-decoration: none;line-height: 170%;text-align:left;font-weight: bold;
}

.Rbt_menu02 {
	COLOR:#02669A;text-decoration: none;line-height: 170%;text-align:center;font-weight: bold;
}
.Rbt_menu02 A:link {
	COLOR:#02669A;text-decoration: none;line-height: 170%;text-align:center;font-weight: bold;
}
.Rbt_menu02 A:visited {
	COLOR:#02669A;text-decoration: none;line-height: 170%;text-align:center;font-weight: bold;
}
.Rbt_menu02 A:hover {
	COLOR: #FFFFFF;text-decoration: none;line-height: 170%;text-align:center;font-weight: bold;
}

.sub_Lbt_menu01 {
	COLOR:#666666;text-decoration: none;line-height: 170%;text-align:left;font-weight: bold;padding-left: 45pt;
}
.sub_Lbt_menu01 A:link {
	COLOR:#666666;text-decoration: none;line-height: 170%;text-align:left;font-weight: bold;
}
.sub_Lbt_menu01 A:visited {
	COLOR:#666666;text-decoration: none;line-height: 170%;text-align:left;font-weight: bold;
}
.sub_Lbt_menu01 A:hover {
	COLOR: #FFFFFF;text-decoration: none;line-height: 170%;text-align:left;font-weight: bold;
}

/*此處為配合版型更換用的CSS設定-文字連結*/
.LEFT_text01 {
	COLOR:#666666;text-decoration: none;line-height: 170%;
}
.LEFT_text01 A:link {
	COLOR:#666666;text-decoration: none;line-height: 170%;
}
.LEFT_text01 A:visited {
	COLOR:#666666;text-decoration: none;line-height: 170%;
}
.LEFT_text01 A:hover {
	COLOR: #000000;text-decoration: underline;line-height: 170%;
}

.sub_LEFTtd_text01 {
	COLOR:#0099CD;text-decoration: none;line-height: 170%;font-weight: bold;padding-left: 55pt;
}
.sub_LEFTtd_text01 A:link {
	COLOR:#0099CD;text-decoration: none;line-height: 170%;font-weight: bold;
}
.sub_LEFTtd_text01 A:visited {
	COLOR:#0099CD;text-decoration: none;line-height: 170%;font-weight: bold;
}
.sub_LEFTtd_text01 A:hover {
	COLOR: #000000;text-decoration: underline;line-height: 170%;font-weight: bold;
}

.CENTER_text01 {
	COLOR:#000000;text-decoration: none;line-height: 170%;
}
.CENTER_text01 A:link {
	COLOR:#000000;text-decoration: none;line-height: 170%;
}
.CENTER_text01 A:visited {
	COLOR:#000000;text-decoration: none;line-height: 170%;
}
.CENTER_text01 A:hover {
	COLOR: #783000;text-decoration: none;line-height: 170%;
}

.CENTER_text02 {
	COLOR:#000000;text-decoration: none;font-weight: bold;
}
.CENTER_text02 A:link {
	COLOR:#000000;text-decoration: none;font-weight: bold;
}
.CENTER_text02 A:visited {
	COLOR:#000000;text-decoration: none;font-weight: bold;
}
.CENTER_text02 A:hover {
	COLOR: #783000;text-decoration: none;font-weight: bold;
}

.CENTER_text03 {
	COLOR:#474747;text-decoration: none;line-height: 170%;
}
.CENTER_text03 A:link {
	COLOR:#474747;text-decoration: none;line-height: 170%;
}
.CENTER_text03 A:visited {
	COLOR:#474747;text-decoration: none;line-height: 170%;
}
.CENTER_text03 A:hover {
	COLOR: #000000;text-decoration: underline;line-height: 170%;
}

.FOOTER_text01 {
	COLOR:#ffffff;text-decoration: none;line-height: 170%;
}
.FOOTER_text01 A:link {
	COLOR:#ffffff;text-decoration: none;line-height: 170%;
}
.FOOTER_text01 A:visited {
	COLOR:#ffffff;text-decoration: none;line-height: 170%;
}
.FOOTER_text01 A:hover {
	COLOR: #FFF100;text-decoration: underline;line-height: 170%;
}

.FOOTER_text02 {
	COLOR:#FFF100;text-decoration: none;line-height: 170%;font-weight: bold;
}
.FOOTER_text02 A:link {
	COLOR:#FFF100;text-decoration: none;line-height: 170%;font-weight: bold;
}
.FOOTER_text02 A:visited {
	COLOR:#FFF100;text-decoration: none;line-height: 170%;font-weight: bold;
}
.FOOTER_text02 A:hover {
	COLOR: #FFF100;text-decoration: underline;line-height: 170%;font-weight: bold;
}

.FOOTER_text03 {
	COLOR:#333333;text-decoration: none;line-height: 170%;
}
.FOOTER_text03 A:link {
	COLOR:#333333;text-decoration: none;line-height: 170%;
}
.FOOTER_text03 A:visited {
	COLOR:#333333;text-decoration: none;line-height: 170%;
}
.FOOTER_text03 A:hover {
	COLOR: #FFF100;text-decoration: underline;line-height: 170%;
}

/*CSS設定-背景圖*/

.index_left{ background-image:url(../index_left.jpg); background-position:top right; background-repeat:no-repeat;}

.index_right{ background-image:url(../index_right.jpg); background-position:top left; background-repeat:no-repeat;}

.index_middle { background-image:url(../index_bg.jpg); background-position:top center; background-repeat:no-repeat;}

.bg_left { background-image:url(../bg_left.jpg); background-position:top right; background-repeat:no-repeat; }

.bg_right { background-image:url(../bg_right.jpg); background-position:top left; background-repeat:no-repeat; }

.bottom_left { background-image:url(../bottom_left.jpg); background-position:bottom left; background-repeat:no-repeat; }

.bottom_bg { background-image:url(../bottom_bg.jpg); background-position:top left; background-repeat:no-repeat; }

.middle_bg{ background-image:url(../bottom_bg2.jpg); background-position:bottom left; background-repeat:no-repeat; }

.title_bg{ background-image:url(../bg_title.jpg); background-position:top left; background-repeat:no-repeat;}

.box_line001{
background-image:url(../line003.jpg);
background-position:left middle;
background-repeat:repeat-x;
}

/*CSS設定-表格border*/
.border001{
border-right:1pt solid #E5E5E5;
border-bottom:1pt solid #E5E5E5;
}

.border002{
border-bottom:1pt solid #E5E5E5;
}

.border003{
border-bottom:1pt solid #E5E5E5;
padding-top:6pt;
padding-bottom:6pt; 
}
