/* ============================================================
   吳哥Villa 首頁版型重現（本機技術展示用，非官方網站）
   全部樣式自行撰寫；圖片為 Unsplash License 免授權圖庫圖
   ============================================================ */
:root{
  --paper:#f4f2ef;
  --concrete:#e9e6e2;
  --ink:#0d0d0d;
  --gray:#827470;
  --gold:#b7ad6f;
  --teal:#62a2b3;
  --teal-soft:#8dcfca;
  --steel:#638ba0;
  --navy:#293241;
  --coral:#d85a51;
  --seal:#b5493f;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:62.5%;scroll-behavior:smooth}
body{
  font-family:'Noto Serif TC','Amiri',serif;
  font-size:1.6rem;line-height:1.8;letter-spacing:2px;
  color:var(--ink);
  background-color:var(--paper);
  background-image:radial-gradient(rgba(0,0,0,.05) 1px,transparent 1.3px);
  background-size:26px 26px;
  overflow-x:clip;
  position:relative;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
.en-serif{font-family:'Amiri',serif}
/* 清水模質感（CSS 自製，非圖檔） */
.tex-concrete{
  background-color:var(--concrete);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='.08'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E"),
    linear-gradient(115deg,rgba(255,255,255,.5) 0%,rgba(0,0,0,.03) 45%,rgba(255,255,255,.35) 100%);
}

/* ------- 進場動畫（自製 IntersectionObserver 版 WOW） ------- */
.rv{opacity:0;transform:translateY(-26px);transition:opacity 1s ease,transform 1s ease}
.rv.on{opacity:1;transform:translateY(0)}
.rv[data-delay="1"]{transition-delay:.15s}
.rv[data-delay="2"]{transition-delay:.35s}
.rv[data-delay="3"]{transition-delay:.55s}
.rv[data-delay="4"]{transition-delay:.75s}

/* ============================ MENU 按鈕 ============================ */
.mibutton{
  position:fixed;top:14px;right:22px;z-index:1200;
  width:86px;height:86px;border-radius:50%;
  background:#353132;cursor:pointer;
  display:flex;flex-direction:column;justify-content:center;
  padding:0 20px;transition:.3s ease;
  box-shadow:0 4px 14px rgba(0,0,0,.25);
}
.mibutton span{display:block;font-size:14px;color:#b7aaa0;font-family:'Amiri',serif;letter-spacing:2px;line-height:1}
.mibutton span:nth-child(2){width:100%;height:2px;background:var(--teal);margin:7px 0 8px;transition:.3s}
.mibutton span:nth-child(3){width:72%;height:2px;background:var(--teal);transition:.3s}
.mibutton:hover span:nth-child(2),.mibutton:hover span:nth-child(3){background:#fff}

/* ============================ 全屏選單 ============================ */
.scrim{position:fixed;inset:0;background:rgba(20,20,20,.45);z-index:1290;opacity:0;pointer-events:none;transition:.4s}
.navbar{
  position:fixed;top:0;right:0;height:100dvh;z-index:1300;
  width:min(760px,94vw);
  background-color:var(--paper);
  background-image:radial-gradient(rgba(0,0,0,.05) 1px,transparent 1.3px);
  background-size:26px 26px;
  border-top-left-radius:80px;border-bottom-left-radius:80px;
  transform:translateX(105%);transition:transform .55s cubic-bezier(.7,0,.2,1);
  overflow-y:auto;box-shadow:-12px 0 40px rgba(0,0,0,.18);
}
body.menu-open .navbar{transform:translateX(0)}
body.menu-open .scrim{opacity:1;pointer-events:auto}
body.menu-open{overflow:hidden}
.menu{padding:4.8rem 7rem 4.8rem 9rem;position:relative}
.menu-close{
  position:absolute;top:2.4rem;right:2.6rem;width:44px;height:44px;border:0;
  background:transparent;cursor:pointer;font-size:30px;line-height:1;color:#353132;
  font-family:'Amiri',serif;transition:.3s}
.menu-close:hover{color:var(--steel);transform:rotate(90deg)}
.menu_logo{padding-bottom:3.4rem}
.menu_logo svg{width:150px;height:auto}
.ibutton ul{display:flex;flex-wrap:wrap}
.ibutton ul li{width:48%;margin-bottom:3.6rem}
.ibutton a .ch{text-align:right;white-space:nowrap}
.ibutton a .ch p{display:inline-block;font-size:38px;color:var(--gray);font-family:'Amiri',serif;line-height:1;letter-spacing:0;margin-right:8px;vertical-align:middle}
.ibutton a .ch h3{display:inline-block;font-size:23px;font-weight:700;transition:.3s;vertical-align:middle}
.ibutton a .en{text-align:left;margin-top:6px}
.ibutton a .en h4{
  display:inline-block;background:#000;border-radius:20px;color:#9d938f;
  font-size:13px;font-weight:400;letter-spacing:1px;text-transform:uppercase;
  padding:.5rem 2.4rem .5rem 4.2rem;width:190px;max-width:100%;text-align:right;
  position:relative;transition:.3s;font-family:'Amiri',serif}
.ibutton a .en h4::before{
  content:'';position:absolute;left:14px;top:50%;transform:translateY(-50%);
  width:22px;height:1px;background:var(--gold)}
.ibutton a .en h4::after{
  content:'';position:absolute;left:30px;top:50%;transform:translateY(-50%) rotate(45deg);
  width:6px;height:6px;border-top:1px solid var(--gold);border-right:1px solid var(--gold)}
.ibutton a:hover .ch h3{color:var(--steel)}
.ibutton a:hover .en h4{color:#fff}
.ibutton ul li:nth-child(8) .en h4{background:#3a4812}

/* ============================ HERO（dex） ============================ */
.dex{position:relative;padding-bottom:2rem;z-index:0}
.dex::before{
  content:'';position:absolute;bottom:0;left:0;width:65%;min-height:240px;height:26%;
  z-index:-1;
  background-color:var(--concrete);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='.08'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");
}
.dex_inner{display:flex;justify-content:space-between;padding:4rem 9rem 0 10rem;position:relative}
.dex_lt{width:210px;flex:0 0 auto;padding-top:5.4rem;position:relative;z-index:4}
.dex_lt .ringlogo{width:150px;height:auto}
.dex_lt h2{
  writing-mode:vertical-rl;font-size:19px;font-weight:500;color:#363233;
  line-height:2.1;letter-spacing:6px;padding:3.4rem 2.4rem 0 0;margin:0 auto;height:46rem}
.dex_rt{flex:1;min-width:0;position:relative;margin-left:1rem}
/* 淡入輪播 */
.carousel{
  position:relative;width:100%;aspect-ratio:16/9.6;max-height:660px;
  border-radius:190px 0 12px 12px;overflow:hidden;background:#cfd4d6}
.carousel .item{
  position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease;z-index:0}
.carousel .item.active{opacity:1;z-index:1}
.carousel .item img{width:100%;height:100%;object-fit:cover}
/* 右側疊放的建築外觀照 */
.dex_building{
  position:absolute;right:-2rem;bottom:3rem;width:30%;aspect-ratio:10/7;z-index:3;
  clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);
  filter:drop-shadow(-6px 10px 18px rgba(0,0,0,.28))}
.dex_building img{width:100%;height:100%;object-fit:cover;object-position:center 70%;border:6px solid #fff}
/* 金色 art-deco 弧線（右上） */
.deco-arcs{position:absolute;top:-1rem;right:6px;z-index:5;width:170px;height:auto;pointer-events:none}
/* 藍綠圓（右上、照片後方） */
.deco-circle{
  position:absolute;top:-4rem;right:20rem;width:230px;height:230px;border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#a9dcd8,var(--teal-soft) 70%);
  z-index:0;opacity:.9}
/* 黑色四芒星（左側） */
.deco-sparks{position:absolute;left:-2rem;bottom:26rem;z-index:5;width:310px;pointer-events:none}
/* 標題後方的白色弧面 */
.dex_arc{
  position:absolute;left:-16rem;bottom:-18rem;width:720px;height:440px;border-radius:50%;
  background:var(--paper);z-index:2;pointer-events:none}
/* 主標 */
.dex_title{position:relative;z-index:4;margin-top:-12.5rem;padding-left:8%}
.dex_title h1{
  font-family:'Amiri',serif;font-weight:400;font-size:9.2rem;line-height:1.1;
  letter-spacing:1.2rem;color:#101010;white-space:nowrap}
.dex_quote{position:relative;width:520px;max-width:80%;margin:.6rem 0 0 4rem;text-align:center}
.dex_quote::before{
  content:'';position:absolute;left:-9rem;top:-7rem;width:8rem;height:14rem;
  border-left:1px solid #6b6b6b;border-bottom:1px solid #6b6b6b}
.dex_quote p{font-family:'Amiri',serif;font-size:13px;letter-spacing:1px;color:#333;line-height:1.6}

/* ============================ 最新消息（inews） ============================ */
.inews{position:relative;padding:17rem 0 10rem;z-index:0;overflow-x:clip}
.inews::before{
  content:'';position:absolute;top:0;left:0;width:65%;height:100%;z-index:-2;
  background-color:var(--concrete);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='.08'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E")}
.inews_inner{width:1368px;max-width:100%;margin:0 auto;display:flex;justify-content:space-between;padding:0 2rem}
.inews_lt{width:68%;min-width:0;display:flex;justify-content:space-between;position:relative;padding:2.3rem 2.4rem 0 0}
/* 右上角雙線框角 */
.inews_lt::before{
  content:'';position:absolute;top:0;right:0;width:106px;height:106px;z-index:-1;
  border-top:1px solid #101010;border-right:1px solid #101010;
  box-shadow:inset -8px 8px 0 -7px #101010}
.inewslist_rwd{width:48%;min-width:0}
.npic{position:relative;width:100%;aspect-ratio:440/295;overflow:hidden;background:#d7d4d0}
.npicimg{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.82) brightness(1.05);transition:.4s}
.npic::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(244,242,239,0) 35%,rgba(244,242,239,.85) 100%)}
.inewslist_rwd a:hover .npicimg{transform:scale(1.04)}
.ntitle{margin-top:2.1rem}
.ntitle h3{font-size:21px;font-weight:700;line-height:1.4;margin-bottom:1.6rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.ntitle p{font-size:15px;line-height:1.6;color:#222;margin-bottom:2.4rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ntitle span{display:flex;justify-content:space-between;align-items:flex-end;line-height:1;font-family:'Amiri',serif;font-size:14px;color:#303539}
.ntitle span .inews_lin{background:#303539;width:68%;height:1px;display:inline-block;margin-right:5%;align-self:center}
.inewslist_rwd a{display:block;transition:.4s}
.inewslist_rwd a:hover{color:var(--steel)}
.inews_rt{padding-top:9rem;text-align:right;position:relative;min-width:0}
/* NEWS 標題組 */
.news-head{position:relative;display:inline-block}
.news-head .chev{position:absolute;left:-6.4rem;top:3.2rem;width:44px}
.news-head h3{font-family:'Amiri',serif;font-weight:400;font-size:9.6rem;line-height:1;letter-spacing:.6rem;color:#1f2b3a;position:relative;z-index:1}
.news-head .zh{position:absolute;right:8.6rem;bottom:.6rem;font-size:18px;letter-spacing:6px;color:var(--coral);z-index:2;font-weight:500}
.news-head::before{ /* 水彩灰暈 */
  content:'';position:absolute;top:-4rem;right:-3rem;width:260px;height:200px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(110,110,110,.16),rgba(110,110,110,0));z-index:0}
.inews_rt h4{font-size:15px;color:#4a4a4a;letter-spacing:3px;font-weight:400;padding:1.2rem 0 4.6rem}
.inews_more{display:flex;justify-content:flex-end;align-items:center;gap:1.6rem}
.inews_more .sparkrow{width:150px}
.inews_more .imore a{font-size:18px;font-family:'Amiri',serif;transition:.4s;letter-spacing:1px}
.inews_more .imore a:hover{color:var(--steel)}
/* 右上墨線塗鴉 + 墨點 */
.deco-scribble{position:absolute;top:-6rem;right:2rem;width:300px;z-index:-1;pointer-events:none}

/* ============================ 關於（iabout） ============================ */
.iabout{position:relative;margin-top:7rem;padding:0 0 6rem;background-color:#eae4e4;overflow-x:clip}
.iab{width:1184px;max-width:100%;margin:0 auto;padding:13rem 2rem 4rem;position:relative;z-index:1;min-height:820px}
.iab_title{position:absolute;top:20rem;left:3rem;z-index:4}
.about-head{position:relative;display:inline-block}
.about-head h3{font-family:'Amiri',serif;font-weight:400;font-size:9rem;line-height:1;letter-spacing:.4rem;color:#242424;white-space:nowrap}
.about-head .zh{position:absolute;right:-1rem;bottom:-1.4rem;font-size:19px;letter-spacing:6px;color:var(--coral);font-weight:500}
.iab_title h4{text-align:right;font-size:15px;letter-spacing:3px;font-weight:400;color:#3c3c3c;padding:2.4rem .6rem 0 0}
.iab_more{position:absolute;top:50%;left:8rem;transform:translateY(-50%);z-index:3;display:flex;align-items:center;gap:1.4rem}
.iab_more .sparkrow{width:130px}
.iab_more a .iamore{background:#000;color:#fff;font-size:17px;font-family:'Amiri',serif;letter-spacing:1px;padding:1.7rem 2.2rem;transition:.4s;display:inline-block}
.iab_more a:hover .iamore{background:var(--steel)}
.iab_img{padding-left:15rem;position:relative;min-height:640px}
/* 粉灰大圓 */
.iab_img::before{
  content:'';position:absolute;right:-2rem;top:0;width:400px;height:400px;border-radius:50%;
  background:radial-gradient(circle at 40% 35%,#e3d3cf,#d5c2bd 75%);z-index:0}
.iab_photo{position:absolute;background:#fff;padding:0;z-index:2}
.iab_photo img{width:100%;height:100%;object-fit:cover}
.iab_photo.pa{right:5rem;top:3rem;width:340px;height:470px;z-index:2}
.iab_photo.pb{left:38rem;top:15rem;width:300px;height:420px;z-index:3}
/* 墨漬 */
.deco-ink{position:absolute;pointer-events:none;z-index:1}
.deco-ink.ia{right:-2rem;top:19rem;width:170px;z-index:3;opacity:.85}
.deco-ink.ib{left:26rem;bottom:4rem;width:280px;z-index:1;opacity:.9}

/* ====================== 裝飾插畫帶 + CONTACT（ft_top） ====================== */
.ft_top{position:relative;margin-top:4rem;min-height:560px;overflow:clip}
.ft_deco_band{position:relative;width:100%;min-height:560px}
/* 金色拱線 */
.deco-arch{position:absolute;left:2rem;top:3rem;width:300px;opacity:.9;pointer-events:none}
.deco-arch.small{left:24rem;top:12rem;width:170px}
/* 水彩暈染 */
.deco-wash{
  position:absolute;left:6rem;top:16rem;width:480px;height:300px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(98,162,179,.34),rgba(141,207,202,.16) 60%,transparent);
  filter:blur(14px);pointer-events:none}
.deco-wash.g{left:1rem;top:24rem;width:380px;height:240px;
  background:radial-gradient(closest-side,rgba(128,160,118,.3),transparent 70%)}
/* 動物剪影群 */
.deco-fauna{position:absolute;left:13rem;top:9rem;width:340px;pointer-events:none;z-index:2}
/* 色圓群 */
.deco-dots{position:absolute;left:31rem;top:6rem;width:230px;pointer-events:none;z-index:1}
/* 黑色扇形拱 */
.deco-scallop{position:absolute;right:47%;top:1rem;width:290px;pointer-events:none;z-index:1}
/* 右側圓拱照片 */
.ft_photo{
  position:absolute;right:0;top:4rem;width:52%;height:430px;z-index:2;
  border-radius:300px 0 0 300px;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.2)}
.ft_photo img{width:100%;height:100%;object-fit:cover}
/* CONTACT US */
.ft_contact{position:absolute;left:24%;bottom:2.6rem;z-index:3;display:flex;align-items:center;gap:2.2rem}
.ft_contact h3{font-family:'Amiri',serif;font-weight:400;font-size:5.6rem;letter-spacing:.5rem;color:#161616;white-space:nowrap}
.ft_contact .sparkrow{width:120px}
.ft_blurb{
  position:absolute;left:2rem;bottom:3.4rem;width:220px;z-index:3;
  font-family:'Amiri',serif;font-size:10px;line-height:1.7;letter-spacing:.5px;
  color:#6d6d6d;text-align:justify}

/* ============================ FOOTER ============================ */
footer{position:relative;padding-top:5rem}
.ft_inner{width:1368px;max-width:100%;margin:0 auto 8rem;display:flex;justify-content:space-between;padding:0 2rem}
.ft_lt{width:56%;min-width:0;display:flex;justify-content:space-between;padding:2.7rem 0 9rem 5rem;position:relative}
.ft_lt::before{content:'';position:absolute;top:0;left:0;width:1px;height:98%;background:#000}
.ft_lt::after{content:'';position:absolute;bottom:6px;left:0;width:85%;height:1px;background:#000}
.ftbtn{padding-top:3rem;width:40%;min-width:0}
.ftbtn .sparkrow{width:120px;margin-bottom:2rem}
.ftbtn ul{display:flex;gap:1.8rem;align-items:center}
.ftbtn ul li a{
  display:flex;align-items:center;justify-content:center;width:48px;height:48px;
  border:1px solid #1c1c1c;border-radius:50%;transition:.35s;background:transparent}
.ftbtn ul li a svg{width:20px;height:20px;fill:#1c1c1c;transition:.35s}
.ftbtn ul li a:hover{background:#1c1c1c}
.ftbtn ul li a:hover svg{fill:#fff}
.ftinfo{min-width:0}
.ftinfo li h2{font-size:19px;font-weight:700;letter-spacing:3px;margin-bottom:2.2rem}
.ftinfo li{display:flex;align-items:baseline;gap:1.2rem;font-size:16px;margin-bottom:.8rem}
.ftinfo li svg{width:16px;height:16px;fill:#1c1c1c;flex:0 0 auto;transform:translateY(2px)}
.ft_rt{padding-top:1.6rem;text-align:center}
.ft_rt .ringlogo{width:150px;margin:0 auto 2rem}
.ft_rt .number{display:flex;align-items:center;gap:1.4rem;font-size:16px;color:#363233;font-weight:700;margin-bottom:1rem;justify-content:flex-start}
.ft_rt .number svg{width:22px;height:22px;flex:0 0 auto}
.ft_bot{
  width:min(1836px,95%);margin:0 auto 4.5rem;background:#373737;border-radius:100px;
  padding:1.9rem 10.5rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}
.copyright{font-size:13px;color:#b2b2b2;letter-spacing:1px;min-width:0}
.copyright a{transition:.3s}
.copyright a:hover{color:#fff}
.icon{font-size:13px;color:#b2b2b2;font-family:'Amiri',serif;display:flex;align-items:center;gap:1rem;flex:0 0 auto}
.icon a{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border:1px solid #b2b2b2;border-radius:50%;transition:.35s}
.icon a svg{width:13px;height:13px;fill:#b2b2b2}
.icon a:hover{transform:translateY(-4px)}

/* ============================ 浮動按鈕 ============================ */
.btns{position:fixed;bottom:3rem;right:1.6rem;z-index:900;display:none;text-align:center}
#gotop{
  cursor:pointer;width:46px;height:46px;border-radius:50%;background:#1c1c1c;color:#fff;
  display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem;transition:.3s}
#gotop:hover{transform:translateY(-5px)}
#gotop svg{width:16px;height:16px;fill:#fff}
.linebtn a{
  display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;
  background:#06c755;box-shadow:0 6px 16px rgba(0,0,0,.25);transition:.3s;margin:0 auto}
.linebtn a:hover{transform:scale(.92)}
.linebtn svg{width:30px;height:30px;fill:#fff}

/* ============================ RWD ============================ */
@media (max-width:1500px){
  .dex_title h1{font-size:8rem}
  .dex_inner{padding:4rem 4rem 0 4rem}
}
@media (max-width:1200px){
  .dex_inner{padding:4rem 2rem 0 2rem}
  .dex_title h1{font-size:6.4rem;letter-spacing:.9rem}
  .dex_title{margin-top:-11rem}
  .news-head h3{font-size:7.6rem}
  .about-head h3{font-size:7rem}
  .iab_img{padding-left:8rem}
  .iab_photo.pb{left:8rem}
  .ft_bot{padding:1.9rem 4.5rem}
}
@media (max-width:992px){
  .dex_inner{flex-wrap:wrap;justify-content:flex-end}
  .dex_lt{width:100%;display:flex;align-items:flex-start;gap:2.4rem;padding-top:1rem}
  .dex_lt h2{writing-mode:horizontal-tb;height:auto;padding:2rem 0 1rem;line-height:1.8}
  .dex_rt{flex:0 0 100%;width:100%;margin-left:0}
  .carousel{border-radius:110px 0 10px 10px}
  .dex_building{bottom:-4rem;right:0}
  .dex_title{margin-top:-8rem;padding-left:6%}
  .deco-sparks{bottom:34rem;width:240px}
  .inews_inner{flex-wrap:wrap;justify-content:center}
  .inews_lt{width:100%}
  .inews_rt{width:100%;text-align:center;padding-top:6rem}
  .news-head .chev{left:-5rem}
  .inews_more{justify-content:center}
  .iab_title{position:relative;top:0;left:0;text-align:center;margin-bottom:3rem}
  .iab_title h4{text-align:center;padding-right:0}
  .iab_more{position:relative;top:0;left:0;transform:none;justify-content:center;margin-bottom:4rem}
  .iab{min-height:0;padding-top:8rem}
  .iab_img{min-height:600px;padding-left:0;display:flex;justify-content:center}
  .iab_photo.pa{right:8%;top:2rem}
  .iab_photo.pb{left:8%;top:14rem}
  .ft_photo{width:64%;height:340px}
  .ft_contact{left:4%;bottom:2rem}
  .ft_inner{flex-direction:column-reverse;gap:4rem}
  .ft_lt{width:100%}
  .ft_rt .number{justify-content:center}
}
@media (max-width:768px){
  body{font-size:1.5rem}
  .mibutton{width:72px;height:72px;padding:0 15px}
  .menu{padding:4.8rem 2rem 6rem 3rem}
  .ibutton ul li{width:100%;margin-bottom:2.4rem;text-align:center}
  .ibutton a .ch,.ibutton a .en{text-align:center}
  .navbar{width:100vw;border-radius:0}
  .dex_title h1{font-size:4.6rem;letter-spacing:.5rem}
  .dex_lt{gap:1.6rem;flex-wrap:wrap}
  .dex_lt h2{font-size:15px;letter-spacing:2px;line-height:1.9;min-width:0;padding-right:0}
  .dex_title{margin-top:2rem;padding-left:0;text-align:center}
  .dex_quote{margin:0 auto}
  .dex_quote::before{left:-1rem;width:2.4rem;top:-4rem;height:8rem}
  .deco-sparks{bottom:14rem;top:auto;left:.5rem;width:170px}
  .carousel{aspect-ratio:4/3;border-radius:70px 0 8px 8px}
  .dex_building{display:none}
  .dex_arc{display:none}
  .deco-circle{width:130px;height:130px;right:6rem}
  .inews_lt{flex-wrap:wrap;justify-content:center}
  .inewslist_rwd{width:min(440px,100%);margin-bottom:4rem}
  .news-head h3{font-size:6rem}
  .news-head .zh{right:4rem}
  .about-head h3{font-size:4.8rem}
  .about-head .zh{font-size:15px}
  .iab_img{min-height:520px}
  .iab_photo.pa{width:250px;height:350px}
  .iab_photo.pb{width:220px;height:310px;top:12rem}
  .iab_img::before{width:280px;height:280px}
  .ft_top{min-height:460px}
  .deco-fauna{left:4rem;width:240px}
  .deco-dots{left:16rem}
  .deco-arch{width:200px}
  .deco-arch.small{left:14rem;width:120px}
  .deco-scallop{right:auto;left:-4rem;top:26rem;width:220px}
  .ft_photo{width:78%;height:260px;top:10rem}
  .ft_contact h3{font-size:3.6rem}
  .ft_lt{flex-wrap:wrap;padding:2.7rem 0 7rem 0;gap:3rem}
  .ft_lt::before{display:none}
  .ftbtn{width:100%;text-align:center}
  .ftbtn ul{justify-content:center}
  .ftbtn .sparkrow{margin:0 auto 2rem}
  .ftinfo{width:100%}
  .ftinfo li{justify-content:center}
  .ft_bot{flex-wrap:wrap;justify-content:center;border-radius:30px;padding:1.9rem 2.5rem;text-align:center}
}
@media (max-width:576px){
  .dex_lt{flex-direction:column;align-items:flex-start}
  .dex_lt .ringlogo{width:110px}
  .dex_lt h2{font-size:15px;letter-spacing:2px;padding-top:1rem}
  .dex_title h1{font-size:3.4rem}
  .news-head h3{font-size:4.6rem}
  .news-head .zh{font-size:14px;right:2.6rem;letter-spacing:3px}
  .news-head .chev{display:none}
  .inews_lt::before{right:1rem}
  .iab_photo.pa{right:2%}
  .iab_photo.pb{left:2%}
  .ft_contact{gap:1rem}
  .ft_contact .sparkrow{width:70px}
  .ft_blurb{display:none}
}