@media (max-width:1400px) {
	.relatedlink li {
		width: calc(100% / 3 - 50px);
	}

	.highlights-slider .img {
		max-height: 235px;
	}

}

@media (max-width:1340px) {

	/*--index--*/
	.header-event,
	.header-faq {
		padding: 36px 12px 12px 12px;
		font-size: 0.85em;
		width: 83px;
	}

	.event-box .date {
		margin: 6px 0 0 0;
		padding: 0 20px;
		font-size: 0.95em;
		line-height: 1.3;
	}

	.index-social .icon img {
		width: 45px;
	}

	.main-nav-list>li>a {
		font-size: 1.2rem;
	}

	.header-misc-nav a {
		font-size: 0.95rem;
	}

	.header .logo,
	.header .logo-en {
		width: 250px;
		height: 55px;
		background: url(../images/logo.svg) 0 0 no-repeat;
	}

	.event-box .title {
		margin: 0 20px;
		color: #333;
		font-weight: bold;
		font-size: 1.14em;
		line-height: 1.4;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		height: 52px;
	}

	.index-social a {
		margin: 0 20px;
		width: calc(100% / 3 - 40px);
	}

	.event-box .info {
		padding: 14px 20px 5px 20px;
	}

	.index-event .event-search-box,
	.index-event .event-search-box2.flex {
		width: 100%;
	}

	.index-event .event-search-box.form-inline {
		margin: 0 0 16px 0;
	}

	.index-event .form-inline>div {
		margin: 0 7px 0 0;
	}

	.index-event .form-inline>div:last-child {
		margin-bottom: 0;
	}

	.index-event .event-search-box>div {
		width: calc(100% / 5);
	}

	/*-活動詳細頁-*/
	.yda-event .subtitle {
		font-size: 1.15em;
	}

	/*-出版品列表-*/
	.book-cover {
		width: 155px;
		padding: 8px;
		box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
	}

	ul.book-info {
		width: calc(100% - 186px);
		margin: 0 0 0 30px;
	}

	.book-info li strong {
		font-size: 1.12em;
		margin: 7px 0;
		line-height: 25px;
	}

	/*-計畫專區-*/
	.intro-img {
		width: 415px;
	}

	.intro-cont {

		/* width: calc(100% - 455px); */
		margin: 0 0 0 40px;
	}

}

@media (max-width:1200px) {
	.index-kv-slider .txt {
		display: block;
		margin-bottom: 12px;
		font-size: 0.95rem;
		line-height: 1.55 !important;
	}

	/*-計畫專區-*/
	.intro-img {
		width: 355px;
	}

	.yda-work .experience .news-box .title {
		display: block;
		color: #333;
		margin: 5px 0;
		font-weight: bold;
		height: 49px;
	}

	.yda-work .experience .news-box {
		background: #fff;
		border-radius: 7px;
		overflow: hidden;
		padding: 18px 22px;
		margin: 0 15px;
		border: 0;
	}

	/*-主要業務-*/
	.work-box {
		margin: 25px 18px;
		width: calc(100% / 4 - 36px);
	}

	.work-box .title {
		margin: 15px 18px;
	}

	.work-list-wrap {
		margin: -25px -18px 80px -18px;
	}

	/*-全年活動一覽-*/
	.all-event-wrap .all-event {
		margin: 0 20px;
	}

	.all-event-wrap .slick-prev,
	.all-event-wrap .slick-next {
		width: 30px;
		height: 45px;
		top: 46px;
		border-radius: 3px;
	}

	.all-event-wrap .slick-prev,
	.all-event-wrap .slick-next {
		width: 30px;
		height: 45px;
		top: 46px;
		border-radius: 3px;
	}

	.all-event-wrap .slick-prev {
		left: -30px;
		background: url(../images/arr-left-white.svg) center center no-repeat #fba34c;
		background-size: 20px;
	}

	.all-event-wrap .all-event .event-box {
		width: 100%;
		margin: 25px 0 50px 0;
	}

	.all-event-wrap .slick-next {
		right: -30px;
		background: url(../images/arr-right-white.svg) center center no-repeat #fba34c;
		background-size: 20px;
	}

	.all-event-wrap .all-event>.date {
		font-size: 1.1em;
	}

	/*-出版品內頁-*/
	.bookintro-page .book-cover {
		width: 200px;
	}

	.bookintro-page ul.book-info {
		width: calc(100% - 232px);
		margin: 0 0 0 30px;
	}

	/*-出版品列表-*/
	.book-cover {
		width: 138px;
		padding: 6px;
	}

	ul.book-info {
		width: calc(100% - 168px);
		margin: 0 0 0 28px;
	}

	/*-檔案下載-*/
	.dl-btns a {
		width: 32px;
		margin: 5px 2px;
	}

	/*-電子報-*/
	.page-tab a {
		font-size: 1rem;
		min-width: 120px;
	}

	/*-簡介-*/
	.media-col {
		max-width: 435px;
		min-height: 240px;
		width: 100%;
	}

	.media-cont {
		width: calc(100% - 480px);
		margin: 0 0 0 40px;
		font-size: 0.93em;
	}

	/*-記憶專區-*/
	.media-list li {
		margin: 22px;
		width: calc(100% / 3 - 44px);
	}

	.medalistCont {
		padding: 18px;
	}

	/*-活動列表-*/
	.yda-event .event-box {
		margin: 22px;
		width: calc(100% / 3 - 44px);
	}

	.event-list-sort {
		padding: 0 22px;
	}

	/*--basic--*/
	.page-unit h2 {
		font-size: 1.5rem;
	}

	.page-tool {
		width: 100%;
		margin-bottom: 25px;
	}

	.breadcrumb {
		margin-bottom: 12px;
	}

	.page-title {
		width: 100%;
		margin: 0 0 20px 0;
		font-size: 1.5em;
		line-height: 34px;
	}

	/*--index--*/
	.index-tab a {
		width: 130px;
	}

	.index-kv-slider .title {
		font-size: 1.5rem;
	}

	.main-nav-list>li>a {
		font-size: 1.1rem;
	}

	.sub-nav-list>li>a,
	.sub-nav-list>li>strong {
		font-size: 1.08rem;
	}

	.third-nav-list>li>a {
		font-size: 0.96rem;
	}

	.sub-nav-list {
		padding: 18px 3% 0 3%;
	}

	.wrapper {
		margin-top: 117px;
	}

	.header-search a,
	.header-social a {
		width: 27px;
	}

	.header-event,
	.header-faq {
		padding: 36px 8px 12px 8px;
		font-size: 0.85em;
		width: 78px;
	}

	.header-event {
		margin-left: 8px;
	}

	.header-search {
		margin: 0 3px;
	}

	.header-social a {
		margin: 0 3px;
	}

	.tab-ctrl a {
		font-size: 1.05rem;
	}

	/*--footer--*/
	.fat-footer-box .title {
		font-size: 1em;
		margin: 0 auto 10px auto;
		padding: 10px 3%;
		display: block;
		background: #f0f0f0;
		width: 100%;
		text-align: center;
	}

	.fat-footer-box {
		width: calc(100% / 3 - 2% - 4px);
		line-height: 20px;
		vertical-align: top;
		display: inline-block;
		margin: 25px 1% 25px 1%;
		font-size: 0.95em;
		font-weight: bold;
	}

}

@media (max-width:1180px) {

	/*-大事記-*/
	.history-month a {
		width: calc(100% / 8 - 12px);
		margin: 0 6px 13px 6px;
		color: #333333;
		padding: 10.5px 0;
	}

	.history-search {
		margin-bottom: 23px;
		width: 100%;
	}

	/*-計畫專區-*/
	.yda-work .experience .album-box {
		margin: 0 25px;
		color: #333;
	}

	.event-box-btn a {
		font-size: 0.92rem;
	}

}

@media (max-width:1150px) {

	/*-活動列表-*/
	.event-search-box>div {
		width: calc(100% / 5 - 8px);
		margin: 0 4px;
	}

	.event-search-box .keyword {
		width: 100%;
		margin: 15px 4px 0 4px;
	}

	.event-search-box {
		flex-wrap: wrap;
	}

	/*-簡介-*/
	.media-cont {
		width: 100%;
		margin: 15px 0 0 0;
		font-size: 1em;
	}

	.media-col {
		margin: 0 auto;
	}

}

