@charset "UTF-8";

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


.page_box a:hover{
  text-decoration: none;
}

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

.page_box .page-header{
  border-bottom: none;
}

.page_box.product1_box .caption .page-header h1 span,
.page_box .page-header h1 {
    color:#333;
}
.page_box.product1_box .page-header h1 {
    margin: 0px;
    color:#333;
}

.about_box > .about_content > h3{
    padding-bottom: 6px;
    font-size: 1.2em;
}
.about_box > .about_content table{
  width: 100%;
}
.about_box > .about_content td{
  vertical-align: top;
}


/* 大中小標題大小================================== */
.h4, .h5, .h6, h4, h5, h6 {
    font-weight: initial;
    line-height: initial;
    margin-top: 0;
}

  /* 首頁標題================================== */
  .box-6-newproducts .hi_box{
    position: relative;
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
  }
  
  .box-6-newproducts .hi_box:after {
    width: 100px;
    height: 4px;
    display: block;
    background: #F4ABBC;
    content: '';
    /* position: absolute; */
    bottom: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }


  .btn-primary.btn-s,
  .btn-primary, .btn-info {
    color: #fff;
    background-color: #8C5B4C !important;
    border-color: #8C5B4C !important;
  }
  .btn-primary:hover,
  .btn-info:hover {
    color: #400000;
    background-color: #EEE4D0 !important;
    border-color: #EEE4D0 !important;
  }


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

.page_box.news_box .news-item {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
}

.page_box.news_box ul.page li.item a {
  display: inline;
}

section.home .news_box {
  
}
section.home .news_box .hi_box2{ 
  border-radius: 50px 0 0 50px;
  width: 20%;
  float: left;
}
section.home .news_box .hi_box2 h3{ 
  margin: 0.2em 0;
}
section.home .news_box marquee{
  width: 80%;;
  float: left;
  font-size: 1.2em !important;
}

@media (max-width: 768px){
  section.home .news_box .hi_box2,
  section.home .news_box marquee{
    width: 100%;
  }
}

section.home .news_box{
  display: inline-block;
    border: 2px solid rgba(186, 165, 156, 0.3);
    height: 100%;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    box-shadow: 5px 5px 5px #ccc;
    border-radius: 0 0 10px 0;
}

/* section.home .news_box .hi_box,  */
section.home .news_box marquee{
  display: inline-block;
  font-size: 1em;
  line-height: 150%;
  padding: 10px 15px;
  float: left;
}
section.home .news_box marquee a {
  color:rgb(138, 0, 0) ;
}
section.home .news_box marquee a span {
  font-style: italic;
  color: #669600;
  padding-right: 8px;
}
section.home .news_box marquee a + a:before{
  content: '';
  margin-right: 30px;
}

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

section.home .news_box .hi_box{
  margin-top: 10px;
}


@media (max-width: 992px){
  section.home .box-6-newproducts .owl-nav {
    position: initial;
    right: initial;
    top: initial;
  }
}



@media (max-width: 992px) {
  section.home .news_box{
    padding: 0 15px;
    overflow: hidden;
  }

  section.home  .news_box .hi_box{ 
    border-radius: 50px 0 0 50px;
    width: 100%; 
  }
  section.home .news_box marquee{
    padding: 0px 10px 6px 10px;
    width: 100%;
    line-height: 100%;
  }
  section.home .news_box .hi_box{
    padding: 0;
  }
}

.page_box.news_box p.btn_box a{
  margin-right: 6px;
}




/* 按鈕============================================== */

footer {
  background: #EEE4D0;
  color: #400000;
  position: relative;
}
footer address.container{
  padding-left: 300px;
  position: relative;
}
footer address:before{
  left:60px;
  top: 30px;
  position: absolute;
  width: 180px;
  height: 80px;
  background: url(../../images/customer/sweet/logo_d.png) center no-repeat;
  background-size: contain;
}

footer address .footer_name,
footer a,
footer a:hover{
  color: #400000;
}

footer .rights {
  border-top: 1px solid #8C5B4C;
  margin-top: 6px;
  padding-top: 6px;
}

@media (max-width: 768px) {
  footer address.container{
    padding-left: 200px;
  }
  
  footer address:before{
    width: 110px;
  }
}


