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

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

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

.page_box a {
  text-decoration: none; 
}

/* .page_box a {
  color: #1363AD;
  text-decoration: none; 
  display: inline;
}
.page_box a:hover {
  color: #1363AD; 
}
.page_box a.btn:hover {
  color: #fff;
} */

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

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


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

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


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

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



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

nav.navbar.bootsnav.lingnavbar {	
  box-shadow: none;  
  background-color: rgb(131, 21, 0);
}

.wrap-sticky nav.navbar.bootsnav.sticked {
  box-shadow: 0px 3px 6px #9797a6;
  transform: 3s;
} 

nav.bootsnav.lingnavbar .navbar-brand{
  position: relative;
  height: 100px;
  width: 1009px;
  padding:0;
}
nav.bootsnav.lingnavbar .navbar-brand img{
  width:100%
}

nav.bootsnav.lingnavbar ul.nav > li.icon a {
  color: #fccd4d
}


@media (min-width: 993px){   

  nav.navbar.bootsnav.lingnavbar .navbar-collapse.navbar-ling form.left-search {
     margin-top: 6px;
     width: 200px;
  }
  
  nav.navbar.bootsnav.lingnavbar .top-icon-box{    
    background: #000;
  }

  nav.navbar.bootsnav.lingnavbar .navbar-collapse.navbar-ling {
    width: 100%;
    position: relative;    
    float: left; 
  }

  nav.bootsnav.lingnavbar ul.nav > li > a {
    padding: 10px 25px;
    color: #fff; 
  }
  nav.bootsnav.lingnavbar ul.lingnav > li.dropdown.on > a {
    color: #fff; 
  }
  nav.bootsnav.lingnavbar ul.nav > li > a:before{
    position: absolute;
    height: 20px;
    left: 0;
    display: inline-block;
    content: '';
    border-right: 1px solid #ccc;
  }

  nav.bootsnav.lingnavbar ul.nav li:nth-child(1) a:before {    
    border-right: none !important;
  }

  nav.bootsnav.lingnavbar ul.nav li.megamenu-fw ul.dropdown-menu li a {
    padding:0;
  }
  nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a {
    padding: 2px 0;
    font-size: 0.85em;
    line-height: 100%;
  }
  nav.bootsnav.lingnavbar ul.nav li h6 {
    font-weight: bold;
    font-size:1.2em;
  }

  nav.bootsnav.lingnavbar .attr-nav > ul > li.text > a {
    max-width: 480px;
    padding: 10px 0px;
  }

  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:#1363AD;
    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 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 {
    color: #0099FF; 
  }

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

  /* 滑入底色 */
  nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover {
    background: #eee; 
  }

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

}


@media (max-width: 992px){ 

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

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

  nav.navbar.bootsnav.navbar-sticky.lingnavbar .pageheader_ling {
    text-align: center;
  }
  
  nav.bootsnav.lingnavbar .navbar-brand {
    position: relative;
    width: 80%;
    top: 0;
    height: 70px;
    background: url(../../images/customer/pintek/logo2.jpg) center no-repeat;
    padding: 0;
    background-size: contain;
  }

  nav.bootsnav.lingnavbar .top-search {
    top:76px;
  }
  
  nav.bootsnav.lingnavbar .attr-nav {
    right: 40px;
  }
  
  nav.bootsnav.lingnavbar .attr-nav ul li a {
    padding: 20px 15px;
  }
  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: #fff;
    top: 10px;
  }
  nav.navbar.lingnavbar .attr-nav > ul > li > a {
    color:#fff;
  }

  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: transparent;
    color: #fff; 
  }

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

}
 