@media (max-width:1110px) {

	/*--index--*/
	.tab-ctrl a {
		margin: 0 7px 15px 7px;
		width: calc(100% / 6 - 14px);
	}

	.tab-ctrl {
		padding: 5px 0 25px 0;
		flex-wrap: wrap;
	}

	/*-計畫專區-*/
	.intro .text-title {
		margin: 0 0 6px 0;
		padding: 0 0 0 15px;
		font-size: 1.15em;
		width: 100%;
		line-height: 1.65;
	}

	.text-cont,
	.yda-work .experience .faq {
		line-height: 1.75;
		padding-left: 0;
		width: 100%;
		margin: 0;
		font-size: 0.98rem;
	}

	.yda-work .experience .intro .intro-more a {
		margin: 0 0 20px 0;
		float: right;
		background: #ff7166;
		color: #fff;
		font-size: 0.95em;
		border-radius: 150px;
		padding: 8px 25px;
		font-weight: bold;
	}

	.yda-work .experience .album-box {
		margin: 0 20px;
		color: #333;
	}

}

@media (max-width:1080px) {
	.page .relatedlink img {
		width: 100%;
		max-width: 185px;
		display: block;
		margin: 0 auto;
	}

}

@media (max-width:1060px) {

	/*-青年署在哪-*/
	.form.yda-location th {
		width: 18%;
	}

}

@media (max-width:1024px) {

	/*-計畫專區-*/
	.yda-work .experience .event-box .title {
		font-size: 1em;
		width: calc(100% - 104px);
		vertical-align: middle;
	}

	.yda-work .inner {
		width: 82%;
	}

	.page-kv-txt {
		position: absolute;
		z-index: 1;
		top: 28%;
		left: 8%;
		width: 30%;
	}

	.page-kv {
		background-position: 50% center;
		background-repeat: no-repeat;
		background-size: cover;
		padding-top: 16%;
		position: relative;
	}

	.page-kv-txt .title {
		font-size: 2.5vw;
		font-weight: bold;
		width: 100%;
		margin: 0;
		line-height: 1.4;
		text-align: center;
	}

	.page-kv-txt .tag-box .tag {
		font-size: 0.8rem;
	}

	/*-圖文列表-*/
	.imglist-img {
		width: 160px;
	}

	.imglist-box {
		width: calc(100% - 188px);
		margin: 0 0 0 25px;
	}

	/*-檔案下載-*/
	.dl-list .tcont li {
		padding: 8px;
	}

	.dl-btns a {
		width: 30px;
		margin: 5px 2px;
	}

	.dl-list ul.thead li:first-child,
	.dl-list .tcont li:first-child {
		width: 20%;
	}

	.dl-list ul.thead li:nth-child(2),
	.dl-list .tcont li:nth-child(2) {
		width: 55%;
	}

	.dl-list ul.thead li,
	.dl-list .tcont li {
		width: 25%;
	}

	/*-簡介-*/
	.about-media>li:last-child {
		margin: 0 0 25px 0;
	}

	.about>ul.articlelev1 {
		font-size: 1.1em;
	}

	/*-新聞列表-*/
	.news-box .title {
		font-size: 1.1em;
		line-height: 1.45;
	}

	/*--網站導覽--*/
	.accessibility {
		padding: 20px 25px;
	}

	/*--basic--*/
	.page-tool .page-fontsize {
		display: none;
	}

	.page-tool .page-fontsize a {
		padding: 7px;
		font-size: 0.92rem;
	}

	.inner {
		margin: 0 auto;
		width: 88%;
		max-width: 1280px;
	}

	.breadcrumb {
		font-size: 0.82rem;
		padding: 10px 0 0 0;
		margin-bottom: 18px;
	}

	.breadcrumb i {
		font-size: 0.3rem;
		margin: 0 4.5px;
	}

	.page-title {
		width: 100%;
		margin: 0 0 25px 0;
		font-size: 1.4em;
		line-height: 30px;
	}

	.header-fb,
	.main-nav,
	.header-misc,
	.header-search {
		display: none;
	}

	.hamburger {
		display: block;
	}

	.header-wrap {
		padding: 12px 3%;
	}

	.header .logo,
	.header .logo-en {
		margin: 0;
	}

	.header-wrap {
		padding: 12px 5%;
	}

	.wrapper {
		margin-top: 82px;
	}

	.header-inner,
	.header-misc-inner {
		width: 95%;
	}

	.page-unit {
		display: none;
	}

	a.page-print {
		display: none !important;
	}

	/*--index--*/
	.index-kv-slider .title {
		font-size: 1.7rem;
	}

	.highlights-slider .title {
		font-size: 1.08em;
		margin: 0 0 5px 0;
		height: 50px;
		line-height: 1.4;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.index-event-list-slider .event-box {
		margin: 18px;
	}

	.event-box .title {
		margin: 0 16px;
		font-size: 1.08em;
	}

	.event-box .date {
		margin: 3px 0 0 0;
		padding: 0 16px;
		font-size: 0.9em;
		line-height: 1.3;
		letter-spacing: -.6px;
	}

	.event-box .info {
		padding: 14px 16px 5px 16px;
	}

	.index-tab a {
		width: calc(100% / 5 - 12px);
		margin: 0 6px;
		min-width: auto;
		padding: 11px 2px;
	}

	.index-tab {
		display: flex;
		justify-content: center;
		padding: 5px 0 40px 0;
		margin: -5px 0;
	}

	.index-social p {
		padding: 10px 20px;
		text-align: center;
		font-size: 1.2em;
		flex: 2;
	}

	.index-event .view-all {
		font-size: 0.95rem;
	}

	/**無障礙RWD選單開啟**/
	.rwd-nav {
		display: block !important;
	}

}

@media (max-width:950px) {

	/*-出版品列表-*/
	.book-list>li {
		width: 100%;
		margin: 0 40px 30px 40px;
		text-align: center;
	}

	/*-主要業務-*/
	.work-box {
		margin: 25px 18px;
		width: calc(100% / 2 - 36px);
	}

	.work-box .title p {
		line-height: 22px;
		font-size: 0.93rem;
	}

	.work-list-wrap {
		margin: -25px 0;
	}

	.yda-work p.txt {
		margin: 0 0 22px 0;
		font-size: 1.05em;
		line-height: 26px;
	}

	/*-活動內頁-*/
	.yda-event .event-info-wrap {
		width: 67%;
	}

	.yda-event .event-more {
		width: 27.5%;
		font-size: 1em;
		font-weight: bold;
	}

	.yda-event .event-more .cont {
		padding: 0;
		margin: 6px 0 0 0;
		font-size: 0.96rem;
		line-height: 21px;
	}

	.yda-event .event-info .btn {
		font-size: 0.95em;
		margin: 0 0 0 4px;
		padding: 8px 22px;
		font-weight: bold;
	}

	.yda-event .event-info .cont {
		line-height: 1.5;
		font-size: 1.03em;
	}

	.yda-event .event-info {
		padding: 20px 25px;
	}

	.page .icon img {
		width: 14px;
	}

	.yda-event .event-timeline-section .event-timeline-box {
		padding: 18px;
	}

	.yda-event .event-timeline-section .event-timeline-box .date,
	.yda-event .event-timeline-section .event-timeline-box .cont {
		font-size: 1em;
		line-height: 1.5;
	}

	.yda-event .event-timeline-section .event-timeline-box .date {
		margin: 0 0 3px 0;
	}

	.yda-event .event-more .title {
		font-size: 1.02em;
		line-height: 24px;
	}

}

@media (max-width:920px) {

	/*-活動列表-*/
	.event-search {
		border-radius: 15px;
		padding: 22px 28px;
		margin-bottom: 25px;
	}

}

@media (max-width:900px) {

	/*-計畫專區-*/
	.intro-img {
		width: 100%;
		margin: 0 0 40px 0;
		text-align: center;
		padding: 0;
	}

	.yda-work {
		margin: 20px 0 0 0;
	}

	.intro-img img {
		margin: 0 auto;
		max-width: 415px;
		width: 100%;
		padding-bottom: 0;
	}

	.intro-cont {
		width: 100%;
		margin: 0;
	}

	.yda-work .box-col {
		width: 100%;
	}

	.yda-work .experience .download {
		width: 100%;
		margin-bottom: 0;
	}

	.yda-work .slick-dots li button {
		font-size: 0;
		line-height: 0;
		display: block;
		width: 8px;
		height: 8px;
		padding: 5px;
		cursor: pointer;
		color: transparent;
		border: 0;
		outline: none;
		background: transparent;
	}

	.yda-work .slick-dots li button:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		text-align: center;
		width: 8px;
		height: 8px;
	}

	.yda-work .slick-dots li {
		position: relative;
		display: inline-block;
		width: 12px;
		height: 12px;
		margin: 0 7px;
		padding: 0;
		cursor: pointer;
	}

	/*-相關網站-*/
	.relatedlink li {
		width: calc(100% / 2 - 50px);
	}

	/*-記憶專區-*/
	.media-list li {
		margin: 22px 14px;
		width: calc(100% / 3 - 28px);
	}

	/*-活動列表-*/
	.yda-event .event-box {
		margin: 22px 14px;
		width: calc(100% / 3 - 28px);
	}

	.event-list-sort {
		padding: 0 14px;
	}

	.yda-event .event-search-box>div:first-child {
		width: calc(100% - 8px);
		margin: 0 4px 12px 4px;
	}

	.yda-event .event-search-box>div:first-child select {
		background: url(../images/select_arr.svg) 95% center no-repeat #ffffff;
		background-size: 8px 8px !important;
	}

	.yda-event .event-search-box>div {
		width: calc(100% / 4 - 8px);
		margin: 0 4px;
	}

	.yda-event .event-search-box .keyword {
		width: 100%;
		margin: 12px 4px 0 4px;
	}

	.yda-event .event-search input[type="date"],
	.yda-event .event-search input[type="text"],
	.yda-event .event-search select {
		border: 0;
		padding: 8px 15px;
		height: 38px;
	}

	.yda-event .event-search-box .btn {
		background-size: 14px;
		width: 38px;
		height: 38px;
	}

	.yda-event .event-search-box .keyword input[type="text"] {
		width: calc(100% - 50px);
	}

	.yda-event .event-list-sort select {
		border: 0;
		border-radius: 150px;
		box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 10%);
		height: 40px;
		padding: 5px 35px 5px 15px;
		background: url(../images/select_arr.svg) 92% center no-repeat #ffffff;
		background-size: 8px 8px !important;
	}

	/*電子報-*/
	.epaper-page>strong {
		padding: 8px 18px;
		line-height: 25px;
		font-size: 1.03em;
	}

	.link-list li {
		padding: 21px 18px;
	}

	/*-大事記-*/
	.history-month a {
		width: calc(100% / 6 - 12px);
		margin: 0 6px 13px 6px;
		color: #333333;
		padding: 10.5px 0;
	}

	/*--index--*/
	.index-kv-slider .slick-slide {
		flex-wrap: wrap;
	}

	.index-kv-slider .img {
		width: 100%;
	}

	.index-kv-slider .title {
		font-size: 1.4rem;
		margin: 0;
	}

	.index-kv-slider .info {
		width: 100%;
		margin: 15px 0 0 0;
	}

	.index-kv-slider .txt {
		margin-bottom: 10px;
		font-size: 0.98rem;
	}

	.index-event .event-search-box>div {
		width: calc(100% / 3 - 14px);
		margin: 0 7px 15px 7px;
	}

	.index-event .event-search-box.form-inline {
		margin: 0 -7px;
	}

	.index-event .event-search-box {
		margin: 0 0 0 -7px;
		flex-wrap: wrap;
	}

	section.index-section.index-video {
		padding: 50px 0 0 0;
	}

	/*-架構圖-*/
	ul.orza-list li span {
		width: 100%;
		display: inline-block;
	}

	.orza-box>li>strong {
		padding: 9px 4px;
		font-size: 1em;
	}

	.oraz-intro strong {
		font-size: 1.25em;
	}

	.orza-box>li>.cont {
		padding: 15px 15px;
	}

	ul.dot-list {
		padding: 20px 15px;
	}

	/*-faq-*/
	.faq-list li .quest {
		padding: 18px 55px 18px 70px;
		background: url(../images/qa_close.svg) 97% center no-repeat #f3f3f3;
		line-height: 27px;
		height: auto;
		background-size: 11px !important;
	}

	.faq-list li .quest_close {
		background: url(../images/qa_open.svg) 97% center no-repeat #f6f6f6 !important;
		background-size: 12px !important;
	}

}

