.header__row {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


}


.logo-header-box {


    width: calc((100% - 655px) / 2);


}


.block-search-box {


    width: 655px;


}


.header__phonebox {


    display: flex;


    flex-wrap: wrap;


    justify-content: flex-end;


    width: calc((100% - 655px) / 2);


}


.logo-header {


    width: 227px;


}


.header__phone {


    font-family: 'Arial';


    color: #777;


    font-size: 24px;


    font-style: italic;


    -webkit-transition: color .4s ease;


    -moz-transition: color .4s ease;


    transition: color .4s ease;


}


.header__phone:hover {


    color: #e71f19;


}


.header-menu {


    padding-left: 10px;


}


.indexslider__box {


    padding-left: 355px;


}


.slick-initialized .slick-slide.indexslider__slide {


    display: flex;


    align-items: center;


    height: 480px;


    /*padding: 0 15%;*/


    background-size: cover;


    background-position: center;


    background-repeat: no-repeat;


}


.indexslider__textbox {


    margin-left: 15%;


}


.indexslider__title {


    color: #333;


    font-size: 30px;


    font-weight: 400;


    line-height: 1.2;


    margin: 0;


}


.indexslider__subtitle {


    font-family: 'Lato', 'Noto Sans TC';


    color: #e71f19;


    font-size: 28px;


    font-weight: bold;


    line-height: 1.2;


    letter-spacing: .01em;


    margin: 0;


}


.indexslider__title + .indexslider__subtitle {


    margin: 20px 0 0;


}


.indexslider__text {


    color: #666;


    font-size: 15px;


    font-weight: 300;


    line-height: 1.33;


    letter-spacing: .05em;


    margin: 20px 0 0;


}


.indexslider__btn {


    position: relative;


    display: block;


    width: 135px;


    height: 40px;


    color: #fff;


    font-size: 16px;


    font-weight: 400;


    line-height: 40px;


    text-align: center;


    border-radius: 5px;


    background-color: #e71f19;


    margin: 30px 0 0;


    overflow: hidden;


}


.indexslider__btn::after {


    content: '';


    position: absolute;


    top: 0;


    left: 0;


    width: 100%;


    height: 100%;


    background-color: rgba(99, 94, 94, 0.3);


    -webkit-transform: translateY(-100%);


    -moz-transform: translateY(-100%);


    transform: translateY(-100%);


    -webkit-transition: transform .5s ease;


    -moz-transition: transform .5s ease;


    transition: transform .5s ease;


}


.indexslider__btn:hover {


    color: #fff;


}


.indexslider__btn:hover::after {


    -webkit-transform: translateY(0);


    -moz-transform: translateY(0);


    transform: translateY(0);


}


.megamenu {


    display: flex;


    flex-wrap: wrap;


}


.megamenu__item {


    width: 33.3333%;


    padding: 0 15px;


}


.block-categories {


    margin-top: 60px;


}


.owl-carousel.nav-style2 .owl-nav .owl-prev,


.owl-carousel.nav-style2 .owl-nav .owl-next {


    top: -105px;


    color: #777;


}


.product-item {


    cursor: pointer;


}


.product-item.style-1:hover .product-name a {


    color: #e71f19;


}


.categories-name {


    color: #666;


    font-size: 16px;


    font-weight: 400;


    line-height: 1;


    text-align: center;


    margin: 20px 0 0;


}


.owl-carousel .owl-stage {


    display: flex;


}


.thumb-inner-img {


    background-size: cover;


    background-position: center;


    background-repeat: no-repeat;


}


.thumb-inner-img::before {


    content: '';


    display: block;


    padding-top: 87.5%;


}


.index__servicebox {


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


    justify-content: space-between;


    margin-top: 80px;


}


.index__servicebox-img {


    width: calc(33.333% - 10px);


}


.index__servicebox-item {


    position: relative;


    width: calc(33.3333% - 10px);


    background-size: cover;


    background-position: center;


    background-repeat: no-repeat;


}


.index__servicebox-item::before {


    content: '';


    display: block;


    padding-top: 60%;


}


