@charset "UTF-8";

html, body{
  color: #000;
  /* font-size:clamp(14px, 5vw, 20px); */
  font-size:clamp(14px, 5vw, 16px);
  /* line-height: 1em; */
}
a{
  /* font-size:clamp(14px, 5vw, 16px) !important; */
}
section.home {
    margin-top: 0;
    padding-top: 0;
} 

.container {
    max-width: 1450px;
    width: 95%;
}

.fs-16{    
  font-size:clamp(14px, 5vw, 16px);
}
.fs-18{    
  font-size:clamp(16px, 5vw, 18px);
}
.fs-20{    
  font-size:clamp(18px, 5vw, 20px);
}

.mt-60 {margin-top: 60px;}
.mb-60 {margin-bottom: 60px;}



@media (min-width: 993px) {
  body.home {
    margin-top: 0 !important;
  }
  nav.lingnavbar .container {
    width: 95%;
    max-width: 1920px;
    margin: 30px auto;
  }
}

section.container article.ling-right {
    min-height: calc(70vh); 
}
section.home article.ling-right {
    min-height: initial !important; 
}


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

h2.heading-title {
    margin-bottom: 1em;
    letter-spacing: 5px
}

h2.heading-title,
.page_box.classify3_box .page-list .list-item-2 .thumbnail .caption h2,
.page_box.product1_box .page-header h1,
form.contactus {
    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: #067AC5;
}
.hi_box .btn {
    color: #0099FF;
}


.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;
}


/* 按鈕============================================== */
.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;
}

.btn-ddd{
    color:#fff !important;
    background-color:#9D9D9D !important;
    border-color:#9D9D9D !important;
}
 
/* 麵包屑============================= */
article.ling-right .part_breadcrumb{
    line-height: 1.5;
}
article.ling-right .part_breadcrumb .menu_bread_crumb > div:nth-child(1) a:before {
    content: 'Home > ';

}


article.ling-right .part_breadcrumb .menu_bread_crumb div a,
article.ling-right .part_breadcrumb .menu_bread_crumb div + div:before{
  color: #fff !important;
  pointer-events:none;
  cursor:default;
}

/* 表格 */

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;
}

/* 初始狀態 */
.fade-banner{
    opacity:0;
    transition:all 1.8s ease;
}

/* 顯示後 */
.fade-banner.show{
    opacity:1;
}

.video-banner{
    position: relative;
    width: 100%;
    height: 80vh;
    overflow: hidden;
    background: #000;
}

/* 背景影片 */
.video-banner .video-bg{
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: 1;
}

/* 藍色遮罩 */
.video-banner .video-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(34, 103, 165, 0.65);
    z-index: 2;
}

/* 文字區 */
.video-banner .video-content{
    position: relative;
    z-index: 3;
    width: 100%;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}

.video-banner .video-content .container{
  max-width: 1600px;
}

/* 主標題 */
.video-banner .banner-title{  
    font-size:clamp(54px, 5vw, 90px);
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 25px;
    letter-spacing: 2px;
}

/* 副標 */
.video-banner .banner-subtitle{
    font-size:clamp(14px, 2vw, 40px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 2px;
}

/* 手機 */
@media (max-width: 767px){

    .video-banner{
        height: 40vh;
    } 
    .video-banner .video-content{
        height: 350px;
    }
    .video-banner .banner-title{
      font-size:clamp(26px, 5vw, 58px);
      transform: scaleY(1.3);
    }
    .video-banner .banner-subtitle{
      font-size:clamp(12px, 2vw, 30px);
      font-weight: 400;
      letter-spacing: 0px;
      transform: scaleY(1.3);
    }
}


/* about 首頁 & 內頁 */
  .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';
  }

  


.page_box ul.page-list li.list-item-0{
    padding: 30px;
}
.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: none;  
  color:#337ab7;
  padding:0;
  /* box-shadow: 3px 3px 10px #999;   */
  display: inline-block;
}

.page_box ul.page-list li.list-item .thumbnail .caption > h2, 
.page_box ul.page-list li.list-item .thumbnail .caption > h3{
    display: inline-block;
    width: 100%;
    margin: 15px auto 0 auto;
    text-align: center;
    border: 2px solid #0070c9;
    border-radius: 20px;
    color: #0070c9;
    padding: 5px 20px;
    text-decoration: none; 
    font-size:clamp(16px, 5vw, 18px) !important;
}

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

/* 頁頭選單 ======================================================= */
@media (min-width: 993px){
  
    nav.navbar.bootsnav.lingnavbar {
      /* padding: 30px 0px; */
    }
    nav.bootsnav.lingnavbar .navbar-brand{
        padding: 0;
        width: 580px;
        max-width: 100%;
        position: initial;
    }
    nav.bootsnav.lingnavbar .navbar-brand img{
      width: 100%;
    }
}		

@media (max-width: 1168px){  
  
    nav.navbar.bootsnav.lingnavbar {
      /* padding: 15px 0px; */
    }
    nav.bootsnav.lingnavbar .navbar-brand{
      width: 420px;
    }
}


