#sub_banner_box { opacity: 1; }
#sub_banner_box .parallax_bg { margin-bottom: 0; min-height: 390px; opacity: 1; }

.webBox .parallax_svg.bann { -webkit-animation: parallax_top 10s linear infinite; animation: parallax_top 10s linear infinite; position: fixed; top: 87px; }

#sub_banner_box {margin-top: 72px;}

#wrap {margin-top: -253px;z-index: 4;}
#wrap .pag_tit { margin-bottom: 0px; line-height: 170%; margin-top: 120px; }

.waylink ol { padding-top: 5px; }
.waylink ol li, .waylink ol li a { letter-spacing: .1em; font-weight: 400; font-size: 14px; vertical-align: bottom; }
.waylink ol li:after { margin: 0 10px; display: inline-block; font-weight: 100; font-size: 12px; color: var(--info); content: "/"; }
.waylink ol li:last-child:after { margin: 0; content: ""; }

aside { margin-bottom: 60px; z-index: 5; }
aside ul li b { padding: 5px 10px 5px 5px; }
aside ul li b .fa { transform: rotate(0); -webkit-transform: rotate(0); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
aside ul li b .fa:before { content: "\f107"; }
aside>ul>li { position: relative; display: inline-block; }
aside>ul>li h4 { padding: 0 15px; }
aside>ul>li h4 a { padding: 10px 5px; font-weight: 300; font-size: 18px; letter-spacing: .15em; }
aside>ul>li.action h4 a, aside>ul>li.action h4 i { color: var(--primary); }
aside>ul>li .subUL { position: absolute; margin-top: 10px; width: 180px; background: var(--white); left: calc((100% - 180px) / 2); transform: translate(0, 30px); -webkit-transform: translate(0, 30px); }
aside>ul>li .subUL>li { border-bottom: 1px rgba(var(--gray-rgb), .1) solid; }
aside>ul>li .subUL>li a { padding: 3px 15px; display: block; line-height: 140%; font-weight: 300; }
aside>ul>li .subUL>li .subULHead a { padding: 10px 15px; color: var(--black); font-weight: 400; }
aside>ul>li .subUL>li b { display: none; }
aside>ul>li .sub2UL { margin: 0 10px 10px; }
aside>ul>li[data-type="1"] { overflow: hidden; }
aside>ul>li[data-type="1"] .subUL { box-shadow: 0 0 15px rgba(var(--black-rgb), 0); opacity: 0; z-index: -1; }
aside>ul>li[data-type="2"] { overflow: visible; }
aside>ul>li[data-type="2"] ul li h4 b .fa { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
aside>ul>li[data-type="2"] .subUL { box-shadow: 0 0 15px rgba(var(--black-rgb), .15); opacity: 1; z-index: 1; transform: translate(0, 0); -webkit-transform: translate(0, 0); }

.mb_nav { display: none; }
#form1{margin-top: 103px;}

#content_wrap { padding: 0 0 60px; min-height: 350px; }
#content_wrap .list_box li { margin: 0 15px 50px; vertical-align: top; }
#content_wrap .img_box { border-radius: 15px; background-color: #f9f9f9; }
#content_wrap .info_box { margin: 10px 15px 0; }
#content_wrap .info_box .time {width: 65px;font-weight: 400;font-size: 13px;}
#content_wrap .info_box .more_btn { margin-left: 10px; padding: 2px 15px; max-width: calc(100% - 105px); height: 22px; font-weight: 100; font-size: 13px; z-index: 6; }
#content_wrap .info_box .quote_box * { font-weight: 400; font-size: 13px; }
#content_wrap .info_box h3 { height: 34px; font-size: 20px; }
#content_wrap .info_box>div {padding: -6px;border-radius: 0 15px 15px 15px;}
#content_wrap .info_box>div article { height: 42px; line-height: 140%; font-weight: 300; font-size: 15px; -webkit-line-clamp: 2; }

#book_list li h3 { margin-top: 10px; height: 30px; font-size: 18px; }

#album_list { margin-bottom: 5vw; flex-wrap: wrap; }
#album_list>div { margin: 0 1px 1px 0; height: 300px; flex-grow: 1; }
#album_list>div img { width: auto; min-width: 100%; height: 300px; }

#faq_list { margin-bottom: 50px; }
#faq_list li { border-bottom: 1px rgba(var(--primary-rgb), .7) dashed; }
#faq_list li .title { padding: 20px 20px 20px 0; }
#faq_list li .title font { vertical-align: top; }
#faq_list li .title .txt { margin-left: 10px; width: calc(100% - 50px); font-size: 20px; }
#faq_list li .title .icon { width: 40px; height: 34px; }
#faq_list li .title .icon:before, #faq_list li .title .icon:after { position: absolute; margin: auto; width: 14px; height: 2px; background: var(--primary); display: block; top: calc((100% - 2px) / 2); left: calc((100% - 14px) / 2); content: ""; }
#faq_list li .title .icon:after { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
#faq_list li .info { padding: 0 20px 30px 50px; font-size: 15px; }
#faq_list li.current .title .icon:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); }

#pagenav a, #pagenav strong { margin: 0 2px; width: 35px; height: 35px; display: inline-block; text-align: center; line-height: 35px; font-weight: 400; }
#pagenav strong { background: var(--primary); color: var(--white); border-radius: 50%; }
#pagenav p { margin: 0 5px; width: calc(50% - 10px); vertical-align: top; }
#pagenav p a { margin: 15px 0 0; padding: 0 15px; width: auto; height: auto; line-height: initial; font-size: 0; }
#pagenav p a i { margin: 0 5px 0 0; width: 11px; line-height: 23px; font-size: 12px; vertical-align: top; }
#pagenav p a font { max-width: calc(100% - 16px); min-width: auto; font-size: 14px; font-weight: 100; vertical-align: top; }
#pagenav p:last-child a i { margin: 0 0 0 5px; }

#describe { margin: 2em 0 5vw; }
#describe *, .tab_content * { vertical-align: bottom; color: currentcolor; }

#google_shere { margin-top: 30px; }

.form_box p.note .red { color: #f00; }
.form_box p.item { padding: 15px; border-bottom: 1px rgba(var(--primary-rgb), .7) dashed; }
.form_box p.item label span { font-weight: 500; font-size: 17px; }
.form_box p.item label i { margin-left: 15px; line-height: 20px; font-size: 20px; color: #f00; }
.form_box p.item font { margin: 5px 0; }
.form_box p.item.check_box { border-bottom: 0; }
.form_box p.send_box { margin: 15px 0 50px; }

[data-action="loader"] { width: 100vw; height: 100vh; background: rgba(var(--black-rgb), .3); line-height: 100vh; top: 0; left: 0; opacity: 0; z-index: -1; }
[data-action="loader"] .loader_circle { width: 50px; height: 50px; border: 2px rgba(var(--black-rgb), .6) solid; border-left-color: rgba(var(--white-rgb), .4);border-radius: 50%; }
[data-action="loader"]#lodbg .loader_circle { -webkit-animation: circle infinite 0.75s linear; animation: circle infinite 0.75s linear; }
#lodbg { opacity: 1; z-index: 99999; }

@keyframes circle { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } }
@-webkit-keyframes circle { 0% { -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); } }

/* about */
.aboutall{max-width: 1200px;margin: 0 auto;padding: clamp(16px,3vw,32px);display: flex;align-items: center;gap: clamp(16px,3vw,40px);line-height: 1.75;}
.aboutall > .col-md-6{flex: 1 1 50%;min-width: 0;}
.aboutall .col-md-6:first-child h2.size-42{font-weight: 800;font-size: clamp(24px,3.2vw,40px);letter-spacing: .5px;margin: 4px 0 12px;
}
.aboutall .col-md-6:first-child p{font-size: clamp(15px,1.6vw,18px);color: #333;}
.aboutall .col-md-6:last-child img{width: 100%;height: auto;display: block;border-radius: 14px;box-shadow: 0 10px 28px rgba(0,0,0,.08);object-fit: cover;}
@media (max-width: 992px){
.aboutall{flex-direction: column;align-items: stretch;gap: 18px;}.aboutall .col-md-6{flex: 1 1 100%;}
.aboutall .col-md-6:last-child img{border-radius: 12px;}
}
.aboutall{background: #fff;border: 1px solid #eef2f7;border-radius: 18px;box-shadow: 0 12px 30px rgba(0,0,0,.20);}

/* ===== news inside===== */
.newsall{max-width: 880px;margin: 0 auto;padding: clamp(12px, 2.5vw, 24px);background: #fff;border: 1px solid #eef1f5;
border-radius: 18px;box-shadow: 0 10px 28px rgba(16, 24, 40, .06);display: flex;flex-direction: column-reverse; gap: clamp(12px, 2vw, 20px);}
.newsimg{width: 100%;border-radius: 14px;overflow: hidden;aspect-ratio: 16 / 9;background: #f6f7f9;position: relative;}
.newsimg img{width: 100%;height: 100%;display: block;object-fit: cover;transform: scale(1.001);transition: transform .4s ease;}
.newsall:hover .newsimg img{transform: scale(1.03);}
.newstxt{color: #1f2937; line-height: 1.9;font-size: clamp(15px, 1.05vw + 12px, 17px);}
.newstxt p{margin: 0;}
.newstxt br{line-height: 1.2;}
.newstxt p{letter-spacing: .2px;}
.newstxt p:has(> br) {margin-top: 2px;}
.newsall::after{content: "";display: block;height: 1px;background: linear-gradient(90deg, transparent, #eef1f5, transparent);
margin-top: clamp(8px, 1.2vw, 12px);border-radius: 1px;opacity: .8;}
@media (min-width: 980px){
.newsall{padding: clamp(18px, 2.2vw, 28px);border-radius: 20px;}
.newsimg{border-radius: 16px;}}
@media (prefers-color-scheme: dark){
.newsall{border-color: #1e2a36;box-shadow: 0 10px 28px rgb(241, 235, 235);}
.newstxt{ color: #e5ebf2; }
.newsall::after{ background: linear-gradient(90deg, transparent, #1e2a36, transparent); }}

/* news outside */
#content_wrap #news_list{list-style: none;margin: 0;padding: 0;white-space: normal; display: grid;gap: clamp(12px, 2vw, 18px);}
#content_wrap #news_list > li{display: grid; grid-template-columns: 120px 1fr; align-items: center;gap: clamp(12px, 2vw, 16px);
margin: 0 !important; padding: clamp(10px, 1.6vw, 16px);background: #fff;border: 1px solid #eef1f5;border-radius: 14px;
box-shadow: 0 8px 22px rgba(16,24,40,.06);position: relative;overflow: hidden;transition: box-shadow .25s ease, transform .25s ease;}
#content_wrap #news_list > li:hover{transform: translateY(-1px);box-shadow: 0 14px 28px rgba(16,24,40,.08);}
#content_wrap #news_list > li .img_box{width: 100%;aspect-ratio: 4 / 3; border-radius: 10px;overflow: hidden;position: relative; background: #f6f7f9;}
#content_wrap #news_list > li .img_box svg{ display: none; } 
#content_wrap #news_list > li .img_box > img{position: absolute; inset: 0;width: 100%; height: 100%;object-fit: cover;transform: scale(1.001);
transition: transform .35s ease;}
#content_wrap #news_list > li:hover .img_box > img{transform: scale(1.04);}
#content_wrap #news_list > li .info_box{white-space: normal;margin: 0;padding: 0;display: flex;grid-template-columns: auto auto;grid-template-rows: auto auto;column-gap: 10px;row-gap: 6px;flex-direction: column;}
#content_wrap #news_list > li .info_box .time{font-size: 14px;letter-spacing: .2px;color: #64748b; white-space: nowrap;}
#content_wrap #news_list > li .info_box .more_btn{justify-self: start;line-height: 22px;height: 24px;padding: 0 10px;border-radius: 999px;font-size: 12px;font-weight: 500;
z-index: 6;}
#content_wrap #news_list > li .info_box h3{grid-column: 1 / -1;margin: 2px 0 0;font-size: clamp(16px, .6vw + 15px, 20px);line-height: 1.35;}
#content_wrap #news_list > li > a.atag_item{position: absolute; inset: 0;}
#content_wrap #news_list > li > a.atag_item:focus-visible{outline: 2px solid #94a3b8; outline-offset: 2px;}
@media (min-width: 480px){
#content_wrap #news_list > li{ grid-template-columns: 140px 1fr; }}
@media (min-width: 768px){
#content_wrap #news_list > li{ grid-template-columns: 180px 1fr; }
#content_wrap #news_list{ gap: clamp(14px, 2.2vw, 24px); }
}
@media (min-width: 1200px){
#content_wrap #news_list > li{ grid-template-columns: 220px 1fr; }
}
@media (prefers-color-scheme: dark){
#content_wrap #news_list > li{background: #fefeff;border-color: #1e2a36;box-shadow: 0 8px 22px rgba(0,0,0,.35);}
#content_wrap #news_list > li .info_box .time{ color:#93a4b8; }}
.newtet01{display: flex;flex-direction: row-reverse;justify-content: space-between;margin-left: -12px;}

/* ========== News list（RWD 修正版）========== */
/* 外層清單：間距與容器寬度 */
#content_wrap #news_list{
  list-style:none;
  margin:0;
  padding: 1px;
  white-space:normal;
  display:grid;
  gap: clamp(12px, 2vw, 18px);
  width: auto;
  justify-items: center;
}

/* 每列：左縮圖 + 右文字 */
#content_wrap #news_list > li{
  display:grid !important;
  grid-template-columns: minmax(96px, 32vw) 1fr; /* 小螢幕避免左欄過窄或過寬 */
  align-items:center;
  gap: clamp(12px, 2vw, 16px);
  margin:0 !important;
  padding: clamp(10px, 1.6vw, 16px);
  background:#fff;
  border:1px solid #eef1f5;
  border-radius:14px;
  box-shadow:0 8px 22px rgba(16,24,40,.06);
  position:relative;
  overflow:hidden;
  transition: box-shadow .25s ease, transform .25s ease;
}
#content_wrap #news_list > li:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(16,24,40,.08);
}

/* 左側縮圖 */
#content_wrap #news_list > li .img_box{
  width:100%;
  aspect-ratio: 4 / 3;
  border-radius:10px;
  overflow:hidden;
  position:relative;
  background:#f6f7f9;
}
#content_wrap #news_list > li .img_box svg{ display:none; }
#content_wrap #news_list > li .img_box > img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
  transform:scale(1.001);
  transition: transform .35s ease;
}
#content_wrap #news_list > li:hover .img_box > img{ transform: scale(1.04); }

/* 右側內容 */
#content_wrap #news_list > li .info_box{
  margin:0; padding:0;
  white-space:normal;
  display:flex; flex-direction:column; gap:6px;
}

/* 日期 */
#content_wrap #news_list > li .info_box .time{
  font-size:14px; letter-spacing:.2px; color:#64748b; white-space:nowrap;
}

/* 分類小標（按鈕）— 用更高權重，避免被全站 .more_btn 覆蓋 */
#content_wrap #news_list > li .info_box .more_btn{
  display:inline-flex; align-items:center; justify-content:center;
  line-height:22px; height:24px; padding:0 10px;
  border-radius:999px; font-size:12px; font-weight:600;
  max-width:none; width:auto; letter-spacing:.3px;
  background-color: var(--primary, #2e6b8f);
  color:#fff; z-index:6;
}

/* 標題 */
#content_wrap #news_list > li .info_box h3{
  margin:2px 0 0;
  font-size: clamp(16px, .6vw + 15px, 20px);
  line-height:1.35; height:auto;
}

/* 整列可點 */
#content_wrap #news_list > li > a.atag_item{position:absolute;inset:0;}
#content_wrap #news_list > li > a.atag_item:focus-visible{
  outline:2px solid #94a3b8; outline-offset:2px;
}

/* 斷點：放寬左欄寬度（更穩定） */
@media (min-width: 480px){
  #content_wrap #news_list > li{ grid-template-columns: 140px 1fr; }
}
@media (min-width: 768px){
  #content_wrap #news_list{ gap: clamp(14px, 2.2vw, 24px); }
  #content_wrap #news_list > li{ grid-template-columns: 180px 1fr; }
}
@media (min-width: 1200px){
  #content_wrap #news_list > li{ grid-template-columns: 220px 1fr; }
}

/* 手機極小寬（<360px）保險：改成上圖下文，避免擠壓 */
@media (max-width: 359.98px){
  #content_wrap #news_list > li{
    grid-template-columns: 1fr;
    align-items:start;
  }
  #content_wrap #news_list > li .img_box{ aspect-ratio: 16 / 9; }
}

/* 深色主題微調（可保留你的風格） */
@media (prefers-color-scheme: dark){
  #content_wrap #news_list > li{
    background:#fefeff;
    border-color:#1e2a36;
    box-shadow:0 8px 22px rgba(0,0,0,.35);
  }
  #content_wrap #news_list > li .info_box .time{ color:#93a4b8; }
}