@media (max-width:860px) {

	/*--index--*/
	.index-event-list-slider .event-box {
		margin: 30px;
	}

	.index-social .icon img {
		width: 42px;
	}

	.index-social .icon {
		flex: auto;
		height: 82px;
		padding: 15px 0;
		width: 100%;
	}

	.index-social a {
		align-items: normal;
	}

	.index-social p {
		padding: 0 20px;
		text-align: center;
		font-size: 1.1em;
		flex: 2;
	}

	.index-social a {
		margin: 0 15px;
		width: calc(100% / 3 - 30px);
		flex-wrap: wrap;
	}

	.index-title {
		font-size: 1.65rem;
	}

	/*-footer-*/
	.footer-left {
		width: 100%;
	}

	.footer-logo {
		display: block;
		padding: 0;
		width: 240px;
		margin: 0 auto 10px auto;
	}

	.footer-info {
		width: 100%;
		display: inline-block;
		text-align: center;
		margin: 0;
	}

	.footer-img {
		float: none;
		margin: 0 auto;
		display: block;
		padding: 10px 0 0 0;
	}

	.footer-nav li:last-child {
		border: 0;
	}

	.footer-nav-wrap {
		padding: 0;
	}

	.footer-nav li {
		display: inline-block;
		border-left: 0;
		padding: 12px 0;
		line-height: 1;
		width: 100%;
		border-bottom: 1px solid #ccc;
	}

	.footer-container {
		padding: 15px 0;
	}

	.footer-info p {
		line-height: 23px;
	}

	/*-footer-*/
}

@media (max-width:815px) {

	/*-paging-*/
	.pcpaging {
		display: none;
	}

	.rwdpaging {
		display: block;
		margin: 0 4px;
	}

	.rwdpaging select {
		border-radius: 45px;
		height: 42px;
		padding: 5px 17px 5px 10px;
		background: url(../images/select_arr.svg) 84% center no-repeat #ffffff;
		background-size: 8px 8px !important;
		min-width: 52px;
	}

	.paging a i {
		display: none;
	}

	.paging .first,
	.paging .prev,
	.paging .last,
	.paging .next {
		border-radius: 150px;
		width: 82px;
	}

}

@media (max-width:800px) {

	/*-計畫專區-*/
	.page-kv-txt p {
		margin: 10px 0 0 0;
	}

	.page-kv-txt .tag-box .tag {
		font-weight: bold;
		display: inline-block;
		vertical-align: top;
		margin: 0;
		border-radius: 3px;
		padding: 4px 15px;
		font-size: 0.7rem;
	}

	/*-青年署在哪-*/
	.location-page .list-btn a {
		font-size: 0.9rem;
		padding: 4px 0;
		background: #29b3b3;
		width: 145px;
	}

	.form.yda-location th {
		width: 22%;
		padding: 10px 15px;
	}

	.form.yda-location td {
		padding: 11px 15px;
	}

	/*-出版品內頁-*/
	.bookintro-page .book-cover {
		width: 172px;
		padding: 8px;
	}

	.bookintro-page ul.book-info {
		width: calc(100% - 198px);
		margin: 0 0 0 25px;
		padding: 20px 22px;
	}

	.bookintro-page .book-info li strong {
		font-size: 1.1em;
		margin: 0 0 11px 0;
		padding: 0 0 11px 0;
	}

	.bookintro-page .book-cont p {
		margin: 0;
		width: 100%;
	}

	/*--index--*/
	.index-video-wrap .index-video-box {
		display: block;
		width: 100%;
		float: left;
		position: relative;
	}

	.index-kv-slider-wrap {
		padding: 30px 36px;
	}

	/*--署長--*/
	.resume .pic {
		width: 34%;
	}

	.resume .info {
		width: calc(100% - 34% - 45px);
		line-height: 24px;
	}

	.resume .info .item {
		width: 80px;
	}

	.resume ul.dot-list {
		padding: 20px;
		width: calc(100% - 80px);
	}

}

