@charset "UTF-8";

html {
    font-size: calc(14px + 0.3vw);
}

body {
    font-size: 1rem !important;
    line-height: 1.6 !important;
}

h1 { font-size: 2.2rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.25rem; }
h5 { font-size: 1rem; }
p, li, a, span, div, input, select, textarea, button {
    font-size: 1rem !important;
}

.container {
    max-width: 1680px;
    margin: 0 auto; 
    width: 90%;
} 

.container .col-md-9.ling-right {
    min-height: calc(70vh); 
}

@media (max-width: 992px) {
    .container {
      max-width: 100%;
      width: 100%;
    } 
}
/* @media (min-width: 1200px) {
    .container {
        width: 1280px;
    }
} */

/* .page_box a {
  color: #2467B4;
  text-decoration: none; 
}
.page_box a:hover {
  color: #2467B4; 
} */

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

.page_box .page-header h1 {
  color: #2467B4;
}
.page_box.product1_box .page-header h1 {
  margin: 0px;
  color: #2467B4;
}

/* 按鈕-重要 */
/* .btn-primary{
  color:#fff !important;
  background-color:#2467B4 !important;
  border-color:#2467B4 !important;
} */

/* 按鈕-次要淡色 */
.btn-info{
  background-color: #9D9D9D !important;  
  border-color:#9D9D9D !important;
  color:#fff !important;
}

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



article.ling-right .part_breadcrumb .menu_bread_crumb div a{
  /* color: #0099FF; */
}



.h4, .h5, .h6, h4, h5, h6 {
  font-weight: initial;
  line-height: initial;
  margin-top: 0;
}

.page_box ul.home li.item:before,
.page_box ul.home li a span {
  color: #333; 
}

.page_box ul.page li a,
.page_box ul.page li a span {
  color: #333; 
}
 

.pageheader.pageheader_ling{ 
  background: #1B63AE;
  color: #fff;
}


/* 頁頭選單 ======================================================= */
body.home nav.navbar.bootsnav.lingnavbar {
  border: none;
}

.wrap-sticky nav.navbar.bootsnav.sticked {
    box-shadow: 0px 3px 6px #00000070;
}

nav.navbar.bootsnav.lingnavbar {	
  box-shadow: none;  
} 
nav.bootsnav.lingnavbar .navbar-header {
  width: initial;
  position: relative !important;
}

nav.bootsnav.lingnavbar .navbar-brand {
  position: relative;
  width: 386px;
  height: 69px;
  background: url(../../images/customer/guoge/logo2.png) left top no-repeat;
  margin: 15px 0;
}

nav.bootsnav.lingnavbar .navbar-brand img{
  width: 100%;
  display: none;
}

@media (min-width: 993px){ 

  nav.navbar.bootsnav.lingnavbar .navbar-nav {
    width: 100%;
    text-align: center;
  }
  nav.navbar.bootsnav.lingnavbar .navbar-nav > li {
    float: none;
    display: inline-block;
  }

  nav.navbar.bootsnav.lingnavbar .nav_box2{
    background: #1B63AE;    
  }
  
  nav.navbar.bootsnav.lingnavbar .navbar-collapse.navbar-ling form.left-search {
     margin-top: 6px;
     margin-right: 15px;
  }
  

  nav.bootsnav.lingnavbar ul.nav > li > a {
    padding: 15px 30px;
    color: #fff;
    font-size: 1.1em;
  }

  nav.bootsnav.lingnavbar ul.nav > li > a:hover{
    color: #00fff2;
  }

  nav.bootsnav.lingnavbar ul.nav li:nth-child(1) a:before {    
    border-right: none !important;
  }
  
  nav.navbar.lingnavbar li.dropdown ul.dropdown-menu {
    border-top-color: #1B63AE !important;
  }

  nav.bootsnav.lingnavbar ul.nav li h6 {
    font-weight: bold;
    font-size:1.2em;
  }
  nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
    width: auto; 
    min-width: unset;
  }
  
  nav.navbar.bootsnav li.dropdown ul.dropdown-menu li{
    width: 100%;
  }

  nav.navbar.bootsnav li.dropdown ul.dropdown-menu li a {      
      color:#6f6f6f;
      padding: 10px 20px !important;
      margin: 0px;
      font-weight: 600;
      display: inline-block;
      width: 100%;
      white-space: nowrap; 
    }
  

  nav.bootsnav.lingnavbar .attr-nav > ul > li > a {
    padding: 39px 15px;
    font-size: 20px !important;
    color: #1B63AE;
    display: inline-block;
    position: relative;
  }
  nav.bootsnav.lingnavbar .attr-nav > ul > li > a:before {
    border: 1px solid #1B63AE;
    width: 32px;
    height: 32px;
    border-radius: 50px;
    content: '';
    position: absolute;
    left: 9.5px;
    top: 36px;
  }
  nav.bootsnav.lingnavbar .attr-nav > ul > li.top-mail:before {
    content: 'www.kingcooler.com.tw';
    color: #1B63AE;
    margin-right: 15px;
    font-size: 1.2em;
  }
  
  i.fa.fa-volume-control-phone {
    transform: rotate(-15deg);
    margin-left: 3px;
  }

  nav.bootsnav.lingnavbar .top-search {
    top: 80px;
    border-radius: 8px; 
  }

  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.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 {
    color: #2467B4;
  }
  
  nav.navbar ul li.dropdown.on > a {
    color: #00fff2;
  }

  nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
    box-shadow: 2px 2px 5px grey; 
    border-radius: 5px;
  }

}


