@charset "utf-8";
/**************************************************
= theme
********************/
body { margin: 0; padding: 0;}

/**************************************************
= header 上方登入選單
********************/
header{ position: relative; top: 0; right: 0px; z-index: 1; vertical-align: middle; text-align: right; font-size: .8rem;}
header>a,header>div { display: inline-block; padding: 10px 12px; cursor: pointer; color:#4670bb; -moz-transition:all 200ms ease-in; -webkit-transition:all 200ms ease-in; -o-transition:all 200ms ease-in; transition:all 200ms ease-in;line-height: 1.3em; vertical-align: -webkit-baseline-middle;}
header a:hover,header>div:hover{ background-color:#e1e8f3;}
header .dropbtn { background-color: rgba(0,0,0,0); color: inherit; border: none; cursor: pointer;}
header button{ font-family: inherit;}
header .dropdown { position: relative; display: inline-block;}
header .dropdown i{ padding:0 0 0 7px;}
header .dropdown svg { width: 1.2em; height: 1.2em; vertical-align: middle; margin-left: 5px; fill:#4670bb;}
header .dropdown-content { display: none; position: absolute; margin-left: -12px; min-width: 90px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;margin-top: 5px;}
header .dropdown-content a { color: inherit; text-align:center; padding: 5px; text-decoration: none; display: block;}
header .dropdown-content a:hover {background-color: rgb(198, 213, 236);}
header .dropdown:hover .dropdown-content { display: block;}
header .fontsize{ display: inline-block; cursor: default;}
header .fontsize button{ margin:0 3px; padding: 4px 6px; letter-spacing: 0em; border-radius: 2px; font-weight: 600; background-color: inherit; color: #4670bb;border:none; cursor: pointer;line-height: 1.2em;border-radius: 50%;
}
@media (max-width :520px){
header {position: relative !important;  background: #162b3f; right: 0; margin: 0; border-radius: 0;}
header .fontsize{display:none;}
}

/**************************************************
= navbar 橫式選單模組
********************/
.navbar{ height: 98px; padding-top: 30px; margin-right: 20%;}
.navbar li a{ height: 50px;font-size: 1.2rem; font-weight:600; }
@media (max-width :1200px){
.navbar {  margin: 0 10px;}
}
@media (max-width :991px){
.navbar { height: 52px; padding-top: 0px;}
}
@media (max-width :767px){
.navbar { height: auto; margin: 0}
}

/**************************************************
= theme 上方主圖
********************/
.theme{ height:100px;background: #ffffff;background-image: url(../img/headerbg.jpg);background-repeat: no-repeat; }
.logo { position:absolute; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important;  -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; height: 100px; font-size: 2rem; color: inherit;  padding-left: 150px;}
.logo img{ max-width: 380px;max-height: 60px;}
@media (max-width :1200px){
	.logo{ padding-left: 50px;}
}
@media (max-width :991px){
	.logo { padding-left: 0px; width: 100%; text-align: center; display: block !important; height: 90px;  margin-top: 20px;}
}
@media (max-width :767px){
	.theme{ height:90px;}
	.logo img{ max-height: 60px;}
}
@media (max-width :520px){
	.logo img { max-height: 50px;}
}

/**************************************************
= tab頁簽
********************/
.nav-tabs li.nav-item,.nav-pills li.nav-item{ padding-right: 2px;}

/**************************************************
= footer 最下方聯絡資訊
********************/
.connect{ list-style: none; margin: 40px auto; max-width: 1560px;}
.footerbg .freego {padding: 5px 0;}
.footerbg .text { padding-left: 20px;font-size: 1rem;letter-spacing: 0.03em; line-height: 1.5rem;}
.footerbg .text li { padding-top:4px;padding-bottom:4px;}
.footerbg a {color: #ffffff;}
.line-block.p-r.title::after { content: "";padding-left: 2px; background: #A32B37; margin-left: 5px;}
.connect-links{text-decoration: underline}
.connect-links,.connect .text.connect-explorer{color:#cfcfcf;}
.connect-links:hover{text-decoration: none;color:#fffbfb;}
.footerbg .footerlogo,.footerbg .footerlogo2{ display: inline-block; padding-right: 10px;}
.footerbg .footlogo { height: auto; max-width: 120px; text-align: center;margin-top: 30px;}

@media (max-width :991px){
	.footer-right{ margin-top: 15px;}
	.connect-explorer{ display: none;}
}
@media (max-width :520px){
	.connect{ width: 100%; margin: 0;  padding: 40px 20px;}	
}

/**************************************************
= module title 模組標題
********************/
.module-title {  position: relative;font-weight: 600; font-size: 1.2rem; text-align: center; line-height: 2.5rem; display: table; margin: 0 auto;background: none;}

/* nav-Vertical 直式選單 ********************/
.nav-Vertical ul { list-style: none; margin: 0; padding: 0;}
.nav-Vertical ul li .sub-menu-item{ display: block; background: #eaf0fa; padding: 10px 15px;color: #4670bb; text-decoration: none; border-bottom: 1px solid #b2c3e1; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -ms-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; cursor: pointer;}
.nav-Vertical ul li .sub-menu-item:hover { background:#4670bb;color:#ffffff; }
.nav-Vertical ul li .sub-menu-item a{color: #0d6566;}
.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,.nav-Vertical ul li .sub-menu-item:hover a{color:#ffffff;}
.nav-Vertical ul li .menu-arrow svg{width: 16px;}
.nav-Vertical ul li ul li .sub-menu-item{ background:#d7e0ef; border-left: 4px solid transparent; padding: 10px 15px 10px 20px;}
.nav-Vertical ul li ul li ul li .sub-menu-item{ background:#eefefd; border-left: 4px solid transparent; padding: 10px 20px 10px 30px;}
.nav-Vertical ul li ul li .sub-menu-item:hover,
.nav-Vertical ul li ul li ul li .sub-menu-item:hover {background: #6b8fcb; color: #ffffff;border-left: 4px solid #4670bb;}

/* sitemap 導覽頁 ********************/
.ct-sitemap li{list-style: none;}
.sitemap-top { line-height: 1.8em;}
.sitemap-title {  padding-left: 15px;padding-right: 15px;font-weight: bold;}
.sitemap-title span{line-height: 25px; padding:0 8px 0 0;}
.sitemap-block { box-shadow: 3px 4px 0px rgb(202, 207, 216); background: #ffffff; letter-spacing: 0.06em;}
.sitemap-item a { display: inline-block; width: 100%; border-left: 2px solid #b2c3e1; padding: 6px;  transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.sitemap-item a:hover,.sitemap-item a:focus{background:#f3f6fb;}
.sitemap-item ul ul{padding-left: 25px;}
.sitemap-item ul li { padding: 7px 0 0;}
.sitemap-item ul li span{padding: 0 10px 0 5px;}
.sitemap-icon svg { padding-top: 5px; width: 18px; height: 20px; fill: #ffffff;}