@media (max-width:780px) {

	/*-全年度活動一覽-*/
	.all-event-month {
		text-align: center;
		padding: 30px 0;
		font-size: 1.5em;
		font-weight: bold;
	}

	.slick-dotted.slick-slider {
		margin-bottom: 30px;
		padding: 0 30px;
	}

	.all-event-wrap .slick-next {
		right: 0;
		background: url(../images/arr-right-white.svg) center center no-repeat #fba34c;
		background-size: 20px;
	}

	.all-event-wrap .slick-prev {
		left: 0;
		background: url(../images/arr-left-white.svg) center center no-repeat #fba34c;
		background-size: 20px;
	}

	/*-計畫專區-*/
	.news-list-slider,
	.album-list-slider {
		padding: 0 35px !important;
	}

	.yda-work .experience .news-list-slider .slick-prev,
	.yda-work .experience .news-list-slider .slick-next,
	.yda-work .experience .album-list-slider .slick-prev,
	.yda-work .experience .album-list-slider .slick-next {
		width: 30px;
		padding-top: 7%;
	}

	.yda-work .experience .news-list-slider .slick-next {
		right: 0;
		background: url(../images/arr-right.svg) 0 center no-repeat;
		background-size: 100%;
	}

	.yda-work .experience .news-list-slider .slick-prev {
		left: 0;
		background: url(../images/arr-left.svg) 0 center no-repeat;
		background-size: 100%;
	}

	.yda-work .experience .news-box {
		margin: 0 10px;
	}

	.yda-work .experience .album-box {
		margin: 0 13px;
		color: #333;
	}

	.yda-work .experience .album-list-slider .slick-prev {
		left: 0;
		background: url(../images/arr-left.svg) 0 center no-repeat;
		background-size: 100%;
	}

	.yda-work .experience .album-list-slider .slick-next {
		right: 0;
		background: url(../images/arr-right.svg) 0 center no-repeat;
		background-size: 100%;
	}

}

@media (max-width:768px) {
	.custom-tb th {
		width: 24%;
	}

	.eventregist-page .form th {
		width: 24%;
	}

	.media-col {
		max-width: 100%;
		min-height: auto;
		width: 100%;
	}

	.about-media li {
		width: calc(100%);
		margin: 0 0 20px 0;
	}

	.embed-container iframe,
	.embed-container object,
	.embed-container embed {
		width: 100%;
		left: 0;
	}

}

@media (max-width:750px) {

	/*-記憶專區-*/
	.media-list li {
		margin: 22px 20px;
		width: calc(100% / 2 - 40px);
	}

	/*-活動列表-*/
	.yda-event .event-box {
		margin: 22px 20px;
		width: calc(100% / 2 - 40px);
	}

	.event-list-sort {
		padding: 0 20px;
	}

	.regist-btn a {
		border-radius: 150px;
		background: #ff7166;
		color: #fff;
		padding: 8px 0 10px 0;
		font-weight: bold;
		font-size: 0.8rem;
		width: 85px;
		letter-spacing: 0;
		margin: 0 auto;
	}

	.event-box .info {
		padding: 14px 16px 10px 16px;
	}

	.event-box .date {
		margin: 7px 0 0 0;
		padding: 0 20px;
		font-size: 0.9em;
		line-height: 1.3;
		letter-spacing: -.6px;
	}

	.page-slider img {
		width: 100%;
		height: auto;
	}

}

@media (max-width:715px) {

	/*-FAQ-*/
	.page-sear {
		padding: 14px 12px;
	}

	.page-sear label {
		width: 100%;
		margin: 0 0 9px 0;
		font-size: 0.95rem;
		font-weight: bold;
	}

	select.sortselect2 {
		width: calc(100% - 237px);
	}

}

@media (max-width:700px) {
	.cclicenses {
		align-items: flex-start;
	}

	/*-圖文列表-*/
	.imglist-img {
		width: 140px;
	}

	.imglist-box {
		width: calc(100% - 162px);
		margin: 0 0 0 22px;
	}

	.imglist-box strong {
		font-size: 1.15em;
		line-height: 25px;
	}

	.imglist-box span {
		font-size: 0.97em;
		margin: 6px 0 0 0;
	}

	/*-檔案下載-*/
	.dl-btns a {
		width: 28px;
		margin: 5px 2px;
	}

	.dl-list ul.thead li:first-child,
	.dl-list .tcont li:first-child {
		width: 26%;
	}

	.dl-list ul.thead li:nth-child(2),
	.dl-list .tcont li:nth-child(2) {
		width: 51%;
	}

	.dl-list ul.thead li,
	.dl-list .tcont li {
		width: 23%;
	}

	/*-大事記-*/
	.history-month a {
		width: calc(100% / 6 - 12px);
		margin: 0 6px 12px 6px;
		color: #333333;
		padding: 9px 0;
		font-size: 0.95rem;
	}

	.history-year select {
		padding: 5px 27px 5px 15px;
	}

	.history-month a,
	.history-year select {
		height: 35px;
	}

	.history-month {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		margin: 15px -6px 0 -6px;
	}

	.history>ul>li span.date {
		width: 105px;
		font-size: 0.8rem;
		line-height: 18px;
		padding: 9px 13px;
	}

	.history>ul:before {
		content: "";
		left: 52.5px;
	}

	.history>ul>li>ul {
		margin-left: 120px;
		list-style-type: none;
		padding-left: 0;
	}

	/*-架構圖-*/
	.orza-box>li {
		width: 100%;
		border: 2px dotted #d8d8d8;
		margin: 0 15px 25px 15px;
		padding: 0;
	}

	ul.orza-list li span {
		width: auto;
		display: inline-block;
	}

	.orza-box>li:last-child {
		margin-bottom: 0;
	}

	.orza-box {
		padding: 0;
		margin: 25px -15px 0 -15px;
		list-style: none;
	}

	/*--basic--*/
	.page-tool .page-mail img,
	.page-tool .page-print img,
	.page-tool .page-share img {
		width: 20px;
	}

	.page-tool .page-sharing .share-drop {
		position: absolute;
		display: none;
		top: 24px;
		left: -3px;
		z-index: 99;
		width: 28px;
	}

	.page-tool .page-mail,
	.page-tool .page-print,
	.page-tool .page-sharing {
		display: inline-block;
		vertical-align: top;
		margin-left: 12px;
		position: relative;
		width: 22px;
	}

	.page-tool .page-fontsize {
		padding: 0px 4px;
	}

	/*--index--*/
	.index-event-list-slider .event-box {
		margin: 18px;
		box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
	}

	.tab-ctrl a {
		margin: 0 5px 15px 5px;
		width: calc(100% / 4 - 10px);
		font-size: 1rem;
		padding: 10px 3px;
	}

	.index-news-box .cont {
		flex: auto;
		padding: 0;
		margin: 9px 0 0 0;
	}

	.index-tab a {
		font-size: 1rem;
	}

	.index-news-box .title {
		font-size: 1.04em;
		line-height: 1.55;
	}

	.index-news-box .cont {
		flex: auto;
		padding: 0;
		margin: 7px 0 0 0;
		width: 100%;
	}

	.index-highlights .highlights-slider>div {
		margin: 0 17px 18px 17px;
		width: calc(100% / 2 - 34px);
	}

	.index-highlights .highlights-slider {
		display: flex;
		margin: 0 -17px;
		flex-wrap: wrap;
	}

	.index-highlights .highlights-slider {
		display: flex;
		margin: 0 -17px;
	}

	.highlights-slider .info {
		margin: 0 0 5px 0;
	}

	.highlights-slider .info .tag.color1 {
		padding: 4px 8px;
		font-size: 0.8rem;
	}

	.index-news-box .info .tag {
		width: 85px;
		font-size: 0.8rem;
		padding: 4px 0;
		margin-right: 15px;
	}

	.index-event .event-search input[type="date"],
	.index-event .event-search input[type="text"],
	.index-event .event-search select {
		padding: 12px 15px;
	}

	.index-event .event-search-box2 .keyword input[type="text"] {
		padding: 11px 18px;
	}

	.index-event .event-search input[type="date"],
	.index-event .event-search input[type="text"],
	.index-event .event-search select,
	.index-event .event-search-box2 .keyword input[type="text"] {
		height: 43px;
	}

	.event-box .title {
		margin: 0 20px;
		color: #333;
		font-weight: bold;
		font-size: 1.07em;
		line-height: 1.4;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		height: 46px;
	}

	/*-footer-*/
	.fat-footer-box {
		width: calc(100% / 2 - 2% - 4px);
		line-height: 20px;
		vertical-align: top;
		display: inline-block;
		margin: 0 1% 10px 1%;
		font-size: 0.95em;
		font-weight: bold;
	}

	.fat-footer-inner {
		padding: 30px 0 20px 0;
	}

}

