/*    @font-face {
    font-family: 'geometria_lightlight';
    src: url('Geometria-Light-webfont.eot');
    src: url('Geometria-Light-webfont.eot?#iefix') format('embedded-opentype'), url('Geometria-Light-webfont.woff2') format('woff2'), url('Geometria-Light-webfont.woff') format('woff'), url('Geometria-Light-webfont.ttf') format('truetype'), url('Geometria-Light-webfont.svg#geometria_lightlight') format('svg');
    font-weight: lighter;
    font-style: normal;
}

html,
body {
    font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
}

@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}*/

.tmargin {
    margin-top: 30px;
}

.bmargin {
    margin-bottom: 30px;
}

.bgmargin {
    margin-bottom: 60px;
}

a {
    color          : #606060;
    text-decoration: none;
}

a:hover,
a:focus {
    color          : rgb(76, 75, 146);
    text-decoration: none;
}

.org {
    color: #db4814;
}

.yellowbg {
    background-color: #fdfbf5;
}

.graywbg {
    background-color: #fcfcfc;
}

.carousel {
    position: relative;
}

@media (min-width: 1200px) {
    .carousel {
        position  : relative;
        margin-top: 0px;
    }
}

.nav_cate_item .topic {
    background   : #eee !important;
    border-bottom: 2px solid #030163 !important;
    color        : #030163 !important;
}

/*-----------LOGO更改--------------*/

.navbar-brand>img {
    display: block;
    width  : 250px;
    margin : 15px 0;
}

.navbar-brand {
    height : 120px;
    padding: 0;
}

@media (min-width: 768px) and (max-width:1024px) {
    .navbar-brand>img {
        display: block;
        width  : 280px;
        margin : 0;
    }
}

@media (min-width: 1024px) {
    .navbar-brand>img {
        width: 87%;
    }
}

.dropdown-menu {
    min-width : 160px !important;
    transition: all 0s;
}

.dropdown-menu li {
    position: relative;
}

.navbar-nav {
    margin-top: 35px;
}

.navbar-nav li a {
    font-size: 17px;
    color    : #7d7d7d;
    padding  : 10px 13px;
}

.AAA {}


.navbar-nav.sm-collapsible .caret,
.navbar-nav.sm-collapsible ul .caret {
    border-width: 0px;
    color       : #5d5d5d;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color           : #333;
    background-color: rgb(202, 217, 232);
}

.navbar-nav .open .dropdown-menu .dropdown-header,
.navbar-nav .open .dropdown-menu>li>a {
    padding: 10px;
}

@media (max-width: 768px) {
    .navbar-nav {
        margin-top: 0px;
    }

    .navbar-nav li a {
        font-size: 17px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        font-size  : 17px;
        margin-left: 15px;
    }
}

/*-----------搜尋更改--------------*/

.top-nav-btn {

    float      : right;
    display    : inline-block;
    margin-left: 13px;
    z-index    : 100;
    font-size  : 17px;
}

.top-nav-btn>ul {
    padding   : 0;
    margin    : 0 0 -7px 0;
    list-style: none;
    display   : inline-block;
}

.top-nav-btn>ul>li {
    float  : left;
    display: block;
}

.top-nav-btn>ul>li>a {
    color   : #6f6f6f;
    display : block;
    padding : 10px !important;
    position: relative;

}

@media (max-width: 992px) {
    .top-nav-btn>ul {
        padding: 0;
        margin : 0 -15px -7px 0;
    }

    .top-nav-btn>ul>li>a {
        padding: 16px 15px 15px !important;
    }
}

@media (max-width: 767px) {
    .top-nav-btn {
        font-size: 20px;
    }

    .top-nav-btn>ul {
        margin-right: -10px;
    }

    .top-nav-btn>ul>li>a {
        padding     : 15px !important;
        padding-left: 0 !important;
    }
}


/*-----------搜尋更改--------------*/

.navbar-form {
    border-color: transparent !important;
    margin      : 0;
    padding     : 0;
    box-shadow  : 0 0 0 transparent;
}

.navbar-form .form-control {
    display: block !important;
    width  : 100% !important;
}

.navbar-form .input-group {
    width: 100%;
}

.search-btn {
    background: transparent;
    border    : none;
}

/* Top Search
=================================*/

.top-search {
    background-color: #333;
    padding         : 10px 0;
    display         : none;
}

.top-search input.form-control {
    background-color  : transparent;
    border            : none;
    -moz-box-shadow   : 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 0px;
    -o-box-shadow     : 0px 0px 0px;
    box-shadow        : 0px 0px 0px;
    color             : #fff;
    height            : 40px;
    padding           : 0 15px;
}

.top-search .input-group-addon {
    background-color: transparent;
    border          : none;
    color           : #fff;
    padding         : 0;
    width           : 20px !important;
}

.top-search .input-group-addon.close-search {
    cursor: pointer;
}




.top-nav-btn a {
    display  : block;
    color    : #020065 !important;
    float    : left;
    padding  : 28px 15px;
    font-size: 21px;
}

.top-btn-mobile {}

@media (max-width: 767px) {
    .top-btn-mobile ol {
        list-style: none;
        padding   : 0;
        margin    : 0;
    }

    .top-btn-mobile ol li {
        float    : left;
        font-size: 21px;
    }

    .top-btn-mobile a {
        display  : block;
        color    : #020065 !important;
        float    : left;
        padding  : 28px 15px;
        font-size: 21px !important;
    }

}

/*-----------nav更改--------------*/

.attr-nav {
    float        : right;
    display      : inline-block;
    padding-right: 60px;
}

@media (max-width: 992px) {

    .navbar .container {
        position: relative;
    }

    .attr-nav {
        position     : absolute;
        right        : 5px;
        padding-right: 0px;
    }

    .navbar .navbar-toggle {
        background-color: transparent;
        border          : none;
        padding         : 0;
        font-size       : 23px;
        position        : relative;
        padding         : 10px;
        top             : 10px;
    }

    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background-color: transparent;
    }

    .navbar .navbar-toggle {
        top: 40px;
    }

    .sub-arrow {
        top: 10px !important;
    }

}