.index__servicebox-title {


    position: absolute;


    top: 16%;


    left: 5.3%;


    color: #333;


    font-size: 24px;


    font-weight: 400;


    line-height: 1;


}


.index__servicebox-text {


    position: absolute;


    top: 30.35%;


    left: 5.3%;


    color: #666;


    font-size: 15px;


    font-weight: 300;


    line-height: 1.46;


}


.index__featurebox {


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


    justify-content: space-between;


    padding: 50px 0 40px;


    margin: 55px 0 0;


    border-top: 1px solid #dbdcdc;


}


.index__featurebox-item {


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


    width: calc(25% - 22px);


}


.index__featurebox-icon {


    margin-top: 15px;


}


.index__featurebox-content {


    flex: 1;


    padding-left: 20px;


}


.index__featurebox-title {


    color: #333;


    font-size: 18px;


    font-weight: 400;


    line-height: 1.25;


    margin: 0;


}


.index__featurebox-text {


    color: #777;


    font-size: 16px;


    font-weight: 300;


    line-height: 1.4;


    margin: 12px 0 0;


}


.footer_logo-text {


    color: #777;


    font-size: 14px;


    font-weight: 300;


    line-height: 1.42;


    letter-spacing: .005em;


    margin: 16px 0 ;


}


.footer-follow li .facebook {


    background: #435a97;


}


.footer-follow li .linkedin {


    background: #2487c9;


}


.footer-follow li .google-plus {


    background: #e71f19;


}


.footer-follow li .linkedin {


    background: #48c7f9;


}


.footer__links {


    max-width: 460px;


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


}


.footer__links-half {


    max-width: 230px;


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


    flex-direction: column;


    margin-left: 20px;


}


.footer__links-half:first-child {


    margin: 0;


}


.footer__links-btn {


    display: block;


    width: 50%;


    color: #777;


    font-size: 14px;


    font-weight: 300;


    line-height: 2;


    margin-top: 4px;


}


.footer__links-btn:nth-child(-n + 2) {


    margin: 0;


}


.footer__contact {


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


    flex-direction: column;


}


.footer__contact-text {


    position: relative;


    color: #777;


    font-size: 14px;


    font-weight: 300;


    line-height: 1.43;


    letter-spacing: .05em;


    padding-left: 30px;


    margin: 8px 0 0;


}


.footer__contact-text:first-child {


    margin: 0;


}


.footer__contact-text a {


    cursor: pointer;


    -webkit-transition: color .4s ease;


    -moz-transition: color .4s ease;


    transition: color .4s ease;


}


.footer__contact-text:hover a {


    color: #e71f19;


}


.footer__contact-icon {


    position: absolute;


    top: 2px;


    left: 0;


    width: 16px;


    height: 18px;


    background-size: cover;


    background-position: center;


    background-repeat: no-repeat;


}


.copyright {


    text-align: center;


    padding: 15px 0;


    background-color: #eee;


}


.copyright__text {


    color: #9e9f9f;


    font-size: 14px;


    font-weight: 300;


    line-height: 1.71;


}


.copyright__text a:hover {


    color: #e71f19;


}


.submenu__itembox {


    display: flex;


    flex-wrap: wrap;


    margin: 0 -15px;


    padding: 30px;


}


.submenu__item {


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


    flex-direction: column;


    width: 33.3333%;


    padding: 0 15px;


    margin-top: 35px;


}


.submenu__item:nth-child(-n + 3) {


    margin: 0;


}


.submenu__item-title {


    color: #444;


    font-size: 16px;


    font-weight: 400;


    line-height: 1.2;


    margin: 0;


}


.submenu__item-link {


    display: block;


    color: #888;


    font-size: 15px;


    font-weight: 300;


    line-height: 1.2;


    margin: 20px 0 0;


}


.submenu__item-link:hover,


.submenu__item-link:focus {


    color: #e71f19;


}