@media (max-width: 568px){
  nav.navbar.bootsnav.lingnavbar .pageheader.pageheader_ling {
    background: #1E5A9C;
    text-align: center;
    display: block;
  }
  nav.navbar.bootsnav.lingnavbar .pageheader.pageheader_ling a{
    color:#fff;
    line-height: 200%;
    font-size: 1em;
  }
  nav.bootsnav.lingnavbar .navbar-brand {
    width: 180px;
    height: 70px;
    background: url(../../images/customer/pintek/logo.png) center no-repeat !important;
    padding: 0;
    background-size: contain !important;
    top: 6px;
  }
  nav.navbar.lingnavbar .navbar-brand:after{
    display: none;
  }

  nav.bootsnav.lingnavbar .attr-nav ul li a {
    padding: 22px 0;
  }
}








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

  /* 左選單 */ 

  body.home aside.ling-left {
    margin-top: 2em;
  }
  
  aside.ling-left .left-search{
    margin-bottom: 1em;
  }

  aside.ling-left h2 {
    padding: 8px 15px 8px 40px;
    line-height: 100%;
    display: block;
    width: 100%;
    color: #fff;
    border-radius: 50px;
    position: relative;    
    text-shadow: 2px 1px 3px #000;
  }
  aside.ling-left h2:before {
    font-family: 'FontAwesome';
    content:"\f18e";
    display: inline-block;
    position: absolute;
    left: 15px;
    height: 0;
    line-height: 0;
    top: 50%;
    color: #fff;
  }

  aside.ling-left h2 a{
    color: #fff;
    text-shadow: 2px 1px 3px #000;
  }

  
  aside.ling-left .left-search h2 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#33b7b5+0,33b7b5+50,009b91+52,56b5b3+100 */
    background: #33b7b5; /* Old browsers */
    background: -moz-linear-gradient(top, #33b7b5 0%, #33b7b5 50%, #009b91 52%, #56b5b3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #33b7b5 0%,#33b7b5 50%,#009b91 52%,#56b5b3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #33b7b5 0%,#33b7b5 50%,#009b91 52%,#56b5b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33b7b5', endColorstr='#56b5b3',GradientType=0 ); /* IE6-9 */
  }
  
  aside.ling-left .left-newproduct h2 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
    background: #fceabb; /* Old browsers */
    background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
  }

  aside.ling-left .nav-left h2 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
  }



  
  aside.ling-left .nav-left ul.category-1 > li > a {
    padding: 0px 15px 3px 30px;
    display: block;
    width: 100%;
    color: #000;
    border-radius: 5px;
    position: relative;
  }
  aside.ling-left .nav-left ul.category-1 > li > a:before {
    font-family: 'FontAwesome';
    content:"\f196";
    display: inline-block;
    position: absolute;
    left: 10px;
    height: 0;
    line-height: 0;
    top: 14px;
    color: #b60000;
  }

  aside.ling-left .nav-left ul.category-1 > li:hover > a:before{
    color: #ff3300;
  } 
 
  aside.ling-left .nav-left ul.category-1 > li:hover > a {
    transition: all .3s;
    color: #ff3300;
  }
  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;    
    color: #1363AD;
  }


  aside.ling-left .nav-left ul.category-3 > li > a,
  aside.ling-left .nav-left ul.category-3 > li > a:hover {
    border:none;
    color: #1363AD;
  }
  
}



/* 首頁幻燈片 */
.home_main_container img {
  width: 100%;
}
.home_main_container:after {
  content: '';
  display: block;
  margin-bottom: 1em;
}



/* 首頁標題================================== */


section.home .hi_box{ 
  color: #ff7300;
}
section.home .news_box{
  border:1px solid #ccc;
  border-radius: 50px;
  display: block;
  line-height: 100%;
  padding: 10px 15px;
}

section.home .news_box .hi_box, 
section.home .news_box marquee{
  display: inline-block;
  font-size: 1em;
  line-height: 150%;
}


section.home .news_box marquee a + a:before{
  content: '';
  margin-right: 15px;
}

section.home .news_box marquee a span:before{
  content:"\f0da";
  font-family:'FontAwesome';
  color: darkorange;
}

section.home .news_box .hi_box h3{
  margin-bottom: 0;
  font-style: italic;
}
section.home .news_box .hi_box  > h3 > span{
  color: #0099FF;
}
.page_box.news_box p.btn_box a{
  margin-right: 6px;
}

