@charset "utf-8";

/**************************************************
= header 上方登入選單
********************/
/*theme-bg 背景色*/
.theme-bg{ background:#ffffff;/*background-image: url(../img/bg.jpg);*/ background-repeat: repeat; position: relative;}

/*模組背景色*/
/*div#main_top,.breadcrumb,div#left,div#middle,div#main_right,div#main_bottom,.module{ background: #fff;}*/
/*.center-module-bg{background: #fff;}*/

div#main_top .module,div#left .module,div#middle .module,div#main_right .module,div#main_bottom .module,.module{ background:#ffffff; /*box-shadow: 0px 0px 5px 0px #e0dadc;*/ }
:not(.module-content).module-padding.module-bg { background:#ffffff; box-shadow: 0px 0px 5px 0px #e0dadc; }

#ct-content {overflow-x: hidden;}

/**************************************************
= header 上方登入選單
********************/
.login .top-space header{ margin-top: 10px;}
header{ background: unset ;border: none; top: 5px; z-index: 2; right: 10px;}
header>a,header>div{color:#ffffff;}
header>a {border-right: 1px solid #ffffff; padding: 0px 20px;}
header .fontsize button {color: #ffffff; background-color:unset/*rgba(251, 244, 233, 0.9)*/; border:1px solid #ffffff; border-radius: 100%; box-shadow: none; padding:0; }
header .fontsize button:hover {background-color: #3072a7; color: #ffffff; }
header .dropdown svg { fill: #ffffff;}
header a:hover,
header>div:hover{ color:#ffffff; }
header .dropdown:hover svg{ fill: #8DD6FC;}
header .dropdown-content a:hover{ color: #545454; background-color: #ffffff; }
header .dropbtn {color:#8DD6FC;}
.logo,.logo a { font-size: 2rem;  /*color: #545454;*/ color: #ffffff;}
.focusable{ opacity: 0;}
.focusable:focus{ opacity: 1;}

@media screen and (max-width: 1199px) {
header{ padding-right: 0;}
}

@media screen and (max-width: 767px) {
.login .top-space header{ margin-top: 0px;}
header {display: none; }
.theme-bg { background-position: -550px 30px;}
}

@media screen and (max-width:520px){
.theme-bg { background-position: -880px 0px;}
header>a{padding:0 5px;}
}

/**************************************************
= theme 上方主圖
********************/
h1 strong { position: relative;}
h1 strong.picshow { position: absolute; top: -600px;}

/*TOP固定*/
.theme {position: fixed; top: 0; right: 0; z-index: 99;
background: rgb(0,64,138); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,64,138,1) 0%, rgba(68,138,202,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,64,138,1) 0%,rgba(68,138,202,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,64,138,1) 0%,rgba(68,138,202,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

@media screen and (max-width: 767px) {
.theme { height: 100px; box-shadow: 0 0 10px #6d6d6d; z-index: 99; position: fixed; top: 0;}
.logo {padding: 0; top: 0;}
.logo img, .logo strong {max-height: 90px; max-width: 90%; padding: 5px 10px;}
.logo strong { top: -5px;}
#main_top {margin-top: 100px !important;}
}

@media screen and (max-width: 520px) {
.logo img, .logo strong {max-height: 70px;}
}

/*登入狀態*/
.top-space .theme { top: 45px;}
.edit-theme { top: 45px; position:absolute; }
#main_top .dragArea { margin-bottom:20px; }


/**************************************************
= navbar 橫式選單模組
********************/
.navbar { background: none; }
.navbar ul{ max-width: 1500px; }
.navbar li a{ color:#ffffff; }
.navbar li:hover a {color:#dedede;}
.navrwd-svg svg { fill: #ffffff;}
.navbar li:hover ul a,.navbar ul li a:focus + .navrwd + .menuhidden{ background-color:#ffffff; color:#316fa0; line-height: 30px;}
.navbar li:hover ul a:hover { background-color:#23669c; color:#fffcfc;}
.navbar li .menuhidden.navbar-menu a { background-color:#ffffff; color:#316fa0;}
.navbar li .menuhidden.navbar-menu a:hover { background-color:#23669c; color:#fffcfc;}
.navbar li ul li a{ border-bottom:1px solid #efd9ce; min-width:max-content;}

@media screen and (max-width: 767px) {
.navbar li { width: 100%; background: #316fa0;}
.navbar ul { /*background: #ffffff; color: #ffffff;*/}
.navbar li a { /*background: #316fa0; */color: #ffffff; width: 85%;}
.navbar ul li{border-bottom: 1px solid #ebf7fd; border-left: 2px solid #ddd;}
.navbar li:hover a{ color: #dedede;}
.navbar li:hover ul a {  background-color:#ffffff; color:#316fa0;}	
.navbar li:hover ul a:hover {  background-color:#23669c; color:#fffcfc;}
.navbar li .menuhidden.navbar-menu a{ background-color:#ffffff; color:#316fa0;}
.navbar li .menuhidden.navbar-menu a:hover { background-color:#23669c; color:#fffcfc;}
.navbar .show-menu{ color: #fff;background: unset; text-align: right;  height: 100px; padding: 35px 10px 0px 10px;}
.navbar .show-menu .ct-hamburger svg { fill:#FFF; width: 30px; height: 30px}
.navrwd-svg{ background: rgba(255,255,255,0.8); border: none;}
.navrwd-svg svg{ fill: #316fa0;}
.navbar li ul li { border: 0;}

/*20200702 hamburger收合模式*/
.navbar input[type=checkbox]:checked~#menu { background: unset; position: absolute; /*overflow-y: auto;*/ display: block; /*height: 100%;*/ min-width: 300px; width: auto; right: 0;}
#menu {width: 70%;float: right;}
#menu .menu-web a {display: none;}
.navbar { background-color: unset; }
.navbar ul li a:hover+.navrwd+.menuhidden, .navbar .menuhidden:hover {display: inline;}
}

@media screen and (min-width: 1680px){
.navbar>ul>li { padding: 4px 4px;}
}

@media screen and (min-width: 992px) and (max-width: 1679px){
.navbar>ul>li {padding: 4px 4px;}
}

@media screen and (min-width: 768px) and (max-width: 991px){
.navbar>ul>li {padding: 2px 5px;}
}

@media screen and (max-width: 520px){
.navcontainer .gd-xs10 {width:50%;}
}

/*客製：LOGO與主選單同行顯示*/
.navcontainer { display: flex; align-items: center;}
.navcontainer h1 { margin-bottom:0px; margin-top:0px;}


/**************************************************
= breadcrumb 麵包屑
********************/
.breadcrumb-item + .breadcrumb-item::before {border-left: 8px solid #f3a712;}
.breadcrumb-item.active {color:#2a76b3;}
.breadcrumb a{color:#197bc1;}
.breadcrumb a:hover{color:#b16312;}

/**************************************************
= footer 最下方聯絡資訊
********************/
.footerbg{ background: #2a628f; /*box-shadow: 0px 0px 5px #002840;*/ color: #fff9f6; background-image: url(../img/footer.jpg); background-repeat: no-repeat;min-height: 280px; padding-top: 0px; margin-top: 20px;}
.footerbg a {color: #fff9f6;}
.connect-links,.connect .text.connect-explorer{ color: #fff9f6;}
.connect-links:hover{text-decoration: none;color: #fff9f6;}
.copyright { color: #ffffff; background-color: #23557d;}

.rwd-show {padding-top: 10px; display: none;}
.rwd-show a {text-decoration: underline;}

@media screen and (max-width: 767px){
.rwd-show {display: block;}
}

/**************************************************
= color
********************/

/* tab頁簽 ********************/
.nav-tabs {border-bottom-color:#ffffff;}
.nav-tabs .nav-item,.nav-pills .nav-item{margin-right: 2px;}
.nav-tabs .nav-item>a,
.nav-pills .nav-item a{ color: #707070; background: #ffffff; border: 1px solid #cccccc ;border-radius: 3px;}
.nav-pills .nav-item a{ border-bottom: 1px solid #f4ffd4;}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {  color: #464646; background: #f5f7f9; border-color: #1f6aa7 #1f6aa7 #1f6aa7;}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {color: #ffffff; background: #1f6aa7; border-color: #1f6aa7 #1f6aa7 #1f6aa7;}
.nav-pills .nav-link:focus,
.nav-pills .nav-link:hover { color: #ffffff; background-color: #ed96af;}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {color: #fff;background-color:#316fa0;}
.nav-tabs .nav-link.disabled,
.nav-pills .nav-link.disabled {color: #868e96;}
.ct-dropdown-menu { background-color: #fff;  border: 1px solid #316fa0;}
.ct-dropdown-item { color: #3a92e9;}
.nav-tabs .nav-item .ct-dropdown-item, .nav-tabs .nav-item .ct-dropdown-item{ border: 0; background: #ffffff; border-top: 1px solid #ededed; color: #9a654a;}
.nav-tabs .nav-item .ct-dropdown-item:focus,
.nav-tabs .nav-item .ct-dropdown-item:hover { color: #ed96af; background-color: #fdf1f4;}


/* table表格 ********************/
.ct-table th,.ct-table td {border-top-color:#ccc;}
.ct-table tbody + tbody {border-top-color:#ccc;}
.table-striped tbody tr:nth-of-type(odd) { background-color:#fff;}
.ct-table .thead-light th { color: #ffffff; background-color: #1f6aa7; border-color: #ffffff; border-bottom: 1px solid #ffffff;}
.ct-table .thead-dark th { color: #ffffff; background-color: #07245e; border-color: #07245e;}
.table-bordered {border-color: #e9ecef;}
.table-bordered th,.table-bordered td {border-color:#ccc;}
.table-hover tbody tr:hover { background-color:#f5f7f9;}

@media only screen and (max-width: 575px){
.table-responsive .ct-table  td:before,
.table-responsive .ct-table th:before{color:#2d67a0;}
}

/* nav-Vertical 直式選單 ********************/
.nav-Vertical ul li .sub-menu-item{ color: #3072a7;background: none;border-bottom:none;}
.nav-Vertical ul li .sub-menu-item:hover { background:#1f6aa7; color: #ffffff;}


.nav-Vertical ul li .sub-menu-item a{color:#3072a7;}
.nav-Vertical ul li .sub-menu-item a:hover,
.nav-Vertical ul li .sub-menu-item a:focus,
.nav-Vertical ul li .sub-menu-item a:active,
.nav-Vertical ul li .sub-menu-item .active{color:#545454;}
.nav-Vertical ul li .sub-menu-item:hover a,.nav-Vertical ul li .sub-menu-item:hover {color:#134480;background: none;}

.nav-Vertical ul li .menu-arrow svg{ fill:#1f6aa7;}
.nav-Vertical ul li .menu-arrow:hover svg{ fill: #ffffff;}
.nav-Vertical ul li ul li .sub-menu-item:hover a{color:#134480;}
.nav-Vertical ul li ul li .sub-menu-item{ background:#fdfeff;border-bottom-color: #dcd7bc;}
.nav-Vertical ul li ul li ul li .sub-menu-item{ background:#eefefd;}
.nav-Vertical ul li ul li .sub-menu-item:hover,
.nav-Vertical ul li ul li ul li .sub-menu-item:hover { background: #ffffff; color: #284f89; border-left-color: #f2a612;}
.vertical-hamburger { background:#1f6aa7;}
.vertical-hamburger svg { fill:#ffffff;}

/* sitemap 網站導覽 ********************/
.ct-sitemap{background:#ffffff; margin-top: 150px;}
.top-space .ct-sitemap{margin-top: 100px;}
.sitemap-title { background: #00408B; color: #ffffff;}
.sitemap-block { background: #ffffff;}
.sitemap-item a { color: #505050; border-left-color: #00408B; background: #f5f5f5;}
.sitemap-item a:hover,
.sitemap-item a:focus{background: #fdfaf0; color: #3c2117; border-left-color: #f2c685;}
.sitemap-icon svg {fill: #ffffff;}

@media screen and (max-width: 767px) {
	.ct-sitemap{margin-top: 100px;}
}

/*span-color-ga003*/
.span-color-ga003,a.span-color-ga003{color: #3072a7;}
a.span-color-ga003:hover,a.span-color-ga003:focus {color:#10ad7d;}

/*span-color-ga007*/
.span-color-ga007,a.span-color-ga007{color: #3072a7;}
a.span-color-ga007:hover,a.span-color-ga007:focus {color:#10ad7d;}

/*線上報修button-ga009********************/
.repair-basicset .btn-primary { color: #ffffff;  background-color:#1e67a2;  border-color:#1e67a2;  fill: #ffffff;}
.repair-basicset .btn-primary:hover,.repair-basicset .btn-primary:focus,.repair-basicset .btn-primary:active,.repair-basicset .btn-primary.active,.repair-basicset .open .ct-dropdown-toggle.btn-primary,.repair-basicset .btn-primary:active:focus,.repair-basicset .btn-primary:active:hover,.repair-basicset .btn-primary.active:hover,.repair-basicset .btn-primary.active:focus{background:#0e4f7a;}
.repair-basicset .btn-primary.active.focus,.repair-basicset .btn-primary.active:focus,.repair-basicset .btn-primary.active:hover,.repair-basicset .btn-primary:active.focus,.repair-basicset .btn-primary:active:focus,.repair-basicset .btn-primary:active:hover,.repair-basicset .open>.ct-dropdown-toggle.btn-primary.focus,.repair-basicset .open>.ct-dropdown-toggle.btn-primary:focus,.repair-basicset .open>.ct-dropdown-toggle.btn-primary:hover{ background:#0e4f7a;}

/* CGA001 圖文公告換色 ********************/
.ct-focusslider .focus-content .textblock{ background:#fefdfa; color: #545454; border-bottom: 4px solid #f3a712;}
.ct-focusslider .focus-content .textblock.notice-color{background:#fffaf1; color: #545454;  border-bottom: 4px solid #f3a712;}
/*CGA001 圖文公告箭頭顏色*/
.ct-focusslider .focus-controls .focus-arrow{ fill:#f3a712; }
.ct-focusslider .focus-controls .focus-arrow:hover { fill: #ebb700;}
.ct-focusslider .focus-controls .focus-arrow.focus-end{ fill: rgba(175, 175, 175, 1);}
/*CGA004、CGA008、CGA009電子報系列*/
.ct-epaper .btn-primary{color: #ffffff; background-color:#4b77a7; border-color:#4b77a7; fill: #ffffff;}
.ct-epaper .btn-primary:hover{color: #ffffff; background-color:#0d62c0;  border-color:#0d62c0; fill: #ffffff;}
.module .ct-epaper .epaper-list.ct-row { background: #ffffff; padding: 0;}
.ct-epaper .yearnav ul li{ background: #d4efff; color: #3072a7; border-bottom: 1px solid #94bcd4;}
.ct-epaper .yearnav ul li a { color: #1f6aa7;}
.ct-epaper .yearnav ul li:hover { background: #3072a7; color: #ffffff;}
.ct-epaper .yearnav ul li:hover a {color: #fff;}
.ct-epaper button.btn-primary { background-color: #1b6390; border-color: #1b6390;}
.ct-epaper button.btn-primary:hover { background-color: #1f6aa7; border-color: #1f6aa7;}

/* GA017 全文檢索*******************/
.cmgch-google .btn-all{ color: #ffffff; background-color:#1e67a2; border-color:#1e67a2; fill: #ffffff; border-radius: 2px;}
.cmgch-google .btn-all:hover,.cmgch-google .btn-all:focus,.cmgch-google .btn-all:active,.cmgch-google .btn-all.active,.cmgch-google .btn-all:active:focus,.cmgch-google .btn-all:active:hover,.cmgch-google .btn-all.active:hover,.cmgch-google .btn-all.active:focus { color: #ffffff; background-color:#0e4f7a;  border-color:#0e4f7a; fill: #ffffff;}
.cmgch-google .btn-advanced{ color: #ffffff; background-color: #797979; border-color: #797979; fill: #ffffff;}
.cmgch-google .btn-advanced:hover,.cmgch-google .btn-advanced:focus,.cmgch-google .btn-advanced:active,.cmgch-google .btn-advanced.active,.cmgch-google .btn-advanced:active:focus,.cmgch-google .btn-advanced:active:hover,.cmgch-google .btn-advanced.active:hover,.cmgch-google .btn-advanced.active:focus { color: #ffffff; background-color: #676767;  border-color: #676767; fill: #ffffff;}
.cmgch-google .form-group-m input { caret-color:#1e67a2;} 
.cmgch-google .form-group-m .bar::before {background:#1e67a2;}

/*ALT+C 導盲磚 *******************/
#center {color: #448ACA;}

/*freeze btn overflow *******************/
#noticeview_to_print .ct-btn {white-space: normal;}

/*權限scrollbar *******************/
.select-menu-container.select-visible .select-menu {overflow-y: scroll; height: 150px;}

/* thin */
@media screen and (min-width: 1200px) { .ctSize {width: 90%; margin-left: 5%;}}

.navbar li .menuhidden.navbar-menu a {line-height: 30px;}
.navbar li:hover ul a, .navbar ul li a:focus+.navrwd+.menuhidden {line-height: 30px}
.nav-link { padding: 0.4rem 1rem;}
.module-padding table.ct-table th, .module-padding table.ct-table td {border-top: 1px dotted #DBE9F4}

.module table .download_rect, .module table .link_rect {height: auto;}

.module .lfcenter a.lfaimg {height: auto; padding: 3px; }


/**************************************************
= module  設計區塊
********************/
header{display: flex;justify-content: flex-end;align-items: center;}
header>a{border:none;color:#8DD6FC}
header .fontsize button{border-color:#8DD6FC;color:#8DD6FC;}

.breadcrumb{padding: 1rem 1rem;}
@media screen and (max-width: 767px) {
.breadcrumb{padding: 0rem 1rem 1rem 1rem;}
}

.segmentbtn{border-radius: 20px;color:#112133;padding:5px 10px 2px;font-size: 16px;font-weight: bold;
background: #b0ea5b;
background: -moz-linear-gradient(top,  #b0ea5b 0%, #16c27d 100%);
background: -webkit-linear-gradient(top,  #b0ea5b 0%,#16c27d 100%);
background: linear-gradient(to bottom,  #b0ea5b 0%,#16c27d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0ea5b', endColorstr='#16c27d',GradientType=0 );
}
.segmentbtn:hover{
background: #b0ea5b;
background: -moz-linear-gradient(top,  #b0ea5b 0%, #ffffff 100%);
background: -webkit-linear-gradient(top,  #b0ea5b 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #b0ea5b 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0ea5b', endColorstr='#ffffff',GradientType=0 );
}
.ct5abf2d62aa93092cee58ceb4 .btn-secondary:hover, .ct5abf2d62aa93092cee58ceb4 .btn-secondary:focus, .ct5abf2d62aa93092cee58ceb4 .btn-secondary:active, .ct5abf2d62aa93092cee58ceb4 .btn-secondary.active, .ct5abf2d62aa93092cee58ceb4 .open .ct-dropdown-toggle.btn-secondary, .ct5abf2d62aa93092cee58ceb4 .btn-secondary:active:focus, .ct5abf2d62aa93092cee58ceb4 .btn-secondary:active:hover, .ct5abf2d62aa93092cee58ceb4 .btn-secondary.active:hover, .ct5abf2d62aa93092cee58ceb4 .btn-secondary.active:focus,
.btn-secondary.disabled, .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled:active, .btn-secondary.disabled.active, .btn-secondary[disabled], .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled]:active, .btn-secondary.active[disabled], fieldset[disabled] .btn-secondary, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary:active, fieldset[disabled] .btn-secondary.active{
    background-color: #448aca;
    border-color: #448aca;
		color:#FFF;
}

/**************************************************
= htmldisplay 設計區塊
********************/
.htmldisplay {
   
    overflow-y: hidden;
}
/**************************************************
= 左上第一 設計區塊
********************/

.ct-row.module-padding.module-bg.ct5abf2d91aa93092cee58cebc {
    PADDING: 0PX 0PX 0PX 0PX;

}
/**************************************************
= 搜尋
********************/
.form-group-m.keyword {
    display: none;
}
.btn-secondary[disabled]{fill: #FFF;}
.btn-secondary{border-color: #448aca;}
#main_top {margin-top: 110px;}
#ct-content > .ct-row{ background: url(../img/main_bg.jpg) center top repeat;}
.navrwd{background: url(../img/m_ar.png) center no-repeat;width: 13px;height: 10px;}
.navrwd-svg{display:none}
.logo img{
	max-width: 320px;
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
	

   .linkBox{display: flex;/*background: rgb(255,255,255 );*/
	/*
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,247,254,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,247,254,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(235,247,254,1) 100%); */
padding:0;padding:0px 0px 25px 0px;border-radius: 0 0 30px 30px;
}
.linkBox li{/* width:calc(100% / 5); */list-style:none; padding: 2px; height: 70px;}
.linkBox li .box{margin:0 auto;position: relative;max-width:161px;background-size: contain;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.linkBox li .pic{margin:0 auto;max-width:161px;line-height:0;/*mask-image:url(../img/svg/mask.svg);-webkit-mask-image:url(../img/svg/mask.svg);*/position: relative;z-index: 0;}
.linkBox li img{opacity: 0; /* height:100% !important;*/ width: 100%;}
.linkBox li .name a{color:#202020;font-size:21px;letter-spacing: 2px;text-align: center;font-weight: bold;display: block;padding:10px 0 0}
.linkBox li:nth-child(1) .box .pic{background: url(../img/icon01.png) center top no-repeat;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-size: contain;}
.linkBox li:nth-child(2) .box .pic{background: url(../img/icon02.png) center top no-repeat;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-size: contain;}
.linkBox li:nth-child(3) .box .pic{background: url(../img/icon03.png) center top no-repeat;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-size: contain;}
.linkBox li:nth-child(4) .box .pic{background: url(../img/icon04.png) center top no-repeat;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-size: contain;}
.linkBox li:nth-child(5) .box .pic{background: url(../img/icon05.png) center top no-repeat;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-size: contain;}
.linkBox li:nth-child(1) .box:hover .pic{background: url(../img/icon01_.png) center top no-repeat;background-size: contain;}
.linkBox li:nth-child(1) .box:hover .pic{background: url(../img/icon01_.png) center top no-repeat;background-size: contain;}
.linkBox li:nth-child(2) .box:hover .pic{background: url(../img/icon02_.png) center top no-repeat;background-size: contain;}
.linkBox li:nth-child(3) .box:hover .pic{background: url(../img/icon03_.png) center top no-repeat;background-size: contain;}
.linkBox li:nth-child(4) .box:hover .pic{background: url(../img/icon04_.png) center top no-repeat;background-size: contain;}
.linkBox li:nth-child(5) .box:hover .pic{background: url(../img/icon05_.png) center top no-repeat;background-size: contain;}


.linkBox2{display: flex;/* background: rgb(255,255,255);*/padding:0;padding:0px 0px 15px 0px;border-radius: 0 0 30px 30px;
}
.linkBox2 li{/* width:calc(100% / 5); */list-style:none;padding: 0 2px; height: 70px;}
.linkBox2 li .box{margin:0 auto;position: relative;max-width:161px;background-size: contain;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.linkBox2 li .pic{margin:0 auto;max-width:161px;line-height:0;/*mask-image:url(../img/svg/mask.svg);-webkit-mask-image:url(../img/svg/mask.svg);*/position: relative;z-index: 0;}
.linkBox2 li img{opacity: 0;  height:100% !important; width: 100%;}

.linkBox2 li:nth-child(1) .box .pic{background: url(../img/icon06.png) center top no-repeat;background-size: contain;}
.linkBox2 li:nth-child(2) .box .pic{background: url(../img/icon07.png) center top no-repeat;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-size: contain;}
.linkBox2 li:nth-child(3) .box .pic{background: url(../img/icon08.png) center top no-repeat;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-size: contain;}
.linkBox2 li:nth-child(4) .box .pic{background: url(../img/icon09.png) center top no-repeat;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-size: contain;}
.linkBox2 li:nth-child(5) .box .pic{background: url(../img/icon10.png) center top no-repeat;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-size: contain;}
.linkBox2 li:nth-child(1) .box:hover .pic{background: url(../img/icon06_.png) center top no-repeat;background-size: contain;}
.linkBox2 li:nth-child(2) .box:hover .pic{background: url(../img/icon07_.png) center top no-repeat;background-size: contain;}
.linkBox2 li:nth-child(3) .box:hover .pic{background: url(../img/icon08_.png) center top no-repeat;background-size: contain;}
.linkBox2 li:nth-child(4) .box:hover .pic{background: url(../img/icon09_.png) center top no-repeat;background-size: contain;}
.linkBox2 li:nth-child(5) .box:hover .pic{background: url(../img/icon10_.png) center top no-repeat;background-size: contain;}

   
   
   }

   @media only screen and (min-width: 992px) {
.linkBox{display: flex;/*background: rgb(255,255,255 );*/
	/*
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,247,254,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,247,254,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(235,247,254,1) 100%); */
padding:0;padding:0px 0px 25px 0px;border-radius: 0 0 30px 30px;
}
.linkBox li{/* width:calc(100% / 5); */list-style:none; padding: 2px; height: 125px;}
.linkBox li .box{margin:0 auto;position: relative;max-width:161px;background-size: contain;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.linkBox li .pic{margin:0 auto;max-width:161px;line-height:0;/*mask-image:url(../img/svg/mask.svg);-webkit-mask-image:url(../img/svg/mask.svg);*/position: relative;z-index: 0;}
.linkBox li img{opacity: 0; /* height:100% !important;*/ width: 100%;}
.linkBox li .name a{color:#202020;font-size:21px;letter-spacing: 2px;text-align: center;font-weight: bold;display: block;padding:10px 0 0}
.linkBox li:nth-child(1) .box .pic{background: url(../img/icon01.png) center top no-repeat;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-size: contain;}
.linkBox li:nth-child(2) .box .pic{background: url(../img/icon02.png) center top no-repeat;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-size: contain;}
.linkBox li:nth-child(3) .box .pic{background: url(../img/icon03.png) center top no-repeat;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-size: contain;}
.linkBox li:nth-child(4) .box .pic{background: url(../img/icon04.png) center top no-repeat;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-size: contain;}
.linkBox li:nth-child(5) .box .pic{background: url(../img/icon05.png) center top no-repeat;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-size: contain;}
.linkBox li:nth-child(1) .box:hover .pic{background: url(../img/icon01_.png) center top no-repeat;background-size: contain;}
.linkBox li:nth-child(1) .box:hover .pic{background: url(../img/icon01_.png) center top no-repeat;background-size: contain;}
.linkBox li:nth-child(2) .box:hover .pic{background: url(../img/icon02_.png) center top no-repeat;background-size: contain;}
.linkBox li:nth-child(3) .box:hover .pic{background: url(../img/icon03_.png) center top no-repeat;background-size: contain;}
.linkBox li:nth-child(4) .box:hover .pic{background: url(../img/icon04_.png) center top no-repeat;background-size: contain;}
.linkBox li:nth-child(5) .box:hover .pic{background: url(../img/icon05_.png) center top no-repeat;background-size: contain;}


.linkBox2{display: flex;/* background: rgb(255,255,255);*/padding:0;padding:0px 0px 15px 0px;border-radius: 0 0 30px 30px;
}
.linkBox2 li{/* width:calc(100% / 5); */list-style:none;padding: 0 2px; height: 125px;}
.linkBox2 li .box{margin:0 auto;position: relative;max-width:161px;background-size: contain;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.linkBox2 li .pic{margin:0 auto;max-width:161px;line-height:0;/*mask-image:url(../img/svg/mask.svg);-webkit-mask-image:url(../img/svg/mask.svg);*/position: relative;z-index: 0;}
.linkBox2 li img{ opacity: 0; /* height:100% !important; width: 100%;*/}

.linkBox2 li:nth-child(1) .box .pic{background: url(../img/icon06.png) center top no-repeat;background-size: contain;}
.linkBox2 li:nth-child(2) .box .pic{background: url(../img/icon07.png) center top no-repeat;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-size: contain;}
.linkBox2 li:nth-child(3) .box .pic{background: url(../img/icon08.png) center top no-repeat;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-size: contain;}
.linkBox2 li:nth-child(4) .box .pic{background: url(../img/icon09.png) center top no-repeat;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-size: contain;}
.linkBox2 li:nth-child(5) .box .pic{background: url(../img/icon10.png) center top no-repeat;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-size: contain;}
.linkBox2 li:nth-child(1) .box:hover .pic{background: url(../img/icon06_.png) center top no-repeat;background-size: contain;}
.linkBox2 li:nth-child(2) .box:hover .pic{background: url(../img/icon07_.png) center top no-repeat;background-size: contain;}
.linkBox2 li:nth-child(3) .box:hover .pic{background: url(../img/icon08_.png) center top no-repeat;background-size: contain;}
.linkBox2 li:nth-child(4) .box:hover .pic{background: url(../img/icon09_.png) center top no-repeat;background-size: contain;}
.linkBox2 li:nth-child(5) .box:hover .pic{background: url(../img/icon10_.png) center top no-repeat;background-size: contain;}
   }
@media only screen and (max-width: 520px){
.linkBox {
	display: none;
}

.linkBox2 {
    display: none;
	
}
}


@media  only screen and (min-width: 521px){
	.linkBoxphone {
		display: none;
}
}

@media  only screen and (max-width: 521px){

	
.linkBoxphone {
display: flex;background: rgb(255,255,255);
	/*
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,247,254,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,247,254,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(235,247,254,1) 100%); */
padding:0;padding:10px 5px 5px 5px;border-radius: 0 0 0px 0px;
}
.linkBoxphone li{/* width:calc(100% / 5); */list-style:none; /*padding: 0 5px;*/ height: 160px;}
.linkBoxphone li .box{margin:0 auto;position: relative;max-width:161px;background-size: contain;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.linkBoxphone li .pic{margin:0 auto;max-width:161px;line-height:0;/*mask-image:url(../img/svg/mask.svg);-webkit-mask-image:url(../img/svg/mask.svg);*/position: relative;z-index: 0;}
.linkBoxphone li img{opacity: 0; /* height:100% !important;*/ width: 100%;}
.linkBoxphone li .name a{color:#202020;font-size:21px;letter-spacing: 2px;text-align: center;font-weight: bold;display: block;padding:10px 0 0}
.linkBoxphone li:nth-child(1) .box .pic{background: url(../img/icon01.png) center top no-repeat;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-size: contain;}
.linkBoxphone li:nth-child(2) .box .pic{background: url(../img/icon02.png) center top no-repeat;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-size: contain;}
.linkBoxphone li:nth-child(3) .box .pic{background: url(../img/icon03.png) center top no-repeat;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-size: contain;}
.linkBoxphone li:nth-child(4) .box .pic{background: url(../img/icon04.png) center top no-repeat;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-size: contain;}
.linkBoxphone li:nth-child(5) .box .pic{background: url(../img/icon05.png) center top no-repeat;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-size: contain;}
.linkBoxphone li:nth-child(6) .box .pic{background: url(../img/icon06.png) center top no-repeat;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-size: contain;}
.linkBoxphone li:nth-child(7) .box .pic{background: url(../img/icon07.png) center top no-repeat;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-size: contain;}
.linkBoxphone li:nth-child(8) .box .pic{background: url(../img/icon08.png) center top no-repeat;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-size: contain;}
.linkBoxphone li:nth-child(9) .box .pic{background: url(../img/icon09.png) center top no-repeat;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-size: contain;}
.linkBoxphone li:nth-child(10) .box .pic{background: url(../img/icon10.png) center top no-repeat;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-size: contain;}
.linkBoxphone li:nth-child(1) .box:hover .pic{background: url(../img/icon01_.png) center top no-repeat;background-size: contain;}
.linkBoxphone li:nth-child(2) .box:hover .pic{background: url(../img/icon02_.png) center top no-repeat;background-size: contain;}
.linkBoxphone li:nth-child(3) .box:hover .pic{background: url(../img/icon03_.png) center top no-repeat;background-size: contain;}
.linkBoxphone li:nth-child(4) .box:hover .pic{background: url(../img/icon04_.png) center top no-repeat;background-size: contain;}
.linkBoxphone li:nth-child(5) .box:hover .pic{background: url(../img/icon05_.png) center top no-repeat;background-size: contain;}
.linkBoxphone li:nth-child(6) .box:hover .pic{background: url(../img/icon06_.png) center top no-repeat;background-size: contain;}
.linkBoxphone li:nth-child(7) .box:hover .pic{background: url(../img/icon07_.png) center top no-repeat;background-size: contain;}
.linkBoxphone li:nth-child(8) .box:hover .pic{background: url(../img/icon08_.png) center top no-repeat;background-size: contain;}
.linkBoxphone li:nth-child(9) .box:hover .pic{background: url(../img/icon09_.png) center top no-repeat;background-size: contain;}
.linkBoxphone li:nth-child(10) .box:hover .pic{background: url(../img/icon10_.png) center top no-repeat;background-size: contain;}



}



	

	
	



@media only screen and (max-width: 520px) {
/* .linkBox{flex-wrap: wrap;}
.linkBox li{width:calc(100% / 2);}
.linkBox2{flex-wrap: wrap;}
.linkBox2 li{width:calc(100% / 2);}
*/
.linkBoxphone{flex-wrap: wrap;}
.linkBoxphone li{width:calc(100% / 2);}


}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{background: #448ACA;border-color: #448ACA #448ACA #448ACA;}
.ct-table .thead-light th{background: #FFF;color: #0054A1;border-top: none;border-bottom: 1px solid #448ACA;}
.table-hover tbody tr:nth-child(odd){background: #EBF7FE;}
.module-padding table.ct-table th{border-top: none}
.ct5a9759adef37531ea27bf1b0 .top_rect{border-color: #6DC018 transparent transparent transparent;}

.aboutBox{position: relative;z-index: 0;padding: 0 0 5% 0;margin: 0 16px 30px;}
.aboutBox:before{content:'';display: block;background: #EBF7FE;border-radius: 30px 30px 0 0;position: absolute;bottom: 0;top: 40%;left: 0;right: 0;z-index: -1;}
.aboutBox ul{display: flex;padding: 0;margin: 0 auto;max-width: 1060px;}
.aboutBox li{width:calc(100% / 3);list-style:none;padding: 0 10px;}
.aboutBox .picBox{
border-radius: 100%;max-width: 292px;padding:6px;width: 100%;margin: 0 auto 20px;
background: -moz-linear-gradient(top,  rgba(109,192,24,0) 50%, rgba(109,192,24,1) 70%, rgba(68,138,202,1) 90%, rgba(68,138,202,1) 90%);
background: -webkit-linear-gradient(top,  rgba(109,192,24,0) 50%,rgba(109,192,24,1) 70%,rgba(68,138,202,1) 90%,rgba(68,138,202,1) 90%);
background: linear-gradient(to bottom,  rgba(109,192,24,0) 50%,rgba(109,192,24,1) 70%,rgba(68,138,202,1) 90%,rgba(68,138,202,1) 90%);
}
.aboutBox .picBox .pic{border-radius: 100%;overflow: hidden;max-width: 280px;max-height: 280px;}
.aboutBox .title{font-size: 28px;color: #313131; text-align: center;padding:0 0 50px 0;margin: 0 0 20px 0;background: url(../img/tittle_line.png) center bottom no-repeat;}
.aboutBox .name{font-size: 21px;color: #212121;text-align: center;font-weight: bold;margin: 0 0 20px 0;}
.aboutBox .txt{font-size: 16px;color: #545454;max-width: 292px;margin: 0 auto;}

.videoBox{display: flex;list-style: none;padding: 0;margin: 0 5px;}
.videoBox li{padding: 0 10px;width: 50%;box-sizing: border-box;}
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.ct5abf2d7aaa93092cee58ceb8 .imgResponsiveShow:before,.ct5abf2d7aaa93092cee58ceb8 .imgResponsiveShow:after{display: none;}
#main_bottom{border-radius: 30px;background: #EBF7FE;}
#main_bottom .list-complete-item{padding:16px;}
#main_bottom .module{background: none !important;}
.module-title-bg{background: url(../img/08.png) center left no-repeat !important;margin:8px;}
.module-title{font-size: 1.5rem;color: #00408B;font-weight: bold;}
.copyright{text-align: center;background: #00408A;}
.gd-offset-md1 {margin-left: 0%;}
/**************************************************
= 分眾導覽
********************/
/*電腦版*/
.segmentbtn-block {display: none; background: none; position: relative; top: 0px; z-index: 2; text-align:right; margin-top: 0px; }

/* .segmentbtn{ padding: 5px 15px; color:#ffffff; border-radius: 0px; font-size: 1rem; background: #2a628f; font-weight: normal; letter-spacing: 0.1rem;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.segmentbtn:hover{ background: rgb(54 122 177);} */
.segment-focus{ margin-right: 8px; }

@media screen and (max-width: 1200px) { 
.segmentbtn-block { padding:0px 10px;}
}

@media screen and (max-width: 767px) { 
.segmentbtn-block {display:none;}
}

/*手機版*/
.segment-phone {display:none;}

@media screen and (max-width: 767px) {
	.segment-phone { display: none; padding:16px; background-color: #00408B;}
	.segment-title { font-size:1.125rem; color:#ffffff; line-height: 2.5;}
	.segment-phonebtn { font-size:1rem; color:#ffffff;  line-height: 2.5;}
	.segment-svg  svg{ fill:#ffffff; width:24px; vertical-align: middle; margin: 0px 10px; height:auto;}
}

.footerbg .text {
   color: #ffffff
}

/**************************************************
= fat footer*******************/
.fat-footer { background: rgba(246, 246, 246, 0.6); color: #4d4d4d; }
.fat-footer-block { max-width: 1560px;}
.fat-footer-block li{ list-style:none;}
.ff-title { position:relative; /*font-size: 1.1rem;*/ font-weight: 600; padding: 10px 0px 10px; border-bottom:1px solid #dadada; margin: 5px 20px 10px 20px; text-align: center;}
.ff-content { font-size: 0.9rem; margin: 25px 55px 35px 55px;}
.ff-content li{ margin-bottom: 20px;}
.ff-content a { color:#4d4d4d;}
.ff-content a:hover { color:#1c2c74; font-weight:600}
.fat-footer input { display: none;}
.fat-footer label{margin:15px auto 0;background: url(../img/svgexport-3.svg);background-repeat:no-repeat;background-position:center;	 width:10px; height:10px;border:1px solid #4d4d4d; border-radius: 2px; padding: 10px 12px; transition: all 0.3s ease-in-out;   -moz-transition: all 0.3s ease-in-out;  -webkit-transition: all 0.3s ease-in-out;   cursor: pointer;   text-align: center;   display: table;transform: rotate(180deg);opacity:0.6;}
.fat-footer label:hover{ opacity:1;}
.fat-footer input:checked:not(:disabled) ~ label{ transform: rotate(0deg);}
.fat-footer input ~ .fat-footer-block .ff-content{
   display:none;  transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;
}
.fat-footer input:checked:not(:disabled) ~ .fat-footer-block  .ff-content{
    display: block;}
	
@media only screen and (max-width: 520px){
	.fat-footer{ display:none;}
}
.ct5abf2d91aa93092cee58cebc .htmldisplay {
    
    margin-top: -10px;
}

/**************************************************
= 二欄直式選單
********************/
nav.nav-Vertical.animated.bounceInDown {
    background: ivory;
}