/* --> font */
@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);
* {
    font-family: 'Microsoft JhengHei', 'Noto Sans TC', sans-serif, Meiryo, Arial, Helvetica;
}
body {
    font-family: 'Microsoft JhengHei', 'Noto Sans TC', sans-serif, Meiryo, Arial, Helvetica;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Microsoft JhengHei', 'Noto Sans TC', sans-serif, Meiryo, Arial, Helvetica;
}
input, button, select, textarea {
    font-family: 'Microsoft JhengHei', 'Noto Sans TC', sans-serif, Meiryo, Arial, Helvetica;
}
/* <-- font */

/* Large Devices, .visible-lg-* */
@media (min-width: 1200px) {
}

/* Medium Devices, .visible-md-* */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* Small Devices, .visible-sm-* */
@media (min-width: 768px) and (max-width: 991px) {
}

/* Extra Small Devices, .visible-xs-* */
@media (max-width: 767px) {
}

/***************************************************/
/* --> base */
/***************************************************/
a {
    /*color: #fb0;*/
    color: #666;
}
a:focus,
a:hover {
    /*color: #ffc933;*/
    color: #7f7f7f;
}

::selection {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
}

body {
    font-size: 12pt;
    color: #333333;
    /*color: #666;*/
}
.t3-wrapper {
    overflow: hidden;
}
.t3-content {
    padding-top: 0px;
    padding-bottom: 0px;
}
.t3-module {
    margin-bottom: 0;
}
@media screen and (min-width: 768px) {
    .t3-module {
        margin-bottom: 0;
    }
}
.copyright {
    margin: 0;
}


.filter-gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
/* <-- base */


/***************************************************/
/* --> logo */
/***************************************************/
header {
    position: absolute;
    z-index: 99991;
    top: 0;
    left: 0;
    right: 0;
}
/*
header.border-b {
    border-bottom: 9px #f4f4f4 solid;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
*/
header img.logo-img {
    /*height: 56px;*/
    /*width: auto;*/

    /*max-width: 115px;*/
    /*position: absolute;*/
    /*top: 12px;*/
}
header .logo {
    text-align: left;
}
header .logo.margin-t {
    /*margin-top: 13px;*/
    margin-top: 11px;
}

.header-top a {
    color: #fb0;
}
.header-top a:hover {
    color: #ffc933;
}
.header-top ul > li,
.header-top ul > li > a {
    display: inline-block;
}
.header-top ul {
    margin-top: 0;
    margin-bottom: 0px;
    float: right;
}
.header-top ul > li > a {
    padding: 5px 15px;
}
.header-top > .container {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}


