@charset "utf-8";

/*-------------------------------------------------------------------------------------------

	#Reset

-------------------------------- */
*,
*::before,
*::after{
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
			box-sizing:border-box
}

html, body, div, ul, ol, li, 
form, input, button,textarea, blockquote,p{
	margin:0;
	padding:0;
}

ol, ul, li{list-style:none;}

h6, h5, h4, h3, h2, h1{
	margin-top:0;
	margin-bottom:var(--space-xs);
	font-weight:500;
	line-height:1.2;
}

p{
	margin-top:0;
	margin-bottom:var(--space-xs);
}

a{
    text-decoration:none;
}
a:hover{
	outline:none;
}


button{
	border-radius:0;
}

button:focus:not(:focus-visible){
	outline:0;
}

input, button, select, optgroup, textarea{
	margin:0;
	font-family:inherit;
	font-size:inherit;
	line-height:inherit;

	outline:none;
}

button, select{
	text-transform:none;
}

[role=button]{
	cursor:pointer;
}

select{
	word-wrap:normal;
}
select:disabled{
	opacity:1;
}

[list]::-webkit-calendar-picker-indicator{
	display:none;
}

button,
[type=button],
[type=reset],
[type=submit]{
	-webkit-appearance:button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled){
	cursor:pointer;
}

::-moz-focus-inner{
	padding:0;
	border-style:none;
}

textarea{
	resize:vertical;
}

fieldset{
	min-width:0;
	padding:0;
	margin:0;
	border:0;
}

legend{
	float:left;
	width:100%;
	font-size:var(--font-md);
	line-height:inherit;
	padding:0;
	margin-bottom:var(--space-xs);
}
@media (min-width:1200px){
	legend{
		font-size:var(--font-lg);
	}
}
legend + *{
	clear:left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field{
	padding:0;
}

::-webkit-inner-spin-button{
	height:auto;
}

[type=search]{
  outline-offset:-2px;
  -webkit-appearance:textfield;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"]{
	direction:ltr;
}
*/
::-webkit-search-decoration{
	-webkit-appearance:none;
}

::-webkit-color-swatch-wrapper{
	padding:0;
}

::file-selector-button{
	font:inherit;
}

::-webkit-file-upload-button{
	font:inherit;
	-webkit-appearance:button;
}

iframe{
	border:0;
}


/* HTML5 display-role reset for older browsers */
article, aside, details,
figcaption, figure,
footer,
header,
hgroup,
menu, nav,
section,
main{ 
	display:block;
}





/*-------------------------------------------------------------------------------------------

	#base

-------------------------------- */

/* 修正粗體 (碧筵綰在粗體時會隔很遠) */
@font-face{
    font-family:'微軟正黑體修正';
    unicode-range:U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
    font-style:normal;
    font-weight:bold;
    src:local(Yu Gothic), local(MS Gothic);
}
/* 一般粗細的時候改回微軟正黑 */
@font-face{
    font-family:'微軟正黑體修正';
    unicode-range:U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
    font-style:normal;
    font-weight:normal;
    src:local(微軟正黑體);
}

body{
	background:#fff;
	font-family:"Microsoft JhengHei","微軟正黑體修正","微軟正黑體",sans-serif;
	color:#333;
	line-height: var(--line-height-body);
}

.wrapper{
	position:relative;
	overflow: hidden;
}







/*-------------------------------------------------------------------------------------------

	#Editor：後台編輯器

-------------------------------- */
.editor{
	overflow-wrap: break-word;
}

.editor h1 {
	margin-bottom: var(--space-md);
}

.editor h2,
.editor h3,
.editor h4 {
	margin-top: var(--space-md);
	margin-bottom: var(--space-sm);
}

.editor ul,
.editor ol,
.editor p {
	margin-bottom: var(--space-sm);
}

.editor ul,
.editor ol {
	list-style-position: outside;
	padding-left: var(--space-lg);
}

.editor ul {
	list-style-type: disc;
}

.editor ol {
	list-style-type: decimal;
}

.editor ul li,
.editor ol li {
	display:list-item;
	list-style:inherit;
	line-height: var(--line-height-body);
}

.editor em {
	font-style: italic;
}

.editor u {
	text-decoration: underline;
}

.editor a{
    text-decoration:underline;
}
.editor img{
	max-width:100%;
	height:auto;
}
.editor iframe{
	max-width:100%;
}




/* .wrapper{
	background:#0B2842;
} */

.banner{
	margin-bottom:3.25rem;
}
.banner img{
	display:block;
	max-width:100%; height:auto;
}

.banner.desktop{ display:none; }
@media (min-width:768px){
	.banner.desktop{ display:block; }
	.banner.mobile{ display:none; }
}


.heading{
	color:#0B2842;
	color:#ED2B35;
	font-size:1.75rem; font-weight:600;
	text-align:center;
	margin-bottom:3.25rem;
}
@media (min-width:768px){
	.heading{
		font-size:2.06rem;
	}
}

.content{
	max-width:1200px;
	/* color:#fff; */
	font-size:1.25rem; font-weight:600; line-height:1.8;
	margin:2rem auto 3.25rem auto;
	padding:0 15px;
}


.footer{
	background:#000;
	text-align:center;
	padding:3.25rem 1rem 1.25rem 1rem;
}
.footer_inner{
	max-width:1200px;
	margin:0 auto;
}

.infolist_footer{
	color:#fff;
}
.infolist_footer li{ margin:0.5rem 0; }

.web-designer{
	text-align:right;
}
.web-designer a{
	display:inline-block;
	color:#fff;
	font-size:0.875rem; font-weight:600;
	opacity:0.2;
}
.web-designer a:hover{
	opacity:1;
}