/*
! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width.
(https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width.
(https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
	box-sizing: border-box;

	/* 1 */
	border-width: 0;

	/* 2 */
	border-style: solid;

	/* 2 */
	border-color: #e5e7eb;

	/* 2 */
}

::before,
::after {
	--tw-content: "";
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
*/

html {
	line-height: 1.5;

	/* 1 */
	-webkit-text-size-adjust: 100%;

	/* 2 */

	/* 3 */
	-o-tab-size: 4;
	tab-size: 4;

	/* 3 */
	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
	Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
	"Segoe UI Symbol", "Noto Color Emoji";

	/* 4 */
	font-feature-settings: normal;

	/* 5 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
	margin: 0;

	/* 1 */
	line-height: inherit;

	/* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
	height: 0;

	/* 1 */
	color: inherit;

	/* 2 */
	border-top-width: 1px;

	/* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
	color: inherit;
	text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
	font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

	/* 1 */
	font-size: 1em;

	/* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {font-size: 80%;}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub{bottom: -0.25em;}

sup{top: -0.5em;}

/*
1. Remove text indentation from table contents in Chrome and Safari.
(https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari.
(https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
	text-indent: 0;

	/* 1 */
	border-color: inherit;

	/* 2 */
	border-collapse: collapse;

	/* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;

	/* 1 */
	font-size: 100%;

	/* 1 */
	font-weight: inherit;

	/* 1 */
	line-height: inherit;

	/* 1 */
	color: inherit;

	/* 1 */
	margin: 0;

	/* 2 */
	padding: 0;

	/* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
	text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;

	/* 1 */
	background-color: transparent;

	/* 2 */
	background-image: none;

	/* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
	outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox.
(https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
	box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
	vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

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

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type="search"] {
	-webkit-appearance: textfield;

	/* 1 */
	outline-offset: -2px;

	/* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
	-webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
	-webkit-appearance: button;

	/* 1 */
	font: inherit;

	/* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
	display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
	margin: 0;
}

fieldset {
	margin: 0;
	padding: 0;
}

legend {
	padding: 0;
}

ol,
ul,
menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
	resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
	opacity: 1;

	/* 1 */
	color: #9ca3af;

	/* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
	cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
	cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default.
	(https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
	display: block;

	/* 1 */
	vertical-align: middle;

	/* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio.
(https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
	max-width: 100%;
	height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
	display: none;
}

*,
::before,
::after {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 0;
	--tw-scale-y: 0;
	--tw-pan-x: 0;
	--tw-pan-y: 0;
	--tw-pinch-zoom: 0;
	--tw-scroll-snap-strictness: proximity;
	--tw-ordinal: 0;
	--tw-slashed-zero: 0;
	--tw-numeric-figure: 0;
	--tw-numeric-spacing: 0;
	--tw-numeric-fraction: 0;
	--tw-ring-inset: 0;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: 0;
	--tw-brightness: 0;
	--tw-contrast: 0;
	--tw-grayscale: 0;
	--tw-hue-rotate: 0;
	--tw-invert: 0;
	--tw-saturate: 0;
	--tw-sepia: 0;
	--tw-drop-shadow: 0;
	--tw-backdrop-blur: 0;
	--tw-backdrop-brightness: 0;
	--tw-backdrop-contrast: 0;
	--tw-backdrop-grayscale: 0;
	--tw-backdrop-hue-rotate: 0;
	--tw-backdrop-invert: 0;
	--tw-backdrop-opacity: 0;
	--tw-backdrop-saturate: 0;
	--tw-backdrop-sepia: 0;
}

::backdrop {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: 0;
	--tw-pan-y: 0;
	--tw-pinch-zoom: 0;
	--tw-scroll-snap-strictness: proximity;
	--tw-ordinal: 0;
	--tw-slashed-zero: 0;
	--tw-numeric-figure: 0;
	--tw-numeric-spacing: 0;
	--tw-numeric-fraction: 0;
	--tw-ring-inset: 0;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: 0;
	--tw-brightness: 0;
	--tw-contrast: 0;
	--tw-grayscale: 0;
	--tw-hue-rotate: 0;
	--tw-invert: 0;
	--tw-saturate: 0;
	--tw-sepia: 0;
	--tw-drop-shadow: 0;
	--tw-backdrop-blur: 0;
	--tw-backdrop-brightness: 0;
	--tw-backdrop-contrast: 0;
	--tw-backdrop-grayscale: 0;
	--tw-backdrop-hue-rotate: 0;
	--tw-backdrop-invert: 0;
	--tw-backdrop-opacity: 0;
	--tw-backdrop-saturate: 0;
	--tw-backdrop-sepia: 0;
}

/* ===== General ===== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Khojki:wght@600&family=Noto+Serif+TC:wght@200&display=swap');

button:not(.btnMinus):hover {
	color: #fff !important;
	background-color: #984509 !important;
}
button:not(.btnMinus):hover path{fill: #fff;}
button:not(.btnMinus):hover div{color: #fff !important;}
a:hover{color: #F1833B !important;}

input:focus, select:focus{
	outline: 0;
}

div iframe{
	width: 100% !important;
	height: 300px;
}

.ulDot{padding: 0;}
.ulDot li{list-style: inside !important;}

/* W&H */
.w-20{width: 20% !important;}
.w-45{width: 45%}
.w-max-1300{
	width: 100%;
	max-width: 1300px !important;
}
.w-content{
	width: fit-content;
	min-width: fit-content;
}

.h-content{
	height: fit-content;
}
.h-240{
	height: 240px;
}

@media only screen and (min-width: 768px){
	.h-md-56{
		height: 56px
	}
}

/* color */
.text-b3{color: #B3B3B3;}
.textOrange{color: #F1833B !important;}
.text-1d1d1f{color: #1D1D1F !important;}
.Shades-600, .text-4d4d4d{color: #4D4D4D !important;}
.text-e76e21{color: #E76E21 !important;}
.text-4d4d4d{color: #4D4D4D !important;}
.text-808080{color: #808080 !important;}
.text-984509{color: #984509 !important;}
text-1c1b1f{color: #1c1b1f !important;}
.text-f6f6f6{color: #f6f6f6 !important;}
.text-052047{color: #052047 !important;}
.text-212529{color: #212529 !important;}

/* bg color */
.bg-fff9f2{background: #FFF9F2 !important;}
.bg-262424{background: #262424 !important;}
.bg-242424{background: #242424 !important;}
.bg-1d1d1f{background: #1D1D1F !important;}
.bg-f7f7f7{background: #f7f7f7 !important;}
.bg-fff0e2{background: #FFF0E2 !important;}
.bg-e76e21{background: #E76E21 !important;}
.bg-f1833b{background: #F1833B !important;}
.bg-e6e6e6{background: #E6E6E6 !important;}
.bg-fdb238{background: #FDB238 !important;}
.bg-808080{background: #808080 !important;}
.bg-fff4ed{background: #fff4ed !important;}

.bg-featureSwiper{background: #fff !important;}

/* lg */
@media only screen and (min-width: 992px){
	.bg-featureSwiper{background: #FFF9F2 !important;}
}

/* border radius */
.border-radius-8{
	border-radius: 8px;
}

.border-radius-16{
	border-radius: 16px;
}

.border-radius-t16{border-radius: 8px 8px 0 0;}
.border-radius-b16{border-radius: 0 0 8px 8px;}

.border-radius-lt16{border-radius: 8px 0 0 0;}
.border-radius-rt16{border-radius: 0 8px 0 0;}

.border-radius-100{border-radius: 100px !important;}

@media only screen and (min-width: 768px) {
	.border-radius-t16{border-radius: 16px 16px 0 0;}
	.border-radius-b16{border-radius: 0 0 16px 16px;}

	.border-radius-lt16{border-radius: 16px 0 0 0;}
	.border-radius-rt16{border-radius: 0 16px 0 0;}
}

/* font size */
.noteText{
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #F1833B;
}
.text-1216{
	font-size: 12px;
	line-height: 16px;
}
.text-1418{
	font-size: 14px;
	line-height: 18px;
}
.Display3,
.newsTitle{
	font-weight: 700;
	font-size: 36px;
	line-height: 48px;
}
.Headline3{
	font-weight: 500;
	font-size: 22px;
	line-height: 28px;
}
.Title1{
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
}
.Title3,
.Title2{
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.1px;
}
.Label1{
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.5px;
}
.inquiryFormText,
.BodyLarge{
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
}
.Body1{
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.25px;
}
.Body2,
.Body3{
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.4px;
}

.context-menu{cursor: context-menu;}

@media only screen and (min-width: 768px) {
	.noteText{
		font-size: 18px;
		line-height: 24px;
	}

	.text-md-1216{
		font-size: 12px;
		line-height: 16px;
	}
	.text-md-1418{
		font-size: 14px;
		line-height: 18px;
	}

	.Label1{
		font-size: 16px;
		line-height: 20px;
		letter-spacing: 0.1px;
	}

	.Display3{
		font-size: 45px;
		line-height: 56px;
	}

	.Headline3{
		font-size: 28px;
		line-height: 36px;
	}

	.Title1{
		font-size: 22px;
		line-height: 28px;
		letter-spacing: 0px;
	}

	.Title2{
		font-size: 18px;
		line-height: 24px;
	}

	.text-md-1724,
	.BodyLarge{
		font-size: 18px;
		line-height: 24px;
	}

	.Body1{
		font-size: 17px;
		line-height: 24px;
		letter-spacing: 0.5px;
	}

	.Body2{
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0.25px;
	}

	/* gap */
	.row-gap-md-40{row-gap: 40px !important;}
}

/* font weight */
@media only screen and (min-width: 768px) {
	.fw-md-600{font-weight: 600;}
}

@media only screen and (min-width: 992px) {
	.fw-lg-600{font-weight: 600;}
}

/* margin & padding */
.mx-20{
	margin-left: 20px !important;
	margin-right: 20px !important;
}
.mx-36{
	margin-left: 36px !important;
	margin-right: 36px !important;
}
.me-1240{margin-right: 12px !important;}
.my-12{
	margin-top: 12px !important;
	margin-bottom: 12px !important;
}
.my-18{
	margin-top: 18px !important;
	margin-bottom: 18px !important;
}
.my-20{
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
.my-30{
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}
.my-60{
	margin-top: 60px !important;
	margin-bottom: 60px !important;
}
.mt-24-md-60{margin-top: 24px;}
.px-1632{
	padding-left: 16px;
	padding-right: 16px;
}
.px-20{
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.px-36{
	padding-left: 36px !important;
	padding-right: 36px !important;
}
.py-20{
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.column-gap-20{column-gap: 20px;}

@media only screen and (min-width: 768px){
	.px-1632{
		padding-left: 32px;
		padding-right: 32px;
	}
	.mx-md-20{
		margin-left: 20px !important;
		margin-right: 20px !important;
	}
	.me-1240{margin-right: 40px !important;}
	.my-md-20{
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}
	.my-md-60{
		margin-top: 60px !important;
		margin-bottom: 60px !important;
	}
	.mt-24-md-60{margin-top: 60px;}
}

/* element style */
.text-justify{text-align: justify;}
ul.ul-disc > li{list-style-type: disc;}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	-webkit-appearance:none;
}

/* ===== Navbar Header ===== */

.navBG{
	height: 64px;
}

.navBG{
	background: #242424;
	border-bottom: 1px solid #4D4D4D;
}

#logoImg,
#footerLogo > img{
	/*width: 95px;*/
	height: 40px;
	object-fit: contain;
}

.navImg{
	border-radius: 16px;
	width: 165px !important;
	height: 165px !important;
	object-fit: cover !important;
	max-width: 165px !important;
}

#searchImg{
	width: 36px;
	height: 36px;
	object-fit: contain;
}

.secondSpacingDiv,
.secondNavMenu{
	height: 240px;
}

.secondNavMenu{
	padding: 40px 70px;
	border-top: 1px solid #B3B3B3;
}

.headerIconBox{
	width: 36px;
	height: 36px;
}

.headerIcon{
	width: 20px;
	height: 20px;
}

.hoverLanguage{
	display: none;
	/*width: 80px;*/
	position: absolute;
	top: 75px;
	background: #4D4D4D;
}

.multiLang:hover .hoverLanguage{
	display: block;
}


/* hamburger menu */
#mobile-menu{
	z-index: 1500;
}

.colMutiLang{
	border-bottom: 1px solid #808080;
}

.langText{
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: #B3B3B3;
}

.mobileNavMenu{
	margin-top: 32px;
}

.hamburgerText{color: #E6E6E6 !important;}

.colNavitem{
	border-bottom: 1px solid #808080;
}

.mobile1FDiv{
	height: 48px;
	borded: 1px #808080;
}

.mobile2FDiv{
	height: 36px;
}

@media only screen and (min-width: 768px) {
	.hamburgerText{color: #fff !important;}
}

/* lg */
@media only screen and (min-width: 992px) {
	.navBG{
		height: 100px;
	}

	.navBG{border: 0;}

	#site-navigation{
		padding: 20px 70px;
	}

	#logoImg,
	#footerLogo > img{
	/*	width: 150px;*/
		height: 62px;
	}

	.headerIconBox{
		width: 24px;
		height: 24px;
	}

	.headerIcon{
		width: 18px;
		height: 18px;
	}
}

/* ===== call_to_action.php (Orange part) ===== */
#divBlackShape{
	height: calc(274px - 80px);
}

/* white bg*/
#Layer_1{
	position: absolute;
	left: 0;
	bottom: -1%;
	z-index: 3;
}

#divBlackShape > div.align-items-end{
	color: #262424;
}

/* orange object */
#actionContainer{
	width: calc(100% - 32px);
	height: 212px;
	padding: 0 20px;
	background: #E76E21;
	box-shadow: 0px 4px 24px rgba(242, 123, 46, 0.25);
	border-radius: 8px;
	z-index: 50;
	transform: translateY(-10%)
}

#actionTitle{
	font-weight: 500;
	font-size: 22px;
	line-height: 28px;
	margin-bottom: 14px;
}

#actionText{
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 14px;
}

#btnAction{
	width: auto;
	height: 36px;
}

#btnActionText{
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
}
a:hover > #btnActionText{color: #fff;}
a:hover > path{fill: yellow;}
a:hover > #fill{fill: yellow;}

.arrowIcon{
	width: 24px;
	height: 24px;
}

@media only screen and (min-width: 768px) {
	/* orange object */
	#actionContainer{
		width: calc(100% - 64px);
		border-radius: 16px;
	}

	#actionTextBox{
		width: 540px;
	}

	#actionTitle{
		font-size: 28px;
		line-height: 36px;
	}

	#actionText{
		font-size: 14px;
		margin-bottom: 20px;
	}

	#btnAction{
		width: 153px;
		height: 40px;
	}

	#btnActionImg{
		width: 18px;
		height: 18px;
	}
}

/* lg */
@media only screen and (min-width: 992px) {
	/* orange object */
	#actionTextBox{
		width: 720px;
	}

	#actionTitle{
		font-size: 32px;
		line-height: 40px;
	}

	#btnAction{
		width: 180px;
		height: 60px;
	}
}

/* ===== Footer ===== */
#colophon{
	padding: 20px 16px 42px;
	background: #262424;
}

.arrowFooter{
	color: #fff;
	fill: #fff;
}

.arrowFooter:hover{color: #F1833B;}
.arrowFooter:hover path{fill: #F1833B;}


/* */
#footerArrowContainer{
	max-width: 260px;
	max-height: 180px;
	margin-bottom: 16px;
}

#footerTitle{
	font-weight: 500;
	font-size: 22px;
	line-height: 32px;
}

#footerText{
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
}

/* Follow Us */
.navHeaderItem,
.footerNavTitle {
	font-weight: 600;
	font-size: 15px;
	line-height: 20px;
}

.footerNavTitle{
	color: #808080;
}

.followIconBar{
	margin: 16px 0px 26px 0;
}

.followIcon{
	width: 27px;
	height: 27px;
	color: #F6F6F6;
	font-size: 24px;
	margin-right: 36px;
}

/* */
.footerSmallItem{
	font-weight: 500;
	font-size: 13px;
	line-height: 16px;
	color: #B3B3B3;
}

span.footerSmallItem{
	margin: 0 6px;
}

@media only screen and (min-width: 768px) {
	/*#colophon{*/
	/*	padding: 60px 32px;*/
	/*}*/

	#colophon {
		padding: 24px 16px 16px;
	}

	/* */
	#footerArrowContainer{
		margin-bottom: 16px;
	}
	#footerLogo{
		margin-bottom: 8px;
	}
	#footerSlogan > img{
		width: 140px;
	}

	#footerTitle{
		font-size: 32px;
		line-height: 40px;
	}

	#footerText{
		font-size: 18px;
		line-height: 24px;
	}

	span.footerSmallItem{
		margin: 0 11px;
	}

	/* Nav menu	*/
	#footNavMenu{
		margin-bottom: 32px;
		gap: 60px;
	}

	.footerNavItem{
		font-weight: 600;
		font-size: 18px;
		line-height: 20px;
		margin: 16px 0;
	}

	/* Follow Us */
	.followIconBar{
		margin: 22px 0 0 0;
	}
}

/* lg */
@media only screen and (min-width: 992px) {
	#colophon {
		padding: 48px 16px 24px;
	}

	#footerArrowContainer{
		margin-bottom: 0px;
	}

	/* Nav menu	*/
	#footNavMenu{
		justify-content: space-between;
		margin: 0;
		gap: 0;
	}

	#footerSlogan > img{
		width: 220px;
	}
}

