@charset "UTF-8";


@media (min-width: 1200px) {
  .container {
    width: 95%;
    max-width: 1450px; 
    margin: 0 auto; 
  }
}
@media (max-width: 992px) {
  .container {
    width: 100%;
  }
}

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


.page_box a {
  color: #333;
  text-decoration: none; 
}



/* 按鈕============================================== */
.btn-primary{
  color:#fff !important;
  background-color:#9E0600 !important;
  border-color:#9E0600 !important;
}
.btn-primary:hover{
  color:#fff !important;
  background-color:#790000 !important;
  border-color:#790000 !important;
}

.btn-info{
  color:#fff !important;
  background-color:#FF4000 !important;
  border-color:#FF4000 !important;
}

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

/* 麵包屑路徑 */
article.ling-right .part_breadcrumb * {
  color: #555;
}
article.ling-right .part_breadcrumb:before {
  content: 'Path > ';
  float: left;
  padding-right: 6px;
  color: #555;
}



/* 首頁形象圖======================== */
.home_main_container {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fdc348+0,ffffff+100 */
  background: #fdc348; /* Old browsers */
  background: -moz-linear-gradient(top, #fdc348 10%, #ffffff 70%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fdc348 10%,#ffffff 70%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fdc348 10%,#ffffff 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdc348', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.home_main_container img {
  width: 100%;
}

/* 首頁下主題 ======================== */
.page_box ul.page li.item:before,
.page_box ul.page li a > span,
.page_box.news_box .news-item span {
  color: #9E0600;
}

/* 首頁產品名稱過長 */
section.home .box-6-newproducts  h2.no-over { 
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}

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


@media (max-width: 568px) {
  .page_box .page-list .list-item-0 {
    width: 100% !important;
  }
}


.page_box ul.page-list .list-item .thumbnail .caption h2,
.page_box ul.page-list .list-item .thumbnail .caption h3 {
  font-weight: bold !important;
  color:#9E0600;
}



@media (min-width: 993px) {
  .wrap-sticky {
    min-height: 145px;
  }

  .pageheader_ling a{
    padding: 50px 60px 3px 60px;
    background: #FF4000;
    color: #fff;
    border-radius: 0px 0 40px 40px;
    display: inline-block;
    margin-top: -58px;
  }

  nav.navbar.bootsnav.lingnavbar {
    border: none;
    box-shadow: none;  
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9f0005+0,c40109+100 */
    background: #9f0005; /* Old browsers */
    background: -moz-linear-gradient(top, #9f0005 0%, #c40109 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #9f0005 0%,#c40109 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #9f0005 0%,#c40109 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f0005', endColorstr='#c40109',GradientType=0 ); /* IE6-9 */
  }
  
  nav.bootsnav.lingnavbar .navbar-brand {    
    width: 542px;
    height: 99px;
    position: absolute;
    top:-29px;
    padding: 0;
  }
  nav.bootsnav.lingnavbar .navbar-brand img {
    width: 100%;
  }
  nav.navbar.bootsnav.lingnavbar .top-icon-box:before{
    content: '';
    display: block;
    background: #FCC753;
    box-shadow: 2px 2px 2px #510D04;
    height: 3px;
    width: 100%;    
  }

  nav.navbar.bootsnav.lingnavbar .top-icon-box {    
    position: inherit;
    width: 100%;
    background:#9E0700;
  }

    /* 選單置中 */
    nav.navbar.bootsnav.lingnavbar ul.nav.navbar-nav {
      width: 100%;
      text-align: center; 
    }
    nav.navbar.bootsnav.lingnavbar ul.nav.navbar-nav > li {
      float: none;
      display: inline-block !important;
    }
  

  nav.navbar.bootsnav.lingnavbar ul.nav > li > a {
    color: #fff;
    padding: 15px 15px;    
    text-shadow: 2px 2px 3px #333;
  }
  
  nav.navbar.bootsnav.lingnavbar .attr-nav > ul > li > a{
    color: #fff;
    padding: 19px 15px;
  }
  
  nav.navbar.bootsnav.lingnavbar .attr-nav > ul > li.text-h1 {
      width: 370px;
      padding-top: 12px;
      padding-right: 30px;
      color: #fff;
      font-style: italic;
  }

  nav.bootsnav.lingnavbar ul.nav li ul.dropdown-menu.megamenu-content a {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    margin-bottom: 8px;
    padding: 0;
    border-radius: 5px;
    color: #333;
  } 

  nav.bootsnav.lingnavbar ul.nav li ul.dropdown-menu.megamenu-content a img, 
  nav.bootsnav.lingnavbar ul.nav li ul.dropdown-menu.megamenu-content a span {
    float: left;
    display: inline-block;
    text-align: left;
    font-size: 16px;
    font-weight: initial; 
  }
  nav.bootsnav.lingnavbar ul.nav li ul.dropdown-menu.megamenu-content a img {
    width: 70px;
    height: 70px;
    border-radius: 5px; 
  }
  nav.bootsnav.lingnavbar ul.nav li ul.dropdown-menu.megamenu-content a span {
    padding-left: 15px; 
  }
  nav.bootsnav.lingnavbar ul.nav li ul.dropdown-menu {
    border-top-color: #D90000 !important; 
    background-color: #fff;
  }

  nav.bootsnav.lingnavbar .top-search {
    width: 280px;
    margin: 0 0 0 auto;
    position: absolute;
    right: 0;
    top: 80px;
    padding: 6px 15px;
    border-radius: 8px;
    background-color: #333;
    box-shadow: 3px 3px 6px #000;
    z-index: 22;
  }


  nav.navbar.bootsnav.lingnavbar  ul.nav > li.dropdown.on > a{
    color: #fff !important;
  }

}


nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover {
  background-color: transparent;
  color:#9E0700;
}

nav.navbar.navbar-transparent ul.nav > li > a:hover,
nav.navbar.no-background ul.nav > li > a:hover,
nav.navbar ul.nav li.scroll.active > a,
nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu > li > a:hover,
nav.navbar ul.nav li.dropdown.on > a,
nav.navbar-dark ul.nav li.dropdown.on > a {
  color: #9E0700 !important; 
}

nav.bootsnav.lingnavbar ul.nav li ul.dropdown-menu.megamenu-content a:hover,
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover,
nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:hover,
nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:focus {
  background-color: #f0f0f0;
  color: #9E0700;
}



@media (max-width: 992px) {

  .pageheader_ling a{
    background: #FF4000;
    color: #fff;
    display: block;
    text-align: center;
  }
  
  nav.bootsnav.lingnavbar{    
    margin-bottom: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    border: none;
    z-index: 9999;
    background-color: #9E0700;
  }
  
  nav.navbar.bootsnav.lingnavbar .attr-nav > ul > li.text-h1{
    display: none !important;
  }

  nav.navbar.bootsnav.lingnavbar .navbar-collapse.navbar-ling{
    left: 0;
    position: absolute;
    background-color: #9E0700;
  }

  
  nav.navbar.bootsnav.lingnavbar ul.nav > li > a {
    padding: 12px 8px;
  }

  nav.bootsnav.lingnavbar ul.nav li ul.dropdown-menu.megamenu-content a:hover,
  nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover,
  nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:hover,
  nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:focus {
    background-color: transparent
  }

  nav.bootsnav.lingnavbar .navbar-brand{
    background: url(../../images/customer/kei/logo.png) center 3px no-repeat;
    background-size: contain;
    height: 65px;
    top: 0;
  }

  nav.bootsnav.lingnavbar ul.nav li a {
    color:#fff; 
    display: inline-block;
    font-weight: bold;
  }

  nav.bootsnav.lingnavbar ul.nav li ul.dropdown-menu li a {
    padding: 10px 10px;
    line-height: 100%;
  }
  nav.bootsnav.lingnavbar .navbar-toggle,
  nav.navbar.bootsnav.lingnavbar .attr-nav > ul > li > a{
    color: #fff;
  }
  

  nav.bootsnav.lingnavbar ul.nav li ul.dropdown-menu.megamenu-content a img{
    width: 60px;
    display: inline-block;
    border-radius: 5px;
  }     
  nav.bootsnav.lingnavbar ul.nav li ul.dropdown-menu.megamenu-content a span{
    width: 70%;
    display: inline-block;
    line-height: 120%;
    vertical-align: middle;
  }


  nav.bootsnav.lingnavbar .top-search {
    top: 70px;
  }    
 
  nav.navbar.navbar-transparent ul.nav > li > a:hover, 
  nav.navbar.no-background ul.nav > li > a:hover, 
  nav.navbar ul.nav li.scroll.active > a, 
  nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu > li > a:hover, 
  nav.navbar ul.nav li.dropdown.on > a, nav.navbar-dark ul.nav li.dropdown.on > a {
    color: #3cffe8 !important;
}

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


}

@media (max-width:768px) {
  nav.bootsnav.lingnavbar .navbar-brand{
    background-size: contain;
    height: 70px;
    top: 0;
  }
  nav.navbar.bootsnav.lingnavbar .attr-nav > ul > li > a{
    padding: 22px 0 22px 15px;
  }
  nav.navbar.bootsnav.lingnavbar .navbar-toggle{
    margin-top:15px;
  }
  
}

@media (max-width:568px) {  
  nav.bootsnav.lingnavbar .navbar-brand{
    background-size: contain;
  } 
}


/* 左選單 */
@media (min-width: 992px) {
  .ling-left .left-search {
    display: none;
  }

  aside.ling-left .nav-left ul.category-1 .h3 {
    color: #666666;
  }
  aside.ling-left .nav-left ul.category-1 .h3 > span {
    color: #9E0600;
  }
  aside.ling-left .nav-left ul.category-1 .h3:before {
    content: "\f013";
    font-family: 'FontAwesome';
    color: #9E0600;
    padding-right: 10px;
  }
  aside.ling-left .nav-left ul.category-1 > li > a:before{
    display: none
  }

  aside.ling-left .nav-left ul.category-1 > li > a {
    padding: 6px 30px;
    border:1px solid #F9CBAC;
    display: block;
    width: 100%;
    background: #F9CBAC;
    color: #700001;
    border-radius: 5px;
    font-weight: bold;
  }
  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: #9E0600;
    transition: all .3s;
    color: #fff;
    border:1px solid #9E0600;
  }
  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;
  }

}