@media (max-width: 568px) {
  footer address:before{
    display: block;
    position: relative;      
    left:0px;
    top: 0px;
    background: url(../../images/customer/sweet/logo_d.png) left top no-repeat;
    height: 120px;
    background-size: contain;
    display: none !important;
  }

  footer address.container{
    padding-left: 30px;
    position: relative;
  }

  footer {
    text-align: left
  }

  footer div > span {
    padding-left: 0;
    display: inline-block;
    width: 100%;
  }
  footer div > span + span {
    padding-left: inherit;
  }
}

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


@media (max-width: 1280px) {
  .gototop {
    right: 15px;
  }
}


  
/* 麵包屑============================= */
/* article.ling-right .part_breadcrumb .menu_bread_crumb div a{ } */
/* 麵包屑路徑 */
article.ling-right .part_breadcrumb * {
  color: #999999;
}
article.ling-right .part_breadcrumb:before {
  content: '路徑 : ';
  float: left;
  padding-right: 6px;
  color: #999999;
}


/* 表格 */
table th {
  background-color: #f0e3d06e !important;
}
#tb_box table th {
  color: inherit !important;
}
#tb_box table td.td-link-down a.btn > span{
  display: none !important;
}

/* land-ctop-2 */
.page_box.product1_box .text.product-remark_en table th {
  width: 20%;
  min-width: 160px;
}

@media (max-width: 568px) {
  .page_box.product1_box .text.product-remark_en table th {
    width: 30%;
    min-width: 120px;
  }
}

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


/* 表列式備註說明文==================================== */
.page_box .well-download, .page_box .well-text{
    margin-top: 1em;
}

.carousel-fade .carousel-inner {
  -webkit-box-shadow: 3px 3px 10px #999;
  box-shadow: 3px 3px 10px #999;
  overflow: hidden;
}

.carousel-fade .carousel-indicators{
  display: inline-block;
  bottom: 0;
  top: 10px;
  position: relative;
}
.carousel-fade .carousel-indicators li{
  border:1px solid #c2c2c2;
}
.carousel-fade .carousel-indicators .active {  
  background-color:#666;
}


.home_main_container img{
  margin: 0 auto;
  width: 100%;
}

.home_main_container::before{
    position: absolute;
    bottom:0;
}


/* about 首頁 & 內頁 */

  .page_box.home_box .about_box .text {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
  }
  /* .page_box.home_box .about_box .text .btn{  } */

  .about_box .btn {
    background-color: #3D7FB9;
    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';
  }



 

/* 首頁產品名稱過長 */
  section.home .box-6-category .list-item-0 .thumbnail {
    border:1px solid #8C5B4C; 
    padding: 0;
  }
  section.home .box-6-category .list-item-0 .thumbnail img{
    border-radius: 0 !important;
  }

  section.home .box-6-category .list-item-0 .thumbnail .caption{
    /* padding: 3px;  */
    color: #fff;
    background-color: #6d9ace;
    line-height: 100%;
  }
  section.home .box-6-category .list-item-0 .thumbnail .caption h2{
    margin-bottom: 0;
  }

  section.home .box-6-category .list-item-0 .owl-nav {
    position: absolute;
    right: 0;
    top: -48px;
  }
  @media (max-width: 992px){
    section.home .box-6-category .list-item-0 .owl-nav {
      position: initial;
      right: initial;
      top: initial;
    }
  }


  section.home .box-6-category .list-item-0 .no-over { 
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
  }
  
  

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


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

