@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');


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-family: 'Noto Sans JP', sans-serif  !important;
  font-size: 100%;
  font-size: clamp(18px, 3vw, 20px);
}

@media (max-width: 1432px) {
  body{
    font-size: 98%;
    /* font-size: 20px; */
  font-size: clamp(20px, 3vw, 22px);
  }
}
@media (max-width: 1328px) {
  body{
    font-size: 90%;
    font-size: 18px;
    font-size: clamp(18px, 3vw, 20px);
  }
}

@media all{
  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;
  }
  html {
    font-size: clamp(18px, 1.1vw, 20px);
  }

  .page_box .page-header h1 {
    /* font-size: 1.8em !important; */    
    font-size: clamp(28px, 3vw, 50px) !important;
    position: relative;
    margin-bottom: 40px;
  }

    h1, .h1 {
      font-size: clamp(28px, 3vw, 50px);
      font-weight:bold;
      color: #1363AD !important;
    }

    h2, .h2 {
      font-size: clamp(26px, 3vw, 40px);
      font-weight:bold;
    }

    .h3, h3{
      font-size: clamp(24px, 3vw, 30px);
      font-weight:bold;
    }

    .h4, h4{
      font-size: clamp(22px, 3vw, 22px);
      font-weight:bold;
    }
    .h5, h5{
      font-size: clamp(18px, 3vw, 20px);
      font-weight:bold;
    }

    .h1, .h2, .h3, .h4, .h5{
      margin-bottom: 0;
    }


    .color-green{
      color: #00953d !important;;
    }
    .color-orange{
      color: #ff8400 !important;;
    }
    .color-blue{
      color: #1363AD !important;;
    }


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

  /* news  */
  .page_box ul.page li.item:before,
  .page_box ul.page li a span,
  .page_box.news_box .news-item span {
    color: #ff8400 !important; 
  }

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


  .page_box ul.page li.item:before{
    display: none;
  }

  .page_box ul.page li.item:before,
  .page_box.news_box .page li.item span,
  .page_box.news_box .news-item,
  .page_box.news_box ul.page .item a{    
    font-size: clamp(24px, 3vw, 30px) !important;
    line-height: 150%;
  }
  .page_box.news_box .page li.item span, 
  .page_box.solution_box .page li.item span {
      width: 15%;
      min-width: 180px !important;
  }

  .page_box.news_box .page li.item{
    padding:10px 0;
  }



  /* 按鈕============================================== */
  .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 {
    background: #e0d0b6 !important;
  }
  footer *{
    color: #440000 !important;
  }
  footer address div:nth-child(1) {
    font-size: 1.3em;
    font-weight: bold;
  }
  footer div > span + span {
    padding-left: 15px;
  }    
  

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

}

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



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


  
/* 麵包屑============================= */
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%;
  }
}



/* 表列式備註說明文==================================== */

@media all{
  .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;
  }
  body.home section.home {
    background: #F2EFE8 !important;
  }
  body.home .home_img {
    background: #fff !important;
  }

  .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 (min-width: 1400px) { 
  body.home section.home .container{
    width: 1360px;
  }
}


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


@media all{
  
/* 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';
  }


    .page_box.about_box .about-sectionA{
        padding:0 0 60px 0;
    }
    .page_box.about_box .about-section{
        padding:60px 0;
    }
    .page_box.about_box .section-title{
        text-align:center;
        margin-bottom: 25px;
    }
    .page_box.about_box .section-title h2{
        font-weight:bold;
    }
    .page_box.about_box .card{
        background:#fff;
        border:1px solid #eee;
        border-radius:8px;
        overflow:hidden;
        margin-bottom:30px;
        transition:0.3s;
    }
   .page_box.about_box .card:hover{
        box-shadow:0 10px 25px rgba(0,0,0,0.08);
    }
    .page_box.about_box .card img{
        width:100%;
    }
    .page_box.about_box .card-body{
        padding:25px;
    }
    .page_box.about_box .card-body h3{
        color:#00953d;
        margin-bottom:15px;
    }
   .page_box.about_box  .card-body p{
        color:#000;
        line-height:1.9;
        margin-bottom:10px;
    }
    .page_box.about_box .gray-bg{
        background:#f7f7f7;
    }


    /* 故事區 */
    .page_box.about_box .story-box{
        margin:0 auto;
        line-height:1.9;
        color:#000;
    }

    /* EECP 강조 */
   .page_box.about_box  .highlight-box{
        background:#f5f9ff !important;
        padding:25px;
        border-left:5px solid #337ab7;
        margin-top: 15px;
    }

    /* 四大特色 */
   .page_box.about_box .feature-box{
        background:#fff;
        padding:25px;
        border-radius:8px;
        box-shadow:0 5px 20px rgba(0,0,0,0.08) !important;
        text-align:center;
        transition:0.3s;
        margin-bottom:30px;
    }
   .page_box.about_box  .feature-box:hover{
        transform:translateY(-5px);
    }

    .page_box.about_box .feature-title{
    font-size: clamp(24px, 3vw, 30px);
        font-weight:bold;
        margin-bottom:10px;
        margin-top: 15px;
    }

    .page_box.about_box .feature-desc{
        color:#000;
        line-height:1.7;
    }
}




