@charset "UTF-8";

body,h1,h2,h3,h4,h5,h6,p,ul,ol{
	padding: 0;
	margin: 0;
}

body,h1,h2,h3,h4,h5,h6,p{
	font-size: 1em;
}
a{
	text-decoration: none;
}

body{
	
	background-color: #FFEEAB;
    border-top: 10px solid #087534;
}


.unit-page{
	background-image: none;
}

 ul{
	list-style: none;
}


@media screen and (max-width:992px ){
	body{
		font-size: 0.9em;
	}
}
/*container*/


.container{
	max-width: 1366px;
	margin:auto;
	padding:0 15px;
}
.container-xl{
	max-width: 1920px;
	margin:auto;
	box-sizing: border-box;
	padding:0 2em;
}



/*header*/
header{
	padding: 1.5em 15px 1em 15px;
	background-image: url(../images/bg_header.png);
	background-repeat: no-repeat;
	background-position: top -23px center;

}
header .container{
	position: relative;
	height: 180px;
}

header a{
	color:#000;
}

.logo {
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	width: 370px;
	height: 200px;
	z-index: 88;
	position: relative;
}

.logo span{
	display: none;
	background-image: url(../images/logo.png);
}
.logo strong{
	display: block;
	font-size: 3.3em;
	font-weight: normal;
	color: #000000;
	padding-top: 50px;
	text-shadow: 2px 2px 0px rgba(255,255,255,1);
}