.attr-nav>ul {
    padding   : 0;
    margin    : 0 0 -7px 0;
    list-style: none;
    display   : inline-block;
}

.attr-nav>ul>li {
    float  : left;
    display: block;
}

.attr-nav>ul>li>a {
    color    : #020065;
    display  : block;
    font-size: 21px;
    padding  : 28px 15px;
    position : relative;
}

.top-nav-btn>ul>li>a.topline {
    padding-top: 9px !important;
}

@media (max-width: 992px) {
    .top-nav-btn>ul>li>a.topline {
        padding-top: 13px !important;
    }
}

.topline img {
    width : 20px;
    height: 20px;
}

.navbar {
    position     : relative;
    min-height   : 120px;
    background   : #fff;
    margin-bottom: 0;
    border-bottom: solid 4px #00005e;
}


.member_status {
    display     : inline-block;
    font-size   : 17px;
    padding-left: 3px;
}

.member_status a {
    font-size    : 17px;
    display      : inline-block;
    line-height  : 0;
    margin-left  : -26px;
    margin-bottom: -11px;
    margin-right : -2px;
}

@media (max-width: 768px) {
    .member_status a {
        font-size    : 17px !important;
        font-size    : 17px !important;
        margin-bottom: -15px;
        margin-left  : -24px;
    }
}




/*++++++++++++++++++++++++++++++++++++*/

/*-----------topbanner更改--------------*/

#carousel-id .item img {
    width : 100%;
    height: auto;
}

.carousel-control.left {
    background-image : -webkit-linear-gradient(left, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, 0) 100%);
    background-image : -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-image : -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
    background-image : linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    filter           : progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
    top              : 50%;
    font-size        : 45px;
}

.carousel-control.right {
    right            : 0;
    left             : auto;
    background-image : -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-image : -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-image : -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
    background-image : linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    filter           : progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
    top              : 50%;
    font-size        : 45px;
}


/*+++++    最新消息    ++++++*/

#HOME-CONTENT {
    background: #d8d8d8;
    padding   : 80px 0;
    overflow  : hidden;
}

.Home-Content-News {
    position: relative;
    width   : 49%;
    float   : left;
    /*border: 1px solid #a5a4a4;*/
}

.news-content {
    background: rgba(255, 255, 255, .3);
    width     : 54%;
    top       : 0;
    padding   : 40px 30px 20px;
    right     : 0;
    min-height: 391px;
    position  : absolute;
}

.news-content h3 {
    font-size : 27px;
    color     : #020202;
    width     : 250px;
    margin    : 0 auto 20px;
    position  : relative;
    text-align: center;
}

.news-content h3:before,
.news-content h3:after {
    content   : '';
    width     : 30px;
    height    : 1px;
    position  : absolute;
    background: #020202;
}

.news-content h3:before {
    left: 0;
    top : 15px;
}

.news-content h3:after {
    right: 0;
    top  : 15px;
}

.Home-News-img img,
.Home-About-img img {
    max-width: 100%;
}

#rwdnews_list ul {
    padding   : 0;
    margin    : 0;
    list-style: none;
}

#rwdnews_list .pic {
    display: none;
}

#rwdnews_list .newscontent span {
    display: none;
}

.newscontent h4 {
    font-size    : 17px;
    line-height  : 1.5;
    color        : #3b3b3b;
    border-bottom: 1px dashed #bbbaba;
}

@media (min-width: 768px) and (max-width:1024px) {
    .news-content {
        width: 100%;

        position: relative;
    }

}

@media (max-width: 767px) {
    #HOME-CONTENT {
        background: #d8d8d8;
        padding   : 80px 15px;
    }

    .Home-Content-News {
        width : 96%;
        float : none;
        margin: 0 auto 30px;
    }

    .news-content {
        width   : 100%;
        height  : 445px;
        position: relative;
    }
}


/*+++++    關於章記    ++++++*/

.Home-Content-About {
    position: relative;
    width   : 49%;
    right   : 0;
    float   : right;
}

.Homeabout_content {
    background: rgba(21, 53, 89, .6);
    width     : 54%;
    min-height: 391px;
    padding   : 40px 60px 40px;
    top       : 0;
    position  : absolute;
    right     : 0;
}

.Homeabout_content h3 {
    color         : #fff;
    font-size     : 25px;
    letter-spacing: 0.1em;
    margin        : 0 auto 20px;
    text-align    : center;
}

.Homeabout_content h4 {
    color       : #fff;
    font-size   : 21px;
    border      : 1px solid #afb0b1;
    line-height : 1.5;
    border-right: none;
    padding     : 20px 0;
    border-left : none;
}

.Homeabout_content p {
    color        : #fff;
    font-size    : 15px;
    line-height  : 1.5;
    margin-bottom: 20px;
    margin-top   : 20px;
}

.About-btn {
    border    : 1px solid #fff;
    padding   : 10px 20px;
    color     : #fff;
    text-align: center;
    display   : block;
    font-size : 18px;
    background: transparent;
    width     : 100%;
    margin    : auto;
}

.About-btn:hover {
    color: #fff;
}

@media (min-width: 768px) and (max-width:1024px) {
    .Homeabout_content {
        width   : 100%;
        position: relative;
    }
}

@media (max-width: 767px) {
    .Home-Content-About {
        width : 96%;
        margin: 0 auto 30px;
        float : none;
    }

    .Homeabout_content {
        width     : 100%;
        min-height: 391px;
        position  : relative;
    }
}


/*+++++    精選商品-衛浴    ++++++*/

#Bathroom {
    background: url(/hipershop/rwd1033/store/F1/Bathroom-bg.jpg);
    padding   : 80px 0;
}