/* ===== Blur Banner ===== */
.blurContainer{
	width: calc(100% - 20px);
	height: 50%;
	position: absolute;
	bottom: 0;
	background: linear-gradient(360deg, rgba(29, 29, 31, 0.2) -21.25%, rgba(179, 179, 179, 0.2) 165.31%);
	backdrop-filter: blur(15px);
	border-radius: 30px 30px 0px 0px;
}

.blurTitle{
	font-weight: 700;
	font-size: 28px;
	line-height: 48px;
	color: #fff;
	text-shadow: 0px 4px 16px rgba(0, 0, 0, 0.6);
}

@media only screen and (min-width: 768px) {
	.bannerContainer{
		height: 440px;
	}

	.blurContainer{
		width: calc(100% - 140px);
		height: 120px;
		backdrop-filter: blur(4px);
		border-radius: 40px 40px 0px 0px;
	}

	.blurTitle{
		font-weight: 600;
		font-size: 45px;
		line-height: 52px;
	}
}

/* ===== links_chain.php (Breadcrumb) ===== */
.breadcrumbBar{
	padding: 20px 16px !important;
	background: #F7F7F7 !important;
}

.breadcrumb-item{
	font-weight: 500;
	font-size: 12px;
	line-height: 16px;
	color: #4D4D4D !important;
}