@media (max-width: 1200px){ 
  nav.navbar.bootsnav.lingnavbar .navbar-collapse.navbar-ling form.left-search {
    width: 200px;
 }
}

@media (max-width: 992px){ 
  nav.bootsnav.lingnavbar .pageheader.pageheader_ling {
    background: #1B63AE;
  }
  nav.bootsnav.lingnavbar .pageheader.pageheader_ling a {
    position: inherit;
    color: #fff;
    background-color: initial;
    right: 0;
    border-radius: 0;
    padding: 3px 15px;
    z-index: initial;
    width: 100%;
    top: 0;
  }

  nav.navbar.bootsnav.lingnavbar .navbar-collapse.navbar-ling form.left-search {
    display: none;
 }

  nav.navbar.bootsnav.navbar-sticky.lingnavbar .navbar-nav.lingnav{
    background: #2467B4;  
  }

  nav.navbar.bootsnav .navbar-nav > li{
    width: 100% !important;
  }
  nav.navbar.bootsnav li.dropdown ul.dropdown-menu li a {           
    border-bottom: solid 1px #eee;
    width: 100%;
    padding: 10px 0;
    display: inline-block;
  }

  nav.navbar.bootsnav.navbar-sticky.lingnavbar .pageheader_ling {
    text-align: center;
  }

    
  nav.bootsnav.lingnavbar .navbar-brand {
    position: relative;    
    width: 386px;
    height: 69px;
    top: 2px;
    left: 0;
    height: 70px;
    background: url(../../images/customer/guoge/logo2.png) center no-repeat;
    padding: 0;
    background-size: contain;
  }  
  nav.bootsnav.lingnavbar .navbar-brand img{
    display: none;
  }

  nav.bootsnav.lingnavbar .top-search {
    top: 103px;
  }
  
  nav.bootsnav.lingnavbar .attr-nav {
    right: 40px;
  }
  nav.bootsnav.lingnavbar .attr-nav > ul > li.text{
    display: none;
  }
  
  nav.navbar.bootsnav.lingnavbar .navbar-toggle {
    background-color: transparent;
    color: #1B63AE;
    top: 10px;
  }
  nav.navbar.lingnavbar .attr-nav > ul > li > a {
    color: #1B63AE;
    padding: 23px 15px 23px 0;
    font-size: 28px !important;
  }

  nav.navbar.bootsnav ul.nav li a,
  nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
    color: #fff;
  }
  
  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: #0099FF; */
    color: #00fff2; 
  }

  nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover {
    /* background-color: #0099FF; */
    color: #00fff2; 
  }

}


@media (max-width: 992px){ 
  nav.bootsnav.lingnavbar .navbar-brand {
      width: 70%;
      height: 69px;
  }
}


