@media screen and (min-width:1201px){
	.siteicon{
		width:auto;
		height:58px;
		display:block;
	}
	.siteicon2{
		height:0;
		display:none;
	}	
}

@media screen and (min-width:992px) and (max-width:1200px){
	.siteicon{
		width:auto;
		height:58px;
		display:block;
	}
	.siteicon2{
		height:0;
		display:none;
	}	
	.navbar-nav>li>a{
		padding:10px 10px;
	}
	#footer>.container{
		display:none;
	}
	/* .navbar-default{
		height:140px;
	} */
	div.footer-copyright{
		margin-top:0;
		padding-top:0px;
		border-top:none;
	}
}

@media screen and (min-width:769px) and (max-width:991px){
	.siteicon{
		width:0;
		display:none;
	}
	.siteicon2{
		height:38px;
		display:block;
	}	
	.navbar-nav>li>a{
		padding:10px 10px;
	
	}
	#footer>.container{
		display:none;
	}
	div.footer-copyright{
		margin-top:0;
		padding-top:0px;
		border-top:none;
	}
	#counterstr{
		overflow:visible;
	}
}
@media screen and (max-width:768px){
	.siteicon{
		width:auto;
		height:50px;
		display:block;
		margin-top:-10px;
	}
	.siteicon2{
		height:0;
		display:none;
	}	
	
	div.footer-copyright{
		margin-top:0;
		padding-top:0px;
		border-top:none;
	}
	.icon-box-content>iframe{
		height:200px;
	}
	#counterstr{
		height:40px;
	}
	
	.mainMenu>li{
		height:30px;
		
	}
	.mainMenu >li >a{
		font-size:16px;
		
	}
	.mainMenu >li >a> div{
		display:inline;
	
	}
	.navbar-nav > li > a:hover >i{
		padding:5px !important;
	}
	
	.contitle::after{
	/* content:'';
	position:relative;
	display:block; */
	width:65%;
	/* border-top:1px solid #E2E1E1;
	top:-16px;
	left:65px; */
}
.contitleN2{
	margin-left:1.5em;
}
.wrapper.padding50{
	padding-top:0;
}


}
/*-- 移除右邊距空白 --*/


/**/
#fullwidthabnner{
	height:320px !important;
}

.opendatan{
	text-align:center;
	/* margin-left:2em; */
}
.navbar-brand{
	padding:5px 15px;
}

.titltImg{
	margin-bottom:10px;
}
.adv_wra{
	
} 


/*---  ---*/
#topbar{
background: #8ed0ea; /* Old browsers */
background: -moz-linear-gradient(left,  #8ed0ea 0%, #2fa9d9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #8ed0ea 0%,#2fa9d9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #8ed0ea 0%,#2fa9d9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ed0ea', endColorstr='#2fa9d9',GradientType=1 ); /* IE6-9 */
}

#topMenulinks > a:not(:nth-child(1)){
	color:#FFF;
	font-size:15px;
	height:40px;
	line-height:40px;
	/* border:1px solid #fff; */
	padding:1px 5px;
	border-radius:0px;
	padding:6px 5px 10px;
}
#topMenulinks > a:not(:nth-child(1)):hover{
	color:#1d7a9f;
	/* font-weight:700; */
	/* text-decoration:underline; */
	background-color:#FFF;
	border-top:4px solid #8ed0ea;
	/* border-left:1px solid #8ed0ea;
	border-right:1px solid #8ed0ea; */
 	
}
#topMenulinks>i {
	color:#FFF;
}

 
/**/
.grid-container > div{
	padding-bottom:10px;
}

.social-icons >ul>li >a{
	font-size:14px;
}

.social-icons >ul>li> a:before{
	font-size:16px;
}
.top-link1 a:before{
	content:"\f059";
}

.top-link1 a:after{
	content: "常見問答";
	background: #48C4D2;
}

.top-link2 a:before{
	content:"\f299";
}

.top-link2 a:after{
	content: "雙語詞彙";
	background: #EF5B92;
}

.top-link3 a:before{
	content:"\f0e0";
}

.top-link3 a:after{
	content: "相關連結";
	background: #71B2D0;
}


.top-link4 a:before{
	content:"\f0e8";
}

.top-link4 a:after{
	content: "網站地圖";
	background: #F45750;
}

.top-link5 a:before{
	content:"\f0c0";
}

.top-link5 a:after{
	content: "市府網站";
	background: #4ca64c;
}

.top-link6 a:before{
	content:"\f09e";
}

.top-link6 a:after{
	content: "RSS";
	background: #FE9900;
}

/*-----------*/
.mainMenu >li:nth-child(1) > a>i{
	color:#007aff;
}
.mainMenu >li:nth-child(1) > a:hover{
	border-bottom-color:#007aff;
}
.mainMenu >li:nth-child(1) > a:hover>i{
	background-color:#007aff;
}

.mainMenu >li:nth-child(2)> a>i{
	color:#ff3b30;
}
.mainMenu >li:nth-child(2) > a:hover{
	border-bottom-color:#ff3b30;
}
.mainMenu >li:nth-child(2)> a:hover>i{
	background-color:#ff3b30;
}

.mainMenu >li:nth-child(3) > a>i{
	color:#1abcff;
}
.mainMenu >li:nth-child(3) > a:hover{
	border-bottom-color:#1abcff;
}
.mainMenu >li:nth-child(3) > a:hover>i{
	background-color:#1abcff;
}

