@charset "utf-8";
/* CSS Document */

/****** 災防警示 ******/
.ncdr {
    background-size: 155%;
}

/****** 主題廣告 ******/
.activity-banner {
    margin-top: 0;
}


/****** 市民服務-首頁 ******/
.serving-item {
    width: 60%;
    padding: 20px 30px;
}
.serving-item ul li {
    width: 100%;
}
.serving-box {
    /*background: url(../images/bg-serving-02.png) 50% 65% repeat-x;*/
    padding: 0 0 80px 0;
    min-height: auto;
    /* border-bottom: 50px #e5f7f9 solid; */
}
.serving-bg2 {
	background: none;
}
.serving-item:after {
	display: none;
}

/****** 市民服務-內頁 ******/
.citizen_box > .citizen_box-item {
    width: 49%;
    margin: 0 0.5% 20px;
}

.citizen_clearfix-middle{
	clear: none;
}
.citizen_clearfix-small{
	clear: both;
}

.citizen_box .citizen_item-title {
	font-size: 1em;
}
.citizen_title{
	font-size: 1.125em;
}

.citizen_title span:before, .citizen_title span:after {
    max-width: 15px;
    margin: 0 5px;
}


/****** 觀光行事曆-首頁 ******/
.event-tabs .nav-tabs li {
    padding: 0 20px;
}
.event-link .link-text ul li {
width: calc(100% - 20px);
}
.bg-left, .bg-right {
    background-size: 26%;
}


/****** 市政新聞列表 ******/
.municipal_block {
	background-color: #fff;
	overflow: hidden;
	padding: 0;
	margin: 20px 0;
}
.municipal_block ul li {
	width: 100%;
	margin: 10px 0;
	border: 1px solid #aaa;
	background-color: #FFF;
	padding: 15px;
	min-height: auto;
}



/****** 業務聯絡資訊 ******/
.contact_blocktitle~ul li {
	width: calc( 100% / 2 - 10px );
}


/****** 影音列表樣式 ******/
.video_block {
    background-color: #fff;
    padding: 0;
}
.video_block ul li {
    background-color: #FFF;
    width: calc( 100% / 2 - 12px);
    margin: 0 5px 20px 5px;
    border: 1px solid #aaa;
}
.post_title {
	color: #5b5b5b;
	max-height: none;
	overflow: inherit;
	width: 100%;
	text-overflow: inherit;
	word-break: inherit;
	font-weight: bold;
}
.post_content {
    min-height: 60px;
	margin: 5px 0 0;
}


/****** 影音、資訊內容 ******/
.noellipsis {
	text-overflow: inherit;
	overflow: inherit;
	max-height: inherit;
	white-space: normal;
}


/****** 社群網路 ******/
.social_block {
    width: 100%;
    margin: 10px 0;
    padding: 35px 15px;
}
.social_iconimg {
    width: 160px;
    text-align: center;
    margin: 10px auto 0 auto;
}
.social_iconimg img {
	max-width: 161px;
}
.social_text {
	margin-top: 10px;
	width: calc(100% - 160px);
}
.social_dc {
	width: 100%;
	height: inherit;
}
.social_title {
    line-height: 30px;
    overflow: auto;
    white-space: normal;
    text-overflow: inherit;
}


/****** app列表樣式 ******/
.app_block {
	width: calc( 100% / 3 - 20px);
}
.app_iconimg {
	width: 100%;
}


/****** 頁籤資訊 ******/
.tabs-info {
    margin: 30px 0;
}

/*標題接內文式頁籤*/
.panel-tabs .tab-item,.panel-tabs label {
    order: initial;
}
.panel-tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
}

.table > thead > tr > th.post-dept, .table > tbody > tr > td.post-dept {
    display: none;
}


/****** 活動主題館-時間軸 ******/
.event-right ul li .right-box, .switch-icon {
	display: none;
}
.event-right ul li a {
	width: 100%;
}
.chosen-container {
	width: 100% !important;
}


/****** 小廣告列表頁 ******/
ul.smallbn li {
    width: calc(100%/2 - 10px);
}

/**** 各區簡介地圖 ****/
.map_show {
    display: none;
}
.map_hide {
    display: block;
}
ul.map_hide li {
    float: left;
    width: calc(100% / 4 - 10px);
    background-color: #5a8896;
    margin: 0 5px 5px 0;
	text-align: center;
    padding: 10px;
    font-weight: bold;
	cursor: pointer;
}
ul.map_hide li a {
    color: #fff;
}
ul.map_hide li:hover {
	background: #f05f78;
}

/****** 1204新增 首頁統計圖像資訊 ******/
.statistics {
	background-size: cover;
	
}

