:root { --head-color:#295352; --head-color-lower:#5E7773; --sub-color:#BA925E; --cream-color:#f8f2ea; --body-txt-color:#939598; --body-txt-color2:#b4b3ae; --font-title:'made_canvas_light','DB Moment X','sans-serif'; --font-normal:'DB Moment X','sans-serif'; --txt-size-normal:1.4em; --color-bg-normal:#FFF; --txt-header-bf:#FFF; --txt-size-header:0.8em; --text-size-slide:1.15em; --text-size-btn:1em; --text-gray:#6D6E6F; --color-white:#FFF; --color-gold:#BA925E; --color-gold-hover:#947247; } .preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; } .txt-gold{ color:var(--color-gold);} .text-left{ text-align:left !important;} img{ height:auto;} @font-face { font-family: 'made_canvas_light'; src: url('../fonts/made_canvas_light-webfont.woff2') format('woff2'), url('../fonts/made_canvas_light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DB Moment X'; src: URL('../fonts/DB_MomentX.ttf') format('truetype'); } body{ font-family:var(--font-normal); font-size:var(--txt-size-normal); line-height:1.5em; font-weight:300; color:var(--body-txt-color); } a,a:hover { color: var(--sub-color); } .only-smt{ display:none; } #container{ width: 100%; overflow:hidden;} #container ul{ margin-left: 0px; list-style: none; padding-left: 1rem; } #container ul li::before , #footer ul li::before{ color: var( --sub-color) !important; content: "\2022"; font-weight: bold; display: inline-block; width: 1rem; margin-left: -1rem; } #wpadminbar li::before { content: "" !important; display: inherit !important; } ul.sub-color{ list-style: none; } ul.sub-color li::before { color: var( --sub-color) !important; content: "\2022"; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; } ul.slick-slider,.tabSection ul{ list-style: none; } ul.slick-slider,.tabSection ul{ padding-left: 0px !important;} ul.slick-slider li::before,.tabSection ul li::before{ content:""; display:none !important; } .sub-menu-smt{ display:none;} .sub-menu-top .list{ margin-bottom:15px !important;} .sub-menu-top .list.has-strong{ margin-bottom: 3px !important; } .sub-menu-top .list.v-center{ margin-top:15px;} .menu-item-has-children .box-menu{ position: relative; } .menu-item-has-children .box-menu a::after{ position: absolute; top: 24px; right: 0; width: 10px; height: 6px; background-image: url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M1 1L7.5 7L14 1' stroke='%236D6E6F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-position: 100%; background-repeat: no-repeat; background-size: 10px 6px; content: ""; } .tableMobile{ display: none;} .cover-169 { width: 100%; overflow: hidden; margin: 0; padding-top: 56.25%; position: relative; } .cover-169 img{ position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); } .cover-169.video::after{ content: ""; width: 65px; height: 65px; background:url(../images/youtube-ico.svg) no-repeat; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); } .txt-gold{ color:var(--sub-color);} .btn.btn-link,.btn.btn-link:hover,.btn.btn-link:active,.btn.btn-link:focus{ color:var(--sub-color); text-decoration:underline; font-size: 1em;} .btn.btn-link:hover{ text-decoration:none; } .hide{display:none;} .bgWhitleLeft30{ background: #FFF; height: 100%; width: 20%;} .bgCream{background-color: var(--cream-color);} .breadcrumb{ margin-top:30px; margin-bottom:70px; color:var(--sub-color); font-size: 0.9em; display: flex; align-items: center; list-style-type: none; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .breadcrumb a{ color:var(--body-txt-color); text-decoration: none;} .breadcrumb .active{color:var(--sub-color);} .breadcrumb-item + .breadcrumb-item::before { content: url("data:image/svg+xml,%3Csvg width='7' height='9' viewBox='0 0 7 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.66699 0.833496L5.33366 4.50016L1.66699 8.16683' stroke='%236D6E6F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} .box-center{ text-align:center; margin:auto;} #header{ height:75px; background:none; padding-top:10px; width:100%; position:fixed; top:0px; left:0px; z-index:100; font-size: 1.1em; } #header::after{ content: ""; display: block; width: calc(100% - 30px); margin: 0; border-bottom: solid var(--txt-header-bf) 1px; transform: translate(15px, 0%) } #header a,#header a:hover,#header a:active,#header a:focus{ color:var(--txt-header-bf); } #header.active /* ,#header:hover */ { background-color:var(--txt-header-bf); box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.15); -webkit-box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.15); -moz-box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.15); } #header.active a, #header.active a:hover, #header.active a:active, #header.active a:focus /* ,#header:hover a, #header:hover a:hover, #header:hover a:active, #header:hover a:focus */ { color:var(--sub-color); } #header.active .boxLogo img /* ,#header:hover .boxLogo img */ { content:url("../images/logo1.png"); max-width: 100%; max-height: 100%; } #header.active::after /* ,#header:hover::after */ { content: ""; display: block; border-bottom: none; } .block-space{ height:70px;} .block-space-min{ height:20px;} .boxLogo{ height:50px; width: 215px; } .boxLogo img{height:100%; width:auto;} #header .top-container.container{ display:flex; max-width: 100%; padding-left:32px; padding-right:32px;} #header ul{ padding-left:0px; margin-bottom:0px;} #header .groupMenu .menu li.menu-item:first-child a{position:relative; padding-left: 25px;} #header .groupMenu .menu li.menu-item:first-child a::before{ top: 11px; bottom: 0px; left: 3px; position: absolute; display: inline-block; content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1195 9.27579L9.61948 0.942461C9.30365 0.590794 8.69698 0.590794 8.38115 0.942461L0.881145 9.27579C0.773192 9.39546 0.702333 9.54391 0.677182 9.70309C0.652032 9.86228 0.673674 10.0253 0.739479 10.1725C0.872812 10.4733 1.17115 10.6666 1.50031 10.6666H3.16698V16.5C3.16698 16.721 3.25478 16.9329 3.41106 17.0892C3.56734 17.2455 3.7793 17.3333 4.00031 17.3333H6.50031C6.72133 17.3333 6.93329 17.2455 7.08957 17.0892C7.24585 16.9329 7.33365 16.721 7.33365 16.5V13.1666H10.667V16.5C10.667 16.721 10.7548 16.9329 10.9111 17.0892C11.0673 17.2455 11.2793 17.3333 11.5003 17.3333H14.0003C14.2213 17.3333 14.4333 17.2455 14.5896 17.0892C14.7458 16.9329 14.8336 16.721 14.8336 16.5V10.6666H16.5003C16.6617 10.6673 16.8198 10.621 16.9553 10.5334C17.0909 10.4458 17.198 10.3206 17.2636 10.1732C17.3293 10.0258 17.3506 9.86241 17.325 9.70306C17.2994 9.54372 17.228 9.39526 17.1195 9.27579Z' fill='white'/%3E%3C/svg%3E%0A"); } #header.active .groupMenu .menu li.menu-item:first-child a::before{ content:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1195 9.27579L9.61948 0.942461C9.30365 0.590794 8.69698 0.590794 8.38115 0.942461L0.881145 9.27579C0.773192 9.39546 0.702333 9.54391 0.677182 9.70309C0.652032 9.86228 0.673674 10.0253 0.739479 10.1725C0.872812 10.4733 1.17115 10.6666 1.50031 10.6666H3.16698V16.5C3.16698 16.721 3.25478 16.9329 3.41106 17.0892C3.56734 17.2455 3.7793 17.3333 4.00031 17.3333H6.50031C6.72133 17.3333 6.93329 17.2455 7.08957 17.0892C7.24585 16.9329 7.33365 16.721 7.33365 16.5V13.1666H10.667V16.5C10.667 16.721 10.7548 16.9329 10.9111 17.0892C11.0673 17.2455 11.2793 17.3333 11.5003 17.3333H14.0003C14.2213 17.3333 14.4333 17.2455 14.5896 17.0892C14.7458 16.9329 14.8336 16.721 14.8336 16.5V10.6666H16.5003C16.6617 10.6673 16.8198 10.621 16.9553 10.5334C17.0909 10.4458 17.198 10.3206 17.2636 10.1732C17.3293 10.0258 17.3506 9.86241 17.325 9.70306C17.2994 9.54372 17.228 9.39526 17.1195 9.27579Z' fill='%23BA925E'/%3E%3C/svg%3E%0A"); } .lineTitle{ background-image: url("data:image/svg+xml,%3Csvg width='75' height='26' viewBox='0 0 75 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M74.3644 11.6201C74.1821 11.0572 73.9371 10.5127 73.7179 10.0436C73.4858 9.58737 73.2003 9.05391 72.854 8.54252C72.5666 8.09735 72.2259 7.64482 71.7691 7.104C71.7193 7.04881 71.6696 6.99363 71.6217 6.93844C71.4725 6.77105 71.3196 6.59813 71.1538 6.43809L71.0489 6.3314C70.977 6.25781 70.9052 6.18423 70.826 6.11065L70.4981 5.81081C70.3839 5.70227 70.2642 5.60294 70.1334 5.49625L70.0155 5.39875C69.9363 5.33253 69.8552 5.26447 69.7687 5.1964L69.0558 4.65742C69.0153 4.62799 68.9748 4.59671 68.9361 4.56544C68.8532 4.5029 68.7722 4.44035 68.6856 4.38149L67.9064 3.84802C67.7867 3.76524 67.6633 3.68062 67.5362 3.6052L66.7404 3.11773C66.5581 3.01103 66.3721 2.90986 66.1915 2.81236C66.0976 2.76086 66.0037 2.71119 65.9134 2.66152C65.6629 2.51804 65.4032 2.39663 65.1527 2.2789L64.6093 2.0232C64.508 1.97537 64.4048 1.93307 64.2998 1.8926C64.2501 1.87236 64.1985 1.85213 64.1433 1.83005L63.6975 1.65162C63.5612 1.59643 63.3899 1.52653 63.2223 1.47318L62.2994 1.16414L61.3453 0.901086C61.2145 0.862456 61.0856 0.834863 60.9603 0.80727L60.358 0.674823C59.0962 0.415448 57.7626 0.233334 56.4032 0.135839C56.1841 0.117444 55.9649 0.104567 55.7457 0.0935296C55.6315 0.088011 55.5173 0.0824924 55.4012 0.0751342L54.8947 0.0475412L53.3934 0.00523187L52.3988 -0.000286737C52.1059 -0.00212627 51.7946 -0.000286737 51.3912 0.00523187L50.38 0.0162691L48.8548 0.0769738C48.7406 0.0824924 48.6246 0.0916901 48.5103 0.100888C48.4514 0.106406 48.3943 0.110085 48.3335 0.115604L47.3149 0.198383C47.092 0.218618 46.871 0.246211 46.6499 0.273804C46.5321 0.28852 46.4142 0.303237 46.2981 0.316113C45.7824 0.36946 45.2666 0.452239 44.7693 0.5295C44.6017 0.555253 44.434 0.582846 44.2664 0.60676C44.0417 0.639872 43.8188 0.682181 43.6033 0.72449C43.4873 0.746565 43.3712 0.768639 43.2478 0.790714C43.1336 0.812788 43.0176 0.834863 42.9034 0.855097C42.686 0.895567 42.4613 0.936037 42.2439 0.985705L41.8387 1.074C41.3174 1.18621 40.7795 1.3021 40.2583 1.43455C38.9523 1.74175 37.6629 2.10414 36.3422 2.48125C34.9257 2.90066 33.6805 3.28512 32.5312 3.65487C31.5788 3.95839 30.6376 4.26744 29.7019 4.5728L28.8122 4.86345C27.7181 5.22216 26.6405 5.56615 25.5666 5.91014L25.1816 6.03339C24.6493 6.20447 24.1207 6.37738 23.5975 6.54846C21.7408 7.15367 19.9891 7.72576 18.2539 8.21692C17.2059 8.51676 16.1025 8.79453 14.9789 9.04287C13.9971 9.2581 12.9711 9.43285 11.8457 9.57818C9.83424 9.80444 7.98121 9.80444 6.33632 9.5745C6.20001 9.52299 6.06555 9.47332 5.93845 9.42366L5.81872 9.37767C4.64169 9.17716 3.41677 8.71727 2.50315 8.10839L2.3079 8.04033L2.25448 7.93363C1.59321 7.44064 1.14008 6.86486 1.06456 6.25781C0.966937 5.47417 1.2856 4.95358 1.60611 4.63534C1.65584 4.57832 1.71294 4.51945 1.78294 4.44955L1.79951 4.43299C1.83083 4.41276 1.8953 4.37965 1.96345 4.34838C2.08502 4.27112 2.16791 4.23432 2.16791 4.23432V4.29503C2.2287 4.36309 2.29316 4.46243 2.37605 4.61695L2.44421 4.74388C2.52157 4.8892 2.60814 5.05476 2.7205 5.22951C2.91944 5.54224 3.23626 5.95981 3.60097 6.164L3.63229 6.18239C3.82569 6.29644 4.28066 6.56502 4.95115 6.49695C5.0193 6.4896 5.08377 6.47856 5.14824 6.462C5.33796 6.43073 5.51111 6.35715 5.67136 6.25597C5.70636 6.23022 5.74688 6.20263 5.79293 6.1732C6.5592 5.5919 6.95891 4.28399 7.16337 3.17659C7.18179 3.11773 7.19468 3.06438 7.20757 3.01103C7.30888 2.24947 7.32362 1.58171 7.32546 1.27819L7.32362 1.28555C7.32362 1.28555 7.15784 1.88708 6.73787 2.37455C6.52236 2.64681 6.24606 2.8933 5.90529 3.01287C5.85187 3.04598 5.8003 3.06806 5.75241 3.07726C5.68794 3.09197 5.60321 3.09381 5.51479 3.08462C5.30296 3.09197 5.07272 3.05334 4.82221 2.94481C4.82036 2.94481 4.81852 2.94297 4.81668 2.94297C4.743 2.92458 4.66932 2.90618 4.59564 2.88778L4.37645 2.8326C4.28251 2.80685 4.16278 2.78109 4.00437 2.74982L4.00805 2.75718C4.00805 2.75718 3.96937 2.74798 3.90306 2.7351C3.87727 2.73142 3.84964 2.72775 3.82385 2.72591L3.78149 2.72223C3.69676 2.71303 3.62492 2.70751 3.5715 2.70935C3.16626 2.69831 2.84023 2.77557 2.61367 2.85283C2.42579 2.82708 2.23975 2.8326 2.05371 2.86755C1.66689 2.93377 1.27823 3.14716 0.961411 3.46724L0.946675 3.48195C0.817736 3.58497 0.701692 3.69718 0.600383 3.81491C0.567227 3.85354 0.537755 3.89585 0.506441 3.93632C0.276194 4.29871 0.0956793 4.75675 0.0017382 5.34356C-0.000103784 5.44474 0.0017382 5.54775 0.0109481 5.65261C0.00910613 5.67468 0.00726415 5.6986 0.00542216 5.72251V5.72619C-0.00378775 5.91198 -0.000103784 6.07938 0.0164741 6.23574C0.018316 6.25781 0.020158 6.27989 0.022 6.30196C0.027526 6.36635 0.0330519 6.43257 0.0441038 6.49144L0.0901534 6.74345C0.174885 7.1132 0.309349 7.46271 0.489864 7.78095C0.67222 8.10471 0.920887 8.41927 1.23034 8.71727C1.77373 9.23786 2.4921 9.67751 3.36336 10.0252C3.70044 10.1595 4.06147 10.279 4.46302 10.3931C5.10587 10.8916 5.8224 11.3699 6.59235 11.8169L6.9718 12.0358L7.4765 12.3062C7.70491 12.4313 7.937 12.5435 8.18382 12.6612C8.27777 12.7054 8.37171 12.7514 8.47486 12.8029C9.06245 13.0696 9.85266 13.4155 10.7387 13.719C11.6652 14.0354 12.5235 14.2727 13.3635 14.4419C13.8424 14.5376 14.3287 14.6111 14.8168 14.6608L15.5444 14.7215C15.7102 14.7326 15.8778 14.7381 16.0454 14.7436C16.1265 14.7454 16.2075 14.7491 16.2941 14.7528C19.232 14.8319 21.8661 14.3481 23.592 13.9765C25.2332 13.6104 26.8321 13.1634 28.4788 12.6116L28.7864 12.5435C29.3187 12.4258 29.9229 12.2933 30.6026 12.1039C31.5033 11.8555 32.4335 11.5943 33.3821 11.3202C34.316 11.0075 35.3696 10.6433 36.6203 10.1981L37.2245 9.95712C38.1713 9.58002 39.1512 9.19003 40.1514 8.75406C40.9859 8.38064 41.8534 7.98514 42.7284 7.58044C43.5849 7.17574 44.3714 6.7177 45.0953 6.28173L46.2392 5.57903C46.2392 5.57903 49.2564 2.74982 52.9164 2.21267C52.9495 2.19796 52.9827 2.18324 53.0158 2.16669L53.2074 2.17404C53.8632 2.10046 54.5355 2.1023 55.2152 2.21084C55.3662 2.23475 55.5044 2.26418 55.6333 2.29545C55.8267 2.30833 56.0201 2.32121 56.2172 2.34144C57.4845 2.45181 58.7168 2.63761 59.8735 2.8933L60.4298 3.02391C60.5385 3.04782 60.6398 3.07174 60.743 3.10485L61.6032 3.35503L62.4486 3.65119C62.5794 3.6935 62.7139 3.75053 62.8355 3.80203L63.2407 3.97127C63.2923 3.99335 63.3438 4.01542 63.3954 4.03566C63.4746 4.06877 63.5538 4.10004 63.633 4.13867L64.1488 4.39069C64.3717 4.49738 64.5798 4.60039 64.7843 4.71996C64.8782 4.77331 64.9722 4.82482 65.0643 4.87632C65.2208 4.96278 65.3774 5.04924 65.5247 5.13938L66.2597 5.60478C66.361 5.66548 66.4586 5.73539 66.5636 5.81081L67.2875 6.32036C67.3575 6.37003 67.4238 6.42153 67.4901 6.47304C67.5325 6.50615 67.573 6.53742 67.6117 6.56686L68.2711 7.07641C68.3356 7.12792 68.3964 7.18126 68.4572 7.23277L68.5935 7.34866C68.6856 7.42592 68.7722 7.4995 68.8569 7.58228L69.1424 7.85085C69.1977 7.9042 69.2529 7.96123 69.3063 8.01825C69.3413 8.05504 69.3763 8.08999 69.415 8.13046C69.5384 8.25187 69.6526 8.38432 69.7724 8.52228C69.8221 8.57931 69.8718 8.63633 69.9123 8.68232C70.2844 9.13669 70.5644 9.51379 70.7947 9.87986C71.0617 10.2827 71.2901 10.7187 71.4891 11.1142C71.7046 11.5888 71.8741 11.9861 72.003 12.4019C72.1485 12.8231 72.2461 13.2591 72.3309 13.6675C72.3419 13.741 72.353 13.8146 72.3659 13.8882C72.3898 14.0299 72.4101 14.1623 72.423 14.2874C72.4285 14.3536 72.4359 14.418 72.4414 14.4842C72.4561 14.6314 72.4709 14.7693 72.4727 14.9147C72.5095 15.7075 72.4396 16.4801 72.2646 17.2104C72.1043 17.8837 71.8538 18.5275 71.5186 19.1235C71.2294 19.6404 70.8775 20.1242 70.441 20.608C70.0413 21.0624 69.5716 21.445 69.1756 21.7522L68.8035 22.0208C68.7537 22.0576 68.704 22.0889 68.6488 22.1238L68.4553 22.2452C68.3761 22.2986 68.284 22.3464 68.1883 22.3979L67.9322 22.5359L67.7425 22.6223C67.2378 22.8559 66.7091 23.0417 66.1694 23.1723C65.5929 23.3122 65.0329 23.4078 64.5061 23.4556C63.4083 23.555 62.2865 23.5163 61.1703 23.3397C60.5845 23.2459 60.0633 23.1319 59.5715 22.9902C59.3762 22.9406 59.1865 22.878 58.9857 22.8118L58.8107 22.7548C58.7334 22.729 58.6597 22.7014 58.5842 22.672C58.5363 22.6536 58.4884 22.6352 58.4442 22.6186L58.3889 22.5984C58.2894 22.5616 58.1881 22.5248 58.0795 22.4752C56.1472 21.6878 54.5686 20.437 53.6421 18.9635L53.3916 18.5312L53.1835 18.1026L53.014 17.6685C53.0048 17.6427 52.9974 17.6151 52.9901 17.5894L52.8814 17.2288C52.8685 17.1736 52.8574 17.1166 52.8445 17.0614L52.7874 16.7947C52.7837 16.7671 52.7801 16.7413 52.7764 16.7137L52.7303 16.355L52.7082 15.9209L52.723 15.4923L52.7617 15.152C52.7635 15.1244 52.7672 15.0986 52.769 15.0876L52.8316 14.7583L52.9385 14.3407C52.944 14.3187 52.9495 14.2966 52.9569 14.2745L53.0932 13.8901L53.2516 13.5313C53.2627 13.5093 53.2737 13.489 53.2866 13.467L53.4395 13.1837C53.4653 13.1395 53.4929 13.0972 53.5205 13.0549C53.5408 13.0236 53.5592 12.9942 53.5832 12.9556C53.6421 12.8562 53.714 12.7606 53.7895 12.6594L53.8668 12.5564C54.2371 12.0763 54.7031 11.6624 55.2538 11.3239C55.7236 11.0388 56.2301 10.8346 56.7588 10.7187C57.1566 10.6341 57.5398 10.5918 57.8971 10.5973C57.3758 11.0995 57.0608 11.8022 57.0608 12.5545C57.0608 14.0538 58.2821 15.2752 59.7851 15.2752C61.2882 15.2752 62.5094 14.0556 62.5094 12.5545C62.5094 12.148 62.421 11.7617 62.2589 11.4122C61.3803 8.84236 57.1511 9.09438 57.1511 9.09438L57.1566 9.09806C56.9393 9.10358 56.7182 9.11645 56.4917 9.14589C55.7678 9.2397 55.066 9.46045 54.401 9.8026C53.6329 10.2018 52.9643 10.7242 52.4117 11.3588L52.3306 11.4545C52.2146 11.5906 52.0948 11.7323 51.9899 11.8886L51.9309 11.9714C51.883 12.0358 51.837 12.102 51.7854 12.1793L51.5809 12.5159C51.5607 12.5509 51.5386 12.5858 51.5109 12.6355L51.277 13.0972L51.0578 13.6252C51.0431 13.6656 51.0302 13.7079 51.0154 13.7484L50.8865 14.1457L50.881 14.1641C50.8589 14.2488 50.8386 14.3352 50.8184 14.4217L50.7484 14.716C50.7392 14.7602 50.7336 14.8043 50.7263 14.8503L50.6599 15.2807L50.6139 15.8896L50.6194 16.482L50.6618 16.9658C50.6655 17.0136 50.671 17.0614 50.6784 17.124L50.7318 17.433C50.7484 17.5287 50.7649 17.6243 50.7834 17.72L50.9049 18.1909C50.9178 18.2406 50.9307 18.2902 50.9491 18.3509L51.1518 18.9285L51.4115 19.519L51.7172 20.0911L51.7265 20.1077C51.9751 20.5142 52.314 21.0403 52.7414 21.5223C52.8795 21.6934 53.0306 21.846 53.1743 21.995C53.2295 22.0521 53.2848 22.1091 53.3492 22.1753C53.4211 22.2452 53.4948 22.3114 53.5684 22.3795L53.6734 22.477C53.7987 22.5929 53.9074 22.6904 54.0216 22.7787L54.3623 23.0546L54.9278 23.4648L55.5044 23.8364L56.103 24.1786L56.4401 24.3515C56.5303 24.3975 56.6206 24.4435 56.7219 24.4931L57.129 24.6771C57.2635 24.7415 57.3998 24.7948 57.5305 24.8463L57.7111 24.9181C57.8105 24.9585 57.91 24.999 58.0131 25.034L58.1679 25.0873C58.4073 25.1701 58.656 25.2565 58.901 25.3264C59.4775 25.503 60.0891 25.6465 60.7706 25.7661C61.6713 25.9225 62.5776 26.0016 63.4783 26.0016C63.8964 26.0016 64.3146 25.985 64.729 25.95C65.3848 25.8985 66.0718 25.7863 66.7736 25.6208C67.4699 25.4571 68.1533 25.2216 68.8072 24.9236L69.0485 24.8132L69.3745 24.6421C69.5126 24.5686 69.6581 24.4931 69.7926 24.4048L70.0192 24.265C70.1223 24.2025 70.2015 24.1491 70.2642 24.1032L70.7026 23.7904C71.4062 23.2514 71.9091 22.7952 72.3327 22.3151C72.8908 21.6989 73.3661 21.0403 73.7437 20.3579C74.1894 19.5577 74.521 18.6931 74.7291 17.7935C75.1896 15.8216 75.0588 13.627 74.3644 11.6201ZM15.2644 10.4336C16.4267 10.2055 17.565 9.94424 18.6481 9.65912C20.4496 9.19187 22.251 8.64369 24.1593 8.06424C24.6604 7.91156 25.1651 7.75888 25.6716 7.60803L25.9755 7.5179C27.0715 7.1923 28.2043 6.85382 29.3335 6.50983L30.2876 6.21918C31.2068 5.93774 32.1333 5.65445 33.0653 5.37668C34.2018 5.03268 35.4396 4.67765 36.8506 4.28767C38.2045 3.92896 39.4275 3.60888 40.6985 3.33295C41.1995 3.21522 41.7171 3.11405 42.2163 3.01471L42.6399 2.93009C42.8407 2.88778 43.0433 2.85467 43.2552 2.81972C43.3731 2.79949 43.4891 2.78109 43.5996 2.76086C43.7175 2.74246 43.8336 2.72223 43.9514 2.70199C44.1651 2.6652 44.3659 2.63025 44.5703 2.60266C44.6735 2.58978 44.7748 2.57506 44.878 2.56035C44.8724 2.56219 44.8669 2.56403 44.8632 2.56403C43.3123 3.03495 41.5661 3.66775 39.5288 4.49738C38.2873 4.99957 37.1066 5.49073 35.9646 5.96717C34.806 6.44913 33.7119 6.90533 32.7061 7.30819C32.3948 7.42776 32.0928 7.54549 31.798 7.65954C31.1497 7.9134 30.5381 8.15254 29.969 8.34569L28.838 8.7559L27.882 9.06311L26.8984 9.26913C26.6847 9.31328 26.4581 9.35559 26.2224 9.39974C26.0547 9.43101 25.8816 9.46413 25.7066 9.49908C25.4321 9.55058 25.1448 9.60577 24.8464 9.6628C24.2164 9.7842 23.5386 9.91297 22.8202 10.0436C20.573 10.4464 18.1637 10.8475 15.607 10.9578C14.6934 10.9891 13.719 11.0075 12.7759 10.945C12.5585 10.9394 12.3393 10.921 12.122 10.9008C13.2438 10.7794 14.2734 10.6267 15.2644 10.4336ZM46.451 3.85538C45.9224 4.12763 45.379 4.42196 44.8043 4.731L44.3493 4.97566C43.5904 5.3822 42.8444 5.77586 42.0634 6.11801C41.1885 6.49511 40.3227 6.8759 39.492 7.24565L36.0401 8.73199C34.9091 9.179 33.8297 9.62049 32.9216 9.99391C32.0412 10.3122 31.1423 10.6433 30.2471 10.9799C29.6871 11.1933 29.1714 11.3662 28.7164 11.5189C28.5433 11.5778 28.3775 11.6329 28.2228 11.6863C27.1102 11.9254 25.4008 12.2768 23.336 12.5969C21.4664 12.8709 18.9815 13.1782 16.3456 13.1064C16.2554 13.1027 16.167 13.099 16.0767 13.0972C15.933 13.0935 15.7912 13.088 15.6512 13.0807L14.9642 13.031C14.5258 12.9924 14.0984 12.9372 13.6582 12.8617C13.078 12.7624 12.4775 12.63 11.8365 12.4626C12.1109 12.4975 12.3909 12.5306 12.6691 12.5472C13.5164 12.6263 14.4429 12.6428 15.6715 12.6024C18.4621 12.481 20.9985 11.9346 23.1113 11.414C24.1336 11.1602 25.049 10.9045 25.9755 10.6433L26.3402 10.5403C26.6276 10.4575 26.9021 10.3802 27.1618 10.2993L28.127 9.99023L29.1345 9.77869L30.3152 9.47148C31.0686 9.28569 31.8975 9.02816 32.7761 8.75406L33.1795 8.62714C35.0602 8.01089 37.3387 7.15919 40.1478 6.02235C42.1334 5.21296 43.7765 4.54889 45.3145 3.99886C46.0974 3.74869 46.8102 3.5353 47.4604 3.35871C47.1215 3.51507 46.7863 3.68246 46.451 3.85538Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A"); display:block; width: 75px; height: 26px; margin:auto; margin-top:30px; margin-bottom:0px; } .groupMenu{ display: flex; flex-basis: auto; flex-grow: 1; } .groupMenu .menu,.groupMenu .lang { display: flex; flex-direction: row; margin-left: auto; text-align:right; height: 65px; } .groupMenu li{ list-style: none; } .groupMenu .menu li a { padding: 10px 15px 17px 15px; text-decoration: none; font-size:var(--txt-size-header); border-bottom:rgba(255,255,255,0.0) 4px solid ; display:inline-block; min-height: 65px; } .groupMenu .lang li a { padding: 10px 7px 23px 7px; text-decoration: none; font-size:var(--txt-size-header); border-bottom:rgba(255,255,255,0.0) 4px solid ; display:inline-block; height: 65px; } .groupMenu .sub-menu li a{ height:auto !important;} .groupMenu .menu li a.active,.groupMenu .lang li a:hover, .groupMenu .menu li a.active,.groupMenu .lang li a.active { border-bottom:var(--txt-header-bf) 4px solid ; } #header.active .menu li a:hover, #header.active .menu li a.active, #header.active .groupMenu .lang li a:hover, #header.active .groupMenu .lang li a.active { color:var(--head-color); border-bottom:var(--head-color) 4px solid ; } #header.active .groupMenu .menu li.menu-item:first-child a:hover::before, #header.active .groupMenu .menu li.menu-item:first-child a.active::before{ content:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1195 9.27579L9.61948 0.942461C9.30365 0.590794 8.69698 0.590794 8.38115 0.942461L0.881145 9.27579C0.773192 9.39546 0.702333 9.54391 0.677182 9.70309C0.652032 9.86228 0.673674 10.0253 0.739479 10.1725C0.872812 10.4733 1.17115 10.6666 1.50031 10.6666H3.16698V16.5C3.16698 16.721 3.25478 16.9329 3.41106 17.0892C3.56734 17.2455 3.7793 17.3333 4.00031 17.3333H6.50031C6.72133 17.3333 6.93329 17.2455 7.08957 17.0892C7.24585 16.9329 7.33365 16.721 7.33365 16.5V13.1666H10.667V16.5C10.667 16.721 10.7548 16.9329 10.9111 17.0892C11.0673 17.2455 11.2793 17.3333 11.5003 17.3333H14.0003C14.2213 17.3333 14.4333 17.2455 14.5896 17.0892C14.7458 16.9329 14.8336 16.721 14.8336 16.5V10.6666H16.5003C16.6617 10.6673 16.8198 10.621 16.9553 10.5334C17.0909 10.4458 17.198 10.3206 17.2636 10.1732C17.3293 10.0258 17.3506 9.86241 17.325 9.70306C17.2994 9.54372 17.228 9.39526 17.1195 9.27579Z' fill='%23295352'/%3E%3C/svg%3E%0A") !important; } .wpcf7-list-item{ margin-right:20px;} #frontpageMainImageBanner{ width:100%; display: flex; position: relative; height: 1px; padding-bottom: 56.25%; /* padding-bottom:100vh; */ /* filter: saturate(80%) brightness(110%); */ } #frontpageMainImageBanner .txt,#subpageMainImageBanner .txt{ display: flex; width: 100%; align-items: center; justify-content: center; font-size: 2.4em; letter-spacing: 0.15em; line-height: 1.5em; color:#FFF; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7); font-family: 'made_canvas'; margin: 75px auto 0px; max-width: 1280px; } #subpageMainImageBanner.th .txt{ font-family: var(--font-normal); font-size: 3em; line-height:1em; letter-spacing: 0.1em; } #frontpageMainImageBanner .overlay, #subpageMainImageBanner .overlay{ display: flex; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.1); } #subpageMainImageBanner .overlay{ background-color: none; background:linear-gradient(180deg, rgba(0,0,0,0.75) 0%, rgba(255,255,255,0) 50%); } #frontpageMainImageBanner .overlay, #subpageMainImageBanner .overlay{ position:absolute; padding-left:20px; padding-right:20px; text-align:center; } #subpageMainImageBanner{ width:100%; display: flex; position: relative; height: 1px; padding-bottom:28.12%; /* filter: saturate(80%) brightness(110%); */ } #subpageMainImageBanner.no-banner{ height: 65px; padding-bottom: 0px; } #container h1,.title,.title2{ color:var(--head-color); text-align: center; font-size: 2.6em; font-weight:bold; line-height: 1em; } .title2{ text-align: left; } .title2.half{ font-size: 2.4em !important; } .title3{ color:var(--head-color); text-align: left; font-size: 2em; font-weight:bold; } .title4{ color:var(--head-color); text-align: left; font-size: 1.2em; font-weight:bold; } #container .subtitle, #container .subtitle2, #container .subtitle3 { color:var(--sub-color); text-align: center; font-size: 1.25em; } #container .subtitle2, #container .subtitle3{ text-align: left; position: relative; margin-bottom: 0px; } #container .subtitle4{ color:var(--text-gray); line-height: 0.8em; } .title3 .subtitle4{ display: block; font-size: 1.4rem; font-weight: normal; } #container .subtitle2:before{ content: ""; display: block; width: 150px; height: 1px; background: var(--sub-color); left: -160px; top: 50%; position: absolute; } .container-mid{ max-width: 900px; margin:auto; } .section{ padding-top:70px; padding-bottom:70px; } .section .container{ max-width: 1280px; margin:auto;} /* #section1 .container{ max-width: 1280px; margin:auto;} */ #section1{ background:url(../images/bg_sectiontop.png) no-repeat bottom left; } .bgStripedBottomLeft{ background:url(../images/bg_sectiontop.png) no-repeat bottom left; } .bgStripedTopLeft{ background:url(../images/bg_sectiontop.png) no-repeat top left; } .bgStripedBottomRight{ background:url(../images/bg_sectiontop.png) no-repeat bottom right; } .bgSoftLight{ position:relative;} /* .bgSoftLight .img::before{ background:rgb(255,255,255,0.10); width: 100%; height: 100%; display: block; position:absolute; content: ""; z-index: 1; } */ .bgSoftLight.img{ overflow:hidden;} /* .bgSoftLight img{ filter: saturate(70%) brightness(105%); } */ #section1 .boxImg, #section5 .boxBlog{ display: flex; padding-top:60px; margin:auto; padding-bottom: 60px; margin-left: -20px; margin-right: -20px; } #section1 .boxImg .imgLeft{ padding-top:60px; } #section1 .boxImg .imgRight{ padding-bottom:60px; } #section1 .boxImg .imgLeft, #section1 .boxImg .imgRight, #section5 .boxBlog .boxCard { width: 50%; display: flex; flex-basis: auto; padding-left: 20px; padding-right: 20px; } #section1 .boxImg img{ width: 100%; } /* #section1 .box-center{ padding-top:40px;} */ .btn-readmore,.btn-readmore:active,.btn-readmore:focus{ color:var(--color-gold); background:none; border:none; text-decoration: none; font-size: var(--text-size-btn); transition: all 300ms ease-out; } .btn-readmore:hover{ color:var(--color-gold-hover); text-decoration: underline; } .btn-readmore2,.btn-readmore2:active,.btn-readmore2:focus{ color:var(--color-gold); background:none; border:none; text-decoration: none; font-size: var(--text-size-btn); transition: all 300ms ease-out; } .btn-readmore2:hover{ color:var(--color-gold-hover); text-decoration: underline; } .boxSelectCategoryContent{ /* width:3960px; */ width: 3252px; } .boxSelectCategoryContent .title{ color: var(--head-color) !important; text-align: left !important; font-size: 1.8em !important; } .boxSelectCategoryContent .boxCat{ /* width: 1200px; */ width: 1024px; display: block; float: left; } .boxSelectCategoryContent .boxCat .txt{ padding-top:20px; } .boxSelectCategoryContent .boxCat .txt .content{ display: block; } .boxSelectCategoryContent .boxCat .txt .content .box-readmore{ text-align: right; } .boxSelectCategoryHeader{ padding-bottom:20px; padding-top:10px; display:flex; } .boxSelectCategoryHeader .tabSection , .boxSelectCategoryHeader .arrowSelect{ display: flex; } .boxSelectCategoryHeader .tabSection{ width:calc(100% - 120px); } .tabSelectEn, .tabSelectEn a{ font-size: 0.9em !important; } .boxSelectCategoryHeader .arrowSelect{ flex-grow: 1; width: 120px; align-items: center; } .arrowSelect .btnLeft, .arrowSelect .btnRight, .sectionGallery .btnLeft, .sectionGallery .btnRight { display: inline-block; width: 50px; height: 50px; text-align: center; border:solid 1px var(--sub-color); margin-left: 7px; margin-right:7px; cursor: pointer; background-color: var(--color-bg-normal); } .btnLeft,.btnRight{ text-indent: -9999px; position: relative; } .btnLeft{ background: url("data:image/svg+xml,%3Csvg width='16' height='30' viewBox='0 0 16 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0707 2.74809C15.6295 2.15643 15.6029 1.22379 15.0113 0.664985C14.4196 0.106176 13.487 0.132806 12.9282 0.724464L0.402286 13.9867C-0.134064 14.5545 -0.134099 15.4423 0.402204 16.0102L12.9281 29.2745C13.4868 29.8662 14.4195 29.8929 15.0112 29.3342C15.6029 28.7754 15.6296 27.8428 15.0708 27.2511L3.50043 14.9986L15.0707 2.74809Z' fill='%23BA925E'/%3E%3C/svg%3E%0A") center center no-repeat; } .btnRight{ background: url("data:image/svg+xml,%3Csvg width='17' height='30' viewBox='0 0 17 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.24421 27.2519C0.685401 27.8436 0.71203 28.7762 1.30369 29.335C1.89535 29.8938 2.82798 29.8672 3.38679 29.2755L15.9127 16.0133C16.449 15.4455 16.449 14.5577 15.9127 13.9898L3.38688 0.725474C2.82811 0.133773 1.89548 0.107068 1.30378 0.665827C0.712073 1.22459 0.685369 2.15723 1.24413 2.74893L12.8145 15.0014L1.24421 27.2519Z' fill='%23BA925E'/%3E%3C/svg%3E%0A") center center no-repeat; } .tabSection ul{ padding:0px; margin:0px; margin-bottom:15px; margin-left: -20px;} .tabSection ul li{ float:left; list-style: none;} .tabSection ul li a{ color: var(--sub-color); padding:15px 20px; text-decoration: none; } .tabSection ul li .active{ border-bottom:var(--sub-color) 2px solid; } .tabSection .slick-active.slick-current{ border-bottom:var(--sub-color) 2px solid; color:var(--sub-color); } .tabSection .slick-active a { color:var(--body-txt-color); display: block; } .tabSection .slick-active.slick-current a { color:var(--sub-color); } .tabSection .slick-list .slick-slide{ font-size: var(--text-size-slide); width:auto !important; transform: translate3d(0px, 0px, 0px) !important; } .tabSection .slick-track{ transform: translate3d(0px, 0px, 0px) !important; } .boxCat{ padding-left: 30px; padding-right: 30px;} .boxCat img{width:100%; height:auto;} #section2{ overflow:hidden; width: 100%; } .boxSlider{ display:flex; align-items: center; justify-content: center; width: 100%; overflow:hidden; } .boxVideo{ width: 100%; margin:auto; padding-bottom: 56.25%; position: relative; margin-top:70px; margin-bottom:70px; } .boxVideo iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #section4{ background-color:var(--cream-color); position: relative; } #section4 .container{ display: flex; flex-direction: row;} #section4 .boxLeft{ display: flex; flex-basis: auto; flex-direction: column; } #section4 .boxLeft .detail{ margin-bottom:50px;} #section4 .boxLeft{ width:calc(50% - 200px); min-height: 600px; z-index: 1; } #section4 .boxRight{ position:absolute; top:0px; left: calc(50% - 200px);; right:0px; bottom:0px; overflow:hidden; display:flex; } #section4 .boxRight .content{ display: flex; flex-direction: column; justify-content: center; } #section4 .boxBlog{ width:1320px; padding-left: 67px;} #section4 .boxBlog .boxCard{ padding-right: 60px; } #section4 .boxBlog .boxCard img{width:100%; height:100%; object-fit :cover;} #section4 .boxBlog .boxCard .txt{width: 100%;} #section4 .arrowSelect{ position:absolute; top:calc(30% + 25px); left:0px; } #section4 .bgWhitleLeft30{ position: absolute; top:0px; bottom:0px; width: 120px; background: #FFF; z-index: 0; } #section4 .bgStriped{position:absolute; top: 50%; left: 0; transform: translate(0, -50%); } #section4 .bgStriped{ background:url(../images/bg_sectiontop.png) no-repeat bottom left; width: 438px; height:448px; display: block; } #section4 .bgSoftLight{ padding-bottom:75%;} #section4 img{ height:100%; position:absolute;} #section4 .boxReadmore{ margin-top:10px;} .boxCard .txtHead{ margin-top:20px; margin-bottom:15px;} .boxCard .txtHead{ display: flex; flex-direction: row; justify-content: center; text-align: left; } .boxCard .txtTitle a, .boxCard .txtTitle a:hover{text-decoration: none; color:var(--body-txt-color)} .boxCard .txtHead .date{ width: 150px; color:var(--body-txt-color2) !important; } .boxCard .txtHead .tag{ width: calc( 100% - 150px); text-align:right; } .boxCard .txtHead .tag a{ background:var(--sub-color); color:var(--color-bg-normal); text-decoration: none; font-size: 0.75em; padding:5px 10px;} #section5{ padding-bottom:50px; padding-top:70px;} #section5 .boxReadmore{ padding-top:10px; padding-bottom:20px;} #section5 .boxBlog{padding-bottom:0px; padding-top:10px;} #section5 .boxBlog .boxCard:nth-child(2){ margin-top:-110px;} #section5 .bgSoftLight{ padding-bottom:75%;} #section5 .boxBlog img{width: 100%; height:100%; position:absolute; object-fit: cover;} #section5 .txtTitle{ font-weight:bold; padding-bottom:5px; } .boxBlog .txt .txtTitle{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .boxBlog .txt .txtContent{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } #section6 .hashtag{ font-size:2em; color:var( --body-txt-color); text-align:center; margin-top:40px; margin-bottom: 50px; text-align:center; } #section6{ padding-bottom:0px;} #section6 .gallery{width: 100%;} #section6 .gallery img{ width: 100%;} #footer{ background: var(--head-color-lower); width: 100%; } #footer .title{ font-size:1em; color:var(--color-white); text-align: left; } #footer .footerLogo{ width: 215px; padding-top:30px; padding-bottom:30px;} #footer .footerLogo img{width: 100%;} #footer, #footer a, #footer a:hover, #footer a:active, #footer a:focus{ color:var(--txt-header-bf); text-decoration: none; } #footer .group2{ display: flex; align-items: center; justify-content: center; } #footer .footerBottom{ background: var(--head-color); width: 100%; padding-top:10px; padding-bottom: 10px;} #footer .footerBottom{ text-align: center; font-size: .8em; } #footer .groupFooterLink2{ width:100%;; } #footer .title{font-weight: bold; } #footer li{ list-style:none;} #footer .title{ margin-bottom:10px; display:block;} #footer .btn-fb{ background:url('../images/ico_fb.svg') center center no-repeat; } #footer .btn-ln{ background:url('../images/ico_ln.svg') center center no-repeat; } #footer .btn-line{ background:url('../images/ico_line.svg') center center no-repeat; } .page-single .btn-fb{ background:url('../images/ico-fb-gray.svg') center center no-repeat; } .page-single .btn-line{ background:url('../images/ico-line-gray.svg') center center no-repeat; } .page-single .btn-twitter{ background:url('../images/ico-twitter-gray.svg') center center no-repeat; } .page-single img{ height: auto !important;} .ico-email-green{ background:url('../images/ico-email-green.svg') center center no-repeat; } .ico-map-green{ background:url('../images/ico-map-green.svg') center center no-repeat; } .ico-tel-green{ background:url('../images/ico-tel-green.svg') center center no-repeat; } #footer .btn-fb, #footer .btn-ln, #footer .btn-line, .ico-email-green, .ico-map-green, .ico-tel-green { width: 30px; height:30px; text-indent: -9999px; background-size:contain; display: inline-block; margin-left: 10px; margin-right: 10px; } .page-single .btn-fb, .page-single .btn-twitter, .page-single .btn-line{ width: 24px; height:24px; text-indent: -9999px; background-size:contain; display: inline-block; margin-left: 5px; margin-right: 5px; } #footer .container{ padding-bottom:30px;} #footer .group2{ display: flex; align-items: flex-start; justify-content:center; } #footer .group3{ display: flex; align-items: flex-start; justify-content: center; } #footer .btn-white{ margin-top:-10px; } #footer .social{ margin-left:-10px; margin-right:-10px;} .btn-white{ border:var(--color-bg-normal) solid 1px; border-radius: 10px; padding:8px; display: inline-block; margin-left: 10px; margin-right: 10px; padding-right: 20px; background: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.987175 0.458008L0.0830078 1.36217L4.72051 5.99967L0.0830078 10.6372L0.987175 11.5413L6.49967 5.99967L0.987175 0.458008Z' fill='white' fill-opacity='0.6'/%3E%3C/svg%3E%0A") right 10px center no-repeat; } .ico-gmap{ background:url('../images/ico_googlemap.svg') center center no-repeat; text-indent: -9999px; background-size:contain; width:90px; height:17px; display: block; } .ico-inline{ padding-right:10px;} .btn.btn-primary{ border:var( --sub-color) solid 1px !important; color:var(--sub-color) !important; background-color:var(--color-white) !important; border-radius: 0px; font-size: 1em; font-weight: normal; padding: 7px 20px; } .btn.btn-primary:hover{ color:var(--color-white) !important; background-color:var(--sub-color) !important; } .sliderRecommend { display:flex; position: relative; } .sliderRecommend .footer{ color: var(--sub-color) !important;} .sliderRecommend .title{ font-size:1em;} .sliderRecommend .footer{ display:flex; flex-direction: row; width:100%;} .sliderRecommend .footer .time, .sliderRecommend .footer .btn-primary{ padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); } .sliderRecommend,.sliderRecommend-2{margin-left: -15px; margin-right: -15px;} .sliderRecommend .slick-slide>div{ height:100%; } .sliderRecommend-2 .recommendList, .sliderRecommend .recommendList{ width:33.33%; padding-left: 15px; padding-right: 15px; display:flex !important; flex-direction: column; height: 100%; } .recommendList img{ max-width:100%; max-height: 100%; position:absolute; object-fit: cover; width: 100%; height: 100%; } .recommendList > .img{ padding-bottom: 100%; } .blogListGroup.blogRightAricle .recommendList > .img{ padding-bottom: 0px; } .recommendList .txt-gold{ font-size:1.2em;} .sliderRecommend-2 .recommendList img, .sliderRecommend .recommendList img{width:100%;} .sliderRecommend-2 .recommendList .img, .sliderRecommend .recommendList .img{ margin-bottom:15px;} .sliderRecommend .recommendList-2 .body, .sliderRecommend .recommendList .body{ flex:1; } .sliderRecommend .footer{ margin-bottom:10px;} .sliderRecommend .footer .time, .sliderRecommend .footer .price, .sliderRecommend .footer .book{ display: flex; flex-direction: column; justify-content: center; text-align: left; } .sliderRecommend .footer .time, .sliderRecommend .footer .price{ /* flex: calc(50% - 55px); */ /* flex: calc(50% - 80px); */ flex : 3; } .sliderRecommend .footer .book{ /* flex: 110px; */ flex : 4; } .sliderRecommend .btn-primary{ margin-top:0px;} .sliderRecommend .slick-track { display: flex !important; } .sliderRecommend .slick-slide { height: auto; } .sliderRecommend .blogListGroup .body .desc{ overflow:hidden !important;} .sliderRecommendBtn{ margin-top:-40px;} .sliderRecommendBtn{ position: relative; height:60px; } .sliderRecommendBtn .btnLeft, .sliderRecommendBtn .btnRight{ position:absolute ; padding:10px; width:42px; height:42px; border:var(--sub-color) solid 1px; background-size: 20px 20px; cursor: pointer; } .sliderRecommendBtn .btnLeft{ top:0px; right:55px; } .sliderRecommendBtn .btnRight{ top:0px; right:0px; } .productList .row{ margin-left:-50px; margin-right:-50px;} .productList .col-6{ padding-left: 50px; padding-right:50px;} .productList .title3{ margin-bottom:0px; line-height:1em;} .productList .detail{display: flex; flex-direction: column;} .productList p{ display:inline;} .productList a{ display:inline-block;} .productList .detail2 p{ display:block;} .productList .bgSoftLight{ position:relative; padding-bottom:100%;} .productList img{ position:absolute; width:100%; height:100%; object-fit: cover; } .sliderGalleryGroup{ position: relative; width: 100%; } .sliderGalleryGroup .btnLeft,.sliderGalleryGroup .btnRight{ position:absolute; z-index: 1; width: 50px; height: 50px; top: calc(50% - 50px); cursor:pointer; background-color: #FFF; border:var(--sub-color) solid 1px; } .sliderGalleryGroup .btnLeft{ left:-68px; } .sliderGalleryGroup .btnRight{ right:-68px; } .sliderGalleryGroup .bgSoftLight.img{ padding-bottom:100%; } .sliderGalleryGroup .img img{ width: 100%; height: 100%; position:absolute; object-fit :cover;} .sliderGalleryGroup .sliderGellery{margin-left:-10px; margin-right:-10px;} .sliderGalleryGroup .list{ padding-left: 10px; padding-right: 10px;} .sectionGallery .header{display:flex; flex-direction: row; justify-content: space-between;} .sectionGallery .header .boxLeft{ display:flex; flex-direction: column; } .sectionGallery .header .boxRight{ display:flex; flex-direction: column; justify-content: flex-end; margin-bottom:20px; text-align:right; } .sectionPros{ background: url(../images/bg_pros.png) left top no-repeat; } .sectionPros .col-6{ display:flex; flex-direction: column; justify-content: center; } .sectionPros .col-6:first-child{ padding-right: 30px; } .popUpList .title{ text-align: left; font-size: 1.2em; } .popUpList .list .header{ display:flex; flex-direction: row; justify-content: space-between; cursor: pointer; } .popUpList .list.active .title{ font-size: 1.5em;} .popUpList .list .btnGroup{ display:flex; flex-direction: column; justify-content: center; } .popUpList .list .btn{ background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='24' height='24' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_2250_1266' transform='scale(0.0104167)'/%3E%3C/pattern%3E%3Cimage id='image0_2250_1266' width='96' height='96' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAABZElEQVR4Xu3XwQmAMADFUF2sw3cxxQWEnqLleRZik/6D5+FJDZwpHfwQIL4EAggQG4jxFiBAbCDGW4AAsYEYbwECxAZivAUIEBuI8RYgQGwgxluAALGBGG8BAsQGYrwFCBAbiPEWIEBsIMZbgACxgRhvAQLEBmK8BQgQG4jxFiBAbCDGW4AAsYEYbwECxAZivAUIEBuI8RYgQGwgxluAALGBGG8BAsQGYrwF/C3AnPOKv/nT+DHG0qVeevk5uQDv/QWI9yGAALGBGG8BAsQGYrwF7B4gPt92+OX/gO0MxAcSQIDYQIy3AAFiAzHeAgSIDcR4CxAgNhDjLUCA2ECMtwABYgMx3gIEiA3EeAsQIDYQ4y1AgNhAjLcAAWIDMd4CBIgNxHgLECA2EOMtQIDYQIy3AAFiAzHeAgSIDcR4CxAgNhDjLUCA2ECMtwABYgMx3gIEiA3EeAsQIDYQ4y1AgNhAjL8BoTMgYWjRnIwAAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E%0A"); display:block; width: 25px; height: 25px; text-indent: -9999px; border:none; } .popUpList .list .body{ margin-top:15px; display:none;} .popUpList .list.active .body{ display:block;} .popUpList .list.active .btn{ background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect y='0.5' width='24' height='24' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_2250_1270' transform='scale(0.0104167)'/%3E%3C/pattern%3E%3Cimage id='image0_2250_1270' width='96' height='96' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAB8UlEQVR4Xu2bwY3CABDEoLEUn8ZANACyZGkI+N47s2BnT+KR+62/KYH7dHvLbwkYPwQJSMCYwHh9F5CAMYHx+i4gAWMC4/VdQALGBMbru4AEMALneT7eJY7juNRDdakP+wKfAPbA6tMJ0JGywgQwXvp0AnSkrDABjJc+nQAdKStMAOOlTydAR8oKE8B46dMJ0JGywgQwXvp0AnSkrDABjJc+nQAdKStMAOOlTydAR8oKE8B46dMJ0JGywgQwXvp0AnSkrDABjJc+nQAdKStMAOOlTydAR8oKE8B46dMJ0JGywgQwXvp0AnSkrDABjJc+nQAdKSv8ewGfADCcvzdN30/A7wck4P1Dk4DxUSUgAWMC4/VdQALGBMbru4BfFzD+fr2mmgCXAP4h5q7nbZ9+CNL/wfwTuIkEuDxxWwIwMjeQAJcnbksARuYGEuDyxG0JwMjcQAJcnrgtARiZG0iAyxO3JQAjcwMJcHnitgRgZG4gAS5P3JYAjMwNJMDlidsSgJG5gQS4PHFbAjAyN5AAlyduSwBG5gYS4PLEbQnAyNxAAlyeuC0BGJkbSIDLE7clACNzAwlweeK2BGBkbiABLk/cdjkB+Bt+eSABY0EJSMCYwHh9F5CAMYHx+i4gAWMC4/VdQALGBMbru4AEjAmM1z8BBMYgcLHhVZ0AAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E%0A"); } .popUpList .list.active .btn:hover{ border:none; } .popUpList .list{ border-bottom: #CED4DA solid 1px; padding-top:20px; padding-bottom:20px;} .popUpList .list:last-child{ border-bottom:none;} .sectionPros img{width: 100%; height:auto; max-height: 100%;} .memberSection{ background: linear-gradient(to right, #FFF 5%, #f8f2ea 0%); position: relative; } .memberSection .container{ background: linear-gradient(to right, #f8f2ea 50%, rgb(0,0,0,0) 50%); } .memberSection .bgStriped{ background:url(../images/bgmemberCard.png?v=2) no-repeat bottom left; width: 438px; height:100%; display: block; position:absolute; right: 0px; bottom: 0px; } .memberSection .img{ text-align: right;} .newsGroup .title{ font-size:1.2em; line-height: 1.2em; text-align:left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .newsGroup .detail{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .newsGroup .date{ color:#6D6E6F; font-size: 0.9em; margin-top:10px;} .newsGroup .bgSoftLight{ padding-bottom:75%;} .newsGroup img{width: 100%; height: 100%; position: absolute; object-fit :cover;} .newsGroup .col-6{ padding-left: 25px; padding-right: 25px;} .newsGroup .row{ margin-left:-25px; margin-right: -25px;} #sectionOpenTime{ background:url(../images/openTimeBg.jpg) no-repeat center center; background-size: cover; padding-top:70px; padding-bottom:70px; position: relative; color:var(--color-white); } #sectionOpenTime .overlay{ display: flex; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.1); background:linear-gradient(180deg, rgba(0,0,0,0.75) 0%, rgba(255,255,255,0) 100%); } #sectionOpenTime .overlay, #sectionOpenTime .overlay{ position:absolute; padding-left:20px; padding-right:20px; text-align:center; } #sectionOpenTime .subtitle3{ color:#FFF;} #sectionOpenTime .title2{ color:#FFF;} #sectionOpenTime .container{ z-index:1; position:relative;} #sectionOpenTime .boxOpenTime{ display:flex; flex-direction: row;} #sectionOpenTime .boxOpenTime .boxLeft{ padding-right:30px; display:flex; flex-direction:column;} #sectionOpenTime .boxOpenTime .boxLeft table{margin-bottom:30px;} #sectionOpenTime .boxOpenTime .boxLeft table th{ padding-right:60px;} #sectionOpenTime .boxOpenTime .boxRight{ flex:1; justify-content: flex-end; display:flex; padding-right:20px; } #sectionOpenTime .boxOpenTime td{ vertical-align:top;} #sectionOpenTime .groupBtn{width: 900px;} #sectionOpenTime .groupBtn.group3{ width:725px; } #sectionOpenTime .groupBtn .col-3{ width: 25%;} #sectionOpenTime .btn{ font-size:1em; color:var(--color-white); border:var(--color-white) solid 1px; border-radius:0px; width: 100%; padding-top:15px; padding-bottom:15px; } #sectionOpenTime .btn.btn-primary{ background:var(--color-white); color:var(--color-gold); border:var(--color-gold) solid 1px; } #sectionOpenTime .btn.btn-primary path{ fill:var(--color-gold); } #sectionOpenTime .btn.btn-primary:hover path{ fill:white; } .newsGroup .col-6:first-child .imgLeft{ margin-top:30px;} .ul-list-dot{counter-reset: list-dot;} .ul-list-dot .row{ counter-increment: list-dot; margin-bottom: 20px; } .ul-list-dot .row .col-6:first-child{ display:flex; flex-direction: column;} .ul-list-dot .row .col-6:first-child h3{ display: flex; flex-direction: row !important; align-items: center; font-size: 1.5em; justify-content: top; color:var(--text-gray); } .ul-list-dot .row .col-6:first-child h3::before{ background-color:var(--color-gold); border-radius: 50%; display: inline-block; color: var(--color-white); width: 50px; height: 50px; line-height:55px; text-align: center; font-family: var(--font-title); font-size: 1em; margin-right: 10px; content: counter(list-dot)" "; } /* select */ .group-select-booking .book{text-align: right;} .select-packet select::-ms-expand { display: none; } .select-packet select, .select-packet::after { grid-area: select; } .select-packet select { outline: none; appearance: none; background-color: transparent; border: none; padding: 0 1em 0 0; margin: 0; width: 100%; font-family: inherit; font-size: 1.5em; cursor: inherit; line-height: inherit; color:var(--color-gold); z-index: 1; } .select-packet{ display: grid; grid-template-areas: "select"; align-items: center; position: relative; width: 100%; border-bottom: 1px solid #b9babd; border-radius: 0em; padding: 0.25em 0.5em; font-size: 1.25rem; color:var(--color-gold); cursor: pointer; line-height: 1.1; background-color: #fff; } .select-packet::after { content: "+"; justify-self: end; width: 1em; height: 1em; line-height:1em; font-size: 1em; text-align:right; color:#939598; /* background-color: #777; */ /* -webkit-clip-path: polygon(100% 0%, 0 0%, 50% 100%); */ /* clip-path: polygon(100% 0%, 0 0%, 50% 100%); */ } .select-packet select:focus + .focus { position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border-radius: inherit; } .select-packet option { font-size: 16px; } .group-select-booking{ margin-left: -15px !important; margin-right: -15px !important; } /* select end*/ .blogListGroup .row{ display: grid; grid-auto-flow: row; grid-template-columns: repeat(3, 1fr); } .blogListGroup.blogRightAricle .row{ grid-template-columns: repeat(1, 1fr); } .blogListGroup .row .col-4{ width: 100% !important; margin-bottom: 30px; } .blogListGroup .row a{ text-decoration: none; } .blogListGroup.blogRightAricle a{ display:flex; } .blogListGroup.blogRightAricle .recommendList{ display: flex !important; flex-direction: row; } .blogListGroup.blogRightAricle .recommendList .img{ margin-right:10px; flex:1;} .blogListGroup.blogRightAricle .recommendList .bodyGroup{ flex:2; align-items: flex-start !important; line-height:1.2em;} .blogListGroup.blogRightAricle .recommendList .date{ margin-top:10px;} .blogListGroup.blogRightAricle .recommendList .img, .blogListGroup.blogRightAricle .recommendList .bodyGroup{ width: 50%; display: flex !important; align-items: center; justify-content: left; } .recommendList .body{ overflow:hidden !important;} .blogListGroup .date{ margin-top:15px; margin-bottom:5px; line-height:1em; color:var(--body-txt-color2) !important;} .blogListGroup .desc{ font-weight: bold; display: -webkit-box; margin: 0 auto; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color:var(--body-txt-color); } .blogListGroup.blogRightAricle .recommendList .bodyGroup .desc{ font-weight: bold; display: -webkit-box; margin: 0 auto; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } /* pagination */ .pgntn-page-pagination { text-align: left !important; } .pgntn-page-pagination-block { /* width: 60% !important; */ padding: 0 0 0 0; } .pgntn-page-pagination a { background-color: #ffffff !important; text-decoration: none !important; } .pgntn-page-pagination a:hover { color:var(--head-color) !important; } .pgntn-page-pagination-block{ flex-wrap: wrap; } .pgntn-page-pagination{ color:var(--text-gray) !important; font-size: 20px; margin-top:10px; display: flex; align-items: center; justify-content: center; text-align:center; } .pgntn-page-pagination-intro { display:block; width: 100%; text-align: center; } .pgntn-page-pagination a{ color:var(--text-gray) !important; } .pgntn-page-pagination .page-numbers{ border:none !important; background:none !important; flex: 1; display: inline-block; text-align: center; margin-left: 10px; margin-right: 10px; } .pgntn-page-pagination .page-numbers.current,.wp-pagenavi .current{ color:var(--head-color) !important; border-bottom: var(--head-color) solid 1px !important; } .pgntn-page-pagination-block{ display: flex; align-items: center; justify-content: center; } .pgntn-page-pagination .prev.page-numbers,.wp-pagenavi a.previouspostslink{ text-indent:-9999px !important; background:url("https://manekineko.aunthaitest.com/wp/wp-content/themes/manekineko/images/ico-arrow-left.png") center center no-repeat !important; background-size: contain !important; width: 32px; height: 32px; } .pgntn-page-pagination .next.page-numbers,.wp-pagenavi a.nextpostslink{ text-indent:-9999px !important; background:url("https://manekineko.aunthaitest.com/wp/wp-content/themes/manekineko/images/ico-arrow-right.png") center center no-repeat !important; background-size: contain !important; width: 32px; height: 32px; } .wp-pagenavi{display: flex; align-items: center; justify-content: center; padding: 0 0 0 0; flex-wrap: wrap; } .wp-pagenavi a,.wp-pagenavi span{ border: none !important; background: none !important; flex: 1; display: inline-block; text-align: center; margin-left: 10px; margin-right: 10px; } .wp-pagenavi span.pages{ display: block; width: 100%; text-align: center; flex: none; padding-bottom: 10px; } .wp-pagenavi a.first,.wp-pagenavi .last{ display: none;} /* pagination ed */ .category-main-menu{ display: flex; align-items: center; justify-content: center; } .category-main-menu a{ display: inline-block; text-align: center; margin-left: 10px; margin-right: 10px; text-decoration: none !important; color:var(--secondary-color) !important; font-size: 1em !important; } .category-main-menu .active{ color:var(--head-color) !important; border-radius: 0; border-bottom: var(--head-color) solid 2px !important; } .contact-form .row{margin-bottom: 10px;} .contact-form .form-control{ font-size:1em; border-radius:0px; } .contact-form .btn-primary{ min-width: 180px;} .contact-form label{ display: block; text-transform: capitalize;} .form-control-select select::-ms-expand { display: none; } .form-control-select select, .form-control-select::after { grid-area: select; } .form-control-select select { outline: none; appearance: none; background-color: transparent; margin: 0; width: 100%; font-family: inherit; font-size: 16px; cursor: inherit; line-height: inherit; z-index: 1; padding-top: 10px; padding-bottom: 10px; } .form-control-select{ display: grid; grid-template-areas: "select"; align-items: center; position: relative; width: 100%; border-radius: 0em; cursor: pointer; line-height: 1.1; background-color: #fff; } .form-control-select::after { content: ""; justify-self: end; width: 0.5em; height: 0.5em; text-align:right; margin-right: 10px; background-color: #777; -webkit-clip-path: polygon(100% 0%, 0 0%, 50% 100%); clip-path: polygon(100% 0%, 0 0%, 50% 100%); } .form-control-select select:focus + .focus { position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border-radius: inherit; } .form-control-select option { font-size: 16px; } .wpcf7-list-item{ margin-left:0px !important; } .box-map{ display: flex; flex-basis: auto; flex-direction: row; } .box-map .map{ padding:0px; margin:0px;} .box-map .map iframe{width: 100%; min-height: 450px; display: block; border: none; } .box-map .address{ padding-left:70px;} .box-job .job-list{ padding-bottom: 20px;} .memberPricePopUpList{ overflow: hidden;} .memberPricePopUpList .title,.memberPricePopUpList .list.active .title{ color:var(--body-txt-color); font-size: 1.2em;} .memberPricePopUpList p{ font-size:0.8em; line-height:1.5em; color:var(--body-txt-color2); margin-bottom:0rem;} .memberPricePopUpList p strong{ font-size:1.2em; line-height:1.5em; color:var(--body-txt-color); font-weight: bold; } .memberPricePopUpList table{ width:100%; margin-bottom:10px;} .memberPricePopUpList table tr td{ width: 50%;} .memberPricePopUpList table tr td:nth-child(1){ text-align: left; } .memberPricePopUpList table tr td:nth-child(2){ color:var(--sub-color); text-align: right; } .memberPricePopUpList .list .btn{ background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Cpath d='M4 9L12 17L20 9' stroke='%23939598' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");} .memberPricePopUpList .list.active .btn{ background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Cpath d='M4 9L12 17L20 9' stroke='%23939598' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A"); transform: rotate(-180deg);} .tablePriceSection table{ background:#E5D2B4; border-collapse: collapse; margin-bottom: 20px; table-layout:fixed; max-width: 100%; } .tablePriceSection table td{ background:#FFF; margin:1px; border:#E5D2B4 solid 1px; padding:10px 20px; text-align: center; width: 200px; } .tablePriceSection table tr td:nth-child(1){ text-align: left; background:#f7f3e9; width: 250px; } .tablePriceSection table tr:nth-child(1) td{background:#f7f3e9; } /* .tablePriceSection table tr:last-child td{ color:var(--color-gold);} */ .tablePriceSection table tr:nth-child(1) td:nth-child(1){ background:#f7f3e9; color:#be9363;} .tablePriceSection table tr:last-child td:nth-child(1){ color:var(--body-txt-color);} .tableAmountSection table{ background:#ceac89; border-collapse: collapse; margin-bottom: 20px; table-layout:fixed; width: 100%; } .tableAmountSection table td{ background:#FFF; margin:1px; border:#E5D2B4 solid 1px; padding:10px 20px; text-align: center; width: 200px; } .tableAmountSection table tr:nth-child(1) td{background:#f8f2e9; color:#BA925E } .tableAmountSection table tr td:nth-child(1){background:#be9263; color:#FFF; } .tableSchedule table{ background:#ceac89; border-collapse: collapse; margin-bottom: 20px; table-layout:fixed; max-width: 100%; } .tableSchedule table td{ background:#FFF; margin:1px; border:#E5D2B4 solid 1px; padding:10px 20px; text-align: center; width: 200px; } .tableSchedule table tr:nth-child(1) td:nth-child(1){ text-align:center;} .tableSchedule table tr:nth-child(1) td{ text-align: center; } .tableSchedule table tr:nth-child(1) td{background:#f8f2e9; color:#BA925E; } .tableSchedule table tr td:nth-child(1){background:#f8f2e9; } .blockNumberCount{ max-width: 1100px; margin:auto;} .blockNumberCount .col{ text-align:center;} .blockNumberCount .numberCount{ font-size:4em; line-height:1em; font-family:var(--font-title); color:var(--sub-color); margin-bottom:0px; } .people-number{ display: flex; font-size: 1.2em; color:var(--sub-color); justify-content: flex-start; align-items: center; } .people-number::before{ content:""; background: url('../images/ico-la_users.svg') center left no-repeat; display: inline-block; margin-right: 10px; width: 42px; height: 42px; } .smtArrowSelect{ display:none; } .sliderRecommend-2 .recommendList img{ height: 384px; width: 100%; object-fit :cover; } .bi.bi-file-earmark-pdf{ content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666666' class='bi bi-file-earmark-pdf' viewBox='0 0 16 16'%3E%3Cpath d='M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z'%3E%3C/path%3E%3Cpath d='M4.603 14.087a.81.81 0 0 1-.438-.42c-.195-.388-.13-.776.08-1.102.198-.307.526-.568.897-.787a7.68 7.68 0 0 1 1.482-.645 19.697 19.697 0 0 0 1.062-2.227 7.269 7.269 0 0 1-.43-1.295c-.086-.4-.119-.796-.046-1.136.075-.354.274-.672.65-.823.192-.077.4-.12.602-.077a.7.7 0 0 1 .477.365c.088.164.12.356.127.538.007.188-.012.396-.047.614-.084.51-.27 1.134-.52 1.794a10.954 10.954 0 0 0 .98 1.686 5.753 5.753 0 0 1 1.334.05c.364.066.734.195.96.465.12.144.193.32.2.518.007.192-.047.382-.138.563a1.04 1.04 0 0 1-.354.416.856.856 0 0 1-.51.138c-.331-.014-.654-.196-.933-.417a5.712 5.712 0 0 1-.911-.95 11.651 11.651 0 0 0-1.997.406 11.307 11.307 0 0 1-1.02 1.51c-.292.35-.609.656-.927.787a.793.793 0 0 1-.58.029zm1.379-1.901c-.166.076-.32.156-.459.238-.328.194-.541.383-.647.547-.094.145-.096.25-.04.361.01.022.02.036.026.044a.266.266 0 0 0 .035-.012c.137-.056.355-.235.635-.572a8.18 8.18 0 0 0 .45-.606zm1.64-1.33a12.71 12.71 0 0 1 1.01-.193 11.744 11.744 0 0 1-.51-.858 20.801 20.801 0 0 1-.5 1.05zm2.446.45c.15.163.296.3.435.41.24.19.407.253.498.256a.107.107 0 0 0 .07-.015.307.307 0 0 0 .094-.125.436.436 0 0 0 .059-.2.095.095 0 0 0-.026-.063c-.052-.062-.2-.152-.518-.209a3.876 3.876 0 0 0-.612-.053zM8.078 7.8a6.7 6.7 0 0 0 .2-.828c.031-.188.043-.343.038-.465a.613.613 0 0 0-.032-.198.517.517 0 0 0-.145.04c-.087.035-.158.106-.196.283-.04.192-.03.469.046.822.024.111.054.227.09.346z'%3E%3C/path%3E%3C/svg%3E"); width:20px; line-height:20px; display:inline-block; } a .bi.bi-file-earmark-pdf{ content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23BA925E' class='bi bi-file-earmark-pdf' viewBox='0 0 16 16'%3E%3Cpath d='M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z'%3E%3C/path%3E%3Cpath d='M4.603 14.087a.81.81 0 0 1-.438-.42c-.195-.388-.13-.776.08-1.102.198-.307.526-.568.897-.787a7.68 7.68 0 0 1 1.482-.645 19.697 19.697 0 0 0 1.062-2.227 7.269 7.269 0 0 1-.43-1.295c-.086-.4-.119-.796-.046-1.136.075-.354.274-.672.65-.823.192-.077.4-.12.602-.077a.7.7 0 0 1 .477.365c.088.164.12.356.127.538.007.188-.012.396-.047.614-.084.51-.27 1.134-.52 1.794a10.954 10.954 0 0 0 .98 1.686 5.753 5.753 0 0 1 1.334.05c.364.066.734.195.96.465.12.144.193.32.2.518.007.192-.047.382-.138.563a1.04 1.04 0 0 1-.354.416.856.856 0 0 1-.51.138c-.331-.014-.654-.196-.933-.417a5.712 5.712 0 0 1-.911-.95 11.651 11.651 0 0 0-1.997.406 11.307 11.307 0 0 1-1.02 1.51c-.292.35-.609.656-.927.787a.793.793 0 0 1-.58.029zm1.379-1.901c-.166.076-.32.156-.459.238-.328.194-.541.383-.647.547-.094.145-.096.25-.04.361.01.022.02.036.026.044a.266.266 0 0 0 .035-.012c.137-.056.355-.235.635-.572a8.18 8.18 0 0 0 .45-.606zm1.64-1.33a12.71 12.71 0 0 1 1.01-.193 11.744 11.744 0 0 1-.51-.858 20.801 20.801 0 0 1-.5 1.05zm2.446.45c.15.163.296.3.435.41.24.19.407.253.498.256a.107.107 0 0 0 .07-.015.307.307 0 0 0 .094-.125.436.436 0 0 0 .059-.2.095.095 0 0 0-.026-.063c-.052-.062-.2-.152-.518-.209a3.876 3.876 0 0 0-.612-.053zM8.078 7.8a6.7 6.7 0 0 0 .2-.828c.031-.188.043-.343.038-.465a.613.613 0 0 0-.032-.198.517.517 0 0 0-.145.04c-.087.035-.158.106-.196.283-.04.192-.03.469.046.822.024.111.054.227.09.346z'%3E%3C/path%3E%3C/svg%3E"); width:20px; line-height:20px; display:inline-block; } .grecaptcha-badge { visibility: hidden; } .book .btn-primary.btn-line i{ padding-right: 5px;} .book .btn-primary.btn-line i img{ max-width: 25px; max-height: 25px; display: inline-block; position: relative; } .book .btn-primary .group-flex{ display: flex; flex-direction: row; align-items: center; } .book .btn-primary .ico-line{ background:url(../images/ico_line_gold.svg) 0px 0px no-repeat; display: inline-block; width: 25px; height: 25px; background-size: contain; margin-right: 8px; } .book .btn-primary:hover .ico-line{ background:url(../images/ico_line.svg) 0px 0px no-repeat; display: inline-block; width: 25px; height: 25px; background-size: contain; } .productList .book .btn-primary{ margin-bottom: 10px; } .productList .book .btn-primary:first-child{ margin-right: 10px; } .wp-block-embed.is-type-video{ margin:0px !important; margin-top: 20px !important; margin-bottom: 20px !important; } .is-type-video .wp-block-embed__wrapper{ width: 100%; padding-bottom: 56.25%; height: 0px; } .is-type-video .wp-element-caption strong sup { color: #555; font-size: 19px; } .is-type-video figcaption{ margin-top:15px; } .is-type-video iframe { width: 100%; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; } /* */ #header { background-color:var(--txt-header-bf); box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.15); -webkit-box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.15); -moz-box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.15); } #header a, #header a:hover, #header a:active, #header a:focus { color:#BA925E; } #header .boxLogo img { content:url("/images/logo1.png"); max-width: 100%; max-height: 100%; } #header::after { content: ""; display: block; border-bottom: none; } #header .groupMenu .menu li.menu-item:first-child a::before{ content:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1195 9.27579L9.61948 0.942461C9.30365 0.590794 8.69698 0.590794 8.38115 0.942461L0.881145 9.27579C0.773192 9.39546 0.702333 9.54391 0.677182 9.70309C0.652032 9.86228 0.673674 10.0253 0.739479 10.1725C0.872812 10.4733 1.17115 10.6666 1.50031 10.6666H3.16698V16.5C3.16698 16.721 3.25478 16.9329 3.41106 17.0892C3.56734 17.2455 3.7793 17.3333 4.00031 17.3333H6.50031C6.72133 17.3333 6.93329 17.2455 7.08957 17.0892C7.24585 16.9329 7.33365 16.721 7.33365 16.5V13.1666H10.667V16.5C10.667 16.721 10.7548 16.9329 10.9111 17.0892C11.0673 17.2455 11.2793 17.3333 11.5003 17.3333H14.0003C14.2213 17.3333 14.4333 17.2455 14.5896 17.0892C14.7458 16.9329 14.8336 16.721 14.8336 16.5V10.6666H16.5003C16.6617 10.6673 16.8198 10.621 16.9553 10.5334C17.0909 10.4458 17.198 10.3206 17.2636 10.1732C17.3293 10.0258 17.3506 9.86241 17.325 9.70306C17.2994 9.54372 17.228 9.39526 17.1195 9.27579Z' fill='%23BA925E'/%3E%3C/svg%3E%0A"); } #header .menu li a:hover, #header .menu li a.active, #header .groupMenu .lang li a:hover, #header .groupMenu .lang li a.active { color:var(--head-color); border-bottom:var(--head-color) 4px solid ; } #header .groupMenu .menu li.menu-item:first-child a:hover::before, #header .groupMenu .menu li.menu-item:first-child a.active::before{ content:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1195 9.27579L9.61948 0.942461C9.30365 0.590794 8.69698 0.590794 8.38115 0.942461L0.881145 9.27579C0.773192 9.39546 0.702333 9.54391 0.677182 9.70309C0.652032 9.86228 0.673674 10.0253 0.739479 10.1725C0.872812 10.4733 1.17115 10.6666 1.50031 10.6666H3.16698V16.5C3.16698 16.721 3.25478 16.9329 3.41106 17.0892C3.56734 17.2455 3.7793 17.3333 4.00031 17.3333H6.50031C6.72133 17.3333 6.93329 17.2455 7.08957 17.0892C7.24585 16.9329 7.33365 16.721 7.33365 16.5V13.1666H10.667V16.5C10.667 16.721 10.7548 16.9329 10.9111 17.0892C11.0673 17.2455 11.2793 17.3333 11.5003 17.3333H14.0003C14.2213 17.3333 14.4333 17.2455 14.5896 17.0892C14.7458 16.9329 14.8336 16.721 14.8336 16.5V10.6666H16.5003C16.6617 10.6673 16.8198 10.621 16.9553 10.5334C17.0909 10.4458 17.198 10.3206 17.2636 10.1732C17.3293 10.0258 17.3506 9.86241 17.325 9.70306C17.2994 9.54372 17.228 9.39526 17.1195 9.27579Z' fill='%23295352'/%3E%3C/svg%3E%0A") !important; } #header .nav-mobile span{ background: #BA925E none repeat scroll 0 0; } #subpageMainImageBanner{ margin-top:75px; } #subpageMainImageBanner .overlay .txt { margin-top: 0px; } #subpageMainImageBanner .overlay{ background: unset !important; } @media screen and (min-device-width: 320px) and (max-device-width: 767px) { #subpageMainImageBanner{ margin-top: 52px; } #subpageMainImageBanner .overlay .txt { margin-top: 0px; } }