@media (max-width:680px) {

	/*-歷任署長-*/
	.col4-list ul.thead {
		display: none;
	}

	.col4-list ul.thead li,
	.col4-list .tcont li {
		width: 100%;
		padding: 0;
	}

	.col4-list .tcont li {
		display: flex;
		flex-wrap: wrap;
	}

	.col4-list .tcont li:first-child {
		display: none;
	}

	.col4-list .tcont li span,
	.col4-list .tcont li .cont {
		padding: 12px 15px;
	}

	.col4-list .tcont li span {
		display: block;
		width: 33%;
		text-align: left;
		background: #1d8cad;
		color: #ffff;
	}

	.col4-list ul.thead li:nth-child(3),
	.col4-list .tcont li:nth-child(3) {
		width: 100%;
	}

	ul.tcont:nth-child(even),
	ul.tcont:nth-child(odd) {
		background: #f3f3f3;
		margin: 0 0 30px 0;
		border-radius: 8px;
		overflow: hidden;
	}

	.col4-list .tcont li .cont {
		width: calc(100% - 33%);
		text-align: left;
		border-bottom: 1px solid #dedede;
	}

	.col4-list .tcont li span {
		border-bottom: 1px solid #50a3bb;
	}

}

@media (max-width:650px) {

	/*-計畫專區-*/
	.page-kv {
		background-position: 50% 0 !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		padding-top: 130px;
		position: relative;
	}

	.page-kv-txt {
		position: absolute;
		z-index: 1;
		top: 15%;
		left: 49px;
		width: 51%;
	}

	.page-kv-txt .title {
		font-size: 4.2vw;
		font-weight: bold;
		width: 100%;
		margin: 0;
		line-height: 1.4;
		text-align: left;
	}

	.page-kv-txt p {
		text-align: left;
	}

	.page-kv-txt .tag-box .tag {
		font-weight: bold;
		display: inline-block;
		vertical-align: top;
		margin: 0;
		border-radius: 3px;
		padding: 5px 15px;
		font-size: 0.75rem;
	}

	.yda-work .experience .event-box>div {
		width: 100%;
		margin-right: 0;
	}

	.yda-work .experience .event-box .title {
		font-size: 1em;
		width: 100%;
		vertical-align: middle;
		margin: 5px 0 0 0;
	}

	.event-box-btn {
		width: 100% !important;
		margin: 0 !important;
		text-align: center;
	}

	.yda-work .event-box-btn a {
		display: inline-block;
		float: none;
		background: #ff7166;
		color: #fff;
		font-size: 0.85rem;
		border-radius: 150px;
		padding: 9px 25px;
		font-weight: bold;
	}

}

@media (max-width:645px) {

	/*-活動報名-*/
	ul.myevent li label {
		width: 100%;
		margin: 0 0 7px 0;
	}

	.myevent-cont {
		width: 100%;
	}

	li.eventTitle {
		font-size: 1em;
		font-weight: bold;
	}

	.eventregist-page .form th,
	.eventregist-page .form td {
		padding: 11px 20px;
		float: left;
		width: 100%;
		border: 0;
	}

	.event-regist select,
	.event-regist input[type="text"],
	.event-regist input[type="email"] {
		height: 39px;
		width: 100%;
	}

	.event-regist table tr {
		border-top: 0;
	}

	.custom-tb th,
	.custom-tb td {
		padding: 11px 20px;
		float: left;
		width: 100%;
		border: 0;
	}

	.custom-tb .radio-style>label {
		margin: 0 0 8px 0;
		width: 100%;
		display: inline-block;
	}

	/*-活動列表-*/
	.event-status-box strong.item {
		display: none;
	}

	.yda-event .event-search-box>div {
		width: calc(100% / 2 - 8px);
		margin: 0 4px 12px 4px;
	}

	.yda-event .event-search-box .keyword {
		width: 100%;
		margin: 0 4px;
	}

	/*-法規列表-*/
	.col2-list ul.thead li:first-child,
	.col2-list .tcont li:first-child {
		width: 28%;
	}

	.col2-list ul.thead li,
	.col2-list .tcont li {
		width: 72%;
	}

	.col2-list .tcont li {
		padding: 14px 8px;
	}

	/*-主要業務-*/
	.work-box {
		margin: 25px 15px;
		width: calc(100% / 2 - 30px);
	}

	.work-box .title strong {
		font-size: 1.1em;
		line-height: 24px;
	}

	/*-相關網站-*/
	.relatedlink li {
		width: calc(100% / 2 - 5%);
		margin: 22px 2.5%;
	}

	.page .relatedlink img {
		max-width: 168px;
	}

}

@media (max-width:625px) {

	/*-faq-*/
	.page-sear select {
		width: 100%;
		margin: 0 0 12px 0;
	}

	.page-sear label {
		display: none;
	}

	.page-sear-btn {
		margin: 0;
		width: 100%;
		text-align: center;
	}

	.page-sear-btn a {
		padding: 8px 0;
		font-size: 0.9rem;
		line-height: normal;
		min-width: 80px;
	}

	.faq-list li a span {
		content: "Q";
		width: 39px;
		height: 39px;
		line-height: 37px;
		font-size: 0.95em;
		left: 13px;
		top: 12px;
		font-weight: bold;
	}

	.faq-list li .answer::before {
		content: "A";
		width: 39px;
		height: 39px;
		line-height: 37px;
		font-size: 0.95em;
		left: 13px;
		top: 12px;
		font-weight: bold;
	}

	.faq-list li .answer {
		padding: 18px 0 4px 70px;
		display: none;
		position: relative;
	}

	.faq-list li .quest {
		padding: 18px 45px 18px 61px;
		background: url(../images/qa_close.svg) 94% center no-repeat #f3f3f3;
		line-height: 27px;
		height: auto;
		background-size: 10px !important;
	}

	.faq-list li .quest_close {
		background: url(../images/qa_open.svg) 94% center no-repeat #f6f6f6 !important;
		background-size: 10px !important;
	}

	.faq-list li .answer {
		padding: 18px 0 4px 61px;
		display: none;
		position: relative;
	}

	.faq-list li a p {
		margin: 0;
		font-size: 1em;
		line-height: 24px;
	}

}