.Bathroom_inner {
    margin: 0 5px 15px;
}

.Bathroom_inner h3 {
    text-align   : center;
    color        : #020202;
    font-size    : 27px;
    margin-bottom: 40px;
}


/*----------------------------------------*/

/*---------------*/

/***** Bubba *****/

/*---------------*/

.grid {
    position  : relative;
    list-style: none;
    text-align: center;
}

.grid figure {
    position  : relative;
    float     : left;
    overflow  : hidden;
    text-align: center;
}

.grid figure figcaption,
.grid figure figcaption>a {
    position: absolute;
    top     : 0;
    left    : 0;
    width   : 100%;
    height  : 100%;
}

.Bath-title {
    padding      : 20px;
    padding-top  : 10px;
    margin-bottom: 20px;
    clear        : both;
}

.Bath-title span {
    display    : inline-block !important;
    margin-left: 5px;
}

figure.effect-bubba {
    background: rgba(21, 53, 89, .8);
    /*margin  : 1%;
    width     : 31%;*/
}

figure.effect-bubba img {
    opacity           : 1;
    width             : 100%;
    max-width         : 100%;
    -webkit-transition: all 0.35s;
    transition        : all 0.35s;
    transform         : scale(1);
}

figure.effect-bubba:hover img {
    opacity  : 0.6;
    transform: scale(1.2);
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
    position          : absolute;
    top               : 30px;
    right             : 30px;
    bottom            : 30px;
    left              : 30px;
    content           : '';
    opacity           : 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition        : opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
    border-top       : 1px solid #fff;
    border-bottom    : 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform        : scale(0, 1);
}

figure.effect-bubba figcaption::after {
    border-right     : 1px solid #fff;
    border-left      : 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform        : scale(1, 0);
}

figure.effect-bubba h2 {
    padding-top       : 20%;
    color             : #fff;
    letter-spacing    : 0.1px;
    font-size         : 25px;
    text-shadow       : 0 0 5px rgba(0, 0, 0, .8);
    -webkit-transition: -webkit-transform 0.35s;
    transition        : transform 0.35s;
    -webkit-transform : translate3d(0, -20px, 0);
    transform         : translate3d(0, -20px, 0);
    display           : inline-block;
    padding-bottom    : 6px;
    border-bottom     : 1px solid #fff;
}

figure.effect-bubba p {
    padding           : 0px 2.5em;
    opacity           : 1;
    color             : #fff;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition        : opacity 0.35s, transform 0.35s;
    -webkit-transform : translate3d(0, -20px, 0);
    transform         : translate3d(0, -20px, 0);
    text-shadow       : 0 0 5px rgba(0, 0, 0, .8);
}

.grid figure figcaption>a {
    z-index    : 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size  : 0;
    opacity    : 1;
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
    opacity          : 1;
    -webkit-transform: scale(1);
    transform        : scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
    opacity          : 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform        : translate3d(0, 0, 0);
}

@media (min-width: 768px) and (max-width:1024px) {
    figure.effect-bubba {
        /* margin: 1%;
        width: 48%;*/
    }

    figure.effect-bubba figcaption::before,
    figure.effect-bubba figcaption::after {
        position          : absolute;
        top               : 25px;
        right             : 25px;
        bottom            : 25px;
        left              : 25px;
        content           : '';
        opacity           : 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition        : opacity 0.35s, transform 0.35s;
    }
}

@media (max-width: 767px) {
    figure.effect-bubba {
        /* margin: 3% 0;
        width: 100%;*/
    }

    figure.effect-bubba figcaption::before,
    figure.effect-bubba figcaption::after {
        position          : absolute;
        top               : 15px;
        right             : 15px;
        bottom            : 15px;
        left              : 15px;
        content           : '';
        opacity           : 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition        : opacity 0.35s, transform 0.35s;
    }
}


/*---------精選商品-廚房--------*/

#kitchen {
    background: url(../images/kit-bg.jpg);
    padding   : 80px 0;
}

.kitchen-list h3 {
    text-align   : center;
    color        : #020202;
    font-size    : 27px;
    margin-bottom: 40px;
}


/*服務HOVER*/

.more {
    display   : inline-block;
    color     : #333;
    transition: 0.4s;
}

.text-desc {
    position        : absolute;
    left            : 0;
    top             : 0;
    background-color: rgba(0, 0, 0, .5);
    height          : 100%;
    opacity         : 0;
    width           : 100%;
}

.text-desc .more {
    width      : 100%;
    height     : 100%;
    display    : inline-block;
    background : url(../images/link.png)no-repeat center center;
    color      : #fff;
    text-indent: -9999px;
}

.port-1 {
    float        : left;
    width        : 100%;
    position     : relative;
    overflow     : hidden;
    text-align   : center;
    margin-bottom: 15px;
}

.port-1 .text-desc {
    opacity   : 0.9;
    top       : -100%;
    transition: 0.5s;
    color     : #000;
    padding   : 45px 20px 20px;
}

.port-1 img {
    transition: 0.5s;
    width     : 100%;
}

.port-1:hover img {
    transform: scale(1.2);
}

.port-1.effect-1:hover .text-desc {
    top: 0;
}

.port-1.effect-2 .text-desc {
    top   : auto;
    bottom: -100%;
}

.port-1.effect-2:hover .text-desc {
    bottom: 0;
}

.port-1.effect-3:hover .text-desc {
    width  : 100%;
    top    : 0;
    left   : 0;
    height : 100%;
    padding: 0;
}

.service_list {
    min-height   : 220px;
    overflow     : hidden;
    border-radius: 5px;
    padding      : 4px;
}

.TStyle5 {
    color      : #333;
    font-size  : 17px;
    font-weight: bold;
    font-family: "微軟正黑體", Arial;
    padding    : 8px;
    margin     : 5px 0 40px 0;
    display    : block;
    text-align : center;
}

