﻿/*--網頁捲軸及內容設定-----------------------------------------------------------------------------------------------------*/
body
{
	scrollbar-highlight-color :#5b5b5b;   /*左上外框內緣*/
	scrollbar-shadow-color    :#0b0b0b;   /*右下外框內緣-深色*/
	scrollbar-darkshadow-color:#424242;   /*右下外框邊緣*/ 
	scrollbar-3dlight-color   :#141414;   /*左上外框邊緣-深色*/
	scrollbar-arrow-color     :#f0fef5;   /*箭頭*/
	scrollbar-face-color      :#000000;   /*面板*/ 
	scrollbar-track-color     :#222222;   /*面板底色*/ 
/*	scrollbar-base-color      :#FDF2B7;     一次設定整個捲軸的基底色彩，顏色設定為網站風格色系即可*/

	margin-left  :0px;
	margin-top   :0px;
	margin-right :0px;
	margin-bottom:0px;

	background-color:#232323;                /*背景色*/
	background-image:url(../images/home/bg_home02.gif);  /*背景圖*/
/*	background-attachment:fixed;             背景圖不動*/
/*	background-repeat:no-repeat;               背景圖不重覆*/
/*	background-repeat:repeat-x;              背景圖水平重覆*/
/*	background-repeat:repeat-y;                背景圖垂直重覆*/
 
	font-family:"Arial", "Helvetica", "sans-serif";  /*字型*/
	color:#1b1b1b;                                   /*字色*/
	font-size:9pt;                                   /*字大小*/
	line-height:14pt;                                /*行距*/
/*	letter-spacing:1pt;                                字距*/
/*	overflow-x:hidden;                                 不會出現橫拉把，x改成y的話就不會出現直拉把*/

}



/*--表格字型、大小、行距設定(同body設定即可--------------------------------------------------------------------------------*/
td,th
{
	font-family:"Arial","Helvetica","sans-serif";
	color:#1b1b1b;
	font-size:9pt;
	line-height:14pt;
/*	letter-spacing:1pt;*/
}



