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

/********* 活動看板***********/
.fb-tab{
	background-position: right;
    border-radius: 30px;
    padding-left: 5px;
}


/****** 公告資訊%衛生新聞 ******/
.announcement-tab {
    background-color: #fff;
    box-shadow: 10px 5px 15px -10px #cccccc;
    margin-bottom: 30px;
}


.announcement .more{
	padding-bottom:15px;
}
.announcement .more img{
	padding: 5px;
}



/****** 衛生主題 ******/
.health{
	background-size: cover;
	background-position:left;
}

.health-news{
    background-color: #fff;
    box-shadow: 10px 5px 15px -10px #cccccc;
    margin-bottom: 30px;
}

.panel-default {
	width: 100%;
}

.panel-group .panel {
    margin: 10px 0px;
}

/* 1101修改start */
.panel-default > .panel-heading {
	width: 100%;
	font-size: 1.125em;
	margin: -1px 0px;
}
/* 1101修改end */

.panel-default {
	max-width:inherit;
}

/****** FB粉絲專頁 ******0914*/
.fb-tab{
	background-position: -55px 120px;
}

.fb-tab .fb-page {
	width: 30%;
    margin:0;
}

/* 讓所有容器的寬度都變成 100% */
/* .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 95% !important;
    margin:0 9px;
} */

.fb-tab iframe {
    border: 0;
    width: 95%;
}
.fb_iframe{
	width: 100%!important;
}

/****** 徵才&影音專區 ******0914*/
.recruit .more {
	padding-bottom:15px;
}

.recruit .more img{
	padding: 5px;
}

.youtube-tab{
	margin-bottom:20px;
}

.youtube-tab iframe {
    min-width: auto;
}





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

/*******home_page*******/
.home_bg{
	margin-bottom: 10px;
}


@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;
}

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

/********* 活動看板***********/
.fb-tab{
	background-position: right;
    border-radius: 30px;
    padding-left: 5px;
}


/****** 公告資訊%衛生新聞 ******/
.announcement-tab {
    background-color: #fff;
    box-shadow: 10px 5px 15px -10px #cccccc;
    margin-bottom: 30px;
}


.announcement .more{
	padding-bottom:15px;
}
.announcement .more img{
	padding: 5px;
}



/****** 衛生主題 ******/
.health{
	background-size: cover;
	background-position:left;
}

.health-news{
    background-color: #fff;
    box-shadow: 10px 5px 15px -10px #cccccc;
    margin-bottom: 30px;
}

.panel-default {
	width: 100%;
}

.panel-group .panel {
    margin: 10px 0px;
}

.panel-default > .panel-heading {
	width: 100%;
	font-size: 1.125em;
}

.panel-default {
	max-width:inherit;
}

/****** FB粉絲專頁 ******0914*/
.fb-tab{
	background-position: -55px 120px;
}

.fb-tab .fb-page {
	width: 30%;
    margin:0;
}

/* 讓所有容器的寬度都變成 100% */
/* .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 95% !important;
    margin:0 9px;
} */

.fb-tab iframe {
    border: 0;
    width: 95%;
}
.fb_iframe{
	width: 100%!important;
}

/****** 徵才&影音專區 ******0914*/
.recruit .more {
	padding-bottom:15px;
}

.recruit .more img{
	padding: 5px;
}

.youtube-tab{
	margin-bottom:20px;
}

.youtube-tab iframe {
    min-width: auto;
}





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

/*******home_page*******/
.home_bg{
	margin-bottom: 10px;
}


@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;
}



.homesearch {
    float: left;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background-color: #f1f1f1;
    line-height: 36px;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: initial;
}


#home_nav {
    font-size:0.875em;
}

/**以下內頁設定**/
.home_content {
    margin: 0 auto;
    color: #3a3a3a;
    clear: both;
    box-sizing: border-box;
    background-color: #fff;
    width: 100%;
    overflow: hidden;
    font-size: 1.125em;
    line-height: 1.7em;
    margin-bottom: 10px;
}

.root_block {
    width: 100%;
    margin: 0 auto;
    border-bottom: 5px solid #da6c7f;
    overflow: hidden;
}

.root {
    clear: both;
    float: left;
    padding: 2px;
    box-sizing: border-box;
    font-size: 0.8125em;
    color: #6b6b6b;
    margin-top: 10px;
}

.root a {
    color: #6b6b6b;
    text-decoration: none;
}


.home_content p {
    text-indent: 2em;
    padding-left: 2%;
    padding-right: 2%;
    clear: both;
    box-sizing: border-box;
}

.social_set {
    font-size: 0.8125em;
    padding: 5px;
    color: #6b6b6b;
    float: right;
    margin-top: 10px;
}

/*.social_set a {
    text-decoration: none;
    color: #6b6b6b;
    border: 1px solid #eee;
    padding: 2px;
}*/

.social_set a:active {
    text-decoration: none;
    color: red;
    border: 1px solid #666;
}

.root_foot {
    padding: 2px 5px 2px 5px;
    float: right;
    color: #000;
    font-size: 0.8125em;
    /* background-color: #59d2da; */
    margin-bottom: 5px;
}

.root_fasticon {
    font-size: 0.8125em;
    float: left;
    margin-left: 8px;
    color: #000000;
    text-align: center;
    width: 60px;
    box-sizing: border-box;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #59d2da;
}

.root_fasticon img {
    margin-bottom: -10px;
}

@media screen and (max-width: 554px) {
    .root_fasticon {
        font-size: 0.8125em;
        float: right;
        line-height: 24px;
        margin-bottom: 5px;
        font-size: 0.8125em;
        margin-left: 8px;
        color: #000000;
        box-sizing: border-box;
    }
}

a .root_fasticon {
    text-decoration: none;
    color: #000000;
}