.service_list p {
    display      : block;
    margin-top   : 10px;
    line-height  : 1.5;
    color        : #333;
    text-align   : center;
    font-size    : 17px;
    margin-bottom: 20px;
}

#Home_AD {
    padding: 80px 0;
}

#Home_AD img {
    max-width    : 100%;
    border       : 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 15px;
}

.Home_AD_img div {
    padding-right: 10px;
    padding-left : 10px;
}

/*電子型錄*/

.download .download_btn a {
    color: #fff;
}

.download-banner {
    background : url(/hipershop/rwd1033/store/F1/download.jpg)50% 50%/cover no-repeat;
    padding-top: 100px;
    height     : 280px;
}

.download-banner h3 {
    text-align : center;
    color      : #fff;
    font-size  : 31px;
    text-shadow: 0 0 10px rgba(0, 0, 0, .8);
    margin     : auto;
}

.download-banner h3 span {
    border     : 1px solid #ccc;
    width      : 45px;
    height     : 45px;
    line-height: 45px;
    text-align : center;
    margin     : 10px 3px 20px 0px;
    display    : inline-block;
}

@media only screen and (max-width: 959px) {
    .download-banner {
        height: 250px;
    }

    .download-banner h3 {
        text-align : center;
        color      : #fff;
        font-size  : 31px;
        text-shadow: 0 0 10px rgba(0, 0, 0, 1);
        margin     : auto;
    }
}

/*購物說明*/

.ShopGuide-banner {
    background : url(/hipershop/rwd1033/store/F1/shopguide.jpg)50% 50%/cover no-repeat;
    padding-top: 100px;
    height     : 280px;
}

.ShopGuide-banner h3 {
    text-align : center;
    color      : #fff;
    font-size  : 31px;
    text-shadow: 0 0 10px rgba(0, 0, 0, .8);
    margin     : auto;
}

.ShopGuide h3 span {
    border     : 1px solid #ccc;
    width      : 45px;
    height     : 45px;
    line-height: 45px;
    text-align : center;
    margin     : 10px 3px 20px 0px;
    display    : inline-block;
}

@media only screen and (max-width: 959px) {
    .ShopGuide-banner {
        height: 250px;
    }

    .ShopGuide-banner h3 {
        text-align : center;
        color      : #fff;
        font-size  : 31px;
        text-shadow: 0 0 10px rgba(0, 0, 0, 1);
        margin     : auto;
    }
}


/*-----------footer-----------*/

footer {
    padding         : 30px 0;
    color           : #9d9d9d;
    background-color: #f0f0f0;
    border-top      : 1px solid #e2e2e2;
    line-height     : 1.5;
    font-size       : 16px;
    text-align      : left;
}

.QR-CODE {
    float       : right;
    border-left : solid 1px #dadada;
    padding-left: 30px;
}

.QR-CODE img {
    width      : 100px;
    margin-left: 10px;
}

.footer-p {
    color       : #242424;
    line-height : 1.5;
    border-left : 2px solid #bdbdbd;
    padding-left: 12px;
    font-size   : 14px;
}

.fb-link {
    color      : #2a4a93;
    font-size  : 21px;
    margin-left: 5px;
}

.copy {
    background : #0e0e1e;
    color      : #fff;
    overflow   : hidden;
    line-height: 1.5;
    font-size  : 15px;
}

.copy_txt {
    padding: 15px 0;
}

.fb {
    background: #365d98;
    text-align: center;
}

.fb a {
    color  : #fff;
    padding: 15px 10px;
    display: block;
}

.fb i {
    font-size   : 21px;
    margin-right: 5px;
}

.sitemap {
    background: #2f9c41;
    text-align: center;
}

.sitemap a {
    color  : #fff;
    padding: 15.5px 10px;
    display: block;
}

.sitemap i {
    font-size   : 15px;
    margin-right: 5px;
}

.privacy {
    background: #f25d03;
    text-align: center;
}



.privacy a {
    color  : #fff;
    padding: 15.5px 10px;
    display: block;
}

@media (max-width: 1200px) {

    .sitemap a,
    .privacy a,
    .fb a {
        font-size: 14px;
    }

    .sitemap a,
    .privacy a {
        padding: 16px 10px;
    }
}

@media (max-width: 767px) {
    .copy_txt {
        text-align: center;
    }

    .copy {
        font-size: 14px;
    }

    .privacy a {
        color  : #fff;
        padding: 16px 8px;
        display: block;
    }
}

#PRO_BOX {
    background    : url(/hipershop/rwd1033/store/F1/about-banner.jpg)50% 50%/cover no-repeat !important;
    padding-bottom: 150px;
}

@media only screen and (max-width: 959px) {
    #PRO_BOX {
        padding-bottom: 80px;
    }
}

.nav_cate_current {
    display: none !important;
}

.topbanner2 {
    background-image   : url(/hipershop/rwd1033/store/F1/bathroom.jpg);
    background-size    : cover;
    background-position: left;
    height             : 300px;
    padding-top        : 90px;
}

.topbanner {
    background-image   : url(/hipershop/rwd1033/store/F1/kitchen.jpg);
    background-size    : cover;
    background-position: left;
    height             : 300px;
    padding-top        : 90px;
}

.topbanner3 {
    background-image   : url(/hipershop/rwd1033/store/F1/other.jpg);
    background-size    : cover;
    background-position: left;
    height             : 300px;
    padding-top        : 90px;
}

.topbanner .breadcrumb span:before,
.topbanner2 .breadcrumb span:before,
.topbanner3 .breadcrumb span:before {
    content: '';
}

.topbanner h2,
.topbanner2 h2,
.topbanner3 h2 {
    text-align : center;
    color      : #fff;
    font-size  : 31px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 1);
}

.topbanner .breadcrumb,
.topbanner2 .breadcrumb,
.topbanner3 .breadcrumb {
    background-color: transparent;
    text-align      : center;
}

