/******************************/
/* SECTION 4 - SUB-NAVIGATION */
/******************************/
.nav-sub {clear: both; float: left; width: 175px; min-height: 320px; height: auto !important; height: 320px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);}
.nav-sub ul {float: left; list-style: none; width: 175px; margin: 0px; padding: 0px; border-bottom: solid 1px rgb(200,200,200);}	
.nav-sub li {margin: 0px; padding: 0px;}
.nav-sub li.title {vertical-align: top; margin: 0px; padding: 4px 5px 2px 15px; color: rgb(100,100,100); text-transform: uppercase; font-weight: bold; font-size: 15px;}
.nav-sub li.group a {display: block; min-height: 1.5em; height: auto !important; height: 1.5em; line-height: 1.5em; margin: 1px 0px 0px 0px; padding: 1px 7px 0px 10px; border-top: solid 1px rgb(200,200,200);  border-left: solid 10px rgb(145,209,197); color: rgb(100,100,100); font-size: 12px;}
.nav-sub li a {display: block; min-height: 1.5em; height: auto !important; height: 1.5em; line-height: 1.5em; margin: 1px 0px 0px 0px; padding: 2px 7px 0px 10px; border-left: solid 10px rgb(145,209,197); color: rgb(100,100,100); text-decoration: none; font-size: 12px;}
.nav-sub li a:hover {border-left: solid 10px rgb(87,179,164); color: rgb(0,0,0); background-color: rgb(200, 240, 239); text-decoration: none;} 
.nav-sub li a.title-selected {border-left: solid 10px rgb(87,179,164); color:rgb(0,0,0); background-color: rgb(200, 240, 239); text-decoration: none;}
.nav-sub li a.group-selected {border-left: solid 10px rgb(87,179,164); color:rgb(35,129,113); text-decoration: none;}

.nav-sub-font {font-size: 1.0em;}

/*******************************************************************/
/* SECTION 5 -  CONTAINER FOR CONTENT AND SIDEBAR                  */
/*******************************************************************/
.container-content-sidebar-front {float: left; width: 630px; min-height: 320px; height: auto !important; height: 320px; margin: 0px; padding: 0px 0px 20px 1px; background-color: rgb(255,255,255);}
.container-content-sidebar, .container-content2-sidebar {float: left; width: 630px; min-height: 320px; height: auto !important; height: 320px; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; border-left: solid 1px rgb(200,200,200); background-color: rgb(255,255,255);}
.border-line {border-left: solid 1px rgb(200,200,200);}
/********************************/
/* SECTION 6A - CONTENT PAGE #1 */
/********************************/
.content {float: left; width: 595px; margin: 0px; padding: 0px 0px 0px 20px; background-color: transparent; color: rgb(75,75,75);} /* Width should be 444px, but IE-duplication bug forces us to reduce with 6px to 428px */
.contentbox-container {clear: both; float: left; width: 560px; margin: 0px 0px 15px 0px; padding: 0px;} /* Width should be 428px, but IE-duplication bug forces us to reduce with 3px to 425px */
.contentbox-full {width: 560px; margin: 0px; padding: 0px;}
.contentbox-half-left {float: left; width: 205px; margin: 0px; padding: 0px;}
.contentbox-half-right {float: right; width: 205px; margin: 0px; padding: 0px;}
.contentbox-third-left {float: left; width: 134px; margin: 0px 13px 0px 0px; padding: 0px;}
.contentbox-third-middle {float: left; width: 134px; margin: 0px; padding: 0px;}
.contentbox-third-right {float: right; width: 134px; margin: 0px; padding: 0px;}

/********************************/
/* SECTION 6B - CONTENT PAGE #2 */
/********************************/
.content2 {float: left; width: 563px; min-height: 500px; height: auto !important; height: 500px; margin: 0px; padding: 0px 20px 0px 20px; background-color: transparent; color: rgb(100,100,100);} /* Width should be 569px, but IE-duplication bug forces us to reduce with 6px to 563px */
.contentbox2-container {clear: both; float: left; width: 560px; margin: 0px 0px 15px 0px; padding: 0px;} /* Width should be 563px, but IE-duplication bug forces us to reduce with 3px to 560px */
.contentbox2-full {width: 559px; margin: 0px; padding: 0px;}
.contentbox2-half-left {float: left; width: 273px; margin: 0px; padding: 0px;}
.contentbox2-half-right {float: right; width: 273px; margin: 0px; padding: 0px;}
.contentbox2-third-left {float: left; width: 176px; margin: 0px 17px 0px 0px; padding: 0px;}
.contentbox2-third-middle {float: left; width: 176px; margin: 0px; padding: 0px;}
.contentbox2-third-right {float: right; width: 176px; margin: 0px; padding: 0px;}

