/* ==========================================================================
   Public
============================================================================= */
@import url('../fontawesome-free-7.1.0-web/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap'); /*思源黑體 */

@font-face {
    font-family:"源雲明朝";
	src:url(../font/GenWanMinTW-EL.woff);
}


html {
	font-family:Arial, Meiryo, "Meiryo UI", "Microsoft JhengHei UI", "Microsoft JhengHei", sans-serif;
	font-size: 100%;
	scroll-behavior:auto;
}
@media (prefers-reduced-motion: no-preference) {
	html { scroll-behavior:smooth; }
}




body { 
	width:100%;
	font-size: clamp(0.875rem, 0.5rem + 0.5vw, 1rem);
	line-height:1.6;
	color:#222;
	background-color:#5a7995;
	overflow-wrap:break-word;
	line-break:strict;
}
@media (max-width:1279px) {
	body { font-size:1rem; }
}


*[lang|=zh], *[lang|=zh] * { letter-spacing:0.05em; }
*[lang|=zh], *[lang]:not([lang|=zh]) { letter-spacing:0.08em; }


form { display:contents!important; }


img {
	display:inline-block;
	border:none;
	vertical-align:middle;
	
	width:100%;
	height:100%;
	object-fit:cover;
}


a {
	display:inline-block;
	text-decoration:none;
    transition: all 300ms ease-in-out;
}

:focus-visible {
	box-shadow:0 0 0 2px #c6494f;
    outline:2px solid #c6494f;
}
:focus:not(:focus-visible){ outline:none; } /* 瀏覽器初始focus樣式關閉 */



.clearfix {
    clear:both;
    display:table;
}


input, select, textarea {
	color:#222;
	border-radius:3px;
	background:#FFF;
	/*border:#949494 1px solid;*/
}

input:focus {
    border-color:dodgerBlue;
    box-shadow:0 0 8px 0 dodgerBlue;
	color:#FFF;
	background:#333;
}

select:focus {
    border-color:dodgerBlue;
    box-shadow:0 0 8px 0 dodgerBlue;
	color:#FFF;
	background:#333;
}


::placeholder { color:#555; font-size:90%; }
:focus::placeholder { color:#FFF; }


input[type="checkbox"], input[type="radio"] { width:2vw; height:2vw; vertical-align:middle; margin-right:5px; }


.icon_guide {
	position:absolute;
	top:0; left:2px;
	font-size:0.75em!important;
	font-weight:normal!important;
	font-family:Arial!important;
}
.icon_guide a { color:#222!important; text-decoration:none; }

@media (max-width:1279px) {
	input[type="checkbox"], input[type="radio"] { width:30px; height:30px; }
	.icon_guide { display:none; }
}


.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap; 
    border: 0;
}

.sr-only-focusable:focus,
.sr-only-focusable:focus-within {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
    clip-path: none;
    white-space: normal;
}





/* mobile nav
-----------------------------------------------------------------------------*/
#mobile-nav input {
	width:100%;
	font-size:120%;
	/*padding:10px;*/
	border-radius:3px;
	margin-bottom:10px;
}
#mobile-nav input:focus {
    border-color:dodgerBlue;
    box-shadow:0 0 8px 0 dodgerBlue;
	color:#000;
	background:#93fff7;
}

.sp_logo { position:fixed; left:15px; top:13px; z-index:100; }
.sp_logo img { height:26px; }




/* header
-----------------------------------------------------------------------------*/
header {
	display:grid;
	grid-template-columns:1fr 2fr;
	position:relative;
	width:100%;
	background:#FFF;
	padding-bottom:0.2vw;
	box-shadow: rgba(132, 195, 215, 0.3) 0px 2px 6px 0px;
	z-index:1;
}
header h1 { margin:1vw 2vw; }

