/* สร้างโดย tools/build-cssrentsale.php — อย่าแก้ด้วยมือ
   CSS ของหน้าประกาศเช่า/ขายโดยเฉพาะ รวมจากไฟล์ที่ใช้ร่วมกันตามลำดับเดิม
   หน้าอื่นยังโหลดไฟล์ต้นฉบับแยกกันเหมือนเดิม */
/* ===== all.css ===== */
.fas,.fab{
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1; }.fas.fa-pull-left,.fab.fa-pull-left{
margin-right: .3em; }.fas.fa-pull-right,.fab.fa-pull-right{
margin-left: .3em; }
@-webkit-keyframes fa-spin {0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }100%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes fa-spin {0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }100%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }.fa-align-left:before{
content: "\f036"; }.fa-bed:before{
content: "\f236"; }.fa-book-open:before{
content: "\f518"; }.fa-bowling-ball:before{
content: "\f436"; }.fa-box-open:before{
content: "\f49e"; }.fa-building:before{
content: "\f1ad"; }.fa-bullhorn:before{
content: "\f0a1"; }.fa-caret-down:before{
content: "\f0d7"; }.fa-check:before{
content: "\f00c"; }.fa-chevron-right:before{
content: "\f054"; }.fa-cloud-showers-heavy:before{
content: "\f740"; }.fa-door-open:before{
content: "\f52b"; }.fa-envelope-open:before{
content: "\f2b6"; }.fa-envelope-open-text:before{
content: "\f658"; }.fa-facebook-f:before{
content: "\f39e"; }.fa-facebook-square:before{
content: "\f082"; }.fa-folder-open:before{
content: "\f07c"; }.fa-frown-open:before{
content: "\f57a"; }.fa-instagram:before{
content: "\f16d"; }.fa-layer-group:before{
content: "\f5fd"; }.fa-line:before{
content: "\f3c0"; }.fa-lock-open:before{
content: "\f3c1"; }.fa-map-marked-alt:before{
content: "\f5a0"; }.fa-map-marker-alt:before{
content: "\f3c5"; }.fa-map-pin:before{
content: "\f276"; }.fa-mouse:before{
content: "\f8cc"; }.fa-opencart:before{
content: "\f23d"; }.fa-openid:before{
content: "\f19b"; }.fa-search:before{
content: "\f002"; }.fa-shower:before{
content: "\f2cc"; }.fa-teeth-open:before{
content: "\f62f"; }.fa-times:before{
content: "\f00d"; }.fa-vector-square:before{
content: "\f5cb"; }.fa-youtube:before{
content: "\f167"; }.sr-only-focusable:active,.sr-only-focusable:focus{
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto; }
@font-face {
font-family: 'Font Awesome 5 Brands';
font-style: normal;
font-weight: 400;
font-display: block;
src: url("/plugins/fontawesome/webfonts/fa-brands-400.eot");
src: url("/plugins/fontawesome/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/plugins/fontawesome/webfonts/fa-brands-400.woff2") format("woff2"), url("/plugins/fontawesome/webfonts/fa-brands-400.woff") format("woff"), url("/plugins/fontawesome/webfonts/fa-brands-400.ttf") format("truetype"), url("/plugins/fontawesome/webfonts/fa-brands-400.svg#fontawesome") format("svg"); }.fab{
font-family: 'Font Awesome 5 Brands';
font-weight: 400; }
@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 400;
font-display: block;
src: url("/plugins/fontawesome/webfonts/fa-regular-400.eot");
src: url("/plugins/fontawesome/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/plugins/fontawesome/webfonts/fa-regular-400.woff2") format("woff2"), url("/plugins/fontawesome/webfonts/fa-regular-400.woff") format("woff"), url("/plugins/fontawesome/webfonts/fa-regular-400.ttf") format("truetype"), url("/plugins/fontawesome/webfonts/fa-regular-400.svg#fontawesome") format("svg"); }
@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
font-display: block;
src: url("/plugins/fontawesome/webfonts/fa-solid-900.eot");
src: url("/plugins/fontawesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/plugins/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("/plugins/fontawesome/webfonts/fa-solid-900.woff") format("woff"), url("/plugins/fontawesome/webfonts/fa-solid-900.ttf") format("truetype"), url("/plugins/fontawesome/webfonts/fa-solid-900.svg#fontawesome") format("svg"); }.fas{
font-family: 'Font Awesome 5 Free';
font-weight: 900; }
/* ===== owl.carousel.min.css ===== */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("/plugins/OwlCarousel2-2.3.4/assets/owlcarousel/assets/owl.video.play.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* ===== owl.theme.default.min.css ===== */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/* ===== jquery.typeahead.css ===== */
.typeahead__container {
}
.typeahead__container button,
.typeahead__container input,
.typeahead__container optgroup,
.typeahead__container select,
.typeahead__container textarea {
font: inherit;
margin: 0;
}
.typeahead__container optgroup {
font-weight: bold;
}
.typeahead__container button,
.typeahead__container input {
overflow: visible;
}
.typeahead__container button,
.typeahead__container select {
text-transform: none;
}
.typeahead__container button,
.typeahead__container html [type="button"],
.typeahead__container [type="reset"],
.typeahead__container [type="submit"] {
-webkit-appearance: button;
}
.typeahead__container button::-moz-focus-inner,
.typeahead__container [type="button"]::-moz-focus-inner,
.typeahead__container [type="reset"]::-moz-focus-inner,
.typeahead__container [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
.typeahead__container button:-moz-focusring,
.typeahead__container [type="button"]:-moz-focusring,
.typeahead__container [type="reset"]:-moz-focusring,
.typeahead__container [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
.typeahead__container fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
.typeahead__container legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
.typeahead__container textarea {
overflow: auto;
}
.typeahead__container [type="checkbox"],
.typeahead__container [type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
.typeahead__container [type="number"]::-webkit-inner-spin-button,
.typeahead__container [type="number"]::-webkit-outer-spin-button {
height: auto;
}
.typeahead__container ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
.typeahead__container ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.typeahead__container {
position: relative;
font: 1rem Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.typeahead__container * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: 0;
}
.typeahead__container strong {
color: #ed4d24;
}
.typeahead__query {
position: relative;
z-index: 2;
width: 100%;
}
.typeahead__filter {
position: relative;
}
.typeahead__filter button {
min-width: 100%;
white-space: nowrap;
}
.typeahead__filter button:after {
display: inline-block;
margin-left: 4px;
width: 0;
height: 0;
vertical-align: -2px;
content: "";
border: 4px solid;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
}
.typeahead__field {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
width: 100%;
}
.typeahead__button button {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.typeahead__field {
color: #555;
}
.typeahead__field input,
.typeahead__field textarea,
.typeahead__field [contenteditable],
.typeahead__field .typeahead__hint {
display: block;
width: 100%;
line-height: 1.25;
padding: 0.5rem 0.75rem;
background: #fff;
border: 1px solid #ccc;
border-radius: 2px 0 0 2px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.typeahead__field input:focus, .typeahead__field input:active,
.typeahead__field textarea:focus,
.typeahead__field textarea:active,
.typeahead__field [contenteditable]:focus,
.typeahead__field [contenteditable]:active,
.typeahead__field .typeahead__hint:focus,
.typeahead__field .typeahead__hint:active {
border-color: #66afe9;
}
.typeahead__container.hint .typeahead__field input,
.typeahead__container.hint .typeahead__field textarea,
.typeahead__container.hint .typeahead__field [contenteditable] {
background: transparent;
}
.typeahead__container.hint .typeahead__query > :last-child, .typeahead__hint {
background: #fff;
}
.typeahead__container button {
display: inline-block;
margin-bottom: 0;
text-align: center;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-color: #fff;
border: 1px solid #ccc;
line-height: 1.25;
padding: 0.5rem 0.75rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #555;
}
.typeahead__container button:hover, .typeahead__container button:focus {
color: #3c3c3c;
background-color: #f5f5f5;
border-color: #b3b3b3;
}
.typeahead__container button:active, .typeahead__container button.active {
background-image: none;
}
.typeahead__container button:focus, .typeahead__container button:active {
border-color: #66afe9;
}
.typeahead__container input.disabled,
.typeahead__container input[disabled],
.typeahead__container button.disabled,
.typeahead__container button[disabled] {
cursor: not-allowed;
pointer-events: none;
opacity: 0.65;
-webkit-box-shadow: none;
box-shadow: none;
background-color: #fff;
border-color: #ccc;
}
.typeahead__container .typeahead__field input,
.typeahead__container .typeahead__field textarea,
.typeahead__container .typeahead__field [contenteditable],
.typeahead__container .typeahead__field .typeahead__hint,
.typeahead__container .typeahead__field .typeahead__label-container {
padding-right: 32px;
}
.typeahead__filter, .typeahead__button {
z-index: 1;
}
.typeahead__filter button, .typeahead__button button {
margin-left: -1px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.typeahead__filter:hover, .typeahead__filter:active, .typeahead__filter:focus, .typeahead__button:hover, .typeahead__button:active, .typeahead__button:focus {
z-index: 1001;
}
.typeahead__filter:hover button:focus, .typeahead__filter:hover button:active, .typeahead__filter:active button:focus, .typeahead__filter:active button:active, .typeahead__filter:focus button:focus, .typeahead__filter:focus button:active, .typeahead__button:hover button:focus, .typeahead__button:hover button:active, .typeahead__button:active button:focus, .typeahead__button:active button:active, .typeahead__button:focus button:focus, .typeahead__button:focus button:active {
z-index: 1001;
}
.typeahead__filter + .typeahead__button button {
margin-left: -2px;
}
.typeahead__container.filter .typeahead__filter {
z-index: 1001;
}
.typeahead__list, .typeahead__dropdown {
position: absolute;
left: 0;
z-index: 1000;
width: 100%;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
background-clip: padding-box;
border-radius: 12px;
}
.typeahead__result.detached .typeahead__list {
position: relative;
z-index: 1041;
top: initial;
left: initial;
}
.typeahead__dropdown {
right: 0;
left: initial;
z-index: 1001;
}
.typeahead__list > li {
position: relative;
border-top: solid 1px #ccc;
}
.typeahead__list > li:first-child {
border-top: none;
}
.typeahead__list .typeahead__item[disabled] > a,
.typeahead__dropdown .typeahead__dropdown-item[disabled] > a {
cursor: not-allowed;
color: #bababa;
background-color: #fafafa;
}
.typeahead__list .typeahead__item > a,
.typeahead__dropdown .typeahead__dropdown-item > a {
display: block;
padding: 0.5rem 0.75rem;
clear: both;
color: #333;
text-decoration: none;
}
.typeahead__list .typeahead__item:not([disabled]) > a:hover,
.typeahead__list .typeahead__item:not([disabled]) > a:focus,
.typeahead__list .typeahead__item:not([disabled]).active > a,
.typeahead__dropdown .typeahead__dropdown-item:not([disabled]) > a:hover,
.typeahead__dropdown .typeahead__dropdown-item:not([disabled]) > a:focus,
.typeahead__dropdown .typeahead__dropdown-item:not([disabled]).active > a {
background-color: #f5f5f5;
color: #3c3c3c;
}
.typeahead__list.empty > li {
padding: 0.5rem 0.75rem;
color: #333;
}
.typeahead__list > .typeahead__group {
border-color: rgb(237, 77, 36);
font-weight: bold;
}
.typeahead__list > .typeahead__group:first-child {
border-top: solid 1px rgb(237, 77, 36);
}
.typeahead__list > .typeahead__group > a,
.typeahead__list > .typeahead__group > a:hover,
.typeahead__list > .typeahead__group > a:focus,
.typeahead__list > .typeahead__group.active > a {
cursor: default;
color: rgb(237, 77, 36);
background: rgb(237, 77, 36, 0.1);
display: block;
padding: 0.5rem 0.75rem;
clear: both;
text-decoration: none;
}
.typeahead__list > li.typeahead__group + li.typeahead__item {
border-color: rgb(237, 77, 36);
}
.typeahead__container.result .typeahead__list,
.typeahead__container.filter .typeahead__dropdown,
.typeahead__container.hint .typeahead__hint,
.typeahead__container.backdrop + .typeahead__backdrop {
display: block !important;
}
.typeahead__container .typeahead__list,
.typeahead__container .typeahead__dropdown,
.typeahead__container .typeahead__hint,
.typeahead__container + .typeahead__backdrop {
display: none !important;
}
.typeahead__dropdown li:last-child {
margin-top: 5px;
padding-top: 5px;
border-top: solid 1px #ccc;
}
.typeahead__cancel-button {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: absolute;
right: 0;
cursor: pointer;
line-height: 1.25;
padding: 0.5rem 0.75rem;
visibility: hidden;
}
.typeahead__label .typeahead__cancel-button {
visibility: visible;
right: 4px;
}
.typeahead__container.cancel:not(.loading) .typeahead__cancel-button, .typeahead__label .typeahead__cancel-button {
visibility: visible;
}
.typeahead__container.cancel:not(.loading) .typeahead__cancel-button:hover, .typeahead__label .typeahead__cancel-button:hover {
color: #d0021b;
}
.typeahead__search-icon {
padding: 0 1.25rem;
width: 16px;
height: 16px;
background: url(data:image/svg+xml;charset=utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI1MC4zMTMgMjUwLjMxMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjUwLjMxMyAyNTAuMzEzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnIGlkPSJTZWFyY2giPgoJPHBhdGggc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkOyIgZD0iTTI0NC4xODYsMjE0LjYwNGwtNTQuMzc5LTU0LjM3OGMtMC4yODktMC4yODktMC42MjgtMC40OTEtMC45My0wLjc2ICAgYzEwLjctMTYuMjMxLDE2Ljk0NS0zNS42NiwxNi45NDUtNTYuNTU0QzIwNS44MjIsNDYuMDc1LDE1OS43NDcsMCwxMDIuOTExLDBTMCw0Ni4wNzUsMCwxMDIuOTExICAgYzAsNTYuODM1LDQ2LjA3NCwxMDIuOTExLDEwMi45MSwxMDIuOTExYzIwLjg5NSwwLDQwLjMyMy02LjI0NSw1Ni41NTQtMTYuOTQ1YzAuMjY5LDAuMzAxLDAuNDcsMC42NCwwLjc1OSwwLjkyOWw1NC4zOCw1NC4zOCAgIGM4LjE2OSw4LjE2OCwyMS40MTMsOC4xNjgsMjkuNTgzLDBDMjUyLjM1NCwyMzYuMDE3LDI1Mi4zNTQsMjIyLjc3MywyNDQuMTg2LDIxNC42MDR6IE0xMDIuOTExLDE3MC4xNDYgICBjLTM3LjEzNCwwLTY3LjIzNi0zMC4xMDItNjcuMjM2LTY3LjIzNWMwLTM3LjEzNCwzMC4xMDMtNjcuMjM2LDY3LjIzNi02Ny4yMzZjMzcuMTMyLDAsNjcuMjM1LDMwLjEwMyw2Ny4yMzUsNjcuMjM2ICAgQzE3MC4xNDYsMTQwLjA0NCwxNDAuMDQzLDE3MC4xNDYsMTAyLjkxMSwxNzAuMTQ2eiIgZmlsbD0iIzU1NTU1NSIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) no-repeat scroll center center transparent;
}
.typeahead__container.loading .typeahead__query:before, .typeahead__container.loading .typeahead__query:after {
-webkit-transition: all 0s linear, opacity 0.2s ease;
-o-transition: all 0s linear, opacity 0.2s ease;
transition: all 0s linear, opacity 0.2s ease;
position: absolute;
z-index: 3;
content: "";
top: 50%;
right: 0.55em;
margin-top: -0.675rem;
width: 1.35rem;
height: 1.35rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 500rem;
border-style: solid;
border-width: 0.1em;
}
.typeahead__container.loading .typeahead__query:before {
border-color: rgba(0, 0, 0, 0.35);
}
.typeahead__container.loading .typeahead__query:after {
-webkit-animation: button-spin 0.6s linear;
animation: button-spin 0.6s linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
border-color: #fff transparent transparent;
-webkit-box-shadow: 0 0 0 1px transparent;
box-shadow: 0 0 0 1px transparent;
}
@-webkit-keyframes button-spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes button-spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.typeahead__label-container {
list-style: none;
position: absolute;
padding-top: calc(1rem * 0.375);
padding-left: 6px;
width: 100%;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.typeahead__label {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: calc(1rem * 0.875);
position: relative;
background: #ecf5fc;
border: solid 1px #c2e0ff;
padding-left: 4px;
border-radius: 2px;
margin-right: 4px;
margin-bottom: calc(1rem * 0.375);
}
.typeahead__label > * {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.typeahead__label .typeahead__cancel-button {
line-height: normal;
height: auto;
position: static;
padding-top: calc(1rem * 0.25 - 1px);
padding-bottom: calc(1rem * 0.25 + 1px);
padding-left: 6px;
padding-right: 6px;
margin-left: 4px;
font-size: calc(1rem * 0.875);
border-left: solid 1px #c2e0ff;
}
.typeahead__label .typeahead__cancel-button:hover {
background-color: #d5e9f9;
}
.js-typeahead .typeahead__hint {
display: none !important;
color: #fff !important;
}
/* ===== animate.css ===== */
@-webkit-keyframes blinker {
from {
opacity: 1.0;
}
to {
opacity: 0.0;
}
}
.blink {
text-decoration: blink;
-webkit-animation-name: blinker;
-webkit-animation-duration: 0.8s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-direction: alternate;
}
@keyframes menu-opac-in {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes menu-right-in {
from {
right: -250px;
opacity: 0
}
to {
right: 0;
opacity: 1
}
}
@keyframes head-co-agent {
0% { color : #ee4d24; }
25% { color : #FFCB0B; }
50% { color : #ee4d24; }
75% { color : #FFCB0B; }
100% { color : #ee4d24; }
}
@-webkit-keyframes co-agent-fly {
0% {
-webkit-transform: translateY(0);
opacity: 1
}
100% {
-webkit-transform: translateY(-1em);
opacity: 1
}
}
@keyframes animate-train-banner {
from {
left: -200px;
opacity: 0;
}
to {
left: 0;
opacity: 1;
}
}
@keyframes dont-miss-tab {
0% {
background-color: #ee4d24;
color:white;
}
50%{
background-color:white;
color:black;
}
100% {
background-color: #ee4d24;
color:white;
}
}
/* ===== aos.css ===== */
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}
/* ===== bootstrap.min.css ===== */
@charset "UTF-8";:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-2xl:2rem;--bs-border-radius-pill:50rem;--bs-link-color:#0d6efd;--bs-link-hover-color:#0a58ca;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:1px solid;opacity:.25}.h5,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}mark{padding:.1875em;background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:var(--bs-link-color);text-decoration:underline}a:hover{color:var(--bs-link-hover-color)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}@media (min-width:1200px){}@media (min-width:1200px){}@media (min-width:1200px){}@media (min-width:1200px){}@media (min-width:1200px){}@media (min-width:1200px){}.img-fluid{max-width:100%;height:auto}.container,.container-fluid,.container-lg,.container-md{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container,.container-md{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.col-4{flex:0 0 auto;width:33.33333333%}.col-6{flex:0 0 auto;width:50%}.col-12{flex:0 0 auto;width:100%}@media (min-width:576px){.col-sm-12{flex:0 0 auto;width:100%}}@media (min-width:768px){.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-6{flex:0 0 auto;width:50%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-12{flex:0 0 auto;width:100%}}@media (min-width:992px){.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-12{flex:0 0 auto;width:100%}}@media (min-width:1200px){}@media (min-width:1400px){}.table{--bs-table-color:var(--bs-body-color);--bs-table-bg:transparent;--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-body-color);--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:var(--bs-body-color);--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:var(--bs-body-color);--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:var(--bs-table-color);vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-active{--bs-table-accent-bg:var(--bs-table-active-bg);color:var(--bs-table-active-color)}@media (max-width:575.98px){}@media (max-width:767.98px){}@media (max-width:991.98px){}@media (max-width:1199.98px){}@media (max-width:1399.98px){}@media (prefers-reduced-motion:reduce){}@media (prefers-reduced-motion:reduce){}@media (prefers-reduced-motion:reduce){}@media (prefers-reduced-motion:reduce){}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}@media (prefers-reduced-motion:reduce){}@media (prefers-reduced-motion:reduce){}@media (prefers-reduced-motion:reduce){}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-lg>.btn{padding:.5rem 1rem;font-size:1.25rem;border-radius:.5rem}.input-group-sm>.btn{padding:.25rem .5rem;font-size:.875rem;border-radius:.25rem}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#198754}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(25,135,84,.9);border-radius:.375rem}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.375rem}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:#212529;--bs-btn-bg:transparent;--bs-btn-border-width:1px;--bs-btn-border-color:transparent;--bs-btn-border-radius:0.375rem;--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-group-lg>.btn{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:0.5rem}.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:0.25rem}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropend{position:relative}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:#212529;--bs-dropdown-bg:#fff;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:0.375rem;--bs-dropdown-border-width:1px;--bs-dropdown-inner-border-radius:calc(0.375rem - 1px);--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-dropdown-link-color:#212529;--bs-dropdown-link-hover-color:#1e2125;--bs-dropdown-link-hover-bg:#e9ecef;--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropdown-menu.show{display:block}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-group>:not(.btn-check:first-child)+.btn{margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical>.btn{width:100%}.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:#6c757d;display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link.disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));background:0 0;border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-link.disabled,.nav-tabs .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-pills{--bs-nav-pills-border-radius:0.375rem;--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{background:0 0;border:0;border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(0, 0, 0, 0.55);--bs-navbar-hover-color:rgba(0, 0, 0, 0.7);--bs-navbar-disabled-color:rgba(0, 0, 0, 0.3);--bs-navbar-active-color:rgba(0, 0, 0, 0.9);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(0, 0, 0, 0.9);--bs-navbar-brand-hover-color:rgba(0, 0, 0, 0.9);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(0, 0, 0, 0.1);--bs-navbar-toggler-border-radius:0.375rem;--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .show>.nav-link{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}@media (min-width:576px){.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:1200px){.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-toggler{display:none}}@media (min-width:1400px){.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-toggler{display:none}}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-toggler{display:none}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-border-width:1px;--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:0.375rem;--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(0.375rem - 1px);--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(0, 0, 0, 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:#fff;--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media (min-width:576px){.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.accordion{--bs-accordion-color:#212529;--bs-accordion-bg:#fff;--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:1px;--bs-accordion-border-radius:0.375rem;--bs-accordion-inner-border-radius:calc(0.375rem - 1px);--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:#212529;--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-focus-border-color:#86b7fe;--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:#0c63e4;--bs-accordion-active-bg:#e7f1ff}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;border-color:var(--bs-accordion-btn-focus-border-color);outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush .accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush .accordion-item:first-child{border-top:0}.accordion-flush .accordion-item:last-child{border-bottom:0}.accordion-flush .accordion-item .accordion-button,.accordion-flush .accordion-item .accordion-button.collapsed{border-radius:0}@media (prefers-reduced-motion:reduce){}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:0.375rem;display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}@media (prefers-reduced-motion:reduce){}@media (prefers-reduced-motion:reduce){}@media (min-width:576px){}@media (min-width:768px){}@media (min-width:992px){}@media (min-width:1200px){}@media (min-width:1400px){}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(255, 255, 255, 0.85);--bs-toast-border-width:1px;--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:0.375rem;--bs-toast-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-toast-header-color:#6c757d;--bs-toast-header-bg:rgba(255, 255, 255, 0.85);--bs-toast-header-border-color:rgba(0, 0, 0, 0.05);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex:1090;position:absolute;z-index:var(--bs-toast-zindex);width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color: ;--bs-modal-bg:#fff;--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:1px;--bs-modal-border-radius:0.5rem;--bs-modal-box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-modal-inner-border-radius:calc(0.5rem - 1px);--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:1px;--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:1px;position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color:#fff;--bs-tooltip-bg:#000;--bs-tooltip-border-radius:0.375rem;--bs-tooltip-opacity:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.4rem;z-index:var(--bs-tooltip-zindex);display:block;padding:var(--bs-tooltip-arrow-height);margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:0;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:0;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:0.875rem;--bs-popover-bg:#fff;--bs-popover-border-width:1px;--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:0.5rem;--bs-popover-inner-border-radius:calc(0.5rem - 1px);--bs-popover-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color: ;--bs-popover-header-bg:#f0f0f0;--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:#212529;--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:0.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-top>.popover-arrow::before{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-end>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-start>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}@media (prefers-reduced-motion:reduce){}@media (prefers-reduced-motion:reduce){}@media (prefers-reduced-motion:reduce){}@media (prefers-reduced-motion:reduce){}@keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){}.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color: ;--bs-offcanvas-bg:#fff;--bs-offcanvas-border-width:1px;--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)}@media (max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}@media (max-width:575.98px){.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}}@media (max-width:575.98px){.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}@media (max-width:767.98px){.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}@media (max-width:767.98px){.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}@media (max-width:767.98px){.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}@media (max-width:767.98px){.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}}@media (max-width:767.98px){.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}@media (max-width:991.98px){.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}}@media (max-width:991.98px){.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}@media (max-width:1199.98px){.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}}@media (max-width:1199.98px){.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}@media (max-width:1399.98px){.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}}@media (max-width:1399.98px){.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-title{margin-bottom:0;line-height:1.5}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder.btn::before{display:inline-block;content:""}@keyframes placeholder-glow{50%{opacity:.2}}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}@media (min-width:576px){}@media (min-width:768px){}@media (min-width:992px){}@media (min-width:1200px){}@media (min-width:1400px){}.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-none{display:none!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.position-relative{position:relative!important}.border-0{border:0!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-1{--bs-border-width:1px}.w-100{width:100%!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.justify-content-center{justify-content:center!important}.align-items-center{align-items:center!important}.order-2{order:2!important}.m-0{margin:0!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-5{margin-right:3rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-4{padding-top:1.5rem!important}.pe-1{padding-right:.25rem!important}.pb-0{padding-bottom:0!important}.pb-3{padding-bottom:1rem!important}.pb-5{padding-bottom:3rem!important}.ps-1{padding-left:.25rem!important}.ps-3{padding-left:1rem!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.text-center{text-align:center!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:#6c757d!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}@media (min-width:576px){.d-sm-block{display:block!important}.d-sm-none{display:none!important}}@media (min-width:768px){.d-md-block{display:block!important}.d-md-none{display:none!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.mt-md-3{margin-top:1rem!important}.mb-md-0{margin-bottom:0!important}.mb-md-4{margin-bottom:1.5rem!important}.p-md-4{padding:1.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.pt-md-3{padding-top:1rem!important}.pb-md-3{padding-bottom:1rem!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.order-lg-1{order:1!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mt-lg-0{margin-top:0!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.pb-lg-1{padding-bottom:.25rem!important}}@media (min-width:1200px){.d-xl-block{display:block!important}}@media (min-width:1400px){}@media (min-width:1200px){}@media print{}
/* ===== bootstrap-icons.css ===== */
@font-face {
font-display: block;
font-family: "bootstrap-icons";
src: url("/assets_v2/assets/vendor/bootstrap-icons/./fonts/bootstrap-icons.woff2?8d200481aa7f02a2d63a331fc782cfaf") format("woff2"),
url("/assets_v2/assets/vendor/bootstrap-icons/./fonts/bootstrap-icons.woff?8d200481aa7f02a2d63a331fc782cfaf") format("woff");
}.bi::before,[class^="bi-"]::before,[class*=" bi-"]::before{
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}.bi-arrows-collapse::before{ content: "\f14b"; }.bi-chat-dots::before{ content: "\f24a"; }.bi-check::before{ content: "\f26e"; }.bi-door-open-fill::before{ content: "\f307"; }.bi-door-open::before{ content: "\f308"; }.bi-envelope-open-fill::before{ content: "\f32d"; }.bi-envelope-open::before{ content: "\f32e"; }.bi-folder2-open::before{ content: "\f3d8"; }.bi-list::before{ content: "\f479"; }.bi-radioactive::before{ content: "\f67b"; }.bi-envelope-open-heart-fill::before{ content: "\f738"; }.bi-envelope-open-heart::before{ content: "\f739"; }
/* ===== boxicons-shim.css ===== */
.bx {
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
vertical-align: middle;
}
.bx-chevron-right::before,
.bx-world::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.bx-chevron-right::before {
content: "\f054";
}
.bx-world::before {
content: "\f0ac";
}
/* ===== glightbox.min.css ===== */
.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster{display:none}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%;margin:auto}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}}
/* ===== swiper-bundle.min.css ===== */
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}
.swiper-button-next,.swiper-button-prev
{
position:absolute;
top:50%;
width:calc(var(--swiper-navigation-size)/ 44 * 27);
height:var(--swiper-navigation-size);
z-index:10;cursor:pointer;
display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* ===== scancondo.css ===== */
.font{
font-family: 'IBM Plex Sans Thai', sans-serif;
font-family: 'Kanit', sans-serif;
font-family: 'Noto Sans Thai', sans-serif;
font-family: 'Prompt', sans-serif;
font-family: 'Sarabun', sans-serif;
}
html,body {
font-family: 'Noto Sans Thai', sans-serif;
font-weight: 400;
}
a,a:hover,a:active {
color: inherit;
text-decoration: none;
}
button:focus,select:focus,input:focus,textarea:focus {outline:0;}
strong { font-weight: 500;}
img { max-width: 100%; }
.dxiAcZ,.fprIlH {
display: none !important;
}
.f-theme {
color: #dd236e;
}
.f-white {
color: white;
}
.f-large {
font-size: 28px;
}
.bg-theme {
background-color: #dd236e;
}
.bg-gray {
background-color: #f6f6f6;
}
::placeholder {
font-weight: 300;
}
label.radio {
display: inline-block;
position: relative;
padding-left: 24px;
padding-top: 8px;
margin-right: 14px;
cursor: pointer;
font-size: 15px;
font-weight: 300;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
label.radio input {
position: absolute;
opacity: 0;
cursor: pointer;
}
label.radio .checkmark {
position: absolute;
top: 8px;
left: 0;
height: 18px;
width: 18px;
background-color: #eee;
border-radius: 50%;
}
label.radio:hover input ~ .checkmark {
background-color: #ccc;
}
label.radio input:checked ~ .checkmark {
background-color: #dd236e;
}
label.radio .checkmark:after {
content: "";
position: absolute;
display: none;
}
label.radio input:checked ~ .checkmark:after {
display: block;
}
label.radio .checkmark:after {
top: 5px;
left: 5px;
width: 8px;
height: 8px;
border-radius: 50%;
background: white;
}
label.checkbox {
display: inline-block;
position: relative;
padding-left: 24px;
padding-top: 8px;
margin-right: 14px;
cursor: pointer;
font-size: 15px;
font-weight: 300;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
label.checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
label.checkbox .checkmark {
position: absolute;
top: 8px;
left: 0;
border-radius: 4px;
height: 18px;
width: 18px;
background-color: #eee;
}
label.checkbox:hover input ~ .checkmark {
background-color: #ccc;
}
label.checkbox input:checked ~ .checkmark {
background-color: #dd236e;
}
label.checkbox .checkmark:after {
content: "";
position: absolute;
display: none;
}
label.checkbox input:checked ~ .checkmark:after {
display: block;
}
label.checkbox .checkmark:after {
left: 6px;
top: 1px;
width: 6px;
height: 14px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
nav {
}
nav .box-set1 {
width: 100%;
background-color: white;
border-bottom: 1px solid #dd236e;
transition: .5s;
}
nav .box-set1 .box-menu-set1 {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
position: relative;
padding-top: 6px;
padding-bottom: 6px;
}
nav .box-set1 .box-menu-set1 img.rentcon-logo {
height: 35px;
margin-left: 12px;
}
nav .box-set1 .box-menu-set1 img.rentcon-logo-white {
height: 35px;
display: none;
margin-left: 12px;
}
nav .box-set1 .box-menu-set1 .menu-right {
position: absolute;
top: 0;
right: 0;
padding: 12px;
vertical-align: middle;
margin-right: 12px;
display: none;
}
nav .box-set1 .box-menu-set1 .menu-right div.call-center {
border-right: 1px solid #ccc;
padding: 6px;
margin-right: 6px;
display: inline;
font-size: 18px;
font-weight: 400;
}
nav .box-set1 .box-menu-set1 .menu-right div.call-center img {
height: 35px;
transition: 0.5s;
}
nav .box-set1 .box-menu-set1 .menu-right div.call-center a.call-center {
font-size: 22px;
}
nav .box-set1 .box-menu-set1 .menu-right .menu-user {
display: inline-block;
position: relative;
}
nav .box-set1 .box-menu-set1 .menu-right .menu-user::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 40px;
}
nav .box-set1 .box-menu-set1 .menu-right .menu-user:hover .box-menu-user,nav .box-set1 .box-menu-set1 .menu-right .menu-user .box-menu-user:hover {
display: block;
z-index: 99;
}
nav .box-set1 .box-menu-set1 .menu-right .menu-user .box-menu-user {
display: none;
position: absolute;
top: 38px;
right: 2px;
border-radius: 12px;
background-color: white;
border: 1px solid #ccc;
width: 150px;
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}
nav .box-set1 .box-menu-set1 .menu-right .menu-user .box-menu-user a,nav .box-set1 .box-menu-set1 .menu-right .menu-user .box-menu-user button {
display: block;
text-align: center;
padding: 8px 16px;
width: 100%;
color: black;
font-weight: 300;
font-size: 12px;
border-radius: 12px;
}
nav .box-set1 .box-menu-set1 .menu-right .menu-user .box-menu-user a:hover,nav .box-set1 .box-menu-set1 .menu-right .menu-user .box-menu-user button:hover {
background-color: #dd236e;
color: white;
}
nav .box-set1 .box-menu-set1 .menu-right a.btn-nav-login {
margin: 2px;
background-color: #dd236e;
color: #fff;
display: inline;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 6px 12px;
font-size: 13px;
line-height: 1.5;
border-radius: 22px;
position: relative;
}
nav .box-set1 .box-menu-set1 .menu-right a.btn-nav-login .alert-heart {
position: absolute;
top: 3px;
right: -2px;
border: 1px solid #ece7e7;
border-radius: 50%;
overflow: hidden;
background-color: white;
font-size: 8px;
text-align: center;
width: 13px;
height: 13px;
box-shadow: 1px 1px 4px #ccc;
}
nav .box-set1 .box-menu-set1 .menu-right a.btn-nav-login:hover {
background-color: #cb431f;
}
nav .box-menu-set1 .menu-mobile {
display: inline;
position: absolute;
top: 0;
right: 0;
padding-right: 24px;
font-size: 24px;
cursor: pointer;
transition: 0.5s;
padding-top: 6px;
padding-bottom: 6px;
}
nav .box-set2 {
width: 100%;
background-color: rgba(0, 0, 0, 0.70);
border-bottom: 1px solid #dd236e;
color:white;
transition: .5s;
display: none;
}
nav .box-set2 .box-menu-set2 {
position: relative;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-top: 12px;
padding-bottom: 12px;
}
nav .box-set2 .box-menu-set2-right {
position: absolute;
top: 0;
right: 0;
margin-right: 12px;
padding-top: 9px;
}
nav .box-set2 .box-menu-set2 a.btn-nav-menu,nav .box-set2 .box-menu-set2-right a.btn-nav-menu {
margin-left: 12px;
margin-right: 12px;
font-weight: 500;
font-size: 14px;
transition: 0.5s;
}
nav .box-set2 .box-menu-set2-right a.btn-nav-menu.border-right {
margin-right: 0px;
padding-right: 14px;
border-right: 1px #fff;
}
nav .box-set2 .box-menu-set2 a.btn-nav-menu.active,nav .box-set2 .box-menu-set2-right a.btn-nav-menu.active,
nav .box-set2 .box-menu-set2 a.btn-nav-menu:hover,nav .box-set2 .box-menu-set2-right a.btn-nav-menu:hover {
color: #dd236e;
}
nav .box-set2 .box-menu-set2 .input-nav-menu {
margin-left: 12px;
position: relative;
display: inline-block;
}
nav .box-set2 .box-menu-set2 .input-nav-menu input {
outline: 0;
box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(102,175,233,1);
text-align: left;
border-color: #66afe9;
border-radius: 22px;
padding-left: 12px;
display: inline-block;
border: none;
border-bottom: 1px solid #ccc;
width: 100%;
font-size: 15px;
height: 28px;
}
nav .box-set2 .box-menu-set2 .input-nav-menu svg {
position: absolute;
top: 6px;
right: 10px;
color: #d1cccc;
cursor: pointer;
z-index: 9;
}
nav.top {
}
nav.top .box-set1 {
padding-top:24px;
width: 100%;
background-color: inherit;
border: none;
color: white;
}
nav.top .box-set1 .box-menu-set1 img.rentcon-logo {
height: 35px;
margin-left: 12px;
display: none;
}
nav.top .box-set1 .box-menu-set1 img.rentcon-logo-white {
height: 35px;
display: inline;
margin-left: 12px;
}
nav.top .box-set1 .box-menu-set1 .menu-right div.call-center {
font-weight: 500;
}
nav.top .box-set1 .box-menu-set1 .menu-right div.call-center img {
height: 45px;
}
nav.top .box-set2 {
width: 100%;
background-color: inherit;
border: none;
color:white;
}
nav.top .box-set2 .box-menu-set2 a.btn-nav-menu,nav.top .box-set2 .box-menu-set2-right a.btn-nav-menu {
font-weight: 300;
font-size: 16px;
text-shadow: 0px 0px 3px #000;
}
.tab-menu-mobile {
position: fixed;
right: 0;
width: 100%;
height : 100vh;
background-color: rgba(0, 0, 0, 0.8);
z-index: 9999;
display: none;
}
.tab-menu-mobile .menu-mobile-content {
position: fixed;
top: 0;
right: -250px;
width: 250px;
height: 100vh;
background-color: #fff;
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}
.tab-menu-mobile.active {
display: block;
animation: menu-opac-in 0.8s
}
.tab-menu-mobile.active .menu-mobile-content {
right: 0px;
animation: menu-right-in 0.4s
}
.tab-menu-mobile.active .menu-mobile-content .logo-menu-mobile {
height:38px;
}
.tab-menu-mobile.active .menu-mobile-content #close-menu-mobile {
position: absolute;
top: 12px;
right: 12px;
font-size: 18px;
color: #dd236e;
cursor: pointer;
}
.tab-menu-mobile.active .menu-mobile-content a {
padding: 10px;
border-bottom: 1px solid #ccc;
display: block;
width: 100%;
font-weight: 500;
font-size: 12px;
}
.tab-menu-mobile.active .menu-mobile-content .menu-mobile-search {
width: 100%;
text-align: center;
position: relative;
margin-top: 12px;
margin-bottom: 12px;
}
.tab-menu-mobile.active .menu-mobile-content .menu-mobile-search input {
width: 95%;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(102,175,233,1);
text-align: left;
border-color: #66afe9;
border-radius: 22px;
padding-left: 12px;
display: inline-block;
border: none;
border-bottom: 1px solid #ccc;
font-size: 15px;
height: 32px;
}
.tab-menu-mobile.active .menu-mobile-content .menu-mobile-search svg {
position: absolute;
right: 18px;
font-size: 15px;
top: 8px;
cursor: pointer;
color: gray;
z-index: 9;
}
.rentcondobkk-home-vdo {
width: 100%;
height: 40vh;
position: relative;
margin-bottom: 50px;
}
.rentcondobkk-home-vdo video {
width: 100%;
height: 100%;
object-fit: cover;
}
.rentcondobkk-home-vdo .box-seach {
position: absolute;
width: 100%;
bottom: -40px;
left: 0;
}
.rentcondobkk-home-vdo .box-seach .content-seach {
max-width: 90%;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: rgba(0, 0, 0, 0.8);
padding: 8px;
color:white;
border: 1px solid #dd236e;
border-radius: 12px;
font-size: 13px;
line-height: 12px;
}
.rentcondobkk-home-vdo .box-seach .content-seach p {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.typeahead__container {
font-family: 'Prompt', sans-serif !important;
border-radius: 7px;
}
.typeahead__field input, .typeahead__field textarea, .typeahead__field [contenteditable], .typeahead__field .typeahead__hint {
border-radius: 10px;
font-family: 'Noto Sans Thai', sans-serif;
background: transparent;
}
.typeahead__list > .typeahead__group > a, .typeahead__list > .typeahead__group > a:hover, .typeahead__list > .typeahead__group > a:focus, .typeahead__list > .typeahead__group.active > a {
font-family: 'Noto Sans Thai', sans-serif;
border-radius:12px 12px 0 0;
}
.rentcondobkk-home-vdo .box-seach .content-seach .typeahead__container {
display: inline-block;
width: 100%;
border-radius: 7px;
}
.rentcondobkk-home-vdo .box-seach .content-seach input {
font-family: 'Prompt', sans-serif !important;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(102,175,233,1);
text-align: left;
border-color: #66afe9;
border-radius: 22px;
padding: 8px;
display: inline-block;
border: none;
border-bottom: 1px solid #ccc;
width: 100%;
font-size: 15px;
height: 36px;
padding-left: 20px;
}
.rentcondobkk-home-vdo .box-seach .content-seach input::-webkit-input-placeholder {
text-align: center;
}
.rentcondobkk-home-vdo .box-seach .content-seach input:-moz-placeholder {
text-align: center;
}
.rentcondobkk-home-vdo .box-seach .content-seach input::-moz-placeholder {
text-align: center;
}
.rentcondobkk-home-vdo .box-seach .content-seach input:-ms-input-placeholder {
text-align: center;
}
.rentcondobkk-home-vdo .box-seach .content-seach input::-webkit-input-placeholder {
font-size: 12px;
}
.rentcondobkk-home-vdo .box-seach .content-seach button {
margin: 2px;
background-color: #dc236f;
color: #fff;
display: inline;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 8px 10px;
font-size: 13px;
line-height: 1.5;
border-radius: 22px;
}
.rentcondobkk-home-vdo .box-seach .content-seach button:hover,.rentcondobkk-home-vdo .box-seach .content-seach button:active {
background-color: #dc236f;
outline: inherit;
}
.center {
display: block;
text-align: center;
}
body {
font-size: 12px;
}
h1 {
font-size: 20px;
font-weight: 500;
margin-top: 24px;
margin-bottom: 24px;
}
h2 {
font-size: 18px;
font-weight: 500;
margin-top: 12px;
margin-bottom: 12px;
line-height: 1.5;
}
.tab-home-condo {
width: 100%;
margin-top: 24px;
display: none;
}
.tab-home-condo .tab-home-menu {
margin-left: auto;
margin-right: auto;
padding: 12px;
}
.tab-home-condo .tab-home-menu ul {
display: table;
list-style: none;
width: 100%;
padding-inline-start: 0px;
}
.tab-home-condo .tab-home-menu ul li {
width: 25%;
float: left;
text-align: center;
font-size: 15px;
vertical-align: middle;
cursor: pointer;
font-weight: 500;
transition: .3s;
}
.tab-home-condo .tab-home-menu ul li svg {
color:#dc236f;
}
.tab-home-condo .tab-home-menu ul li.train {
color: #21cb93;
}
.tab-home-condo .tab-home-menu ul li.area {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
color: #17a2b8;
}
.tab-home-condo .tab-home-menu ul li.univercity {
color: #ffb800;
}
.tab-home-condo .tab-home-menu ul li.condo-hot {
border-left: 1px solid #ccc;
color: #dc236f;
}
.tab-home-condo .tab-home-menu ul li.active {
}
.tab-home-condo .tab-home-menu ul li:hover {
font-size: 18px;
}
.tab-home-condo .tab-home-content {
display: none;
}
.tab-home-condo .tab-home-content.active {
display: block;
}
.tab-home-condo .tab-home-content.train {
padding-top: 24px;
padding-bottom: 100px;
}
.tab-home-condo .tab-home-content.condo-hot {
padding-top: 24px;
padding-bottom: 100px;
}
.tab-home-condo .tab-home-content .content {
padding: 10px;
border-radius: 7px;
margin-left: auto;
margin-right: auto;
min-height: 500px;
border:1px solid #cdcdcd;
box-shadow: 1px 1px 5px 4px rgba(0,0,0,0.1);
-webkit-box-shadow: 1px 1px 5px 4px rgba(0,0,0,0.1);
-moz-box-shadow: 1px 1px 5px 4px rgba(0,0,0,0.1);
}
.tab-home-condo .tab-home-content.train .content.train {
display: table;
width: 100%;
}
.tab-home-condo .tab-home-content.train .content.train .menu-train {
float: left;
width: 30%;
padding: 12px;
}
.tab-home-condo .tab-home-content.train .content.train .menu-train button {
background-color: inherit;
color: #000;
display: block;
width: 100%;
font-family: 'Noto Sans Thai', sans-serif;
font-weight: 400;
text-align: left;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 8px 16px;
font-size: 18px;
line-height: 1.5;
border-radius: 8px;
margin-bottom: 6px;
}
.tab-home-condo .tab-home-content.train .content.train .menu-train button:hover {
background-color: #d1d0d0;
}
.tab-home-condo .tab-home-content.train .content.train .menu-train button:active {
outline: 0;
}
.tab-home-condo .tab-home-content.train .content.train .menu-train button.active {
background: rgb(63,94,251);
background: linear-gradient(45deg, rgba(63,94,251,1) 0%, rgba(233,30,99,1) 100%);
color: #fff;
font-family: 'Noto Sans Thai', sans-serif;
font-weight: 400;
font-size: 18px;
}
.tab-home-condo .tab-home-content.train .content.train .content-train {
float: right;
width: 70%;
}
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline {
white-space:nowrap;
height: 50px;
position:relative;
display: none;
width: 100%;
}
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline.active {
display: table;
}
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline .entry {
display:block;
vertical-align:middle;
text-align:center;
position:relative;
border-radius:3px;
height: 60px;
float: left;
transition: 0.5s;
font-family: 'Noto Sans Thai', sans-serif;
font-weight: 400;
border-radius: 1px;
}
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline .entry:before {
content: '';
border-bottom: 4px solid;
position:absolute;
width: 100%;
left: 0;
top:40px;
border-color: #6e6b6e;
}
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline .entry:last-child:before {
content: '';
width: 50%;
}
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline .entry:after {
content:'';
display:block;
background:#fff;
box-shadow: -6px 12px 24px -6px rgba(0,0,0,0.15);
-webkit-box-shadow: -6px 12px 24px -6px rgba(0,0,0,0.15);
-moz-box-shadow: -6px 12px 24px -6px rgba(0,0,0,0.15);
width:15px;
height:15px;
border-radius:2px;
border:4px solid ;
position:absolute;
left:50%;
top:35px;
margin-left:-6px;
border-color: #000;
transition: 0.3s all;
}
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline .entry:hover {
font-weight: 500;
font-size:15px;
transition: all 0.2s ease-in-out 0s;
color: #dd236e;
}
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline .entry:hover:after {
border:4px solid #a7a7a7;
border-radius: 10px;
transition: all 0.2s ease-in-out 0s;
width:18px;
height:18px;
left:49%;
top:33px;
box-shadow: -6px 12px 24px -6px rgba(0,0,0,0.15);
-webkit-box-shadow: -6px 12px 24px -6px rgba(0,0,0,0.15);
-moz-box-shadow: -6px 12px 24px -6px rgba(0,0,0,0.15);
font-family: 'Noto Sans Thai', sans-serif;
font-weight: 400;
transition: 0.3s all;
}
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline.green1 .entry:before,
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline.green1 .entry:last-child:before,
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline.green1 .entry:after {
border-color: #21cb93;
}
span.green1 {
color: #21cb93;
}
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline.green1 .entry:hover:after {
background-color: #21cb93;
}
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline.green2 .entry:before,
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline.green2 .entry:last-child:before,
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline.green2 .entry:after {
border-color: #00cc00;
}
span.green2 {
color: #00cc00;
}
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline.green2 .entry:hover:after {
background-color: #00cc00;
}
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline.blue .entry:before,
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline.blue .entry:last-child:before,
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline.blue .entry:after {
border-color: #0033cc;
}
span.blue {
color: #0033cc;
}
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline.blue .entry:hover:after {
background-color: #0033cc;
}
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline.purple .entry:before,
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline.purple .entry:last-child:before,
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline.purple .entry:after {
border-color: #cc00cc;
}
span.purple {
color: #cc00cc;
}
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline.purple .entry:hover:after {
background-color: #cc00cc;
}
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline.red .entry:before,
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline.red .entry:last-child:before,
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline.red .entry:after {
border-color: red;
}
span.red {
color: red;
}
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline.red .entry:hover:after {
background-color: red;
}
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline.red-1 .entry:before,
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline.red-1 .entry:last-child:before,
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline.red-1 .entry:after {
border-color: #ff5757;
}
span.red-1 {
color: #ff5757;
}
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline.red-1 .entry:hover:after {
background-color: #dc236f;
}
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline.red-2 .entry:before,
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline.red-2 .entry:last-child:before,
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline.red-2 .entry:after {
border-color: #a50014;
}
span.red-2 {
color: #a50014;
}
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline.red-2 .entry:hover:after {
background-color: #a50014;
}
.tab-home-condo .tab-home-content.area {
padding-top: 24px;
}
.tab-home-condo .tab-home-content.area .content.area {
display: table;
width: 100%;
}
.tab-home-condo .tab-home-content.area .content.area .menu-area {
width: 30%;
padding: 12px;
display: table-cell;
vertical-align: top;
}
.tab-home-condo .tab-home-content.area .content.area .menu-area button {
background-color: inherit;
color: #000;
display: block;
width: 100%;
font-weight: 400;
font-family: 'Noto Sans Thai', sans-serif;
text-align: left;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 8px 16px;
font-size: 18px;
line-height: 1.5;
border-radius: 8px;
margin-bottom: 6px;
}
.tab-home-condo .tab-home-content.area .content.area .menu-area button:hover {
background-color: #d1d0d0;
font-weight: 400;
font-family: 'Noto Sans Thai', sans-serif;
}
.tab-home-condo .tab-home-content.area .content.area .menu-area button:active {
outline: 0;
}
.tab-home-condo .tab-home-content.area .content.area .menu-area button.active {
background: rgb(63,94,251);
background: linear-gradient(45deg, rgba(63,94,251,1) 0%, rgba(233,30,99,1) 100%);
color: #fff;
font-weight: 400;
font-family: 'Noto Sans Thai', sans-serif;
font-size: 18px;
}
.tab-home-condo .tab-home-content.area .content.area .content-area::before {
}
.tab-home-condo .tab-home-content.area .content.area .content-area {
width: 70%;
display: table-cell;
vertical-align: top;
padding: 12px;
padding-left: 36px;
}
.tab-home-condo .tab-home-content.area .content.area .content-area .area-line {
display: none;
}
.tab-home-condo .tab-home-content.area .content.area .content-area .area-line.active {
display: block;
}
.tab-home-condo .tab-home-content.area .content.area .content-area .area-line a {
font-size: 16px;
color: black;
font-family: 'Noto Sans Thai', sans-serif;
font-weight: 400;
display:block;
height: 36px;
line-height: 18px;
width: 100%;
transition: 0.3s all;
}
.tab-home-condo .tab-home-content.area .content.area .content-area .area-line a:hover {
color: #dc236f;
font-size: 16px;
padding-left: 10px;
transition: 0.3s all;
}
.tab-home-condo .tab-home-content.area .content.area .content-area .landmark-line {
display: none;
}
.tab-home-condo .tab-home-content.area .content.area .content-area .landmark-line.active {
display: block;
}
.tab-home-condo .tab-home-content.area .content.area .content-area .landmark-line a {
font-size: 16px;
color: black;
font-family: 'Noto Sans Thai', sans-serif;
font-weight: 400;
display:inline;
height: 36px;
line-height: 18px;
width: 50%;
float: left;
transition: 0.3s all;
}
.listlandmark{
font-size: 0.5em;
color:#dc236f;transition: 0.3s all;
}
.landmark-line a:hover .listlandmark,.area-line a:hover .listlandmark,.university-line a:hover .listlandmark {
color:#232323;transition: 0.3s all;
-ms-transform: rotate(900deg);
transform: rotate(90deg);
}
.tab-home-condo .tab-home-content.area .content.area .content-area .landmark-line a:hover {
color: #dc236f;
font-size: 16px;
padding-left: 10px;
transition: 0.3s all;
}
.tab-home-condo .tab-home-content.univercity {
padding-top: 24px;
}
.tab-home-condo .tab-home-content.univercity .content {
display: table;
width: 100%;
font-size: 15px;
list-style-type: decimal;
}
.tab-home-condo .tab-home-content.univercity .content.univercity a {
float: left;
padding-left: 0px;
width: 100%;
font-family: 'Noto Sans Thai', sans-serif;
font-weight: 400;
font-size: 16px;
height: 36px;
line-height: 18px;
transition: 0.3s all;
}
.tab-home-condo .tab-home-content.univercity .content.univercity a:hover {
color: #dc236f;
transition: 0.3s all;
padding-left: 10px;
}
.tab-home-condo-mobile {
padding: 12px;
}
.tab-home-condo-mobile button {
background-color: #e8e6e6;
color: #000;
display: block;
width: 100%;
font-weight: 400;
font-family: 'Noto Sans Thai', sans-serif;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 8px 16px;
font-size: 18px;
line-height: 1.5;
border-radius: 8px;
margin-bottom: 12px;
}
.tab-home-condo-mobile button.train {
color: #21cb93;
}
.tab-home-condo-mobile button.area {
color: #656565;
}
.tab-home-condo-mobile button.univercity {
color: #ffb800;
}
.tab-home-condo-mobile-content {
display: none;
}
.tab-home-condo-mobile-content.active {
display: block;
}
.tab-home-condo-mobile-content select {
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
margin-bottom: 12px;
}
.modal-TabHome-header {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem;
border: 1px solid #dd236e;
border-radius: 18px 18px 0px 0px;
background-color: #dd236e;
font-size: 18px;
text-align: center;
color: white;
font-weight: 300;
}
.modal-TabHome-body {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem;
border: 1px solid #dd236e;
border-radius: 0px 0px 18px 18px;
background-color: #fff;
font-size: 15px;
}
.tab-home-condo-mobile-content div {
display: none;
}
.tab-home-condo-mobile-content div.active {
display: block;
}
.tab-home-condo-mobile-content a {
display: block;
margin-bottom: 6px;
}
.home-content {
background-color: #fff;
padding-top: 24px;
padding-bottom: 6px;
}
.home-content:nth-child(even) {
background-color: #f6f6f6;
}
.home-content .content-condo {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 12px;
}
.home-content .content-condo .header {
font-size: 22px;
font-weight: 700;
border-bottom: 2px solid #dd236e;
display: block;
margin-bottom: 6px;
}
.home-content .content-condo .header span {
font-size: 18px;
font-weight: 500;
display: block;
}
.home-content .content-condo .wording {
float: none;
text-align: center;
display: block;
padding-top: 6px;
position: relative;
}
.home-content .content-condo .wording .tag {
border-radius: 24px;
padding: 4px 16px;
background-color: #dd236e;
display: inline;
color: white;
font-weight: 500;
margin-bottom: 2px;
}
.home-content .content-condo .wording a {
position: absolute;
top: 6px;
right: 0;
}
.home-content .content-condo .condo {
padding: 12px;
}
.home-content .content-condo .condo .item {
padding: 12px;
}
.home-content .content-condo .condo .item .box-condo {
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
border-radius: 18px;
transition: 0.5s;
cursor: pointer;
}
.home-content .content-condo .condo .item .box-condo img {
border-radius: 18px 18px 0px 0px;
width: 100%;
height: 200px;
margin-bottom: 6px;
object-fit: cover;
}
.home-content .content-condo .condo .item .box-condo .condo-name {
text-align: center;
vertical-align: middle;
display: block;
height: 50px;
width: 100%;
font-weight: 500;
font-size: 15px;
padding: 12px;
}
.home-content .content-condo .condo .item .box-condo .condo-area {
text-align: center;
vertical-align: middle;
display: block;
height: 70px;
width: 100%;
font-weight: 300;
font-size: 15px;
padding: 12px;
}
.home-content .content-condo .condo .item .box-condo .condo-detail {
display: table;
width: 100%;
margin-bottom: 4px;
}
.home-content .content-condo .condo .item .box-condo .condo-detail .bed,
.home-content .content-condo .condo .item .box-condo .condo-detail .shower,
.home-content .content-condo .condo .item .box-condo .condo-detail .size {
padding: 2px;
text-align: center;
width: 33.33%;
float: left;
}
.home-content .content-condo .condo .item .box-condo .condo-detail .shower {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.home-content .content-condo .condo .item .box-condo .condo-price {
background-color: #000000;
border-radius: 0px 0px 18px 18px;
padding: 8px 12px 8px 12px;
color: white;
font-weight: 500;
transition: 0.5s;
font-size: 18px;
}
.home-content .content-condo .condo .item .box-condo .condo-price span {
float: right;
color:#dc236f;
font-weight: 700;
}
.home-content .content-condo .condo .item .box-condo .condo-price span::after {
content: ' ฿';
}
.home-content .content-condo .condo .item .box-condo:hover {
transform: scale(1.05);
}
.home-content .content-condo .condo .item .box-condo:hover .condo-price {
background: rgb(63,94,251);
background: linear-gradient(45deg, rgba(63,94,251,1) 0%, rgba(233,30,99,1) 100%);
transition:0.7s all;
}
.home-content .content-condo .condo .item .box-condo:hover .condo-price span {
color: white;
}
.home-content .content-condo .footer {
padding: 12px;
color: #191919;
font-family: 'Noto Sans Thai', sans-serif;
text-align: center;
font-size: 14px;
display: block;
font-weight: 400;
transition: 0.5s;
}
.home-content .content-condo .footer a{
color:#dc236f;
font-weight: 500;
}
.home-content .content-condo .footer a:hover{
color:#4c59ef;
font-weight: 600;
}
.home-content .content-condo .footer:hover {
transform: scale(1.00);
}
.home-content .home-post-content {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: table;
width: 100%;
}
.home-content .home-post-content .post-image {
width: 100%;
float: left;
text-align: center;
}
.home-content .home-post-content .post-image.right {
width: 100%;
float: left;
text-align: center;
}
.home-content .home-post-content .post-image img,.home-content .home-post-content .post-image.right img {
width: 80%;
}
.home-content .home-post-content .post-description {
width: 100%;
float: left;
padding: 12px;
font-size: 18px;
}
.home-content .home-post-content .post-description .focus {
font-size: 22px;
}
.home-content .home-post-content .post-description a {
background-color: #dd236e;
color: #fff;
font-weight: 300;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 4px 16px;
font-size: 18px;
line-height: 1.5;
border-radius: 8px;
margin-bottom: 12px;
transition: 0.5s;
}
.home-content .home-post-content .post-description a:hover {
background-color: #cf431f;
}
.home-content .home-blog-news {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: table;
width: 100%;
}
.home-content .home-blog {
width: 100%;
float: left;
display: table;
border-right: none;
font-size: 12px;
}
.home-content .home-blog .blog-header {
position: relative;
font-size: 24px;
font-weight: 500;
padding-left: 120px;
width: 100%;
float: left;
}
.home-content .home-blog .blog-header span {
width: 100px;
position: absolute;
left: 12px;
top: 50%;
border-top: 3px solid #dd236e;
}
.home-content .home-blog .blog {
float: left;
width: 50%;
padding: 12px;
}
.home-content .home-blog .blog .blog-content {
border-radius: 18px;
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
height: 250px;
position: relative;
transition: 0.5s;
}
.home-content .home-blog .blog .blog-content:hover {
transform: scale(1.05);
}
.home-content .home-blog .blog .blog-content img {
border-radius: 18px 18px 0px 0px;
width: 100%;
height: 100px;
object-fit: cover;
}
.home-content .home-blog .blog .blog-content .detail {
padding: 12px;
}
.home-content .home-blog .blog .blog-content .blog-time {
position: absolute;
bottom: 12px;
right:12px;
color: #939393;
font-size: 12px;
}
.home-content .home-news {
width: 100%;
float: left;
font-size: 12px;
margin-top: 20px
}
.home-content .home-news .news-header {
position: relative;
font-size: 24px;
font-weight: 500;
padding-right: 120px;
text-align: right;
}
.home-content .home-news .news-header span {
width: 100px;
position: absolute;
right: 12px;
top: 50%;
border-top: 3px solid #dd236e;
}
.home-content .home-news .news {
float: left;
width: 100%;
padding: 12px;
transition: 0.5s;
border-bottom: 1px solid #eeebeb;
}
.home-content .home-news .news:hover {
transform: scale(1.05);
}
.home-content .home-news .news .news-content {
position: relative;
transition: 0.5s;
display: table;
width: 100%;
}
.home-content .home-news .news .news-content img {
height: 113px;
object-fit: cover;
float: left;
width: 40%;
border-radius: 18px;
}
.home-content .home-news .news .news-content .detail {
float: left;
width: 60%;
padding: 12px;
}
.home-content .home-news .news .news-content .news-time {
position: absolute;
bottom: 12px;
right:12px;
color: #939393;
font-size: 12px;
}
footer {
width: 100%;
background-size: cover;
background-position: top center;
}
footer .footer-content {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
width: 100%;
display: table;
padding: 16px 8px 16px 8px;
font-size: 12px;
color: white;
}
footer .footer-content .sainam-logo {
float: left;
width: 100%;
padding: 6px;
display: table-cell;
}
footer .footer-content .sainam-logo img {
width: 35px;
float:left;
}
footer .footer-content .sainam-logo .content-sm {
padding-left: 12px;
float:left;
font-size: 12px;
}
footer .footer-content .sainam-detail {
float: left;
width: 100%;
display: table-cell;
}
footer .footer-content .sainam-detail strong {
font-size: 15px;
}
footer .footer-content .sainam-property {
float: left;
width: 100%;
position: relative;
margin-bottom: 12px;
}
footer .footer-content .sainam-property .property {
width: 200px;
position: absolute;
top: 0;
right: 0;
display: none;
}
footer .footer-content .sainam-property .building {
width: 100%;
position: inherit;
}
.main-banner {
margin-top: 40px;
width: 100%;
height: 21vh;
object-fit: cover;
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
overflow: hidden;
}
.main-banner video {
float: left;
width: 60%;
height: 100%;
object-fit: cover;
}
.main-banner img {
width: 40%;
height: 100%;
object-fit: cover;
}
.univercity-banner {
margin-top: 40px;
overflow: hidden;
height: 21vh;
}
.univercity-banner .main-banner {
margin-top: 0px;
width: 55%;
height: 21vh;
object-fit: cover;
float: left;
}
.univercity-banner .ads-banner {
width: 45%;
height: 100%;
float: left;
}
.univercity-banner .ads-banner img {
width: 100%;
object-fit: cover;
height: 21vh;
}
#map-contact {
margin-top: 40px;
width: 100%;
height: 30vh;
border-bottom: 1px solid #fff;
}
.page-news-content {
padding: 8px 6px 8px 6px;
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.page-news-content .news-box {
width: 100%;
margin-top: 24px;
display: table;
transition: 0.5s;
}
.page-news-content .news-box:hover {
transform: scale(1.05);
}
.page-news-content .news-img {
width: 100%;
float: left;
padding: 12px;
height: 180px;
}
.page-news-content .news-img img {
width: 100%;
height: 180px;
object-fit: cover;
border-radius: 18px;
}
.page-news-content .news-detail {
width: 100%;
float: left;
color: #c9c9c9;
font-size: 13px;
padding: 12px;
position: relative;
height: auto;
padding-top: 24px;
padding-bottom: 24px;
}
.page-news-content .news-detail strong {
color: #000;
font-size: 16px;
}
.page-news-content .news-detail .news-time {
position: absolute;
bottom: 6px;
right: 6px;
}
.page-services {
display: table;
width: 100%;
padding-top: 24px;
padding-bottom: 24px;
}
.services-content h1 {
font-size: 18px;
}
.page-services .services-images,.page-services .services-content {
width: 100%;
height: auto;
float: left;
position: relative;
text-align: center;
}
.page-services .services-images,.page-services .services-content {
background-color: inherit;
}
.page-services .services-images.right {
float: left !important;
}
.page-services .services-images img {
width: 80%;
}
.page-services .services-content .content {
padding: 12px;
text-align: center;
}
.page-services .services-content .content a {
margin: 2px;
background-color: #dd236e;
color: #fff;
display: inline;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 8px 16px;
font-size: 15px;
line-height: 1.5;
border-radius: 8px;
}
.page-services .services-content .content a:hover {
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}
.page-rate-900 {
padding: 8px 6px 8px 6px;
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.page-rate-1200 {
padding: 8px 6px 8px 6px;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
border-bottom: 1px solid #e6e2e2;
}
.page-rate-content {
width: 100%;
display: table;
}
.page-rate-content .rate-image {
width: 100%;
display: block;
vertical-align: middle;
text-align: center;
margin-bottom: 24px;
}
.page-rate-content .rate-image img {
width: 80%;
}
.page-rate-content .rate-content {
width: 100%;
display: block;
}
.page-rate-content .rate-content a {
margin-top: 6px;
margin-bottom: 6px;
background-color: #dd236e;
color: #fff;
display: inline;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 8px 16px;
font-size: 15px;
line-height: 1.5;
border-radius: 8px;
}
.page-rate-content .rate-content a:hover {
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}
.page-contact {
width: 100%;
background-size: cover;
background-position: top center;
color:white;
}
.page-contact .contact-content {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: table;
width: 100%;
}
.page-contact .contact-content .contact-form {
width: 100%;
float: left;
display: table;
padding: 6px;
border-bottom: 1px solid #fff;
}
.page-contact .contact-content .contact-form .user-contact {
width: 100%;
float: left;
padding: 6px;
}
.page-contact .contact-content .contact-form .user-contact input {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.page-contact .contact-content .contact-form .user-contact-detail {
width: 100%;
float: left;
padding: 6px;
}
.page-contact .contact-content .contact-form .user-contact-detail input {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.page-contact .contact-content .contact-form .user-contact-detail textarea {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.page-contact .contact-content .contact-form button {
background-color: #dd236e;
color: #fff;
display: inline;
font-weight: 400;
font-family: 'Noto Sans Thai', sans-serif;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 8px 16px;
font-size: 15px;
line-height: 1.5;
border-radius: 8px;
margin-top: 12px;
margin-bottom: 12px;
}
.page-contact .contact-content .contact-form button:hover {
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}
.page-contact .contact-content .contact-detail {
width: 100%;
float: left;
padding: 6px;
text-align: center;
}
.page-contact .contact-content .contact-detail img {
width:130px;
cursor: pointer;
transition: 0.1s;
}
.page-contact .contact-content .contact-detail img:hover {
opacity: 0.7;
}
.modal-contact-body {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem;
border: 1px solid #dd236e;
background-color: #fff;
font-size: 13px;
width: 100%;
border-radius: 18px;
}
.head-co-agent {
animation: head-co-agent 2s infinite;
}
.page-co-agent {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding-top: 32px;
padding-bottom: 32px;
padding: 12px;
margin-top: 24px;
margin-bottom: 24px;
}
.page-co-agent strong.f-theme {
font-size: 18px;
display: block;
margin-bottom: 12px;
}
.page-co-agent-form {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-bottom: 32px;
display: table;
width: 100%;
text-align: center;
padding: 12px;
margin-bottom: 24px;
}
.page-co-agent-form .co-agent-right {
width: 50%;
float: left;
text-align: center;
font-weight: 500;
padding: 6px;
}
.page-co-agent-form .co-agent-right:last-child{
width: 100%;
}
.page-co-agent-form .co-agent-right img {
width: 80px;
margin-bottom: 12px;
}
.page-co-agent-form .co-agent-right img:hover {
animation: co-agent-fly 0.5s infinite alternate ease-in-out;
}
.page-co-agent-form .co-agent-form-left {
display: block;
width: 100%;
background-color: #dd236e;
border-radius: 18px 18px 0px 0px;
position: relative;
text-align: center;
color: white;
padding: 18px;
height: auto;
padding-bottom: 0px;
}
.page-co-agent-form .co-agent-form-left strong {
font-size: 22px;
margin-bottom: 12px;
display:block;
}
.page-co-agent-form .co-agent-form-left .people {
position: static;
margin-top: 24px;
width: 100%;
}
.page-co-agent-form .co-agent-form-left .people img {
width: 50%;
}
.page-co-agent-form .co-agent-form-right {
display: table;
width: 100%;
background-size: cover;
background-position: top center;
border-radius: 0px 0px 18px 18px;
padding: 18px;
}
.page-co-agent-form .co-agent-form-right .form-input {
padding-left: 12px;
padding-right: 12px;
width: 100%;
float: left;
min-height: 100px;
color: white;
text-align: left;
}
.page-co-agent-form .co-agent-form-right .form-input label.title {
height: 45px;
vertical-align: bottom;
display: table-cell;
}
.page-co-agent-form .co-agent-form-right .form-input input {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1.5px solid #dd236e;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.page-co-agent-form .co-agent-form-right .form-input .input-radio {
width: 50%;
float: left;
}
.page-co-agent-form .co-agent-form-right .center {
width: 100%;
float: left;
text-align: center;
}
.page-co-agent-form .co-agent-form-right .center button {
background-color: #dd236e;
color: #fff;
display: inline;
font-weight: 400;
font-family: 'Noto Sans Thai', sans-serif;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 8px 16px;
font-size: 18px;
line-height: 1.5;
border-radius: 8px;
margin-top: 12px;
margin-bottom: 12px;
}
.page-co-agent-form .co-agent-form-right .center button:hover {
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}
.deposit-page {
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
min-height: 100vh;
width: 100%;
}
.deposit-page .deposit-content {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding: 12px;
padding-top: 32px;
}
.deposit-page .deposit-content .deposit-form,.require-page .require-content .require-form {
border-radius: 18px;
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
border: 1.5px solid #c1c1c1;
display: table;
width: 100%;
background-color: rgb(255, 255, 255, 0.8);
margin-bottom: 32px;
}
.deposit-page .deposit-content .deposit-header h1 {
margin-top: 8px;
margin-bottom: 8px;
}
.deposit-page .deposit-content .deposit-form .header {
border-radius: 12px 12px 0px 0px;
background: linear-gradient(45deg, rgba(63,94,251,1) 0%, rgba(233,30,99,1) 100%);
padding: 12px;
font-size: 18px;
font-weight: 500;
text-align: center;
color: #fff;
}
.deposit-page .deposit-content .deposit-form .header {
border-radius: 12px 12px 0px 0px;
background-color: #dd236e;
padding: 12px;
font-size: 18px;
font-weight: 500;
text-align: center;
color: #fff;
}
.deposit-page .deposit-content .deposit-form .body {
padding: 12px;
display: table;
width: 100%;
}
.deposit-page .deposit-content .deposit-form .body .deposit-input {
padding-left: 12px;
padding-right: 12px;
width: 100%;
float: left;
min-height: 100px;
text-align: center;
margin-bottom: 24px;
}
.deposit-page .deposit-content .deposit-form .body .deposit-input.border-right {
border-right: none !important;
}
.deposit-page .deposit-content .deposit-form .body .deposit-input label.title {
height: auto;
text-align: center;
width: 100%;
color: #191919;
}
.deposit-page .deposit-content .deposit-form .body .deposit-input input {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1.5px solid #c1c1c1;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
text-align: center;
}
.deposit-page .deposit-content .deposit-form .body .deposit-input .input-radio {
width: 33.33%;
float: left;
text-align: center;
}
.deposit-page .deposit-content .deposit-form .body .deposit-input .input-radio .radio {
margin-right: 0px;
}
.deposit-page .deposit-content .deposit-form .body .deposit-input-detail {
padding-left: 12px;
padding-right: 12px;
width: 100%;
float: left;
min-height: 100px;
margin-bottom: 24px;
}
.deposit-page .deposit-content .deposit-form .body .deposit-input-detail label {
display: block;
width: 100%;
text-align: center;
}
.note-modal label {
color: black !important;
text-align: initial !important;
}
.note-view,.note-fontname {
display: none;
}
.deposit-page .deposit-content .deposit-form .body .deposit-input-detail .detail-input {
padding:12px;
width: 100%;
float: left;
text-align: center;
}
.deposit-page .deposit-content .deposit-form .body .deposit-input-detail .detail-input input {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #191919;
background-color: #fff;
background-clip: padding-box;
border: 1.5px solid #c1c1c1;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
text-align: center;
text-align-last: center;
}
.deposit-page .deposit-content .deposit-form .body .deposit-input-detail .detail-input select {
text-align: center;
text-align-last: center;
}
.deposit-page .deposit-content .deposit-form .body .deposit-input-detail textarea {
color: black !important;
}
.deposit-page .deposit-content .deposit-form .body .deposit-input-customer {
padding-left: 12px;
padding-right: 12px;
width: 100%;
float: left;
min-height: 60px;
text-align: left;
margin-bottom: 24px;
}
.deposit-page .deposit-content .deposit-form .body .deposit-input-customer input {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1.5px solid #c1c1c1;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
text-align: left;
}
.deposit-page .deposit-content .deposit-form .body .deposit-input-customer-status {
padding-left: 12px;
padding-right: 12px;
width: 100%;
float: left;
min-height: 60px;
color: white;
text-align: left;
margin-bottom: 24px;
display: table;
}
.deposit-page .deposit-content .deposit-form .body .deposit-input-customer.contact {
width: 100%;
}
.deposit-page .deposit-content .deposit-form .body .deposit-input-customer.contact label.title {
width: 100%;
float: left;
}
.deposit-page .deposit-content .deposit-form .body .deposit-input-customer.contact label.radio {
float: left;
width: 50%;
margin-right: 0;
}
.deposit-page .deposit-content .deposit-form .body .deposit-input-remark {
width: 100%;
float: left;
text-align: center;
margin-top: 24px;
}
.deposit-page .deposit-content .deposit-form .body .deposit-input-button {
width: 100%;
float: left;
text-align: center;
margin-top: 24px;
}
.deposit-page .deposit-content .deposit-form .body .deposit-input-button button {
background-color: #dd236e;
color: #fff;
display: inline;
font-weight: 400;
font-family: 'Noto Sans Thai', sans-serif;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 8px 16px;
font-size: 18px;
line-height: 1.5;
border-radius: 8px;
margin-top: 12px;
margin-bottom: 12px;
}
.deposit-page .deposit-content .deposit-form .body .deposit-input-button button:hover {
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}
.note-modal .modal-dialog .modal-content {
background-color: #fff;
color:black;
}
.require-page {
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
min-height: 100vh;
width: 100%;
}
.require-page .require-content {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding: 12px;
padding-top: 32px;
}
.require-page .require-content .require-header {
background-color: white;
padding: 0px 48px;
border: 2px solid #ccc;
display: inline-block;
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
border-radius: 18px;
margin-bottom: 24px;
}
.require-page .require-content .require-header h1 {
margin-top: 8px;
margin-bottom: 8px;
}
.require-page .require-content .require-form {
border-radius: 18px;
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
display: table;
width: 100%;
margin-bottom: 32px;
}
.require-page .require-content .require-form .header {
border-radius: 12px 12px 0px 0px;
background: rgb(33,164,50);
background: linear-gradient(90deg, rgba(33,164,50,1) 0%, rgba(130,242,7,1) 100%);
padding: 12px;
font-size: 18px;
font-weight: 500;
text-align: center;
color: #fff;
}
.require-page .require-content .require-form .body {
padding: 12px;
display: table;
width: 100%;
}
.require-page .require-content .require-form .body .require-input {
padding-left: 12px;
padding-right: 12px;
width: 100%;
float: left;
min-height: 100px;
color:#868888;
text-align: center;
margin-bottom: 24px;
font-weight: 400;
font-family: 'Noto Sans Thai', sans-serif;
}
.require-page .require-content .require-form .body .require-input.border-right {
border-right: none !important;
}
.require-page .require-content .require-form .body .require-input label.title {
height: auto;
text-align: center;
width: 100%;
color:#868888;
}
.require-page .require-content .require-form .body .require-input input {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1.5px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
text-align: center;
}
.require-page .require-content .require-form .body .require-input .input-radio {
width: 50%;
float: left;
text-align: center;
}
.require-page .require-content .require-form .body .require-input .input-radio .radio {
margin-right: 0px;
}
.require-page .require-content .require-form .body .require-input-detail {
padding-left: 12px;
padding-right: 12px;
width: 100%;
float: left;
min-height: 100px;
margin-bottom: 24px;
}
.require-page .require-content .require-form .body .require-input-detail label {
display: block;
width: 100%;
color:#868888;
text-align: center;
font-weight: 400;
font-family: 'Noto Sans Thai', sans-serif;
}
.require-page .require-content .require-form .body .require-input-detail .detail-input {
padding:12px;
width: 100%;
float: left;
text-align: center;
}
.require-page .require-content .require-form .body .require-input-detail .detail-input input {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1.5px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
text-align: center;
text-align-last: center;
}
.select2-container {
font-weight: 400;
font-family: 'Noto Sans Thai', sans-serif;
text-align: center!important;
}
.require-page .require-content .require-form .body .require-input-detail .detail-input select {
text-align: center;
text-align-last: center;
}
.require-page .require-content .require-form .body .require-input-detail textarea {
color: black !important;
}
.require-page .require-content .require-form .body .require-input-customer {
padding-left: 12px;
padding-right: 12px;
width: 100%;
float: left;
min-height: 60px;
color:#868888;
text-align: left;
margin-bottom: 24px;
font-weight: 400;
font-family: 'Noto Sans Thai', sans-serif;
}
.require-page .require-content .require-form .body .require-input-customer input {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1.5px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
text-align: left;
}
.require-page .require-content .require-form .body .require-input-customer-status {
padding-left: 12px;
padding-right: 12px;
width: 100%;
float: left;
min-height: 60px;
color: white;
text-align: left;
margin-bottom: 24px;
display: table;
}
.require-page .require-content .require-form .body .require-input-customer.contact {
width: 100%;
}
.require-page .require-content .require-form .body .require-input-customer.contact label.title {
width: 100%;
float: left;
}
.require-page .require-content .require-form .body .require-input-customer.contact label.radio {
float: left;
width: 50%;
margin-right: 0;
}
.require-page .require-content .require-form .body .require-input-remark {
width: 100%;
float: left;
text-align: center;
margin-top: 24px;
color: #868888;
font-weight: 300;
font-family: 'Noto Sans Thai', sans-serif;
}
.require-page .require-content .require-form .body .require-input-button {
width: 100%;
float: left;
text-align: center;
margin-top: 24px;
}
.require-page .require-content .require-form .body .require-input-button button {
background-color: #dd236e;
color: #fff;
display: inline;
font-weight: 400;
font-family: 'Noto Sans Thai', sans-serif;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 8px 16px;
font-size: 16px;
line-height: 1.5;
border-radius: 8px;
margin-top: 12px;
margin-bottom: 12px;
}
.require-page .require-content .require-form .body .require-input-button button:hover {
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}
.post-page {
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: auto 100% ;
min-height: 100vh;
width: 100%;
}
.post-page .post-content {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding: 12px;
padding-top: 32px;
}
.post-page .post-content .post-header {
background-color: white;
padding: 0px 48px;
border: 2px solid #ccc;
display: inline-block;
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
border-radius: 18px;
margin-bottom: 24px;
}
.post-page .post-content .post-header h1 {
margin-top: 8px;
margin-bottom: 8px;
}
.post-page .post-content .post-form {
border-radius: 18px;
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
border: 2px solid #dd236e;
display: table;
width: 100%;
background-color: rgb(0, 0, 0, 0.8);
margin-bottom: 32px;
}
.post-page .post-content .post-form .header {
border-radius: 12px 12px 0px 0px;
background-color: #dd236e;
padding: 12px;
font-size: 18px;
font-weight: 500;
text-align: center;
color: #fff;
}
.post-page .post-content .post-form .body {
padding: 12px;
display: table;
width: 100%;
}
.post-page .post-content .post-form .body .post-input {
padding-left: 12px;
padding-right: 12px;
width: 100%;
float: left;
min-height: 100px;
color: white;
text-align: center;
margin-bottom: 24px;
}
.post-page .post-content .post-form .body .post-input.border-right {
border-right: none !important;
}
.post-page .post-content .post-form .body .post-input label.title {
height: auto;
text-align: center;
width: 100%;
color: white;
}
.post-page .post-content .post-form .body .post-input input {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1.5px solid #dd236e;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
text-align: center;
}
.post-page .post-content .post-form .body .post-input .input-radio {
width: 33.33%;
float: left;
text-align: center;
}
.post-page .post-content .post-form .body .post-input .input-radio .radio {
margin-right: 0px;
}
.post-page .post-content .post-form .body .post-input-detail {
padding-left: 12px;
padding-right: 12px;
width: 100%;
float: left;
min-height: 100px;
margin-bottom: 24px;
}
.post-page .post-content .post-form .body .post-input-detail .special-post {
max-width:800px;
margin-left:auto;
margin-right:auto;
}
.post-page .post-content .post-form .body .post-input-detail label.title {
display: block;
width: 100%;
color: white;
text-align: center;
}
.post-page .post-content .post-form .body .post-input-detail input {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1.5px solid #dd236e;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
text-align: center;
}
.post-page .post-content .post-form .body .post-input-detail .post-show-detail {
width: 100%;
float: left;
padding: 12px;
}
.post-page .post-content .post-form .body .post-input-detail .input-radio {
width: 100%;
color: white;
text-align: center;
}
.post-page .post-content .post-form .body .post-input-detail .detail-input {
padding:12px;
width: 100%;
float: left;
text-align: center;
}
.post-page .post-content .post-form .body .post-input-detail .detail-input input {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1.5px solid #dd236e;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
text-align: center;
text-align-last: center;
}
.post-page .post-content .post-form .body .post-input-detail .detail-input select {
text-align: center;
text-align-last: center;
}
.post-page .post-content .post-form .body .post-input-detail textarea {
color: black !important;
}
.post-page .post-content .post-form .body .post-input-customer {
padding-left: 12px;
padding-right: 12px;
width: 100%;
float: left;
min-height: 60px;
color: white;
text-align: left;
margin-bottom: 24px;
}
.post-page .post-content .post-form .body .post-input-customer input {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1.5px solid #dd236e;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
text-align: left;
}
.post-page .post-content .post-form .body .post-input-customer-status {
padding-left: 12px;
padding-right: 12px;
width: 100%;
float: left;
min-height: 60px;
color: white;
text-align: left;
margin-bottom: 24px;
display: table;
}
.post-page .post-content .post-form .body .post-input-customer.contact {
width: 100%;
}
.post-page .post-content .post-form .body .post-input-customer.contact label.title {
width: 100%;
float: left;
}
.post-page .post-content .post-form .body .post-input-customer.contact label.radio {
float: left;
width: 50%;
margin-right: 0;
}
.post-page .post-content .post-form .body .post-input-remark {
width: 100%;
float: left;
text-align: center;
margin-top: 24px;
color:white;
}
.post-page .post-content .post-form .body .post-input-button {
width: 100%;
float: left;
text-align: center;
margin-top: 24px;
}
.post-page .post-content .post-form .body .post-input-button button {
background-color: #dd236e;
color: #fff;
display: inline;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 8px 16px;
font-size: 15px;
line-height: 1.5;
border-radius: 8px;
margin-top: 12px;
margin-bottom: 12px;
}
.post-page .post-content .post-form .body .post-input-button button:hover {
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}
.preview-img {
width: 100%;
border-radius: 12px;
cursor: pointer;
}
.label-preview {
display: inline;
}
.btn-close-agreement {
background-color: #dd236e;
color: #fff;
display: inline;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 8px 16px;
font-size: 15px;
line-height: 1.5;
border-radius: 8px;
margin-top: 12px;
margin-bottom: 12px;
}
.area-banner {
position: relative;
}
.area-banner .area-box-banner {
width: 100%;
position: absolute;
top: 50%;
right: 0;
font-weight: 700;
color: #dd236e;
text-align: center;
}
.area-banner .area-box-banner .area-box1 {
position: relative;
animation: animate-area-banner 0.5s;
width: 100%;
margin-bottom: 6px;
text-shadow: 2px 2px 0px #000;
font-size: 18px;
}
.area-banner .area-box-banner .area-box2 {
display: inline-block;
background-color: #dd236e;
color: white;
border-radius: 12px;
font-size: 15px;
padding: 4px 12px;
animation-delay: 1s;
position: relative;
animation: animate-area-banner 1s;
text-shadow: 2px 2px 5px #000;
}
.area-page {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
margin-top: 8px;
margin-bottom: 8px;
padding: 6px;
}
.board-page {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
margin-top: 8px;
margin-bottom: 8px;
padding: 6px;
display: table;
width: 100%;
}
#read_oth {
display: none;
}
#read_oth.active {
display: inline;
}
.area-box-condo {
border-radius: 12px;
border: 2px solid #cecece;
padding: 12px;
margin-top: 24px;
display: table;
width: 100%;
text-align: center;
align-items: center;
font-family: 'Noto Sans Thai', sans-serif;
font-weight: 400;
transition: 0.7s all;
}
@media (max-width:460px) {
.area-box-condo {
display:table-header-group;
}
}
@media (max-width:320px) {
.area-box-condo {
margin-top: 24px;
}
.navbar-mobile ul {
left: 15px;
padding: 0px;
}
.typeahead__container.result .typeahead__list {
overflow-y: scroll;
}
.typeahead__container .typeahead__field input, .typeahead__container .typeahead__field textarea, .typeahead__container .typeahead__field [contenteditable], .typeahead__container .typeahead__field .typeahead__hint, .typeahead__container .typeahead__field .typeahead__label-container {
padding-right: 0px;
}
.navbar-mobile a,
.navbar-mobile a:focus {
padding: 10px 20px;
color: #191919;
}
.menu-mobile-search .btn-outline-success {
}
.input.form-control.js-typeahead{
padding: 0 0 0 12px!important;
}
.btn {
--bs-btn-padding-x: 0.0rem;
}
.typeahead__container.result .typeahead__list {
max-height: 400px !important;
overflow-y: scroll;
}
.typeahead__field ::placeholder {
color: #232323!important;
}
}
@media (max-width: 425px) and (min-width: 375px) {
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
--bs-gutter-x: 0.5rem;
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
margin-left: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
background: transparent;
}
.typeahead__container.result .typeahead__list {
max-height: 400px !important;
overflow-y: scroll;
}
}
.area-box-condo:hover {
border-radius: 20px;
border: 2px solid #dd236e;
transition: 0.7s all;
}
.area-box-condo .show-condo {
background-color: #dd236e;
color: #fff;
display: inline;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 8px 16px;
font-size: 15px;
line-height: 1.5;
border-radius: 8px;
margin-bottom: 12px;
}
.area-box-condo .show-condo:hover {
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}
.area-box-condo .remark-box {
float: left;
width: 100%;
text-align: center;
float: left;
width: 100%;
}
.area-box-condo .remark-box .remark {
display: table;
margin-left: auto;
margin-right: auto;
font-size: 12px;
}
.area-box-condo .remark-box .remark div {
padding-left: 12px;
padding-right: 12px;
}
.area-box-condo .condo-box {
float: left;
width: 50%;
text-align: center;
padding: 6px;
height: 240px;
}
.area-box-condo .condo-box.hide {
float: left;
width: 50%;
text-align: center;
padding: 6px;
height: 200px;
display: none;
}
.area-box-condo .condo-box .condo-content {
display: table;
margin-left: auto;
margin-right: auto;
font-size: 15px;
transition: 0.2s;
width: 50%;
}
.area-box-condo .condo-box .condo-content .condo-image {
display: table-cell;
vertical-align: top;
text-align: center;
transition: 0.2s;
width: 50%;
font-size: 12px;
position: relative;
}
.area-box-condo .condo-box .condo-content .condo-image .show-image {
width: 120px;
height: 120px;
overflow: hidden;
border-radius: 12px;
display: inline;
}
.area-box-condo .condo-box .condo-content .condo-image .show-image img {
width: 120px;
height: 120px;
object-fit: cover;
border-radius: 12px;
margin-bottom: 6px;
transition: 0.2s;
overflow: hidden;
}
.area-box-condo .condo-box .condo-content .condo-details {
display: none;
vertical-align: top;
text-align: left;
padding-left: 12px;
font-size: 12px;
vertical-align: middle;
}
.area-box-condo .condo-box .condo-content:hover .condo-image {
color: #dd236e;
}
.area-box-condo .condo-box .condo-content:hover .condo-image img {
transform: scale(1.05);
}
.area-box-condo .condo-box .condo-content .condo-image .condo-name {
position: absolute;
display: inline-block;
width: 150%;
text-align: center;
top: 100%;
left: 50%;
transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
font-size: 12px;
}
span.tag-dont-miss {
color: #fff;
background-color: #f44336;
border-radius: 16px;
display: inline-block;
padding-left: 8px;
padding-right: 8px;
text-align: center;
font-size: 9px;
}
span.tag-dont-miss::after {
content: "Don't miss";
text-decoration: blink;
-webkit-animation-name: blinker;
-webkit-animation-duration: 0.8s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-direction: alternate;
}
span.tag-rent {
color: #fff;
background-color: #dd236e;
border-radius: 16px;
display: inline-block;
padding-left: 8px;
padding-right: 8px;
text-align: center;
font-size: 9px;
}
span.tag-rent::after {
content: "ให้เช่า";
}
span.tag-rent-on {
color: #fff;
background-color: #4CAF50;
border-radius: 16px;
display: inline-block;
padding-left: 8px;
padding-right: 8px;
text-align: center;
font-size: 9px;
}
span.tag-rent-on::after {
content: "ห้องว่าง !";
text-decoration: blink;
-webkit-animation-name: blinker;
-webkit-animation-duration: 0.8s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-direction: alternate;
}
span.tag-rent-off {
color: #fff;
background-color: #f44336;
border-radius: 16px;
display: inline-block;
padding-left: 8px;
padding-right: 8px;
text-align: center;
font-size: 9px;
}
span.tag-rent-off::after {
content: "เช่าแล้ว";
}
span.tag-sale {
color: #fff;
background-color: #ff80d5;
border-radius: 16px;
display: inline-block;
padding-left: 8px;
padding-right: 8px;
text-align: center;
font-size: 9px;
}
span.tag-sale::after {
content: "ขาย";
}
span.tag-sale-on {
color: #fff;
background-color: #4CAF50;
border-radius: 16px;
display: inline-block;
padding-left: 8px;
padding-right: 8px;
text-align: center;
font-size: 9px;
}
span.tag-sale-on::after {
content: "ซื้อเลย !";
text-decoration: blink;
-webkit-animation-name: blinker;
-webkit-animation-duration: 0.8s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-direction: alternate;
}
span.tag-sale-off {
color: #fff;
background-color: #f44336;
border-radius: 16px;
display: inline-block;
padding-left: 8px;
padding-right: 8px;
text-align: center;
font-size: 9px;
}
span.tag-sale-off::after {
content: "SOLD OUT";
}
span.tag-post-no {
color: #fff;
background-color: #858585;
border-radius: 16px;
display: inline-block;
padding-left: 4px;
padding-right: 4px;
text-align: center;
font-size: 9px;
}
.ads-post-free {
width: 100%;
margin-top: 24px;
border-radius: 12px;
padding: 6px;
}
.ads-post-free img {
width: 100%;
border-radius: 12px;
}
.ads-post-content {
margin-top: 24px;
width: 100%;
display: block;
font-size: 12px;
text-align: center;
}
.ads-post-content h2 {
font-size: 18px;
color: #fefefe;
}
.ads-post-description {
width: 100%;
display: table;
}
.ads-post-description .ads-3step {
margin-top: 24px;
width: 100%;
float: left;
padding: 12px;
}
.ads-post-description .ads-detail {
margin-top: 24px;
width: 100%;
float: left;
padding: 12px;
}
.ads-post-description .ads-3step img,.ads-post-description .ads-detail img {
width: 100%;
height: auto;
object-fit: cover;
border-radius: 12px;
}
.ads-post-search {
font-family: 'Noto Sans Thai', sans-serif;
font-weight: 400;
border-radius: 10px;
display: block;
background: rgb(56,93,133);
background: linear-gradient(45deg, rgba(56,93,133,1) 0%, rgba(45,62,80,1) 100%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 0%), 0 0 8px rgb(102, 175, 233);
}
.ads-post-search .ads-post-form {
width: 100%;
display: table;
}
.ads-post-search .ads-post-form h2 {
width: 100%;
font-size: 22px;
text-align: center;
color: #fefefe;
margin-top: 10px;
height: 10px;
vertical-align: middle;
}
h2 .blink {
color: #01f1fe;
}
.ads-post-search .ads-post-form .ads-post-input-radio {
float: left;
width: 100%;
text-align: center;
padding: 4px;
margin-bottom: 0px;
}
.ads-post-search .ads-post-form .ads-post-input-locotion {
float: left;
width: 100%;
text-align: center;
margin-bottom: 8px;
}
.ads-post-search .ads-post-form .ads-post-input-price {
float: left;
width: 100%;
position: relative;
margin-bottom: 6px;
}
.ads-input-box-price{
background-color: #fefefe;
font-weight: 500;
font-family: 'Noto Sans Thai', sans-serif;font-size: 1.1em;
}
.ads-post-search .ads-post-form .ads-post-input-price .ads-input-box-price {
border-radius: 4px;
border: 1px solid #c1c1c1;
font-weight: 400;
text-align: center;
margin-top: 6px;
padding: 6px 0 2px 0;
height: 36px;
cursor: pointer;
vertical-align: middle;
}
.post_style{
margin-top: 6px;
}
@media (max-width:320px)
{ .ads-post-search .ads-post-form .ads-post-input-price .ads-input-box-price ,.post_style{margin-top: 0px;}
.ads-post-search .ads-post-form .ads-post-input-locotion{margin-bottom: 0;padding-bottom: 6px;}
}
@media (max-width: 425px) and (min-width: 375px)
{ .ads-post-search .ads-post-form .ads-post-input-price .ads-input-box-price,.post_style {margin-top: 0px;}
.ads-post-search .ads-post-form .ads-post-input-locotion{margin-bottom: 0;padding-bottom: 6px;}
}
.pt-toon{
padding-top: 5px;
}
@media (max-width:320px)
{
.pt-toon{
padding-top: 5px;
}
}
.ads-post-search .ads-post-form .ads-post-input-price .ads-input-box-price svg {
position: absolute;
top: 14px;
right: 10px;
color: gray;
width: 8px;
}
.ads-post-search .ads-post-form .ads-post-input-price .ads-input-select-price {
position: absolute;
top: 45px;
background-color: white;
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
border-radius: 6px;
width: auto;
display: none;
}
.ads-post-search .ads-post-form .ads-post-input-price .ads-input-select-price .select-price {
width: 200px;
display: table-cell;
padding: 6px;
}
.ads-post-search .ads-post-form .ads-post-input-price .ads-input-select-price .and-price {
display: table-cell;
padding: 6px;
vertical-align: middle;
}
.ads-post-search .ads-post-form .ads-post-input-price .ads-input-select-price.active {
display: table;
z-index: 99;
}
.ads-post-search .ads-post-form .ads-post-input-bed {
float: left;
width: 100%;
text-align: center;
padding: 4px;
margin-bottom: 6px;
}
.ads-post-search .ads-post-form .ads-post-input-search {
float: left;
width: 100%;
text-align: center;
padding: 4px;
margin-bottom: 6px;
}
.ads-post-search .ads-post-form .ads-post-input-search button {
border-color: #139ef8;
background-image: linear-gradient(to bottom, #4facfe 0%, #00f2fe 100%);
color: #fff;
display: inline;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 7px 16px;
font-size: 15px;
line-height: 1.5;
border-radius: 8px;
width: 100%;
}
.select2-container--default .select2-selection--single{border:1px solid #c1c1c1!important;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #6585a9!important;
color: white;
font-family: 'Noto Sans Thai', sans-serif;
font-weight: 400;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
background-color: #56769a!important;
}
.ads-post-search .ads-post-form .ads-post-input-search button:hover {
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
transition: 0.7s all;
background-image: linear-gradient(to bottom, #43e97b 0%, #38f9d7 100%);
}
.ads-tab-post {
margin-top: 24px;
display: table;
width: 100%;
}
.ads-tab-post.board-post {
width: 100%;
float: none;
}
.ads-tab-post .ads-tab-post-menu {
display: table;
width: 100%;
float: left;
}
.ads-tab-post .ads-tab-post-menu button,.ads-tab-post .ads-tab-post-menu a {
display: table-cell;
width: 50%;
padding: 8px;
background-color: inherit;
color: black;
border: none;
transition: 0.5s;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #dd236e;
border-radius: 12px 12px 0px 0px;
font-size: 14px;
font-weight: 500;
text-align: center;
}
.ads-tab-post .ads-tab-post-menu button:first-child,.ads-tab-post .ads-tab-post-menu a:first-child {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #dd236e;
border-radius: 12px 0px 0px 0px;
}
.ads-tab-post .ads-tab-post-menu button:last-child,.ads-tab-post .ads-tab-post-menu a:last-child {
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #c1c1c1;
border-radius: 0px 12px 0px 0px;
}
.ads-tab-post .ads-tab-post-menu button.active,.ads-tab-post .ads-tab-post-menu a.active {
border-top: 1px solid #c1c1c1;
border-left: 1px solid #c1c1c1;
border-right: 1px solid #c1c1c1;
border-bottom: 1px solid #fff;
border-radius: 12px 12px 0px 0px;
background-color: #2d3e50;
color: #fefefe;
}
.ads-tab-post .ads-tab-post-menu button:hover,.ads-tab-post .ads-tab-post-menu a:hover {
color: #dd236e;
}
.ads-tab-post .ads-tab-post-content .dont-miss {
border-bottom: 1px solid #c1c1c1;
border-left: 1px solid #c1c1c1;
border-right: 1px solid #c1c1c1;
border-radius: 0px 0px 12px 12px;
overflow: hidden;
}
.ads-tab-post .ads-tab-post-content .dont-miss span.tag-post-no {
display: none !important;
}
.ads-tab-post .ads-tab-post-content .dont-miss-footer {
background-color: #dd236e;
color: white;
padding: 12px;
text-align: center;
border-radius: 0px 0px 10px 10px;
font-size: 14px;
animation: dont-miss-tab 5s infinite;
}
.ads-tab-post .ads-tab-post-content .dont-miss-footer a {
border-radius: 12px;
padding: 4px 16px;
background-color: white;
color:black;
font-size: 10px;
border: 1px solid gray;
}
.ads-tab-post .ads-tab-post-content .dont-miss-footer a:hover {
background-color: gray;
color:white;
}
.ads-tab-post .ads-tab-post-content .normal {
margin-top: 24px;
margin-bottom: 24px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-radius: 0px 0px 10px 10px;
}
.pagination {
display: block;
text-align: center;
padding: 6px;
}
.pagination .page-link {
display: inline-block;
border-radius: 7px;
padding: 3px 12px;
background-color: white;
color: #a2a2a2;
font-size: 12px;
transition: 0.3s all;
margin-right: 2px;
}
.pagination .page-link.active {
background: rgb(63,94,251);
background: linear-gradient(45deg, rgba(63,94,251,1) 0%, rgba(233,30,99,1) 100%);
border: 1px solid #fefefe;
color: white;
font-weight: 400;
font-family: 'Noto Sans Thai', sans-serif;
}
.pagination .page-link.active:hover {
cursor: pointer;
background-color:#2d3e50;
}
.pagination .page-link:hover {
background-color:#2d3e50;
color:#fefefe;
}
.pagination .page-link.disable,.pagination .page-link.disable:hover {
border: 1px solid #d2cece;
background-color: white;
color: #d2cece;
cursor: default;
}
.ads-tab-post .ads-tab-post-content {
float: left;
width: 100%;
border-radius: 0px 0px 12px 12px;
display: none;
}
.ads-tab-post .ads-tab-post-content.active {
display: block;
}
.ads-tab-post .ads-tab-post-content img.ads-dont-miss {
width: 100%;
display: none;
}
.ads-tab-post .ads-tab-post-content .post-area {
padding: 6px;
border-bottom: 1px solid #ccc;
display: table;
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
}
.ads-tab-post .ads-tab-post-content .post-area:last-child {
border-bottom: none;
margin-bottom: 24px;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-image {
display: inline-block;
width: 100%;
float: left;
height: auto;
object-fit: cover;
overflow: hidden;
border-radius: 12px;
padding: 6px;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-image img {
width: 40%;
height: 100px;
border-radius: 12px;
transition: 0.2s;
object-fit: cover;
float: left;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-tag {
display: none;
width: 30%;
vertical-align: middle;
border-right: none;
padding-left: 6px;
padding-right: 6px;
float: left;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-tag span {
width: 100%;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail {
display: none;
width: 100;
vertical-align: top;
float: left;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail p {
margin: 0;
transition: 0.2s;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-header {
font-size: 13px;
padding: 4px;
font-weight: 500;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent {
width: 100%;
display: table;
padding: 12px;
font-size: 11px;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-image .post-area-header-sm {
display: inline-block;
float: left;
width: 100%;
padding-left: 6px;
padding-right: 22px;
font-size: 13px;
font-weight: 500;
margin-bottom: 6px;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-image .post-area-detail-sm {
display: inline-block;
float: left;
width: 60%;
padding-left: 6px;
font-size: 12px;
height: 100px;
position: relative;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-image .post-area-detail-sm .post-area-detail-room-sm {
display: block;
padding-top: 6px;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-image .post-area-detail-sm .price {
position: absolute;
bottom: 0;
left: 6px;
line-height: 18px;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-image .post-area-detail-sm .price strong {
font-size: 20px;
color:#dd236e;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-condo {
display: block;
width: 100%;
text-align: left;
vertical-align: middle;
font-size: 13px;
line-height: 15px;
padding: 6px;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-condo img {
width: 80px;
height: 40px;
overflow: hidden;
border-radius: 12px;
margin-bottom: 6px;
display: inline-block;
float: left;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-condo .post-condo-name {
display: inline-block;
padding: 4px;
float: left;
}
.rent-stairs {
display: inline-block;
background-image: url("/assets_v2/images/icon/stairs.png");
background-size: 100% 100%;
width: 12px;
height: 12px;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .price {
display: table-cell;
width: 25%;
text-align: left;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .price::before {
content: "ค่าเช่า/เดือน";
font-weight: 500;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .style {
display: table-cell;
width: 25%;
text-align: center;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .style::before {
content: "รูปแบบห้อง";
font-weight: 500;
display: block;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .phase {
display: table-cell;
width: 10%;
text-align: center;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .building {
display: table-cell;
width: 10%;
text-align: center;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .building::before {
content: "ตึก";
font-weight: 500;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .floor {
display: table-cell;
width: 10%;
text-align: center;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .floor::before {
content: "ชั้น";
font-weight: 500;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .size {
display: table-cell;
width: 20%;
text-align: center;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .size::before {
content: "พื้นที่ห้อง";
font-weight: 500;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .price {
display: table-cell;
width: 25%;
text-align: left;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .price::before {
content: "ค่าเช่า/เดือน";
font-weight: 500;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .style {
display: table-cell;
width: 25%;
text-align: center;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .style::before {
content: "รูปแบบห้อง";
font-weight: 500;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .phase {
display: table-cell;
width: 10%;
text-align: center;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .building {
display: table-cell;
width: 10%;
text-align: center;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .building::before {
content: "ตึก";
font-weight: 500;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .floor {
display: table-cell;
width: 10%;
text-align: center;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .floor::before {
content: "ชั้น";
font-weight: 500;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .size {
display: table-cell;
width: 20%;
text-align: center;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .size::before {
content: "พื้นที่ห้อง";
font-weight: 500;
}
.ads-tab-post .ads-tab-post-content .post-area:hover .post-area-detail p {
color: #dd236e;
}
.ads-tab-post .ads-tab-post-content .post-area .btn-manage {
position: absolute;
top: 18px;
right: 6px;
width: 18px;
height: 18px;
cursor: pointer;
z-index: 9;
text-align: center;
}
.ads-tab-post .ads-tab-post-content .post-area .btn-manage .box-manage {
position: relative;
display: none;
}
.ads-tab-post .ads-tab-post-content .post-area .btn-manage:hover .box-manage {
display: block;
}
.ads-tab-post .ads-tab-post-content .post-area .btn-manage .box-manage .menu-manage {
position: absolute;
top: 0;
right: 0;
background-color: white;
border-radius: 12px;
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}
.ads-tab-post .ads-tab-post-content .post-area .btn-manage .box-manage .menu-manage button {
border: 1px solid #ccc;
width: 150px;
background-color: white;
text-align: center;
padding: 4px;
}
.ads-tab-post .ads-tab-post-content .post-area .btn-manage .box-manage .menu-manage button:first-of-type {
border-radius: 6px 6px 0px 0px;
}
.ads-tab-post .ads-tab-post-content .post-area .btn-manage .box-manage .menu-manage button:last-of-type {
border-radius: 0px 0px 6px 6px;
}
.ads-tab-post .ads-tab-post-content .post-area .btn-manage .box-manage .menu-manage button.status:hover {
background-color: green;
color: white;
}
.ads-tab-post .ads-tab-post-content .post-area .btn-manage .box-manage .menu-manage button.edit:hover {
background-color: orange;
color: white;
}
.ads-tab-post .ads-tab-post-content .post-area .btn-manage .box-manage .menu-manage button.push:hover {
background-color: #607d8b;
color: white;
}
.ads-tab-post .ads-tab-post-content .post-area .btn-manage .box-manage .menu-manage button.dont:hover {
background-color: red;
color: white;
}
.ads-tab-post .ads-tab-post-content .post-area .btn-compare {
position: absolute;
top: 18px;
right: 6px;
width: 18px;
height: 18px;
cursor: pointer;
z-index: 9;
text-align: center;
font-size: 18px;
}
.ads-tab-post .ads-tab-post-content .post-area .btn-compare {
color: #bebebe;
}
.ads-tab-post .ads-tab-post-content .post-area .btn-compare.active {
color: #dd236e;
}
.page-login {
width: 100%;
background-size: cover;
background-position: top center;
color:white;
min-height: 90vh;
position: relative;
padding: 12px;
margin-top: 40px;
background-attachment: fixed;
}
.page-login .box-login {
border-radius: 12px;
border: 1px solid #dd236e;
background-color: rgb(255, 255, 255, 0.7);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
max-width: 400px;
width: 98%;
}
.page-login .box-login .header {
border-radius: 12px 12px 0px 0px;
padding: 12px;
background-color: rgb(237, 77, 36);
color:white;
font-size: 22px;
text-align: center;
}
.page-login .box-login .body {
padding: 12px;
color:black;
font-size: 15px;
}
.page-login .box-login .body input[type=text],.page-login .box-login .body input[type=password] {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1.5px solid #dd236e;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
text-align: left;
}
.page-login .box-login .body .btn-login {
background-color: #dd236e;
color: #fff;
display: block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 8px 16px;
font-size: 15px;
line-height: 1.5;
border-radius: 0.25rem;
width: 100%;
margin-top: 12px;
}
.page-login .box-login .body .btn-login-facebook {
background-color: #3b5998;
color: #fff;
display: block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 8px 16px;
font-size: 15px;
line-height: 1.5;
border-radius: 0.25rem;
width: 100%;
margin-top: 12px;
vertical-align: middle;
}
.page-login .box-login .body .btn-login:hover {
background-color: #cb431f;
}
.page-login .box-login .body .btn-login-facebook:hover {
background-color: #2e4678;
}
.page-login .box-login .body .btn-login:active,.page-login .box-login .body .btn-login-facebook:active {
outline: 0;
border: none;
}
.main-condo-detail {
display: table;
width: 100%;
text-align: center;
}
.main-condo-box {
margin-bottom: 6px;
margin-top: 6px;
display: inline-block;
width: 60%;
padding: 15px;
}
.main-condo-box .main-condo-menu {
border: 1px solid #ece7e7;
border-bottom: 1px solid #dd236e;
float: left;
width: 33.33%;
padding: 8px 16px;
background-color: white;
transition: 0.5s;
font-size: 15px;
height: 40px;
font-weight: 500;
}
.main-condo-box .main-condo-menu.first {
border-radius: 12px 0px 0px 0px;
}
.main-condo-box .main-condo-menu.last {
border-radius: 0px 12px 0px 0px;
}
.main-condo-box .main-condo-menu.active {
border-radius: 12px 12px 0px 0px;
border: 1px solid #dd236e;
border-bottom: none;
}
.main-condo-box .main-condo-content {
float: left;
width: 100%;
height: 400px;
border-radius: 0px 0px 12px 12px;
overflow: hidden;
border: 1px solid #dd236e;
border-top: none;
}
.main-condo-box .main-condo-content .content-detail {
display: none;
height: 400px;
width: 100%;
padding: 6px;
background-color: #f6f6f6;
}
.main-condo-box .main-condo-content .content-detail.active {
display: block;
}
.main-condo-box-detail {
margin-bottom: 6px;
margin-top: 6px;
display: inline-block;
width: 40%;
vertical-align: top;
padding: 15px;
}
.main-condo-box-detail table {
margin-bottom:0;
height:100%;
width:100%;
}
.main-condo-box-detail table th,.main-condo-box-detail table td {
padding: 0.5rem;
vertical-align: top;
border-top: 1px solid #dee2e6;
}
#content-detail {
height: 400px;
overflow-y: scroll;
color: black;
}
.main-condo-box .main-condo-content .content-detail::-webkit-scrollbar {
width: 6px;
}
.main-condo-box .main-condo-content .content-detail::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 12px;
}
.main-condo-box .main-condo-content .content-detail::-webkit-scrollbar-thumb {
background: #dd236e;
border-radius: 12px;
}
.main-condo-box .main-condo-content .content-detail::-webkit-scrollbar-thumb:hover {
background: #d2421d;
}
.board-seach {
float: left;
width: 100%;
margin-top: 6px;
padding: 12px;
text-align: center;
display: table;
}
.board-seach .box-search {
border-radius: 12px;
border: 1px solid #ccc;
display: block;
padding: 6px 12px 6px 12px;
display: table;
width: 100%;
}
.board-seach .box-search .header {
font-size: 20px;
color: #ee4d24;
font-weight: 500;
display: block;
width: 100%;
margin-bottom: 12px;
}
.board-seach .box-search .option {
margin-bottom: 0px;
width: 100%;
display: inline-block;
float: left;
padding: 6px
}
.board-seach .box-search button {
margin-top: 6px;
background-color: #dd236e;
color: #fff;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 7px 16px;
font-size: 15px;
line-height: 1.5;
border-radius: 8px;
margin-bottom: 6px;
float: left;
width: 100%
}
.board-ads {
float: left;
width: 100%;
padding: 12px;
}
.board-ads img {
width: 100%;
border-radius: 12px;
margin-bottom: 24px;
border: 1px solid #ccc;
}
.board-ads img.border {
display: none;
}
.board-ads img.border.active {
display: block;
}
.board-ads.in-post {
margin-top: 12px;
}
.board-condo-oth {
margin-bottom: 32px;
}
.board-condo-oth .map-condo-oth {
padding-top: 4px;
padding-bottom: 4px;
border-top: 1px solid #e2dede;
border-bottom: 1px solid #e2dede;
margin-bottom: 32px;
}
.board-condo-oth .map-condo-oth #map-condo-oth {
height: 40vh;
}
.board-condo-oth .nearby-condo {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 12px;
}
.condo-oth-option {
border-radius: 12px;
overflow: hidden;
position: relative;
}
.condo-oth-option img {
border-radius: 12px;
transition: 0.2s;
height: 180px;
width: 100%;
object-fit: cover;
}
.condo-oth-option .condo-oth-title {
position: absolute;
top: 50%;
left: 50%;
width: 90%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
z-index: 99;
color: white;
font-weight: 500;
font-size: 22px;
text-shadow: 2px 2px 4px #000;
transition: 0.2s;
}
.condo-oth-option:hover img {
transform: scale(1.2);
filter: grayscale(0%);
}
.board-image {
margin-top: 24px;
border-radius: 12px;
overflow: hidden;
display: block;
width: 100%;
height: 400px;
background-color: rgb(0, 0, 0, 0.7);
padding: 6px;
}
.board-detail {
margin-top: 30px;
border-radius: 10px;
border: 2px solid #c1c1c1;
width: 100%;
display: table;
transition: 0.7s all;
}
.board-detail:hover {
margin-top: 30px;
border-radius: 15px;
border: 2px solid #dd236e;
width: 100%;
display: table;
transition: 0.7s all;
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}
.board-detail .image {
padding: 12px;
display: inline-block;
width: 100%;
}
.board-detail .image img {
width: 100%;
height: 200px;
object-fit: cover;
border-radius: 10px;
}
.board-detail .detail {
padding: 12px;
display: inline-block;
width: 100%;
position: relative;
vertical-align: top;
}
.board-detail .detail .header {
width: 100%;
text-align: center;
font-size: 18px;
font-weight: 500;
color: #dd236e;
margin-bottom: 6px;
}
.board-detail .detail .description {
position: inherit;
bottom: 0;
left: 0;
text-align: center;
margin-bottom: 6px;
}
.board-detail .detail .description .info {
margin-right: 12px;
color: #dd236e;
font-size: 16px;
}
.board-detail .detail .description .info svg,.board-detail .detail .description .info strong {
color: black;
}
.board-detail .detail .description .info .rent-stairs {
width: 14px;
height: 14px;
}
.board-detail .detail .tag {
position: inherit;
bottom: 0;
right: 0;
text-align: center;
}
.board-detail .detail .tag strong.title-price {
display: block;
font-size: 18px;
}
.board-detail .detail .tag strong.price {
display: block;
color: #dd236e;
font-size: 36px;
font-weight: 500;
}
.board-content-toon{
margin-top: 30px;
border-radius: 7px;
border: 1px solid #c1c1c1;
min-height: 100px;
display: table;
width: 100%;
overflow: hidden;
}
.board-content {
border: 1px solid #ccc;
border-radius: 12px;
overflow: hidden;
margin-top: 30px;
display: table;
width: 100%;
min-height: 1230px;
padding-bottom: 160px;
position: relative;
}
.board-content.sales {
min-height: auto;
}
.board-content .header {
padding: 8px;
text-align: center;
background-color: #ccc;
font-size: 18px;
font-weight: 500;
color: #dd236e;
width: 100%;
float: left;
}
.board-content .detail {
width: 100%;
float: left;
padding: 12px;
font-weight: 400;
}
.board-content div.table {
width: 100%;
float: left;
display: table;
}
.board-content div.table .contact {
float: left;
width: 50%;
padding: 8px;
}
.board-content div.table .contact a,.board-content .table .contact button {
background-color: inherit;
color: inherit;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 8px 6px;
font-size: 12px;
line-height: 1.5;
border-radius: 4px;
float: left;
width: 100%
}
.board-content div.table .contact a svg,.board-content .table .contact button svg {
font-size: 18px;
}
.board-content div.table .contact .line {
background-color: #00c300;
color: #fff;
}
.board-content div.table .contact .call {
color: #fff;
background-color: #607d8b;
}
.board-content div.table .contact .code {
color: #fff;
background-color: #dd236e;
}
.board-content div.table .contact .fb {
color: #fff;
background-color: #4267B2;
}
.board-content div.table .detail {
float: left;
width: 100%;
padding: 6px;
}
.board-content div.table .detail table thead tr {
color: #fff;
background-color: #dd236e;
text-align: center;
}
.board-content div.table .detail .check {
width: 30px;
}
.board-content div.table .detail img {
width: 100%;
}
.board-content .remark {
width: 100%;
float: left;
display: table;
position: absolute;
bottom: 0;
left: 0;
}
.board-content .remark .title {
float: left;
color: #dd236e;
padding: 12px;
width: 100%;
}
.board-content .remark .detail {
float: left;
padding: 12px;
width: 100%;
}
.board-facility {
border: 1px solid #dedede;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
border-radius: 7px;
overflow: hidden;
margin-top: 24px;
display: table;
width: 100%;
}
.board-facility .header {
padding: 8px;
text-align: center;
background: rgb(63,94,251);
background: linear-gradient(45deg, rgba(63,94,251,1) 0%, rgba(233,30,99,1) 100%);
font-size: 24px;
font-weight: 500;
color: #fefefe;
width: 100%;
float: left;
}
.board-facility .btn-success{
background: rgb(34,200,59);
background: linear-gradient(0deg, rgba(34,200,59,1) 0%, rgba(24,210,110,1) 100%);
border:1px solid #d1d1d1;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
font-family: 'Noto Sans Thai', sans-serif;
font-weight: 400;
transition: 0.7s all;
color:#000;
}
.board-facility .btn-success:hover{
background: rgb(34,200,59);
background: linear-gradient(0deg, rgba(34,200,59,1) 0%, rgba(24,210,110,1) 100%);
border:1px solid #c1c1c1;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.3);
transition: 0.7s all;
color:#fefefe;
}
.board-facility .detail {
display: table;
width: 100%;
}
.board-facility .detail .facility {
float: left;
width: 50%;
text-align: center;
padding: 18px;
height: 125px;
font-size: 10px;
}
.board-facility .detail .facility img {
height: 60px;
margin-left: auto;
margin-right: auto;
margin-bottom: 6px;
opacity: 0.5;
}
.board-facility .detail .calculator {
width: 100%;
display: none;
}
.board-facility .detail .calculator.active {
display: block;
}
.board-facility .detail .btn-theme {
background-color: #dd236e !important;
color: #fff !important;
}
.board-service {
margin-top: 24px;
display: table;
width: 100%;
}
.board-service .image {
float: left;
width: 100%;
padding: 6px;
display: inline-block;
}
.board-service .image img {
width: 100%;
border-radius: 12px;
}
.board-service .title {
float: left;
width: 100%;
padding: 6px;
text-align: center;
display: inline-block;
vertical-align: middle;
}
.board-service .title strong {
font-size: 16px;
color: #dd236e;
font-weight: 500;
}
.board-service .title img {
width: 40px;
height: 40px;
margin-left: 12px;
margin-right: 12px;
margin-top: 8px;
}
.board-service .detail {
display: inline-block;
width: 100%;
float: none;
vertical-align: middle;
font-size: 10px;
margin-bottom: 12px;
}
.board-service .detail img {
width: 15px;
}
.board-service.check {
width: 50%;
float: left;
}
.board-post-oth {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 6px;
width: 100%;
text-align: center;
margin-bottom: 32px;
}
.board-post-oth .post-oth {
width: 180px;
display: inline-block;
border-radius: 12px;
overflow: hidden;
border: 1px solid #ccc;
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
margin-left: 6px;
margin-right: 6px;
}
.board-post-oth .post-oth .image {
height: 100px;
width: 100%;
border-radius: 12px 12px 0px 0px;
overflow: hidden;
}
.board-post-oth .post-oth .image img {
height: 100px;
width: 100%;
transition: 0.2s;
}
.board-post-oth .post-oth .detail {
height: 30px;
width: 100%;
padding: 8px;
font-size: 12px;
}
.board-post-oth .post-oth .detail span {
margin-left: 4px;
margin-right: 4px;
color: #dd236e;
}
.board-post-oth .post-oth .detail span svg,.board-post-oth .post-oth .detail span strong {
color: black;
}
.board-post-oth .post-oth .price {
width: 100%;
padding: 8px;
font-size: 12px;
}
.board-post-oth .post-oth .price strong {
color: #dd236e;
font-size: 15px;
font-weight: 500;
}
.board-post-oth .post-oth:hover .image img {
transform: scale(1.1);
}
.advert-page {
max-width: 1200px;
padding: 6px;
margin-left: auto;
margin-right: auto;
display: table;
width: 100%;
margin-top: 32px;
}
.advert-page .advert-image {
width: 100%;
display: block;
padding: 6px;
margin-bottom: 32px;
}
.advert-page .advert-image img {
width: 100%;
border-radius: 12px;
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}
.advert-page .advert-check {
width: 100%;
display: block;
padding: 6px;
text-align: center;
vertical-align: middle;
margin-bottom: 32px;
}
.advert-page .advert-check .detail {
display: table;
width: 80%;
margin-left: auto;
margin-right: auto;
font-size: 15px;
}
.advert-page .advert-check .detail .list {
float: left;
width: 100%;
text-align: left;
height: 30px;
}
.advert-page .advert-check .detail .list img {
width: 18px;
}
.advert-page .title-table {
font-size: 18px;
width: 100%;
text-align: center;
font-weight: 500;
display: block;
margin-bottom: 32px;
}
table.advert-table {
width: 1200px;
}
table.advert-table thead tr th {
background-color: #dd236e;
color: white;
text-align: center;
width: 240px;
font-size: 18px;
}
table.advert-table tbody tr td {
text-align: center;
vertical-align: middle;
}
table.advert-table tbody tr td:nth-of-type(odd) {
background-color: #f1f1f1;
}
table.advert-table tbody tr td:first-child {
font-weight: 500;
transition: 0.2s;
cursor: pointer;
}
table.advert-table tbody tr td:first-child:hover{
background-color: #dd236e;
color: white;
}
table.advert-table tbody tr td img {
width: 30px;
}
table.advert-table tfoot tr th {
color:white;
background-color: #5b5b5b;
font-size: 18px;
text-align: center;
font-weight: 300;
}
.advert-modal {
display: table;
width: 100%;
}
.modal-TabHome-header h4 {
margin-block-start: 0;
margin-block-end: 0;
}
.left-content {
padding: 12px;
float: left;
width: 100%;
}
.right-content {
padding: 12px;
float: left;
width: 100%;
border-left: none;
border-top: 1px solid #dd236e;
}
.advert-modal h4 img {
width: 30px !important;
}
.advert-modal img {
width: 100%;
}
.advert-responsive {
overflow-x: auto;
max-width: 400px;
margin-left: auto;
margin-right: auto;
padding: 6px;
}
.advert-page .payment-detail {
width: 100%;
float: left;
padding: 6px;
margin-bottom: 32px;
}
.advert-page .payment-detail .title {
font-size: 22px;
color: #dd236e;
text-align: center;
font-weight: 500;
}
.advert-page .payment-detail .bank-detail {
display: table;
width: 100%;
}
.advert-page .payment-detail .bank-detail .image {
display: table-cell;
width: 25%;
vertical-align: middle;
text-align: center;
padding: 6px;
}
.advert-page .payment-detail .bank-detail .image img {
width: 70%;
}
.advert-page .payment-detail .bank-detail .image img.qr {
width: 95%;
}
.advert-page .payment-detail .bank-detail .detail {
display: table-cell;
width: 75%;
vertical-align: middle;
padding: 6px;
}
.advert-page .payment-form {
width: 100%;
float: left;
margin-bottom: 32px;
display: table;
padding: 6px;
}
.advert-page .payment-form .header {
font-size: 22px;
background-color: #dd236e;
color: #fff;
text-align: center;
font-weight: 500;
width: 100%;
float: left;
border: 2px solid #dd236e;
border-radius: 12px 12px 0px 0px;
}
.advert-page .payment-form .detail {
display: table;
background-color: rgb(0, 0, 0, 0.8);
border: 2px solid #dd236e;
width: 100%;
float: left;
padding: 6px;
border-radius: 0px 0px 12px 12px;
}
.advert-page .payment-form .detail .payment-input {
float: left;
width: 100%;
color: white;
padding: 12px;
}
.advert-page .payment-form .detail .payment-input input[type=text] {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1.5px solid #dd236e;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
text-align: left;
margin-top: 4px;
}
.advert-page .payment-form .detail .payment-input select {
margin-top: 4px;
}
.advert-page .payment-form .detail .payment-input img {
width: 100%;
border-radius: 12px;
cursor: pointer;
height: 318px;
object-fit: cover;
}
.advert-page .payment-form .detail .payment-button {
width: 100%;
float: left;
padding: 12px;
}
.advert-page .payment-form .detail .payment-button button {
background-color: #dd236e;
color: white;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 8px 6px;
font-size: 15px;
line-height: 1.5;
border-radius: 4px;
float: left;
width: 100%
}
.advert-page .payment-form .detail .payment-button button:hover {
background-color: #cb431f;
outline: inherit;
}
.advert-remark {
max-width: 800px;
padding: 6px;
margin-left: auto;
margin-right: auto;
margin-bottom: 24px;
color: #dd236e;
}
.page-user {
padding-top: 70px;
margin-bottom: 24px;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: table;
width: 100%;
padding: 6px;
}
.page-user .user-detail {
float: left;
width: 100%;
padding: 24px 12px;
border-radius: 12px 12px 0px 0px;
border-right: none;
display: table;
background-color: rgb(255, 255, 255,0);
color:black;
}
.page-user .user-detail .user-image {
float: left;
text-align: center;
margin-bottom: 12px;
display: inline-block;
width: 30%;
}
.page-user .user-detail .user-image img {
width: 60px;
height: 60px;
border-radius: 50%;
}
.page-user .user-detail .user-name {
float: left;
display: inline-block;
width: 70%;
text-align: center;
font-size: 18px;
margin-bottom: 12px;
font-weight: 500;
}
.page-user .user-detail .user-post {
padding-top: 0px;
padding-bottom: 0px;
border-top: none;
border-bottom: none;
border-right: 1px solid #ccc;
text-align: center;
float: left;
display: inline-block;
width: 35%;
}
.page-user .user-detail .user-post::before {
content: 'ประกาศได้ : ';
}
.page-user .user-detail .user-post::after {
content: ' ประกาศ';
}
.page-user .user-detail .user-age {
padding-top: 0px;
padding-bottom: 0px;
border-bottom: none;
margin-bottom: 0px;
text-align: center;
float: left;
display: inline-block;
width: 35%;
}
.page-user .user-detail .user-age::before {
content: 'ต่ออายุได้ : ';
}
.page-user .user-detail .user-age::after {
content: ' ครั้ง';
}
.page-user .user-detail .user-advert {
background-color: #dd236e;
color: white;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 8px 6px;
font-size: 15px;
line-height: 1.5;
border-radius: 4px;
width: 100%;
margin-top: 12px;
margin-bottom: 12px;
}
.page-user .user-detail .user-logout {
background-color: red;
color: white;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 8px 6px;
font-size: 15px;
line-height: 1.5;
border-radius: 4px;
width: 100%
}
.page-user .user-detail .user-advert:hover,.page-user .user-detail .user-logout:hover {
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}
.page-user .user-manage {
float: left;
width: 100%;
border-radius: 0px 0px 12px 12px;
display: block;
overflow: hidden;
background-color: rgb(255, 255, 255);
color:black;
min-height:550px;
}
.page-user .user-manage .manage-menu {
float: left;
width: 33.3333%;
text-align: center;
border: none;
padding: 8px 16px;
border-right: 1px solid #ccc;
background-color: rgb(208, 208, 208, 0.5);
z-index: 999;
}
.page-user .user-manage .manage-menu.online::before {
content: 'ออนไลน์ (';
}
.page-user .user-manage .manage-menu.online::after {
content: ')';
}
.page-user .user-manage .manage-menu.offline::before {
content: 'หมดอายุ (';
}
.page-user .user-manage .manage-menu.offline::after {
content: ')';
}
.page-user .user-manage .manage-menu.active {
background-color: rgb(255, 255, 255,0);
color:#dd236e;
}
.page-user .user-manage .manage-content {
display: none;
}
.page-user .user-manage .manage-content.active {
display: block;
}
.page-user .user-manage .manage-content .manage-select {
width: 100%;
float: left;
padding: 4px;
display: none;
height: 60px;
}
.page-user .user-manage .manage-content .manage-select input {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1.5px solid #dd236e;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.page-user .user-manage .manage-content .manage-fillter {
width: 100%;
float: left;
padding: 4px;
display: block;
}
.page-user .user-manage .manage-content .manage-fillter button {
background-color: #dd236e;
color: white;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 6px 6px;
font-size: 12px;
line-height: 1.5;
border-radius: 4px;
width: 100%;
}
.post-area {
padding: 6px;
border-bottom: 1px solid #ccc;
display: table;
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
}
td .post-area {
border-bottom: none;
}
.post-area:last-child {
border-bottom: none;
}
.post-area .post-area-image {
display: inline-block;
width: 100%;
float: left;
height: auto;
object-fit: cover;
overflow: hidden;
border-radius: 12px;
padding: 6px;
}
.post-area .post-area-image img {
width: 40%;
height: 100px;
border-radius: 12px;
transition: 0.2s;
object-fit: cover;
float: left;
}
.post-area .post-area-tag {
display: none;
width: 30%;
vertical-align: middle;
border-right: none;
padding-left: 6px;
padding-right: 6px;
float: left;
}
.post-area .post-area-tag span {
width: 100%;
}
.post-area .post-area-detail {
display: none;
width: 100;
vertical-align: top;
float: left;
}
.post-area .post-area-detail p {
margin: 0;
transition: 0.2s;
}
.post-area .post-area-detail .post-header {
font-size: 13px;
padding: 4px;
font-weight: 500;
}
.post-area .post-area-detail .post-detail-rent {
width: 100%;
display: table;
padding: 12px;
font-size: 11px;
}
.post-area .post-area-image .post-area-header-sm {
display: inline-block;
float: left;
width: 100%;
padding-left: 6px;
font-size: 13px;
font-weight: 500;
}
.post-area .post-area-image .post-area-detail-sm {
display: inline-block;
float: left;
width: 60%;
padding-left: 6px;
font-size: 12px;
height: 100px;
position: relative;
}
.post-area .post-area-image .post-area-detail-sm .post-area-detail-room-sm {
display: block;
padding-top: 6px;
}
.post-area .post-area-image .post-area-detail-sm .price {
position: absolute;
bottom: 0;
left: 6px;
line-height: 18px;
}
.post-area .post-area-image .post-area-detail-sm .price strong {
font-size: 20px;
color: #dd236e;
}
.post-area .post-area-condo {
display: block;
width: 100%;
text-align: left;
vertical-align: middle;
font-size: 13px;
line-height: 15px;
padding: 6px;
}
.post-area .post-area-condo img {
width: 80px;
height: 40px;
overflow: hidden;
border-radius: 12px;
margin-bottom: 6px;
display: inline-block;
float: left;
}
.post-area .post-area-condo .post-condo-name {
display: inline-block;
padding: 4px;
float: left;
}
.post-area .post-area-detail .post-detail-rent .price {
display: table-cell;
width: 25%;
text-align: left;
}
.post-area .post-area-detail .post-detail-rent .price::before {
content: "ค่าเช่า/เดือน";
font-weight: 500;
}
.post-area .post-area-detail .post-detail-rent .style {
display: table-cell;
width: 25%;
text-align: center;
}
.post-area .post-area-detail .post-detail-rent .style::before {
content: "รูปแบบห้อง";
font-weight: 500;
}
.post-area .post-area-detail .post-detail-rent .phase {
display: table-cell;
width: 10%;
text-align: center;
}
.post-area .post-area-detail .post-detail-rent .building {
display: table-cell;
width: 10%;
text-align: center;
}
.post-area .post-area-detail .post-detail-rent .building::before {
content: "ตึก";
font-weight: 500;
}
.post-area .post-area-detail .post-detail-rent .floor {
display: table-cell;
width: 10%;
text-align: center;
}
.post-area .post-area-detail .post-detail-rent .floor::before {
content: "ชั้น";
font-weight: 500;
}
.post-area .post-area-detail .post-detail-rent .size {
display: table-cell;
width: 20%;
text-align: center;
}
.post-area .post-area-detail .post-detail-rent .size::before {
content: "พื้นที่ห้อง";
font-weight: 500;
}
.post-area .post-area-detail .post-detail-sale .price {
display: table-cell;
width: 25%;
text-align: left;
}
.post-area .post-area-detail .post-detail-sale .price::before {
content: "ค่าเช่า/เดือน";
font-weight: 500;
}
.post-area .post-area-detail .post-detail-sale .style {
display: table-cell;
width: 25%;
text-align: center;
}
.post-area .post-area-detail .post-detail-sale .style::before {
content: "รูปแบบห้อง";
font-weight: 500;
}
.post-area .post-area-detail .post-detail-sale .phase {
display: table-cell;
width: 10%;
text-align: center;
}
.post-area .post-area-detail .post-detail-sale .building {
display: table-cell;
width: 10%;
text-align: center;
}
.post-area .post-area-detail .post-detail-sale .building::before {
content: "ตึก";
font-weight: 500;
}
.post-area .post-area-detail .post-detail-sale .floor {
display: table-cell;
width: 10%;
text-align: center;
}
.post-area .post-area-detail .post-detail-sale .floor::before {
content: "ชั้น";
font-weight: 500;
}
.post-area .post-area-detail .post-detail-sale .size {
display: table-cell;
width: 20%;
text-align: center;
}
.post-area .post-area-detail .post-detail-sale .size::before {
content: "พื้นที่ห้อง";
font-weight: 500;
}
.ads-tab-post .ads-tab-post-content .post-area:hover .post-area-detail p {
color: #dd236e;
}
.manage-content .post-area:hover .post-area-image img {
transform: scale(1) !important;
}
.post-area .post-area-control button {
background-color: #fff;
color: black;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 2px 6px;
font-size: 12px;
line-height: 1.5;
border-radius: 4px;
width: 50%;
margin-top: 2px;
margin-bottom: 2px;
border: 1px solid #ccc;
float: left;
border-radius: 0px 6px 6px 0px;
}
.post-area .post-area-control button:nth-of-type(odd) {
border-radius: 6px 0px 0px 6px;
}
.btn-status:hover {
color: white !important;
transition: 0.2s;
background-color: #2eb82e !important;
}
.btn-push:hover {
color: white !important;
transition: 0.2s;
background-color: #546c78 !important;
}
.btn-pin:hover {
color: white !important;
transition: 0.2s;
background-color: #d43811 !important;
}
.btn-edit:hover {
color: white !important;
transition: 0.2s;
background-color: #ff8000 !important;
}
.btn-delete:hover {
color: white !important;
transition: 0.2s;
background-color: #cc0000 !important;
}
.page-user .user-manage .user-password {
height: 510px;
margin-top: 40px;
position: relative;
width: 100%;
}
.page-user .user-manage .user-password .form-password {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
width: 90%;
}
.page-user .user-manage .user-password .form-password input {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1.5px solid #dd236e;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
margin-bottom: 12px;
}
.page-user .user-manage .user-password .form-password button {
background-color: #dd236e;
color: white;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 8px 6px;
font-size: 15px;
line-height: 1.5;
border-radius: 4px;
width: 100%;
margin-top: 12px;
}
.page-user .user-manage .user-password .form-password button:hover {
background-color: #be3c1b;
}
.page-404 {
margin-top: 60px;
padding:12px;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: auto;
position: relative;
display: table;
}
.page-404 img {
position: inherit;
width: 100%;
right: 0;
top: 0;
}
.page-404 .content {
position: inherit;
top: 0;
left: 0;
transform: none;
-ms-transform: none;
text-align: center;
width: 100%;
padding: 12px;
}
.page-404 .content a {
background-color: #dd236e;
color: #fff;
display: inline;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 6px 12px;
font-size: 13px;
line-height: 1.5;
border-radius: 6px;
float: left;
margin: 2px;
width: 48%;
}
.page-404 .content a:hover {
background-color: #cb431f;
}
.form-check input.form-check-input {
width: auto !important;
height: auto !important;
}
.edit-post-image {
position: relative;
padding: 12px;
}
.edit-post-image img {
border-radius: 12px;
height:150px;
object-fit:cover
}
.edit-post-image span {
position: absolute;
right: 6px;
top: 6px;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: red;
color: white;
text-align: center;
cursor: pointer;
}
@media (min-width:768px) {
.typeahead__container.result .typeahead__list {
max-height: 400px !important;
overflow-y: scroll;
width: 100%;
}
.rentcondobkk-home-vdo {
height: 65vh;
margin-bottom: 100px;
}
.rentcondobkk-home-vdo .box-seach {
bottom: -60px;
}
.rentcondobkk-home-vdo .box-seach .content-seach {
max-width: 800px;
padding: 24px;
font-size: 24px;
}
.rentcondobkk-home-vdo .box-seach .content-seach p {
margin-top: 0rem;
margin-bottom: 1rem;
}
.rentcondobkk-home-vdo .box-seach .content-seach .typeahead__container {
}
.rentcondobkk-home-vdo .box-seach .content-seach input {
width: 100%;
height: 38px;
}
.rentcondobkk-home-vdo .box-seach .content-seach input::-webkit-input-placeholder {
font-size: 15px;
}
.rentcondobkk-home-vdo .box-seach .content-seach button {
padding: 8px 16px;
}
body {
font-size: 15px;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 26px;
margin-top: 24px;
margin-bottom: 24px;
}
.tab-home-condo {
display: block;
}
.tab-home-condo .tab-home-content .content.train .menu-train button {
padding-left: 15%;
}
.tab-home-condo .tab-home-content .content.area .menu-area button {
padding-left: 15%;
}
.tab-home-condo-mobile {
display: none !important;
}
.home-content .content-condo .header {
font-size: 26px;
font-weight: 700;
border-bottom: 2px solid #dd236e;
display: inline-block;
margin-bottom: 24px;
}
.home-content .content-condo .header span {
font-size: 22px;
font-weight: 500;
display: inline;
margin-left: 36px;
}
.home-content .content-condo .wording {
float: right;
text-align: center;
}
.home-content .content-condo .wording .tag {
display: block;
font-weight: 500;
}
.home-content .content-condo .wording a {
position: relative;
top: 0;
right: 0;
}
.home-content .content-condo .footer {
font-size: 20px;
}
.home-content .home-post-content .post-image {
width: 25%;
}
.home-content .home-post-content .post-image.right {
width: 25%;
float: right;
}
.home-content .home-post-content .post-description {
width: 75%;
font-size: 15px;
}
.home-content .home-post-content .post-description.padding-top {
padding-top: 28px;
}
.home-content .home-post-content .post-description .focus {
font-size: 15px;
}
.home-content .home-post-content .post-description a {
font-size: 15px;
}
.home-content .home-blog {
width: 100%;
border-right: 1px solid #eeebeb;
font-size: 15px;
}
.home-content .home-news {
width: 100%;
font-size: 15px;
margin-top: 36px
}
.home-content .home-news .news {
border-bottom: none;
width: 50%;
}
.home-content .home-blog .blog .blog-content img {
height: 150px;
}
.home-content .home-news .news .news-content img {
width: 50%;
height: 150px;
}
.home-content .home-news .news .news-content .detail {
width: 50%;
}
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline .entry {
width:25%;
}
footer .footer-content .sainam-logo {
width: 6%;
}
footer .footer-content .sainam-detail {
width: 46%;
font-size: 10px;
}
footer .footer-content .sainam-detail strong {
font-size: 11px;
}
footer .footer-content .sainam-property {
width: 48%;
display: table-cell;
position: relative;
min-height: 145px;
margin-bottom: 0px;
}
footer .footer-content .sainam-property .property {
width: 200px;
position: absolute;
top: 0;
right: 0;
display: inline;
}
footer .footer-content .sainam-property .building {
width: 100%;
position: absolute;
bottom: 0;
right: 0;
}
.main-banner {
margin-top: 50px;
height: 450px;
}
.univercity-banner {
height: 450px;
}
.univercity-banner .main-banner {
height: 450px;
}
.univercity-banner .ads-banner img {
height: 450px;
}
#map-contact {
margin-top: 50px;
height: 450px;
}
.page-news-content .news-img {
width: 40%;
}
.page-news-content .news-detail {
width: 60%;
padding-top: 6px;
padding-bottom: 6px;
height: 180px;
}
.page-services {
padding-top: 0;
padding-bottom: 0;
}
.services-content h1 {
font-size: 24px;
}
.page-services .services-images,.page-services .services-content {
width: 50%;
height: 70vh;
float: left;
position: relative;
}
.page-services .services-images {
background-color: #f6f6f6;
}
.page-services .services-images.right {
float: right !important;
}
.page-services .services-images img {
position: absolute;
top: 50%;
width: 60%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}
.page-services .services-content {
background-color: white;
}
.page-services .services-content .content {
position: absolute;
top: 50%;
width: 80%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
}
.page-rate-content .rate-image {
width: 35%;
display: table-cell;
margin-bottom: 0;
}
.page-rate-content .rate-content {
width: 65%;
display: table-cell;
}
.page-contact .contact-content .contact-form {
width: 60%;
border-bottom: none;
padding: 12px;
}
.page-contact .contact-content .contact-form .user-contact {
width: 33.33%;
}
.page-contact .contact-content .contact-detail {
width: 40%;
text-align: left;
padding: 12px;
}
.page-co-agent-form .co-agent-right:last-child{
width: 20%;
}
.page-co-agent-form .co-agent-right {
width: 20%;
float: left;
}
.page-co-agent-form .co-agent-form-left {
display: table-cell;
width: 30%;
height: 600px;
border-radius: 18px 0px 0px 18px;
padding-bottom: 18px;
vertical-align: top;
}
.page-co-agent-form .co-agent-form-left .people {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.page-co-agent-form .co-agent-form-right {
display: table-cell;
border-radius: 0px 18px 18px 0px;
width: 70%;
vertical-align: top;
}
.page-co-agent-form .co-agent-form-right .form-input {
width: 50%;
}
.deposit-page .deposit-content .deposit-form .body .deposit-input {
width: 50%;
}
.deposit-page .deposit-content .deposit-form .body .deposit-input.border-right {
border-right: 1px solid rgb(242, 240, 240, 0.5);
}
.deposit-page .deposit-content .deposit-form .body .deposit-input label.title {
height: 45px;
}
.deposit-page .deposit-content .deposit-form .body .deposit-input-detail .detail-input {
width: 33.33%;
}
.deposit-page .deposit-content .deposit-form .body .deposit-input-customer {
width: 50%;
}
.deposit-page .deposit-content .deposit-form .body .deposit-input-customer.contact {
width: 33.33%;
}
.require-page .require-content .require-form .body .require-input {
width: 50%;
}
.require-page .require-content .require-form .body .require-input.border-right {
border-right: 1px solid rgb(242, 240, 240, 0.5);
}
.require-page .require-content .require-form .body .require-input label.title {
height: 45px;
}
.require-page .require-content .require-form .body .require-input-detail .detail-input {
width: 33.33%;
}
.require-page .require-content .require-form .body .require-input-customer {
width: 50%;
}
.require-page .require-content .require-form .body .require-input-customer.contact {
width: 33.33%;
}
.post-page .post-content .post-form .body .post-input {
width: 50%;
}
.post-page .post-content .post-form .body .post-input.border-right {
border-right: 1px solid rgb(242, 240, 240, 0.5);
}
.post-page .post-content .post-form .body .post-input label.title {
height: 45px;
}
.post-page .post-content .post-form .body .post-input-detail .detail-input {
width: 33.33%;
}
.post-page .post-content .post-form .body .post-input-customer {
width: 50%;
}
.post-page .post-content .post-form .body .post-input-customer.contact {
width: 33.33%;
}
.preview-img {
width: 50%;
}
.area-banner .area-box-banner {
top: 30%;
right: 10%;
width: 550px;
}
.area-banner .area-box-banner .area-box1 {
font-size: 28px;
margin-bottom: 16px;
}
.area-banner .area-box-banner .area-box2 {
font-size: 22px;
padding: 8px 18px;
}
.area-box-condo .condo-box {
width: 33.33%;
height: 200px;
}
.area-box-condo .condo-box .condo-content {
width: 60%;
}
.area-box-condo .condo-box .condo-content .condo-image .condo-name {
width: 280px;
font-size: 15px;
}
.area-box-condo .condo-box .condo-content .condo-details {
display: table-cell;
}
.area-box-condo .remark-box .remark {
font-size: 15px;
}
.ads-post-content {
font-size: 15px;
}
.ads-post-content h2 {
font-size: 22px;
}
.ads-post-description .ads-3step {
width: 40%;
}
.ads-post-description .ads-detail {
width: 60%;
}
.ads-post-description .ads-3step img,.ads-post-description .ads-detail img {
height: 170px;
}
.ads-post-search .ads-post-form .ads-post-input-radio {
width: 25%;
}
.ads-post-search .ads-post-form .ads-post-input-locotion {
width: 100%;
}
.ads-post-search .ads-post-form .ads-post-input-price {
width: 100%;
}
.ads-post-search .ads-post-form .ads-post-input-price .ads-input-select-price {
width: 420px;
}
.ads-post-search .ads-post-form .ads-post-input-bed {
width: 50%;
}
.ads-post-search .ads-post-form .ads-post-input-search {
width: 100%;
}
.ads-tab-post .ads-tab-post-menu button {
font-size: 15px;
}
.ads-tab-post .ads-tab-post-content .post-area {
display: block;
}
.post-area {
display: block;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area {
display: table;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-image {
display: inline-block;
width: 30%;
float: left;
height: 120px;
overflow: hidden;
border-radius: 12px;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-image img {
width: 100%;
height: 120px;
border-radius: 12px;
transition: 0.2s;
float: left;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-tag {
display: inline-block;
width: 10%;
vertical-align: middle;
border-right: 1px solid #dd236e;
padding: 8px;
float: left;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-tag span {
width: auto;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail {
display: inline-block;
width: 60%;
vertical-align: top;
float: left;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-header {
font-size: 15px;
height: 60px;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent {
font-size: 15px;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-condo {
display: inline-block;
width: 100%;
vertical-align: middle;
font-size: 13px;
line-height: 18px;
padding-top: 6px;
text-align: left;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-condo img {
width: 80px;
height: 50px;
overflow: hidden;
border-radius: 12px;
margin-bottom: 6px;
object-fit: cover;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-condo .post-condo-name {
display: inline-block;
padding-left: 6px;
text-align: left;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail p {
margin: 0;
transition: 0.2s;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-image .post-area-detail-sm {
display: none;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-image .post-area-header-sm {
display: none;
}
.ads-tab-post .ads-tab-post-content .post-area:hover .post-area-image img {
transform: scale(1.1);
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .price {
display: table-cell;
width: 25%;
text-align: left;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .price::before {
content: "ค่าเช่า/เดือน";
font-weight: 500;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .style {
display: table-cell;
width: 25%;
text-align: center;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .style::before {
content: "รูปแบบห้อง";
font-weight: 500;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .phase {
display: table-cell;
width: 10%;
text-align: center;
}
.ads-tab-post .ads-tab-post-content .post-area:hover .post-area-detail .post-detail-rent .phase span {
color:#dd236e;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .building {
display: table-cell;
width: 10%;
text-align: center;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .building::before {
content: "ตึก";
font-weight: 500;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .floor {
display: table-cell;
width: 10%;
text-align: center;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .floor::before {
content: "ชั้น";
font-weight: 500;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .size {
display: table-cell;
width: 20%;
text-align: center;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .size::before {
content: "พื้นที่ห้อง";
font-weight: 500;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale {
font-size: 15px;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .price {
display: table-cell;
width: 25%;
text-align: center;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .price::before {
content: "ราคาขาย";
font-weight: 500;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .style {
display: table-cell;
width: 25%;
text-align: center;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .style::before {
content: "รูปแบบห้อง";
font-weight: 500;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .phase {
display: table-cell;
width: 10%;
text-align: center;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .building {
display: table-cell;
width: 10%;
text-align: center;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .building::before {
content: "ตึก";
font-weight: 500;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .floor {
display: table-cell;
width: 10%;
text-align: center;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .floor::before {
content: "ชั้น";
font-weight: 500;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .size {
display: table-cell;
width: 20%;
text-align: center;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .size::before {
content: "พื้นที่ห้อง";
font-weight: 500;
}
.ads-tab-post .ads-tab-post-content .dont-miss-footer {
font-size: 18px;
}
.ads-tab-post .ads-tab-post-content .dont-miss-footer a {
font-size: 13px;
}
.ads-tab-post.board-post {
width: 70%;
float: left;
margin-top: 0px;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area {
padding: 12px;
border-bottom: 1px solid #ccc;
display: table;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area:last-child {
border-bottom: none;
margin-bottom: 24px;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-image {
display: inline-block;
width: 100%;
float: left;
height: auto;
object-fit: cover;
overflow: hidden;
border-radius: 12px;
padding: 6px;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-image img {
width: 40%;
height: 100px;
border-radius: 12px;
transition: 0.2s;
object-fit: cover;
float: left;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-tag {
display: none;
width: 30%;
vertical-align: middle;
border-right: none;
padding-left: 6px;
padding-right: 6px;
float: left;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-tag span {
width: 100%;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail {
display: none;
width: 100;
vertical-align: top;
float: left;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail p {
margin: 0;
transition: 0.2s;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail .post-header {
font-size: 13px;
padding: 12px 18px 12px 12px;
font-weight: 500;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent {
width: 100%;
display: table;
padding: 12px;
font-size: 11px;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-image .post-area-header-sm {
display: inline-block;
float: left;
width: 100%;
padding-left: 6px;
font-size: 13px;
font-weight: 500;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-image .post-area-detail-sm {
display: inline-block;
float: left;
width: 60%;
padding-left: 6px;
font-size: 12px;
height: 100px;
position: relative;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-image .post-area-detail-sm .post-area-detail-room-sm {
display: block;
padding-top: 6px;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-image .post-area-detail-sm .price {
position: absolute;
bottom: 0;
left: 6px;
line-height: 18px;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-image .post-area-detail-sm .price strong {
font-size: 20px;
color:#dd236e;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-condo {
display: block;
width: 100%;
text-align: left;
vertical-align: middle;
font-size: 13px;
line-height: 15px;
padding: 6px;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-condo img {
width: 80px;
height: 40px;
overflow: hidden;
border-radius: 12px;
margin-bottom: 6px;
display: inline-block;
float: left;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-condo .post-condo-name {
display: inline-block;
padding: 4px;
float: left;
}
.pagination .page-link {
font-size: 15px;
}
.main-condo-box .main-condo-menu {
height: 40px;
}
.board-seach .box-search .option {
margin-bottom: 18px;
width: 33.3333%;
}
.board-seach .box-search button {
margin-top: 6px;
width: 33.3333%
}
.board-ads {
width: 30%;
float: left;
}
.board-ads.in-post {
margin-top: 6px;
}
.board-detail .image {
padding: 6px;
display: table-cell;
width: 30%;
}
.board-detail .image img {
width: 100%;
height: 140px;
object-fit: cover;
border-radius: 12px;
}
.board-detail .detail {
padding: 12px;
display: table-cell;
width: 70%;
position: relative;
vertical-align: top;
text-align: left;
}
.board-detail .detail .header {
width: 100%;
text-align: center;
font-size: 16px;
font-weight: 500;
color: #dd236e;
}
.board-detail .detail .description {
position: absolute;
bottom: 0;
left: 6px;
width: 55%;
text-align: left;
}
.board-detail .detail .description p {
margin: 0;
font-size: 13px;
}
.board-detail .detail .description .info {
margin-right: 6px;
color: #dd236e;
font-size: 12px;
}
.board-detail .detail .description .info svg,.board-detail .detail .description .info strong {
color: black;
}
.board-detail .detail .description .info .rent-stairs {
width: 14px;
height: 14px;
}
.board-detail .detail .tag {
position: absolute;
bottom: 0;
right: 6px;
text-align: center;
width: 45%;
}
.board-detail .detail .tag p {
margin: 0;
}
.board-detail .detail .tag strong.title-price {
display: block;
font-size: 14px;
}
.board-detail .detail .tag strong.price {
display: block;
font-size: 22px;
}
.board-content .header {
font-size: 16px;
}
.board-content div.table .contact {
width: 25%;
}
.board-content div.table .detail {
width: 50%;
}
.board-content div.table .detail:last-of-type {
width: 100%;
}
.board-content.sales div.table .detail:last-of-type {
width: 50%;
}
.board-content .remark {
position: absolute;
bottom: 0;
left: 0;
}
.board-content .remark .title {
width: 12%;
}
.board-content .remark .detail {
width: 88% !important;
}
.board-facility .detail .facility {
height: 125px;
font-size: 15px;
width: 25%;
}
.board-facility .detail .facility img {
height: 50px;
}
.board-service .image {
float: none;
width: 35%;
padding: 6px;
display: table-cell;
}
.board-service .title {
float: none;
width: 65%;
padding: 6px;
text-align: center;
display: table-cell;
vertical-align: middle;
}
.board-service .title strong {
font-size: 18px;
}
.board-service .title img {
width: 40px;
height: 40px;
margin-top: 20px;
}
.board-service .detail {
display: inline-block;
width: 100%;
float: left;
margin-top: 12px;
font-size: 15px;
}
.board-service .detail img {
width: 30px;
}
.board-service.check {
width: 50%;
float: left;
}
.advert-page .title-table {
font-size: 24px;
}
.advert-page .advert-image {
width: 30%;
display: table-cell;
}
.advert-page .advert-check {
width: 70%;
display: table-cell;
}
.advert-page .advert-check .detail {
width: 100%;
font-size: 13px;
}
.advert-page .advert-check h2 {
font-size: 20px;
}
.advert-page .advert-check .detail .list {
width: 50%;
font-size: 18px;
}
.left-content {
width: 50%;
float: none;
display: table-cell;
}
.right-content {
width: 50%;
border-left: 1px solid #dd236e;
border-top: none;
float: none;
display: table-cell;
}
.advert-responsive {
max-width: 1200px;
width: 100%;
overflow-x: hidden;
}
.advert-page .payment-detail {
width: 40%;
}
.advert-page .payment-form {
width: 60%;
}
.advert-page .payment-form .detail .payment-input {
width: 50%;
}
.page-user .user-detail {
float: none;
width: 22%;
padding: 24px 12px;
border-radius: 12px 0px 0px 12px;
border: 1px solid #ccc;
display: table-cell;
min-height: 550px;
background-color: rgb(255, 255, 255);
}
.page-user .user-detail .user-image {
text-align: center;
margin-bottom: 12px;
display: block;
width: 100%;
}
.page-user .user-detail .user-image img {
width: 100px;
height: 100px;
border-radius: 50%;
}
.page-user .user-detail .user-name {
text-align: center;
font-size: 18px;
margin-bottom: 12px;
font-weight: 500;
width: 100%;
}
.page-user .user-detail .user-post {
padding-top: 12px;
padding-bottom: 12px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: none;
text-align: center;
font-size: 15px;
display: block;
width: 100%;
}
.page-user .user-detail .user-age {
padding-top: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #ccc;
margin-bottom: 12px;
text-align: center;
font-size: 15px;
display: block;
width: 100%;
}
.page-user .user-manage {
float: none;
width: 78%;
vertical-align: top;
border-radius: 0px 12px 12px 0px;
display: table-cell;
border: 1px solid #ccc;
}
.page-user .user-manage .manage-menu.online::before {
content: 'ประกาศออนไลน์ (';
}
.page-user .user-manage .manage-menu.online::after {
content: ')';
}
.page-user .user-manage .manage-menu.offline::before {
content: 'ประกาศหมดอายุ (';
}
.page-user .user-manage .manage-menu.offline::after {
content: ')';
}
.page-user .user-manage .manage-content .manage-select {
width: 25%;
padding: 12px;
display: block !important;
}
.page-user .user-manage .manage-content .manage-fillter {
display: none;
}
.manage-content .post-area {
display: table;
}
.post-area .post-area-image {
display: table-cell;
width: 20%;
float: none;
height: 120px;
overflow: hidden;
border-radius: 12px;
}
.post-area .post-area-image img {
width: 100%;
height: 120px;
border-radius: 12px;
transition: 0.2s;
float: left;
}
.post-area .post-area-tag {
display: table-cell;
width: 12%;
vertical-align: middle;
border-right: 1px solid #dd236e;
padding: 8px;
float: none;
}
.post-area .post-area-tag span {
width: auto;
}
.post-area .post-area-detail {
display: table-cell;
width: 65%;
vertical-align: top;
float: none;
}
.post-area .post-area-detail .post-header {
font-size: 15px;
height: 60px;
}
.post-area .post-area-detail .post-detail-rent {
font-size: 15px;
}
.post-area .post-area-condo {
display: inline-block;
width: 100%;
vertical-align: middle;
font-size: 13px;
line-height: 18px;
padding-top: 6px;
text-align: left;
}
.post-area .post-area-condo img {
width: 80px;
height: 50px;
overflow: hidden;
border-radius: 12px;
margin-bottom: 6px;
object-fit: cover;
}
.post-area .post-area-condo .post-condo-name {
display: inline-block;
padding-left: 6px;
text-align: left;
}
.post-area .post-area-detail p {
margin: 0;
transition: 0.2s;
}
.post-area .post-area-image .post-area-detail-sm {
display: none;
}
.post-area .post-area-image .post-area-header-sm {
display: none;
}
.manage-content .post-area:hover .post-area-image img {
transform: scale(1) !important;
}
.post-area .post-area-detail .post-detail-rent .price {
display: table-cell;
width: 25%;
text-align: left;
}
.post-area .post-area-detail .post-detail-rent .price::before {
content: "ค่าเช่า/เดือน";
font-weight: 500;
}
.post-area .post-area-detail .post-detail-rent .style {
display: table-cell;
width: 25%;
text-align: center;
}
.post-area .post-area-detail .post-detail-rent .style::before {
content: "รูปแบบห้อง";
font-weight: 500;
}
.post-area .post-area-detail .post-detail-rent .phase {
display: table-cell;
width: 10%;
text-align: center;
}
.post-area .post-area-detail .post-detail-rent .building {
display: table-cell;
width: 10%;
text-align: center;
}
.post-area .post-area-detail .post-detail-rent .building::before {
content: "ตึก";
font-weight: 500;
}
.post-area .post-area-detail .post-detail-rent .floor {
display: table-cell;
width: 10%;
text-align: center;
}
.post-area .post-area-detail .post-detail-rent .floor::before {
content: "ชั้น";
font-weight: 500;
}
.post-area .post-area-detail .post-detail-rent .size {
display: table-cell;
width: 20%;
text-align: center;
}
.post-area .post-area-detail .post-detail-rent .size::before {
content: "พื้นที่ห้อง";
font-weight: 500;
}
.post-area .post-area-detail .post-detail-sale {
font-size: 15px;
}
.post-area .post-area-detail .post-detail-sale .price {
display: table-cell;
width: 25%;
text-align: center;
}
.post-area .post-area-detail .post-detail-sale .price::before {
content: "ราคาขาย";
font-weight: 500;
}
.post-area .post-area-detail .post-detail-sale .style {
display: table-cell;
width: 25%;
text-align: center;
}
.post-area .post-area-detail .post-detail-sale .style::before {
content: "รูปแบบห้อง";
font-weight: 500;
}
.post-area .post-area-detail .post-detail-sale .phase {
display: table-cell;
width: 10%;
text-align: center;
}
.post-area .post-area-detail .post-detail-sale .building {
display: table-cell;
width: 10%;
text-align: center;
}
.post-area .post-area-detail .post-detail-sale .building::before {
content: "ตึก";
font-weight: 500;
}
.post-area .post-area-detail .post-detail-sale .floor {
display: table-cell;
width: 10%;
text-align: center;
}
.post-area .post-area-detail .post-detail-sale .floor::before {
content: "ชั้น";
font-weight: 500;
}
.post-area .post-area-detail .post-detail-sale .size {
display: table-cell;
width: 20%;
text-align: center;
}
.post-area .post-area-detail .post-detail-sale .size::before {
content: "พื้นที่ห้อง";
font-weight: 500;
}
.post-area .post-area-control button {
width: 20%;
float: left;
margin-bottom: 18px;
border-radius: 0px;
}
.post-area .post-area-control button:first-of-type {
border-radius: 6px 0px 0px 6px;
}
.post-area .post-area-control button:last-of-type {
border-radius: 0px 6px 6px 0px;
}
.page-user .user-manage .user-password {
height: 600px;
}
.page-user .user-manage .user-password .form-password {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
width: 300px;
}
.page-404 {
margin-top: 90px;
padding:12px;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 500px;
position: relative;
}
.page-404 img {
position: absolute;
width: 60%;
right: 0;
top: 0;
}
.page-404 .content {
position: absolute;
top: 50%;
left: 0;
transform: translate(0%, -50%);
-ms-transform: translate(-0%, -50%);
text-align: center;
width: 40%;
}
.page-404 .content a {
width: 48%;
display: inline-block;
}
.tab-home-condo .tab-home-content.univercity .content.univercity a {
width: 50%;
}
}
@media (min-width:1024px) {
.area-box-condo {
margin-top: 2px;
}
footer .footer-content .sainam-logo {
width: 4%;
float: none;
}
footer .footer-content .sainam-detail {
width: 46%;
font-size: 12px;
vertical-align: top;
float: none;
}
footer .footer-content .sainam-detail strong {
font-size: 14px;
}
footer .footer-content .sainam-property {
width: 50%;
position: relative;
min-height: 160px;
margin-bottom: 0px;
float: none;
}
footer .footer-content .sainam-property .property {
width: 200px;
position: absolute;
top: 0;
right: 0;
display: inline;
}
footer .footer-content .sainam-property .building {
width: 110%;
position: absolute;
bottom: 0;
right: 0;
}
nav .box-set1 .box-menu-set1 {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
position: relative;
padding-top: 0px;
padding-bottom: 0px;
}
nav .box-set1 .box-menu-set1 img.rentcon-logo {
height: 55px;
}
nav .box-set1 .box-menu-set1 img.rentcon-logo-white {
height: 55px;
}
nav.top .box-set1 .box-menu-set1 img.rentcon-logo {
height: 55px;
}
nav.top .box-set1 .box-menu-set1 img.rentcon-logo-white {
height: 55px;
}
nav .box-set1 .box-menu-set1 .menu-right {
display: block;
padding: 8px;
}
nav .box-set1 .box-menu-set1 .menu-right div.call-center {
font-size: 18px;
}
nav .box-set1 .box-menu-set1 .menu-right div.call-center img {
height: 35px;
}
nav .box-set1 .box-menu-set1 .menu-right div.call-center a.call-center {
font-size: 22px;
}
nav .box-set2 {
display: block;
}
nav.top .box-set1 .box-menu-set1 .menu-right {
padding: 0px;
}
nav.top .box-set2 .box-menu-set2 a.btn-nav-menu,nav.top .box-set2 .box-menu-set2-right a.btn-nav-menu {
font-size: 13px;
}
nav.top .box-set2 .box-menu-set2 a.btn-nav-menu,nav.top .box-set2 .box-menu-set2-right a.btn-nav-menu {
font-weight: 500;
font-size: 16px;
}
nav .box-menu-set1 .menu-mobile {
display: none;
}
.tab-menu-mobile {
display: none !important;
}
.tab-home-condo .tab-home-content .content.train .menu-train button {
padding-left: 25%;
}
.tab-home-condo .tab-home-content .content.area .menu-area button {
padding-left: 25%;
}
.main-banner {
margin-top: 50px;
height: 60vh;
}
.univercity-banner {
height: 65vh;
}
.univercity-banner .main-banner {
height: 65vh;
}
.univercity-banner .ads-banner img {
height: 65vh;
}
.home-content .content-condo .header {
font-size: 36px;
font-weight: 700;
border-bottom: 2px solid #dd236e;
display: inline-block;
margin-bottom: 0px;
}
.home-content .content-condo .header span {
font-size: 28px;
font-weight: 500;
display: inline;
margin-left: 36px;
}
.home-content .home-post-content .post-image {
width: 25%;
}
.home-content .home-post-content .post-image.right {
width: 25%;
float: right;
}
.home-content .home-post-content .post-description {
width: 75%;
font-size: 18px;
}
.home-content .home-post-content .post-description.padding-top {
padding-top: 72px;
}
.home-content .home-post-content .post-description .focus {
font-size: 24px;
}
.home-content .home-blog {
width: 50%;
border-right: 1px solid #eeebeb;
font-size: 15px;
}
.home-content .home-news {
width: 50%;
font-size: 15px;
margin-top: 0px;
}
.home-content .home-news .news {
border-bottom: none;
width: 100%;
}
.home-content .home-blog .blog .blog-content img {
height: 120px;
}
.home-content .home-news .news .news-content img {
height: 113px;
}
.services-content h1 {
font-size: 30px;
}
.tab-home-condo .tab-home-content.train .content.train .content-train .trainline .entry {
width:20%;
}
.post-page .post-content .post-form .body .post-input-detail .post-show-detail {
width: 100%;
}
.board-page {
margin-top: 12px;
margin-bottom: 32px;
}
.area-page {
font-family: 'Noto Sans Thai', sans-serif;
font-weight: 400;
}
.page-news-content {
padding: 32px 12px 32px 12px;
}
.page-rate-900 {
padding: 32px 12px 32px 12px;
}
.page-rate-1200 {
padding: 32px 12px 32px 12px;
}
.area-box-condo .remark div {
float: left;
width: auto;
display: table-cell;
}
.ads-post-description .ads-3step img,.ads-post-description .ads-detail img {
height: 280px;
}
.ads-post-search .ads-post-form .ads-post-input-radio {
width: 15%;
margin-bottom: 6px;
}
.ads-post-search .ads-post-form .ads-post-input-locotion {
width: 100%;
}
.ads-post-search .ads-post-form .ads-post-input-price {
width: 100%;
}
.ads-post-search .ads-post-form .ads-post-input-bed {
width: 20%;
}
.ads-post-search .ads-post-form .ads-post-input-search {
width: 10%;
}
.ads-post-search .ads-post-form .ads-post-input-search button {
width: auto;
}
.ads-tab-post.board-post {
width: 75%;
float: left;
margin-top: 6px;
min-height: 260px;
}
.ads-tab-post .ads-tab-post-content .post-area {
display: table;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-image {
display: table-cell;
float: none;
height: 140px;
overflow: hidden;
border-radius: 12px;
width: 1000px;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-image img {
width: 100%;
height: 140px;
border-radius: 12px;
transition: 0.2s;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-tag {
display: table-cell;
width: 10%;
vertical-align: middle;
border-right: 1px solid #dd236e;
padding: 8px;
float: none;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail {
display: table-cell;
width: 52%;
vertical-align: top;
float: none;
font-size: 15px;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-condo {
display: table-cell;
width: 18%;
text-align: center;
vertical-align: middle;
font-size: 13px;
line-height: 15px;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-condo img {
width: 50%;
height: 80px;
overflow: hidden;
border-radius: 12px;
margin-bottom: 6px;
float: none;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-condo .post-condo-name {
display: block;
text-align: center;
width: 100%;
font-size: 12px;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail p {
margin: 0;
transition: 0.2s;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-header {
font-size: 15px;
padding: 12px;
font-weight: 500;
height: 80px;
}
.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent,.ads-tab-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale {
width: 100%;
display: table;
padding: 12px;
font-size: 15px;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-image {
display: table-cell;
width: 270px;
float: none;
height: 120px;
overflow: hidden;
border-radius: 12px;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-image img {
width: 100%;
height: 120px;
border-radius: 12px;
transition: 0.2s;
float: left;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-tag {
display: table-cell;
width: 10%;
vertical-align: middle;
border-right: 1px solid #dd236e;
padding: 8px;
float: none;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-tag span {
width: auto;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail {
display: table-cell;
width: 60%;
vertical-align: top;
float: none;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail .post-header {
font-size: 15px;
height: 60px;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent {
font-size: 15px;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-condo {
display: inline-block;
width: 100%;
vertical-align: middle;
font-size: 13px;
line-height: 18px;
padding-top: 6px;
text-align: left;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-condo img {
width: 80px;
height: 50px;
overflow: hidden;
border-radius: 12px;
margin-bottom: 6px;
object-fit: cover;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-condo .post-condo-name {
display: inline-block;
padding-left: 6px;
text-align: left;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail p {
margin: 0;
transition: 0.2s;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-image .post-area-detail-sm {
display: none;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-image .post-area-header-sm {
display: none;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area:hover .post-area-image img {
transform: scale(1.1);
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .price {
display: table-cell;
width: 20%;
text-align: right;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .price::before {
content: "ค่าเช่า/เดือน";
font-weight: 500;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .style {
display: table-cell;
width: 22%;
text-align: left;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .style::before {
content: "รูปแบบห้อง";
font-weight: 500;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .phase {
display: table-cell;
width: 10%;
text-align: center;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .building {
display: table-cell;
width: 10%;
text-align: center;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .building::before {
content: "ตึก";
font-weight: 500;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .floor {
display: table-cell;
width: 10%;
text-align: center;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .floor::before {
content: "ชั้น";
font-weight: 500;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .size {
display: table-cell;
width: 28%;
text-align: center;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail .post-detail-rent .size::before {
content: "พื้นที่ห้อง";
font-weight: 500;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale {
font-size: 15px;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .price {
display: table-cell;
width: 25%;
text-align: center;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .price::before {
content: "ราคาขาย";
font-weight: 500;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .style {
display: table-cell;
width: 22%;
text-align: left;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .style::before {
content: "รูปแบบห้อง";
font-weight: 500;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .phase {
display: table-cell;
width: 10%;
text-align: center;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .building {
display: table-cell;
width: 10%;
text-align: center;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .building::before {
content: "ตึก";
font-weight: 500;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .floor {
display: table-cell;
width: 10%;
text-align: center;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .floor::before {
content: "ชั้น";
font-weight: 500;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .size {
display: table-cell;
width: 23%;
text-align: center;
}
.ads-tab-post.board-post .ads-tab-post-content .post-area .post-area-detail .post-detail-sale .size::before {
content: "พื้นที่ห้อง";
font-weight: 500;
}
.ads-tab-post.board-post .ads-tab-post-content .dont-miss-footer {
font-size: 18px;
}
.ads-tab-post.board-post .ads-tab-post-content .dont-miss-footer a {
font-size: 13px;
}
.board-seach {
float: right;
width: 25%;
}
.board-seach .box-search .option {
width: 100%;
margin-bottom: 6px;
}
.board-seach .box-search button {
width: 100%;
float: none;
}
.board-ads {
width: 25%;
}
.board-image {
margin-top: 0px;
}
.board-detail .image {
padding: 12px;
display: table-cell;
width: 30%;
}
.board-detail .image img {
width: 100%;
height: 200px;
object-fit: cover;
border-radius: 12px;
}
.board-detail .detail {
padding: 12px;
display: table-cell;
width: 70%;
position: relative;
vertical-align: top;
}
.board-detail .detail .header {
width: 100%;
text-align: center;
font-size: 24px;
font-weight: 500;
color: #dd236e;
}
.board-detail .detail .description {
position: absolute;
bottom: 0;
left: 12px;
width: 65%;
}
.board-detail .detail .description p {
margin-top: 0;
margin-bottom: 1rem;
font-size: 15px;
}
.board-detail .detail .description .info {
margin-right: 12px;
color: #dd236e;
font-size: 16px;
}
.board-detail .detail .description .info svg,.board-detail .detail .description .info strong {
color: black;
}
.board-detail .detail .description .info .rent-stairs {
width: 14px;
height: 14px;
}
.board-detail .detail .tag {
position: absolute;
bottom: 0;
right: 12px;
text-align: center;
width: 35%;
}
.board-detail .detail .tag p {
margin-top: 0;
margin-bottom: 0.6rem;
}
.board-detail .detail .tag strong.title-price {
display: block;
font-size: 18px;
}
.board-detail .detail .tag strong.price {
display: block;
font-size: 32px;
}
.board-content .header {
font-size: 24px;
}
.board-content .detail {
width: 60%;
}
.board-content div.table {
width: 40%;
padding: 6px;
}
.board-content.sales .detail {
width: 65%;
}
.board-content.sales div.table {
width: 35%;
}
.board-content div.table .contact {
width: 50%;
}
.board-content div.table .contact a,.board-content .table .contact button {
font-size: 15px;
}
.board-content div.table .detail {
width: 100%;
}
.board-content.sales div.table .detail:last-of-type {
width: 100%;
}
.board-service .title strong {
font-size: 24px;
}
.board-service .title img {
width: 60px;
height: 60px;
}
.board-service .detail {
display: table-cell;
width: 33.33%;
float: none;
vertical-align: middle;
font-size: 15px;
}
.board-service.check {
width: 100%;
float: left;
}
.advert-page .advert-image {
width: 40%;
display: table-cell;
}
.advert-page .advert-check {
width: 60%;
display: table-cell;
}
.advert-page .advert-check .detail {
width: 95%;
font-size: 15px;
}
.advert-page .advert-check h2 {
font-size: 26px;
}
.advert-page .advert-check .detail .list img {
width: 30px;
}
.advert-page .advert-check .detail .list {
height: 50px;
font-size: 18px;
}
.page-user {
padding-top: 132px;
padding-bottom: 32px;
}
.post-area {
display: table;
}
.post-area .post-area-image {
display: table-cell;
width: 28%;
float: none;
height: 140px;
overflow: hidden;
border-radius: 12px;
}
.post-area .post-area-image img {
width: 100%;
height: 140px;
border-radius: 12px;
transition: 0.2s;
}
.post-area .post-area-tag {
display: table-cell;
width: 10%;
vertical-align: middle;
border-right: 1px solid #dd236e;
padding: 8px;
float: none;
}
.post-area .post-area-detail {
display: table-cell;
width: 52%;
vertical-align: top;
float: none;
font-size: 15px;
}
.post-area .post-area-control {
display: table-cell;
width: 18%;
text-align: center;
vertical-align: middle;
font-size: 13px;
line-height: 15px;
}
.post-area .post-area-detail p {
margin: 0;
transition: 0.2s;
}
.post-area .post-area-detail .post-header {
font-size: 15px;
padding: 12px;
font-weight: 500;
height: 80px;
}
.post-area .post-area-detail .post-detail-rent, .post-area .post-area-detail .post-detail-sale {
width: 100%;
display: table;
padding: 12px;
font-size: 15px;
}
.post-area .post-area-control button {
width: 100%;
border-radius: 6px !important;
margin-bottom: 2px;
}
.post-area .post-area-control button:nth-of-type(odd) {
background-color: #dfdfdf;
}
.page-404 {
margin-top: 150px;
height: 600px;
}
.page-404 .content a {
width: auto;
display: inline-block;
float: none;
}
.area-box-condo .condo-box .condo-content {
width: 60%;
}
.area-box-condo .condo-box .condo-content .condo-image .condo-name {
width: 300px;
font-size: 15px;
}
.tab-home-condo .tab-home-content.univercity .content.univercity a {
width: 49.5%;
}
}
.btn-tag {
padding: 0.25rem 0.5rem;
margin-top: 2px;
font-size: 14px;
line-height: 1.5;
border-radius: 8px;
background-color: #dd236e;
font-family: 'Noto Sans Thai', sans-serif;
font-weight: 400;
color: white;
border: 2px solid #fefefe;
display: inline-block;
transition: 0.7s all;
}
@media (max-width:320px) {
.btn-tag {
margin-top: 2px;
}
}
.btn-tag#all{
background-color:#2d3e50;
}
.btn-tag#all:hover{
color: #2d3e50;
background-color:#ffffff;
border: 2px solid #2d3e50;
transition: 0.7s all;
}
.btn-tag:hover {
background-color: white;
color: #dd236e;
border: 2px solid #dd236e;
}
@media (max-width:767px) {
.hide-sm {
display: none !important;
}
.main-condo-box {
width: 100%;
}
}
@media (min-width:768px) and (max-width:999px) {
.hide-md {
display: none !important;
}
}
@media (min-width:1000px) {
.hide-lg {
display: none !important;
}
}
#show_favorite .post-area {
position: relative;
}
#show_favorite .post-area:hover {
color: #dd236e;
}
#show_favorite .post-area .post-fav-close {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
background-color: red;
width: 16px;
height: 16px;
border-radius: 50%;
line-height: 1.2;
text-align: center;
color: white;
font-size: 12px;
}
#show_favorite .post-area .post-area-image {
border: 1px solid #ccc;
border-radius: 12px;
height: 178px;
box-shadow: 4px 4px 4px #ccc;
}
#show_favorite .post-area .post-area-image .post-area-header-sm {
display: inline-block;
float: left;
width: 100%;
padding-left: 6px;
font-size: 13px;
font-weight: 500;
height: 58px;
}
#show_favorite .post-area .post-area-image img {
width: 40%;
height: 100px;
border-radius: 12px;
transition: 0.2s;
object-fit: cover;
float: left;
}
#show_favorite .post-area .post-area-image .post-area-detail-sm {
display: inline-block;
float: left;
width: 60%;
padding-left: 6px;
font-size: 12px;
height: 100px;
position: relative;
}