/*===================== TABLE OF CONTENT =======================


1.  Reset Styling


2.  General Styling (All variable CSS)


3.  Header 1 ( 3 style)


4.  Home content (Home 1, Home 2, Home 3)


5.  Page default (Contact, About, ...)


6.  Sidebar (Shop, Post, Service, Project)


7.  Shop (Category, Single)


8.  Project (Category, Single)


9.  Footer


10. Responsive


=============================================================*/





@import "reset-styles.css";


@import "general.css";





@import "header.css";


@import "home.css";


@import "pages.css";


@import "blog.css";


@import "sidebar.css";


@import "shop.css";


@import "project.css";


@import "footer.css";





@import "responsive.css";








/* customize */


a {


    cursor: pointer;


}


img {


    max-width: 100%;


    vertical-align: top;


}


iframe {


    vertical-align: top;


}


/* global */


.topbar {


    padding: 12px 0;


    background-color: #242424;


}


.topbar__box {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


    justify-content: space-between;


}


.topbar__info {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


}


.topbar__info-item {


    display: flex;


    align-items: center;


    font-family: 'Abel', 'Noto Sans TC', '微軟正黑體';


    color: #fff;


    font-size: 16px;


    line-height: 1.25;


    opacity: .4;


}


.topbar__info-item:hover {


    opacity: 1;


}


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


    margin-left: 50px;


}


.topbar__info-item .fa {


    margin-right: 15px;


}


.topbar__info-item a {


    color: #fff;


}


.topbar__icons {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


}


.topbar__icon {


    display: block;


    width: 25px;


    opacity: .4;


}


.topbar__icon:hover {


    opacity: 1;


}


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


    margin-left: 15px;


}


#header-menu-2 >.row,


#header-menu-3 >.row{


    align-items: center;


    margin: 0;


}


.footer {


    background-color: #202424;


}


.footer__itembox {


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


}


.footer__item:first-child {


    width: 43%;


}


.footer__item:nth-child(2) {


    width: 20%;


}


.footer__item:nth-child(3) {


    width: 15%;


}


.footer__item:nth-child(4) {


    width: 22%;


}


.footer__logo {


    max-width: 350px;


    margin-bottom: 30px;


}


.footer__logo + p {


    max-width: 540px;


    color: #fff;


    font-size: 14px;


    font-weight: 300;


    line-height: 1.64;


    opacity: .4;


    padding-right: 20px;


}


.footer__title {


    color: #fff;


    font-size: 16px;


    font-weight: 400;


    line-height: 1;


    margin: 30px 0;


    opacity: .7;


}


.footer__links {


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


}


.footer__links-block {


    width: 50%;


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


    flex-direction: column;


}


.footer__link {


    color: #fff;


    font-size: 15px;


    font-weight: 300;


    line-height: 1;


    opacity: .4;


}


.footer__link:hover {


    color: #fff;


    opacity: 1;


}


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


    margin-top: 25px;


}


.footer__social-item {


    display: flex;


    align-items: center;


    font-family: 'Abel', 'Noto Sans TC', '微軟正黑體';


    opacity: .4;


}


.footer__social-item:hover {


    opacity: 1;


}


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


    margin-top: 12px;


}


.footer__social-item img {


    display: block;


    width: 17px;


    margin-right: 7px;


}


.footer__social-item p {


    color: #fff;


    font-size: 16px;


    line-height: 1.5625;


}


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


    margin-top: 13px;


}


.footer__contact-item p {


    color: #fff;


    font-size: 15px;


    font-weight: 300;


    line-height: 1.4;


    opacity: .4;


}


.footer__contact-item a {


    color: #fff;


    font-size: 15px;


    font-weight: 300;


    line-height: 1.4;


    opacity: .4;


}


.footer__contact-item a:hover {


    opacity: 1;


}


.copyright p {


    font-family: 'Abel', 'Noto Sans TC', '微軟正黑體';


    text-align: center;


    opacity: .4;


}


.copyright a {


    color: #3ba4f3;


}


.container {


    position: relative;


}


.common__section {


    padding: 90px 0;


}


