.row, label {
    margin: 0;
}
.dropdown-item:focus,.dropdown-item:hover, .dropdown-item.active, .dropdown-item:active {
    color: inherit;
    background: inherit;
}
.ajax-file-upload, .ajax-file-upload * {
    cursor: pointer!important;
}
.ajax-file-upload:hover, .ajax-file-upload:hover {
    cursor: pointer!important;
}
.ajax-file-upload input[type='file'] {
    font-size: 0em;
    line-height: 0;
}
#fileuploader {
    height: auto!important;
}
label.error {
    position: absolute;
    top: 0.5rem;
    right: 40px;
    color: red;
}
.header, ._header {
    background: url(images/top_bg.jpg);
    width: 100%;
    height: 132px;
    z-index: 1000;
}
.externalHeader{
	
}
.externalHeader.small{
	
}
.externalHeader.small img{
	
}
.top-img {
    background: url(images/top_img.jpg) no-repeat no-repeat;
    height: 132px;
}
.externalHeader.small .top-img {
    
}
.top-title {
    margin-top: 5px;
    margin-left: 300px;
}
._header {
    background: transparent;
    margin-top: 90px;
    height: 42px;
    z-index: 1001;
}

.bannerMenuContainer{
	
}

@media (min-width: 1400px) {
	.bannerMenuContainer{
		
	}
	.bannerMenuContainer.small{
		
	}

	.externalHeader .container,
	.bannerMenuContainer .container,
	.bannerImage .container,
	.mainContentContainer {
	    
	}
}

.bannerImage{
	
}
.bannerImageSitemap{
	display:none;
}
.bannerImageA001{
	display:none;
}
.bannerImageA002{
	display:none;
}
.bannerImageA003{
	display:none;
}
@media (min-width: 1300px) and (max-width: 1440px) {
	.bannerImageSitemap{
		
	}
	.bannerImageA001{
		
	}
	.bannerImageA002{
		
	}
	.bannerImageA003{
		
	}
}
@media (min-width: 1441px) {
	.bannerImageSitemap{
		
	}
	.bannerImageA001{
		
	}
	.bannerImageA002{
		
	}
	.bannerImageA003{
		
	}
}
.bannerImageA001 .title_zh{
	
}
.bannerImageA001 .title_en{
	
}

.mainContentContainer{
	margin-bottom:42px;
}

