@charset "utf-8";

*{font-family: "Segoe UI",Lucida Grande,Arial, Microsoft JhengHei,ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro,メイリオ, Meiryo, ＭＳ Ｐゴシック, 微軟正黑體, Microsoft YaHei, 微軟雅黑體, Tahoma, PMingLiU, 新細明體, simhei, sans-serif, Trebuchet MS, Lucida Sans Unicode, Verdana;
}





body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size:8.5pt;
	color:#333;
	line-height:18px;
}


/*--------------------------------------------------------------------------------------- 最外層包裝區 ------------------------------------------------------------------------*/


/*---- 最外層 ----*/
div#wrapper {
width: 100%;
height: auto;
margin:0 auto; /*---- 版面水平置中 ----*/
min-width:962px; /* 最小寬度 */
}

/*---- popwindow 最外層 ----*/
div#popwrapper {
width: 100%;
height: auto;
margin:0 auto; /*---- 版面水平置中 ----*/
}

/*---- popwindow 最外層 ----*/
div#pop_content {
width: 100%;
height: auto;
margin:0 auto; /*---- 版面水平置中 ----*/
}

/*---- pop title ----*/
.pop_title {
height: auto;
-moz-box-shadow:inset 0px 0px 0px 0px #00ccff;
-webkit-box-shadow:inset 0px 0px 0px 0px #00ccff;
box-shadow:inset 0px 0px 0px 0px #00ccff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00bae8), color-stop(1, #00a3c4) );
background:-moz-linear-gradient( center top, #00bae8 5%, #00a3c4 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bae8', endColorstr='#00a3c4');
background-color:#00bae8;
-webkit-border-top-left-radius:0px;
-moz-border-radius-topleft:0px;
border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
-moz-border-radius-topright:0px;
border-top-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-radius-bottomright:0px;
border-bottom-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-radius-bottomleft:0px;
border-bottom-left-radius:0px;
text-indent:0;
border:0px solid #dcdcdc;
	/* display:inline-block; */
	color:#ffffff;
	font-size:18px;
	font-style:normal;
	line-height:18px;
	text-decoration:none;
	text-align:left;
	text-shadow:-1px -1px 0px #0087ac;
	padding:13px 20px 15px 20px;
}

/*---- popwindow text ----*/
.pop_txt {
line-height:18px;
padding:25px 20px 25px 20px;
}


/*------------------------------------------------------------------------------------------ 頁首區 ---------------------------------------------------------------------------*/

/*---- 頁首 blue條背景 ----*/
div#header_blue {

width: 100%;
height: 6px;
background: url(../images/topline_bg1.gif) repeat-x;
}


/*---- 頁首 blue+深藍 ----*/
div#header_dblue {

width: 203px;
height: 6px;
background: url(../images/topline_left.gif) no-repeat;
float:left;
}

/*---- 頁首 blue+淺藍 ----*/
div#header_lblue {

width: 314px;
height: 6px;
background: url(../images/topline_right.gif) no-repeat;
float:right;
}


/*---- 頁首 blue條背景 ----*/
div#header_allblue {

width: 962px;
height: 6px;
margin:0 auto;
}




/*---- 頁首延展 ----*/
div#header {

width: 100%;
height: 70px;
background: url(../images/smenu_bg.gif) repeat-x;
}

/*---- 頁首內容範圍 ----*/
div#header_content {
width: 962px;
margin:0 auto;
padding:18px 0px 0 0px;

}


/*------------------------------------------------------------------------------------------ 下拉選單區 ---------------------------------------------------------------------------*/

/*------------------------------- 下拉母選單 ------------------------------------*/
td#tmenu {
font-size: 10.5pt;
float:right; 
margin:-9px 0 0 0px; /*---- 微調整塊 menu 高度 ----*/
*margin-top: 8px; /*     "*" 是針對 IE 7 ~9 的位置調整     */
overflow:hidden; /*---- 超過區塊範圍,不顯示內容 ----*/
}

/*---- 項目前方小點顯示為"none" ----*/
td#tmenu ul {
list-style-type:none;

}

td#tmenu li {
float:left; /*---- 讓 tmenu 與 logo 水平並排 ----*/
text-align:center; /*---- 讓文字居中 ----*/
color: #fff;
padding:4px 25px 0 25px; /*---- 微調 li 間距 ----*/
*margin-top: 4px; /*     "*" 是針對 IE 7 ~9 的位置調整     */
}

/*---- 讓li連結狀況均為同色 ----*/
td#tmenu li a {
color: #000;
text-decoration: none;
}

/*---- 特別指定li連結>滑過狀況為藍色 ----*/
td#tmenu li a:hover {
color: #2292d3;
text-decoration: none;
}




/*------------------------------------------------------------------------------------------- Banner 圖片區 ------------------------------------------------------------------------*/


/*---- banner 背景圖片 ----*/
div#banner {
background: url(../images/banner_bg_eservice.gif);
width: 100%;
height: 88px;
text-align:center;
vertical-align : top;
}