.mainMenu >li:nth-child(4) > a>i{
	color:#4cd964;
}
.mainMenu >li:nth-child(4) > a:hover{
	border-bottom-color:#4cd964;
}
.mainMenu >li:nth-child(4) > a:hover>i{
	background-color:#4cd964;
}

.mainMenu >li:nth-child(5) > a>i{
	color:#ff1abc;
}
.mainMenu >li:nth-child(5) > a:hover{
	border-bottom-color:#ff1abc;
}
.mainMenu >li:nth-child(5) > a:hover>i{
	background-color:#ff1abc;
}

.mainMenu >li:nth-child(6) > a>i{
	color:#ff9500;
}
.mainMenu >li:nth-child(6) > a:hover{
	border-bottom-color:#ff9500;
}
.mainMenu >li:nth-child(6) > a:hover>i{
	background-color:#ff9500;
}

.mainMenu >li:nth-child(7) > a>i{
	color:#5956d6;
}
.mainMenu >li:nth-child(7) > a:hover{
	border-bottom-color:#5956d6;
}
.mainMenu >li:nth-child(7) > a:hover>i{
	background-color:#5956d6;
}
/*------*/
.navbar-nav > li > a:hover >i{
	/* background-color:#ff4c4c; */
	color:#FFF;
	padding:0.35em;
	border-radius:2px;
}

/*---------*/
.core-box .icon1{
	background-color:#0075C4;
}
.core-box a{
	font-size:14px;
}
.list-date{
	color:#e83a3a;
	font-size:13px;
}
/*--- ---*/
.contitle{
	position:relative;
}
.contitle::after{
	content:'';
	position:relative;
	display:block;
	width:85%;
	border-top:1px solid #E2E1E1;
	top:-16px;
	left:65px;
}
.contitleN::after{
	top:-14px;
}




/*--- Customization buttom ---*/
.my-btn{
	font-size:12px;
	position:absolute;
	right:12%;
	bottom:22px;
	padding:1px 5px; 
}
.my-btn-1{
	background-color:#C90A82;
	color:#FFFFFF;
}
.my-btn-1:hover{
		background-color:#FFFFFF;
		color:#C90A82;
		border:1px solid #C90A82;
}
.my-btn-2{
	background-color:#0B9ECD;
	color:#FFFFFF;
}
.my-btn-2:hover{
		background-color:#FFFFFF;
		color:#0B9ECD;
		border:1px solid #0B9ECD;
}

.my-btn-3{
	background-color:#8BC40B;
	color:#FFFFFF;
}
.my-btn-3:hover{
		background-color:#FFFFFF;
		color:#8BC40B;
		border:1px solid #8BC40B;
}

.my_btn_blue {
	font-size:14px;
	font-weight:normal;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	border:0px solid #84bbf3;
	padding:3px 12px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	background:-ms-linear-gradient( top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #79bbff), color-stop(100%, #378de5) );
	background-color:#79bbff;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #528ecc;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #bbdaf7;
 	-moz-box-shadow:inset 1px 1px 0px 0px #bbdaf7;
 	box-shadow:inset 1px 1px 0px 0px #bbdaf7;
}.my_btn_blue:hover {
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	background:-ms-linear-gradient( top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #378de5), color-stop(100%, #79bbff) );
	background-color:#378de5;
	
}.my_btn_blue:active {
	position:relative;
	top:1px;
}

/*--- override icon-box ---*/
.icon-box {
	margin-top:10px;
}
/*--- ---*/
.counterP{
	margin-bottom:10px;
}
.counterP>div{
		font-size:14px;
		margin:0 auto;
		width:420px;
		padding:5px 0;
		/* border:1px solid; */
}
.counterP>div>div{
	display:inline-block;
	vertical-align:top;
	margin-right:12px;
}

.form-control{
 color: #333;
 border-color: #666;

}

/*-- footer --*/


@media print {
  a[href]:after {
    content: none !important;
  }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .visible-xs {
    display: none !important;
  }
  .hidden-xs {
    display: block !important;
  }
  table.hidden-xs {
    display: table;
  }
  tr.hidden-xs {
    display: table-row !important;
  }
  th.hidden-xs,
  td.hidden-xs {
    display: table-cell !important;
  }
  .hidden-xs.hidden-print {
    display: none !important;
  }
  .hidden-sm {
    display: none !important;
  }
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}


.bs-callout {
    border-width: 1px 1px 1px 5px;
    border-style: solid;
    border-color: rgb(238, 238, 238);
    margin: 1vw 5vw;
    padding: 10px;
    border-radius: 3px;
    border-image: none;
}

.bs-callout h4 {
    margin-top: 0px;
    margin-bottom: 5px;
}

.bs-callout p:last-child {
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 19px;
}

.bs-callout code {
    border-radius: 3px;
}

.bs-callout+.bs-callout {
    margin-top: -5px;
}

.bs-callout-danger {
    border-left-color: rgb(206, 32, 6);
}

.bs-callout-danger h4 {
    color: rgb(206, 72, 68);
}

.bs-callout-warning {
    border-left-color: rgb(170, 103, 8);
}

.bs-callout-warning h4 {
    color: rgb(170, 103, 8);
}

.bs-callout-info {
    border-left-color: rgb(27, 128, 158);
}

.bs-callout-info h4 {
    color: rgb(27, 128, 158);
}