.navbar  {
    padding: 0px;
}
.navbar-light .navbar-nav .nav-link {
    color: #494949;
    font-size: 1.31em;
    line-height: 21px;
    padding-top: 16px;
    padding-bottom: 5px;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link:hover {
    color: #eb6b2a;
    font-weight: bolder;
    text-decoration: underline solid red 5px;
}
.collapse.show {
    background: #FFFFFF;
    text-align: right;
}
.sitemapContainer{
	margin-bottom:16px;
}
.sitemap {
    line-height: 24px;
    color: #4d4d4d;
    font-size: 1em;
    background: #f7f7f7;
}
.sitemap b {
    
}
.sitemap i {
    color: #8e8e8e;
}
.sitemap .curr {
    color: #187761;
    font-weight: bolder;
}
.mainContentTitle{
	
}
.title {
    height: 71px;
    border-color: #a8a8a8;
    color: #494848;
    font-size: 2.25em;
    font-weight: bolder;
    line-height: 70px;
}
.pcontent-title {
    color: #2a8b6e;
    font-size: 1.87em;
    font-weight: bolder;
    line-height: 60px;
}
.pcontent-title-black {
    
}
.process-area {
    border: #187761 solid 5px;
    border-radius: 25px;
    padding: 0px;
}
.process-title {
    height: 95px;
    background: #187761;
    color: #ffffff;
    font-size: 2.625em;
    line-height: 90px;
    font-weight: bolder;
}
.process-content {
    background: #f7f7f7;
}
.processItem{
	
}
.processItemTitle{
	
}
.processItemDetail{
	
}
.processItemDetailHighlight{
	
}
.process-area .row {
    padding: 30px 0;
}
.process-area span {
    color: #2b2b2b;
    font-size: 1.125em;
    line-height: 24px;
}
.process-area span.tip {
    color: #e36432;
    font-weight: bolder;
}
.process-content .col-md-3 {
    padding: 0;
}
.writeMailWelcome{
	
}
.writeMailHighlight{
	
}
.writeMailList{
	
}
.form-area {
    border: #c7c7c7 solid 1px;
    padding: 0px;
}
.form-title {
    background: #187761;
    color: #ffffff;
    font-size: 1.625em;
    line-height: 56px;
    font-weight: bolder;
}
.form-content {
    background: #fbfbfb;
}
.form-content-alt {
    background: #fffaf2;
    color: #cf183b;
    font-size: 1.3125em;
    line-height: 30px;
    font-weight: bolder;
    border-bottom: #c7c7c7 solid 1px;
}
.form-content ::placeholder{
	
}
.form-content .form-content-row{
	
}
.form-content .form-content-row .form-content-title:first-child{
	
}
@media (min-width: 992px) {
	.form-content .form-content-row .form-content-title:first-child{
		
	}
}
.form-content .form-content-row + .form-content-row .form-content-title:first-child{
	
}
.form-content .form-content-row.noBorder .form-content-title{
	
}
.form-content .form-content-row.forceBorder .form-content-title{
	
}
.form-content .form-content-title {
    line-height: calc(1.5em + .75rem);
    color: #3d3d3d;
    font-size: 1.125em;
    text-align: right;
}
.form-content .form-content-title .star {
    color: #e25f2b;
    width: 0px;
    float: right;
}
.form-content .form-content-title .star:after {
    content: "★";
}
.starnotice:before {
    content: "★";
    color: #e25f2b;
    text-align: left;
    font-size: 1.125em;
}
.form-content .form-content-title, .form-content .form-control {
    color: #3d3d3d;
}
.form-content .row {
    padding-top: 5px;
    padding-bottom: 5px;
}
.form-content .tip {
    font-size: 1em;
    color: #bf400d;
}
.form-content .mailNo{
	color:#b90000;
	line-height:35px
}
.form-content .fileUploadSizeTip{
	color:#d87913;
	font-size:13px;
}
.form-content .fileUploadExtensionTip{
	color:#2c656b;
}
.form-content input {
    color: #a6a6a6;
}
.form-content .btn {
    color: #ffffff;
    background: #e25f2b;
    font-size: 1.3125em;
    line-height: 21px;
    font-weight: bolder;
    padding: 10px 45px;
    border: #e25f2b solid 2px;
    border-radius: 10px;
}
.form-content .btn.clear {
    background: transparent;
    color: #e25f2b;
}


.jcs-inner-container {
    max-width: 1366px;
    width: 100%;
    padding: 0;
}
.main-top {
    background: #ffffff;
    width: 100%;
    z-index: 1000;
}
#top-title {
    overflow: hidden;
    position: relative;
    height: 156px;
    width: 700px;
}
#top-title img {
    position:absolute;
    top: 0;
    left: 0;
}
.main-top .message-bar-msg {
    top: 0;
    right: 0;
    height: 100px;
    font-size: 1em;
    color: #348293;
    line-height: 35pt;
    padding-right: 15px;
    text-align: right;
}
.main-top .userMsgContainer{
	
}
.main-top .message-bar-msg .message-bar-user-icon{
	
}
.main-top .message-bar-msg .message-bar-hello{
	color:#646464;
}
.main-top .message-bar-msg .message-bar-hello-icon{
	
}
.main-top-navbar {
    position: absolute;
    width: 100%;
    min-height:52px;
    top: 104px;
    background: rgba(21, 148, 156, 0.75);
}
.main-top-list {
    padding: 0 10px;
    cursor: pointer;
}
.mainTopNavbarMenuIcon{
	
}
.mainTopNavbarMenuIcon:hover{
	
}
.mainTopNavbarThumbtackIcon{
	
}
.mainTopNavbarThumbtackIcon.enabled{
	
}
.mainTopNavbarThumbtackIcon:hover{
	
}
.mainTopNavbarBooksIcon{
	
}

/* 以下為系統選單與右邊主要內容區塊的寬度相關CSS */