@media only screen and (min-width: 768px) {
	.breadcrumbBar{
		padding: 26px 32px !important;
	}

	.breadcrumb-item {
		font-weight: 600;
		font-size: 14px;
		line-height: 18px;
	}
}

/* lg */
@media only screen and (min-width: 992px) {
	.breadcrumbBar{
		padding: 26px 80px !important;
	}
}

/* ===== Home page ===== */
/* fullwidth_swiper.php (Swiper) */
.swiper-featured,
.swiper{
	width: 100%;
	/*max-height: 920px;*/
	padding: 52px 0;
	background: #1D1D1F;
}

.swiper-button-next{right: 18px !important;}

.swiper-button-next:after,
.swiper-button-prev:after{
	padding: 10px 13px;
	font-size: 1rem !important;
	color: #F7F7F7;
	background: rgba(0, 0, 0, 0.4);
	border: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(4px);
	border-radius: 50%;
}

.swiperImg{
	height: 532px;
	min-height: 500px;
	object-fit: cover;
	object-position: 50% bottom;
}

.homeTextField{
	background: linear-gradient(0.29deg, #1D1D1F 66.66%, rgba(29, 29, 31, 0) 99.75%);
}

/*@media only screen and (max-width: 767px) {*/
/*	html:lang(en-US) div.swiper div.swiper-wrapper > div.swiper-slide.swiper-slide-active[aria-label="5 / 5"] div.homeTextUp{*/
/*		top: -80%;*/
/*	}*/
/*}*/

.homeTextUp{
	width: 100%;
	position: absolute;
	/*top: -40%;*/
	top: 0;
	transform: translateY(-100%);
	background: linear-gradient(0.29deg, #1D1D1F 37.66%, rgba(29, 29, 31, 0) 99.75%);
}

.homeL1{
	font-weight: 600;
	font-size: 22px;
	line-height: 28px;
	color: #e6e6e6;
	text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3);
}

.homeL2{
	font-weight: 700;
	font-size: 36px;
	line-height: 48px;
	color: #f1833b;
	text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3);
}

.homeL3{
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #E6E6E6;
}

.swiperBtn{
	display: flex;
	align-items: center;
	text-align: center;
	padding: 10px 16px 10px 24px;
	border-radius: 8px;
}

.btn{width: 100%;}

.bannerOrange,
.btnOrange{
	color: #fff;
	background: linear-gradient(107.1deg, #E45302 19.12%, #FFB800 108.21%, #FFB800 108.21%);
}

/* 500 */
@media only screen and (min-width: 500px) {
	.homeTextUp{
		/*top: -40%;*/
	}
}

@media only screen and (min-width: 768px) {
	.swiper-featured,
	.swiper{
		max-height: 100%;
	}

	.btn{width: 210px;}

	.btnOrange{background: #E76E21 !important;}
	.bannerOrange{background: #EA7D14;}

	.homeTextField{
		width: 55%;
		height: 100%;
		position:absolute;
		top: 32%;
		left: 5%;
		z-index: 10;
		background: none;
		transform: translateY(-32%);
	}
}

/* lg */
@media only screen and (min-width: 992px) {
	.homeL2{
		font-weight: 600;
		font-size: 54px;
		line-height: 58px;
		letter-spacing: -0.25px;
	}
}

/* ===== home_statistics.php (home page orange banner) ===== */
.homeStatisticsRow{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.homeStatistics{
	/*width: calc(100% / 3);*/
	padding: 12px 8px;
}

.orangeBannerTitle{
	font-weight: 600;
	font-size: 32px;
	line-height: 120%;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px rgba(0, 0, 0, 0.15);
	white-space: nowrap;
}

.orangeBannerText{
	font-weight: 600;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.5px;
	color: #FFF0E2;
}

@media only screen and (min-width: 768px) {
	.homeStatisticsRow{
		justify-content: space-between;
	}

	.homeStatistics{
		width: auto;
		padding: 24px 0px;
	}

	.orangeBannerTitle{
		font-size: 45px;
		line-height: 52px;
	}

	.orangeBannerText{
		font-size: 14px;
		line-height: 18px;
	}
}

/* Featured Product */
.featuredProductContainer{
	padding: 40px 16px;
	background: #FFFFFF;
}

.featuredProductText{
	font-weight: 600;
	font-size: 22px;
	line-height: 28px;
}

.btnViewProduct{
	width: 100%;
	padding: 8px 16px;
	color: #fff;
	background: #000;
	border-radius: 8px;
}

/* Product Swiper */
.hrOrange{border: 1px solid #FFA266;}
.hrGrey{border: 1px solid #B3B3B3;}

.swiperContainer{
	padding: 40px 0px 40px 16px;
	background: #FFFFFF;
}

.productCard{
	/*min-width: 310px;*/
	/*max-width: 310px;*/
	width: 100%;
	border-radius: 16px;
	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
}


.overflow-x-scroll .productCard{
	min-width: 310px;
}

.productCardImg{
	width: 100%;
	object-fit: cover;
}

.productCardImg:hover{
	transform: scale(1.1);
	transition: transform .3s ease;
}

.productImgContainer{
	padding: 8px 16px;
	background: #fff;
	border-radius: 16px 16px 0 0;
}

.productInfoContainer{
	height: 230px;
	padding: 16px;
	border-radius: 0 0 16px 16px;
}

.bgOrange{
	background: #F1833B !important;
	border-color: #F1833B !important;
}
.bgYellow{
	background: #FDB238 !important;
	border-color: #FDB238 !important;
}

.productInfoText{
	font-weight: 600;
	font-size: 12px;
}

.productTag{
	width: fit-content;
	padding: 4px 8px;
	background: rgba(255, 255, 255, 0.5);
	border: 1px solid #B3B3B3;
	border-radius: 20px;
	cursor: default;
}

.swiper-wrapper{
	padding: 8px 0;
}

.btnCatSwiper{
	z-index: 100;
	height: 40px !important;
}

#btnPrev:after,
#btnNext:after{
	height: 40px;
	padding: 0;
	background: none;
	border: 0;
	box-shadow: none;
	z-index: 10;
}

#btnPrev{
	left: auto;
	right: 74px !important;
}

#btnNext{
	right: 0px !important;
}

a.equipmentSearch:hover div.langText,
a.equipmentSearch:hover path{
	color: #E76E21 !important;
	fill: #E76E21 !important;
}

.equipmentResult .productCard{
	width: 280px;
}

.btnDisable{
	cursor: not-allowed !important;
}
.btnDisable path{
	fill: #a9a9a9;
}

@media only screen and (min-width: 768px){
	.equipmentResult .productCard{
		width: calc(50% - 16px);
	}

	.btnViewProduct{
		width: auto;
	}

	.swiperContainer{
		background: #FFF9F2;
	}

	.featuredProductContainer{
		padding: 80px 70px;
		background: #FFF9F2;
	}

	.featuredProductText{
		font-weight: 700;
		font-size: 36px;
		line-height: 48px
	}

	#btnPrev,
	#btnNext{
		width: 66px;
		top: 24px;
		padding: 8px 29px;
		border-radius: 8px;
		display: flex;
		justify-content: center;
	}

	#btnPrev{
		color: #fff;
		background: #F1833B;
	}

	#btnNext{
		color: #fff;
		background: #F1833B;
	}

	#btnPrev.swiper-button-disabled,
	#btnNext.swiper-button-disabled {
		/*opacity: .35;*/
		cursor: auto;
		pointer-events: none;
		color: #fff;
		background: #808080;
	}

	#btnPrev.swiper-button-disabled::after,
	#btnNext.swiper-button-disabled::after {
		color: #fff;
	}
}

/* lg */
@media only screen and (min-width: 992px){
	.equipmentResult .productCard{
		width: calc(25% - 16px);
	}

	.productInfoContainer{
		height: 240px;
	}
}

/* 1400 */
@media only screen and (min-width: 1400px){
	.productInfoContainer {
		height: 210px;
	}
}


/* ===== Home page - What We Provide ====== */
.provideContainer{
	background: #fff !important;
}

.Display-3{
	font-weight: 700 !important;
	font-size: 22px !important;
	line-height: 130% !important;
}

.equipmentRS,
.solutionBasisContainer{
	padding: 30px;
	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
	filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
	border-radius: 16px;
}

.solutionBasisContainer{
	background-color: #FDB238;
	background-position: left 5% bottom 50%
}