section.home .box-6-newproducts .item a .pic-box,
section.home .box-6-newproducts .item a .caption{
  float: left;
  height: 100px;
}



section.home .box-6-newproducts .item a .pic-box{
  width: 30%;
  text-align: center;
}
section.home .box-6-newproducts .item a img{
  width: 100px;
  height:auto;
  margin: 0 auto;
}
section.home .box-6-newproducts .item.th a img{
  width: 100% !important;
  height:100px;
  margin: 0 auto;
}
@media (max-width: 568px){
  section.home .box-6-newproducts .item.th a img{
    width: 100% !important;
    height: auto;
  }
}

section.home .box-6-newproducts .item a .pic-box{
  border:1px solid #ccc;
  border-radius: 0;
}
section.home .box-6-newproducts .item a .caption{
  width: 70%;
  position: relative;
}
section.home .box-6-newproducts .item a .caption small{
  color: red;
  position: absolute;
  right: 10px;
  bottom: 0px;
  font-size: 1.2em;
  font-style: italic;
  font-weight: bold;
}
section.home .box-6-newproducts .item a .caption h3{ 
  padding: 6px;
  font-size: 1em;
  color: #1363AD;
}
section.home .box-6-newproducts .item a .caption h3 span:before{
  content: '◎';  
}
section.home .box-6-newproducts .item a .caption h3 span{ 
  color: red;
  font-weight: bold;
  display: block;
  padding-right: 6px;
}



 /* 內頁共用標題 */
 article.ling-right .page_box .page-header {
   border-bottom:none;
 }
 article.ling-right .page_box .page-header h1 {
  color:#0000ff;
 }
 article.ling-right .page_box .page-header h1 span {
  color: #ff5e00;
 }



 /* 首頁最新消息 */
.page_box ul.page li.item:before,
.page_box ul.page li.item a small{
  color:red !important;
}

.page_box.news_box .page .item a small:before {
  content: "\f0a1";
  font-family: 'FontAwesome';
  color: red;
  font-size: 1.2em;
}

.page_box ul.page li a span,
.page_box.news_box .news-item span {
  color: #0000ff; 
}

.page_box ul.page li a,
.page_box.news_box .news-item {
  color: #333; 
}


/* 最新消息 首頁+內頁 */
.about_box .text .btn {
  background-color: #1363AD;
  color:#fff;
  border: none;
  padding: 3px 15px; 
}

.page_box.home_box .news_box ul.over-hidden li.item a{
  white-space: inherit;
  text-overflow: inherit;
  overflow: inherit;
}


.page_box.home_box .about_box .text{
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}
.page_box.home_box .about_box a.btn.btn-s {
  color: #fff;
}

.page_box.home_box .box-6-category .item a.thumbnail,
.page_box.home_box .box-6-newproducts .item a.thumbnail { 
  border:1px solid #rgb(31, 186, 242);
  overflow: hidden;
  padding: 6px;
  border-radius: 5px;
  box-shadow: 3px 3px 10px #999;
}

.page_box.home_box .box-6-newproducts a.thumbnail .caption{
  padding:3px 6px;
}


footer {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e0e0e0+0,ffffff+17 */
  background: #e0e0e0; /* Old browsers */
  background: -moz-linear-gradient(top, #e0e0e0 0%, #ffffff 17%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e0e0e0 0%,#ffffff 17%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e0e0e0 0%,#ffffff 17%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  border-top:1px solid #999;
  color: #333;
  text-align: center;
}
footer:before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #fff;
}

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

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


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





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


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

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


/* Search-product1 */
@media (min-width: 993px) {
  .page_box.search_box .page-list .list-item-0{  
    width: 25% !important;
  }
}

/* land-ctop-2 */
.page_box.product1_box ul.page-list .page-header h1 span {
  display: initial !important;  
}

