/* ======================================================================
   南亞玻璃纖維布網站 BS5 共用相容層 v1
   目的：在 Bootstrap 5.3.8 正式核心下，暫時復原既有 BS3/BS4 頁型常用 class 視覺與排版節奏。
   注意：此檔只做相容，不取代後續逐頁最小覆寫。
   ====================================================================== */

/* BS3 xs grid alias: 舊頁若仍有 col-xs-*，在 BS5 下先維持 12 欄比例 */
[class*="col-xs-"]{position:relative;min-height:1px;padding-right:15px;padding-left:15px;}
.col-xs-1{flex:0 0 auto;width:8.33333333%;}.col-xs-2{flex:0 0 auto;width:16.66666667%;}.col-xs-3{flex:0 0 auto;width:25%;}.col-xs-4{flex:0 0 auto;width:33.33333333%;}.col-xs-5{flex:0 0 auto;width:41.66666667%;}.col-xs-6{flex:0 0 auto;width:50%;}.col-xs-7{flex:0 0 auto;width:58.33333333%;}.col-xs-8{flex:0 0 auto;width:66.66666667%;}.col-xs-9{flex:0 0 auto;width:75%;}.col-xs-10{flex:0 0 auto;width:83.33333333%;}.col-xs-11{flex:0 0 auto;width:91.66666667%;}.col-xs-12{flex:0 0 auto;width:100%;}

/* BS3 visibility helpers */
.visible-lg{display:none!important;}
.hidden-lg{display:initial!important;}
@media (min-width:1200px){.visible-lg{display:block!important;}.hidden-lg{display:none!important;}}
.visible-xs{display:none!important;}.hidden-xs{display:initial!important;}
@media (max-width:767.98px){.visible-xs{display:block!important;}.hidden-xs{display:none!important;}}

/* BS3 image / float / clearfix helpers */
.img-responsive{display:block;max-width:100%;height:auto;}
.center-block{display:block;margin-right:auto;margin-left:auto;}
.pull-left{float:left!important;}.pull-right{float:right!important;}
.clearfix::before,.clearfix::after{display:table;content:" ";}.clearfix::after{clear:both;}

/* BS3 thumbnails / panels / labels / pager baseline */
.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;transition:border .2s ease-in-out;}
.thumbnail>img,.thumbnail a>img{display:block;max-width:100%;height:auto;margin-right:auto;margin-left:auto;}
.thumbnail .caption{padding:9px;color:#333;}
.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.05);}
.panel-body{padding:15px;}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px;}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit;}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px;}
.panel-default{border-color:#ddd;}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd;}
.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;}.label-default{background-color:#777;}.label-primary{background-color:#337ab7;}.label-success{background-color:#5cb85c;}.label-info{background-color:#5bc0de;}.label-warning{background-color:#f0ad4e;}.label-danger{background-color:#d9534f;}
.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none;}.pager li{display:inline;}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px;}

/* BS3 dropdown / caret compatibility */
.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu,.dropdown-submenu:focus-within>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;float:right;width:0;height:0;margin-top:5px;margin-right:-10px;content:" ";border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#ccc;}
.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap;}
.divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5;}

/* BS3 navbar aliases used by legacy shell */
.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7;}
.navbar-default .navbar-brand{color:#777;}.navbar-default .navbar-nav>li>a{color:#777;}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent;}
.navbar-header{display:flex;align-items:center;}
.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px;}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px;background-color:#888;}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px;}

/* BS3 carousel aliases; JS 另由 bs5-bs3-compat-core-v1.js 補 data 屬性 */
.carousel-inner>.item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s ease-in-out;}
.carousel-inner>.item.active{display:block;}
.carousel-control.left,.carousel-control-prev{left:0;}.carousel-control.right,.carousel-control-next{right:0;}
.carousel-control.left,.carousel-control.right{position:absolute;top:0;bottom:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);opacity:.5;}
.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);}

/* Embed aliases */
.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden;}.embed-responsive::before{display:block;content:"";}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0;}.embed-responsive-16by9::before{padding-top:56.25%;}.embed-responsive-4by3::before{padding-top:75%;}