@media (max-width:1199px) {


    .footer__item:nth-child(2) {


        display: none;


    }


}


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


    .footer__item:first-child {


        width: 50%;


    }


    .footer__item:nth-child(3) {


        width: 15%;


    }


    .footer__item:nth-child(4) {


        width: 35%;


    }


}


@media (max-width:991px) {


    .site-logo {


        max-width: 250px;


        width: 100%;


        flex: auto;


        padding-right: 0;


    }


    .topbar {


        display: none;


    }


    .common__section {


        padding: 40px 0;


    }


    .footer {


        padding: 50px 0;


    }


}


@media (max-width:767px) {


    .footer__item:first-child,


    .footer__item:nth-child(3),


    .footer__item:nth-child(4) {


        width: 100%;


        text-align: center;


    }


    .footer__logo {


        margin: 0 auto 15px;


    }


    .footer__logo + p {


        max-width: 100%;


        padding: 0;


    }


    .footer__title {


        margin: 20px 0 15px;


    }


    .footer__social {


        display: flex;


        flex-wrap: wrap;


        align-items: center;


        flex-direction: column;


    }


}


/* global end */





/* index */


.indexslider .slick-arrow {


    width: 19px;


    height: 32px;


    z-index: 2;


    background-size: cover;


    background-position: center;


    background-repeat: no-repeat;


}


.indexslider .slick-arrow::before {


    display: none;


}


.indexslider .slick-prev {


    left: 30px;


    background-image: url(../images/index/slick_arrow_prev.png);


}


.indexslider .slick-next {


    right: 30px;


    background-image: url(../images/index/slick_arrow_next.png);


}


.indexslider .indexslider__slide {


    display: flex;


}


.indexslider__slide {


    position: relative;


    height: 36.5vw;


    display: flex;


    flex-wrap: wrap;


    align-items: center;


    background-size: cover;


    background-position: center;


    background-repeat: no-repeat;


}


.indexslider__slide::before {


    content: '';


    position: absolute;


    top: 0;


    left: 0;


    width: 100%;


    height: 100%;


    background-color: #000;


    opacity: .5;


}


.indexslider__slide h1 {


    color: #fff;


    font-size: 50px;


    font-weight: 500;


    line-height: 1.2;


    margin-bottom: 20px;


}


.indexslider__slide h1:empty {


    display: none;


}


.indexslider__slide p {


    max-width: 600px;


    color: #fff;


    font-size: 18px;


    font-weight: 300;


    line-height: 1.6;


    margin-bottom: 25px;


}


.indexslider__slide p:empty {


    display: none;


}


.indexslider__slide a {


    display: inline-block;


    color: #fff;


    font-size: 16px;


    font-weight: 300;


    line-height: 40px;


    padding: 0 28px;


    background-color: #3ba4f3;


    border-radius: 20px;


}


.indexslider__slide a:hover {


    background-color: #2282ba;


}


.indexslider__slide a:empty {


    display: none;


}


.service__box {


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


    justify-content: space-between;


}


.service__main {


    width: 65%;


}


.service__itembox {


    display: flex;


    flex-wrap: wrap;


    justify-content: space-between;


}


.service__item {


    width: calc(50% - 15px);


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


}


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


    padding-top: 35px;


    margin-top: 35px;


    border-top: 1px dashed #ddd;


}


.service__item-icon {


    width: 70px;


}


.service__item-content {


    width: calc(100% - 70px);


    padding-left: 28px;


}


.service__item-content h4 {


    color: #212529;


    font-size: 18px;


    font-weight: 400;


    line-height: 1.2;


}


.service__item-content p {


    color: #999;


    font-size: 16px;


    font-weight: 300;


    line-height: 1.5625;


}


.service__side {


    width: 32%;


}


.service__side-img {


    text-align: center;


    margin-bottom: 20px;


}


.service__side-text {


    color: #999;


    font-size: 16px;


    font-weight: 300;


    line-height: 1.5625;


    margin-bottom: 20px;


}


.service__side-btn {


    display: inline-block;


    color: #fff;


    font-size: 16px;


    line-height: 40px;


    padding: 0 38px;


    background-color: #3ba4f3;


    border-radius: 20px;


}


.service__side-btn:hover {


    color: #fff;


    background-color: #2282ba;


}


