﻿/* 以下css為設計師專用請勿動到設定,若需要請在建立新的class或直接寫在style標籤上*/

body{
	margin: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.jpg); 
	background-repeat:no-repeat; 
	background-position:center top;
}


/*
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;}
.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: Arial, Verdana, Helvetica, sans-serif;font-size: 100%;font-variant: normal;font-style: normal;line-height: 170%;text-decoration: none;}
.title_16p {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 110%;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;}
.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;}

/* 內容文字 */
.text_8pt {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 60%;font-variant: normal;font-style: normal;line-height: 170%;text-decoration: none;}
.text_9pt {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 70%;font-variant: normal;font-style: normal;line-height: 170%;text-decoration: none;}
.text_10pt {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 75%;font-variant: normal;font-style: normal;line-height: 170%;text-decoration: none;}
.text_12pt {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 80%;font-variant: normal;font-style: normal;line-height: 170%;text-decoration: none;}
.text_12_1pt {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 80%;font-variant: normal;font-style: normal;line-height: 180%;text-decoration: none;}
.text_14pt {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 95%;font-variant: normal;font-style: normal;line-height: 170%;text-decoration: none;}
.text_15pt {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 100%;font-variant: normal;font-style: normal;line-height: 170%;text-decoration: none;}
.text_all {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 80%;font-variant: normal;font-style: normal;line-height: 200%;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:#2577D3;text-decoration: none;}
.blue01 A:link {COLOR: #2577D3;text-decoration: none;}
.blue01 A:visited {COLOR: #2577D3;text-decoration: none;}
.blue01 A:hover {COLOR: #0053D0;text-decoration: none;}

.blue02 {COLOR:#0478C1;text-decoration: none;}
.blue02 A:link {COLOR: #0478C1;text-decoration: none;}
.blue02 A:visited {COLOR: #0478C1;text-decoration: none;}
.blue02 A:hover {COLOR: #0053D0;text-decoration: none;}

.blue03 {COLOR:#004E6C;text-decoration: none;}
.blue03 A:link {COLOR: #004E6C;text-decoration: none;}
.blue03 A:visited {COLOR: #004E6C;text-decoration: none;}
.blue03 A:hover {COLOR: #004E6C;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: #000000;text-decoration: underline;}

.green01 {COLOR:#305A04;text-decoration: none;}
.green01 A:link {COLOR: #305A04;text-decoration: none;}
.green01 A:visited {COLOR: #305A04;text-decoration: none;}
.green01 A:hover {COLOR: #305A04;text-decoration: none;}

.green03 {COLOR:#2d8a0c;text-decoration: none;}
.green03 A:link {COLOR: #2d8a0c;text-decoration: none;}
.green03 A:visited {COLOR: #2d8a0c;text-decoration: none;}
.green03 A:hover {COLOR: #2d8a0c;text-decoration: none;}

.orange01 {COLOR:#FA8025;text-decoration: none;}
.orange01 A:link {COLOR: #FA8025;text-decoration: underline;}
.orange01 A:visited {COLOR: #FA8025;text-decoration: underline;}
.orange01 A:hover {COLOR: #414141;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;}

.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: #FFF200;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
    }	


/* 下拉式清單方塊定義名稱,依定義名稱往下延伸 */
	.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;
}

/*此處為配合版型更換用的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設定-背景圖*/
.INDEXBG {
	background-image: url(../in_bg.gif);background-repeat:no-repeat; background-position:top left;
}
.MENUBG {
	background-image: url(menu1_bg.gif);background-repeat:repeat-x;
}
.TOPBG {
	background-image: url(top_bg.gif);background-repeat:no-repeat; background-position:top left;
}
.LEFTBG {
	background-image: url(left_bg.jpg);background-repeat:no-repeat; background-position:top left;
}
.sub_LEFTBG {
	background-image: url(sub_left_bg.jpg);background-repeat:no-repeat; background-position:top left;
}
.sub_LEFTtd_BG {
	background-image: url(sub_left2_title.gif);background-repeat:no-repeat; background-position:top bottom;
}
.CENTERBG {
	background-image: url(center_bg.jpg);background-repeat:no-repeat; background-position:top left;
}
.sub_CENTERBG {
	background-image: url(sub_center_bg.jpg);background-repeat:no-repeat; background-position:top left;
}
.CENTERBG_td1 {
	background-image: url(center2_bg1.gif);background-repeat:repeat-x;
}
.CENTERBG_td2 {
	background-image: url(center2_bg2.gif);background-repeat:repeat-x;
}
.CENTERBG_td3 {
	background-image: url(center1_5.gif);background-repeat:no-repeat; background-position:top left;
}
.RIGHTBG {
	background-image: url(right_bg.jpg);background-repeat:no-repeat; background-position:top left;
}
.FOOTERBG {
	background-image: url(footer_bg.gif);background-repeat:repeat-x;
}
.line {border:1pt solid #C0C0C0;border-spacing:0;padding:0;}

.pt_01 {
	background-color:#eeeeee;COLOR:#1b6dae;text-decoration: none;font-size: 80%;
}
.pt_name {
	COLOR:#000000;text-decoration: none;font-size: 80%;font-weight: bold;line-height: 170%;
}
.pt_name A:link {
	COLOR:#000000;text-decoration: none;font-weight: bold;line-height: 170%;
}
.pt_name A:visited {
	COLOR:#000000;text-decoration: none;font-weight: bold;line-height: 170%;
}
.pt_name A:hover {
	COLOR:#000000;text-decoration: none;font-weight: bold;line-height: 170%;
}

.pt_sale {
	COLOR:#666666;text-decoration: none;font-size: 80%;line-height: 170%;
}
.pt_price {
	COLOR:#ff0000;text-decoration: none;font-size: 80%;line-height: 170%;
}
.pt_bg {
	background-image: url(../pt_ptbg.gif);background-repeat:no-repeat; background-position: center;
}
.pt_02 {
	COLOR:#666666;text-decoration: none;font-size: 80%;
}
.pt_02 A:link {
	COLOR:#666666;text-decoration: none;
}
.pt_02 A:visited {
	COLOR:#666666;text-decoration: none;
}
.pt_02 A:hover {
	COLOR:#666666;text-decoration: none;
}

.qa_01 {
	COLOR:#165a8f;background-color:#e6e6e6;
}
.qa_02 {
	COLOR:#606060;background-color:#ddf0ff;
}
.qa_02 A:link {
	COLOR:#606060;background-color:#ddf0ff;
}
.qa_02 A:visited {
	COLOR:#606060;background-color:#ddf0ff;
}
.qa_02 A:hover {
	COLOR:#0e0f10;background-color:#ddf0ff;text-decoration: underline;
}

.qa_03 {
	COLOR:#800987;background-color:#ddf0ff;
}.qa_03 A:link {
	COLOR:#800987;background-color:#ddf0ff;
}
.qa_03 A:visited {
	COLOR:#800987;background-color:#ddf0ff;
}
.qa_03 A:hover {
	COLOR:#800987;background-color:#ddf0ff;text-decoration: underline;
}