html,body {padding:0;margin:0;width:100%;height:100%}
* {box-sizing:border-box}
body {background:#00404F;color:#D1B22D;font-family:'Poppins','Prompt','Noto Sans Thai',Tahoma,Arial,sans-serif;font-size:16px}
/* #226776 #175F6E #D1B22D #00404F #FEFBF1 */
a,a:hover {text-decoration:none}
.nowide {position:relative;width:100%;max-width:1920px;min-height:calc(100vh - 54px);padding:0;margin:0 auto;background:#FEFBF1;color:#000}
.footer {position:relative;width:100%;max-width:1920px;padding:32px;margin:0 auto;background:#226776;text-align:center}
.copyright {text-align:center;padding:12px;font-size:20px}

.text-center {text-align:center}
.text-right {text-align:right}
.text-left {text-align:left}
.gc-title {font-size:32px}
.gc-text {font-size:16px}
.hero_sim,.hero_rv3,.hero_rv3_sm {position:relative}
.hero_sim img,.hero_rv3 img,.hero_rv3_sm img,.w-100 {width:100%;height:auto}
.clear,.clear-a:after,.home_intro:after {content:'';display:block;clear:both}
.hero_text {border:3px solid #d1b22d;background:#4448;color:#fff;font-size:32px;padding:64px 32px}
.hero_text {position:absolute;margin:0 auto;transform:translateY(-50%);top:50%;left:0;right:0;max-width:calc(100% - 96px)}
.langs {color:#d1b22d}

.ft-sns a {display:inline-block;width:56px;text-align:center}
.ft-sns a {transform: scale(1.5,1.5)}

/* Home */
.home-reservation {padding:24px 0 0;text-align:center;background:url(imgs/shrimp-R.png) 100% 128% no-repeat}
.hr-a {margin:0 auto 0;color:#000;font-size:24px}
.hr-a a {transition:.3s all;color:#000}
.hr-a a:hover {color:#175F6E}
.hr-l {margin:32px auto 12px}
.hr-l a{transition:.3s all}
.hr-l a:hover {filter:contrast(128%) brightness(128%)}
.hr-p {max-width:800px;margin:0 auto;padding:24px;color:#175F6E}

.home-pre4 {margin:0 auto 0}
.hp-box {float:left;width:25%}
.hp-img {width:100%;padding-top:120%;transition:.5s all}
.hp-img.pre-14 {background:url(imgs/01-home/intro-01.webp) center no-repeat;background-size:cover}
.hp-img.pre-15 {background:url(imgs/01-home/intro-02.webp) center no-repeat;background-size:cover}
.hp-img.pre-16 {background:url(imgs/01-home/intro-03.webp) center no-repeat;background-size:cover}
.hp-img.pre-17 {background:url(imgs/01-home/intro-04.webp) center no-repeat;background-size:cover}
.hp-img:hover {filter:contrast(120%) brightness(120%)}

.home-about {margin:48px auto 0;background:#387682}
.ha-box {float:left;width:50%}
.ha-img {width:100%;padding-top:60%;transition:.5s all}
.ha-img {background:url(imgs/gcp-night.jpg) center no-repeat;background-size:cover}
.ha-text {color:#D1B22D;width:100%;text-align:center;padding:48px 32px}
.ha-text a {display:inline-block;margin-top:24px;transition:.3s all}

.home-menu {margin:32px auto 0;text-align:center;padding:64px 0 0;background:url(imgs/shrimp-L.png) left top no-repeat}
.hm-title {font-size:32px;font-weight:600;color:#175F6E}
.hm-intro {font-size:40px;color:#000;padding:64px 32px}

.home-dish {margin:48px auto;width:calc(100% - 192px)}
.hd-box {float:left;width:33.3333%}
.hd-img {width:88%;padding-top:96%;margin:0 auto;transition:.5s all}
.hd-img.pre-22 {background:url(imgs/home-menu-22.jpg) center no-repeat;background-size:cover}
.hd-img.pre-23 {background:url(imgs/home-menu-23.jpg) center no-repeat;background-size:cover}
.hd-img.pre-24 {background:url(imgs/home-menu-24.jpg) center no-repeat;background-size:cover}
.hd-img:hover {filter:contrast(120%) brightness(120%)}

.home-outro {padding-top:41.667%}
.home-outro {background:url(imgs/01-home/outro.webp) center no-repeat;background-size:cover}

.btn {display:inline-block;padding:8px 32px;border-radius:4px;transition:.2s all}
.btn-c1 {background:#175f6e;color:#fff}
.btn-c2 {background:#d1b22d;color:#175f6e}
.btn-c1:hover {background:#d1b22d;color:#175f6e}
.btn-c2:hover {background:#fff;color:#175f6e}

/* About */
.about-intro {padding:64px;max-width:1440px;margin:0 auto;position:relative}
.abi-col {position:relative;float:left;width:50%}
.abi-text {text-align:center;min-height:533px}
.abi-box {background:#226776;color:#FEFBF1;font-size:14px}
.abi-box {position:absolute;z-index:1;left:0;right:0;top:50%;transform:translateY(-50%);padding:48px}

/* Clear float Class */
.home-pre4:after,
.home-about:after,
.home-dish:after,
.about-intro:after,
.container:after {content:'';display:block;clear:both}

/* Responsive Style */
@media screen and (min-width:1281px) {
	.hidden-pc,.menu-sm {display:none}
	.menu-pc {position:fixed;top:0;left:0;right:0;margin:0 auto;width:100%;z-index:95;max-width:1920px;height:128px;background:#226776}
	.menu-pc:after {content:'';display:block;clear:both}
	.gc-logo {float:left;width:448px;height:128px;padding:10px;white-space:nowrap}
	.logo-x {float:left;margin-right:12px}
	.logo-1 {width:108px;height:108px;background:url(imgs/gc-logo-text.png) center no-repeat;background-size:contain}
	.logo-2 {width:64px;height:108px;background:url(imgs/MICHELIN2022.webp) center no-repeat;background-size:contain}
	.logo-3 {width:64px;height:108px;background:url(imgs/MICHELIN2023.webp) center no-repeat;background-size:contain}
	.logo-4 {width:64px;height:108px;background:url(imgs/MICHELIN2024.webp) center no-repeat;background-size:contain}
	.logo-5 {width:64px;height:108px;background:url(imgs/MICHELIN2025.webp) center no-repeat;background-size:contain}
	.ft-sns {position:absolute;right:32px;top:50%;transform:translateY(-50%);z-index:88}
	.gc-lineoa {float:right;width:280px;height:127px;white-space:nowrap;line-height:40px;font-size:20px;text-align:center;background:#FEFBF1;padding-top:28px}
	.gc-lineoa a {color:#000;transition:.3s all}
	.gc-lineoa a:hover {color:#175F6E}
	.gc-nav {position:absolute;bottom:0;right:280px;margin:0 auto;width:calc(100% - 420px - 280px);height:128px;padding-top:48px;z-index:95;white-space:nowrap;text-align:center;background:url(imgs/shrimp-R.png) right bottom no-repeat;background-size:contain}
	.gc-nav a {display:inline-block;padding:16px 16px;font-size:18px;color:#FEFBF1;transition:.3s all}
	.gc-nav a:hover,.gc-nav a:active,.gc-nav a.active {color:#D1B22D}
	.nowide {padding-top:128px}
	.floatmenu-sm-open {display:none}
}
@media screen and (max-width:1280px) {
	.hidden-sm,.menu-pc {display:none}
	.menu-sm {position:fixed;top:0;left:0;right:0;margin:0 auto;padding:0 12px;width:100%;z-index:95;max-width:1280px;height:88px;background:#226776}
	.menu-sm:after {content:'';display:block;clear:both}
	.logo-m {float:left;margin-right:12px}
	.logo-1 {width:72px;height:80px;background:url(imgs/gc-logo-text.png) center no-repeat;background-size:contain}
	.logo-2 {width:40px;height:80px;background:url(imgs/MICHELIN2022.webp) center no-repeat;background-size:contain}
	.logo-3 {width:40px;height:80px;background:url(imgs/MICHELIN2023.webp) center no-repeat;background-size:contain}
	.logo-4 {width:40px;height:80px;background:url(imgs/MICHELIN2024.webp) center no-repeat;background-size:contain}
	.logo-5 {width:40px;height:80px;background:url(imgs/MICHELIN2025.webp) center no-repeat;background-size:contain}
	.gm-nav {position:absolute;right:24px;top:50%;transform:translateY(-50%)}
	.ft-sns {padding:32px}
	.gc-title {font-size:22px}
	.gc-text {font-size:12px}
	.hr-a {font-size:20px}
	.hm-intro {font-size:20px}
	.hp-box {float:left;width:50%}
	.ha-box {float:left;width:100%}
	.hd-box {float:left;width:100%}
	.hp-img {padding-top:120%}
	.ha-img {padding-top:66%}
	.home-dish {width:calc(100% - 32px)}
	.hd-img {width:100%;padding-top:80%;margin-top:16px}
	.home-outro {padding-top:41.67%}
	.nowide {padding-top:88px}
	.home-reservation {background-position:right bottom}
	.about-intro {padding:0}
	.abi-col {width:100%}
	.floatmenu-sm-open.inactive {display:none;opacity:0.1;transition:.5s all}
	.floatmenu-sm-open {position:fixed;opacity:1;transition:.5s all}
	.floatmenu-sm-open.gc-m-close {z-index:100;height:88px;width:88px;text-align:center;right:0;top:0;background:#226776}
	.floatmenu-sm-open.gc-m-nav {z-index:101;height:calc(100vh - 88px);text-align:center;right:0;left:0;top:88px;background:#175F6E url(imgs/shrimp-R.png) right 64% no-repeat;background-size:256px 275px;margin:0 auto}
	.floatmenu-sm-open.gc-m-lineoa {z-index:102;text-align:center;right:0;left:0;bottom:0;background:#FEFBF1;margin:0 auto}
	.gc-m-close a {display:inline-block;position:absolute;margin:0 auto;width:40px;left:0;right:0;top:50%;transform:translateY(-50%)}
	.gc-m-close img {width:30px}
	.gc-m-nav a {display:block;color:#FEFBF1;padding:6px 24px 6px;margin:24px auto 0}
	.gc-m-lineoa a {display:inline-block;padding:32px;color:#000}
}
@media screen and (max-width: 1280px) and (orientation: landscape) {
	.floatmenu-sm-open.gc-m-nav {display:flex;justify-content:center;align-items:center;flex-flow:row wrap}
	.floatmenu-sm-open.inactive {display:none;opacity:0.1;transition:.5s all}
	.floatmenu-sm-open {position:fixed;opacity:1;transition:.5s all}
	.floatmenu-sm-open.gc-m-nav {z-index:101;height:calc(100vh - 88px - 48px)}
	.floatmenu-sm-open.gc-m-nav a {display:block;width:32%;font-size:18px;padding:6px 0;margin:0 auto}
	.floatmenu-sm-open.gc-m-lineoa a {padding:8px}
	.floatmenu-sm-open.gc-m-lineoa br {display:none}
	.floatmenu-sm-open.gc-m-lineoa img {margin-left:12px}
}
.imgs {display:block}
.w-100 {max-width:100% !important}

/* Mstyle Mod */
.scroller {
	scrollbar-color: #FEFBF1EE #175F6E11;
	scrollbar-width: thin;
}
.scroller::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
.scroller::-webkit-scrollbar-track-piece  {
	background-color: #22677611;
}
.scroller::-webkit-scrollbar-thumb,
.scroller::-webkit-scrollbar-thumb:vertical,
.scroller::-webkit-scrollbar-thumb:horizontal {
	height: 8px;
	background-color: #175F6EEE;
}
.line-clamp {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}
.line-clamp-1 { -webkit-line-clamp: 1;}
.line-clamp-2 { -webkit-line-clamp: 2;}
.line-clamp-3 { -webkit-line-clamp: 3;}
.line-clamp-4 { -webkit-line-clamp: 4;}
.line-clamp-5 { -webkit-line-clamp: 5;}