header .header-bottom {
    position: relative;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
header .header-bottom.nav-fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
header .header-bottom.nav-fixed-top .main-nav .dj-megamenu {
    height: 60px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
header .header-bottom.nav-fixed-top .main-nav .dj-megamenu li a.dj-up_a {
    height: 60px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
header .header-bottom.nav-fixed-top .main-nav .dj-megamenu li a.dj-up_a span {
    height: 60px;
    line-height: 60px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}


@media (min-width: 1200px) {
    header img.logo-img {
        display: block;
        max-width: 115px;
        position: absolute;
        top: 12px;
    }
    header img.logo-img-s {
       display: none;
    }

    header .nav-fixed-top img.logo-img {
        display: none;
    }
    header .nav-fixed-top img.logo-img-s {
        display: block;
        max-width: 160px;
        position: relative;
    }
    header .nav-fixed-top .logo.margin-t {
        margin-top: 7px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    header img.logo-img {
        display: none;
    }
    header img.logo-img-s {
        display: block;
        max-width: 200px;
        position: relative;
    }
    header .nav-fixed-top img.logo-img-s {
        display: block;
        max-width: 160px;
        position: relative;
    }
    header .nav-fixed-top .logo.margin-t {
        margin-top: 7px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    header .logo.margin-t {
        margin-top: 6.5px;
    }
    header img.logo-img {
        display: none;
    }
    header img.logo-img-s {
        display: block;
        max-width: 160px;
        position: relative;
    }
}
@media (max-width: 767px) {
    header .logo.margin-t {
        margin-top: 6.5px;
    }
    header img.logo-img {
        display: none;
    }
    header img.logo-img-s {
        display: block;
        max-width: 160px;
        position: relative;
    }
}


/* <-- logo */

/***************************************************/
/* --> main-menu */
/***************************************************/

header .main-nav .dj-megamenu {
    height: 80px;
    float: right;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -ms-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
header .main-nav .dj-megamenu li a.dj-up_a {
    height: 80px;
    font-size: 15px;
    font-weight: 400;
    text-transform: none;
    border: none;
    padding: 0 20px;

    -webkit-transition: height 0.5s linear 0s;
    -moz-transition: height 0.5s linear 0s;
    -ms-transition: height 0.5s linear 0s;
    -o-transition: height 0.5s linear 0s;
    transition: height 0.5s linear 0s;
}
header .main-nav .dj-megamenu li.dj-up {
    /*border-left: 1px solid #eee;*/
}
header .main-nav .dj-megamenu li.dj-up:last-child {
    /*border-right: 1px solid #eee;*/
}
header .main-nav .dj-megamenu li a.dj-up_a span {
    height: 80px;
    line-height: 80px;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -ms-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}

header .main-nav .dj-megamenu li a.dj-up_a span.dj-drop {
    padding: 0 12px 0 0 !important;
}



header .main-nav .dj-megamenu li ul.dj-submenu > li {
    border-top: 0px solid rgba(255, 255, 255, 1);
}


header .main-nav .dj-megamenu li.dj-up {
    margin: 0 0px 0 10px !important;
}
header .main-nav .dj-megamenu li.dj-up.first {
    margin: 0 0px 0 0px !important;
}






header .mini-nav-bar #menu-open-btn {
    background-color: transparent;
    width: 40px;
    text-align: center;
    float: right;
    margin: 9px 0 9px 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
}
header .mini-nav-bar #menu-open-btn > i {
    padding: 0px 10px;
    font-size: 20px;
    line-height: 40px;
    cursor: pointer;
    color: #ffffff;
}

header .dj-megamenu-offcanvas {
    display: none !important;
}


/* => 底線效果 */
.dj-megamenu .dj-up.active::after {
    content: '';
    display: block;
    width: 100%;
    left: 0%;
    height: 3px;
    background: #fb0;
    transition: width .3s;
    margin-top: -3px;
    position: absolute;
    bottom: 0;
}
.dj-megamenu .dj-up:hover::after {
    content: '';
    display: block;
    width: 100%;
    left: 0%;
    height: 3px;
    background: #fb0;
    transition: width .3s;
    margin-top: -3px;
    position: absolute;
    bottom: 0;
}

.dj-megamenu .dj-up::after {
    content: '';
    display: block;
    width: 0%;
    height: 3px;
    background: #fb0;
    transition: width .3s;
    margin-top: -3px;
    position: absolute;
    bottom: 0;
}

/*
.dj-megamenu a.dj-up_a.active > span::after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: #4b8606;
    transition: width .5s;
    margin-top: -3px;
}
.dj-megamenu a.dj-up_a > span::after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background: #4b8606;
    transition: width .5s;
    margin-top: -3px;
}

.dj-megamenu a.dj-up_a:hover > span::after {
    width: 100%;
    transition: width .5s;
    margin-top: -3px;
}
*/
/* <= 底線效果 */

/* <-- main-menu */

/***************************************************/
/* --> header + logo + menu */
/***************************************************/
@media (min-width: 1200px) {
    header .mini-nav-bar {
        display: none;
    }
}
@media (min-width: 999px) and (max-width: 1199px) {
    header .mini-nav-bar {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 1000px) {
    /*
    header .logo.margin-t {
        margin-top: 9px;
    }
    header img.logo-img {
        height: 46px;
        width: auto;
    }
    */
    header .mini-nav-bar {
        display: block;
    }
}
@media (max-width: 767px) {
    /*
    header .logo.margin-t {
        margin-top: 9px;
    }
    header img.logo-img {
        height: 46px;
        width: auto;
    }
    */
    header .mini-nav-bar {
        display: block;
    }
}
/* <-- header + logo + menu */

/***************************************************/
/* --> offcanvas */
/***************************************************/
.dj-offcanvas-light .dj-offcanvas-logo img {
    max-width: 50%;
}

ul.dj-mobile-light li.dj-mobileitem.parent > a span.toggler {
    font-family: FontAwesome;
}

/* <-- offcanvas */


/***************************************************/
/* --> slideshow-mod */
/***************************************************/
.slideshow-mod {
    overflow: hidden;
}

.slideshow-mod {
    position: relative;
}
.slideshow-mod .readmore > span {
    position: absolute;
    /*left: 50%;*/
    left: calc(50% - 25px);

    bottom: 5%;
    /*cursor: pointer;*/

    animation-duration: 3.5s;
    animation-delay: 3s;
    animation-iteration-count: infinite;
    color: #ffffff;

    z-index: 50;
}
.slideshow-mod .readmore > span > img {
    width: 50px;
}

.slideshow-mod .animatedPic {
    position: fixed;
    top: 150px;
    left: -50px;
    z-index: 50;
}



.rev_slider_wrapper .tp-arr-allwrapper:hover {
    background-color: transparent;
}
.rev_slider_wrapper .tp-arr-titleholder {
    display: none !important;
}
.rev_slider_wrapper .tp-bullets.tp-thumbs.preview4 {
    height: 30px !important;
}
.rev_slider_wrapper .tp-bullets.tp-thumbs {
    background-color: transparent;
}
.rev_slider_wrapper .tp-bullets.tp-thumbs .tp-mask {
    overflow: visible;
}
.rev_slider_wrapper .tp-bullets.preview4 .bullet.first,
.rev_slider_wrapper .tp-bullets.preview4 .bullet.last {
    background: rgba(255, 255, 255, 1) !important;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid rgba(0, 0, 0, 1) !important;
}

/* text - large medium small */
.rev_slider_wrapper .tp-caption.caption.large-title {
    color: #ffffff;
    font-size: 60px;
    font-weight: 700;
    letter-spacing: 6px;
    text-align: center;
    text-shadow: 0px 2px 5px rgba(0,0,0,0.9), 0px 0px 1.5px rgba(0, 0, 0, 1.0), 0px 0px 2px rgba(0, 0, 0, 0.6);
}

.rev_slider_wrapper .tp-caption.caption.medium-title {
    color: #ffffff;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 6px;
    text-align: center;
    text-shadow: 0px 2px 5px rgba(0,0,0,0.9), 0px 0px 1.5px rgba(0, 0, 0, 1.0), 0px 0px 2px rgba(0, 0, 0, 0.6);
}
.rev_slider_wrapper .tp-caption.caption.small-title {
    color: #ffffff;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 6px;
    text-align: center;
    text-shadow: 0px 2px 5px rgba(0,0,0,0.9), 0px 0px 1.5px rgba(0, 0, 0, 1.0), 0px 0px 2px rgba(0, 0, 0, 0.6);
}

.rev_slider .dark-translucent-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3) !important;
    -webkit-transition: background-color 1s linear 0s;
    -moz-transition: background-color 1s linear 0s;
    -ms-transition: background-color 1s linear 0s;
    -o-transition: background-color 1s linear 0s;
    transition: background-color 1s linear 0s;
}

/* <-- slideshow-mod */




/**************************************/
/* --> footer-section */
/**************************************/
footer {
    background-color: #000000;
    color: rgba(255, 255, 255, 0.7);

    font-size: 15px;
    padding: 40px 0px 0px 0px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 50;
}

footer a {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.7);
}

footer a:hover {
    color: rgba(255, 255, 255, 1);
}

footer .logo-footer {
    margin-bottom: 10px;
}

footer .logo-footer > img {
    width: 160px;
}

footer .list-icons {
    margin-top: -1px;
    list-style: none;
    padding: 0;
}

footer .list-icons li {
    padding: 0px;
    margin: 0 0 5px 0;
}

footer ul.list-icons li i {
    margin-right: 5px;
}

footer .footer-content h2 {
    color: rgba(255, 255, 255, 0.7);
    /*margin-top: 10px;*/
    /*margin-bottom: 10px;*/
    margin: 0;
    font-size: 18px;
    font-weight: 400;
}

footer ul.menu {
    list-style: none;
    padding: 0;
}
footer ul.menu li {
    margin: 0 15px 8px 0;
    float: left;
}

footer .footer-content {
    clear: both;
    display: table;
}


@media (min-width: 768px) and (max-width: 991px) {
    footer .footer-content.col-1 {
        margin-bottom: 20px;
    }
    footer .footer-content.col-2 {
        margin-bottom: 20px;
    }
}
@media (max-width: 767px) {
    footer .footer-content.col-1 {
        margin-bottom: 30px;
    }
    footer .footer-content.col-2 {
        margin-bottom: 25px;
    }
    footer .footer-content.col-3 {
        margin-bottom: 25px;
    }
}

footer .footer-content > iframe {
    border: 1px solid rgba(255, 255, 255, 0.70);
    margin: 1px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 15px 0px #ffffff;
    -moz-box-shadow: 0 0 15px 0px #ffffff;
    box-shadow: 0 0 15px 0px #ffffff;
}


footer .copyright {
    /*background-color: rgba(0, 0, 0, 1);*/
    background-color: transparent;
    color: rgba(255, 255, 255, 0.8);
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: small;
    border-top: 0.5px solid rgba(255, 255, 255, 0.25);
}

footer .copyright .design-by {
    /*display: none;*/
    font-size: 12px;
}

footer .copyright .design-by a {
    color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
}

footer .copyright .design-by span.punctuate {
    margin: 0 2px 0 2px;
}

/* <-- footer-section */


/*************************************/
/* --> contact-section */
/*************************************/

/* <-- contact-section */

/**************************************/
/* --> contact-item */
/**************************************/
.contact-item {
    font-size: 12pt;
}

.contact-item a {
    color: #333333;
}

.contact-item a:hover {
    color: rgba(0, 0, 0, 0.5);
}

.contact-item h1.title {
    font-size: 38px;
    font-weight: 700;
    text-align: center;
    color: #333333;
    margin: 0;
}

.contact-item .media-left,
.contact-item .media-right,
.contact-item .media-body {
    display: table-cell;
    vertical-align: top;
}

.contact-item .element-blurb {
    margin: 0px 0px 30px 0px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 20px;
    min-height: 125px;
}
@media (max-width: 767px) {
    .contact-item .element-blurb {
        min-height: 0;
    }
}
.contact-item .element-blurb .media {
    padding: 0;
}


.contact-item .media .icon {
    width: 80px;
    height: 80px;
    text-align: center;
    border: 0px solid transparent;

    font-size: 80px !important;
    line-height: 80px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;

    background-color: transparent !important;

    color: rgba(0, 0, 0, 0.6) !important;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.contact-item .media:hover .icon {
    background-color: transparent !important;
    color: #000000 !important;
    border: 0px solid #4b8606;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.contact-item .media-left {
    padding-right: 20px;
}

.contact-item .media .blurb-content h4 {
    margin-top: 0;
}

.contact-item .blurb-content {
    padding-top: 0px;
}

.contact-item .blurb-content .content {
    /*font-size: 12pt;*/
}
/* <-- contact-item */




/*************************************/
/* --> service-section */
/*************************************/

.service-section .beautypress-inner-welocme-section {
    padding: 280px 0 180px;
}

.service-section .beautypress-bg {
    background: linear-gradient(rgba(0, 0, 0, .1), rgba(236, 85, 152, .5)), url(../../../images/section/service/slider-bg-2.png);
    background-attachment: scroll;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

.service-section .beautypress-inner-welcome-content h1 {
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.6);
}

.service-section .beautypress-inner-welcome-content p {
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 2px 5px rgba(0, 0, 0, 0.5);
    /*text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5), 1px 1px 10px rgb(236,85,152), 1px 1px 10px rgb(236,85,152);*/
    font-size: 15pt;
}

.service-section .beautypress-inner-welocme-section .beautypress-black-overlay {
    background-color: rgba(0, 0, 0, 0);
}

.service-section .beautypress-content-headinig h2 {
    font-family: 'Microsoft JhengHei', 'Noto Sans TC', sans-serif, Meiryo, Arial, Helvetica;
}

.service-section .beautypress-call-to-action-section.beautypress-bg {
    background: linear-gradient(rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 1.0)), url('../../../images/section/service/call-to-action.jpg');
}

.service-section .beautypress-call-to-action-content.beautypress-version-2 .beautypress-content-headinig h3 {
    color: rgb(92, 12, 140);
}

.service-section .beautypress-call-to-action-content.beautypress-version-2 .beautypress-content-headinig h3 {
    font-size: 2.857em;
}

/* <-- service-section */

/*************************************/
/* --> separator */
/*************************************/

.separator-w100p-h2 {
    display: block;
    width: 100%;
    height: 2px;
    margin: 0px 0 15px;
    background-color: #fb0;
    position: relative;
}

.separator-w80-h3 {
    display: block;
    width: 80px;
    height: 3px;
    margin: 15px auto 15px;
    background-color: #fb0;
    position: relative;
}
.separator-w80-h2 {
    display: block;
    width: 80px;
    height: 2px;
    margin: 15px auto 15px;
    background-color: #fb0;
    position: relative;
}

.separator-w80-h3-left {
    display: block;
    width: 80px;
    height: 3px;
    margin: 20px 0 20px;
    background-color: #fb0;
    position: relative;
}

.separator-left-w80-h2 {
    display: block;
    width: 80px;
    height: 2px;
    /*margin: 15px 0 15px;*/
    margin: 10px 0 10px;
    background-color: #fb0;
    position: relative;
}

.separator-left-w80-h15 {
    display: block;
    width: 80px;
    height: 1.5px;
    /*margin: 15px 0 15px;*/
    margin: 10px 0 10px;
    background-color: #fb0;
    position: relative;
}
/* <-- separator */





/**************************************/
/* --> aboutus-section */
/**************************************/

.aboutus-section p {
    color: #000000;
}

.aboutus-section .introduce-block {
    /*
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url(../../../images/section/aboutus/bg_1.jpg);
    background-size: cover;
    background-position: center 50%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    */

    /*padding: 50px 0 50px 0;*/
}
/*
.aboutus-section .mark-col-img {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 0px;

    -webkit-transition: all linear 0.5s;
    -moz-transition: all linear 0.5s;
    -ms-transition: all linear 0.5s;
    -o-transition: all linear 0.5s;
    transition: all linear 0.5s;
}
@media (max-width: 767px) {
    .aboutus-section .mark-col-img {
        margin-top: 0px !important;
        margin-bottom: 25px;
    }
}
*/

.aboutus-section h1.title {
    font-size: 35px;
    font-weight: 700;
    margin: 0;
}

.aboutus-section .separator-w100p-h1 {
    height: 1px;
    background-color: rgba(0, 0, 0, 0.50);
}

.aboutus-section .row.row-flex {
    display: flex;
}
.aboutus-section .row.row-flex > .aligner {
    display: flex;
    align-items: center;
    justify-content: center;
}


.aboutus-section .introduce-block {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.0)), url('../../../images/section/aboutus/dust_scratches.png');
    background-repeat: repeat;
}
.aboutus-section .introduce-block {
    padding: 100px 0 100px 0;
}
.aboutus-section .introduce-block .mark-col-img > img {
    max-width: 200px;
}

