@charset "utf-8";
/* CSS Document */
body {
	font-family: Microsoft JhengHei;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
header, footer, main {
	float: left;
	width: 100%;
}
.bg-banner {
/*	background: url(../images/bg-banner.png) repeat top center;*/
/*	background-size: cover;*/
}
.bg-main {
	float: left;
	width: 100%;
/*    background: url(../images/bg-main.png) repeat top center;*/
	padding-bottom: 30px;
}
.bg-map {
	float: left;
    width: 100%;
    background: #efe9db;
}
.carousel-control:focus {
	outline: 5px auto -webkit-focus-ring-color;
	border: 2px dotted #000000;
}
header > .container {
	margin-bottom: 19px;
}
/****** LOGO ******/
.logo {
	clear: both;
	float: left;
	width: 100%;
	margin-top: 21px;
}
.logo > h1 {
	margin: 0;
}
.logo > h1 > a {
	display: block;
}
/****** 快速連結區 ******/
.top-link {
	clear: both;
	float: left;
	width: 100%;
	margin-top: 21px;
	color: #7c9ea0;
	line-height: 28px;
	text-align: right;
}
.top-link > a {
	color: #159b8f;
    margin: 0 3px;
}
.top-link > a:first-child {
	margin: 0;
}
.top-link > a:nth-child(5) {
	background: #159b8f url(../images/icon-mail-01.png) no-repeat 8.32px center;
	color: #ffffff;
	margin: 0;
	padding: 0 6px 0 28px;
	display: inline-block;
}
.top-link > a:nth-child(6) {
	background: #159b8f url(../images/icon-faq.png) no-repeat 8.32px center;
	color: #ffffff;
	margin: 0;
	padding: 0 7.55px 0 28px;
	display: inline-block;
	margin-right: 2px;
}
.top-link > a:nth-child(7){
	background: #e07f7f;
    display: inline-block;
    padding: 0 10px;
    margin: 0 5px;
}
.top-link > a:nth-child(8){
	background: #95aec5;
    display: inline-block;
    padding: 0 10px;
    margin: 0 0 0 2px;
}
.top-link > a:nth-child(9) {
    display: inline-block;
    padding: 0 2px 0 2px;
    margin: 0px 0 0px 6px;
    background-color: #4ecd00;
    opacity: 0.7;
}
.top-link .fontsize{
	background: #dad4c3!important;
    color: #fff;
    display: inline-block;
    text-align: center;
    margin: 0 1px!important;
	width: 30px;
    height: 28px;
    vertical-align: bottom;
}
.top-link .fontsize.s_font{
	font-size: 14px;
}
.top-link .fontsize.m_font{
	font-size: 18px;
}
.top-link .fontsize.l_font{
	font-size: 22px;
}
/****** 搜尋列 ******/
.search {
	clear: both;
	float: left;
	width: 100%;
	margin-top: 20px;
}
.search > form {
	float: right;
	width: 100%;
	max-width: 370px;
	position: relative;

}
.search > form > label {
	display: none;
}
.search > form > input[type="text"] {
    float: left;
    width: 285px;
    height: 33px;
    border: 1px solid #ad7c42;
    border-radius: 0;
    /* background: url(../images/icon-search.png) no-repeat 6px center; */
    padding-left: 10px;
    padding-right: 6px;
    color: #ad7c42;
    font-size: 16px;
}
button.icon-search {/*增加*/
    float: left;
    width: 36px;
    height: 33px;
    background: url(../images/icon-search.png) no-repeat 6px center;
    border: none;
    margin-left: -40px;
}
.search > form > input[type="submit"] {
    float: left;
    width: 85px;
    height: 33px;
    padding: 5.5px 10.5px;
    border: none;
    border-radius: 0;
    background-color: #ad7c42;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    position: absolute;
    /* right: 0; */
    /* top: 0; */
}
/****** 主選單 ******/
.main-menu {
	clear: both;
    float: left;
    width: 100%;
	border-top: 1px solid #d8d0bd;
	border-bottom: 1px solid #d8d0bd;
	background-color: #ffffff;
}
.main-menu .toggleMenu {
	display: block;
	position: fixed;
	top: 10px;
	right: 10px;
	background-color: #bba77b;
	color: #ffffff;
	padding: 13px;
	z-index: 2;
}
.main-menu .toggleMenu > span {
	display: none;
}
.main-menu .toggleMenu:hover, .main-menu .toggleMenu:focus {
	text-decoration: none;
}
main > .bg-banner > .container {
	position: relative;
	width: 100%;
	padding: 0;
}
main > .bg-banner > .container > a {
	position: absolute;
	left: 0;
	z-index: 1;
}
.link-banner .carousel-inner .col-md-2{
	width: 20%!important;
}
.affix {
    top: 0;
    z-index: 11;
	margin-top: 0;
}
/****** 形象 ******/
.identity-banner img {
    width: 100%;
}
#identity-banner img {
    width: 100%;
}
.identity-banner .carousel-inner > .item > a {
	display: block;
}
#identity-banner .carousel-inner > .active> a:focus > img,#activity-carousel .carousel-inner > .active> a:focus > img,#activity-carousel2 .carousel-inner > .active> a:focus > img{
outline-style: solid;
outline-color: #FFBF47;
outline-width: 4px;

outline-offset: -4px!important;
}

/****** 快速連結 ******/
.fast-link{
    background: #16a598;
    /* font-size: 20px; */
    font-size: 26px;
}
.fast-link li{
    width: calc(100% / 7);
    box-sizing: border-box;
    float: left;
    text-align: center;
}
.fast-link a{
	color: #fff;
	display: block;
	padding: 15px 0;
	background: #159b8f;
	border-right: 5px solid #117c72;
    margin-left: 2px;
}
.fast-link a:hover{
	background: #117c72;
}
.fast-link span{
	/*color: #fffe9d;*/
}
/****** end 快速連結 ******/

/****** 影音專區 ******/
.video {
    background: #bfb7a4;
    padding: 8px;
	clear: both;
    float: left;
    width: 100%;
}
.video > a {
    color: #ffffff;
/*    background-color: #d40e02;*/
    padding: 1px 10.5px;
    border-radius: 8px;
	float: right;
    margin-top: 7px;
}
.video > h3,.video > h2 {
    margin: 0;
    width: 100%;
    height: 34px;
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    padding-left: 50px;
    background: url(../images/icon-video.png) no-repeat left top;
    border-bottom: 1px solid #fff;
}
.video iframe, .video embed, .video object, .video video{
	width: 100%;
    padding: 10px 3px 5px 3px;
}
.video > .title {
    color: #ffffff;
    font-size: 18px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	width: calc(100% - 80px);
    display: inline-block;
    vertical-align: bottom;
}
.video > .video_time {
    display: inline-block;
    color: #fff;
    font-size: 16px;
}
.video > .title > a {
    color: #ffffff;
}
.video > .activity-banner >#activity-carousel3 >a.carousel-control {
    background: transparent;
}
.video > .activity-banner {
    margin-top: 0px;
}
#activity-carousel3 >.carousel-inner >.item >.title a{ 
 color: #ffffff;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 80px);
    display: inline-block;
    vertical-align: bottom;
 float: left;
 }