/*--連結設定---------------------------------------------------------------------------------------------------------------*/
a:link     {color:#023b8a;text-decoration:none}                                           /*一般連結*/
a:visited  {color:#002b67;text-decoration:none}                                           /*參觀過的連結*/
a:hover    {color:#a61501;text-decoration:none}                                      /*當滑鼠移到連結上*/
/*a:hover  {color:#9A0000;text-decoration:underline;position:relative;top:-1px;right:1px;}  當滑鼠移到連結上會往上跳一下*/

.link_01:link     {color:#000000;text-decoration:none;line-height:11pt;}  /*左方最新消息連結*/
.link_01:visited  {color:#464646;text-decoration:none;line-height:11pt;}      
.link_01:hover    {color:#ca0000;text-decoration:none;line-height:11pt;}

.link_02:link     {color:#608000;text-decoration:none;line-height:12pt;font-size:10pt;}  /*最新消息連結*/
.link_02:visited  {color:#608000;text-decoration:none;line-height:12pt;font-size:10pt;}      
.link_02:hover    {color:#ca0000;text-decoration:none;line-height:12pt;font-size:10pt;}

.link_03:link     {color:#FFFFFF;text-decoration:none;line-height:11pt;font-size:8pt;}  /*商品連結*/
.link_03:visited  {color:#FFFFFF;text-decoration:none;line-height:11pt;font-size:8pt;}      
.link_03:hover    {color:#aae539;text-decoration:none;line-height:11pt;font-size:8pt;}

.link_04:link     {color:#969696;text-decoration:none;line-height:11pt;}  /*首頁最新消息連結*/
.link_04:visited  {color:#969696;text-decoration:none;line-height:11pt;}      
.link_04:hover    {color:#FFFFFF;text-decoration:none;line-height:11pt;}


/*底圖、字變色連結*/
#bt a {
		width:150px;
		padding: 2px 0 0 40px;
		color:#000000;
		font-size:10pt;letter-spacing:5pt;
		background: url("../images/home/bg_bt.gif") 0 0 no-repeat;
		}
#bt a:hover {	
		color: #FFFFFF;
		font-size:10pt;letter-spacing:5pt;
		background: url("../images/home/bg_bto.gif") 0 0 no-repeat;
		}
	

#kind a {
		width:200px;
		padding: 2px 0 0 28px;
		color:#000000;
		background: url("../images/home/bg_bt.gif") 0 0 no-repeat;
		}
#kind a:hover {	
		color: #FFFFFF;
		background: url("../images/home/bg_bto.gif") 0 0 no-repeat;
		}



.link_bt01  /*底圖變色連結*/
{
	border-width: 0px;
    background-color: #e7e6e6;
	cursor: hand;
	color:#FFFFFF;
} 


/*--清除連結虛線---------------------------------------------------------------------------------------------------------------*/
a {noFocusLine:expression(this.onFocus=this.blur())} /* For IE, onFocus 的 F 要大寫*/
:focus {-moz-outline-style: none}  /*For Firefox */



/*--設定form不會有高度-----------------------------------------------------------------------------------------------------*/
.form{margin:0;}
/*.form{margin-top:5;margin-bottom:5;margin-right:5;margin-left:5;}



/*--按鈕設定（顏色按鈕）---------------------------------------------------------------------------------------------------*/
.bt10   /*立體*/
{
	font-size:9pt;color:#ffffff;
	background-color:#b40707;height:18pt;
	padding-top:4px;padding-bottom:3px;padding-left:3px;
	border: 1px outset #FFFFFF;
}

.bt11   /*平面*/
{
	font-size:9pt;color:#ffffff;
	background-color:#b40707;height:16pt;
	padding-top:4px;padding-bottom:3px;padding-left:3px;padding-right:2px;
	border: 0px inset #FFFFFF;
}

/*--按鈕設定（顏色按鈕-虛線按鈕）--*/
/*.bt20
{
	font-size:9pt;color:#ffffff;
	background-color:#b40707;height:18pt;
	padding-top:4px;padding-bottom:3px;padding-left:3px;padding-right:2px;
	border: 1 dotted #05257e;
}
*/

/*--按鈕設定（圖片按鈕上下頁）---------------------------------------------------------------------------------------------*/
.submit10  {border: 0px solid #7D85A2;background-image:url(../css/images/submit_first.gif);font-size: 9pt; cursor: pointer;}
.submit11  {border: 0px solid #7D85A2;background-image:url(../css/images/submit_back.gif);font-size: 9pt; cursor: pointer;}
.submit12  {border: 0px solid #7D85A2;background-image:url(../css/images/submit_next.gif);font-size: 9pt; cursor: pointer;}
.submit13  {border: 0px solid #7D85A2;background-image:url(../css/images/submit_end.gif);font-size: 9pt; cursor: pointer;}
.submit20  {border: 0px solid #7D85A2;background-image:url(../css/images/submit_first2.gif);font-size: 9pt; cursor: pointer;}
.submit21  {border: 0px solid #7D85A2;background-image:url(../css/images/submit_back2.gif);font-size: 9pt; cursor: pointer;}
.submit22  {border: 0px solid #7D85A2;background-image:url(../css/images/submit_next2.gif);font-size: 9pt; cursor: pointer;}
.submit23  {border: 0px solid #7D85A2;background-image:url(../css/submit_end2.gif);font-size: 9pt;}

/*--按鈕設定（圖片按鈕）---------------------------------------------------------------------------------------------------*/
.input01   {background-image:url(../css/images/inpbg01.gif);  border: 0 solid #4E8A1B;color:#FFFFFF;padding-left:5px;padding-right:3px;padding-top:4px;padding-bottom:0px;font-size: 9pt; width:42px; height:21px; cursor: pointer;}
.input02   {background-image:url(../css/images/inpbg02.gif);  border: 0 solid #4E8A1B;color:#FFFFFF;padding-left:5px;padding-right:3px;padding-top:4px;padding-bottom:0px;font-size: 9pt; width:42px; height:21px; cursor: pointer;}
.input03   {background-image:url(../css/images/inpbg03.gif);  border: 0 solid #4E8A1B;color:#FFFFFF;padding-left:1px;padding-right:1px;padding-top:4px;padding-bottom:0px;font-size: 9pt; width:51px; height:21px; cursor: pointer;}
.input0302   {background-image:url(../css/images/inpbg0302.gif);  border: 0 solid #4E8A1B;color:#FFFFFF;padding-left:1px;padding-right:1px;padding-top:4px;padding-bottom:0px;font-size: 9pt; width:51px; height:21px; cursor: pointer;}
.input04   {background-image:url(../css/images/inpbg04.gif);  border: 0 solid #4E8A1B;color:#FFFFFF;padding-left:1px;padding-right:1px;padding-top:4px;padding-bottom:0px;font-size: 9pt; width:69px; height:21px; cursor: pointer;}
.input0402 {background-image:url(../css/images/inpbg0402.gif);border: 0 solid #4E8A1B;color:#FFFFFF;padding-left:1px;padding-right:1px;padding-top:4px;padding-bottom:0px;font-size: 9pt; width:59px; height:21px; cursor: pointer;}
.input05   {background-image:url(../css/images/inpbg05.gif);  border: 0 solid #4E8A1B;color:#FFFFFF;padding-left:1px;padding-right:1px;padding-top:4px;padding-bottom:0px;font-size: 9pt; width:87px; height:21px; cursor: pointer;}
.input06   {background-image:url(../css/images/inpbg06.gif);  border: 0 solid #4E8A1B;color:#FFFFFF;padding-left:1px;padding-right:1px;padding-top:4px;padding-bottom:0px;font-size: 9pt; width:105px; height:21px; cursor: pointer;}
.input07   {background-image:url(../css/images/inpbg07.gif);  border: 0 solid #4E8A1B;color:#FFFFFF;padding-left:1px;padding-right:1px;padding-top:4px;padding-bottom:0px;font-size: 9pt; width:123px; height:21px; cursor: pointer;}
.input08   {background-image:url(../css/images/inpbg08.gif);  border: 0 solid #4E8A1B;color:#FFFFFF;padding-left:1px;padding-right:1px;padding-top:4px;padding-bottom:0px;font-size: 9pt; width:153px; height:21px; cursor: pointer;}
.input09   {background-image:url(../css/images/inpbg09.gif);  border: 0 solid #4E8A1B;color:#FFFFFF;padding-left:1px;padding-right:1px;padding-top:4px;padding-bottom:0px;font-size: 9pt; width:177px; height:21px; cursor: pointer;}
.bt_go   {background-image:url(../css/images/bt_go.gif);  border: 0 solid #4E8A1B;color:#FFFFFF;padding-left:1px;padding-right:1px;padding-top:4px;padding-bottom:0px;font-size: 9pt; width:24px; height:20px; cursor: pointer;}
.bt_search   {background-image:url(../css/images/bt_search.gif);  border: 0 solid #4E8A1B;color:#FFFFFF;padding-left:1px;padding-right:1px;padding-top:4px;padding-bottom:0px;font-size: 9pt; width:71px; height:20px; cursor: pointer;}



/*--設定下拉式選單---------------------------------------------------------------------------------------------------------*/
.option01{background-color:#f6f6f6;color:#383838;font-size:9pt;letter-spacing:1pt;}



/*--設定下拉式選單(外部載入selectbox.htc，但網頁要在同一層才能作用)--------------------------------------------------------*/
.selectBox {behavior: url(../js/selectbox.htc);}
.selectBox2 {behavior: url(../js/selectbox2.htc);}


/*--填寫欄位設定-----------------------------------------------------------------------------------------------------------*/
.inputkeyword
{
border-right: 1px inset; border-top: 1px inset; border-left: 1px inset; border-bottom: 1px inset;
padding-right:3px;padding-left:3px;padding-top:2px;padding-bottom:2px;
background-color:#f6f6f6; 
color:#1e1e1e;font-size:9pt;
line-height:12pt;height:14pt;
}

.inputkeyword01
{
border-right: 1px inset; border-top: 1px inset; border-left: 1px inset; border-bottom: 1px inset;
padding-right:3px;padding-left:3px;padding-top:1px;padding-bottom:2px;
background-color:#FFFFFF; 
color:#2c2c2c;font-size:8pt;
line-height:12pt;height:20px;
border-style:solid;border-color:#757575;border-width:1px;
}

.inputkeyword02
{
border-right: 1px inset; border-top: 1px inset; border-left: 1px inset; border-bottom: 1px inset;
padding-right:3px;padding-left:3px;padding-top:1px;padding-bottom:2px;
background-color:#252525; 
color:#9a9a9a;font-size:8pt;
line-height:12pt;height:20px;
border-style:solid;border-color:#3d3d3d;border-width:1px;
}

.inputkeyword03
{
border-right: 1px inset; border-top: 1px inset; border-left: 1px inset; border-bottom: 1px inset;
padding-right:3px;padding-left:3px;padding-top:1px;padding-bottom:2px;
background-color:#f9f9f9; 
color:#2e2e2e;font-size:9pt;
line-height:12pt;height:20px;
border-style:solid;border-color:#9f9f9f;border-width:1px;
}


/*
.inputkeyword03
{
border-right: 1px inset; border-top: 1px inset; border-left: 1px inset; border-bottom: 1px inset;
padding-right:3px;padding-left:3px;padding-top:2px;padding-bottom:2px;
background-color:#f6f6f6; 
color:#1e1e1e;font-size:9pt;
line-height:12pt;
border-style:dotted;border-color:#000000;border-width:1px;
}
*/

.inputkeyword10
{
border-right: 1px inset; border-top: 1px inset; border-left: 1px inset; border-bottom: 1px inset;
padding-right:3px;padding-left:3px;padding-top:2px;padding-bottom:2px;
background-color:#f6f6f6; 
font-size:9pt;
color:#1e1e1e;font-size:9pt;
line-height:12pt;
	scrollbar-highlight-color   :#f6f6f6;  /*左上外框內綠*/
	scrollbar-shadow-color      :#f6f6f6;  /*右下外框內綠*/
	scrollbar-darkshadow-color  :#f6f6f6;  /*右下外框邊緣*/ 
	scrollbar-3dlight-color     :#f6f6f6;  /*左上外框邊緣*/
	scrollbar-arrow-color       :#275E89;  /*箭頭*/
	scrollbar-face-color        :#f6f6f6;  /*面板*/ 
	scrollbar-track-color       :#f6f6f6;  /*面板底色*/ 
/*	scrollbar-base-color        :#818181;    一次設定整個捲軸的基底色彩，顏色設定為網站風格色系即可*/
}

.inputkeyword11
{
border-right: 1px inset; border-top: 1px inset; border-left: 1px inset; border-bottom: 1px inset;
padding-right:3px;padding-left:3px;padding-top:2px;padding-bottom:2px;
background-color:#f6f6f6; 
color:#1e1e1e;font-size:9pt;
line-height:12pt;
}

.inputkeyword12{
border-right: 1px inset; border-top: 1px inset; border-left: 1px inset; border-bottom: 1px inset;
padding-right:3px;padding-left:3px;padding-top:2px;padding-bottom:2px;
background-color:#f9f9f9; 
font-size:9pt;
color:#2e2e2e;
line-height:12pt;
border-style:solid;border-color:#9f9f9f;border-width:1px;
	scrollbar-highlight-color   :#f9f9f9;  /*左上外框內綠*/
	scrollbar-shadow-color      :#f9f9f9;  /*右下外框內綠*/
	scrollbar-darkshadow-color  :#f9f9f9;  /*右下外框邊緣*/
	scrollbar-3dlight-color     :#f9f9f9;  /*左上外框邊緣*/
	scrollbar-arrow-color       :#2e2e2e;  /*箭頭*/
	scrollbar-face-color        :#f9f9f9;  /*面板*/
	scrollbar-track-color       :#f9f9f9;  /*面板底色 */
/*	scrollbar-base-color        :#f9f9f9;  一次設定整個捲軸的基底色彩，顏色設定為網站風格色系即可*/
}


/*.inputkeyword13{
border-right: 1px inset; border-top: 1px inset; border-left: 1px inset; border-bottom: 1px inset;
padding-right:3px;padding-left:3px;padding-top:2px;padding-bottom:2px;
background-color:#f6f6f6; 
font-size:9pt;
color:#1e1e1e;font-size:9pt;
line-height:12pt;
border-style:dotted;border-width:1px; border-color:#000000;
	scrollbar-highlight-color   :#275E89;  左上外框內綠
	scrollbar-shadow-color      :#275E89;  右下外框內綠
	scrollbar-darkshadow-color  :#f6f6f6;  右下外框邊緣
	scrollbar-3dlight-color     :#f6f6f6;  左上外框邊緣
	scrollbar-arrow-color       :#275E89;  箭頭
	scrollbar-face-color        :#f6f6f6;  面板
	scrollbar-track-color       :#f6f6f6;  面板底色
	scrollbar-base-color        :#818181;    一次設定整個捲軸的基底色彩，顏色設定為網站風格色系即可
}
*/



/*--直線設定---------------------------------------------------------------------------------------------------------------*/
.line01{border: 1px solid  #000000}  /*實線*/
.line02{border: 1px dotted #000000}  /*虛線*/



/*--圖外框-----------------------------------------------------------------------------------------------------------------*/
.imageborder{border: 1px solid  #000000} 

/*.imagemove{filter:alpha(opacity=50)} 圖的透明度，值愈小愈透明*/ 



/*--底圖背景---------------------------------------------------------------------------------------------------------------*/
.bg01_lefttop   {background-position:0 0;      background-repeat:no-repeat}   /*底圖不重覆靠左置上*/
.bg02_leftdown  {background-position:0 100%;   background-repeat:no-repeat}   /*底圖不重覆靠左置下*/
.bg03_righttop  {background-position:100% 0;   background-repeat:no-repeat}   /*底圖不重覆靠右置上*/
.bg04_rightdown {background-position:100% 100%;background-repeat:no-repeat}   /*底圖不重覆靠右置下*/
.bg05_centertop {background-position:50% 0;    background-repeat:no-repeat}   /*底圖不重覆置中置上*/
.bg06_centerdown{background-position:50% 100%; background-repeat:no-repeat}   /*底圖不重覆置中置下*/
.bg07_center    {background-position:50% 50%; background-repeat:no-repeat}    /*底圖不重覆置中置中*/

.bg10_xlefttop  {background-position:0 0;      background-repeat:repeat-x}    /*底圖水平重覆靠左置上*/
.bg11_xleftdown {background-position:0 100%;   background-repeat:repeat-x}    /*底圖水平重覆靠左置下*/
.bg12_ylefttop  {background-position:0 0;      background-repeat:repeat-y}    /*底圖垂直重覆靠左置上*/
.bg13_yleftdown {background-position:0 100%;   background-repeat:repeat-y}    /*底圖垂直重覆靠左置下*/

.bg20_xrighttop {background-position:100% 0;   background-repeat:repeat-x}    /*底圖水平重覆靠右置上*/
.bg21_xrightdown{background-position:0 0;      background-repeat:repeat-x}    /*底圖水平重覆靠右置下*/
.bg22_yrighttop {background-position:100% 0;   background-repeat:repeat-y}    /*底圖垂直重覆靠右置上*/
.bg23_yrightdown{background-position:0 0;      background-repeat:repeat-y}    /*底圖垂直重覆靠右置下*/


/*--立體字-----------------------------------------------------------------------------------------------------------------*/
.Ltable01  { filter: DropShadow(color=#ffffff, OffX=1, OffY=1)}



/*--表格-------------------------------------------------------------------------------------------------------------------*/
.table01
{
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

.td10
{
	background-color: #245F96;
	color: #FFFFFF;
	font-size: 9pt;
	line-height: 16pt;letter-spacing:1pt;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	text-align:center;
}

.td11
{
	background-color: #5894BF;
	color: #FFFFFF;
	font-size: 9pt;
	line-height: 16pt;letter-spacing:1pt;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	text-align:center;
}

.td16
{
	background-color: #daeaf1;
	color:#0d124a;
	font-size: 9pt;
	line-height: 16pt;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
}

.td17
{
	background-color: #cee4ea;
	color: #0d124a;
	font-size: 9pt;
	line-height: 16pt;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
}

.td20
{
	background-color: #454545;
	color: #FFFFFF;
	font-size: 9pt;
	line-height: 16pt;letter-spacing:1pt;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	text-align:center;
}

.td21
{
	background-color: #787878;
	color: #FFFFFF;
	font-size: 9pt;
	line-height: 16pt;letter-spacing:1pt;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	text-align:center;
}

.td26
{
	background-color: #eeeeee;
	color:#242424;
	font-size: 9pt;
	line-height: 16pt;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
}

.td27
{
	background-color: #e5e5e5;
	color: #242424;
	font-size: 9pt;
	line-height: 16pt;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
}



/*--各式字距---------------------------------------------------------------------------------------------------------------*/
.letter01 {letter-spacing:2pt;}
.letter02 {letter-spacing:4pt;color: #011380;font-size:11pt;font-weight: bold;}
.letter10 {padding-right:8px;padding-left:8px;padding-top:8px;padding-bottom:8px;}



/*--標題-------------------------------------------------------------------------------------------------------------------*/
.title01   {color: #480b00;font-size:11pt;letter-spacing:1pt;font-weight: bold;}
.title02   {color: #ffffff;font-size:11pt;letter-spacing:1pt;}
.title03   {color: #d22800;font-size:11pt;letter-spacing:1pt;}
.title04   {color: #d22800;font-size:10pt;letter-spacing:1pt;}
.title05   {color: #00000;font-size:10pt;letter-spacing:1pt;}


/*--各式字型大小-----------------------------------------------------------------------------------------------------------*/
.style01   {color: #ffffff;}
.style02   {color: #cc0000;}
.style03   {color: #002d94;}
.style04   {color: #565656;}
.style05   {color: #bbbbbb;font-size:8pt;}
.style06   {color: #ffffff;font-size:8pt;}
.style07   {color: #bdbdbd;}
.style08   {color: #aae539;}


.style100  {letter-spacing:1pt;font-family:絡遺;font-size:8pt;}
.style101  {color: #cc0000;letter-spacing:1pt;font-family:絡遺;font-size:8pt;}
.style102  {color: #002d94;letter-spacing:1pt;font-family:絡遺;font-size:8pt;}

.style200  {color: #b7b7b7;line-height:9pt;font-family:Tahoma;font-size:8pt;}
.style201  {color: #ff0000;line-height:9pt;font-family:Tahoma;font-size:10pt;letter-spacing:1pt;}
.style202  {color: #aae539;line-height:11pt;font-family:Tahoma;font-size:11pt;letter-spacing:1pt;font-weight: bold;}
.style203  {color: #ffffff;line-height:11pt;font-family:Tahoma;font-size:11pt;letter-spacing:1pt;}

