/*nav*/
.rd-navbar.sticky.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  transition: box-shadow 0.2s, background 0.2s;
  background-color: #fff;
}
/*reset*/
.bg-transparent.navbar-color-re-w .rd-navbar-static .rd-navbar-nav > li > a, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li > a{    left: 50%; transform: translateX(-50%);}
.bg-transparent.navbar-color-re-w .rd-navbar-static .rd-navbar-nav > li a, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li a{ color: #000; padding: 6px 10px 13px; font-weight: 600;}
.bg-transparent .rd-navbar-static .rd-navbar-nav > li.focus > a, .bg-transparent .rd-navbar-static .rd-navbar-nav > li > a:hover, .bg-transparent .rd-navbar-static .rd-navbar-nav > li.active > a, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li.active > a{background-color: transparent; color: #49413b;}
.bg-transparent.navbar-color-re-w .rd-navbar-static.rd-navbar--is-stuck, .bg-transparent .rd-navbar-fullwidth.rd-navbar--is-stuck{background-color: #fff!important;}
.bg-transparent a.fa-shopping-cart, .bg-transparent .rd-navbar-search-toggle, .bg-transparent a.fa-shopping-cart span{color: #000;}
.rd-navbar-search-toggle:hover, a.fa-shopping-cart:hover{background-color: #000; color: #fff;}
a.fa-shopping-cart:hover span{color: #fff;}
.brand-name > img{height: unset; width: 100%; margin-right: 0;}
.rd-navbar-static .rd-navbar-brand{ width: 145px;}
a.fa-shopping-cart span{position: absolute;right: -12px; background-color: yellow; border-radius: 123px; font-size:10px ; width: 20px; height: 20px;}
.search-block{ height: unset!important;}
.page-head .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .page-head .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{    background: #fff;}
.page-head .bg-transparent .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown li a, .page-head .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown li a{ color: #000;  text-align: center;}
.page-head .bg-transparent .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown li a:hover, .page-head .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown li a:hover{opacity: 0.7;}
.page-head .rd-navbar-static .rd-navbar-megamenu, .page-head .rd-navbar-fullwidth .rd-navbar-megamenu{ background: #fff;}
.page-head .bg-transparent .rd-navbar-static .rd-navbar-nav > li .rd-navbar-megamenu li a, .page-head .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-megamenu li a{color: #000;}
.page-head .rd-navbar-static .rd-navbar-megamenu > li > p, .page-head .rd-navbar-fullwidth .rd-navbar-megamenu > li > p{color: #000;}
.page-head .rd-navbar-fixed .rd-navbar-nav li.active > a{ background: #efefef; color: #000;}
.page-head .rd-navbar-fixed .rd-navbar-nav li.active .rd-navbar-submenu-toggle:after{color: #000;}
.page-head .bg-transparent .rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .rd-navbar-fullwidth .rd-navbar-panel{  padding: 5px 0 0 0;}
.rd-navbar.layout-logoleft-i2 .rd-navbar-inner.re{ max-width: 90% !important; }
.rd-navbar-static.layout-logoleft-i2 .rd-navbar-nav{ display: flex; justify-content: space-between;padding-left: 15px;}
.rd-navbar-static.layout-logoleft-i2 .rd-navbar-panel, .rd-navbar-static.layout-logoleft-i2 .rd-navbar-nav-wrap{ vertical-align: bottom; }
.rd-navbar-static.layout-logoleft-i2 .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-fullwidth.layout-logoleft-i2 .rd-navbar-nav > li > .rd-navbar-dropdown{ margin-top: -4px; border-radius: 0; background-color: rgba(255, 255, 255, 0.8); margin-left: 0; left: 50%; transform: translateX(-50%) !important;width: 130px;    border-top: 5px solid #aa9b8f;}

.rd-navbar-static.layout-logoleft-i2 .rd-navbar-dropdown li > a, .rd-navbar-static.layout-logoleft-i2 .rd-navbar-megamenu li > a, .rd-navbar-fullwidth.layout-logoleft-i2 .rd-navbar-dropdown li > a, .rd-navbar-fullwidth.layout-logoleft-i2 .rd-navbar-megamenu li > a{font-size: 20px;color: #49413b; font-weight: 400!important;}
.rd-navbar-static.layout-logoleft-i2 .rd-navbar-nav > li:hover{ color: #aa9b8f!important; }
.rd-navbar-static.layout-logoleft-i2 .rd-navbar-nav > li{ border-bottom: 5px solid transparent;}
.page-head .rd-navbar-static.layout-logoleft-i2 .rd-navbar-nav > li > .rd-navbar-dropdown, .page-head .rd-navbar-fullwidth.layout-logoleft-i2 .rd-navbar-nav > li > .rd-navbar-dropdown{margin-top: 0;}


/*tool*/
.justify{ text-align: justify!important; }
.clear{ clear:both; }
.f-24{ font-size: 24px; }
.f-20{ font-size: 20px; }
.f-18{ font-size: 18px!important; }
.f-16{ font-size: 16px; }
.c-000{ color:#000; }
.c-fff{ color:#fff!important; }
.c-1D2D90{ color:#1D2D90; }
.c-152e9d{color:#152e9d!important;}
.bg-102fbb{background-color: #102fbb;}
.bgc-535d97{ background-color: #535d97; }
.bgc-fff{ background-color: #fff; }
.bg-888{background-color: #888888;}
.bg-3443a4{ background-color: #3443a4; }
.bg-000{ background-color: #000; }
.line-h-1{line-height:2!important;}
.width-90{ width:90%; margin: auto;}
.width-80{ width:80%; margin: auto;}

.m-open{ display: none; }
.f-w-900{ font-weight: 900!important; }
.f-w-700{ font-weight: 700!important; }
.pd-10{ padding:10px; }
.pb-20{ padding-bottom:20px; }
.pb-40{padding-bottom: 40px;}
.mb-20{ margin-bottom: 20px;}
.mb-30{margin-bottom: 30px!important;}
.mb-50{margin-bottom: 50px!important;}
.mt-50{ margin-top:50px; }
.mr-20{ margin-right:20px; }
.height-233{ height: 233px;}

.inline-block{display: inline-block;}
.block{ display: block; }
.t-boder-b{ border-bottom:1px solid #4C4B4B; }
.t-boder-t{ border-top:1px solid #4C4B4B; }
.border-000{border: 1px solid #000;}
.radius-non{ border-radius: unset!important;}
.float-r{ float: right;}
.clear{ clear:both: }

/*btn*/
.letter-s{ letter-spacing: 5px;}
.move-l{ position: relative;  }
.move-l .move-box-o >span{  transition-property: margin-left; transition-timing-function: ease ;  transition-duration: 0.5s; }
.move-l:hover .move-box-o >span{ margin-left:10px;  }
.move-box-o{ width: 25px; height: 20px; overflow: hidden; display: inline-block;}
/*box-img 1x1*/
.box-img{ overflow: hidden; width: 100%; padding-top:100%; position: relative; }
.box-img img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); width:100%; height:100%; object-fit:cover; }
/*box-img 16x9*/
.box-img-16-9{ overflow: hidden; width: 100%; padding-top:calc( 9 / 16 * 100% + 45px ); position: relative; }
.box-img-16-9 img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); width:100%; height:100%; object-fit:cover; }
/*box-img 9x16*/
.box-img-9-16{ overflow: hidden; width: 100%; padding-top:calc( 16 / 9 * 100% ); position: relative; }
.box-img-9-16 img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); width:100%; height:100%; object-fit:cover; }

/*box-img 5x4*/
.box-img-5-4{ overflow: hidden; width: 100%; padding-top: calc( 4 / 5 * 100% ) ; position: relative; }
.box-img-5-4 img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);  width:100%; height:100%; object-fit:cover;}
/*box-img 4x5*/
.box-img-4-5{ overflow: hidden; width: 100%; padding-top: calc( 5 / 4 * 100% ) ; position: relative; }
.box-img-4-5 img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); width:100%; height:100%; object-fit:cover; }
/*article set*/
.max-w-800 img{ max-width: 800px; }
/*table-rwd*/
.table-rwd{ overflow-x: auto; }

/*pagination-mi*/
ul.pagination-m { display: inline-block; padding: 0; margin: 0;}
ul.pagination-m li {display: inline;}
ul.pagination-m li a { color: black; float: left; padding: 8px 16px; text-decoration: none;}
ul.pagination-m li a.active { background-color: #887c75;color: white;}
ul.pagination-m li a:hover:not(.active) {background-color: #ddd;}

ul.topicon{position: relative; right: -999px; top: -27px; display: flex;}
ul.topicon li{margin: 0 5px; }
ul.topicon li img{width: 25px; height: 25px;}


/*layout-logocenter-i2*/
.layout-logocenter-i2.rd-navbar-static .rd-navbar-inner, .layout-logocenter-i2.rd-navbar-fullwidth .rd-navbar-inner{display: flex;flex-direction: column; align-items: center;}
.layout-logocenter-i2.rd-navbar-static .rd-navbar-nav, .layout-logocenter-i2.rd-navbar-fullwidth .rd-navbar-nav{text-align: center;}
.layout-logocenter-i2 ul.topicon{ right: -274px;}
.layout-logocenter-i2.rd-navbar-static .rd-navbar-nav, .layout-logocenter-i2.rd-navbar-fullwidth .rd-navbar-nav{ padding-top: 0;}
.layout-logocenter-i2.rd-navbar-static .rd-navbar-nav-wrap{margin-top: -15px;}
.bg-transparent .layout-logocenter-i2.rd-navbar{ padding-bottom: 10px;}
.page-head .bg-transparent .layout-logocenter-i2.rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .layout-logocenter-i2.rd-navbar-fullwidth.rd-navbar-panel{padding: 20px 0 0 0;}
.layout-logocenter-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-brand, .layout-logocenter-i2.rd-navbar-static.rd-navbar--is-clone .rd-navbar-brand, .layout-logocenter-i2.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-brand, .layout-logocenter-i2.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-brand{padding-top: 0;}
/*layout-logocenter-more*/
.layout-logocenter-more.rd-navbar-static .rd-navbar-inner, .layout-logocenter-more.rd-navbar-fullwidth .rd-navbar-inner{display: flex;flex-direction: column; align-items: center;}
.layout-logocenter-more.rd-navbar-static .rd-navbar-nav, .layout-logocenter-more.rd-navbar-fullwidth .rd-navbar-nav{text-align: center;}
.layout-logocenter-more ul.topicon{ right: -274px;}
.layout-logocenter-more.rd-navbar-static .rd-navbar-nav, .layout-logocenter-more.rd-navbar-fullwidth .rd-navbar-nav{ padding-top: 0;}
.layout-logocenter-more.rd-navbar-static .rd-navbar-nav-wrap{margin-top: -15px;}
.bg-transparent .layout-logocenter-more.rd-navbar{ padding-bottom: 10px;}
.page-head .bg-transparent .layout-logocenter-more.rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .layout-logocenter-more.rd-navbar-fullwidth .rd-navbar-panel{padding: 20px 0 0 0;}
.layout-logocenter-more.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-brand, .layout-logocenter-more.rd-navbar-static.rd-navbar--is-clone .rd-navbar-brand, .layout-logocenter-more .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-brand, .layout-logocenter-more.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-brand{padding-top: 0;}

/*layout-logoleft-i2*/
.layout-logoleft-i2 ul.topicon{ top: -49px; }

/*layout-logoleft-more*/
.layout-logoleft-more ul.topicon{ top: -49px; }

/*layout-logoleft-navright-i2*/
.layout-logoleft-navright-i2 ul.topicon{ top: -79px; right: -1079px;}
.layout-logoleft-navright-i2.rd-navbar-static .rd-navbar-nav, .layout-logoleft-navright-i2.rd-navbar-fullwidth .rd-navbar-nav{ text-align: right;padding-top: 50px;}
/*layout-logoleft-navright-more*/
.layout-logoleft-navright-more ul.topicon{ top: -79px; }
.layout-logoleft-navright-more.rd-navbar-static .rd-navbar-nav, .layout-logoleft-navright-more.rd-navbar-fullwidth .rd-navbar-nav{ text-align: right;padding-top: 50px;}

/*layout-logoleft-i2 re-bn-cross*/
.layout-logoleft-i2.bn-ab-top{top: -149px;}
.bg-transparent .layout-logoleft-i2.rd-navbar-static.rd-navbar--is-stuck, .bg-transparent .layout-logoleft-i2.rd-navbar-fullwidth.rd-navbar--is-stuck{background-color: #fff;}
.bg-transparent .layout-logoleft-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li a, .bg-transparent .layout-logoleft-i2.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > li a{color: #000;}
.layout-logoleft-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-brand .brand-name{background: #ccc;}

/*main menu active auto*/
/*#MainMenuAuto .navbar-active {background-color: #aa9b8f; }*/
#MainMenuAuto .navbar-active >a{ color: #aa9b8f!important; }
#MainMenuAuto .navbar-active.focus ul, #MainMenuAuto .focus { margin-top: 0px;}
.navbar-active2 {background-color: #000; border-bottom: 3px solid #87d3ff!important;}
.navbar-active2 >a{ color: #fff!important;border-bottom: 3px solid transparent; }

/*固定背景改良*/
.background-fixed-q {
  margin-top: 80px;
  margin-bottom: 80px;
  min-height: 40vh;
  color: #fff;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 15px;
  overflow: hidden;
}

/*supports是寫給部分瀏覽器讀的，意思是看得懂括弧內的參數的瀏覽器才會執行的意思*/
@supports (clip-path: inset(0 0 0 0)) { 
  .background-fixed-q {
    clip-path: inset(0 0 0 0); /*inset的是形狀遮罩，例如像SVG裡就會看見*/
  }
}

.background-fixed-q + .background-fixed-q {
  margin-top: -80px;
}

.background-fixed-q--dark {
  color: #000;
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
}

.background-fixed-q__background {
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}

@supports (clip-path: inset(0 0 0 0)) {
  .background-fixed-q__background {
    position: fixed;
    background-attachment: scroll;
  }
}

.background-fixed-q__background::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0;
  z-index: 0;
}

.background-fixed-q--dark .background-fixed-q__background::before {
  background: #fff;
}

/* Opacity levels for .background-fixed-q__background */
.background-fixed-q__background--opacity-10::before { opacity: 0.1; }
.background-fixed-q__background--opacity-20::before { opacity: 0.2; }
.background-fixed-q__background--opacity-30::before { opacity: 0.3; }
.background-fixed-q__background--opacity-40::before { opacity: 0.4; }
.background-fixed-q__background--opacity-50::before { opacity: 0.5; }
.background-fixed-q__background--opacity-60::before { opacity: 0.6; }
.background-fixed-q__background--opacity-70::before { opacity: 0.7; }
.background-fixed-q__background--opacity-80::before { opacity: 0.8; }
.background-fixed-q__background--opacity-90::before { opacity: 0.9; }

.background-fixed-q__content {
  max-width: calc(960px + 2em);
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  padding: 4em 2em;
}

.background-fixed-q__content > div {
  max-width: 600px;
}


/*article edite*/
.content-tt h2{ font-size: 26px; margin-bottom:10px; }
.content-tt hr{border-bottom: 1px solid #ddd; width: 100%; margin: 10px 0 20px 0;}
.content-tt small{font-size: 14px;font-family: '微軟正黑體'; }
.content-text img, .content-text iframe ,.content-text table{ max-width:100%; height:unset!important; }
.content-text ul{ list-style: auto;padding-left: 20px;}
.content-text {font-family: '微軟正黑體';}
.content-text p, .content-text h2, .content-text h3, .content-text h4, .content-text h5 .content-text span{ font-family:'微軟正黑體'; }
.content-text table, .content-text table td{border: 0.5px solid #ccc; }
.content-text table td{padding:10px;}
.content-text p{font-size: 18px;}


/*article line-clamp*/
.line-clamp-1{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.line-clamp-2{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.line-clamp-3{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }



/*----*/

.section-pd{padding: 50px 0;}

.ex-style{height: 100px; background-color: #efefef;}
.shopping-car{position: relative;}
.shopping-car span{background-color: #000; border-radius: 50px; font-size: 10px; color: #fff; width: 20px;height: 20px;display: inline-block; padding: 1px 3px; position: absolute; left: 14px;top: -10px; border: 2px solid #fff;text-align: center;}

.banner-section .jumbotron-mod-1 .slogan p{font-size: 40px; font-weight: 400;line-height: 1.8;}
.btn.btn-bn{ background-color:#fff; border-radius:0; font-size:34px; color:#887c75; padding: 7px 24px;}
.btn.btn-bn:hover{opacity: 0.8;background-color:#887c75;color:#fff;}
.about-pic{margin: 20px;}
.about-main{margin-top: 80px;}
.about-main h2{ font-size: 40px; color: #887c75; margin-bottom: 20px; position: relative; width: 100%; display: block;}
.about-main h2::before{ content: '//'; position: absolute; font-size: 16px; letter-spacing: 10px; left: -30px; top: 27px;}
.about-main p{ font-size: 21px; font-family: '微軟正黑體'; margin-bottom:40px; line-height:1.8; color:#151413; font-weight: 500;  }
.about-pic p{font-size: 32px; color: #887c75; font-weight: 500; text-align: center; line-height: 1.8;}
.about-pic img{ width: 350px; margin: 0 auto 40px auto; display: block; }

.a-m-two.bg{ background-image:url(../images/about/about2-bg2.png); background-repeat:no-repeat; background-size: 100%;    background-position: -90px -120px; padding: 70px 10px 90px 60px; display: inline-block; position: relative;left: 50%; transform: translateX(-50%);}
.a-m-two.bg-2 img{  width: 560px; }
.about-main-wrap{position: absolute; right: 180px;top: -150px; z-index: -1;}
.about2-section.section-pd{padding: 0;}

.point-section.section-pd{padding: 0 0 50px 0;}
.point-item h3{font-size: 30px; color: #887c75; letter-spacing: 10px; margin-bottom: 20px; text-align: center;}
.point-item p{margin: 0 25px; font-size: 19px;font-family: '微軟正黑體';}
.section-tt{font-size: 36px; color: #887c75; text-align: center; margin-bottom: 50px; position: relative;display: inline-block; left:50%; transform: translateX(-50%);}
.section-tt::before{content: '//';position: absolute; font-size: 16px; letter-spacing: 10px;  left: -40px; top: 10px;}
.blog-part-bgc{ background-color:#887c75; }
.article-padding-set{ padding: 60px 60px 110px 60px; }
.faq-part-bgc{background-color: rgba(136, 124, 117, 0.7);}
.article-section .row{ display:flex; flex-wrap:wrap; }

.blog-part h2{ font-size: 36px; letter-spacing: 10px; color:#fff;margin-bottom:50px; }
.blog-part ul{ padding:0; }
.blog-part ul li{display: flex; align-items: flex-start;}
.blog-part .blog-item .box-img-5-4{ width: 300px; padding-top: calc(4 / 5 * 31%);}
.blog-part .blog-item {margin-bottom: 50px;}
.blog-info{padding-left:30px; width: 100%;}
.blog-info h4{font-size: 22px; color: #fff; margin-bottom: 10px;margin-top: 0; letter-spacing: 2px;}
.blog-info p{ font-size:20px; color:#fff; font-family: '微軟正黑體';  }
.blog-info span{color:#fff;border: 1px solid #fff; padding:5px 12px 10px 15px; line-height: 1.2; letter-spacing: 5px; font-family: '微軟正黑體'; margin-top: 10px;display: inline-block;}
.blog-item .box-img-5-4 img{transition: ease .5s all;}
.blog-item:hover .box-img-5-4 img{ transform: translate(-50%, -50%) scale(1.2);  }
.blog-item .blog-info span{ transition: ease .5s all;}
.blog-item:hover .blog-info span{ background-color: #fff; color: #887c75;}
.blog-page-btn{ position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); border:1px solid #fff; color:#fff; font-size: 24px; letter-spacing: 5px; font-family: '微軟正黑體'; font-weight:600; padding:10px 5px 10px 10px; width: 200px; height: 59px; margin:auto; display:block; text-align:center; transition:ease .5s all; }
.blog-page-btn:hover{ background-color: #fff; color: #887c75; }

/*faq*/

.sea-faq-header{
  font-size: 42px;
  border-bottom: 1px dotted #ccc;
  padding: 24px;
}

.sea-faq-content {
  margin: 0 auto;
}

.sea-faq-question {
  padding: 10px 0 20px 0;
  border-bottom: 1px dotted #ccc;
  position: relative;
}

.sea-panel-title {
  font-size: 26px;
  color: #fff;
  width: 100%;
  position: relative;
  margin: 0;
  padding: 10px 10px 0 0px;
  display: block;
  cursor: pointer;
  font-family: '微軟正黑體';
  font-weight: 400;
}

.sea-panel-content {
  color: #fff;
  font-size: 20px;
  padding: 0px 14px;
  margin: 0 40px 0 0;
  height: 0;
  overflow: hidden;
  z-index: 1;
  position: relative;
  opacity: 0;
  -webkit-transition: .4s ease;
  -moz-transition: .4s ease;
  -o-transition: .4s ease;
  transition: .4s ease;
  font-family: '微軟正黑體';
}

.sea-panel:checked ~ .sea-panel-content{
  height: auto;
  opacity: 1;
  padding: 14px 14px 14px 0px;
}

.page-faq .sea-panel:checked ~ .sea-panel-content{
  height: auto;
  opacity: 1;
  padding: 14px 14px 14px 14px;
  border: 2px solid #ccc;
    border-radius: 30px;
}

.sea-plus {
  color: #fff;
  position: absolute;
  right: 0;
  top: 20px;
  margin-left: 20px;
  margin-top: 4px;
  z-index: 5;
  font-size: 28px;
  line-height: 100%;
  -webkit-user-select: none;    
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: .2s ease;
  -moz-transition: .2s ease;
  -o-transition: .2s ease;
  transition: .2s ease;
}

.sea-panel:checked ~ .sea-plus {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sea-panel {
  display: none;
}

.faq-part h2{ font-size: 36px; letter-spacing: 10px; color:#fff;margin-bottom:28px; }
.faq-btn{ margin-top:50px; }
.ad-pic .box-img-5-4{ width: 90%; padding-top: calc(4 / 5 * 80%);}
.ad-list h2{ font-size: 36px; color:#887c75;margin-bottom: 40px; }
.ad-list ul{padding: 0; }
.ad-list ul li{position: relative; padding-left: 35px; font-size: 24px;color: #000; font-family: '微軟正黑體'; font-weight: 500; line-height:2; }
.ad-list ul li::before{content: '' ; display: block; width: 15px; height: 18px; background-image: url(../images/list-arrow-1.png); background-size: cover; background-repeat: no-repeat; position: absolute; left: 5px; top: 15px;}
.ad-list ul li:nth-child(even)::before{content: '' ;  background-image: url(../images/list-arrow-2.png)!important; }
.blog3-section-bg{  background-image: url(../images/blog3-bg.png); background-size:cover; background-repeat:no-repeat;  }
.blog3-section .row{display: flex;}
.blog3-section .row > .section-tt-blog3{ font-size: 36px; color:#887c75; writing-mode:vertical-rl; letter-spacing: 10px; margin-top:50px; }
.blog3-section .row > .section-tt-blog3::after{content: '//'; color: #887c75;  transform: rotate(90deg) skewY(1deg);display: inline-block; font-size: 23px; left: -7px; top: 10px; position: relative;}
.blog3-section .blog3-item:hover .box-img-5-4 img{ transform: translate(-50%, -50%) scale(1.2)!important; }
.blog3-section .blog3-item .box-img-5-4 img{ transition:ease .5s all; }
.blog3-info h4{font-size: 26px;color: #514b47; font-weight: 500; letter-spacing: 3px; overflow: hidden; height: 78px; border-bottom: 2px solid #867b74;  }
.blog3-info p{ font-size:20px; color:#000; margin-top:10px; font-family:'微軟整黑體'; }

.time-section{padding: 120px 0 0 0;    position: relative;}
.time-section .row{display: flex;}
.time-pic{ width: 35%; position:absolute;right: 0%; bottom: 0; z-index:-1;  }

/*table*/
.clinic-table{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
    border:1px solid #ddd;
    font-family:"Noto Serif TC", serif;
}

.clinic-table th,
.clinic-table td{
    border:1px solid #e6e6e6;
    text-align:center;
}

.clinic-table thead th{
    font-weight:normal;
}

.clinic-table thead tr:first-child th{
    font-size:36px;
    padding:20px 0;
    color:#7f726a;
}

.clinic-table thead tr:first-child strong{
    font-size:36px;
    margin-left:40px;
    font-weight:normal;
}

.clinic-table thead tr:nth-child(2) th{
    height:80px;
    font-size:28px;
    color:#7f726a;
    font-family: '微軟正黑體';
}

.clinic-table tbody tr{
  background-color: #fafafa;
}

.clinic-table tbody td{
    height:170px;
    vertical-align:top;
    padding-top:18px;
    padding-bottom: 10px;
    font-size:18px;
    color:#7f726a;
}

.dot{
    width:36px;
    height:36px;
    border-radius:50%;
    display:inline-block;
}

.brown{
    background:#a97858;
}

.blue{
    background:#35518f;
}

.green{
    background:#96ad96;
}

.note{
    margin-top:10px;
    line-height:1.4;
    font-size:22px;
    font-family: '微軟正黑體';
}

.holiday{
    font-size:30px!important;
    /*vertical-align:middle !important;*/
    font-family: '微軟正黑體';
}

.clinic-legend{
    margin-top:25px;
    display:flex;
    justify-content:center;
    gap:30px;
    flex-wrap:wrap;
    font-size:28px;
    color:#7f726a;
}

.clinic-legend span{
    display:flex;
    align-items:center;
}

.clinic-legend .dot{
    margin-right:12px;
}

.clinic-legend span{ font-family:'微軟正黑體'; font-weight: 500; }
.clinic-text{text-align: center; font-size: 20px; font-weight:  400; margin-top: 50px; color: #6f655e; line-height:1.8;} 
.time-btn{color:#fff; background-color: #887c75; font-size: 24px; letter-spacing: 5px; font-family: '微軟正黑體'; font-weight:600; padding:10px 5px 10px 10px; width: 200px; margin:30px auto; display:block; text-align:center; transition:ease .5s all;}
.time-btn:hover{background-color: #e9e6e4; color: #887c75; }


.page-foot{padding: 50px 0 0 0;}
.f-bgc{background-color: #887c75;}
.f-logo{display: block; margin:0 auto 50px auto; text-align: center;}
.f-logo img{width: 140px; }
.f-logo span{ color:#fff; font-size:30px; font-weight:400; }
.f-main h2{ font-size: 30px; font-weight: 500; color:#ffffff; border-bottom:1px solid #fff; padding-bottom: 20px; margin-bottom:20px; }
.f-main a{display: block; color: #ffffff; font-size: 24px; font-family: '微軟正黑體'; }
.f-main a:hover{opacity: 0.8;}
.f-main a img{height: 60px; margin-top: 5px;}
.f-social-icon{display: flex; padding: 0; justify-content: center; margin-top: 50px;}
.f-social-icon li{ margin:0 10px; }
.f-social-icon li img{width: 47px;}
.f-social-icon li a:hover{ opacity:0.8; }
.copyright.bg{ background-color:#f7f4ef;  }
.copyright{padding: 20px 0;}
.copyright p{font-size: 20px;color: #867b74; line-height: 1.5;font-family: '微軟正黑體'; }

.page_breadcrumb img{width: 100%; margin-bottom: 10px;}
.page_breadcrumb .page_breadcrumb-list{padding: 0; display:flex; flex-wrap: wrap; }
.page_breadcrumb .page_breadcrumb-list li{ color:#000; font-family: '微軟正黑體'; font-size:16px;margin-right:40px; position:relative; }
.page_breadcrumb .page_breadcrumb-list li a{color:#000!important;}
.page_breadcrumb .page_breadcrumb-list li a:hover{  opacity:0.6; }
.page_breadcrumb .page_breadcrumb-list li::after{content: '>'; position:absolute; right:-25px; top:0; }
.page_breadcrumb .page_breadcrumb-list li:last-child{color:#89786b;}
.page_breadcrumb .page_breadcrumb-list li:last-child::after{content: unset!important;}
.a2-item .box-img-9-16{ background-color: #efefef;}
.a2-item .box-img-9-16 iframe{ width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.a2-item h4{font-size: 18px; font-family: '微軟正黑體'; overflow: hidden; height: 45px; }

.doctor-pic{ width:70%;margin:auto; }
.doctor-main hr{width: 100%;  margin: 15px 0 20px 0 ;  border-bottom: 1px solid #ccc;}
.info-wrap ul{padding: 0; margin-bottom: 30px; margin-top: 20px;}
.info-wrap ul li{ font-size: 20px; font-family: '微軟正黑體'; border-bottom: 0.5px dotted #efefef; margin-bottom: 10px;padding-bottom: 10px;}
.info-wrap h4{margin: 0 0 10px 0; font-size: 24px;}
.info-wrap h4 i{font-size: 20px; color:#000; min-width: 25px;}
.doctor-main h3{font-size: 26px;}

.a3-item {border-radius: 15px; position: relative; overflow: hidden; border: 1px solid #887c75; box-shadow: 0 0 10px #887c75;}
.a3-item .box-img-5-4{border-bottom: 1px solid #ccc; border-radius: 0 0 15px 15px;box-shadow: 0 0 5px #887c7570;}
.a3-item .box-img-5-4 img{ transition:ease .5s all; }
.a3-item:hover .box-img-5-4 img{ transform: translate(-50%,-50%) scale(1.2)!important;  }
.a3-item h4{ margin: 20px 10px 20px 53px; color:#887c75; font-size: 20px; }
.a3-item:hover h4{ color: #c9b8ad; }
.a3-item i{color: #cfbfb6; font-size: 22px; position: absolute; left: 20px;bottom: 45px;min-width: 10px; }
.page-content1 .row{display: flex; justify-content: center;}
.pageblog-item .blog-info{    padding-left: 0;}
.pageblog-item .blog-info h4{ color: #000; }
.pageblog-item .blog-info p{color: #000; }
.pageblog-item .blog-info span{color: #887c75; border: 1px solid #887c75; transition: ease .5s all;}
.pageblog-item:hover .blog-info span{background-color: #887c75; color: #fff;  }
.pageblog-item .box-img-5-4 img{transition: ease .5s all;}
.pageblog-item:hover .box-img-5-4 img{ transform: translate(-50%,-50%) scale(1.2)!important;  }
.page-faq .row{display: flex; justify-content: center;}
.page-faq .sea-panel-title{    color: #887c75;  font-size: 22px;font-weight:700;    margin-bottom: 10px;}
.page-faq .sea-plus{color: #887c75;}
.page-faq .sea-panel-content{color: #292929;}
.page-faq .faq-part h2{color: #887c75; font-size: 30px; margin-bottom: 80px; text-align: center;}
.content2-item{box-shadow: 0 0 10px #ccc; overflow: hidden;}
.content2-info{margin: 10px; overflow: hidden; height: 144px;}
.content2-info small, .content2-info h4, .content2-info p{color: #000;}
.content2-info h4{margin-top: 5px; overflow: hidden; max-height: 57px;}
.content2-info small, .content2-info p{font-family: '微軟正黑體'; }
.content2-info p{overflow: hidden; max-height: 45px;}
.page-content2 .content2-item:hover .box-img-5-4 img{opacity: 0.8;}

.content2-item.category .content2-info a h4{ text-align:center;color:#776a60!important; }
.content2-item.category .content2-info{ height: 70px; display: flex; align-items: center; justify-content: center;}
.clinic-list h2{font-size: 22px; color: #b6afa8; margin-bottom: 20px;  display: inline-block;}
.clinic-list{ display: flex;flex-direction: column; background-color: #f9f3ee;  margin-bottom: 20px;  padding: 30px 20px 20px 20px;}
.clinic-list.bgc-ede4dc{background-color: #ede4dc;}
.clinic-list.bgc-efebe6{background-color: #efebe6;}
.clinic-list a{font-size: 18px; color: #6d6863;margin-bottom: 10px; display: inline-block;}
.clinic-list a img{    height: 40px; display: inline-block;}

.reservation-form{
    background:#f8f8f8;
    padding:50px 40px;
}

.reservation-form .container{
    max-width:1200px;
    margin:auto;
}

.form-group{
    margin-bottom:30px;
}

.form-group label{
    display:block;
    font-size:16px;
    color:#333;
    margin-bottom:12px;
}

.form-group label span{
    color:#d62d20;
}

.form-group input[type=text],
.form-group input[type=tel],
.form-group input[type=date],
.form-group select,
.form-group textarea{
    width:100%;
    height:50px;
    border:1px solid #999;
    border-radius:8px;
    padding:0 15px;
    font-size:16px;
    outline:none;
    transition:.3s;
    box-sizing:border-box;
}

.form-group textarea{
    height:120px;
    resize:vertical;
    padding-top:15px;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{
    border-color:#7f5a3a;
}

.radio-group{
    display:flex;
    align-items:center;
    gap:25px;
}

.radio-group label{
    display:flex;
    align-items:center;
    gap:6px;
    margin-bottom:0;
    font-weight:400;
}

.btn-submit{
    background:#000;
    color:#fff;
    border:none;
    padding:12px 28px;
    cursor:pointer;
    transition:.3s;
    margin: auto;
    display: block;
}

.btn-submit:hover{
    background:#3f2417;
}
.page-reserve .row{display: flex; justify-content: center;}
.reserve-main h2{ font-size:26px; margin-bottom: 30px; }
.reserve-main .f-social-icon{justify-content: flex-start;margin-bottom: 40px;  margin-top: 30px;}
.reserve-main .f-social-icon li img{width: 40px;}

.blog3-sectiontt{  color: #887c75; font-size: 26px; margin-bottom: 80px; text-align: center; }
.form-group textarea::placeholder{ color:#ccc; }
.page-doctor .clinic-legend .dot{ width: 20px; height:20px }
.form-qr{ width: 150px; }
.form-qrtt{width: 200px!important; max-width:100%; }

@media(min-width: 1400px){

  .swiper-slider.banner-section .jumbotron-mod-1{padding: 15% 60% 0 10%;}

}

@media(max-width: 1700px){
  .about-main-wrap{ right: 80px;}
}


@media(min-width: 768px) and (max-width: 1200px){
    ul.topicon{    right: unset!important;top: unset!important;}
    .brand-name > img{   width: 145px;margin-bottom: 30px;}
}

@media(min-width: 768px) and (max-width: 1199px){
    /*reset*/
    /*.page-head .rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(-50px);}*/

    /*layout-logocenter-i2*/
    .layout-logocenter-i2.rd-navbar-fullwidth .rd-navbar-nav-wrap{width: 100%;}
    .page-head .layout-logocenter-i2.rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(-31px);}
    .page-head .bg-transparent .layout-logocenter-i2.rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .layout-logocenter-i2.rd-navbar-fullwidth .rd-navbar-panel{ padding: 20px 0 0 0;}
    /*layout-logocenter-more*/
    .layout-logocenter-more.rd-navbar-fullwidth .rd-navbar-nav-wrap{width: 100%;}
    .page-head .layout-logocenter-more.rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(-20px);}
    /*layout-logoleft-i2*/
    .bg-transparent .layout-logoleft-i2.rd-navbar-fullwidth .rd-navbar-megamenu{ margin-top: 0;}
    .layout-logoleft-i2.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logoleft-i2.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{ margin-top: 10px;}
    .layout-logoleft-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-i2.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-i2.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-i2.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0;}
    .page-head .layout-logoleft-i2.rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(-45px);}
    .page-head .bg-transparent .layout-logoleft-i2.rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .layout-logoleft-i2.rd-navbar-fullwidth .rd-navbar-panel{ padding: 20px 0 0 0;}
    
    /*layout-logoleft-more*/
    .bg-transparent .layout-logoleft-more.rd-navbar-fullwidth .rd-navbar-megamenu{ margin-top: 0;}
    .layout-logoleft-more.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logoleft-more.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{ margin-top: 10px;}
    .layout-logoleft-more.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-more.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-more.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-more.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0;}
    .page-head .layout-logoleft-more.rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(-45px);}
    .page-head .bg-transparent .layout-logoleft-more.rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .layout-logoleft-more.rd-navbar-fullwidth .rd-navbar-panel{ padding: 20px 0 0 0;}
    
    /*layout-logoleft-navright-i2*/
    .bg-transparent .layout-logoleft-navright-i2.rd-navbar-fullwidth .rd-navbar-megamenu{margin-top: 0;}
    .layout-logoleft-navright-i2.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logoleft-navright-i2.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{ margin-top: 10px;}
    .layout-logoleft-navright-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-i2.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-i2.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-i2.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0;}
    .layout-logoleft-navright-i2.rd-navbar-static .rd-navbar-nav, .layout-logoleft-navright-i2.rd-navbar-fullwidth .rd-navbar-nav{ padding-top: 10px;}
    .page-head .layout-logoleft-navright-i2.rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(-45px);}
    .page-head .bg-transparent .layout-logoleft-navright-i2.rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .layout-logoleft-navright-i2.rd-navbar-fullwidth .rd-navbar-panel{ padding: 20px 0 0 0;}
    
    /*layout-logoleft-navright-more*/
    .bg-transparent .layout-logoleft-navright-more.rd-navbar-fullwidth .rd-navbar-megamenu{margin-top: 0;}
    .layout-logoleft-navright-more.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logoleft-navright-more.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{ margin-top: 10px;}
    .layout-logoleft-navright-more.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-more.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-more.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-more.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0;}
    .layout-logoleft-navright-more.rd-navbar-static .rd-navbar-nav, .layout-logoleft-navright-more.rd-navbar-fullwidth .rd-navbar-nav{padding-top: 10px;}
    .page-head .layout-logoleft-navright-more.rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(-45px);}
    .page-head .bg-transparent .layout-logoleft-navright-more.rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .layout-logoleft-navright-more.rd-navbar-fullwidth .rd-navbar-panel{ padding: 20px 0 0 0;}
    


}

@media(max-width: 1290px){
  .a-m-two.bg{  padding: 70px 10px 50px 60px;}
  .time-pic{ width: 45%;}
}

@media(min-width: 1200px){
    .rd-navbar-brand .brand-name{ margin-top: unset;}
    .rd-navbar-static.layout-logoleft-i2 .rd-navbar-panel{ min-width: 130px;}


    /*layout-logocenter-i2*/
    .layout-logocenter-i2.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-i2 .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{transform: translateY(10px);}
    .layout-logocenter-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-i2.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-i2 .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-i2 .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0px;}
    .layout-logocenter-i2.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logocenter-i2 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{margin-top: 10px;}
    /*layout-logocenter-more*/
    .layout-logocenter-more.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-more .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{transform: translateY(10px);}
    .layout-logocenter-more.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-more.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-more .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-more .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0px;}
    .layout-logocenter-more.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logocenter-more .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{margin-top: 10px;}
    /*layout-logoleft-i2*/
    .layout-logoleft-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-i2.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-i2 .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-i2 .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: -30px;}
    /*layout-logoleft-more*/
    .layout-logoleft-more.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-more.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-more .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-more .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: -30px;}
    /*layout-logoleft-navright-i2*/
    .layout-logoleft-navright-i2.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-i2.rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ transform: translateY(0);}
    .layout-logoleft-navright-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-i2.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-i2.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-i2.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0;}
    .layout-logoleft-navright-i2.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logoleft-navright-i2.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{ margin-top: 30px;}
    /*layout-logoleft-navright-more*/
    .layout-logoleft-navright-more.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-more.rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ transform: translateY(0);}
    .layout-logoleft-navright-more.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-more.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-more.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-more.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0;}
    .layout-logoleft-navright-more.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logoleft-navright-more.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{ margin-top: 30px;}

    .rd-navbar-static.layout-logoleft-i2 .rd-navbar-nav > li > a, .rd-navbar-fullwidth.layout-logoleft-i2 .rd-navbar-nav > li > a{ font-size: 20px;}
}

@media(max-width: 1200px){
    .bg-transparent .rd-navbar-static .rd-navbar-panel, .bg-transparent .rd-navbar-fullwidth .rd-navbar-panel{ display: flex;flex-direction: column;align-items: center;}
}

@media (max-width: 991px){
    /*reset*/
    .rd-navbar-fixed .rd-navbar-panel:before{ background: #fff;}
    .rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span{ background-color: #1a1a1a;}
    .rd-navbar-fixed .rd-navbar-brand img{ display: block; width: unset; height: 48px;}
    .rd-navbar-fixed .rd-navbar-brand{text-align: center;}
    .rd-navbar-fixed .rd-navbar-nav, .rd-navbar-sidebar{background: rgba(255, 255, 255, 0.9); width: 190px;}
    .rd-navbar-fixed .rd-navbar-nav-wrap:before{width: 190px;}
    .rd-navbar-fixed .rd-navbar-nav li > a{ color: #000; font-size: 21px; padding: 5px 16px 5px 16px;}
    .rd-navbar-fixed .rd-navbar-nav-wrap:before{background-color: #fff;}
    .jSlider.mob{margin-top: 47px;}
    .m-topicon-form{ display: flex !important;width: 28%; text-align: center; margin-top: 10px;z-index: 999; }

    /*tool*/
    .m-close{ display: none!important; }
    .m-open{ display: block!important; }
    /*article set*/
    .max-w-800 img{ max-width: 100%; width:100%; }
    /*table-rwd*/
    .table-rwd{ width: 100%;overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-rwd{ width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.product-tt>.table{margin-bottom:0}.product-tt>.table>tbody>tr>td,.product-tt>.table>tbody>tr>th,.product-tt>.table>tfoot>tr>td,.product-tt>.table>tfoot>tr>th,.product-tt>.table>thead>tr>td,.product-tt>.table>thead>tr>th{white-space:nowrap}.product-tt>.table-bordered{border:0}.product-tt>.table-bordered>tbody>tr>td:first-child,.product-tt>.table-bordered>tbody>tr>th:first-child,.product-tt>.table-bordered>tfoot>tr>td:first-child,.product-tt>.table-bordered>tfoot>tr>th:first-child,.product-tt>.table-bordered>thead>tr>td:first-child,.product-tt>.table-bordered>thead>tr>th:first-child{border-left:0}.product-tt>.table-bordered>tbody>tr>td:last-child,.product-tt>.table-bordered>tbody>tr>th:last-child,.product-tt>.table-bordered>tfoot>tr>td:last-child,.product-tt>.table-bordered>tfoot>tr>th:last-child,.product-tt>.table-bordered>thead>tr>td:last-child,.product-tt>.table-bordered>thead>tr>th:last-child{border-right:0}.product-tt>.table-bordered>tbody>tr:last-child>td,.product-tt>.table-bordered>tbody>tr:last-child>th,.product-tt>.table-bordered>tfoot>tr:last-child>td,.product-tt>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}
    /*article edite*/
    .content-tt hr{margin: 10px 0 30px 0;}
    .content-tt h3{  font-size: 20px;  line-height: 1.2;}

    .m-banner-section{ margin-top:60px; }
    .about-main{    margin-top: 0;}
    .about-main h2{    font-size: 30px; padding-left: 40px;}
    .about-main h2::before{    left: 0;top: 13px;}
    .about-main p{font-size: 18px;}
    .about-main-wrap{top: 0;}
    .about-section.section-pd{     padding: 50px 0 0 0; }
    .a-m-two.bg{    background-position: -47px -20px; padding:70px 10px 0 10px; margin-top: 330px;}
    .about2-section.section-pd{padding: 0;}
    .point-item .box-img{width: 60%; padding-top: 60%; margin: auto;}
    .section-tt{font-size: 30px;}
    .point-item h3{font-size: 26px;}
    .blog-part ul li{ flex-wrap: wrap;}
    .blog-part .blog-item .box-img-5-4{width: 100%; padding-top: calc(4 / 5 * 80%);}
    .blog-info{padding-left: 0; margin-top: 20px;}
    .blog-part h2{font-size: 30px;}
    .blog-info h4{  font-size: 22px;}
    .blog-info p{font-size: 18px;}
    .article-padding-set.mb-20{margin-bottom: 0;margin-top: 0;}
    .faq-part h2{ font-size: 30px;}
    .sea-panel-title{ font-size: 22px;}
    .article-padding-set{padding: 60px 40px 110px 40px;}
    .sea-faq-content{margin: 0 auto 50px auto;}
    .sea-panel-content{margin: 0;}
    .sea-faq-question{padding: 10px 10px 20px 0;}
    .blog-page-btn{font-size: 22px;}
    .ad-pic .box-img-5-4{width: 100%; padding-top: calc(4 / 5 * 90%);}
    .ad-list h2{    font-size: 24px; letter-spacing: 0;}
    .ad-section .row * + .col-xs-12{        margin-top: 15px;}
    .ad-section.section-pd{padding: 0 0 50px 0;}
    .ad-list ul li{      line-height: 1.5;  font-size: 20px; margin-bottom: 15px;}
    .ad-list ul li::before{top: 7px;}
    .blog3-section .row{flex-wrap: wrap;}
    .blog3-section .row > .section-tt-blog3{writing-mode: inherit; text-align: center; margin: auto;  padding-left: 46px;}
    .blog3-section .row > .section-tt-blog3::after{transform: rotate(183deg) skewY(352deg); font-size: 18px; left: -229px;}
   .blog3-info h4{    font-size: 24px;height: 61px;}
   .blog3-section .row * + .col-xs-12{margin-top: 0;}
   .time-section{    padding: 70px 0 0 0;}
   .clinic-table thead tr:first-child th{font-size: 26px;}
   .clinic-table thead tr:first-child strong{font-size: 26px;}
   .clinic-table thead tr:nth-child(2) th{    font-size: 18px;}
   .dot { width: 26px;  height: 26px;}
   .holiday{ font-size: 20px !important;}
   .note{ font-size: 20px !important;}
   .clinic-legend{ font-size: 14px;}
   .time-pic{display: none!important;}

   .f-logo span{font-size: 26px;}
   .f-main h2{font-size: 26px;}
   .f-main a{ font-size: 22px;}
   .copyright p{font-size: 16px; text-align: left!important;}
   .page-faq .faq-part h2{letter-spacing: 0;  font-size: 22px;    margin-bottom: 50px;}
   .page-faq .sea-panel-title{font-size: 20px;}
   .page-faq .sea-plus{top: 16px;}
   .page-faq .sea-panel-content{font-size: 18px;}
   .page-doctor .clinic-legend span{font-size: 15px;}
   .about-pic p{font-size: 26px; }
   .point-section.section-pd{padding: 0;}

   .clinic-legend .dot{ width: 20px; height: 20px; }
   .rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-fixed .rd-navbar-nav li:hover > a:hover, .rd-navbar-fixed .rd-navbar-nav li.focus > a, .rd-navbar-fixed .rd-navbar-nav li.focus > a:hover{  color: #000!important; background: transparent!important;}
   .rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle::after{ content:unset!important;}
   .rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle{width: 200px!important; left: 0;}
   /*.rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle.m-open{ display: inline-block;position: unset!important;margin-left:10px; }*/
   /*.rd-navbar-fixed .rd-navbar-nav .m-open.rd-navbar-submenu-toggle::after{position: unset!important;}*/
   /*.rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu >span{ display:none!important; }*/
   .rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu > a::after{ content: '\f078'; position: absolute; top: 19px; right: 0; margin-top: -22px; width: 65px; height: 44px; font: 400 14px "FontAwesome";line-height: 42px;text-align: center;transition: 0.4s all ease; z-index: -2; color: #000;}
   .rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu > a{padding: 5px 46px 5px 16px;   display: inline-block;}
   .rd-navbar-fixed .rd-navbar-nav li.opened > a{  background: transparent; color: #000!important;}
   .rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-megamenu{    padding-left: 10px;}

   .f-logo img{    width: 90px;}
   .about-main-wrap{right: 0;}


   }


@media(max-width: 768px){
    /*reset*/
    .rd-navbar-fixed a.fa-shopping-cart, .rd-navbar-fixed .rd-navbar-search{ top: 0;transform: unset;left: 0!important;}
    .rd-navbar-fixed .rd-navbar-search-form{width: 80px; border: 1px solid #efefef;position: unset;}
    .rd-navbar-fixed .rd-navbar-search-form-input input::placeholder{color: #ccc; font-size: 14px;}
    .rd-navbar-fixed .rd-navbar-panel{justify-content: space-between;}
    ul.topicon{ right: unset!important;  top: unset!important;  display: flex!important; text-align: center;margin-top: 10px; z-index: 999;}
    ul.topicon li img{    width: 20px;height: 20px;}
    .shopping-car span{top: -6px;}
    .rd-navbar-fixed a.fa-shopping-cart{    left: unset; text-align: left; position: relative;}
    .mobile .rd-navbar-fixed .rd-navbar-search{position: relative; left: unset;top: -4px;}

    /*layout-logocenter-more*/
    .layout-logocenter-more.rd-navbar-fixed .rd-navbar-panel{ height: 97px;}
    .layout-logocenter-more ul.topicon{bottom: -7px;position: absolute;justify-content: center; }
    .layout-logocenter-more .m-topicon-form{width: 100%; bottom: 5px; position: absolute;justify-content: center;}
    /*layout-logoleft-more*/
    .layout-logoleft-more.rd-navbar-fixed .rd-navbar-panel{ height: 97px;}
    .layout-logoleft-more ul.topicon{bottom: -7px;position: absolute;justify-content: center;  width: 100%;}
    .layout-logoleft-more .m-topicon-form{ bottom: 4px;position: absolute; justify-content: center;width: 100%;}
    /*layout-logoleft-navright-more*/
    .layout-logoleft-navright-more.rd-navbar-fixed .rd-navbar-panel{ height: 97px;}
    .layout-logoleft-navright-more ul.topicon{bottom: -7px;position: absolute;justify-content: center;  width: 100%;}
    .layout-logoleft-navright-more .m-topicon-form{    bottom: 2px;position: absolute; justify-content: center; width: 100%;}

}