.equipmentRS{
	background: linear-gradient(0deg, #808080, #808080), #FFFFFF;
}

.solutionBasisTitle{
	font-weight: 700;
	font-size: 22px;
	line-height: 44px;
}

.btnRemaining{
	padding: 12px 16px 12px 24px;
	background: #F1833B;
	border-radius: 4px;
}

.liCircle{
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #D9D9D9;
}

.provideImgContainer{
	transform: translate(0%, 25%);
}

@media only screen and (min-width: 768px){
	.provideContainer{
		background: #e6e6e6 !important;
	}

	.Display-3{
		font-size: 28px !important;
	}

	.equipmentRS,
	.solutionBasisContainer{
		padding: 50px;
	}

	.solutionBasisContainer{
		background-size: 65%;
		background-repeat: no-repeat;
		background-position: left 100% bottom 0%;
	}

	.solutionBasisTitle{
		font-size: 36px;
	}

	.btnRemaining{
		border-radius: 8px;
	}

	.bg-md-black{
		color: #fff;
		background: #000;
	}
}

/* lg */
@media only screen and (min-width: 992px){
	.Display-3{
		font-size: 36px !important;
	}

	.equipmentRS{
		width: calc(50% - 8px);
	}

	.provideImgContainer{
		transform: translate(15%, 25%);
	}

	/*.solutionBasisContainer{*/
	/*	background-size: 65%;*/
	/*}*/
}

/* ===== Home page - Our Equipment ===== */
.highlightPJContainer,
.ourEquipmentContainer{
	padding: 40px 0px;
}

.btnOurEqiupment,
.btnOurEqiupment-active{
	width: 45%;
	height: 40px;
	padding: 10px 24px;
	border-radius: 8px;
	display: flex;
	justify-content: center;
}

.btnOurEqiupment{background: #E6E6E6;}
.btnOurEqiupment-active{background: #E76E21;}

.border-b-b3b3b3{border-bottom: 0.5px solid #e6e6e6;}

/* lg */
@media only screen and (min-width: 992px){
	.ourEquipmentImg{
		height: 400px;
		overflow: hidden;
	}
}

/* ===== Home page - Why AP Rental ===== */
.whyAPField{
	padding: 40px 16px;
	border-radius: 10px;
}

.whyAPImg{
	width: 100px;
	height: 100px;
	transform: translateY(25%);
}

@media only screen and (min-width: 768px){
	.whyAPImg{
		width: 150px;
		height: 150px;
	}
}

/* ===== Highlight Project ===== */
.highlightPJ{
	padding: 24px 16px;
}

.highlightInfo{
	margin: 16px 0;
}

@media only screen and (min-width: 768px){
	.highlightInfo{
		margin: 0 32px;
	}
}

/* lg */
@media only screen and (min-width: 992px){
	.highlightPJ{
		padding: 24px 70px;
	}

	.highlightInfo{
		margin: 0 60px;
	}
}

/* ===== solutions.php (Solution) =====*/
/* Overview */
.overviewContainer{
	padding: 40px 16px 14px;
	background: #FFF9F2;
}

.ContentContainer{
	padding: 40px 16px;
	background: #FFF0E2;
}

.overviewText{
	font-weight: 600;
	font-size: 22px;
	line-height: 32px;
}

.overviewImg{
	box-shadow: 0px 4px 24px rgba(210, 101, 0, 0.5);
	border-radius: 20px;
}

.overviewImgText{
	font-weight: 600;
	font-size: 22px;
	line-height: 28px;
	color: #E76E21;
	margin-top: 6px;
	margin-bottom: 26px;
}

/* Solution content */
.solutionImg{
	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
	filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
	border-radius: 12px;
}

.solutionTitle{
	font-weight: 600;
	font-size: 22px;
	line-height: 28px;
}

/* Sticky sidebar */
#sideBar{padding-left: 0;}

.stickySidebar{
	position: sticky;
	top: 140px;
}

.active{background: none !important;}
.active > .sidebarText{color: #000 !important;}
.active > .colorBox{background: #E76E21 !important;}

.colorBox{
	min-width: 10px;
	height: 60px;
	background: #E6E6E6;
}

.sidebarText{
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: #808080;
}

@media only screen and (min-width: 768px) {
	/* Overview */
	.overviewContainer{
		padding: 60px 32px;
		background: #FFF9F2;
	}

	.sidebarText{
		font-weight: 500;
		font-size: 16px;
		line-height: 20px;
	}

	.overviewText{
		font-weight: 700;
		font-size: 36px;
		line-height: 48px;
	}

	.overviewImg{
		width: 100%;
		max-width: 500px;
		min-width: 230px;
		border-radius: 40px;
	}

	.solutionImg{
		min-width: 230px;
		border-radius: 24px;
	}

	.overviewImgText{
		font-size: 32px;
		line-height: 36px;
		margin-top: 20px;
	}

	/* Solution */
	.solutionTitle{
		font-weight: 700;
		font-size: 36px;
		line-height: 48px;
		margin-bottom: 20px;
	}
}

/* lg */
@media only screen and (min-width: 992px) {
	.solutionBox{
		margin-left: 24px;
	}

	.stickySidebar{
		top: 180px;
	}
}

/* ===== company_profile.php (About Us) ===== */
.aboutusTitle{
	font-weight: 600;
	font-size: 22px;
	line-height: 32px;
	margin-bottom: 12px;
}

.aboutusText{
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	width: fit-content;
}

p.aboutusText{
	padding-bottom: 20px;
}

.companyImgContainer{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #F3F3FF;
	margin: 20px 0;
}

/* Our Mission */
.ourMission{
	padding: 20px;
	background: #fff;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

.ourMission img{
	max-width: 120px;
	max-height: 120px;
}

.missionText{
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
}

/* Chairman Message */
/*#message-from-chairman{height: 300px;}*/

#messageBGSvg{
	width: 60%;
	filter: blur(200px);
	z-index: 1;
}

#messageBGImg{
	top: 5%;
	max-height: 170px;
	background-size: contain;
	background-repeat: no-repeat;
	/*background-attachment: local;*/
	background-position: center;
	z-index: 2;
	transform: translateY(20%);
	object-fit: cover;
}

.chairmanName{
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #E76E21;
}

#messageSVG{max-height: 30px;}

/*#aboutusMessageText{*/
/*	position: absolute;*/
/*	z-index: 10;*/
/*}*/

/* Business Model */
#business-model ul{
	margin: 32px 0;
}

#business-model li{
	list-style: initial;
	color: #E76E21;
}

/* corporate milestone */
.corporateYear{
	font-weight: 500;
	font-size: 22px;
	line-height: 32px;
	color: #E76E21;
}

#timelineDot{
	margin-right: 25px;
	z-index: 1;
}

@media only screen and (min-width: 768px) {

	.aboutusTitle{
		font-weight: 700;
		font-size: 36px;
		line-height: 48px;
		margin-bottom: 40px;
	}

	.aboutusText{
		font-weight: 400;
		font-size: 18px;
		line-height: 24px;
	}

	/* Our Mission */
	.ourMission{padding: 40px;}

	.missionText{
		font-size: 18px;
		line-height: 24px;
	}

	/* Message */
	/*#message-from-chairman{height: 450px;}*/

	#messageSVG{max-height: 30px;}

	#messageBGSvg{
		top: 20%;
		right: -5%;
	}

	#messageBGImg{
		max-height: 300px;
		top: 5%;
		right: 0;
	}

	p.aboutusText{
		padding-bottom: 40px;
	}

	/* corporate milestone */
	#coperate-milestone > .aboutusTitle{margin-bottom: 80px;}

	#corporateMilestone{
		position: relative;
		width: 100%;
	}

	#corporateMilestone::after {
		box-sizing: border-box;
		content: '';
		position: absolute;
		width: 2px;
		/*background: linear-gradient(270deg, #A5A5A5 -45.83%, #393939 41.67%, #E9E9E9 116.67%);*/
		background: #A5A5A5 -45.83%;
		top: 10px;
		bottom: 140px;
		left: 50%;
	}


	.timelineItem{margin: 100px 0;}

	#timelineDot{
		width: 10%;
		margin: 0;
	}

	.timelineImg{max-width: 220px;}
}

@media (min-width: 986px) {
	/* Message */
	#aboutusMessageText {width: 75%;}

	/* timeline */
	.timelineImg{max-width: 260px;}

	#corporateMilestone::after {
		top: 10px;
		bottom: 150px;
	}
}

/* lg */
@media (min-width: 992px) {
	.companyImg{
		max-width: 250px;
	}

	.companyImgContainer{
		width: 50%;
		padding: 17.5px 0;
		max-height: 192px;
		background: #fff;
		box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3);
		border-radius: 8px;
		margin: 0 0 24px 24px;
	}
}

/* ===== Safety ===== */
.safetyContent{
	margin-top: 16px;
}

.safetyText{
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #1D1D1F !important;
}

.safetyOrangeSubtitle{
	margin-top: 16px;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #E76E21 !important;
}

@media only screen and (min-width: 768px) {
	.safetyContent{
		margin-top: 40px;
	}

	.safetyText{
		font-size: 18px;
		line-height: 24px;
	}

	.safetyOrangeSubtitle{
		margin-top: 20px;
		font-weight: 600;
		font-size: 22px;
		line-height: 28px;
	}
}

/* ===== Training ===== */
.trainingSubtitle{
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.1px;
	color: #808080;
}

.trainingTable{
	height: 100%;
	padding: 16px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
	border-radius: 8px;
}

