@charset "utf-8";
/* CSS Document */
/*body.home .content.small .ap{font-size:90%;}
body.home .content.medium .ap{font-size:100%}
body.home .content.big .ap{font-size:110%}*/
body.home .content .search_box {
	background-color: #dfdfdf;
	padding: 10px 15px 5px 15px;
	/* margin: 0; */
	border-radius: 5px;
}
body.home .ap {
	position: relative;
}
/*=====換頁=====*/
body.home .ap .page ul {
	display: inline-table;
	margin-top: 10px;
}
body.home .ap .page .buttom {
	margin: 15px auto;
	text-align: center;
	border-top: 1px #ccc solid;
	padding: 10px 0;
	clear: both;
}
body.home .ap .page .buttom li {
	margin: 2px;
	display: inline-block !important;
}
body.home .ap .page .buttom li a {
	background-color: #f8b732 !important;
	float: left;
	color: #000;
	background-repeat: no-repeat;
	/*height: 40px;*/
	text-decoration: none;
	padding: 10px 15px 10px 35px;
	font-size: 95% !important;
}
body.home .ap .page .buttom li a:hover {
	background-color: #e4e4e4 !important;
	text-decoration: none !important;
}
body.home .ap .page .fast {
	margin-top: 10px;
}
body.home .ap .page .fast span {
	margin: 0 5px;
	padding: 5px 0;
	display: inline-block;
}
body.home .ap .page .fast .red {
	color: #d21212;
}
body.home .ap .page .fast .go {
	display: inline-block;
}
body.home .ap .page .fast .go a {
	background-image: none;
	width: auto;
	text-indent: inherit;
	background-color: #995200;
	color: #fff;
	height: auto;
	padding: 5px 10px;
	text-decoration: none;
}
body.home .ap .page .fast .go a:hover {
	background-color: #000;
}
body.home .ap .page .buttom li.send a {
	padding: 10px 15px;
}
body.home .ap .page .buttom li.first a {
	background-image: url(../images/svg/page_first.svg);
	background-repeat: no-repeat;
	background-position: 15px 15px;
	background-size: 12px;
}
body.home .ap .page .buttom li.pre a {
	background-image: url(../images/svg/page_pre.svg);
	background-repeat: no-repeat;
	background-position: 15px 15px;
	background-size: 12px;
}
body.home .ap .page .buttom li.next a {
	background-image: url(../images/svg/page_next.svg);
	background-repeat: no-repeat;
	background-position: 72px 15px;
	background-size: 12px;
	padding: 10px 35px 10px 15px;
}
body.home .ap .page .buttom li.end a {
	background-image: url(../images/svg/page_end.svg);
	background-repeat: no-repeat;
	background-position: 72px 15px;
	background-size: 12px;
	padding: 10px 35px 10px 15px;
}
body.home .ap .page .buttom li.back a {
	background-image: url(../images/svg/undo.svg);
	background-repeat: no-repeat;
	background-position: 15px 13px;
	background-size: 15px;
	padding: 10px 15px 10px 38px;
}
body.home .ap .page .buttom li.vote a {
	
	background-repeat: no-repeat;
	background-position: 13px 10px;
	background-size: 20px;
	padding: 10px 15px 10px 38px;
}
@media (max-width: 480px) {
body.home .ap .page .buttom li span {
	display: none;
}
body.home .ap .page .buttom li.first a {
	background-image: url(../images/svg/page_first.svg);
	background-repeat: no-repeat;
	background-position: 15px 13px;
	background-size: 12px;
	padding: 20px;
}
body.home .ap .page .buttom li.pre a {
	background-image: url(../images/svg/page_pre.svg);
	background-repeat: no-repeat;
	background-position: 15px 13px;
	background-size: 12px;
	padding: 20px;
}
body.home .ap .page .buttom li.next a {
	background-image: url(../images/svg/page_next.svg);
	background-repeat: no-repeat;
	background-position: 15px 13px;
	background-size: 12px;
	padding: 20px;
}
body.home .ap .page .buttom li.end a {
	background-image: url(../images/svg/page_end.svg);
	background-repeat: no-repeat;
	background-position: 15px 13px;
	background-size: 12px;
	padding: 20px;
}
}
/*=====換頁end=====*/



/*---------search---------*/
body.home .ap .search_box {
	background-color: #e2e2e2;
	padding: 15px;
	margin: 5px 0 20px 0;
}
body.home .ap .search_box label {
	font-weight: normal;
}
body.home .ap .search_box div {
	position: relative;


	margin: 2px 0 5px 0;
	padding: 0;
}
body.home .ap .search_box .bt {
	padding: 0 4px;
	margin: 1px 0;
}
body.home .ap .search_box .bt01 {
	/* padding: 0 4px; */
	margin: 5px 0;
}
body.home .ap .search_box .end_date {
	padding: 0 5px 0 15px;
}
body.home .ap .search_box .end_date p {
	left: 0;
}
body.home .ap .search_box .end {
	padding: 0;
}
body.home .ap .search_box .end p {
	left: 0;
}
body.home .ap .search_box .start_date {
	padding: 0 5px 0 175px;
}
body.home .ap .search_box .start_date01 {
	padding: 0 5px 0 220px;
}
body.home .ap .search_box .keyword {
	padding: 0 5px 0 115px;
}
body.home .ap .search_box .keyword01 {
	padding: 0 5px 0 100px;
}
body.home .ap .search_box .sort01 {
	padding: 0 10px 0 65px;
}
body.home .ap .search_box .unit {
	padding: 0 5px 0 94px;
}
body.home .ap .search_box .year {
	padding: 0 5px 0 64px;
}
body.home .ap .search_box .number {
	padding: 0 0px 0 140px;
}
body.home .ap .search_box .numbers {
	padding: 0 35px 0 90px;
}
body.home .ap .search_box .sort02 {
	padding: 0 5px 0 64px;
}
body.home .ap .search_box div i {
	float: left;
	margin-right: 4px;
}
body.home .ap .search_box div img {
	margin-right: 4px;
}
body.home .ap .search_box p {
	left: 0;
	padding: 5px 0px;
	color: #000;
}
body.home .ap .search_box .sort ul, body.home .ap .search_box .date_radio ul {
	margin: 2px;
	display: block;
	padding: 0 0 0 95px;
	top: 0;
}
body.home .ap .search_box .sort li, body.home .ap .search_box .date_radio li {
	display: inline-block;
	margin: 2px !important;
}
body.home .ap .search_box .sort li a, body.home .ap .search_box .date_radio li a {
	position: relative;
	padding: 5px 10px;
	background-color: #DB3000;
	line-height: 35px;
	color: #fff;/* border-radius:  3px; */
}
body.home .ap .search_box .date_radio li a {
	background-color: #6a6a6a;
}
body.home .ap .search_box .sort li a:hover, body.home .ap .search_box .date_radio li a:hover {
	background-color: #000;
	color: #FFF;
	text-decoration: none;
}
body.home .ap .search_box .date_radio {
	padding: 0px 0 0 100px;
}
body.home .ap .search_box .date_radio label {
	top: 5px;
	position: relative;/* z-index: 99; */
	z-index: 1;
}
body.home .ap .search_box .date_radio ul {
	padding: 0 0 0 130px;
	position: absolute;
	top: -5px;
}
body.home .ap .search_box .date_radio li {
	display: inline-block;
	margin: 2px !important;
}
body.home .ap .search_box input[type=radio] {
	width: auto;
}
body.home .ap .search_box p, body.home .ap .search_box a {
	position: absolute;
}
body.home .ap .search_box a {
	color: #000;
	right: 5px;
	top: 2px;
}
body.home .ap .search_box a:hover {
	color: #ca7e12;
}
body.home .ap .search_box input, body.home .ap .search_box button {
	width: 100%;
	border: 0;
	padding: 4px;
}
body.home .ap .search_box select {
	width: 100%;
	border: 0;
	padding: 4px;
}
body.home .ap .search_box .bt input {
	background-color: #555;
	color: #fff;
	float: left;
	margin: 0 4px;
	-moz-box-shadow: 3px 3px rgba(20%,20%,40%,0.5);
	-webkit-box-shadow: 3px 3px rgba(20%,20%,40%,0.5);
	box-shadow: 3px 3px rgba(0, 0, 0, 0.25);
}
body.home .ap .search_box .bt input:hover {
	background-color: #000;
}
body.home .ap .search_box .bt .send {
	background-color: #1d4987;
}
body.home .ap .search_box .bt .clean {
	background-color: #1d4987;
}
body.home .ap .search_box .sort p, body.home .ap .search_box .sort01 p {
	background-image: url(../images/svg/search_ch.svg);
	background-repeat: no-repeat;
	background-position: 0px 12px;
	background-size: 14px;
	padding: 8px 0 5px 20px;
}
body.home .ap .search_box .sort02 p {
	background-image: url(../images/svg/search_ch.svg);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	background-size: 14px;
	padding: 5px 0 5px 20px;
}
body.home .ap .search_box .date_radio p {
	background-image: url(../images/svg/s_clock.svg);
	background-repeat: no-repeat;
	background-position: 0px 9px;
	background-size: 14px;
	padding: 5px 0 5px 20px;
}
body.home .ap .search_box .start_date p {
	background-image: url(../images/svg/s_date01.svg);
	background-repeat: no-repeat;
	background-position: 0px 9px;
	background-size: 15px;
	padding: 5px 0 5px 20px;
}
body.home .ap .search_box .start_date01 p {
	background-image: url(../images/svg/s_date01.svg);
	background-repeat: no-repeat;
	background-position: 0px 9px;
	background-size: 15px;
	padding: 5px 0 5px 20px;
}
body.home .ap .search_box .keyword p {
	background-image: url(../images/svg/s_key.svg);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	background-size: 16px;
	padding: 5px 0 5px 21px;
}
body.home .ap .search_box .keyword01 p {
	background-image: url(../images/svg/s_key.svg);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	background-size: 16px;
	padding: 5px 0 5px 21px;
}
body.home .ap .search_box .number p {
	background-image: url(../images/svg/s_key.svg);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	background-size: 16px;
	padding: 5px 0 5px 21px;
}
body.home .ap .search_box .numbers p.w01 {
	background-image: none;
	padding: 5px 0 5px 0;
	top: -2px;
}
body.home .ap .search_box .numbers p.w02 {
	background-image: none;
	right: 5px;
	top: 3px;
	padding: 0;
	left: inherit;
}
body.home .ap .search_box .unit p {
	background-image: url(../images/svg/s_unit.svg);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	background-size: 16px;
	padding: 5px 0 5px 21px;
}
body.home .ap .search_box .year p {
	background-image: url(../images/svg/s_clock.svg);
	background-repeat: no-repeat;
	background-position: 4px 8px;
	background-size: 16px;
	padding: 5px 0 5px 24px;
}
body.home .ap .search_box .start_date a, body.home .ap .search_box .end_date a {
	
	background-repeat: no-repeat;
	background-position: 0px 5px;
	background-size: 15px;
	padding: 0;
	text-indent: -9999px;
	width: 22px;
	height: 22px;
}
body.home .ap .search_box .start_date a:hover, body.home .ap .search_box .end_date a:hover {
	
}
body.home .ap .search_box .keyin p {
	background-image: url(../images/svg/s_key.svg);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	background-size: 16px;
	padding: 5px 0 5px 21px;
}
body.home .ap .search_box .keyin {
	padding: 0 0px 0 130px;
}
body.home .ap .search_box .keyin .a01 {
	padding: 0 5px 0 25px;
}
body.home .ap .search_box .keyin .a02 {
	padding: 0 15px 0 25px;
}
body.home .ap .search_box .keyin .a03 {
	padding: 0 5px 0 25px;
}
body.home .ap .search_box .keyin p.start {
	left: 0px;
	top: 0;
	background-image: none;
	padding: 5px 0;
}
body.home .ap .search_box .keyin p.and {
	/* right: 0px; */
	top: 0px;
	/* left:inherit; */
	background-image: none;
	padding: 5px 0;
}
/*---------search end---------*/