/* 頁頭選單 ======================================================= */
  .wrap-sticky nav.navbar.bootsnav.sticked {
    box-shadow: 3px 3px 10px #999;  
  }


  .pageheader_ling {
    position: relative;
    height: 30px;
  }

  .pageheader_ling .list-inline{
    position: absolute;
    right: 0px;
    display: inline-block;
    background: #F0E3D0;
    color: #fff;
    padding: 0 15px;
    width: auto;
    border-radius: 0 0 15px 15px;
  }
  @media (max-width: 992px){
    .pageheader_ling .list-inline{
      position: relative;
      right: 0px;
      color: #fff;
      padding: 0;
      width: 100%;
      border-radius: 0;
    }
    .pageheader_ling ul > li > a {
      color: #8D5B4B;
      line-height: 100%;
      display: block;
      font-size: 1em;
    }
  }

  nav.bootsnav.lingnavbar .navbar-header {
    width: initial;
    position: relative;
  }

  nav.navbar.lingnavbar .navbar-brand {
    position: relative;
    padding: 0px 15px;
    top: -15px;
  }
  
  nav.bootsnav.lingnavbar .navbar-brand img{
    max-width: 220px;
  }
  /* nav.bootsnav.lingnavbar .navbar-brand img{
    max-width: 300px;
  } */


  
  nav.navbar.bootsnav.lingnavbar li.dropdown ul.dropdown-menu{
    border-top-color: #8C5B4C !important
  }
  
  nav.bootsnav.lingnavbar{
    position: relative;
    background-color: #fff;
  }

  
  @media (max-width: 992px){
    .pageheader_ling .top-shop .name,
    .pageheader_ling .top-inquiry .name{
      font-size: 0.8em;
    } 
    .pageheader_ling .login .login_text,
    .pageheader_ling .login .out_text{
      font-size: 0.8em;
    } 
  }

  .pageheader_ling ul > li > a {
    color: #8D5B4B;
    line-height: 150%;
    display:block;
    font-size: 1.2em;
  }

  .pageheader_ling ul > li a span .badge {
    background-color: red;
    margin-left: -6px;
    padding: 2px 6px;
    margin-top: -10px;
  }

  @media (min-width: 993px){
    nav.bootsnav.lingnavbar .top-iso{
      margin: 20px 10px 20px 30px
    }
    
    .collapse.navbar-collapse.navbar-ling  .navbar-nav{
      float: right;
    }
    
    nav.bootsnav.lingnavbar ul.nav li a {
      display: inline-block;
      padding: 30px 6px;
      line-height: 100%;    
      color:#000; 
      font-size: 1.2em;
    }
  
    nav.navbar.bootsnav.lingnavbar li.dropdown ul.dropdown-menu ul.dropdown-menu{
      width: 280px;
    }
  
  
    nav.navbar.bootsnav.lingnavbar .attr-nav {
      margin-left: 10px;
    }
    nav.navbar.bootsnav.lingnavbar .attr-nav > ul > li > a {
      padding: 5px;
        color: #fff;
        margin: 22px 3px;
        font-size: 12px;
        border-radius: 5px;
    }  
      
    nav.bootsnav.lingnavbar .top-search {
      top:80px;
    }
  
      /* 第一層 */
      nav.navbar.lingnavbar ul.nav > li.dropdown.on > a{
        background-color: transparent;
      } 


      /* 第二層 */
      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: #400000; 
      }
  
  
  }

  
  @media (min-width: 768px){
    nav.navbar.bootsnav.lingnavbar .navbar-collapse.navbar-ling {	
      left: 0;
      right:0;
      padding: 0;
    }	
  }
  
  @media (max-width: 992px){    

    nav.navbar.lingnavbar .attr-nav {
      right: 45px;
    }      
    nav.navbar.lingnavbar .attr-nav > ul > li > a {
      color: #333;
      padding: 22px 6px;
    }

    nav.navbar.lingnavbar .top-iso{
      width: 30%;
      margin: 0 auto;
      float: none !important;
      display: none;
    }


    nav.navbar.bootsnav.navbar-sticky.lingnavbar .navbar-nav.lingnav{
      background: #8C5B4C;  
    }
    nav.navbar.bootsnav.lingnavbar .navbar-collapse {
      position: absolute;
      top: 66px;
    }
    nav.navbar.bootsnav.lingnavbar .navbar-toggle {
      background-color: transparent;
      color: #400000;
    }  
    nav.bootsnav.lingnavbar .navbar-brand {
      position: relative;
      top: 3px;
      padding: 0;
      height: 60px;
      bottom: 0;
      background: url(../../images/customer/sweet/logo2.png) center no-repeat;
      background-size: contain;
      overflow: hidden; 
      width: 60%;
    }
    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;
      font-size: 1.2em;
    }    
    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; 
    }  
  }
  
  @media (max-width: 568px){

    nav.navbar.lingnavbar .top-iso{
      width: 88%;
      margin: 0 auto 6px auto;
      display: block;
    }
    nav.navbar.lingnavbar .top-iso img{
      width: 100%;
    }
    nav.navbar.lingnavbar .attr-nav {
      right: 25px;
    }    
    nav.navbar.lingnavbar .attr-nav > ul > li > a {
      color: #333;
      padding: 22px 6px;
    }
    nav.bootsnav.lingnavbar .top-qrcode{
      right: 0;
    }
  }
  

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

  /* 左選單 */
  aside.ling-left .left-bor {
    width: 100%;
    padding: 10px 10px;
    border-radius: 10px;
    border: 1px solid #DFEDFD;
    box-shadow: 3px 3px 6px #999;
  }

  aside.ling-left .left-search{
    margin-bottom: 1.5em;
  }

  aside.ling-left .left-search .h3,
  aside.ling-left .nav-left ul.category-1 .h3 {
    color: #bb913e;
  }
 

  aside.ling-left .nav-left ul.category-1 > li > a {
    background: #fff;
    color: #650707;
    font-size: 1.3em;
    font-weight: bold;
    border: 3px solid #EEE4D0;
    margin-bottom: 6px;
    position: relative;
    border-radius: 5px;
    padding: 4px 6px 4px 25px;
  }
  aside.ling-left .nav-left ul.category-1 > li > a:before{
    color:#400000;
    display: none;
  }
  aside.ling-left .nav-left ul.category-1 > li > a img{
    margin-right: 15px;
  }

  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 {
    border: 3px solid #bb913ea1;
    transition: all .3s;
    color: #650707;
  }
  aside.ling-left .nav-left ul.category-1 > li + li:before{
    margin-bottom: 3px;
  }

  
  aside.ling-left .nav-left ul.category-1 > li > a.left22:before,
  aside.ling-left .nav-left ul.category-1 > li:hover > a:before{
    color: #e7d2a7;
  }

  aside.ling-left .nav-left ul.category-1 > li:last-child {
    border-bottom: none;
  }
  
  aside.ling-left .nav-left ul.category-3 > li > a{
    color: #333;  
    padding: 4px 10px 4px 40px;
    border-bottom: 1px dotted #AAD548;
    font-size: 1.2em;
    position: relative;
    text-decoration: none;
  }
  
  aside.ling-left .nav-left ul.category-3 > li a:before {
    font-family: 'FontAwesome';
    content: "\f105";
    display: inline-block;
    position: absolute;
    left: 20px;
    height: 0;
    line-height: 0;
    top: 50%;
  }

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

  .nav-left.two-nav li a {
    margin-bottom: 10px;
    display: block;
  }
  .nav-left.two-nav li a img {
    width: 100%;
  }
}