.pageheader.pageheader_ling {
    text-align: right;
    padding: 8px 0;
    height: 33px;
    width: 100%;
    line-height: 100%;
    margin: 0;
    color: #fff;
    background: #0faefb;
    background: -moz-linear-gradient(top, #0faefb 1%, #9ae6ff 100%);
    background: -webkit-linear-gradient(top, #0faefb 1%, #9ae6ff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #0faefb), to(#9ae6ff));
    background: -o-linear-gradient(top, #0faefb 1%, #9ae6ff 100%);
    background: linear-gradient(to bottom, #0faefb 1%, #9ae6ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0faefb', endColorstr='#9ae6ff',GradientType=0 );
  }
  @media (max-width: 992px){
    .pageheader.pageheader_ling {
      text-align: center;
      padding: 8px 0px;
    }
  }
   
  nav.navbar.bootsnav.lingnavbar .navbar-collapse.navbar-ling {	
    float: right !important;
  }	
  
  nav.navbar.bootsnav.lingnavbar li.dropdown ul.dropdown-menu{
    border-top: 6px solid #000;
  }
    nav.navbar.bootsnav.lingnavbar li.dropdown ul.dropdown-menu li.dropdown ul.dropdown-menu{
    border-top: 0px solid #000;
   }


  @media (min-width: 993px){     
    nav.bootsnav.lingnavbar{
      position: relative;
    }
    .header-flex{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:20px;
    }
    nav.bootsnav.lingnavbar .navbar-header {
      width: initial;
      position: initial;
    } 

    nav.bootsnav.lingnavbar ul.nav li a {
      display: inline-block;   
      padding: 8px 10px;
      line-height: 100%;
      color: #0366BB;
      font-size: 16px;
      /* font-size:clamp(15px, 1vw, 16px); */
    }
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{
      color: #fff !important;
      border: 0 !important;
    }
    
    
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
      background: #0366bb;
      border: 0;
      box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.411);
    }
  
    nav.navbar.bootsnav.lingnavbar li.dropdown ul.dropdown-menu ul.dropdown-menu{
      width: 280px;
    }

    nav.navbar.bootsnav.lingnavbar .navbar-collapse.navbar-ling {	
      left: 0;
      display: flex;
    }	
    
    nav.navbar.bootsnav.lingnavbar .navbar-nav.lingnav{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: flex-end;
        margin: 0;
    }
  
    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.lingnavbar ul.nav > li.dropdown.on > a{
      background-color: transparent;
      color: #1363AD !important; 
    } 

    /* 第二層 */
    nav.navbar.lingnavbar li.dropdown ul.dropdown-menu > li a{
      width: 100%;
    }
    /* 第二層三層 */
    .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: #1363AD !important;
    }
  
  
  }
  
  
  @media (min-width: 768px){ 
    nav.navbar.bootsnav.lingnavbar .navbar-collapse.navbar-ling {	
      left: 0;
    }	
  }
  
  @media (max-width: 992px){
    
    .wrap-sticky nav.navbar.bootsnav.lingnavbar {
        background: #fff;
    }

    nav.navbar.bootsnav.lingnavbar .navbar-toggle {
      float: right !important;
      margin-right: 0;
      margin-top: 15px;
      background-color: #0366bb;
      padding: 2px 8px;
      color: #fff;      
    }    
    
    nav.navbar.lingnavbar .attr-nav {
      right: 40px;
    }
      
    nav.navbar.bootsnav.navbar-sticky.lingnavbar .navbar-nav.lingnav{
      background: #1363AD;  
    }
  
    nav.navbar.bootsnav.lingnavbar .navbar-collapse {
      position: absolute;
    }
    
    nav.bootsnav.lingnavbar .navbar-brand {
      margin: 0 auto 0 0 !important;
      position: relative;
      top: 6px;
      width: 90%;
      padding: 0;
      height: 60px;
      bottom: 0;
      background: url(../../images/customer/aone/logo2.webp) left center no-repeat;
      background-size: contain;
    }
    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 .navbar-brand {
        width: 88%;
    }

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


  

/* 電腦版 */
@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 .classify-text .page-list .list-item-1 .thumbnail .caption .page-header h1{
    text-align: center;
    font-size: clamp(34px, 5vw, 54px);
    color: #162457;
    margin-top: 60px;
}



.section{
    padding:70px 0;
}

.section-title{
    text-align:center;
    color:#0070c9;
    /* font-weight:bold; */
    line-height:1.5;
    margin-bottom:15px;
}

.section-subtitle{
    text-align:center;
    /* max-width:760px; */
    margin:0 auto 35px;
    line-height:1.8;
    font-size: 20px;
}

.iso-content .cert-list .col-xs-6{
    margin-bottom:30px;
}

.iso-content .cert-box{
    position:relative;
    padding-left:25px;
    padding-top: 15px;
    display: block;
}

/* 藍色框線 */
.iso-content .cert-box:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width: 95%;
    height:95%;
    border:3px solid #1d74bb;
    z-index:1;
}

/* 圖片 */
.iso-content .cert-box img{
    position:relative;
    z-index:2;
    width:100%;
    background:#fff;
    left: -30px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
}



/* 分隔線 */
.section-divider{
    position:relative;
    border-top:1px solid #ddd;
}

.section-divider:before{
    content:"";
    position:absolute;
    top:-20px;
    left:50%;
    transform:translateX(-50%);

    width: 80px;
    height: 29px;

    background:#d9d9d9 url("../../images/customer/aone/A-1.png") no-repeat center center;
    background-size: 90%;
}


/* 產品類別 */
.products-section{  
    padding: 160px 0;
}

.products-title{
    text-align:center;
    color:#0070c9;
    font-weight:bold;
    letter-spacing:2px;
    margin-bottom:40px;
}

.product-slider-wrap{
    position:relative;
    /* max-width:900px; */
    margin:0 auto;
}

.product-slider-wrap .my-owl{
    text-align:center;
    margin-bottom:20px;
}


.product-btn {
  text-align: center;
}
.product-btn h3{
    display:inline-block;
    width:90%;
    margin: 15px auto 0 auto;
    text-align: center;
    border:2px solid #0070c9;
    border-radius: 20px;
    color:#0070c9;
    padding:5px 20px;
    text-decoration:none;
}

.product-slider-wrap .owl-nav {
    display: inline-table;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    width: 100%;
    height: 0;
}


.product-slider-wrap .owl-theme .owl-controls .owl-nav [class*="owl-"] {
    background: none repeat scroll 0 0 #0366BB;
    border-radius: 0px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin: 5px;
    padding: 6px 15px;
}

.product-slider-wrap .owl-theme .owl-controls .owl-nav [class*="owl-"] {
    margin: 0 !important;
}

.product-slider-wrap .my-owl .owl-prev {
    position: absolute;
    left: -30px;
}

.product-slider-wrap .my-owl .owl-next {
    position: absolute;
    right: -30px; 
}
.product-slider-wrap .owl-theme .owl-controls .owl-nav [class*="owl-"]{
  margin: 0 !important;
}


/* 熱電偶服務 */
.service-section{
    background:url("../../images/customer/aone/service-bg.webp") center center / cover no-repeat;
    position:relative;
}

.service-section:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(253, 253, 253, 0.753);
}

.service-section .container{
    position:relative;
    z-index:2;
}

.service-title{
    color:#0070c9;
    /* font-size: 66px; */
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 20px;
}
.service-lead{
    margin-bottom:30px;
    color: #222222;
}
.service-text {
  color: #8b8b8b;
  margin-bottom: 30px;
}
.service-item{
    text-align:center;
    margin-bottom:25px;
}
.service-icon{
    color:#0070c9;
    margin-bottom:18px;
    font-size:50px;
}

.service-item h4{
    font-weight:bold;
    margin-bottom:10px;    
}
.service-item p{
    color:#333;
    line-height:1.8;
}
  
  .service-item h4{
    font-size: 20px;
  }
  .service-item p{
    font-size: 16px;
  }
  
@media (min-width: 993px){
  .service-title{
      font-size:clamp(33px, 5vw, 66px);
  }
  .service-title:before {
      content: '';
      display: block;
      width: 200px;
      height: 1px;
      background: #000;
  }

  .service-lead{
    margin-bottom:80px;
      font-size:clamp(14px, 5vw, 22px);
  }
  .service-text{
      margin-bottom: 80px;
      font-size:clamp(14px, 5vw, 15px);
  }

  
  .service-item h4{
      font-size:clamp(20px, 5vw, 29px);
  }
  .service-item p{
      font-size:clamp(14px, 5vw, 18px);
  }
}

@media (max-width: 992px){
  /* .service-icon .glyphicon{
      font-size:clamp(25px, 5vw, 50px);
  } */
}

/* 最新消息 */
body.home .news-section{
    padding: 160px 0;
}