@media (max-width: 767px) {
    .aboutus-section h1.title {
        text-align: center;
    }
    .aboutus-section .separator-w80-h3-left {
        margin: 20px auto 20px;
    }

    .aboutus-section .introduce-block h1.title {
        display: none;
    }
    .aboutus-section .introduce-block .separator-w80-h3-left {
        display: none;
    }
    .aboutus-section .introduce-block .mark-col-img {
        margin-bottom: 25px;
    }
    .aboutus-section .introduce-block .mark-col-img > img {
        max-width: 120px;
    }
    .aboutus-section .introduce-block {
        padding: 60px 0 60px 0;
    }
    .aboutus-section .introduce-block .row.row-flex {
        display: block;
    }
}



.aboutus-section .block-2 {
    padding: 100px 0 100px 0;
    position: relative;
    z-index: 1;
    min-height: 550px;
}

.aboutus-section .block-2 .img-bg {
    position: absolute;
    z-index: -2;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1.0), rgba(255, 255, 255, 0.4)), url('../../../images/section/aboutus/2.jpg');
    background-position: center 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;

    -webkit-filter: grayscale(60%);
    -moz-filter: grayscale(60%);
    -ms-filter: grayscale(60%);
    -o-filter: grayscale(60%);
    filter: grayscale(60%);
    filter: gray;
}


