/*控制所有「body」頁面*/
body { padding: 0px; font: normal arial,helvetica,clean,sans-serif; margin: 0px auto; background-attachment: fixed; background-position: 0% 0%; table-layout: fixed; line-height: 24px; }
body a:link, body a:visited, body a:active { color: #0e82c7;  text-decoration: none; }
body a:hover { color: #800080; text-decoration: underline;}
html { color: #000; background: #FFF; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

/*網頁內容*/
div.body_page { margin: 0px auto;width:1200px;position:relative; padding: 15px 30px 0px 30px; }

/* footer */
.footer { text-align: right; background: url(images/defaultPage/bg_dot_4.gif) repeat-x left top; padding-top: 10px; float: left; width: 100%; margin-top: 20px; padding-bottom: 20px; }

/* header */
.header_top { border-bottom: 1px solid #f39800; background-color: #fee6b1; height: 5px; font-size: 0; }
#header { float: left; background-color: #FFFFFF; left: 0px; top: 0px; width: 100%; min-width: 950px; }
#header { _position: absolute; _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop + (document.body.clientHeight -this.clientHeight)); }
.header_logo {margin: 10px 0 5px 10px; float: left;}
.header_title {margin: 10px 10px 5px 0; float: right; text-align: right}
.header_info {color: #fff;font-weight:bold; line-height: 1.5em ;margin: 20px 10px 5px 10px;}
.header_subtitle { font-weight: bold; line-height: 1.5em; margin: 50px 0px 0px 0px; padding-left: 195px; color: #008000; font-size: 18px; }

/*版權宣告*/
div.copyright { padding: 5px; font-size: 10px; text-align: center; color: #999; }

/*網頁上方列*/
div.topbar { height: 29px; font-size: 12px; line-height: 24px; padding: 2px 5px 2px 5px; background-image: url(images/utility/dat_tab_02.gif); background-repeat: repeat-x; }
div.topbar_sys { float: left; }
div.topbar_loginstatus { float: right; }

/*標題樣式一  --『橘色』-- */
div.title_org_bg { background: url(images/title/title_org_bg.gif) no-repeat left bottom; line-height: 23px; height: 25px; color: #ee752a; width: 100% -19px; font-size: 20px; font-weight: bold; padding: 0px 0px 0px 19px; border-bottom: #898989 dashed 1px; text-align: left; }
/*標題樣式一  --『藍色』-- */
div.title_bue_bg { background: url(images/title/title_bue_bg.gif) no-repeat left bottom; color: #055994; width: 100% -19px; font-size: 20px; font-weight: bold; padding: 1px 0px 0px 19px; border-bottom: #898989 dashed 1px; text-align: left; margin-top:15px;margin-bottom:15px; }
/*標題樣式一  --『綠色』--*/
div.title_grl_bg { background: url(images/title/title_grl_bg.gif) no-repeat left bottom; color: #67A460; width: 100% -19px; font-size: 20px; font-weight: bold; padding: 1px 0px 0px 19px; border-bottom: #898989 dashed 1px; text-align: left; }

/* 浮水印 */
.watermark { color: #808080; }

/* 固定footer版型 */
html, body, form, #wrap { height: 100%; }
body > #wrap { height: auto; min-height: 100%; }

/* SiteMap */
.sitemap { color: #EA5514; text-align: left; font-weight: bold; font-size: 17px; }
.sitemap a:link, .sitemap a:visited, .sitemap a:active { color: #EA5514; }
.sitemap a:hover { color: #964C32; }

/* arrow */
.rightarrow { background-image: url('images/utility/2rightarrow.png'); background-repeat: no-repeat; }

/* loading */
.progress_progress { display: block; position: absolute; top: 40%; left: 40%; padding: 2px 3px; width: 334px; z-index: 15000; }
.container_progress { border-left: 0px solid #808080; border-right: 0px solid #808080; border-top: 1px solid #808080; border-bottom: 1px solid #808080; margin-right: 0px; }
.header_progress { font: normal normal bold; background: url(images/loading/sprite.png) repeat-x 0px 0px; border-color: #808080 #808080 #ccc; border-style: solid; border-width: 0px 1px 1px; padding: 0px 10px; color: #000000; font-size: 9pt; font-weight: bold; line-height: 1.9; font-family: arial,helvetica,clean,sans-serif; }
.body_progress { background-color: #f2f2f2; border-color: #808080; border-style: solid; border-width: 0px 1px; padding: 10px; height: 50px; }
.img_progress { background: url(images/loading/activity.gif) no-repeat center; top: 5px; width: 296px; position: relative; margin: 0px auto; }
.img_webservice_loading { display: table; position: relative; margin: auto; background: url(images/loading/activity.gif) no-repeat center; top: 0px; left: 0px; }

/* cover */
.cover { cursor: not-allowed; color: #FFFFFF; background: black; filter: Alpha(opacity=20); opacity: 0.2; width: 100%; height: 100%; }

.ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.ui-state-highlight { border: 1px solid #fcd3a1; background: #fbf8ee url(images/utility/ui-bg_glass_55_fbf8ee_1x400.png) 50% 50% repeat-x; color: #444444; }
.ui-state-highlight a { color: #444444; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon { width: 16px; height: 16px; background-image: url(images/utility/ui-icons_cc0000_256x240.png); }

/* minheight */
.minheight { min-height: 400px; height: auto;!important;height:400px }

/* the overlayed element */
div.overlay { width: 600px; height: 470px; display: none; padding: 55px; }
div.overlay div.close { background-image: url(utility/close.png); position: absolute; right: 5px; top: 5px; cursor: pointer; height: 35px; width: 35px; }

/* version */
.version { font-size:10px;color:White;}

/* menu */
.page_menu{BORDER-RIGHT:#cce5f2 1px solid; PADDING-RIGHT:13px; BORDER-TOP:#cce5f2 1px solid; PADDING-LEFT:13px; FONT-SIZE:16px; BACKGROUND:url(images/menu/page_menu_bg2.gif) #eaf4f9 repeat-x 50% top; PADDING-BOTTOM:3px; BORDER-LEFT:#cce5f2 1px solid; WIDTH:100%; PADDING-TOP:3px; BORDER-BOTTOM:#cce5f2 1px solid; HEIGHT:32px}
.page_menu_item{BORDER-RIGHT:#cce5f2 1px solid; PADDING-RIGHT:13px; BORDER-TOP:#cce5f2 1px solid; PADDING-LEFT:13px; FONT-SIZE:16px; BACKGROUND:url(images/menu/page_menu_bg2.gif) #eaf4f9 repeat-x 50% top; PADDING-BOTTOM:3px; BORDER-LEFT:#cce5f2 1px solid; PADDING-TOP:3px; BORDER-BOTTOM:#cce5f2 1px solid; HEIGHT:28px}

/* icon */
.icon_explain_02{ background:url(images/icon/login_icon_02.gif) no-repeat center left #ecf0f7;width:230px;height:100%;padding: 12px 0px 0px 104px;} /*忘記密碼*/
.icon_explain_03{background:url(images/icon/login_icon_03.gif) no-repeat center left #ecf0f7;width:230px;height:100%;padding: 12px 0px 0px 104px;}
.icon_explain_line{ background:url(images/icon/login_icon_line.gif) no-repeat center center #ecf0f7; height:10px; width:230px; } /*橫隔線*/
.icon_explain_01{ background:url(images/icon/_login_icon_01.gif) no-repeat center left #ecf0f7;width:230px;height:100%;padding: 12px 0px 0px 104px;}/*加入會員*/

/* step */
.step_text { font-size: 25px; }
.step_num { color: #EF7A00; font: 35px arial,helvetica,clean,sans-serif; font-weight: bold; }
.step_item { background: url(images/menu/page_menu_bg3.gif) #eaf4f9 repeat-x 50% top;float: left; border-right: #cce5f2 1px solid; padding-right: 13px; border-top: #cce5f2 1px solid; padding-left: 13px; font-size: 16px; padding-bottom: 3px; border-left: #cce5f2 1px solid; padding-top: 3px; border-bottom: #cce5f2 1px solid; }
.step_now { background: #fef1d5 repeat-x 50% top;float: left; border: #ef7a00 2px solid; padding: 3px 13px 3px 13px;font-size: 16px;}
.step_span {float: left; height: 100%; margin-top: 20px; }
.step_container {  width: 100%;overflow:hidden; }
.step_discription { padding: 3px 3px 3px 10px; font-weight: bold; }

/* 控制所有錯誤訊息的框架 */
div#error_body { margin: 100px auto 0 auto;width:640px;}
.icom_error_line{background: url('images/icon/icon_error_line.gif') repeat-x center center; height:9px;}/*分隔線*/
.icom_error_bt{background: url('images/icon/icon_error_title.gif') no-repeat center center;  width:250px; height:65px; }
.icom_error_title{background: url('images/icon/icon_error_title.gif') no-repeat center right;  width:250px; height:65px; }/*標題  Error*/
.icom_error{background: url('images/icon/icon_error.gif') no-repeat center left;  width:97px; height:97px;}/*圖塊  Error*/
.icom_nofound_title{background: url('images/icon/icon_nofound_title.gif') no-repeat center right; width:250px; height:65px;}/*標題 N0Dound*/
.icom_nofound{background: url('images/icon/icon_nofound.gif') no-repeat center left;  width:97px; height:97px;}/*圖塊  icom_nofound*/
.icom_access_title{background: url('images/icon/icon_access_title.gif') no-repeat center right; width:250px; height:65px;}/*標題 N0Access*/
.icom_access{background: url('images/icon/icon_access.gif') no-repeat center left;  width:97px; height:97px;}/*圖塊  icom_access*/
.Grid_mue_org_i_02{background: #fdfcef;}/*表格身體*/

/* text */
.text_pink{color:#E95599;font-weight:bold;}
.text_Indigo{color:#4B0082;font-weight:bold;}
.text_DarkMagenta{color:#8B008B;font-weight:bold;}
.text_Green_01{color:#006400;font-weight:bold;}
.text_Green_02{color:#008000;font-weight:bold;}
.text_Green_03 {color:#556B2F;font-weight:bold;}
.text_Red_01{color:#8B0000;font-weight:bold;}
.text_Golden_01{color:#DAA520;font-weight:bold;}
.text_OliveDrab{color:#6B8E23;font-weight:bold;}
.text_Orange_01{color:#FFA500;font-weight:bold;}
.text_Orange_02{color:#FF4500;font-weight:bold;}
.text_Orange_03{color:#EA5514;font-weight:bold;}
.text_Orange_04{color:#EC631A;font-weight:bold;}
.text_Orange_05{color:#D64616;font-weight:bold;}
.text_red_01{color:#bf1a20;font-weight:bold;}
.text_bule_01{color:#0261b9;font-weight:bold;}
.text_bule_01 a:link, .text_bule_01 a:visited{color:#0261b9;}
.text_bule_01 a:hover{color:#FF4500;}
.text_bule_02 {color:#006EBB;font-weight:bold;}

/*標頭樣式*/
.index_top_banner_01{ background:url(images/index/index_top_banner_01.jpg) no-repeat top left; width:16px; height:74px;}
.index_top_banner_03{ background:url(images/index/index_top_banner_03.jpg) repeat-x top left; height:74px; font-family:"標楷體"; font-size:24px; line-height:32px; font-weight:bold; color:#FFF;}
.index_top_banner_05{ background:url(images/index/index_top_banner_05.jpg) no-repeat top left; width:16px; height:74px;}

.index_top_banner_02{ background:url(images/index/index_top_banner_02.jpg) no-repeat top right; width:225px; height:74px; float:left;}/*成績標題*/
.index_top_banner_04{ background:url(images/index/index_top_banner_04.jpg) no-repeat top right; width:135px; height:74px; float:right;}/*右邊圖紋*/

/*標頭樣式02*/
.index02_top_banner_01{background:url(images/index/index02_top_banner_01.jpg) no-repeat top left; width:16px; height:74px;}
.index02_top_banner_02{background:url(images/index/index02_top_banner_02.jpg) no-repeat top left; width:236px; height:74px;float:left;}
.index02_top_banner_03{background:url(images/index/index02_top_banner_03.jpg) no-repeat top left; width:177px; height:51px;float:left;
 color:#FFF; font-weight:bold; font-size:24px; font-family:"標楷體"; padding-top:23px;}
.index02_top_banner_04{background:url(images/index/index02_top_banner_04.jpg) no-repeat top left; width:177px; height:74px;float:left;}
.index02_top_banner_05{background:url(images/index/index02_top_banner_05.jpg) no-repeat top left; width:177px; height:74px;float:left;}
.index02_top_banner_06{background:url(images/index/index02_top_banner_06.jpg) no-repeat top left; width:16px; height:74px; }
.index02_top_banner_07{background:url(images/index/index02_top_banner_05.jpg) no-repeat top right; height:74px;}

/*內容底紋*/
.index_gir_01{ background:url(images/index/index_gir_01.jpg) no-repeat top left; width:16px; height:93px;}
.index_gir_02{ background:url(images/index/index_gir_02.jpg) repeat-x top left;height:93px;}
.index_gir_03{ background:url(images/index/index_gir_03.jpg) no-repeat top left; width:16px; height:93px;}
.index_gir_04{ background:url(images/index/index_gir_04.jpg) repeat-y top left;}
.index_gir_05{ background:url(images/index/index_gir_05.jpg) repeat-y top left;}
.index_gir_06{ background:url(images/index/index_gir_06.jpg) no-repeat top left; width:16px; height:12px;}
.index_gir_07{ background:url(images/index/index_gir_07.jpg) repeat-x top left; height:12px;}
.index_gir_08{ background:url(images/index/index_gir_08.jpg) no-repeat top left; width:16px; height:12px;}
.index_gir_body{ background:#f3f9f9 url(images/index/map_03.jpg) no-repeat top right;}
.index_gir_body02{ background:#f3f9f9;}

/*登入*/
.log_01{ margin-left:84px; line-height:27px;}

/*忘記密碼*/
.not_01{ background-color:#b8d9e6; width:299px; height:177px; float:right; margin-right:84px; margin-bottom:20px; padding:18px;}

/*文字*/
.tx_01{ font-size:18px; color:#000000; font-weight:18px; font-weight:bold; line-height:36px;}
.tx_02{ font-size:20px; color:#000000; font-weight:18px; font-weight:bold; line-height:36px;}

/*注意事項*/
.index_bottom{ margin-left:82px; margin-bottom:20px; background:url(images/index/index_bottom.jpg) no-repeat top center; width:578px; height:59px; padding-left:23px; padding-top:36px;}

/*--預設頁02--*/
.sc02{ margin-bottom:7px;}
.sc02_top_banner_01{ background:url(images/index/sc02_top_banner_01.jpg) no-repeat left top; width:264px; height:77px; float:left;}
.sc02_top_banner_02{ background:url(images/index/sc02_top_banner_02.jpg) no-repeat left top; width:168px; height:77px; float:left;}
.sc02_top_banner_02 .aa{ width:160px; height:26px; margin-top:20px; color:#FFF; font-size:24px; font-family:"標楷體"; font-weight:bold;}
.sc02_top_banner_02 .bb{ color:#000; font-weight:bold;}
.sc02_top_banner_03{ background:url(images/index/sc02_top_banner_03.jpg) no-repeat left top; width:168px; height:77px; float:left;}
.sc02_top_banner_04{ background:url(images/index/sc02_top_banner_04.jpg) no-repeat left top; width:168px; height:77px; float:left;}
.sc02_top_banner_05{ background:url(images/index/sc02_top_banner_05.jpg) no-repeat left top; width:182px; height:77px; float:left;}

/*預設頁次要標頭*/
.sc_ti_01{background:url(images/index/sc_ti_01.jpg) no-repeat left top; height:27px; width:178px; line-height:27px; padding-left:10px; font-weight:bold; font-size:18px;}

/*步驟*/
.step_n { margin-left:60px; font:bold 35px arial, helvetica, clean, sans-serif; color:#ef7a00;}
.step_n02 { margin-left:60px; font:bold 35px arial, helvetica, clean, sans-serif; color:#69C;}
.step_e {background:url(images/index/stepcs_e.jpg) repeat-x top left; float:left; font-size: 16px; border:#d6bd81 1px solid; height:79px;}
.step_d{ background:url(images/index/stepcs_d.jpg) no-repeat left top;padding:3px 13px; height:73px;}
.step_a {  background:url(images/index/stepcs_b.jpg) repeat-x top left; float:left; font-size: 16px; border:#81bfd6 1px solid; height:79px;}
.step_b{ background:url(images/index/stepcs_a.jpg) no-repeat left top;padding:3px 13px; height:73px;}
.step_sp {FLOAT: left; background:url(images/index/stepcs_c.jpg) no-repeat left top; width:24px; height:79px;}
.step_dis { padding:3px 3px 10px 3px; font-weight:bold; font-family:"標楷體"; font-size:20px; color:#333; }

.nodisplay{display:none}

/*控制橫向捲軸[深灰框淺灰*/
div#lump_greygrey{width:840px;height:200px;background:#F2F2F2;border: #CCCCCC solid 1px; padding:10px 10px 10px 10px; overflow: scroll;}  

.text_01_b_a{background:#64a4c6 url(images/text/text_01_b_a.gif) no-repeat top left; height:27px;}
.text_01_b_b{background:#64a4c6 url(images/text/text_01_b_b.gif) no-repeat top left; height:27px;}

/* star */
.icon_star{background:url(images/icon/icon_star.gif) no-repeat top left; height:15px;width:14px;}
.icon_star2{background:url(images/icon/icon_star_02.gif) no-repeat top left; height:15px;width:14px;}

/* loading icon */
.loadingicon{background:url(images/loading/load.gif) no-repeat top left; height:46px;width:47px;}

/* validate */
.DDValidate {background:url(images/defaultPage/Warning.png) no-repeat top left; padding-left:20px; color:Red;font-weight:bold; font-size:smaller;}