@media (max-width: 767px) {
.serving-item {
	width: 100%;
}
.citizen_box > .citizen_box-item{
width: 100%;
margin: 0 0 20px;
}
.citizen_clearfix-small{
clear: none;
}
.video_block ul li {
    width: 100%;
    margin: 0 0 20px 0;
}
.contact_blocktitle~ul li {
	width: calc( 100% / 2 - 10px);
	text-align: center;
}	
.uni_chief_img, .uni_chief {
	width: 100%;
}
.app_block {
	width: calc( 100% / 2 - 20px);
}
.news-photo img {
    max-width: 100%;
}
.floor .nav-tabs > li {
    width: 100%;
}
.floor .nav-tabs > li > a, .floor .nav-tabs > li h3 a {
	margin: 0;
	}
.bilingual .css_hd, .bilingual .css_td, .questionnaire .css_hd, .questionnaire .css_td {
	float: left;
}
.bilingual .css_td, .questionnaire .css_td {
	padding: 0;
	line-height: 26px;
	text-align: left;
	}
	
.bilingual .list_list, .questionnaire .list_list {
	padding: 10px;
	float: left;
	}
	
.list_sort, .list_dept, .list_date, .list_result  {
    display: none;
}
.list_select {
	width: 70px;
}
	
/****** input間距排版樣式 ******/
.wdgp {
	width: 100%;
}
	

}


@media (max-width: 690px) {	
.event-tabs .nav-tabs li {
    padding: 0 10px;
}
.event-tabs .nav-tabs li a {
	font-size: 1.25em;
}
ul.smallbn li {
    width:100%;
    margin: 0 0 10px 0;
}
ul.smallbn li:last-child {
	margin: 0;	
}
}


@media (max-width: 650px) {
.smallbn-title {
	width:100%;
}
}

@media (max-width: 590px) {
.news-list ul li .post-title, .municipal_block .post-title  {
    width: 100%;
	margin: 10px 0 0 0;
}
.video_title {
    width: 100%;
    margin-top: 0;
}
/****** 觀光行事曆-首頁 ******/
.season-event .more, .serving-box .more, .statistics .more {
    display: block; 
    margin: 5px 0 0 0;
}	
.event-link .slick-list {
    margin: 0 35px;
}
.event-tabs .nav-tabs li {
    float: none;
    margin: 0 auto;
	padding: 0;
    width: 110px;
}
.event-tabs .nav-tabs li a {
	padding: 4px 10px;
	display: none;
	}
.event-tabs .nav-tabs:before {
	display: none;
	}
.event-tabs .nav-tabs {
    margin: 0 0 15px 0;
}
.event-link .link-text ul {
    line-height: 37px;
	font-size: 1.25em;
}	
.event-tabs .tab-content {
    border-top: 1px solid #888;
	padding: 10px 0;
}
.event-tabs .nav-tabs>li.active>a, .event-tabs .nav-tabs>li.active>a:focus, .event-tabs .nav-tabs>li.active>a:hover {
    border: 0;
	display: block;
}
.btn-last-season, .btn-next-season {
    border-radius: 30px;
    background: #fff;
    color: #5a8896;
    border: 3px #92b7c2 solid;
    padding:4px 12px;
	font-size: 1.0625em;
	position: absolute;
    vertical-align: top;
	display: block;
}	
.btn-last-season:hover, .btn-last-season:focus, .btn-next-season:hover, .btn-next-season:focus {
	color: #fff;
    font-weight: bold;
    background-color: #f05f78;	
	border: 3px #f05f78 solid;
	box-shadow:none;
	}
.btn-last-season {
	left: 0;
	}
.btn-next-season {
	right: 0;
	top: 0;
	}	
	
}


@media (max-width: 576px) {
/****** 業務聯絡資訊 ******/
.content_left, .content_right {
	margin-bottom: 0px;
	line-height: 26px;
}
.contact_blocktitle~ul li {
	width: 100%;
}
.content_left, .content_right, .result_info ul li .content_right, .result_info ul li .content_left {
	width: 100%;
	float: inherit;
}
.unijob_block {
	width: 100%;
	float: inherit;
}
.floor_block ul li .post-title {
    width: 100%;
}
.floor_block ul li span {
		margin: 0 0 10px 0;
	}	
.social_list .info-bg {
	padding: 0;
	background: #fff;
}
.social_block {
    border: 1px solid #aaaaaa;
}
.social_text {
    width:100%;
	padding: 0;
}	
.social_iconimg {
    float: none;
}	
.social_title {
	text-align: center;
	}	
}



@media (max-width: 500px) {
.select-date .prev, .select-date .next {
		display: none;
	}
.select-date h3 {
		margin: 20px 0;
		font-size: 1.25em;
	}
.panel-tabs .tab-item ul li span {
    display: table; 
}
.directory {
    border: 1px solid #aaa;
	padding: 0;
}
}


@media (max-width: 450px) {
.app_block {
	width: 100%;
	margin: 10px 0;
}
.dots li a, .dots li a img {
	width: 40px;
    height: 40px;
}
}

/***20200526 html5***/
.post-titleV {        
	width: 100%;
}
	
/*** 美工網頁 - 桃園導覽 > 土地 ***/
.vJmappic{
	width: 100%;
	max-width: 100%;
    padding: 3px;
    float: left;
}
.vJsocial_block {    
border: none; 
min-height: 210px;
}