@media (max-width: 767px) {
    .aboutus-section .block-2 {
        padding: 60px 0 60px 0;
        min-height: unset;
    }

    .aboutus-section .block-2 .img-bg {
        position: absolute;
        z-index: -2;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url('../../../images/section/aboutus/2.jpg');
        background-position: center 50%;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
        bottom: 0;
        left: 0;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;

        -webkit-filter: grayscale(60%);
        -moz-filter: grayscale(60%);
        -ms-filter: grayscale(60%);
        -o-filter: grayscale(60%);
        filter: grayscale(60%);
        filter: gray;
    }
}

.aboutus-section .block-3 {
    padding: 100px 0 100px 0;
    position: relative;
    z-index: 1;
    min-height: 550px;
}
.aboutus-section .block-3 .img-bg {
    position: absolute;
    z-index: -2;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 1.0)), url(../../../images/section/aboutus/3.jpg);
    background-position: center 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;

    -webkit-filter: grayscale(60%);
    -moz-filter: grayscale(60%);
    -ms-filter: grayscale(60%);
    -o-filter: grayscale(60%);
    filter: grayscale(60%);
    filter: gray;
}

@media (max-width: 767px) {
    .aboutus-section .block-3 {
        padding: 60px 0 60px 0;
        min-height: unset;
    }

    .aboutus-section .block-3 .img-bg {
        position: absolute;
        z-index: -2;
        background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url('../../../images/section/aboutus/3.jpg');
        background-position: center 50%;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
        bottom: 0;
        left: 0;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;

        -webkit-filter: grayscale(60%);
        -moz-filter: grayscale(60%);
        -ms-filter: grayscale(60%);
        -o-filter: grayscale(60%);
        filter: grayscale(60%);
        filter: gray;
    }
}