body.home .news-title{
    text-align:center;
    color:#0070c9;
    font-weight:bold;
    margin-bottom:35px;
    letter-spacing:1px;
}

body.home .news-list{
    margin:0 auto;
    width: 90%;
}

body.home .news-list a{
    display:block;
    padding: 20px 15px;    
    font-size:clamp(18px, 5vw, 20px) !important;
    border-bottom:1px solid #aaa;
    color:#555;
    text-decoration:none;
}

body.home .news-list a:hover{
    color:#0070c9;
}

body.home .news-date{
    display:inline-block;
    width: 140px;
    min-width: 200px ;
    color:#888;
}

body.home .news-arrow{
    float: right;
    color: #999;
    transform: scale(2);
    font-weight: 200;
}

/* 資料中心產品 */
.data-section img{
    /* width:100%; */
}

.data-box{
    padding-top:25px;
}

.data-box small{
    color:#0070c9;
    font-weight:bold;
}

.data-box h3{
    font-weight:bold;
    line-height:1.5;
}

.data-box p{
    line-height:1.5;
    color:#333;
    /* font-size:clamp(14px, 5vw, 16px); */
}


/* .qa-item{
    border:1px solid #ddd;
    border-radius:25px;
    padding:12px 22px;
    margin-bottom:12px;
    color:#555;
} */


/* 收合狀態做圓角外框 */
.data-accordion .panel:not(:first-child){
    border:1px solid #ddd;
    border-radius:35px;
    margin-bottom:18px;
    padding:0 22px;
}

.data-accordion .panel:not(:first-child) > a{
    padding:18px 0;
}

/* 全部統一 */
.data-accordion .panel{
    border:1px solid #ddd;
    border-radius:35px;
    margin-bottom:18px;
    padding:0 22px;
    box-shadow:none;
    background:none;
}

/* 標題 */
.data-accordion .panel > a{
    display:flex;
    align-items:flex-start;
    padding:18px 0;
    color:#202033;
    font-size:17px;
    line-height:1.6;
    text-decoration:none;
}

/* icon */
.data-accordion .glyphicon{
    flex:0 0 18px;
    margin-right:18px;
    margin-top:4px;
    color:#202033;
    font-size:16px;
}

/* 文字 */
.data-accordion .panel > a .accordion-text{
    flex:1;
}

/* icon */
.data-accordion .glyphicon{
    margin-right:18px;
    color: #181a31;
    font-size:clamp(14px, 5vw, 16px);
}

/* 內容 */
.data-accordion .panel-body{
    border-top:1px solid #eee !important;
    padding:20px 0;
    color:#555;
    line-height:1.9;
    font-size:15px;
}

/* 手機 */
@media (max-width:767px){
    .data-section{
        padding:45px 0;
    }

    .data-title{
        font-size:26px;
    }

    .data-box{
        margin-top:30px;
    }
}
/* 左右區塊上下置中 */
.data-section .row{
    display:flex;
    align-items:center;
}

/* 手機恢復正常 */
@media (max-width:767px){
    .data-section .row{
        display:block;
    }
}


/* 機房特色 */
.feature-title{
    font-size:26px;
    font-weight:bold;
    line-height:1.5;
    margin-bottom:15px;
}

.feature-label{
    color:#0070c9;
    font-weight:bold;
}

.blue-line{
    width:45px;
    height:2px;
    background:#0070c9;
    display:inline-block;
    vertical-align:top;
    margin-right:15px;
    margin-top:13px;
}

.feature-text{
    display:inline-block;
    width:calc(100% - 70px);
    line-height:1.9;
    color:#333;
    font-size:clamp(14px, 5vw, 16px);
}

.info-card{
    text-align:center;
    margin-top:35px;
}

@media (max-width:767px){
  .info-card{
      margin-top:60px;
  }  
}

.info-card img{
    /* width:100%; */
    margin-bottom:18px;
    max-width: 100%;
    display: inline-block;
}

.info-card h4{
    color:#181a31;
    font-size:clamp(16px, 5vw, 18px);
    margin-bottom:10px;
}

.info-card h4 span{
    color:#fe6042;
    margin-right:5px;
}

.info-card p{
    font-size:clamp(14px, 5vw, 16px);
    color:#777;
    line-height:1.8;
}

/* Footer */
.footer{
    background:#0070c9;
    color:#fff;
    padding:35px 0 45px;
}

.footer-logo img{
    max-width: 100%;
    width: 220px;
    height: auto;
    margin-top:70px;
}

.footer h4{
    font-weight:bold;
    margin-bottom:0;
}

.footer p{
    line-height:1.8;
    margin-bottom: 15px;
    /* font-size:13px; */
    font-size:clamp(14px, 5vw, 16px);
}

.footer-cert img{
    max-width:90px;
    margin-bottom:10px;
}

/* RWD */
@media (max-width:991px){
    .slider-arrow{
        display:none;
    }
    .footer-logo img{
        margin:0 !important;        
    }
    .footer h4{
        margin-top:25px;
        margin-bottom: 0;
    }

}

@media (max-width:767px){

    .section,
    .products-section,
    body.home .news-section{
        padding:45px 0;
    }

    .section-title{
        font-size:24px;
    }

    .service-title{
        font-size:26px;
    }

    body.home .news-date{
        display:block;
        width:auto;
        margin-bottom:5px;
    }

    .blue-line{
        display:block;
        margin-bottom:12px;
    }

    .feature-text{
        width:100%;
    }

    .footer-nav a{
        display:inline-block;
        margin:6px 10px;
    }

}





/* Banner */
.header-banner{
    position:relative;
    width:100%;
    height: 250px;
    overflow:hidden;
    /* background:#005fb8; */
    background:#fff;
}

.header-banner > .banner-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center !important;
}
.header-banner:before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,65,130,0.42);
    z-index:1;
}

    
    /* 精密空調機櫃 */
    .header-banner.banner-none {
        display: none !important;
    }
    
    /* chufon-wood - 通用 */
    .header-banner > .banner-bg{
        background-size: 50% !important;
    }
    
    /* 熱電偶生產設備 */
    .header-banner.banner-bg-100 > .banner-bg{
        background-size: 100% auto !important;
    }
    /* 產品及服務 */
    .header-banner.banner-bg-33 > .banner-bg{
        background-size: auto 100% !important;
    }


.banner-container{
    position:relative;
    height:100%;
    z-index:11;
}


/* 主藍框 */
.banner-box{
    position: absolute;
    left: 70px;
    bottom: 20px;
    width: 50%;
    /* height: 220px; */
    background: #005fb8;
    padding: 30px 65px;
    z-index: 22;
}


/* 白色外框 */
.banner-box:before {
    content: "";
    position: absolute;
    top: -15px;
    left: 22px;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255, 255, 255, 0.9);
    z-index: 33;
  }


/* 標題 */
.banner-box h1{
    margin-bottom:10px;
    color:#fff;
    font-size: clamp(24px, 5vw, 38px);
    font-weight: 700;
    letter-spacing: 1px;
}