.hrTraining{border: 1px solid #f6f6f6;}

@media only screen and (min-width: 768px) {
	.trainingSubtitle{
		font-weight: 600;
		font-size: 22px;
		line-height: 28px;
	}

	.trainingTable{
		padding: 20px;
	}
}

/* ===== Work in AP ===== */
/* swiper */
.workAPTitle{
	font-weight: 700;
	font-size: 28px;
	line-height: 32px;
	color: #1D1D1F;
}

.quotationMark{
	position: absolute;
	transform: translateY(30%);
	z-index: 5;
}

.workAPImgContainer{
	height: 299px;
	position: relative;
	border-radius: 16px;
}

.workAPImg{
	width: 100%;
	height: 299px;
	position: absolute;
	top: 15%;
	z-index: 5;
	/*box-shadow: 0px 8px 24px 3px rgba(242, 123, 46, 0.3);*/
	border-radius: 16px;
	object-fit: cover;
	object-position: 50% bottom;
}

.workSwiperTitle{
	font-family: 'Noto Serif';
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 28px;
	color: #FFF9F2;
	margin-bottom: 12px;
}

.workAPSwiperTextField{
	padding: 60px 28px;
	border-radius: 16px;
	background: #F1833B;
}

.workSwiperPose,
.workSwiperText{
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.1px;
	color: #1D1D1F;
}

.workSwiperName{
	font-weight: 600;
	font-size: 22px;
	line-height: 28px;
	color: #FFF0E2;
}

.swiper-pagination-horizontal{
	top: 50% !important;
}

.workAPDot{
	height: 40px;
	position: relative;
	bottom: 1% !important;
}

.swiper-pagination-bullet,
.swiper-pagination-bullet-active{
	height: 10px !important;
	border: 2px solid #F1833B !important;
	border-radius: 4px !important;
}

.swiper-pagination-bullet{
	width: 60px !important;
	background: #FFFFFF !important;
}

.swiper-pagination-bullet-active{
	width: 30px !important;
	background: #F1833B !important;
}

@media only screen and (min-width: 768px) {
	.workTextField{
		width: 1263px;
		height: 357px;
		background: #F1833B;
		border-radius: 16px;
	}

	.workAPTitle{
		font-size: 36px;
		line-height: 48px;
	}

	.quotationMark{
		transform: translateY(0%);
	}

	.workAPImgContainer{
		width: 100%;
		height: 400px;
		position: relative;
		border-radius: 16px;
	}

	.workAPImg{
		max-width: 530px;
		height: 400px;
		top: 10%;
		border-radius: 16px;
	}

	.workAPSwiperTextField{
		width: calc(100% - 40px);
		transform: translateX(40px);
	}

	.workSwiperTitle{
		font-size: 32px;
		line-height: 36px;
	}

	.workSwiperText{
		font-size: 18px;
		line-height: 24px;
	}
}

/* lg */
@media only screen and (min-width: 992px) {
	.workAPImg{
		max-width: 820px;
		height: 400px;
	}
}

/* 1200px */
@media only screen and (min-width: 1200px) {
	.workAPImgContainer{
		max-width: 530px;
		position: absolute;
	}

	.workAPSwiperSpacing{
		height: 125px;
	}

	.quotationMark{
		transform: translateY(30%);
	}

	.workAPSwiperTextField{
		padding: 60px 40px;
	}

	.workAPTextSpacing{
		width: 530px;
	}

	.workAP1200TextField{
		flex: 0 0 auto;
		width: 50%;
	}

	.workAPImg{
		max-width: 530px;
		height: 400px;
	}
}

/* Life & Activities */
.lifeTitle{
	font-weight: 500;
	font-size: 28px;
	line-height: 36px;
}

@media only screen and (min-width: 768px) {
	/* Life & Activities */
	.lifeTitle{
		font-size: 32px;
		line-height: 40px;
	}
}

/* ===== Contact Us ===== */
/* Inquiry Form */
.formTitle{
	margin-bottom: 24px;
	font-weight: 700;
	font-size: 36px;
	line-height: 36px;
}

/* Form content */
#equipmentInquiryForm,
#inquiryForm{
	background: #FFFFFF;
	box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
	border-radius: 16px;
}

#inquiryForm{
	padding: 20px 16px;
	max-width: 860px;
}

/* wordpress form style */
div.wpforms-container-full .wpforms-form input.wpforms-field-medium,
div.wpforms-container-full .wpforms-form select.wpforms-field-medium,
div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
	max-width: 100% !important;
}

.form-check-input[type=checkbox]{
	margin-right: 8px;
	border-color: #1D1D1F;
	border-radius: 2px !important;
}

div.wpforms-field{
	margin: 24px 0 !important;
	padding: 0 !important;
}

.wpforms-field-checkbox input[type=checkbox]:checked{
	background-color: #F1833B !important;
	border-color: #F1833B !important;
}

.choices__inner,
.wpforms-field-medium,
ul#wpforms-523-field_7{
	background: #F7F7F7 !important;
	border-radius: 6px !important;
	border: 0 !important;
}

.choices__inner{
	width: 660px;
}

ul#wpforms-523-field_7{
	padding: 16px 8px !important;
}

ul#wpforms-523-field_7 li.depth-1{
	margin: 16px 0 !important;
}

ul#wpforms-523-field_7 label.wpforms-field-label-inline{
	font-weight: 600 !important;
	font-size: 14px !important;
	line-height: 18px !important;
	letter-spacing: 0.5px !important;
	color: #1D1D1F !important;
}

/*input.wpforms-valid[type=checkbox]:checked{*/
/*	color: #fff !important;*/
/*	accent-color: #F1833B !important;*/
/*	border: 1px solid #F1833B !important;*/
/*}*/

/*input.wpforms-valid[type=checkbox]:checked ~ label{*/
/*	color: #F1833B !important;*/
/*}*/

label.wpforms-field-label-inline{
	font-weight: 400 !important;
	font-size: 12px !important;
	line-height: 16px !important;
	letter-spacing: 0.4px !important;
	color: #000 !important;
}

label.wpforms-field-label-inline a{
	text-decoration: underline !important;
	color: #F1833B !important;
}

.wpforms-recaptcha-container{
	padding: 10px 0 !important;
}

div.btnEquipment,
button.wpforms-submit{
	height: 40px !important;
	padding: 8px 24px !important;
	cursor: pointer;
}

div.btnEquipment{
	border-radius: 8px !important;
}

button.wpforms-submit{
	/*width: 100% !important;*/
	color: #fff !important;
	background: #E76E21 !important;
	border-radius: 4px !important;
}

@media only screen and (min-width: 768px) {
	/* Inquiry Form */
	.formTitle{
		margin-bottom: 24px;
		font-weight: 700;
		font-size: 36px;
		line-height: 36px;
	}

	/* wordpress form style */
	ul#wpforms-523-field_7{
		padding: 24px 12px !important;
	}

	/*div.wpforms-recaptcha-container{*/
	/*	display: flex;*/
	/*	justify-content: center;*/
	/*	align-items: center;*/
	/*}*/

	button.wpforms-submit{
		width: auto !important;
		border-radius: 8px !important;
	}
}

/* lg */
@media only screen and (min-width: 992px) {
	#inquiryForm{
		padding: 40px 100px;
	}
}

/* Hotline & Email */
.contactusHeader{
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
	color: #1D1D1F;
}

.contactContainer{
	padding: 40px 16px;
	background: #FFF9F2;
}

.contactCard,
.addressCard{
	width: 100%;
	padding: 20px;
	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
	border-radius: 8px;
}

.contactCard-new {
	width: 100%;
	padding: 20px;
	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
	border-radius: 8px;
}

.addressCard:hover{
	background: linear-gradient(0deg, rgba(255, 167, 110, 0.11), rgba(255, 167, 110, 0.11)), #FFF4ED;
	box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3);
}

.jobTitle,
.contactTitle{
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	color: #E76E21;
}

.contactText{
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	color: #1D1D1F;
	letter-spacing: 0.1px;
}

.contactIconBox{
	width: 40px;
	height: 40px;
	margin-right: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.locationIcon{
	width: 24px;
	height: auto;
	object-fit: contain;
}

@media only screen and (min-width: 768px) {
	.contactContainer{
		padding: 60px 70px;
	}

	.contactTitle{
		font-size: 36px;
		line-height: 44px;
	}

	.contactCard,
	.addressCard{
		width: auto;
	}

	.addressCard{
		/*padding: 20px 20px 40px;*/
		background: #FFF9F2;
	}

	.contactTitle{
		font-size: 22px;
		line-height: 28px;
	}

	.contactText{
		font-size: 16px;
		line-height: 20px;
	}

	.contactIconBox{
		margin-right: 32px;
	}

	div iframe,
	div#mapblock > iframe{
		width: 100% !important;
		height: 560px;
	}
}

/* lg */
@media only screen and (min-width: 992px) {
	.contactCard{
		width: calc(50% - 16px) !important;
	}
}

/* ===== inner page ===== */
.orangeBorder,
.innerCardLink{
	font-weight: 500;
	font-size: 18px;
	line-height: 32px;
}

.orangeBorder{
	color: #E76E21;
	padding-left: 6px;
	border-left: 2px solid #E76E21;
}

.orangeTableText{
	margin-right: 24px;
}

.greyBorder{
	font-weight: 500;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0.25px;
	color: #1D1D1F;
	padding-left: 6px;
	border-left: 2px solid #E6E6E6;
}

.projectPreviewImg{
	height: 60px;
}

div#innerContent div.my-18:first-child{
	margin-top: 0 !important;
}

.innerSideImg{
	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
	filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
	border-radius: 8px;
}

.innerContentTitle{
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	color: #1D1D1F;
}

.innerVideo iframe{
	border-radius: 8px;
}

.innerSectionHeader{
	font-weight: 500;
	font-size: 22px;
	line-height: 28px;
}

.rscard,
.newsListCard,
.innerNewsListCard,
.innerCard{
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
}

.newsTextField,
.innerNewsTextField,
.projectTextField{
	padding: 20px 10px;
}

.innerCardInfo{
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.5px;
	color: #F1833B;
}

.innerBreak{
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.1px;
	color: #E6E6E6;
}

div.newsText a{
	color: #E76E21;
	text-decoration: underline;
}

.newsImg{
	width: 100%;
	max-width: 600px;
}

.projectImg{
	width: 100%;
}

