@charset "UTF-8";
section.home {
    margin-top: 0;
    padding-top: 0;
} 

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


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


body{
  font-family: "Microsoft JhengHei", "sans-serif" !important;
  font-size: 100%;
  font-size: 18px;
  font-weight: 500;
}

@media (max-width: 1432px) {
  body{
    font-size: 98%;
    font-size: 20px;
  }
}
@media (max-width: 1328px) {
  body{
    font-size: 90%;
    font-size: 18px;
  }
}
body a {
  text-decoration: none !important;
  color: #333;
}
body a:hover{
  color: #97611E;
}


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

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

/* 首頁標題 */
.hi_box {
  position: relative;
  margin-bottom: 30px;
  border-bottom: 1px solid #eee;
}
.hi_box:before {
  width: 6px;
  height: 26px;
  display: inline-block;
  background: #EEAA01;
  content: '';
  position: absolute;
  border-radius: 5px;
  top: 3px;
}

.hi_box > h2 {
  padding-left: 25px;
  color: #333;
}

.hi_box > h2 > span {
  color:#EEAA01;
}

.hi_box .btn {
  color: #fff;
  background-color: #555;
  border-radius: 50px;
}



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

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

/* .page_box.news_box .page li.item span, 
.page_box.solution_box .page li.item span,
.page_box ul.page li a span, 
.page_box.news_box .news-item span{
  display: none;
} */


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

/* .asn-Srh-asun_css */

.classify3_box .text_en{  
  margin-bottom: 15px;
}
.btn-danger.link:after{  
  content: "PDF";
}
.btn-danger.link > span{
  display: none;
}


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

footer {
  color: #fff;
  /* border-top: 3px solid #b9b1a7; */
  background: #c5b59c;
}
footer address .footer_name {
  font-size: 1.2em;
  color: #fff;
  /* color: #85340B; */
}
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;
}


/* footer:before {
  content: "此為校稿用測試網站，非正式官網";
  position: absolute;
  position: fixed;
  right: 0;
  padding: 10px 20px;
  bottom: 0;
  border: 0;
  background: #FF5F62;
  color: #fff;
  font-family: "Noto Sans TC", sans-serif;
} */



  
/* 麵包屑============================= */
article.ling-right .part_breadcrumb .menu_bread_crumb div a{
}

article.ling-right .part_breadcrumb:before {
  content: '佳頤全齡會館有限公司 > ';
  display: inline;
  float: left;
}

/* 表格 */
table th {
  background-color: #1363AD;
}
table td.td-link-down a.btn > span{
  display: none;
}
table .pic:before {
  content: 'Photo';
}
table .td-link-down:before {
  content: 'PDF';
}
table td.pic img{
  width: 120px;
  height: initial;
}

@media (max-width: 768px) {
  table .pro_no:before {
    display: inline-block;
  }
  table .pro_name:before {
    display: inline-block;
  }
  table td.pic img{
    width: 100%;
    height:auto;
  }
}

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



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


.home_main_container img {
    width: 100%;
}
.home_main_container::before{
    position: absolute;
    bottom:0;
}
/* .home_main_container:after{
    border-top: 1px solid #73DCFF;
    margin-top: 1px;
    content: '';
    height: 30px;
    margin-bottom: 1em;
    display: block;
    background: -moz-linear-gradient(top, rgba(147,147,147,0.65) 0%, rgba(68,68,68,0) 53%, rgba(0,0,0,0) 99%);
    background: -webkit-linear-gradient(top, rgba(147,147,147,0.65) 0%,rgba(68,68,68,0) 53%,rgba(0,0,0,0) 99%);
    background: linear-gradient(to bottom, rgba(147,147,147,0.65) 0%,rgba(68,68,68,0) 53%,rgba(0,0,0,0) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6939393', endColorstr='#00000000',GradientType=0 );
    opacity: 0.6;
} */

body.home section.home {
  background: #F2EFE8;
}
@media (min-width: 1400px) { 
  body.home section.home .container{
    width: 1360px;
  }
}
body.home .home_img {
  background: #fff;
}

.home_img .home_text {
  padding: 0 60px;
}
.home_img .home_text .caption span {
  color: #A8A0A0;
}
.home_img .home_text .colwr{
  color: #85340B;
}
.home_img .home_text ul{
  padding: 0px;
  margin: 0 auto;
  width: auto;
  display: table;
  text-align: left;
}
.home_img .home_text .btn{
  color: #fff !important;
  background-color: #C41B1B;
}

.map_box {
  background-color: #F2F2F2;
  position: relative;
}
.map_box .map-text span{
  color:#a0a0a0;
}
.map_box .map-text {
  padding: 30px 30px;
}
.d-flex {
  display: flex;
}

.align-self-center{
  align-self: center;
}
@media (max-width: 992px) { 
  body.home .home_img {
    display: inline-block;
  }
  body.home .home_img img{
    width: 100%;
  }
  .home_img .home_text {
    padding: 30px 15px;
  }
  .d-flex {
    display: initial;
  }  
  .align-self-center{
    align-self: initial;
  }
}