.aboutus-section .block-4 {
    padding: 100px 0 100px 0;
    position: relative;
    z-index: 1;
    min-height: 550px;
}
.aboutus-section .block-4 .img-bg {
    position: absolute;
    z-index: -2;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.3)), url('../../../images/section/aboutus/4.jpg');
    background-position: center 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;

    -webkit-filter: grayscale(60%);
    -moz-filter: grayscale(60%);
    -ms-filter: grayscale(60%);
    -o-filter: grayscale(60%);
    filter: grayscale(60%);
    filter: gray;
}
@media (max-width: 767px) {
    .aboutus-section .block-4 {
        padding: 60px 0 60px 0;
        min-height: unset;
    }
    .aboutus-section .block-4 .img-bg {
        position: absolute;
        z-index: -2;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url('../../../images/section/aboutus/4.jpg');
        background-position: center 50%;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
        bottom: 0;
        left: 0;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;

        -webkit-filter: grayscale(60%);
        -moz-filter: grayscale(60%);
        -ms-filter: grayscale(60%);
        -o-filter: grayscale(60%);
        filter: grayscale(60%);
        filter: gray;
    }
}



.aboutus-section .block-5 {
    padding: 100px 0 100px 0;
    position: relative;
    z-index: 1;
    min-height: 550px;
}
.aboutus-section .block-5 .img-bg {
    position: absolute;
    z-index: -2;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 1.0)), url(../../../images/section/aboutus/5.jpg);
    background-position: center 85%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;

    -webkit-filter: grayscale(60%);
    -moz-filter: grayscale(60%);
    -ms-filter: grayscale(60%);
    -o-filter: grayscale(60%);
    filter: grayscale(60%);
    filter: gray;
}

@media (max-width: 767px) {
    .aboutus-section .block-5 {
        padding: 60px 0 60px 0;
        min-height: unset;
    }

    .aboutus-section .block-5 .img-bg {
        position: absolute;
        z-index: -2;
        background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url('../../../images/section/aboutus/5.jpg');
        background-position: center 70%;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
        bottom: 0;
        left: 0;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;

        -webkit-filter: grayscale(60%);
        -moz-filter: grayscale(60%);
        -ms-filter: grayscale(60%);
        -o-filter: grayscale(60%);
        filter: grayscale(60%);
        filter: gray;
    }
}

/* <-- aboutus-section */




/*****************************************************************/
/* --> sidebar module */
/*****************************************************************/
.t3-sidebar {
    padding-top: 0px;
    padding-bottom: 0px;
}

.t3-sidebar .t3-module.sidebar-mod {
    background: none;
    padding: 0px;
    border-radius: 0px;
    font-size: 12pt;
    border-radius: 0px;
}

.t3-module.sidebar-mod .module-inner {
    padding: 0px;
    border-radius: 0px;
    margin-bottom: 54px;
    border: 1px solid #ddd;
}

.t3-module.sidebar-mod .module-title {
    padding: 15px;
    border-bottom: 1px solid #ddd;
    margin: 0;
    color: #000000;
}

.t3-module.sidebar-mod ul {
    padding-left: 0;
    margin-left: 0;
    list-style-type: none;
}

.t3-module.sidebar-mod .latestnews li,
.t3-module.sidebar-mod .mostread li {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #e8e8e8;
}

.t3-module.sidebar-mod .latestnews li a,
.t3-module.sidebar-mod .mostread li a {
    color: #000000;
}

.t3-module.sidebar-mod .latestnews li a:hover,
.t3-module.sidebar-mod .mostread li a:hover {
    color: #494949;
}

.t3-module.sidebar-mod .module-inner .product-filter-heading {
    margin: 0;
}

.t3-module.sidebar-mod .module-inner .module-ct {
    padding: 15px;
    margin: 0;
}

.t3-module.sidebar-mod .module-inner .module-ct p:last-child {
    margin-bottom: 0;
}

.t3-module.sidebar-mod .module-inner .module-ct ul li:last-child {
    border: 0;
    margin: 0;
    padding: 0;
}

.t3-module.sidebar-mod.facebook .module-ct {
    padding: 0;
    margin: 0;
    overflow: hidden;
}

/* <-- sidebar module */





/***************************************************/
/* --> breadcrumb-section */
/***************************************************/

/* => breadcrumb */
.breadcrumb-section ol.breadcrumb {
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    float: right;
}
.breadcrumb-section ol.breadcrumb > .active {
    color: #ffffff;
}
.breadcrumb-section ol.breadcrumb .hasTooltip i.fa {
    color: #ffffff;
}
/* <= breadcrumb */

.breadcrumb-section {
    /* padding: 70px 0px; */
    /* background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), url(../../../images/section/breadcrumb/bg.jpg); */
    background: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, .2)), url('../../../images/section/breadcrumb/banner_1.jpg');
    background-size: cover;
    background-position: 50% 40%;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

html.layout-contact .breadcrumb-section {
    background: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, .2)), url('../../../images/section/breadcrumb/banner_contact.jpg');
    background-size: cover;
    background-position: 50% 30%;
    background-repeat: no-repeat;
    background-attachment: scroll;
}


html.com_content.layout-blog .breadcrumb-section {
    background: linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .2)), url(../../../images/section/breadcrumb/banner_news.jpg);
    background-size: cover;
    background-position: 50% 60%;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