/* 首頁標題================================== */
.hi_box > h3 {
  position: relative;
  line-height: 100%;
}
.hi_box > h3:before {
  content: "\f013";
    font-family: 'FontAwesome';
    color: #9E0600;
    padding-right: 10px;
}


.hi_box > h3 {
  color: #666666;
}
.hi_box > h3 > span {
  color: #9E0600;
}

.hi_box .btn {
  color: #9E0600;
}

/* 最新消息 首頁+內頁 */
.page_box.home_box .about_box .btn {
  background-color: #FF4000;
  color: #fff;
  border: none;
  padding: 3px 15px;
  margin-bottom: 15px;
}
.page_box.home_box .about_box .btn::before{
  content: "\f101";
  font-family: 'FontAwesome';
  display: inline-block;
}
.page_box.home_box .about_box .text {
  display: -webkit-box;
  /* -webkit-line-clamp: 3; */
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}

@media (max-width: 1280px) {
  .page_box.home_box .about_box .text {
    -webkit-line-clamp: 5;
  }
}
@media (max-width: 768px) {
  .page_box.home_box .about_box .text {
    -webkit-line-clamp: 4;
  }
}

.page_box.about_box .ling-nav {
  margin-bottom: 15px;
}
.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 .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,
section.home .box-6-newproducts .item a.thumbnail {  
  border:1px solid #ccc;  
  color:#9E0600;
  padding:0;
  box-shadow: 3px 3px 10px #999;  
  display: inline-block;
}