#activity-carousel3 >.carousel-inner >.item >.video_time{
 display: inline-block;
    color: #fff;
    font-size: 16px;
 float: left;
}
.hr_right >#activity-banner >#activity-carousel2 >a.carousel-control {
    background: transparent;
}
.hr_right >#activity-banner {
  border: none!important;
}
/****** 跑馬燈 ******/
.marquee {
	clear: both;
    float: left;
    width: 100%;
	background-color: #efe9db;
	height: 49px;
}
.marquee img {
	margin: 10.5px 11px;
}
.marquee .scroller {
	position: relative;
	float: right;
	width: calc(100% - 36px);
	height: 49px;
	overflow: hidden;
}
.marquee .scroller-text {
	position: absolute;
	white-space: nowrap;
	width: auto;
	font-size: 20px;
	line-height: 49px;
}
.marquee .scroller-text > span {
	color: #000;
	margin-right: 100px;
}
.marquee .scroller-text > span > a {
	color: #000;
}
.marquee .modal {
    z-index: 9999;
}
.marquee .modal-content {
    border: 1px solid #4d9fa6;
    border-radius: 0;
    box-shadow: none;
}
.marquee .modal-header {
    border-bottom: 1px solid #adadad;
}
.marquee .modal-title {
    color: #b49934;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
	padding-left: 40px;
    background: url(../images/icon-modalHeading.png) no-repeat left top;
}
.marquee .btn-default {
    background-color: #4d9fa6;
    color: #ffffff;
    font-size: 18px;
    border: none;
    border-radius: 0;
    padding: 5px 12.5px;
}
.marquee .modal-body {
    color: #000000;
    font-size: 18px;
    line-height: 30px;
	word-wrap: break-word;
}
.marquee .modal-footer {
    border-top: none;
}
/****** 全球僑務訊息 ******/
.activity-banner {
	clear: both;
	float: left;
	width: 100%;
	margin-top: 20px;
}
.activity-banner > a {
	float: right;
    margin-top: 12px;
    margin-right: 0;
    /* background-color: #ad7c42; */
    padding: 3.5px 0;
    color: #ad7c42;
    font-weight: bold;
}
.activity-banner > h3,.activity-banner > h2 {
	margin: 0;
	width: 100%;
/*	height: 56px;*/
	color: #ad7c42;
	font-size: 22px;
	font-weight: 700;
	line-height: 50px;
/*	background: #55b7b4 url(../images/bg-heading-01.png) no-repeat left center;*/
}
.activity-banner .carousel-control ,#identity-banner .carousel-control {
	/*background: none;*/
	z-index: 1;
}
.activity-banner .carousel-inner > .item > a {
	background: #fff;
	display: block;
}
.activity-banner .carousel-inner > .item > a > .carousel-caption {
	width: 100%;
    height: 55px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    background-color: rgba(0,0,0,0.57);
    font-size: 18px;
    text-align: left;
    text-shadow: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	z-index: 0
}
.activity-banner img {
	width: auto;
    margin: 0 auto;
	width: 100%!important;
    object-fit: cover;
    object-position: top;
}
.activity-banner .carousel-control .glyphicon-chevron-right,#identity-banner .carousel-control .glyphicon-chevron-right{
    margin-right: -25px;
	width: 35px;
    height: 60px;
	margin-top: -30px;
}
.activity-banner .carousel-control .glyphicon-chevron-left,#identity-banner .carousel-control .glyphicon-chevron-left{
	margin-left: -25px;
	width: 35px;
    height: 60px;
	margin-top: -30px;
}
.activity-banner .glyphicon-chevron-right:before,#identity-banner .glyphicon-chevron-right:before{
	content: url(../images/icon-arrowRight2.png);
}
.activity-banner .glyphicon-chevron-left:before,#identity-banner .glyphicon-chevron-left:before{
	content: url(../images/icon-arrowLeft2.png);
}

.link-banner .carousel-control.right:before{
	content: url(../images/icon-arrowRight.png);
}
.link-banner .carousel-control.left:before{
	content: url(../images/icon-arrowLeft.png);
}
.link-banner .carousel-control.right,.link-banner .carousel-control.left{
	width: 35px;
    height: 60px;
	margin-top: -20px;
}