.header-function{
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.top-bar{
	align-items: center;
	position: absolute;
	right: 0;
	top: 0;
}

.top-bar.flex-block{
	justify-content: flex-end;
}
.top-bar span{
	text-align: right;
}

a.tbl:after{
	content:"｜";
}

.top-bar span{
	margin:0 1em;
}
.top-search{
	margin: 1em 0;
	text-align: right;
}

.top-search input{
	width: 21em !important;
	height: 2em;
	border: 2px solid #01923b;
	border-radius: 30px;
	box-sizing: border-box;
	padding:0 1em;
	font-size: 1em;
}


.hot-keyword{
	text-align: right;
}

.txt-size{
	display: inline-block;
}

.txt-size a{
	display: inline-block;
	background-color: #01923b;
	color: #fff;
	padding: 0.3em 0.6em;  
}


.close-menu-btn{
	display: none;
}

@media screen and (max-width: 1400px){
	header{
	background-image: url(../images/bg_header_s.png);
	background-position: top -23px left 442px;

}
}

@media screen and (max-width:992px){
	header{
		padding:2em 0px;
		background-image: url(../images/bg_header_mobile.png);
	background-position: top -15px right 55px;
	background-size: 275px;
	}
	header .container{
		height: 50px;
	}
	.logo {
	width: 80%;
	height: 50px;
	background-size: 280px;
}
.logo strong{
	padding-top: 0px;
	font-size: 2.8em;
	padding-left: 290px;
	line-height: 1em;

}
.menu-btn{
	display: block;
	background-image: url(../images/menu-btn.png);
	width: 30px;
	height: 30px;
	background-size: contain;
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	right: 30px;
	top: 5px;
	z-index: 999;
}
	.mobile-menu-block{
		display: none;
	}
	.mobile-menu-block{
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-color: #ffffff;
	z-index: 9999;
	padding:2em;
	box-sizing: border-box;
	overflow: scroll;
}

.top-bar.flex-block{
	display: block;
	text-align: left;
	margin-top: 2.5em;
	position: relative;
	right: auto;
	top: auto;
}
.top-search,.hot-keyword{
	text-align: left;
}
.top-bar span{
	margin-left: 0;
}
	.menu-open{
		display: block !important;
	}
	.mobile-menu-block nav{
	display: block;
	margin-top: 2em;
}
.close-menu-btn{
	display: block;
	position: absolute;
	right: 30px;
	top: 20px;
	background-image: url(../images/close-btn.png);
	width: 30px;
	height: 30px;
	background-size: contain;
	background-repeat: no-repeat;
}
} 


@media screen and (max-width:768px){
	header{
		background-image: url(../images/bg_header_s.png);
		background-position: top -35px left 280px;
	background-size:380px;
	}
	header .container{
		height: 20px;
	}
	.logo {
	width: 330px;
	height: 20px;
	background-size: 120px;
}
.logo strong{
	padding-top: 0px;
	font-size: 1.3em;
	padding-left: 125px;
	line-height: 1em;

}
.menu-btn{
	top: -4px;
	right: 15px;
}
}


@media screen and (max-width:360px){
	.menu-btn{
		top: 0;
		
		width: 25px;
    height: 25px;
	}
}



/*main*/
.content-block{
	background-color: #fff;
	padding:15px;
}

.content-block a{
	color: #01923b;
}


/*main 左右欄位*/

/*麵包屑*/
.bread{
	margin-bottom: 1em;
	display: flex;
}

.bread a{
	color: #000;
}

.bread a:after{
	content: ">";
	display:inline-block;
	margin:0 5px;
}

.bread a:last-child:after{
	content: "";
}


@media screen and (max-width: 992px){
	.bread{
		background-color: #01923b;
		padding:5px 15px;
	}
	.bread a{
		color: #fff;
	}
}

/*選單內容*/
header nav{
	width: 100%;
	margin-top: 133px;
	background-color: #087534;
	text-align: center;
	position: relative;
	z-index: 88;
	height: 50px;
}
.menu-box{
	position: relative;
	display: inline-block;
}
.menu-box a{
	line-height: 2.6em;
}
a.main-menu{
    font-size: 1.2em;
    color: #ffffff;
    padding: 0.5em;
}


.sub-click {
	padding:0.7em;
}
.sub-click a{
	color: #fff;
	background-size: 1em;
	font-size: 1.1em;  
	line-height: 1.2em;
}
.sub-click:hover{
	background-color: #f16c00;
}
.sub-menu{
	position: absolute;
	width: 11em;
	margin:auto;
	left: 0;
	top: 49px;
	text-align: left;
	background-color: #00722e;
	z-index: 88;
	display: none;
}
.menu-box:last-child .sub-menu{
	left:auto;
	right: 0;
}

.menu-box:hover{
	background-color: #00722e;
}

.menu-box:hover .sub-menu ,.menu-box:active .sub-menu,.sub-menu:hover{
display: block;
}


@media screen and (max-width: 1400px){
a.main-menu{
	font-size: 1.1em;
	line-height: 55px;
}

}

@media screen and (max-width: 1290px){

a.main-menu{
	font-size: 1em;
}
.sub-click a{
	font-size: 1em;
}
}


@media screen and (max-width: 1180px){

a.main-menu{
	font-size: 0.85em;
}
.sub-click a{
	font-size: 0.85em;
}
}


@media screen and (max-width: 992px){
	header nav{
		height: auto !important;

	}
	.menu-box{
	display: block;
	font-size: 1.4em;
}

.menu-box:hover{
	height: auto;
}
.menu-box:hover .sub-menu ,.menu-box:active .sub-menu,.sub-menu:hover{
	display: none;
}


.sub-menu{
	position: relative;
	top: 0 !important;
	width: 100%;
	text-align: center;
	background-color: #f1b500;
	
}
.sub-menu a{
	color: #000;
}
.main-menu i{
	display: inline-block;
}
}

/*首頁內容*/
.inner-title span{
	border-bottom: 3px solid #000000;
	color: #000000;
	font-size: 1.6em;
}

.inner-title{
	margin-bottom: 0.8em;
}


.friend-link.block .inner-title span {
    
}

.more{
	float: right;
	background-color: #01923b;
	color: #fff;
	padding:0.2em 0.5em; 
}
.news-list-block{
	background-color: #fff;
	padding:1em;
}
.news-list a{
	display: block;
	color: #000;
	border-bottom: 1px dotted #ccc;
	line-height: 2em;
	
}
.link-group a{
	padding-left: 1.5em;
	position: relative;
}

.link-group a:before{
	font-family: "Font Awesome 5 Free"; font-weight: 900;
	position: absolute;
	color: #01923b;
}
.style-01 a:before{
	content: "\f06c";
	left: 0;
	top: 0;
}

.style-02 a:before{
	content: "\f0da";
	left: 8px;
	top: 0;
}

.style-03 a:before{
	content: "\f075";
	left: 2px;
	top: 0;
}

.style-04 a:before{
	content: "\f101";
	left: 4px;
	top: 0;
}
.news-list span{
	 display: inline-block;
	 vertical-align: middle;
}
.news-date{
	width: 110px;
}
.news-name{
	overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;
  width : 420px;
}
.news-name-long {
	max-width: calc(100% - 110px);
}

.news-list a:last-child {
	border-bottom: none;
}


.news-block .flex-block{
	align-items: stretch;
}
.banner-wrap{
	flex-basis: 50%;
	width: 50%;
	background-color: #ffffff;
}

.banner-wrap img{
	width: 100%
}

.new-wrap{
	flex-basis: 50%;
	box-sizing: border-box;
	background-color: #fff;
	padding:1em 1em 0 1em;
}



.block{
	padding-top: 1.5em;
}

@media screen and (max-width:1210px ){
	.sub-menu{
		top: 39px;
	}
	.news-name{
		width: 320px;
	}
}



@media screen and (max-width:992px ){
	.banner-wrap,.new-wrap{
		flex-basis: 100%;
		width: 100%;
	}
	.new-wrap{
		padding-bottom: 1em;
	}
}
@media screen and (max-width:768px ){
	.news-name{
		width: 100%;
		white-space: normal;
}
}


/*main 主題專區 資料下載*/

.topic-block.block {
    background-color: white;
    padding: 1em;
    margin: 2em 0 0 0;
    padding-bottom: 0;
}

.topic-group.flex-block{
	flex-wrap: wrap;
}


.topic-group section{
	background-color: #fff;
	background-size: cover;
	height: 230px;
	margin-bottom: 1.5em;
	position: relative;
	background-position: center;
}


.topic-group.flex-block a {
    border-radius: 20px;
    display: block;
}

.topic-group section h3{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 0.5em;
	background-color: #01923bcf;
	color: #fff;
	font-size: 1.5em;
	font-weight: normal;
	text-align: center;
    margin: auto ;
    width: 100%;
}



.topic-01{
	background-image: url(../images/bgimg01.jpg);
}

.topic-02{
	background-image: url(../images/bgimg02.jpg);
}
.topic-03{
	background-image: url(../images/bgimg03.jpg);
}
.topic-04{
	background-image: url(../images/bgimg04.jpg);
}
.topic-group section.topic-05{
	background-image: url(../images/bgimg05.jpg);
	background-size: contain;
}
.topic-06{
	background-image: url(../images/bgimg06.jpg);
}
.topic-07{
	background-image: url(../images/bgimg07.jpg);
}
.topic-08{
	background-image: url(../images/bgimg08.jpg);
}
.topic-09{
	background-image: url(../images/bgimg09.jpg);
}



.data-topic-block section{
	text-align: center;
	height: 180px;
	border-radius: 15px;
	box-sizing: border-box;
	position: relative;
	background-position: center top 18px;
	background-repeat: no-repeat;
	background-color: white;
	border: 5px solid #00923b;
}

.data-topic-block section h3{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 1.2em;
	padding:0.5em 0;
}

.data-topic-block a{
	color: #000;
	display: block;
}
.data-topic-01{
	background-image: url(../images/ficon03.png);
}
.data-topic-02{
	background-image: url(../images/ficon04.png);
}
.data-topic-03{
	background-image: url(../images/ficon05.png);
}
.data-topic-04{
	background-image: url(../images/ficon07.png);
}


@media screen and (max-width: 768px){
	.topic-group section{
		height: 60vw;
	}
	.data-topic-block section{
		margin-bottom: 20px;
	}
}






/*main 相關網站*/
.friend-link-list a{
	margin:0 0px;
}

.friend-link-list{
	width: 100%;
}
.friend-link-list img{
	height: 48px;

}

.friend-link-wrap{
	position: relative;
}
.friend-link-list{
	
}

.flbtn{
	flex:20px 0 0;
	width:20px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background-color: #01923b;
	z-index: 99;
	display: block;
}



.search-condition-input{
	background-color: rgba(255,255,255,0.7);
	padding:1em 1.5em;
	border-radius: 15px;
	margin-bottom: 15px;
	font-size: 0.8em;
}
.top-info-block{
	background-color: rgba(255,255,255,0.7);
	padding:1em 1.5em;
	border-radius: 15px;
	margin-bottom: 15px;
	font-size: 0.9em;
}
.search-condition-input .col,.top-info-block .col{
	margin-bottom: 1em;
}

.inner-s-title{
	text-align: center;
	font-size: 22px;
	border-bottom: 2px solid #000;
	padding-bottom: 0.3em;
	margin-bottom: 0.8em;
}

.top-info-block .col-name{
	background-color: #f16c00;
	display: inline-block;
	color: #fff;
	padding:0 5px;
}

.txt-block{
	font-size: 1.2em;
	clear: both;
	margin-bottom: 1em;
	margin-top: 2em;
	overflow: hidden;
}

.align-right{
	float: right;
}

.align-left{
	float: left;
}

.unit-page-name{
	font-size: 2em;
	color: #01923b;
	text-align: center;
	padding:1em;
}

.unit-title-block{
	margin-bottom: 0.5em;
	overflow: hidden;
}
.unit-title-block h2{
	font-size: 1.5em;
}
.license{
	width: 20px;
	height: 20px;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 20px;
	vertical-align: middle;
	margin:0 3px;
}
.license-yes{
	background-image: url(../images/license-yes.png);
	
}

.license-no{
	background-image: url(../images/license-no.png);
}

.unit-info-block{
	margin: 2em 0;
}
.unit-info-txt{
	margin-bottom: 0.5em;
}


.news-top-info{
	margin-bottom: 1em;
	background-color: rgba(255,255,255,0.7);
	border-radius: 15px;
	padding:0.9em 1.1em;
}

.news-info-box{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0.5em;
	align-items: flex-start;
}
.news-info-box:last-child{
	margin-bottom: 0;
}
.news-info-name{
	flex-basis: 4em;
	margin-right: 1em;
	background-color: #01923b;
	color: #fff;
	padding:0 0.5em;
	border-radius: 5px;
}
.news-info-content {
	max-width:90%;
}

.news-main-content{
	background-color: #fff;
	border-radius: 15px;
	padding:0.9em 1.1em;
	font-size: 1.25em;
}
.news-main-content h2{
	font-size: 1.25em;
}
.news-main-content h2,.news-main-content p{
	margin-bottom: 0.5em;
}
.file-download{
	display: block;
	text-decoration: underline;
	color: #01923b;
	margin-bottom: 0.5em;
	background-image: url(../images/file-download.png);
	background-repeat: no-repeat;
	background-size: 15px 20px;
	padding-left: 23px;
}

.keyword{
	background-color: #fff;
	padding:1em;
	margin-top: 0.5em;
	font-size: 1.2em;
}

.list{
	margin-left: 1em;
}

.list ul{
	margin-left: 1em;
}

.list li{
	position: relative;

}

.list > li:before{
	content: "";
	display: block;
	background-color: #ccc;
	width: 10px;
	height: 8px;
	position: absolute;
	left: -1.2em;
	top: 0.5em;
}

.list > li > ul li:before{
	content: "";
	display: block;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width: 20px;
	height: 10px;
	position: absolute;
	left: -2em;
	top: 0;
}
/*表格*/

table{
	border-collapse: collapse;
	width: 100%;
	font-size: 15px;
}
.table-block table td a{
	color:#3f3f3f;
	text-decoration: underline;
}
.table-block table th a{
	color:#9ce0b7;
	text-decoration: underline;
}
.table-block th,.table-block td{
	padding:8px 5px;
}
.table-block thead th{
	background-color: #01923b;
	color: #fff;
	font-weight: normal;
	text-align: left;
}
.table-block tbody th{
	font-weight: normal;
	background-color: #dbf0c9;
	text-align: left;
}
.table-block tr:nth-child(odd) td{
	background-color: #ffffff;
}
.table-block tr:nth-child(even) td{
	background-color: #dbf0c9;
}
.inner-table td,.inner-table th{
	border: 1px solid #ccc;
}
.table-block.inner-table tr td{
	background-color: #ffffff;
}

.inner-table td .table-block th{
	background-color: #01923b;
}

.inner-table .table-block tr:nth-child(even) td{
	background-color: #dbf0c9;
}

.scoll .table-title,.scoll .table-data-list{
	min-width: 960px;
}

.unit-table th,.unit-table td{
	width: 5em;
}

.td-width-1{
	width: 6em !important;
}

.td-width-2{
	width: 15em !important;
}

.td-width-3{
	width: 28em !important;
}
.td-width-4{
	width: 9em !important;
}


.unit-table td,.unit-table th{
	border:1px solid #01923b;
}

.unit-table td{
	background-color: #ffffff;
}

.news-content-txt{
	min-width: 960px;
}

.select-this td{
	background-color: #ccc !important;
}

tr:hover td{
	background-color: #eeeeee !important;
}



@media screen and (max-width:1200px){


}
@media screen and (max-width:992px){
	.scoll .table-title,.scoll .table-data-list{
	min-width: 1500px;
}
	.scoll-s .table-title,.scoll-s .table-data-list{
	min-width: 960px;
}
	.scoll{
	overflow-x: scroll;
	width: calc(100vw - 70px);
}
	.table-data-list{
		height: 300px;
		overflow-y: scroll;
		overflow-x: hidden;
	}

	.t100p{
		width: 100%;
	}
	table td,table th{
		min-width: 6em;
	}
}

/*搜尋條件表格選單樣式*/
.grid-block{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	border:2px solid #ccc;
}
.grid-col{
	flex-basis: 10%;
	flex-grow: 0;
	flex-shrink:0;
	border:1px solid #ccc;
	margin:-1px;
	text-align: center;
	padding:0.5em 0;
}
.grid-col a{
	text-decoration: underline;
}

.sub-grid{
	margin-top: 1em;
	border:2px solid #01923b;
	border-top:10px solid #01923b;

}

@media screen and (max-width:768px){
	.grid-col{
		flex-basis: 20%;
	}
}



@media screen and (max-width:576px){
	.grid-col{
		flex-basis: 50%;
	}
}

/*按鈕*/
.btn{
	border:none;
	background-color: #01923b;
	color:#fff;
	padding:0.3em 0.5em;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
}
.btn:hover{
	background-color: #006e2c;;
}
.btn-s{
	border:none;
	background-color: #f1b500;
	border-radius: 30px;
	color:#fff;
	padding:4px 0.7em;
	text-align: center;
	display:inline-block;
	text-decoration: none;
	color: #fff !important;
	text-decoration: none !important;
}

.btn-s:hover{
	background-color: #f16c00;
}

.btn-search-set{
	border:1px solid #01923b;
	background-color: #dbf0c9;
	color: #01923b !important;
	padding:0.2em 0.5em;
	font-size: 1.2em;
	border-radius: 5px;
}

.btn-search-clean{
	border:1px solid #01923b;
	background-color: #ffffff;
	color: #999999 !important;
	padding:0.2em 0.5em;
	font-size: 1.2em;
	border-radius: 5px;
}


/*頁碼*/
.page-block{
	display: flex;
	justify-content: flex-end;
	align-items: stretch;
	margin-top: 1em;
}

.page-block a{
	display: block;
	border:1px solid #01923b;
	background-color: #01923b;
	color: #ffffff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-left: 8px;
}

.page-block a.current{
	background-color: #ffffff;
	color: #01923b;
}

@media screen and (max-width:992px){
	.page-block{
		justify-content: center;
	}
	.page-block a,.page-block a.btn-page.end,.page-block a.btn-page.start{
		display: none;
	}
	.page-block a.btn-page,.page-block a.current{
		display: block;
	}
}

/*main 第三層選單樣板*/
.innder-grid-wrap{
	display: flex;
	align-items: stretch;
	background-color: #fff;

}

.innder-grid-wrap.transparent{
	background-color: rgba(255,255,255,0);
}
aside{
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis:10em;
	background-color: #ffcc00;
	box-sizing: border-box;
	padding:0.5em 0;
}
aside a{
	display: block;
	padding:0.5em 1em;
	color: #000;
	border-bottom: 1px dotted #fff;
}
aside a:last-child{
	border-bottom: none;
}
.grid-content{
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: 100%;
	box-sizing: border-box;
	padding:1em;
}

@media screen and (max-width: 576px){
	.innder-grid-wrap{
		flex-wrap: wrap;
	}
	
	aside{
		flex-grow: 0;
	flex-grow: 0;
	flex-basis:100%;
	display: flex;
	padding-top: 0;
	padding-bottom: 0;
	flex-wrap: wrap;
	}
	aside a{
		flex-basis: 50%;
		box-sizing: border-box;
		text-align: center;
		margin:-1px 0;
		padding:0.7em 1em;
	}
	aside a:last-child{
	border-bottom: 1px dotted #fff;
}
	.grid-content{
	flex-grow: 0;
	flex-grow: 0;
	flex-basis:100%;
}
}


/*main 諮詢單位*/
.other-link-block{
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px dotted #ccc;
}

.content-title{
	font-size: 1.3em;
	margin-bottom: 10px;
	border-left:10px solid #01923b;
	padding-left: 10px;
	color: #999;
}
.other-link-list li{
	margin-bottom: 10px;
	padding-left:18px;
	background-image: url(../images/icon-link.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 12px;
}

@media screen and (max-width: 576px){
	.other-link-list li{
	display: block;
}
}
/*footer*/
footer{
	margin-top: 30px;
}
.footer-link:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: -98px;
	width: 100%;
	height: 112px;
	background-image: url(../images/bg-footer.png);
    background-position: center top;
    background-repeat: repeat-x;
}

.footer-link{
	padding:2em;
	background: #087534;
	color: #fff;
	line-height: 1.5em;
	position: relative;
}

.footer-link a{
	color: #fff;
}

.flink-01{
	border-bottom: 1px solid #ffffff;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	display: flex;
}

.flink-01 a:after{
	content: "｜"
}
.flink-01 a:last-child:after{
	content: ""
}

.footer-info-02 a{
	display: block;
}

.all-link{
	padding:2em 0 112px 0;
	background-color: #f5f5f5;
    border-top: 1px solid #dbdbdb;
}

.all-link-btn{
	text-align: center;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 30px;
	cursor: pointer;
}
.all-link-btn:after{
	font-family: "Font Awesome 5 Free"; font-weight: 900;
	content: "\f078";
	color: #000;
}
.all-link-btn.close:after{
	font-family: "Font Awesome 5 Free"; font-weight: 900;
	content: "\f077";
	color: #000;
}

.all-link-group.close{
	height: 1px;
	overflow: hidden;
}
.link-box{
	flex-basis: 15%;
}
.link-box span{
	display: block;
	
	line-height: 2em;
	padding: 0 0 0 10px;
}

.link-box span a{
	color: #000000;
}

.link-box .title-link{
	font-size: 1.2em; 
    line-height: 1.8em;
    margin-bottom: 0.5em;
    border-bottom: 2px solid #01923b;;
}

.link-box .title-link a{
	
}


@media screen and (max-width:992px){
	.link-box{
	flex-basis: 31%;
	margin-bottom: 30px;
}
.footer-info-01,.footer-info-02,.footer-info-03{
	flex-basis: 100%;
	margin-bottom: 1em;
}

}



@media screen and (max-width:576px){
	.link-box{
	flex-basis: 48%;
}
.flink-01{
	display: block;
}

.flink-01 a{
	display: block;
}

.flink-01 a:after{
	content: "";
}

}





/*input style*/
input[type=text]{
	width: 100%;
	box-sizing: border-box;
	font-size: 1.2em;
}

select{
	width: 100%;
	font-size: 1.2em;
}
.long-s{
	width:100px !important;
}
.long-sm{
	width:150px !important;
}
.long-m{
	width:200px !important;
}

/*flex style*/
.flex-block{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.flex-block-start{
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
}

.row{
	display: flex;
	flex-wrap: wrap;
	margin:0 -15px;
}
.col-grow{
	flex-grow:1 ;
	flex-shrink:0 ;
}

.col{
	margin:0 15px;
}
.col-1{
	flex-basis: 100%;
}
.col-2{
	flex-basis: calc(50% - 30px);
}

.col-3{
	flex-basis: calc(33.3333% - 30px);
}

.col-4{
	flex-basis: calc(25% - 30px);
}

.col-5{
	flex-basis: calc(20% - 30px);
}

.col-6{
	flex-basis: calc(16.6666% - 30px);
}

.col-name{
	margin-right: 0.5em;
	font-size: 1.2em;
	font-weight: bold;
}
.col-content label{
	font-size: 1.2em;
}
.col-content.txt{
	font-size: 1.2em;
}
.col-content.txt table{
	border:1px solid #ffd200;
	background-color: #fff;
}
.col-content.txt table td,.col-content.txt table th{
	text-align: left;
	padding:4px;
}
.col-content.txt table th{
	background-color: #ffd200;
}
.name-em-1{
	flex-basis: 7.5em;
	flex-grow: 0;
	flex-shrink: 0;
}
.content-em-1{
	flex-basis: calc(100% - 10em);
	flex-grow: 1;
	flex-shrink: 1;
}



@media screen and (max-width:992px){
	.flex-block{
		flex-wrap: wrap;
	}
	.col-6{
		flex-basis: calc(33.3333% - 30px);
	}

}

@media screen and (max-width:768px){
	.col-2,.col-3{
		flex-basis: 100%;
	}
	.col-4{
		flex-basis: calc(50% - 10px);
	}
}



@media screen and (max-width:576px){
	.col-4,.col-6{
		flex-basis: 100%;
	}
}




/*radio checkbox 樣式*/
.set-frame{
	height: 300px;
	overflow: auto;
	padding:1em 0.5em;
	border:1px solid #ccc;
	margin-top: 1em;
}
.checbox-group label{
	display: block;
	margin-bottom: 0.5em;
}

/*黑底彈跳視窗*/
.cover{
	background-color: rgba(0,0,0,0.8);
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: 999;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.close-cover{
	display: none;
}


.pop-box{
	width: 90%;
	max-width: 800px;
	min-height: 400px;
	background-color: #ffffff;
	border-radius: 3px;
	position: relative;
}

.btn-close-box{
	font-weight: bold;
	position: absolute;
	right: 10px;
	top: 10px;
	background-color: #000000;
	color: #ffffff;
	border-radius: 15px;
	width:30px;
	height: 30px;
	display: block;
	text-align: center;
	line-height: 30px;
	z-index: 999;
}

/*提示文字*/
.sign-gray{
	color: #999 !important;
}

.sign-red{
	color: red !important;
}

.mb-extend{
	margin-bottom: 0.5em;
}

.open-more,.close-all{
	font-size: 20px;
}
/*jq ui fix*/
.ui-widget-content{
	border:none !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #01923b;
    background: #01923b;

}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #01923b;
	background: #01923b;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #01923b;
	background-color: #ffffff;
}


/*banner css fix*/
.flexslider{
	margin: 0 !important;
}
.flex-control-nav{
	bottom: 10px!important;
}