#introblocks{
  display:block; 
  position:relative; 
  margin:0; 
  z-index:1; 
  text-align:center;
}


#introblocks figure{ 
  display:block; 
  position:relative; 
  /* max-width:348px;  */
  text-align:center;
  margin-bottom: 1em;
}
#introblocks figure figcaption{ 
  display:block;
  position:absolute; 
  overflow: hidden;
  bottom:0px; 
  width:100%; 
  padding: 8px 20px;  
  background-color: rgba(0, 0, 0, 0.779);
}

#introblocks figure figcaption *{margin:0; padding:0;}

#introblocks figure figcaption div{
  padding:0 0 0px 0;
  color: #fff;
  max-height: 20px; 
  line-height: 125%;
  overflow:hidden; 
  transition:max-height .6s cubic-bezier(0, 1, 0, 1) -.1s;
}

#introblocks figure:hover figcaption div{
  max-height: 1200px; 
  transition-timing-function:cubic-bezier(0.5, 0, 1, 0); 
  transition-delay:0s;
  line-height: 125%;
}

/* #introblocks figure figcaption .heading{ padding:20px 0; font-size:1.2rem; font-weight:700; line-height:1;} */

#introblocks img{ width:auto; max-width:100%; height:auto; margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}

#introblocks .imgover{display:block; position:relative; max-width:100%; border: 1px solid #ddd; border-radius:10px; overflow: hidden;}
#introblocks .imgover:hover::before {
  background-color: rgba(255, 213, 97, 0.3);
  -webkit-transition:0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; 
}