@media (max-width:1366px) {


    .logo-header-box {


        width: 227px;


    }


    .block-search-box {


        flex: 1;


        padding: 0 20px;


    }


    .header__phonebox {


        width: auto;


    }


    .indexslider__box {


        padding: 0;


    }


    .indexslider__slide {


        min-height: 380px;


        height: 38vw;


    }


    .indexslider__textbox {


        margin: 0;


    }


    .indexslider__slide {


        padding: 0 50px;


    }


}


@media (max-width:1199px) {


    .index__featurebox-item:nth-child(n + 3) {


        margin-top: 20px;


    }


    .index__featurebox-icon {


        width: 30px;


    }


    .footer__links-block {


        display: none;


    }


}


@media (max-width:1199px) and (min-width:768px) {


    .index__featurebox-item {


        width: calc(50% - 10px);


    }


}


@media (max-width:1023px) {


    .submenu__itembox {


        padding: 0;


    }


    .submenu__item {


        width: 100%;


    }


    .submenu__item:nth-child(n + 2) {


        margin-top: 20px;


    }


}


@media (max-width:991px) {


    .header-top {


        line-height: 30px;


    }


    .header-content {


        padding: 15px 0;


    }


    .header__row {


        flex-direction: column;


    }


    .header__phonebox {


        margin-top: 10px;


    }


    .header__phone {


        font-size: 20px;


    }


    .block-categories {


        margin-top: 30px;


    }


    .title-block {


        font-size: 20px;


        margin-bottom: 15px;


    }


    .owl-carousel.nav-style2 .owl-nav .owl-prev,


    .owl-carousel.nav-style2 .owl-nav .owl-next {


        top: -55px;


     }


     .tab-head {


        margin-bottom: 20px;


     }


     .index__servicebox {


        margin-top: 30px;


     }


     .categories-name {


        font-size: 14px;


        margin: 10px 0 0;


     }


     .index__servicebox {


        display: none;


     }


     .index__featurebox {


        padding: 30px 0;


        margin: 30px 0 0;


     }


     .footer__row > div {


        height:auto!important;


        text-align: center;


        margin: 20px 0 0;


    }


    .footer__row > div:first-child {


        margin: 0;


    }


    .footer__contact {


        align-items: center;


    }


    .footer-column {


        padding: 30px 0;


    }


    .footer__contact-text {


        padding-left: 20px;


    }


    .footer .title-of-footer {


        margin: 0 0 15px;


    }


    .indexslider__slide {


        padding: 0 20px;


    }


}


@media (max-width:767px) {


    .index__featurebox-item {


        width: 100%;


    }


    .index__featurebox-item:nth-child(2) {


        margin-top: 20px;


    }


}


@media (max-width:575px) {


    .indexslider__title {


        font-size: 26px;


    }


    .indexslider__title + .indexslider__subtitle {


        font-size: 20px;


        margin: 10px 0 0;


    }


    .indexslider__text {


        font-size: 14px;


        margin: 10px 0 0;


    }


    .indexslider__btn {


        margin: 15px 0 0;


    }


}





/* 關於我們 */


.whoweare {


    text-align: center;


    padding: 70px 0 60px;


}


.whoweare__title {


    color: #333;


    font-size: 35px;


    font-weight: 400;


    line-height: 1;


}


.whoweare__text {


    max-width: 980px;


    color: #777;


    font-size: 15px;


    font-weight: 300;


    line-height: 1.6;


    letter-spacing: .005em;


    margin: 30px auto 0;


}


.whoweare__blocks {


    display: flex;


    flex-wrap: wrap;


    justify-content: space-around;


    margin: 65px 0 0;


}


.whoweare__block {


    width: calc(25% - 12px);


    padding: 40px 30px;


    background-color: #f6f7f7;


}


.whoweare__block-icon {


    height: 40px;


}


.whoweare__block-title {


    color: #333;


    font-size: 18px;


    font-weight: 400;


    line-height: 1.25;


    letter-spacing: .005em;


}


.about__parallax {


    min-height: 300px;


    position: relative;


    display: flex;


    align-items: center;


    justify-content: center;


    padding: 30px 0;


    background-attachment: fixed;


    background-position: center;


    background-repeat: no-repeat;


}