.topbanner .breadcrumb a,
.topbanner2 .breadcrumb a,
.topbanner3 .breadcrumb a {
    color      : #fff;
    font-size  : 16px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 1);
}

.Pro_Category {
    padding-top: 30px;
    min-height : 450px;
}

.features-box span {
    /*display: inline-block;*/
    margin: 0px 0 5px 0;
}



.fpCode {
    display     : inline-block;
    float       : left;
    margin-right: 5px !important;
    color       : #8f8f8f;
}

.fprod_code {
    display: block !important;
    float  : left;

}

.normal-price-s {
    margin-right: 3px !important;
}

.fprod_code:after {
    content: "";
    width  : 100%;
    display: block;
    clear  : both;
}

.features-box .btn {
    margin-top: 5px;
}

.normal-price {
    margin-right: 10px;
}

.thumbnail-list .li-item:hover {
    box-shadow: none;
    background: transparent;
    border    : 1px solid #8382c4;
}

.product_list {
    margin-bottom: 20px;
}

.thumbnail-list>li {
    display: inline-block;
}

.li-item .mask {
    display: none;
}

.popular_products .thumbnail-list li {
    width  : 100% !important;
    padding: 1%;
}

@media screen and (min-width: 480px) {
    .popular_products .thumbnail-list li {
        width  : 50% !important;
        padding: 1%;
    }
}

@media screen and (min-width: 1200px) {
    .popular_products .thumbnail-list li {
        width  : 25% !important;
        padding: 1%;
    }
}

.menu_list .nav li {
    float: left;
}

.menu_list .nav li a {
    display      : block;
    border-bottom: 2px solid transparent;
    padding      : 10px 15px;
}

.menu_list .nav li i {
    display: none;
}

.menu_list .nav li a:hover,
.menu_list .nav li a:active,
.menu_list .nav li a:focus,
.menu_list .nav li a:visited {
    color        : #030163;
    border-bottom: 2px solid #030163;
    background   : #eee;
}


/*-----------內頁--------------*/

#profile_box {}

.about-banner {
    background : url(/hipershop/rwd1033/store/F1/about-banner.jpg)50% 50%/cover no-repeat;
    padding-top: 100px;
    height     : 280px;
}

.about-banner h3 {
    text-align : center;
    color      : #fff;
    font-size  : 31px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 1);
    margin     : auto;
}

.ABOUT {
    /* padding-top   : 80px; */
    padding-bottom: 80px;
}

.ABOUT-btn {
    border-bottom: 1px solid #9b9b9b;
}

.ABOUT-btn>li>a {
    border       : 1px solid #9b9b9b;
    border-bottom: none;
    padding      : 10px 25px;
    border-radius: 0;
}

.ABOUT-btn>li.active>a,
.ABOUT-btn>li.active>a:focus,
.ABOUT-btn>li.active>a:hover {
    color           : #fff;
    background-color: #030249;
}

.ABOUT-btn>li>a:hover {
    text-decoration : none;
    background-color: #eee;
    color           : #606060;
}

.ABOUT-content .tab-pane {
    min-height: 320px;
    padding   : 30px 0;
}

/* .ABOUT-content .tab-pane h3 {
    margin-left: 15px;
} */

.ABOUT-content .tab-pane h3 span {
    border     : 1px solid #ccc;
    width      : 45px;
    height     : 45px;
    line-height: 45px;
    text-align : center;
    margin     : 10px 3px 20px 0px;
    display    : inline-block;
}

.ABOUT-content .tab-pane p {
    line-height   : 1.7;
    font-size     : 17px;
    margin-bottom : 20px;
    padding-bottom: 20px;
    letter-spacing: 0.2px;
}

.ABOUT-content .tab-pane img {
    max-width: 100%;
}

.example-image {
    border    : 1px solid #eee;
    transition: all 0.3s;
}

.example-image:hover {
    border: 1px solid #4d4c93;
}


.History {
    width: 50%;
    float: left;
}

.History ul {
    overflow  : hidden;
    padding   : 0;
    margin    : 0 0 15px;
    list-style: none;
    clear     : both;
}

.History li {
    float: left;
    width: 80%;
}

.History li:first-child {
    width        : 60px;
    height       : 60px;
    line-height  : 60px;
    color        : #fff;
    background   : #a1a1c5;
    border-radius: 50%;
    text-align   : center;
    margin-right : 15px;
}

.ABOUT-content .History li p {
    margin-bottom : 0px;
    padding-bottom: 10px;
}

@media only screen and (max-width: 959px) {
    .about-banner {
        height: 250px;
    }

    .about-banner h3 {
        text-align : center;
        color      : #fff;
        font-size  : 31px;
        text-shadow: 0 0 10px rgba(0, 0, 0, 1);
        margin     : auto;
    }
}

@media (max-width: 768px) {
    .ABOUT-btn {
        border-bottom: none;
    }

    .ABOUT-btn>li>a {
        border-bottom: 1px solid #9b9b9b;
        margin-bottom: 10px;
        margin-right : 5px;
    }

    .ABOUT-content .tab-pane img {
        max-width    : 100%;
        margin-bottom: 20px;
    }

    .ABOUT-content .tab-pane {
        padding: 40px 0;
    }

    .History {
        width      : 100%;
        float      : none;
        margin-left: 15px;
    }
}

.news_page-banner {
    background : url(/hipershop/rwd1033/store/F1/news.jpg)center/cover no-repeat;
    padding-top: 100px;
    height     : 280px;
}

.news_page-banner h3 {
    text-align : center;
    color      : #fff;
    font-size  : 31px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 1);
    margin     : auto;
}

@media only screen and (max-width: 959px) {
    .news_page-banner {
        background: url(/hipershop/rwd1033/store/F1/news.jpg)80% 0%/cover no-repeat;
        height    : 250px;
    }
}

/*內頁聯絡我們*/

#Contact_box {}