/* breadcrumb */
.breadcrumb-box{
    color:#fff;
    font-size:15px;
    font-weight:600;
}

.breadcrumb-box a{
    color:#fff;
    text-decoration:none;
}

.breadcrumb-box span{
    margin:0 7px;
}


/* 平板 */
@media(max-width:991px){

    .banner-box {
        width: 620px;
        left: 40px;
        bottom: 0;
    }


    .banner-box h1{
        font-size:42px;
    }
}


/* 手機 */
@media(max-width:767px){

    .header-banner{
        height:220px;
    }

    .banner-box{
        left:15px;
        right:15%;
        width:auto;
        height:auto;
        bottom:18px;
        padding:32px 25px;
    }

    .banner-box:before{
        top:-10px;
        left:10px;
    }

    .banner-box h1{
        font-size:32px;
        margin-bottom: 12px;
        letter-spacing: initial;
    }

    .breadcrumb-box{
        font-size:13px;
    }
}



/* .header-banner */


/* 共用 */
section{
    width:100%;
}

.section-title h2{
    font-size:52px;
    font-weight:700;
    color:#0e2454;
    margin:0 0 25px;
}

.section-title p{
    /* font-size:15px;
    line-height:1.9; */
    color:#666;
}

/* 主標 */
.about-intro{
    padding:90px 0 70px;
    background:#fff;
}

.main-title h2{
    margin:0;
    font-size: 64px;
    line-height:1.35;
    font-weight:700;
    color:#162457;
}

/* 黑色影片區 */
.video-section{
    height:420px;
    background:#000;
}

/* 公司介紹 */
.company-section{
    padding:90px 0;
    background:#fff;
}

@media(min-width:992px){
  .company-row{
      display:flex;
      align-items:center;
  }
}

.company-img img{
    width:100%;
}

.company-content{
    padding-left:40px;
}

.company-content h3{
    font-size:56px;
    font-weight:700;
    color:#172457;
    margin:0 0 35px;
}

.company-content p{
    /* font-size:15px;
    line-height:2; */
    color:#555;
    margin-bottom:22px;
}



/* 品質政策 */
.quality-section{
    padding:100px 0;
    background:#f4f7fa;
}

.quality-section .section-title{
    margin-bottom:60px;
}

.cert-item{
    text-align:center;
}

.cert-item img{
    width:100%;
}



/* WHY */
.why-section{
    padding: 180px 0;
    background:#fff;
}

.why-row{
    margin-top:60px;
}

.why-item{
    text-align:center;
    padding:10px 25px;
}

.why-item h4{
    font-size:28px;
    font-weight:700;
    color:#172457;
    margin-bottom:20px;
}

.why-item p{
    /* font-size:14px;
    line-height:1.9; */
    color:#666;
}



/* 平板 */
@media(max-width:991px){

    /* WHY */
    .why-section{
        padding: 80px 0;
        background:#fff;
    }

    .main-title h2{
        font-size:48px;
    }

    .company-content{
        padding-left:0;
        padding-top:40px;
    }

    .company-content h3{
        font-size:42px;
    }

    .section-title h2{
        font-size:42px;
    }

    .why-item{
        margin-bottom:40px;
    }
}



/* 手機 */
@media(max-width:767px){

    .about-intro{
        padding:60px 0 50px;
    }

    .main-title h2{
        font-size:34px;
    }

    .video-section{
        height:240px;
    }

    .company-section{
        padding:60px 0;
    }

    .company-content h3{
        font-size:34px;
    }

    .section-title h2{
        font-size:34px;
    }

    .quality-section,
    .why-section{
        padding:70px 0;
    }

    .cert-item{
        margin-bottom:25px;
    }

    .why-item{
        margin-bottom:35px;
        padding: 10px 0px;
    }
}


/* ai  */


.ai-section{
    padding:80px 0;
    background:#fff;
}

@media(min-width:992px){
  .ai-row{
      display:flex;
      align-items:stretch;
  }
}

/* 左側 */
.ai-left{
    padding-right:60px;
}

.ai-title-line{
    width:95px;
    height:1px;
    background:#111;
    margin-bottom:15px;
}

.ai-left h2{
    margin:0 0 40px;
    font-size:46px;
    line-height:1.15;
    font-weight:700;
    color:#111;
}

.ai-logo{
    display:block;
    max-width:330px;
    width:100%;
}

.ai-left p{
    /* font-size:15px;
    line-height:2; */
    color:#555;
    text-align:center;
    margin-bottom:55px;
}

.ai-blue-text{
    text-align:center;
    font-size:20px;
    line-height:1.5;
    color:#0070c9;
    font-weight:500;
    margin:0 auto 40px;
}

/* 右側 2x2 */
.ai-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    border-left:1px solid #111;
    border-bottom:1px solid #111;
    min-height:690px;
}

.ai-grid-box{
    padding:28px 38px;
    border-top:1px solid #111;
    border-right:1px solid #111;
}

.ai-grid-box h3{
    margin:0 0 20px;
    font-size:30px;
    font-weight:700;
    color:#111;
}

.ai-grid-box ul{
    padding-left:22px;
    margin:0;
}

.ai-grid-box li,
.ai-grid-box p{
    /* font-size:16px;
    line-height:2.1; */
    color:#666;
    margin-bottom:8px;
}

.ai-grid-box:nth-child(3),
.ai-grid-box:nth-child(4){
    /* padding-top:100px; */
}

.line-qr{
    width:150px;
    display:block;
    margin-top:20px;
}

/* 平板 */
@media(max-width:991px){
    .ai-left h2{
        font-size:34px;
    }

    .ai-left{
        padding-right:25px;
    }

    .ai-grid-box{
        padding:25px 22px;
    }

    .ai-grid-box h3{
        font-size:24px;
    }

    .ai-grid-box li,
    .ai-grid-box p{
        /* font-size:14px; */
    }
}

/* 手機 */
@media(max-width:767px){
    .ai-row{
        display:block;
    }

    .ai-left{
        padding-right:0;
        margin-bottom:45px;
    }

    .ai-left h2{
        font-size:32px;
    }

    .ai-logo{
        max-width:260px;
        margin-bottom:40px;
    }

    .ai-grid{
        display:block;
        border-left:1px solid #111;
        border-bottom:none;
        min-height:0;
    }

    .ai-grid-box{
        border-bottom:1px solid #111;
    }

    .ai-grid-box:nth-child(3),
    .ai-grid-box:nth-child(4){
        padding-top:28px;
    }
}




/* 敏揚365 */
.ming365-section{
    padding:70px 0 100px;
    background:#fff;
}

.ming365-row{
    display:flex;
    align-items:center;
}

.ming365-content{
    padding:0 55px;
}

.ming365-logo{
    /* width:120px; */
    margin-bottom:35px;
}

.ming365-content h2{
    margin:0 0 22px;
    font-size:34px;
    font-weight:700;
    color:#0070c9;
}