.about__parallax::before {


    content: '';


    position: absolute;


    top: 0;


    left: 0;


    width: 100%;


    height: 100%;


    background-color: #000;


    opacity: .3;


}


.about__parallax-text {


    position: relative;


    color: #fff;


    font-size: 28px;


    font-weight: bold;


    line-height: 1.43;


    text-align: center;


}


.customize__service {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


    padding-top: 35px;


}


.customize__content {


    flex: 1;


    padding-right: 140px;


}


.customize__title {


    color: #333;


    font-size: 35px;


    font-weight: 400;


    line-height: 1;


    margin: 0;


}


.customize__text {


    color: #767676;


    font-size: 16px;


    font-weight: 300;


    line-height: 1.625;


    letter-spacing: .05em;


    margin: 30px 0 0;


}


@media (max-width:1199px) {


    .customize__title {


        font-size: 28px;


    }


}


@media (max-width:1199px) and (min-width:992px) {


    .customize__content {


        padding-right: 20px;


    }


}


@media (max-width:991px) {


    .whoweare {


        padding: 30px 0;


    }


    .whoweare__title {


        font-size: 30px;


    }


    .whoweare__text {


        margin-top: 0px;


    }


    .whoweare__blocks {


        margin-top: 30px;


    }


    .whoweare__block:nth-child(n + 3) {


        margin-top: 10px;


    }


    .about__parallax-text {


        font-size: 25px;


    }


    .customize__service {


        flex-direction: column-reverse;


    }


    .customize__content {


        padding: 20px 0 30px;


    }


    .customize__text {


        margin-top: 20px;


    }


}


@media (max-width:991px) and (min-width:576px) {


    .whoweare__block {


        width: calc(50% - 10px);


    }


}


@media (max-width:575px) {


    .whoweare__block {


        width: 100%;


    }


    .whoweare__block:nth-child(2) {


        margin-top: 10px;


    }


}


/* 關於我們 end */





/* 最新消息 */


.news {


    padding: 50px 0 60px;


}


.col-sidebar {


    width: 385px;


    padding: 0 15px 0 0;


}


.blog .col-main {


    width: calc(100% - 385px);


    padding: 0 80px 0 15px;


}


.sidebar__item {


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


}


.sidebar__item:nth-child(n + 2) {


    margin-top: 35px;


}


.sidebar__item-img {


    width: 90px;


    height: 90px;


    background-size: cover;


    background-position: center;


    background-repeat: no-repeat;


}


.sidebar__item-content {


    width: calc(100% - 90px);


    padding-left: 20px;


}


.sidebar__item-title {


    max-height: 2.8em;


    color: #444;


    font-size: 17px;


    font-weight: 300;


    line-height: 1.4;


    overflow: hidden;


    margin: 0;


    -webkit-transition: color .5s ease;


    -moz-transition: color .5s ease;


    transition: color .5s ease;


}


.sidebar__item:hover .sidebar__item-title {


    color: #e71f19;


}


.sidebar__item-date {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


    color: #888;


    font-size: 14px;


    font-weight: 300;


    line-height: 1;


    margin: 15px 0 0 ;


}


.sidebar__item-date img {


    margin-right: 9px;


}


.editor {


    margin-top: 25px;


}


.editor + .read-more {


    margin-top: 50px;


}


@media (max-width:991px) {


    .blog .col-main {


        width: 100%;


        padding: 0 15px;


    }


    .post-items .post-item {


        padding-bottom: 30px;


    }


    .col-sidebar {


        width: 100%;


        padding: 0 15px;


        margin-top: 30px;


    }


    .post-items  {


        padding-bottom: 0px;


    }


    .pagination-blog {


        padding: 0;


    }


    .news {


        padding: 30px 0;


    }


    .editor + .read-more {


        margin-top: 20px;


    }


}


/* 最新消息 end */





/* 產品列表  */


.product {


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


    padding: 50px 0;


}


.product__sidebar {


    width: 392px;


}


.product__content {


    width: calc(100% - 392px);


    padding-left: 30px;


}


.block-categories .block-title {


    font-size: 25px;


}


.block-categories .block-title::before {


    top: 1px;


}


