@charset "UTF-8";
/*------------------------------- Section Title Styles ---------------------------------*/
.title__be--2 { color: #2e2e2e; font-size: 24px; line-height: 1.4; padding: 0 0 30px; position: relative; }

.section__title.title--white h2, .section__title.title--white h4 { color: #fff; }

.section__title.title--white h2.title__be--2::after, .section__title.title--white h4.title__be--2::after { content: url("../images/icons/icon_title3.png"); }

.section__title h2, .section__title h4 { color: #2e2e2e; display: block; font-size: 24px; margin-bottom: 30px; padding: 50px 0 30px; position: relative; text-transform: uppercase; font-weight: 700; }

.section__title h2::before, .section__title h4::before { background: rgba(0, 0, 0, 0) url("../images/icons/line_title.png") repeat scroll 0 0; bottom: 0; content: ""; height: 9px; left: 50%; position: absolute; transform: translateX(-50%); width: 83px; }

.section__title h2::after, .section__title h4::after { content: url("../images/icons/icon_title.png"); display: block; left: 50%; position: absolute; text-align: center; top: 0; transform: translateX(-50%); }

.section__title h2.title__be--2::after, .section__title h4.title__be--2::after { content: url("../images/icons/icon_title2.png"); }

.section__title h2.after__with--border::before, .section__title h4.after__with--border::before { border-bottom: 2px solid #e1e1e1; border-top: 2px solid #e1e1e1; bottom: 0; content: ""; height: 9px; left: 50%; margin-left: -33px; position: absolute; transform: skewX(70deg); width: 66px; background-image: none; }

@media (max-width: 420px) { .section__title h2, h4 { font-size: 17px; } }

.version_menu_01 .mainmenu__nav { justify-content: center; }

@media (min-width: 992px) and (max-width: 1199px) { .version_menu_01 .navtool { padding-top: 5px; }
  .version_menu_01 .mainmenu__nav { justify-content: flex-end; } }

@media (max-width: 991px) { .version_menu_01 .navtool { margin-right: 50px; } }

@media (max-width: 767px) { .version_menu_01 #mainnav { min-height: 80px; height: auto; } }

@media (max-width: 420px) { .version_menu_01 .logo a { justify-content: center; }
  .version_menu_01 .navtool li a { padding: 10px; } }

.version_photo_03 { background: #F2F2F2; }

.banner--5 .banner { overflow: hidden; position: relative; }

.banner--5 .banner .thumb { overflow: hidden; position: relative; }

.banner--5 .banner .thumb a img { transition: all 300ms ease-in 0s; width: 100%; }

.banner--5 .banner .content { left: 50%; min-width: 100%; padding: 0 30px; position: absolute; top: 30%; transform: translateX(-50%) translateY(-50%); }

.banner--5 .banner .content.content__bg { background-color: rgba(22, 22, 27, 0.97); left: 40px; min-width: auto; padding: 50px 20px; right: 40px; transform: translateX(0px) translateY(-50%); }

.banner--5 .banner .content.border-top-bottom::after { background: #333333; border-bottom: 0 none; bottom: 25px; content: ""; height: 3px; left: 50%; pointer-events: none; position: absolute; transform: translateX(-50%); width: 40px; }

.banner--5 .banner .content.border-top-bottom::before { background: #333333; content: ""; height: 3px; left: 50%; pointer-events: none; position: absolute; top: 25px; transform: translateX(-50%); width: 40px; }

.banner--5 .banner .content h3 a, .banner--5 .banner .content h4 a { font-size: 24px; font-weight: 700; line-height: 30px; margin-bottom: 5px; text-transform: uppercase; display: block; }

.banner--5 .banner .content p { font-size: 18px; font-weight: 300; line-height: 25px; }

.banner--5 .banner .content h4 { font-size: 24px; font-weight: 700; line-height: 30px; margin-bottom: 5px; text-transform: uppercase; }

.banner--5 .banner .content h6 { color: #333333; font-size: 18px; font-weight: 700; line-height: 30px; margin-bottom: 5px; text-transform: uppercase; }

.banner--5 .banner .content span { font-size: 14px; font-weight: 300; line-height: 25px; display: block; }

.banner--5 .banner .content.content__with__border::after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #fff; border-image: none; border-style: none solid solid; border-width: 0 5px 5px; bottom: -42px; content: ""; height: 50px; left: 50%; pointer-events: none; position: absolute; transform: translateX(-50%) translateY(100%); width: 140px; }

.banner--5 .banner .content.content__with__border::before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #fff; border-image: none; border-style: solid solid none; border-width: 5px 5px 0; content: ""; height: 50px; left: 50%; pointer-events: none; position: absolute; top: -25px; transform: translateX(-50%) translateY(-100%); width: 140px; }

.banner--5 .banner .link { bottom: 30px; left: 0; padding: 0 30px; position: absolute; right: 0; }

.banner--5 .banner .link a { color: #fff; font-size: 12px; font-weight: 600; text-transform: uppercase; }

.banner--5 .banner .link.poss--center { bottom: -32px; }

.banner--5 .banner.co13 .content { top: 50%; }

.banner--5 .banner.co13 .content.border-top-bottom { padding: 44px 30px; }

.banner--5 .banner.co13 .content.border-top-bottom.border--white::before { background: #fff; }

.banner--5 .banner.co13 .content.border-top-bottom.border--white::after { background: #fff; }

.banner--5 .banner:hover .thumb a img { transform: scale3d(1.05, 1.05, 1.05); }

.banner--5 .banner:hover .content h3 { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--5 .banner:hover .content p { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--5 .banner:hover .content h4 { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--5 .banner:hover .content h6 { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--5 .banner:hover .content a.shopbtn { animation: 700ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--5 .banner:hover .link { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--5 .banner:hover span { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--5 .banner .content.pss--right { left: auto; right: 0; min-width: auto; padding: 0 30px; transform: translateX(0) translateY(-50%); }

@keyframes fadeInUp { from { opacity: 0;
    transform: translate3d(0, 100%, 0); }
  to { opacity: 1;
    transform: none; } }

@media (min-width: 992px) and (max-width: 1199px) { .banner--5 .banner.co13 .content.border-top-bottom { padding: 44px 7px; } }

@media (max-width: 767px) { .banner--5 .banner .content.content__with__border::before, .banner--5 .banner .content.content__with__border::after { display: none; } }

@media (max-width: 575px) { .banner--5 .banner .content.content__with__border::after { bottom: -26px; } }

@media (max-width: 390px) { .banner--5 .banner .content h4 { font-size: 16px; line-height: 23px; }
  .banner--5 .banner .content h6 { font-size: 16px; line-height: 22px; } }

/*-------------------------- Shop Colection Styles ----------------------------*/
.list__categories { overflow: hidden; position: relative; margin-top: 30px; }

.list__categories .thumb__catrgories { position: relative; }

.list__categories .thumb__catrgories::before { background: rgba(22, 22, 27, 0.97); bottom: 0; content: ""; left: 0; opacity: 0; pointer-events: none; position: absolute; right: 0; top: 0; transition: all 400ms ease-in 0s; z-index: 1; }

@media (max-width: 991px) { .list__categories .thumb__catrgories::before { opacity: 1; } }

.list__categories .thumb__catrgories a img { width: 100%; transition: all 400ms ease-in 0s; }

.list__categories .desc__categories { left: 85px; position: absolute; right: 85px; top: 50%; transform: translateY(-50%); z-index: 1; }

.list__categories .desc__categories .categories__content { border: 2px solid #fff; padding: 110px 30px 100px; transform: scale3d(1.2, 1.2, 1.2); transition: all 500ms ease-in 0s; opacity: 0; }

@media (max-width: 991px) { .list__categories .desc__categories .categories__content { opacity: 1; border: none; } }

.list__categories .desc__categories .categories__content h6 a { display: block; font-size: 16px; font-weight: 600; line-height: 1; margin-bottom: 35px; padding-bottom: 10px; position: relative; text-transform: uppercase; transition: all 300ms ease-in 0s; }

.list__categories .desc__categories .categories__content h6 a::before { background: #D1B238; bottom: -2px; content: ""; height: 2px; left: 0; position: absolute; width: 45px; }

.list__categories .desc__categories .categories__content p { margin: 0 0 9px; letter-spacing: 0.025em; }

.list__categories:hover .thumb__catrgories a img { transform: scale3d(1.05, 1.05, 1.05); transition: all 400ms ease-in 0s; }

.list__categories:hover .thumb__catrgories::before { opacity: 1; transition: all 400ms ease-in 0s; }

.list__categories:hover .desc__categories .categories__content { opacity: 1; transform: scale3d(1, 1, 1); }

.owl__dot--cus { position: relative; }

.owl__dot--cus .owl-dots { bottom: 20px; left: 0; position: absolute; right: 0; text-align: center; }

.owl__dot--cus .owl-dots span { background: #aaaaaa; border-radius: 100%; display: block; height: 10px; margin: 5px; width: 10px; transition: 0.4s; }

.owl__dot--cus.owl-theme .owl-dots .owl-dot.active span, .owl__dot--cus.owl-theme .owl-dots .owl-dot:hover span { background: #D1B238 none repeat scroll 0 0; }

@media (min-width: 992px) and (max-width: 1199px) { .list__categories .desc__categories .categories__content { padding: 72px 30px 72px; }
  .list__categories .desc__categories { left: 20px; right: 20px; } }

@media (min-width: 768px) and (max-width: 991px) { .list__categories .desc__categories .categories__content { padding: 72px 30px 72px; }
  .list__categories .desc__categories { left: 20px; right: 20px; } }

@media (max-width: 767px) { .list__categories .desc__categories .categories__content { padding: 15px 30px; }
  .list__categories .desc__categories { left: 20px; right: 20px; } }

@keyframes fadeInUp { from { opacity: 0;
    transform: translate3d(0, 100%, 0); }
  to { opacity: 1;
    transform: none; } }

.fadeInUp { animation-name: fadeInUp; }

.banner__style--7 .container-fluid { padding-left: 0px; padding-right: 0px; width: 100%; }

.banner--7 { position: relative; }

.banner--7 .thumb { display: block; margin-top: 30px; overflow: hidden; position: relative; text-align: center; }

.banner--7 .thumb::before { background-color: rgba(22, 22, 27, 0.97); bottom: 0; content: ""; left: 0; opacity: 0; pointer-events: none; position: absolute; right: 0; top: 0; transition: all 0.3s ease-in-out 0s; z-index: 1; }

.banner--7 .thumb a { display: block; overflow: hidden; }

.banner--7 .thumb a img { width: 100%; }

.banner--7 .content { color: #fff; left: 50%; min-width: 100%; opacity: 0; padding: 0 10px; pointer-events: none; position: absolute; text-align: center; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 2; }

.banner--7 .content h3, .banner--7 .content h4 { color: #fff; font-size: 18px; font-weight: 600; line-height: 1; margin-bottom: 10px; text-transform: uppercase; }

.banner--7 .content p { color: #fff; font-size: 14px; line-height: 25px; }

.banner--7 .content a { color: #D1B238; display: inline-block; font-size: 12px; font-weight: 700; line-height: 25px; margin-top: 60px; text-transform: uppercase; }

.banner--7:hover .thumb::before { opacity: 1; }

.banner--7:hover .content h4 { animation: 300ms ease-in-out 0s normal none 1 running fadeInUp; -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--7:hover .content .description { animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--7:hover .content .btn { animation: 700ms ease-in-out 0s normal none 1 running fadeInUp; -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInUp; }

.banner--7:hover .content { opacity: 1; }

@media (min-width: 992px) and (max-width: 1199px) { .banner--7 .content a { margin-top: 14px; }
  .banner--7 .content h3 { font-size: 14px; line-height: 1.5; } }

@media (max-width: 575px) { .banner--7 .content a { font-size: 12px; line-height: 25px; margin-top: 10px; } }

.slider--nine .slide.align__center--left { align-items: center; display: flex; }

.slider--nine .slide .slider__content h2 { font-size: 5.7rem; text-transform: capitalize; }

.slider--nine .slide .slider__content h1 { font-size: 4.28rem; line-height: 1; margin-bottom: 20px; }

.slider--nine .slide .slider__content h1 span { color: #D1B238; }

.slider--nine .slide .slider__content p { margin: 0 0 50px; max-width: 725px; }

.slider--nine .slide .slider__content a { color: #201f29; transition: 0.3s; }

.slider--nine .slide .slider__content a:active, .slider--nine .slide .slider__content a:hover { color: #D1B238; }

.owl-item.active .animation__style01 .slider__content h2 { animation: 800ms ease-in-out 0s normal none 1 running zoomInUp; }

.owl-item.active .animation__style01 .slider__content h3 { animation: 800ms ease-in-out 0s normal none 1 running zoomInUp; }

.owl-item.active .animation__style01 .slider__content h1 { animation: 1000ms ease-in-out 0s normal none 1 running zoomInUp; }

.owl-item.active .animation__style01 .slider__content p { animation: 1200ms ease-in-out 0s normal none 1 running zoomInUp; }

.owl-item.active .animation__style01 .slider__content a { animation: 1400ms ease-in-out 0s normal none 1 running zoomInUp; }

.owl-item.active .animation__style02 .slider__content h2 { animation: 1500ms ease-in-out 0s normal none 1 running fadeInLeft; }

.owl-item.active .animation__style02 .slider__content h1 { animation: 1500ms ease-in-out 0s normal none 1 running fadeInRight; }

.owl-item.active .animation__style02 .slider__content p { animation: 2200ms ease-in-out 0s normal none 1 running bounceInDown; }

.owl-item.active .animation__style02 .slider__content a { animation: 1800ms ease-in-out 0s normal none 1 running bounceInDown; }

.owl-item.active .animation__style03 .slider__content h1 { animation: 1200ms ease-in-out 0s normal none 1 running rotateInUpLeft; }

.owl-item.active .animation__style03 .slider__content h2 { animation: 1200ms ease-in-out 0s normal none 1 running rotateInDownLeft; }

.owl-item.active .animation__style03 .slider__content p { animation: 2200ms ease-in-out 0s normal none 1 running bounceInUp; }

.owl-item.active .animation__style03 .slider__content a { animation: 1800ms ease-in-out 0s normal none 1 running bounceInUp; }

.owl-item.active .animation__style04 .slider__content h2 { animation: 1500ms ease-in-out 0s normal none 1 running bounce; }

.owl-item.active .animation__style04 .slider__content h3 { animation: 1500ms ease-in-out 0s normal none 1 running bounce; }

.owl-item.active .animation__style04 .slider__content h1 { animation: 1500ms ease-in-out 0s normal none 1 running bounce; }

.owl-item.active .animation__style04 .slider__content p { animation: 2200ms ease-in-out 0s normal none 1 running bounceInUp; }

.owl-item.active .animation__style04 .slider__content a { animation: 1800ms ease-in-out 0s normal none 1 running bounceInUp; }

.owl-item.active .animation__style04 .slider__content .sale { animation: 1800ms ease-in-out 0s normal none 1 running bounceInUp; }

.owl-item.active .animation__style05 .slider__content h2 { animation: 1500ms ease-in-out 0s normal none 1 running fadeInDown; }

.owl-item.active .animation__style05 .slider__content h1 { animation: 1500ms ease-in-out 0s normal none 1 running fadeInUp; }

.owl-item.active .animation__style05 .slider__content p { animation: 2200ms ease-in-out 0s normal none 1 running fadeInLeft; }

.owl-item.active .animation__style05 .slider__content a { animation: 1800ms ease-in-out 0s normal none 1 running fadeInLeft; }

.owl-item.active .animation__style06 .slider__content h2 { animation: 500ms ease-in-out 0s normal none 1 running fadeInLeft; }

.owl-item.active .animation__style06 .slider__content h1 { animation: 700ms ease-in-out 0s normal none 1 running fadeInLeft; }

.owl-item.active .animation__style06 .slider__content p { animation: 900ms ease-in-out 0s normal none 1 running fadeInLeft; }

.owl-item.active .animation__style06 .slider__content a { animation: 1000ms ease-in-out 0s normal none 1 running fadeInLeft; }

.owl-item.active .animation__style06 .slider__content span { animation: 1200ms ease-in-out 0s normal none 1 running fadeInLeft; }

.owl-item.active .animation__style07 .slider__content h2 { animation: 900ms ease-in-out 0s normal none 1 running flipInX; }

.owl-item.active .animation__style07 .slider__content h1 { animation: 1000ms ease-in-out 0s normal none 1 running flipInX; }

.owl-item.active .animation__style07 .slider__content p { animation: 1200ms ease-in-out 0s normal none 1 running flipInX; }

.owl-item.active .animation__style07 .slider__content a { animation: 1500ms ease-in-out 0s normal none 1 running flipInX; }

.owl-item.active .animation__style07 .slider__content span { animation: 1900ms ease-in-out 0s normal none 1 running flipInX; }

.owl-item.active .animation__style08 .slider__content h2 { animation: 800ms ease-in-out 0s normal none 1 running slideInDown; }

.owl-item.active .animation__style08 .slider__content h1 { animation: 1200ms ease-in-out 0s normal none 1 running slideInDown; }

.owl-item.active .animation__style08 .slider__content p { animation: 1600ms ease-in-out 0s normal none 1 running slideInDown; }

.owl-item.active .animation__style08 .slider__content a { animation: 1700ms ease-in-out 0s normal none 1 running slideInDown; }

.owl-item.active .animation__style08 .slider__content span { animation: 1400ms ease-in-out 0s normal none 1 running slideInDown; }

.owl-item.active .animation__style09 .slider__content h2 { animation: 800ms ease-in-out 0s normal none 1 running fadeInDown; }

.owl-item.active .animation__style09 .slider__content h1 { animation: 1300ms ease-in-out 0s normal none 1 running flash; }

.owl-item.active .animation__style09 .slider__content p { animation: 800ms ease-in-out 0s normal none 1 running fadeInUp; }

.owl-item.active .animation__style09 .slider__content a { animation: 1500ms ease-in-out 0s normal none 1 running slideInDown; }

.owl-item.active .animation__style09 .slider__content span { animation: 1400ms ease-in-out 0s normal none 1 running slideInDown; }

.owl-item.active .animation__style10 .slider__content h2 { animation: 800ms ease-in-out 0s normal none 1 running bounceInDown; }

.owl-item.active .animation__style10 .slider__content h3 { animation: 800ms ease-in-out 0s normal none 1 running bounceInDown; }

.owl-item.active .animation__style10 .slider__content h1 { animation: 1000ms ease-in-out 0s normal none 1 running bounceInDown; }

.owl-item.active .animation__style10 .slider__content p { animation: 1200ms ease-in-out 0s normal none 1 running bounceInRight; }

.owl-item.active .animation__style10 .slider__content a { animation: 1400ms ease-in-out 0s normal none 1 running bounceInUp; }

/*------------------------------ Button Styles ------------------------------*/
button:focus { outline: none; }

.btn { color: #fff; box-shadow: none; display: inline-block; padding: 7px 15px; text-shadow: none; transition: all 0.4s ease 0s; border-radius: 0; background: #2e2e2e; border-color: #2e2e2e; }

.btn:hover, .btn:focus, .btn:active { background: #D1B238; color: #fff; border-color: #D1B238; }

.btn-default { color: #2f2f2f !important; }

.btn-default:hover, .btn-default:focus { color: #D1B238 !important; }

.btn-primary { position: relative; font-size: 18px; font-family: 'MajorMonoDisplay'; font-weight: 100; color: #fff; width: 195px; background: #D1B238; border: none; border-radius: 0 20px 0 10px; overflow: hidden; text-transform: lowercase; padding: 8px 33px 6px 0; margin-top: 30px; z-index: 1; }

.btn-primary:before { content: ""; position: absolute; background: #AB8B0C; width: 18px; height: 40px; bottom: -15px; right: 15px; border-radius: 50px; transition: 0.3s ease-in-out; }

.btn-primary:after { content: ""; position: absolute; background: #AB8B0C; width: 0; height: 10vh; left: 50%; top: 50%; opacity: 0; transform: translateY(-50%) translateX(-50%); transition: 0.4s ease-in-out; z-index: -1; }

.btn-primary:hover { padding: 8px 33px 6px 25px; }

.btn-primary:hover:before { background: #D1B238; transition: 0.3s ease-in-out; }

.btn-primary:hover:after { width: 100%; opacity: 1; }

.btn-primary:focus { box-shadow: none; }

.btn-primary-2 { background: transparent; border: none; color: #AB8B0C; padding: 0 12px 0 0; font-size: 18px; position: relative; }

.btn-primary-2:hover { padding: 0 17px 0 0; }

.btn-primary-2:before { content: "+"; position: absolute; top: 50%; transform: translateY(-50%); right: 0; z-index: 1; }

.btn.btn-secondary { font-size: 14px; border-radius: 0; padding: 7px 30px; background-color: #ebebeb; color: #333; border-color: #ebebeb; font-size: 14px; }

.btn.btn-secondary:hover, .btn.btn-secondary:focus { color: #fff; background-color: #D1B238; border-color: #D1B238; }

.btn.btn-light { font-size: 14px; color: #2e2e2e; background-color: #f3f3f3; border-color: #2e2e2e; }

.btn.btn-light:hover, .btn.btn-light:focus { color: #fff; background-color: #D1B238; border-color: #D1B238; }

.btn-success { color: #fff; background-color: #28a745; border-color: #28a745; }

.btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; }

.btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; }

.btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; }

.btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; }

.btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; }

.btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; }

.btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; }

.shopbtn { color: #2e2e2e; font-size: 14px; font-weight: 600; position: relative; text-transform: uppercase; position: relative; padding-right: 51px; left: 0; display: inline-flex; align-items: center; transition: all 0.3s ease; }

.shopbtn::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #2e2e2e; display: inline-block; position: absolute; right: 0; }

.shopbtn::after { content: ""; display: inline-block; height: 1px; margin: 0; width: 44px; background: #2e2e2e; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

.shopbtn:hover { transition: all 300ms ease-in 0s; color: #D1B238; left: 10px; }

.shopbtn:hover::before { border-color: transparent transparent transparent #D1B238; }

.shopbtn:hover::after { background: #D1B238; }

.color__turquoise .shopbtn:hover { color: #2e2e2e; }

.color__turquoise .shopbtn:hover::after { background-position: 100% 50%; }

.wnro__btn { position: relative; z-index: 9 !important; }

@font-face { font-family: 'MajorMonoDisplay'; src: url("../fonts/MajorMonoDisplay-Regular.ttf"); }

.text-white-hover { color: #2e2e2e; }

.text-white-hover:hover, .text-white-hover:focus { color: #fff; }

.table-secondary, .table-secondary > td, .table-secondary > th { background: #f3f3f3; }

.post_content h1, .txtNormal h1, .description h1 { font-size: 40px; color: #616161; margin-bottom: 10px; }

.post_content h2, .txtNormal h2, .description h2 { color: #616161; margin-bottom: 10px; }

.post_content h3, .txtNormal h3, .description h3 { font-size: 26px; color: #616161; margin-bottom: 10px; }

.post_content h4, .txtNormal h4, .description h4 { font-size: 26px; line-height: 1.4; color: #616161; font-weight: normal; letter-spacing: 0.2vw; margin: 10px 0 15px; position: relative; padding: 0 0 0 14px; border-bottom: 2px #f2eac9 solid; }

.post_content h4:before, .txtNormal h4:before, .description h4:before { content: ""; position: absolute; z-index: -1; bottom: 0; left: 0; opacity: 0.3; width: 20px; height: 40px; background: #d5b94b; }

.post_content h4:after, .txtNormal h4:after, .description h4:after { content: ""; position: absolute; z-index: -1; bottom: 0; left: 0; opacity: 0.3; width: 42px; height: 20px; background: #d5b94b; }

.post_content h5, .txtNormal h5, .description h5 { font-size: 18px; color: #ab8b1b; line-height: 1.4; margin-bottom: 15px; font-weight: 500; letter-spacing: 0.2vw; background: transparent; padding: 0 20px 0 15px; border-left: 6px #e9dba3 solid; border-radius: 0 20px 20px 0; }

.post_content h6, .txtNormal h6, .description h6 { font-size: 16px; color: #616161; line-height: 1.4; background: #f6f5ef; padding: 5px 16px 3px; font-weight: normal; display: inline-block; margin-bottom: 10px; border-radius: 20px; letter-spacing: 0.1vw; }

.post_content p, .txtNormal p, .description p { margin-bottom: 10px; }

.post_content ul, .txtNormal ul, .description ul { padding-left: 30px; list-style: none; margin-bottom: 30px; }

@media (max-width: 767px) { .post_content ul, .txtNormal ul, .description ul { margin: 0; } }

.post_content ul li, .txtNormal ul li, .description ul li { padding: 0 0 0 16px; position: relative; }

.post_content ul li:before, .txtNormal ul li:before, .description ul li:before { content: ""; width: 6px; height: 6px; position: absolute; background-color: #d5b94b; border-radius: 50px; top: 12px; transform: translateY(-50%); left: 0; }

.post_content ol, .txtNormal ol, .description ol { padding-left: 25px; margin-bottom: 30px; }

.post_content li, .txtNormal li, .description li { font-size: 16px; letter-spacing: 0.05vw; }

table { border: solid #f3f3f3 thin; width: auto; }

table th { background: #d5b94b; color: #fff; text-align: center; vertical-align: middle !important; }

table td { padding: 6px 10px; border: 1px solid #f3f3f3; vertical-align: middle !important; text-align: center; white-space: nowrap; }

table td span { color: #ab8b1b; font-size: 18px; }

table tbody tr:nth-child(odd) { background: #f8f8f8; }

.h-in-gtuttable th { background: #d5b94b; color: #fff; }

.h-in-gtuttable tr:nth-child(odd) { background: #f8f8f8; }

.rl-in-gtuttable th { background: #d5b94b; color: #fff; width: 200px; }

.rl-in-gtuttable tr:nth-child(odd) { background: #f8f8f8; }

.in-gtutbox { margin-bottom: 15px; }

#mainbanner { position: relative; }

#mainbanner .contentbox { color: #fff; }

#mainbanner p { font-size: 14px; letter-spacing: 0.1em; line-height: 24px; }

/*滑下時選單特效*/
.signin { text-align: left; }

.signin label { display: none; }

/* Banner */
#mobile_banner { display: none; }

#banner { width: 100%; height: 92vh; position: relative; z-index: -1; }

@media (max-width: 767px) { #banner { height: 65vh; } }

#banner:after { content: ""; position: absolute; background: url("/assets/frontend/images/index/MainMenu-bg.png"); width: 1980px; height: 300px; left: 0; right: 0; bottom: 0; z-index: 100; }

#banner::before { z-index: 22; position: absolute; margin: auto; top: 0; bottom: 0; right: 0; left: 0; display: inline-block; content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.219); mix-blend-mode: lighten; }

#slider_images_group { overflow: hidden; position: relative; width: 100%; height: 100%; border-radius: 0 0 0 10vw; backface-visibility: hidden; transform: translate3d(0, 0, 0); }

#slider_images_group .slider-item_group { position: absolute; margin: auto; top: 0%; left: 0; right: 0; bottom: 0; opacity: 0; width: 100%; height: 100%; z-index: -1; }

#slider_images_group .slider-item_group .slider-item { width: 100%; height: 100%; background-size: cover; background-position: center; max-width: none; }

#slider_images_group .active .slider-item { animation: slide_on1 10s linear forwards; }

#slider_images_group .ready .slider-item { animation: slide_on1 10s linear forwards; }

@keyframes slide_on1 { 0% { transform: scale(1.1); }
  100% { transform: scale(1); } }

#banner_button_group { opacity: 0; display: flex; width: 90%; height: 5%; position: absolute; z-index: 99; margin: auto; left: 0; right: 0; top: 0; bottom: 0; }

.banner_button { cursor: pointer; text-align: center; line-height: 50px; font-size: 12px; display: inline-block; width: 50px; height: 50px; border-radius: 50%; background-color: #fff; }

#next { margin-left: auto; }

#previous { margin-right: auto; }

/* --------------------------------------------- */
#slider_images_group .active { z-index: 20; opacity: 1; animation: slide_off0 5s ease-in-out forwards; }

#slider_images_group .ready { z-index: 19; opacity: 0; animation: slide_on0 5s ease-in-out forwards; }

@keyframes slide_on0 { 0% { opacity: 0;
    transform: scale(1.05); }
  100% { opacity: 1;
    transform: scale(1); } }

@keyframes slide_off0 { 0% { opacity: 1; }
  100% { opacity: 0; } }

/* 全域 */
body p { letter-spacing: 0.05vw; line-height: 1.8; font-size: 16px; color: #616161; }

.icon_Community .icon_Community_ul { margin-bottom: 80px; }

.icon_Community .icon_Community_ul li { margin-bottom: 5px; }

.icon_Community .icon_Community_ul li .bg_iconMail, .icon_Community .icon_Community_ul li .bg_iconPhone { background: #d5b94b; }

.icon_Community .icon_Community_ul li .bg_iconMail:hover, .icon_Community .icon_Community_ul li .bg_iconPhone:hover { background: #AB8B0C; }

a#scrollUp { height: 50px; width: 50px; background-color: #d5b94b; border: 1px rgba(255, 255, 255, 0.5) solid; box-shadow: none; }

a#scrollUp:hover { background-color: #AB8B0C; border: 1px rgba(255, 255, 255, 0.5) solid; }

@media (max-width: 575px) { .banner_col { margin-top: 80px; } }

@media (max-width: 991px) { .button-box { text-align: center; } }

@media (max-width: 991px) { .about-button-left { display: none; } }

@media (min-width: 992px) { .about-button-right { display: none; } }

.main-title h5 { color: #3B3831; font-size: clamp(18px, 6vw, 22px); font-weight: 500; line-height: 1; letter-spacing: 0.6vw; }

.main-title h5 span { display: inline-block; }

.main-title h5 span:first-child { display: none; }

.main-title h4 { font-family: 'MajorMonoDisplay'; color: #D1B238; font-size: clamp(50px, 8vw, 65px); font-weight: 100; line-height: 1; letter-spacing: -0.1vw; white-space: nowrap; }

@media (max-width: 390px) { .main-title h4 { font-size: 36px; } }

.main-title h4 span { display: inline-block; min-width: 2.4vw; }

.wave-deco { position: relative; margin-bottom: 6vh; }

.wave-deco:before { content: ""; position: absolute; background-image: url(/assets/frontend/images/index/wave-deco.png); background-size: 100%; background-repeat: no-repeat; width: 47px; height: 83px; left: 0; top: 8px; }

@media (max-width: 390px) { .wave-deco:before { height: 60px; } }

@media (max-width: 575px) { .wave-deco:before { height: 72px; } }

.wave-deco h5 { padding: 0 0 10px 62px; }

.wave-deco h4 { padding: 0 0 0 26px; }

.title-normal h5 { position: relative; padding: 0 0 25px; display: table; margin: 0 auto 6px; padding: 0 0 14px; }

.title-normal h5:before { content: ""; position: absolute; width: 68px; height: 2px; background: #D1B238; bottom: 0; left: 50%; transform: translateX(-50%); }

.title-normal h4 { margin: 0 0 50px; }

/* Banner */
.Banner-out { position: relative; margin: 0 85px 0 0; }

@media (max-width: 1199px) { .Banner-out { margin: 0 50px 0 0; } }

@media (max-width: 767px) { .Banner-out { margin: 0 30px 0 0; } }

@media (max-width: 390px) { .Banner-out:after { display: none; } }

.Banner-out:after { content: ""; position: absolute; background-image: url(/assets/frontend/images/index/Banner-Deco.png); background-size: 100%; background-repeat: no-repeat; bottom: 0; right: 0; width: 123px; height: 127px; z-index: 1; }

.Banner-out #banner { background: #F6F5EF; }

/* 選單 */
.is-sticky #wn__header { box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); transition: all 0.3s ease-in-out; }

.is-sticky #wn__header #nav-logo { transition: all 0.3s ease-in-out; }

.is-sticky #wn__header #nav-logo:before { height: 60px; transition: all 0.3s ease-in-out; }

.is-sticky #wn__header #nav-logo a { padding: 0; }

#wn__header { background: #fff; padding: 0 70px 0 84px; }

@media (max-width: 1199px) { #wn__header { padding: 0 40px; } }

#wn__header #nav-menu ul li a { color: #3E3E3E; font-size: 16px; padding: 6px 12px; font-weight: 500; font-family: "Audiowide"; text-transform: uppercase; letter-spacing: 0.15vw; position: relative; justify-content: center; }

@media (max-width: 1199px) { #wn__header #nav-menu ul li a { padding: 6px 7px 0 6px; } }

#wn__header #nav-menu ul li a:before { content: ""; position: absolute; background: url(/assets/frontend/images/index/menu-deco.png); background-repeat: no-repeat; width: 0; height: 24px; z-index: -1; top: -5px; left: -5px; opacity: 1; transition: all 0.5s ease-in-out; }

#wn__header #nav-menu ul li a:hover { color: #D1B238; }

#wn__header #nav-menu ul li a:hover:before { width: 38px; bottom: 0; opacity: 1; transition: all 0.5s ease-in-out; }

#wn__header #nav-menu ul .dropdown { background: rgba(255, 255, 255, 0.9); width: 180px; top: 100%; padding: 20px 0; border-radius: 30px 10px; }

#wn__header #nav-menu ul .dropdown .label2 ul { background: white; padding: 10px; border: none; }

#wn__header #nav-menu ul .dropdown ul li { overflow: hidden; }

#wn__header #nav-menu ul .dropdown ul li a { position: relative; padding: 10px; }

#wn__header #nav-menu ul .dropdown ul li a:after { content: ""; position: absolute; background: #D1B238; width: 0; height: 2px; z-index: 1; bottom: 6px; transform: translateX(-50%) translateY(-50%); left: 50%; opacity: 0; transition: all 0.3s ease-in-out; border-radius: 10px; }

#wn__header #nav-menu ul .dropdown ul li a:before { display: none; }

#wn__header #nav-menu ul .dropdown ul li a:hover { color: #D1B238; }

#wn__header #nav-menu ul .dropdown ul li a:hover:after { width: 35px; opacity: 1; }

#wn__header #nav-logo { position: relative; transition: all 0.3s ease-in-out; }

#wn__header #nav-logo:before { content: ""; position: absolute; background: #fff; width: 490px; height: 105px; z-index: -1; left: -84px; opacity: 1; border-radius: 0 50px 50px 0; transition: all 0.3s ease-in-out; }

@media (max-width: 1199px) { #wn__header #nav-logo:before { display: none; } }

#wn__header #nav-logo a { padding: 24px 0 0; }

@media (max-width: 1199px) { #wn__header #nav-logo a { padding: 0; } }

@media (max-width: 575px) { #wn__header #nav-logo a { padding: 0; } }

@media (max-width: 1199px) { #wn__header #nav-logo a img { width: 200px; } }

@media (max-width: 767px) { #wn__header #nav-logo a img { width: 160px; } }

.mobileMenu_nav { background: rgba(255, 255, 255, 0.95); }

.mobileMenu_nav ul { border: none; }

.mobileMenu_nav ul li { border-bottom: solid #e4dfd1 thin; }

.mobileMenu_nav ul li:last-child { border: none; }

.mobileMenu_nav ul li ul li a { color: #685744; background-color: #f3efe1; }

.mobileMenu_nav ul li ul li a:hover { background-color: #E0B12E; color: #fff; }

.mobileMenu_nav ul li ul li ul li a { color: #685744; background-color: #FEFCF6; }

.mobileMenu_nav ul li ul li ul li a:hover { color: #FEFCF6; background: #E0B12E; }

.mobileMenu_nav ul li a { color: #685744; font-size: 16px; }

.mobileMenu_nav ul li a:hover { color: #FEFCF6; background: #E0B12E; }

.mobileMenu_nav ul li .btn-addmenu > div { background: #FEFCF6; color: #685744; }

.mobileMenu_nav ul li .btn-addmenu > div:before { background: #FEFCF6; }

.mobileMenu_nav .menu-list .btn-addmenu { border-left: solid #e4dfd1 thin; }

.mobileMenu_nav .zmdi-close { color: #fff; }

/* 關於我們 */
#AboutArea { padding: 16.3vh 15px 16vh; background: #F6F5EF; position: relative; overflow: hidden; }

#AboutArea p { line-height: 2.2; }

@media (max-width: 390px) { #AboutArea:before { display: none; } }

#AboutArea:before { content: ""; position: absolute; height: 55%; width: 42%; background: #fff; right: 0; top: 0; }

#AboutArea:after { content: "DeNTaL cLINIc"; font-family: 'MajorMonoDisplay'; position: absolute; height: 206px; width: 43px; background: #D1B238; color: #fff; right: 85px; top: 0; font-size: 16px; writing-mode: vertical-lr; border-radius: 0 0 50px 50px; display: flex; align-items: center; z-index: 1; padding: 15px; }

@media (max-width: 1199px) { #AboutArea:after { right: 50px; } }

@media (max-width: 767px) { #AboutArea:after { right: 30px; } }

#AboutArea .About-text { position: relative; z-index: 1; }

#AboutArea .About-text p { width: 77%; }

@media (max-width: 991px) { #AboutArea .About-text p { width: 100%; margin-bottom: 6vh; } }

#AboutArea .pic-box { z-index: 1; text-align: center; }

#AboutArea .btn-primary { margin-top: 10vh; }

/* 服務項目 */
#ServiceArea { padding: 10vh 15px 10vh; position: relative; }

#ServiceArea:before { content: ""; position: absolute; width: 197px; height: 385px; top: -301px; left: 0; transition: 0.4s ease-in-out; background: url(/assets/frontend/images/index/service-top-deco.png); background-repeat: no-repeat; z-index: 0; }

#ServiceArea .service-item { justify-content: center; }

#ServiceArea .service-item .service-area { padding: 0 7.5px; }

#ServiceArea .service-item .service-area a { display: block; position: relative; font-size: 18px; font-weight: 100; color: #fff; background: #78704F; border: none; border-radius: 0 30px 0 0; overflow: hidden; text-transform: lowercase; padding: 15px; margin-bottom: 15px; letter-spacing: 0.1vw; z-index: 0; }

#ServiceArea .service-item .service-area a:hover:after { width: 100%; opacity: 1; }

#ServiceArea .service-item .service-area a:after { content: ""; position: absolute; background: #D1B238; width: 0; height: 10vh; left: 50%; top: 50%; opacity: 0; transform: translateY(-50%) translateX(-50%); transition: 0.4s ease-in-out; z-index: -1; }

#ServiceArea .service-item .service-area a:before { content: ""; position: absolute; width: 33px; height: 34px; bottom: 0; left: 0; transition: 0.4s ease-in-out; background: url(/assets/frontend/images/index/lego-deco-1.png); background-repeat: no-repeat; }

#ServiceArea .btn-primary { margin-top: 50px; }

/* 服務團隊 */
#DoctorTeam { padding: 10vh 3vw 10vh 8vw; background: url(/assets/frontend/images/index/Team-Group-bg.png); background-repeat: no-repeat; background-position: top left; }

#DoctorTeam p { line-height: 2.2; }

#DoctorTeam .btn-primary { margin-top: 16vh; }

@media (max-width: 1199px) { #DoctorTeam .btn-primary { margin-top: 9vh; } }

#DoctorTeam .owl-theme .owl-dots { margin-top: 25px; }

#DoctorTeam .owl-theme .owl-dots .owl-dot span { width: 14px; height: 14px; margin: 0 10px; border: 1px #D1B238 solid; background: transparent; }

#DoctorTeam .owl-theme .owl-dots .owl-dot.active span { background: #D1B238; }

#DoctorTeam .doc-in { display: flex; }

#DoctorTeam .doc-in .text-box { width: 31%; position: relative; z-index: 2; }

#DoctorTeam .doc-in .text-box p { width: 80%; }

@media (max-width: 991px) { #DoctorTeam .doc-in .text-box p { width: 100%; } }

@media (max-width: 1199px) { #DoctorTeam .doc-in .text-box { width: 40%; } }

@media (max-width: 991px) { #DoctorTeam .doc-in .text-box { width: 100%; } }

#DoctorTeam .doc-in .team-box { width: 69.5%; margin: 9vh 0 0; }

@media (max-width: 1199px) { #DoctorTeam .doc-in .team-box { width: 60%; } }

@media (max-width: 991px) { #DoctorTeam .doc-in .team-box { width: 100%; } }

#DoctorTeam .doc-in .team-box .product { position: relative; }

#DoctorTeam .doc-in .team-box .product .product__thumb { border-radius: 50px 10px 0 0; }

#DoctorTeam .doc-in .team-box .product .product__content h4 a { font-size: 18px; font-weight: 100; color: #fff; background: #78704F; border-radius: 0 0 30px 0; overflow: hidden; padding: 12px 20px; width: 76%; margin-bottom: 15px; z-index: 0; position: absolute; bottom: -15px; text-align: end; z-index: 0; }

#DoctorTeam .doc-in .team-box .product .product__content h4 a:hover:after { width: 100%; opacity: 1; }

#DoctorTeam .doc-in .team-box .product .product__content h4 a:after { content: ""; position: absolute; background: #AB8B0C; width: 0; height: 10vh; left: 50%; top: 50%; opacity: 0; transform: translateY(-50%) translateX(-50%); transition: 0.4s ease-in-out; z-index: -1; }

#DoctorTeam .doc-in .team-box .product .product__content h4 a:before { content: ""; position: absolute; width: 35px; height: 34px; top: 0; left: 0; background: url(/assets/frontend/images/index/doctor-name-deco.png); background-repeat: no-repeat; }

@media (max-width: 991px) { #DoctorTeam .doc-in { display: inherit; } }

/* 設備環境 */
#EquipmentArea { padding: 1vh 3.5vw 10vh; }

#EquipmentArea p { line-height: 2.2; }

#EquipmentArea .equipment-box { display: flex; }

@media (min-width: 767px) and (max-width: 1300px) { #EquipmentArea .equipment-box { display: inherit; } }

#EquipmentArea .equipment-box .pic-set { width: 45%; }

@media (min-width: 767px) and (max-width: 1300px) { #EquipmentArea .equipment-box .pic-set { width: 52%; } }

#EquipmentArea .equipment-box .pic-area-1 { margin: 50px 0 0; }

@media (min-width: 767px) and (max-width: 1300px) { #EquipmentArea .equipment-box .pic-area-1 { margin: 0 auto 0 0; display: flex; } }

@media (max-width: 767px) { #EquipmentArea .equipment-box .pic-area-1 { display: none; } }

#EquipmentArea .equipment-box .pic-area-1 img { border-radius: 50px 100px 0 50px; }

#EquipmentArea .equipment-box .pic-area-2 { margin: 17vh -3vw 0; z-index: 10; }

@media (min-width: 991px) and (max-width: 1300px) { #EquipmentArea .equipment-box .pic-area-2 { margin: -30vh 0 0 auto; display: flex; z-index: 1; } }

@media (max-width: 991px) { #EquipmentArea .equipment-box .pic-area-2 { margin: -22vh 0 0 auto; } }

@media (max-width: 767px) { #EquipmentArea .equipment-box .pic-area-2 { display: none; } }

#EquipmentArea .equipment-box .pic-area-2 img { border-radius: 100px 50px 50px 0; }

#EquipmentArea .equipment-box .text-area { position: relative; width: 40%; border-radius: 100px 0 0 30px; background: #F6F5EF; padding: 12vh 60px 65px 130px; height: fit-content; }

@media (max-width: 1650px) { #EquipmentArea .equipment-box .text-area { width: 80%; } }

@media (min-width: 767px) and (max-width: 1300px) { #EquipmentArea .equipment-box .text-area { width: 90%; margin: -3vh 0 0; z-index: -1; } }

@media (max-width: 767px) { #EquipmentArea .equipment-box .text-area { width: 100%; padding: 13vh 30px 60px 65px; border-radius: 60px 0 0 30px; } }

@media (max-width: 575px) { #EquipmentArea .equipment-box .text-area { padding: 13vh 30px 60px 30px; } }

#EquipmentArea .equipment-box .text-area:before { content: ""; position: absolute; width: 43px; height: 80px; border-radius: 0 0 50px 50px; background: #fff; right: 45px; top: 0; }

@media (min-width: 767px) and (max-width: 1300px) { #EquipmentArea .equipment-box .text-area:before { width: 80px; height: 43px; border-radius: 50px 0 0 50px; right: 0; bottom: 45px; top: auto; } }

#EquipmentArea .equipment-box .text-area p { margin-bottom: 30px; width: 90%; }

@media (max-width: 991px) { #EquipmentArea .equipment-box .text-area p { width: 100%; } }

/* 最新消息 */
#NewsArea { padding: 10vh 15px 14vh; background: url(/assets/frontend/images/index/NewsArea-bg.png); background-repeat: no-repeat; background-position: top right; }

@media (max-width: 1199px) { #NewsArea { padding: 10vh 15px 20vh; } }

@media (max-width: 991px) { #NewsArea { padding: 10vh 15px 25vh; margin-bottom: 30px; } }

#NewsArea .title-normal h4 { margin: 0 0 70px; }

#NewsArea .wenro__blog { padding: 0 0 212px; position: relative; box-shadow: none; background: transparent; }

@media (max-width: 767px) { #NewsArea .wenro__blog { margin-bottom: 30px; } }

#NewsArea .wenro__blog .thumb { border-radius: 30px 0; }

#NewsArea .wenro__blog .content { position: absolute; bottom: 0; width: 95%; background: #FBFBFB; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.16); border-radius: 0 0 30px 0; padding: 30px; }

#NewsArea .wenro__blog .content span { font-family: 'MajorMonoDisplay'; }

#NewsArea .wenro__blog .content p { margin: 0; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 48px; line-height: inherit; margin-bottom: 36px; }

#NewsArea .wenro__blog .content h4 { margin: 5px 0; }

#NewsArea .wenro__blog .content h4 a { color: #AB8B0C; }

#NewsArea .wenro__blog .content h4 a:hover { color: #d5b94b; }

#NewsArea .btn-primary { margin-top: 50px; }

/* 頁尾 */
#wn__footer .footer-static-top { position: relative; padding: 11vh 15px 1vh; background-color: #F6F5EF; }

@media (min-width: 991px) and (max-width: 1600px) { #wn__footer .footer-static-top { padding: 6vh 0 1vh; } }

@media (max-width: 991px) { #wn__footer .footer-static-top { padding: 6vh 15px 1vh; }
  #wn__footer .footer-static-top:after { display: none; } }

@media (max-width: 575px) { #wn__footer .footer-static-top { padding: 11vh 25px 1vh; } }

#wn__footer .footer-static-top:after { content: ""; position: absolute; background: url(/assets/frontend/images/index/footer-deco.png) center top; background-repeat: no-repeat; width: 558px; height: 162px; z-index: 1; top: -10vh; right: 0; }

#wn__footer .footer-static-top .footer-text { z-index: 10; }

@media (max-width: 991px) { #wn__footer .footer-static-top .footer-text { margin: 60px 0; } }

@media (max-width: 575px) { #wn__footer .footer-static-top .footer-text { margin: 0 0 55px; } }

#wn__footer .footer-static-top i { color: #AB8B0C; margin-right: 5px; }

@media (min-width: 991px) and (max-width: 1600px) { #wn__footer .footer-static-top .footer__address { width: 60%; margin-left: auto; } }

#wn__footer .footer-static-top .footer__address ul li { font-family: 'MajorMonoDisplay'; margin: 0 15px 0 0; }

@media (max-width: 767px) { #wn__footer .footer-static-top .footer__address ul li { text-align: center; } }

#wn__footer .footer-static-top .footer__address ul li a { font-family: 'MajorMonoDisplay'; font-size: 16px; color: #3D3D3D; }

#wn__footer .footer-static-top .footer__address ul li a:hover { color: #AB8B0C; }

#wn__footer .footer-static-top .footer-logo { display: block; position: absolute; padding: 55px 41px 38px; top: -155px; left: 3.5vw; background: url(/assets/frontend/images/index/footer-logo-bg.png); background-repeat: no-repeat; background-size: cover; z-index: 2; }

@media (max-width: 991px) { #wn__footer .footer-static-top .footer-logo { left: 50%; transform: translateX(-50%); } }

@media (max-width: 575px) { #wn__footer .footer-static-top .footer-logo { top: -140px; } }

@media (max-width: 390px) { #wn__footer .footer-static-top .footer-logo { top: -90px; padding: 30px 20px 20px; } }

#wn__footer .footer-static-top .footer__widget { margin: 0 0 8vh; }

@media (min-width: 991px) and (max-width: 1600px) { #wn__footer .footer-static-top .footer__widget { margin: 0 0 6vh; } }

@media (max-width: 991px) { #wn__footer .footer-static-top .footer__widget { margin: 0; } }

#wn__footer .footer-static-top .copyright__wrapper { background: transparent; padding: 10px; }

#wn__footer .footer-static-top .copyright__wrapper .copyright { padding: 0; }

/* 內頁 */
.section-padding--lg { padding: 9vh 0 25vh; }

.section-padding--lg .page-container { z-index: 1; position: relative; }

.section-padding--lg .page-container .post_content img { margin-bottom: 15px; }

.section-padding--lg .page-container .list-group li a { background: #d5b94b; color: #fff; text-align: center; font-size: 18px; text-transform: uppercase; font-family: "Audiowide"; border-radius: 50px; margin: 10px 0 0; }

.section-padding--lg .page-container .list-group li a:hover { background: #ab8b1b; }

.section-padding--lg .page-container .list-group li ul li a { color: #ab8b1b; background: transparent; font-size: 16px; text-transform: inherit; }

.section-padding--lg .page-container .list-group li ul li a:hover { background: #ab8b1b; color: #fff; }

.section-padding--lg .page-container .post-thumbnail ul li a { border-radius: 10px; margin: 0 5px 0 0; }

.section-padding--lg .page-container .wedget__categories.poroduct--cat ul li a { font-size: 16px; letter-spacing: 0.05vw; }

.section-padding--lg .page-container img { transition: all 0.3s ease-in-out; }

.section-padding--lg .page-container a:hover img { opacity: 0.75; transition: all 0.3s ease-in-out; }

.section-padding--lg .page-container .wedget__categories .wedget__title { border-bottom: 2px solid #f2eac9; color: #78704F; font-size: 22px; letter-spacing: 0.1vw; }

.section-padding--lg .page-container .page-title { margin-bottom: 12vh; }

@media (max-width: 1199px) { .section-padding--lg .page-container .page-title { margin-bottom: 6vh; } }

.section-padding--lg .page-container .page-title .page-header { color: #78704F; font-size: clamp(35px, 5vw, 40px); letter-spacing: 0.2vw; position: relative; font-weight: 500; text-transform: uppercase; }

.section-padding--lg .page-container .blog-page .blog__post { border: none; padding: 0; }

.section-padding--lg .page-container .post_content img { border-radius: 20px; }

.section-padding--lg .page-container .news_C_list .news_C_list_blog { padding: 0; border-radius: 50px 0; }

.section-padding--lg .page-container .news_C_list .news_C_list_blog .content { padding: 20px 30px; }

.section-padding--lg .page-container .news_C_list .news_C_list_blog .content .description { margin: 0; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 48px; line-height: inherit; margin-bottom: 36px; }

.section-padding--lg .page-container .news_C_list .news_C_list_blog .content .btn-primary { margin-top: 0; }

.section-padding--lg .page-container .blog_thumb img { border-radius: 50px 10px 0 0; }

.section-padding--lg .page-container .bradcaump-content .breadcrumb_item { text-transform: uppercase; }

.section-padding--lg .page-container .bradcaump-content a { color: #aaa; letter-spacing: 0.1vw; text-transform: uppercase; }

.section-padding--lg .page-container .bradcaump-content a:hover { color: #d5b94b; }

/* 內頁背景 */
#category, #categoryProductArea, .page-about, .page-blog, .wn_contact_area, .maincontent { background: url(/assets/frontend/images/index/inside-bg.jpg); background-size: 100% auto; background-repeat: no-repeat; background-position: top center; position: relative; }

@media (max-width: 575px) { #category, #categoryProductArea, .page-about, .page-blog, .wn_contact_area, .maincontent { background: none; } }

/*GDPR顏色*/
@media screen and (min-width: 768px) and (max-width: 991px) { #tarteaucitron { border: 0 !important; left: 0 !important; margin: 0 5% !important; max-height: 80% !important; width: 90% !important; } }

/*** Common value */
#tarteaucitron * { zoom: 1; }

#tarteaucitron .clear { clear: both; }

#tarteaucitron a { color: #424242; font-size: 11px; font-weight: 700; text-decoration: none; }

#tarteaucitronAlertBig a, #tarteaucitronAlertSmall a { color: #fff; }

#tarteaucitron b { font-size: 22px; font-weight: 500; }

/*** Root div added just before </body> */
#tarteaucitronRoot { left: 0; position: absolute; right: 0; top: 0; width: 100%; }

#tarteaucitronRoot * { box-sizing: initial; vertical-align: initial; }

/*** Control panel */
#tarteaucitronBack { background: #fff; display: none; height: 100%; left: 0; opacity: 0.7; position: fixed; top: 0; width: 100%; z-index: 2147483646; }

#tarteaucitron { display: none; max-height: 80%; left: 50%; margin: 0 auto 0 -430px; padding: 0; position: fixed; top: 6%; width: 860px; z-index: 2147483647; }

#tarteaucitron .tarteaucitronBorder { background: #fff; border: 2px solid #333; border-top: 0; height: auto; overflow: auto; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie, #tarteaucitron #tarteaucitronClosePanel { background: #333333; color: #fff; cursor: pointer; font-size: 12px; font-weight: 700; text-decoration: none; padding: 4px 0; position: absolute; right: 0; text-align: center; width: 70px; }

#tarteaucitron #tarteaucitronDisclaimer { color: #555; font-size: 12px; margin: 15px auto 0; width: 80%; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden, #tarteaucitron #tarteaucitronServices .tarteaucitronHidden { background: rgba(51, 51, 51, 0.07); }

#tarteaucitron #tarteaucitronServices .tarteaucitronHidden { display: none; position: relative; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle, #tarteaucitron #tarteaucitronServices .tarteaucitronTitle, #tarteaucitron #tarteaucitronInfo, #tarteaucitron #tarteaucitronServices .tarteaucitronDetails { background: #333; color: #fff; display: inline-block; font-size: 14px; font-weight: 700; margin: 20px 0px 0px; padding: 5px 20px; text-align: left; width: auto; }

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a, #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a { color: #fff; font-weight: 500; }

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a:hover, #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a:hover { text-decoration: none !important; }

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a { font-size: 22px; }

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a { font-size: 14px; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle { padding: 5px 10px; }

#tarteaucitron #tarteaucitronInfo, #tarteaucitron #tarteaucitronServices .tarteaucitronDetails { color: #fff; display: none; font-size: 12px; font-weight: 500; margin-top: 0; max-width: 270px; padding: 20px; position: absolute; z-index: 2147483647; }

#tarteaucitron #tarteaucitronInfo a { color: #fff; text-decoration: underline; }

#tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover { background: rgba(51, 51, 51, 0.2); }

#tarteaucitron #tarteaucitronServices .tarteaucitronLine { background: rgba(51, 51, 51, 0.1); border-left: 5px solid #D1B238 !important; margin: 0; overflow: hidden; padding: 15px 5px; }

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine { background: #333; border: 3px solid #333; border-left: 9px solid #333; border-top: 5px solid #333; margin-bottom: 0; margin-top: 21px; position: relative; }

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover { background: #333; }

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName { margin-left: 15px; margin-top: 2px; }

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName b { color: #fff; }

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk { margin-top: 0px !important; }

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName { display: inline-block; float: left; margin-left: 10px; text-align: left; width: 50%; }

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName a:hover { text-decoration: underline; }

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk { display: inline-block; float: right; margin: 7px 15px 0; text-align: right; }

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, .tac_activate .tarteaucitronAllow { background: gray; border-radius: 4px; color: #fff; cursor: pointer; display: inline-block; padding: 6px 10px; text-align: center; text-decoration: none; width: auto; }

/* #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow { background: $btn-primary !important; color: $btn-primary-icon; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny { background: $btn-secondary; color: $btn-secondary-icon; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny:hover, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny:focus { background: $btn-primary-hover; color: $btn-primary-icon-hover; } .tarteaucitronDeny[style="background-color: rgb(156, 26, 26);"] { background: $btn-primary-hover !important; color: $btn-primary-icon-hover !important; } */
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies { color: #333; font-size: 12px; }

/*** Big alert */
.tarteaucitronAlertBigTop { top: 0; }

.tarteaucitronAlertBigBottom { bottom: 0; }

#tarteaucitronAlertBig { background: #201f29; color: #fff; display: none; left: 0; padding: 5px 5%; position: fixed; text-align: center; width: 90%; box-sizing: content-box; z-index: 2147483645; }

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b { font-family: Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif; font-size: 15px !important; }

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b { font-weight: 700; }

#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize { background: #1b870b; color: #fff; cursor: pointer; display: inline-block; font-size: 16px; padding: 5px 10px; text-decoration: none; margin-left: 7px; }

#tarteaucitronAlertBig #tarteaucitronCloseAlert { background: #fff; color: #333; font-size: 13px; margin-bottom: 3px; margin-left: 7px; padding: 4px 10px; }

#tarteaucitronPercentage { background: #1b870b; box-shadow: 0 0 2px #fff, 0 1px 2px #555; height: 5px; left: 0; position: fixed; width: 0; z-index: 2147483644; }

/*** Small alert */
#tarteaucitronAlertSmall { background: rgba(160, 159, 159, 0.85); bottom: 0; display: none; padding: 0; position: fixed; left: 0; text-align: center; width: auto; z-index: 2147483646; }

#tarteaucitronAlertSmall #tarteaucitronManager { color: #fff; cursor: pointer; display: inline-block; font-size: 11px !important; padding: 8px 10px 8px; }

#tarteaucitronAlertSmall #tarteaucitronManager:hover { background: rgba(255, 255, 255, 0.05); }

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot { background-color: gray; border-radius: 5px; display: block; height: 8px; margin-bottom: 1px; margin-top: 5px; overflow: hidden; width: 100%; }

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen, #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow, #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed { display: block; float: left; height: 100%; width: 0%; }

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen { background-color: #fff; }

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow { background-color: #FBDA26; }

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed { background-color: #9C1A1A; }

#tarteaucitronAlertSmall #tarteaucitronCookiesNumber { background: rgba(255, 255, 255, 0.2); color: #fff; cursor: pointer; display: inline-block; font-size: 30px; padding: 0px 10px; vertical-align: top; }

#tarteaucitronAlertSmall #tarteaucitronCookiesNumber:hover { background: rgba(255, 255, 255, 0.3); }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer { display: none; max-height: 70%; max-width: 500px; position: fixed; right: 400px; width: 100%; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList { background: #fff; border: 2px solid #333; color: #333; font-size: 11px; height: auto; overflow: auto; text-align: left; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList b { color: #333; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle { background: #333; margin-top: 21px; padding: 13px 0 9px 13px; text-align: left; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle b { color: #fff; font-size: 16px; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain { background: rgba(51, 51, 51, 0.1); padding: 7px 5px 10px; word-wrap: break-word; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain:hover { background: rgba(51, 51, 51, 0.2); }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain a { color: #333; text-decoration: none; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft { display: inline-block; width: 50%; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft a b { color: darkred; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListRight { color: #333; display: inline-block; font-size: 11px; margin-left: 10%; vertical-align: top; width: 30%; }

/*** Fallback activate link */
.tac_activate { background: #333; color: #fff; display: table; font-size: 12px; height: 100%; line-height: initial; margin: auto; text-align: center; width: 100%; }

.tac_float { display: table-cell; text-align: center; vertical-align: middle; }

.tac_activate .tac_float b { color: #fff; }

.tac_activate .tac_float .tarteaucitronAllow { background-color: #1B870B; display: inline-block; }

/*** CSS for services */
ins.ferank-publicite, ins.adsbygoogle { text-decoration: none; }

div.amazon_product { height: 240px; width: 120px; }

/*** Responsive layout for the control panel */
@media screen and (max-width: 479px) { #tarteaucitron .tarteaucitronLine .tarteaucitronName { width: 90% !important; }
  #tarteaucitron .tarteaucitronLine .tarteaucitronAsk { float: left !important; margin: 10px 15px 5px; }
  #tarteaucitronRoot { left: 0; position: static; right: 0; top: 0; width: 100%; }
  #tarteaucitronAlertSmall { background: rgba(160, 159, 159, 0.85); bottom: 0; display: none; padding: 0; left: 0; text-align: center; width: 100%; position: static; }
  #tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize { background: rgba(160, 159, 159, 0.85); color: #fff; cursor: pointer; display: inline-block; font-size: 16px; padding: 5px 10px; text-decoration: none; margin-left: 7px; }
  #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen { background-color: #fff; } }

@media screen and (max-width: 767px) { #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer, #tarteaucitron { background: #fff; border: 0 !important; bottom: 0 !important; height: 100% !important; left: 0 !important; margin: 0 !important; max-height: 100% !important; max-width: 100% !important; top: 0 !important; width: 100% !important; }
  #tarteaucitron .tarteaucitronBorder { border: 0 !important; }
  #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList { border: 0 !important; }
  #tarteaucitron #tarteaucitronServices .tarteaucitronTitle { text-align: left !important; }
  #tarteaucitronRoot { left: 0; position: static; right: 0; top: 0; width: 100%; }
  #tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize { background: rgba(160, 159, 159, 0.85); color: #fff; cursor: pointer; display: inline-block; font-size: 16px; padding: 5px 10px; text-decoration: none; margin-left: 7px; }
  #tarteaucitronAlertSmall { background: rgba(160, 159, 159, 0.85); bottom: 0; display: none; padding: 0; left: 0; text-align: center; width: 100%; position: static; }
  #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen { background-color: #fff; } }
/*# sourceMappingURL=style_custom.css.map */