﻿@charset "utf-8";
/*--網頁捲軸----------------------------------------------------------*/
body{
	SCROLLBAR-HIGHLIGHT-COLOR:  #ffffff; /*左上外框內綠*/
	SCROLLBAR-DARKSHADOW-COLOR: #bcbcbc; /*右下外框邊緣*/ 
	SCROLLBAR-3DLIGHT-COLOR:    #bcbcbc; /*左上外框邊緣*/
	SCROLLBAR-SHADOW-COLOR:     #bcbcbc; /*右下外框內綠*/
	SCROLLBAR-ARROW-COLOR:      #ffffff; /*箭頭*/
	SCROLLBAR-FACE-COLOR:       #e9e9e9; /*面板*/ 
	SCROLLBAR-TRACK-COLOR:      #bcbcbc; /*面板底色*/ 
	SCROLLBAR-BASE-COLOR:       #e9e9e9; /*不知作用*/

/*--網頁內容設定-----------------------------------------------------*/
	/*background-color: #4C1A36;                     /*背景色*/
	/*background-image: url(../images/bg.jpg);       /*背景圖*/
    color:#808080;                                   /*字色*/   
	font-family: "Arial", "Helvetica", "sans-serif"; /*字型*/
	font-size: 9pt;                                  /*字大小*/
	line-height: 16pt;                               /*行距*/
	/*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:#555555;
	font-family: "Arial", "Helvetica", "sans-serif"; /*字型*/
	font-size: 9pt;                                  /*字大小*/
	line-height: 16pt;                               /*行距*/
/*	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:#0080FF; text-decoration:underline} /*一般連結*/
a:visited {  color:#0080FF; text-decoration:underline} /*參觀過的連結*/
a:hover   {  color:#bd0050; text-decoration:underline} /*當滑鼠移到連結上*/
/*a:hover {  color:#9A0000; text-decoration:underline; position:relative; top:-1px; right:1px;}當滑鼠移到連結上會往上跳一下*/

.link_a1:link    {  color:#ffffff; text-decoration:none}      /*一般連結*/
.link_a1:visited {  color:#ffffff; text-decoration:none}      /*參觀過的連結*/
.link_a1:hover   {  color:#ffffff; text-decoration:underline} /*當滑鼠移到連結上*/
/*a1:hover       {  color:#9A0000; text-decoration:underline; position:relative; top:-1px; right:1px;}當滑鼠移到連結上會往上跳一下*/

.link_a2:link    {  color:#db0000; font-size:11pt; text-decoration:none}      /*一般連結*/
.link_a2:visited {  color:#db0000; font-size:11pt; text-decoration:none}      /*參觀過的連結*/
.link_a2:hover   {  color:#f88600; font-size:11pt; text-decoration:underline} /*當滑鼠移到連結上*/
/*a1:hover       {  color:#9A0000; text-decoration:underline; position:relative; top:-1px; right:1px;}當滑鼠移到連結上會往上跳一下*/

.link_a3:link    {  color: #0164c1;letter-spacing:5pt;text-decoration:none}       /*一般連結*/
.link_a3:visited {  color: #0164c1;letter-spacing:5pt;text-decoration:none}       /*參觀過的連結*/
.link_a3:hover   {  color: #cc006e;letter-spacing:10pt;text-decoration:underline} /*當滑鼠移到連結上*/
/*a1:hover {  color: #9A0000; text-decoration:underline; position:relative; top:-1px; right:1px;}當滑鼠移到連結上會往上跳一下*/



/*--背景底圖位置---------------------------------------------------------------------------------------*/
.bg_lefttop     {background-position:0 0;      background-repeat:no-repeat}   /*底圖不重覆靠左置上*/
.bg_leftcenter  {background-position:0 50%;    background-repeat:no-repeat}   /*底圖不重覆靠左置中*/
.bg_leftdown    {background-position:0 100%;   background-repeat:no-repeat}   /*底圖不重覆靠左置下*/
.bg_righttop    {background-position:100% 0;   background-repeat:no-repeat}   /*底圖不重覆靠右置上*/
.bg_rightcenter {background-position:100% 50%; background-repeat:no-repeat}   /*底圖不重覆靠右置中*/
.bg_rightdown   {background-position:100% 100%;background-repeat:no-repeat}   /*底圖不重覆靠右置下*/
.bg_centertop   {background-position:50% 0;    background-repeat:no-repeat}   /*底圖不重覆靠中置上*/
.bg_centercenter{background-position:50% 50%;  background-repeat:no-repeat}   /*底圖不重覆靠中置中*/
.bg_centerdown  {background-position:50% 100%; background-repeat:no-repeat}   /*底圖不重覆靠中置下*/

.bg_x00         {background-position:0 0;      background-repeat:repeat-x}    /*底圖水平重覆靠左置上*/
.bg_x050        {background-position:0 50%;    background-repeat:repeat-x}    /*底圖水平重覆靠左置中*/
.bg_x0100       {background-position:0 100%;   background-repeat:repeat-x}    /*底圖水平重覆靠左置下*/
.bg_x1000       {background-position:100% 0;   background-repeat:repeat-x}    /*底圖水平重覆靠右置上*/
.bg_x10050      {background-position:100% 50%; background-repeat:repeat-x}    /*底圖水平重覆靠右置中*/
.bg_x100100     {background-position:100% 100%;background-repeat:repeat-x}    /*底圖水平重覆靠右置下*/

.bg_y00         {background-position:0 0;      background-repeat:repeat-y}    /*底圖垂直重覆靠左置上*/
.bg_y500        {background-position:50% 0;    background-repeat:repeat-y}    /*底圖垂直重覆靠中置上*/
.bg_y1000       {background-position:100% 0;   background-repeat:repeat-y}    /*底圖垂直重覆靠右置上*/
.bg_y0100       {background-position:0 100%;   background-repeat:repeat-y}    /*底圖垂直重覆靠左置下*/
.bg_y50100      {background-position:50% 100;% background-repeat:repeat-y}    /*底圖垂直重覆靠中置下*/
.bg_y100100     {background-position:100% 100%;background-repeat:repeat-y}    /*底圖垂直重覆靠右置下*/



/*--讓焦點虛線消失-----------------------------------------------------------*/
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;} 

/*--設定下拉式選單-------------------------------------------------*/
.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;
	height:15;
	line-height: 24px;
}

.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:11pt;
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 #FF0000;} /*--實線*/
.line02{border: 1px dotted #666666}/*--虛線*/


/*--圖外框--------------------------------------------------------------*/
.imageborder{border: 1px solid  #dedede} /*--實線*/

/*--各式字型大小--------------------------------------------------------*/
.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:#999999;}
.style6 {color:#cc0000;}
.style7 {color:#ce0070;}
.style8 {color:#e96300;}
.style9 {color:#ffffff;font-size: 12pt; font-weight:bold;}
.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;}
.map {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
.map a:link {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
.map a:active {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
.map a:visited {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
.map a:hover {
	font-size: 12px;
	color:#FF6600;
	text-decoration: none;
}.contact_tableTitle {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FF0000;
	height: 24px;
	width: 50px;
	border: 1px solid #999999;
}
.contact_tableInput {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	background-color: #FFFFFF;
	height: 24px;
	width: 300px;
	border: 1px solid #999999;
}
.contact_tableInput2 {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	background-color: #FFFFFF;
	height: 100px;
	width: 300px;
	border: 1px solid #999999;
}.my1 {
	font-family: verdana, "新細明體";
	font-size: 12px;
	line-height: 32px;
	color: #666666;
	text-decoration: none;
}
