.color-white{color: #fff!important;  }
.txt-stork { -webkit-text-stroke: 1px #c2c3c4;  -webkit-text-fill-color: transparent;}
.wrapper { position: relative; display: block; margin:0px auto; padding: 0px 30px; width: 100%;  max-width: calc((100% - 60px)/12*12 + 60px); }
@media (min-width:1025px) {
.wrapper { padding-right: 40px; padding-left: 40px;   }
}
@media (min-width: 1401px) {
.wrapper { padding-right: 80px; padding-left: 80px; max-width: 1440px; }
}
.cell { display: none !important;}
.desk { display: block !important;}
@media (max-width:992px) {
.cell { display: block !important; border: 0;   }
.desk { display: none !important; }
}

.banner{ margin-top: 0px;position: relative;  padding-right: 50px; padding-left: 50px; max-width: 100%;border-radius:40px; }
@media (max-width:840px) {
.banner{ margin-top: 20px; padding-right:30px; padding-left: 30px; }	
}
@media (max-width:767px) {
.banner{ margin-top: 20px; padding-right:0px; padding-left: 0px;border-radius:0px; }
}


.banner .slick-dots{ bottom: 20px}
.banner .slide { width: 100%;   position: relative;}
.banner .slide .slide-img { width: 100%; height:auto;   }
.banner .slide .slide-img img { width: 100%; height: auto; border-radius:40px; opacity: 1; -webkit-animation-duration: 6s; animation-duration:6s; transition: all 0.3s ease;}
  
@media (max-width:767.98px) {
.banner .slick-dots{ bottom: -20px}
.banner .slide .slide-img img {  border-radius:0px; }
  }
.banner .slide .slide-content-headings .animated { transition: all 0.5s ease;}
.banner .slider [data-animation-in] {opacity: 1;  -webkit-animation-duration:6s; animation-duration:6s; transition: opacity 0.3s ease 0.3s;}
/* /////////// IMAGE ZOOM /////////// */
@-webkit-keyframes zoomInImage {
from { transform: scale3d(1, 1, 1); }
to { transform: scale3d(1.01, 1.01, 1.01); }
}
@keyframes zoomInImage {
from { transform: scale3d(1, 1, 1); }
to { transform: scale3d(1.01, 1.01, 1.01); }
}
.zoomInImage { -webkit-animation-name: zoomInImage; animation-name: zoomInImage;}
@-webkit-keyframes zoomOutImage {
from { transform: scale3d(1.01, 1.01, 1.01); }
to {transform: scale3d(1, 1, 1); }
}
@keyframes zoomOutImage {
from { transform: scale3d(1, 1, 1); }
to { transform: scale3d(1, 1, 1); }
}
.zoomOutImage { -webkit-animation-name: zoomOutImage; animation-name: zoomOutImage;}






.main-wrap{ width: 100%; padding:0px; margin:0px auto; height: auto;  display: flex; flex-wrap: wrap;  }
.main-about{ position: relative; margin:0px; padding:0px;background: url("/images/theme-b67/index/bg-about.jpg") no-repeat left -5vh #fafafc;  }
.main-about .animated { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; transition: opacity 0.5s ease 0.3s;}
@media (max-width: 767.98px) {
.main-about{ padding:0px;background-size: 100% auto; background-position:0px top;}   
}
.block {width:45%; height: auto;margin: 0; padding: 2vw 5vw 2vw 10vw;}
@media (max-width: 1280px) {
.block {  padding: 2vw 2vw 2vw 5vw;}	 
}
@media (max-width: 992px) {
.block {width:100%;margin: 0px; padding: 0px 40px; }  
} 
 @media (max-width:767.98px) {
.block { padding: 0px; }  
} 
.block-txt{width:100%; margin: auto; padding:5vw 0px ;     }
.block-txt p { font-size: min(max(3.5vw, 1rem), 1.15rem); line-height:2.375rem; font-weight: 400; letter-spacing: 1px; margin-bottom: 10px; color:#2f3c54 }
.block-txt p strong{ width: 100%; font-size: 1.313rem; line-height: 2rem; letter-spacing: 1.2px; font-weight:400;   margin-bottom: 10px; color: #fff; }
.post-btn{ margin-top:50px; }

 @media (max-width: 1280px) {
.block-txt p { font-size:0.9rem;   line-height:2rem; }
}
@media (max-width:840px) {
.block-txt{ margin:50px 0px; padding: 0px 40px;}   
}
@media (max-width:767.98px) {
.block-txt{  padding: 0px 30px;}   
}
@media (max-width:640px) {
.block-txt p { font-size:0.9rem; line-height: 1.5rem;  }
}
 
@media (max-width:320px) {
.block-txt{  padding: 0px 20px;}  
 }
 
.block-pic {width:55%; height: auto;margin: 0; padding:5vw 5vw 5vw 0px; }
.card-box{ width: 100%; padding:50px;  } 
 @media (max-width: 992px) {
.block-pic {width:100%;   }
}
 @media (max-width:840px) {
.card-box{ padding:0px 30px;  } 	 
}
/***** product  **** 
=================================*/
.produt-wrap{width:100%; padding:80px 0px;margin: auto; }
@media (max-width: 1440px) {
.produt-wrap{ padding:50px 0px;}
}
@media (max-width: 1024px) {
.produt-wrap{padding:50px 0px; }
}
/*----------------------------------------/
Product
---------------------------------------- */
.bg-product{ background-image:url("/images/theme-b67/index/bg-dr.jpg"), url("/images/theme-b67/index/bg-service.jpg");background-color:#fff; background-position: left top,left bottom; background-size: 100% auto ; background-repeat: no-repeat;   }

.product { margin:80px auto 120px auto; padding: 0px;  }
.product li {width:calc(100% - 20px); margin:auto 10px; position: relative;  transition: all 0.3s linear 0s; list-style: none; border: solid 1px #083078; border-radius:15px;background-color: #fff; }
.product li .item{width: 100%;  padding:30px; }
.product li .inner-body { position: relative;  width:100%; height: auto;   }
.product li h3 { min-height: 62px; position: relative; z-index: 5; font-size:1.275rem; font-weight: 600; color:#083078; text-align: center; letter-spacing: 2px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow-wrap: break-word; transition: 375ms cubic-bezier(0.7, 0, 0.3, 1); }
.product li h3::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background:#55b4e7; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0);}
.product li p { min-height: 96px;  font-size:1rem; font-weight: 400;line-height: 1.5;  color:#576a99;  letter-spacing: 1px; /*overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow-wrap: break-word;*/ transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);  }
.product li .photo { width: 100px;  height: 100px; padding: 0px;  overflow: hidden; margin: auto  }
.product li .photo figure{ width: 100px; padding-top:100px; height: 0; object-fit: cover;overflow: hidden; position: relative; transition: all 0.5s ease 0s;}
.product li .photo figure img { max-width: none; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-backface-visibility: hidden; backface-visibility: hidden;}

.product li .item .moreBox { position: absolute; bottom: -1px;  right: -1px; background-color: #083078; border-radius: 15px 0px 15px 0; width: 50px;  height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center; justify-content: center;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}
.product li .item .moreBox .more{ position: relative; -webkit-transform: translate(0); transform: translate(0);  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.product li .item .moreBox .more::before {content:""; width: 30px; height: 30px; background: url("/images/theme-b67/icon/arrow-right-w.svg"); background-position: center;position: absolute; left:-15px; top:-15px; right:auto; bottom:auto;transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);}

.product li:hover{border-color:#55b4e7 }
.product li:hover h3,.product li:hover p{color:#55b4e7 }
.product li:hover h3::after { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.product li:hover  .photo figure img { transform: scale(1.1)}
.product li:hover  .more::before { transform: translateX(5px);}
.product li:hover .moreBox{background-color:#55b4e7 } 

.product .slick-prev{ top:-110px; left:auto;right:60px}
.product .slick-next{ top:-110px; right:0px }
@media (max-width:1280px) {
.product li h3 { font-size:1.375rem; margin-bottom: 10px; }   
.product li p { font-size:0.9rem;   }	
}

@media (max-width:1024px) {
.product li h3 { font-size:1.15rem; }   
}
@media (max-width:840px) {
.product { margin:60px auto;  }	
.product li .item{ padding:10px; }
}

 
@media (max-width:767px) {
.product { margin:60px auto ; padding: 0px;  }
 .product li h3 { font-size:0.875rem; margin-bottom: 10px; } 
.product li p { min-height: 96px;  font-size:0.75rem;   }
.product li .photo { width: 80px;  height: 80px; }
.product li .photo figure{ width:80px; padding-top:80px; }
	
}
 
 
.dr { margin: 30px auto 40px auto; padding:40px;  }
.dr li {width:calc(100% - 30px); margin:auto 15px; position: relative;  transition: all 0.3s linear 0s; list-style: none;  }
.dr li .item{width: 100%;  padding:0px;   }
.dr li .inner-body { position: relative;  width:100%; height: auto; padding:10px;   }
.dr li h3 { position: relative; z-index: 5; font-size:1.275rem; font-weight: 600; color:#083078; transition: 375ms cubic-bezier(0.7, 0, 0.3, 1); }
.dr li p { font-size:1rem; font-weight: 400;line-height: 1.5;  color:#385088;  letter-spacing: 1px; overflow: hidden;   overflow-wrap: break-word; transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);  }
.dr li .photo { width: 100%;  height:auto; padding: 0px;  overflow: hidden; margin: auto;   }
.dr li .photo figure{ width: 100%; padding-top:143%; height: 0; object-fit: cover; border-radius: 0px;overflow: hidden; position: relative; transition: all 0.5s ease 0s;background-color: #55b4e7; }
.dr li .photo figure img { max-width: none;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.dr li:hover .photo figure img {opacity: .8; transform: scale(1.05);/*backdrop-filter: blur(15px);*/} 
.dr li:hover h3,.dr li:hover p{color:#55b4e7 }
.dr li:hover h3::after { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}

.dr .slick-prev{ top:-110px; left:auto;right:140px}
.dr .slick-next{ top:-110px; right:80px }

@media (min-width:1600px) {
.dr { margin: 30px auto 0px auto;padding: 40px 60px 0px 60px;  }	
}

@media (max-width:1200px) {
.dr { margin: 30px auto 0px auto; padding:40px 40px 0px 40px;  }	
.dr li p { font-size:0.9rem; }
}
@media (max-width:767px) {
.dr {  padding:40px 20px;  }
.dr li {width:calc(100% - 20px); margin:auto 10px;  }	
.dr li h3 {  font-size:1rem;   }
.dr li p { font-size:0.75rem; }
	
.dr .slick-prev{ top:-20px; left:auto;right:140px}
.dr .slick-next{ top:-20px; right:80px }
	
}

.img-hover { -webkit-transition: all 0.2s ease-in;  -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.img-hover:hover:before { -webkit-animation: shine 0.5s 0s linear; -moz-animation: shine 0.5s 0s linear; animation: shine 0.5s 0s linear;}
.img-hover:before { content: ""; display: block; width: 0px; height: 100%; top: 0%;  left: 0%; opacity: 0;  background: #fff; box-shadow: 0px 0px 60px 100px #fff;  position: absolute;z-index: 999; -webkit-transform: skewX(-20deg); -moz-transform: skewX(-20deg); -ms-transform: skewX(-20deg); -o-transform: skewX(-20deg); transform: skewX(-20deg);}
@-webkit-keyframes shine {
  from { opacity: 0; left: 0%; }
  50% { opacity: 0.7; }
  to {  opacity: 0; left: 100%; }
}
@-moz-keyframes shine {
  from { opacity: 0; left: 0%; }
  50% { opacity: 0.7; }
  to { opacity: 0; left: 100%; }
}
@keyframes shine {
  from { opacity: 0; left: 0%; }
  50% { opacity: 0.7; }
  to { opacity: 0; left: 100%; }
}




/*-------------------*/
/***** case *****/
/*------------------*/
.case-list { width: 100%; margin:40px auto auto auto;padding: 0px;  position: relative;  z-index: 0; }
.case-list li { width: calc(100%  - 40px);height: auto;  margin:0px 20px 50px 20px; padding:0px; list-style: none; background-color: #fff;  transition: all 0.3s linear 0s;transform: scale(0.6);}
.case-list .item {  display: flex; flex-wrap: wrap; flex-direction: column;  padding:0px; ; transition: all 0.3s linear 0s; opacity: .6; }
.case-list .photo { width: 100%;padding: 0 ; overflow: hidden }
 
.case-list .inner { width: 100%;padding: 20px 0px; position: relative;  display: flex;flex-wrap: wrap; }
.case-list figure  {width: 100%; padding-bottom: 62.5%; height: 0; overflow: hidden;   border-radius:0px; position: relative;  z-index: 1; transition: all 0.5s ease-in-out; }
.case-list figure img { max-width:100%; height: auto; object-fit: cover; margin: auto; display: block; background-color: #004098;border-radius:0px;   transition: all 0.5s ease-in-out;}
.case-list .inner .time {  width: 60px; margin:0px;  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;  -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: flex-start;}
.case-list .inner .time .date { width: 60px; display: flex; flex-wrap: wrap; align-items: center; flex-direction: column-reverse }
.case-list .inner .time .date-box{ display: flex; flex-direction: column  }
.case-list .inner .time .date-box .top,.case-list .inner .time .date-box .bom { font-size: 0.9rem;font-weight: 700; line-height: 1; color: #083078; }
.case-list .inner .time .date .day {padding-left: 10px; font-size: 2.375rem;line-height: 1; font-weight: 700;  color: #083078; }
.case-list .inner h3  { margin-bottom: 12px; font-weight: 500; font-size:1.275rem; font-size: min(max(3.5vw, 0.875rem), 1.275rem); letter-spacing: 1px; color: #083078; white-space: wrap;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break:normal; overflow-wrap: break-word;  }
.case-list .inner p {min-height:72px;font-size: 1rem; font-size: min(max(3.5vw, 0.875rem), 1rem);color:#687ca1; line-height: 1.5rem; letter-spacing: 0.75px;   margin:5px 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow-wrap: break-word; word-break:normal;}
.case-list .inner .news-inner {width: calc(100% - 60px); flex-wrap: wrap;  }
.case-list .inner .new-tag  { width: auto;  padding:0px  10px; background-color:#6b83ae;line-height: 1.5;  }
.case-list .inner .new-tag  a{ color:#fff;font-size: 12px;  }
/*hover*/
.case-list li:hover .item{ transform: scale3d(1.01, 1.01, 1.01);  }
.case-list li:hover .item  h3  ,.case-list li:hover .item  p ,.case-list li:hover .inner .time .date-box .top,.case-list li:hover .inner .time .date-box .bom,.case-list li:hover .inner .time .date .day  {color:#29b2e1;}
.case-list li:hover figure img { transform: scale(1.05);opacity: 1;}
.case-list li:hover .new-tag{background-color:#29b2e1;}

.case-list li .photo:before { content: ""; display: block; width: 0px; height: 80%; top: 0%;  left: 0%; opacity: 0;  background: #fff; box-shadow: 0px 0px 60px 100px #fff;  position: absolute;z-index: 999; -webkit-transform: skewX(-20deg); -moz-transform: skewX(-20deg); -ms-transform: skewX(-20deg); -o-transform: skewX(-20deg); transform: skewX(-20deg);}
.case-list li:hover .photo:before  { -webkit-animation: shine 0.5s 0s linear; -moz-animation: shine 0.5s 0s linear; animation: shine 0.5s 0s linear;}

.case-list li.slick-current.slick-active { transform: scale(1.1);opacity: 1 }
.case-list li.slick-current.slick-active .item {opacity: 1 }
.case-list li.slick-current.slick-active  .photo { box-shadow: 1px 3px 8px rgba(37, 68, 141, .4);  }
.case-list li.slick-current.slick-active  figure img { opacity: 1 ;  }
.case-list .slick-dots{bottom:-30px;}

.case-list .slick-dots li{ width: 16px; height: 16px; min-width: 16px; min-height: 16px;}

 @media (min-width:1600px) {
.case-list { margin: 30px auto 0px auto;padding: 40px 60px 0px 60px;  }	
}
@media (max-width:1200px) {
 .case-list li { width:100%;height: auto; margin:0px auto 50px auto; }	
 }
 @media (max-width:840px) {
.case-list {padding: 0px 20px; }
.case-list li { width: 100%;height: auto;  margin:0px auto 50px auto;   }	
 .case-list li.slick-current.slick-active { transform: scale(1); }
}

 


/*-------------------*/
/***** 最新消息 *****/
/*------------------*/
 
.news-list { width: 100%;   margin:40px auto auto auto;padding: 0px; display: flex; flex-wrap: wrap; position: relative;  z-index: 0; }
.news-list li { width: calc(100%  - 40px);height: auto;  margin:0px 20px 50px 20px; padding:0px; list-style: none; background-color: #fff; transition: all 0.3s linear 0s;}
.news-list .item {  display: flex; flex-wrap: wrap; flex-direction: column;  padding:0px; ; transition: all 0.3s linear 0s; }
.news-list .news-pic { width: 100%;padding: 0 ;  overflow: hidden}
.news-list .news-box { width: 100%;padding: 20px 0px; position: relative;   }
.news-list figure  {width: 100%; padding-bottom: 100%; height: 0; overflow: hidden;  border-radius:0px; position: relative;  z-index: 1;  background:#d0dbda;  transition: all 0.5s ease-in-out;}
.news-list figure img { max-width:100%; height: auto; object-fit: cover; margin: auto; display: block; border-radius:0px;   transition: all 0.5s ease-in-out;}
.news-list .news-box .time { width: 100%; margin:0px;  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;  -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: flex-start;}
.news-list .news-box .time .date { width: 120px; display: flex; flex-wrap: wrap; align-items: center; }
.news-list .news-box .time .date-box{ display: flex; flex-direction: column  }
.news-list .news-box .time .date-box .top,.news-list .news-box .time .date-box .bom { font-size: 0.9rem;font-weight: 700; line-height: 1; color: #083078; }
.news-list .news-box .time .date .day {padding-left: 10px; font-size: 2.375rem;line-height: 1; font-weight: 700;  color: #083078; }
.news-list .news-box .time .new-tag  {padding:3px  10px; color:#fff;font-size: 12px;line-height: 1.5; background-color:#6b83ae;  }
.news-list .news-box .news-inner {width: 100%;}
.news-list .news-box h3  { margin-bottom: 12px; font-weight: 500; font-size:1.275rem; font-size: min(max(3.5vw, 0.875rem), 1.275rem); letter-spacing: 1px; color: #1d1d1f; white-space: wrap;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break:normal; overflow-wrap: break-word;  }
.news-list .news-box p {min-height:72px;font-size: 1rem; font-size: min(max(3.5vw, 0.875rem), 1rem);color: #333333; line-height: 1.5rem; letter-spacing: 0.75px;   margin:5px 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow-wrap: break-word; word-break:normal;}
.news-list li:hover .item{ transform: scale3d(1.01, 1.01, 1.01);  }
.news-list li:hover .item  h3,.news-list li:hover .item  p ,.news-list li:hover .item .time .date-box .top,.news-list li:hover .item .time .date-box .bom,.news-list li:hover .item .time .date .day{color:#29b2e1;}
.news-list li:hover .news-box .time .new-tag{ background-color:#29b2e1;}
.news-list li:hover:hover figure img { transform: scale(1.05);  opacity: 0.6; }

@media only screen and (max-width:767px) {
.news-list li { width: calc(100%  - 20px); margin:0px 10px 50px 10px;}	
.news-list .news-box .time .date { width: auto; }	
}
 

/* 門診時間 ===================================================================*/
.schedule{position: relative; margin:auto;  background: url("/images/theme-b67/index/bg-time.jpg") no-repeat left top;  background-size:cover}
/*table*/
.inquiry-table { width: 100%; max-width: 1160px; min-width: 650px; margin:2% auto; display: table; background-color: #ced8ea; box-shadow: 1px 3px 8px rgba(37,68,141,.4); border-radius: 30px;overflow: hidden;border: solid 3px #ced8ea; }
.inquiry-table tbody{ background-color: #fff;   }
.inquiry-table th { padding:15px 0px; font-size: 1rem;   color: #fff; text-align: center; text-shadow: none; background: #25448e;  box-shadow: 1px 3px 8px rgba(102,102,102,.5);}
.inquiry-table td { width: 70px;padding: 15px 0px; border: 1px solid #a9b2cd; font-size: 0.9rem;color: #083078; text-align: center;  font-weight: 500;vertical-align: middle;}
.inquiry_bg_blue{background:#e4f9fd;}
.inquiry_bg_blue-2{background:#d5e5f8;}
.inquiry_bg_yellow{background:#fff8dd;}


.border_bottom {border-bottom: 3px solid #abb8d7;}
.inquiry-table p{ margin: 0px; font-size: 0.9rem;color:#083078; line-height: 1.5; text-align: center;  font-weight: 500; letter-spacing: 2px;}
.notify{text-align: center;font-weight: bold;margin-bottom: -2.5%;font-size: 2.35rem;line-height: 1em;}
@media only screen and (max-width: 1200px) {
.notify{margin-bottom: 0;}
}
@media only screen and (max-width: 768px) {
.notify{font-size: 1.35rem;}
}
@media only screen and (max-width: 475px) {
.inquiry-table{min-width:1150px;}
.inquiry-table td {width:100px;}
}


.main-contact{  background: url("/images/theme-b67/index/bg-time-bottom.jpg") no-repeat left top #fff; }
.contact{width: 100%; max-width: 100%;margin: auto; padding: 30px ; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;position: relative; }
.contact-detail{width:40%; margin:0px auto;}
.contact-box{ width:calc(100% - 40% - 50px);padding-left: 50px }
 @media (max-width: 840px) {
.contact-detail{width:100%;  padding: 20px;  }
.contact-box{ width:100%;padding-left:20px  }
}

 @media (max-width: 767px) {
.contact{padding: 30px 0px 0px 0px;}
.contact-detail{padding: 10px;}
.contact-box{ width:100%;padding-left:10px  }

}
.contact-detail-txt { width: 100%; padding: 0px;  margin: auto 0px;}
.contact-pic{ width: 100%; margin: auto 0px;} 
.contact-line{ width: 100%;  margin: 1% auto; padding:5px 10px 10px 0px;font-size: 1rem; display: flex; flex-wrap: wrap; align-content: center; align-items: center; }
.contact-title{ width: 30px; font-size: 1rem; font-weight: 700; color: #000;  }
.contact-name{ width:calc(100% - 30px - 20px);padding-left: 20px; font-size: min(max(3.5vw, .9rem), 1rem); font-weight: 500; line-height: 1.75rem;   }
.contact-name a{color: #000;}
.contact-name a:hover{color:#29b2e1;}
 
.contact-box h3{margin:0px 0px 20px 0px; font-size: min(max(3.5vw, 1rem), 1.275rem); font-weight:700; line-height: 1.75rem;color:#083078; }
.contact-box-txt{margin: 20px 0px;}
.contact-box-txt h4{margin: 10px 0px; font-size: min(max(3.5vw, 1rem), 1.15rem); font-weight: 600; line-height: 1.75rem;color:#083078; }
.contact-box-txt ul{margin: 10px 0px 10px 20px; padding: 0px 0px 0px 20px;  }
.contact-box-txt ul li{margin: 10px 0px; font-size: min(max(3.5vw, 0.9rem), 1rem); font-weight: 400; line-height: 1.75rem;color:#385088;  }
.contact-box-txt ul li strong{ display: block; font-weight:700;   }

.title-h2-sub{ width: 100%; margin: auto; padding: 0px; }
.title-h2-sub h2{ margin: 10px 0px;  font-size: min(max(3.5vw, 1.25rem), 1.75rem);  line-height: 130%;font-weight: 700; letter-spacing: 3px; color: #000; text-transform:uppercase}
.title-h2-sub p{ margin-top: 0px; font-size:1.125rem;  font-size: min(max(3.5vw, 1rem), 1.125rem); line-height:1.375rem; font-weight:400;color: #fff; }
 
@media (max-width: 998px) {
.title-h2-sub{text-align: left; padding-left: 20px;} 
}
@media (max-width: 840px) {
.title-h2-sub{ width: 100%;  padding: 0px 20px; }	 
}
@media (max-width: 640px) {
.title-h2-sub{  padding: 0px; }	 
.title-h2-sub p{ line-height:1.375rem; }
}


.why{position: relative; margin:0px;padding:50px 0px 0px 0px; background: url("/images/theme-b67/index/bg-con-2.jpg") no-repeat right top #eff0f3; background-size: 100% auto }
.why-box{width: 55%; margin:0px; padding:50px 0px ; }
.why-box p{margin-top: 0px;   font-size: min(max(3.5vw, 0.9rem), 1rem); line-height: 1.875rem;font-weight:400;color:#505764; }
.why-box p strong{ display: block;margin-bottom: 10px; font-weight:700; font-size: min(max(3.5vw, 1rem), 1.15rem);  line-height: 1.875rem;color:#063178; }  
.why-pic{width: 35%; margin: 0 auto; padding: 0px 0px 100px 0px;  display: flex; flex-wrap: wrap; align-items: flex-end }
.why-pic figure{margin: 0; padding: 0}
 
@media (max-width: 840px) {
.why-box{width: 100%; padding:50px 30px ; }	
.why-pic{display: none}
 }
@media (max-width: 767px) {
.why-box{ padding:50px 0px ; }	
.why-pic{display: none}
.why-box p{line-height: 1.5rem; }
	
 }

.title { width: 100%; margin:0px auto 30px 20px; padding: 0px; text-transform:uppercase; position: relative} 
.title::before{content: ""; width: 20px; height: 20px; background: url("/images/theme-b67/index/dot-circle.png") no-repeat left top;  background-size: cover;  position: absolute; left:-25px; top:2px; }
.title h1,.title h2{  margin:10px  auto; font-size:2.75rem; font-weight:400; color: #083078;   letter-spacing: 4px;  }
.title span{ font-size:1.125rem; font-weight:600; color:#083078;  }
.title p{ font-size:1rem; font-weight:500; color:#083078;margin-top: 0px;  }

 @media (max-width:1024px) {
.title h1,.title h2{ font-size: 2.5rem;}
.title span{ font-size: 0.9rem; }	 
}
 
@media (max-width:840px) {
.title { }
.title h1,.title h2{  font-size: 2rem;}  
}

@media (max-width:767.98px) {
.title { margin:0px auto;  }  
.title  span{ display: block; font-size: .875rem;margin-left: 0; }
.title p{ font-size:0.75rem;line-height: 1.375;}	
}
@media (max-width:320px) {
.title h1,.title h2{  font-size: 1.375rem;   }  
.title h3{ font-size: 1rem;   }   
}


.title-2 {  width: 100%; margin:0px auto 30px 0px; padding: 0px;   text-transform:uppercase } 
.title-2 h2{  margin:10px  auto; font-size: 2.5rem; font-weight:700; color: #083078; letter-spacing: 2px;  }
.title-2 h3{ font-size: 1.375rem; font-weight:500;  color: #083078;  letter-spacing: 2px; }
.title-2 p{ margin: 0px auto; }
.title-2 strong{color: #000; }
 @media (max-width:1160px) {
.title-2 h2{ font-size: 1.15rem; }
.title-2 p{ font-size: 0.9rem; }	 
}
@media (max-width:840px) {
.title-2 {width: 100%; margin: auto;}
.title-2 h2{  font-size: 1.275rem;}  
.title-2 h2 span{margin-left: 10px;}
 }
@media (max-width:767.98px) {
.title-2 h3{ font-size: 1.175rem; }
.title-2 p{ font-size: 0.75rem; }	 
	
}
@media (max-width:320px) {

.title-2 h3{ font-size: 1rem;}   
}

.title-3 { width: auto; margin:0px auto 10px 0px; padding: 0px 0px 5px 0px; text-transform:uppercase;position: relative;   } 
.title-3:after { content: ""; width: 100%; height: 2px; background-color: #555; position: absolute; left:0px;bottom:0px;   } 
.title-3 h2{  margin:0px auto 10px auto; font-size: clamp(1.5rem, 2.3vw, 2.5rem); font-weight:700; color: #083078; letter-spacing: 2px;  }


 /***** btn **** 
=================================*/
.btn-btnbox {position: relative;z-index:9; display: flex;  justify-content: center;  width: 100%; height: auto; margin:15px 0px;  transition: all 1s;}  

/*scroller mousey Styles====*/
.scroll-downs { position: absolute; left: 20px; top: 65vh;  margin:0px auto; width :20px; height: auto;display: flex;  justify-content: center;transition: all 1s;z-index: 9;}
.mousey { width: 2px; padding: 5px 8px; height: 24px; border: 2px solid #083078; border-radius: 25px; opacity: 0.75; box-sizing: content-box; position: relative; }
.mousey:before{content:attr(data-content)!important; padding: 5px 0px; font-size: 0.875rem; font-weight: 700; color: #083078; text-align: center; writing-mode: vertical-lr;position: absolute;top:-80px; left:-2px; height: 100px;} 
.scroller { width:4px; height: 8px; border-radius: 25%; background-color:#29b2e1; animation-name: scroll; animation-duration: 2.2s; animation-timing-function: cubic-bezier(.15,.41,.69,.94); animation-iteration-count: infinite;}
@media (max-width:1280px) {
.scroll-downs { top: 45vh;  }    
}
@media (max-width:1024px) {
.scroll-downs { top:30vh;  }    
}



@media (max-width:840px) {
.scroll-downs { display: none; }    
}


@keyframes scroll {
0% { opacity: 0; }
10% { transform: translateY(0); opacity: 1; }
100% { transform: translateY(15px); opacity: 0;}
}
/*.btn-1
=================================*/
.btn-1 {position:relative; border: none; cursor: pointer; margin: 20px auto; padding:12px 20px; background:#083078; border-radius:30px; overflow: hidden; }
a.btn-1 { color: #fff;}
a:active .btn-1 {background-color:#004198;}
.btn-1 span { color: #fff;font-weight:700; position: relative;z-index:1; transform-origin: center left; transition: color 0.3s ease; }
.btn-1:before,.btn-1:after {content: '';background:#55b4e7;height:100%; width: 0;position: absolute;  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);border-radius:30px; overflow: hidden; }
.btn-1:before { top: 0; left: 0; right: auto;}
.btn-1:after { bottom: 0; right: 0; left: auto;}
.btn-1:hover:before { width: 100%; right: 0; left: auto;}
.btn-1:hover:after { width: 100%; left: 0; right: auto;}

 
/*.btn-02
=================================*/
.btn-02{ cursor: pointer; width:200px; height:2.75rem; padding:0px 30px 0px 50px;margin: 0px; line-height:2.75rem; display: flex; align-items: center; position: relative; box-shadow: 0px 0px 17px 1px rgba(0, 0, 0, 0.34); background-color:#083078; z-index: 1; border-radius:30px; overflow: hidden; }
.btn-02 span {display: flex;  transform-origin: center left; transition: color 0.3s ease;position: relative;z-index:1; font-weight: 700; color: #fff;}
.btn-02 em {position: absolute;width:32px; height:32px;right:5px;top:5px;border-radius:99rem; transition: all 0.3s ease; background: url("/images/theme-b67/icon/arrow-right-f.svg") no-repeat center; background-size:22px;  background-color: #fff;  z-index:1;  }
.btn-02:before,.btn-02:after {content: '';background:#55b4e7;height:100%; width: 0;position: absolute;  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.btn-02:before { top: 0; left: 0; right: auto;  }
.btn-02:after { bottom: 0; right: 0; left: auto; }
.btn-02:hover:before { width: 100%; right: 0; left: auto;}
.btn-02:hover:after { width: 100%; left: 0; right: auto;}
.btn-02:hover span{color: #fff;}
.btn-02:hover em{ transform:translateX(5px);}
@media (max-width: 320px) {
.btn-02{  width:100%;  }   
.btn-02 span { font-size:.9rem;}   
}