/************************************/
/* SECTION 6C - CONTENT PAGE COMMON */
/************************************/
/*--------------------------------------------------*/
/* Section 6C.4 - Page title, title and content box */
/*--------------------------------------------------*/
.content-pagetitle {width: 100%; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; background-color: transparent; border-bottom: solid 0px rgb(200,200,200); color: rgb(100,100,100); text-transform: uppercase; font-weight: bold; font-size: 140%;}
.contentbox-title-noshading-small {margin: 0px 0px -5px 0px; padding: 0px; background-color: transparent;  color: rgb(75,75,75); font-weight: bold; font-size: 130%;}
.contentbox-title-noshading-medium {margin: 0px 0px -5px 0px; padding: 0px; background-color: transparent; color: rgb(75,75,75); font-weight: bold; font-size: 150%;}
.contentbox-title-noshading-large {margin: 0px 0px -5px 0px; padding: 0px; background-color: transparent; color: rgb(75,75,75); font-weight: bold; font-size: 170%;}
.contentbox-title-noshading-huge {margin: 0px 0px -5px 0px; padding: 0px; background-color: transparent; color: rgb(75,75,75); font-weight: bold; font-size: 180%;}

/*color: blue*/
.contentbox-title-shading-small-cht {margin: 0px; padding: 4px 0px 1px 3px; /*background-color: rgb(219, 230, 241);*/ border-bottom: 1px solid rgb(219, 230, 241); color: rgb(75,75,75); font-weight: bold; font-size: 13px;}
.contentbox-title-shading-small-en {margin: 0px; padding: 1px 0px 2px 3px; /*background-color: rgb(219, 230, 241);*/ border-bottom: 1px solid rgb(219, 230, 241); color: rgb(75,75,75); font-weight: bold; font-size: 13px;}


.contentbox-title-shading-medium {margin: 0px; padding: 1px 0px 2px 3px; background-color: rgb(222,220,242); color: rgb(75,75,75); font-weight: bold; font-size: 150%;}
.contentbox-title-shading-large {margin: 0px; padding: 1px 0px 2px 3px; background-color: rgb(222,220,242); color: rgb(75,75,75); font-weight: bold; font-size: 170%;}
.contentbox-title-shading-huge {margin: 0px; padding: 1px 0px 2px 3px; background-color: rgb(222,220,242);color: rgb(75,75,75); font-weight: bold; font-size: 180%;}
.contentbox-noshading {margin: 0px; padding: 0.7em 0px 0px 0px; background-color: transparent;}
.contentbox-shading {margin: 0px; padding: 7px 10px 5px 10px; background-color: rgb(233,232,244);}
.contentbox-nav-path {float:right; margin: 0px; padding: 0px 0px 0.7em 0px; background-color: transparent;}

/*-----------------------*/
/* Page Title FONT STYLE */
/*-----------------------*/
.contentbox-title-blue {margin: 0px 0px 0px 0px; padding: 1px 0px 1px 3px; /*background-color: rgb(219, 230, 241);*/ border-bottom: 2px solid rgb(219,230,241);  color: rgb(75,75,75); font-weight: bold; font-size: 15px;}
 /*.contentbox-title-green01 {margin: 0px 0px 0px 0px; padding: 1px 0px 1px 3px; background-color: rgb(219, 230, 241); border-bottom: 2px solid rgb(185,220,153);  color: rgb(75,75,75); font-weight: bold; font-size: 15px;}*/
.contentbox-title-green01 {margin: 0px 0px 0px 0px; padding: 1px 0px 1px 3px; /*background-color: rgb(219, 230, 241);*/ border-bottom: 2px solid rgb(198,223,216);  color: rgb(75,75,75); font-weight: bold; font-size: 15px;}