.Contact-banner {
    background : url(/hipershop/rwd1033/store/F1/contact-banner.jpg)0% 50%/cover no-repeat;
    padding-top: 100px;
    height     : 250px;
}

.Contact-banner h3 {
    text-align : center;
    color      : #fff;
    font-size  : 31px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 1);
    margin     : auto;
}

.Contact-banner span {
    font-size : 17px;
    margin-top: 6px;
    display   : block;
}

.Contact_CONTENT {
    padding-top: 50px;
    min-height : 550px;
}

.contact-txt h5 {
    font-weight: bold;
    font-size  : 16px;
    line-height: 1.5;
}

.contact-txt p {
    padding       : 10px 0;
    font-size     : 17px;
    letter-spacing: 1px;
}

.contact-map {
    margin     : 30px auto;
    border-top : 1px solid #ccc;
    padding-top: 30px;
}

.contact-map p {
    font-size: 16px;
}

.category_content {
    padding-top: 34px;
}

.category_parent_link {
    display: none !important;
}

.nav_cate_current {
    display: none !important;
}

.PRO-banner {
    margin-top: 80px;
    position  : relative;
}

.page-title {
    position   : absolute;
    text-align : center;
    top        : 164px;
    width      : 100%;
    font-size  : 23px;
    text-shadow: 0 0 15px rgba(0, 0, 0, .8);
    z-index    : 10;
    color      : #fff;
}

.page-title span {
    display   : block;
    font-size : 13px;
    margin-top: 8px;
}

@media (min-width: 768px) {
    .PRO-banner {
        margin-top: 0px;
        position  : relative;
    }

    .category_content {}

    .category_menu {
        padding: 40px 0;
    }
}

.PRO-banner img {
    width  : 100%;
    left   : 0;
    top    : 0;
    z-index: 4;
}

.category_menu {
    padding: 40px 0;
}



.category_content {
    min-height: 450px;
    padding   : 34px 10px 120px 10px;
}

.category_content h3 {
    background    : #0063ad;
    color         : #fff;
    margin        : 32px 0 10px 0;
    font-size     : 19px;
    display       : block;
    padding       : 12px;
    border-radius : 5px;
    letter-spacing: 0.1px;
}

.CodeNum {
    background   : transparent !important;
    color        : #5c5858 !important;
    border-radius: 0px;
    font-size    : 15px !important;
    padding      : 0 !important;
    margin-top   : 10px !important;
}

.dyPic {
    max-width: 100%;
}

/*.input-group .form-control {
    z-index: -1;}*/

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {}

.PersonNum {
    background   : transparent !important;
    color        : #333 !important;
    border-radius: 0px;
    font-size    : 15px !important;
    padding      : 0 !important;
    margin-top   : 10px !important;
}

.category_menu {
    padding: 34px 0 0 0;
}

.profile_content {
    padding: 30px 0 60px 0;
}

.nav_cate_item {
    color          : #0068b6;
    /*border-bottom: 1px solid #ccc;*/
}

.nav_cate_item a {
    color    : #181f3b;
    font-size: 16px;
}

.category_menu li:last-child {
    border-bottom: none;
}




/*----------------最新消息--------------------*/

.news-more {
    float     : right;
    margin-top: 15px;
}

.news-more i {
    color: rgba(21, 53, 89, 1);
}

.News_Title {
    background-color: #23b497;
    padding         : 8px 15px;
    color           : #FFF;
    font-size       : 16px;
    margin          : 0;
}

.INFO_Title {
    background-color: #f5f5f5;
    padding         : 10px;
    color           : #222;
    font-size       : 16px;
    margin-top      : -1px;
    border-radius   : 4px;
    color           : #428bca;
}

.News_Category {
    margin          : 20px 0 0 0;
    background-color: #597b3f;
    padding         : 12px 15px;
    color           : #FFF;
    font-size       : 19px;
}

.newslist {
    overflow: hidden;
    margin  : 0px -15px 30px;
}

.newslist img.news_pic {
    width  : 30%;
    float  : left;
    padding: 2%;
}

@media (max-width: 768px) {
    .newslist img.news_pic {
        width  : 30%;
        float  : left;
        padding: 1%;
    }

    .newslist {
        overflow  : hidden;
        min-height: 400px;
    }
}

.newslist h3.news_title {
    margin-top: -5px;
}

.news_title {
    color      : #333;
    line-height: 1.5;
    font-size  : 18px;
}

.news_info {
    font-size  : 15px;
    line-height: 1.5;
    color      : #222;
    margin     : 0;
}

.news_date {
    color        : #CCC;
    padding-right: 10px;
    font-size    : 15px;
    display      : none;
}

.news_sort {
    color        : #CCC;
    padding-right: 10px;
    font-size    : 15px;
    display      : none;
}

.news_author {
    color        : #CCC;
    padding-right: 10px;
    font-size    : 15px;
    display      : none;
}

.news_more {
    width  : 100px;
    display: block;
    margin : 15px 0;
    color  : #606060;
    float  : left;
}

.type_icon {
    margin-right: 10px;
}

.NEWS_type {
    padding: 0;
    margin : 0;
}

.NEWS_type li:first-child {
    display: none;
}

.NEWS_type li {
    line-height  : 1.5;
    padding      : 10px 15px;
    border-bottom: 1px solid #ddd;
    display      : block;
    position     : relative;
}

.NEWS_type li a {
    text-decoration: none;
    color          : #606060;
    font-size      : 17px;
}

.NEWS_type .badge {
    background-color: rgb(163, 180, 91);
    position        : absolute;
    right           : 0px;
    top             : 15px;
    font-size       : 8px;
    margin-left     : 8px;
    display         : block;
}

.news_icon01 {
    margin-right: 8px;
}

.news_icon02 {
    margin-right: 8px;
}

.news_icon03 {
    margin-right: 8px;
}

@media (max-width: 767px) {
    .newslist img.news_pic {
        width  : 100%;
        float  : left;
        padding: 1%;
    }
}

