@import url("../fonts/flaticon/flaticon.css");
@import url("revise.css");
@import url("header.css");
@import url("footer.css");
@import url("banner.css");


/*========================================================
                      	 標題設定
=========================================================*/

.s-header {
    text-align: center;
    overflow: hidden;
    margin-bottom: 40px;
}

.h2-title {
    display: inline-block;
    font-size: 2rem;
    color: #000;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    font-weight: bold;
	
	border-left:8px solid #3d7cb2;
	padding-left:15px;
}
/*.h2-title:after {
    position: absolute;
    left: -20%;
    bottom: 0;
    height: 50%;
    width: 140%;
    background: #adadad;
    opacity: 0.3;
    content: "";
    z-index: -1;
}*/
.h3-title {
    border-left: 7px solid #BD0003;
    padding-left: 10px;
    margin-bottom: 20px;
    font-size: 1.6rem;
}

.h4-title {
    color: #000;
    font-weight: bold;
    font-size: 1.1rem;
}


/*========================================================
                      banner Styles
=========================================================*/

/* 首頁banner */
.banner-box {
}

.bxslider1, .bxslider2 {
	margin: 0;
	padding: 0;
	list-style-type: none;
}


/* 內頁banner */
.banner-l {
	display: none;
	position: relative;
/*	border-bottom: 15px solid #0096cc;*/
}
.banner-m {
	display: block;
	position: relative;
/*	border-bottom: 15px solid #0096cc;*/
}
.banner-l img, .banner-m img {
	max-width: 100%;
	vertical-align: bottom;
}



/* 文字 */
.banner-info {
	position : absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9;
	color: #fff;
	text-align: center;
	width: 100%;
}
.banner-info p {
	font-size: 1.500em;
	text-shadow: 2px 2px 10px #000;
	font-weight: bold;
	margin: 0;
}


/*========================================================
                      尺寸設定
=========================================================*/

@media (max-width: 479px) {
	.banner-info {
		text-align: center;
		padding: 5px;
	}
}

@media (min-width: 640px) {
	.banner-info p {
		font-size: 1.750em;
	}
}

@media (min-width: 768px) {
	.banner-l {
		display: block;
		margin-top: 0;
	}
	.banner-m {
		display: none;
	}
}

@media (min-width: 992px) {
	.banner-info p {
		font-size: 2.250em;
	}
}

@media (min-width: 1200px) {
	.banner-info p {
		font-size: 2.750em;
	}
}

@media (min-width: 1600px) {
	.banner-info p {
		font-size: 3.250em;
	}
}


/*========================================================
                      	 內頁框架
=========================================================*/

.content{
	padding-top: 30px;
    padding-bottom: 30px;
}
/*.content-wrap > .container {
    max-width: 1170px;
}*/



/* 麵包屑 */
.breadcrumbs {
	text-align: left;
	margin-left: 20px;
}
.breadcrumbs a {
	display: inline-block;
	text-decoration: underline;
	color: #000;
	padding: 0 0 10px 0;
}
.breadcrumbs a.home {
	font-weight: bold;
}
.breadcrumbs span {
	margin: 0 2px 0 4px;
	color: #015fa7;
	font-size: 1.250em;
	font-weight: bold;
}