.contentbox-title-orange {margin: 0px 0px 0px 5px; padding: 1px 0px 1px 3px; /*background-color: rgb(219, 230, 241);*/ border-bottom: 2px dashed #FF7200;  color: rgb(75,75,75); font-weight: bold; font-size: 15px;}
.contentbox-title-green {margin: 0px 0px 0px 0px; padding: 1px 0px 1px 3px; /*background-color: rgb(219, 230, 241);*/ border-bottom: 2px dashed rgb(132,194,76);  color: rgb(75,75,75); font-weight: bold; font-size: 15px;}

.bg-orange {background-color: #FF7200;}

/********************************/
/* SECTION 10 - GENERIC CLASSES */
/********************************/
/*------------------------------------------*/
/* Section 10.1 - Global default font sizes */
/*------------------------------------------*/
.nav-global-font {font-size: 1.0em;}
.nav-main-font {font-size: 1.0em;}
.nav-sub-font {font-size: 1.0em;}
.content-font {font-size: 1.0em;}
.sidebar-font {font-size: 1.0em;}
.footer-font {font-size: 1.0em;}

/*-------------------------------------*/
/* Section 10.2 - Title decoration box */
/*-------------------------------------*/
.box-on {float: left; min-width: 0.5em; margin-right: 0.5em; padding-left: 0.3em;}
.box-off {display: none;}

/*-----------------------*/
/* Horizontal alignments */
/*-----------------------*/
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}

/*-------------*/
/* Text colors */
/*-------------*/
.txt-yellow {COLOR:#756F00;text-decoration: none;}
.txt-yellow A:link {COLOR: #756F00;text-decoration: none;}
.txt-yellow A:visited {COLOR: #756F00;text-decoration: none;}
.txt-yellow A:hover {COLOR: #756F00;text-decoration: underline;}

.txt-red {COLOR:#BF5500;text-decoration: none;}
.txt-red A:link {COLOR: #BF5500;text-decoration: none;}
.txt-red A:visited {COLOR: #BF5500;text-decoration: none;}
.txt-red A:hover {COLOR: #BF5500;text-decoration: none;}

.txt-grey01 {color: rgb(242,242,242);}
.txt-grey02 {color: rgb(230,230,230);}
.txt-grey03 {color: rgb(217,217,217);}
.txt-grey04 {color: rgb(204,204,204);}
.txt-grey05 {color: rgb(191,191,191);}
.txt-grey06 {color: rgb(178,178,178);}
.txt-grey07 {color: rgb(153,153,153);}
.txt-grey08 {color: rgb(127,127,127);}
.txt-grey09 {color: rgb(89,89,89);}
.txt-grey10 {color: rgb(51,51,51);}

.txt-blue01 {color: rgb(238,237,249);}
.txt-blue02 {color: rgb(222,220,242);}
.txt-blue03 {color: rgb(205,202,236);}
.txt-blue04 {color: rgb(189,185,229);}
.txt-blue05 {color: rgb(172,167,223);}
.txt-blue06 {color: rgb(155,149,217);}
.txt-blue07 {color: rgb(139,132,210);}
.txt-blue08 {color: rgb(122,114,204);}
.txt-blue09 {color: rgb(106,97,197);}
.txt-blue10 {color: rgb(89,79,191);}

.txt-green01 {color: rgb(237,246,229);}
.txt-green02 {color: rgb(220,238,204);}
.txt-green03 {color: rgb(202,229,178);}
.txt-green04 {color: rgb(185,220,153);}
.txt-green05 {color: rgb(167,211,127);}
.txt-green06 {color: rgb(149,203,102);}
.txt-green07 {color: rgb(132,194,76);}
.txt-green08 {color: rgb(114,185,51);}
.txt-green09 {color: rgb(97,177,25);}
.txt-green10 {color: rgb(79,168,0);}


/*----------------------------------*/
/* Section 10.5 - Background colors */
/*----------------------------------*/
.bg-grey01 {background-color: rgb(242,242,242);}
.bg-grey02 {background-color: rgb(230,230,230);}
.bg-grey03 {background-color: rgb(217,217,217);}
.bg-grey04 {background-color: rgb(204,204,204);}
.bg-grey05 {background-color: rgb(191,191,191);}
.bg-grey06 {background-color: rgb(178,178,178);}
.bg-grey07 {background-color: rgb(153,153,153);}
.bg-grey08 {background-color: rgb(127,127,127);}
.bg-grey09 {background-color: rgb(89,89,89);}
.bg-grey10 {background-color: rgb(51,51,51);}

.bg-purple01 {background-color: rgb(238,237,249);}
.bg-purple02 {background-color: rgb(222,220,242);}
.bg-purple03 {background-color: rgb(205,202,236);}
.bg-purple04 {background-color: rgb(189,185,229);}
.bg-purple05 {background-color: rgb(172,167,223);}
.bg-purple06 {background-color: rgb(155,149,217);}
.bg-purple07 {background-color: rgb(139,132,210);}
.bg-purple08 {background-color: rgb(122,114,204);}
.bg-purple09 {background-color: rgb(106,97,197);}
.bg-purple10 {background-color: rgb(89,79,191);}

.bg-blue04 {background-color: rgb(156,186,214);}

.bg-green01 {background-color: rgb(237,246,229);}
.bg-green02 {background-color: rgb(220,238,204);}
.bg-green03 {background-color: rgb(202,229,178);}
.bg-green04 {background-color: rgb(185,220,153);}
.bg-green05 {background-color: rgb(167,211,127);}
/*.bg-green06 {background-color: rgb(149,203,102);}*/
.bg-green06 {background-color: rgb(124,194,186);}
.bg-green07 {background-color: rgb(132,194,76);}
.bg-green08 {background-color: rgb(114,185,51);}
.bg-green09 {background-color: rgb(97,177,25);}
.bg-green10 {background-color: rgb(79,168,0);}

/*------------------------------------*/
/* Section 10.6  Bottom border colors */
/*------------------------------------*/
.line-grey01 {border-bottom: solid 1px rgb(242,242,242); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-grey02 {border-bottom: dashed 2px rgb(230,230,230); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px; vertical-align:top;}
.line-grey02-vertical {border-left: dashed 2px rgb(230,230,230); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-grey03 {border-bottom: solid 1px rgb(217,217,217); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-grey04 {border-bottom: solid 1px rgb(204,204,204); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-grey05 {border-bottom: solid 1px rgb(191,191,191); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-grey06 {border-bottom: solid 1px rgb(178,178,178); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-grey07 {border-bottom: solid 1px rgb(153,153,153); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-grey08 {border-bottom: solid 1px rgb(127,127,127); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-grey09 {border-bottom: solid 1px rgb(89,89,89); padding: 0px 0px 2px 0px; margin: 0px px 1px 0px;}
.line-grey10 {border-bottom: solid 1px rgb(51,51,51); padding: 0px 0px 2px 0px; margin: 0px px 1px 0px;}

.line-blue01 {border-bottom: solid 1px rgb(238,237,249); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-blue02 {border-bottom: solid 1px rgb(222,220,242); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-blue03 {border-bottom: solid 1px rgb(205,202,236); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-blue04 {border-bottom: solid 1px rgb(189,185,229); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-blue05 {border-bottom: solid 1px rgb(172,167,223); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-blue06 {border-bottom: solid 1px rgb(155,149,217); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-blue07 {border-bottom: solid 1px rgb(139,132,210); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-blue08 {border-bottom: solid 1px rgb(122,114,204); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-blue09 {border-bottom: solid 1px rgb(106,97,197); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-blue10 {border-bottom: solid 1px rgb(89,79,191); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}

.line-green01 {border-bottom: solid 1px rgb(237,246,229); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-green02 {border-bottom: solid 1px rgb(220,238,204); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-green03 {border-bottom: solid 1px rgb(202,229,178); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-green04 {border-bottom: solid 1px rgb(185,220,153); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-green05 {border-bottom: solid 1px rgb(167,211,127); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-green06 {border-bottom: solid 1px rgb(149,203,102); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-green07 {border-bottom: solid 1px rgb(132,194,76); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-green08 {border-bottom: solid 1px rgb(114,185,51); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-green09 {border-bottom: solid 1px rgb(97,177,25); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}
.line-green10 {border-bottom: solid 1px rgb(79,168,0); padding: 0px 0px 2px 0px; margin: 0px 0px 1px 0px;}

/*******************************************************/
/* CONTENT-HYPERLINK or ICON/PAGE-HYPERLINK FONT STYLE */
/*******************************************************/
.content-hyperlink a {font-family: arial, tahoma, verdana, sans-serif;text-decoration: none; font-size: 12px; color: rgb(100,100,100);}
.content-hyperlink a:hover {color: rgb(88,144,168); text-decoration: underline;}

.content-hyperlink02 {list-style-type: square; margin:0px 0px; border: 0px 0px;}
.content-hyperlink02 a {font-family: arial, tahoma, verdana, sans-serif; text-decoration: underline; font-size: 12px; color: rgb(88,144,168);}
.content-hyperlink02 a:hover {color: rgb(88,144,168); color: rgb(121,153,196);text-decoration: none;}

.content-hyperlink03 a {font-family: arial, tahoma, verdana, sans-serif;text-decoration: none; font-size: 12px; color: #00688B;}
.content-hyperlink03 a:hover {color: #00688B; font-weight:bold; text-decoration: underline;}

.content-hyperlink04 a {font-family: arial, tahoma, verdana, sans-serif;font-weight:bold; text-decoration: none; font-size: 12px; color: #00688B;}
.content-hyperlink04 a:hover {color: #00688B; font-weight:bold; text-decoration: underline;}

.icon-hyperlink a {font-family: arial, tahoma, verdana, sans-serif;text-decoration: none; font-size: 12px; color: #009900;}
.icon-hyperlink a:hover {color: #009900; text-decoration: underline;}

.page-hyperlink a {font-family: arial, tahoma, verdana, sans-serif;text-decoration: none; font-size: 12px; color: #FF7F00;}
.page-hyperlink a:hover {color: #009900; text-decoration: underline;}
.page-hyperlink strong a {font-family: arial, tahoma, verdana, sans-serif; text-decoration:underline; font-size: 12px; color: #009900;}

/*********************************************************************/
/* 使用者入口PAGE(User Portal Page): INFORMATION-HYPERLINK FONT STYLE*/
/*********************************************************************/
.content_title_font { font-family: "Arial", "Helvetica"; font-size: 12px; color: #00688B; letter-spacing: 1px; line-height:18px;}
content_title_font a:link { color:#0098CA;text-decoration:none;}
content_title_font a:visited { color:#0098CA;text-decoration:none;}
content_title_font a:hover { color:#666666;text-decoration:none;}

.content_font { font-family: "Arial", "Helvetica"; font-size: 12px; color: #00688B; letter-spacing: 1px; line-height:18px;}
.content_font a:link { color:#00688B;text-decoration:none;}
.content_font a:visited { color:#00688B;text-decoration:none;}
.content_font a:hover { color:#4987aa;text-decoration:none;}

/*--------------------------------------------------*/
/*服務申請-其他服務申請Page- Application Form Layout*/
/*--------------------------------------------------*/
.applicationform {margin:10px; padding: 0; border: 1px solid #f2f2f2; background-color: #FAFAFA; }
.applicationform fieldset {padding:5px 0 10px 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 20px 5px 20px; border:solid 1px rgb(220,220,220); font-family:verdana,arial,sans-serif;}
.applicationform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 5px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:110%; color: #4284B0;}
.applicationform label.left {float:left; width:100px; margin:0 0 0 20px; padding:2px; font-size:110%;}
.applicationform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.applicationform input.field {width:275px; padding:2px; border:1px solid #eee; font-family:verdana,arial,sans-serif; font-size:110%;}
.applicationform textarea {width:350px; padding:2px; border:1px solid #eee; font-family:verdana,arial,sans-serif; font-size:110%;}
.applicationform input.button {float:right; width:6.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.applicationform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/*---------*/
/*文字內縮*/
/*--------*/
p {text-align: justify; }
.indent-text {padding-left:20px;}
.line-height {line-height:16px;}

/*-----------------------*/
/*Image加上邊框和陰影效果*/
/*-----------------------*/
.imgborder a img {border:2px solid rgb(230, 230, 230);}
.imgborder a:hover img {border:2px solid rgb(145,209,197);}

.top-link-imgborder a img {border:1px solid rgb(255, 255, 255);}
.top-link-imgborder a:hover img {border:1px solid rgb(230, 230, 230); border-bottom-style:dashed;}

/*--------------------------*/
/*滑鼠移至圖片上自動放大影像*/
/*--------------------------*/
.dynamic-img a img  {
  /*opacity: .6; 設定圖片透明程度(for Firefox)*/
  /*filter: Alpha(Opacity=60); 設定圖片透明程度(for IE)*/
  width: 250px; /*設定圖片原始呈現寬度*/
  height: auto /*設定圖片原始呈現高度*/
}

.dynamic-img a:hover img {
  opacity: 1; /*設定圖片透明程度(for Firefox)*/
  filter: Alpha(Opacity=100);
  width: 280px;
  height:auto
}

/*額外增加by Hsin-Tien*/
.container-content-sidebar p {line-height:2.0;}

/*內文Sub Title Font*/
.content_sub_title {color: #00688B; font-weight:bold;}