/*  encoding
========================================================================== */

@charset "utf-8";


/*  styling
========================================================================== */

body {
	height: 100vh;
}

a {
	color: rgb(237, 46, 56);
}

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

.title span {
	font-size: 0.5em;
}.title span a {
	text-decoration: underline;
}

:not(body).tag {
	padding-bottom: 1px;
}:not(body).tag:first-child {
	width: 20%;
}:not(body).tag:last-child {
	width: 80%;
}

.content h3:not(:first-child) {
	margin-top: 1rem;
}

:not(:last-child).block,
:not(:last-child).box,
:not(:last-child).breadcrumb,
:not(:last-child).content,
:not(:last-child).highlight,
:not(:last-child).level,
:not(:last-child).list,
:not(:last-child).message,
:not(:last-child).notification,
:not(:last-child).progress,
:not(:last-child).subtitle,
:not(:last-child).table-container,
:not(:last-child).table,
:not(:last-child).tabs,
:not(:last-child).title,
.content blockquote:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content p:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child),
.content ul:not(:last-child){
	margin-bottom: 1.25rem;
}

div#wrapper {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}div#wrapper > div#contents {
	flex: 1 0 auto;
	margin: 3em auto;
}div#wrapper.is-thai-visitors .hero {
	background-color: rgb(237, 46, 56);
}div#wrapper.is-thai-visitors .hero .tabs.is-boxed li.is-active a,
 div#wrapper.is-thai-visitors .hero .tabs.is-boxed li.is-active a:hover,
 div#wrapper.is-thai-visitors .hero .tabs.is-toggle li.is-active a,
 div#wrapper.is-thai-visitors .hero .tabs.is-toggle li.is-active a:hover {
	color: rgb(0, 32, 91);
}div#wrapper.is-thai-visitors nav {
	border-top: 0.25em solid rgb(255, 255, 255);
	padding-top: 0.25em;
	background-color: rgb(0, 32, 91);
}div#wrapper.is-thai-visitors .button {
	margin-bottom: 1rem;
}div#wrapper.is-thai-visitors .button.is-danger.is-outlined {
	color: rgba(237, 46, 56, 1.0);
	border-color: rgba(237, 46, 56, 1.0);
}div#wrapper.is-thai-visitors .button.is-danger.is-outlined:focus,
 div#wrapper.is-thai-visitors .button.is-danger.is-outlined:hover {
	color: rgba(255, 255, 255, 1.0) !important;
	background-color: rgba(237, 46, 56, 1.0);
}div#wrapper.is-thai-visitors .button.is-link.is-outlined {
	color: rgb(0, 32, 91);
	border-color: rgb(0, 32, 91);
}div#wrapper.is-thai-visitors .button.is-link.is-outlined:focus,
 div#wrapper.is-thai-visitors .button.is-link.is-outlined:hover {
	color: rgba(255, 255, 255, 1.0) !important;
	background-color: rgb(0, 32, 91);
}div#wrapper.is-thai-visitors table {
	table-layout: fixed;
	word-break: break-word;
	word-wrap: break-word;
	margin-bottom: 4rem;
}div#wrapper.is-thai-visitors table.no-fixed {
	table-layout: auto;
}div#wrapper.is-thai-visitors table.no-fixed td.suffix {
	width: 15%;
}div#wrapper.is-thai-visitors table.no-bottom {
	margin-bottom: 1.25em;
}div#wrapper.is-thai-visitors table.table td a.is-active {
	color: rgba(0,0,0,.7);
	background-color: #ffdd57;
}div#wrapper.is-thai-visitors span.square {
	display: inline-block;
	margin-left: 0.25em;
	padding: 1px 1px 0px 1px;
	font-size: 0.95rem;
	border: 1px solid #000000;
}div#wrapper.is-thai-visitors ul.no-mark {
	list-style: none;
}div#wrapper.is-thai-visitors div.structure.column {
	padding: 0px;
}div#wrapper.is-thai-visitors div.no-refer {
	margin-bottom: 4rem;
}div#wrapper.is-thai-visitors div.no-refer ul {
	counter-reset: item;
	list-style: none;
	margin: 1em 1em 1em 0px;
}div#wrapper.is-thai-visitors div.no-refer ul li::before {
	content: '＊';
	counter-increment: item;
	margin-right: 0.25em;
}div#wrapper.is-thai-visitors div.no-refer ul li {
	padding-left: 1em;
	text-indent: -1em;
}div#wrapper.is-thai-visitors div.no-refer ul li span {
	display: inline-block;
	margin-left: 0.25em;
	padding: 1px 0.25em 0px 0.25em;
	font-size: 0.95rem;
	text-indent: 0;
	border: 1px solid #000000;
}div#wrapper.is-thai-visitors ul.structure {
	counter-reset: item;
	list-style: none;
}div#wrapper.is-thai-visitors ul.structure li::before {
	content: counters(item, ".") "）";
	counter-increment: item;
	margin-right: 0.25em;
}div#wrapper.is-thai-visitors ul.structure li {
	padding-left: 1em;
	text-indent: -1.75em;
}div#wrapper.is-thai-visitors ul.structure li ul {
	counter-reset: item;
	list-style: none;
	margin-left: 1em;
}div#wrapper.is-thai-visitors ul.structure li ul li::before {
	content: '▶';
	counter-increment: item;
	margin-right: 0.25em;
}div#wrapper.is-thai-visitors ul.structure li ul li {
	padding-left: 1em;
	text-indent: -1em;
}div#wrapper.is-thai-visitors ul.qanda {
	counter-reset: item;
	list-style: none;
}div#wrapper.is-thai-visitors ul.qanda li.q::before {
	content: "Q. ";
	counter-increment: item;
	margin-right: 0.25em;
}div#wrapper.is-thai-visitors ul.qanda li.a::before {
	content: "A. ";
	counter-increment: item;
	margin-right: 0.25em;
}div#wrapper.is-thai-visitors ul.qanda li {
	padding-left: 1em;
	text-indent: -1.4em;
}

@media all and (-ms-high-contrast: none) {
	div#wrapper {
		height: 100%;
	}
	h3.title:first-child {
		margin-bottom: 2rem;
	}
}

@media screen and (max-width: 999px), print {
	div#wrapper > div#contents {
		width: 90%;
	}
	.column.is-8, .column.is-8-tablet {
		width: 100%;
		margin-bottom: 3em;
	}
	.hero-foot .tabs ul {
		font-size: 0.8rem;
	}
}

@media screen and (max-width: 499px), print {
	.button {
		width: 100%;
	}
	.tabs a {
		padding: 0.5em;
	}
	.tags.has-addons .tag {
		width: 100%;
		margin-bottom: 0px;
	}.tags.has-addons .tag:not(:last-child) {
    border-top-right-radius: 4px;
		border-bottom-left-radius: 0px;
	}.tags.has-addons .tag:not(:first-child) {
    border-top-right-radius: 0px;
		border-bottom-left-radius: 4px;
	}
}