.ming365-content p{
    /* font-size:15px;
    line-height:2; */
    color:#111;
    margin-bottom:10px;
}

.btn-ming365{
    display:inline-block;
    margin-top:30px;
    padding:11px 45px;
    background:#3b7df2;
    color:#fff;
    border-radius:30px;
    text-decoration:none;
    /* font-size:15px; */
}

.btn-ming365:hover,
.btn-ming365:focus{
    color:#fff;
    text-decoration:none;
    background:#2568d8;
}

.ming365-img img{
    width:100%;
}




/* 平板 */
@media(max-width:991px){

    .ming365-content{
        padding:0 25px;
    }

    .ming365-content h2{
        font-size:28px;
    }
}


/* 手機 */
@media(max-width:767px){    
    .ming365-row{
        display:block;
    }

    .ming365-section{
        padding:50px 0 70px;
    }

    .ming365-content{
        padding:0;
        margin-bottom:40px;
    }

    .ming365-content h2{
        font-size:26px;
    }
}




/* 精密空調機櫃  */
.precision-ac-cabinet{
    padding-top:60px;
    padding-bottom:60px;
    background:#fff;
}     

.precision-ac-cabinet img{
    width: 80%;
    margin: 0 auto;
}

/* INTRO */
.precision-ac-cabinet .intro-text{
    margin-bottom:50px;
    /* font-size:14px;
    line-height:2; */
    color:#444;
}

/* CONTENT */
.precision-ac-cabinet .content-row{
    margin-bottom: 40px;
}

.precision-ac-cabinet .info-block{
    margin-bottom:55px;
}

.precision-ac-cabinet .info-block h2{
    margin:0 0 25px;
    font-size:28px;
    font-weight:700;
    color:#0066b3;
    letter-spacing:1px;
}

.precision-ac-cabinet .info-block p{
    /* font-size:14px;
    line-height:2; */
    color:#444;
}

.precision-ac-cabinet .info-block ul{
    padding-left:20px;
}

.precision-ac-cabinet .info-block li{
    margin-bottom:12px;
    /* font-size:14px;
    line-height:1.9; */
    color:#444;
}



/* SINGLE / DUAL */
.precision-ac-cabinet .single-row-system,
.dual-row-system{
    margin-top:70px;
}

/* RIGHT */
.precision-ac-cabinet .catalog-box{
    position:sticky;
    top:30px;
    border:1px solid #ddd;
    padding:20px;
    text-align:center;
}

.precision-ac-cabinet .download-btn{
    display:block;
    padding:12px;
    background:#eee;
    color:#006fc9;
    text-decoration:none;
    /* font-size:15px; */
}

.precision-ac-cabinet .download-btn:hover{
    color:#000000;
    text-decoration:none;
}

/* APPLICATION */
.precision-ac-cabinet .application-section h2{
    margin:0 0 60px;
    font-size:28px;
    font-weight:700;
    color:#0066b3;
}

.precision-ac-cabinet .app-item{
    text-align:center;
}

.precision-ac-cabinet .app-item img{
    max-width:150px;
    margin-bottom:25px;
}

.precision-ac-cabinet .app-item p{
    /* font-size:14px;
    line-height:1.8; */
    color:#444;
}

/* 電腦版：左右區塊上下置中 */
@media(min-width:992px){

    .precision-ac-cabinet .product-feature .row,
    .precision-ac-cabinet .single-row-system .row,
    .precision-ac-cabinet .dual-row-system .row{
        display:flex;
        align-items:center;
    }

}

/* 平板以下：恢復 Bootstrap 預設，垂直靠上 */
@media(max-width:991px){

    .precision-ac-cabinet .product-feature .row,
    .precision-ac-cabinet .single-row-system .row,
    .precision-ac-cabinet .dual-row-system .row{
        display:block;
    }

}

/* 平板 */
@media(max-width:991px){

    .precision-ac-cabinet .catalog-box{
        margin-top:50px;
        position:relative;
        top:auto;
    }

    .precision-ac-cabinet .info-block h2{
        font-size:24px;
    }
}

/* 手機 */
@media(max-width:767px){

    .precision-ac-cabinet .edge-section{
        padding:40px 0 70px;
    }

    .precision-ac-cabinet .intro-text{
        /* font-size:13px; */
    }

    .precision-ac-cabinet .info-block{
        margin-bottom:40px;
    }

    .precision-ac-cabinet .info-block h2{
        font-size:20px;
        line-height:1.5;
    }

    .precision-ac-cabinet .feature-img{
        padding-top:0;
        margin-top:25px;
    }

    .precision-ac-cabinet .single-row-system img,
    .precision-ac-cabinet .dual-row-system img{
        margin-bottom:25px;
    }

    .precision-ac-cabinet .single-row-system,
    .precision-ac-cabinet .dual-row-system{
        margin-top:40px;
    }

    .precision-ac-cabinet .application-section h2{
        font-size:22px;
        margin-bottom:40px;
    }

    .precision-ac-cabinet .app-item{
        margin-bottom:35px;
    }

    .precision-ac-cabinet .app-item img{
        max-width:110px;
    }
}


/* 表格整體 */
.custom-table {
    border-collapse: collapse;
    width: 100%;
}

/* 表格框線 */
.custom-table th{
    text-align: center;
}
.custom-table td, .custom-table th {
    border: 1px solid hsla(0,0%,50%,.502) !important;
    padding: 15px !important;
}
/* 標題底色 */
.custom-table th {
    background-color: #a6d8ff;
    font-weight: bold;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th{
    background-color:#fff;
}

.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th{
    background-color:hsla(0, 0%, 50%, .071);
}



/* 熱電偶及測溫電阻體 */

/* 單一區塊 */

.production-section {
    width: 100%;
    margin: 0 auto 60px auto;
}

.production-section .left-box{
    padding-right: 60px;
}
.production-section .right-box{
    padding-left: 60px;
}

.intro-item{
    margin: 0;
}


/* 左邊背景圖 */
.intro-item-left{
    position:relative;
    overflow:hidden;
}

.intro-item-left:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;

    background-image:url('../../images/customer/aone/20150619114121310.webp');
    background-position:148px 0px;
    background-repeat: no-repeat;
    background-size:cover;
    opacity: 0.5;
    z-index:1;
    border-radius: 25px;
}


/* 右邊背景圖 */
.intro-item-right{
    position:relative;
    overflow:hidden;
}

.intro-item-right:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;

    background-image:url('../../images/customer/aone/32f0d3c4176cf924bfe20856b692640c-1pt100kn-2pt100kn-l2.webp');
    background-position: 100px -100px;
    background-repeat: no-repeat;
    background-size: 90%;
    opacity: 0.5;;
    z-index:1;
    border-radius: 25px;
}


/* 文字區 */
.intro-content{
    position: relative;
    z-index: 2;
    width: 88%;
    padding: 45px 45px 45px 20px;
    border-radius: 25px;
}

/* 標題 */
.intro-content h3{
    color: #0b67c2;
    margin: 0 0 30px;
    background: #fff;
    display: inline-block;
    padding: 15px 30px 15px 0;
}