/* 你自定義的 .newtet01 不影響此清單，保留或移除皆可 */
.newtet01{ display:flex; flex-direction:row-reverse; justify-content:space-between; margin-left:-12px; }

/* ========== 修正全站 .more_btn 的語法與衝突 ========== */
/* 修掉多餘的 ); 並避免影響清單：改成只在 .btn/.btn_outline 作用 */
.btn, .btn_outline{ padding:2px 10px; }

/* 若要保留這套特效按鈕，請改一個專用 class（例如 .pill-btn），
   或至少不要覆蓋 #news_list 內的 .more_btn。以下僅修正語法： */
.more_btn{
  text-transform:uppercase;
  display:inline-block;
  text-align:center;
  color:#fff;
  position:relative;
  letter-spacing:1px;
  width:auto;               /* 取消 17px 固定寬，避免撐壞版面 */
  height: auto;             /* 取消 63px 高度 */
  line-height: 1.2;
  padding: 6px 12px;
  background-color: var(--primary, #2e6b8f);
  overflow:hidden;
  border-radius: 50px;
}
.more_btn:before{
  content:'';
  width:7px;height:7px; display:block;
  border-top:1px solid #fff; border-right:1px solid #fff;
  position:absolute; top:50%; right:12px;
  transform: translateY(-50%) rotate(45deg);
  z-index:10;
}
.more_btn:after{
  content:'';
  position:absolute; right:-10%; top:0; z-index:0;
  width:0; height:100%;
  transform: skew(-30deg);
  background-color: var(--secondary, #416b86); /* ← 修正這行，移除多餘的 ); */
  transition: all .5s;
}
.more_btn:hover{ box-shadow:0 3px 10px rgba(0,0,0,.15); }
.more_btn:hover:after{ width:120%; left:-10%; right:auto; }

/* 重要：確保清單內的 more_btn 版型優先（避免被上面覆蓋） */
#content_wrap #news_list > li .info_box .more_btn{
  height: 31px;
  /* line-height:22px; */
  padding:0 10px;
  border-radius:999px;
  width: 11px;
}




/* product */
:root{--ink:#222;--muted:#6f6f6f; --brand:#2e6b8f; --paper:#fff; --bg:#f6f7f9; --line:#e9edf2;    --radius:16px;  
--shadow:0 8px 28px rgba(0,0,0,.08);}
body .service-section,
.prodctall:where(:not(.no-bg)) { background: var(--bg); }
.prodctall{max-width: 1100px;margin: clamp(16px,4vw,28px) auto;background: var(--paper);border: 1px solid var(--line);
border-radius: var(--radius);box-shadow: var(--shadow);padding: clamp(12px,2.2vw,18px);display: grid;grid-template-columns: 48% 1fr;  gap: clamp(12px,2.2vw,20px);align-items: center;overflow: hidden; transition: transform .2s ease, box-shadow .2s ease;}
.prodctall:hover{transform: translateY(-2px);box-shadow: 0 12px 36px rgba(0,0,0,.10);}
.prodctimg{width: 100%;aspect-ratio: 16 / 9; border-radius: calc(var(--radius) - 4px);overflow: hidden;background: #eef2f6;
position: relative;}
.prodctimg img{width: 100%;height: 100%;object-fit: cover; display: block;transform: scale(1.001);transition: transform .35s ease;}
.prodctall:hover .prodctimg img{ transform: scale(1.04); }
.prodcttxt{padding: clamp(6px,1.2vw,10px) clamp(6px,1.2vw,4px);color: var(--ink);line-height: 1.75;}
.prodcttxt p{margin: 0 0 .35em;font-size: clamp(15px,1.1vw,16px);font-weight: 400;letter-spacing: .2px;position: relative;
padding-left: 18px;}
.prodcttxt p::before{content: "";width: 7px; height: 7px;border-radius: 50%;background: var(--brand);position: absolute; left: 0; top: .6em;box-shadow: 0 0 0 3px rgba(46,107,143,.08);}
.prodcttxt p:last-child{ margin-bottom: 0; }
@media (max-width: 1024px){
.prodctall{ grid-template-columns: 44% 1fr; }}
@media (max-width: 768px){
.prodctall{grid-template-columns: 1fr; padding: clamp(10px,3.5vw,16px);}
.prodctimg{ aspect-ratio: 16 / 9; border-radius: var(--radius); }
.prodcttxt{ padding-top: 8px; }}
.prodctall + .prodctall{ margin-top: clamp(12px,2.6vw,18px); }
.prodctall > br{ display:none; }

/* office article */
:root{--ink:#222; --muted:#6f6f6f; --line:#e9edf2; --shadow:0 10px 30px rgba(0,0,0,.08);--radius:12px;}
.officeall{max-width: 1200px;margin: 0 auto;padding: clamp(16px,3vw,28px) clamp(12px,2vw,16px);display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));gap: clamp(18px,3vw,36px);}
@media (max-width: 1024px){.officeall{ grid-template-columns: repeat(2, minmax(0, 1fr)); }}
@media (max-width: 640px){.officeall{ grid-template-columns: 1fr; }}
.officeimg{text-align: center;}
.officeimg img{width: 100%;aspect-ratio: 16 / 9;object-fit: cover;display: block;border-radius: var(--radius);
box-shadow: var(--shadow);transition: transform .35s ease, box-shadow .35s ease;}
.officeimg:hover img{transform: translateY(-2px) scale(1.02);box-shadow: 0 16px 44px rgba(0,0,0,.12);}
.officeimg > p{margin: clamp(10px,1.8vw,16px) 0 0;font-size: clamp(16px,1.6vw,18px);font-weight: 600;color: var(--ink);
letter-spacing: .2px;line-height: 1.5;text-align: center;}
.officeimg > p::after{content: attr(data-sub);display: block;margin-top: 6px;font-size: clamp(12px,1.2vw,14px);color: var(--muted);
font-weight: 400;letter-spacing: .3px;}
.officeall br{ display:none; }