header a { color:#222; }

header .link { font-size:80%; text-align:right; padding:0.5vw 2vw 0.5vw; }
header .link a:is(:hover, :focus) { text-decoration:underline; }

header .menu { font-family:"Noto Sans TC", "Meiryo UI", sans-serif; text-align:right; padding-right:2vw; }

header .menu .m1, header .menu .m2 { display:inline-block; }
header .menu .m1 a { font-size:115%; font-weight:600; margin:0 1vw; }
header .menu .m1 a:is(:hover, :focus) { color:#008920; }
header .menu .m2 a { font-size:90%; border-radius:99em; padding:0.4vw 1vw; border:#999 1px solid; line-height:1.2; vertical-align:bottom; }
header .menu .m2 a i { color:#4fb941; margin-right:3px; }
header .menu .m2 a:is(:hover, :focus) { background:#008920; color:#FFF; }

@media (max-width:1600px) {
	header h1 { margin:1.3vw 2vw; }
}

@media (max-width:1279px) {
	header { display:none; }
}


/* Home
-----------------------------------------------------------------------------*/
#home {
	position:relative;
	width:100%;
	min-height:calc(100vh - 17vw);
	background:url("../img/home-bg.jpg") right bottom no-repeat fixed;
	background-size:cover;
	
	display:grid;
	grid-template-columns:1fr 1fr;
}

#home_news {
	display:grid;
	place-content:center;
	background:rgba(255,255,255,0.5);
	padding:3.5vw 0;
}

#home_news h2 {
	position:relative;
	font-family:"Noto Sans TC", "Meiryo UI", sans-serif;
	font-weight:700;
	color:#052a4c;
	font-size:180%;
	margin-bottom:0.5vw;
}
#home_news h2 span { position:absolute;	top:0; right:0; }
#home_news h2 span a { background:#825298; color:#FFF; border-radius:99em; padding:0.2vw 0.6vw 0.5vw 1vw; font-size:45%; font-weight:normal; }
#home_news h2 span a i { vertical-align:middle; opacity:0.5; }
#home_news h2 span a:is(:hover, :focus) { background:var(--red); }

.home_news { width:40vw; border-left:#cc9933 0.5vw solid; padding-left:2vw; }

.home_news ul { width:100%; border-top:#5bdac3 2px dotted; }
.home_news li a {
	display:block;
	border-bottom:#5bdac3 2px dotted;
	padding:0.8vw 0;
}
.home_news li a:is(:hover, :focus) { background:#FFF; padding:0.8vw; }
.home_news li a p { color:#222; }
.home_news li a span { font-size:80%; }

.home_news .day { color:#752400; }
.home_news .flag { color:#FFF; background:#752400; border-radius:99em; padding:0.3vw 0.5vw; }


@media (max-width:1279px) {
	#home { display:block; padding-top:80px; }
	#home_news { display:block; width:85%; margin:0 auto; background:rgba(255,255,255,0.9); border-radius:10px; padding:0; }
	#home_news h2 { font-size:140%; margin-bottom:10px; }
	#home_news h2 span a { padding:5px 8px 8px 12px; font-size:50%; }
	.home_news { width:100%; border-left:none; padding:4% 5% 5%; }
	.home_news li a { padding:10px 0; }
	.home_news li:last-child a { border:none; }
	.home_news .flag { padding:5px 10px; }
}



/* content
------------------------------------------------------------------------------ */
main {
	position:relative;
	margin:0 auto;
	width:100%;
	padding:1% 6% 6%;
	min-height:calc(100vh - 25vw);
	
	background:#e9e9e9 url("../img/bg.jpg") center bottom no-repeat;
	background-size:100%;
}
@media (max-width:1279px) {
	main { min-height:50vh; padding:5%; background-size:200%;}
}


.banner h2 {
	font-family:"源雲明朝";
	font-size:3.5vw;
	color:#0b6a78;
	text-align:right;
	padding-right:18vw;
	padding-top:1.4vw;
	background:#FFF url("../img/banner-bg.jpg") center center no-repeat;
	background-size:100%;
	aspect-ratio: 100 / 8.5;
}
@media (max-width:1279px) {
	.banner h2 {
		aspect-ratio: 10 / 1.8;
		margin-top:50px;
		background:url("../img/banner-bg.jpg") center left no-repeat;
		background-size:cover;
		text-align:center;
		font-size:6vw;
		font-weight:600;
		padding-right:0;
		padding-top:5vw;
	}
}


.breadcrumb { width:100%; font-size:0.75em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.breadcrumb i { color:#a83997; padding-right:5px;}
.breadcrumb a { color:#222; text-decoration:underline; }
.breadcrumb a:hover, .breadcrumb a:focus { color:#c25700; }

@media (max-width:1279px) {
	.breadcrumb { display:none; }
}


.search { text-align:center; }
.search input { border:none; padding:0.5vw 1vw!important; }
.search select { width:auto!important; padding:0.65vw 1vw!important; }
.search a { background:var(--green); color:#FFF; padding:0.5vw 1vw; border-radius:3px; margin-left:0.5vw; }
.search a i { opacity:0.5; margin-right:3px; }
.search a:is(:hover, :focus) { background:var(--red); }

.search .add { display:inline-block; }
.search .add a { background:var(--o); }
.search .add a:is(:hover, :focus) { background:var(--red); }

.search2 { text-align:center; }
.search2 select { width:auto!important; padding:0.5vw 1vw; margin-right:0.5vw; vertical-align:middle; }
.search2 .keyword { display:inline-block; }
.search2 .keyword input { width:auto!important; padding:0.4vw 1vw!important; vertical-align:middle; }
.search2 .keyword a { position:relative; top:-0.45vw; display:inline-block; background:var(--green); color:#FFF; padding:0.4vw 1vw; border-radius:3px; margin-left:5px; }
.search2 .keyword a:hover { background:#333; }

.search2 .download { position:relative; top:-0.45vw; display:inline-block; background:none; padding:0; }
.search2 .download a { display:inline-block; color:#FFF; padding:0.4vw 1vw; border-radius:3px; margin-left:5px; }
.search2 .download a:hover { background:#333; }

@media (max-width:1279px) {
	.search { margin-bottom:20px; }
	.search input { padding:12px!important; border-radius:3px 0 0 3px; }
	.search select { padding:15px 12px!important; }
	.search a { width:80px; padding:13.5px 0; margin-left:0; border-radius:0 3px 3px 0; font-size:90%; vertical-align:middle; }
	.search .add a { border-radius:3px; }
	
	.search2 { margin-bottom:20px; }
	.search2 select { padding:15px!important; margin:0!important; border:#ccc 1px solid!important; border-radius:0; }
	.search2 select:nth-child(1),.search2 select:nth-child(2) { width:50%!important; }
	.search2 select:nth-child(3) { width:100%!important; }
	.search2 .keyword { display:block; width:100%; }
	.search2 .keyword input { width:calc(100% - 80px)!important; padding:15px!important; border-radius:0px; border-radius:0; border:#ccc 1px solid!important; }
	.search2 .keyword a { top:-7px; width:80px; padding:16px 0; margin-left:0; font-size:90%; border-radius:0;  border:#ccc 1px solid; }
	
	.search2 .download { width:100%; }
	.search2 .download a { width:30%; padding:10px; }
}
@media (max-width:767px) {
	.search input { width:calc(100% - 80px)!important; }
	.search select { width:100%!important; }
	.search .add { display:block; padding-top:8px; text-align:center; }
	.search .add a { width:100%; border-radius:3px; font-size:120%; }
}



h3 {
	width:100%;
	font-family:"Noto Sans TC", "Meiryo UI", sans-serif;
	color:var(--blue2);
	font-size:160%;
	font-weight:600;
	text-align:center;
	padding:1vw 0 1.5vw;
}
@media (max-width:1279px) {
	h3 { font-size:130%; padding:0 15px 15px; }
}


.content {
	border-top:#aaa 1px dashed;
	margin-top:-1vw;
	padding:1.5vw 0 0;
}

.content a { color:var(--blue2); text-decoration:underline; }
.content a:is(:hover, :focus) { color:var(--red); }

.content p { margin-bottom:1.12vw; }
.content img { max-width:100%; }

@media screen and (max-width:1279px) {
	.content { padding:20px 0; }
	.content p { margin-bottom:25px; }
}

.download {
	background:#c2c4b1;
	padding:1vw 1.5vw;
}
.download h4 { color:#0a5561; font-size:120%; font-family:"Noto Sans TC", "Meiryo UI", sans-serif; font-weight:600; padding-bottom:0.5vw; }
.download h4 img { width:2vw; margin-right:5px; }
.download i { color:#FFF; margin-right:3px; }
.download li a:is(:hover, :focus) { text-decoration:underline; }

@media screen and (max-width:1279px) {
	.download { padding:15px 20px; }
	.download h4 { font-size:120%; }
	.download h4 img { width:30px; }
	.download li { border-bottom:#fff 1px dotted; padding:10px 0; }
	.download li i { font-size:120%; }
	.download li:last-child { border-bottom:none; }
}

.name { text-align:right; font-size:85%; padding-top:1vw; }
@media screen and (max-width:1279px) {
	.name { padding-top:10px; }
}


.content_sys {
	padding:0;
}





/* foundation
------------------------------------------------------------------------------ */
.foundation_list tr { position:relative; }
.foundation_list tr:is(:hover, :focus) { background:#7e4c4c!important; color:#FFF; }
.foundation_list tr a {
	color:#222;
	-webkit-transition: all 0ms ease-in-out;
    -moz-transition: all 0ms ease-in-out;
    -ms-transition: all 0ms ease-in-out;
    -o-transition: all 0ms ease-in-out;
    transition: all 0ms ease-in-out;
}
.foundation_list tr:is(:hover, :focus) a { color:#FFF; }

.row-link::after {
  content: '';
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
}

.f1, .f2 { color:#FFF; font-size:80%; padding:0.3vw 0.5vw; border-radius:5px; margin-right:5px; }
.f1 { background:var(--red); }
.f2 { background:var(--blue); }

@media (min-width:1280px) {
	.news_list td:last-child { text-align:center; width:8vw; }
	.news_list td:first-child { width:6vw; text-align:center; }
}
@media (max-width:1279px) {
	.foundation_list { padding-bottom:30px; }
	.f1, .f2 { padding:6px 10px; }
}


#foundation {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:4.5%;
}

.foundation table {
	width:100%;
	border-collapse:separate;
	border:#FFF 0.5vw solid;
	border-radius:1vw;
	background:#f2f2f2;
	overflow:hidden;
}
.foundation caption {
	padding:0 1vw;
	text-align:left;
	font-family:"Noto Sans TC", "Meiryo UI", sans-serif;
	color:#e95098;
	font-size:150%;
	font-weight:600;
}
.foundation caption img { width:2.5vw; margin-right:5px; vertical-align:bottom; }
.foundation caption span { color:#a7a7a7; font-size:50%; letter-spacing:0; font-weight:normal; }

.foundation td { border-bottom:#c7c7c7 2px solid; padding:1vw; vertical-align:top; }
.foundation td:first-child { width:5vw; text-align:right; padding-right:0.3vw; }

.foundation tr:last-child td { border:none; }

.foundation li { color:var(--blue2); font-weight:600; padding-bottom:0.1vw; }
.foundation li a { color:#222; font-weight:normal; }
.foundation li a:is(:hover, :focus) { color:var(--red); }

@media (max-width:1279px) {
	#foundation { display:block; }
	.foundation caption { font-size:140%; }
	.foundation caption img { width:30px; }
	.foundation table { border:#FFF 3px solid; border-radius:10px; margin-bottom:25px; }
	.foundation td { padding:15px; }
	.foundation li a { text-decoration:underline; }
}





/* foundation maintain
------------------------------------------------------------------------------ */
#sys {
	display:grid;
	grid-template-columns:1fr 5fr;
	gap:5%;
}

#sys .sub_menu { padding-top:2vw; }
#sys .sub_menu ul {
	width:100%;
	background:#FFF;
	border-radius:1vw;
}
#sys .sub_menu li a {
	display:block;
	text-align:center;
	font-family:"Noto Sans TC", "Meiryo UI", sans-serif;
	font-weight:600;
	padding:1vw;
	border-bottom:#ccc 1px solid;
}
#sys .sub_menu li:last-child a { border-bottom:none; }
#sys .sub_menu li a:is(:hover, :focus) {
	color:#FFF;
	background:var(--blue2);
}
#sys .sub_menu li:first-child a { border-radius:1vw 1vw 0 0; }
#sys .sub_menu li:last-child a { border-radius:0 0 1vw 1vw; }

#sys .sub_menu .action { background:#f4dede; }

#sys h3 {
	width:100%;
	border-bottom:#aaa 1px dashed;
	font-size:150%;
	font-family:"Noto Sans TC", "Meiryo UI", sans-serif;
	font-weight:600;
	color:var(--blue2);
	text-align:left;
	padding:0 0 0.6vw;
	margin-bottom:2vw;
}
#sys h3 span { display:inline-block; width:8px; height:1.5vw; background:#cc9933; border-radius:5px; margin-right:10px; vertical-align:middle; }

#sys input, #sys select, #sys textarea {
	border:none;
	padding:0.6vw 1vw;
	width:100%;
	margin-bottom:1vw;
}

#sys label i { margin-right:3px; color:#cc9933; }
#sys label img { width:auto; max-width:40%; margin-left:10px; }

.login {
	margin:0 auto;
	width:50%;
}

.w2, .w2_ {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:5%;
}

.content_sys h4 {
	font-family:"Noto Sans TC", "Meiryo UI", sans-serif;
	font-weight:600;
	color:var(--blue2);
	font-size:120%;
}
.content_sys h4 i { color:#cc9933; }



.year { font-size:120%; text-align:center; padding-bottom:1vw; }
.year select { width:auto!important; }

.year_file { padding-bottom:1vw;}
.year_file select, .year_file input[type="file"] { margin:0.3vw 0!important; }
.year_file select { width:auto!important; }
.year_file input[type="file"] { width:calc(100% - 6vw)!important; }
.year_file button { background:var(--green); color:#FFF; padding:0.7vw 0.6vw 0.6vw; border-radius:3px; margin-left:0.5vw; }
.year_file button i { opacity:0.5; }

.year_file2 { padding-bottom:1vw;}
.year_file2 input[type="file"] { padding:0.6vw!important; }
.year_file2 select { width:auto!important; padding:0.85vw!important; }
.year_file2 input[type="file"] { width:auto!important; }
.year_file2 a { background:var(--green); color:#FFF; padding:0.7vw 0.6vw 0.6vw; border-radius:3px; margin-left:0.5vw; }
.year_file2 a i { opacity:0.5; }


.public_table td:last-child { min-width:3vw; }
.public_table td:last-child a { font-size:150%; color:var(--o); }
.public_table td:last-child a:is(:hover, :focus) { color:var(--red); }

.public_table2 td:first-child, .public_table2 td:last-child { width:4vw; text-align:center; }
.public_table2 td:first-child i, .public_table2 td:last-child i { font-size:150%; }
.public_table2 td:last-child a { color:var(--o); }
.public_table2 td:last-child a:is(:hover, :focus) { color:var(--red); }
.public_table2 td:nth-last-child(2) { width:40%; }
.public_table2 td:nth-last-child(2) span { font-size:90%; color:#aaa; }

@media (min-width:1280px) {
	.public_table td:last-child { text-align:center; }
}


@media (max-width:1279px) {
	#sys { display:block; }
	#sys .sub_menu { display:none; }
	#sys h3 { font-size:130%; padding:0 0 8px; margin-bottom:25px; }
	#sys h3 span { height:20px; }
	#sys input, #sys select, #sys textarea { padding:10px; margin-bottom:15px; }
	
	.year_file { padding-bottom:8px;}
	.year_file select, .year_file input[type="file"] { margin:5px 0!important; }
	.year_file input[type="file"] { width:calc(100% - 85px)!important; }
	.year_file button { width:80px; padding:10px 0; text-align:center; margin-left:5px; }
	
	.year_file2 { padding-bottom:8px;}
	.year_file2 select, .year_file2 input[type="file"] { margin:5px 0!important; padding:15px!important; }
	.year_file2 input[type="file"] { width:calc(100% - 85px)!important; }
	.year_file2 a { width:80px; padding:15px 0; text-align:center; margin-left:5px; }
	
	.public_table { margin-bottom:50px; }
	
	.public_table2 td { width:auto!important; text-align:left!important; }
}
@media (max-width:640px) {
	.login { width:80%; }	
	.w2_ { display:block; }
	.year_file2 select { width:100%!important; }
}


.sys_list td:first-child a { text-decoration:underline; }
.sys_list td:last-child a { font-size:90%; color:#FFF; background:var(--o); border-radius:3px; padding:3px 5px; }
.sys_list td:last-child a:is(:hover, :focus) { background:#333; }

@media (min-width:1280px) {
	.sys_list td:nth-last-child(1), .sys_list td:nth-last-child(2) { text-align:center; }
}


.review_list i, .review_list2 i, .review_list3 i { font-size:150%; }

.review_list .rwd-table td:before,
.review_list2 .rwd-table td:before,
.review_list3 .rwd-table td:before
 { width:85px!important; }
 
.review_list td span { font-size:90%; color:#888; }
.review_list td:nth-child(2) a { text-decoration:underline; }
.review_list td:last-child a { padding:5px 10px; color:#FFF; background:var(--o); border-radius:3px; }
.review_list td:last-child a:hover { background:#333; }

.review_list2 table { margin:10px 0 20px;}

.review_list3 { margin-top:2vw; }
.review_list3 h4 { margin-bottom:5px; }
.review_list3 h4 img { width:2vw; margin-right:5px; }

@media (min-width:1280px) {
	.review_list td:nth-last-child(2) { width:30%; }
	.review_list td:nth-child(1), .review_list td:nth-child(3), .review_list td:nth-child(4), .review_list td:nth-child(6) { text-align:center; }	
	
	.review_list2 td { text-align:center!important; }

	.review_list3 td:nth-child(1), .review_list3 td:nth-child(2), .review_list3 td:nth-child(3) { text-align:center; }
	.review_list3 td:nth-child(4) { width:40%; }
	.review_list3 td:nth-child(4) span { color:#888; font-size:90%; }
}
@media (max-width:1279px) {
	.review_list3 { margin-top:20px; }
	.review_list3 h4 img { width:25px; }
}


.sys_year input { width:auto!important; background:#ddd; margin-bottom:0!important; }

@media (min-width:1280px) {
	.sys_year td { text-align:center!important; }
}
@media (max-width:767px) {
	.sys_year input { width:37%!important; }
}



/* sitemap
------------------------------------------------------------------------------ */
#sitemap { margin-top:1vw; }
#sitemap .box {
	float:left;
	width:calc(100% / 3);
	padding:1vw;
}

#sitemap .box a { display:block; width:100%; padding:1vw; text-align:center; text-decoration:none; }
#sitemap .box a:is(:hover, :focus) { color:#FFF; background:var(--o); }

#sitemap .box .c1 { background:var(--blue); color:#FFF; }
#sitemap .box .c2 { background:#FFF; color:#050505; border-top:#ccc 1px dashed; }

@media screen and (max-width:760px) {
	#sitemap { margin-top:30px; }
	#sitemap .box { float:none;	width:100%;	padding:0 10px; margin-bottom:25px; }
	#sitemap .box a { padding:15px; }
}




/* form
------------------------------------------------------------------------------ */
fieldset { border:none; padding:0; margin:0; }
fieldset i { color:#BB5100; padding-left:5px; }

legend {
	font-family:"Noto Sans TC", "Meiryo UI", sans-serif;
	font-size:120%;
	margin-bottom:0.5vw;
}
legend span { font-size:80%; color:#BB5100; }




/* footer
------------------------------------------------------------------------------ */
footer {
	position:relative;
	background:#5a7995;
	padding:2.2vw 5vw;
	
	display:grid;
	grid-template-columns: 20% 60% 20%;
}
footer a:focus {
	box-shadow:0 0 0 2px #FFF;
    outline:2px solid #FFF;
}

.qrcode a:is(:hover, :focus) { opacity:0.6; }
.qrcode img { width:5.5vw; margin:0 0.3vw; }

address { font-size:90%; color:#FFF; line-height:180%; }
address a { color:#FFF; }
address a:is(:hover, :focus) { text-decoration:underline; }
address ul { margin-bottom:0.6vw; }
address li { display:inline-block; border-left:#d18bac 1px solid; padding:0 1vw; }
address li:last-child { border-right:#d18bac 1px solid; }

.mark { text-align:right; }
.mark .gov { width:3vw; }
.mark .aplus { width:10vw; }

@media (max-width:1279px) {
	footer { padding:50px 30px; display:block; }
	.qrcode, address, .mark { width:100%; text-align:center; }
	.qrcode img { width:50%; max-width:200px; margin:5px; }
	address { padding:10px 0; font-size:80%; }
	address ul { margin-bottom:15px; }
	address li { padding:0 15px; }
	.mark { margin-top:15px; }
	.mark .gov { width:50px; }
	.mark .aplus { width:150px; }
}

@media (max-width:680px) {
	.qrcode img { width:100px; }
}
@media (max-width:400px) {
	address { font-size:70%; }
}


/* btn
------------------------------------------------------------------------------ */
.btn {
	width:100%;
	margin-top:2vw;
	padding-top:2vw;
	border-top:#aaa 1px dashed;
	text-align:center;
}

.btn a {
	display:inline-block;
	padding:1vw 0;
	color:#FFF;
	font-size:120%;
	font-family:"Noto Sans TC", sans-serif;
	font-weight:600;
	text-align:center;
	border-radius:5px;
}
.btn a i { opacity:0.5; margin-right:5px; }

.btn_1 a { width:25%; }
.btn_2 a { width:25%; margin:0 0.5vw; }
.btn_3 a { width:25%; margin:0 0.5vw; }

.btn_r { background:var(--red); }
.btn_g { background:var(--green); }
.btn_b { background:var(--blue); }
.btn_o { background:var(--o); }

.btn a:is(:hover, :focus) { background:#222; }


@media (max-width:1279px) {
	.btn { margin-top:30px; padding:30px 0; }
	.btn a { padding:12px 0; }
	.btn_1 a { width:80%; }
	.btn_2 a { width:43%; margin:0 1%; }
	.btn_3 a { width:30%; margin:0 1%; font-size:100%; }
}

/* color
------------------------------------------------------------------------------ */
:root {
	--red:#aa2020;
	--green:#418177;
	--blue:#5a7995;
	--blue2:#0b6a78;
	--o:#cc4b00;
}