@charset "utf-8";
/* 基本設定 */
body{font-family: Arial, Helvetica, sans-serif;	font-size: 15px;color: #666666;vertical-align:middle; padding:15px 0 30px 0; background: #AFF url(../image/bg.png) top repeat-x}
a{ text-decoration:none; color: #003366; }
a:hover{ /* IE */-moz-opacity:0.5; /* Moz + FF */opacity: 0.5; color: #033}


/* 最外框 */
#WARPPER{ display:block; width:1024px; padding:70px 0 0 0; margin:auto; position:relative; background:url(../image/lMenuBg.gif) repeat-y;  margin-bottom:-2px;}

/* 頁首 */
#HEADER{ display:block;background:url(../image/topBarBg.png);width:1024px; height:54px; position: absolute; top:0; left:0;z-index:200}
h1 a{ display:block; background:url(../image/logo.png); width:220px; height:47px; float:left; text-indent:-9999px;}
#HEADER li{ float:left; background: url(../image/topBarLine.png ) center right  no-repeat; padding:0 10px 0 0; margin:0 10px 0 0}
.topMenu01{ display:block; background:url(../image/topMenu_01.png); width:47px; height:47px; text-indent:-9999px;}
.topMenu02{ display:block; background:url(../image/topMenu_02.png); width:77px; height:47px; text-indent:-9999px;}
.topMenu03{ display:block; background:url(../image/topMenu_03.png); width:77px; height:47px; text-indent:-9999px;}
.topMenu04{ display:block; background:url(../image/topMenu_04.png); width:77px; height:47px; text-indent:-9999px;}
.topMenu05{ display:block; background:url(../image/topMenu_05.png); width:77px; height:47px; text-indent:-9999px;}

/* search */
.search{display:block; height:47px; width:200px;  line-height:47px; position:relative}
.searchBox{  background:url(../image/searchBox.png) no-repeat; width:160px; height:23px; font:12px Arial, Helvetica, sans-serif; color:#999; border:none; padding-left:10px; line-height:23px;}

.searchGo{ background:url(../image/searchGo.png) ; width:27px; height:23px;border:none;cursor: pointer; position:absolute; top:13px; left:160px;text-indent:-9999px; }
.searchGo2{ background:url(../image/topMenu_07.png) ; width:47px; height:47px;border:none;cursor: pointer; position:absolute;  left:180px;text-indent:-9999px; }

/* 導盲磚 */
#KEY_T{color: #0C9}
#KEY_L{color:#ccc}
#KEY_C
{
    position: absolute;
    top: 0;
    color: #ccc;
    padding-top: 10px;
}
#KEY_R{ position:absolute; top:10px; right:20px; color: #066}

/* 右邊區塊 */
#L_ZONE{ display:block; width:130px; position:absolute; left:0; top:50px; z-index:100; }


/* 選單 */
#MAIN_NAV{ display:block;   }
#MAIN_NAV ul{}
/* 第一層選單 */
#MAIN_NAV li{ background:url(../image/menuLine.png) bottom left repeat-x; padding-left:15px;position:relative;}
#MAIN_NAV li a{ display:block; color:#333; font:12px   Arial,"新細明體" ;min-height:20px; padding:5px 0 5px 25px;line-height:20px;  }
#MAIN_NAV a:hover{ color: #fff;line-height:20px;}
/* 第二層選單 */
#MAIN_NAV ol{ display:none; position:absolute; left:100px; top:0;  background:url(../image/sMenuPoint1.png) left top no-repeat;}
#MAIN_NAV ol li{background:#10633e url(../image/menuLine2.png) 10px bottom  no-repeat; padding:0; margin-left:30px;}
#MAIN_NAV ol li a{ padding:0 10px; color:#FFF;min-width:130px;line-height:30px;}
#MAIN_NAV ol li a:hover{ color: #ccc;line-height:30px;}
/* 第三層選單 */
#MAIN_NAV ol ol{ display:none; position:absolute; left:120px; top:0;  background:url(../image/sMenuPoint2.png) left top no-repeat}
#MAIN_NAV ol ol li{background:#1c8e1c url(../image/menuLine2.png) 10px bottom  no-repeat; padding:0; margin-left:30px;line-height:30px;}
/* 第四層選單 */
#MAIN_NAV ol ol ol{ display:none; position:absolute; left:120px; top:0;  background:url(../image/sMenuPoint3.png) left top no-repeat}
#MAIN_NAV ol ol ol li{background:#e6c859 url(../image/menuLine2.png) 10px bottom  no-repeat; padding:0; margin-left:30px;}
#MAIN_NAV ol ol ol li a{color:#55411b;line-height:30px;}
#MAIN_NAV ol ol ol li a:hover{color: #930;line-height:30px;}

/* 選單小圖
.btn01{ background:url(../image/lMenu_01.png) left no-repeat; }
.btn02{ background:url(../image/lMenu_02.png) left no-repeat; }
.btn03{ background:url(../image/lMenu_03.png) left no-repeat; }
.btn04{ background:url(../image/lMenu_04.png) left no-repeat; }
.btn05{ background:url(../image/lMenu_05.png) left no-repeat; }
.btn06{ background:url(../image/lMenu_06.png) left no-repeat; }
.btn07{ background:url(../image/lMenu_07.png) left no-repeat; }
.btn08{ background:url(../image/lMenu_08.png) left no-repeat; }
.btn09{ background:url(../image/lMenu_09.png) left no-repeat; }
.btn11{ background:url(../image/lMenu_11.png) left no-repeat; } */

#OTHERLINK{ display:block; width:120px; padding:20px 0; margin:auto;}
#OTHERLINK li{ padding-bottom:2px;}



/* 麵包屑 */
#POS{display:block; margin-left:170px; font:13px "新細明體", "微軟正黑體"; color:#999; line-height:16px;}
.home{ display:block; background:url(../image/posHome.gif) left no-repeat; width:19px; height:16px; text-indent:-9999px; padding-right:5px; float:left}


/* 中間區塊 */
#CONTENT{ display:block; margin-left:150px; padding:10px 10px 10px 0; min-height:580px; overflow:auto; position:relative; z-index:0}
#LINEBAR{ display:block; width:805px; height:35px; background:url(../image/lineBar.png);   margin:auto; padding:0 10px; }
#LINEBAR .titleword{ display:block; padding-left:10px; font:bold 15px "新細明體", "微軟正黑體"; color:#058c7c; line-height:35px;}
#LINEBAR .httplink{ float:right; font:15px "Times New Roman", Times, serif; line-height:35px;color:#FFF;}
.LINEBARtltle{display:block; width:795px; min-height:30px; background:url(../image/lineBarBg.png) bottom; margin:auto; padding:20px 10px 5px 20px; font:25px "微軟正黑體","新細明體"; color:#333}
.LINEBAR_green{ background-color: #5CD6CA}
.LINEBAR_gold{ background-color: #FC6}
.LINEBAR_gray{ background-color: #CCC}
.LINEBAR_rad{ background-color: #900}
.LINEBAR_yellow{ background-color: #FC3}
.LINEBAR_blue{ background-color: #099}
#CONBOX{display:block; width:803px; background:url(../image/lineBarMenuBg.gif) top repeat-x; min-height:530px; margin:auto; padding:30px 0 40px 20px ; border-right: #9CF1CF 1px solid}

/* 中間小選單 */
#LINEBARMENU{ display:block; width:825px; margin:auto;  position:relative; *margin-top:-2px}
#LINEBARMENU ul{display:block; width:765px;background-color:#09a290; padding:10px 30px;}
#LINEBARMENU li a{ font:12px Arial, "新細明體";color:#fff}
#LINEBARMENU li a:hover{ color:#033}
.btnopenclose{display:block; color:#666; font:10px Arial, "新細明體"; padding-left:20px; position:absolute; bottom:-20px; left:400px;}
#CLOSE1{background:url(../image/gotop.png) left  top no-repeat;-webkit-transform:scale(0.91)}
#OPEN1{background:url(../image/gotop1.png) left  top no-repeat;-webkit-transform:scale(0.91)}



#LINEBARMENU2{ display:block; width:805px; padding:0 20px; margin:auto; *margin-top:-2px; overflow:auto;}
#LINEBARMENU2 li{ float:left;}
#LINEBARMENU2 li a{ display:block; background: url(../image/topBarLine.png) right no-repeat; padding:0 10px; margin:5px 0; font:12px Arial, "新細明體";color:#666; }

#SEARCHBOX{ display:block; width:725px; padding:10px 0 10px 20px; margin:auto; *margin-top:-2px; overflow:auto; text-align:center}
#SEARCHBOX li{ float:left; padding:0 5px ;font:bold 18px "微軟正黑體" ,"新細明體" ; line-height:30px; }
#SEARCHBOX li input[type="text"] 
{
    border: #099 1px solid;
    color: #066;
    padding:3px;
}
#SEARCHBOX li input
{
    border: #099 1px solid;
    color: #066;
    padding:3px;
}
#SEARCHBOX2{  display:block; width:725px; padding:10px 0 10px 10px; margin:auto; *margin-top:-2px; overflow:auto; text-align:left }
#SEARCHBOX2 li{ float:left; padding:0 5px ;font:bold 16px "微軟正黑體" ,"新細明體" ; line-height:30px; }
#SEARCHBOX2 li a{ background: url(../image/topBarLine.png) right no-repeat; padding:0 10px; margin:5px 0; 
                 font:15px Arial, "新細明體";color:#333; }
#SEARCHBOX3{  display:block; width:725px; padding:10px 0 10px 10px; margin:auto; *margin-top:-2px; overflow:auto; text-align:left }
#SEARCHBOX3 li{ float:left; padding:0 5px ;font:bold 20px "微軟正黑體" ,"新細明體" ; line-height:30px; }
#SEARCHBOX3 li a{ background: url(../image/topBarLine.png) right no-repeat; padding:0 10px; margin:5px 0; 
                 font:15px Arial, "新細明體";color:#333; }




/* 內容排版用的css */
.title01{ display:block; font:bold 18px Arial, "新細明體"; color:#066; background:url(../image/menuLine.png) bottom repeat-x; padding-bottom:10px; line-height:22px; }
.title02{ display:block; font: 18px  Arial, "新細明體"; color:#066; background:#e7f0ed url(../image/lMenu_10.png) left  center no-repeat; padding:5px 20px; margin-bottom:20px;position:relative;  margin-top:20px; }
.title02A
{
    background-position: left center;
    display: block;
    font: 16px Arial, 新細明體;
    color: #FFFFFF;
    background: #009900 url(../image/lMenu_10.png) no-repeat left center;
    padding: 5px 20px;
    margin-bottom: 20px;
    position: relative;
    margin-top: 20px;
    font-weight: bold;
}
.title03{ display:block; font:bold 12px  Arial, "新細明體"; color:#066;  padding:5px 10px; margin:0 0 10px 0; background-color:#e7f0ed}
.title03A
{
    display: block;
    font: 15px Arial, 新細明體;
    color: #066;
    padding: 5px 10px;
    margin: 0 0 10px 0;
    background-color: #e7f0ed;
    line-height: 30px;
}
.title04{ display:block; font:bold 12px  Arial, "新細明體"; color:#066; padding-bottom:5px }

.title_data{ display:block; padding-left:10px; color:#900; font:12px Arial, "新細明體"; line-height:30px;}
.title_com{display:block; padding:0 40px 10px 20px; font:15px Arial; line-height:1.8em;}
.title_com p{ padding-bottom:10px;}
.title_com ol{ list-style:outside  decimal; margin-left:30px;}
.title_com ul{ list-style:outside  disc; margin-left:30px;}
.title_com li ol{ list-style:outside  upper-alpha; margin-left:30px;}
.title_com li ul{ list-style:outside  circle; margin-left:30px;}

.title_other{ display:block; padding:0 0 10px 10px;  font:bold 15px Arial, "新細明體"; clear:both }
.title_other_list {display:block; background:url(../image/menuLine.png) top repeat-x;padding:0 0 10px 0; margin-left:10px; overflow:auto;}
.title_other_list li{ float:left;}
.title_other_list a{ display:block;font:12px Arial, "新細明體"; color:#066; padding: 10px 10px 15px 15px; background:url(../image/pointList.gif) left 10px no-repeat; line-height:13px;}
.title_other_list_img
{
    padding: 2px 5px 2px 15px;
}

.title_other2
{
    display: block;
    background: url(../image/menuLine.png) top repeat-x;
}

.title_other2 p
{
    padding-left: 50px;
}

/* 表格用的css */
.tablebox{margin-top:10px;width:100%; border: #0C9 2px solid;font:15px  "新細明體", "微軟正黑體"; }
.tablebox .download{ display:block; background:url(../image/sign-up.png) left 5px no-repeat; padding-left:20px; }
.tablebox td
{
    border: #9CF1CF 1px solid;
    padding: 2px 5px 2px 5px;
}
.tablebox th
{
    background-position: url(../image/selectBarBg.gif) repeat-x;
    border: #9CF1CF 1px solid;
    padding: 5px;
    background: url(../image/selectBarBg.gif) repeat;
    color: #FFF;
    line-height: 25px;
}
.tablebox  caption
{
    text-align: center;
    line-height: 20px;
    color: #009966;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    letter-spacing: 110%;
    padding: 5px 5px 5px 5px;
}

/*WEBPAD TABLE*/
.table_1{margin-top:10px;width:100%; border: #0C9 2px solid;font:100%  "新細明體", "微軟正黑體"; }
.table_1 .download{ display:block; background:url(../image/sign-up.png) left 5px no-repeat; padding-left:20px; }
.table_1 caption
{
    text-align: center;
    line-height: 20px;
    color: #009966;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    letter-spacing: 110%;
}
.table_1 td{border: #9CF1CF 1px solid; padding: 1px 5px 1px 5px;}
.table_1 th
{
    border: #9CF1CF 1px solid;
    padding: 1px 5px 1px 5px;
    color: #FFF;
    line-height: 35px;
    background-color: #009966;
}
.td_1 { border: #9CF1CF 1px solid; padding:10px 5px;}
.th_1
{
    border: #9CF1CF 1px solid;
    padding: 5px;
    color: #FFF;
    background-color: #009966;
    line-height: 25px;
}



/* 網站地圖 */
.siteMap{ padding-top:20px;}
.siteMap li{list-style-type:none; padding:0 0 30px 30px;} /* background:url(../image/lMenu_01.png) left 2px no-repeat; */
.siteMap li a{ display:block; border-bottom: #E8E8E8 4px solid; color:#099; font:bold 20px  Arial,"微軟正黑體","新細明體"; }
.siteMap li a:hover {font:bold 20px  Arial,"新細明體"; }
.siteMap li li {list-style-type:disc; background-image:none; padding:0;}
.siteMap li li a{ border-bottom:#97FDDC 1px  dotted; font: normal 12px "新細明體"; color:#033;}
.siteMap li li a:hover {font: normal 12px Arial,"新細明體"; }
.siteMap li li li{list-style-type: circle}
.siteMap li li li a{ border-bottom:#97FDDC 1px  dotted; font: normal 12px "新細明體"; margin:0}
.siteMap li li li a:hover {font: normal 12px Arial,"新細明體"; }
.siteMap li li li li{list-style-type: square}

/* 左邊區塊 */
#R_ZONE{ display:block;float:right;width:280px;}
.R_BOX{ display:block; background:url(../image/otherBar.gif ) top no-repeat; width:280px; margin-bottom:15px;}
.R_BOX a:hover{ color:#999}
.list1 {display:block;  background:url(../image/otherBarDown.gif) bottom no-repeat; padding:10px 10px 15px 10px;overflow:auto;}
.list1 li{ float:left; width:120px; padding-right:10px;}
.list1 a{ display:block; background:url(../image/point.gif) left 4px no-repeat; padding-left:12px; font:12px Arial, "新細明體"; color:#066; line-height:20px;}

.riconWord{ display:block;  padding-left:20px;  color:#000; font:15px "微軟正黑體", Arial; margin-left:10px;line-height:35px;}
.ricon01{ background:url(../image/sIcon_01.png) left 10px no-repeat;}
.ricon02{ background:url(../image/sIcon_02.png) left 10px no-repeat;}
.ricon03{ background:url(../image/sIcon_03.png) left 10px no-repeat;}
.ricon04{ background:url(../image/sIcon_04.png) left 10px no-repeat;}

.list2{display:block; background:url(../image/otherBarDown.gif) bottom no-repeat;padding:20px 0 15px 20px;overflow:auto;}
.list2 li{ float:left; background:url(../image/boxLine.gif) right no-repeat; padding-right:7px; margin-right:5px;}
.list2 a{ display:block;font:12px Arial, "新細明體"; color:#066; width:30px; padding-top:30px; text-align:center;}
.rBtn01{ background:url(../image/icon_01.png) center top no-repeat;}
.rBtn02{ background:url(../image/icon_02.png) center top no-repeat;}
.rBtn03{ background:url(../image/icon_03.png) center top no-repeat;}
.rBtn04{ background:url(../image/icon_04.png) center top no-repeat;}
.rBtn05{ background:url(../image/icon_05.png) center top no-repeat;}
.rBtn06{ background:url(../image/icon_06.png) center top no-repeat;}
.rBtn07{ background:url(../image/icon_07.png) center top no-repeat;}
.rBtn08{ background:url(../image/icon_08.png) center top no-repeat;}
.rBtn09{ background:url(../image/icon_09.png) center top no-repeat;}
.rBtn10{ background:url(../image/icon_10.png) center top no-repeat;}
.rBtn11{ background:url(../image/icon_11.png) center top no-repeat;}
.rBtn12{ background:url(../image/icon_12.png) center top no-repeat;}

/* 中間區塊 */
#M_ZOME{ margin-right:300px; padding-top:195px; *padding-top:180px}

/* Banner換圖 */
.eachBox{overflow:hidden;clear:both;padding:0;display:block; width:500px;height:150px; position:absolute; top:20px; left:30px; z-index:20}
.changeBox_a1{float:left; padding:0;position:relative;border:0 solid #aaa; }
.changeBox_a1 .a_bigImg {position:absolute;top:0;left:0;display:none;}

/* 最新消息 */
#HOTNEWS{ display:block; background:url(../image/selectBar.gif) center top no-repeat; width:560px; font:12px Arial, "新細明體"; line-height:20px; }
#ALL{width:2800px;position:relative;}
.BOXS{ display:block;width:520px; padding:20px 20px;height:298px;*height:294px;float:left;overflow:hidden; position:relative}
/* .BOXS{ display:block;width:520px; padding:20px 20px;min-height:280px;*min-height:276px;float:left;overflow:hidden; position:relative} */

.newstype1
{
    display: block;
    /* background: url(../image/menuLine.png) bottom left repeat-x; */
    padding: 0 0 5px 0;
    padding-top: 5px;
    margin-top: 5px;
}
.newstype1a
{
    display: block;
    background-position: left top;
    background-image: url(../image/menuLine.png);
    background-repeat: repeat-x;
    height: 3px;
    padding-top: 5px;
    margin-top: 5px;
}
.newstype1 .title05
{
    font:bold 18px Arial, "新細明體"; color:#066;
    line-height: 26px;
    text-align: left;
    letter-spacing: 1px;
}
.newstype1 img{ display:block;  width:90px; float:left; padding:0 10px 5px 0;}

.more{ display:inline-block; background:url(../image/more_02.gif) top right no-repeat;  position:absolute; bottom:0; right:20px;}
.more a{  display:inline-block; padding:0 10px 0 30px; background:url(../image/more_01.gif) left no-repeat; font:11px Arial, "新細明體"; color: #463E2F; line-height:26px;}

.more2{ display:inline-block; background:url(../image/more_04.gif) top right no-repeat;  position:absolute; bottom:0; right:20px;}
.more2 a{  display:inline-block; padding:0 10px 0 30px; background:url(../image/more_03.gif) left no-repeat; font:11px Arial, "新細明體"; color: #463E2F; line-height:26px;}

/* 活動頁籤1 */
 #TABBOX{ display:block; background:url(../image/selectBoxDown.gif) left  bottom no-repeat;*background:url(../image/selectBoxDown.gif) left 317px no-repeat;  position:relative;overflow: hidden;} 
/* #TABBOX{ display:block; background:url(../image/selectBoxDown.gif) left bottom no-repeat;*background:url(../image/selectBoxDown.gif) left bottom no-repeat;  position:relative;overflow: hidden;} */
#TAB{ display:block; width:530px;height:41px; padding:0 15px;}
#TAB li{ float:left; width:106px; background:url(../image/topBarLine.png) center right no-repeat; text-align:center; }
#TAB li a{ display:block;  font:900 15px  "微軟正黑體" ,"新細明體"; color:#000;line-height:41px;}
#TAB li a.NOWTAB { background:url(../image/selectBarBg.gif) top repeat-x;	color:#FFF;	font-weight:bold;}

/* 活動頁籤2 */
#HOTNEWS2{ display:block; background:url(../image/selectBar2.gif) center top no-repeat; width:760px; font:12px Arial, "新細明體"; line-height:20px; }
#ALL2{width:6080px;position:relative;}
.BOXS2{ display:block;width:700px; height:275px; padding:20px 30px;min-height:280px;*min-height:276px;float:left;overflow: auto; position:relative}
/*.BOXS2{ display:block;width:700px; height:275px; padding:20px 30px;min-height:280px;*min-height:276px;float:left;overflow: auto; position:relative} */
#TABBOX2{ display:block; background:url(../image/selectBoxDown2.gif) left  bottom no-repeat;*background:url(../image/selectBoxDown2.gif) left 317px no-repeat;  position:relative;overflow:hidden;}
#TAB2{ display:block; width:730px;height:41px; padding:0 15px; }
#TAB2 li{ float:left; width:90px; background:url(../image/topBarLine.png) center right no-repeat; text-align:center; }
#TAB2 li a{ display:block;  font:900 15px  "微軟正黑體" ,"新細明體"; color:#000;line-height:41px;}
#TAB2 li a.NOWTAB { background:url(../image/selectBarBg.gif) top repeat-x;	color:#FFF;	font-weight:bold;}


/* 列表 */
.newlist1 li a{ display:block; background:url(../image/point.gif) left 6px no-repeat; padding-left:10px; font:12px Arial, "新細明體"; color:#066; line-height:20px;}
.newlist2 li { display:block;background: url(../image/menuLine.png) left bottom repeat-x; padding-left:10px; margin-right:30px;}
.newlist2 li a{ display:block;background:url(../image/point.gif) left 10px no-repeat; padding-left:15px;  font:15px Arial, "新細明體"; color:#066; line-height:30px;}

/* 信用卡 */
#CARDZONE{ display:block; height:160px; position:relative; }
#CARDNEWS { display:block; position:absolute; width:260px;top:-20px; right:30px; }
#CARDNEWS a{white-space:nowrap; overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis; 
-icab-text-overflow: ellipsis; 
-khtml-text-overflow: ellipsis; 
-moz-text-overflow: ellipsis; 
-webkit-text-overflow: ellipsis; }
.cardtitle{ display:block;  padding-left:20px;  color:#000; font:15px "微軟正黑體", Arial; line-height:35px;}
#CARDBOX{display:block; overflow:auto}
#CARDBOX li{ float:left; margin:0 20px 10px 0 }

.cardbox{ display:block; background:url(../image/cardBoxDown.gif) bottom no-repeat; width:380px; height:220px; padding:0 0 30px 0; position: relative; }
.cardbox .Application { display:block; width:158px; text-align:center; font:20px Arial, "新細明體"; color:#F60; margin:0 10px 0 20px}
.cardbox .Application img{width:158px; height:100px; padding-bottom:10px;}

.cardbox1{ display: block; width:760px;  position:relative}
.cardbox1 img{display: block; width:250px; height:155px; padding-bottom:80px;}
.cardbox1 h2{ display:block; position:absolute; left:300px; top:30px;font:30px Arial, "新細明體"; color: #066;}
.cardbox1  a{ display:block; position:absolute; left:300px; top:80px;font:18px Arial, "新細明體"; color: #930;}


.cardtitle1{ display:block; width:380px;  background:url(../image/cardBox.gif) top no-repeat; padding:0 }
.cardtitle1 .title06{ display:block; font:15px Arial, "新細明體"; color:#000; background: url(../image/lMenu_10.png) left 10px no-repeat; padding:5px 0 20px 20px; margin-left:10px;  line-height:25px;}

.cardtxt{ display:block; position:absolute; top:50px; right:20px; font:12px Arial, "新細明體"; color:#666; width:150px;}
.cardtxt p{ display:block; padding-bottom:10px;}
#CARDBOX li .cardtxt ul li{display:block; background:url(../image/pointList.gif) left 2px no-repeat; padding-left:15px; float:none;}

#SELECTTYPE {display:block; border: #066 1px solid; background:#FFF url(../image/selectPoint.gif) center right no-repeat;width:180px;color:#066; line-height:20px;}
#SELECTTYPE li{  padding-left:15px;position:relative; z-index:101}
#SELECTTYPE ol{ display:none; position:absolute; left:-1px; top:19px; background-color:#FFF;border: #066 1px solid; border-top:none; padding-bottom:10px; min-width:180px;}
#SELECTTYPE a{display:block; font: normal 12px Arial, "新細明體"; color:#066; padding:0 ; line-height:20px;}

/* 下方banner */
#ADBANNER{ display:block; background:url(../image/otherBannerBg.gif) top repeat-x; height:76px; margin-left:130px; padding:8px 0 0 40px;}
#ADBANNER li{ float:left; width:170px;}
#ADBANNER li a img{ display:block; border:#666 1px solid;width:120px; height:60px;}
#ADBANNER li a:hover img{border: #F90 1px solid;}

/* 頁尾 */
#FOOTER{ display:block; background:url(../image/footerBar.png) center top no-repeat; margin:auto; width:994px; height:60px; font:11px  "新細明體"; color:#17543c; padding:7px 15px;   position:relative;}

#FOOTER li{ float:left; line-height:18px;}
.footerBox1{ width:360px; }
.footerlink{ display:block; position:absolute; bottom:-10px; left:0;color: #066;}
.footerlink li{ padding-right:10px;}
.footerlink a{ color: #066;}
.footerlink a:hover{ color:#033}
#AA_LOGO{ display:block; position:absolute; right:10px; top:10px;}
#TOPGO a{ display:block; background:url(../image/gotop.png) left 1px no-repeat;color: #066; font:11px Arial, "新細明體"; padding-left:20px; position:absolute; bottom:-10px; right:0;}

.gotopup a{ display:block; background:url(../image/gotop.png) left 1px no-repeat;color: #066; font:10px Arial, "新細明體"; padding-left:20px; position:absolute; right:10px;; top:10px;-webkit-transform:scale(0.91)}
/* 清除float */
.clearfloat{
clear:both;height:0;font-size:1px;line-height:0;}



/* WebPad文字使用的 */

.RedText
{
    color: red;
    font-size: 15px;
}

.RedText1
{
    color: red;
    font-size: 18px;
}

.RedText2
{
    color: red;
    font-size: 20px;
}

.RedText3
{
    color: red;
    font-size: 22px;
}

.RedTextBold
{
    color: red;
    font-size: 15px;
    font-weight: bolder;
}


.RedTextBold1
{
    color: red;
    font-size: 18px;
    font-weight: bolder;
}

 

.RedTextBold2
{
    color: red;
    font-size: 20px;
    font-weight: bolder;
}

 

.RedTextBold3
{
    color: red;
    font-size: 22px;
    font-weight: bolder;
}


.BlackText
{
    color: Black;
    font-size: 15px;
}

.BlackText1
{
    color: Black;
    font-size: 18px;
}

.BlackText2
{
    color: Black;
    font-size: 20px;
}

.BlackText3
{
    color: Black;
    font-size: 22px;
}

.BlackTextBold
{
    color: Black;
    font-size: 15px;
    font-weight: bolder;
}

.BlackTextBold1
{
    color: Black;
    font-size: 18px;
    font-weight: bolder;
}

.BlackTextBold2
{
    color: Black;
    font-size: 20px;
    font-weight: bolder;
}

.BlackTextBold3
{
    color: Black;
    font-size: 22px;
    font-weight: bolder;
}

.GreenText
{
    color: Green;
    font-size: 15px;
}

.GreenText1
{
    color: Green;
    font-size: 18px;
}

.GreenText2
{
    color: Green;
    font-size: 20px;
}

.GreenText3
{
    color: Green;
    font-size: 22px;
}

.GreenTextBold
{
    color: Green;
    font-size: 15px;
    font-weight: bolder;
}

.GreenTextBold1
{
    color: Green;
    font-size: 18px;
    font-weight: bolder;
}

.GreenTextBold2
{
    color: Green;
    font-size: 20px;
    font-weight: bolder;
}

.GreenTextBold3
{
    color: Green;
    font-size: 22px;
    font-weight: bolder;
}

.BlueText
{
    color: blue;
    font-size: 15px;
}

.BlueText1
{
    color: blue;
    font-size: 18px;
}

.BlueText2
{
    color: blue;
    font-size: 20px;
}

.BlueText3
{
    color: blue;
    font-size: 22px;
}


.BlueTextBold
{
    color: blue;
    font-size: 15px;
    font-weight: bolder;
}


.BlueTextBold1
{
    color: blue;
    font-size: 18px;
    font-weight: bolder;
}
 

.BlueTextBold2
{
    color: blue;
    font-size: 20px;
    font-weight: bolder;
}

.BlueTextBold3
{
    color: blue;
    font-size: 22px;
    font-weight: bolder;
}

 

/* WebPad表格使用的
表格部分須重新設計顏色樣式等，還要包含caption */ 


.TABLE_webPad_1
{
    border: #0C9 2px solid;
    font-size: 15px;
    font-family: Arial, Verdana;

}

.TABLE_webPad_1 caption
{
    text-align: center;  
    line-height: 20px; 
    color: #008000; 
    font-family: Arial, Helvetica, sans-serif;
}
 

.TD_webPad_1
{
    border: #9CF1CF 1px solid; 
    padding:10px 5px;
    font-family: Arial, Verdana;
}

 

.TH_webPad_1
{
    border: #9CF1CF 1px solid;
    padding: 5px;
    background: url(../image/selectBarBg.gif) repeat-x;
    color: #FFF;
    line-height: 25px;
    font-family: Arial, Verdana;
    text-align: center;
}

/* WebPad連結使用的 */

A.WebPad_link1:link
{
    color: #993300;
    font-size: 15px;
    font-family: Arial, Verdana;
}

A.WebPad_link1:hover
{
    color: #008080;
    font-size: 15px;
    text-decoration: underline;
}

A.WebPad_link1:visited
{
    color: Purple;
    font-size: 15px;

}

/* 理財試算表格使用的 */
.TABLE_Count_1
{
    margin-top:10px;
    width:100%; 
    border: #0C9 2px solid;
    font:15px;
    font-family: "新細明體", "微軟正黑體"; 
}

.TH_Count_1
{
    border: #9CF1CF 1px solid;
    padding: 5px;
    background: url(../image/selectBarBg.gif) repeat-x;
    color: #FFF;
    line-height: 25px;
    font-family: Arial, Verdana;
    text-align: center;
}



.TD_Count_1
{
     border: #9CF1CF 1px solid; 
     padding:10px 5px;
     font-family: Arial, Verdana;
}
.TD_Count_1 a
{
    color: #0000FF;
    font-family: Arial, Verdana;
}
.TD_Count_1 a:hover
{
    color: #0000FF;
    text-decoration: underline;
    font-family: Arial, Verdana;
}

.TD_Count_2
{
    border: #9CF1CF 1px solid; 
    padding:10px 5px;
    font-family: Arial, Verdana;
}
.TD_Count_2 a
{
    font-family: Arial, Verdana;
    color: #0000FF;
}
.TD_Count_2 a:hover
{
    font-family: Arial, Verdana;
    color: #0000FF;
    text-decoration: underline;
}


.infomenutitle{ display:block; font:bold 15px  "新細明體","微軟正黑體", Arial; padding:0 0 5px 15px;  color:#FFF; background:url(../image/topBarBg.png) right bottom; line-height:30px;}
#MAIN_NAV .infomenubox{ display:block;  background:#E8E8E8}
#MAIN_NAV .infomenubox li a{ padding:5px 0  }
#MAIN_NAV .infomenubox li li a{ padding:0 0 0 10px; }
#MAIN_NAV .infomenubox li a:hover{ color:#033}
#MAIN_NAV .infomenubox li li a:hover{ color: #9C9}

#Newsbody
{
    background-position: top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #999999;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
    background: #FFFFFF none top;
}


/*  title_com增加的項目 */

.title_com table tr td
{
    /* font: 15px Arial, 新細明體; */
    line-height: 40px;
    color: #333333;
}

.title_com2 table tr td
{
    line-height: 40px;
}

.title_com a
{
    font: 15px Arial, 新細明體;
    line-height: 40px;
    color: #900;
}
.title_com a:hover
{
    font: 15px Arial, 新細明體;
    line-height: 40px;
    color: #0000FF;
    text-decoration: underline;
}

.title_com input[type="text"]
{
    border: 1px solid #333333;
    background-color: #fff;
    color: #333333;
    font-size: 12px;
    padding:0.4em;
    margin-left:5px;
    font-family: Arial, Helvetica, sans-serif;
}
.title_com input[type="checkbox"]
{
    margin:4px;
}
.title_com input[type="radio"]
{
    margin:4px;
}
.title_com select
{
    margin:4px;
}

.title_com textarea
{
    border: 1px solid #333333;
    color: #333333;
    font-size: 12px;
    padding:0.4em;
    font-family: Arial, Helvetica, sans-serif;
}

.title_com input[type="submit"]
{
    padding:0.4em;
	text-decoration:none;
}

.cbutton
{
    font-size: 12px;
    height:24px;
}
    
.cinput
{
    border: 1px solid #333333;
    background-color: #C0C0C0;
    color: #333333;
    font-size: 12px;
    padding: 0.3em;
    font-family: Arial, Helvetica, sans-serif;
}


fieldset {
	margin: 1.5em 0 0 0;
	padding: 10;
    border: 1px solid #CCC;
}
legend
{
    margin-left: 1em;
    color: #009;
    font-weight: bold;
    letter-spacing: 0.3em;
    padding: 10;
}
fieldset div
{
    padding: 5px 15px 10px 15px;
}

/* 首頁右邊區塊的次選單 */
.rightBox{ padding-top:20px; width:500px;}

.rightBox li{    
    list-style-type: none;
    padding: 10px 10px 10px 40px;
    line-height: 28px;
    margin-left: 40px;
    color: #006666;
    
} 
.rightBox li span
{
    display: block;
    font: bold 20px Arial, "新細明體" , "微軟正黑體";
    color: #006666;
    border-bottom: #E8E8E8 3px solid;
}

.rightBox li a
{
    display: block;
    font: bold 20px Arial, "新細明體" , "微軟正黑體";
    color: #006666;
    border-bottom: #E8E8E8 3px solid;
}
.rightBox li a:hover
{
    display: block;
    font: bold 20px Arial, "新細明體" , "微軟正黑體";
    color: #660033;
}

.rightBox li li
{
    list-style-type: disc;
    padding: 5px 0px 0px 0px;
    margin-left: -10px;
    line-height: 28px;
}

.rightBox li li span
{
   
    border-bottom:#97FDDC 1px  dotted; 
    font: normal 16px  Arial, "新細明體" , "微軟正黑體"; 
    color:#033;
}

.rightBox li li a{ border-bottom:#97FDDC 1px  dotted; font: normal 16px  Arial, "新細明體" , "微軟正黑體"; color:#033;}
.rightBox li li a:hover {font: normal 16px Arial, "新細明體" , "微軟正黑體"; }

/*20141217小吳新增*/
#FATFOOTER{ display:block; background-color: #E8E8E8; border-top: #999 1px solid;  margin:auto; width:974px; padding:0 20px 10px 30px;  font:11px  "新細明體"; color:#17543c;  overflow:auto}
#FATFOOTER div{ float:left; padding:10px 10px; width:140px;}
#FATFOOTER h3{ font:bold 15px "微軟正黑體", Arial; padding-bottom:10px;}
#FATFOOTER h3 a{  color: #033}
#FATFOOTER li a{ display:block; padding:0 0 5px 10px; color:#066}

.shareicon{	display: block;	position: absolute;	top: 102px;	right: 41px; z-index:100}
.shareicon li{ float: left;line-height:32px; padding-right:5px;}

/*20141225小吳新增*/
.topMenu06{ display:block; background:url(../image/topMenu_06.png); width:77px; height:47px; text-indent:-9999px;}

#FOOTER {    height: 62px;}
#ADBANNER {padding:15px 0 0 40px;}
#ADBANNER li{ float:left; width:155px;}
#FATFOOTERBOX{position:relative; display:block; width:1024px; margin:auto;}
#CLOSEFAT{background:#E8E8E8 url(../image/gotop.png) 5px  10px no-repeat; width:50px;padding:0 10px 0 30px;}
.fatbtn{  -webkit-transform:scale(0.91); color:#666; font:10px Arial, "新細明體"; padding-left:20px;;border: #999 1px solid; border-bottom:#E8E8E8;position:absolute; top:-28px; right:10px; line-height:30px;}
#OPENFAT{background: #07b7a2 url(../image/gotop1.png) 5px  10px no-repeat; width:50px;padding:0 10px 0 30px; color:#FFF}