div#banner_block {
width: 962px;
height: 88px;
margin:0 auto;
padding:0px 0px 0px 0px;
vertical-align : top;
}

div#banner_pic {
background: url(../images/banner_eservice_pic.jpg) no-repeat;
width: 710px;
height: 88px;
float:left;
vertical-align : top;
/* position:absolute; */
/* left:0; */
}

div#banner_word {
background: url(../images/banner_eservice_word.jpg) no-repeat;
width: 252px;
height: 88px;
float:right;
vertical-align : top;
/* position:absolute; */
/* right:0; */
}


/*------------------------------------------------------------------------------------------- News 跑馬燈區 ------------------------------------------------------------------------*/


/*---- 跑馬燈區_背景圖 ----*/
.rnews_bg {
/*
background: url(../images/news_bg.gif) no-repeat;
width: 962px;
*/
height: 34px;
margin:0 auto;
text-align:center;
vertical-align : top;
}

.rnews_block {
/*width: 940px;*/
height: 18px;
margin:0 auto;
overflow:hidden;
text-align:left;
vertical-align : top;
padding:4px 30px 0px 0px;
*padding:3px 30px 0px 0px; /* "*" 是針對 IE 7 ~9 的位置調整 */  
*height: 20px; /* "*" 是針對 IE 7 ~9 的位置調整 */
}

.rnews_run {
display:inline;

}

.rnews_run a:hover {
color:#2292d3;
text-decoration:none;
}

.news_txt {
font-size: 8.5pt;
line-height:18px;
color:#6d7479; 
text-decoration: none; 
}

.news_txt a:link {
color:#6d7479; 
text-decoration: none; 
padding:0px 10px 0px 0px;
*padding:0px 10px 0px 0px; /* "*" 是針對 IE 7 ~9 的位置調整 */  
}

.news_txt a:hover {color:#2292d3;text-decoration:underline;}
.news_txt a:active {color:#6d7479; text-decoration: none;} 
.news_txt a:visited {color:#6d7479; text-decoration: none;} 


.news_text1 {
font-size: 8.5pt;
font-weight:600;
line-height:18px;
color:#6d7479;
text-decoration:none;
padding:0px 10px 0px 0px;
*padding:0px 10px 0px 0px; /* "*" 是針對 IE 7 ~9 的位置調整 */     
}


.news_date {
font-size: 8.5pt;
font-weight:600;
line-height:18px;
color:#000;
text-decoration:none;
padding:0px 10px 0px 0px;
*padding:0px 10px 0px 0px; /* "*" 是針對 IE 7 ~9 的位置調整 */     
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
.news_date {font-weight: 200;}/*chrome微調位置*/
}





.news_title {
font-size: 17pt;
color:#114271;
font-weight: lighter;
margin-right:10px;
padding:0px 10px 0px 0 ;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
.news_title {font-size: 22px; font-weight: 100;}/*chrome微調位置*/
}



/*---- 跑馬燈區_line ----*/
.rnews_line {
/*
background: url(../images/news_line.gif) no-repeat;
width: 962px;
*/
height: 15px;
margin:0 auto;
text-align:center;
vertical-align : top;
}



/*------------------------------------------------------------------------------------- 內容區塊,包含 (Left, Middle, Right 三區) ------------------------------------------------------------*/


/*---- contentbg 底圖 ----*/
div#contentbg {
width: 100%;
height:100%; /*---- 高度一定要設,不然會被底下Left, Middle, Right 三區的 float:left 浮動效果蓋到 ----*/
margin:0px auto;


}

/*---- content_block 範圍 ----*/
div#content_block {
width: 962px;
margin:0 auto;
position:relative; /*  此設定為讓此區塊會隨著子層(left, middle, right block 區塊)內容增減而變化 */
overflow:hidden; /* 母層範圍以外不要有 scoll bar */
padding: 20px 0 50px 0 ;
*padding: 15px 0 50px 0 ; /* IE */
}



/*------------------------------------------------------------------------- 分隔線定義 ------------------- ---------------------------------------------*/
/*---- linev 直線 ----*/

div#linev_right {
width: 6px; /*  記得在 html 檔案裡的 div 裡面包一個空白碼 " ",因為div裡面沒東西會無法顯示 */
height: 100%;
float:left; /*---- 在此可讓 div 區塊並排呈現 ----*/ /*---- 另一種div區塊並排呈現方式 : 直接在該div區塊加上 <div style="display:inline"> ----*/
background-image: url(../images/linev.png);
position:absolute; 
left:710px; /*---- linev 右邊直線--畫面中位置 ----*/
}



/*---- lineh 橫線 ----*/
div#lineh {
width: 100%; /*  記得在 html 檔案裡的 div 裡面包一個空白碼 "&nbsp;",因為div裡面沒東西會無法顯示 */
height: 28px;
background-image: url(../images/line_left_big.png);
background-repeat:no-repeat;
margin-top:20px;
margin-bottom:15px;
*margin-top:30px; /* IE7 */
}