/* 內容 */
.intro-content p{
    margin:0;
    line-height: 1.5;
}


@media (max-width: 1024px){
   .production-section{
        width: 100%;
    }
    .intro-item-right:before{
        background-position: center;
        background-size: cover;
    }
}


@media (max-width: 767px){
    .production-section .left-box{
        padding-right: initial;
    }
    .production-section .right-box{
        padding-left: initial;
    }

}

@media (max-width: 567px){   
    .intro-content{
        position: relative;
        padding: 0;
        width: 98%;
        margin: 0 0 60px 0;
    }
}

.contact-section{
    padding:45px 0;
    border-top:1px solid #ddd;
}

/* 左右垂直置中 */
.contact-row{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
}

/* 左側資訊 */
.contact-info{
    display:flex;
    align-items:center;
}

/* icon */
.contact-icon{
    /* margin-right:25px; */
        flex-shrink:0;
}
.contact-text{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom: 15px;
}
.contact-icon{
    flex-shrink:0;
}

.contact-icon i{
    font-size:42px;
    color:#4285f4;
}

.contact-text .h2{
    margin:0;
    font-size:clamp(30px, 5vw, 32px);
    color:#444;
    line-height:1.4;
}

/* 標題 */
.contact-text h4{
    color:#444;
    margin:0 0 15px;
    font-weight:500;
}

/* 文字 */
.contact-text p{
    font-size:18px;      
    font-size:clamp(16px, 5vw, 18px);
    color:#666;
    margin:0;
    line-height:1.8;
}

/* 按鈕 */
.contact-btn{
    display: inline-block;
    background: #4285f4;
    color: #fff !important;
    font-size: clamp(22px, 5vw, 24px);
    padding: 12px 38px;
    border-radius: 4px;
    text-decoration: none !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .18);
    transition: all .3s ease;
}

.contact-btn:hover{
    background:#2f76ea;
    transform:translateY(-2px);
}


/* 平板 */
@media (max-width:991px){

    .contact-text h4{
        font-size:24px;
    }

    .contact-text p{
        font-size:16px;
    }

    .contact-btn{
        font-size:22px;
        padding:15px 35px;
    }

}


/* 手機 */
@media (max-width:767px){
    .contact-text{
        display:block;
        text-align:center;
    }

    .contact-icon{
        /* margin-bottom:12px; */
        margin:0 0 20px;
    }

    .contact-row{
        display:block;
    }

    .contact-info{
        display:block;
        text-align:center;
    }


    .text-right{
        text-align:center;
    }

    .contact-btn{
        margin-top:30px;
    }

}















.hero-banner{
    position: relative;
    width: 100%;
    height: 700px;
    overflow: hidden;
}


/* 背景圖 */
.hero-banner .banner-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background-image: url('../../images/customer/aone/contact_banner.webp');

    /* 永遠水平置中 */
    background-position: center center;

    background-repeat: no-repeat;

    /* 等比例縮放 */
    background-size: cover;

    z-index: 1;
}

/* 深藍透明遮罩 */
.hero-banner .banner-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background:rgba(0,65,130,0.42);

    z-index: 2;
}

/* 內容 */
.hero-banner .banner-content{
    position: relative;
    z-index: 3;

    height: 700px;

    display: flex;
    align-items: center;

    /* 文字靠右 */
    justify-content: flex-end;
}

/* 文字區 */
.hero-banner .banner-text{
    width: 100%;
    max-width: 760px;

    text-align: left;
}

/* 主標 */
.hero-banner .banner-title{
    font-size: 76px;
    line-height: 1.25;
    font-weight: 800;
    color: #fff;

    margin: 0 0 35px;
}

/* 副標 */
.hero-banner .banner-desc{
    font-size: 24px;
    line-height: 1.9;
    color: rgba(255,255,255,0.92);

    margin-bottom: 45px;
}

/* 按鈕 */
.hero-banner .banner-btn{
    display: inline-block;

    min-width: 230px;

    padding: 18px 30px;

    border-radius: 60px;

    background: linear-gradient(90deg,#3e6dff,#4f95ff);

    color: #fff !important;

    font-size: 22px;
    font-weight: 600;

    text-align: center;
    text-decoration: none !important;

    transition: all .3s ease;
}

.hero-banner .banner-btn:hover{
    background: linear-gradient(90deg,#2f5bf0,#4387f5);

    transform: translateY(-3px);
}

/* 平板 */
@media (max-width:991px){

    .hero-banner{
        height: 560px;
    }

    .hero-banner .banner-content{
        height: 560px;
    }

    .hero-banner .banner-title{
        font-size: 54px;
    }

    .hero-banner .banner-desc{
        font-size: 20px;
    }
}

/* 手機 */
@media (max-width:767px){

    .hero-banner{
        height: 520px;
    }

    .hero-banner .banner-content{
        height: 520px;

        justify-content: center;
    }

    .hero-banner .banner-text{
        text-align: center;
    }

    .hero-banner .banner-title{
        font-size: 38px;
        line-height: 1.4;
    }

    .hero-banner .banner-desc{
        font-size: 16px;
        line-height: 1.8;
    }

    .hero-banner .banner-btn{
        min-width: 180px;

        font-size: 18px;

        padding: 14px 24px;
    }
}




/* 聯絡我們 */
.info_content {
    background-color: #f5f5f5;
    padding: 15px 25px;
    display: block;

}
.info_content .item_name {
    color:#0366BB;
    font-weight:bold;
    margin-bottom:10px;
}




/* .news-arrow */
/* .news_box ul {
    padding: 2em 4em !important;
    border: 1px solid red;
    background-color: #fff;
    width: 80%;
    margin: 0 auto;
}

.news_box ul.page li.item a * {
  font-size:clamp(18px, 5vw, 20px) !important;
  font-weight: 500;
  color: #4c4c50 !important;
} */



.page_box.news_box{
    background: #f8fafc;
}

.page_box.news_box .news-section{
    position: relative;
    padding: 80px 0 90px;
    overflow: hidden;
}

/* 上方藍色背景 */
.page_box.news_box .news-section:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 330px;
    background:linear-gradient(rgb(0 91 163 / 0%), rgb(0 54 159 / 72%)), 
    url(../../images/customer/aone/news_banner.webp) center center no-repeat;
    background-size: cover;
    z-index: 1;
}

/* 下方淡背景 */
.page_box.news_box .news-section:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60%;
    opacity: .45; 
    z-index: 0;
}

.page_box.news_box .news-section .container{
    position: relative;
    z-index: 2;
}

/* 標題 */
.page_box.news_box .news-title-box{
    text-align: center;
    color: #fff;
    margin-bottom: 35px;
}

.page_box.news_box .news-title-box h1{
    font-size: clamp(24px, 5vw, 38px);
    font-weight: 700;
    margin: 0 0 22px;
}