@media (max-width: 768px) {
    .News_AD {
        display: none;
    }
}

.News_AD {
    border: 0;
}

.content_pic {
    padding: 5%;
}

.news_content {
    line-height: 2.0;
    font-size  : 16px;
}

.news_content img {
    max-width: 100% !important;
    height   : auto !important;
    width    : auto !important;
}

div#LinkContainer {
    display: none;
}

.homeNews_Title {
    padding         : 8px 15px;
    margin-bottom   : 10px;
    list-style      : none;
    background-color: rgb(38, 181, 149);
    border-radius   : 4px;
    color           : #fff;
}

/* 最新消息 */

.newstitle {
    font-size  : 10pt;
    line-height: 12pt;
    color      : #666666;
}

.newsmain {
    font-size      : 9pt;
    line-height    : 18pt;
    color          : #666666;
    text-decoration: none;
}




/*購物清單*/

#shopcar_box {
    padding-bottom: 60px;
}

.shopcar-banner h3 {
    color         : #fff;
    font-weight   : bold;
    font-size     : 23px;
    border        : 1px solid #fff;
    padding       : 8px 15px;
    width         : 200px;
    text-align    : center;
    margin        : auto;
    letter-spacing: 0.1px;
    text-shadow   : 0 0 6px rgba(0, 0, 0, 1);
}

.shopcar-banner span {
    font-size : 17px;
    margin-top: 6px;
    display   : block;
}

h1.MYCART_TITLE {
    margin-top: 150px;
    text-align: center;
    color     : #CCC;
    display   : none;
}

h2.SHOP_TITLE {
    font-size       : 20px;
    margin-bottom   : 20px;
    border-bottom   : 1px solid transparent;
    background-color: #020067;
    padding         : 12px 15px;
    color           : #FFF;
}

#btn_precheck {
    background: #8180bf;
    border    : 1px solid #8180bf;
}

.STORE_INFO {
    font-size : 15px;
    padding   : 15px;
    border-top: 1px solid #e0e0e0;
}

/*  .dropdown-menu {
        right: 0;
        left: auto;
        padding: 5px;
    */

}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #333;
    border-color    : #333;
}

.pagination>li>a,
.pagination>li>span {
    color: #4c4b92;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    z-index         : 2;
    color           : #fff;
    background-color: #fa871a;
    border-color    : #ddd;
}

.news {
    border-top: 4px solid #c31128;
    margin-top: -10px;
}

#main-container.container {
    background-color: #fff;
    min-height      : 500px;
    margin-bottom   : 40px;
    padding-top     : 40px;
}

/*------------------線上預約-----------------*/

.freebirdFormviewerViewCenteredContent {
    width: 1200px !important;
}


a.CHANNEL {
    border-radius: 25px !important;
    padding      : 5px 20px 5px;
}

.MEM_NAV .glyphicon {
    display: none;
}

.COMPLETE_BOX {
    margin    : 0 auto;
    /* margin : 5%; */
    background: #fff;
    border    : 1px solid #CCC;
    overflow  : hidden;
    min-height: 366px;
}

/*------------------top-----------------*/

.label {
    font-size       : 16px;
    line-height     : 2;
    background-color: #fff;
    color           : #fa871a;
    padding         : 0;
}

.view-first .mask {
    display: none;
}

.li-item p {
    line-height: 1.5;
    color      : #333;
    font-size  : 15px;
}

.breadcrumb {
    background-color: #597b3f;
    padding         : 12px 15px;
    color           : #FFF;
    font-size       : 19px;
    padding         : 8px 15px;
    margin-bottom   : 10px;
    list-style      : none;
}

.breadcrumb li:first-child span {
    display: none;
}

.breadcrumb a {
    color: #fff;
}

.title-none {
    font-size  : 21px;
    color      : #606060;
    font-weight: bold;
    line-height: 1.5;
}

.features-box a h4 {
    color      : #4d4c93;
    line-height: 1.5;
    font-size  : 18px;
}

/*上架設定*/

.demo-style {
    clear   : both;
    overflow: hidden;
    padding : 0 15px;
}

.demo-style img {
    max-width: 100%;
    height   : auto;
}

.demo-title {
    color        : #1e6dab;
    font-size    : 25px;
    border-bottom: 1px dotted #333;
    margin-bottom: 5px;
    background   : transparent !important;
    border-radius: 0 !important;
}

.demo-style p {
    font-size  : 17px;
    line-height: 1.8;
    color      : #333;
}

.demo-date {
    font-size  : 21px;
    font-weight: bold;
    color      : #1e6dab;
}

.demo-date span {
    margin-left: 10px;
    color      : #b5c8e4;
    font-size  : 17px;
}

.demo-list {
    list-style: none;
    padding   : 0;
    font-size : 17px;
    margin    : 10px 0 10px 0;
}

.demo-list li {
    padding-left: 15px;
    position    : relative;
}

.demo-list li:before {
    content      : '';
    background   : #333;
    width        : 5px;
    height       : 5px;
    border-radius: 50%;
    position     : absolute;
    top          : 8px;
    left         : 0px;
}

.contact-img img {
    max-width: 100%;
}

.panel-title2 {
    font-size  : 19px;
    line-height: 1.4;
    margin     : 0;
}

.panel-title2 .label {
    font-size: 19px;
    color    : #c00019;
}

#input-qty {
    width: 65px !important;
}

.btn-buy .glyphicon {
    display: none;
}

/*.btgrid{margin-top: 60px;}
@media only screen and (max-width: 959px){
  .btgrid{margin-top: 30px;}
}*/

.product_img {}

.product_img img {
    max-width    : 100% !important;
    height       : auto !important;
    margin-bottom: 10px;
}

.product_text h3 {
    font-size     : 25px;
    margin        : 0 0 20px 0;
    border-bottom : 1px solid #ccc;
    color         : #597b3f;
    font-family   : "微軟正黑體", Arial;
    font-weight   : bold;
    padding       : 10px 0;
    letter-spacing: 1px;
}

