﻿@charset "utf-8";
/*--網頁捲軸----------------------------------------------------------*/
body{
	SCROLLBAR-3DLIGHT-COLOR:    transparent; /*左上外框邊緣*/
	SCROLLBAR-HIGHLIGHT-COLOR:  #ffffff; /*左上外框內綠*/
	SCROLLBAR-ARROW-COLOR:      #ffffff; /*箭頭*/
	SCROLLBAR-BASE-COLOR:       #2176be; /*不知作用*/
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff; /*右下外框邊緣*/ 
	SCROLLBAR-SHADOW-COLOR:     #094d7e; /*右下外框內綠*/
	SCROLLBAR-FACE-COLOR:       #5e91d9; /*面板*/ 
	SCROLLBAR-TRACK-COLOR:      transparent; /*面板底色*/

/*--網頁內容設定-----------------------------------------------------*/
	/*background-color: #4C1A36;                     /*背景色*/
	background-image: url(../images/bg.jpg);         /*背景圖*/
    color:#000000;
	font-family: "Arial", "Helvetica", "sans-serif"; /*字型*/
	font-size: 9pt;                                  /*字大小*/
	line-height: 14pt;                               /*行距*/
	/*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: 9pt;                                  /*字大小*/
	line-height: 14pt;                               /*行距*/
	/*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: #ffffff;
	font-size: 9pt;
	line-height: 16pt;
	background-color: #46a7e4;
	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: 9pt;
	line-height: 16pt;
	background-color: #f5f5f5;
	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: #000000;
	font-size: 9pt;
	line-height: 16pt;
	background-color: #dbdbdb;
	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: #000000;
	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;
}
.td8 {
	color: #FFFFFF;
	font-size: 9pt;
	line-height: 16pt;
	background-color: #000000;
	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: #413225;
	font-size: 9pt;
	line-height: 16pt;
	background-color: #FFF2DB;
	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 {                                    /*--討論專區--------------*/
	font-size: 9pt;
	line-height: 16pt;
	background-color: #b6e3ff;
	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 {                                    /*--購物須知--------------*/
	font-size: 9pt;
	line-height: 16pt;
	background-color: #f1e8f2;
}
.td12 {                                    /*--購物須知--------------*/
	font-size: 9pt;
	line-height: 16pt;
	background-color: #f9f4f2;
}
.td13 {                                    /*--商品頁次選項--------------*/
	font-size: 9pt;
	line-height: 16pt;
	background-color: #bd0059;
}
.td14 {                                    /*--商品頁次選項陰影--------------*/
	font-size: 9pt;
	line-height: 16pt;
	background-color: #d9d9d9;
}
/*--連結設定-----------------------------------------------------------*/
a:link    {  color: #6033b4;text-decoration: underline}      /*一般連結*/
a:visited {  color:#6033b4; text-decoration: underline}      /*參觀過的連結*/
a:hover   {  color: #da006a;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: underline}      /*一般連結*/
.c:visited {  color: #666666; text-decoration: underline}      /*參觀過的連結*/
.c:hover   {  color: #bd0050;text-decoration: underline} /*當滑鼠移到連結上*/

.bb:link    {  color: #0066cc;text-decoration: underline}      /*一般連結*/
.bb:visited {  color: #0066cc; text-decoration: underline}      /*參觀過的連結*/
.bb:hover   {  color: #4e0091;text-decoration: underline} /*當滑鼠移到連結上*/

.cc:link    {  color: #ffffff;text-decoration: none}      /*【商品次選單】一般連結*/
.cc:visited {  color: #f9ebec; 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: #000000;text-decoration: underline}      /*一般連結*/
.e:visited {  color: #000000; text-decoration: underline}      /*參觀過的連結*/
.e:hover   {  color: #bd0050;text-decoration: none} /*當滑鼠移到連結上*/


/*--底圖背景---------------------------------------------------------------------------------------*/
.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:#ffffff;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:#ffffff;padding-left:1px;background-image:url("T01/inpbg2.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.input03 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#ffffff;padding-left:1px;background-image:url("T01/inpbg3.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.input04 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#ffffff;padding-left:1px;background-image:url("T01/inpbg4.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.input05 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#ffffff;padding-left:1px;background-image:url("T01/inpbg5.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.input06 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#ffffff;padding-left:1px;background-image:url("T01/inpbg6.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.input07 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#ffffff;padding-left:1px;background-image:url("T01/inpbg7.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.input08 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#ffffff;padding-left:1px;background-image:url("T01/inpbg8.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.input09 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#ffffff;padding-left:1px;background-image:url("T01/inpbg9.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.input10 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#ffffff;padding-left:1px;background-image:url("T01/inpbg10.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.input11 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#ffffff;padding-left:1px;background-image:url("T01/inpbg11.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.inputblack {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#ffffff;padding-left:1px;background-image:url("T01/inpbgblack.gif");padding-right:1px;padding-top:5px;padding-bottom:2px; width:100; height:21;}
.inputsearch {border: 0 solid #4E8A1B;background-image:url("T01/search.gif"); width:40; height:25;}
.inputorder {border: 0 solid #4E8A1B;background-image:url("T01/order.gif"); width:35; height:22;}
.inputagree {border: 0 solid #4E8A1B;background-image:url("T01/agree.gif"); width:184; height:24;}
.inputnoagree {border: 0 solid #4E8A1B;background-image:url("T01/noagree.gif"); width:175; height:24;}

/*--設定下拉式選單-------------------------------------------------*/
.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:#b4004c;BORDER:1 SOLID #ffffff;COLOR:#ffffff;}
.option06{BACKGROUND-COLOR:#8eb700;BORDER:1 SOLID #ffffff;COLOR:#ffffff;}
.option07{BACKGROUND-COLOR:#000000;BORDER:1 SOLID #ffffff;COLOR:#ffffff;}
.option08{BACKGROUND-COLOR:#ae0000;COLOR:#ffffff;}                        /*商品區標題*/
.option09{BACKGROUND-COLOR:#fcecd8;COLOR:#e96300;}                        /*商品區付款標題*/


/*--填寫欄位設定-------------------------------------------------*/
.inputkeyword0
{BORDER-RIGHT: 1px inset; BORDER-TOP: 1px SOLID #929ba9; BORDER-LEFT: 1px SOLID #929ba9; BORDER-BOTTOM: 1px inset; 
color:#002f76;font-size:9pt;
background-color:#e4ebf6;
	SCROLLBAR-3DLIGHT-COLOR:    #e4ebf6; /*左上外框邊緣*/
	SCROLLBAR-HIGHLIGHT-COLOR:  #e4ebf6; /*左上外框內綠*/
	SCROLLBAR-ARROW-COLOR:      #002e61; /*箭頭*/
	SCROLLBAR-BASE-COLOR:       #e4ebf6; /*不知作用*/
	SCROLLBAR-DARKSHADOW-COLOR: #e4ebf6; /*右下外框邊緣*/ 
	SCROLLBAR-SHADOW-COLOR:     #e4ebf6; /*右下外框內綠*/
	SCROLLBAR-FACE-COLOR:       #ffffff; /*面板*/ 
	SCROLLBAR-TRACK-COLOR:      #e4ebf6; /*面板底色*/ 
}
.inputkeyword01{
line-height:12pt;
color:#000000;
background-color:#FFFFFF; 
border-width:1px; 
border-style:solid;
border-color:#000000;
	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;
}

.inputkeyword04
{BORDER-RIGHT: 1px inset; BORDER-TOP: 1px SOLID #c7c7c7; BORDER-LEFT: 1px SOLID #c7c7c7; BORDER-BOTTOM: 1px inset; 
color:#333333;font-size:9pt;
background-color:#f3f3f3;
	SCROLLBAR-3DLIGHT-COLOR:    #e4ebf6; /*左上外框邊緣*/
	SCROLLBAR-HIGHLIGHT-COLOR:  #e4ebf6; /*左上外框內綠*/
	SCROLLBAR-ARROW-COLOR:      #002e61; /*箭頭*/
	SCROLLBAR-BASE-COLOR:       #e4ebf6; /*不知作用*/
	SCROLLBAR-DARKSHADOW-COLOR: #e4ebf6; /*右下外框邊緣*/ 
	SCROLLBAR-SHADOW-COLOR:     #e4ebf6; /*右下外框內綠*/
	SCROLLBAR-FACE-COLOR:       #ffffff; /*面板*/ 
	SCROLLBAR-TRACK-COLOR:      #e4ebf6; /*面板底色*/ 
}

/*--直線設定------------------------------------------------------------*/
.line01{border: 1px solid  #9D080D} /*--實線*/
.line02{border: 1px dotted #666666}/*--虛線*/
.line03{border: 1px dotted #FFFFFF}/*--虛線*/
.tableline01{border-bottom: 1px solid #dcdcdc;}/*--表格底虛線*/
.tableline02{border-top: 1px dotted #cccccc;}/*--表格上虛線*/


/*--圖外框--------------------------------------------------------------*/
.imageborder{border: 1px solid  #dedede} /*--實線*/
.imagetbox{margin-top:10; margin-bottom:10;margin-left:5; margin-right:5;} /*--上下左右空白*/
.imagetboxr{margin-right:5;} /*--右空白5*/

/*--各式字型大小--------------------------------------------------------*/
.style1 {font-size: 12pt;color:#ffffff;}
.style2 {font-size: 9pt;color:#ffffff;}
.style3 {font-size: 12pt;color:#000000;}
.style4 {font-size: 9pt;color:#333333;font-weight:bold;}
.style5 {font-size: 11pt;color:#0066cc;font-weight:bold;}
.style6 {color:#666666;}
.style7 {font-size: 10pt;color:#ffffff;font-weight:bold;}
.style8 {font-size: 10pt;color:#df3f00;font-weight:bold;}
.style9 {font-size: 9pt;color:#0066cc;}
.style10 {font-size: 9pt;color:#0066cc;font-weight:bold;}
.style11 {font-size: 10pt;color:#CC0000;}


.style100  {letter-spacing:1pt;font-size:8pt;}
.style101  {color: #cc0000;letter-spacing:1pt;font-size:8pt;}