/*------------------------------------------------------------------------------------- Left 內容區塊 ------------------------------------------------------------*/

/*---- left_block 範圍 ----*/
.left_block {
width: 214px;
float:right; /*---- 在此可讓 div 區塊並排呈現 ----*/ /*---- 另一種div區塊並排呈現方式 : 直接在該div區塊加上 <div style="display:inline"> ----*/
padding-bottom:0px; /*---- 跟 bottom 距離範圍 (content_block 無法下跟底部距離範圍,因為其 Left, Middle, Right Block 都是浮動的(下了float:left),所以只能下在此處) ----*/
padding-right: 15px;
padding-top: 0px;
}


/*---- left_content 範圍 ----*/
.left_content {
width: 100%;
margin: 0px 0px 30px 5px;
}

/*---- left_login 範圍 ----*/
div#left_login {
width: 99%;
text-align:left;
padding: 0px 0 10px 0 ;
*padding: 0px 0 0px 0 ;
}

div#random_number{
    background: none repeat scroll 0 0 #cff4fa;
    border: 1px solid #a6dbe3;
    border-radius: 2px;
    color: #000;
    float: left;
    font-size: 11pt;
    font-style: italic;
    font-weight: 600;
    margin: 25px 0 0 12px;
    padding: 7px 15px;
    text-align: center;
	*margin: 20px 0 0 13px;
    *padding: 12px 15px;
}



.login {
font-size: 12pt;
font-color: #687173;
}

.login ul {
list-style-type:none;
margin: 0;
padding: 0;
}

.login li {
padding: 7px 0px 5px 17px ; 
background: url(../images/Cx/left_arrow.png) no-repeat left 13px; 
*background: url(../images/Cx/left_arrow.png) no-repeat left 13px; 
margin: 0px
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
.login li {background: url(../images/Cx/left_arrow.png) no-repeat left 13px;}/*chrome微調位置*/
}



.button {
font-size: 12px;
color:#fff;
background-color:#2e7bb6;
border:1px solid #999999;
margin: 0px 0px 0 0;
cursor:pointer; /* 指標變手指 */
*padding-top:5px; /* "*" 是針對 IE 7 的位置調整 */

}


.button:hover {
color:#fff;
background-color:#333333;
border:1px solid #015f79;
}