/* 字級設定 */
.function-list {
	text-align: right;
	margin-bottom: 20px;
}
.font-change {
	display: -moz-inline-stack;
	display: inline-block;
 *display: inline;
	zoom: 1;
	vertical-align: top;
	margin: 0 0 0 30px;
	font-weight: bold;
	line-height: 32px;
}
.font-change p {
	display: inline-block;
	font-size: 1.125em;
	margin: 0;
	vertical-align: sub;
}
.font-change ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.font-change ul li {
	display: -moz-inline-stack;
	display: inline-block;
 *display: inline;
	zoom: 1;
	vertical-align: top;
}
.font-change li a {
	display: inline-block;
	border: 0px solid #e1e1e1;
	border-radius:4px;
	width: 32px;
	text-align: center;
	padding: 0;
	margin: 4px 0 0 0;
	font-weight: normal;
	background-color: #5e9b43;
	color: #fff;
	font-size: 0.938em;
}
/* 文章分享 */
.share-list {
	display: -moz-inline-stack;
	display: inline-block;
 *display: inline;
	zoom: 1;
	margin: 0 0 0 30px;
	font-weight: bold;
	line-height: 32px;
}
.share-list p {
	display: inline-block;
	font-size: 1.125em;
	margin: 0;
	vertical-align: sub;
}
.share-list ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.share-list ul li {
	display: -moz-inline-stack;
	display: inline-block;
 *display: inline;
	zoom: 1;
	vertical-align: top;
}
.share-list ul li a {
	display: block;
}
.share-list ul li a img {
	width: 100%;
	vertical-align: text-top;
}
/*更新日期*/
#update {
	float: right;
	text-align: right;
	margin: 0 0 10px 0;
}
/*快速按鈕*/
.content-btn {
	margin: 60px 0 0 0;
	padding: 6px;
	text-align: right;
}
.content-btn li {
	display: -moz-inline-stack;
	display: inline-block;
 *display: inline;
	zoom: 1;
	vertical-align: top;
}
.content-btn li a {
	color: #000;
	margin: 0 5px;
	padding: 4px 0 2px 24px;
}
.content-btn li a.c1 {
	background: url(../img/content-btn-01.png) no-repeat left 4px;
}
.content-btn li a.c2 {
	background: url(../img/content-btn-02.png) no-repeat left 3px;
}
.content-btn li a.c3 {
	background: url(../img/content-btn-03.png) no-repeat left 3px;
}
.content-btn li a.c4 {
	background: url(../img/content-btn-04.png) no-repeat left 3px;
}
.content-btn li a.c5 {
	background: url(../img/content-btn-05.png) no-repeat left 3px;
}

/* 尺寸設定 */
@media (max-width: 639px) {
	.function-list {
		margin-bottom: 10px;
	}
	#update {
		float: none;
		text-align: right;
		margin: 0 0 10px 0;
	}
}
@media (min-width: 1200px) {
	.function-list {
		margin-bottom: 20px;
	}
}



/*========================================================
                      	次選單設定
=========================================================*/

.navsub {
	margin-bottom: 20px;
	text-align: center;
    display: none;
}
.navsub-select {
    width: 100%;
    display: block;
}

.navsub-list {
	text-align: left;	
	margin-right: 30px;
	padding-bottom: 5px;
	border: 1px solid #ddd;
    background-color: #fff;
}
.navsub-list .navsub-list-title {
	color: #fff;
	background-color: #3d7cb2;
    border-bottom: 3px solid #069;
	padding: 14px 30px;
	text-align: left;
	margin: 0 0 10px 0;
    font-size: 1.5rem;
    position: relative;
}
.navsub-list .h-icon1 {
    background: #197858 url("../img/navsub-icon1.png") no-repeat 97% 50%;
}
.navsub-list .h-icon2 {
    background: #197858 url("../img/navsub-icon2.png") no-repeat 97% 50%;
}
.navsub-list .h-icon3 {
    background: #197858 url("../img/navsub-icon3.png") no-repeat 97% 50%;
}
.navsub-list .h-icon4 {
    background: #197858 url("../img/navsub-icon4.png") no-repeat 97% 30%;
}
.navsub-list .h-icon5 {
    background: #197858 url("../img/navsub-icon5.png") no-repeat 97% 50%;
}
.navsub-list .h-icon6 {
    background: #197858 url("../img/navsub-icon6.png") no-repeat 97% 30%;
}