.carousel-control:focus span {
    border: 2px solid rgb(77, 144, 254)!important;
}
/****** 僑委會要聞 ******/
.news {
	clear: both;
	float: left;
	width: 100%;
	margin-top: 20px;
}
.news > a {
	float: right;
    margin-top: 14.5px;
    margin-right: 0;
    /* background-color: #a7c954; */
    padding: 3.5px 0;
    color: #ad7c42;
    font-weight: bold;
}
.news > h3,.news > h2 {
	margin: 0;
    width: 100%;
    /* height: 56px; */
    color: #ad7c42;
    font-size: 22px;
    font-weight: 700;
    line-height: 50px;
    /* padding-left: 18px; */
    /* background: #8ca74a url(../images/bg-heading-02.png) no-repeat left center; */
}
.news > article {
	float: left;
	width: calc(50% - 7.5px);
/*	margin-top: 15px;*/
	margin-right: 15px;
}
.news > article:first-of-type {
	margin-bottom: 23px;
	width: 100%;
}
.news > article:first-of-type img {
	width: auto!important;
	margin: 0 auto;
	width: 100%!important;
    object-fit: cover;
    object-position: top;
}
.news > article:nth-child(odd) {
	margin-right: 0;
}
.news > article > a {
	display: block;
}
.news > article > a > img {
	width: 100%;
	width: 100%!important;
    object-fit: cover;
    object-position: top;
}
.news > article > a > .article-caption {
	position: relative;
    width: 100%;
    height: 55px;
    margin-top: -55px;
    background-color: rgba(0,0,0,0.57);
    color: #ffffff;
    font-size: 18px;
    padding: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	z-index: 0;
}
/****** 頁籤資訊 ******/
.tabs-info {
	clear: both;
	float: left;
	width: 100%;
	min-height: 320px;/*1103*/
}
.nav-tabs {
	border: none;
	background-color: #b3a46b; /*#b3b3b3;*/
}
.nav-tabs > li {
	color: #ffffff;
	font-size: 20px;
	margin-bottom: 0;
}
.nav-tabs > li > a {
	color: #ffffff;
	border: none;
	border-radius: 0;
	margin-right: 0;
	/*padding: 13px 24.3px;*/
	padding: 14px 0.73em;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
	background-color: #b3a46b;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #ffffff;
	background-color: #d2b751;
/*#b3a46b;*/
	border: none;
}
.tab-content > .tab-pane > ul > li {
	color: #555555;
	font-size: 16px;
	line-height: 45px;
}
.tab-content > .tab-pane > ul > li:nth-child(odd) {
    background-color: #fff;
}
.tab-content > .tab-pane > ul > li:nth-child(even) {
	background-color: #ebe9da;
}
.tab-content > .tab-pane > ul > li > a {
	display: block;
	color: #555555;
	white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
}
.tab-content > .tab-pane > ul > li > a:hover, .tab-content > .tab-pane > ul > li > a:focus {
	color: #9c9c9c;
}
.tab-content > .tab-pane > ul > li > a > span {
	padding: 0 24.3px;
}
.tab-content > .tab-pane > a {
	float: right;
	margin-right: 15px;
	background-color: #b49934;
	padding: 3.5px 24.47px;
	color: #ffffff;
	font-weight: bold;
}
/****** 海外服務 ******/
.service {
	clear: both;
	float: left;
	width: 100%;
}
.service > h3,.service > h2 {
	margin: 0;
	width: 100%;
	height: 56px;
	color: #ffffff;
	font-size: 25px;
	font-weight: bold;
	line-height: 56px;
	padding-left: 18px;
	background: #55b7b4 url(../images/bg-heading-01.png) no-repeat left center;
}
.service > article {
	float: left;
    width: calc(50% - 0px);
    margin-bottom: 15px;
    padding-right: 7px;
    padding-left: 5px;
}
.service > article:last-child {
	margin-right: 0;
}
.service > article > a {
	display: block;
}
.service > article > a > img {
	width: 100%;
}
.service > a{
	float: right;
    padding: 3.5px 0;
    color: #ad7c42;
    font-weight: bold;
	margin-top: -5px;
}
/****** 最新活動 ******/
.hot-activity {
	clear: both;
    float: left;
    width: 100%;
	padding: 30px 0;
}
.hot-activity > .heading {
/*	background-color: #9f8d64;*/
	height: 56px;
}
.hot-activity > .heading > .container > h3,.hot-activity > .heading > .container > h2 {
	margin: 0;
    width: 100%;
    /* height: 56px; */
    color: #ad7c42;
    font-size: 22px;
    font-weight: bold;
    line-height: 56px;
    /* padding-left: 18px; */
    /* background: #9f8d64 url(../images/bg-heading-03.png) no-repeat left center; */
}
.hot-activity > .heading > .container > a {
	float: right;
	margin-top: -41.5px;
    margin-right: 0;
	padding: 3.5px 0;
	color: #ad7c42;
	font-weight: bold;
}
.hot-activity > .container > article {
	float: left;
	width: calc(99% / 3 - 10px);
/*	margin-top: 15px;*/
	margin-right: 15px;
}
.hot-activity > .container > article:last-child {
	margin-right: 0;
}
.hot-activity > .container > article > a {
	display: block;
}
.hot-activity > .container > article > a > img {
	width: 100%;
	width: 100%!important;
    object-fit: cover;
    object-position: top;
}
.hot-activity > .container > article > a > .article-caption {
	position: relative;
	width: 100%;
        height: 35px;/*1025*/
        margin-top: -35px;/*1025*/
	background-color: rgba(0,0,0,0.57);
	color: #ffffff;
	font-size: 18px;
	padding: 6px 12px;
}
.hot-activity > .container > article > a > .article-caption > .article-caption-date {
	font-size: 16px;
	font-weight: normal;    display: none;/*1025*/
}
.hot-activity > .container > article > a > .article-caption > .article-caption-title {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}	
/****** 熱門工具 ******/
.hot-tool {
	clear: both;
    float: left;
    width: 100%;
	background-color: #f1f1f1;
	margin-top: 30px;
}
.hot-tool .carousel-inner {
	width: 90%;
	margin: 36.5px auto;
}
.hot-tool .carousel-control {
	width: 35px;
    height: 60px;
    text-shadow: none;
}
.hot-tool .carousel-control.left {
	background: none;
	filter: none;
    top: calc(50% - 30px);
    left: -5px;
}
.hot-tool .carousel-control.left:before {
    content: url(../images/icon-arrowLeft.png);
}
.hot-tool .carousel-control.right {
	background: none;
	filter: none;
	top: calc(50% - 30px);
	right: -5px;
}
.hot-tool .carousel-control.right:before {
    content: url(../images/icon-arrowRight.png);
}
.hot-tool .carousel-control span {
	display: none;
}
.hot-tool .thumbnail {
/*	padding: 0 0 55px 0;*/
	margin-bottom: 0;
	line-height: 0;
	border: none;
	border-radius: 0;
	background: none;
}
.hot-tool .thumbnail > img {
    width: 100%;
}
.hot-tool .thumbnail > .carousel-caption {
	right: 0;
	left: 0;
	bottom: 0;
	padding-bottom: 20px;
	color: #000000;
	font-size: 24px;
	font-weight: bold;
	text-shadow: none;
}
/****** 社群 ******/
.ecol {
	clear: both;
    float: left;
    width: 100%;
}
.ecol-fb {
	float: left;
    width: 50%;
    background-color: #3b5998;
}
.ecol-fb > a {
	float: right;
	width: 100%;
    max-width: 600px;
}
.ecol-youtube {
	float: left;
    width: 50%;
    background-color: #cd181f;
}
.ecol-youtube > a {
	float: left;
	width: 100%;
    max-width: 600px;
}
.ecol-fb > a > img, .ecol-youtube > a > img {
	margin: 0 auto;
}
/****** 主題網站 ******/
.theme-banner {
	clear: both;
	float: left;
    width: 100%;
	background-color: #a58e5d;
	height: 125px;
}
.theme-banner .more{
	position: absolute;
    right: 0;
    bottom: 5px;
    background-color: #c8b487;
    padding: 0 24.47px;
    font-weight: bold;
    line-height: 25px;
}
.theme-banner > .container {
	height: 100%;
	background: url(../images/icon-themeBanner.png) no-repeat 15px center;
	position: relative;
}
.theme-banner > .container > .carousel {
	margin-left: 106px;
}
.theme-banner .carousel-inner {
	width: 90%;
	margin: 36.5px auto;
}
.theme-banner .carousel-control {
	width: 20px;
	height: 20px;
	text-shadow: none;
	opacity: 1;
}
.theme-banner .carousel-control.left {
	background: none;
	filter: none;
	top: 16px;
	left: 8px;
}
.theme-banner .carousel-control.right {
	background: none;
	filter: none;
	top: 16px;
	right: 8px;
}
.theme-banner .carousel-control span {
	display: none;
}
.theme-banner .thumbnail {
	padding: 0;
	margin-bottom: 0;
	line-height: 0;
	border: none;
	border-radius: 0;
	background: none;
}
.theme-banner .thumbnail > img {
	width: 120px;
	height: 50px;
	border: 1px solid #cacaca;
}
/****** 友好連結 ******/
.link-banner {
	clear: both;
	float: left;
    width: 100%;
}
.link-banner .more{
	position: absolute;
    right: 0;
    bottom: 5px;
    padding: 0 24.47px;
    font-weight: bold;
    line-height: 25px;
    color: #ad7c42!important;
}
.link-banner > .container {
	height: 100%;
/*	background: url(../images/icon-linkBanner.png) no-repeat 15px center;*/
	position: relative;
}
.link-banner > .container > .carousel {
/*	margin-left: 106px;*/
}
.link-banner .carousel-inner {
	width: 90%;
	margin: 36.5px auto;
}
.link-banner .carousel-control {
	width: 20px;
	height: 20px;
	text-shadow: none;
	opacity: 1;
}
.link-banner .carousel-control span {
	display: none;
}
.link-banner .carousel-control.left {
	background: none;
	filter: none;
	top: 47px;
	left: 8px;
	color: #b7b7b7;
}
.link-banner .carousel-control.right {
	background: none;
	filter: none;
	top: 47px;
	right: 8px;
	color: #b7b7b7;
}
.link-banner .thumbnail {
	padding: 0;
	margin-bottom: 0;
	line-height: 0;
	border: none;
	border-radius: 0;
	background: none;
}
.link-banner .thumbnail > img {
	width: 215px;
    height: 110px;
	border: 1px solid #cacaca;
}
/****** Fat-Footer ******/
.fat-footer {
	clear: both;
	float: left;
    width: 100%;
	background-color: #16a598;
}
.fat-footer > a {
	position: absolute;
	background: url(../images/icon-collapse.png) no-repeat center center;
	width: 206px;
	height: 42px;
	left: calc(50% - 103px);
	color: #646262;
	font-size: 15px;
	text-align: center;
	padding-top: 10px;
}
.fat-footer > .container {
	padding-top: 42px;
}
#fat-footer-info, #fat-footer-info > li > ul {
	float: left;
}
#fat-footer-info > li {
	float: left;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	margin: 35px 1.66%;
	width: calc(100% / 5 - 3.32%);
}
#fat-footer-info > li:first-child, #fat-footer-info > li:nth-child(2) {
	width: calc(100% / 5 + 1.66%);
}
#fat-footer-info > li:nth-child(3), #fat-footer-info > li:nth-child(4), #fat-footer-info > li:last-child {
	width: calc(100% / 5 - 6.64%);
}
#fat-footer-info > li > a {
	color: #ffffff;
}
#fat-footer-info > li > ul {
	float: left;
}
#fat-footer-info > li > ul > li {
	color: #ffffff;
	font-size: 16px;
	font-weight: normal;
	background: url(../images/icon-list.png) no-repeat 5px center;
	padding: 7px 0 7px 18px;
}
#fat-footer-info > li > ul > li > a {
	color: rgba(255,255,255,1);
}
#fat-footer-info > li > a {
	float: left;
	width: 100%;
	border-bottom: 3px solid #fff;
	padding: 7.5px 0;
}
/****** 頁底資訊 ******/
.footer-info {
	clear: both;
    float: left;
    width: 100%;
}
.footer-info > .footer-info-1 {
	background-color: #20c7b8;
	line-height: 39px;
}
.footer-info > .footer-info-1 > .container {
	color: #425253;
	font-size: 15px;
	text-align: left;
}
.footer-info > .footer-info-1 > .container a {
	color: #425253;
	margin: 0 10px;
}
.footer-info > .footer-info-1 > .container a:first-child {
	margin-left: 0;
}
.footer-info > .footer-info-1 > .container a:last-child {
	margin-right: 0;
}
.footer-info > .footer-info-2 {
	background-color: #16a598;
	padding: 30px 0;
}
.footer-info > .footer-info-2 .info-1 {
/*    background: url(../images/icon-contactInfo.png) no-repeat left top;*/
/*    padding-left: 85px;*/
    margin-top: 10px;
    color: #ffffff;
    line-height: 23px;
	border-bottom: 1px solid #fffe9d;
    padding-bottom: 10px;
}
.footer-info > .footer-info-2 .info-2 {
/*    background: url(../images/icon-otherInfo.png) no-repeat left top;*/
/*    padding-left: 85px;*/
    margin-top: 10px;
    color: #ffffff;
    line-height: 23px;
}
.footer-info > .footer-info-2 .col-md-4 > .info-3 > a {
    float: left;
    margin-right: 28px;
    color: #ffffff;
    font-size: 15px;
    text-align: center;
}
.footer-info > .footer-info-2 .col-md-4 > .info-3 > a:last-child {
    margin-right: 0;
}
.footer-info > .footer-info-2 .col-md-4 > .info-3 > a > img {
	margin-bottom: 12px;
}
.footer-info > .footer-info-2 .col-md-4 > .info-3 {
	float: right;
	margin-top: 22px;
}
.footer-info > .footer-info-2 > .container > a {
	float: left;
	display: block;
    margin: 22px 0;
}
.footer-link,.footer-link a{
	color: #fffe9d;
	font-size: 16px;
}
.footer-link a{
	padding-right: 10px;
}
.footer-link a img{
	padding-right: 5px;
	vertical-align: inherit;
}
.accessibility{
	margin-bottom: 10px;
}
/****** 政策快遞 ******/
.hot-policy {
    /*position: fixed;
	right: 0;
	bottom: 0;*/
    background-color: #fffcd1;
    width: 120px;
	border-radius: 6px;
	padding: 6.5px;
	z-index: 1;
}
.hot-policy > .heading {
    background-color: #d5c35d;
    color: #000000;
    font-size: 20px;
    text-align: center;
    border-radius: 3px;
	padding: 2.5px;
}
.hot-policy > a {
    display: block;
    color: #000000;
    font-size: 17px;
    text-align: center;
	margin: 15px 0 7.5px 0;
}

