@charset "utf-8";

:root{
	--mainColor:#F27528;
	--mainColorD:#F83319;
	--mainColorL:#FCF7E9;
	--lightColor:#FFFDF5;
	--subColor:#FCDF8F;
	--color-1:#5B3706;
	--oval:url("data:image/svg+xml,%3Csvg width='401' height='285' viewBox='0 0 401 285' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M400.479 142.481c0 75.339-89.576 136.363-199.951 136.363C90.152 278.844.478 217.82.478 142.481.479 67.141 90.055 6.117 200.43 6.117c110.376 0 199.951 61.025 199.951 136.364h.099z' fill='url(%23paint0_linear_2399_855)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2399_855' x1='.479' y1='19.229' x2='389.41' y2='315.241' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23FF7246'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")center/contain no-repeat
}

/*===共同設定===*/
/*共同設定-header*/
header{--logoW: clamp(15rem, 20vw, 18.75rem);}
.logo__pic{aspect-ratio: 300/40;}
.titleBox__sub{--cl: var(--mainColorD);}
.funcBtn{display: flex;gap:1.5rem;align-items: center;}
.backHome .bi{display:none;}
/*共同設定-內頁*/
.pgBanner:after{background: linear-gradient(120deg, rgb(252 223 143 / 25%), rgba(0, 0, 0, 0.15));}
.breadCrumb__item + .breadCrumb__item:before{--cl:var(--mainColorD)}
.pgContent{background: linear-gradient(to bottom,transparent,var(--subColor));}
.pgContent:has(.blockHeight--game){/* background:linear-gradient(to bottom, transparent, #ffe1c6); */}
.pgTitle__sub:after{background: var(--mainColorD);}
.sideNavList__item.active{color: var(--mainColorD);}
.sideNavList__item .txt:before{background: var(--mainColorD);}
/*共同設定-footer*/
footer{background: var(--mainColorL);}