.navsub-list ul {
	list-style: none;
	margin: 20px 20px 40px 20px;
	padding: 0;
}
.navsub-list ul.navsub-undersubtitle-ul {
	margin: 5px 20px 30px 20px;
}
.navsub-list ul li {
}
.navsub-list ul li a {
	display: block;
	padding: 7px 10px;
	color: #333;
	font-size: 0.9rem;
	margin: 0 0 10px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-bottom: 1px dashed #ddd;
}
.navsub-list ul li a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    top: 0;
    bottom: 0;
    background: #dadada;
    height: 100%;
    -webkit-transition: all 0.3s ease-out;
    transition:  all 0.3s ease-out;
}
.navsub-list ul li a:hover:before, 
.navsub-list ul li a:focus:before, 
.navsub-list ul li a:active:before,
.navsub-list ul li a.active:before {
    right: 0;
}


.navsub-list .navsub-subtitle  {
	color: #000;
	background-color: #b4cae2;
	padding: 10px 10px;
	text-align: center;
	margin: 20px 20px 0 20px;
    font-size: 1.2rem;
    font-weight: bold;
}

.navsub-select {
    width: 100%;    
	margin-left: 15px;
	margin-right: 15px;
    margin-bottom: 20px;
	}
.navsub-select h2 {
	text-align: center;
	font-weight: bold;
	}
.navsub-select .form-control {
	margin-bottom: 20px;
}

.navsub-select label {
    font-size: 1.8em;
    font-weight: bold;
    text-align: center;
    display: block;
    margin-bottom: 10px;
}

@media (min-width: 1200px) {
    .navsub {
        display: block;
    }
    .navsub-select {
        display: none;
    }
}

/*========================================================
                      	 導盲磚設定
=========================================================*/

.accessKeyL{ text-align:left;}

.accessKeyC {
	position: absolute;
	left: 16px;
	top: 0;
	z-index: 9;
}


/*========================================================
                         回目錄頁
=========================================================*/

.btn-back {
	text-align: right;
	padding-top: 20px;
}
.btn-back a {
    background-color: #2c57ae;
	padding: 5px 20px 7px;
	border-radius: 3px;
	color: #fff;
}
.btn-back a:hover {
    background-color: #10338c;
	color: #fff;
	text-decoration: none;
}


/*========================================================
                         關於我們
=========================================================*/

.about-pic{ margin:30px 0;}

.about-subtitle {
	background-color: #bfdabb;
    padding: 6px 10px;
    margin: 0 0 10px 0;
	color: #000;
    font-weight: bold;
    border-left: 8px solid #569441;
    font-size: 1.25rem;
}

.about-table table tr td,
.about-table table tr th{ font-size:0.9rem;}

.about-equip-ul{ padding-left:25px;}
.about-equip-ul ul{ padding-left:25px;}

.about-organization-pic{ text-align:center;}
.about-organization-pic img{ max-width:100%; height:auto;}

.about-area-pic img{ max-width:100%; width:100%; height:auto;}
.about-area-text{}