@media (max-width: 568px){ 
  nav.navbar.lingnavbar .attr-nav > ul > li > a {
    padding: 23px 5px 23px 0;
  }
}




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

  /* 左選單 */ 
  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;
  }
  
}














/* 首頁幻燈片 */
.home_main_container {
  background: #000;
  text-align: center;
}

.home_main_container img {
  max-width: 100%;
  width: 1680px;
}

/* 只作用在電腦版 */

@media (min-width: 992px) {

    /* 讓整個卡片變成彈性盒 */
    body.home .thumbnail {
        display: flex;
        flex-direction: column;
        height: 100%;
        /* max-height: 350px; */
    }

    /* 固定圖片區高度 */
    body.home .thumbnail .pic-box {
        height: 300px;   /* 你可以改 140 / 180 */
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    /* 圖片等比例縮放 */
    body.home .thumbnail .pic-box img {
        max-height: 100%;
        width: auto;
    }

    body.home .thumbnail .pic-box img:hover {
        transform: scale(1.1);
        transition: 0.3s;
    }

    /* 文字區撐滿剩下空間 */
    body.home .thumbnail .caption {
        flex-grow: 1;
        display: flex;
        align-items: center; /* 垂直置中 */
        justify-content: center;
        text-align: center;
    }


    body.home .owl-item .item{
      height: 100%;
    }
}
    /* 標題限制行數（避免撐高） */
    body.home .thumbnail .caption h3 {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-weight: bold;
    }

/* 首頁標題================================== */
.hi_box {
  position: relative;
}

.hi_box > .h3{
  color: #0066CC;
}
.hi_box .btn {
  color: #0066CC;
}


 /* 內頁共用標題 */
 /* 系統頁 */
 article.ling-right .page_box .page-header {
   border-bottom:none;
 }
 article.ling-right .page_box .page-header h1 {
  color:#2467B4;
 }

 /* 首頁產品跑馬燈 */
 .page_box.home_box .box-6-newproducts .thumbnail .pic-box img{ 
   max-height: 165px;
   width: 100%;
   margin:0 auto;
 }


 /* 首頁最新消息 */


/* 最新消息 首頁+內頁 */
.home_box .about_box .btn.btn-s {
  background-color: #337ab7 !important;
  color:#fff;
  border: none;
  padding: 3px 15px; 
}

.page_box.about_box .btn.btn-info,
.page_box.news_box .btn.btn-info{  
  background-color: #337ab7 !important;
  border:none;
}

.page_box.about_box .ling-nav a{
  background: #f2f2f2;
  color: #333333;
}
.page_box.about_box .ling-nav a::before{
  content:"\f115";
  font-family:'FontAwesome';
}

/* .page_box ul.page li a span
.page_box ul.over-hidden li.item a */
.page_box ul.page li a {
  color: #666;
}
.page_box ul.page li a span {
  color: #06C;
}


.page_box.news_box .page .item a small:before {
  content: "\f0a1";
  font-family: 'FontAwesome';
  color: #06C;
  font-size: 1.2em;
}
/* .page_box.news_box .page .item a small img {
  display: none;
} */


/* ok  */
.page_box ul.page li.item:before,
.page_box ul.page li a span,
.page_box.news_box .news-item span {
  color: #06C; 
}
.page_box.news_box .news-item {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
}


.page_box.home_box .box-6-newproducts{
  margin-bottom: 30px;
}



.page_box.home_box .box-6-category .list-item-0 a.thumbnail,
.page_box.home_box .box-6-newproducts .list-item-0 a.thumbnail { 
  border:1px solid #CCC;
  overflow: hidden;
  border-radius: 5px;  
}
.page_box.home_box .list-item-0 a.thumbnail img{
  width: 100%;
}

.page_box.home_box .box-6-newproducts a.thumbnail .caption,
.page_box.home_box .box-6-category a.thumbnail .caption{
  padding: 6px 3px;  
  text-align: center;
}
.page_box.home_box .box-6-newproducts .thumbnail .no-over,
.page_box.home_box .box-6-category .thumbnail .no-over {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow: none; 
  font-size: 1em;
  font-weight: inherit;
  margin-bottom: 0;
}


footer {
  background: #1B63AE;
  position: relative;
  padding: 15px 0;
}

footer > address{
  position: relative;
  color: #fff;
}
footer > address:after{
  display: none !important;
  content: '';
  background:#fff url(../../images/customer/guoge/iso.jpg) center no-repeat;
  background-size: 70%;
  border-radius: 50px;
  position: absolute;
  right:15px;
  top: 30px;
  width: 300px;
  height: 60px;
}

footer address .footer_name {
    font-size: 1.5em;
}

@media (max-width: 992px) {
  footer > address:after{   
    display: inline-block; 
    position: relative;    
    right: initial;
    height:40px;
    width: 100%;
    top:15px;
    margin-bottom: 15px;
  }
}

footer div > span + span {
  padding-left: 15px;
}

@media (max-width: 568px) {
  footer div > span {
    padding-left: 0;
    display: inline-block;
    width: 100%;
  }
  footer div > span + span {
    padding-left: inherit;
  }
  footer {
    text-align: left
  }
}

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

footer address div:nth-child(1) {
  font-size: 1.3em;
  font-weight: bold;
}



/* 產品圖外框線 */
.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 #ccc;
  color:#337ab7;
  padding:0;
  box-shadow: 3px 3px 10px #999;  
  display: inline-block;
}


