@charset "utf-8";
/* ****************************************************

base.css
-----------------------------------
1: base settings
	1-1: reset
	1-2: base
	1-3: utility parts
-----------------------------------
ex: clearfix

***************************************************** */

/*=================================

	1: base settings

================================ */

/* 1-1: reset
================================ */

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* change colours to suit your needs */

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* change border colour to suit your needs */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

/**
 * custom reset
 */

main {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
    font-weight: normal;
}

ol,
ul {
    list-style: none;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: none;
}

mark {
    background: none;
}

caption,
th {
    text-align: left;
}

video,
audio,
canvas {
    display: inline;
    zoom: 1;
}

svg:not(:root) {
    overflow: hidden;
}

audio:not([controls]),
[hidden] {
    display: none;
}

hr {
    display: none;
}

img {
    max-width: 100%;
    height: auto;
    width/***/
    : auto;
    -ms-interpolation-mode: bicubic;
    vertical-align: top;
}

sub,
sup {
    position: relative;
    line-height: 0;
    font-size: 12px;
    font-size: 1.2rem;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

address {
    font-style: normal;
}

/* 1-2: base
================================ */

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 62.5%;
    /* 1rem = 10px */
}

html.standard {
    font-size: 62.5%;
}

html.large {
    font-size: 75%;
}

body {
    color: #444444;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.67;
}

body * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input,
select,
textarea {
    font-size: 15px;
    font-size: 1.5rem;
}

/* font-family */

body .arial {
    font-family: Arial, Helvetica, sans-serif;
}

/* link setting */

a:link {
    color: #0a5fbe;
    text-decoration: none;
}

a:visited {
    color: #3e00a5;
    text-decoration: none;
}

a:hover,
a:active {
    color: #252629;
    text-decoration: underline;
}

main a,
main a img {
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

main a:link,
main a:visited {
    text-decoration: underline;
}

main a:hover,
main a:active {
    text-decoration: none;
}

#sidebar a:link,
#sidebar a:visited {
    text-decoration: none;
}

#sidebar a:hover,
#sidebar a:active {
    text-decoration: underline;
}

/* ja */

body,
input,
select,
textarea {
    font-family: "Inter", sans-serif;
}

/* en */

body,
input,
select,
textarea {
    font-family: 'Inter', sans-serif;
}

body .noto {
    font-family: 'Noto Sans', serif;
}

@media only screen and (max-width: 768px) {
    body {
        font-size: 12px;
        font-size: 1.2rem;
    }
    .sp input,
    .sp select,
    .sp textarea {
        -webkit-appearance: button;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        font-size: 12px;
        font-size: 1.2rem;
    }
}

/* 1-3: utility parts
================================ */