.page_box.product1_box ul.page-list .btn_box .btn {
  color:#0000ff;
  background-color: transparent;
  font-size:1em;
  text-decoration: underline;
  border:none
}
.page_box.product1_box .btn.link:before{
  display: none;
}
.page_box.product1_box .well-text,
.page_box.product1_box .textarea_box{
  display: none;
}


.page_box.product1_box .pic-box{
  position: relative;
} 
.page_box.product1_box .pic-box > a.gallery-1:before {
  color: #1363AD;
  content: '\f00e';
  font-size: 2em;
  position: absolute;
  z-index: 2222;
  right: 15px;
  bottom: 10px;
  font-family: FontAwesome;
}
.page_box.product1_box .pic-box > a.gallery-1:hover:before{
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}




/* 最新產品 */
.page_box ul.page-list li.list-item .thumbnail .caption h3{ 
  color: #0000ff;
}
.page_box ul.page-list li.list-item .thumbnail .caption h3 span:before{
  content: '◎';  
}
.page_box ul.page-list li.list-item .thumbnail .caption h3 span{ 
  color: #ff5e00;
  font-weight: bold;
  padding-right: 6px;
}

/* landersound-tail2 */
@media (min-width: 993px) {
  .page_box.classify_box .product-list-box ul.page-list li.list-item.float .thumbnail > .pic-box{
    width: 150px !important;
    padding: 20px;
  }
}

.page_box.classify_box .product-list-box ul.page-list li.list-item.float .thumbnail .caption .page-header{ 
  margin: 0;
  padding:0;
  border: none;
}
.page_box.classify_box .product-list-box ul.page-list li.list-item.float .thumbnail .caption h3 span{
  color: red;
  font-weight: bold;
  display: inline-block;
  padding-right: 6px;
}
.page_box.classify_box .product-list-box .page-list .list-item > .thumbnail > .caption .text_en{  
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}

/* landersound-tail2 */
.page_box.classify_box .product-list-box ul.page-list .btn_box .btn.info:after {
  content: 'Product Info.';
  font-family: 'Noto Sans TC', sans-serif;
}
.page_box.classify_box .product-list-box ul.page-list .btn_box .btn.info > span {
  display: none;
}

/* chufon - DM Download*/
.page_box.classify2_box .classify-text .page-list .list-item-1 .thumbnail .caption .page-header h1{
  display: none;
}
.page_box.classify2_box .part_breadcrumb{
  display: none;  
}

/* chufon-wood - 好站聯盟 */
.page_box.classify4_box .part_breadcrumb{
  display: none;  
}
.page_box.classify4_box .classify-text ul.page-list li.list-item .thumbnail .caption > h2 > span,
.page_box.classify4_box .classify-text ul.page-list li.list-item .thumbnail .caption > h3 > span{
  display: block !important;
}
.page_box.classify4_box .thumbnail .pic-box, .page_box.classify4_box .thumbnail .caption{
  float: left;
}
.page_box.classify4_box ul.page-list li.list-item-0 .thumbnail {
  border:none;
  box-shadow: none !important;
}
.page_box.classify4_box .thumbnail .pic-box{
  width: 50%;
  border: 1px solid #ccc;
  padding: 0;
  box-shadow: 2px 2px 6px #999;
  padding:10px;
}
.page_box.classify4_box .thumbnail .caption{
  width: 50%;
}
.page_box.classify4_box .thumbnail .caption span{
  font-weight: bold;
  color: #207cca;
}
@media (min-width: 993px){
  .page_box.classify4_box .page-list .list-item-0 {
      width: 50% !important;
  }
}


/* bepunion_ling */
.page_box.classify10_box #tb_box table .pic  {
  display: none !important;
}
.page_box.classify10_box .part_breadcrumb{
  display: none !important;
}
.page_box.classify10_box #tb_box table .td-link-down > span{
  display: none;
}
.page_box.classify10_box #tb_box table .td-link-down:before{
  content: 'Software';
}
@media (max-width: 768px){
  .page_box.classify10_box #tb_box table .td-link-down:before{
    content: 'Software: ';
  }
}

.page_box.contact_box #contactUsForm{
  display: none;
}