@charset "utf-8";
/*--網頁捲軸----------------------------------------------------------*/
body{
	SCROLLBAR-HIGHLIGHT-COLOR:  #1eb0de; /*左上外框內綠*/
	SCROLLBAR-DARKSHADOW-COLOR: #00499f; /*右下外框邊緣*/ 
	SCROLLBAR-3DLIGHT-COLOR:    #025dc6; /*左上外框邊緣*/
	SCROLLBAR-SHADOW-COLOR:     #025dc6; /*右下外框內綠*/
	SCROLLBAR-ARROW-COLOR:      #edfcfb; /*箭頭*/
	SCROLLBAR-FACE-COLOR:       #025dc6; /*面板*/ 
	SCROLLBAR-TRACK-COLOR:      #025dc6; /*面板底色*/ 
	SCROLLBAR-BASE-COLOR:       #025dc6; /*不知作用*/

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


/*--表格字型、大小、行距設定(同body設定即可----------------------------*/
.table1 {
	background-color: #F5F5F5;
	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;
}

.table2 {
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	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: 9pt;                                  /*字大小*/
	line-height: 14pt;                               /*行距*/
	/*font-weight:bold;
	/*letter-spacing:1pt;                              字距*/
}
.td2 {
	color: #21536A;
	font-size: 9pt;
	line-height: 16pt;
	background-color: #E8F0EF;
	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: 9pt;
	line-height: 16pt;
	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: #21536A;
	font-size: 9pt;
	line-height: 16pt;
	background-color: #FFF7D7;
	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: #21536A;
	font-size: 9pt;
	line-height: 16pt;
	background-color: #FFEFD7;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
}
.td6 {
	color: #FFFFFF;
	font-size: 9pt;
	line-height: 16pt;
	background-color: #FF7B3C;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
}
.td7 {
	color: #ffffff;
	font-size: 9pt;
	line-height: 16pt;
	background-color: #9D080D;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
}
.td8 {
	color: #AC5631;
	font-size: 9pt;
	line-height: 16pt;
	background-color: #FFFBE8;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
}
.td9 {
	color: #001987;
	font-size: 9pt;
	line-height: 16pt;
	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;
}
.td10 {
	color: #333333;
	font-size: 9pt;
	line-height: 16pt;
	background-color: #ededed;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
}
.td11 {
	color: #FFFFFF;
	font-size: 9pt;
	line-height: 16pt;
	background-color: #00a4c2;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
}
.td12 {
	color: #ffffff;
	font-size: 9pt;
	line-height: 16pt;
	background-color: #590395;
	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: #3b0004;text-decoration: none}      /*一般連結*/
a:visited {  color:#333333; text-decoration: none}      /*參觀過的連結*/
a:hover   {  color: #bd0050;text-decoration: underline} /*當滑鼠移到連結上*/
/*a:hover {  color: #9A0000; text-decoration: underline;position:relative;top:-1px;right:1px;}當滑鼠移到連結上會往上跳一下*/

.b:link    {  color: #720019;text-decoration: none}      /*一般連結*/
.b:visited {  color:#80656b; text-decoration: none}      /*參觀過的連結*/
.b:hover   {  color: #d54461;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} /*當滑鼠移到連結上*/

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

.bbbb:link    {  color: #38ABB1;text-decoration: none}      /*一般連結*/
.bbbb:visited {  color:#38ABB1; text-decoration: none}      /*參觀過的連結*/
.bbbb:hover   {  color: #bd0050;text-decoration: underline} /*當滑鼠移到連結上*/
.bbbb:hover {  color: #9A0000; text-decoration: underline;position:relative;top:-1px;right:1px;}

.cc:link    {  color: #ffffff;text-decoration: none;font-family:絡遺;font-size:8pt;}      /*一般連結*/
.cc:visited {  color: #ffffff; text-decoration: none;font-family:絡遺;font-size:8pt;}      /*參觀過的連結*/
.cc:hover   {  color: #d9f1ff;text-decoration: underline;font-family:絡遺;font-size:8pt;} /*當滑鼠移到連結上*/

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

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

.ee:link    {  color: #0164c1;letter-spacing:1pt;text-decoration: none}      /*一般連結*/
.ee:visited {  color: #0164c1;letter-spacing:1pt;text-decoration: none}      /*參觀過的連結*/
.ee:hover   {  color: #cc006e;letter-spacing:1pt;text-decoration: underline} /*當滑鼠移到連結上*/

.eztrust:link    { font-size:xx-small;color:#63baff;}/*藝誠科技l*/
.eztrust:visited { font-size:xx-small;color:#63baff;}/*藝誠科技v*/
.eztrust:hover   { font-size:xx-small;color:#66efff;text-decoration: none;}/*藝誠科技o*/

/*--底圖背景---------------------------------------------------------------------------------------*/
.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: 12px;padding-left:1px;padding-right:1px;padding-top:1px;padding-bottom:2px;height:20;background-color:#9D080D;color:#FFFFFF}
/*--按鈕設定（顏色按鈕-虛線按鈕）--*/
.submit02{FONT-SIZE: 12px;padding-left:1px;padding-right:1px;padding-top:1px;padding-bottom:2px;height:20;background-color:#6DCFF6;color:#000000; border: 1 dotted #2E3092;}
/*--按鈕設定（圖片按鈕）-----------------------------------------------*/
.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;}
.inputorder_c {border: 0 solid #4E8A1B;background-image:url("images/order_c.gif"); width:55; height:20;}  

/*--設定下拉式選單-------------------------------------------------*/
.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;}
.option05{BACKGROUND-COLOR:#80beff;BORDER:0 SOLID #F7E4E4;COLOR:#7bebff;}

/*--填寫欄位設定-------------------------------------------------*/
.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;
}
.inputkeyword03{
line-height:12pt;
color:#000000;
background-color:#edf6fc; 
border-width:1px; 
border-style:solid;
border-color:#cccccc;
	SCROLLBAR-3DLIGHT-COLOR:    #FFFFFF; /*左上外框邊緣*/
	SCROLLBAR-HIGHLIGHT-COLOR:  #FFFFFF; /*左上外框內綠*/
	SCROLLBAR-ARROW-COLOR:      #4C1A36; /*箭頭*/
	SCROLLBAR-BASE-COLOR:       #FFFFFF; /*不知作用*/
	SCROLLBAR-DARKSHADOW-COLOR: #cccccc; /*右下外框邊緣*/ 
	SCROLLBAR-SHADOW-COLOR:     #FFFFFF; /*右下外框內綠*/
	SCROLLBAR-FACE-COLOR:       #FFFFFF; /*面板*/ 
	SCROLLBAR-TRACK-COLOR:      #edf6fc; /*面板底色*/ 
}


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


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

/*--各式字型大小--------------------------------------------------------*/
.texto {overflow:hidden;text-indent:-5000px;}
.style1 {font-size: 12pt;color:#ffffff;}
.style2 {font-size: 9pt;color:#ffffff;}
.style3 {font-size: 12pt;color:#000000;}
.style4 {font-size: 9pt;color:#000000;}
.style5 {color:#990000;}
.style6 {color:#cc0000;}
.style7 {color:#ce0070;}
.style8 {color:#e96300;}
.style9 {
	color:#D20000;
	font-size: 12pt;
}
.style10 {color:#575757;}
.style11 {color:#1C97B0;}
.style12 {color:#fff440;}
.style13 {color:#0164c1;}
.style14 {color:#846515;}
.style100  {letter-spacing:1pt;font-family:絡遺;font-size:8pt;}
.style101  {color: #cc0000;letter-spacing:1pt;font-family:絡遺;font-size:8pt;}