@charset "UTF-8";

body {
  font-family: 'Noto Sans TC', sans-serif;
  font-size: 100%;
  font-size: 18px;
  line-height: 180%;
  color: #000;
  margin: 0 auto;
  height: 100%;
  background-color: #ffffff;
}
@media (min-width: 992px) and (max-width:1200px) {
  body {
    font-size: 14px;
    line-height: 140%;
  }
}


section.home {
    margin-top: 0;
    padding-top: 0;
} 


@media (min-width: 993px) {
  .container {
    width: 95%;
    max-width: 1450px;
    margin: 0 auto; 
  }
  section.container article.ling-right{
    padding: 0 2%;
  }
  .text.classify-text-en section.container article.ling-right .card .card-text {
      padding: 6px 6px;
  }
  
}

.text.classify-text-en .card.h-100.border.shadow-sm {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 30px;
}
.text.classify-text-en .row > [class*="col-"]{
    display:flex;
    flex-direction: column;
}


.text.classify-text-en .card{
    width:100%;
    display:flex;
    flex-direction:column;
}

.text.classify-text-en .card-img-top{
    width:100%;
    height:180px;          /* 可依需求修改，例如 160、200 */
    object-fit:cover;
}

.text.classify-text-en .card-body{
    
    min-height: 60px;   /* 可依需求調整 70~80px */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.text.classify-text-en .card-text{
    
    width: 100%;
    margin: 0;
    line-height: 1.5;
}

.text.classify-text-en .card-text a{
    display:block;
    color:#333;
    text-decoration:none;
    font-weight:600;
    line-height:1.5;
}

.text.classify-text-en .card-text a:hover{
    color:#0d6efd;
}




section.container{
  padding-bottom: 1em;
}
section.container article.ling-right {
    min-height: calc(80vh); 
}
section.home article.ling-right {
    min-height: initial !important; 
}


.page_box .page-header {
  border-bottom: none;
}
.page_box .page-header h1 {
    color: #555;    
}

.page_box.classify3_box .page-list .list-item-2 .thumbnail .caption h2,
.page_box.product1_box .page-header h1 {
    color: #0057AE;  
    font-weight: bold;
}

body a {
  text-decoration: none !important;
}


/* 大中小標題大小================================== */
.h4, .h5, .h6, h4, h5, h6 {
    font-weight: initial;
    line-height: initial;
    margin-top: 0;
}

  /* 首頁標題================================== */
.hi_box {
    position: relative;
    color: #5b9a9c;
    margin-bottom: 30px;
}
.hi_box h3{
    line-height: 200%;
}

.hi_box .btn {
    color: #5b9a9c;
}


.md-show {
  display: block !important;
}
.sm-show {
  display: none !important;
}

@media (max-width: 992px) {
  .md-show {
    display: none !important;
  }
  .sm-show {
    display: block !important;
  }
}



/* news  */
.page_box ul.page li.item:before,
.page_box ul.page li a span,
.page_box.news_box .news-item span {
  color: #0E549A; 
}

.page_box.news_box .news-item {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
}

.page_box.news_box .page li.item span, 
.page_box.solution_box .page li.item span,
.page_box ul.page li a span, 
.page_box.news_box .news-item span{
  display: none;
}


/* 按鈕============================================== */
.btn-primary{
    color:#fff !important;
    background-color:#1363AD !important;
    border-color:#1363AD !important;
}
.btn-info.info{
    color:#fff !important;
    background-color:#1363AD !important;
    border-color:#1363AD !important;
}

/* .asn-Srh-asun_css */

.classify3_box .text_en{  
  margin-bottom: 15px;
}
.btn-danger.link:after{  
  content: "PDF";
}
.btn-danger.link > span{
  display: none;
}


.btn-ddd{
    color:#fff !important;
    background-color:#9D9D9D !important;
    border-color:#9D9D9D !important;
}
 

/* footer {
  background: #4e8588;
  color: #fff !important;
}

@media (max-width: 568px) {
  footer {
    text-align: left
  }
}

footer a,
footer a:hover {
  color: #fff;
} */


.footer-modern{
    background:#5f9798;
    color:#fff;
    position:relative;
}

.footer-main{
    padding:45px 0;
    position:relative;
    z-index:2;
}

.footer-company{
    display:flex;
    align-items:center;
}

.footer-logo{
    width:120px;
    margin-right:80px;
    margin-left: 30px;
}

.footer-logo img{
    width:100%;
    background:#fff;
    border-radius:18px;
    padding:12px;
    box-shadow:0 10px 30px rgba(0,0,0,.2);
}

.footer-info h3{
    margin:0 0 25px;
    font-size:28px;
    font-weight:700;
}

.footer-contact{
    border-left:1px solid rgba(255,255,255,.35);
    padding-left:45px;
}

.footer-item{
    display:flex;
    align-items:flex-start;
    margin-bottom:6px;
    font-size:18px;
    line-height:1.8;
}

.footer-item i{
    width:38px;
    height:38px;
    line-height:38px;
    border:2px solid rgba(255,255,255,.8);
    border-radius:50%;
    text-align:center;
    margin-right:18px;
    font-size:20px;
}

.footer-item a{
    color:#fff;
}

.footer-item a:hover{
    color:#ffe48d;
    text-decoration:none;
}

.footer-note{
    font-size:18px;
    padding-left:60px;
    opacity:.9;
}

.footer-copyright{
    background:#3f6f71;
    color:#fff;
    text-align:center;
    padding:18px;
    font-size:16px;
    border-top:1px solid rgba(255,255,255,.15);
}

@media(max-width:767px){

.footer-company{
    display:block;
    text-align:center;
}

.footer-logo{
    margin:0 auto 25px;
}

.footer-info h3{
    font-size:26px;
}

.footer-contact{
    border-left:none;
    border-top:1px solid rgba(255,255,255,.2);
    margin-top:30px;
    padding:30px 0 0;
}

.footer-item{
    font-size:18px;
}

.footer-note{
    padding-left:0;
    font-size:16px;
}

}

.gototop{
  right: 15px;
}

/* ===== 左側固定社群 ===== */
.social-fixed-left {
    position: fixed;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    z-index: 9999;
}

.social-btn {
    display: block;
    width: 45px;
    height: 45px;
    margin: 8px 0;
    border-radius: 50%;
    color: #fff !important;
    text-align: center;
    line-height: 45px;
    font-size: 14px;
    transition: all 0.3s;
}

/* 個別顏色 */
.social-btn.phone { background: #37474f; font-size: 22px; line-height: 190%; }
.social-btn.line { background: #09b309; }
.social-btn.FB { background: #245795;  font-size: 16px;}
.social-btn.mail { background: #1e88e5; font-size: 22px; line-height: 190%;  }

/* Hover 效果 */
.social-btn:hover {
    transform: scale(1.15);
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

.contact-top {
  scroll-margin-top: 120px; 
}

.page_box.member_box.title .page-header h1::after{
content: ' - 創業聯盟 - 免費試用會員申請表';
color: red;
}
  
/* 麵包屑============================= */
/* 麵包屑路徑 */
article.ling-right .part_breadcrumb * {
  color: #999999;
    pointer-events: none;
    cursor: default;
    color: inherit;
    text-decoration: none;
}
article.ling-right .part_breadcrumb:before {
  content: '路徑 : ';
  float: left;
  padding-right: 6px;
  color: #999999;
}
article.ling-right .part_breadcrumb .menu_bread_crumb div a{  
  color: #999999;
}
article.ling-right .part_breadcrumb .menu_bread_crumb div + div:before {
    content: " > ";
    padding: 0 0.5em;
    color: #999999;
}

/* 表格 */
#tb_box table th {
  background-color: #1363AD;
}
table td.td-link-down a.btn > span{
  display: none;
}
table .pic:before {
  content: 'Photo';
}
table .td-link-down:before {
  content: 'PDF';
}
table td.pic img{
  width: 120px;
  height: initial;
}

@media (max-width: 768px) {
  table .pro_no:before {
    display: inline-block;
  }
  table .pro_name:before {
    display: inline-block;
  }
  table td.pic img{
    width: 100%;
    height:auto;
  }
}

/* 通樣板面調整 =================================== */
@media (min-width: 993px) {
  .page_box .page-list .list-item-0  {
    width: 33% !important;
  }
}



/* 表列式備註說明文==================================== */
.page_box .well-download, .page_box .well-text{
    margin-top: 1em;
}



.home_main_container img {
    width: 100%;
}
.home_main_container::before{
    position: absolute;
    bottom:0;
}
.home_main_container:after{
    border-top: 1px solid #73DCFF;
    margin-top: 1px;
    content: '';
    height: 30px;
    margin-bottom: 1em;
    display: block;
    background: -moz-linear-gradient(top, rgba(147,147,147,0.65) 0%, rgba(68,68,68,0) 53%, rgba(0,0,0,0) 99%);
    background: -webkit-linear-gradient(top, rgba(147,147,147,0.65) 0%,rgba(68,68,68,0) 53%,rgba(0,0,0,0) 99%);
    background: linear-gradient(to bottom, rgba(147,147,147,0.65) 0%,rgba(68,68,68,0) 53%,rgba(0,0,0,0) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6939393', endColorstr='#00000000',GradientType=0 );
    opacity: 0.6;
}



/* about 首頁 & 內頁 */
  .page_box.home_box .about_box .text {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
  }
  .about_box .text .btn {
    background-color: #0099FF;
    color: #fff;
    border: none;
    padding: 3px 15px;
  }

  
  
  /* about 關於我們內頁 */
  .page_box.about_box .ling-nav {
    margin-bottom: 15px;
    display: none;
  }
  .page_box.about_box .ling-nav a{
    background: #f2f2f2;
    color: #333333;
    margin-bottom: 6px;
  }
  .page_box.about_box .ling-nav a:before{
    content:"\f115";
    font-family:'FontAwesome';
  }

/* 首頁產品名稱過長 */
  section.home .box-6-newproducts .no-over { 
    display:block;
    white-space: nowrap; 
    width: 100%; 
    overflow: hidden;
    text-overflow: ellipsis; 
    font-size: 1em;
    font-weight: initial;
    color: #2467B4;
  }
  
  

  
  
/* 產品圖外框線 */
.page_box ul.page-list li.list-item-0 .thumbnail,
.page_box ul.page-list li.list-item-1 .thumbnail .pic-box,
.page_box ul.page-list li.list-item-2 .thumbnail .pic-box {  
  border:1px solid #73DCFF;  
  color:#337ab7;
  padding:0;
  box-shadow: 3px 3px 10px #999;  
  display: inline-block;
}


/* 分類樣板共用處============================== */
.page_box .classify-main_img {
    display: none !important;
}

/* 頁頭選單 ======================================================= */

@media (min-width: 993px){

    /* Navbar Logo */
    nav.bootsnav.lingnavbar .navbar-brand{
        padding:8px 15px;
        height:70px;
        top: -30px;
        left: 15px;
    }

    .brand-wrap{
        display:table;
        height:54px;
    }

    .brand-wrap > *{
        display:table-cell;
        vertical-align:middle;
    }

    .logo{
        height: 100px;
        width:auto;
        margin-right:12px;
    }

    .brand-text{
        line-height: 160%;
        white-space: nowrap;
    }

    nav.bootsnav.lingnavbar .navbar-brand .brand-title{
        display:block;
        font-size: 18px;
        font-weight:bold;
        color:#1b4f8a;
    }
   
}			


@media (min-width: 1330px) {
  .brand-sub{
      display:block;
      font-size:16px;
      color:#777;
      letter-spacing:3px;
      padding-left: 3px;
  }

}	

@media (max-width: 1329px) {
  .brand-sub{
    display: none;
  }
      nav.bootsnav.lingnavbar .navbar-brand .brand-title{
        margin-bottom: 30px;
    }
}
.pageheader.pageheader_ling {
    text-align: right;
    padding: 8px 0;
    height: 33px;
    width: 100%;
    line-height: 100%;
    margin: 0;
  }

  @media (max-width: 992px){
    .pageheader.pageheader_ling {
      text-align: center;
      padding: 8px 0px;
      background: #097386;
    }
    .pageheader.pageheader_ling a {
      color: #fff !important;
    }
    
    nav.bootsnav.lingnavbar .navbar-brand .brand-title{
      margin-bottom: initial;
    }

    .navbar-brand{
        height:50px;
        padding:5px 10px;
    }

    .logo{
        height:38px;
    }

    nav.bootsnav.lingnavbar .navbar-brand .brand-title{
        font-size: clamp(15px, 2vw, 18px);
        color: #1b4f8a;
        font-weight: bold;
        padding-left: 6px;
    }

    .brand-sub{
        display:none;
    }
      
  }
   
  nav.navbar.bootsnav.lingnavbar .navbar-collapse.navbar-ling {	
    float: right !important;
  }	
  
  nav.navbar.bootsnav.lingnavbar li.dropdown ul.dropdown-menu{
    border-top-color: #097386 !important;
  }
  
.pageheader_ling ul > li a span.badge {
  display: none !important;
}

  @media (min-width: 993px){
    nav.bootsnav.lingnavbar{
      position: relative;
    }
    
    nav.bootsnav.lingnavbar ul.nav .dropdown-menu {
      font-size: initial;
    }
    nav.bootsnav.lingnavbar ul.nav > li > a {
        display: inline-block;
        padding: 20px 10px;
        line-height: 100%;
        color: #000;
        margin-top: 24px;
        margin-bottom: 6px;
    }
    .pageheader_ling ul > li a span.badge {
      background-color: red;
      margin-left: -6px;
      padding: 2px 6px;
      margin-top: -10px;
    }

    
    nav.bootsnav.lingnavbar ul.nav li a.icon-web {
      color: #1363AD;
    }
  
    nav.bootsnav.lingnavbar ul li.url a {
      line-height: 200%;
    }
   
  
    nav.bootsnav.lingnavbar .attr-nav ul li.search a {
      color: #1363AD;
      font-size: 1em;
      padding:22px 0;
    }
   
  
    nav.bootsnav.lingnavbar .top-search {
      top:78px;
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
      width: 170px;
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{
      color: #000;
    }
  
    /* 第一層 */
    nav.navbar.lingnavbar ul.nav > li.dropdown.on > a{
      background-color: transparent;
      color: #097386 !important; 
    } 

    /* 第二層 */
    nav.navbar.lingnavbar li.dropdown ul.dropdown-menu > li a{
      width: 100%;
    }
       
    nav.bootsnav.lingnavbar ul.nav li ul.dropdown-menu li a {
      padding: 10px 15px;
      line-height: 180%;
   }

    /* 第二層三層 */
    .check-list li:before, ul.cart-list > li > h6 > a,
    nav.navbar.lingnavbar ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,
    nav.navbar.lingnavbar .dropdown .megamenu-content .col-menu.on .title,
    nav.navbar.lingnavbar ul.nav ul > li.dropdown.on > a,
    nav.navbar.lingnavbar ul.nav ul > li > a:hover,
    nav.navbar.lingnavbar ul.nav > li.hover > a,
    nav.navbar.lingnavbar ul.nav > li.active > a:hover,
    nav.navbar.lingnavbar ul.nav li.active > a,
    nav.navbar.lingnavbar ul.nav  li.dropdown ul.dropdown-menu > li ul.dropdown-menu > li a:hover {
      background-color: #eeeeee;
      color: #097386; 
    }
  
  
  }
  
  
  @media (min-width: 768px){
    nav.navbar.bootsnav.lingnavbar .navbar-collapse.navbar-ling {	
      left: 0;
    }	
  }
  
  @media (max-width: 992px){
    .pageheader_ling .list-inline{
      font-size: 16px;
    }

    .wrap-sticky nav.navbar.bootsnav.lingnavbar {
        background: #E8FAFF;
    }
    nav.navbar.bootsnav.lingnavbar .navbar-toggle {
        display: inline-block;
        float: right;
        margin-right: initial;
        margin-top: initial;      
      background-color: transparent;
      color: #097386;
      top: 12px;
    }

    
    
    nav.navbar.lingnavbar .attr-nav {
      right: 40px;
    }
      
    nav.navbar.bootsnav.navbar-sticky.lingnavbar .navbar-nav.lingnav{
      background: #097386;  
    }
  
    nav.navbar.bootsnav.lingnavbar .navbar-collapse {
      position: absolute;
    }

    nav.bootsnav.lingnavbar .navbar-brand {
        margin: 0 auto 0 0;
        position: relative;
        top: 0;
        width: 80%;
        padding: 0;
        height: 60px;
        bottom: 0;
        background-size: contain;
        text-align: left;
    }

    nav.bootsnav.lingnavbar .navbar-brand img.logo {
      display: initial;
      height: 56px;
    }
    nav.bootsnav.lingnavbar .navbar-brand .brand-sub {
      display: none
    }
    /* nav.bootsnav.lingnavbar .navbar-brand {
      position: relative;
      top: 6px;
      width: 70%;
      padding: 0;
      height: 60px;
      bottom: 0;
      background: url(../../images/customer/iaqs/logo2.png) center no-repeat;
      background-size: auto 80%;
    } */
    nav.navbar.bootsnav ul.nav li a,
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
      color: #fff;
      width: 100%;
      display: inline-block;
    }
    
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,
    .check-list li:before,
    ul.cart-list > li > h6 > a,
    .side .widget ul.link li a:hover,
    .side .widget ul.link li a:focus,
    nav.navbar ul li.dropdown.on > a,
    nav.navbar ul.nav > li > a:hover,
    nav.navbar ul.nav > li.active > a:hover,
    nav.navbar ul.nav li.active > a,
    nav.navbar li.dropdown ul.dropdown-menu > li.on > a,
    nav.navbar li.dropdown ul.dropdown-menu > li a:hover,
    nav.navbar li.dropdown ul.dropdown-menu > li ul.dropdown-menu > li a:hover {
      /* background-color: darkblue; */
      color: #fff; 
    }
  
  
    nav.navbar.lingnavbar .attr-nav > ul > li > a {
      color: #1363AD;
    }
  }
  
  @media (max-width: 568px){


    nav.navbar.lingnavbar .attr-nav {
      right: 25px;
    }
    
    nav.bootsnav.lingnavbar .top-qrcode{
      right: 0;
    }

    .social-fixed-left {
        top: 70%;
    }

  }
  


  

/* 電腦版 */
@media (min-width: 993px){ 

  /* .ling-left .left-search {
    display: none;
  }
  
  aside.ling-left .nav-left ul.category-1 .h3 {
    padding-left: 30px;
    color: #2467B4;
    position: relative;
  }
  aside.ling-left .nav-left ul.category-1 .h3:before {
      width: 6px;
      height: 26px;
      display: inline-block;
      background: #D8D8D8;
      content: '';
      position: absolute;
      left: 0;
      top: 6px;
      border-radius: 5px;
  }
  aside.ling-left .nav-left ul.category-1 .h3:after {
    position: absolute;
    width: 6px;
    height: 10px;
    background: #3267C5;
    display: inline-block;
    content: '';
    left: 0;
    top: 6px;
    border-radius: 5px 5px 0 0;
  }

  aside.ling-left .nav-left ul.category-1 > li > a {
    padding: 6px 30px;
    border:1px solid #73DCFF;
    display: block;
    width: 100%;
    background: #F4FDFF;
    color: #333;
    border-radius: 5px;
  }
  aside.ling-left .nav-left ul.category-1 > li:hover > a,
  aside.ling-left .nav-left ul.category-1 > li:focus > a,
  aside.ling-left .nav-left ul.category-1 > li:active > a,
  aside.ling-left .nav-left ul.category-1 > li > a.left22 {
    background: #067AC5;
    transition: all .3s;
    color: #fff;
    border:1px solid #067AC5;
  }
  aside.ling-left .nav-left ul.category-1 > li + li:before{
    margin-bottom: 3px;
  }
  
  aside.ling-left .nav-left ul.category-1 > li:last-child {
    border-bottom: none;
  }
  aside.ling-left .nav-left ul.category-3 {
    background: #F6F6F6;
  }
  aside.ling-left .nav-left ul.category-3 > li > a,
  aside.ling-left .nav-left ul.category-3 > li > a:hover {
    border:none;
  }
  
  aside.ling-left .nav-left ul.category-3 > li > a:hover,
  aside.ling-left .nav-left ul.category-3 > li > a.left32 {
    color: maroon;
    text-decoration: underline;
  } */
}

 /* chufon-wood */
.page_box.classify4_box ul.page-list li.list-item .thumbnail .caption > h2{
  text-align: center;
}