.content-sidebar ul li.has-child {


    color: #444;


    font-size: 17px;


    font-weight: 400;


}


.children__item {


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


    flex-direction: column;


    margin-top: 20px;


}


.children__item a {


    color: #888;


    font-size: 15px;


    font-weight: 300;


    line-height: 2;


}


.children__item:last-child {


    margin: 20px 0 10px;


}


.children__title {


    color: #666;


    font-size: 16px;


    font-weight: 400;


    line-height: 1;


    margin: 0 0 15px;


}


.content-sidebar ul li a.active,


.content-sidebar ul li h6.active {


    color: #e71f19;


}


.content-sidebar ul li a.children__link {


    color: #888;


    font-size: 15px;


    font-weight: 300;


    line-height: 2;


}


.has-child .children {


    padding: 0 0 0 20px;


}


.product-name a {


    display: block;


    height: 2.8em;


    color: #333;


    font-size: 20px;


    font-weight: 400;


    line-height: 1.4;


    overflow: hidden;


}


.price ins {


    color: #e71f19;


    font-size: 16px;


    font-weight: 400;


    line-height: 1;


    margin: 0;


}


.thumb-inner a {


    display: block;


    /*background-size: cover;*/


    background-size: contain;


    background-position: center;


    background-repeat: no-repeat;


}


.thumb-inner a::before {


    content: '';


    display: block;


    padding-top: 86.88%;


}


.hover-hidden p {


    color: #777;


    font-size: 16px;


    font-weight: 300;


    line-height: 1.5;


    padding: 15px 0 25px;


}


.btn-add-to-cart {


    width: 140px;


    height: 40px;


    font-size: 16px;


    font-weight: 400;


    line-height: 40px;


    text-align: center;


    padding: 0;


}


.product .block-categories {


    margin: 0;


}


.content-main + .pagination-blog {


    padding-top: 70px;


}


@media (max-width:1199px) {


    .product {


        flex-direction: column;


    }


    .product__sidebar {


        width: 100%;


    }


    .product__content {


        width: 100%;


        padding: 20px 0 0;


    }


}


/* 產品列表 end */





/* 聯絡我們 */


.searchbox {


    padding: 45px 0 85px;


}


@media (max-width:991px) {


    .searchbox {


        padding: 30px 0;


    }


}


/* 聯絡我們 end */





/* 產品內頁  */


.product__detail {


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


    padding: 50px 0 70px;


}


.product__detail-content {


    width: calc(100% - 300px);


    padding-right: 40px;


}


.product__detail-sidebar {


    width: 300px;


}


.related__product {


    padding: 20px 15px;


    border: 1px solid #eee;


}


.related__product-item {


    display: block;


    margin-top: 30px;


    padding-top: 30px;


}


.related__product-item:first-child {


    padding: 0;


    margin: 0;


}


.related__product-item:nth-child(n + 2) {


    border-top: 1px solid #eee;


}


.related__product-img {


    background-size: cover;


    background-position: center;


    background-repeat: no-repeat;


}


.related__product-img::before {


    content: '';


    display: block;


    padding-top: 57.7%;


}


.related__product-title {


    color: #333;


    font-size: 20px;


    font-weight: 400;


    line-height: 1.4;


    margin: 10px 0 0;


    -webkit-transition: color .4s ease;


    -moz-transition: color .4s ease;


    transition: color .4s ease;


}


.related__product-item:hover .related__product-title {


    color: #e71f19;


}


.related__product-price {


    color: #e71f19;


    font-size: 16px;


    font-weight: 400;


    line-height: 1;


    margin: 10px 0 0;


}


.product__info {


    display: flex;


    flex-wrap: wrap;


}


.product__img {


    display: flex;


    align-items: center;


    justify-content: center;


    width: 450px;


    height: 450px;


    padding: 20px;


    border: 1px solid #dbdcdc;


}


.product__info-content {


    width: calc(100% - 450px);


    padding-left: 45px;


}


.product__info-title {


    color: #333;


    font-size: 26px;


    font-weight: 500;


    line-height: 1.1;


    margin: 0;


}