html.layout-aboutus .breadcrumb-section {
    background: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .0)), url('../../../images/section/breadcrumb/banner_aboutus.jpg');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: scroll;
}


html.layout-faq .breadcrumb-section {
    background: linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .2)), url(../../../images/section/breadcrumb/banner_news.jpg);
    background-size: cover;
    background-position: 50% 60%;
    background-repeat: no-repeat;
    background-attachment: scroll;
}







@media (min-width: 1200px) {
    .breadcrumb-section .title {
        padding: 210px 0 95px 0;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .breadcrumb-section .title {
        padding: 210px 0 95px 0;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .breadcrumb-section .title {
        padding: 155px 0 60px 0;
    }
}
@media (max-width: 767px) {
    .breadcrumb-section .title {
        padding: 145px 0 50px 0;
    }
}




.breadcrumb-section .title h1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-size: 35px;
    font-weight: 400;
    color: #ffffff;
    text-align: center;

    letter-spacing: 6px;
    text-shadow: 0px 2px 5px rgba(0,0,0,0.9), 0px 0px 1.5px rgba(0, 0, 0, 1.0), 0px 0px 2px rgba(0, 0, 0, 0.6);
}


.breadcrumb-section .divider.icon-location {
    color: #ffffff;
}
.breadcrumb-section a.pathway {
    color: #ffffff;
}

.breadcrumb-section .breadcrumb-element {
    color: #ffffff;
    padding-top: 12px;
    padding-bottom: 12px;
    /*background-color: rgba(255, 255, 255, .2);*/
    /*background-color: rgba(0, 0, 0, 0.2);*/
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.4));
}

.breadcrumb-section ul.breadcrumb {
    background-color: transparent !important;
    color: #ffffff !important;
    font-size: 14px;
    float: right;
}

.breadcrumb-section ul.breadcrumb a {
    color: #ffffff !important;
    font-size: 14px;
}

.breadcrumb-section ul.breadcrumb i {
    color: #ffffff !important;
    font-size: 14px;
}

.breadcrumb-section .breadcrumb > .active + li:before {
    content: "";
    padding: 0;
}

.breadcrumb-section .breadcrumb > li + li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #cccccc;
}
/* <-- breadcrumb-section */



.social {
    /*margin: 50px 0px;*/
}

.social ul {
    list-style: none;
    text-align: center;
}

.social ul li {
    display: inline;
    margin: 0px 10px;
}

.social ul .fa {
    color: #fff;
    width: 40px;
    height: 40px;
    color: rgba(244, 244, 244, 0.7);
    font-size: 18px;
    font-family: FontAwesome;
    line-height: 40px;
    transition: all 0.2s ease-in;
}

.social.round .fa {
    border-radius: 15px;
}

.social.circle .fa {
    border-radius: 50%;
}

.social ul .fa:hover, .social ul .fa:active {
    color: #fff;
    box-shadow: 1px 1px 3px black;
}

.social .fa-facebook {
    background: #3b5998;
}

.social .fa-twitter {
    background: #55acee;
}

.social .fa-youtube {
    background: #cc181e;
}

.social .fa-reddit {
    background: #cee3f8;
}

.social .fa-google-plus {
    background: #d34836;
}

.social .fa-git {
    background: black;
}

.social .fa-drupal {
    background: #0c76ab;
}

.social .fa-linkedin {
    background: #007bb6;
}

.social .fa-map-marker {
    background: #cc181e;
}

.social .fa-map-marker,
.social .fa-facebook,
.social .fa-youtube {
    background: rgb(236, 85, 152);
}












/*************************************/
/* --> gallery-section  */
/*************************************/

.gallery-section.makeup .beautypress-inner-welocme-section {
    padding: 290px 0 180px;
}

.gallery-section.makeup .beautypress-bg {
    background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .3)), url('../../../images/section/gallery/makeup_bg.jpg');
    background-attachment: scroll;
    background-size: cover;
    background-position: center 0%;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}
.gallery-section.nail-art .beautypress-bg {
    background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .3)), url('../../../images/section/gallery/nail_art_bg.jpg');
    background-attachment: scroll;
    background-size: cover;
    background-position: center 0%;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}
.gallery-section.eyebrow-shaping .beautypress-bg {
    background: linear-gradient(rgba(0, 0, 0, .0), rgba(0, 0, 0, .0)), url('../../../images/section/gallery/eyebrow_shaping_bg.jpg');
    background-attachment: scroll;
    background-size: cover;
    background-position: center 0%;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}




.gallery-section .beautypress-inner-welocme-section .beautypress-black-overlay {
    background-color: rgba(0, 0, 0, 0);
}
.gallery-section .beautypress-inner-welcome-content h1 {
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}

.gallery-section .beautypress-inner-welcome-content p {
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}

/*************************************/