@media (max-width:1199px) {


    .service__main {


        width: 100%;


    }


    .service__side {


        width: 100%;


        text-align: center;


        margin-top: 30px;


    }


    .sc-title {


        text-align: center;


    }


    .sc-title:not(.text-center)::after {


        left: calc(50% - 20px);


    }


}


@media (min-width:992px) {


    .indexslider-mobile {


        display: none;


    }


    .banner-mobile {


        display: none;


    }


}


@media (max-width:991px) {


    .indexslider-pc {


        display: none;


    }


    .indexslider__slide {


        height: 80vw;


        text-align: center;


    }


    .indexslider__slide h1 {


        font-size: 36px;


    }


    .indexslider__slide p {


        max-width: 100%;


        font-size: 16px;


    }


    .sc-title {


        font-size: 24px;


        padding-bottom: 10px;


        margin-bottom: 20px;


    }


    .banner-pc {


        display: none;


    }


}


@media (max-width:767px) {


    .service__item {


        width: 100%;


    }


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


        padding-top: 15px;


        margin-top: 15px;


        border-top: 1px dashed #ddd;


    }


    .service__item-icon {


        width: 50px;


    }


    .service__item-content {


        width: calc(100% - 50px);


        padding-left: 10px;


    }


}


@media (max-width:575px) {


    .banner {


        height: 200px;


    }


}


/* index end */





/* about */


.about {


    padding: 90px 0 60px;


}


.about__main {


    display: flex;


    flex-wrap: wrap;


    justify-content: space-between;


}


.about__block {


    width: 49%;


}


.about__block-img {


    text-align: center;


    margin-bottom: 25px;


}


.about__history {


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


    justify-content: space-between;


}


.about__history-block {


    width: calc(50% - 15px);


}


.about__history-block h4 {


    color: #212529;


    font-size: 18px;


    font-weight: 400;


    line-height: 1;


    margin-bottom: 25px;


}


.about__history-block p {


    color: #999;


    font-size: 16px;


    font-weight: 300;


    line-height: 1.5625;


}


.certification__item {


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


}


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


    margin-top: 35px;


}


.certification__label {


    width: 70px;


    font-family: 'Abel', 'Noto Sans TC', '微軟正黑體';


    color: #fff;


    font-size: 18px;


    line-height: 30px;


    text-align: center;


    background-color: #3ba4f3;


}


.certification__content {


    width: calc(100% - 70px);


    padding-left: 20px;


}


.certification__content h4 {


    color: #212529;


    font-size: 18px;


    font-weight: 400;


    line-height: 1;


    margin-bottom: 20px;


}


.certification__content p {


    color: #999;


    font-size: 16px;


    font-weight: 300;


    line-height: 1.5625;


}


.bg-about1 {


    background-color: #fafafa;


    background-size: contain;


    background-position: center bottom;


    background-repeat: no-repeat;


}


@media (min-width:992px) {


    .page-title-mobile {


        display: none;


    }


}


@media (max-width:991px) {


    .page-title {


        height: 30vw;


    }


    .page-title-pc {


        display: none;


    }


    .about {


        padding: 40px 0;


    }


    .about__block {


        width: 100%;


    }


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


        margin-top: 30px;


    }


    .bg-about1 {


        padding: 50px 0;


    }


}


@media (max-width:575px) {


    .certification__item {


        text-align: center;


    }


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


        margin-top: 20px;


    }


    .about__history-block {


        width: 100%;


    }


    .about__history-block:nth-child(n + 2) {


        margin-top: 15px;


    }


    .about__history-block h4 {


        margin-bottom: 15px;


    }


    .certification__content {


        width: 100%;


        padding: 15px 0 0;


    }


    .certification__label {


        margin: 0 auto;


    }


    .certification__content h4 {


        margin-bottom: 10px;


    }


}


/* about end */





/* news */


.news__itembox {


    display: flex;


    flex-wrap: wrap;


}


.news__item {


    display: block;


}


.news__item-img {


    background-size: cover;


    background-position: center;


    background-repeat: no-repeat;


}


.news__item-img::before {


    content: '';


    display: block;


    padding-top: 62%;


}


.news__item-content {


    padding: 25px 0 20px;


}