.page_box.news_box .news-title-box .line{
    width: 70%;
    max-width: 960px;
    height: 1px;
    background: rgba(255,255,255,.85);
    margin: 0 auto 22px;
}

.page_box.news_box .news-title-box .en{
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 3px;
}

/* 白色內容卡片 */
.page_box.news_box .news-card{
    background: #fff;
    padding: 85px 95px;
    box-shadow: 0 8px 25px rgba(0,0,0,.04);
}

/* 列表 */
.page_box.news_box .news-list{
    margin: 0;
    padding: 0;
    list-style: none;
}

.page_box.news_box .news-list li{
    border-bottom: 1px solid #7f8090;
}

.page_box.news_box .news-list li a{
    display: table;
    width: 100%;
    padding: 15px 0;
    color: #4c4c50;
    text-decoration: none;
    font-size: clamp(18px, 5vw, 20px) !important;
}

.page_box.news_box .news-list .date,
.page_box.news_box .news-list .text,
.page_box.news_box .news-list .arrow{
    display: table-cell;
    vertical-align: middle;
}

.page_box.news_box .news-list .date{
    width: 220px;
    color: #4c4c50;
}

.page_box.news_box .news-list .text{
    line-height: 1.6;
}

.page_box.news_box .news-list .arrow{
    width: 40px;
    text-align: right;
    color: #999;
    font-size: 34px;
    font-weight: 200;
}

.page_box.news_box .news-list li a:hover .text{
    color: #1b7fb3;
}

/* 平板 */
@media (max-width: 991px){
    .page_box.news_box .news-card{
        padding: 60px 45px;
    }

    .page_box.news_box .news-list li a{
    font-size: clamp(14px, 5vw, 16px) !important;
    }

    .page_box.news_box .news-list .date{
        width: 150px;
    }
}

/* 手機 */
@media (max-width: 767px){
    .page_box.news_box .news-section{
        padding: 55px 0 60px;
    }

    .page_box.news_box .news-section:before{
        height: 260px;
    }

    .page_box.news_box .news-title-box h2{
        font-size: 24px;
    }

    .page_box.news_box .news-card{
        padding: 30px 22px;
    }

    .page_box.news_box .news-list li a{
        display: block;
        position: relative;
        padding: 16px 28px 16px 0;
        font-size: 15px;
    }

    .page_box.news_box .news-list .date,
    .page_box.news_box .news-list .text,
    .page_box.news_box .news-list .arrow{
        display: block;
    }

    .page_box.news_box .news-list .date{
        width: auto;
        margin-bottom: 5px;
    }

    .page_box.news_box .news-list .arrow{
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -18px;
        width: auto;
    }
}


/* 創意OEM商品 */

 .aone-oem{
    text-align: center;
    background: url(../../images/customer/aone/6439a44e1ba631f201bef25e_Ocean-Time.webp) center bottom no-repeat;
    background-size: cover;
    height: 780px;
    color: #fff;
    padding: 60px 0;
    position: relative;
}

@media (max-width: 992px) {
    .aone-oem{ display: none; }
}

.aone-oem h1{
    font-size: clamp(54px, 5vw, 80px);
    font: bolder;
}
/* 初始狀態 */
[data-aos="stretch-pop"] {
  opacity: 0;
  transform: scaleX(1.25) scaleY(0.92);
  transform-origin: center;
}

/* AOS 進場後 */
[data-aos="stretch-pop"].aos-animate {
  opacity: 1;
  animation: stretchPop 0.85s cubic-bezier(.22, 1.4, .36, 1) forwards;
}

@keyframes stretchPop {
  0% {
    opacity: 0;
    transform: scaleX(1.25) scaleY(0.92);
  }
  55% {
    opacity: 1;
    transform: scaleX(0.96) scaleY(1.04);
  }
  75% {
    transform: scaleX(1.03) scaleY(0.98);
  }
  100% {
    opacity: 1;
    transform: scaleX(1) scaleY(1);
  }
}

.btn-orange{
    padding: 15px 30px;
    background: orangered;
    color: #fff !important;
    text-decoration: none !important;                
    font-size: clamp(18px, 5vw, 20px);
    border-radius: 5px;
}
.btn-orange:hover{
    padding: 15px 30px;
    background: rgb(223, 0, 112);
    color: #fff !important;
    text-decoration: none !important;                
    font-size: clamp(18px, 5vw, 20px);
}            

.elementor-slick-slider .slick-arrows-inside .slick-prev {
    left: 0
}

.elementor-slick-slider .slick-arrows-inside .slick-next {
    right: 0
}

.elementor-slick-slider .slick-dots-inside .slick-dots {
    bottom: 5px
}

.elementor-slick-slider .slick-dots-inside.slick-dotted {
    margin-bottom: 0
}

.jet-parallax-section__layout {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.jet-parallax-section__image {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    -webkit-background-size: auto auto;
    background-size: auto;
    background-position-x: 50%;
    background-position-y: 50%;
    will-change: transform
}

.jet-parallax-section .jet-parallax-section__scroll-layout:not(.is-mac) .jet-parallax-section__image {
    -webkit-transition: background-position 0s linear,-webkit-transform 0.5s cubic-bezier(0.25, 0.88, 0.54, 0.98);
    transition: background-position 0s linear,-webkit-transform 0.5s cubic-bezier(0.25, 0.88, 0.54, 0.98);
    -o-transition: transform 0.5s cubic-bezier(0.25, 0.88, 0.54, 0.98),background-position 0s linear;
    transition: transform 0.5s cubic-bezier(0.25, 0.88, 0.54, 0.98),background-position 0s linear;
    transition: transform 0.5s cubic-bezier(0.25, 0.88, 0.54, 0.98),background-position 0s linear,-webkit-transform 0.5s cubic-bezier(0.25, 0.88, 0.54, 0.98)
}

.jet-elements-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px;
    border: 4px rgba(0,0,0,0.15) solid;
    border-top-width: 4px;
    border-top-style: solid;
    border-top-color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: spCircRot .6s infinite linear;
    animation: spCircRot .6s infinite linear
}

.jet-parallax-section__image {
    transition: transform 0.35s ease-out;
}

@-webkit-keyframes spCircRot {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spCircRot {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}



/* Banner */
.diving-banner{
    position: relative;
    overflow: hidden;
    padding: 80px 0;
    color: #fff;
    background: url(../../images/customer/aone/6439a44e1ba631f201bef25e_Ocean-Time.webp) center top no-repeat; 
    background-size: cover;
}

/* 深色遮罩 */
.banner-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.35);
}

/* 內容 */
.diving-banner .container{
    position:relative;
    z-index:2;
}

/* 左右置中 */
.banner-flex{
    display:flex;
    align-items:center;
    text-align: center;
}

.banner-text h1{
    font-size:56px;
    font-weight:700;
    margin:0 0 15px;
}

.banner-text h2{
    font-size:34px;
    font-weight:700;
    margin:0 0 50px;
}
.banner-text p{
    padding: 0px 0px 0px 0px;
    text-align: center;
    font-family: "Noto Sans TC", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 28px;
    letter-spacing: 0.4px;
    color: #E8F065;
}