.btnViewAll:hover a{color: #F1833B !important;}
.btnViewAll:hover path{fill: #F1833B !important;}

@media only screen and (min-width: 768px) {
	.innerSectionHeader{
		font-weight: 700;
		font-size: 36px;
		line-height: 48px;
	}

	.rscard,
	.innerNewsListCard,
	.innerCard{
		width: calc(50% - 10px) !important;
		max-width: 640px;
	}

	.innerCard{
		height: 480px;
	}

	.orangeTableText{
		margin-right: 48px;
	}

	.innerCardLink{
		font-size: 22px;
		line-height: 28px;
	}

	.splide__slide,
	.innerSideImg{
		border-radius: 16px;
	}

	.projectImg{
		width: 640px;
		height: 320px;
		object-fit: cover;
	}

	.projectTextField{
		height: 160px;
		padding: 20px 20px 40px;
	}

	.newsDate{
		position: sticky;
		top: 0;
	}
}

/* lg */
@media only screen and (min-width: 992px) {
	.innerVideo iframe{
		min-height: 400px !important;
		border-radius: 0px;
	}

	.projectImg{
		width: 640px;
		height: 360px;
	}

	.projectTextField{
		height: 120px;
		padding: 20px 20px 40px;
	}

	.rscard,
	.innerNewsListCard{
		height: 460px;
	}
}

/* 1280 */
@media only screen and (min-width: 1280px) {
	/* section 2 */
	.innerVideo iframe{
		min-height: 484px !important;
	}
}

/* ===== Project Reference List ====== */
.searchWrapper{
	border-radius: 8px;
}

.searchBar{
	width: calc(100% - 52px);
	height: 40px;
	border-radius: 8px;
	background: #fff;
}

.searchIconBox{
	width: 36px;
	height: 40px;
	position: absolute;
}

.searchIcon{
	width: 14px;
	height: 14px;
}

.searchInput{
	padding: 0 2px 0 36px;
	border-radius: 8px;
}

.btnReset{
	min-width: 90px;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.1px;
	color: #808080;
	cursor: pointer;
}

.jobLocation,
.filterItem{
	font-weight: 600 !important;
	font-size: 14px !important;
	line-height: 18px !important;
	letter-spacing: 0.5px !important;
	color: #808080 !important;
}

.filterItem{
	background: #F7F7F7;
	border-radius: 8px;
}

/*.afterArrow{position: relative;}*/

/*.filterItem:after,
.afterArrow:after{
	position: absolute;
	content: "";
	top: calc(50% - 2px);
	right: 18px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: #1D1D1F transparent transparent transparent;
}*/

/*.filterItem select,
.afterArrow select{
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
}*/

/* dropdown menu */
select.filterItem > option{
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #1D1D1F;
	background: #F7F7F7;
	border-radius: 8px;
}

/*select.w-100:after{*/
/*	!*position: absolute;*!*/
/*	content: "";*/
/*	top: 14px;*/
/*	right: 10px;*/
/*	width: 0;*/
/*	height: 0;*/
/*	border: 6px solid transparent !important;*/
/*	border-color: #1D1D1F transparent transparent transparent !important;*/
/*}*/

.btnLoadMore{
	min-width: 102px;
	padding: 10px 24px;
	background: #F1833B;
	border-radius: 8px;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.1px;
	color: #FFFFFF;
}

@media only screen and (min-width: 768px) {
	.searchWrapper{
		padding: 20px;
		margin-bottom: 60px;
	}

	.searchBar{
		max-width: 915px;
		padding-left: 12px;
	}

	.searchBar,
	.searchBar input{
		background: #F7F7F7;
	}

	.btnSearch{
		width: 103px;
		height: 40px;
		background: #F1833B;
		border-radius: 0 8px 8px 0;

		font-weight: 600;
		font-size: 16px;
		line-height: 20px;
		letter-spacing: 0.1px;
		color: #FFFFFF;
	}

	.filterShow{
		row-gap: 40px;
	}

	.filterItem{
		width: calc(50% - 8px);
	}

	.btnLoadMore{
		margin-top: 70px;
	}
}

/* lg */
@media only screen and (min-width: 992px) {
	.searchWrapper{
		padding: 40px 20px;
	}

	.filterItem{
		width: calc(25% - 16px);
	}

	.filterShow{
		row-gap: 60px;
	}
}

/* ===== Latest News List ====== */
.filterYear{
	width: 160px;
	height: 40px;
	padding: 10px 16px 10px 24px;
	margin-bottom: 20px;
	border-radius: 8px;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.1px;
}

.errorMessage{
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.1px;
	color: #DE1212;
	margin: 20px 0;
}

.newsListImg{
	width: 420px;
	height: 320px;
}

.activityLink,
.newsListLink{
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #1D1D1F;
}
.newsListLink:hover > a,
.innerCardLink > a:hover{color: #1D1D1F !important;}

.innerNewsListCard:hover,
.newsListCard:hover{
	box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3);
}

.innerNewsListCard:hover > div,
.newsListCard:hover > div{
	overflow: hidden;
}

.innerNewsListCard:hover > div > a > img,
.newsListCard:hover > div > a > img{
	transform: scale(1.1);
	transition: transform .3s ease;
}

@media only screen and (min-width: 768px) {
	.jobCard,
	.newsListCard{
		width: calc(50% - 8px) !important;
	}

	.newsListCard{
		/*max-width: 420px;*/
		height: 480px;
	}

	.filterYear{
		margin-bottom: 40px;
	}

	.errorMessage{
		margin: 40px 0;
	}

	.innerNewsTextField,
	.newsTextField{
		padding: 20px 20px 40px;
	}

	.innerNewsTextField{
		height: 140px;
	}

	.newsTextField{
		height: 160px;
	}
}

/* lg */
@media only screen and (min-width: 992px) {
	.newsListCard{
		max-width: 100%;
	}
}

/* 1280 */
@media only screen and (min-width: 1280px) {
	.newsListCard{
		width: calc(100%/3 - 11px) !important;
		max-width: 420px;
		height: 480px;
	}
}

/* ===== Media ===== */
.mediaContainer{
	padding: 40px 16px;
	background: #FFF0E2;
	/*background: linear-gradient(180.77deg, #FFF0E2 -18.65%, rgba(255, 249, 242, 0.3) 105.06%);*/
}

.mediaBarText{
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.1px;
	margin: 0 16px;
}

.mediaBarText-border{
	border-bottom: 2px solid #E76E21;
}

/* watch now button */
.watchNowContainer{
	transform: translateY(-100%);
}

.watchNowLabel{
	width : 230px;
	height : 50px;
	background: transparent;
	border-left : 15px solid transparent;
	z-index: 10;
}

.innerNewsListCard:nth-child(odd)  .watchNowLabel{border-bottom : 50px solid #E76E21;}
.innerNewsListCard:nth-child(even) .watchNowLabel{border-bottom : 50px solid #FDB238;}

.watchNowLabel > a:hover{color: #fff !important;}

.watchNowText{
	font-weight: 500;
	font-size: 22px;
	line-height: 28px;
	transform: translateY(40%);
	left: 15%;
}

@media only screen and (min-width: 768px) {
	.mediaContainer{
		padding: 40px 32px;
	}

	.mediaBarText{
		margin: 0 32px;
	}

	.mediaTag,
	.mediaTag-active{
		padding: 10px 24px;
		max-height: 40px;
		border-radius: 8px;
		cursor: pointer;

		font-weight: 600;
		font-size: 16px;
		line-height: 20px;
		letter-spacing: 0.1px;
		color: #1D1D1F;
	}

	.mediaTag{
		background: #F7F7F7;
	}

	.mediaTag-active{
		background: #FFF0E2 !important;
	}

	.newsDate{
		position: sticky;
		top: 132px;
	}
}

/* lg */
@media only screen and (min-width: 992px) {
	.mediaContainer{padding: 60px 70px;}

	.mediaBarText{margin: 0 60px;}

	.newsDate{
		position: sticky;
		top: 180px;
	}
}

/* ===== Job inner page ===== */
.newLabel{
	width: 44px;
	height: 24px;
	padding: 4px 8px;

	font-weight: 600;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.5px;
	color: #DE1212;
	background: #FFF0E2;
	border-radius: 20px;
}

.jobInfo{margin: 20px 0;}

.btnApplyNow{
	display: flex;
	justify-content: center;
	align-items: center;

	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.1px;

	background: #E76E21;
	border-radius: 8px;
	padding: 10px 24px;
	max-width: 133px;
	max-height: 44px;
}
.btnApplyNow:hover a{color:#fff !important;}

@media only screen and (min-width: 768px) {
	.jobInfo{margin: 40px 0;}
}

/* ===== Job list ===== */
.jobPost{
	height: calc(100% - 34px);
	padding: 30px 24px;
	border-bottom: 1px solid #B3B3B3;
}

.jobText{
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	color: #1D1D1F;
	letter-spacing: 0.5px;
}

/* lg */
@media only screen and (min-width: 992px) {
	.jobCard{
		width: calc(100%/3 - 11px) !important;
		max-width: 420px;
		/*max-height: 300px;*/
	}
}

/* ===== Activity ===== */
@media only screen and (max-width: 767px) {
	.btnViewMore{display: flex;;}
}

@media only screen and (min-width: 768px) {
	.btnViewMore{display: none;;}
}

.newsTextField:hover .activityLink,
.newsTextField:hover .innerCardInfo{
	color: #E76E21 !important;
}

.newsTextField:hover .btnViewMore{
	display: flex;
	color: #E76E21;
}

.newsTextField:hover svg path{
	fill: #E76E21;
}

.btnViewMore{margin-top: 24px;}

/* lg */
@media only screen and (min-width: 992px) {
	.btnViewMore{margin-top: 52px;}
}

/* ===== Equipment inner page ===== */
.productInner .breadcrumb-item + .breadcrumb-item::before{
	content: "";
}

.Label3,
.equipmentInfoLabel{
	font-weight: 500;
	font-size: 10px;
	line-height: 16px;
	letter-spacing: 0.5px;
}

.equipmentCat{
	height: 42px;
	padding: 12px 16px;
	background: #FFFFFF;
	border: 1px solid #000000;
	border-radius: 25px;
	cursor: default;
}

.equipmentCatIcon{
	width: 40px;
	height: 40px;
	background: #FFFFFF;
	border-radius: 50px;
}

.equipmentItem{
	padding: 32px 16px;
}

.equipmentTitle{
	font-weight: 600 !important;
	font-size: 22px !important;
	line-height: 32px !important;
}

.splide__track--fade{
	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
	filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
	border-radius: 8px;
}

.productPreview,
.splide__track--slide{
	height: 90px;
}

.productPreviewImg{
	width: 90px;
	height: 90px;
	object-fit: contain;
}

.productTag{
	background: rgba(255, 255, 255, 0.5);
	border: 0.5px solid #B3B3B3;
	border-radius: 20px;
}

.equipmentAppImg{
	max-height: 90px !important;
}

.btnSearchList{
	min-width: fit-content;
}

.btnSearchList:hover a{color: #F1833B !important;}
.btnSearchList:hover path{fill: #F1833B !important;}

/* woocommerce setting */
.woocommerce .content-area {
	margin: 0 !important;
	padding: 0 !important;
	max-width: 100% !important;
}

#content{width: 100% !important;}

.woocommerce .content-area .site-main{
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.woocommerce section{padding: 0 !important;}
.woocommerce section:not(#thumbnail-carousel){margin: 0 !important;}

@media only screen and (min-width: 768px) {
	.Label3,
	.equipmentInfoLabel{
		font-weight: 600;
		font-size: 12px;
	}

	.equipmentTitle{
		font-size: 18px;
		line-height: 24px;
		color: #4d4d4d;
	}

	.splide__track--fade{
		border-radius: 16px;
	}

	.equipmentItem{
		padding: 60px 32px !important;
	}
}

/* Equipment List */
.btnEquipmentFilter{
	width: 100%;
	min-width: 102px;
	padding: 10px 24px;
	background: #F1833B;
	border-radius: 4px;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.1px;
	color: #FFFFFF;
}

@media only screen and (min-width: 768px) {
	.btnEquipmentFilter{
		width: auto;
		background: #fff;
		color: #000;
	}

	.btnEquipmentFilter path{fill: #000;}
}

/* ===== Equipment List ===== */
input:checked ~ label.jobLocation{
	color: #E76E21 !important;
}

input[type="radio"]{
	visibility: hidden;
	position: absolute;
	height: 0;
	width: 0;
}

.equipmentRadio label{
	cursor: pointer;
}

.equipmentSearchBar{
	max-width: 100% !important;
	border-radius: 8px;
	border: 1px solid #E6E6E6;
}

.subcat-dropdown{
	max-width: 1300 !important;
	border-radius: 8px;
	border: 1px solid #E6E6E6;
}

.rsDropdown{
	padding-left: 10px;
	border: 1px solid #E6E6E6;
	border-radius: 0 100px 100px 0;
}

.mfullrounded{
	padding-left: 10px;
	border: 1px solid #E6E6E6;
	border-radius: 100px;
}

.iconContainer div,
.cursor-pointer{cursor: pointer;}

.iconContainer .icon{
	z-index: 10!important;
}

.filterLHS{
	padding: 8px 12px 8px 12px;
	background: #FFF9F2;
	border-radius: 8px 0px 0px 8px;
}

.filterRHS{
	padding: 8px 12px 8px 12px;
	background: #E6E6E6;
	border-radius: 0px 8px 8px 0px;
}

@media only screen and (min-width: 768px){
	#equipmentInquiryForm{
		padding: 60px 40px;
	}

	.equipmentFormContent{
		max-width: 640px;
	}

	.filterLHS,
	.filterRHS{
		padding: 10px 16px 10px 24px;
	}

	.rsDropdown{
		min-width: 200px;
	}
}

/* ===== Compare List ====== */
.innerContainer,
.compareContainer{
	padding: 40px 0 40px 16px;
}

.catalog-p-y {
	padding: 100px 0 0 16px !important;
}

.catalog-p-y-1st {
	padding: 0 0 0 16px !important;
}

.overflow-x-scroll{overflow-x: scroll;}
.compareContainer .overflow-x-scroll::-webkit-scrollbar{display: none;}

/*.overflow-x-scroll div.d-flex.column-gap-2 > *:last-child{*/
/*	background: aliceblue !important;*/
/*	margin-right: 32px;*/
/*}*/

.compare-left-top{
	border-radius: 16px 0 0;
}

.compare-left-bottom{
	border-radius: 0 0 0 16px;
}

.compareCell{
	display: flex;
	align-items: center;
}

.compareImg{
	padding: 10px 20px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
	border-radius: 8px;
}

.compareImg img{
	max-width: 300px;
	max-height: 300px;
}

.compareImg,
.compareItem{
	width: calc(50% - 16px) !important;
}

.compareItem{
	padding: 12px 8px;
}

.compareItem li{
	list-style-type: none !important;
	padding: 24px 0;
}

/* alertify */
/*.alertify-notifier{*/
/*	color: #fff;*/
/*	background: #4D4D4D !important;*/
/*}*/

@media only screen and (min-width: 768px){
	.compareImg,
	.compareItem{
		width: calc(25% - 16px) !important;
	}

	.compareItem{
		padding: 24px 16px;
	}

	.innerContainer{
		padding: 40px 0 40px 32px;
	}
}

/* 1440 */
@media only screen and (min-width: 1440px){
	.overflow-x-scroll::-webkit-scrollbar{
		display: none;
	}

	.innerContainer{
		padding: 80px 70px;
	}
}


/* ===== Wish List ===== */
/* Wish List */

input[type="number"].numberBox{
	width: 40px;
	height: 40px;
	background-color: #f7f7f7 !important;
	border-radius: 4px;
}

.wishlistContainer{
	padding: 40px 0px;
}

.wishlistModel{
	display: none;
}

.wishlistRow{
	border-top: 1px solid #f7f7f7;
	border-bottom: 1px solid #f7f7f7;
}

/* Form */
#equipmentInquiryForm{
	padding: 40px 16px;
}

@media only screen and (min-width: 768px) {
	.swiperContainer,
	.wishlistContainer,
	.compareContainer,
	.ContentContainer{
		padding: 40px 32px;
	}

	.wishlistModel{
		display: table-cell;
	}

	/* Form */
	#equipmentInquiryForm{
		padding: 60px 40px;
	}
}

/* lg */
@media (min-width: 992px) {
	.swiperContainer,
	.wishlistContainer,
	.compareContainer,
	.ourEquipmentContainer,
	.ContentContainer{
		padding: 80px 70px;
	}
}

/* ===== alertify ====== */
/* css overrides */
.alertify-notifier .ajs-message.ajs-success {
	color: #fff;
	background: rgba(241, 131, 59, .95);
}

.alertify-notifier .ajs-message.ajs-warning {
	color: #fff;
	background: rgba(217, 92, 92, .95)
}

#social_share:hover .issassy {
	display: block !important;
}

@media (max-width: 767px) {
	.share_align {
		margin-left: auto;
	}

	.activities_flex {
		display: flex;
		flex-direction: column-reverse;
	}
}
@media (min-width: 768px) {
	.share_align {
		margin-right: auto;
	}

	.activities_flex {
		display: flex;
		flex-direction: row;
	}
}

.fixed-shortcut {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 99;
}

.disk {
	width: 48px;
	height: 48px;
	border-radius: 100%;
	background-color: rgba(0,0,0,0.4);
	filter: blur(1px);
	-webkit-filter: blur(1px);
	box-shadow: 0 0 5px 5px rgba(0,0,0,0);
}

.dborder {
	width: 48px;
	height: 48px;
	border-radius: 100%;
	border-width: 1px;
	background-color: rgba(0,0,0,0);
	border-color: rgba(255,255,255,0.2);
}



.m-relative {
	position: relative;
}

.m-absolute-12 {
	position: absolute;
	top: 12px;
	left: 12px;
}

.m-absolute-4 {
	position: absolute;
	top: 4px;
	left: 4px;
}

.m-absolute-0 {
	position: absolute;
	top: 0;
	left: 0;
}

.m-mt-2 {
	margin-top: 8px;
}

.m-text-count-wish {
	width: 48px;
	height: 48px;
	color: white;
	text-align: center;
	padding-top: 12px;
}
.m-text-count-wish-mobile {
	width: 40px;
	height: 40px;
	color: white;
	text-align: center;
	padding-top: 8px;
}

.mpt-40 {
	padding-top: 80px;
}

.mpt-0 {
	padding-top: 0;
}

.mobile-disk {
	height: 24px;
	border-radius: 100%;
	background-color: rgba(0,0,0,0.4);
	filter: blur(1px);
	-webkit-filter: blur(1px);
	box-shadow: 0 0 5px 5px rgba(0,0,0,0);
}

.mobile-dborder {
	height: 48px;
	border-radius: 24px;
	border-width: 1px;
	background-color: rgba(0,0,0,0);
	border-color: rgba(255,255,255,0.2);
}

.m-mt-12 {
	margin-top: 12px;
}

.m-ml-8 {
	margin-left: 8px;
}

.m-ml-12 {
	margin-left: 12px;
}

.m-ml-18 {
	margin-left: 18px;
}

.m-w-180 {
	width: 180px;
}

.m-absolute-left-48 {
	position: absolute;
	top: 10px;
	left: 48px;
}

.m-mb-2 {
	margin-bottom: 2px;
}

.add-minus-box {
	width: 25px;
	height: 25px;
	margin: auto;
}

.m-h-40 {
	height: 40px;
}

.m-x-auto {
	margin-left: auto;
	margin-right: auto;
}

.m-y-auto {
	margin-top: auto;
	margin-bottom: auto;
}

.loading {
	display: none;
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.75);
	z-index: 99;
}

.loadingImage {
	width: 20%;
}

.m-rounded-8 {
	border-radius: 8px;
}

.m-p-r-16 {
	padding-right: 16px;
}

@media (max-width: 767px) {

	.wish-td-img {
		width: 120px !important;
	}

	/*.wish-td-model {*/
	/*	width: 15% !important;*/
	/*}*/

	.wish-td-description {
		width: 160px !important;
	}

	.wish-td-property {
		width: 160px !important;
	}

	.wish-td-qty {
		width: 100px !important;
	}

	.wish-td-action {
		width: 60px !important;
	}

	.bg-message {
		background-image: url("/wp-content/uploads/2023/03/message_from_chairman.png");
		background-repeat: no-repeat;
		background-position-x: -140px;
		background-position-y: -10;
		background-size: 640px;
	}
}

@media (min-width: 768px) {

	.wish-td-img {
		width: 15% !important;
	}

	.wish-td-model {
		width: 15% !important;
	}

	.wish-td-description {
		width: 30% !important;
	}

	.wish-td-property {
		width: 15% !important;
	}

	.wish-td-qty {
		width: 15% !important;
	}

	.wish-td-action {
		width: 10% !important;
	}

	.bg-message {
		background-image: url("/wp-content/uploads/2023/03/message_from_chairman.png");
		background-repeat: no-repeat;
		background-position-x: -100px;
		background-position-y: -20px;
		background-size: 800px;
	}
}

@media (min-width: 1024px) {

	.bg-message {
		background-image: url("/wp-content/uploads/2023/03/message_from_chairman.png");
		background-repeat: no-repeat;
		background-position-x: -110px;
		background-position-y: -50px;
		background-size: 1000px;
	}
}

@media (min-width: 1440px) {

	.bg-message {
		background-image: url("/wp-content/uploads/2023/03/message_from_chairman.png");
		background-repeat: no-repeat;
		background-position-x: 50px;
		background-position-y: -70px;
		background-size: 1100px;
	}
}

.table-fixed {
	table-layout: fixed;
}

.table-overflow-scroll {
	overflow-x: auto !important;
}

.wpforms-field-radio > ul > li > label {
	vertical-align: top !important;
}

.h-54 {
	height: 54px !important;
}

.mega-menu-bg {
	background: rgba(0, 0, 0, 0.75) !important;
}

.mega-menu-wrap3 {
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: wrap !important;
}

.mheight-165 {
	height: 165px !important;
}

.mheight-420 {
	height: 420px !important;
}

.mpr-18 {
	padding-right: 32px !important;
}

.mnone {
	display: none !important;
}

.mflex {
	display: flex !important;
}

.mpre-line {
	white-space: pre-line;
}

.mobject-fit-cover {
	object-fit: cover;
}

.mobject-fit-contain {
	object-fit: contain;
}

div.d-flex hr {
	margin: 0;
}

div.d-flex span {
	font-weight: bold;
	font-size: 1.2rem;
}

.validationPrompt {
	color: red;
}


@media (max-width: 767px) {

	.search-wrapper {
		width: 100%;
	}

	.el-search-box {
		width: 100%;
		height: 48px;
		margin-top: 12px;
		margin-bottom: 12px;
		border-radius: 24px;
		border: 1px solid #E6E6E6;
	}

	.el-search-input-box {
		width: 100%;
		/*margin-right: 12px;*/
		border-radius: 24px;
	}

	.el-rental-sales-search {
		width: 100%;
	}

	.el-rental-sales-search-button {
		width: 50%;
		border: 1px solid #000;
	}

	.el-search-button {
		width: 100%;
		margin-top: 12px;
		margin-bottom: 12px;
	}

	.el-filter-apply {
		margin-top: 12px;
	}

	.el-filter-dropdown-group {
		border-radius: 8px;
		border: 1px solid #E6E6E6;
	}

	.el-filter-dropdown {
		padding: 8px 12px 8px 12px;
	}

	.el-filter-dropdown-main {
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		border: 1px solid #E6E6E6;
		background: #FFF9F2;
	}

	.el-filter-dropdown-sub {
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
		border: 1px solid #E6E6E6;
		background: #E6E6E6;
	}

	.el-filter-bgcolor-main {
		background: #FFF9F2;
	}

	.el-filter-bgcolor-sub {
		background: #E6E6E6;
	}

	.global-search-box {
		width: 100%;
		height: 48px;
		border-radius: 24px;
		border: 1px solid #E6E6E6;
		background-color: #f7f7f7;
		padding-left: 18px;
		padding-right: 18px;
	}

	.global-search-input {
		width: 100%;
		padding-bottom: 4px;
		background-color: transparent;
	}

	.global-search-button {
		width: 100%;
		height: 48px;
		border-radius: 8px;
		border: 1px solid #E6E6E6;
		background-color: #e76e21;
		color: white;
		margin-top: 12px;
	}

	.mmt-36-0 {
		margin-top: 36px;
	}
}

@media (min-width: 768px) {

	.search-wrapper {
		width: 100%;
		height: 52px;
		border-radius: 26px;
		border: 1px solid #E6E6E6;
		background-color: #f7f7f7;
	}

	.el-search-box {
		width: 100%;
		border-right: 1px solid #E6E6E6;
		margin-left: 12px;
	}

	.el-search-input-box {
		width: 100%;
		/*border-radius: 24px;*/
		background-color: #f7f7f7;
	}

	.el-rental-sales-search {
		width: auto;
		padding-left: 24px;
		padding-right: 24px;
		border-top-right-radius: 26px;
		border-bottom-right-radius: 26px;
	}

	.el-rental-sales-search-button {
		width: 120px;
	}

	.el-search-button {
		width: 96px;
		margin-left: 24px;
		margin-top: auto;
		margin-bottom: auto;
	}

	.el-filter-apply {
		margin-top: 0;
	}

	.el-filter-dropdown-group {
		border-radius: 8px;
		border: 1px solid #E6E6E6;
	}

	.el-filter-dropdown {
		padding: 8px 12px 8px 12px;
	}

	.el-filter-dropdown-main {
		border-top-left-radius: 8px;
		border-bottom-left-radius: 8px;
		border: 1px solid #E6E6E6;
		background: #FFF9F2;
	}

	.el-filter-dropdown-sub {
		border-top-right-radius: 8px;
		border-bottom-right-radius: 8px;
		border: 1px solid #E6E6E6;
		background: #E6E6E6;
	}

	.el-filter-bgcolor-main {
		background: #FFF9F2;
	}

	.el-filter-bgcolor-sub {
		background: #E6E6E6;
	}

	.global-search-box {
		width: 100%;
		height: 48px;
		border-radius: 24px;
		border: 1px solid #E6E6E6;
		background-color: #f7f7f7;
		padding-left: 18px;
		padding-right: 18px;
	}

	.global-search-input {
		width: 100%;
		padding-bottom: 4px;
		background-color: transparent;
	}

	.global-search-button {
		width: 96px;
		height: 48px;
		border-radius: 8px;
		border: 1px solid #E6E6E6;
		background-color: #e76e21;
		color: white;
		margin-left: 24px;
	}

	.mmt-36-0 {
		margin-top: 0;
	}
}

.result-content-wrapper {
	padding-left: 0;
	padding-top: 24px;
}

.result-content-title {
	font-weight: bold;
}

.result-content-description {
	padding-top: 0px;
}

.result-pagination-wrapper {
	width: 100%;
	overflow-x: scroll;
	white-space: nowrap;
}

.result-pagination-wrapper::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.pagination {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.pagination a {
	width: 48px;
	height: 48px;
	padding: 10px;
	margin-right: 10px;
	color: #B3B3B3;
	background-color: transparent;
	text-decoration: none;
	text-align: center;
	font-size: 19px;
}

.pagination .current {
	width: 48px;
	height: 48px;
	background-color: #F1833B;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	font-size: 19px;
}

.pagination span {
	display: inline-block;
	padding: 10px;
	margin-right: 10px;
}

.pagination span.dots {
	padding-top: 5px;
	color: #B3B3B3;
}

.pagination a.prev {
	padding: 5px;
	font-size: 24px;
	font-weidht: bold;
	color: #B3B3B3;
	text-align: center;
}

.pagination a.next {
	padding: 5px;
	font-size: 24px;
	font-weidht: bold;
	color: #B3B3B3;
	text-align: center;
}

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

.mpt-24 {
	padding-top: 24px !important;
}

.mtransparent {
	background-color: transparent !important;
}

.mpt-100 {
	padding-top: 100px;
}

.mw-min-240 {
	min-width: 240px;
}

.mw-fit-content {
	width: fit-content;
}

.mdisplay-block {
	display: block;
}

.mwhitespace-nowrap {
	white-space: nowrap;
}

.moverflow-hidden {
	overflow: hidden;
}

.mjustify-between {
	justify-content: space-between;
}

/* ===== Search ===== */
ol.searchResult li{
	list-style: decimal;
}