#mwt_mwt_slider_scroll{
	bottom: 20px;
	right:0px;
	width:120px;	
	position:fixed;
	z-index:1;
}
#mwt_mwt_slider_scroll .heading{
	background-color: #9a8343;
    color: #fff;
    font-size: 18px;
    text-align: center;
    border-radius: 3px;
    padding: 2.5px;
    position: relative;
    top: 6.5px;
    margin: 0 6.5px;
    font-weight: bold;
}
#mwt_mwt_slider_scroll .heading a{
	color: #fff;
}
#mwt_mwt_slider_scroll .mw_a a{
	    display: block;
    color: #555;
    font-size: 15px;
    text-align: center;
    margin: 0px 0 7.5px 0;
    padding: 0px 4px;
    font-weight: 700;
}
#mwt_mwt_slider_scroll .mw_a a:first-child{
        padding-top: 8px;
}
#mwt_mwt_slider_scroll a img{
	margin: 0 auto;
}
    
#mwt_slider_content{
    background-color: #ede9de;
    border-radius: 6px;
	position: relative;
	right: 0;
	border: 1px solid #d5d4d0;
} 
#mwt_tab {
	position: absolute;
    bottom: 20px;
    left: -22px;
    width: 22px;
    background: #a28043;
    color: #fff;
    text-align: center;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;	
}
#mwt_tab span {
	display: block;
    line-height: 20px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0;
}
.mw_a{
	padding-bottom: 5px;
}
.close_tab{
	width:100%;
	text-align:left;
	height: 5px;
}
.close_tab a{
	color: #ffffff;
    cursor: pointer;
    font-size: 20px;
    padding: 0px 0px 0px 12px;
    box-sizing: border-box;
    top: 5px!important;
    position: absolute;
    /* background: #9a8343; */
    border-radius: 31px;
}
.sm-blue a:hover{
	text-decoration: none
}
/*home*/
.left{
	float:left
}
.right{
	float:right
}
.clear{
	clear:both
}
.home_bg{
/*	background: url(../images/home_bg.jpg) center top repeat-x;*/
}
.bg-home{
	min-height:600px;
	/*background:url(../images/home_bg.jpg) center top repeat-x,linear-gradient(top,#e8e7e9,#ffffff);
	background:url(../images/home_bg.jpg) center top repeat-x,-moz-linear-gradient(top,#e8e7e9,#ffffff);
	background:url(../images/home_bg.jpg) center top repeat-x,-webkit-linear-gradient(top,#e8e7e9,#ffffff);*/
	
/*	background:linear-gradient(top,#e8e7e9,#ffffff);*/
/*	background:-moz-linear-gradient(top,#e8e7e9,#ffffff);*/
/*	background:-webkit-linear-gradient(top,#e8e7e9,#ffffff);*/

/*	margin: 160px 0 0 0;*/
}
.bg-home .container .row{
/*	margin-top:-50px*/
}
.home_content{
	background: #fff;
	padding: 20px;
	line-height: 1.8;
	min-height: 730px;
    /*background: #fff url(../images/home_bg2.png) no-repeat right bottom;*/
}
.cookie,.cookie a{
	color: #8a8989;
	margin-bottom:5px;
}
.h_title{
	color: #ad7c42;
    font-size: 22px;
    font-weight: bold;
    margin: 20px 0 20px;
    width: 100%;
}
.h_title > h2{
	display:inline;
	font-size: 22px;
	font-weight: bold;
}
.h_date{
	color: #9f8d64;
	line-height: 40px;
}
.h_icon a:hover{
	filter: saturate(2);
}
.h_content{
	padding: 20px 0;
    font-size: 18px;
    color: #000;
    font-weight: 400;
    line-height: 2em;
}
.inside_page_img{
	color: #937f51;
    font-size: 16px;
    padding-bottom: 20px;
    line-height: 1.8em;
}
.inside_page_img img{
	width: 100%;
	padding-bottom: 8px;
}
.h_content p{
	padding-bottom: 15px;
	/*font-size: 22px; */
}
.annex,.annex a{
	color: #9f8d64;
}
.annex a{
	/*text-decoration:underline*/
}
.annex a img{
	padding-right: 10px;
    vertical-align: text-bottom;
}
.annex_title,.information .annex_title{
	font-weight:bold;
	font-size: 20px;
	padding-bottom: 10px;
	width: 100%;
}
.annex ul,.annex li{
	padding: 0;
	margin: 0;
	list-style: none;
}
.line{
	border-top: 1px solid #adadad
}
.information{
	color: #9f8d64;
}
.information img{
	width: 50%;
    background-color: rgba(255, 255, 255, 0.502);
    box-shadow: 0px 1px 8px 0px rgba(4, 0, 0, 0.25);
	padding:4px;
	/*margin-right: 10px;*/
	padding-bottom: 10px;
    box-sizing: border-box;
}
.in_content{
	color: #000;
}
.in_content span{
	color: #9f8d64;
	display: block;
}
.information div {
    padding-bottom: 10px;
	float: left;
    padding-left: 10px;
    width: 50%;
}
.information div.clearfix {
    width: 100%;
}
.information a{
	display: block;
}
.in_content:hover,.information a:hover,.text_list a:hover,.album a:hover,.in_content:active,.information a:active,.text_list a:active,.album a:active,.in_content:visited,.information a:visited,.album a:visited{
	text-decoration:none!important;
	color: #9f8d64;
}
.hr_title{
    color: #ad7c42;
    font-size: 22px;
    padding: 10px 0;
    font-weight: bold;
    margin-bottom: 15px;
}
.hr_title > h2{
	display:inline;
	font-size: 22px;
	font-weight: bold;
}