.feature-list{
    max-width:700px;
}

.feature-item{
    font-size: 16px;
    line-height:2.2;
    font-weight:600;
}

/* 產品圖 */
.banner-product img{
    max-width:420px;
    margin:auto;
}

/* =========================
動畫
========================= */

/* 初始狀態 */
.fade-top,
.fade-left,
.fade-right{
    opacity:0;
}

/* 上往下 */
.fade-top{
    transform:translateY(-80px);
    animation:fadeTop 1.2s ease forwards;
}

/* 左往右 */
.fade-left{
    transform:translateX(-100px);
    animation:fadeLeft 1.3s ease forwards;
    animation-delay:0.8s;
}

/* 右往左 */
.fade-right{
    transform:translateX(120px);
    animation:fadeRight 1.4s ease forwards;
    animation-delay:1.5s;
}

/* keyframes */
@keyframes fadeTop{
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes fadeLeft{
    to{
        opacity:1;
        transform:translateX(0);
    }
}

@keyframes fadeRight{
    to{
        opacity:1;
        transform:translateX(0);
    }
}

/* =========================
平板
========================= */
@media(max-width:991px){

    .banner-flex{
        display:block;
        text-align:center;
    }

    .banner-text h1{
        font-size:42px;
    }

    .banner-text h2{
        font-size:28px;
        margin-bottom:35px;
    }

    .feature-item{
        font-size:18px;
        line-height:2;
    }

    .banner-product{
        margin-top:50px;
    }

    .banner-product img{
        max-width:320px;
    }
}

/* =========================
手機
========================= */
@media(max-width:767px){
        
    .diving-banner{
        padding:60px 0;
        color: #fff;
        background: url(../../images/customer/aone/6439a44e1ba631f201bef25e_Ocean-Time.webp) center no-repeat;
        background-size: cover;
    }

    .banner-text h1{
        font-size:34px;
    }

    .banner-text h2{
        font-size:22px;
    }

    .feature-item{
        font-size:16px;
        line-height:1.9;
    }

    .banner-product img{
        max-width:240px;
    }
}







.video-banner{
    position:relative;
    width:100%;
    
    /* 響應式比例 */
    aspect-ratio:16/9;

    overflow:hidden;
    background:#000;
}

/* MP4 */
.video-bg{
    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:100%;

    object-fit:cover;

    z-index:1;
}

/* 深色遮罩 */
.video-overlay{
    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:100%;

    background:rgba(0,0,0,0.35);

    z-index:2;
}

/* 文字 */
.video-content{
    position:absolute;
    top:50%;
    left:50%;

    transform:translate(-50%,-50%);

    width:100%;

    z-index:3;

    text-align:center;

    color:#fff;

    padding:0 15px;
}

.video-content h1{
    font-size:clamp(34px,5vw,72px);
    font-weight:700;
    margin-bottom:15px;
}

.video-content h2{
    font-size:clamp(18px,2.5vw,36px);
    font-weight:600;
}



/* =========================
Banner
========================= */
.oem-banner{
    position: relative;
    width: 100%;
    min-height: 600px;
    padding: 60px 0;
    margin-top: 30px;
    /* aspect-ratio: 16 / 9; */
    /* overflow: hidden; */
    background-color: #ffffff83;
    --background-overlay: '';
}

/* =========================
MP4
========================= */
.oem-video{
    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:100%;

    object-fit:cover;

    z-index:1;
}

/* =========================
遮罩
========================= */
.oem-overlay{
    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:100%;

    /* background:rgba(255,255,255,0.25); */

    z-index:2;
}

/* =========================
內容
========================= */
.oem-container{
    position:relative;
    z-index:3;
    height:100%;
}

.oem-flex{
    display:flex;
    align-items:center;
    height:100%;
}

/* =========================
左側
========================= */
.oem-left{
    text-align:center;
}

.oem-logo{
    max-width:320px;
    margin:auto;
}

/* 按鈕 */
.oem-btn-wrap{
    margin-top:40px;
}

.oem-btn{
    display:inline-block;
    background:#ff7d4d;
    color:#fff !important;
    text-decoration:none !important;
    padding:18px 45px;
    font-size:24px;
    font-weight:700;
    border-radius:6px;
    transition:0.3s;
}

.oem-btn:hover{
    background: rgb(223, 0, 112);
}

/* =========================
右側
========================= */
.page_box ul.page-list li.list-item .thumbnail .caption .text ul li, 
.page_box ul.page-list li.list-item .thumbnail .caption p ul li, 
.oem-list > li{
    list-style-type: none !important;
}
.oem-right h2{                
    font-size: clamp(34px, 5vw, 54px);
    font-weight: bold;
    margin-bottom:40px;
    color: #1C244B;
}

.oem-list{
    list-style:none;
    padding:0;
    margin:0;
}

.oem-list li{
    font-size: clamp(20px, 5vw, 22px);
    line-height:2;
    font-weight: 500;
    color: #243172;
}

/* =========================
平板
========================= */
@media(max-width:991px){

    .oem-banner{
        aspect-ratio:auto;
        padding:80px 0;
    }

    .oem-flex{
        display:block;
        text-align:center;
    }

    .oem-right{
        margin-top:60px;
    }

    .oem-right h2{
        font-size:48px;
    }

    .oem-list li{
        font-size:24px;
        line-height:2;
    }

    .oem-logo{
        max-width:240px;
    }
}

/* =========================
手機
========================= */
@media(max-width:767px){

    .oem-banner{
        padding:60px 0;
    }

    .oem-right h2{
        font-size:36px;
        margin-bottom:25px;
    }

    .oem-list li{
        font-size:18px;
        line-height:1.9;
    }

    .oem-logo{
        max-width:180px;
    }

    .oem-btn{
        font-size:18px;
        padding:14px 30px;
    }
}






/* 聯絡我們內頁 */

/* 完成訊息區 */
.page_box.contact_box .contact-finish-box{
    text-align:center;
    padding:60px 30px;
    border-radius:8px;
    margin:40px auto;
}

/* icon */
.page_box.contact_box .contact-finish-box i{
    font-size:72px;
    color:#4285f4;
    margin-bottom:25px;
    display:block;
}

/* 主標 */
.page_box.contact_box .finish-title{
    font-size:34px;
    color:#333;
    margin-bottom:15px;
    font-weight:500;    
}

/* 文字 */
.page_box.contact_box .finish-text{
    font-size:22px;
    color:#666;
    line-height:1.8;
    margin:0;
}


/* 手機版 */
@media (max-width:767px){

    .page_box.contact_box .contact-finish-box{
        padding:40px 20px;
    }

    .page_box.contact_box .contact-finish-box i{
        font-size:56px;
    }

    .page_box.contact_box .finish-title{
        font-size:26px;
    }

    .page_box.contact_box .finish-text{
        font-size:18px;
    }

}