/* 宇基國際 靜態版補充樣式
 * 取代原本由 Swiper / Bootstrap JS / jQuery 外掛提供的行為與版面，
 * 視覺樣式仍以原站 layout.css 為準。 */

/* 無障礙 */
.skip-link{position:absolute;left:-9999px;top:0;z-index:2000;background:#12b7e2;color:#fff;padding:8px 16px;font-size:1.6rem}
.skip-link:focus{left:0;color:#fff}
a:focus-visible,button:focus-visible,.form-control:focus-visible{outline:2px solid #12b7e2;outline-offset:2px}

/* 清單重設（Bootstrap 3 會替 ul 加上 margin-bottom） */
.sub-nav,.invest-list-box,.ft-top-right ul{margin:0;padding:0;list-style:none}
.invest-list a{color:inherit;display:block}
.invest-list a:hover,.invest-list a:focus{color:#12b7e2}
.invest-item .invest-title{display:block}
.w-footer .ft-list a{color:inherit}
.w-contact-wrap .map-outer .contact-box .c-info-item .item-text a{color:inherit}

/* 首頁輪播（原 Swiper，改為原生實作） */
.swiper-container{position:relative;overflow:hidden;margin:0 auto;z-index:1}
.swiper-wrapper{position:relative;width:100%}
.swiper-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;visibility:hidden}
.swiper-slide.is-active{position:relative;opacity:1;visibility:visible}
.swiper-pagination{position:absolute;left:0;width:100%;text-align:center;z-index:10}
.swiper-pagination-bullet{display:inline-block;border:0;padding:0;cursor:pointer}
.slide-outer{background-color:#1a1f4a}
@media (prefers-reduced-motion:reduce){.swiper-slide{transition:none}}

/* 視差背景（原 stellar.js），以 CSS 呈現 */
.bg-invest{background-size:cover;background-position:center center}

/* 主選單：手機版展開（原 Bootstrap collapse） */
@media (max-width:1024px){
  .w-header .ui-navbar .navbar-collapse.collapse.in{display:block!important}
  .w-header .ui-navbar .navbar-collapse .ui-navbar-nav .ui-nav-item a{position:relative}
}
@media (max-width:767px){.navbar-nav{margin:0}}
.dropdown-toggle .arrow-bottom{pointer-events:none}

/* 回到頂端 */
#btn-top.is-visible{display:block}

/* 消息「載入更多」 */
.post-list.is-hidden{display:none}
.news-empty{padding:40px 15px;text-align:center;color:#666}
.w-news-wrap .btn-box{clear:both;padding-top:20px}

/* 投資事業：官網按鈕（原為 button，改為連結並保留原定位） */
.w-invest-wrap .company-outer .company-list .company-item .btn-weblink{position:absolute;bottom:50px;left:48%;display:flex;align-items:center;justify-content:center;padding:0}
.w-invest-wrap .company-outer .company-list:nth-child(odd) .company-item .btn-weblink{left:55.5%;background:#12b7e2;color:#fff}
.w-invest-wrap .company-outer .company-list:nth-child(odd) .company-item .btn-weblink:hover{background:#0052a3}
span.btn-weblink{cursor:default}
@media (max-width:1023px){
  .w-invest-wrap .company-outer .company-list .company-item .btn-weblink,
  .w-invest-wrap .company-outer .company-list:nth-child(odd) .company-item .btn-weblink{bottom:auto;left:auto;right:5%;top:20px}
}
@media (min-width:1024px){
  .w-invest-wrap .company-outer .company-list .company-item .company-block{min-height:450px}
}
.w-invest-wrap .company-outer{scroll-margin-top:90px}
.w-invest-wrap .company-list{scroll-margin-top:90px}
@media (max-width:1024px){.w-invest-wrap .company-outer,.w-invest-wrap .company-list{scroll-margin-top:60px}}

/* 企業情報：版圖區塊上下留白 */
.w-about-wrap.w-about-invest .container{padding-top:80px;padding-bottom:80px}
@media (max-width:1024px){.w-about-wrap.w-about-invest .container{padding-top:40px;padding-bottom:40px}}

/* 消息內頁 */
.w-news-post-wrap .post-info .image img{display:block}
.w-news-post-wrap .btn-box{text-align:center;float:none}

/* 聯絡我們：防機器人欄位（隱藏） */
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-group .form-control.is-invalid{border-color:#e70036}
.btn-send[disabled]{opacity:.6;cursor:wait}
.gmap-box iframe{display:block}

/* 成功／失敗彈窗（原 Bootstrap modal，改用原生 <dialog>） */
dialog.ui-modal{border:0;padding:0;background:transparent;width:600px;max-width:calc(100% - 30px);margin:auto;overflow:visible}
dialog.ui-modal::backdrop{background:rgba(0,0,0,.5)}
dialog.ui-modal .modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5);background:#fff}
dialog.ui-modal .modal-footer::after{content:"";display:table;clear:both}

/* 原站字型清單缺少通用字族，補上 sans-serif 避免在未安裝中文黑體的裝置上退回襯線字 */
body{font-family:"PingFangTC-Regular","PingFang TC",DroidSansFallback,"Noto Sans TC","Microsoft JhengHei","微軟正黑體","Heiti TC",sans-serif}