.hr_right{
	padding-bottom: 15px;
}
.hr_right iframe{
	width: 100%;
}
.hr_right ul,.hr_right li{
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
.hr_right ul img{
	width: 100%;
	max-width: 300px;
}
.hr_right li{
	padding-bottom: 15px;
}
.home_right{
	padding-left: 0;
    margin-top: 50px;
	padding-bottom: 20px;
}
.h_search{
	padding: 4px 0 3px;
}
.h_search > form > label,.h_search > label{
	display: none;
}
.h_search_FAQ > form > input[type="text"], .h_search_FAQ > input[type="text"] {
    width: calc(100% - 236px) !important; /*改這個*/
}
.h_search > form > input[type="text"], .h_search > input[type="text"] {
        float: left;
        width: calc(100% - 53px);
        height: 33px;
        border: none;
        border-radius: 0;
        background: #e3e3e3 url(../images/icon-search2.png) no-repeat 6px center;
        padding-left: 32px;
        padding-right: 6px;
        color: #a7966f;
        font-size: 16px;
    }
.FAQ_Category {
    float: left;
    margin-right: 5px;
}

.h_search > form > input[type="submit"], .h_search > input[type="submit"], .h_search > input[type="button"] {
    float: left;
    width: 53px;
    height: 33px;
    border: none;
    border-radius: 0;
    background-color: #a28043;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
}
.text_list{
	font-size: 18px;
}
.text_list a{
	color: #000;
}
.text_list ul,.text_list li{
	padding: 0;
	margin: 0;
	list-style: none;
}
.text_list li{
	border-bottom:1px solid #bab9b9;
	background: url(../images/text_list.png) no-repeat 10px 22px;
	padding: 10px 25px;
	overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
}
.text_list span{
	color: #9f8d64;
	display: block;
	font-size: 18px;
	float:right;/*1025*/
}
.list_title{
	background-color: #9a8343;
	padding:5px 0;
	text-align: center;
	color: #fff;
	font-size: 24px;
	margin-bottom: 20px;
    font-weight: bold;
}
.home_content .activity-banner{
	margin-top: 0;
	margin-bottom: 30px;
}
.h_content .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{
	background: url(../images/arrow_right.png) no-repeat right center;
	width: 30px;
	height: 50px;
}
.h_content .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{
	background: url(../images/arrow_left.png) no-repeat right center;
	width: 30px;
	height: 50px;
}
.h_content .glyphicon-chevron-right:before,.h_content .glyphicon-chevron-left:before{
	content: " ";
}
.h_content .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    right: 0;
	margin-right: 0;
}
.h_content .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    left: 0;
	margin-left: 0;
}
.hr_list{
	margin-top:-20px!important;
}
.hr_list li{
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: left;
	font-size: 20px;
}
.hr_list li{
	padding:20px 30px;
	border-bottom:1px solid #adadad;
	background: url(../images/text_list.png) no-repeat 15px center;
}
.hr_list a{
	color: #000;
}
.hr_list a:hover,.hr_list a:active{
	text-decoration: none;
	color: #9f8d69
}
.list_video{
	margin-bottom: 30px;
}

/*FAQ*/
.faq ul,.faq li{
	list-style: none;
	padding:0;
	margin: 0
}
.faq > ul > li{
	border-bottom: 1px solid #adadad;
}
.qa_title span{
	color: #f3b8a9;
    font-size: 25px;
    position: absolute;
    display: block;
    top: 48px;
    left: 77px;
    font-weight: initial;
}
.qa_title{
	font-size: 20px;
    cursor: pointer;
    color: #9f8d64;
	padding: 10px;
	background: url(../images/text_list.png) no-repeat center left;
}
.qa_content{
	padding:5px 0 0;
	font-size: 18px;
}
.form label{
	min-width:110px;
	text-align: right
}
.form input[type="text"],.form textarea{
	background: #e3e3e3;
	border:none;    
	line-height: 28px;
	height: 30px;
}
.form input[type="text"]{
	/*width: calc(60% - 120px)*/
    width: calc(100% - 120px);    
}
.form textarea{
	width: calc(100% - 120px);    
	vertical-align: text-top;
	min-height: 80px;
    height: auto;
}

/*
.upload{
    overflow: hidden;
    position: relative;
    display: inline-block;
    background: #e3e3e3 url(../images/icon-file.jpg) no-repeat center left;
    text-align: center;
    -web-border-radius: 10px;
    -moz-border-radius: 10px;
    width: 60%;
	vertical-align: middle;
	margin-bottom: 5px;
    margin-left: -3px;
	height: 30px;
}
.upload span{
	background-color: #9f8d64;
    color: #fff;
    padding: 1px 5px;
    width: 110px;
    display: block;
	position: absolute;
    top: 0;
	z-index: 1;
}
.upload input{
  position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    top: 3px;
    right: 0;
    width: 100%;
    height: 100%;
    left: 30px;
}
.upload::after{
    content: "未選擇檔案";
    position: absolute;
    top: 2px;
    left: 120px;
}*/

.upload{
    overflow: hidden;
    position: relative;
    display: inline-block;
    text-align: center;
    width: 60%;
	vertical-align: middle;
	margin-bottom: 5px;
    margin-left: -3px;
	height: 30px;
}

.upload input[type="file"]{
	padding: 3px;
    background: #e3e3e3;
    font: 13.3333px Arial;
	width: 100%;
}
.red_font{
	color: #dd1313;
	font-size: 14px;
}
div.red_font {
    padding-left: 110px;
	margin-top: -2px;
}
span.red_font {
    display: inline-block;
    vertical-align: text-bottom;
}
.ver_text{
	margin-left:110px
}
.verification{
	width: 100px;
	height: 33px;
	margin-bottom: 5px;
	margin-right: 5px;
}
.form > div {
    margin-bottom: 20px;
}
.update_ver{
	background: #8d8d8d;
    border: none;
    color: #fff;
	margin: 0 5px;
}
.listen_ver{
	background: #6f6f6f;
    border: none;
    color: #fff;
	margin: 0 5px;
}
.update_ver:hover,.listen_ver:hover{
	background: #5c5c5c;
}
.last_icon{
	padding: 30px 0
}
.finished{
	background: #9f8d64;
    border: none;
    color: #fff;
	margin: 0 5px;
	padding: 1px 15px;
}
.finished:hover{
	background: #ae9a6d;
}
.reissue{
	background: #4d9fa6;
    border: none;
    color: #fff;
	margin: 0 5px;
	padding: 1px 15px;
}
.reissue:hover{
	background: #56b2ba;
}
.tab_title{
	overflow: hidden;
    color: #5c5c5c;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    background: #f7f3ea url(../images/tab-wrapper-bg.jpg) repeat-x left bottom;
}
.tab_title li{
	float:left
}
.tab_title a{
	display: block;
	padding:10px 20px
}
.tab_title a,.tab_title a:hover{
	color: #5c5c5c;
	text-decoration: none
}
.tab_title a.active{
	color: #ad7c42;
    background: #fff url(../images/menu_top.jpg) repeat-x center top!important;
}