.dj-megamenu li a.dj-up_a .arrow {
    top: 33px;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -ms-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
header .nav-fixed-top .dj-megamenu li a.dj-up_a .arrow {
    top: 23.5px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
.dj-megamenu li:hover a.dj-up_a .arrow,
.dj-megamenu li.hover a.dj-up_a .arrow,
.dj-megamenu li.active a.dj-up_a .arrow {
    top: 35px;
}
header .nav-fixed-top .dj-megamenu li:hover a.dj-up_a .arrow,
header .nav-fixed-top .dj-megamenu li.hover a.dj-up_a .arrow,
header .nav-fixed-top .dj-megamenu li.active a.dj-up_a .arrow {
    top: 25.5px;
}











/**************************************/
/* --> embed-container */
/**************************************/
.youtube-embed-container {
    position: relative !important;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.youtube-embed-container iframe,
.youtube-embed-container object,
.youtube-embed-container embed {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* <-- embed-container */

/**************************************/
/* --> slider */
/**************************************/


/* <-- slider */




/*************************************/
/* --> recruit-section */
/*************************************/

.recruit-section .beautypress-inner-welocme-section {
    padding: 280px 0 180px;
}

.recruit-section .beautypress-bg {
    background: linear-gradient(rgba(0, 0, 0, .0), rgba(0, 0, 0, .6)), url('../../../images/section/recruit/banner.jpg');
    background-attachment: scroll;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

.recruit-section .beautypress-inner-welcome-content h1 {
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.6);
}

.recruit-section .beautypress-inner-welcome-content p {
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 2px 5px rgba(0, 0, 0, 0.5);
    /*text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5), 1px 1px 10px rgb(236,85,152), 1px 1px 10px rgb(236,85,152);*/
    font-size: 15pt;
}

.recruit-section .beautypress-inner-welocme-section .beautypress-black-overlay {
    background-color: rgba(0, 0, 0, 0);
}

.recruit-section .beautypress-content-headinig h2 {
    font-family: 'Microsoft JhengHei', 'Noto Sans TC', sans-serif, Meiryo, Arial, Helvetica;
}




.recruit-section .job-condition .table > tbody > tr > th,
.recruit-section .job-condition .table > tbody > tr > td {
    padding: 15px 0px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #5f188a;
    color: #000000;
}
.recruit-section .job-condition .table > tbody > tr:last-child {
    border-bottom: 1px solid #5f188a;
    color: #000000;
}
@media (max-width: 767px) {
    .recruit-section .job-condition .table > tbody > tr > th,
    .recruit-section .job-condition .table > tbody > tr > td {
        padding: 10px 0px;
    }
}
/* <-- recruit-section */




/*************************************************************************************************/
/* --> resume-form */
/*************************************************************************************************/

.resume-form .form-control {
    width: 100%;
    /*border: 1px solid #cccccc;*/
    border: 1px solid #5f188a;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}



.resume-form .add-on .input-group-btn > .btn {
    border-left-width:0;left:-2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* stop the glowing blue shadow */
.resume-form .add-on .form-control:focus {
    box-shadow:none;
    -webkit-box-shadow:none;
    border-color:#cccccc;
}

/* enable absolute positioning */
.resume-form .inner-addon {
    position: relative;
}

/* style glyph */
.resume-form .inner-addon .glyphicon {
    position: absolute;
    padding: 13px;
    pointer-events: none;
}

/* align glyph */
.resume-form .addon-left .glyphicon  {
    left: 0px;
    color: #6a1b9a;
}
.resume-form .addon-right .glyphicon {
    right: 0px;
    color: #6a1b9a;
}

/* add padding  */
.resume-form .addon-left input  { padding-left:  40px; }
.resume-form .addon-right input { padding-right: 40px; }

/* align button at bottom */
.resume-form .vertical-align-bottom { vertical-align: bottom !important; }


.resume-form .upload-repair-img {
    visibility: hidden;
    position: absolute;
}

.resume-form .upload-file input {
    background-color: #ffffff;
}



.resume-form .btn.btn-primary {
    color: #ffffff;
    background-color: #6a1b9a;
    border: 1px #6a1b9a solid;
}
.resume-form .btn.btn-primary:hover {
    color: #000000 !important;
    background-color: #ffffff;
    border-color: #6a1b9a;
}

.resume-form .btn-group .btn-primary {
    color: #ffffff;
    background-color: #6a1b9a;
    border: 1px #9992ad solid;
}

.resume-form .btn-group .btn-primary:hover,
.resume-form .btn-group .btn-primary:focus,
.resume-form .btn-group .btn-primary.focus,
.resume-form .btn-group .btn-primary:active,
.resume-form .btn-group .btn-primary.active,
.resume-form .btn-group .open > .dropdown-toggle.btn-primary {
    color: #000000;
    background-color: #ffffff;
    border: 1px #6a1b9a solid;
}
.resume-form .input-group-btn:last-child > .btn,
.resume-form .input-group-btn:last-child > .btn-group {
    margin-left: -0.5px;
}


.resume-form button.browse-file {
    border-right-color: #ffffff;
}
.resume-form button.delete-file {
    /*background-color: rgba(255, 0, 0, 0.2);*/
    /*border-color: rgba(255, 0, 0, 0.2);*/
    border-left-color: #ffffff;
}
.resume-form button.delete-file:hover {
    /*color: rgba(255, 0, 0, 0.9);*/
    /*border-color: rgba(255, 0, 0, 0.9);*/
}


.resume-form .asterisk {
    color: red;
}

.resume-form input {
    height: 45px;
    border-radius: 0px;
}
.resume-form textarea {
    border-radius: 0px;
}
.resume-form .btn {
    border-radius: 0px;
    height: 45px;
}

.resume-form .alert {
    border-radius: 0px;
}
/* <-- resume-form */



@media (max-width: 767px) {
    .com_content .t3-content {
        margin-bottom: 30px;
    }
}


/*************************************/
/* --> home-section */
/*************************************/





.home-section .block-4 {
    padding: 100px 0 100px 0;
    position: relative;
    z-index: 1;
    min-height: 550px;
}
.home-section .block-4 .img-bg {
    position: absolute;
    z-index: -2;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.3)), url('../../../images/section/aboutus/4.jpg');
    background-position: center 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;

    -webkit-filter: grayscale(60%);
    -moz-filter: grayscale(60%);
    -ms-filter: grayscale(60%);
    -o-filter: grayscale(60%);
    filter: grayscale(60%);
    filter: gray;
}
@media (max-width: 767px) {
    .home-section .block-4 {
        padding: 60px 0 60px 0;
        min-height: unset;
    }
    .home-section .block-4 .img-bg {
        position: absolute;
        z-index: -2;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url('../../../images/section/aboutus/4.jpg');
        background-position: center 50%;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        bottom: 0;
        left: 0;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;

        -webkit-filter: grayscale(60%);
        -moz-filter: grayscale(60%);
        -ms-filter: grayscale(60%);
        -o-filter: grayscale(60%);
        filter: grayscale(60%);
        filter: gray;
    }
}

.home-section .ml2 {
    font-weight: 700;
    font-size: 32px;
    letter-spacing: 6px;
}

.home-section .ml2 .letter {
    display: inline-block;
    /*line-height: 1em;*/
}
.home-section span.text-group.gray-blue {
    color: #425374;
}












/* <-- home-section */



/*****************************************************************/
/* --> tags-popular-section */
/*****************************************************************/
.tags-popular-section {
    padding: 70px 0 70px 0;
    min-height: 300px;
    background: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../../../images/section/tags_popular/bg.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}

.tags-popular-section h3.title {
    text-align: center;
    margin: 0;
    font-weight: 400;
    font-size: 18px;
    /*color: #222222;*/
    color: #ffffff;
}

.tags-popular-section .tagspopular {
    padding: 0 10px 0 10px;
}
.tags-popular-section .tagspopular ul > li > a {
    background: transparent;
    padding: 1px 3px;
    font-size: 12px;
    border-radius: 0;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.6);
}
.tags-popular-section .tagspopular ul > li {
    margin: 0 2px 2px 0;
}
.tags-popular-section .tagspopular ul > li > a:hover,
.tags-popular-section .tagspopular ul > li > a:focus,
.tags-popular-section .tagspopular ul > li > a:active {
    background: rgba(255, 255, 255, 0.0);
    color: #ffffff;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 1.0);
}
/* <-- tags-popular-section */


/*****************************************************************/
/* --> com_tags */
/*****************************************************************/
.com_tags.view-tag .t3-mainbody {
    padding: 60px 0 60px 0;
}
.com_tags.view-tag .tag-category ul.category li h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}
/* <-- com_tags */



/*****************************************************************/
/* --> other-store-section */
/*****************************************************************/

.other-store-section .header-block h1.title {
    font-size: 38px;
    font-weight: 700;
    text-align: center;
    color: #333333;
    margin: 0;
}

.other-store-section .img-responsive {
    width: 100%;
}
.other-store-section .ui-style-two .ui-caption {
    width: 100%;
    top: 30%;
}

.other-store-section .ui-block .ui-caption .br-transparent {
    background-color: transparent !important;
    border-radius: 0;
    border: 1px solid #ffffff;
}

.other-store-section .ui-style-two {
    position: relative;
    z-index: 10;
    overflow: hidden;
    border-radius: 35px;
}
@media (max-width: 400px) {
    .other-store-section .col-custom.col-xs-6 {
        width: 100%;
    }
}


.other-store-section .block-4 {
    padding: 100px 0 100px 0;
    position: relative;
    z-index: 1;
    min-height: 550px;
}
.other-store-section .block-4 .img-bg {
    position: absolute;
    z-index: -2;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.3)), url('../../../images/section/aboutus/4.jpg');
    background-position: center 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;

    -webkit-filter: grayscale(60%);
    -moz-filter: grayscale(60%);
    -ms-filter: grayscale(60%);
    -o-filter: grayscale(60%);
    filter: grayscale(60%);
    filter: gray;
}
@media (max-width: 767px) {
    .other-store-section .block-4 {
        padding: 60px 0 60px 0;
        min-height: unset;
    }
    .other-store-section .block-4 .img-bg {
        position: absolute;
        z-index: -2;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url('../../../images/section/aboutus/4.jpg');
        background-position: center 50%;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        bottom: 0;
        left: 0;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;

        -webkit-filter: grayscale(60%);
        -moz-filter: grayscale(60%);
        -ms-filter: grayscale(60%);
        -o-filter: grayscale(60%);
        filter: grayscale(60%);
        filter: gray;
    }
}