.main-top-navbar.fixed {
	
}
.jcs-inner-container.fixed {
	
}
.main-top-navbar.overlapHide {
	
}
.jcs-inner-container,
.jcs-inner-container.overlapHide {
	
}
.main-top-navbar.fixedHide {
	
}
.jcs-inner-container.fixedHide {
	
}
.main-top-navbar.overlap {
	
}
.jcs-inner-container.overlap {
	
}
.main-top-navbar.overlapHide > *,
.main-top-navbar.fixedHide > *{
	
}
.main-top-navbar.fixed > .mainTopNavbarBooksIcon,
.main-top-navbar.overlap > .mainTopNavbarBooksIcon{
	
}
.main-top-navbar.overlapHide img.mainMenuBg,
.main-top-navbar.fixedHide img.mainMenuBg{
	
}
.main-top-navbar.overlapHide > .mainTopNavbarMenuIcon,
.main-top-navbar.fixedHide > .mainTopNavbarMenuIcon,
.main-top-navbar.overlapHide > .mainTopNavbarBooksIcon,
.main-top-navbar.fixedHide > .mainTopNavbarBooksIcon{
	
}

/* 以上為系統選單與右邊主要內容區塊的寬度相關CSS */

/* 以下為選單scrollbar樣式 */
.main-top-list::-webkit-scrollbar{
    
}
.main-top-list::-webkit-scrollbar-track{
    
}
.main-top-list::-webkit-scrollbar-thumb{
    
}
.main-top-list::-webkit-scrollbar-button{
    
}
/* 以上為選單scrollbar樣式 */
#mainMenuContainer li{
	
}
#mainMenuContainer li.subMenu{
	
}
#mainMenuContainer li a{
	
}
#mainMenuContainer li a{
	
}
#mainMenuContainer a:hover,
#mainMenuContainer a.hover,
#mainMenuContainer a.selected{
	
}
#mainMenuContainer a .fa-chevron-down,
#mainMenuContainer a .fa-chevron-up{
	
}
#mainMenuContainer a .leftBlock{
	
}
#mainMenuContainer a:hover .leftBlock,
#mainMenuContainer a.hover .leftBlock,
#mainMenuContainer a.selected .leftBlock{
	
}
#mainMenuContainer a .rightBlock{
	
}
#mainMenuContainer a:hover .rightBlock,
#mainMenuContainer a.hover .rightBlock,
#mainMenuContainer a.selected .rightBlock{
	
}

.main-top-list > div, .main-top-list .dropdown-menu > div {
    padding: 0 2px;
    font-size: 1.3125em;
    line-height: 32px;
    font-weight: bolder;
    color: #ffffff;
}
.main-top-list_obj {
    padding: 0 10px;
    border-radius: 10px;
    cursor: pointer;
}
.main-top-list_obj:hover , .main-top-list_obj.active{
    color: #606060;
    background: #ffffff;
}
.main-top-list .dropdown-menu {
    background: rgba(21, 148, 156, 0.75);
}
.inner-content {
    background: #f3f3f3;
    padding: 10px 20px;
}
.inner-content .sitemapContainer{
    
}
.inner-content .sitemap {
    line-height: 32px;
    color: #4d4d4d;
    font-size: 1em;
    background: transparent;
}
.inner-content .sitemap i {
    color: #606060;
}
.inner-content .sitemap .curr {
    color: #ee5a47;
    font-weight: bolder;
}
.inner-content .sitemapContainer .sitemapActionContainer{
	display:none;
}
.inner-content .sitemapContainer .sitemapActionTitle{
	
}
.inner-content .sitemapContainer .sitemapActionContent{
	
}
.msg-icon {
    width: 35px;
    background: url(images/icon_001.jpg) no-repeat no-repeat center;
}
.action-msg-header{
	
}
.action-msg-content{
	
}
.user-act-item:focus, .user-act-item:hover, .user-act-item.active, .user-act-item:active {
    background: #f4f4f4;
}
.show-area {
    min-height: 400px;
    background: #FFFFFF;
    border: #dbdbdb solid 1px;
    border-radius: 10px;
    padding: 20px 40px 40px 40px;
}
.pageTitle {
    height: 49px;
    width: 100%;
    color: #646464;
    font-size: 1.875em;
    font-weight: bolder;
    line-height: 30px;
    border-bottom: #a5a5a5 solid 1px;
    margin-bottom: 20px;
    padding-left: 10px;
}
.pageTitle img{
	
}
.pageTitleContent{
	
}
.show-area .content {
    padding: 0 20px;
    width: 100%;
}
.list-big-icon {
    cursor:pointer;
}
.list-big-icon.left {
    border-right: #ababab solid 1px;
}