.album img{
	width:100%;
    background-color: rgba(255, 255, 255, 0.502);
    box-shadow: 0px 1px 8px 0px rgba(4, 0, 0, 0.25);
    padding: 5px;
}
.album .in_content{
	padding: 10px 0 20px;
    display: inline-block;
	height: 138px;/*1025*/
}
.album_pic{
	padding: 0 15%;
}
.remarks{
	padding-top: 40px;
}
.more{
	padding-right:10px;
	font-size: 14px;
	color: #fff!important;
	line-height: 42px;
}
ol.brown_font a:hover,ol.brown_font a:active{
	text-decoration: none;
	color: #9f8d64;
}
.brown_font ,ol.brown_font a{
	color: #9f8d64;
}
ol.brown_font > li{
	padding-bottom: 20px;
}
ol.brown_font > li > a{
	font-weight: bold;
	padding-bottom: 10px;
    display: block;
}
ol.brown_font div a{
	color: #474747;
	display: block;
}
.radio_list{
	padding-bottom: 40px!important;
}
.radio_list,.radio_list li{
	padding: 0;
	margin: 0;
	list-style: none
}
.radio_list li:first-of-type{
	border-top: 1px solid #bab9b9;
}
.radio_list li {
    border-bottom: 1px solid #bab9b9;
    background: url(../images/text_list.png) no-repeat 10px 27px;
    padding: 10px 25px;
}
.radio_list li div{
	display: inline-block
}
.radio_list li .radio_title{
	display: block;
	color: #9f8d64;
    font-size: 18px;
}
input[type=radio]:not(old){
      width: 11px;
    margin: 3px;
    padding: 22px;
    opacity: 0;
    height: 15px;
}
input[type=radio]:not(old) + label{
  display: inline-block;
  margin-left: -10px;
  padding-left: 22px;
  background: url(../images/radio.png) no-repeat center left;
  margin-right: 20px;
  margin-bottom: 0;
}
input[type=radio]:not(old):checked + label{
  background: url(../images/radio_c.png) no-repeat center left;
}

input[type=checkbox]:not(old){
    width: 11px;
    margin: 3px;
    padding: 22px;
    opacity: 0;
    height: 15px;
}
input[type=checkbox]:not(old) + label{
  display: inline-block;
  margin-left: -10px;
  padding-left: 22px;
  background: url(../images/check.png) no-repeat center left;
  margin-right: -8px;
  margin-bottom: 0;
}
input[type=checkbox]:not(old):checked + label{
  background: url(../images/check_c.png) no-repeat center left;
}
.small_title{
	font-size: 20px;
    padding-bottom: 20px;
}
ul.ul_url {
    background-image: url(../images/generic_earth.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-bottom: 5px;
	padding-left: 25px;
	line-height: 1.5em;
}
.download .qa_content ul, ul.download{
	padding: 5px 0 10px;
}
.download .qa_content ul img, ul.download img, .annex ul img{
	padding-right: 10px;
    padding-bottom: 4px;
    vertical-align: text-bottom;
}
.download .qa_content ul a, ul.download a{
	color: #000;
}
.date_input .glyphicon-calendar:before {
	content: "　　";
}
.date_input .glyphicon-calendar {
    width: 34px;
	background: url(../images/date.png) no-repeat center;
	height: 19px;
}
.date_input .input-group-addon {
    padding: 6px 12px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #4e9b95;
    border: none;
	font-size: 16px;
	border-radius: 0;
	cursor: pointer
}
.date_input .form-control{
    background-color: #e3e3e3;
    opacity: 1;
}
.date_input .form-control {
    border: none;
    border-radius: 0;
	cursor: pointer;
	font-size: 18px;
}
.search_area .col-sm-3,.search_area .col-md-12,.search_area .col-sm-2{
	padding: 0;
}
.to{
	margin-top: 0;
    height: 30px;
    float: left;
    position: relative;
    padding: 0 3px;
}
.search_area select{
	background: #e3e3e3;
    border: none;
    height: 34px;
    margin: 0 10px;
    width: calc(100% - 20px);
	padding: 0 0 0 10px;
}
.search_area.select_area select {
    margin: 0;
}
.select_area .date_input{
	padding-bottom:20px
}
.click_on{
	color: #000!important;
	padding-left: 20px;
	font-size: 14px;
}
.tab_content{
	background: #efefef;
    padding:20px 20px 10px;
    margin-top: -20px;
	position: relative;
	margin-bottom: 25px;
}
.tab_content a{
	color: #000;
    display: inline-block;
}
.tab_content .arrow_bottom{
	width: 0px;
    height: 0px;
    border-width: 15px;
    border-style: solid;
    border-color: #efefef transparent transparent transparent;
    position: absolute;
    bottom: -29px;
    right: calc(50% - 15px);
}
.tab_content ul ,.tab_contentli{
	padding: 0;
	margin: 0;
	list-style: none
} 
.tab_content ul li {
    float: left;
    padding-right: 20px;
    min-width: 80px;
}
.map_pic{
	margin-bottom: 20px;
}
.map_pic img{
	width: 100%;
}
.unit{
	padding-left: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.rwd-table {
 background: #fff;
 overflow: hidden;
}

.rwd-table tr {
    border-bottom: 1px solid #adadad;
}

.rwd-table th, 
.rwd-table td {
  margin: 0.5em 1em;
}
.rwd-table {
  min-width: 100%;
}

.rwd-table th {
  display: none;
}

.rwd-table td {
  display: block;
}

.rwd-table td:before {
  content: attr(data-th) " : ";
  font-weight: bold;
  width: 7.5em;
  display: inline-block;
}

.rwd-table th, .rwd-table td {
  vertical-align: text-top;
}
.rwd-table tr:nth-of-type(2n){
    background: #efefef;
}
.rwd-table th, .rwd-table td:before {
    color: #fff;
    font-weight: bold;
    background: #4d9fa6;
	padding: 0 5px;
	margin-right: 10px;
}
.rwd-table th:first-of-type{
	background:#4d9fa6 url(../images/list_title_l.png) no-repeat center left;
}
.rwd-table th:last-of-type{
	background:#4d9fa6 url(../images/list_title_r.png) no-repeat center right;
}
.rwd-table tr td:first-child{
	background: url(../images/text_list.png) no-repeat 10px 18px;
	color: #907d53;
	padding-left: 20px;
}
.rwd-table tr td:nth-child(2),.rwd-table tr td:nth-child(3),.rwd-table a{
	color: #907d53;
}
/*^home*/


/*分頁*/
.more_pagination{
	pointer-events: none;
    cursor: default;
}
.more_pagination a{
	padding: 6px 0;
}
.more_pagination a{
	border:none!important
}
.pagination > span{
	color: #999999;
    font-size: 12px;
    line-height: 36px;
    padding-left: 10px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index:1;
    color: #fff;
    cursor: default;
    background-color: #a56e2d;
    border-color: #a56e2d;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    margin: 0 3px;
}
.pagination>li>a:hover, .pagination>li>span:hover {
    color: #000;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.pagination {
    margin: 10px 0 20px;/*1025*/
}
/*分頁*/


/*右側選單*/
.right_menu,.right_menu a{
	color: #303030;
}
.right_menu .qa_title{
	color: #303030;
	background: none
}
.right_menu > #qaContent > .accordionPart > li{
	border-bottom: 1px solid #adadad;
}
.right_menu #qaContent ul,.right_menu #qaContent li {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align:left
}
.right_menu #qaContent ul li li{
	line-height: 35px;
    font-size: 16px;
	    padding-left: 20px;
}
/*右側選單*/