#introblocks .imgover::before, #introblocks .imgover::after{
  display:block; 
  position:absolute; 
  content:"";
  text-align:center; 
  opacity:0;
}

#introblocks .imgover::before{
  top:0; 
  right:0; 
  bottom:0; 
  left:0;
}

/* #introblocks .imgover::after{
  top:50%; 
  left:50%; 
  width:50px; 
  height:50px; 
  line-height:50px; 
  margin:-25px 0 0 -25px; 
  font-family:"FontAwesome"; 
  font-weight:900; 
  content:"\f067"; 
  font-size:28px;
  color: #fff;
} */

#introblocks .imgover:hover::before, 
#introblocks .imgover:hover::after{
  opacity:1;
}




@media (max-width: 1280px) {
  #introblocks figure figcaption{ 
    padding:0 3px;  
    font-size: 0.85em;
  }  
}
@media (max-width: 992px) {
  #introblocks figure figcaption{     
    padding: 8px 20px;
    font-size: 1em;
  }  
}
 

/* 跑馬燈 */
section.home .box-6-newproducts .owl-nav {
  position: absolute;
  right: 0;
  top: -42px;
}
section.home .box-6-newproducts .no-over { 
  display:block;
  white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow: ellipsis; 
}

section.home .box-6-category{
  border-left: 1px dotted #9E0600;
}
@media (max-width: 768px) {
  section.home .box-6-newproducts .owl-nav {
    position: initial;
    top: initial;
  }
  section.home .box-6-newproducts{
    margin-bottom:2em;
  }
  section.home .box-6-category{
    border-left: none;
  }
}



footer {
  padding:15px 0;
  color: #fff;
  background-color: #9E0600;
}

@media (max-width: 568px) {
  footer:before {
    padding: 3px 6px;
    font-size: 0.8em;
  }
}

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

footer address .cname {
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 0;
}

footer div span + footer div span:before {
  padding-right: 15px;
  content: '';
}


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


.page_box ul.page-list li.list-item-0 {
  width: 33%;
}

#tb_box th {
  background-color: #9E0600;
  color: white;
}