/*reset*/
/*.rd-navbar-static .rd-navbar-nav, .rd-navbar-fullwidth .rd-navbar-nav{ display: flex!important; justify-content: center; }*/
body { background-color: #fff!important; font-family: '微軟黑體'; font-weight: 500;}
.rd-navbar-static .rd-navbar-panel, .rd-navbar-static .rd-navbar-nav-wrap{ /*display: inline-block!important;*/ }
.rd-navbar-static .rd-navbar-panel{ display: inline-block!important; }
.rd-navbar-fullwidth.rd-navbar--is-stuck{ -webkit-transform: translateY(0px)!important; transform: translateY(0px)!important; }
.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-panel {display: inline-block;}
.bg-transparent .rd-navbar-static .rd-navbar-panel, .bg-transparent .rd-navbar-fullwidth .rd-navbar-panel {padding: 10px 0!important;}
.bg-transparent .rd-navbar-static .rd-navbar-nav > li a, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li a{ color: #000; }
.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: #a33e2c!important; color: #fff; }
.rd-navbar-static .rd-navbar-brand > *{ display: block; }
.brand-name > img{   margin:30px auto 0 auto; display: block!important; }
.rd-navbar-static .rd-navbar-brand{display: block;}
.bg-transparent .rd-navbar-static.rd-navbar--is-stuck, .bg-transparent .rd-navbar-fullwidth.rd-navbar--is-stuck{background-color: #fff; }
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{ background: #fff;}
.bg-transparent .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown li a, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown li a{     color: #000; }
.rd-navbar-static .rd-navbar-nav, .rd-navbar-fullwidth .rd-navbar-nav{width: unset!important;}
.rd-navbar-fullwidth.rd-navbar--is-clone .social-icons { margin-top: 5px; }
.rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-fullwidth .rd-navbar-nav > li > a{ font-size: 16px!important;}
.rd-navbar-fixed .rd-navbar-panel:before{ background: #fff!important; }
.rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span{ background-color: #000!important; }
.rd-navbar-fixed .rd-navbar-nav, .rd-navbar-sidebar{ background: #fff; }
.rd-navbar-fixed .rd-navbar-nav li > a{ color: #000; }
.rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle::after{  color: #000; }
.rd-navbar-fixed .rd-navbar-nav li.opened > a{ background: #A23B29!important; }
.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{background: #A23B29!important;}
.rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle::after{     color: #fff; }
.ui-to-top{ width: 30px;height: 30px;font-size: 16px; line-height: 30px; background: #A23B29;}
.pagination li a{ padding: 0 0 0 15px!important; font-size: 14px!important; width: 45px;height: 45px;line-height: 43px;border: 1px solid!important; }
.pagination li.active a, .pagination li.active a:hover, .pagination li a:focus, .pagination li a:hover{    background-color: #A23B29; border-color: #A23B29; }
.pagination li a{ color: #A23B29; }
.rd-navbar-fixed .rd-navbar-nav-wrap:before{ content: unset!important;}
.thumbnail-gallery .caption-wrapper{  text-align: center;}

/*tool*/
.position-re{ position: relative; }
.none{display: none!important;}
.text-d-s{text-decoration:line-through;}
.justify{ text-align: justify!important; }
.clear{ clear:both; }
.f-36{ font-size: 36px; }
.f-30{ font-size: 30px; }
.f-24{ font-size: 24px; }
.f-20{ font-size: 20px; }
.f-18{ font-size: 18px!important; }
.f-12{ font-size: 12px!important; }
.f-16{ font-size: 16px; }
.c-000{ color:#000; }
.c-fff{ color:#fff!important; }
.c-1D2D90{ color:#1D2D90; }
.c-604C3F{color: #604C3F;}
.c-AF7E46{color: #AF7E46;}
.c-A23B29{ color:#A23B29; }
.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; }
.bg-ccc{ background-color: #ccc!important; }
.line-h-1{line-height:2!important;}
.width-90{ width:90%; margin: auto;}
.width-80{ width:80%; margin: auto;}
.width-50{ width:50%; margin: auto;}
.font-fa-c{font-family: '微軟正黑體'!important;}
.font-fa-s{font-family: '新細明體'!important;}
.br-non{display: none!important;}

.m-open{ display: none; }
.f-w-900{ font-weight: 900!important; }
.f-w-700{ font-weight: 700!important; }
.pd-10{ padding:10px; }
.pd-50{ padding:50px; }

.pb-20{ padding-bottom:20px; }
.pb-40{padding-bottom: 40px;}
.pd-30{padding: 30px;}
.mb-10{ margin-bottom: 10px;}
.mb-20{ margin-bottom: 20px;}
.mb-30{margin-bottom: 30px!important;}
.mb-50{margin-bottom: 50px!important;}
.mb-80{margin-bottom: 80px!important;}
.mt-50{ margin-top:50px; }
.mr-20{ margin-right:20px; }
.ml-20{ margin-left:20px; }
.ml-30{ margin-left:30px; }
.pd-non{padding: unset!important;}
.height-233{ height: 233px;}
.bnpt-re{margin-top: 170px!important;}
.text-height{ height:50px; overflow: hidden; display: block!important; }

.inline-block{display: inline-block;}
.block{ display: block; }
.t-boder-b{ border-bottom:1px solid #4C4B4B; }

.t-boder-t{ border-top:1px solid #AF7E46; }
.border-000{border: 1px solid #000;}
.radius-non{ border-radius: unset!important;}
.float-r{ float: right;}
.float-l{ float: left;}
.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;}
.table-rwd{ overflow-x: auto; }
/*box-img 1x1*/
.box-img{ overflow: hidden; width: 100%; padding-top:100%; position: relative; background-color: #ccc; }
.box-img img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
/*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%); }
/*box-img 5x4*/
.box-img-5-4{ overflow: hidden; width: 100%; padding-top: calc( 4 / 5 * 100% ) ; position: relative;background-color: #ccc; }
.box-img-5-4 img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
/*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%); }
/*article set*/
.max-w-800 img{ max-width: 800px; }
/*img cover start*/

.b-img-over{  position: absolute; left: 0; opacity:0;-webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out; }
.b-img-over:hover{  position: absolute; left: 0; opacity:1; }
/*img cover END*/

/*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: #A23B29;color: white;}
ul.pagination-m li a:hover:not(.active) {background-color: #ddd;}


/*----*/
.navbar-flex-1027{ display: flex!important; justify-content: center; align-items: center;}
.social-icons{ display: flex; justify-content: center; margin-top: 8px;}
.social-icons li{ margin-right: 15px; }
.social-icons img{ width: 20px; height: 20px; }
.social-icons-2{ display: none; }
.gallery-img-w li a img{ width: 100%; }
.index-about-main h3{font-size: 24px; color: #B98F6D; font-family: '新細明體'; padding:20px 20px 0 20px;}
.index-about-main h3::after{ content: ''; width: 150px; height:1px; background-color:#B98F6D;display: block; position: relative; left: 10px; bottom: -30px;}
.index-about-main span{ margin-left: 10px; }
.index-about-main{position: relative;}
.index-about-main::after{  content: ''; z-index: -99; display: block;width: 340px;height: 448px; position: absolute;right: -43%;bottom: -159px;background-size: 89%;background-repeat: no-repeat; background-image: url(../images/about-bg01.png);  }
.btn01{ padding: 8px 20px; border: 1px solid #B98F6D; color: #B98F6D; }
.btn01:hover{ background-color: #B98F6D; color: #fff; }
.professional-main{  padding:10px;   transform: translate(50% , 50%); position: relative; left: -25%; }
.professional-main p{ max-width: 406px; }
.personalized-line{ border-right: 1px solid #B98F6D; }
.personalized-line img{ margin:auto;display: block; }
/*.personalized-line::after{ content: ''; width: 1px; height: 86px; display: block; background-color: #B98F6D; position: absolute; top: 0;left: 250px; }*/
.personalized{ padding: 100px 0; background-size: cover;background-image:url(../images/personalized-bg.jpg); background-attachment:fixed; }
.personalized-align-re{     display: flex; align-items: center;}
.hot-txt h4{ font-size: 16px!important; color: #A23B29; }
.hot-txt p{ font-size: 16px!important; color: #000; margin: 0;}
.slogan{ padding: 150px 0; background-size: cover;background-image:url(../images/slogan-bg.jpg); background-position: center; background-attachment:fixed; }
.f-brand-name > img{ height: 70px; }
.footer-content{ margin-top: 10px!important;}
.footer-content li a{ color:#000; line-height: 1.8; font-size: 14px; }
.footer-content li a:hover{ color:#A23B29; }
.f-icon img{ width:30px; height:30px;   }
.f-icon{ display: flex; list-style: none; padding: 0; }
.f-icon li{ margin-right: 20px; }
.f-brand-style p{ font-size: 14px; }
.page-foot{padding-bottom: 60px; background-image: url(../images/footer-bg.jpg); background-size: cover;}
.jumbotron, .jumbotron-mod-1{  padding: 100px 0!important;}
.jumbotron h1, .jumbotron-mod-1 h1{font-family: '微軟正黑體'; color: #A23B29; font-weight: 500; letter-spacing: 10px; }
.jumbotron p, .jumbotron-mod-1 p{ font-size: 14px;  margin-top: 5px!important; color: #A23B29; font-weight: 100!important; margin-left: -8px;  }
.page-about .a-block-img .img-1{ width: 45%;}
.page-about .a-block-img .img-2{ width: 45%; transform: translate(20px , 80px);}
.a-block-img{transform: translateX(-20%);position: relative; left: 50%;     margin-bottom: 181px;}
.a-block-text{ font-size: 14px;    transform: translateX(-25%);position: relative;left: 50%; line-height: 2.5;}
.a-block-text-transform{ text-align: justify; transform: translateX(-10px);width:450px;}
.page-about .b-block-img .img-4{ width: 45%;}
.page-about .b-block-img .img-3{ width: 45%; transform: translate(20px , -114px);}
.page-about .b-block-img .img-5{ width: 65%; margin-top: 20px; transform: translateX(-155px);}
.b-block-img{transform: translateX(-20%);position: relative; left: 50%;     margin-bottom: 181px;}
.b-block-text{ font-size: 14px; text-align: justify;  position: absolute;right: -62px;top: 280px;line-height: 2.5;}
.c-block-img{transform: translateX(-20%);position: relative; left: 50%;     margin-bottom: 181px;}
.page-about .c-block-img .img-6{ width: 30%; margin-top: 20px; transform: translate(-20px, 208px);}
.page-about .c-block-img .img-5{ width: 60%; }
.c-block-text{ font-size: 14px;  position: absolute;right: -152px;top: 382px;line-height: 2.5; width: 400px;}
.news-text-re img{ max-width: 100%; }
.blog-post-title h4{ color:#A23B29!important; }
.about-btn{transform: translateX(50%); position: relative; top: -45px;  left: 262px;}
.btn-01{ padding: 5px 20px; background-color: #A23B29; color: #fff; float: left; margin-right: 10px; font-size: 14px;}
.btn-01:hover{ color: #fff!important; opacity: 0.8;  }

.products-detailed img{ max-width: 100%;  }
.m-br-op{display: none;}

.pro-img img{ width: 100%!important; } 

@media(min-width: 1200px){
    .jumbotron h1, .jumbotron-mod-1 h1{ font-size: 18px; }
}

@media(max-width: 1300px){
    .professional-main{ padding:10px; transform: translate(25% , 25%);left: -15%;}
    
}


@media (min-width: 768px) and (max-width: 1199px) {
    .rd-navbar-fullwidth a.fa-shopping-cart,
    .rd-navbar-fullwidth .rd-navbar-search {
        top: 12px!important;
        left: auto!important;
        right: 0!important;
        -webkit-transform: translateY(0) translateX(0)!important;
        transform: translateY(0) translateX(0)!important;
    }

    .rd-navbar-static .rd-navbar-search-toggle, .rd-navbar-fullwidth .rd-navbar-search-toggle{  margin-right: 20px; top: 0!important; -webkit-transform: translateY(0)!important;  transform: translateY(0)!important;}

    .rd-navbar-fullwidth.rd-navbar--is-stuck a.fa-shopping-cart,.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-search{ top: 5px!important; }

}


@media(min-width: 991px){
    .width-re-ga{width: 80%; margin: auto;}
}
@media(max-width: 991px){
    .rd-navbar-fixed .rd-navbar-brand{ text-align: center!important;  }
    .brand-name > img{ height: 44px!important;}
    .rd-navbar-fixed .rd-navbar-nav, .rd-navbar-sidebar{ width:100%!important; }
    .rd-navbar-fixed .rd-navbar-nav-wrap{width:100%!important;}
    .rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle{width:100%!important;}
    .brand-name > img{   margin:0px auto 0 auto; display: block!important; }
    .rd-navbar-fixed .rd-navbar-panel{height: 85px;}
    .social-icons-2{ margin-top: 20px!important; }
    .rd-navbar-fullwidth.rd-navbar--is-stuck .social-icons-2 { margin-top: 40px!important; }
    .rd-navbar-static .rd-navbar-nav, .rd-navbar-fullwidth .rd-navbar-nav{  padding-top: 15px; }
    .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav{ padding-top: 15px; }
    .rd-navbar-brand{ margin-bottom: 10px; }
    .products-info{   overflow: hidden;}

    /*tool*/
    .pt-50{padding-top: 50px;}
    .m-width-90{ width: 90%; display: block; margin:auto; }
    .m-br-op{display: block!important;}
    /*---*/
    .social-icons{display: none;}
    .social-icons-2{ position: fixed; top: 45px; left: 95px; right: 108px; }
    .social-icons-2 img{ max-width: unset; }
    .social-icons-2{ display: flex; justify-content: center; margin-top: 8px;}
    .social-icons-2 li{ margin-right: 15px; }
    .social-icons-2 img{ width: 20px; height: 20px; }

    .index-about-main h3{font-size: 20px;  padding:10px 10px 0 10px;}
    .index-about-main h3::after{ width: 80px;}
    .professional-main{ padding:30px; transform: unset;position: unset;}
    .bnpt-re{margin-top: 130px!important;}
    .professional-flex{ display: flex;flex-direction: column-reverse; }
    .personalized-align-re{    flex-direction: column;}
    .personalized-line{ border: unset;}

    .a-block-img{     transform: translateX(-48%);  left: 50%; margin-bottom: 141px;}
    .a-block-text{ transform: translateX(-50%); }
    .b-block-img{transform: translateX(-48%);margin-bottom: 74px;}
    .page-about .b-block-img .img-5{     width: 48%;transform: translateX(-9px); }
    .b-block-text{    position: unset;  transform: translateX(31%); margin-bottom: 20px;}
    .c-block-text{ position: unset; width: 80%; display: block;margin: auto; }
    .m-mb-178{margin-bottom: 178px!important;}
    .news-text-re img{ max-width: 100%; width:100%; height:unset!important; }
    .a-block-text-transform{  transform: unset;width:90%; display: block; margin: auto; position: unset;}
    .about-btn{transform: translateX(30%); position: unset; }
    .page-about .c-block-img .img-6{transform: translate(20px, -4px);margin-right: 39px; }
    .page-about .c-block-img .img-5{ width: 50%;}
    .c-block-img{ transform: translateX(-50%);  margin-bottom: 94px;}
    .products-detailed img{ max-width: 100%; width: 100%; height:unset!important;  }
    .personalized{ background-attachment: unset; }
    .slogan{ background-attachment: unset; }
    .jumbotron h1 small, .jumbotron-mod-1 h1 small, .jumbotron h1 span, .jumbotron-mod-1 h1 span{ font-size: 18px; letter-spacing: 2px;}
}
@media(min-width: 768px){
    .dl-horizontal dd{ margin-left: 0px; }
}

@media(max-width: 768px){
    .bnpt-re{margin-top: 30px!important;}
    .social-icons-2{ margin-top: 10px!important; }
    .rd-navbar-fullwidth.rd-navbar--is-stuck .social-icons-2 { margin-top: 40px!important; }

    .page-about .b-block-img .img-3{ width: 45%; transform: translate(20px , -70px);}
}

@media(max-width: 420px){
    .b-block-text{     transform: translateX(3%); }
    .c-block-img{  margin-bottom: 63px; }
}