.product__info-subtitle {


    color: #777;


    font-size: 15px;


    font-weight: 300;


    line-height: 1.6;


    margin: 15px 0 0;


}


.product__info-price {


    color: #e71f19;


    font-size: 18px;


    font-weight: 400;


    margin: 18px 0 0;


}


.product__info-content .editor {


    margin-top: 15px;


    padding: 20px 0;


    border-top: 1px solid #dbdcdc;


    border-bottom: 1px solid #dbdcdc;


}


.description {


    margin-top: 60px;


}


.description__title {


    color: #333;


    font-size: 22px;


    font-weight: 400;


    line-height: 1.2;


    padding-bottom: 15px;


    border-bottom: 1px solid #dbdcdc;


    margin-bottom: 60px;


}


.description .editor {


    text-align: center;


}


@media (max-width:1365px) and (min-width:768px) {


    .product__img {


        width: 350px;


    }


    .product__info-content {


        width: calc(100% - 350px);


        padding-left: 30px;


    }


}


@media (max-width:1199px) {


    .product__detail {


        flex-direction: column;


        padding: 30px 0;


    }


    .product__detail-content {


        width: 100%;


        padding: 0;


    }


    .product__detail-sidebar {


        width: 100%;


        margin: 50px 0 0;


    }


}


@media (max-width:767px) {


    .product__info {


        align-items:  center;


        flex-direction: column;


    }


    .product__info-content {


        width: 100%;


        padding: 20px 0 0;


    }


    .description {


        margin-top: 30px;


    }


    .description__title {


        margin-bottom: 30px;


    }


}


/* 產品內頁 end */





/* 0319 */


.post-items {


    padding: 0;


}


.post-items .post-item:last-child {


    padding: 0;


}


#scrollup {


    bottom: 50px;


}


/* 0319 end */





/* 0322 */


.slick-dotted.slick-slider {


    margin: 0;


}


.indexslider .slick-dots {


    bottom: 20px;


}


.slick-dots li button:before {


    color: #e71f19;


}


.slick-dots li.slick-active button:before {


    color: #e71f19;


}


/* 0322 end */


#loader-wrapper {


  position: fixed;


  top: 0;


  left: 0;


  width: 100%;


  height: 100%;


  z-index: 1031;


  background-color: #FFF;


}





#loader {


  display: block;


  position: relative;


  left: 50%;


  top: 50%;


  width: 150px;


  height: 150px;


  margin: -75px 0 0 -75px;


  border: 3px solid transparent;


  border-top-color: #e71f19;


  border-radius: 50%;


  animation: loader 2s linear infinite;


}


#loader::before {


  content: "";


  position: absolute;


  top: 5px;


  left: 5px;


  right: 5px;


  bottom: 5px;


  border: 3px solid transparent;


  border-top-color: #e71f19;


  border-radius: 50%;


  animation: loader 3s linear infinite;


}


#loader::after {


  content: "";


  position: absolute;


  top: 15px;


  left: 15px;


  right: 15px;


  bottom: 15px;


  border: 3px solid transparent;


  border-top-color: #e71f19;


  border-radius: 50%;


  animation: loader 1.5s linear infinite;


}





@keyframes loader {


  0% {


    transform: rotate(0deg);


  }


  100% {


    transform: rotate(360deg);


  }


}





/* 0402修改 */


.box-vertical-megamenus {


    cursor: pointer;


}


.submenu__item-title:hover {


    color: #e71f19;


}


/* 0402修改 end */





/* 編輯器 */


.editor h4 {


    color: #555;


    font-size: 22px;


    font-weight: 300;


    line-height: 1.1;


}


.editor p {


    color: #777;


    font-size: 15px;


    font-weight: 300;


    line-height: 1.6;


}


.editor img {


    max-width: 100%!important;


    height: auto!important;


}


.editor iframe {


    max-width: 100%;


}


.editor table {


    width: 100%!important;


}


.editor th,


.editor td {


    border: 1px solid #000;


}


.editor sub {


    bottom: 0;


}


/* 編輯器 end */