/* <-- other-store-section */



/**************************************/
/* --> scrollToTop */
/**************************************/
.scrollToTop {
    border-radius: 50%;
    /*color: #d81517;*/
    color: #fff;
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    text-align: center;
    cursor: pointer;
    /*background-color: rgba(255, 255, 255, .9);*/
    /*background-color: rgba(255, 187, 0, 0.50);*/
    background-color: rgba(0, 0, 0, 0.20);

    box-shadow: 2px 2px 12px -5px #000;
    z-index: 1005;
    display: none;

    -webkit-transition: background-color 0.3s linear 0s;
    -moz-transition: background-color 0.3s linear 0s;
    -ms-transition: background-color 0.3s linear 0s;
    -o-transition: background-color 0.3s linear 0s;
    transition: background-color 0.3s linear 0s;
}
.scrollToTop:hover {
    background-color: rgba(0, 0, 0, 0.50);
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
.scrollToTop i {
    line-height: 36px;
    font-size: 24px;
    /*color: #d81517;*/
    color: #fff;
}
@media (min-width: 1px) and (max-width: 991px) {
    .scrollToTop {
        display: none !important;
    }
}

/* <-- scrollToTop */


/**************************************/
/* --> aos */
/**************************************/
.aos-custom [data-aos=fade-left] {
    transform: translate3d(20px,0,0);
}
.aos-custom [data-aos=fade-right] {
    transform: translate(-20px);
}
.aos-custom [data-aos=fade-up] {
    transform: translateY(20px);
}
/* <-- aos */