/*控制項*/
input[type="text"],select{
	border: 1px solid #9f8d64;
    height: 30px;
}
textarea{
	border: 1px solid #9f8d64;
	width: 100%;
	min-height: 100px
}
/*控制項*/

/*map*/
.mapBox_image_mouseover {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1000000001;
}
/*map*/


/*首長簡介*/
.supervisor_pic{
	text-align: center;
}
.supervisor_pic img{
	width: 100%;
	max-width: 500px;
}
.education_list li{
    border-bottom: 1px solid #bab9b9;
    background: url(../images/text_list.png) no-repeat 10px center;
    padding: 10px 25px;
}
.education_list li .job{
	width: 82%;
	display: inline-block
}
.education_list li .period{
	width: 17%;
	font-size: 18px;
	margin-left: 1%;
	display: inline-block
}
.education_box .list_title{
	margin-top: 25px;
    margin-bottom: 10px;
}
.education_name{
	color: #4e9b95;
    font-weight: bold;
    font-size: 20px;
}
.education_title{
	margin-top:10px
}
.education_title hr{
	margin:10px 0
}
/*首長簡介*/

.block {/*1101*/
    display: block;
}
@media (max-width: 1000px) {
	#mwt_mwt_slider_scroll .heading{
		display: inherit;
	}
	#mwt_mwt_slider_scroll img{
		max-width: 50px
	}
	#mwt_mwt_slider_scroll .mw_a a {
		font-size: 12px;
	}
	#mwt_mwt_slider_scroll {
		width: 130px;
	}
	.rwd-table tr td:first-child {
    background: none;
    color: #907d53;
    padding-left: 0px;
}
}

@media (max-width: 1200px) {
	.select_area .date_input{
		margin-bottom: 30px;
	}
}
@media (max-width: 1199px) {
	.theme-banner .col-md-2, .link-banner .col-md-2 {
		padding: 0;
	}
	.tab-handler{
	  padding: 0 15px!important;
	  font-size: 21px!important;
	}
}
@media (min-width: 992px) {
.main-menu .toggleMenu {
	display: none;
}
.marquee .modal-dialog {
    width: 787px;
}
#tool-carousel-mobile {
	display: none;
}
}
@media (max-width: 991px) {
.top-link {
	text-align: left;
}
.search > form {
	float: left;
	max-width: 100%;
}
main > .bg-banner > .container {
	float: left;
    width: 100%;
	padding: 0;
}
.video {
	position: static;
    height: auto;
    margin: 30px 0;
}
.service {
    margin-top: 45px;
}
.nav-tabs > li {
	width: 100%;
	text-align: center;
}
.hot-activity > .container > article {
	width: 100%;
}
#tool-carousel-pc {
	display: none;
}
#tool-carousel-mobile {
	display: block;
}
.hot-tool .carousel-inner {
	width: 100%;
}
.hot-tool .carousel-indicators {
    bottom: -36.5px;
}
.theme-banner, .link-banner, .fat-footer {
	display: none;
}
.footer-info > .footer-info-2 .col-md-4 > .info-3 {
	float: left;
}
.hot-policy {
	width: 65px;
	padding: 0 6.5px;
}
.hot-policy > .heading, .hot-policy > a > span {
	display: none;
}
.hot-policy > a:nth-child(2) {
    margin-top: 7.5px;
}
.affix-mobile {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: -1px;
    padding-top: 60px;
	background-color: rgba(255,255,255,0.8);
    z-index: 2;
}
.affix-main {
	margin-top: 19px;
}
.affix-body {
	overflow: hidden;
}
.home_right{
	padding-left: 15px;
}
.top-link .fontsize{
	display: none!important;
}
.supervisor_pic{
	margin-bottom: 20px; 
}
	header{
		position: fixed;
		background: #fff;
		display: block;
		width: 100%;
		z-index: 2;
		top: 0;
		left: 0;
		margin: 0;
	}
	main{
		margin-top:120px
	}
	.fast-link{
		font-size: 1.25em;
	}
	.fast-link li {
		width: 100%;
	}
	.fast-link a {
		border-bottom: 2px solid #117c72;
	}
	
	header > .container > .row > .col-sm-6:last-child{
		width: 100%;
	}
	.search > form > input[type="text"] {
		float: left;
		width: calc(100% - 85px);
	}
	.search > form > input[type="submit"] {
		position: relative;
	}
	.tab-radio:checked + .tab-handler + .tab-content > ul >li >a >span {/*1101*/
    clear: both;
    /* width: 100%; */
    display: block;/*11/1*/
}
.tabs-info {
    clear: both;
    float: left;
    width: 100%;
    min-height: 480px;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.container {
	width: 100%;
}

@media (max-width: 768px){/*1101*/
.text_list span {/*1101*/
    color: #9f8d64;
    display: block;
    font-size: 16px;
    float: left;/*11/1*/
}
.h_content.clear >ul >li >a:nth-child(2) {/*1101*/
    clear: both;
    float: left;
}
}


}
@media (min-width: 768px) {
.marquee .modal-dialog {
    margin: 150px auto;
}
	.rwd-table td:before {
		display: none;
	  }
	.rwd-table th, .rwd-table td {
		display: table-cell;
		padding: 0.25em 0.5em;
	}

	.rwd-table th, 
	   .rwd-table td {
		padding: 5px;
	}
	.rwd-table th{
		text-align:center
	}
	.rwd-table tr td:first-child{
		text-align: center
	}
	.rwd-table tr td:nth-child(2),.rwd-table tr td:nth-child(3),.rwd-table a{
		text-align: center
	}
	.rwd-table tr:nth-of-type(2n){
		background: #fff;
	}
}
@media (max-width: 480px) {
.logo > h1 {
	margin-right: 40px;
}
.news > article {
	width: 100%;
	margin-bottom: 23px;
}
.footer-info > .footer-info-1 > .container {
	text-align: left;
}
.hot-policy {
	width: 50px;
}
}


.mapBox{
	background-image: url(../images/mapBox_bg.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	padding: 10px;
	margin-bottom: 10px;

}
.mapBox_intro{
	color: #8C8275;
	padding: 0 0 3px 0;
}
.mapBox_image{
	float: left;
	height: 232px;
	width: 440px;
	position: relative;
}
.mapBox_image_usemap{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 232px;
	width: 440px;
	z-index: 1000000002;
}
.mapBox_image_selected{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1000000000;	
}
.mapBox_image_mouseover{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1000000001;	
}
.mapBox_country{
	float: right;
	width: 465px;
	padding: 8px;	
}
#picdiv{
	margin:0 auto;
	width:100%;
	position: relative;
	z-index: 1;
	padding-bottom: 20px;
}
.map_bg{
	width:100%;
	position: absolute;
	z-index: 0;
	left:0;
	top:0
}
#amap{
	width:100%;
}
.map_area{
	position:relative
}
.map_img{
	width:100%;
	margin:0;
}