.news__item-date {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


    font-family: 'Abel', 'Noto Sans TC', '微軟正黑體';


    color: #919191;


    font-size: 18px;


    line-height: 1;


}


.news__item-date .fa {


    margin-right: 10px;


}


.news__item-title {


    max-height: 1.4em;


    color: #212529;


    font-size: 18px;


    font-weight: 400;


    line-height: 1.4;


    overflow: hidden;


    margin: 20px 0 0;


}


.news__item-text {


    max-height: 3.2em;


    color: #999;


    font-size: 16px;


    font-weight: 300;


    line-height: 1.6;


    overflow: hidden;


    margin-top: 10px;


}


.news__item-more {


    display: inline-block;


    font-family: 'Abel', 'Noto Sans TC', '微軟正黑體';


    color: #212529;


    font-size: 16px;


    line-height: 1;


    text-decoration: underline;


    margin-top: 35px;


    -webkit-transition: color .4s;


    -moz-transition: color .4s;


    transition: color .4s;


}


.news__item:hover .news__item-more {


    color: #3ba4f3;


}


@media (min-width:768px) {


    .news__item {


        width: calc((100% - 60px) / 3);


        margin: 30px 30px 0 0;


    }


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


        margin-top: 0;


    }


    .news__item:nth-child(3n) {


        margin-right: 0;


    }


}


@media (max-width:767px) {


    .news__item {


        width: 100%;


    }


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


        margin-top: 20px;


    }


    .news__item-date {


        justify-content: center;


    }


    .news__item-content {


        text-align: center;


        padding-top: 15px;


    }


    .news__item-title {


        margin: 10px 0 0;


    }


    .news__item-more {


        margin-top: 15px;


    }


}


/* news end */





/* new_detail */


.detail {


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


}


.social {


    width: 85px;


    display: flex;


    flex-wrap: wrap;


    align-items: center;


    flex-direction: column;


}


.social p {


    color: #777;


    font-size: 18px;


    font-weight: 300;


    line-height: 1;


}


.social__btn {


    display: block;


    width: 42px;


    margin-top: 15px;


    opacity: .8;


    -webkit-transition: opacity .4s;


    -moz-transition: opacity .4s;


    transition: opacity .4s;


}


.social__btn:hover {


    opacity: 1;


}


.detail__main {


    width: calc(100% - 85px);


}


.detail__banner {


    text-align: center;


}


.detail__info {


    margin: 20px 0 25px;


}


.detail__maintitle {


    color: #212529;


    font-size: 28px;


    font-weight: 400;


    line-height: 1.2;


    margin-bottom: 27px;


}


.return__box {


    width: 100%;


    margin-top: 30px;


}


.return__btn {


    color: #999;


    font-size: 16px;


    font-weight: 300;


    line-height: 1.5;


    text-decoration: underline;


}


@media (max-width:767px) {


    .detail__info {


        text-align: center;


    }


    .detail__maintitle {


        font-size: 24px;


    }


    .return__box {


        text-align: center;


    }


}


@media (max-width:575px) {


    .detail {


        flex-direction: column-reverse;


    }


    .social {


        width: 100%;


        flex-direction: row;


        justify-content: center;


        margin-top: 20px;


    }


    .social__btn {


        margin: 0 0 0 20px;


    }


    .detail__main {


        width: 100%;


    }


}


/* new_detail end */





/* product */


.product__tabs {


    font-size: 0;


    text-align: center;


    margin-bottom: 35px;


}


.product__tab {


    display: inline-block;


    color: #777;


    font-size: 18px;


    font-weight: 300;


    line-height: 1;


    padding: 10px;


    -webkit-transition: color .4s;


    -moz-transition: color .4s;


    transition: color .4s;


}


.product__tab:hover {


    color: #3ba4f3;


}


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


    margin-left: 35px;


}


.product__tab--active {


    border-bottom: 2px solid #3ba4f3;


}


.product__itembox {


    display: flex;


    flex-wrap: wrap;


    margin-bottom: 40px;


}


.product__item {


    position: relative;


    background-size: cover;


    background-position: center;


    background-repeat: no-repeat;


}


.product__item::before {


    content: '';


    display: block;


    padding-top: 100%;


}