/**** title_menu 定義 ***/
.title_menu {
font-size: 17pt;
font-style: normal;
font-weight: lighter;
font-variant: normal;
color: #000;
line-height: 15px;
letter-spacing: 0px;
text-align:left;
padding-bottom:0px;
width:47px;
*padding-bottom:12px; /* IE */
}
.title_menu a:link {color:#000; text-decoration: none}
.title_menu a:active {color:#000; text-decoration: none} 
.title_menu a:visited {color:#000; text-decoration: none} 
.title_menu a:hover {color: #2292d3; text-decoration: none}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
.title_menu {font-size: 22px; font-weight: 100;}/*chrome微調位置*/
}


.menu_icon
{
padding-right: 12px;
position: relative;
padding-left: 12px;
padding-top: 10px;
top: 4px; /* icon 上下位置 */
width: 60%;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.menu_icon {top: -1px;padding-right: 12px;width: 60%;}/*chrome微調位置*/
}


/*---- left_menu 範圍 ----*/
.left_menu ,
.left_menu2
{
font-size: 11pt;
font-color: #000;
line-height:25px;
font-weight:500;
}
.left_menu a:link {color:#000; text-decoration: none}
.left_menu a:active {color:#000; text-decoration: none} 
.left_menu a:visited {color:#000; text-decoration: none} 
.left_menu a:hover {color: #008ebb; text-decoration: none; border-bottom:1px dashed;}

.left_menu2 a:link {color:#666; text-decoration: underline}
.left_menu2 a:active {color:#666; text-decoration: underline} 
.left_menu2 a:visited {color:#666; text-decoration: underline} 
.left_menu2 a:hover {color: #008ebb; text-decoration: none}

.left_menu ul,
.left_menu2 ul {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 3px;
}


.left_menu li {
padding-left: 15px; background: url(../images/Cx/bullet_gray.gif) no-repeat left 10px; margin: 0px;
*padding-left: 15px; *background: url(../images/Cx/bullet_gray.gif) no-repeat left 10px; *margin: 0px;
}


.left_menu2 li {
padding-left: 15px; background: url(../images/bullet_blue.gif) no-repeat left 10px; margin: 0px;
*padding-left: 15px; *background: url(../images/bullet_blue.gif) no-repeat left 10px; *margin: 0px;
}


/*------------------------------------------------------------------------------------- Middle 內容區塊 ------------------------------------------------------------*/

/*---- middle_block 範圍 ----*/
div#middle_block {
width: 650px;
float:left; /*---- 在此可讓 div 區塊並排呈現 ----*/ /*---- 另一種div區塊並排呈現方式 : 直接在該div區塊加上 <div style="display:inline"> ----*/
margin-left: 30px;
}

/*---- middle_content 範圍 ----*/
div#middle_content {
width: 100%;
margin: 0 auto;
padding-bottom:0px; /*---- 跟 bottom 距離範圍 (content_block 無法下跟底部距離範圍,因為其 Left, Middle, Right Block 都是浮動的(下了float:left),所以只能下在此處) ----*/
padding-top:0px;
}

/*---- page_content 範圍 ----*/
div#page_content {
width: 97%;
margin: 0 auto;
padding:30px 0 20px 0px;
*padding:30px 20px 0 0px; /* IE */
float:left;
}

/*---- top10_content 範圍 ----*/
.top10_content {
font-size:20px;
font-weight:lighter;
line-height:30px;
color:#000;
list-style-type: decimal-leading-zero;
*list-style-type: decimal; /* IE */
color:#3d3d3d;
margin:0 0 0 0;
padding:5px 0 300px 0px;
list-style-type:none;
}

.top10_content a:link {color:#000; text-decoration: none}
.top10_content a:active {color:#000; text-decoration: none} 
.top10_content a:visited {color:#000; text-decoration: none} 
.top10_content a:hover {color: #008ebb; text-decoration: none; border-bottom:1px dashed; }

.top10_content ul {
list-style-type:none;
margin:0 0 0 30px;
padding:0 0 0 0px;
}

.top10_content li {
list-style-type: decimal-leading-zero;
*list-style-type: decimal; /* IE */
color:#3d3d3d;
margin:0 0 0 0;
padding:5px 0 5px 0px;
}


/*---- more_lblock 範圍 ----*/
div#more_lblock {
width: 100%;
float:left;
}


/*---- page_titleblock 範圍 ----*/
.page_titleblock {
font-size: 17pt;
font-style: normal;
font-weight: lighter;
font-variant: normal;
color: #114271;
line-height: 18px;
letter-spacing: 0px;
text-align:left;
width: 100%;
padding-top:12px;
padding-left:12px;
padding-bottom:12px;
*padding-top:16px;
*padding-bottom:5px; /* IE */	
}

.page_titleblock a:link {color:#000; text-decoration: none; border-bottom: 1px solid ;}
.page_titleblock a:active {color:#000; text-decoration: none} 
.page_titleblock a:visited {color:#000; text-decoration: none} 
.page_titleblock a:hover {color: #008ebb; text-decoration: none; border-bottom:1px dashed; }




/**** page_title 定義 ***/
.page_title {

}
.page_title a:link {color:#000; text-decoration: none}
.page_title a:active {color:#000; text-decoration: none} 
.page_title a:visited {color:#000; text-decoration: none} 
.page_title a:hover {color: #2292d3; text-decoration: none}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
.page_title {font-size: 27px; font-weight: 100;}/*chrome微調位置*/
}



.page_stitle {
font-size: 20pt;
font-weight:600;
color: #114271;
padding-bottom:5px;
}
.page_stitle a:link {color:#000; text-decoration: none}
.page_stitle a:active {color:#000; text-decoration: none} 
.page_stitle a:visited {color:#000; text-decoration: none} 
.page_stitle a:hover {color: #2292d3; text-decoration: underline}

.page_stitle2 {
font-size: 11pt;
color: #000;
}
.page_stitle2 a:link {color:#000; text-decoration: none}
.page_stitle2 a:active {color:#000; text-decoration: none} 
.page_stitle2 a:visited {color:#000; text-decoration: none} 
.page_stitle2 a:hover {color: #2292d3; text-decoration: none}


.page_stitle3 {
font-size: 12pt;
color: #114271;
font-weight:500;
}
.page_stitle3 a:link {color:#008dc2; text-decoration: none}
.page_stitle3 a:active {color:#008dc2; text-decoration: none} 
.page_stitle3 a:visited {color:#008dc2; text-decoration: none} 
.page_stitle3 a:hover {color: #2292d3; text-decoration: underline}







div#content_list{
margin: 0 auto;
width: 100%;
padding-bottom:30px;
text-align:left;
}


div#content_title {
font-size: 10.5pt;
line-height:17px;
color:#000;
font-weight: 600;
padding-bottom:5px;
}
div#content_title a {
font-size: 8pt;
color:#000;
text-decoration: none;
}
div#content_title a:hover {color: #999; text-decoration: underline}

div#content_title ul {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0px;
}

div#content_title li {
padding-left: 15px; background: url(../images/bullet_stitle.gif) no-repeat left 7px;  margin: 0px;
*padding-left: 15px; *background: url(../images/bullet_stitle.gif) no-repeat left 4px;  *margin: 0px ; /* IE7 Only */
 
}

/*---- 讓li連結狀況均為同色 ----*/
div#content_title li a {
color: #000;
text-decoration: none;
}

/*---- 特別指定li連結>滑過狀況為藍色 ----*/
div#content_title li a:hover {
color: #999;
text-decoration: underline;
}

div#content_txtblock{
padding-left:15px;
}

div#content_txt{
font-size: 9pt;
line-height:18px;
color:#6d7479;
padding:0px 0 0px 0;
}

div#content_info{
margin: 0 auto;
padding:0px 0 0 0;
}


.content_more a {
font-size: 9pt;
line-height:18px;
color:#2292d3;
text-decoration: underline
}
.content_more a:hover {color: #016e8f; text-decoration: none}



.content_txtsg {
font-size: 8pt;
color:#6d7479;
}
.content_txtsg a{
font-size: 8pt;
color:#000;
}
.content_txtsg a:hover {color: #2292d3; text-decoration: none}



.content_txtsb{
font-size: 8pt;
color:#01556e;
}
.content_txtsb a{
font-size: 8pt;
color:#000;
text-decoration: underline;
}
.content_txtsb a:hover {color: #2292d3; text-decoration: none}


.content_time{
font-size: 8pt;
color:#016e8f;
}
.content_time a{
font-size: 8pt;
color:#000;
text-decoration: underline;
}
.content_time a:hover {color: #2292d3; text-decoration: none}


div#more_iconblock{
padding: 8px 0 0 14px;
}




.more_Button {
	
-moz-box-shadow:inset 0px 0px 0px 1px #ffffff;
-webkit-box-shadow:inset 0px 0px 0px 1px #ffffff;
box-shadow:inset 0px 0px 0px 1px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f4f5f5) );
background:-moz-linear-gradient( center top, #ffffff 5%, #f4f5f5 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f5f5');

background-color:#ffffff;

border:1px solid #c7d0d2;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;

display:inline-block;
color:#008ec2;
font-size:12pt;
font-weight: 500;
padding:4px 22px 6px 22px;
*padding:4px 22px 5px 22px; /* "*" 是針對 IE 7 的位置調整 */
text-decoration:none;

text-shadow:-1px -1px 0px  #fff;
}

.more_Button:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f4f5f5), color-stop(1, #ffffff) );
background:-moz-linear-gradient( center top, #f4f5f5 5%, #ffffff 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f5f5', endColorstr='#ffffff');
background-color:#f4f5f5;
color:#00b9eb;
border:1px solid #00b9eb;
}

.more_Button:active {
position:relative;
top:1px;
}







.myButton {
	
-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
box-shadow:inset 0px 0px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00c8ff), color-stop(1, #01acdb) );
background:-moz-linear-gradient( center top, #00c8ff 5%, #01acdb 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c8ff', endColorstr='#01acdb');

background-color:#00b8eb;

-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;

display:inline-block;
color:#ffffff;
font-size:14px;
font-weight: 600;
padding:4px 22px 6px 22px;
*padding:4px 22px 5px 22px; /* "*" 是針對 IE 7 的位置調整 */
text-decoration:none;

text-shadow:-1px -1px 0px  #01a0cb;
}

.myButton:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00b8eb), color-stop(1, #00c8ff) );
background:-moz-linear-gradient( center top, #00b8eb 5%, #00c8ff 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b8eb', endColorstr='#00c8ff');
background-color:#00b8eb;
color:#c8f2fd;
}

.myButton:active {
position:relative;
top:1px;
}





.goButton {
	height:23px;
	margin:10px 0 0 1px ;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
.goButton {font-size: 27px; height:20px; font-weight: 100;}/*chrome微調位置*/
}


.wButton {
-moz-box-shadow:inset 0px 0px 0px 1px #ffffff;
-webkit-box-shadow:inset 0px 0px 0px 1px #ffffff;
box-shadow:inset 0px 0px 0px 1px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f4f5f5) );
background:-moz-linear-gradient( center top, #ffffff 5%, #f4f5f5 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f5f5');
background-color:#ffffff;
border:1px solid #c7d0d2;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
display:inline-block;
color:#008ec2;
font-size:13pt;
font-weight: 500;
padding:8px 20px 6px 20px;
*padding:4px 20px 5px 20px; /* "*" 是針對 IE 7 的位置調整 */
text-decoration:none;
text-shadow:-1px -1px 0px  #fff;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
.wButton {padding:7px 20px 6px 20px;}/*chrome微調位置*/
}



.signButton {
	height:20px;
	margin-top:25px;
	*height:26px;
	*margin-top:19px;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.signButton {height:20px; font-weight: 100;}/*chrome微調位置*/
}

.wButton2 {
-moz-box-shadow:inset 0px 0px 0px 1px #ffffff;
-webkit-box-shadow:inset 0px 0px 0px 1px #ffffff;
box-shadow:inset 0px 0px 0px 1px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f4f5f5) );
background:-moz-linear-gradient( center top, #ffffff 5%, #f4f5f5 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f5f5');
background-color:#ffffff;
border:1px solid #c7d0d2;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
display:inline-block;
color:#008ec2;
font-size:13pt;
font-weight: 500;
padding:6px 20px 6px 20px;
*padding:12px 20px 5px 20px; /* "*" 是針對 IE 7 的位置調整 */
text-decoration:none;
text-shadow:-1px -1px 0px  #fff;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
.wButton2 {padding:7px 20px 6px 20px;}/*chrome微調位置*/
}

.wButton:hover,.wButton2:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f4f5f5), color-stop(1, #ffffff) );
background:-moz-linear-gradient( center top, #f4f5f5 5%, #ffffff 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f5f5', endColorstr='#ffffff');
background-color:#f4f5f5;
color:#00b9eb;
border:1px solid #00b9eb;
}

.wButton:active,.wButton2:active {
position:relative;
top:1px;
}










/*----------------------------------------------------------------------------------------- 頁尾區 ----------------------------------------------------------------------------------*/


/*---- bottom_bg 範圍 ----*/
.bottom_bg {
background-image: url(../images/bottom_links_bg_top.png);
background-position:top; 
background-repeat:repeat-x;
background-color:#e5e8ea; /*-深顏色--- background-color:#27292a; -----*/
clear:both; /*-- 此段為讓上方並排顯示的 float:left; 效果不要影響到 bottom 區塊,因為 bottom 是在內容區下方 --*/
}


/*---- links_bottom 灰條陰影 ----*/
.links_bottom {
height: 4px;
margin:0 auto;
background-image: url(../images/Cx/bottom_links_bg_bottom_short.png);
background-position:top; 
background-repeat:repeat-x;

}

/*---- bottom_block 範圍 + 底部黑塊 pic 底圖 ----*/
.bottom_block {

margin:0 auto;
background-position:bottom; 
background-repeat:repeat-x;
text-align:center;
vertical-align : top;
padding: 10px 25px 10px 25px;
}

.bottom_links_txt {
	font-size: 8pt;
	color:#b6c0c4;
	clear:left;
	xborder:1px solid red;
	text-shadow: 0 1px 0 #ffffff;
	font-weight:500;
	line-height: 18px;
	*filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=-1px, OffY=-1px, Color='#fff'); /* IE6,IE7 */
}
.bottom_links_txt a:link {color:#797f85; text-decoration: none}
.bottom_links_txt a:active {color:#797f85; text-decoration: none} 
.bottom_links_txt a:visited {color:#797f85; text-decoration: none} 
.bottom_links_txt a:hover {color: #444; text-decoration: underline}


.bottom_links_title {
	/*background: url(../images/arrow-6.gif) top right no-repeat;*/
	padding-right:16px;
	color:#333;
	font-weight:normal;
}



/**** Copyright文字 ***/
.copyright {
	font-size: 7pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #647077;
/*	line-height: 6px; */
	letter-spacing: 0px;
	text-align:center;
	padding:8px 0px 8px 0px;
}
.copyright a:link {color:#647077; text-decoration: underline}
.copyright a:active {color:#647077; text-decoration: underline} 
.copyright a:visited {color:#647077; text-decoration: underline} 
.copyright a:hover {color: #000; text-decoration: none}
	
	
.copyright_light {
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #88939c;
	line-height: 18px;
	text-transform: none;
	letter-spacing: 0px;
}
	.copyright_light a:link {color:#88939c; text-decoration: underline}
	.copyright_light a:active {color:#88939c; text-decoration: underline} 
    .copyright_light a:visited {color:#88939c; text-decoration: underline} 
    .copyright_light a:hover {color: #999; text-decoration: none}

/*-------------------------------------------------------- FAQ table 範圍 -----------------------------------------------------------------------------------------------*/

.faqtable { 
border-collapse: collapse; 
text-align: left;
width: 98%;
 font-size: 11pt; 
background: #fff; 
overflow: hidden; 
border: 0px solid #E5E9EA; 
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
border-radius: 2px;
padding: 1px 15px 1px 15px; 
} 


.faqButton { /* 大按鈕  藍色框 */
/*
moz-box-shadow:inset 0px 0px 0px 1px #ffffff;
-webkit-box-shadow:inset 0px 0px 0px 1px #ffffff;
box-shadow:inset 0px 0px 0px 1px #ffffff;

background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f4f5f5) );
background:-moz-linear-gradient( center top, #ffffff 5%, #f4f5f5 100% );

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f5f5');*/
background-color:#2e7bb6;
border:1px solid #c7d0d2;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
display:inline-block;
color:#ffffff;
font-size:11pt;
font-weight: 100;
padding:3px 8px 3px 8px;
text-decoration:none;
/*text-shadow:-1px -1px 0px  #fff;*/
vertical-align:middle;
cursor:pointer; /* 游標 */
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
.faqButton {padding:7px 20px 6px 20px;}/*chrome微調位置*/
}


.faqButton:hover{
	/*
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f4f5f5), color-stop(1, #ffffff) );
background:-moz-linear-gradient( center top, #f4f5f5 5%, #ffffff 100% );
*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f5f5', endColorstr='#ffffff');
background-color:#333333;
color:#ffffff;
border:1px solid #00b9eb;
background-color:#333333;; /* IE 10~11 */
}

.faqButton:active{
position:relative;
top:1px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f5f5', endColorstr='#ffffff');
}

/*-------------------------------------------------------- User table 範圍 -----------------------------------------------------------------------------------------------*/

.usertable { 
border-collapse: collapse; 
text-align: left;
width: 98%;
 font-size: 0.875em; 
background: #fff; 
overflow: hidden; 
border: 1px solid #E5E9EA; 
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
border-radius: 2px;
padding: 1px 15px 1px 15px; 
} 
.blue_tilte{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00a9e0), color-stop(1, #00c6ea) );
background:-moz-linear-gradient( center top, #00a9e0 5%, #00c6ea 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a9e0', endColorstr='#00c6ea');
background-color:#00c6ea; 
color:#FFFFFF; 
font-size: 8.5pt; 
font-weight: bold;
border-left: 1px solid #1acdff;
/* vertical-align:top; */
text-shadow:-1px -1px 0px #0087ac;
} 

.blue1 { 
    font-size:8pt; 
	font-weight:600;
	line-height:16px;
	background-color:#e9fafd;/*淺水藍*/
	text-align:right;
}

.blue2 {
	font-size:8pt;  
	font-weight:600;
	line-height:16px;
	background-color:#cff4fa;/*深水藍*/
	text-align:right;
}

/*--------------------------------------------------------查詢結果  TABLE-----------------------------------------------------------------------------------------------------*/

/* 查詢結果 title */

.table_title {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00a9e0), color-stop(1, #00c6ea) );
background:-moz-linear-gradient( center top, #00a9e0 5%, #00c6ea 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a9e0', endColorstr='#00c6ea');
background-color:#00c6ea; 
color:#FFFFFF; 
font-size: 12px; 
font-weight: bold;
border-left: 1px solid #1acdff;
text-align:center;
/* vertical-align:top; */
text-shadow:-1px -1px 0px #0087ac;
}

.table_title td,.table_title th {
padding: 10px 15px 10px 15px; 
}


/* 查詢結果 內容*/
.eve{  
    background:  #FFFFFF;
    color:  #000000;
    word-wrap:break-word;
    word-break:normal;
    padding: 1px 5px 1px 5px; 
    font-size: 12px; 
}

.eve a:link {color:#000000; text-decoration: underline}
.eve a:active {color:#000000; text-decoration: underline} 
.eve a:visited {color:#033494; text-decoration: underline} 
.eve a:hover {color: #033494; text-decoration: none}


.odd{  
    background:  #E7EFF5;
    color: #000000;
    word-wrap:break-word;
    word-break:normal;
    padding: 1px 5px 1px 5px; 
    font-size: 12px; 
}

.odd a:link {color:#000000; text-decoration: underline}
.odd a:active {color:#000000; text-decoration: underline} 
.odd a:visited {color:#033494; text-decoration: underline} 
.odd a:hover {color: #033494; text-decoration: none}



.border_ltb{
	border-left:1px #9FC8FF solid;
	border-top:1px #9FC8FF solid;
	border-bottom:1px #9FC8FF solid
}

.border_all{
	border:1px #9FC8FF solid;
}

/*--------------------------------------------------------查詢結果  TABLE-----------------------------------------------------------------------------------------------------*/


.v12red{
	font-size: 12px;
	color:red			
}

/*------------------------------------------------------------------------------------- Button區塊 ------------------------------------------------------------*/
div#more_iconblock{
padding: 8px 0 0 14px;
}




.more_Button {
	
-moz-box-shadow:inset 0px 0px 0px 1px #ffffff;
-webkit-box-shadow:inset 0px 0px 0px 1px #ffffff;
box-shadow:inset 0px 0px 0px 1px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f4f5f5) );
background:-moz-linear-gradient( center top, #ffffff 5%, #f4f5f5 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f5f5');

background-color:#ffffff;

border:1px solid #c7d0d2;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;

display:inline-block;
color:#008ec2;
font-size:12pt;
font-weight: 500;
padding:4px 22px 6px 22px;
*padding:4px 22px 5px 22px; /* "*" 是針對 IE 7 的位置調整 */
text-decoration:none;

text-shadow:-1px -1px 0px  #fff;
}

.more_Button:hover, .function_Button:hover {
	/*
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f4f5f5), color-stop(1, #ffffff) );
background:-moz-linear-gradient( center top, #f4f5f5 5%, #ffffff 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f5f5', endColorstr='#ffffff');*/
background-color:#333333;
color:#ffffff;
border:0px solid #00b9eb;
background-color:#333; /* IE 10~11 */

}

.more_Button:active, .function_Button:active {
position:relative;
top:1px;
}


.function_pic{
padding:0px 8px 0 13px;
position:relative;
top:1px;
}

.function_Button {
margin:10px 15px 10px 0px ;
padding: 5px 13px 6px 0px;
*padding:5px ; /* "*" 是針對 IE 7~9 的位置調整 */
display:inline;
/*
-moz-box-shadow:inset 0px 0px 0px 1px #ffffff;
-webkit-box-shadow:inset 0px 0px 0px 1px #ffffff;
box-shadow:inset 0px 0px 0px 1px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f4f5f5) );
background:-moz-linear-gradient( center top, #ffffff 5%, #f4f5f5 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f5f5');*/
background-color:#2e7bb6;
border:0px solid #c7d0d2;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
display:inline-block;
color:#fff;
font-size:12px;
font-weight: 500;
/*text-shadow:-1px -1px 0px  #fff;*/
cursor:pointer; /* 游標 */
vertical-align:middle;
}






.myButton {
	
-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
box-shadow:inset 0px 0px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00c8ff), color-stop(1, #01acdb) );
background:-moz-linear-gradient( center top, #00c8ff 5%, #01acdb 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c8ff', endColorstr='#01acdb');

background-color:#00b8eb;

-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;

display:inline-block;
color:#ffffff;
font-size:14px;
font-weight: 600;
padding:4px 22px 6px 22px;
*padding:4px 22px 5px 22px; /* "*" 是針對 IE 7 的位置調整 */
text-decoration:none;

text-shadow:-1px -1px 0px  #01a0cb;
}

.myButton:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00b8eb), color-stop(1, #00c8ff) );
background:-moz-linear-gradient( center top, #00b8eb 5%, #00c8ff 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b8eb', endColorstr='#00c8ff');
background-color:#00b8eb;
color:#c8f2fd;
background-color:#008db4;\9; /* IE 10~11 */
color:#fff; /* IE 10~11 */
}

.myButton:active {
position:relative;
top:1px;
}





.goButton {
	height:23px;
	margin:10px 0 0 1px ;
	*height:25px;
	*margin:11px 0 0 1px ;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
.goButton {font-size: 27px; height:20px; font-weight: 100;}/*chrome微調位置*/
}


.wButton {
-moz-box-shadow:inset 0px 0px 0px 1px #ffffff;
-webkit-box-shadow:inset 0px 0px 0px 1px #ffffff;
box-shadow:inset 0px 0px 0px 1px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f4f5f5) );
background:-moz-linear-gradient( center top, #ffffff 5%, #f4f5f5 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f5f5');
background-color:#ffffff;
border:1px solid #c7d0d2;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
display:inline-block;
color:#008ec2;
font-size:13pt;
font-weight: 500;
padding:8px 20px 6px 20px;
*padding:15px 20px 5px 20px; /* "*" 是針對 IE 7 的位置調整 */
text-decoration:none;
text-shadow:-1px -1px 0px  #fff;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
.wButton {padding:7px 20px 6px 20px;}/*chrome微調位置*/
}



.signButton {
	height:20px;
	margin-top:25px;
	*height:26px;
	*margin-top:19px;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.signButton {height:20px; font-weight: 100;}/*chrome微調位置*/
}

.wButton2 {
-moz-box-shadow:inset 0px 0px 0px 1px #ffffff;
-webkit-box-shadow:inset 0px 0px 0px 1px #ffffff;
box-shadow:inset 0px 0px 0px 1px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f4f5f5) );
background:-moz-linear-gradient( center top, #ffffff 5%, #f4f5f5 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f5f5');
background-color:#ffffff;
border:1px solid #c7d0d2;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
display:inline-block;
color:#008ec2;
font-size:13pt;
font-weight: 500;
padding:6px 20px 6px 20px;
*padding:12px 20px 5px 20px; /* "*" 是針對 IE 7 的位置調整 */
text-decoration:none;
text-shadow:-1px -1px 0px  #fff;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
.wButton2 {padding:7px 20px 6px 20px;}/*chrome微調位置*/
}

.wButton:hover,.wButton2:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f4f5f5), color-stop(1, #ffffff) );
background:-moz-linear-gradient( center top, #f4f5f5 5%, #ffffff 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f5f5', endColorstr='#ffffff');
background-color:#f4f5f5;
color:#00b9eb;
border:1px solid #00b9eb;
background-color:#fff;; /* IE 10~11 */
}

.wButton:active,.wButton2:active {
position:relative;
top:1px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f5f5', endColorstr='#ffffff');
}

.alinkOver{
	cursor:pointer;
	color:#008ebb;
	text-decoration: underline;
	font-size: 9pt;
	font-color: #000;	
	font-weight:500;
}

.langSpan{
	cursor:pointer;
	vertical-align:middle
}

.trhover{
	background-color:#96BCE7;
	color:blue;
	cursor:pointer;
}

.formMargin{
	width: 6%;
}
}