@media (max-width:600px) {
	.cclicenses img {
		margin: 0 0 10px 0;
	}

	.cclicenses p {
		width: 100% !important;
	}

	h2.page-header {
		font-size: 1.25em;
		line-height: 1.4;
		margin: 0 0 12px 0;
	}

	/*-記憶專區-*/
	.medalistCont strong {
		line-height: 23px;
		font-size: 1em;
	}

	/*-活動內頁-*/
	.yda-event .event-info-wrap {
		width: 100%;
		margin: 0 0 45px 0;
	}

	.yda-event .event-more {
		width: 100%;
		font-size: 1em;
		font-weight: bold;
	}

	.event-more .list {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -18px;
	}

	.yda-event .subtitle {
		font-size: 1.15em;
		margin-bottom: 18px;
	}

	.event-more .list li {
		margin: 0 18px 30px 18px;
		width: calc(100% / 2 - 36px);
	}

	/*-出版品內頁-*/
	.bookintro-page .book-cover {
		width: 174px;
		padding: 8px;
		margin: 0 auto;
		display: block;
	}

	.bookintro-page ul.book-info {
		width: 100%;
		margin: 22px 0 0 0;
		padding: 20px 22px;
	}

	/*-出版品列表-*/
	.book-cover {
		width: 126px;
		padding: 6px;
	}

	ul.book-info {
		width: calc(100% - 156px);
		margin: 0 0 0 28px;
	}

	.publish-time {
		font-size: 0.96rem;
	}

	/*-下載專區-*/
	.dl-list {
		font-size: 0.96rem;
	}

	.dl-list ul.thead {
		display: none;
	}

	.dl-list .tcont li {
		padding: 0;
		width: 100% !important;
		display: flex;
		flex-wrap: wrap;
	}

	.dl-list .tcont li:nth-child(2) .cont {
		line-height: 22px;
	}

	.dl-list .tcont li span {
		display: inline-block;
	}

	.dl-list .tcont li span,
	.dl-list .tcont li .cont {
		padding: 6px 12px;
	}

	.dl-list .tcont {
		margin: 0 0 20px 0;
		border-radius: 5px;
		overflow: hidden;
	}

	.dl-list .tcont li span {
		width: 26%;
		text-align: left;
		background: #2f94b6;
		color: #fff;
		border-bottom: 1px solid #69abc1;
	}

	.dl-remind {
		margin: 3px 0 18px 0;
		display: inline-block;
		line-height: 24.5px;
		font-size: 0.965rem;
	}

	.dl-list .tcont li:last-child span {
		border-bottom: 0;
	}

	.dl-list .tcont li .cont {
		width: 74%;
		text-align: left;
		justify-content: end;
		border-bottom: 1px solid #d8d8d8;
	}

	.dl-list .tcont li:last-child .cont {
		border-bottom: 0;
	}

	.dl-list ul.tcont:nth-child(even),
	.dl-list ul.tcont:nth-child(odd) {
		background: #f1f1f1;
	}

	/*-性平專區-*/
	ul.thead li {
		padding: 6px 8px;
	}

	/*-記憶專區-*/
	.media-list li {
		margin: 22px 12px;
		width: calc(100% / 2 - 24px);
	}

	.medalistCont {
		padding: 14px;
	}

	/*-活動列表-*/
	.yda-event .event-box {
		margin: 22px 12px;
		width: calc(100% / 2 - 24px);
	}

	.event-list-sort {
		padding: 0 12px;
	}

	.event-box .title {
		margin: 0 16px;
		font-size: 1.05em;
	}

	.event-box .date {
		padding: 0 16px;
	}

	/*-電子報-*/
	.page-tab a {
		font-size: 1rem;
		min-width: auto;
		width: calc(100% / 3 - 10px);
		padding: 9px 8px;
		margin: 0 5px;
	}

	.page-tab {
		display: flex;
		padding: 0 0 25px 0;
		margin: 0 -5px;
	}

	/*-署長-*/
	.resume .info>li.name {
		font-size: 1.25rem;
		margin: 0 0 15px 0;
	}

	.resume .info .item {
		width: 80px;
		padding: 18px 0 8px 0;
	}

	.resume ul.dot-list {
		padding: 0 0 20px 0;
		width: 100%;
	}

	.resume .info>li {
		flex-wrap: wrap;
	}

	/*--index--*/
	.event-status-box strong.item {
		width: 100%;
		display: inline-block;
		margin: 0 0 11px 0;
	}

	.index-social p {
		padding: 0 15px;
		text-align: center;
		font-size: 1em;
		flex: 2;
		line-height: 21px;
	}

	.index-event .event-search-box>div:first-child {
		width: 100%;
		margin: 0 0 13px 0;
	}

	.index-event .event-search-box>div:first-child select {
		background: url(../images/select_arr.svg) 96% center no-repeat #ffffff;
		background-size: 7px 7px !important;
	}

	.index-event .event-search-box>div:nth-child(2),
	.index-event .event-search-box>div:nth-child(4) {
		margin-left: 0;
	}

	.index-event .event-search-box>div:nth-child(3),
	.index-event .event-search-box>div:nth-child(5) {
		margin-right: 0;
	}

	.index-event .event-search-box>div {
		width: calc(100% / 2 - 7px);
		margin: 0 7px 13px 7px;
	}

	.index-event .event-search-box.form-inline {
		margin: 0;
	}

	.index-event .event-search-box {
		margin: 0;
		flex-wrap: wrap;
	}

	.index-event .event-search-box2 .keyword {
		width: 100%;
		margin: 0 0 13px 0;
	}

	.index-event .view-all {
		font-size: 0.95rem;
		margin: 0 auto;
	}

	.index-event .event-search {
		margin-bottom: 5px;
	}

	.index-social {
		display: flex;
		padding: 50px 0 0 0;
		FONT-WEIGHT: 500;
	}

}

@media (max-width:550px) {
	.event-box .title {
		height: auto;
	}

}

@media (max-width:520px) {
	.relatedlink li {
		width: 100%;
		margin: 0 0 25px 0;
	}

}

@media (max-width:510px) {

	/*-活動列表-*/
	.yda-event .event-search .event-status-box a {
		margin: 0 3px 11px 3px;
		padding: 8px;
		width: calc(100% / 2 - 8px);
		text-align: center;
		/* border: 1px #c5c5c5 solid; */
		font-size: 0.95rem;
		border-radius: 5px;
		background: #fff;
	}

	.event-search .event-status-box a::after,
	.event-search .event-status-box a::before {
		display: none;
	}

	.yda-event .event-status-box strong.item {
		width: 100%;
		display: inline-block;
		margin: 0 0 15px 0;
	}

	.yda-event .event-search .event-status-box {
		margin: 0 0 5px 0;
	}

	/*
	    .yda-event .event-search .event-status-box a:nth-child(2)::before,
	.yda-event .event-search .event-status-box a:nth-child(4)::before,
	.yda-event .event-search .event-status-box a:nth-child(6)::before {
		content: "";
		display: block;
		position: absolute;
		height: 100%;
		width: 1px;
		background: #333;
		left: 0;
		top: 0;
	}
	*/
}