/*------最新消息列表------*/
body.home .content .ap .news_list .title {
	text-align: center;
	padding: 10px;
	color: #000;
	font-weight: normal;
	border: none;
	margin: 0;
	background-color: #7FB6E1;
}
body.home .ap .news_list ul li {
	position: relative;
	clear: both;
}
body.home .ap .news_list li:nth-child(2n+2) {
	background-color: #f1f1f1;
}
body.home .ap .news_list li a {
	position: relative;
	display: block;
	text-decoration: none;
	padding: 15px 10px 27px 10px;
	color: #000;
	clear: both;
}
body.home .ap .news_list li a:hover {
	background-color: #e6f4ff !important;
}
body.home .ap .news_list .pic img {
	width: 100%;
	max-width: 160px;
}
body.home .ap .news_list .pic {
	float: left;
	margin: 0 20px 0 0;
}
body.home .ap .news_list .word {
}
body.home .ap .news_list .titlelist {
	font-size: 110%;
	padding: 5px 45px 5px 0;
	/*font-weight: bold;*/
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
body.home .ap .news_list .txt {
	/*text-overflow: ellipsis;*/
	/*overflow: hidden;*/
	/* white-space: nowrap; */
	font-size: 100%;
	color: #000000;
	padding: 5px 0px;
	line-height: 26px;
	height: 55px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
body.home .ap .news_list .date {
	color: #1d4987;
}
body.home .ap .news_list .date div {
	display: inline-block;
	padding: 0 15px 0 0;
}
body.home .ap .news_list .date .sort {
	background-color: #1d4987;
	color: #fff;
	padding: 2px 5px;
	border-radius: 3px;
}
body.home .ap .news_list .playbox {
	/* left:120px; */
	z-index: 1;
	border: none;
	top: 15px;
	position: absolute;
	right: 10px;
}
body.home .ap .news_list .playbox li {
	display: inline-block;
}
body.home .ap .news_list .playbox li:nth-child(2n+2) {
	background-color: transparent;
}
body.home .ap .news_list .playbox li a {
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	padding: 8px 10px;
	border-radius: 3px;
	background-size: 25px;
	opacity: 0.6;
	border: none;
}
body.home .ap .news_list .playbox li.play a {
	background-image: url(../images/svg/v_play.svg);
}
body.home .ap .news_list .playbox li.stop a {
	background-image: url(../images/svg/v_stop.svg);
}
body.home .ap .news_list .playbox li a:hover {
	background-color: transparent !important;
	opacity: 1;
}
body.home .ap .news_list.search li a {
	position: relative;
	display: block;
	text-decoration: none;
	padding: 15px 10px;
	color: #000;
	clear: both;
}
body.home .ap .news_list.search01 .titlelist {
	font-size: 105%;
	padding: 5px 0;
	font-weight: normal;
	height: inherit;
}
/*--------新聞內容--------*/
body.home .ap .news {
	position: relative;
}
body.home .ap .subject {
	color: #000;
	padding: 15px 15px 5px 15px;
	margin-bottom: 10px;
	font-size: 120%;
	line-height: 30px;
	font-weight: bold;
	border-bottom: 1px solid #e0e0e0;
}
body.home .ap .datebox {
	display: block;
	padding: 0 15px;
	color: #1d4987;
}
body.home .ap .datebox div {
	display: inline-block;
	padding: 0 20px 0 0;
}
body.home .ap .datebox .sort {
	padding: 4px 12px;
	margin-right: 10px;
	background-color: #4b9a9a;
	color: #FFF;
	border-radius: 4px;
}
body.home .ap .subject-2 {
	color: #000;
	padding: 15px 15px 5px 15px;
	margin-bottom: 10px;
	font-size: 120%;
	line-height: 30px;
	font-weight: bold;
	border-bottom: 1px solid #e0e0e0;
}
/*=====語音播放 不放ap=====*/
body.home .content .playbox {
	/* float:right; */
    /*margin-top:15px;*/
	position: absolute;
	right: 15px;
	top: 66px;
	z-index: 1;
}
body.home .content .playbox li {
	display: inline-block;
}
body.home .content .playbox li a {
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	padding: 8px 10px;
	border: 1px #ccc solid;
	border-radius: 3px;
	background-size: 25px;
}
body.home .content .playbox li a:hover {
	background-color: #ffd481;
}
body.home .content .playbox li.volume a {
	
}
body.home .content .playbox li.play a {
	background-image: url(../images/svg/v_play.svg);
}
body.home .content .playbox li.pause a {
	
}
body.home .content .playbox li.stop a {
	background-image: url(../images/svg/v_stop.svg);
}
body.home .content .playbox li.eng a {
	text-indent: inherit;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 0;
	color: #fff;
	background-color: #014b7f;
}
body.home .content .playbox li.eng a:hover {
	background-color: #000;
}
/*=====單位簡介=====*/
body.home .ap .about {
	margin-bottom: 20px;
}
body.home .ap .about .edit {
	padding: 10px 15px;
	word-break: break-all;
	line-height: 26px;
	margin-bottom: 10px;
}
body.home .ap .about .edit span {
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
}
body.home .ap .about .edit span.nu {
	display: inline-block;
}
body.home .ap .about .edit .name {
	display: block;
	text-align: right;
}
body.home .ap .about .item {
	padding: 10px;
	line-height: 160%;/* margin-bottom: 30px; */
}
body.home .ap .about .item .stitle {
	float: left;
	color: #000000;
	width: 130px;
	height: 25px;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph; /*IE9*/
	-moz-text-align-last: justify; /*Firefox*/
	-webkit-text-align-last: justify; /*Chrome*/
	letter-spacing: 0;

	position: relative;
	padding: 0 0 0px 30px;
	line-height: 100%;
	margin: 0;
	font-weight: 600;
	display: block;
}
body.home .ap .about .item p {
	line-height: 100%;
	margin: 0;
}
body.home .ap .about .item .stitle:after {
	content: '';
	display: inline-block;
	width: 100%;
}
body.home .ap .about .item li {
	padding: 10px 0 10px 0;
	clear: both;
	border-bottom: 1px #d2d2d2 dotted;
	background-color: #f8f8f8;
}
body.home .ap .about .item li:nth-child(2n+2) {
	background-color: #ffffff;
}
body.home .ap .about .item li:first-child {
	border-top: 1px #d2d2d2 dotted;
}
body.home .ap .about .item li p::before {
	content: "：";
	color: #093f71;
}
body.home .ap .about .item li p.tt::before {
	content: "";
}
body.home .ap .about .item .stitle::before {
	position: absolute;
	left: 0;
	display: block;
	content: "";
	background-image: url(../images/svg/arrow03.svg);
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: 10px 3px;
	width: 20px;
	height: 20px;
}
body.home .ap .about .item .detail {
	/* padding: 10px; */
    /* line-height: 160%; */
	position: relative;
	clear: both;
	padding: 0px 0 10px 30px;
	top: 0px;
}
/*=====單位簡介END=====*/



/*=====相關附件 title=====*/
body.home .ap .title.a {
	background-color: #4B7B8B;
	padding: 5px 10px 5px 40px;
	color: #FFF;
	font-size: 130%;
	border: none;
	background-image: url(../images/svg/icon_picture.svg);
	background-repeat: no-repeat;
	background-size: 25px;
	background-position: 8px 8px;
}
body.home .ap .title.b {
	background-color: #466c8a;
	padding: 5px 10px 5px 40px;
	color: #FFF;
	border: none;
	margin: 0;
	font-size: 130%;
	background-image: url(../images/svg/icon_zip.svg);
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 8px 7px;
}
body.home .ap .title.c {
	background-color: #3C7890;
	padding: 5px 10px 5px 40px;
	color: #FFF;
	border: none;
	margin: 0;
	font-size: 130%;
	background-image: url(../images/svg/icon_link.svg);
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 10px 10px;
}
body.home .ap .title.d {
	background-color: #51af84;
	padding: 5px 10px 5px 40px;
	color: #FFF;
	border: none;
	margin: 0;
	font-size: 130%;
	
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 8px 7px;
}
/*=====相關附件=====*/
body.home .ap .download, body.home .ap .link {
	margin: 35px 0 0 0;
}
body.home .ap .download ul li, body.home .ap .link ul li {
	border-top: 1px #cecece dashed;
	padding: 10px;
	position: relative;
	display: block;
}
body.home .ap .download ul li, body.home .ap .link ul li {
	position: relative;
	padding-left: 30px;
	display: block;
	background-image: url(../images/svg/arrow04.svg);
	background-position: 12px 23px;
	background-repeat: no-repeat;
	background-size: 13px;
}
body.home .ap .download .upload {
	position: relative;
}
body.home .ap .download span {
	font-size: 85%;
	display: inline-block;
	color: #999999;
}
body.home .ap .download .upload div, body.home .ap .download .upload p {
	display: inline-block;
}
body.home .ap .download .upload input[type="file"] {
	width: 210px;
}
body.home .ap .download .upload input[type="button"] {
	background-color: #32a9a6;
	border: none;
	padding: 3px 10px;
	color: #FFF;
	margin: 0 4px;
}
body.home .ap .download .upload input[type="button"]:hover {
	background-color: #000000;
}
body.home .ap .download .note_ex {
	padding: 10px;
	background-color: #efeded;
	word-break: break-all;
}
body.home .ap .link ul li {
	padding: 10px 10px 10px 30px;
	background-position: 12px 14px;
}
body.home .ap .download .icon li a:hover {
	opacity: 0.7;
}
body.home .ap .download .icon li, body.home .ap .download ul li:nth-child(1), body.home .ap .link ul li:nth-child(1) {
	border: none;
}
body.home .ap .download .icon li {
	float: left;
	margin-left: 5px;
	padding: 0;
}
body.home .ap .download .icon li a {
	padding: 0;
	background-image: none;
}
body.home .ap .download .icon {
	position: relative;
	bottom: -5px;
	display: inline-block;
}
body.home .ap .download .icon li::before {
	display: none;
}
/*=====相關圖片=====*/
body.home .ap .album {
	position: relative;
}
body.home .ap .album .rowlist {
	padding: 0 10px;
}
body.home .ap .album .list {
	margin-top: 20px;
}
body.home .ap .album .rowlist .pic img {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	width: 100%;
}
body.home .ap .album .rowlist .pic {
	height: 200px;
	max-width: 100%;
	background-color: #f0f0f0;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border: 6px #ffffff solid;
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
}
body.home .ap .album .rowlist .txt {
	margin: 15px 0;
	line-height: 24px;
	padding: 0 10px;
	font-size: 97%;
}
/*=====活動花絮=====*/
body.home .ap .album_list {
	margin: 0 0 35px 0;
}
body.home .album_list img {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}
body.home .ap .album_list .pic {
	height: 170px;
	width: 100%;
	background-color: #f3f3f3;
	vertical-align: middle;
	display: flex;
	align-items: center;
	text-align: center;
	overflow: hidden;
	position: relative;
}
body.home .ap .album_list .pic .play {
	background-color: #000;
	width: 100%;
	height: 170px;
	background-image: url(../images/ap/icon_play.png);
	background-position: center;
	background-repeat: no-repeat;
	transition: all 200ms ease-out;
	opacity: 0;
	position: absolute;
	top: 0;
}
body.home .ap .album_list .pic .play:hover {
	opacity: 0.5;
}
body.home .ap .album_list .subject {
	color: #000;
	text-align: left;
	font-size: 100% !important;
	overflow: hidden;
	float: none !important;
	padding: 7px 5px 10px 5px !important;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 65px;
	white-space: normal;
	font-weight: normal;
	line-height: 26px;
	margin: 0 0 10px 0;
}
body.home .ap .album_list .info {
	color: #337ab7;
	text-align: left;
	margin: 5px 0 0 0;
	letter-spacing: 0;
}
/*body.home .ap .album_list .btn-primary {
    display: block;
    border-radius: 0;
    padding: 7px;
    border: 1px #dcdcdc solid;
    background-color: #fff;
    -moz-box-shadow: 3px 3px rgba(20%,20%,40%,0.2);
    -webkit-box-shadow: 3px 3px rgba(20%,20%,40%,0.2);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}*/
body.home .ap .album_list li a {
	display: block;
	border-radius: 0;
	padding: 7px;
	border: 1px #dcdcdc solid;
	background-color: #fff;
	-moz-box-shadow: 3px 3px rgba(20%,20%,40%,0.2);
	-webkit-box-shadow: 3px 3px rgba(20%,20%,40%,0.2);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	min-height: 308px;
}
body.home .ap .album_list li a:hover {
	background-color: #f3f3f3;
	border: 1px #fff solid;
	border-radius: 4px;
	text-decoration: none;
}
body.home .ap .album_list li {
	padding: 10px;
}
body.in .bottom_area .video .play {
	background-color: #000;
	width: 100%;
	height: 100%;
	
	background-position: center;
	background-repeat: no-repeat;
	transition: all 200ms ease-out;
	opacity: 0;
	position: absolute;
}
body.in .bottom_area .video a:hover .play {
	opacity: 0.5;
}
 @media (max-width: 767px) {
body.home .ap .album_list .pic {
	height: inherit;
}
body.home .album_list img {
	width: 100%;
}
body.home .ap .album_list .pic .play {
	height: 100%;
}
}
/*=====電子書=====*/
body.home .ebook_list img {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}
body.home .ebook_list .pic {
	height: 170px;
	width: 100%;
	background-color: #f3f3f3;
	vertical-align: middle;
	display: inline-flex;
	align-items: center;
	text-align: center;
	overflow: hidden;
	border: none;
	box-shadow: none;
	padding: 0;
}
body.home .ebook_list .subject {
	color: #000;
	text-align: left;
	font-size: 105%;
	font-weight: normal;
	padding: 5px 0;
	border: none;
	box-shadow: none;
	margin: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
    min-height: 78px;
}
body.home .ebook_list li div {
	border: 1px #dcdcdc solid;
	background-color: #fff;
	-moz-box-shadow: 3px 3px rgba(20%,20%,40%,0.2);
	-webkit-box-shadow: 3px 3px rgba(20%,20%,40%,0.2);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	padding: 10px;
	display: block;
	position: relative;
}
body.home .ebook_list li {
	display: block;
	padding: 10px;
}
body.home .ebook_list li a:hover {
	border-radius: 4px;
	text-decoration: none;
}
body.home .ebook_list li .info li {
	display: inline-block;
	border: none;
	box-shadow: none;
	width: 50%;
	float: left;
	padding: 0;
	text-align: center;
}
body.home .ebook_list li .info {
	border-top: 1px solid #ccc;
	padding-top: 10px;
}
body.home .ebook_list li .info li a {
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size: 20px;
	padding-left: 28px;
}
body.home .ebook_list li .info .viwe a {
	background-image: url(../images/svg/eye.svg);
}
body.home .ebook_list li .info .down a {
	background-image: url(../images/svg/download.svg);
}
body.home .ebook_list li .info .down span {
	background-image: url(../images/svg/prohibit.svg);
	background-repeat: no-repeat;
	background-size: 20px;
	padding-left: 23px;
}
@media (max-width: 767px) {
body.home .ap .ebook_list .pic {
	height: inherit;
}
body.home .ebook_list li div {
	width: 100%;
}
}
/*=====友站活動=====*/
body.home .adlink_list img {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}
body.home .adlink_list .pic {
	height: 150px;
	width: 100%;
	background-color: #f3f3f3;
	vertical-align: middle;
	display: inline-flex;
	align-items: center;
	text-align: center;
	overflow: hidden;
	border: none;
	box-shadow: none;
	padding: 0;
}
body.home .adlink_list .subject {
	color: #000;
	text-align: left;
	font-size: 105%;
	font-weight: normal;
	padding: 5px 0;
	border: none;
	box-shadow: none;
	margin: 0;
}
body.home .adlink_list li {
	display: block;
	padding: 10px;
	position: relative;
}
body.home .adlink_list li a:hover {
	border-radius: 4px;
	color: #000;
}
 @media (max-width: 767px) {
body.home .ap .adlink_list .pic {
	height: inherit;
}
body.home .adlink_list li div {
	width: 100%;
}
body.home .adlink_list img {
	width: 100%;
}
}
/*=====網站導覽=====*/
body.home .ap .sitemap ul {
	padding: 0 10px;
	margin: 0 0 20px 0;
}
body.home .ap .sitemap ul li.title {
	font-weight: bold;
	font-size: 110%;
	background-color: #32afaa;
	text-align: center;
	padding: 0 !important;
}
body.home .ap .sitemap ul li.title::before {
	content: "";
}
body.home .ap .sitemap ul li.title a {
	text-decoration: none;
	white-space: nowrap;
	color: #ffffff;
	margin: auto;
	padding: 10px !important;
}
body.home .ap .sitemap ul li.title a:hover {
	background-color: #2f8985;
	color: #FFF;
}
body.home .ap .sitemap ul li a {
	color: #000000;
	display: block;
	padding: 6px 10px 6px 25px !important;
}
body.home .ap .sitemap ul li a:hover {
	color: #000000;
	background-color: #e6f4ff;
	text-decoration: none;
}
body.home .ap .sitemap ul li {
	padding: 0 !important;
}
body.home .ap .sitemap ul li::before {
	content: "❯";
	position: absolute;
	margin: 5px 0 0 10px;
}
body.home .ap .sitemap ul ul {
	margin: 0;
}
body.home .ap .sitemap li li::before {
	content: "-";
}
/*=====樹狀圖=====*/
body.home .ap .tree .list {
	margin-top: 10px;
	padding: 0 10px;
	display: inline-block;
	float: left;
}
body.home .ap .tree .list .level1 a {
	font-size: 110%;
	font-weight: 600;
}
body.home .ap .tree .list .level1::before {
	display: inline-block;
	margin-right: 5px;
	
	background-repeat: no-repeat;
	background-position: 0px 1px;
	background-size: 23px;
	padding: 0 0 0 24px;
	content: "-";
	text-indent: -9999px;
}
body.home .ap .tree .list .level2 {
	border-left: 1px #c3c3c3 solid;
	padding: 5px 0 5px 20px;
	margin: 5px 0;
}
body.home .ap .tree .list .level2 li {
	padding: 4px 0 7px 10px;
}
body.home .ap .tree .list .level2 li ul {
	padding: 5px 0 0 17px;
}
body.home .ap .tree .list .level2 li li {
	padding: 5px 0;
	font-size: 95%;
	opacity: 0.9;
}
body.home .ap .tree .list .level2 li::before {
	content: "◢";
	display: inline-block;
	margin-right: 5px;
	font-size: 90%;
}
body.home .ap .tree .list .level2 li li::before {
	content: "❯";
	font-size: 90%;
}
body.home .ap .tree .list .level2 li li li::before {
	content: "_";
	font-size: 110%;
}
body.home .ap .tree .list .level1 .start {
	padding-top: 0;
}
body.home .ap .tree .list .level1 .start .white, body.home .ap .tree .list .level1 .end .white {
	position: absolute;
}
body.home .ap .tree .list .level1 .start .white {
	left: 17px;
	top: -14px;
}
body.home .ap .tree .list .level1 .end .white {
	left: 17px;
	bottom: -4px;
}
/*------資料圖像區------*/
body.home .ap .chart {
	display: block;
	margin: 10px 0;
	clear: both;
	border-top: 1px #ccc solid;
	padding-top: 15px;
}
body.home .ap .chart_list .chart:nth-child(1), body.home .ap .chart_list .chart:nth-child(2) {
	border-top: 1px #fff solid;
}
body.home .ap .chart .box {
	padding: 15px;
	line-height: 28px;
	margin: 0 0 0 0;
	text-align: left !important;
}
body.home .ap .chart img {
	width: 100%;/*max-width:570px;*/
}
body.home .ap .chart .box .title {
	font-size: 110%;
	padding: 10px 0;
	top: 0;
	background-color: transparent !important;
	text-align: left !important;
	border: none;
	margin: 0;
}
body.home .ap .chart .box .title a {
	color: #1d4987 !important;
	font-weight: 600;
}
body.home .ap .chart_list .title {
	text-align: center;
	background-color: #445977;
	padding: 10px;
	color: #FFF;
	font-weight: normal;
	border: none;
	margin: 0;
}
/*** 表格 start ***/
body .tab_area {
	padding: 10px 15px 0 15px;
}
body .tab_area span {
	display: block;
	text-align: center;
}
body .tab_area span.icon {
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: 34px;
	text-indent: -9999px;
	padding: 10px 0;
}
body .tab_area ul li {
	display: block;
	text-align: center;
}
body .tab_area li p {
	background-color: #e2e2e2;
	margin-bottom: 5px;
	word-break: keep-all;
}
body .tab_area li {
	display: block;
	padding: 5px;
}
body .tab_area li.download a {
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25px;
	text-indent: -9999px;
	padding: 2px 10px;
	display: inline-block;
}
body .tab_area li.counter a {

	background-repeat: no-repeat;
	background-position: center;
	background-size: 25px;
	text-indent: -9999px;
	padding: 4px 18px;
	display: inline-block;
}
body .tab_area li.download a:hover {
	
}
body .tab_area li.counter a:hover {
	
}
body .tab_area li i {
	font-size: 110%;
}
body .table0 th {
	white-space: nowrap;
	background-color: #68a1ce;
	border-right: #ddd 1px solid;
	text-align: center;
	color: #000;
}
body .table0 th:nth-of-type(2n) {
	background-color: #7FB6E1;
}
body .rwd-table td.item {
	background-color: #f3d75a;
	border: none;
	margin: 0;
	padding: 10px;
	text-align: left !important;
}
body .rwd-table td.sitem {
	background-color: #969696;
	border: none;
	margin: 0;
	color: #fff;
}
body .rwd-table td.item:before, body .rwd-table td.sitem:before {
	display: none;
}
body .table0 td a {
	color: #13538a;
}
body .rwd-table td a.link {
	background-color: #b37431;
	margin: 0 !important;
	color: #fff !important;
	
	background-repeat: no-repeat;
	background-position: 10px 5px;
	background-size: 20px;
	padding: 5px 10px 5px 35px;
	border-radius: 3px;
	text-decoration: none;
	display: inline-block;
}
body .rwd-table td a:hover.link {
	background-color: #1d4987;
}
.rwd-table {
/* background: rgba(255, 255, 255, 0.3); */
}
.rwd-table td.tempic:before {
	display: none;
}
.rwd-table tr:nth-of-type(2n) {
/* background: rgba(220, 219, 217, 0.26); */
}
.rwd-table tr {
/* background-color: #fff; */
}
.rwd-table td:nth-of-type(1) {
	/* white-space: nowrap; */
	border-left: 1px #e4e4e4 solid;
}
.rwd-table th, .rwd-table td {
	margin: 0.5em 1em;
}
.rwd-table {
	min-width: 100%;
	background: rgb(255, 255, 255);
	margin: 0 0 35px 0;
}
.rwd-table caption {
	text-align: center;
	background-color: #1d4987;
	padding: 15px 5px;
	color: #fff;
	font-size: 120%;
	border-top: 1px #e4e4e4 solid;
	border-right: 1px #e4e4e4 solid;
}
.rwd-table th {
	display: none;
}
.rwd-table td {
	display: block;
	border-right: 1px #e4e4e4 solid;
	border-bottom: 1px #e4e4e4 solid;
}
.rwd-table td:before {
	content: attr(data-th) " : ";
	font-weight: bold;
	margin-right: 5px;
	color: #2b69aa;
	display: inline-block;
}
.rwd-table th, .rwd-table td:before {
	font-weight: bold;
}
.rwd-table tr:nth-of-type(2n), .table0 tr:nth-of-type(2n) {
	background: #e6f4ff;
}
 @media (min-width: 700px) {
.rwd-table td:before {
	display: none;
}
.rwd-table th, .rwd-table td {
	display: table-cell;
	padding: 0.25em 0.5em;/* border-left: 0; */
}
body .table0 td:nth-of-type(5) {
/* border-right: none; */
}
.rwd-table th:first-child, .rwd-table td:first-child {
	padding-left: 0;
}
.rwd-table th:last-child, .rwd-table td:last-child {
	padding-right: 0;
}
.rwd-table th, .rwd-table td {
	padding: 7px 5px !important;
	min-width: 100px;
}
.rwd-table th {
	padding: 10px !important;
}
body .tab_area01 .rwd-table td:first-child {
	padding-left: 0;
	text-align: left;
}
body .tab_area02 .rwd-table td a {
	color: #000;
}
}
@media (max-width: 700px) {
body .table0 td {
	border: #ddd 1px solid;
	/* border-top: 1px #e4e4e4 solid; */
	padding: 5px;
	margin: 5px;
	text-align:left;
}
body .tab_area02 .rwd-table td a {
	color: #000;
}
}
/*=====單元目錄頁=====*/
body.home .ap .main .tree {
	padding: 4px 10px;
	position: relative;
}
body.home .ap .main .tree ul ul {
	margin-left: 5px;
}
body.home .ap .main .tree li li a::before {
	content: "_";
	position: absolute;
	left: 15px;
	top: 0px;
}
body.home .ap .main .tree li li a {
	background-image: none;
}
body.home .ap .main .tree li {
	display: block;
	position: relative;
	padding: 5px;
}
body.home .ap .main .tree li a:hover {
	background-color: #ffedcb;
	text-decoration: none;
}
body.home .ap .main .tree li a {
	position: relative;
	padding: 5px 5px 5px 30px;
	/*background-color:#fdf6e7;*/
	border-bottom: 1px dotted #ccc;
	display: block;
	background-image: url(../images/svg/arrow04.svg);
	background-position: 10px 10px;
	background-repeat: no-repeat;
	background-size: 13px;
}
body.home .ap .main .tree li.title {
	border-bottom: 1px #82a7b7 solid;
	padding: 5px 10px 5px 20px;
	background-color: #efefef;
	margin-bottom: 5px;
	border-left: 5px solid #1d4987;
	font-size: 120%;
}
body.home .ap .main .tree li.title a {
	font-size: 80% !important;
	color: #000;
	padding: 0;
	background-color: transparent;
	border-bottom: none;
	display: inline-block;
	background-image: none;
}
body.home .ap .main .tree li.title a:hover {
	text-decoration: underline;
}
body.home .ap .main .tree li.title .link a {
	position: absolute;
	right: 10px;
	top: 3px;
	width: 40px;
	height: 40px;
	background-image: url(../images/svg/link.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 22px;
	text-indent: -9999px;
}
body.home .ap .main .tree ol {
	margin: 0 0 0 30px;
	padding: 0 !important;
}
body.home .ap .main .tree ol li {
	list-style-type: circle;
	display: list-item;
}
body.home .ap .main .tree ol li a {
	display: inline-block;
	border: none;
	padding: 0;
}
body.home .ap .main .tree ol li a:hover {
	background-color: transparent;
	text-decoration: underline;
}
body.home .ap .main .tree ol li a::before {
	content: "";
}
/*歷史沿革*/
body.home .ap .history {
	padding: 10px 0;
}
body.home .ap .history ul {
	margin-bottom: 20px;
}
body.home .ap .history li {
	background-color: #FFF;
}
body.home .ap .history li span {
	padding: 0 5px 0 0;
	color: #967b40;
	font-weight: bold;
	font-size: 105%;
}
body.home .ap .history li span::after {
	content: "_";
}
body.home .ap .history li:nth-child(2n+2) {
	background-color: #eaeaea;
}
body.home .ap .history li a {
	padding: 10px;
	display: block;
	color: #000;
}
body.home .ap .history li a:hover {
	background-color: #fff7cd;
	text-decoration: none;
}
body.home .ap .history .date {
	background-color: #761c11;
	padding: 10px;
	text-align: center;
	color: #FFF;
	font-size: 110%;
}
body.home .ap .history .subtitle {
	color: #ffffff;
	padding: 10px;
	text-align: center;
	background-color: #ceb559;
}
body.home .ap .edit {
	padding: 15px;
	line-height: 25px;
}
body.home .ap .edit01 {
	padding: 15px;
	line-height: 25px;
	background-color: #e8e8e8;
	font-size: 100%;
}
 @media (max-width: 959px) {
body.home .ap .main .tree li span {
	display: block;
	margin-bottom: 5px;
}
}
@media (max-width: 1199px) {
body.home .ap .search_box .start_date, body.home .ap .search_box .end_date {
/* margin:20px 0 10px 0;*/
}
body.home .ap .search_box .date_radio {
	margin-bottom: 15px;
}
}
@media (max-width: 991px) {
body.home .ap .search_box .year p {
	background-position: 0 8px;
}
}
@media (max-width: 767px) {
body.home .ap .search_box .bt {
	margin: 5px 0 0px 0;
}
body.home .ap .search_box .bt input {
	width: 100%;
	margin: 4px 0;
}
/*訊息區塊*/
body.home .ap .about .item .stitle {
	width: auto !important;
	margin: 0;
}
body.home .ap .about .item li {
	padding: 10px 0 !important;
}
body.home .ap .about .item .stitle:after {
	content: '：' !important;
	position: absolute;
	right: -15px !important;
	width: auto !important;
}
body.home .ap .about .item p {
	clear: both;
	padding: 0 0 0 10px;
	line-height: inherit;
}
body.home .ap .about .detail {
	top: 0 !important;
}
body.home .ap .about .item p::before {
	display: none;
}
body.home .ap .about .item .detail {
	padding-left: 10px;
}
body.home .ap .search_box .keyin {
	padding: 0;
}
body.home .ap .search_box .keyin p {
	position: relative;
	margin: 0;
}
body.home .ap .search_box .keyin p.start, body.home .ap .search_box .keyin p.and {
	position: absolute;
}
body.home .ap .search_box .keyin .a02, body.home .ap .search_box .keyin .a03 {
	padding: 0 30px 0 0;
}
}
@media (max-width: 680px) {
body.home .ap .news_list .date {
	float: none !important;
}
body.home .ap .news_list .txt {
	padding-left: 0 !important;
}
}
 @media (max-width: 600px) {
body.home .ap .news_list .pic {
	float: none;
	margin: 0;
}
body.home .ap .news_list .pic img {
	max-width: inherit;
}
body.home .ap .search_box .date_radio ul {
	padding: 0 0 0 0px;
	position: relative;
	top: 5px;
}
body.home .ap .news_list .playbox-pic {
	z-index: 1 !important;
	border: none;
	position: absolute;
	right: 10px;
	bottom: 120px !important;
	top: inherit;
}
body.home .ap .news_list .date div {
	display: block;
}
body.home .ap .news_list .titlelist {
	text-overflow: ellipsis;
	overflow: hidden;
	height: 34px;
}
body.home .ap .search_box .date_radio {
	margin-bottom: 10px;
}
}
 @media (max-width: 480px) {
body.home .ap .search_box .unit p, body.home .ap .search_box .keyword p, body.home .ap .search_box .start_date p, body.home .ap .search_box .start_date01 p, body.home .ap .search_box .sort p, body.home .ap .search_box .sort01 p, body.home .ap .search_box .sort03 p, body.home .ap .search_box .date_radio p, body.home .ap .search_box .year p, body.home .ap .search_box .sort02 p, body.home .ap .search_box .number p {
	position: relative;
	margin: 0;
}
body.home .ap .search_box .sort01, body.home .ap .search_box .sort02, body.home .ap .search_box .sort03, body.home .ap .search_box .date_radio, body.home .ap .search_box .start_date, body.home .ap .search_box .start_date01, body.home .ap .search_box .keyword, body.home .ap .search_box .unit, body.home .ap .search_box .year, body.home .ap .search_box .number {
	padding: 0;
}
body.home .ap .search_box .numbers {
	padding: 0 30px 0 90px;
}
body.home .ap .search_box .start_date, body.home .ap .search_box .start_date01, body.home .ap .search_box .end_date {
	padding: 0 0px 0 25px !important;
	width: 100%;
}
body.home .ap .search_box .start_date a {
	top: 35px;
}
body.home .ap .search_box .start_date, body.home .ap .search_box .start_date01, body.home .ap .search_box .end_date {
	margin: 4px 0;
}
body.home .ap .search_box .start_date p, body.home .ap .search_box .start_date01 p {
	left: -25px;
}
body.home .ap .search_box .numbers p.w01 {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 3px;
}
body.home .ap .search_box .numbers p.w02 {
	padding: 0;
	margin: 0;
	position: absolute;
}
body.home .ap .search_box .sort ul {
	padding: 0;
	margin: 0;
}
body.home .ap .search_box .sort li {
	display: block;
}
body.home .ap .search_box .sort li a {
	width: 100%;
	display: block;
	text-align: center;
	right: 0;
}
body.home .ap .about .item .stitle {
	width: auto !important;/* margin: 0 0 10px 0; */
}
body.home .ap .about .item li {
	padding: 10px 0 !important;
}
body.home .ap .about .item .stitle:after {
	content: '：' !important;
	position: absolute;
	right: -15px !important;
	width: auto !important;
}
body.home .ap .about .item p {
	clear: both;/* padding: 0 0 0 17px; */
}
body.home .ap .about .detail {
	top: 0 !important;
}
body.home .ap .about .item p::before {
	display: none;
}
body.home .ap .download .upload div, body.home .ap .download .upload p {
	display: block;
	margin: 8px 0 0 0;
}
body.home .ap .download .upload input[type="button"] {
	width: 100%;
	margin: 4px 0;
	padding: 8px;
}
}
 @media (max-width: 400px) {
body.home .ap .search_box .bt input {
	width: 100%;
	margin: 4px 0;
}
body.home .ap .search_box .date_radio li {
	display: block;
}
body.home .ap .search_box .date_radio li a {
	width: 100%;
	display: block;
	text-align: center;
	padding: 2px;
	right: 0;
}
body.home .ap .album .rowlist .pic {
	height: inherit;
}
body.home .ap .album .rowlist {
	width: 100%;
}
}
@media (max-width: 580px) {
}
@media (max-width: 1199px) {
body.home .ap .banner div {
	height: 150px;
}
}
@media (max-width: 990px) {
body.home .ap .banner div {
	height: 180px;
}
}
@media (max-width: 767px) {
body.home .ap .banner div {
	height: auto;
}
}
/*=====意見信箱=====*/
body.home .ap .btcase a {
	position: absolute;
	right: 10px;
	top: -38px;
	display: block;
	padding: 8px 33px;
	background-color: #0a1c5a;
	color: #FFF;
	text-decoration: none;
	border-radius: 5px;
}
body.home .ap .btcase a:hover {
	background-color: #000;
}
body.home .ap .step ul li {
	border-radius: 12px;
	position: relative;
	font-size: 105%;
	color: #fff;
	padding: 10px 15px;
	margin: 10px 12px 0 0;
	background-color: #999;
	float: left;
}
body.home .ap .step ul li p {
	font-family: "Arial Black";
	margin: 0;
}
body.home .ap .step ul li::before {
	content: "►";
	width: 15px;
	display: block;
	right: -12px;
	top: 8px;
	position: absolute;
	color: #999;
}
body.home .ap .step ul li.this::before {
	content: "►";
	width: 15px;
	display: block;
	right: -12px;
	top: 8px;
	position: absolute;
	color: #978124;
}
body.home .ap .step ul li:nth-child(6)::before {
	content: "";
}
body.home .ap .step ul li.this {
	background-color: #978124;
}
body.home .ap .email_box {
	padding: 30px 0 25px 0;
}
body.home .ap .email_box .title {
	font-size: 150% !important;
	font-weight: bold;
	padding: 15px 10px !important;
	letter-spacing: 0 !important;
}
body.home .ap .email_box .title .item {
	color: #179fa6 !important;
	font-style: italic;
	padding-right: 10px;
}
body.home .ap .email_box .info {
	padding: 10px;
}
body.home .ap .email_box .info .stitle {
	font-weight: bold;
	font-size: 130%;
	color: #DB3000;
	padding: 5px 10px;
}
body.home .ap .email_box .info .txt {
	padding: 10px 20px 20px 20px;
	display: block;
	line-height: 28px;
}
body.home .ap .email_box .info .txt span {
	color: #c40000;
}
body.home .ap .email_box .info .txt span.tt {
	color: #000000;
	display: block;
	font-size: 110%;
	font-weight: bold;
	text-align: right;
	padding-top: 20px;
}
body.home .ap .email_box .info ul {
	padding: 0 0 0 35px;
}
body.home .ap .email_box .info li {
	list-style-type: decimal;
	padding: 5px 0;
}
body.home .ap .email_box .info li b {
	color: #179fa6;
}
body.home .ap .email_box .bt_box {
	border-top: 1px #ccc solid;
	margin: 0;
	text-align: center;
}
body.home .ap .email_box .bt_box div {
	display: inline-block;
	margin: 25px 0;
}
body.home .ap .email_box .bt_box .bt a, body.home .ap .email_box .bt_box .bt input[type="button"], body.home .ap .email_box .bt_box .bt input[type="submit"] {
	background-color: #f8b732;
	color: #000;
	padding: 10px 30px;
	text-decoration: none;
	border: none;
	margin: 0 5px;
}
body.home .ap .email_box .bt_box .bt a:hover, body.home .ap .email_box .bt_box .bt input[type="button"]:hover, body.home .ap .email_box .bt_box .bt input[type="submit"]:hover {
	background-color: #fee597;
}
body.home .ap .email_box .im {
	background-color: #e6f4ff;
	padding: 10px;
}
body.home .ap .email_box .im b {
	color: #ce0000 !important;
}
/*=====表單=====*/
body.home .ap .form01 {
	padding: 0 15px;
	margin: 10px auto;
}
body.home .ap .form01 ul {
	padding: 0 !important;
}
body.home .ap .form01 li select, body.home .ap .form01 li input, body.home .ap .form01 li textarea {
	width: 100%;
	padding: 3px 5px;
}
body.home .ap .form01 li input[type="radio"],
body.home .ap .form01 li input[type="checkbox"]    {
	width:auto;
	margin-right:5px;
}
body.home .ap .form01 li input[type="file"] {
	/* width:auto; */
    width: 100%;
}
body.home .ap .form01 li .keyin span {
	display:inline-block;
	margin:4px 0;
}
body.home .ap .form01 li .keyin p {
	display: inline-block;
	margin-left: 10px;
}
body.home .ap .form01 li .red {
	color: #bd0000;
	position: absolute;
	left: -15px;
}
body.home .ap .form01 li {
	list-style-type: none;
	padding: 10px 15px 10px 160px !important;
	border-top: 1px #d6d6d6 solid;
	color: #775b00;
	font-size: 105%;
	width: 100%;
	float: left;
	position: relative;
	margin: 0;
	list-style-type: none !important;
}
body.home .ap .form01 li:nth-of-type(2n) {
	background-color: #f7f7f7;
}
body.home .ap .form01 li.note {
	padding: 10px;
	color: #775b00;
	font-size: 105%;
	text-align: left;
}
body.home .ap .form01 li:first-child {
	border-top: none;
}
body.home .ap .form01 li label {
    display: inline;
    font-weight:normal;
}
body.home .ap .form01 li .ftitle {
	position: absolute;
	left: 25px;
	color: #444444;
	font-size: 95%;
	width: 120px;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph; /*IE9*/
	-moz-text-align-last: justify; /*Firefox*/
	-webkit-text-align-last: justify; /*Chrome*/
	top: 18px;
}
body.home .ap .form01 li .ftitle label {
	font-weight:bold;
}
body.home .ap .form01 li .ftitle::after {
	content: '';
	display: inline-block;
	width: 100%;
}
body.home .ap .form01 li .keyin {
	padding: 5px 0px 5px 15px;
	font-size: 95%;
	color: #555;
	border-left: 1px #ccc solid;
}
body.home .ap .form01 li .keyin01 {
	padding: 5px 220px 5px 15px;
	font-size: 95%;
	color: #555;
	border-left: 1px #ccc solid;
}
body.home .ap .form01 li .keyin01 span.vimg {
	top: 12px;
	right: 115px;
	position: absolute;
}
body.home .ap .form01 li .keyin01 .icon-play {
	position: absolute;
	right: 20px;
	top: 12px;
	border-width: 0;
	background-color: #56bcb1;
	width: 40px;
	height: 40px;
	border-radius: 3px;
	background-image: url(../images/svg/v_play_w.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px;
}
body.home .ap .form01 li .keyin01 .icon-undo {
	position: absolute;
	right: 68px;
	top: 12px;
	border-width: 0;
	background-color: #f28711;
	width: 40px;
	height: 40px;
	border-radius: 3px;
	background-image: url(../images/svg/undo.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px;
}
body.home .ap .form01 li .keyin01 .icon-undo:hover, body.home .ap .form01 li .keyin01 .icon-play:hover {
	background-color: #000;
}
body.home .ap .form01 li li {
	border: none;
	padding: 5px 0 !important;
	color: #555;
	font-size: 90%;
	letter-spacing: 0;
	background-color: transparent !important;
}
body.home .ap .form01 li .keyin .note {
	color: #b71e1e;
	font-size: 90%;
	text-align: left;
	letter-spacing: 0;
	margin: 0;
	padding: 0;
}
body.home .ap .req {
	display: block;
	padding-left: 20px;
}
body.home .ap .req span {
	color: #bd0000;
}
body.home .ap .info .im b {
	color: #bd0000;
}
@media (max-width: 865px) {
body.home .ap .step ul li {
	background-image: none !important;
	background-color: transparent;
	color: #000;
	width: auto !important;
	font-size: 95%;
	padding: 3px 0!important;
	margin: 3px 10px!important;
	height: auto;
	opacity: 0.5;
}
body.home .ap .step ul li.this {
	opacity: 1;
	padding: 2px 0!important;
	background-color: transparent !important;
	color: #0e9a8e;
}
body.home .ap .step ul li p {
	position: relative;
	float: left;
	margin-right: 10px;
	left: 5px;
}
body.home .ap .step ul li::before {
	right: -18px;
	top: 3px;
}
body.home .ap .step ul li.this::before {
	right: -18px;
	top: 3px;
}
}
@media (max-width: 600px) {
body.home .ap .form01 {
	padding: 0;
}
body.home .ap .form01 li {
	padding: 10px !important;
}
body.home .ap .form01 li .ftitle {
	position: inherit;
	left: 12px;
	top: 0;
	text-align: initial;
	width: auto;
	margin-bottom: 8px;
}
body.home .ap .form01 li .ftitle::after {
	display: block;
}
body.home .ap .form01 li .keyin {
	border: none;
	padding: 0;
}
body.home .ap .form01 li .keyin01 {
	border: none;
	padding: 0;
}
body.home .ap .form01 li .keyin01 span.vimg {
	top: -3px;
	right: 0;
	position: relative;
	display: inline-block;
}
body.home .ap .form01 li .keyin01 .icon-play {
	position: relative;
	top: 12px;
	left: 10px;
}
body.home .ap .form01 li .keyin01 .icon-undo {
	position: relative;
	top: 12px;
	left: 5px;
}
}
/*=====重要記事=====*/
body.home .ap .imnote {
	position: relative;
}
body.home .ap .imnote .title {
	text-align: center;
	padding: 10px;
	color: #000;
	font-weight: normal;
	border: none;
	margin: 0;

	background-color: #7FB6E1;
}
body.home .ap .imnote .list ul li {
	position: relative;
	clear: both;
	padding: 10px 15px;
}
body.home .ap .imnote .list li:nth-child(2n+2) {
	background-color: #f1f1f1;
}
body.home .ap .imnote .list li .txt {
	padding-top: 5px;
}
body.home .ap .imnote .list li .txt a {
	color: #000;
}
body.home .ap .imnote .list li a:hover {
	text-decoration: underline;
	color: #1369b2;
}
body.home .ap .imnote .list .date {
	padding: 5px 0 0 0;
	color: #01778d;
	font-weight: bold;
}




body.home .ap .imnote .list .file {
    position:relative;
    padding: 0;
}
body.home .ap .imnote .list .file ul {
    float:right;
}
body.home .ap .imnote .list .file li {
    background-color:transparent;
    display:inline-block;
    padding: 0 !important;
}
body.home .ap .imnote .list .file li a:hover {
    opacity:0.7;
}
body.home .ap .imnote .list .file ul li:before {
	content: "";
	margin: 0;
}
/*body.home .ap .imnote .list .download {
	position: relative;
	padding: 0;
}
body.home .ap .imnote .list .download ul {
	float: right;
}
body.home .ap .imnote .list .download li {
	background-color: transparent;
	display: inline-block;
	padding: 0 !important;
}
body.home .ap .imnote .list .download li a {
	background-color: transparent;
	padding: 0 !important;
}
body.home .ap .imnote .list .download li a:hover {
	background-color: transparent;
	opacity: 0.7;
}*/
@media (max-width: 767px) {
body.home .ap .imnote .list .file ul {
    float:none;
    padding:5px 0;
}
}
/*=====招標資訊=====*/
body.home .ap .tab_area02 .download {
	margin: 0;
}
body.home .ap .tab_area02 .download li {
	display: inline-block;
	padding: 0;
}
body.home .ap .tab_area02 .download li a:hover {
	background-color: transparent;
	opacity: 0.7;
}
/*=====常見問題=====*/
body.home .ap .area_01 {
	position: relative;
	padding: 0 0 40px 0;
	text-align: center;
}
body.home .ap .area_01 .listbox {
	font-family: "微軟正黑體" !important;
	text-align: left;
	position: relative;
}
body.home .ap .area_01 .listbox .title::before {
	content: "Q.";
	font-size: 120%;
	font-weight: bold;
	color: #ffffff;
	position: absolute;
	left: 10px;
	top: 3px;
}
body.home .ap .area_01 .listbox .title {
	font-size: 110%;
	padding: 10px 30px 10px 40px !important;
	top: 0px;
	display: block;
	background-color: transparent;
	text-align: left;
	margin: 0;
	border: none;
	position: relative;
}
body.home .ap .area_01 .listbox .title a, body.home .ap .area_01 .listbox .title01 a {
	color: #FFF;
}
body.home .ap .area_01 .listbox .title01 {
	font-size: 110%;
	padding: 0 30px 0 0px;
	top: 0px;
	display: block;
	background-color: transparent;
	text-align: left;
	margin: 0;
	border: none;
	position: relative;
}
body.home .ap .area_01 .listbox .answer::before {
	content: "A.";
	font-size: 130%;
	font-weight: bold;
	color: #d46f00;
	position: absolute;
	left: 3px;
	top: 0px;
}
body.home .ap .area_01 .listbox .answer {
	padding: 0 0 0 30px;
	position: relative;
}
body.home .ap .area_01 .ui-accordion .ui-accordion-icons {
	padding: 10px;
}
body.home .ap .area_01 .ui-corner-all, body.home .ap .area_01 .ui-corner-top, body.home .ap .area_01 .ui-corner-right, body.home .ap .area_01 .ui-corner-tr {
/*border-radius:0;*/
}
body.home .ap .area_01 .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	right: 10px;
	position: absolute;
}
body.home .ap .area_01 .ui-accordion .ui-accordion-content {
	padding: 15px;
	border: none;
	background: none;
	background-color: #ebf3ff;
	margin: 5px 0;
	line-height: 24px;
}
body.home .ap .area_01 .ui-state-default, body.home .ap .area_01 .ui-widget-content .ui-state-default, body.home .ap .area_01 .ui-widget-header .ui-state-default {
	background: none;
}
body.home .ap .area_01 .ui-state-active {
	border: 1px solid #cccccc;
	background-color: #4A6EA1 !important;
}
body.home .ap .area_01 .ui-state-active .ui-icon {
	background-image: none;
}
bbody.home .ap .area_01 .close {
	text-indent: -9999px;
}
body.home .ap .area_01 .ui-accordion .ui-accordion-header {
	background-color: #657386;
	margin-top: 4px;/*border-radius:5px;*/
}
body.home .ap .area_01 .ui-accordion .ui-accordion-header::after {
	content: "▴";
	/*font: normal normal normal 14px/1 FontAwesome;*/
    /*font-size: inherit;*/
    /*text-rendering: auto;*/
    /*-webkit-font-smoothing: antialiased;*/
    /*-moz-osx-font-smoothing: grayscale;*/
	color: #ffffff;
	font-size: 130%;
	margin-right: 8px;
	right: 10px;
	position: absolute;
	top: 7px;
}
body.home .ap .area_01 .ui-accordion .ui-accordion-header.ui-corner-all::after {
	content: "▾";
	/*font: normal normal normal 14px/1 FontAwesome;*/
    /*font-size: inherit;*/
    /*text-rendering: auto;*/
    /*-webkit-font-smoothing: antialiased;*/
    /*-moz-osx-font-smoothing: grayscale;*/
	color: #ffffff;
	/*font-size: 130%;*/
	margin-right: 8px;
	right: 10px;
	position: absolute;
	top: 7px;
}
body.home .ap .area_01 .ui-state-active a, body.home .ap .area_01 .ui-state-active a:link, body.home .ap .area_01 .ui-state-active a:visited {
	color: #FFF;
}
body.home .ap .area_01 .ui-widget-content a {
	color: #005f83;
}
body.home .ap .area_01 .more a {
	background-color: #67bfbd;
	color: #fff;
	padding: 10px 20px;
	/* font-size: 90%; */
	text-decoration: none;
}
body.home .ap .area_01 .more {
	margin: 20px 0 60px 0;
	top: 30px;
	position: relative;
}
body.home .ap .area_01 .more a:hover {
	background-color: #000;
}
body.home .ap .area_01 .listbox .file {
	margin-top: 10px;
	padding-top: 10px;
}
body.home .ap .area_01 .listbox .file .stitle {
	font-weight: bold;
	background-color: #d0d0d0;
	padding: 5px;
	font-size: 105%;
}
body.home .ap .area_01 .listbox .file ul ul {
	display: inline-block;
	margin-top: 5px;
}
body.home .ap .area_01 .listbox .file li {
	display: block;
	padding: 10px 5px 15px 20px;
	position: relative;
	border-bottom: 1px dotted #ccc;
}
body.home .ap .area_01 .listbox .file li::before {
	content: "❯";
	position: absolute;
	left: 5px;
	top: 15px;
}
body.home .ap .area_01 .listbox .file li li {
	display: inline-block;
	padding: 0;
	border: none;
}
body.home .ap .area_01 .listbox .file li li::before {
	content: "";
}
body.home .ap .area_01 .listbox li a:hover {
	opacity: 0.7;
}
body.home .ap .area_01 ol {
	padding: 0 0 0 30px;
}
body.home .ap .area_01 ol li {
	padding: 2px;
	list-style-type: decimal;
}
/*=====問卷調查=====*/
body.home .ap .vote {
	display: block;
}
body.home .ap .vote b {
	display: block;
	margin-bottom: 5px;
}
body.home .ap .vote label {
	font-weight: normal;
	padding-left: 20px;
}
body.home .ap .vote .note {
	text-align: inherit;
	margin: 0 0 10px 0;
	padding: 10px 15px;
	color: #444;
	font-size: inherit;
	background-color: #e2e2e2;
}
body.home .ap .vote .stitle {
	padding: 10px;
	color: #000;
}
body.home .ap .vote .stitle span::after {
	content: "_";
	padding-right: 5px;
}
body.home .ap .vote .list:last-child {
	border-bottom: none;
}
body.home .ap .vote .list {
	border-bottom: 1px #ccc dotted;
	padding: 15px;
	margin-bottom: 10px;
}
body.home .ap .vote span {
	color: #bf1500;
	font-weight: bold;
	display: inline-block;
}
body.home .ap .vote span.im::after {
	content: "" !important;
}
body.home .ap .vote .list span::after {
	content: "_";
	padding-right: 5px;
}
body.home .ap .vote .list .title {
	font-size: 105%;
	border-bottom: none;
	padding: 0;
	font-weight: normal;
	color: #156698;
}
body.home .ap .vote .list ul {
	margin-top: 10px;
}
body.home .ap .vote .list li {
	padding: 4px 15px;
	font-size: 105%;
	display: block;
	float: left;
	width: 25%;
}
body.home .ap .vote .list li .pic {
	/* max-width:250px; */
	padding: 10px;
	margin-bottom: 10px;
	height: 170px;
	width: 100%;
	background-color: #f3f3f3;
	vertical-align: middle;
	align-items: center;
	text-align: center;
	overflow: hidden;
	display: flex;
}
body.home .ap .vote .list li img {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}
body.home .ap .vote .list input[type=radio], body.home .ap .vote .list input[type=checkbox] {
	margin-right: 10px;
	position: absolute;
}
body.home .ap .vote .list input[type=text] {
	width: 100%;
	padding: 5px;
	margin-top: 10px;
	border: none;
	border-bottom: 1px solid #ccc;
}
@media (max-width: 800px) {
body.home .ap .vote .list li {
	width: 50%;
}
}
@media (max-width: 480px) {
body.home .ap .vote .list li {
	width: 100%;
}
body.home .ap .vote .list li .pic {
	height: inherit;
}
}
/* Sweep To Right */
.hvr-sweep-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;

	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
	color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}







/*20191212 內容頁某機關發布單位文字*/
body.home .ap .unit01 {
 display:block;
 text-align:right;
 color:#000;
 clear:both;
}
body.home .ap .unit01 span {
 display:inline-block;
}
@media (max-width: 520px) {
body.home .ap .unit01 {
 text-align:left;
}
}


/*20200211 線上報名*/
body.home .ap .form01 li.nostyle select,
body.home .ap .form01 li.nostyle input,
body.home .ap .form01 li.nostyle textarea {
    width:inherit;

    padding:3px 5px;
}
body.home .ap .form01 li.nostyle span {
	display:block;
}
body.home .ap .form01 li .a01 {
	padding: 0 25px 0 50px;
}
body.home .ap .form01 li .a02 {
	padding: 0 25px 0 20px;
}
body.home .ap .form01 li  p {
	position:absolute;
}
body.home .ap .form01 li  p.start {
	left: 0;
	top: 4px;
}
body.home .ap .form01 li  p.end {
	right: 0;
	top: 4px;
}
body.home .ap .form01 li .b01 {
	padding: 0 25px 0 50px;
}
body.home .ap .form01 li .b02 {
	padding: 0 0px 0 65px;
}
body.home .ap .form01 li  p.home {
	left: 0;
	top: 4px;
}
body.home .ap .form01 li  p.office {
	left: 0;
	top: 4px;
}
@media (max-width: 768px) {
body.home .ap .form01 li.nostyle select,
body.home .ap .form01 li.nostyle input,
body.home .ap .form01 li.nostyle textarea {
    width:100%;
}
body.home .ap .form01 li.nostyle input[type="radio"] {
	width:inherit;
}
body.home .ap .form01 li .a01 {
	margin-bottom:10px;
}
body.home .ap .form01 li .a02 {
	margin-bottom:10px;
	padding: 0 25px 0 0px;
}
body.home .ap .form01 li .b01 {
	padding: 0 0px 0 50px;
	margin-bottom:10px;
}
body.home .ap .form01 li .b02 {
	padding: 0 0px 0 65px;
}
}