.product_text p {
    font-size     : 17px;
    line-height   : 1.5;
    color         : #606060;
    margin-bottom : 25px;
    letter-spacing: 1px;
}

.product_item {
    list-style: none;
    margin    : 0 0 20px 0;
    padding   : 10px;
}

.product_item li {
    position : relative;
    font-size: 16px;
    color    : #606060;
    padding  : 4px 10px 4px 20px;
}

.product_item li:before {
    content   : "";
    width     : 8px;
    height    : 8px;
    background: #a3b45b;
    position  : absolute;
    left      : 0;
    top       : 10px;
}

.product_box {
    margin-bottom: 40px;
}

.descri-none {
    font-size     : 17px;
    letter-spacing: 1px;
    color         : #413fd2;
    ;
}

.descri-none span {
    font-size  : 15px;
    margin     : 15px 0 0 0;
    display    : block;
    color      : #606060;
    line-height: 1.5;
}

.product_text img {
    max-width: 100% !important;
    height   : auto !important;
}

.CONTENT_INFO img {
    width    : auto;
    max-width: 100%;
    height   : auto !important;
    margin   : 0 auto;
}

.GoodsDescrBody2 table {
    width: 100% !important;
}

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

.li-item figure figcaption span {
    display: none;
}

.li-item figure {
    margin-bottom: 10px;
}

/*    .CONTENT_INFO .panel-default .cs-style-2{height: 485px;overflow: hidden;}
    @media only screen and (max-width: 959px){
    .CONTENT_INFO .panel-default .cs-style-2{height: auto;overflow: hidden;}}*/

#prod_img {
    text-align: center;
}

.thumbnail-list.grid.cs-style-2 li {
    display: none;
}

.thumbnail-list.grid.cs-style-2 li:nth-of-type(1),
.thumbnail-list.grid.cs-style-2 li:nth-of-type(2),
.thumbnail-list.grid.cs-style-2 li:nth-of-type(3),
.thumbnail-list.grid.cs-style-2 li:nth-of-type(4) {
    display: inline-block;
}

.news_imgBox-inner {
    position : relative;
    max-width: 100%;
    overflow : hidden;
}

.news_imgBox-fit {
    position   : relative;
    max-width  : 100%;
    padding-top: 100%;
    height     : 0px;
}

.news_imgBox-fit .news_image-pic {
    position  : absolute;
    top       : 50%;
    left      : 50%;
    transform : translate(-50%, -50%);
    max-width : 100%;
    max-height: 100%;
}

.caption .news_info {
    white-space  : nowrap;
    overflow     : hidden;
    text-overflow: ellipsis;
}

.zoomContainer {
    display: none;
}

.zoomWrapper {
    margin  : auto;
    position: relative;
    display : inline-flex;
}

.li-item:hover {
    border          : 1px solid #8382c4;
    background-color: #ffffff;
    box-shadow      : none;
}


/*輪播*/

.lightbox .lb-image {
    border: 1px solid #545454;
}

/*human_resource頁面設定*/

.ShopGuide_CONTENT .ShopGuide table {
    width: 90% !important;
}


.ShopGuide img {
    max-width: 100%;
    display  : block;
    margin   : 0 auto;
}



@media screen and (max-width: 767px) {
    .ShopGuide_CONTENT .ShopGuide table {
        width: 100% !important;
    }

    .ShopGuide img {
        max-width: 90%;
    }
}


#prod_intro h3 font {
    font-size: 15px;
    color    : #5c5858;
}

#QtyName {
    font-size  : 15px;
    color      : #5c5858;
    font-weight: normal;
}

.iteminfo_parameter {
    padding: 17px 0 !important;
}

/*190304 nav 切到編輯器*/

.navbar table {
    float: left
}

@media screen and (max-width:1200px) {
    .navbar table {
        width: 100%
    }
}

/*---------------swiper---------------------*/

#prod_imgSWIP.swiper-slide img {
    width : 100%;
    cursor: pointer;
}

#prod_imgSWIP .swiper-container {
    width       : 100%;
    height      : 300px;
    margin-left : auto;
    margin-right: auto;
}

#prod_imgSWIP .swiper-slide {
    background-size    : cover;
    background-position: center;
}

#prod_imgSWIP .gallery-top {
    height: 80%;
    width : 100%;
}

#prod_imgSWIP .gallery-thumbs {
    height    : 20%;
    box-sizing: border-box;
    padding   : 10px 0;
}

#prod_imgSWIP .gallery-thumbs .swiper-slide {
    width : 25%;
    height: 100%;
}

#prod_imgSWIP .gallery-thumbs .swiper-slide-thumb-active {
    border : 1px solid #cccccc;
    padding: 3px;
}

#prod_imgSWIP .img-none img {
    width: 100%;
}

@media (max-width: 767px) {
    #prod_intro {
        margin-top: 20px;
    }
}

/*-------innerpage style 20250912-------------------------------------*/
#newGrid {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 160px;
    /* border: 1px solid #CCC; */
    height: 15px;
    flex-wrap: wrap;
    padding-left:15px;
}
#newGrid a {
    border: 1px solid #CCC;
    padding: 6px;
    text-align: center;
    border-radius: 4px;
    width: 40px;
    background: #fff;
    height: 35px;
    font-weight: bold;
    color: #000;
}
#newGrid a:hover {
    background: #efefef;
    box-shadow: inset 2px 2px 4px #CCC;
}
#newGrid a.SortBtn {
    background: #ddd;
    border: 1px solid #999;
    box-shadow: inset 2px 2px 4px #999;
}

i.fa.fa-sort-desc {
    font-size: 24px;
    margin-top: -10px;
}
i.fa.fa-sort-asc {
    font-size: 24px;
    margin-top: 4px;
}

.sub_box {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 30px;
}