/****tab***/
.tab-wrapper{
  position: relative;
  width: 100%;
    height: 60px;
	background: #f7f3ea url(../images/tab-wrapper-bg.jpg) repeat-x left bottom;
	
}
.tab-wrapper input[type=radio]:not(old) + label {
    margin-left: 0;
	margin-right: 0;
	padding-left: 20px;
	font-weight: 700;
}
.tab-wrapper input[type=radio]:not(old):checked + label,.tab-wrapper input[type=radio]:not(old) + label{
	background-image: none;
}
.tab-wrapper .tab-radio{
    display: none;
}
.tab-wrapper label.tab-handler a,.tab-wrapper label.tab-handler a:hover{
	color: #5c5c5c;
	text-decoration: none;
	display: block;
}
.tab-handler{
  position: relative;
  z-index: 1;
  display: block;
  float: left;
  height: 60px;
  padding: 0 20px;
  color: #fff;
  font-size: 22px;
  line-height: 60px;
  transition: .3s;
  font-weight: normal;
}
.tab-radio:checked + .tab-handler{
  color: #ad7c42;
  background:#fff url(../images/menu_top.jpg) repeat-x center top!important;
}
.tab-radio:checked + .tab-handler a{
  color: #ad7c42;
}
.tab-radio:checked + .tab-handler + .tab-content{
  visibility: visible;
  opacity: 1;
  display: block;
}
.tab-wrapper .tab-content{
  visibility: hidden;
  position: absolute;
  top: 40px;
  left: 0;
  color: #999;
  font-size: 14px;
  line-height: 1.618em;
  display: none;
  opacity: 0;
  transition: transform .5s, opacity .7s;
  transform: translateY(20px);
	width: 100%;
}
	

/*old tabs*/
.tab-content ul{
	min-height: 228px
}
.tab-content ul ,.tab-content li{
	padding: 0;
	margin: 0;
	list-style-type: none
}
.tab-content ul li {
	color: #555555;
    font-size: 18px;
    line-height: 35px;
    background: #fff url(../images/tab-wrapper-list.jpg) repeat-y left center;
    margin: 12px 0;
	padding-left: 20px;
}

.tab-content ul li a{
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	display: block;
	border-bottom: 1px dotted #b3a46b;
}
.tab-content ul li a:hover,.tab-content ul li a:focus {
	color: #ad7c42;
}
.tab-content ul + a {
	float: right;
/*	margin-right: 15px;*/
	padding: 3.5px 0;
	color: #ad7c42;
	font-weight: bold;
	margin-bottom: 20px;
}
.tab-content ul a span{
	padding: 0 20px 0 0;
    font-size: 16px;
}
/****tab***/


/********pic********/
.pic_list.text_list li {
    border-bottom: 1px solid #bab9b9;
    background: url(../images/text_list.png) no-repeat 10px center;
    padding: 10px 25px;
    overflow: hidden;
    white-space:normal;
    text-overflow: ellipsis;
}
.pic_list.text_list li img{
	width: 30%;
	min-width: 180px;
	margin-right:30px
}
/********end pic********/


/*email*/
.email_box{
	display: inline-block;
}
.email_box table tr td {
    padding: 5px 0;
}
/*end email*/


/*message*/
.bg-message{
	background: #efe9db;
	float: left;
	width: 100%;
	padding: 30px 0
}
#activity-banner.activity-banner2{
	margin-top: 0;
	border: 1px solid #d9d3c4;
}
.bg-list{
	float: left;
    width: 100%;
    padding: 30px 0;
}
/*message*/

/*object-fit*/
.img-container {
  width: 100%;
}
.img-container .featured-image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.custom-object-fit {
  position: relative;
  background-size: cover!important;
  background-position: top center!important;
}
.custom-object-fit img {
  opacity: 0;
}

.plus_open{
	border: 1px solid #ccc;
    padding: 0px 5px;
    display: inline-block;
    margin-left: 5px;
    float: right;
}


/* index_search */
.pdtl{
    padding-left: 3px;
    padding-top: 3px;
}
.bt50pt{
    margin-right: 3px;
    text-align: center;
    width: 48%!important;
    margin-top: 1px;
}
.bdr{
 display: inline-block;
    background-color: #efefef;
    padding: 0px 5px;
    margin-right: 5px;margin-bottom: 5px;
}
a > .bdr {
    color: #797979;
}
.index_searchbox{
    font-weight: normal;
    margin-bottom: 20px;
    border-bottom: 1px solid #ece2cf;
    padding-bottom: 20px;
}
.index_searchbox:nth-child(odd){
   background-color:#fff;
   
}
.index_searchbox:hover{
   background-color:#f5f3ed;
   
}
.itemsp{
 font-size:20px;
 text-align:left!important;
 border-bottom:1px solid #adadad;
 padding:7px!important;
}
li.itemsp > a {
    color: #474747;
}




/*Search*/
.input_100{
   width:100%!important;
}

.selcet_100{
    width: calc( 100% - 4px)!important;
    margin-left: 2px!important;
    margin-right: 2px!important;
    margin-top: 4px!important;
}

.btn_49{
    width: calc( 99% / 2 )!important;
    margin: 2px 1px;
    box-sizing: border-box;
    float: left;
  margin-top: 1px;
}

@media (max-width: 768px){
.btn_49{
    width: calc( 99% / 2 )!important;
    margin: 2px 1px;
    box-sizing: border-box;
    float: left;
    margin-top: 5px;
}

}
div#treeBox >input[type="radio"] {
    opacity: 0;
}



/*1029大事記*/
.tab_addhi{
	height: 85px;
	line-height: 40px;
	text-align: center;
}
.tab_addhi >a {
    width: 97px;
}
.tab_addhi >.tab-content {
    padding: 50px 10px;
}
.year_blcok{
	background-color: #ad7c42;
	border-radius: 8px;
	color: #fff;
	display: inline-block;
	font-size: 20px;
	padding: 20px;
	float:left;
}
.year_bdr{
	width: 100%;
    border-left: 2px solid #c4c4c4;
    display: inline-block;
    margin-left: 90px;
    padding: 30px 0px;
    box-sizing: border-box;
}

.year_arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 17.2px 10px 0;
    border-color: transparent #959595 transparent transparent;
    display: inline-block;
    padding-left: 60px;
    transform: translateX(-10px);
    float: left;
    margin: 10px 0px
}
.year_arrow::before {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d5c2a7;
    display: inline-block;
    content: "";
    float: left;
    margin-left: -60px;
    margin-top: -10px;
    /* margin: 5px; */
}
.year_block_dc {
    border: 1px solid #959595;
    padding: 20px;
    border-radius: 10px;
    margin-left: 67px;
    margin-top: -20px;
    width: calc( 100% - 150px);
}
.year_block_dc img {
    display: block;
    text-align: center;
    /*width: 80%;*/
    margin: 0 auto;
}
.year_block_dctitle{
    font-size: 20px;
    color: #ad7c42;
    text-align: left;
    font-weight: bold;
    padding: 0px 0px 20px 0px;
}
.year_block_dctext{
	font-size: 18px;
	padding: 20px 0px 0px;
	color: #000000;
	text-align: left;
}


/***1030聽說故事**/
.story_country{
	font-size: 20px;
	color: #000;
	text-align: center;
	font-weight: bold;
	margin: 30px 0px 20px 0px;
}
.story_country:first-child {
    margin-top: 0px;
}
.story_country:before,.story_country:after{
	width: 50px;
    display: inline-block;
    content: "";
    border-bottom: 1px solid #ccc;
	margin: 0px 10px;
}

.st_ctry_bd {
    width: calc( 100% / 2 - 10px );
    float: left;
    margin-right: 10px;
    border: 2px solid #dad4c3;/**20181116修改*/
    text-align: center;
    margin-bottom: 15px;
}

.st_ctry_bd a{
	color: #000;
	text-decoration: none;
}
.st_ctry_bd:hover{
	color: #ad7c42;
	border: 2px solid #ad7c42;
	cursor: pointer;
	transition: 0.2s linear;
}
.st_ctry_bd:hover >a {
	color: #ad7c42;
}
.st_bdr{
	border-bottom: 1px solid #ccc;
	height: 2px;
	width: 100%;
	margin-top: 30px;
}


@media (min-width: 731px) {
    .pager_pc_hide {
        display: none;
    }
}

@media (max-width: 730px) {
    .pager_mobile_hide {
        display: none;
    }
}


:focus {
    outline: 4px solid #FFBF47 !important;
    outline-offset: -2px;
}