/*site extension*/
:root {
	--cl-main-blue: #003F5E;
	--cl-main-orange: #FF8900;
	--cl-grey-light: #F3F3F3;
	--cl-grey-dark: #B4B4B4;
	--cl-grey-dark-02: #363636;
	--cl-black-opacity-035: rgba(0, 0, 0, 0.04);
	
	--footer-bg-color: var(--cl-grey-light);
	--cl-background: #fff;
	--cl-pageink: #000;
	--cl-pageink-link: var(--cl-main-blue);
	/*--cl-pageink-hover: #4a4a4a;
	--cl-pageink-active: #747474;
	--cl-apply: #00c9ff;*/
	--share-space: 2.4rem; /**/
	--share-padding: var(--page-unit);
	--share-smp-space: 1.6rem; /**/
	--share-smp-padding: 1.8rem; /**/
	--bindwrap-width: 1370px;
	--contents-width: 800px; /**/
	
	--font-as-en: "Inter", sans-serif;
	--page-unit: 2.25rem;
	--page-unit-2: 2.5rem;
	--page-unit-3: 0.625rem;
	--border-radius-unit: 10px;

	--shadow-box: 0px 10px 25px rgba(102, 102, 102, 0.25);
	--shadow-text: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

@media only screen and (max-width: 640px) {
	:root {
		--page-unit: 1.4rem;
		--page-unit-3: 0.3rem;
	}
}

/**/
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  	word-wrap: break-word;
	font-size: 16px;
}
@media only screen and (min-width:1850px) {
    body {
        font-size: 0.9vw;
    }
}
@media only screen and (max-width: 640px) {
	body {
		font-size: 3.4vw;
	}
}

/**/
.c-flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
}
.sb {
	justify-content: space-between;
}
.c-en {
	font-family: var(--font-as-en);
}

/**/
.reception .recp-parent .controls {
    margin: 0 2em;
}
	.reception .recp-parent .controls button {
		display: inline-block;
		padding: 0.95em 1.5em;
		border: none;
		background-size: auto 1.4em;
	}
	.reception .recp-parent .controls .bt.activation {
		background-position: right 1.2em center;
		background-image: url(/share/im_as/ui/arrow_02-wh.svg);
		padding-left: 1.5em;
		padding-right: 2.9em;
	}
		.reception .recp-parent .controls .bt.activation:hover {
			color: var(--cl-main-blue);
			background-color: #fff;
			background-image: url(/share/im_as/ui/arrow_02-wh_back.svg)
		}
	.reception .recp-parent .controls .bt.return {
		color: var(--cl-main-blue);
		background-color: #fff;
		background-position: left 1.2em center;
		background-image: url(/share/im_as/ui/arrow_02_back.svg);
		padding-left: 2.9em;
	}
		.reception .recp-parent .controls .bt.return:hover {
			color: #fff;
			background-color: var(--cl-main-blue);
			background-image: url(/share/im_as/ui/arrow_02-wh_back.svg)
		}
	.recp-parent .controls .bt.submit {
		background-image: url(/share/im_as/ui/arrow_02-wh.svg);
	}
a.bt,
.csection-cells .cell a.bt {
    font-size: 19px;
}
a.bt.c-bt,
.reception .recp-parent .controls .bt.activation:hover{
    color: var(--cl-main-blue);
	background-color: #fff;
	background-image: url(/share/im_as/ui/arrow_02.svg);
}
a.bt.c-bt:hover{
	color: #fff;
    background-color: var(--cl-main-blue);
    background-image: url(/share/im_as/ui/arrow_02-wh.svg);
}
nav[data-type="button"] {
    text-align: center;
}
[data-require="1"] dt label.input-assist::after{
    background-color: var(--cl-main-blue);

}
.reception .recp-parent input[type="text"],
.reception .recp-parent input[type="date"],
.reception .recp-parent input[type="datetime-local"],
.reception .recp-parent input[type="email"],
.reception .recp-parent input[type="month"],
.reception .recp-parent input[type="number"],
.reception .recp-parent input[type="password"],
.reception .recp-parent input[type="search"],
.reception .recp-parent input[type="time"],
.reception .recp-parent input[type="datetime"],
.reception .recp-parent input[type="tel"],
.reception .recp-parent input[type="url"],
.reception .recp-parent input[type="week"],
.reception .recp-parent input[type="file"],
.reception .recp-parent textarea,
.reception select.custom-ui {
     border-color: var(--cl-main-blue);
}
.reception [data-require="1"] dt label.input-assist::after,
.reception [data-require="1"][data-disabledchilddt="true"] .field-label::after {
	background-color: var(--cl-main-blue);
}
@media only screen and (max-width: 640px) {
	a.bt,
	.csection-cells .cell a.bt,
	.reception .recp-parent .controls button {
		font-size: 4vw;
	}
}

/**/
#content .csection-cells [data-type="hgroup"] .ti-primary {
	transform: translateY(0);
	font-weight: 700;
}
#content .csection-cells [data-type="hgroup"] .ti-secondary {
	display: none;
}

/**/
.alt-title-wrap {
	position: relative;
	z-index: 0;
}
.alt-title {
	position: absolute;
	z-index: 5;
	display: block;
	text-align: left;
	width: 100%;
	padding-left: 0.8em;
	padding-top: 0.5em;
	color: #FFF;
	font-size: 2.7em;
	font-weight: 500;
	line-height: 1.3em;
	margin-bottom: 0;
}

/**/
.alt-title {
	padding-right: 0.8em;
}
@media only screen and (max-width:1050px) {
	.alt-title {
		
	}
}
@media only screen and (max-width:640px) {
	.alt-title {
		font-size: 7vw;
	}
}

/**/
#content .csection-cells [data-type="hgroup"] .ti-primary {
	line-height: 1.3;
}

/*Gooogle translate------------------*/
body {
	top: 0 !important;
}
.VIpgJd-ZVi9od-ORHb-OEVmcd,
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf.VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc {
    display: none;
}
.VIpgJd-ZVi9od-xl07Ob-OEVmcd.skiptranslate {
    top: calc(var(--head-padding-top) + var(--head-lang-height)) !important;
}
@media only screen and (max-width:640px) {
	.VIpgJd-ZVi9od-xl07Ob-OEVmcd.skiptranslate {
		font-size: 2.5vw;
	}
}
.notranslate {
    translate: no;
}

/**/
html[lang="vi"] font,
html[lang="en"] font {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    word-break: break-word;
}

/**/
#sitehead .primary-menu a::first-letter,
#sitefoot .menus a::first-letter,
#sitemenu .menus a::first-letter,
.hgroup > *::first-letter,
.hgroup-wrap > *::first-letter,
.csection-cells [data-type="hgroup"] > *::first-letter,
li > *::first-letter,
tr > *::first-letter,
label::first-letter,
input::first-letter,
textarea::first-letter,
select::first-letter {
	text-transform: uppercase;
}

/**/
#content #primaryContent h1#articlePrimaryTitle,
.recp-parent.custom-forms.wide-bind .hgroup h1 {
    text-align: center;
    font-weight: 700;
	font-size: 2em;
}
.recp-parent.custom-forms.wide-bind {
	margin-top: 1em;
}
body > main#content {
    margin-top: 1em;
    padding: var(--share-padding);
}
@media only screen and (min-width:1443px) {
	.recp-parent.custom-forms.wide-bind {
		padding-top: var(--share-padding);
	}
}