/*banner*/
.bannerInWrap{/* background:var(--subColor); */position: relative;}
.bannerIn{--pdB:clamp(3rem,7vw,7.5rem);position:relative;margin-bottom: 0!important;}
.bannerIn .slick-list{padding-bottom:0;}
.bannerIn .slick-dots{flex-direction: column;position: absolute;width: 3rem;height: 100%;right: 0;left: unset;top: 50%;transform: translateY(-50%);padding-bottom: var(--pdB);}
.bannerIn__box{padding-bottom: calc(var(--pdB) + 1rem);}
.bnInCover{margin:0;position: relative;}
.bnInCover:after{content:'';position:absolute;width:100%;height:100%;background:var(--subColor);left:0;top:0;opacity:0.05;pointer-events:none;}
.bnInCover__pic{width:100%;aspect-ratio:1920/640;object-fit: cover;}
.bnInTxt{max-width: calc(65% - var(--ctOffset));width: calc(100% - var(--ctOffset) * 2 - 20rem - 2rem);position: relative;position: absolute;left: var(--ctOffset);color:#fff;bottom: 1rem;transition: 1s all;transition-delay: 0.25s;transform: translateY(2rem);opacity: 0;}
.slick-current .bnInTxt{transform:translateY(0);opacity:1;}
.bnInTxt__mj{font-size: clamp(2rem,6vw,5.25rem);font-weight:500;text-shadow: 0.25rem 0.25rem 1rem rgba(0,0,0,.15),var(--shD);margin: 0;line-height: 1.05;letter-spacing: clamp(0.005em,0.02vw,0.02em);}
.bnInTxt__sub{--lt: clamp(0.01em,0.05vw,0.05em);margin-bottom:0.5rem;font-size: clamp(0.875rem,1.2vw,1.125rem);letter-spacing:var(--lt);text-shadow:var(--shD),var(--shD),var(--shD);display: inline-block;padding: 0.25rem 1rem;padding-left: calc(1rem + var(--lt));background: rgb(255 114 70 / 50%);border-radius: 100rem;backdrop-filter: blur(0.5rem);}


.pinDl{position:absolute;right:var(--ctOffset);bottom: 1rem;z-index: 0;}
.pinDl:after{content:'';position:absolute;width: 2.5rem;height: 2.5rem;background:var(--mainColor);right: -0.5rem;bottom: -0.5rem;border-radius: 0.375rem;z-index: -1;transition: 0.3s all,1s background,1s transform,1s opacity;transition-delay: 0s,0.25s,0.25s,0.25s;}
.pinDl__item{display:inline-block;background:#fff;padding:1.25rem;border-radius:0.35rem;min-width: 20rem;}
.pinDl__item__text{--iconW:1.25rem;font-weight: 500;position:relative;padding-right: calc(var(--iconW) + 0.5rem);}
.pinDl__item__text:after{content:'\F119';position:absolute;font-family:'bootstrap-icons';font-size: var(--iconW);right: 0;top: 50%;transform: translateY(-50%);color: var(--mainColor);line-height: 1;}

body:has(.blockHeight--esgGradient){/* overflow-x: hidden; */}
.blockHeight--esgGradient{position:relative;padding-bottom: 0;overflow-x: clip;}
.blockHeight--esgGradient:before{content:'';position:absolute;width:100%;height:calc(100% + 20vh);left:0;bottom:0;background: linear-gradient(to bottom, var(--subColor) 35%, rgb(255 114 70 / 50%) 100%);z-index: -1;pointer-events: none;}
.blockHeight--esgGradient:after{content:'';position:absolute;width:100%;aspect-ratio: 1920/315;background:#fff;left: 0;bottom: 0;mask: url("data:image/svg+xml,%3Csvg width='1920' height='315' viewBox='0 0 1920 315' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2440_886)'%3E%3Cpath d='M0 315h1920V28.3C1770.47 9.7 1616.65 0 1459.65 0 920.5 0 418.77 114.33 0 310.76V315z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2440_886'%3E%3Cpath fill='%23fff' d='M0 0h1920v315H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat;mask-size: cover;}

.blockZone--esgBlock{padding-bottom:clamp(3rem,7vw,7.5rem);position: relative;}
.blockZone--esgBlock:before{content:'';position: absolute;background: url("data:image/svg+xml,%3Csvg width='641' height='641' viewBox='0 0 641 641' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='320.128' cy='320.128' r='315' stroke='%23fff' stroke-width='10'/%3E%3C/svg%3E")center/cover;width:clamp(20rem,40vw,40rem);aspect-ratio: 1;opacity: 0.3;left: -10%;top: -90%;z-index: -1;animation: floatUpDown2 6s ease-in-out infinite;}
.blockZone--esgBlock:after{content:'';position: absolute;width: 26.25rem;aspect-ratio: 1;background: var(--donut2) center / cover;opacity: 0.2;right: -5%;bottom: -16%;animation: floatUpDown2 5s ease-in-out infinite;z-index: -1;pointer-events: none;filter: brightness(10);}
.esgPj{--cssNum: var(--num-pcL,1);--gap: clamp(1.35rem,2vw,2rem);--imgMb:1rem;display:flex;/* justify-content: center; */gap:var(--gap);flex-wrap: wrap;}
.esgPj__item{width: calc((100% - var(--gap) * (var(--cssNum) - 1) ) / var(--cssNum));transform: rotateY(30deg);transition: 1s all;transition-delay: calc(0.125s + 0.125s * var(--SN));opacity: 0;}
.esgPj.--index{--gap: clamp(1.5rem,3vw,3rem);--imgMb: clamp(1.25rem,2vw,2.5rem);justify-content: center;}
.esgPj.--index .esgPj__item{max-width:27.5rem}
.animated .esgPj__item{opacity:1;transform: rotateY(0deg);}
.cover.--esgPj{position:relative;margin:0;border-radius: 1rem;z-index: 0;margin-bottom: var(--imgMb);}
.cover.--esgPj:after{content:'';position:absolute;width:100%;height:100%;background:var(--oval);left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0.92) rotate(-15deg);filter: blur(4rem);z-index: -1;}
.--esgPj .cover__pic{width:100%;aspect-ratio:440/300;border-radius: 1rem;}
.esgPj__item__ct{text-align:center;}
.esgPjTt{display: flex;flex-direction: column;gap: 0.25rem;line-height: 1.25;align-items: center;}
.esgPjTt__mj{--lt:0.15em;color: var(--color-1);font-size: 1.5rem;font-weight: 500;letter-spacing: var(--lt);margin-right: calc(var(--lt) * -1);}
.esgPjTt__sub{opacity: 0.8;}
.esgPj:has(.esgPj__item.--list){flex-direction:column;gap: 0;background: rgba(255, 255, 255, 0.5);overflow: hidden;border-radius: 0.5rem;box-shadow: var(--shD);}
.esgPj__item.--list{width: 100%!important;display:flex;justify-content: space-between;align-items: center;padding: 0.25rem 0;position: relative;}
.esgPj__item.--list:after{content:'';position:absolute;width:0;height:100%;background:#fff;right: 0;top: 0;transition: 0.3s all;z-index: -1;}
.esgPj__item.--list:hover:after{width:100%;left:0;}
.esgPj__item.--list:not(:last-child){border-bottom:1px solid #ddd;}
.esgPj__item.--list .esgPjTt__mj{font-size: 1rem;font-weight: 400;color: unset;padding: 0.75rem clamp(1rem,1.5vw,1.5rem);letter-spacing: 0.05em;}
.esgPj__item.--list .esgPjTt__mj .bi{color:var(--ofclRed);}
.esgPjFunc{padding:0.75rem 1rem;width: clamp(3rem,5vw,5rem);display: inline-block;text-align: center;}

.blockZone--esgNews{overflow: hidden;padding-bottom: calc(100vw / 1920 * 315 + 3rem);padding-top: 6.25rem;position: relative;}
.blockZone--esgNews:before{background: var(--mainColor);}
.blockZone--esgNews:after{bottom:-8%;}
.blockZone--esgNews .container:after{--bR:clamp(2rem,10vw,10rem);content:'';position:absolute;width:calc(100% - 4rem);height:100%;background:linear-gradient(to bottom,var(--lightColor) 50%,#fff);border-radius:var(--bR) var(--bR) 0 0;left: 50%;top:0;z-index:-1;transform: translateX(-50%);opacity: 0.85;}

.blockHeight--esgVideo{background:#fff;}
.blockHeight--esgVideo .container{margin-top: calc(100vw / 1920 * 315 * -0.875);}
.videoBox{--cssNum: var(--num-pcL,1);--gap: clamp(1.35rem,2vw,2rem);display: flex;flex-wrap: wrap;gap: var(--gap);}
.videoBox--slick{--pos: calc(50% - 3.5rem);--mb:clamp(0.625rem,1vw,1rem);margin-top: 4rem;}
.videoBox .slick-list{margin: 0 calc(var(--mb) * -1);}
.videoBox--slick .videoBox__item{margin: 0 var(--mb);}
.videoBox__item{width: calc((100% - var(--gap) * (var(--cssNum) - 1)) / var(--cssNum));}
.cover.--vd{border-radius:1rem;overflow:hidden;position: relative;}
.cover.--vd:after{--cl:#fff;content:'\F4F4';position:absolute;left: 50%;top: 50%;font-family: 'bootstrap-icons';transform: translate(-50%,-50%);color: var(--cl);width: 4rem;aspect-ratio: 1;border-radius: 100rem;border: 1px solid var(--cl);display: inline-flex;align-items: center;justify-content: center;font-size: 2rem;pointer-events: none;transition: 0.3s all;}
.cover.--vd .cover__pic{aspect-ratio: 480/270;width: 100%;transition: 0.3s all;}
.videoBox__item__tt{margin-top:1rem;font-size:1.25rem;letter-spacing:0.05em;min-height: 4rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.esgFooter{padding-top:3rem;background:var(--mainColorL);}
.esgFtBoxWrap{display:flex;gap: 1rem 3rem;justify-content: center;padding: 1.25rem;background: #fff;border-radius: clamp(1.5rem,4vw,4rem);align-items: center;flex-wrap: wrap;}
.esgFtBox{display:flex;gap:1rem;flex-wrap: wrap;justify-content: center;}
.esgFtBox__item{--lt:0.15em;height:4rem;width: 12.5rem;flex: 1;/* aspect-ratio:200/64; */display:inline-flex;align-items: center;justify-content: center;border-radius: 0.5rem;position: relative;overflow:hidden;font-weight: 450;letter-spacing:var(--lt);margin-right:calc(var(--lt) * -1);color: #fff;text-shadow: 0 0 0.25rem rgba(0,0,0,0.5);z-index: 0;background-size: 100%;background-position: center;transition: 0.3s all;}
.esgFtBox__item:after{content:'';position:absolute;width:100%;height:100%;background:var(--color-1);opacity:0.3;z-index: -1;}
.esgFtBox__item:nth-child(1){background-image: url(../images/esg/footer-1.png);}
.esgFtBox__item:nth-child(2){background-image:url(../images/esg/footer-2.png);}
.esgFtBox__item:nth-child(3){background-image:url(../images/esg/footer-3.png);}
.esgFtBox__item:hover{color:#fff}


/*!內頁*/
.articleTop__tt{color:var(--color-1);}
/*遊戲*/
.blockHeight--game{--pdT: 7.5rem;--pdB:10rem;min-height: calc(100vh - var(--headerH));padding: var(--pdT) 0 var(--pdB)!important;position: relative;overflow: hidden;}
.blockHeight--game .btnStyle{--cl:var(--mainColorD);--bg:var(--mainColor);}
.gameBox{/* position:relative; */}
.gameBox__cover{display:flex;flex-direction:column;align-items: center;transition: 0.3s all;position: relative;z-index: 2;}
.gameBox__cover.--hide{transform: translateY(-2rem);opacity: 0;pointer-events: none;height: 0;}
.gameBgDeco{position:absolute;width:100%;background: url(../images/esg/bg-city.png) center bottom;background-size: 100%;background-repeat: repeat-x;height: 50%;left: 0;bottom: 0;transition: 1s all;transform: scale(1.25);transform-origin: center bottom;/* filter: grayscale(1); */pointer-events: none;opacity: 1;z-index: 0;}
.gameBgDeco:has(+ .--hide){transform: scale(1);animation: bgMove 50s linear infinite;animation-delay: 1s;/* filter: grayscale(0.25); */bottom: calc(var(--pdB) - 2rem);background-size: 80%;opacity: 1;}
.gameBgDeco:has(~ .gameBox__end.active){filter:grayscale(0);transform: scale(2.5);opacity: 0;transition: 0.8s all,opacity 0.3s;transition-delay: 0s,0.15s;}
/* .--hide ~ .gameBgDeco{transform: scale(1);animation: bgMove 50s linear infinite;animation-delay: 1s;filter: grayscale(0.25);bottom: calc(var(--pdB) - 2rem);background-size: 80%;opacity: 1;} */
/* .gameBox__end.active ~ .gameBgDeco{filter:grayscale(0);transform: scale(2.5);opacity: 0;transition: 0.8s all,opacity 0.3s;transition-delay: 0s,0.15s;} */
.gameBox__content{opacity:0;transition:1s all;}
.gameBox__content.--show{opacity:1;}
.gameMain{transition: 0.5s all;opacity:0;transform:translateY(2rem);display: flex;flex-direction: column;align-items: center;gap: 1rem;height: 0;pointer-events: none;z-index: 2;position: relative;}
.active.gameMain{opacity:1;transform:translateY(0);height:auto;pointer-events:all;}
.gameBox__end{position:absolute;width: 100%;overflow:hidden;pointer-events:none;height:0;opacity:0;transition: 0.5s all;display: flex;flex-direction: column;align-items: center;transform: translateY(2rem);min-height: calc(100vh - var(--headerH) - var(--pdT) - var(--pdB));justify-content: center;}
.active.gameBox__end{position:relative;height:auto;pointer-events:all;opacity:1;transition-delay: 0.3s;transform: translateY(0);overflow: unset;}
.gameBox__end__box{--pdW:3rem;background: rgba(255,255,255,0.95);display: inline-flex;flex-direction: column;aspect-ratio: 1;padding: calc(var(--pdW) * 1.25) var(--pdW) calc(var(--pdW) * 0.75);border-radius: 100rem;align-items: center;justify-content: center;position: relative;border: 2rem solid rgb(143 177 55);}
.gameBox__end__box:before{content:'';position:absolute;height: 2.5rem;aspect-ratio: 50/11;background: url(../images/all/logo.svg)center/cover no-repeat,#f7fcf5;left: 50%;top: 1.125rem;transform: translate(-50%,-50%);background-size: 80%;border-radius: 1.5rem;}
.gameBox__end__box:after{content:'';position:absolute;width: 100%;aspect-ratio: 1;background: var(--oval);transform: translate(-50%, -50%) rotate(-15deg);left: 50%;top: 50%;filter: blur(3.75rem);z-index: -1;transition: 0.3s all;}

.gameBgEnd{height:100%;aspect-ratio:1;position: absolute;z-index: -1;}
.gameBgEnd__pic{position:absolute;left:50%;top:50%;transform:  translate(-50%,-50%) rotate(-45deg);transform-origin: center;z-index:-1;width: 100%;aspect-ratio: 1;transition: 1s all;opacity: 0;max-width: unset;}
.gameBox__end.active .gameBgEnd__pic{width: 190%;opacity:1;transform: translate(-50%,-50%) rotate(0deg);animation: spinAni 180s infinite linear;animation-delay: 1s;}

.gameDeco{position: absolute;width:100%;height: calc(var(--pdB) - 2rem);background: url(../images/esg/bg-game.jpg);left: 0;bottom: 0;animation: bgMove 60s infinite linear;z-index: 1;}
@keyframes bgMove{
	0%{background-position-x:50%;}
	100%{background-position-x:-150%;}
}
.gameDeco__car{display:inline-block;position: absolute;left: calc(var(--pos,-20rem) + var(--ctOffset));bottom: 5rem;transition: 1s all ease-out;animation: carMove 1s infinite steps(4);height: clamp(5rem,22vw,10rem);aspect-ratio: 525 / 330;pointer-events: none;}
@keyframes carMove{
	0%, 11%, 10%, 21%, 30%, 41%, to { transform:  scaleY(1) translatY(0);}
	11%, 20%, 31%, 40% { transform:scaleY(0.99) translateY(1px) ;}
}
.gameDeco__car:before,.gameDeco__car:after{content:'';position:absolute;height: 33%;aspect-ratio:1;background:url(../images/esg/deco-wheel.png)center/cover;bottom: 0;animation: rotateWheel 3s infinite linear;}
@keyframes rotateWheel{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
.gameDeco__car:before{left: 9%;}
.gameDeco__car:after{right: 14%;}
/*遊戲選項*/
.gameTt{text-align:center;}
.gameTt__txt{font-size: clamp(1.25rem,2vw,2rem);font-weight: 500;letter-spacing: 0.05em;text-align: center;}
.gameCt__opt{cursor:pointer;padding: clamp(0.75rem,1vw,1rem) clamp(1rem,1.5vw,1.5rem);font-size: clamp(1.025rem,1.2vw,1.125rem);background: #fff;border-radius: 0.625rem;transition: 0.3s all;position: relative;border: 1px solid transparent;}
.gameCt__opt.--ans{background: var(--mainColorL);border-color: var(--mainColor);color: var(--mainColor);font-weight: 500;}
.gameCt__opt.--ans .gameCt__opt__num{background: var(--mainColor);color:#fff;}
.gameCt__opt__num{position:relative;display: inline-flex;width: 1.875rem;justify-content: center;align-items: center;background: rgb(252 223 143 / 25%);color: var(--mainColor);border-radius: 100rem;margin-right: 0.5rem;font-weight: 500;}
.gameCt{list-style: none;margin: 0;padding: 0;width: clamp(20rem,85vw,50rem);display: flex;flex-direction: column;gap: 1rem;margin-bottom: 1rem;}
.icon-draw{display:inline-block;width: 2.5rem;aspect-ratio: 1;position: absolute;right: 1.5rem;top: 50%;transform: translateY(-50%);}
.icon-draw path{fill: #e60012;clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
.icon-draw path:nth-child(1){animation:clipAni 0.25s forwards;}
.icon-draw.correct path:nth-child(2){animation:clipAni 0.25s forwards;animation-delay:0.25s}
.icon-draw.wrong path:nth-child(2){animation:clipAni2 0.25s forwards;animation-delay:0.25s}
@keyframes clipAni{
	0%{clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
   100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
}
@keyframes clipAni2{
	0%{clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
   100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
}
.popupBox{position: absolute;bottom: clamp(1rem,3vw,5.25rem);left:50%;transform:translateX(-50%);background: rgba(255,255,255,0.95);-webkit-backdrop-filter: blur(1rem);backdrop-filter: blur(1rem);z-index: 10;padding: 1rem 2.5rem;animation: clipCenter 0.3s forwards;border-radius: 100rem;min-width: 20rem;}
@keyframes clipCenter{
	0%{clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);}
	100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
}
.popupBoxInner{display:flex;gap: clamp(0.75rem,1vw,1rem);align-items: center;}
.popupBoxInner .bi{font-size: clamp(2rem,2.4vw,2.5rem);color:var(--bs-green);}
.popContet__tt{font-weight:500;letter-spacing: 0.25em;font-size: 0.9375rem;}
.popContet__txt{display:inline-block;/* border-bottom:1px solid var(--mainColorD); */}
.popContet__ct{}


@media screen and (min-width:992px){
	/*!992 index*/
	.pinDl:hover:after{--size:calc(100% + 0.5rem);width:var(--size);height:var(--size);background:var(--mainColorL);transform:scaleX(1.05) scaleY(1.15);opacity:0.5}
	.pinDl:hover .pinDl__item{transform:translate(0.25rem,0.25rem);transition-delay:0.125s;box-shadow:0 0 0.125rem rgba(0,0,0,0.15);}

	.videoBox__item:hover .cover__pic{opacity:0.5;transform:scale(1.125);}
	.videoBox__item:hover .cover:after{background:var(--cl);color:var(--mainColor);box-shadow:var(--shD);}

	/*!992 footer*/
	#goTop:hover{--cl:var(--mainColorD);}
	.esgFtBox__item:hover{background-size:120%;color:#fff;}
}

/*=====max======*/
@media screen and (max-width:1199px){
	.backHome{--cl:var(--mainColor);cursor: pointer;position: fixed;bottom: 1rem;right: 0.75rem;width: 3rem;aspect-ratio: 1;line-height: 3rem;text-align: center;color: #fff!important;background: var(--cl);border-radius: 100%;transition: 0.3s all;z-index: 10;font-size: 1.375rem;transition: 0.3s all;}
	.backHome.isMove{--cl: var(--ofclRed);bottom: 5.5rem;}
	.backHome:after{content:'Home';position: absolute;font-size: 0.875rem;font-weight: 500;color: var(--cl);left: 50%;top: -0.25rem;transform: translate(-50%, -100%);line-height: 1;transition: 0.3s all;pointer-events: none;width: fit-content;text-wrap-mode: nowrap;}
	.backHome .txt{display:none;}
	.backHome .bi{display: block;}
}

@media screen and (max-width:991px){
	/*!991 index*/
	.bannerIn__box{padding-bottom:0;}
	.bnInTxt{position:absolute;max-width: 100%;width: 100%;padding: 0 1.5rem;bottom: 15%;left: 0;}
	.pinDl{position: relative;display: flex;justify-content: flex-end;margin: 0 1.5rem;bottom: 0;padding-top: 1.5rem;}

	.langBtn{width:100%;text-align:center;background: #fff;}
	.langBtn__item{--cl: 252 223 143;width:100%;background: rgb(var(--cl) / 20%);border-top: 0.375rem solid rgb(var(--cl));color: var(--mainColor);padding: 1rem;display: block;}
	.langBtn__item.active{display:none;}

	/*!991 game*/
	.blockHeight--game{/* --pdT: 0; */display: flex;flex-direction: column;justify-content: center;}
	.blockHeight--game:after{content:'';height: 32vh;width: 100%;background: url(../images/esg/bg-city.png) center bottom/cover;position:absolute;left: 0;bottom: 0;z-index: -1;transition:0.3s all;}
	.blockHeight--game:has(.gameBox__cover.--hide):after{opacity:0;}
	.blockHeight--game:has(.gameBox__end.active){display:flex;justify-content: flex-end;}
	/*!991 game(END)*/
	.gameBox__end__box{border-width: 0;padding: 2rem;background: transparent;}
	.gameBox__end__box .briefTxt{max-width:85%;}
	.gameBox__end__box:after{content:none;}
	.gameBgEnd{/* opacity:0; */}
	.gameBgEnd:after{content:'';width: 100%;height:100%;background: rgba(255,255,255,0.95);position:absolute;border-radius:100rem;left:50%;transform: translateX(-50%) scale(0.92);}

	/*!991 backHome*/
	.funcBtn{gap:0;}
	.backHome{width:100%;border-radius:0;aspect-ratio:unset;position:static;font-size: 1rem;height: 100%;display: inline-flex;justify-content: center;align-items: center;border-top: 0.375rem solid var(--mainColor);background: #ffede2;revert-layer;revert-layer;-;--;revert-layer;revert-layer;-;}
	.backHome .bi{display:none}
	.backHome .txt{display:block;color: var(--mainColor);}
	.backHome:after{content:none;}
}
@media screen and (max-width:768px){
	.bnInCover__pic {aspect-ratio: 8/9;}	
	.fSitemap__tt:after{background: url("data:image/svg+xml,%3Csvg width='43' height='42' viewBox='0 0 43 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M42.5 28.945L21.148 8.297.5 29.639l4.04 3.638 16.608-17.166 17.59 17.01 3.762-4.176z' fill='%23F27528'/%3E%3C/svg%3E")center/cover;}
}

@media screen and (max-width:640px){
	.blockZone--esgNews .container:after{width:100%}
}
@media screen and (max-width:480px){
	.pinDl__item{min-width:100%;}
	
	.esgFtBox{flex-direction: column;width: 100%;gap: 0.75rem;}
	.esgFtBox__item{width:100%;flex: unset;}
	.gameCt{width:100%}
	.gameBox__end .btnG{flex-direction:column;}
	.gameBox__end .btnWrap{width:calc(100% - 2rem);max-width: 12.5rem;margin-bottom: 1rem;}
	.gameBox__end .btnStyle{width:100%;margin:auto;}
	.gameBox__end__box{/* background:#f7fcf5; *//* width: calc(100% + 2rem); *//* aspect-ratio:unset; *//* border-radius: 2rem; *//* background: #fff; *//* border: 0.5rem solid #69bc39; */padding-top: 4rem;}
	.gameBox__end__box:before{background-color:#fff;}
}