.mt0 {
    margin-top: 0 !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt45 {
    margin-top: 45px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt55 {
    margin-top: 55px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt65 {
    margin-top: 65px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mr0 {
    margin-right: 0 !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr35 {
    margin-right: 35px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mr45 {
    margin-right: 45px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.mr55 {
    margin-right: 55px !important;
}

.mr60 {
    margin-right: 60px !important;
}

.mr65 {
    margin-right: 65px !important;
}

.mr70 {
    margin-right: 70px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb45 {
    margin-bottom: 45px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb55 {
    margin-bottom: 55px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb65 {
    margin-bottom: 65px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.ml0 {
    margin-left: 0 !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml35 {
    margin-left: 35px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml45 {
    margin-left: 45px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.ml55 {
    margin-left: 55px !important;
}

.ml60 {
    margin-left: 60px !important;
}

.ml65 {
    margin-left: 65px !important;
}

.ml70 {
    margin-left: 70px !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt35 {
    padding-top: 35px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pt45 {
    padding-top: 45px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pt55 {
    padding-top: 55px !important;
}

.pt60 {
    padding-top: 60px !important;
}

.pt65 {
    padding-top: 65px !important;
}

.pt70 {
    padding-top: 70px !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pr35 {
    padding-right: 35px !important;
}

.pr40 {
    padding-right: 40px !important;
}

.pr45 {
    padding-right: 45px !important;
}

.pr50 {
    padding-right: 50px !important;
}

.pr55 {
    padding-right: 55px !important;
}

.pr60 {
    padding-right: 60px !important;
}

.pr65 {
    padding-right: 65px !important;
}

.pr70 {
    padding-right: 70px !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb35 {
    padding-bottom: 35px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb45 {
    padding-bottom: 45px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pb55 {
    padding-bottom: 55px !important;
}

.pb60 {
    padding-bottom: 60px !important;
}

.pb65 {
    padding-bottom: 65px !important;
}

.pb70 {
    padding-bottom: 70px !important;
}

.pl0 {
    padding-left: 0 !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.pl35 {
    padding-left: 35px !important;
}

.pl40 {
    padding-left: 40px !important;
}

.pl45 {
    padding-left: 45px !important;
}

.pl50 {
    padding-left: 50px !important;
}

.pl55 {
    padding-left: 55px !important;
}

.pl60 {
    padding-left: 60px !important;
}

.pl65 {
    padding-left: 65px !important;
}

.pl70 {
    padding-left: 70px !important;
}

.w001per {
    width: 1% !important;
}

.w002per {
    width: 2% !important;
}

.w003per {
    width: 3% !important;
}

.w004per {
    width: 4% !important;
}

.w005per {
    width: 5% !important;
}

.w006per {
    width: 6% !important;
}

.w007per {
    width: 7% !important;
}

.w008per {
    width: 8% !important;
}

.w009per {
    width: 9% !important;
}

.w010per {
    width: 10% !important;
}

.w011per {
    width: 11% !important;
}

.w012per {
    width: 12% !important;
}

.w013per {
    width: 13% !important;
}

.w014per {
    width: 14% !important;
}

.w015per {
    width: 15% !important;
}

.w016per {
    width: 16% !important;
}

.w017per {
    width: 17% !important;
}

.w018per {
    width: 18% !important;
}

.w019per {
    width: 19% !important;
}

.w020per {
    width: 20% !important;
}

.w021per {
    width: 21% !important;
}

.w022per {
    width: 22% !important;
}

.w023per {
    width: 23% !important;
}

.w024per {
    width: 24% !important;
}

.w025per {
    width: 25% !important;
}

.w026per {
    width: 26% !important;
}

.w027per {
    width: 27% !important;
}

.w028per {
    width: 28% !important;
}

.w029per {
    width: 29% !important;
}

.w030per {
    width: 30% !important;
}

.w031per {
    width: 31% !important;
}

.w032per {
    width: 32% !important;
}

.w033per {
    width: 33% !important;
}

.w034per {
    width: 34% !important;
}

.w035per {
    width: 35% !important;
}

.w036per {
    width: 36% !important;
}

.w037per {
    width: 37% !important;
}

.w038per {
    width: 38% !important;
}

.w039per {
    width: 39% !important;
}

.w040per {
    width: 40% !important;
}

.w041per {
    width: 41% !important;
}

.w042per {
    width: 42% !important;
}

.w043per {
    width: 43% !important;
}

.w044per {
    width: 44% !important;
}

.w045per {
    width: 45% !important;
}

.w046per {
    width: 46% !important;
}

.w047per {
    width: 47% !important;
}

.w048per {
    width: 48% !important;
}

.w049per {
    width: 49% !important;
}

.w050per {
    width: 50% !important;
}

.w051per {
    width: 51% !important;
}

.w052per {
    width: 52% !important;
}

.w053per {
    width: 53% !important;
}

.w054per {
    width: 54% !important;
}

.w055per {
    width: 55% !important;
}

.w056per {
    width: 56% !important;
}

.w057per {
    width: 57% !important;
}

.w058per {
    width: 58% !important;
}

.w059per {
    width: 59% !important;
}

.w060per {
    width: 60% !important;
}

.w061per {
    width: 61% !important;
}

.w062per {
    width: 62% !important;
}

.w063per {
    width: 63% !important;
}

.w064per {
    width: 64% !important;
}

.w065per {
    width: 65% !important;
}

.w066per {
    width: 66% !important;
}

.w067per {
    width: 67% !important;
}

.w068per {
    width: 68% !important;
}

.w069per {
    width: 69% !important;
}

.w070per {
    width: 70% !important;
}

.w071per {
    width: 71% !important;
}

.w072per {
    width: 72% !important;
}

.w073per {
    width: 73% !important;
}

.w074per {
    width: 74% !important;
}

.w075per {
    width: 75% !important;
}

.w076per {
    width: 76% !important;
}

.w077per {
    width: 77% !important;
}

.w078per {
    width: 78% !important;
}

.w079per {
    width: 79% !important;
}

.w080per {
    width: 80% !important;
}

.w081per {
    width: 81% !important;
}

.w082per {
    width: 82% !important;
}

.w083per {
    width: 83% !important;
}

.w084per {
    width: 84% !important;
}

.w085per {
    width: 85% !important;
}

.w086per {
    width: 86% !important;
}

.w087per {
    width: 87% !important;
}

.w088per {
    width: 88% !important;
}

.w089per {
    width: 89% !important;
}

.w090per {
    width: 90% !important;
}

.w091per {
    width: 91% !important;
}

.w092per {
    width: 92% !important;
}

.w093per {
    width: 93% !important;
}

.w094per {
    width: 94% !important;
}

.w095per {
    width: 95% !important;
}

.w096per {
    width: 96% !important;
}

.w097per {
    width: 97% !important;
}

.w098per {
    width: 98% !important;
}

.w099per {
    width: 99% !important;
}

.w100per {
    width: 100% !important;
}

.aC {
    text-align: center !important;
}

.aL {
    text-align: left !important;
}

.aR {
    text-align: right !important;
}

.vT {
    vertical-align: top !important;
}

.vM {
    vertical-align: middle !important;
}

.vB {
    vertical-align: bottom !important;
}

.dB {
    display: block !important;
}

.dN {
    display: none !important;
}

.fR,
.fL,
.fN {
    margin-top: 20px;
}

.fR>* {
    float: right !important;
}

.fL>* {
    float: left !important;
}

.fN>* {
    float: none !important;
}

.fR>*:first-child,
.fL>*:first-child,
.fN>*:first-child {
    margin-top: 0 !important;
}

.clearB {
    clear: both !important;
}

.clearR {
    clear: right !important;
}

.clearL {
    clear: left !important;
}

.clearN {
    clear: none !important;
}

.voiceGuide {
    display: block;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    font-size: 0;
}

@media all and (min-width: 769px) {
    .spElm {
        display: none !important;
    }
}

@media only screen and (max-width: 768px) {
    .pcElm {
        display: none !important;
    }
}
#globalFooter {
    background: #222; /* ví dụ nền đen */
    color: white;
}

.footerBlock {
    display: flex;
    align-items: center;   /* căn giữa theo chiều dọc */
    justify-content: center; /* căn giữa ngang (nếu muốn) */
    height: 60px; /* đặt chiều cao cố định nếu cần */
}

#copyright {
    margin: 0; /* xóa khoảng cách mặc định */
}