﻿@charset "utf-8";
/*--網頁捲軸----------------------------------------------------------*/
body{
	SCROLLBAR-3DLIGHT-COLOR:    #5DAEE4; /*左上外框邊緣*/
	SCROLLBAR-HIGHLIGHT-COLOR:  #D3EDFF; /*左上外框內綠*/
	SCROLLBAR-ARROW-COLOR:      #000D37; /*箭頭*/
	SCROLLBAR-BASE-COLOR:       #5DAEE4; /*不知作用*/
	SCROLLBAR-DARKSHADOW-COLOR: #265F84; /*右下外框邊緣*/ 
	SCROLLBAR-SHADOW-COLOR:     #5DAEE4; /*右下外框內綠*/
	SCROLLBAR-FACE-COLOR:       #5DAEE4; /*面板*/ 
	SCROLLBAR-TRACK-COLOR:      #ffffff; /*面板底色*/ 

/*--網頁內容設定-----------------------------------------------------*/
	/*background-color: #4C1A36;                     /*背景色*/
	background-image: url(../images/bg.jpg);         /*背景圖*/
    color:#000000;
	font-family: "Arial", "Helvetica", "sans-serif"; /*字型*/
	font-size: 10pt;                                  /*字大小*/
	line-height: 18pt;                               /*行距*/
	/*letter-spacing:1pt;                            /*字距*/
	/*overflow-x:hidden;                             /*不會出現橫拉把，x改成y的話就不會出現直拉把*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}


/*--表格字型、大小、行距設定(同body設定即可----------------------------*/
.table1 {
	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;
}
td{
    color:#000000;
	font-family: "Arial", "Helvetica", "sans-serif"; /*字型*/
	font-size: 10pt;                                  /*字大小*/
	line-height: 18pt;                               /*行距*/
	/*letter-spacing:1pt;                              字距*/
}
.td2 {
	color: #000000;
	font-size: 10pt;
	line-height: 18pt;
	background-color: #D6EDF4;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
}
.td3 {
	color: #ffffff;
	font-size: 10pt;
	line-height: 18pt;
	background-color: #99cc33;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
}
.td4 {
	color: #000000;
	font-size: 10pt;
	line-height: 18pt;
	background-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
}
.td5 {
	color: #000000;
	font-size: 10pt;
	line-height: 18pt;
	background-color: #eeeeee;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
}

/*--連結設定-----------------------------------------------------------*/
a:link    {  color: #003CB6;text-decoration: none}      /*一般連結*/
a:visited {  color:#333333; text-decoration: none}      /*參觀過的連結*/
a:hover   {  color: #63B000;text-decoration: underline} /*當滑鼠移到連結上*/
/*a:hover {  color: #9A0000; text-decoration: underline;position:relative;top:-1px;right:1px;}當滑鼠移到連結上會往上跳一下*/

.b:link    {  color: #720019;text-decoration: underline}      /*一般連結*/
.b:visited {  color:#80656b; text-decoration: underline}      /*參觀過的連結*/
.b:hover   {  color: #CA005A;text-decoration: underline} /*當滑鼠移到連結上*/

.c:link    {  color: #bd0050;text-decoration: none}      /*一般連結*/
.c:visited {  color: #666666; text-decoration: underline}      /*參觀過的連結*/
.c:hover   {  color: #bd0050;text-decoration: underline} /*當滑鼠移到連結上*/

.bb:link    {  color: #342800;text-decoration: none}      /*一般連結*/
.bb:visited {  color: #342800; text-decoration: none}      /*參觀過的連結*/
.bb:hover   {  color: #fbdb6a;text-decoration: underline} /*當滑鼠移到連結上*/

.cc:link    {  color: #fffabf;text-decoration: none}      /*一般連結*/
.cc:visited {  color: #fffabf; text-decoration: none}      /*參觀過的連結*/
.cc:hover   {  color: #ffffff;text-decoration: underline} /*當滑鼠移到連結上*/

.d:link    {  color: #4f3307;text-decoration: none}      /*一般連結*/
.d:visited {  color: #4f3307; text-decoration: none}      /*參觀過的連結*/
.d:hover   {  color: #995f05;text-decoration: underline} /*當滑鼠移到連結上*/

.e:link    {  color: #cc0000;text-decoration: none}      /*一般連結*/
.e:visited {  color: #cc0000; text-decoration: none}      /*參觀過的連結*/
.e:hover   {  color: #cc0000;text-decoration: underline} /*當滑鼠移到連結上*/


/*--底圖背景---------------------------------------------------------------------------------------*/
.bg1000{background-position:100% 0; background-repeat:no-repeat}/*--底圖不重覆置上*/
.bg0100{background-position:0 100%; background-repeat:no-repeat}/*--底圖不重覆置上*/
.bg00{background-position:0 0; background-repeat:no-repeat}/*--底圖不重覆置上*/
.bg100100{background-position:100% 100%; background-repeat:no-repeat}/*--底圖不重覆置上*/
.rbg1000{background-position:100% 0}/*--底圖不重覆置上*/
.rbg0100{background-position:0 100%}/*--底圖不重覆置上*/
.rbg00{background-position:0 0}/*--底圖不重覆置上*/
.rbg100100{background-position:100% 100%}/*--底圖不重覆置上*/


/*--讓焦點虛線消失-----------------------------------------------------------*/
a {noFocusLine:expression(this.onFocus=this.blur())} /* For IE, onFocus 的 F 要大寫*/
:focus {-moz-outline-style: none} /* For Firefox */

/*--把字改成直行-------------------------------------------------------*/
.wordstraight{writing-mode:tb-rl}

/*--立體字-------------------------------------------------------------*/
.Ltable01 { filter: DropShadow(Color=#ffffff, OffX=1, OffY=1)}
.Lword0101 {
	color: #4C1A36;
}
.Lword0102 {
	color: #660033;
}
.Ltable02 { filter: DropShadow(Color=#FFE4E5, OffX=1, OffY=1)}
.Lword0201 {
	color: #9D080D;
}
.Ltable03 { filter: DropShadow(Color=#EEEEEE, OffX=1, OffY=1)}
.Lword0301 {
	color: #DD0202;
}

/*--陰影字和發光字只能使用其中一個，而且只能使用一次*/
/*--陰影字-------------------------------------------------------------*/
.wordshadow01{filter:shadow(color=#CEF0FD,direction=110);color:#000000} /*-shadow(color是陰影色，direction是陰影角度-*/

/*--發光字-------------------------------------------------------------*/
.wordlight01{filter:glow(color=#0000FF,strength=2); color:#333333}     /*-白字外色glow(color是發光的色，strength是發光大小-*/
.wordlight02{filter:glow(color=#48F850,strength=2); color:#000000}     /*-黑字外色glow(color是發光的色，strength是發光大小-*/


/*--設定form不會有高度-------------------------------------------------*/
form{margin-top: 0; margin-bottom: 0}

/*--按鈕設定（顏色按鈕）-----------------------------------------------*/
.submit01{FONT-SIZE: 10pt;padding-left:3px;padding-right:3px;padding-top:1px;padding-bottom:0px;height:16;background-color:#9D080D;color:#FFFFFF}
/*--按鈕設定（顏色按鈕-虛線按鈕）--*/
.submit02{FONT-SIZE: 12px;padding-left:2px;padding-right:2px;padding-top:0px;padding-bottom:0px;height:12px;background-color:#97C300;color:#000000; border: 1 solid #ffffff;}
.submit03{FONT-SIZE: 12px;padding-left:1px;padding-right:1px;padding-top:1px;padding-bottom:1px;height:18;background-color:#000000;color:#FFFFFF;}
.submit04{FONT-SIZE: 12px;padding-left:1px;padding-right:1px;padding-top:1px;padding-bottom:1px;height:18;background-color:#0047B9;color:#FFFFFF;}
/*--按鈕設定（圖片按鈕）-----------------------------------------------*/
.inputno {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#4C1A36;padding-left:1px;padding-right:1px;padding-top:5px;padding-bottom:2px; background-color:transparent;}
.input02 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#4C1A36;padding-left:1px;background-image:url("images/inpbg2.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.input03 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#4C1A36;padding-left:1px;background-image:url("images/inpbg3.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.input04 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#4C1A36;padding-left:1px;background-image:url("images/inpbg4.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.input05 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#4C1A36;padding-left:1px;background-image:url("images/inpbg5.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.input06 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#4C1A36;padding-left:1px;background-image:url("images/inpbg6.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.input07 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#4C1A36;padding-left:1px;background-image:url("images/inpbg7.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.input08 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#4C1A36;padding-left:1px;background-image:url("images/inpbg8.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.input09 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#4C1A36;padding-left:1px;background-image:url("images/inpbg9.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.input10 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#4C1A36;padding-left:1px;background-image:url("images/inpbg10.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.input11 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#4C1A36;padding-left:1px;background-image:url("images/inpbg11.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.inputlogin {border: 0 solid #4E8A1B;background-image:url("images/login.gif"); width:30; height:17;}
.inputorder {border: 0 solid #4E8A1B;background-image:url("images/order.gif"); width:30; height:17;} 

/*--設定下拉式選單-------------------------------------------------*/
.option01{BACKGROUND-COLOR:#FFF1E1;COLOR:#CC0033;}
.option02{BACKGROUND-COLOR:#FEFCE0;COLOR:#993300;}
.option03{BACKGROUND-COLOR:#EFEFF7;BORDER:1 SOLID #EFEFF7;COLOR:#000066;}
.option04{BACKGROUND-COLOR:#FFF2DB;BORDER:1 SOLID #F7E4E4;COLOR:#BB7700;}



/*--填寫欄位設定-------------------------------------------------*/
.inputkeyword0
{BORDER-RIGHT: 0px inset; BORDER-TOP: 0px inset; BORDER-LEFT: 0px inset; BORDER-BOTTOM: 0px inset; color:#666666; font-size:9pt;background-color:#ffffff;height:15;}
.inputkeyword01{
line-height:12pt;
color:#000000;
background-color:#FFFFFF; 
border-width:1px; 
border-style:solid;
border-color:#4C1A36;
	SCROLLBAR-3DLIGHT-COLOR:    #FFFFFF; /*左上外框邊緣*/
	SCROLLBAR-HIGHLIGHT-COLOR:  #FFFFFF; /*左上外框內綠*/
	SCROLLBAR-ARROW-COLOR:      #4C1A36; /*箭頭*/
	SCROLLBAR-BASE-COLOR:       #FFFFFF; /*不知作用*/
	SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF; /*右下外框邊緣*/ 
	SCROLLBAR-SHADOW-COLOR:     #FFFFFF; /*右下外框內綠*/
	SCROLLBAR-FACE-COLOR:       #FFFFFF; /*面板*/ 
	SCROLLBAR-TRACK-COLOR:      #FFFFFF; /*面板底色*/ 
}

.inputkeyword02{
line-height:12pt;
color:#2E3092;
background-color:#EAF8FE; 
border-width:1px; 
border-style:dotted;
border-color:#02045D;
	SCROLLBAR-FACE-COLOR:#EAF8FE;/*面板*/ 
	SCROLLBAR-HIGHLIGHT-COLOR: #EAF8FE;/*右上外框*/
	SCROLLBAR-SHADOW-COLOR: #EAF8FE;/*左下外框*/
	SCROLLBAR-3DLIGHT-COLOR: #EAF8FE; /*右上外框邊緣*/
	SCROLLBAR-ARROW-COLOR: #00114B; /*箭頭*/
	SCROLLBAR-TRACK-COLOR: #EAF8FE;/*面板底色*/ 
	SCROLLBAR-DARKSHADOW-COLOR: #EAF8FE; 
	SCROLLBAR-BASE-COLOR: #EAF8FE;
}


/*--直線設定------------------------------------------------------------*/
.line01{border: 1px solid  #9D080D} /*--實線*/
.line02{border: 1px dotted #666666}/*--虛線*/
.line03{border: 1px dotted #FFFFFF}/*--虛線*/
.line04{BORDER-BOTTOM: 1px dotted #999999}/*--虛線*/



/*--圖外框--------------------------------------------------------------*/
.imageborder{border: 1px solid  #dedede} /*--實線*/

/*--各式字型大小--------------------------------------------------------*/
.style0 {font-size: 10pt;color:#ffffff;}
.style1 {font-size: 12pt;color:#ffffff;}
.style2 {font-size: 9pt;color:#ffffff;}
.style3 {font-size: 12pt;color:#D44100;}
.style4 {color:#0044D0;}
.style5 {color:#990000;}
.style6 {color:#cc0000;}
.style7 {color:#ce0070;}
.style8 {color:#e96300;}
.style9 {color:#666666;}
.style10 {color:#499300;}



.style100  {letter-spacing:1pt;font-family:絡遺;font-size:8pt;}
.style101  {color: #cc0000;letter-spacing:1pt;font-family:絡遺;font-size:8pt;}