.about-area-table table{ background-color:#ededed;}
.about-area-table table tr th{ background-color:#3c7cb2; color:#fff; text-align:center;}

.about-area-table table tr td,
.about-area-table table tr th{ font-size:0.9rem;}

.about-process-pic img{ max-width:100%; height:auto;}

.about-prevent-con{ margin:15px 0;}
.about-prevent-con p{ margin:15px 0; font-size:0.9rem; text-align:center;}

/* 圖片設定 */

.img-s1 {
    background-color: #fff;
    width: 100%;
    margin-bottom: 15px;
}

@media (min-width: 992px) {
	.about-timeline dt{ float:left; width:160px;}
	.about-timeline dd{ margin-left:180px;}
	.about-timeline dd::before{ content:"│"; margin-right:30px;}
}
@media (min-width: 1200px) {
    .about-area-pic{ float:left; width:480px;}
	.about-area-text{ margin-left:560px;}
}

@media (min-width: 1600px) {
  	.about-area-pic{ float:left; width:629px;}
	.about-area-text{ margin-left:800px;}
}


/*========================================================
                         政令宣導
=========================================================*/

.decree-table table thead tr{ background-color:#3c7cb2; color:#fff;}

.decree-table table tr td,
.decree-table table tr th{ font-size:0.9rem;}

.decree-table table tr td a{ padding:4px 10px; background-color:#3c7cb2; color:#fff;}


/*========================================================
                      	 營運與運作資料
=========================================================*/

.data-row{ text-align:center;}
.data-row iframe{ height:320px;}

.data-remark{ border:4px dashed #ccc; background-color:#ededed; padding:15px;}

/*========================================================
                         環境管理
=========================================================*/

.managemant-subtitle{ color:#3c7cb2; font-size: 1rem;}
.management-process-ol{ list-style-type:upper-alpha;}

.management-process-pic{ border-bottom:1px solid #ccc; margin-bottom:15px; padding-bottom:15px;}

.management-table table thead tr{ background-color:#3c7cb2; color:#fff; text-align:center;}

.management-table table tr td,
.management-table table tr th{ font-size:0.9rem; vertical-align:middle;}

@media (min-width: 992px) {
}

/*========================================================
                         申請與下載
=========================================================*/

.download-table table thead tr{ background-color:#3c7cb2; color:#fff;}

.download-table table tr td,
.download-table table tr th{ font-size:0.9rem;}

.download-table table tr td a{ padding:4px 10px; background-color:#3c7cb2; color:#fff;}

.download-detail-pic{ margin:15px 0;}
.download-detail-pic img{ width:100%; height:auto;}


.download-album{ margin:15px 0; text-align:center;}
.download-album h6{ margin:15px 0; font-size:0.9rem;}
.download-album-pic{ height:200px; background-position:center; background-size:cover; position:relative;}
.download-album-pic a{ display: block; height: 200px;}
/*.download-album-pic a{ display: block; position:absolute; top:0; left:0; width:100%; height:100%; z-index: 99; background-color:#fff; color:#fff; opacity:0;}*/
.download-album-pic a:hover{ opacity:0.6;}


.download2-ul{ list-style:none; padding-left:30px; font-size:0.9rem;}
.download2-ul li{ margin-left:23px; text-indent:-23px;}

.download2-ul ol{ padding-left:16px;}
.download2-ul ol li{ margin:0; text-indent:0;}

.download3-pic{ margin-bottom:15px;}

@media (min-width:992px) {

}

@media (min-width:1200px) {
	.download3-pic{ float:left; width:260px;}
	.download3-text{ margin-left:280px;}
}
@media (min-width:1600px) {
	.download3-pic{ float:left; width:320px;}
	.download3-text{ margin-left:350px;}
}


/*========================================================
                         最新消息
=========================================================*/

/* 框架 */


/* 內容 */
.page-news-con{ position:relative; color:#777; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:15px;}
.page-news-pic{ height:240px; position:relative; overflow:hidden;}
.page-news-pic img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:auto; min-width:100%; min-height:100%;-webkit-transition: all 0.3s; transition: all 0.3s;}
.page-news-con:hover .page-news-pic img{ width:120%;}
.page-news-text h4{ color:#555;}
.page-news-date{ margin:10px 0;}
.page-news-date span{ margin-right:5px; background-color:#3c7cb2;}
.page-news-date a{ margin-left:10px; color:#f4b100;}


/* 活動剪影 */

.page-album-con{ position:relative; color:#777; margin:15px 0;}
.page-album-pic{ height:240px; position:relative; overflow:hidden;}
.page-album-pic img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:auto; min-width:100%; min-height:100%;-webkit-transition: all 0.3s; transition: all 0.3s;}
.page-album-con:hover .page-album-pic img{ width:120%;}

.page-album-date{ margin:10px 0;}
.page-album-date span{ margin-right:5px; background-color:#3c7cb2;}

.page-album-con .news-item-more{ margin:30px 0;}


/* 了解更多 */

.news-item-more{ margin:30px 0 15px 0;}
.news-item-more a{ padding:15px 40px; background-color:#3c7cb2; color:#fff; -webkit-transition: all 0.3s; transition: all 0.3s;}
.news-item-more a i{ margin-right:10px;}
.news-item-more a:hover{ background-color:#09f;}

.pagination .page-item .page-link{ color:#3c7cb2;}
.pagination .page-item.active .page-link{ background-color:#3c7cb2; border-color:#3c7cb2; color:#fff;}
.pagination { justify-content: center;}


/* 尺寸設定 */
@media (min-width:992px){
	.page-news-pic{ width:320px; height:240px; float:left;}
	.page-news-text{ margin-left:340px;}
	
	.page-album-pic{ height:180px;}
}
@media (min-width:1200px){
	.page-news-pic{ width:320px;}
	.page-news-text{ margin-left:340px;}
}
@media (min-width:1600px){
	.page-album-pic{ height:240px;}
}




/*========================================================
                   	最新消息內頁
=========================================================*/

.page-news-detail-wrapper{ margin-top:30px;}
.page-news-detail-title{ font-weight:bold; color:#3c7cb2; margin-bottom:30px;}

.page-news-detail-content{ color:#777;}
.page-news-detail-content img{ max-width:100%; height:auto;}


/* 分類+外連 */

.back-btn{ margin:30px 0 15px 0;}
.back-btn a{ padding:15px 40px; background-color:#3c7cb2; color:#fff; -webkit-transition: all 0.3s; transition: all 0.3s;}
.back-btn a i{ margin-right:10px;}
.back-btn a:hover{ background-color:#09f;}

/*========================================================
                         回饋金資訊
=========================================================*/

.rebate-table table tr th{ color:#3877ad;}
.rebate-table table tr td a{ padding:4px 10px; background-color:#3877ad; color:#fff;}


/*========================================================
                         聯絡我們
=========================================================*/

.contact-info {
	padding:30px;
	background-color:#ededed;
	border-left:8px solid #3c7cb2;
}
.contact-info h4{
	font-weight:bold;
}

.contact-info ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.contact-info ul li {
	list-style: none;
/*	padding: 5px 0 5px 60px;*/
	position: relative;
	margin-bottom: 0;
}
.contact-info ul li i {
    display: inline-block;
    width: 20px;
    text-align: center;
	margin: 0 5px;
	padding: 0;
}
/*.contact-info ul li:nth-of-type(1) i {
    color: #e71c30;
}
.contact-info ul li:nth-of-type(2) i {
    color: #028ad3;
}
.contact-info ul li:nth-of-type(3) i {
    color: #2e9876;
}
.contact-info ul li:nth-of-type(4) i {
    color: #cd7f0c;
}

.contact-info ul li [class^="flaticon-"]:before, 
.contact-info ul li [class*=" flaticon-"]:before, 
.contact-info ul li [class^="flaticon-"]:after, 
.contact-info ul li [class*=" flaticon-"]:after {
    margin-right: 0px;
}
*/


/*========================================================
                         各類表單
=========================================================*/



/* 表單設定 */

.form-horizontal label:before {
    font-family: 'Font Awesome 5 free';
    content: "\f044";
    font-weight: 900;
    display: inline-block;
    margin-right: 5px;
    color: #555;
}

/* 意見表單 */

.contact-form form .form-group textarea{border-radius:0; padding:25px; background-color:#ededed;}
.contact-form form .form-group input{ border-radius:0; padding:25px; background-color:#ededed;}
.contact-form form .form-group select{ border-radius:0; padding:0 22px; background-color:#ededed; height:52px;}
.contact-form form .form-group button{ background-color:#3c7cb2; border-color:#3c7cb2; color:#fff; border-radius:0; padding:15px 0; width:118px; text-align:center; }
.contact-form form .form-group button[type="reset"]{background-color:#ccc; border-color:#ccc; color:#555;}



/* 尺寸設定 */


/*========================================================
                         網站地圖
=========================================================*/

.sitemap-list {
  margin: 30px 0 0 0;
}
.sitemap-list dl {
	display: inline-block;
	zoom: 1;
	vertical-align: top;
	width: 100%;
	margin: 0 0 20px 0;
}
.sitemap-list dl dt {
	background-color: #bfdabb;
    padding: 6px 10px;
    color: #9a4759;
    font-size: 120%;
    margin: 0 0 10px 0;
    font-weight: bold;
    border-top: none;
    border-bottom: none;
    border-left: 8px solid #569441;
}
.sitemap-list dl dd {
  padding: 0 0 0 6px;
}
.sitemap-list dl dd ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sitemap-list dl dd ul li {
  padding: 3px 5px 3px 14px;
  border-bottom: 1px dotted #e1e1e1;
}
.sitemap-list dl dd ul li a {
 	color: #333;
}
.sitemap-list dl dd ul li:last-child {
  border-bottom: none;
}
.sitemap-list dl dd ul li ul li {
  padding: 3px 5px 3px 32px;
  border-bottom: none;
}

.sitemap-subtitle{ color:#3d7cb2;}


/* 尺寸設定 */

@media (min-width: 640px) {
	.sitemap-list dl {
		width: 47%;
		margin: 0 2% 20px 0;
	}
}
@media (min-width: 1200px) {
	.sitemap-list dl {
		width: 31%;
		margin: 0 2% 20px 0;
	}
}
@media (min-width: 1600px) {
	.sitemap-list dl {
		width: 22.5%;
		margin: 0 2% 20px 0;
	}
}


/*========================================================
                         外部連結
=========================================================*/


.link-table table thead tr{ background-color:#3c7cb2; color:#fff;}
.link-table table tr td{ vertical-align:middle;}
.link-table table tr td a{ padding:4px 10px; background-color:#3c7cb2; color:#fff;}
.link-table table tr th span{ font-size:0.7rem; color:#777; display:none;}
@media (min-width: 1200px) {
	.link-table table tr th span{display:block;}
}


/*========================================================
                           表格
=========================================================*/

.table1 {
	background-color: #fff;
	border-width: 1px;
	border-color: #c1c1c1;
	border-style: solid;
	border-collapse: collapse;
	text-align: center;	
	margin: 0;
/*    font-size: 0.8rem;*/
}
.table1 caption {
    caption-side: top;
    padding: 0;
    margin-bottom: 10px;
    color: #3c7cb2;
    font-weight: bold;
/*    font-size: 1rem;*/
}

.table1 tr:nth-of-type(2n+1){
	background-color: #f0f0f0;
}
.table1 tr.main th {
	background: #3c7cb2;
	color: #fff;
    vertical-align: middle;
	font-weight: bold;
	padding: 3px !important;
	text-align: center;
	border-right: 1px solid #fff !important;
}
.table1 th{border-right: 1px solid #c1c1c1 !important;}
/*
.table1 th:last-of-type {
	border-right: none;	
}
*/
.table1 tr.blue-bg th,
.table1 tr.blue-bg td {
	background-color: #daeaf9;
    color: #333;
    font-weight: normal;
	border-right: 1px solid #c1c1c1 !important;
}
.table1 th.white-bg {
	background-color: #fff;
    color: #333333;
    font-weight: bold;
	border-right: 1px solid #c1c1c1 !important;    
}
.table1 td {
    vertical-align: middle;
	padding: 3px !important;
	border-right: 1px solid #c1c1c1;		
}
/*
.table1 td:last-child{
	border-right: none;
}
*/
.table1 td.left {
	text-align: left;	
}
.table1 td.c {
	text-align: center;	
}



.table2 {
	background-color: #fff;
	border-width: 1px;
	border-color: #999;
	border-style: solid;
	border-collapse: collapse;
	text-align: center;	
	margin: 0 0 30px 0;
}
.table2 th {
	background: #90613f;
	color: #fff;
	font-weight: bold;
	padding: 10px 15px !important;
	text-align: center;
	border-right: 1px solid #999;	
}
.table1 th:last-of-type {
	border-right: none;	
}
.table2 td {
	padding: 10px 15px !important;
	border: 1px solid #999;		
}
.table2 td:last-child{
	border-right: none;
}
.table2 td.left {
	text-align: left;	
}
.table2 td.c {
	text-align: center;	
}


.table1 a i {
    font-size: 1.2rem;
    color: #d72a26;
}

.table1 a i span {
    display: none;
}


/*========================================================
                      flex-style設定
=========================================================*/

.flex-style1 > div:nth-of-type(3) {
    text-align: center;
}
.flex-style1 > div:nth-of-type(3) button {
    width: 100%;
    margin: 10px 0;
}

.flex-style2 {
    display: flex;
    width: 100%;
    line-height: 38px;   
}
.flex-style2 > div {
    flex-basis: calc(50% - 80px);
}
.flex-style2 > div:nth-of-type(1) {
    flex-basis: 110px;
}
.flex-style2 > div:nth-of-type(1) {
    font-size: 1.2rem;
    line-height: 38px;
    font-weight: bold;
    margin: 0;
}
.flex-style2 > div:nth-of-type(3),
.flex-style2 > div:nth-of-type(5) {
    flex-basis: 30px; 
    margin: 0 5px;
}

.flex-style1 .btn-primary{ background-color:#3c7cb2;}

@media (max-width: 991px) {

    .flex-style2 > div:nth-of-type(3) {
        flex-basis: 16px; 
        margin: 0 10px 0 10px;
    }
    .flex-style2 > div:nth-of-type(5) {
        flex-basis: 16px; 
        margin: 0 0 0 10px;
    }
}
@media (min-width: 992px) {
    .flex-style1 {
        display: flex;
        width: 100%;
    } 
    .flex-style1 > div {
        flex-basis: calc(50% - 50px);
        margin-right: 10px;
    }
    .flex-style1 > div:nth-of-type(3) {
        flex-basis: 90px;
        line-height: 38px;
        margin-right: 0;
    }
    .flex-style1 > div:nth-of-type(3) button {
        width: 100%;
        margin: -3px 0 0 0;
    }
}



/*----------------------UPDATE 250904---------------------*/


.flex-style2 fieldset{
    display: flex;
    width: 100%;
    line-height: 38px;   
}
.flex-style2 fieldset legend{
	font-size: 1.2rem;
    line-height: 38px;
    font-weight: bold;
    margin: 0;
}

.flex-style2 > fieldset > div {
    flex-basis: calc(50% - 80px);
}
.flex-style2 > fieldset > div:nth-of-type(1) {
    flex-basis: 110px;
}
.flex-style2 > fieldset > div:nth-of-type(1) {
    font-size: 1.2rem;
    line-height: 38px;
    font-weight: bold;
    margin: 0;
}
.flex-style2 > fieldset > div:nth-of-type(3),
.flex-style2 > fieldset > div:nth-of-type(5) {
    flex-basis: 30px; 
    margin: 0 5px;
}


@media (max-width: 991px) {

    .flex-style2 > fieldset > div:nth-of-type(3) {
        flex-basis: 16px; 
        margin: 0 10px 0 10px;
    }
    .flex-style2 > fieldset > div:nth-of-type(5) {
        flex-basis: 16px; 
        margin: 0 0 0 10px;
    }
}



.news-album-con{ position:relative; color:#777; margin:15px 0;}
/*.news-album-pic{ height:240px; position:relative; overflow:hidden;}*/
.news-album-pic img {
    width: 100%;
    height: 240px;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .3s;
    transform: scale(1);
}
/*.news-album-pic:hover img{ transform: scale(1.2);}*/
.news-album-con p{ margin:10px 0; text-align:center; font-size:0.9rem; }


.data-search-time-input fieldset{ display:flex;}
.data-search-time-input fieldset legend{  font-size:1.2rem; font-weight:700; padding:3px 0; }
.data-search-time-input label{ padding:5px 10px; }
.data-search-time-btn{width: 100%;}
.data-search-time-btn button{ width:100%; display:block; background-color:#3c7cb2; }

@media (min-width: 992px) {
	.data-search-time-wrap{ display:flex; }
	.data-search-time-input{width: 43%; margin-right:2%; }
	
	.data-search-time-input fieldset legend{ float:left; width:480px;}
	
	.data-search-time-btn{width: 10%;}
}
@media (min-width: 1600px) {
	.data-search-time-input fieldset legend{ width:340px; }

}