/* 首頁產品名稱過長 */
  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 print {
  nav.bootsnav.lingnavbar {
    position: static !important;
    display: block !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: #97611E;
    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/logo_s.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.about_box .page-header,
  .page_box.classify4_box .page-header,
  .page_box.contact_box .page-header {
    text-align: center;
  }

  .page_box.about_box .page-header > h1:before, 
  .page_box.classify4_box .page-header > h1:before, 
  .page_box.contact_box .page-header > h1:before {
    margin: 0 auto;
  }
   

  .page_box.classify4_box .part_breadcrumb{
    display: none;    
  }
  

  .page_box .page-header{
    text-align: left;
    margin-bottom: 40px;
  }
  
  .page_box .page-header h1 {
    /* font-size: 1.8em !important; */
    position: relative;
    margin-bottom: 40px;
  }

  .page_box .page-header > h1:before {
    content: '';
    position: absolute;
    max-width: 80px;
    height: 4px;
    background: #ff8400;
    bottom: -10px;
    margin: 0 auto 0 0;
    right: 0;
    left: 0;
  }
  

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


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


#contactUsForm h3{
  text-align: center;
    font-size: clamp(28px, 3vw, 50px) !important;
    position: relative;
    margin-bottom: 60px;
    color: transparent;
    font-size: 0 !important;
}


/* 新文字 */
#contactUsForm h3::after{
    content: "聯絡諮詢表"; 
    color: #1363AD;
    font-size: clamp(28px, 3vw, 50px) !important;
    font-weight: bold;
}


#contactUsForm h3:before {
    content: '';
    position: absolute;
    max-width: 80px;
    height: 3px;
    background: #ffa600;
    bottom: -10px;
    margin: 0 auto;
    right: 0;
    left: 0;
}

#contactUsForm .row {
    max-width: 980px;
    margin: 0 auto 30px auto;
    background: #efeaea;
    padding: 60px 30px;   
    border-radius: 25px;
}

#contactUsForm .btn{
  transform: scale(1.2);
    transform-origin: center; /* 從中間放大 */
}


small.ex.pull-right {
    display: block;
    width: 100%;
    float: none !important;
    /* 隱藏原文字 */
    font-size: 0;
}

/* 新文字 */
small.ex.pull-right::before {
    content: "＊星號為必填欄位";
    font-size: 20px;
    color: red;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
}
.form .item span {
    border-color: transparent #d9d4cf transparent transparent !important;
}

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



.color-text-tws668 .blue {
    color: blue;
}

.color-text-tws668 .black {
    color: #000;
}
.color-text-tws668 .red {
    color: red;
}
.color-text-tws668 .caption {
    font-size: 1.2em;
    margin-bottom: 20px;
}




/* 卡片 */
#pro-icon-EECPU .box{
    background:#fff;
    border-radius:12px;
    padding:25px;
    box-shadow:0 5px 15px rgba(0,0,0,0.08);
    margin-bottom:20px;
}

/* 標題 */
#pro-icon-EECPU .title{
    font-size:22px;
    font-weight:bold;
}

#pro-icon-EECPU .blod{
    font-weight: bold;
}
#pro-icon-EECPU .sub{
    color:red;
    margin-bottom:15px;
}

/* icon 區 */
#pro-icon-EECPU .feature-box{
    background:#f3f4f7;
    border-radius:10px;
    padding:15px;
    margin-bottom:15px;
    line-height: 200%;
}

#pro-icon-EECPU .feature-box span{
    display: inline-block;
    margin-right:15px;
    min-width: 45%;
    margin-bottom: 6px;
}


/* 主按鈕 */
#pro-icon-EECPU .btn-main2{
    background: linear-gradient(90deg,#BA7DB4,#8A4898);
    border:none;
    color:#fff;
    font-size: 24px;
    padding: 6px 12px;
    width:100%;
    border-radius:30px;
    font-weight: bold;
    margin-bottom: 0px;
}

#pro-icon-EECPU .btn-main{
    background: linear-gradient(90deg,#8bdc3c,#28b463);
    border:none;
    color:#fff;
    font-size: 24px;
    padding: 6px 12px;
    width:100%;
    border-radius: 30px;
    font-weight: bold;
}

/* LINE按鈕 */
#pro-icon-EECPU .btn-line{
    background:#eee;
    border-radius: 25px;
    padding: 10px;
    margin-top: 10px;
    font-size: 20px;
}

/* 右側背景 */
#pro-icon-EECPU .right-box{
    background:linear-gradient(180deg,#ffffff,#eef3f7);
    border-radius:12px;
    padding: 0 25px 25px 25px;
}

/* icon圓 */
#pro-icon-EECPU .icon-circle span{
    display: inline-block;
    padding: 0 6px;
    font-size: 18px;
    min-width: 32%;
}

/* 紫色區塊 */
#pro-icon-EECPU .purple-box{
    background:rgba(255,255,255,0.8);
    border-radius:12px;
    padding:15px;
    margin-top:20px;
}

/* QR */
#pro-icon-EECPU .card .qr{
    width:120px;
}


/* 勾勾 */
#pro-icon-EECPU .check{
    color:#2ecc71;
    margin-right: 15px;
    font-size: 18px;
    font-weight: bolder;
}

#pro-icon-EECPU .h3 img,
#pro-icon-EECPU span img{
    max-height: 40px;
}


#pro-icon-EECPU .btn-line span {
    display: inline-block;
    vertical-align: middle;
}


@media (max-width:1280px ){ 
  /* land-ctopa3-no_C2 */
  .page_box.product32_box .page-list .list-item.float .thumbnail  .pic-box{
    width: 100%;
  }
  .page_box.product32_box .page-list .list-item.float .thumbnail  .caption{
    width: 100%;
  }
}



@media (max-width:1281px ){ 
  .page_box.product32_box .page-list .list-item.float .thumbnail .pic-box {
    display:none !important;
  }
}