@import url("reset.css");

body{ background-color:#f2eee3; background-image:url(../images/bg-all.gif); background-position:center top; background-repeat:no-repeat; background-attachment:fixed;}

#WRAPPER{ width:781px; height:auto; margin:15px auto;}

/************************************************************************************************************************/
/*頁首IX        */
#HeadIX{ width:781px; height:366px; background-image:url(../images/bg-headIX.jpg); position:relative;}
.Logo a{ display:block; width:117px; height:97px; background-image:url(../images/logo.jpg); position:absolute; top:15px; left:15px; text-indent:-9999px;}
.Fla{ display:block; width:775px; height:157px; background-color:#FFF; position:absolute; top:156px; left:1px; padding:5px 0;}

/*選單IX        */
#IconIX{ width:781px; height:100px; background-image:url(../images/bg-iconIX.jpg);}
#IconIX ul{ padding:0 5px;}
#IconIX li a{ font-size:10px; font-family:Verdana; font-weight:bold; line-height:30px; color:#5e6860; text-indent:35px; padding-left:5px; float:left;}
#IconIX li.IcIx01 a{ height:62px; background-image:url(../images/Ic01.jpg); background-position:left top; background-repeat:no-repeat;}
#IconIX li.IcIx02 a{ height:62px; background-image:url(../images/Ic02.jpg); background-position:left top; background-repeat:no-repeat;}
#IconIX li.IcIx03 a{ height:62px; background-image:url(../images/Ic03.jpg); background-position:left top; background-repeat:no-repeat;}
#IconIX li.IcIx04 a{ height:62px; background-image:url(../images/Ic04.jpg); background-position:left top; background-repeat:no-repeat;}
#IconIX li.IcIx05 a{ height:62px; background-image:url(../images/Ic05.jpg); background-position:left top; background-repeat:no-repeat;}
#IconIX li.IcIx01 a:hover{ background-position:left bottom; color:#5e6860;}
#IconIX li.IcIx02 a:hover{ background-position:left bottom; color:#5e6860;}
#IconIX li.IcIx03 a:hover{ background-position:left bottom; color:#5e6860;}
#IconIX li.IcIx04 a:hover{ background-position:left bottom; color:#5e6860;}
#IconIX li.IcIx05 a:hover{ background-position:left bottom; color:#5e6860;}

/************************************************************************************************************************/
/*頁首PG        */
#HeadPG{ width:781px; height:207px; background-image:url(../images/bg-headPG.jpg); position:relative;}
.Logo a{ display:block; width:117px; height:97px; background-image:url(../images/logo.jpg); position:absolute; top:15px; left:15px; text-indent:-9999px;}
.Home a{ display:block; width:64px; height:17px; background-image:url(../images/home.jpg); position:absolute; top:88px; right:46px;}

/*選單PG        */
#IconPG{ width:781px; height:62px; background-image:url(../images/bg-iconPG.jpg);}
#IconPG ul{ width:680px; float:right;}
#IconPG li a{ font-size:10px; font-family:Verdana; font-weight:bold; color:#5e6860; line-height:30px; text-indent:35px; padding-left:10px; float:left;}
#IconPG li.IcPg01 a{ height:62px; background-image:url(../images/Ic01.jpg); background-position:left top; background-repeat:no-repeat;}
#IconPG li.IcPg02 a{ height:62px; background-image:url(../images/Ic02.jpg); background-position:left top; background-repeat:no-repeat;}
#IconPG li.IcPg03 a{ height:62px; background-image:url(../images/Ic03.jpg); background-position:left top; background-repeat:no-repeat;}
#IconPG li.IcPg04 a{ height:62px; background-image:url(../images/Ic04.jpg); background-position:left top; background-repeat:no-repeat;}
#IconPG li.IcPg05 a{ height:62px; background-image:url(../images/Ic05.jpg); background-position:left top; background-repeat:no-repeat;}
#IconPG li.IcPg01 a:hover{ background-position:left bottom; color:#5e6860;}
#IconPG li.IcPg02 a:hover{ background-position:left bottom; color:#5e6860;}
#IconPG li.IcPg03 a:hover{ background-position:left bottom; color:#5e6860;}
#IconPG li.IcPg04 a:hover{ background-position:left bottom; color:#5e6860;}
#IconPG li.IcPg05 a:hover{ background-position:left bottom; color:#5e6860;}

#ConPG{ width:774px; background-image:url(../images/bg-conPG.jpg); background-repeat:repeat-y; padding:5px 6px 5px 1px; overflow:auto;}
.ConPG_L{ display:block; width:245px; float:left;}
.Title{ display:block; width:240px; height:207px;}
.Data{ display:block; width:210px; font-size:7pt; font-family:Verdana; color:#37929B; line-height:18px; padding-left:30px;}
.ConPG_R{ display:block; width:500px; float:right; padding-left:10px; padding-right:19px;}
.Item{ display:block; width:400px; height:77px;}
.Text{ display:block; width:480px; font-size:8pt; font-family:Verdana; color:#5e6860; line-height:18px; padding-top:15px; padding-right:20px;}

#EndPG{ width:781px; height:30px; background-image:url(../images/bg-endPG.jpg); clear:both;}

/************************************************************************************************************************/
/*聯絡欄位                */
.CTB{ width:500px; font-family:Verdana; font-size:10px; font-weight:bold; color:#666; line-height:20px; margin-top:15px;}
.CTB_01{ width:60px; text-align:right; padding-right:9pt; vertical-align:top;}
.CTB_02{ text-align:center; padding-top:10px;}
/*必填符號的設定                */
.star{ font-family:Verdana; font-size:12pt; font-weight:bold; color:#FF3333; line-height:20px;}
/*填入框架的設定font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;                */
.BDstandard{ width:170px; background-color:#F9FAEB; border:solid #666 1px; font-family:Verdana; font-size:8pt; color:#666; padding:5px; margin:4px 0;}
.BDlonger{ width:350px; background-color:#F9FAEB; border:solid #666 1px; font-family:Verdana; font-size:8pt; color:#666; padding:5px; margin:4px 0;}
.BDshorter{ width:30px; background-color:#F9FAEB; border:solid #666 1px; font-family:Verdana; font-size:8pt; color:#666; padding:5px; margin:4px 0;}
.BDtextarea{ width:390px; height:180px; background-color:#F9FAEB; border:solid #666 1px; font-family:Verdana; font-size:8pt; color:#666; padding:5px; margin:4px 0;}
.BDonly{ border:solid #F8F5E3 1px; font-family:Verdana; font-size:9pt; color:#666; padding:4px; margin:2px 0;}
/*按鈕的設定                */
.SEND{ width:65px; height:20px; background-image:url(../images/bg-button.gif); font-family:Verdana; font-size:10px; font-weight:bold; color:#393939; text-align:center; border-style:none;}
.DELETE{ width:65px; height:20px; background-image:url(../images/bg-button.gif); font-family:Verdana; font-size:10px; font-weight:bold; color:#393939; text-align:center; border-style:none;}

/************************************************************************************************************************/
/*卷軸設定 注意承級關係 內部相關的拉霸會跟著變動        */
html.EN{
    scrollbar-highlight-color:#1b0023;        /*左上外框內綠*/
	scrollbar-shadow-color:#1b0023;           /*右下外框內綠-深色*/
	scrollbar-darkshadow-color:#1b0023;       /*右下外框邊緣*/
	scrollbar-3dlight-color:#1b0023;          /*左上外框邊緣-深色*/
	scrollbar-arrow-color:#a49ca3;            /*箭頭*/
	scrollbar-face-color:#1b0023;             /*面板*/
	scrollbar-track-color:#1b0023;            /*面板底色*/
	scrollbar-base-color:#1b0023;             /*一次設定整個捲軸的基底色彩，顏色設定為網站風格色系即可*/
	overflow-x:hidden;}                       /*不會出現橫拉霸，x改成y的話就不會出現直拉霸*/

/************************************************************************************************************************/
/*共同設定        */
.RD{ font-family:Verdana; font-size:10pt; font-weight:bold; color:#F36; line-height:20px;}
.GR{ color:#090;}
.HR { border:dashed #b9b8b4 1px; border-bottom:dashed #f0eee9 1px; clear:both;}
.CLEAR { clear:both; font-size:1px; height:0; line-height:0;}

a{ color:#5e6860; text-decoration:none;}
a:hover{ color:#C90;}

.IWARE_FOOTER{ display:block; width:781px; height:15px; margin:0 auto; font-size:9px; font-family:Verdana; line-height:15px; color:#A0988D; text-align:center;}