@media (min-width: 993px) {
  .page_box ul.page-list li.list-item-0{
    width: 33%;
  }
}
/* 內頁 - 各自樣板調整 =========================================== */
 

/* 通樣板面調整 =============================================== */

.page_box  #tb_box th{
  background-color: #0066CC;
}

/* lyn-jkledu-tail-caly */
.page_box.classify15_box #tb_box table .pic,
.page_box.classify15_box #tb_box table .pro_name,
.page_box.classify15_box #tb_box table .pro_remark,
.page_box.classify15_box #tb_box table .td-link-down{
  display: none;
}

.page_box.classify15_box #tb_box table td{
  text-align: center;
}

table .pro_no:before {
  content: 'Model No.';
}
table .pro_no>span{
  display: none;
}

@media (max-width: 768px) {
  .page_box.classify15_box #tb_box table td{
    text-align: left;
  }
}


.product_box {
  background: #000;
  min-height: 325px;
}

.solution-section {
  padding: 60px 0;
    background-color: #BECFEB;
    background-image: url('../../images/customer/guoge/home_solution_dod.webp');
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.solution-subtitle {
  color: #000;
  margin-bottom: 0;  
  letter-spacing: 2px;
  font-weight: bold;
}
.solution-title {
  font-weight: 700;
  margin-bottom: 6px;
  font-size: 67px;
  color: #163690;
  line-height: 100%;
  letter-spacing: 2px;
}


.solution-item {
  padding: 30px 15px;
  margin-bottom: 30px;
  min-height: 326px;
  text-align: left;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 3px 3px 6px #666;
}

.solution-item h4 {
  margin-top: 15px;
  font-weight: 600;
  color: #1963AC;
  margin-bottom: initial;
}

.solution-item img{
  margin: 0px auto 30px 0;
}

.solution-item small {
  color: #646472;
  font-size: 13px;
  margin-top: 5px;
}
.solution-item small:after {
  content: '';
  width: 100px;
  height: 3px;
  background: #1963AC;
  display: block;
  margin-bottom: 6px;
}

.solution-icon {
  padding: 15px 60px;
}


.about-section h3{
  color: #535362;
}

.about-section {
  padding: 80px 0;
}

.about-subtitle {
  display: block;
  margin-bottom: 0;
  color: #666;
}

.about-title {
  color: #1B63AE;
  /* font-size: 42px; */
  font-weight: 700;
  margin-bottom: 0;
}

.about-title small {
  color: #ff8a00; /* Kingcooler 橘 */
}

.about-slogan {
  color: #1B63AE;
  font-weight: 600;
  margin-bottom: 20px;
}

.about-content p {
  color: #555;
  line-height: 1.8;
  margin-bottom: 15px;
}

.btn-about {
  margin-top: 15px;
  padding: 10px 26px;
  background: #bfeeff;
  color: #1B63AE;
  border-radius: 6px;
  border: none;
}

.btn-about:hover {
  background: #1B63AE;
  color: #fff;
}

.about-image img {
  margin-top: 20px;
}