@media (max-width:500px) {

	/*-計畫專區-*/
	.text-title {
		margin: 0 0 24px 0;
		padding: 0 0 0 14px;
		position: relative;
		font-size: 1.2em;
	}

	.page-kv-txt {
		position: absolute;
		z-index: 1;
		top: 15%;
		left: 32px;
		width: 44%;
	}

	.intro-cont {
		width: 100%;
		margin: 0;
		font-size: 0.92rem;
		line-height: 25px;
	}

	.page-kv-txt .title {
		font-size: 1.15rem;
	}

	.page-kv-txt p {
		margin: 10px 0 0 0;
	}

	.page-kv-txt .tag-box .tag {
		font-weight: bold;
		display: inline-block;
		vertical-align: top;
		margin: 0;
		border-radius: 3px;
		padding: 4px 15px;
		font-size: 0.7rem;
	}

	/*-記憶專區-*/
	.media-list li {
		margin: 1px auto 32px auto;
		width: 95%;
	}

	.page-tab.page-mem-tab a {
		width: calc(100% / 2 - 10px);
		padding: 9px 8px;
		margin: 0 5px 18px 5px;
	}

	.page-tab.page-mem-tab {
		flex-wrap: wrap;
	}

	.page-mem-tab a:nth-child(2),
	.page-mem-tab a:nth-child(3),
	.page-mem-tab a:nth-child(4) {
		padding: 9px 0 9px 2% !important;
	}

	.page-mem-tab a:nth-child(2),
	.page-mem-tab a:nth-child(3),
	.page-mem-tab a:nth-child(4) {
		background-position: 28% center;
	}

	/*--*/
	.page-article {
		line-height: 27px;
		font-size: 1em;
	}

	.update-time span:last-child {
		padding: 0;
		margin: 0;
		width: 100%;
		display: inline-block;
	}

	.update-time span:last-child::before {
		display: none;
	}

	/*-活動報名-*/
	.eventregist-page .form th,
	.eventregist-page .form td {
		padding: 11px 16px;
	}

	.custom-tb th,
	.custom-tb td {
		padding: 11px 16px;
	}

	ul.myevent {
		padding: 25px 22px;
	}

	.event-remark {
		padding: 16px;
	}

	.form-btn a {
		width: 110px;
		margin: 0 5px;
	}

	/*-主要業務-*/
	.work-box {
		margin: 25px 0;
		width: 100%;
	}

	/*-青年署在哪-*/
	.map iframe {
		width: 100%;
		height: 270px;
	}

	.form.yda-location {
		font-size: 0.965rem;
	}

	.map {
		margin: 0 0 22px 0;
	}

	.form.yda-location th {
		width: 26%;
		padding: 10px 10px;
	}

	/*-出版品內頁-*/
	.bookintro-page .publish-time,
	.bookintro-page .book-cont {
		font-size: 0.97em;
	}

	.bookintro-page .book-info li strong {
		font-size: 1.05em;
		margin: 0 0 11px 0;
		padding: 0 0 11px 0;
	}

	/*-圖文列表-*/
	.imglist-img {
		width: 80%;
		margin: 0 auto;
		display: block;
		max-width: 180px;
	}

	.imglist-box {
		width: 100%;
		margin: 14px 0 0 0;
	}

	.imglist-box strong {
		font-size: 1em;
		line-height: 24px;
	}

	.imglist-box span {
		font-size: 0.96em;
		margin: 6px 0 0 0;
	}

	.imglist-box p {
		margin: 6px 0 0 0;
		line-height: 22px;
		font-size: 0.96em;
	}

	.page .imglist-img img {
		width: 100%;
		max-width: 100%;
		display: block;
	}

	/*-ODF-*/
	.odf-intro .articlelev1>li span,
	.odf-intro .articlelev1>li .cont {
		font-size: 1.1em;
	}

	/*-補經費列表-*/
	.list-btn {
		margin: 0 0 12px 0;
	}

	.location-page .list-btn {
		margin: 0 0 15px 0;
	}

	.list-btn a i {
		font-size: 0.7rem;
		margin: 0 0 0 6px;
	}

	.list-btn a {
		display: inline-block;
		text-align: center;
		border-radius: 5px;
		font-weight: bold;
		font-size: 0.9rem;
		padding: 8.5px 0;
		color: #ffffff;
		background: #29b3b3;
		width: 230px;
	}

	.col1-list .tcont li {
		padding: 14px 10px;
	}

	/*-法規列表-*/
	.col2-list,
	.col1-list {
		font-size: 0.965rem;
	}

	.col2-list li:first-child .cont {
		color: #2f94b6;
	}

	.col2-list .tcont li {
		padding: 0;
		width: 100% !important;
		text-align: left;
		line-height: 22px;
	}

	.col2-list ul.tcont.flex {
		padding: 13px 16px;
		border-radius: 5px;
	}

	.col2-list ul.thead {
		display: none;
	}

	/*-活動列表-*/
	.yda-event .event-box {
		margin: 22px 7%;
		width: 86%;
	}

	.event-search {
		border-radius: 15px;
		padding: 22px 20px;
		margin-bottom: 25px;
	}

	/*-電子報-*/
	.link-list li a {
		align-items: unset;
	}

	.link-list li {
		padding: 18px 18px;
	}

	.epaper-page i.fas.fa-link {
		width: 42px;
		height: 42px;
		line-height: 42px;
		font-size: 0.82em;
	}

	.link-list li .cont {
		width: calc(100% - 54px);
		margin: 0 0 0 12px;
	}

	.link-list li .cont strong {
		font-size: 1.08em;
		margin: 0 0 5px 0;
		display: inline-block;
		width: 100%;
		line-height: 24px;
	}

	/*-大事記-*/
	.history-month a {
		width: calc(100% / 4 - 12px);
		margin: 0 6px 12px 6px;
		color: #333333;
		padding: 9px 0;
		font-size: 0.95rem;
	}

	.history>ul>li span.date {
		width: 85px;
		padding: 8px;
	}

	.history>ul>li>ul {
		margin-left: 100px;
	}

	.history>ul:before {
		content: "";
		left: 42.5px;
	}

	/*-faq-*/
	.page-sear-btn a {
		padding: 6px 0;
		font-size: 0.9rem;
		line-height: normal;
		min-width: 85px;
	}

	.page-sear select {
		width: 100%;
		margin: 0 0 11px 0;
		font-size: 0.9rem;
		height: 36px;
	}

	.faq-list li a span {
		content: "Q";
		width: 32px;
		height: 32px;
		line-height: 30px;
		font-size: 0.8em;
		left: 13px;
		top: 14px;
	}

	.faq-list li .quest_close {
		background: url(../images/qa_open.svg) 95% center no-repeat #f6f6f6 !important;
		background-size: 9px !important;
	}

	.faq-list li .quest {
		padding: 15px 33px 15px 54px;
		background: url(../images/qa_close.svg) 95% center no-repeat #f3f3f3;
		height: auto;
		background-size: 9px !important;
	}

	.faq-list li .answer,
	.faq-list li .quest {
		font-size: 0.96rem;
		line-height: 23px;
	}

	.faq-list li .answer::before {
		content: "A";
		width: 32px;
		height: 32px;
		line-height: 30px;
		font-size: 0.8em;
		left: 13px;
		top: 14px;
	}

	.faq-list li .answer {
		padding: 18px 0 4px 57px;
		display: none;
		position: relative;
	}

	/*-架構圖-*/
	.oraz-intro strong {
		font-size: 1.15em;
		margin: 0 0 8px 0;
	}

	/*-署長-*/
	.resume .pic {
		width: 55%;
		max-width: 200px;
		margin: 0 auto 35px auto;
	}

	.resume .info {
		width: 100%;
		line-height: 24px;
	}

	/*-純文字-*/
	.page-download,
	.page-link {
		padding: 12px 15px;
	}

	/*--新聞列表--*/
	.news-box .title {
		font-size: 1.05em;
		line-height: 1.5;
	}

	.news-list-wrap {
		margin: 0 0 50px 0;
	}

	/*--basic--*/
	.page-btn {
		padding: 30px 0;
	}

	.page-btn a {
		padding: 8px 0;
		margin: 0 7px;
		font-size: 0.9rem;
		line-height: normal;
		min-width: 95px;
	}

	.page-tool {
		width: 100%;
		margin-bottom: 12px;
	}

	.breadcrumb {
		font-size: 0.8rem;
		padding: 6px 0 0 0;
		margin-bottom: 16px;
		line-height: 20px;
	}

	.page-title {
		width: 100%;
		font-size: 1.3em;
		line-height: 29px;
	}

	.page {
		min-height: calc(100vh - 295px);
		padding-bottom: 70px;
	}

	.breadcrumb a:first-child {
		background: none;
		background-size: 11px;
		padding: 0;
	}

	.breadcrumb i,
	.breadcrumb a,
	.breadcrumb strong {
		vertical-align: middle;
		display: inline-block;
	}

	/*--index--*/
	.inner {
		width: 84%;
	}

	.index-event-list-slider .event-box {
		margin: 30px;
		box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
	}

	.index-social p {
		padding: 0 8px;
	}

	.index-social .icon img {
		width: 36px;
	}

	.index-title {
		font-size: 1.45rem;
	}

	.index-tab a {
		width: calc(100% / 4 - 12px);
		margin: 0 6px 14px 6px;
		min-width: auto;
		padding: 9px 2px;
		font-size: 0.96rem;
	}

	.index-tab {
		display: flex;
		justify-content: center;
		padding: 5px 0 20px 0;
		margin: -5px 0;
		flex-wrap: wrap;
	}

	.highlights-slider .title {
		font-size: 1.03em;
		margin: 0 0 5px 0;
		height: auto;
		line-height: 1.4;
		text-overflow: ellipsis;
		display: initial;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.tab-ctrl a {
		margin: 0 8px 13px 8px;
		width: calc(100% / 3 - 16px);
		font-size: 1rem;
		padding: 6px 13px;
		line-height: 21px;
		max-width: initial;
	}

	.tab-ctrl {
		margin: -5px -7px;
	}

	.index-event .event-search .event-status-box a {
		margin: 0 0 15px 0;
		padding: 0 3px;
		width: calc(100% / 3 - 4px);
		text-align: center;
	}

	.index-event .event-search .event-status-box {
		margin: 0 0 10px 0;
	}

	.index-highlights .highlights-slider>div {
		margin: 0 17px 18px 17px;
		width: 100%;
	}

	.index-event .event-search .event-status-box a:nth-child(2)::before,
	.index-event .event-search .event-status-box a:nth-child(5)::before {
		content: "";
		display: block;
		position: absolute;
		height: 100%;
		width: 1px;
		background: #333;
		left: 0;
		top: 0;
	}

	.index-kv-slider .slick-next {
		right: -34px;
		background: url(../images/arr-right.svg) 0 0 no-repeat;
		background-size: 30px;
	}

	.index-kv-slider .slick-prev,
	.index-kv-slider .slick-next {
		width: 30px;
		padding-top: 7%;
		height: 30px;
	}

	.index-kv-slider .slick-prev {
		left: -34px;
		background: url(../images/arr-left.svg) 0 0 no-repeat;
		background-size: 30px;
	}

	.index-kv-slider-wrap {
		padding: 30px 25px;
	}

	.footer-img {
		width: 115px;
	}

	.footer-logo {
		display: block;
		padding: 0;
		width: 215px;
		margin: 0 auto 10px auto;
	}

	.index-event .event-search input[type="date"],
	.index-event .event-search input[type="text"],
	.index-event .event-search select,
	.index-event .event-search-box2 .keyword input[type="text"] {
		height: 38px;
		padding: 7px 10px;
		font-size: 0.96rem;
	}

	.index-kv-slider .title {
		font-size: 1.3rem;
		margin: 0 0 2px 0;
	}

	.index-kv-slider .txt {
		margin-bottom: 10px;
		font-size: 0.95rem;
		line-height: 1.55;
	}

	.index-title::after {
		content: "";
		display: block;
		width: 35px;
		height: 2px;
		background: #ccc;
		margin: 14px auto 0 auto;
		text-align: center;
		position: relative;
	}

	.event-status-box strong.item {
		width: 100%;
		display: inline-block;
		margin: 0 0 15px 0;
	}

	.index-event .event-search-box2 .keyword .btn {
		background: url(../images/i-search.svg) center center no-repeat #fff;
		background-size: 14px;
		border-radius: 150%;
		width: 38px;
		height: 38px;
		margin-left: 5px;
	}

	.index-event .view-all {
		font-size: 0.95rem;
		margin: 5px auto 0 auto;
		padding: 10.5px 50px 10.5px 20px;
	}

	.video-tag-box {
		position: static;
		width: 100%;
		font-size: 0.95rem;
		margin: 14px 0 0 0;
		order: 1;
	}

	.index-video-wrap .index-video-box img {
		display: block;
		width: 100%;
		border-radius: 15px;
	}

	.index-video-wrap {
		border-radius: 0;
	}

	.video-name {
		line-height: 21px;
		padding: 0;
		margin: 6px 0 0 0;
	}

	.index-video-wrap .index-video-box {
		margin: 0 0 30px 0;
		display: flex;
		flex-wrap: wrap;
	}

	.video-tag {
		color: #fff;
		font-size: 0.9rem;
		padding: 6px 12px;
	}

	/*-footer-*/
	.fat-footer-box {
		width: 100%;
		margin: 0 0 10px 0;
		font-size: 0.95em;
	}

	.fat-footer-box>ul>li {
		width: 100%;
		display: inline-block;
		vertical-align: top;
	}

	.fat-footer-inner {
		width: 88%;
	}

	.fat-footer-sublist>li::before {
		display: none;
	}

	.fat-footer-sublist a {
		display: block;
		padding: 0;
	}

	.fat-footer-box .list {
		text-align: left;
	}

	/*-paging-*/
	.paging .first,
	.paging .prev,
	.paging .last,
	.paging .next {
		width: 65px;
		margin: 0 2px;
		font-size: 0.95rem;
	}

	.paging {
		margin: 40px 0 0 0;
	}

	/*-出版品列表-*/
	.book-info li strong {
		font-size: 1.05em;
		margin: 5px 0;
		line-height: 25px;
	}

	.book-cont label i {
		display: none;
	}

}

@media (max-width:420px) {

	/*-出版品列表-*/
	ul.book-info {
		width: 100%;
		margin: 7px 0 0 0;
	}

	.book-cover {
		width: 132px;
		padding: 5px;
		margin: 0 auto;
		display: block;
	}

	/*-青年署在哪-*/
	.form.yda-location th {
		width: 72px;
		padding: 10px 14px;
		text-align: center;
	}

	/*-活動內頁-*/
	.yda-event .event-timeline-section .icon {
		width: 50px;
		height: 50px;
		margin-right: 20px;
		position: relative;
		z-index: 2;
	}

	.yda-event .event-timeline-section::before {
		content: "";
		display: block;
		background-color: #2fa4b5;
		position: absolute;
		width: 4px;
		height: 100%;
		left: 23px;
		z-index: 1;
	}

	.yda-event .event-timeline-section .event-timeline-box {
		width: calc(100% - 75px);
	}

	.yda-event .event-timeline-section {
		padding: 15px 0;
	}

	.yda-event .event-timeline-section .event-timeline-box {
		padding: 15px 18px;
	}

	.event-more .list li {
		margin: 0 18px 28px 18px;
		width: 100%;
	}

	.yda-event .event-more .cont {
		margin: 4px 0 0 0;
	}

}

@media (max-width:411px) {

	/*-index-*/
	.tab-ctrl a {
		padding: 6px 5px;
		line-height: 21px;
		max-width: 64px;
	}

	.index-social a {
		margin: 0 10px;
		width: calc(100% / 3 - 20px);
		flex-wrap: wrap;
	}

	.index-social .flex {
		margin: 0 -10px;
	}

	.header .logo,
	.header .logo-en {
		width: 215px;
		height: 50px;
		background: url(../images/logo.svg) 0 0 no-repeat;
	}

	.hamburger {
		width: 33px;
		height: 27px;
	}

	.hamburger.open span:nth-child(1) {
		top: 3px;
	}

	.wrapper {
		margin-top: 77px;
	}

	.index-tab a {
		width: calc(100% / 2 - 12px);
		margin: 0 6px 13px 6px;
		min-width: auto;
		padding: 10px 2px;
		font-size: 0.96rem;
	}

}

@media (max-width:400px) {

	/*-計畫專區-*/

	/* .page-kv {
		background-image: url(../images/page-kv1-rwd.png) !important;
		background-position: 50% 0 !important;
		background-repeat: no-repeat !important;

		padding-top: 100%;
		position: relative;
		background-size: 110% !important;
	} */

	/* .page-kv-txt .title {
		font-size: 4.88vw;
		font-weight: bold;
		width: 100%;
		margin: 0;
		line-height: 1.5;
		text-align: center;
	}

	.page-kv-txt {
		position: absolute;
		z-index: 1;
		top: 75%;
		left: 22%;
		width: 56%;
	} */

	/*-全年度活動一覽-*/
	.all-event-wrap .slick-next {
		right: 0;
		background: url(../images/arr-right-white.svg) center center no-repeat #fba34c;
		background-size: 17px;
	}

	.all-event-wrap .slick-next {
		right: 0;
		background: url(../images/arr-right-white.svg) center center no-repeat #fba34c;
		background-size: 17px;
	}

	.all-event-wrap .slick-prev {
		left: 0;
		background: url(../images/arr-left-white.svg) center center no-repeat #fba34c;
		background-size: 20px;
	}

	/*-檔案下載-*/
	.dl-list .tcont li span {
		padding: 6px 8px;
	}

	.dl-list .tcont li .cont {
		padding: 6px 12px;
	}

	.dl-list .tcont li span {
		width: 29%;
	}

	.dl-list .tcont li .cont {
		width: 71%;
	}

	/*-活動列表-*/
	.yda-event .event-box {
		margin: 22px 0;
		width: 100%;
	}

	.event-list-sort {
		padding: 0;
	}

	/*-署長-*/
	.resume .pic {
		width: 62%;
		max-width: 165px;
		margin: 0 auto 25px auto;
	}

	.resume .info>li.name {
		font-size: 1.2rem;
		margin: 0 0 12px 0;
	}

	/*-新聞列表-*/
	.news-box .title {
		font-size: 1.02em;
		line-height: 1.55;
	}

	.news-box {
		padding: 16px 0;
	}

	/*-paging-*/
	.paging .first,
	.paging .last {
		display: none;
	}

	.paging .first,
	.paging .prev,
	.paging .last,
	.paging .next {
		width: 67px;
		margin: 0 4px;
		font-size: 0.9rem;
	}

}

@media (max-width:360px) {

	/*-index-*/
	.tab-ctrl a {
		padding: 6px 5px;
		line-height: 20px;
		max-width: 64px;
		margin: 0 4px 13px 4px;
		width: calc(100% / 5 - 8px);
		font-size: 0.95rem;
	}

	.index-event-list-slider .event-box {
		margin: 30px 15px;
		box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
	}

	.index-social a {
		margin: 0 0 28px 0;
		width: 100%;
		flex-wrap: wrap;
	}

	.index-social .icon {
		flex: auto;
		height: auto;
		padding: 15px 0;
		width: 100%;
	}

	.index-social p {
		padding: 0 8px;
		line-height: 12px;
	}

	/*-記憶專區-*/
	.page-mem-tab a:nth-child(2),
	.page-mem-tab a:nth-child(3),
	.page-mem-tab a:nth-child(4) {
		background-position: 25% center;
		background-size: 18px;
	}

}

@media (max-width:340px) {}