/* tws_txt-pills */
.page_box.classify24 .tab-ling ul.nav li.active a{
  color: #cc3300;
  background: #fff;
}
.page_box.classify24 .tab-ling ul.nav li > a {
  background: beige;
  color: #006633;
}


/* 分類共用版 */
.classify-text .page-list .list-item-1 .thumbnail .pic-box {
  border: none !important;
}

/* standard_inquiry */
.page_box.product5_box .classify-text .pic-box .otherimg_box a.img_s {
  padding: 3px;  
}
.page_box .table_spec tbody tr td.active {
  width: 20%;
  min-width: 100px;
}
.page_box .well-ling{
  border-bottom: none;
}


/* ys-shinway */
.page_box.pro_feature_box .classify-text .page-list .list-item.float .thumbnail .page-header h1 > span {
  display: none;
}

.page_box.pro_feature_box .feature_menu-box table{
  width: 300px !important;
}
.page_box.pro_feature_box .feature_menu-box table tr td{
  width: initial !important;
}

.page_box.contact_box hr,
.page_box.contact_box .form.contactus{
  display: none;
}


/* chufon-wood */
.page_box.classify4_box .page-list .list-item.list-item-0 .caption{
  text-align: center !important;
}
.page_box.classify4_box .page-list .list-item.list-item-0 .caption > h2{
  padding: 0;
}

/* 訂購表單 */
#mainOrder table thead tr.classify_order th {
  background:#8C5B4C !important;
  color: #fff;
  text-align: center;
}
#mainOrder .table>tbody>tr>td {
  vertical-align: initial
}
#product_list .total-class {
  text-align: center;
  color: #000;
  background-color: #fcf8e3;
  border: 1px solid #8C5B4C;
  padding:15px;
}
#product_list #totalMoney {
  font-weight: bold;
}

label.star:before {
  content: "\f005";
  font-family: 'FontAwesome';
  padding-right: 6px;
  color: red;
}


.page_box .cost_order .btn-order{
  margin-left: initial;
  margin-top: 10px;
  padding-left: initial;
  width: 180px;
}

.page_box .cost_order .btn-order:before{
  content: initial;
}

/* .page_box .cost_order .orderquy label{
  display: block;
} */