.show-area .doc {
    width: 100%;
    text-align: left;
    padding: 0 40px;
}
.show-area .doc a, .show-area .doc a:hover {
    text-decoration: none;
    height: 56px;
    color: #2e2e2e;
    font-size: 1em;
    margin-bottom: 10px;
}
.show-area .doc a:nth-child(even) div {
    background: #fafbff;
}
.show-area .doc a > div {
    line-height: 44px;
    border: rgba(0, 0, 0, .125) solid 1px;
    margin-bottom: 15px;
    padding: 6px 20px;
}
.show-area .doc a div span {
    float: right;
    color: #be5f0b;
}
.show-area .doc a div span.updateDateText {
}
.action-bar {
    margin: 0 -10px 10px -10px;
}
.action-bar button {
    height: 35px;
    color: #238870;
    font-size: 1em;
    border: #49b79d solid 1px;
    margin: 0 10px 5px 10px;
    border-radius: 0;
}
.action-bar button:hover {
	
}
.action-bar button.exit {
    color: #6a6a6a;
    border: #a5a5a5 solid 1px;
}
.action-bar button.exit:hover {
    
}
.show-area .search-area {
    width: 100%;
    background: #f4f5fa;
    color: #2e2e2e;
    font-size: 1em;
    line-height: 36px;
    border: #e1e4f5 solid 1px;
    padding: 10px 0;
}
.show-area .search-area .d-flex, .show-area .search-area .row {
    padding-top: 5px;
    padding-bottom: 5px;
}
.show-area .search-area.form-content .form-content-title, .show-area .search-area.form-content .form-control {
    color: #2e2e2e;
}
.show-area .search-area input, .show-area .search-area textarea {
    border-color: #d7d9e5;
}
.show-area .search-area input::placeholder, .show-area .search-area input:-ms-input-placeholder, .show-area .search-area input::-ms-input-placeholder {
  color: #909090;
}
.show-area .search-area.form-content .form-content-title .star:after {
    content: "��";
}
.table-area {
    margin-top: 30px;
    font-size: 1em;
}
.table-area th, .table-area td {
    text-align: center;
    border: none;
    cursor: pointer;
}
.table-area td {
    border-bottom: #e7e7e7 solid 2px;
}
.table-area tr:first-child th, .table-area tr:first-child td {
    border-bottom: none;
}
.table-area table tr {
    height: 40px;
    color: #2e2e2e;
    background: #ffffff;
}
.table-area table tr:nth-child(odd) {
    background: #f4f4f4;
}
.table-area table tr th {
    color: #ffffff;
    background: #5cb1b0;
    font-weight: bolder;
}
.table-area table tr.vertical {
    display: none!important;
}
.table-area table tr.vertical.end {
    padding-bottom: 10px;
}
.table-area table tr.vertical.end th, .table-area table tr.vertical.end td {
    border-bottom: #000000 solid 2px;
}
.table-area table .mail-no {
    color: #ee5a47;
    text-decoration: underline;
}
.table-area table .process-date {
    color: #d87913;
}
.table-area .search-result {
    line-height: 36px;
    margin-bottom: 15px;
}
.table-area .search-result > div {
    padding: 0;
}
.table-area .search-result .text-area {
    text-align: left;
    color: #2c656b;
}
.table-area .search-result .text-area span {
    color: #ee5a47;
}
.table-area .search-result .page_area {
    width: 50%;
    text-align: right;
}
.table-area .search-result .page_area .pagination {
    margin-top: -1px;
}
.table-area .search-result .page_area .pagination a {
    border-color: #c8c8c8;
}
.table-area .search-result .page_area .pagination .page-item a {
    background: #ffffff;
    color: #2c656b;
    cursor: pointer;
}
.table-area .search-result .page_area .pagination .page-item.active a {
    background: #5cb1b0;
    color: #ffffff;
}
.table-area .search-result .page_area .pagination .page-item.disabled a {
    background: #f4f5fa;
}
#first-page a, #prev-page a, #next-page a, #last-page a {
    color: #959595!important;
}
.show-area .reply-area {
    background: #f9f5e7;
    border: #e8d89e solid 1px;
    border-radius: 8px;
    padding: 10px 30px;
}
.show-area .reply-area .reply-title {
    color: #c65613;
    font-size: 1.125em;
    line-height: 50px;
}
.show-area .reply-area .reply-title img{
	
}
.show-area .reply-area textarea {
    border: #d7d9e5 solid 1px;
    color:#909090;
    font-size: 1em;
    margin-bottom: 10px;
}
.reply-area-hr{
	display:none;
}
.show-area .search-area-2 {
    background: #ffffff;
    color: #2e2e2e;
}
.show-area .search-area-2 .row {
    padding: 0;
}
.show-area .search-area-2 .row > div {
    font-size: 1em;
    line-height: 38px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.show-area .search-area-2 .form-content-title {
    background: #f4f5fa;
    color: #2e2e2e;
    border-right: #e1e4f5 solid 1px;
}
.show-area .search-area-2 input, .show-area .search-area-2 select {
    border: #d7d9e5 solid 1px;
    border-radius: 0px;
    color: #909090;
}
.show-area .search-area-2 input:disabled, .show-area .search-area-2 select:disabled {
    background: #f1f1f1;
}
#mainDown {
    background: #49b79d;
    color: #ffffff;
    font-size: 0.8125em;
    line-height: 32px;
}