.product__item-inner {


    position: absolute;


    top: 10px;


    left: 10px;


    width: calc(100% - 20px);


    height: calc(100% - 20px);


    display: flex;


    flex-wrap: wrap;


    align-items: center;


    justify-content: center;


    text-align: center;


    padding: 25px;


    opacity: 0;


    background-color: rgba(0,0,0,.6);


    -webkit-transition: opacity .4s;


    -moz-transition: opacity .4s;


    transition: opacity .4s;


}


.product__item-box {


    -webkit-transform: translateY(20px);


    -moz-transform: translateY(20px);


    transform: translateY(20px);


    -webkit-transition: transform .4s;


    -moz-transition: transform .4s;


    transition: transform .4s;


}


.product__item:hover .product__item-box,


.product__item--mobile .product__item-box {


    -webkit-transform: translateY(0);


    -moz-transform: translateY(0);


    transform: translateY(0);


}


.product__item:hover .product__item-inner,


.product__itembox--mobile .product__itembox-inner {


    opacity: 1;


}


.product__item h4 {


    color: #fff;


    font-size: 18px;


    font-weight: 400;


    line-height: 1.3;


    margin-bottom: 20px;


}


.product__item h4::after {


    content: '';


    display: block;


    width: 30px;


    height: 1px;


    background-color: #3ba4f3;


    margin: 10px auto 0;


}


.product__item p {


    color: #fff;


    font-size: 16px;


    font-weight: 300;


    line-height: 1.5;


    opacity: .8;


    margin-bottom: 25px;


}


.product__item span {


    display: inline-block;


    font-family: 'Abel';


    color: #3ba4f3;


    font-size: 16px;


    line-height: 1;


    text-decoration: underline;


}


@media (min-width:1200px) {


    .product__item {


        width: calc((100% - 105px) / 4);


        margin: 40px 35px 0 0;


    }


    .product__item:nth-child(-n + 4) {


        margin-top: 0;


    }


    .product__item:nth-child(4n) {


        margin-right: 0;


    }


}


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


    .product__item {


        width: calc((100% - 60px) / 3);


        margin: 30px 30px 0 0;


    }


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


        margin-top: 0;


    }


    .product__item:nth-child(3n) {


        margin-right: 0;


    }


}


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


    .product__item {


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


        margin: 15px 15px 0 0;


    }


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


        margin-top: 0;


    }


    .product__item:nth-child(2n) {


        margin-right: 0;


    }


}


@media (max-width:767px) {


    .product__item {


        width: 100%;


    }


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


        margin-top: 15px;


    }


    .product__item p {


        display: ;


    }


}


/* product end */





/* product_detail */


.editor {


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


    justify-content: space-between;


}


.editor__main {


    width: 60%;


}


.editor__info {


    width: 36%;


}


.share {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


    margin-top: 40px;


}


.share::before {


    content: '分享 :';


    color: #777;


    font-size: 18px;


    font-weight: 300;


    line-height: 1;


}


.share__btn {


    display: block;


    width: 40px;


    margin-left: 15px;


    opacity: .8;


    -webkit-transition: opacity .4s;


    -moz-transition: opacity .4s;


    transition: opacity .4s;


}


.share__btn:hover {


    opacity: 1;


}


@media (max-width:991px) {


    .editor {


        flex-direction: column-reverse;


    }


    .editor__main {


        width: 100%;


        margin-top: 30px;


    }


    .editor__info {


        width: 100%;


    }


}


@media (max-width:767px) {


    .share {


        justify-content: center;


    }


}


/* product_detail end */





/* device */


.device {


    width: 100%;


}


.device__gallery {


    width: calc(100% + 40px);


    margin: 0 -20px 40px;


}


.device__gallery .slick-prev {


    left: 30px;





    width: 30px;


    height: 30px;





    z-index: 2;


}


.device__gallery .slick-prev::before {


    font-size: 30px;


}


.device__gallery .slick-next {


    right: 30px;





    width: 30px;


    height: 30px;





    z-index: 2;


}


.device__gallery .slick-next::before {


    font-size: 30px;


}


.device__gallery > .device__gallery-item:nth-child(n + 6) {


    display: none;


}


.device__gallery-item {


    position: relative;


    display: block;


    padding: 0 20px;





    border-radius: 2px;


    overflow: hidden;


}


