@charset "UTF-8";
.container {
    width: 95%;
    margin: 0 auto; 
} 

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

@media (max-width: 992px) {
    body {
        width: 100%;
    }
    .container {
        width: 100%; 
    } 
}

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

nav.bootsnav.lingnavbar .pageheader.pageheader_ling a {
  position: absolute;
  color: #fff;
  background-color: #1479C9;
  right: 0;
  border-radius: 50px;
  padding: 30px 30px 5px 30px;
  z-index: 11;
  top: -28px;
}
nav.bootsnav.lingnavbar .pageheader.pageheader_ling .isoimg{
  position: absolute;
  right: 0;
  top:30px;
  width: 40%;
  margin: 0 0 0 auto;
}
.pageheader.pageheader_ling img { 
  padding-right: 15px;
  width:100%;
}


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

nav.navbar.bootsnav.lingnavbar {	
  box-shadow: none;  
} 

nav.bootsnav.lingnavbar .navbar-brand {
    position: absolute;
    width: 55%;
    left: 30px;
    top: 10px;
    height: 80px;
    background: url(../../images/customer/kingcooler/logo2.png) left top no-repeat;
    padding: 0;
    background-size: contain;
}

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


@media (min-width: 993px){ 
  
  nav.navbar.bootsnav.lingnavbar .navbar-collapse.navbar-ling form.left-search {
     margin-top: 6px;
     margin-right: 15px;
  }
  
  nav.navbar.bootsnav.lingnavbar .navbar-collapse.navbar-ling {
    width: 100%;
    position: relative;    
    float: left; 
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background: #1479C9
   }
  nav.navbar.bootsnav.lingnavbar .navbar-collapse.navbar-ling .lingnav {   
    float: right; 
    padding-left: 30px;
    padding-right:15px;
  }  


  nav.bootsnav.lingnavbar ul.nav > li > a {
    padding: 15px 15px;
    color: #fff; 
    font-weight: bold;
    position: relative;
  }

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

  /* nav.bootsnav.lingnavbar ul.nav > li > a:before{
    position: absolute;
    height: 20px;
    left: 0;
    display: inline-block;
    content: '';
    border-right: 1px solid #555;
  } */

  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: #1479C9 !important;
  }

  nav.bootsnav.lingnavbar ul.nav li h6 {
    font-weight: bold;
    font-size:1.2em;
  }


  nav.navbar.bootsnav li.dropdown ul.dropdown-menu li a {           
      /* border-bottom: solid 1px #eee; */
      color:#6f6f6f;
      padding: 15px 20px;
      margin: 0px;
      font-weight: 600;
      display: inline-block;
      width: 100%;
    }
  


  nav.bootsnav.lingnavbar .attr-nav > ul > li.text > a {
    max-width: 550px;
    padding: 0 15px;
    margin: 60px 0 20px 0;
  }

  nav.bootsnav.lingnavbar .attr-nav > ul > li.text > a img {
    width: 100%;
  }

  nav.bootsnav.lingnavbar .attr-nav ul li.search a {
    padding: 18px 15px;
    color:#2467B4;
    display: none;
  }

  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: #1479C9;
  }
  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 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;
    top:0;
  }  
  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-collapse {
    position: absolute;
  } */

  nav.navbar.bootsnav.lingnavbar .navbar-toggle {
    background-color: transparent;
    color: #1479C9;
    top: 10px;
  }
  nav.navbar.lingnavbar .attr-nav > ul > li > a {
    color: #1479C9;;
    padding: 22px 20px;
  }

  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,
  /* .attr-nav > ul > li > a:hover,
  .attr-nav > ul > li > a:focus, */
  .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: 768px){ 
  nav.bootsnav.lingnavbar .navbar-brand {
    position: relative;
    width: 70%;
    top: 5px;
    left: 0;
    height: 70px;
    background: url(../../images/customer/kingcooler/logo2.png) center no-repeat;
    padding: 0;
    background-size: contain;
  }
  nav.navbar.lingnavbar .navbar-brand:after{
    display: none;
  }
}

@media (max-width: 568px){
    nav.bootsnav.lingnavbar .navbar-brand {
        width: 70%;
        height: 70px;
        background: url(../../images/customer/kingcooler/logo.png) center no-repeat;
        padding: 0;
        background-size: contain;
        left: 0;
        right: 0;
    }
  nav.navbar.lingnavbar .navbar-brand:after{
    display: none;
  }

  nav.bootsnav.lingnavbar .attr-nav ul li a {
    padding: 20px 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 {
  border-radius: 10px;
  overflow: hidden;
  margin: 15px 0 30px 0px;
}

.home_main_container img {
  width: 100%;
}

/* 首頁標題================================== */
.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;
}



section.home .box-6-newproducts .owl-nav, 
section.home .box-6-category .owl-nav {
  position: absolute;
  right: 0;
  top: -42px;
}
@media (max-width: 568px) {
  section.home .box-6-newproducts .owl-nav, 
  section.home .box-6-category .owl-nav {
    position: relative;
    right: 0;
    top: inherit;
  }
}


.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: #cee9ff;
  color: #333;
  position: relative;
}

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

@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: #333
}

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


/* 內頁 - 各自樣板調整 =========================================== */
 

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

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