@media (max-width: 767.98px) {
.col-sm-0 {
    display: none;
}
.w100-sm {
    width: 100%;
}
.top-img {
    background: none;
    display: flex;
}
.top-title {
    margin-left: auto;
    margin-right: auto;
}
.form-content .form-content-title {
    text-align: left !important;
    padding-left: 30px;
}
.form-content .form-content-title .star {
    position:absolute;
    left:15px;
}
#addrb {
    margin-bottom: 10px;
}
#top-title {
    width: 340px;
}
#top-title img {
    left: -1000px;
}
.main-top-list {
    text-align: left!important;
    background: rgba(21, 148, 156, 0.75)!important;
}
.list-big-icon.left {
    border-right: none;
    border-bottom: #ababab solid 1px;
}
.table-area table tr.vertical {
    display: table-row!important;
}
.table-area table tr.horizontal {
    display: none!important;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.col-md-0 {
    display: none;
}
.w100-md {
    width: 100%;
}
#top-title {
    width: 340px;
}
#top-title img {
    left: -150px;
}
.main-top-list {
    text-align: left!important;
    background: rgba(21, 148, 156, 0.75)!important;
}
.list-big-icon.left {
    border-right: none;
    border-bottom: #ababab solid 1px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.col-lg-0 {
    display: none;
}
.w50-lg {
    width: 50%;
}
#top-title {
    width: 660px;
}
#top-title img {
    left: -40px;
}
.list-big-icon.left {
    border-right: none;
    border-bottom: #ababab solid 1px;
}
}
@media (min-width: 1200px) {
.col-xl-0 {
    display: none;
}
.w50-xl {
    width: 50%;
}
}

a.sr-only:focus {
    position: absolute;
    left: 0px;
    top: 0px;
    outline-color: transparent;
    -webkit-transition: top .1s ease-in;
    transition: top .1s ease-in;
   border: #008040 dashed 0.14rem;
    background: #ffffff;
    color: #000000;
    font-weight: 700;
}

h1,h2 {
  font-size: 1em;
}

.form-control:focus {
  outline: 5px;
  outline-style: dashed;
  border-color: #a6a6a6;
  box-shadow: inset 0 -1px 0 #ddd;
  outline-width: 3px;
  outline-color: #ff5e52;
  background:  rgb(255, 255, 202);
}

html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px; 
}
body.subWindow {
	
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  line-height: 60px; 
  background-color : #187761;
}

.accstyle {
    color: #ffffff;
    font-size: 0.9em;
    line-height: 36px;
    font-weight: bolder;
}
.a003Table{
	border:3px #187761 solid;
}
.a003TableHeader{
	background-color:#187761;
}
.a003TableHeaderText{
	font-size:1.5em;
	color:#000000;
}
.a003Tr{
	background-color:#fffff6;
}
.a003Tr + .a003Tr{
	border-top :2px #58adce solid;
}
.a003Tr + .a003Tr th{
	
}
.a003Tr th{
	background-color:#f4f5fa;
	text-align:center;
	font-size:1em;
}
.a003Tr td{
	font-size:1em;
}
.listPageContent{
	
}
.listPageCountNewMail{
	color:#ee5a47;
	font-size:60px;
}
.listPageCountNotFinish{
	color:#5394d0;
	font-size:60px;
}
.listPageCountPosifix{
	font-size:24px;
}
.listPageCountText{
	color:#3f3f3f;
	font-size:34px;
	line-height:62px;
	white-space:nowrap;
}