/*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{ color: #231815;font-size: 20px!important;  padding: 6px 0px 7px;font-weight:500; letter-spacing: 2px;    border-bottom: .5px solid transparent; }
.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: #952232; border-bottom: .5px solid #952232; border-radius:0; }
.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%;}
.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; padding: 0;display: inline-block;}
.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{border-bottom: .5px solid #952232; color:#952232; }
.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: 0;}
.page-head .bg-transparent .rd-navbar-static .rd-navbar-inner, .page-head .bg-transparent .rd-navbar-fullwidth .rd-navbar-inner{padding-top: 24px; padding-bottom: 20px;}
.page-head .bg-transparent .rd-navbar-static .rd-navbar-nav > li + li{    margin-left: 30px;}
.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu li, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu li{    padding: 2px 15px;}



/*tool*/
.justify{ text-align: justify!important; }
.clear{ clear:both; }
.f-13{font-size: 13px;}
.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;}
.c-888{color: #888;}
.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-95{ width:95%; 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 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: #af2233;color: white;}
ul.pagination-m li a:hover:not(.active) {background-color: #ddd;}

ul.topicon{position: absolute; 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: 30px; right: 15px;}
.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*/
.navbar-active {background-color: transparent;}
.navbar-active >a{ color: #9d2334!important; border-bottom:.2px solid #9d2334!important;border-radius:unset!important; }

/*固定背景改良*/
.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 hr{border-bottom: 1px solid #ddd; width: 100%; margin: 10px 0 50px 0;}
.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 table td{padding: 10px;}
/*----*/

.section-pd{padding: 50px 0 0 0;}
.products-area{padding: 50px 0;}
.featured-products-area{padding: 50px 0;}
.process-area{padding: 50px 0;}
.page-video{padding: 50px 0;}
.reserve-area{padding: 50px 0;}
.page-products{padding: 50px 0;}
.page-products-f-other{padding: 50px 0;}
.page-photos{padding: 50px 0;}
.page-about{padding: 50px 0;}
.page-faq{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;}
/*.m-topicon-form{ display: none;}*/

.showpic-box{ width: 100%;padding-top: calc(5 / 4 * 80%); overflow: hidden;position: relative;}
.showpic-box img{position: absolute; left: 50%;top: 50%;transform: translate(-50%, -50%); object-fit: cover; width: 100%;height: 100%;}

.search-bar{display: flex; align-items: center;  justify-content: space-between; border:.5px solid #231815;max-width: 280px;width: 100%;}
.search-bar img{ margin-right:5px; margin-left: 5px;}
.search-bar input{width: 60%; border: unset; letter-spacing: 2px;color: #000; padding-right: 20px;}
.search-bar input::placeholder{color: #000; font-weight: 400; padding-left: 40px;}
.search-bar button{border-radius: unset; border: unset; background-color: #af2233; color: #fff; font-size: 16px; padding: 3px 5px;}
.about-title{ display:inline-flex; align-items: flex-end;padding-right: 10px; padding-bottom: 15px; margin-bottom:30px; border-bottom:.3px solid #b82838; }
.about-title img{ width:30px; margin-right:10px; }
.about-title span{ color:#a62231; font-size:36px; letter-spacing: 3px; font-family:"Times New Roman"; font-weight: 600; line-height: 0.6; margin-right: 10px;}
.about-title span:last-child{ color:#12356d!important;font-size:20px!important; font-family: "Noto Serif TC" , serif ;    line-height: 0.9;}
.about-info{width: 85%;margin: auto;}
.about-text{font-family: "Noto Serif TC" , serif;    width: 100%; max-width: 470px;}
.about-text p{margin-bottom: 30px;    font-size: 20px;}

.about-btn{font-size: 18px; color: #9f232f; font-family:"Times New Roman"; font-weight:600; float:right; margin-right:50px; }
.about-btn:hover{ color: #a78f75;  }
.about-btn:hover i{ background-color:#d9d0c6; color:#a8846b;}
.about-btn i{ font-size:18px; font-weight: 100;font-family:"Times New Roman"; border-radius: 50%; display: inline-block; text-align: center; width: 30px; height: 30px;min-width: unset;  background-color:#a62231; color:#ffffff; line-height:1.7; margin-right:10px; }
.about-pic{width: 80%;}

.products-title{border-left: 5px solid #9f232f; padding-left: 20px;  margin-bottom: 80px;}
.products-title h3{ font-size:36px; font-weight:600;font-family:"Times New Roman"; line-height: 0.7; letter-spacing:3px; color:#a62231; margin-bottom: 10px; display: inline-block;    text-transform: capitalize;}
.products-title p{ font-size:26px; color:#231815; margin-bottom: 0;  line-height: 0.8;  }

.products-wrap{width: 85%;display: block; margin: auto;}
.products-box{ width:100%; padding-top:100%; overflow: hidden; position: relative; background-color: #ccc;}
.products-box img{ position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; width: 100%; height: 100%; transition: ease .5s all;}
.products-category a:hover .products-box::after{content: ""; display: block; width: 100%; height: 100vh;background-color: rgba(0, 0, 0, 0.3);position: absolute;top: 0; left: 0; z-index: 99;}
.products-category a:hover .products-box img{transform: translate(-50%, -50%) scale(1.2);}
.page-products-f-other .container .row{ width:90%!important; margin: auto; }

.products-category a{display: block; box-shadow: 1px 1px 5px #ccc; padding: 10px; border-bottom: 2px solid #a62338;}
.products-category a:hover{border-bottom: 2px solid #888;}
.products-info h3{font-size: 26px; font-weight: 400; letter-spacing: 3px; color: #231815; text-align:center; }
.products-category a:hover .products-info h3{color: #a82339;}
.products-info{padding: 20px 0 10px 0;}

.products-btn{ position: relative; border-radius:3px; background-color:#a12230; color:#fff; font-size:26px; letter-spacing:5px; padding: 0px 40px; font-family: "Noto Serif TC" , serif; line-height: 2; left: 50%; position: relative;transform: translateX(-50%); display: inline-block; margin-top: 40px;border:1px solid transparent; }
.products-btn:hover{ background-color: transparent!important;  color:#9a212e; border:1px solid #9a212e; }
.products-btn::before,.products-btn::after{ content:""; display:block; width:130%; height:1px; background-color:#a12230; position:absolute; top:50%;  }
.products-btn::before{left: -140%;}
.products-btn::after{right: -140%;}

.process-area-bg{ background-image: url(../images/process-bg.jpg); background-size: cover; background-repeat: no-repeat;}
.process-area .row{display: flex; justify-content: center;}

.process-title{border-right: 5px solid #fff; text-align: right; padding-right: 20px;  margin-bottom: 80px;}
.process-title h3{ font-size:36px; font-weight:600;font-family:"Times New Roman"; line-height: 0.7; letter-spacing:3px; color:#fff; margin-bottom: 10px; display: inline-block;}
.process-title p{ font-size:26px; color:#fff; margin-bottom: 0;  line-height: 0.8;  }
.featured-style.box-img{ box-shadow:1px 1px 1px #ccc; border: 1px solid #efefef; } 
.featured-style.box-img img{  border: 1px solid transparent;}
.featured-item h3{ font-size:18px; font-weight:400; color: #000; text-align:center; margin-top:15px; letter-spacing:0; }
.featured-item a{padding: 10px; display: block;}

.footer-bgc-f0f0f3{background-color: #f0f0f3;}
.footer-logo{width: 100%; max-width: 100%;}
.f-icon{padding: 0;display: flex; margin-top: 16px; justify-content: space-around;}
.f-icon a{margin-right: 10px;}
.f-icon a img{ width:40px;}
.page-foot .f-info{ display: block; font-size:20px; font-weight: 300; font-family:"Noto Serif TC", serif; color:#231815;margin: 2px 0;line-height: 1.6; }
.page-foot .f-info > span{    width: 85px; display: inline-flex;justify-content: space-between;}
.page-foot a.f-info:hover{ opacity:0.6; }
.f-pd-tt{font-size: 20px; border-left: 3px solid #231815; padding-left: 8px; color: #231815;font-weight: 700; line-height: 1;}
.f-pd-link{padding: 0;}
.f-pd-link li a{font-size: 20px; color: #231815;letter-spacing:2px;font-weight:300; word-break:keep-all; }
.f-pd-link li a:hover{opacity: 0.7;}
.copyright.bgc-9b323c{background-color: #9b323c;padding: 5px 0 0px 0;}
.copyright.bgc-9b323c p{color: #fff; font-family:"Noto Serif TC", serif; font-size: 16px; font-weight: 500;}

.page-top{border-top: 4px solid #af2233;}
.page-top img{ width:100%;  }
.page-top ul{ display:flex; flex-wrap: wrap; padding:10px 0 10px 50px; }
.page-top ul li{ margin-right:30px; position:relative; }
.page-top ul li::after{content: ">"; position: absolute; right: -20px;}
.page-top ul li:last-child::after{content:unset!important;}
.page-top ul li a{ color:#3a3a3a; font-size:16px; letter-spacing: 3px;}
.page-top ul li a:hover{ opacity:0.8; }
.video-source iframe{ width:100%; height:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.video-source{ width: 100%; padding-top: calc(4 / 5 * 70%); overflow: hidden; background: #ccc; position: relative;}
.video-item h3{font-size: 20px; margin-top: 10px; overflow: hidden; height: 53px;}

.reserve-map iframe{ width:100%; height:300px;overflow:hidden; }
.reserve-area .f-info{ display: block; font-size:20px; font-family:"Noto Serif TC", serif; color:#231815;margin: 2px 0; font-weight: 600;}
.reserve-area .f-info > span{    width: 85px; display: inline-flex;justify-content: space-between;}
.reserve-area a.f-info:hover{ opacity:0.6; }
.reserve-info h3{font-size: 24px;padding-left: 10px; border-left: 5px solid #af2233; margin-bottom: 30px;}
.reserve-info{margin-left: 50px; margin-bottom: 50px;}
.page-products .row{display: flex; justify-content: center;}
.page-products .row.photo{display: flex; justify-content: flex-start;    flex-wrap: wrap;}
.page-products .content-tt h3{font-size: 26px; font-weight: 600; color: #000; text-align: center; font-family: "Noto Serif TC" , serif ; letter-spacing: 2px; margin-bottom:50px; }
.page-products .content-tt h3 small{font-size: 13px; font-weight: 500;color: #000; display: block;margin-bottom: 5px; letter-spacing: 0; text-transform: capitalize; }
.page-products .content-text p{ font-size:20px; line-height:1.8; }

.page-products-f-tt{font-size: 26px; font-weight: 600; margin-bottom: 50px;text-align: center; }
.photo-box-a{width: 100%; padding-top: calc(5 / 4 * 100%); overflow: hidden; position: relative; background-color: #ccc;}
.photo-box-a img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); object-fit:cover; width:100%; height:100%; }
.photo-box-b{width: 100%; padding-top: calc(4 / 5 * 70%); overflow: hidden; position: relative; background-color: #ccc;}
.photo-box-b img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); object-fit:cover; width:100%; height:100%; }

.page-title{border-left: 5px solid #000; padding-left: 20px;  margin-bottom: 50px;}
.page-title h3{font-size:26px; color:#000; margin-bottom: 0;  line-height: 1; }
.page-title p{ font-size:16px; font-weight:400;font-family:"Times New Roman"; line-height: 1; letter-spacing:1px; color:#000; margin-bottom: 10px; display: inline-block;  }

.page-about-main p{font-size: 20px; font-weight:400;line-height:1.8; }
.page-about-main{margin-bottom: 120px;}

.concept-tt{font-size: 24px; font-weight: 700; margin-bottom: 90px;letter-spacing: 0;text-align: center;}
.concept-item{display: flex; align-items: center;}
.concept-item img{width: 100px;margin-right: 20px;}
.concept-info{ font-size: 20px;}
.page-concept-wrap .row{width: 80%; margin: auto;}
.concept-mb{margin-bottom: 80px;}
.f-logo-wrap{width: 70%;}
.m-br{ display:none; }




.fancybox-toolbar .fancybox-button,.fancybox-navigation .fancybox-button div{background:rgb(255 39 39 / 60%) !important;}
.fancybox-toolbar{  right: 50%!important; transform: translateX(50%)!important; display: block;  top: unset!important; bottom: 10%;}
.fancybox-button svg{  color: #ffffff;}

.products-category.faq-item a{border-bottom: unset!important;}
.products-box.faqbox{ padding-top: 100%; border: unset!important;}
.products-info.faqinfo{    overflow: hidden; height: 92px;}
.products-info.faqinfo small{ font-size:13px; display: block; text-align:center;  margin-bottom: 1px; }
.products-info.faqinfo h3{font-size: 18px;letter-spacing: 1px;    overflow: hidden; max-height: 50px;}





@media(min-width: 768px) and (max-width: 1200px){
    ul.topicon{ right: 50% !important;top: unset!important; transform: translateX(50%);}
    .brand-name > img{   width: 115px;margin-bottom: 12px;}
    .rd-navbar-static .rd-navbar-panel, .rd-navbar-static .rd-navbar-nav-wrap{display: block;margin-top: 27px;}
    .layout-logoleft-navright-i2.rd-navbar-static .rd-navbar-nav, .layout-logoleft-navright-i2.rd-navbar-fullwidth .rd-navbar-nav{    text-align: center;}
}

@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: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(min-width: 1200px){
    .rd-navbar-brand .brand-name{ margin-top: unset;}
    


    /*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: 14px; width: 140px; border-radius: 0;padding: 12px 0;}
    /*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;}

}

@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;  margin: auto;}
    .about-info{ width: 84%;}

}


@media(min-width:991px){
  .pic-arrow-left{ margin-left: -3%;}
  .pic-arrow-right{ margin-right: -3%;}
}
@media (max-width: 991px){
    /*reset*/
    .rd-navbar-fixed .rd-navbar-panel:before{ background: #fff;}
    .rd-navbar-fixed .rd-navbar-panel{justify-content: space-between;height: 113px;}
    .rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span{ background-color: #af2233;}
    .rd-navbar-fixed .rd-navbar-brand img{ display: block; width: unset; height: 65px;}
    .rd-navbar-fixed .rd-navbar-brand{text-align: center;height: 65px;}
    .rd-navbar-fixed .rd-navbar-nav, .rd-navbar-sidebar{background: #fff; width: 210px!important;}
    .rd-navbar-fixed .rd-navbar-nav-wrap:before{width: 210px!important;}
    .rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle{    width: 210px!important;}
    .rd-navbar-fixed .rd-navbar-nav li > a{ color: #000;  font-size: 20px;}
    .rd-navbar-fixed .rd-navbar-nav li:focus > a,.rd-navbar-fixed .rd-navbar-nav li:active > a{color: #af2233!important;}
    .rd-navbar-fixed .rd-navbar-nav-wrap:before{background-color: #fff;}
    .jSlider.mob{margin-top: 97px;}
    .m-topicon-form{ display: flex !important;width: 28%; text-align: center; margin-top: 10px;z-index: 999; }
    ul.topicon{ right: 50%!important; transform: translateX(50%); top: 70px!important;  display: flex!important; text-align: center;margin-top: 10px; z-index: 999;}
    ul.topicon li img{    width: 20px;height: 20px;}
    .rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle{display: block!important;}
    /*tool*/
    .m-close{ display: none!important; }
    .m-open{ display: block!important; }
    .m-width-95{ width:95%; display:block; margin: auto; }
    .m-float-bt{float: left; width:50%; }
    .m-float-bt:nth-child(even){float: right!important;width:50%;}

    /*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;}

    .page-about{padding:80px 0 0 0!important;}
    .about-info{margin: 0 0 0 25px;}
    .about-text p{    text-align: justify;}
    .about-title span{    font-size: 30px;letter-spacing: 2px;}
    .products-title{margin-bottom: 50px;}
    .products-title h3{font-size: 30px;}
    .products-title p{    font-size: 22px;}
    .products-info h3{font-size: 18px;}
    .products-btn{ font-size: 20px; margin-top: 30px;}
    .process-title h3{  font-size: 30px;  letter-spacing:1px; }
    .process-title p{  font-size: 22px;  }
    .page-products-wrap{width: 95%; margin: auto;}
    .page-top{margin-top: 114px;}

    .rd-navbar-fixed .rd-navbar-nav li > a{padding: 5px;display: inline-block !important;}
    .reserve-info{    margin-left: 10px;}
    .reserve-info h3{margin-bottom: 21px;    font-size: 20px;}
    .reserve-area .f-info{font-size: 19px;}
    .page-top ul{    padding: 10px 0 10px 10px;}
    .page-top ul li a{    font-size: 14px;}
/*  ---  */

      .about-title{flex-wrap: wrap;}
      .about-title span:last-child{ margin-top: 15px; font-size: 18px !important;}
      .products-wrap{width: 100%;}
      .about-pic{    width: 70%;}
      .about-btn{margin-right: 10px;}
      .page-foot .f-info{font-size: 18px;}
      
.page-concept-wrap .row{width: 100%; margin: auto;}
.page-about-main{    margin-bottom: 45px;}
.concept-tt{margin-bottom: 50px;}
.concept-mb{margin-bottom: 50px;}

.f-logo-wrap{margin: auto;}
.page-foot{    padding-bottom: 20px!important;}
.footer-logo{    width: 80%; margin: auto; display: block;}
.page-products .row.photo{display: block!important;}

.fix-menu ul{  padding-bottom: 5px!important; }
.fix-menu ul::after{padding-top: 298%!important;}
.m-br{ display:block!important; }
.rd-navbar-toggle{    margin-top: 10px;}
.search-bar input{ padding-right: 10px;}
.f-icon a img{ width:50px;}

}

@media(max-width:767px){
  .row * + .col-xs-12{margin-top: 15px!important;}
}

@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;}
    
    
    .search-bar button{ font-size: 12px;}
    .search-bar input{font-size: 12px;background: #fff; }
    .search-bar input::placeholder{ padding-left: 25px;}
    .rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle::after{ color: #af2233; }
    .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;}

    .rd-navbar-fixed .rd-navbar-nav li.opened > a{ background: transparent; color:#af2233!important; }
    .rd-navbar-fixed .rd-navbar-nav .rd-navbar-dropdown > li > a, .rd-navbar-sidebar .rd-navbar-nav .rd-navbar-dropdown > li > a{ padding-left: 40px;}
    .rd-navbar-fixed .rd-navbar-nav li.opened > a, .rd-navbar-fixed .rd-navbar-nav li a:hover, .rd-navbar-fixed .rd-navbar-nav li a:focus ,.rd-navbar-fixed .rd-navbar-nav li a:active{ color: #af2233;}
    .rd-navbar-fixed .rd-navbar-nav li.focus > a, .rd-navbar-fixed .rd-navbar-nav li > a:hover, .rd-navbar-sidebar .rd-navbar-nav li.focus > a, .rd-navbar-sidebar .rd-navbar-nav li > a:hover{color: #af2233;}
    .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: #231815; background: transparent;}


    /*layout-logocenter-more*/
    .layout-logocenter-more.rd-navbar-fixed .rd-navbar-panel{ height: 117px;}
    .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%;}

}