.device__gallery-img {


    position: relative;





    width: 100%;





    -webkit-background-size: cover;


         -o-background-size: cover;


            background-size: cover;


    background-position: center;


}


.device__gallery-img::before {


    content: "";





    display: block;





    width: 100%;


    padding-bottom: 70%;


}


.device__gallery-box {


    position: absolute;


    top: 10px;


    left: 30px;


    width: calc(100% - 60px);


    height: calc(100% - 20px);


    display: flex;


    align-items: center;


    justify-content: center;


    background-color: rgba(59,164,243,.8);


    border-radius: 2px;


    opacity: 0;


    -webkit-transition: opacity .4s;


    -moz-transition: opacity .4s;


    transition: opacity .4s;


}


.device__gallery-item:hover .device__gallery-box {


    opacity: 1;


}


.device__gallery-box img {


    width: 25px;


}





@media (max-width: 991px) {


    .device__gallery {


        width: calc(100% + 20px);


        margin: 0 -10px 40px;


    }


    .device__gallery-box {


        left: 20px;


        width: calc(100% - 40px);


    }


    .device__gallery-item {


        padding: 0 10px;


    }


    .device__gallery > .device__gallery-item:nth-child(n + 5) {


        display: none;


    }


}


@media (max-width: 767px) {


    .device__gallery > .device__gallery-item:nth-child(n + 4) {


        display: none;


    }


}


@media (max-width: 575px) {


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


        display: none;


    }


}


@media (max-width: 375px) {


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


        display: none;


    }


}





.summary__text {


    color: #777;


    font-size: 16px;


    font-weight: 300;


    line-height: 1.5625;


}


.summary__blockquote {


    padding-left: 15px;


    margin-top: 25px;


    border-left: 5px solid #3ba4f3;


}


.summary__blockquote  p{


    color: #777;


    font-size: 16px;


    font-weight: 300;


    line-height: 1.5625;


    font-style: italic;


}


/*@media (min-width:1200px) {


    .device__gallery-item {


        width: calc((100% - 160px) / 5);


    }


    .device__gallery-item {


        margin-left: 40px;


    }


    .device__gallery-item:nth-child(5n + 1) {


        margin-left: 0;


    }


    .device__gallery-item:nth-child(n + 6) {


        margin-top: 30px;


    }


}


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


    .device__gallery-item {


        width: calc((100% - 120px) / 4);


        margin: 30px 40px 0 0;


    }


    .device__gallery-item:nth-child(-n + 4) {


        margin-top: 0;


    }


    .device__gallery-item:nth-child(4n) {


        margin-right: 0;


    }


}


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


    .device__gallery-item {


        width: calc((100% - 80px) / 3);


        margin: 30px 40px 0 0;


    }


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


        margin-top: 0;


    }


    .device__gallery-item:nth-child(3n) {


        margin-right: 0;


    }


}


@media (max-width:767px)  {


    .device__gallery-item {


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


        margin: 20px 20px 0 0;


    }


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


        margin-top: 0;


    }


    .device__gallery-item:nth-child(2n) {


        margin-right: 0;


    }


}*/


/* device end */





/* contact */


.contact__subtitle {


    color: #777;


    font-size: 16px;


    font-weight: 300;


    line-height: 1.4375;


}


.contact__info {


    margin-top: 30px;


}


.contact__info-item {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


}


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


    margin-top: 15px;


}


.contact__info-item img {


    width: 50px;


}


.contact__info-content {


    width: calc(100% - 50px);


    padding-left: 20px;


}


.contact__info-content p {


    font-family: 'Abel', 'Noto Sans TC', 微軟正黑體;


    color: #777;


    font-size: 18px;


    line-height: 1;


}


.sc-google-map iframe {


    width: 100%;


    height: 495px;


}


@media (max-width:767px) {


    .sc-contact-form {


        margin-top: 30px;


    }


}


.service-steps .step {


    margin: 0;


}


.service-steps .step:nth-child(n + 3) {


    margin-top: 30px;


}


@media (max-width: 568px) {


    .service-steps .step {


        float: none !important;


    }


    .service-steps .step:nth-child(n + 2) {


        margin-top: 20px;


    }


}


/* contact end */





/* customize end */