/* article-links */
#moou_twobox{display: flex;gap: 20px;justify-content: center;flex-wrap: wrap;}
#moou_twobox .mooulist{display:flex;align-items: center;flex-direction: column;width: min(320px , 100%);border: rgb(255 255 255 / 52%) 1px solid;padding: 36px 20px 20px;border-radius: 15px;position: relative;box-shadow: rgb(238 238 238 / 34%) 1px 1px 8px 9px;}
#moou_twobox .mooulist img{width: min(270px , 100%);border-radius: 10px;}
#moou_twobox .mooulist p{font-size: 1.2em;position:relative}
#moou_twobox .mooulist a{position:absolute;width:100%;height:100%}

#category_nav{visibility: hidden;}
.waylink{text-align:center;}

#content_wrap {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizin
}

@media screen and (min-width:1281px) {
	aside>ul>li:hover h4 a, aside>ul>li:hover h4 i { color: var(--primary); }
}
@media screen and (min-width:980px) {
	#google_shere { margin-top: 6vw; }
}
@media screen and (min-width:761px) {
	.form_box p.item { padding: 30px 20px; }
	.form_box p.item label { width: 170px; }
	.form_box p.item font { margin: 0 0 0 30px; width: calc(100% - 200px); }
}
@media screen and (max-width:1460px) {
	#wrap .pag_tit { margin-top: 75px; }
}
@media screen and (max-width:640px) {
	#album_list>div, #album_list>div img { height: 40vw; }
	.mb_nav { display: flex; flex-direction: column; align-items: center; border: #79797957 1px solid; padding: 10px 0;visibility: hidden; }
	.mb_nav p { display: flex; }
	.mb_nav b { margin-left: 10px; display: flex; align-items: center; }
	.soon.mb_nav b .fa { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
	.mb_nav .fa:before { content: "\f107"; }
	#category_nav { position: absolute; display: flex; flex-direction: column; background: #f3f3f3; width: 100%; height: 0; opacity: 0; }
	#category_nav.showme { height: 400px; opacity: 100%; z-index: 999; }
	#content_wrap #news_list > li {display: flex;flex-wrap: wrap;flex-direction: column;align-items: flex-start;width: 100%;}
	#content_wrap #news_list > li .info_box{width: auto;padding: 0px;display: block;width: 100%;height: auto;white-space: nowrap;           /* 不換行 */overflow: hidden;              /* 超出隱藏 */text-overflow: ellipsis;       /* 超出顯示 … */word-break: keep-all;line-height: 1.4;}
	.aboutall{display: grid;place-items: center;height: 100vh;}
}
@media screen and (max-width:550px) {
	#content_wrap .list_box li { width: 250px; }
	#community { margin-top: 10px; }
}
@media screen and (max-width:450px) {
	#album_list>div, #album_list>div img { height: 50vw; }
	#pagenav a, #pagenav strong { margin: 0; width: 24px; height: 24px; line-height: 24px; font-size: 14px; }
	#pagenav p a { display: block; }
}