/* about 首頁 & 內頁 */
  .page_box.home_box .about_box .text {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
  }
  .about_box .text .btn {
    background-color: #0099FF;
    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-newproducts h3 { 
    display:block;
    white-space: nowrap; 
    width: 100%; 
    overflow: hidden;
    text-overflow: ellipsis; 
    font-weight: initial;
  }
  section.home .box-6-newproducts .money{
    color: rgb(172, 7, 7);
  }

  section.home .owl-carousel .owl-nav{
    position: absolute;
    top: 45%;
    width: 100%;
    text-align: left;
  }

  section.home .owl-carousel .owl-prev,
  section.home .owl-carousel .owl-next{    
    width:40px;
    height:40px;
    background:#fff;
    display:flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: 50%;
  }

  
  section.home .owl-carousel .owl-prev{
    left: -45px;
  }

  section.home .owl-carousel .owl-next{    
    right: -45px;
  }

  
  

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


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

/* 頁頭選單 ======================================================= */
@media (min-width: 993px){
    nav.bootsnav.lingnavbar .navbar-brand{
      padding: 26px 15px;
      width: 380px;
      position: absolute;
    }
}				

.pageheader.pageheader_ling {
    text-align: right;
    padding: 8px 0;
    width: 100%;
    line-height: 100%;
    margin: 0;
    color: #fff;
    background: #EBE0D3;
  }
  .pageheader.pageheader_ling a{
    color: #97611E;
  }

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


  @media (max-width: 992px){
    .pageheader.pageheader_ling {
      text-align: center;
      padding: 8px 0px;
    }
  }
   
  nav.navbar.bootsnav.lingnavbar .navbar-collapse.navbar-ling {	
    float: right !important;
  }	
  
  nav.navbar.bootsnav.lingnavbar li.dropdown ul.dropdown-menu{
    border-top-color:  #73DCFF !important;
  }
  
  @media (min-width: 993px){
    nav.bootsnav.lingnavbar{
      position: relative;
    }
    
    nav.bootsnav.lingnavbar ul.nav li a {
      display: inline-block;   
      padding: 40px 15px;
      line-height: 100%;    
      color:#333; 
    }
    nav.bootsnav.lingnavbar ul.nav li a.icon-web {
      color: #1363AD;
    }
  
    nav.bootsnav.lingnavbar ul li.url a {
      line-height: 200%;
    }
  
    nav.navbar.bootsnav.lingnavbar li.dropdown ul.dropdown-menu ul.dropdown-menu{
      width: 280px;
    }
  
  
    nav.bootsnav.lingnavbar .attr-nav ul li a {
      color: #1363AD; 
      padding: 30px 15px;
    }
   
  
    nav.bootsnav.lingnavbar .top-search {
      top:78px;
    }
  
    /* 第一層 */
    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: #1363AD; 
    }
  
  
  }
  
  
  @media (min-width: 768px){
    nav.navbar.bootsnav.lingnavbar .navbar-collapse.navbar-ling {	
      left: 0;
    }	
  }
  
  @media (max-width: 992px){
    
    .wrap-sticky nav.navbar.bootsnav.lingnavbar {
        background: #fff;
    }
    nav.navbar.lingnavbar .attr-nav {
      right: 40px;
    }
    nav.bootsnav.lingnavbar .attr-nav ul li a {
      padding: 15px 15px;
    }
    
      
    nav.navbar.bootsnav.navbar-sticky.lingnavbar .navbar-nav.lingnav{
      background: #97611E;  
    }
  
    nav.navbar.bootsnav.lingnavbar .navbar-collapse {
      position: absolute;
    }
  
    nav.navbar.bootsnav.lingnavbar .navbar-toggle {
      background-color: transparent;
      color: #97611E;
    }
  
    nav.bootsnav.lingnavbar .navbar-brand {
      position: relative;
      top: 6px;
      width: 70%;
      padding: 0;
      height: 60px;
      bottom: 0;
      background: url(../../images/customer/jiayi/logo2.png) center no-repeat;
      background-size: auto 80%;
    }
    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;
    }
    
    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; 
    }
  
  
    nav.navbar.lingnavbar .attr-nav > ul > li > a {
      color: #1363AD;
    }
  }
  
  @media (max-width: 568px){

    nav.navbar.lingnavbar .navbar-brand {
      margin-top: 0;
      position: relative;
      top: 6px;
      width: 70%;
      padding: 0;
      height: 60px;
      bottom: 0;
      background: url(../../images/customer/jiayi/logo2.png) center no-repeat;
      background-size: 90%;
    }

    nav.navbar.lingnavbar .attr-nav {
      right: 25px;
    }
    
    nav.bootsnav.lingnavbar .top-qrcode{
      right: 0;
    }
  }



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



  .page_box .page-header:before {
    width: 6px;
    height: 26px;
    display: inline-block;
    background: #EEAA01;
    content: '';
    position: absolute;
    border-radius: 5px;
  }
  
  .page_box .page-header > h1 {
    padding-left: 25px;
    color: #333;
  }


  .page_box ul.page-list li.list-item.float .thumbnail > .caption{
    padding: 0 0 0 3%;
  }


/* contact */
.page_box.contact_box .info_content .h4 {
  display: none;
}







.about_us-box .container-fluid{
	margin: 2.5em 0;
}
.about_item .about-img{
	padding: 0;
}
.about_item {
	/* height: 465px; */
	background-color: #fff6eb;
	margin-bottom: 2em;	
    display: inline-block;
}
.about_item .about-text .h3 {
	font-size: 28px;
	margin-bottom: 20px;
}
.about_item .about-text {
	line-height: 220%;
	padding: 0 3%;
}
.about_item img {
	width: 100%;
}

@media only screen and (min-width:768px ){ 
	.about_item {
		display: flex !important;
		align-items: center !important;
	}
}
@media only screen and (max-width:991px ){ 
	.about_item {
		margin-bottom: 2em;
	}
	.about_item .about-text {
		line-height: 180%;
	}

}
@media only screen and (max-width:767px ){ 
	.about_item {
		margin-bottom: 3em;
	}
	.about_item .about-text {
		padding-top: 1.5em;
		padding-bottom: 1.5em;
	}
	.about_us-box .container-fluid .patu{		
		margin: 2.5em 0;
	}
	
}