/* global */


body {


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


    font-weight: 300;


}


h1,h2,h3,h4,h5,h6 {


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


    font-weight: 500;


    margin: 0;


}


p {


    margin: 0;


}


a {


    cursor: pointer;


}


a:hover {


    text-decoration: none;


}


iframe {


    vertical-align: top;


}


.container {


    position: relative;


}


/* global end */





/* global */


.topbar {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


    justify-content: space-between;


}


.topbar__contact {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


}


.topbar__contact-phone {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


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


    color: #ddd;


    font-size: 13px;


    line-height: 1;


    font-weight: 300;


    -webkit-transition: opacity .4s;


    -moz-transition: opacity .4s;


    transition: opacity .4s;


}


.topbar__contact-phone:hover {


    color: #ddd;


    opacity: .8;


}


.topbar__contact-phone .fa {


    color: #3f7fcd;


    margin-right: 8px;


}


.topbar__contact-text {


    color: #ddd;


    font-size: 13px;


    font-weight: 300;


    line-height: 1;


    padding-left: 15px;


    margin-left: 15px;


    border-left: 1px solid #ddd;


}


.topbar__right {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


}


.topbar__icons {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


    padding-right: 15px;


    margin-right: 15px;


    border-right: 1px solid #ddd;


}


.topbar__icon {


    display: block;


    padding: 0 10px;


    margin-left: 5px;


    -webkit-transition: opacity .4s;


    -moz-transition: opacity .4s;


    transition: opacity .4s;


}


.topbar__icon:hover {


    opacity: .8;


}


.topbar__icon:first-child {


    margin: 0;


}


.topbar__icon img {


    height: 13px;


    display: block;


}


.lang {


    position: relative;


}


.lang__current {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


    color: #ddd;


    font-size: 13px;


    font-weight: 300;


}


.lang__current:hover {


    color: #ddd;


}


.lang__current .fa-globe {


    color: #3f7fcd;


    font-size: 15px;


    margin-right: 10px;


}


.lang__current .fa-angle-down {


    color: #ddd;


    font-size: 15px;


    margin-left: 10px;


}


.lang__select {


    position: absolute;


    top: 100%;


    left: 0;


    width: 100%;


    height: 0;


    overflow: hidden;


    background-color: #292d2f;


}


.lang__select--open {


    height: auto;


    overflow: visible;


    padding: 15px;


}


.lang__btn {


    display: block;


    width: 100%;


    color: #fff;


    font-size: 13px;


    line-height: 30px;


    text-align: center;


    margin-bottom: 1px solid rgba(255,255,255,.2);


    -webkit-transition: opacity .4s;


    -moz-transition: opacity .4s;


    transition: opacity .4s;


}


.lang__btn:hover {


    color: #fff;


    opacity: .8;


}


.lang__btn:last-child {


    margin-bottom: 0;


}


.logo img {


    height: 52px;


}


.footer {


    padding: 0 0 30px;


    background-color: #222628;


}


.footer__contact {


    display: flex;


    flex-wrap: wrap;


}


.footer__contact-item {


    min-height: 85px;


    display: flex;


    flex-wrap: wrap;


    align-items: center;


    justify-content: center;


    width: 33.3333%;


    color: rgba(221,221,221,.4);


    font-size: 15px;


    padding: 15px;


    background-color: #292d2f;


    border-left: 1px solid rgba(255,255,255,.1);


    -webkit-transition: color .5s, opacity .5s;


    -moz-transition: color .5s, opacity .5s;


    transition: color .5s, opacity .5s;


}


a.footer__contact-item:hover {


    color: #ddd;


    opacity: .8;


}


.footer__contact-item:first-child {


    border: 0;


}


.footer__contact-label {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


    color: #ddd;


    font-size: 15px;


    font-weight: 400;


    margin-right: 3px;


}


.footer__contact-label .fa {


    color: #3f7fcd;


    font-size: 20px;


    margin-right: 8px;


}


.footer__info {


    text-align: center;


    padding: 30px 0;


    border-bottom: 1px solid rgba(255,255,255,.1);


}


.footer__info-title {


    color: #fff;


    font-size: 16px;


    font-weight: 400;


    line-height: 1;


    margin-bottom: 15px;


}


.footer__info-text {


    max-width: 580px;


    color: #999;


    font-size: 14px;


    font-weight: 400;


    line-height: 1.64;


    opacity: .6;


    margin: 0 auto 20px;


}


.footer__links {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


    justify-content: center;


}


.footer__link {


    color: #fff;


    font-size: 14px;


    line-height: 1;


    margin-left: 60px;


    opacity: .6;


    -webkit-transition: opacity .4s;


    -moz-transition: opacity .4s;


    transition: opacity .4s;


}


.footer__link:hover {


    color: #fff;


    opacity: 1;


}


.footer__link:first-child {


    margin: 0;


}


.footer__icons {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


    justify-content: center;


    padding-top: 30px;


}


.footer__icon {


    display: block;


    width: 40px;


    margin-left: 10px;


    opacity: .2;


    -webkit-transition: opacity .4s;


    -moz-transition: opacity .4s;


    transition: opacity .4s;


}


.footer__icon:hover {


    opacity: 1;


}


.footer__icon:first-child {


    margin: 0;


}


@media (min-width:992px) {


    .mobile__slider {


        display: none;


    }


}


@media (max-width:991px) {


    .logo img {


        height: 35px;


    }


    .rev_slider_wrapper {


        display: none!important;


    }


    .slick-dotted.slick-slider {


        margin: 0;


    }


    .mobile__slider .mobile__slide {


        min-height: 360px;


        display: flex;


        flex-wrap: wrap;


        align-items: center;


        text-align: center;


        padding: 20px 0;


        background-size: cover;


        background-position: center;


        background-repeat: no-repeat;


        outline: none;


    }


    .mobile__slider .slick-dots {


        bottom: 20px;


    }


    .slick-dots li button:before {


        color: #3f7fcd;


    }


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


        color: #3f7fcd;


    }


    .mobile__slide-title {


        color: #fff;


        font-size: 32px;


        line-height: 1.2;


    }


    .mobile__slide-text {


        color: #fff;


        font-size: 16px;


        line-height: 1.5;


        margin-top: 10px;


    }


    .mobile__slide-btn {


        display: inline-block;


        color: #fff;


        font-size: 15px;


        line-height: 32px;


        padding: 0 15px;


        margin-top: 15px;


        background-color: #3f7fcd;


        border: 1px solid #3f7fcd;


        border-radius: 3px;


        -webkit-transition: background-color .4s;


        -moz-transition: background-color .4s;


        transition: background-color .4s;


    }


    .mobile__slide-btn:hover {


        color: #fff;


        background-color: #222;


    }


}


@media (min-width:768px) {


    .mobile__logo {


        display: none;


    }


}


@media (max-width:767px) {


    .topbar {


        flex-direction: column;


    }


    .topbar__right {


        margin-top: 10px;


    }


    .header-area {


        display: none;


    }


    .mainmenu-area {


        background-color: #fff;


        box-shadow: 0 0 5px rgba(0,0,0,.2);


    }


    .mobile__logo {


        width: 224px;


        display: inline-block;


    }


}


@media (max-width:575px) {


    .topbar__icons {


        padding-right: 10px;


        margin-right: 10px;


    }


    .topbar__icon {


        margin-left: 10px;


    }


    .header-area {


        text-align: center;


    }


    .topbar__contact-text {


        display: none;


    }


}


/* global end */





/* index */


.rev_slider_wrapper * {


    white-space: normal!important;


}


.rev_slider_wrapper .slide-content-box.middle-slide h1 {


    width: 100%;


    max-width: 15em;


}


.rev_slider_wrapper .slide-content-box.middle-slide p {


    width: 100%;


    max-width: 50em;


}


.rev_slider_wrapper .slide-content-box.middle-slide .button a.remdmore {


    font-size: 15px;


    line-height: 33px;


    padding: 0 25px;


    background-color: #3f7fcd;


    border-radius: 3px;


    margin: 0;


    border: 1px solid #3f7fcd;


    -webkit-transition: opacity .5s;


    -moz-transition: opacity .5s;


    transition: opacity .5s;


}


.rev_slider_wrapper .slide-content-box.middle-slide .button a.remdmore:hover {


    color: #fff;


    background-color: #222;


}


.thm-btn:before {


    display: none;


}


.tp-parallax-wrap {


    width: 100%;


    left: 0!important;


    display: flex;


    justify-content: center;


}


.tp-loop-wrap,.tp-mask-wrap {


    position: static!important;


}


.rev_slider_wrapper .slide-content-box h1 {


    width: 10em;


    text-align: center;


}


.rev_slider_wrapper .slide-content-box p {


    width: 40em;


    text-align: center;


}


.parallax {


    position: relative;


    display: flex;


    flex-wrap: wrap;


    align-items: center;


    text-align: center;


    padding: 85px 0;


    background-attachment: fixed;


    background-position: center top;


    background-repeat: no-repeat;


}


.parallax::before {


    content: '';


    position: absolute;


    top: 0;


    left: 0;


    width: 100%;


    height: 100%;


    background-color: #222;


    opacity: .6;


}


.parallax__title {


    color: #fff;


    font-size: 45px;


    font-weight: 400;


    line-height: 1.53;


    margin-bottom: 25px;


}


.parallax__subtitle {


    color: #fff;


    font-size: 14px;


    font-weight: 300;


    line-height: 1.85;


    margin-bottom: 35px;


}


.more {


    display: block;


    width: 120px;


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


    color: #fff;


    font-size: 15px;


    line-height: 33px;


    text-align: center;


    background-color: #3f7fcd;


    border: 1px solid #3f7fcd;


    border-radius: 3px;


    margin: 0 auto;


    -webkit-transition: background-color .4s;


    -moz-transition: background-color .4s;


    transition: background-color .4s;


}


.more:hover {


    color: #fff;


    background-color: #222;


}


.brand.owl-theme .owl-dots .owl-dot.active span,


.brand.owl-theme .owl-dots .owl-dot:hover span {


    background-color: #3f7fcd;


}


@media (max-width:991px) {


    .welcome-area {


        padding: 20px 0;


    }


    .welcome-area .welcome-content .title {


        display: block;


        width: 100%;


        text-align: center;


        padding: 0 0 10px;


        border: 0;


    }


    .welcome-area .welcome-content .title h1 {


        font-size: 26px;


    }


    .welcome-area .welcome-content .text p {


        text-align: center;


    }


    .solution-area {


        padding: 40px 0 10px;


    }


    .single-solution-item .title-holder h3 {


        font-size: 22px;


    }


    .single-solution-item .title-holder {


        margin-bottom: 20px;


    }


    .single-solution-item .title-holder p {


        margin-bottom: 10px;


    }


    .single-solution-item .text-holder p {


        height: auto;


    }


    .parallax {


        padding: 50px 0;


    }


    .parallax__title {


        font-size: 32px;


        margin-bottom: 15px;


    }


    .parallax__subtitle {


        margin-bottom: 15px;


    }


    .brand-area {


        padding-bottom: 40px;


    }


    .brand-area .container {


        padding-top: 40px;


    }


    .brand-area .title h2 {


        font-size: 20px;


    }


    .footer__contact-item {


        width: 100%;


        border: 0;


    }


    .footer__info {


        display: none;


    }


    .footer__info-text {


        margin-bottom: 0;


    }


}


@media (max-width:575px) {


    .footer__contact-label {


        width: 100%;


        justify-content: center;


        margin: 0;


    }


}


/* index end */





/* about */


.breadcrumb-area .breadcrumbs {


    padding: 137px 0;


}


.history__title {


    color: #3f7fcd;


    font-size: 20px;


    font-weight: 400;


    line-height: 1;


    margin-bottom: 26px;


}


.history__text {


    color: #000;


    font-size: 16px;


    line-height: 1.6;


}


.history__text .fa {


    color: #3f7fcd;


    margin-right: 6px;


}


.proxy {


    margin-top: 70px;


}


.proxy__itembox {


    display: flex;


    flex-wrap: wrap;


}


.proxy__item {


    position: relative;


    display: block;


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


    text-align: center;


    padding: 30px 20px 68px 20px;


    margin-right: 30px;


    border: 1px solid #ddd;


    -webkit-transition: border-color .4s;


    -moz-transition: border-color .4s;


    transition: border-color .4s;


}


.proxy__item:hover {


    border-color: #3f7fcd;


}


.proxy__item:nth-child(3n) {


    margin-right: 0;


}


.proxy__item img {


    height: 95px;


    margin-bottom: 15px;


}


.proxy__title {


    color: #555;


    font-size: 18px;


    line-height: 1.27;


    margin-bottom: 6px;


}


.proxy__text {


    max-height: 3.7em;


    overflow: hidden;


    color: #999;


    font-size: 14px;


    line-height: 1.85;


}


.proxy__link {


    position: absolute;


    left: 0;


    bottom: 30px;


    width: 100%;


    color: #999;


    font-size: 16px;


    line-height: 1;


    -webkit-transition: color .4s;


    -moz-transition: color .4s;


    transition: color .4s;


}


.proxy__item:hover .proxy__link {


    color: #3f7fcd;


}


.bottom__contact {


    padding: 45px 0;


    background-color: #3f7fcd;


}


.bottom__contact-box {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


}


.bottom__contact-title {


    width: calc(100% - 200px);


    color: #fff;


    font-size: 20px;


    font-weight: 400;


    line-height: 1.2;


    padding-right: 20px;


}


.bottom__contact-btn {


    max-width: 200px;


    display: block;


    color: #3f7fcd;


    font-size: 14px;


    line-height: 33px;


    padding: 0 30px;


    background-color: #fff;


    border-radius: 3px;


    border: 1px solid #fff;


    -webkit-transition: color .4s, background-color .4s;


    -moz-transition: color .4s, background-color .4s;


    transition: color .4s, background-color .4s;


}


.bottom__contact-btn:hover {


    color: #fff;


    background-color: #3f7fcd;


}


@media (max-width:991px) {


    .breadcrumb-area .breadcrumbs {


        font-size: 26px;


        padding: 70px 0;


    }


    .about-company-area {


        padding: 40px 0;


    }


    .sec-title {


        padding-bottom: 20px;


    }


    .sec-title .border:before {


        left: calc(50% - 40px);


    }


    .history .sec-title .border:before {


        left: 0;


    }


    .history__title {


        margin-bottom: 15px;


    }


    .proxy {


        text-align: center;


        margin-top: 40px;


    }


    .bottom__contact {


        padding: 25px 0;


    }


    .bottom__contact-box {


        flex-direction: column;


    }


    .bottom__contact-title {


        width: 100%;


        text-align: center;


        padding: 0 0 10px;


    }


}


@media (max-width:767px) {


    .proxy__item {


        width: 100%;


        padding: 20px 15px 55px 15px;


        margin-top: 20px;


    }


    .proxy__item:first-child {


        margin: 0;


    }


}


/* about end */





/* product */


.product {


    display: flex;


    flex-wrap: wrap;


}


.product__main {


    width: calc(100% - 275px);


    padding: 70px 25px 70px 0;


}


.product__itembox {


    display: flex;


    flex-wrap: wrap;


    margin-bottom: 40px;


}


.product__item {


    display: block;


    border: 1px solid #ddd;


    margin: 50px 30px 0 0;


}


.product__img {


    position: relative;


    opacity: .9;


    background-size: cover;


    background-position: center;


    background-repeat: no-repeat;


    -webkit-transition: opacity .4s;


    -moz-transition: opacity .4s;


    transition: opacity .4s;


}


.product__item:hover .product__img {


    opacity: 1;


}


.product__img::before {


    content: '';


    display: block;


    padding-top: 100%;


}


.product__item:hover .overlay-style-one {


    opacity: 1;


    transform: perspective(400px) rotateX(0deg);


}


.product__item .content {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


    justify-content: center;


    width: 63px;


    height: 63px;


    color: #fff;


    font-size: 20px;


    border-radius: 50%;


    background-color: #3f7fcd;


    -webkit-transition: color .4s, background-color .4s;


    -moz-transition: color .4s, background-color .4s;


    transition: color .4s, background-color .4s;


}


.product__item .content:hover {


    color: #3f7fcd;


    background-color: #fff;


}


.product__content {


    text-align: center;


    padding: 18px 15px;


    border-top: 1px solid #ddd;


}


.product__content-name {


    color: #000;


    font-size: 16px;


    font-weight: 400;


    line-height: 1.2;


    margin-bottom: 12px;


}


.product__content-type {


    min-height: 1.2em;


    color: #3f7fcd;


    font-size: 14px;


    font-weight: 400;


    line-height: 1.2;


}


.sidebar {


    width: 275px;


    padding: 70px 0 70px 25px;


    border-left: 1px solid #ddd;


}


.sidebar__title {


    color: #333;


    font-size: 25px;


    font-weight: 400;


    line-height: 1;


    margin-bottom: 25px;


}


.sidebar__list {


    padding: 30px;


    border: 1px solid #ddd;


}


.sidebar__link {


    position: relative;


    display: flex;


    flex-wrap: wrap;


    align-items: center;


    justify-content: space-between;


    color: #555;


    font-size: 14px;


    line-height: 1.2;


    padding: 0 40px 12px 0;


    margin-top: 15px;


    border-bottom: 1px solid #ddd;


    -webkit-transition: color .4s;


    -moz-transition: color .4s;


    transition: color .4s;


}


.sidebar__link:hover,


.sidebar__link--active {


    color: #3f7fcd;


}


.sidebar__link:first-child {


    margin-top: 0;


}


.sidebar__link span {


    position: absolute;


    top: 0;


    right: 0;


}


@media (min-width:992px) {


    .product__item {


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


    }


    .product__item:nth-child(3n) {


        margin-right: 0;


    }


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


        margin-top: 0;


    }


}


@media (max-width:991px) {


    .product {


        flex-direction: column-reverse;


        padding: 40px 0;


    }


    .product__main {


        width: 100%;


        padding: 20px 0 0;


    }


    .product__itembox {


        margin-bottom: 20px;


    }


    .product__item {


        margin-top: 20px;


    }


    .sidebar {


        width: 100%;


        padding: 0;


        border: 0;


    }


    .sidebar__title {


        text-align: center;


        margin-bottom: 15px;


    }


    .sidebar__list {


        padding: 20px;


    }


}


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


    .product__item {


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


    }


    .product__item:nth-child(2n) {


        margin-right: 0;


    }


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


        margin-top: 0;


    }


}


@media (max-width:575px) {


    .product__item {


        width: 100%;


        margin-right: 0;


    }


    .product__item:first-child {


        margin-top: 0;


    }


}


/* product end */





/* product_detail */


.product__detail {


    flex-direction: row-reverse;


}


.product__detail .product__main {


    padding: 70px 0 70px 25px;


}


.product__detail .sidebar {


    padding: 70px 25px 70px 0;


    border-left: 0;


    border-right: 1px solid #ddd;


}


.detail {


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


}


.detail__img {


    width: 42%;


    padding: 20px 10px;


    border: 1px solid #ddd;


}


.detail__img img {


    width: 100%;


}


.detail__info {


    width: 58%;


    padding-left: 30px;


}


.detail__title {


    color: #333;


    font-size: 25px;


    line-height: 1.2;


    margin-bottom: 30px;


}


.detail__description {


    padding-bottom: 30px;


    border-bottom: 1px solid #ddd;


}


.detail__description::before {


    width: 100%;


    content: '規格介紹:';


    display: block;


    color: #3f7fcd;


    font-size: 16px;


    line-height: 1;


    margin-bottom: 7px;


}


.detail__description p {


    color: #333;


    font-size: 14px;


    font-weight: 400;


    line-height: 1.65;


}


.share {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


    margin-top: 30px;


}


.share::before {


    content: 'Share:';


    color: #777;


    font-size: 14px;


    margin-right: 12px;


}


.share__item {


    display: block;


    margin-left: 30px;


    -webkit-transition: opacity .4s;


    -moz-transition: opacity .4s;


    transition: opacity .4s;


}


.share__item:hover {


    opacity: .8;


}


.share__item:first-child {


    margin: 0;


}


.share__item img {


    height: 13px;


}


.info {


    position: relative;


    padding: 25px 35px;


    margin-top: 70px;


    background-color: #fff;


    border: 1px solid #ddd;


}


.info::before {


    content: '產品說明';


    position: absolute;


    left: -1px;


    bottom: 100%;


    display: block;


    color: #3f7fcd;


    line-height: 50px;


    padding: 0 45px;


    background-color: #fff;


    border: 1px solid #ddd;


    border-bottom: 0;


    font-size: 15px;


}


.return {


    display: block;


    width: 120px;


    color: #3f7fcd;


    font-size: 14px;


    line-height: 33px;


    text-align: center;


    border: 1px solid #3f7fcd;


    border-radius: 3px;


    margin-top: 50px;


    -webkit-transition: color .4s, background-color .4s;


    -moz-transition: color .4s, background-color .4s;


    transition: color .4s, background-color .4s;


}


.return:hover {


    color: #fff;


    background-color: #3f7fcd;


}


@media (max-width:991px) {


    .product__detail {


        flex-direction: column;


    }


    .product__detail .product__main {


        padding: 0 0 20px;


    }


    .product__detail .sidebar {


        padding: 0;


        border: 0;


    }


    .return {


        margin: 20px auto 0;


    }


}


@media (max-width:767px) {


    .detail {


        align-items: center;


        flex-direction: column;


    }


    .detail__img {


        width: 100%;


        max-width: 350px;


    }


    .detail__info {


        width: 100%;


        text-align: center;


        padding: 20px 0 0;


    }


    .detail__title {


        font-size: 22px;


        margin-bottom: 15px;


    }


    .detail__description {


        padding-bottom: 15px;


    }


    .share {


        justify-content: center;


        margin-top: 10px;


    }


}


/* product_detail end */





/* case  */


.case {


    padding: 70px 0;


}


.case .single-solution-item {


    margin-bottom: 50px;


}


@media (max-width:991px) {


    .case {


        padding: 40px 0;


    }


    .case .single-solution-item {


        margin-bottom: 20px;


    }


}


/* case end */





/* case_detail */


.case__detail {


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


    padding: 70px 0;


}


.case__detail-imgbox {


    width: 66%;


}


.case__detail-info {


    width: 34%;


    padding-left: 30px;


}


.case__info {


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


    justify-content: space-between;


    padding: 30px 0;


    border-top: 1px solid #ddd;


    border-bottom: 1px solid #ddd;


}


.case__info-item {


    position: relative;


    width: calc(50% - 15px);


    padding-left: 22px;


}


.case__info-item > img {


    position: absolute;


    top: 0;


    left: 0;


    height: 17px;


}


.case__info-title {


    color: #000;


    font-size: 14px;


    font-weight: 400;


    line-height: 1;


    margin-bottom: 5px;


}


.case__info-text {


    color: #999;


    font-size: 14px;


    line-height: 1.64;


}


.case__detail .sec-title {


    padding-bottom: 35px;


}


.case__detail-style {


    padding-bottom: 25px;


}


.case__detail-style p {


    color: #999;


    font-size: 14px;


    line-height: 1.64;


}


@media (min-width:992px) {


    .mobile__editor {


        display: none;


    }


}


@media (max-width:991px) {


    .case__detail {


        padding: 40px 0;


    }


    .case__detail-imgbox {


        display: none;


    }


    .case__detail-info {


        width: 100%;


        padding: 0;


    }


    .case__detail-info .sec-title h1 {


        text-align: center;


    }


    .mobile__editor {


        margin-top: 25px;


    }


}


/* case_detail end */





/* news */


.news {


    padding: 70px 0;


}


.news__box {


    padding: 30px;


    border: 1px solid #ddd;


}


.news__item {


    padding-bottom: 20px;


    margin-top: 15px;


    border-bottom: 1px solid #ddd;


}


.news__item:first-child {


    margin: 0;


}


.news__item-title {


    display: flex;


    flex-wrap: wrap;


    align-items: center;


}


.news__item-text {


    width: calc(100% - 30px);


    color: #333;


    font-size: 20px;


    line-height: 1.2;


    padding-left: 20px;


}


.news__item--open .news__item-text {


    color: #3f7fcd;


}


.news__item-text::before {


    content: attr(data-date);


    font-size: 17px;


}


.news__item-icon {


    position: relative;


    width: 30px;


    height: 30px;


    border: 2px solid #ddd;


    -webkit-transition: border-color .4s;


    -moz-transition: border-color .4s;


    transition: border-color .4s;


}


.news__item-icon::before {


    content: '';


    position: absolute;


    top: 50%;


    left: 50%;


    width: 2px;


    height: 15px;


    background-color: #ddd;


    -webkit-transform: translate(-50%, -50%);


    -moz-transform: translate(-50%, -50%);


    transform: translate(-50%, -50%);


}


.news__item-icon::after {


    content: '';


    position: absolute;


    top: 50%;


    left: 50%;


    width: 15px;


    height: 2px;


    background-color: #ddd;


    -webkit-transform: translate(-50%, -50%);


    -moz-transform: translate(-50%, -50%);


    transform: translate(-50%, -50%);


    -webkit-transition: background-color .4s;


    -moz-transition: background-color .4s;


    transition: background-color .4s;


}


.news__inner {


    height: 0;


    overflow: hidden;


    color: #999;


    font-size: 14px;


    line-height: 1.64;


    background-color: #f6f6f6;


}


.news__item--open .news__item-icon {


    border-color: #3f7fcd;


}


.news__item--open .news__item-icon::before {


    display: none;


}


.news__item--open .news__item-icon::after {


    background-color: #3f7fcd;


}


.news__item--open .news__inner {


    height: auto;


    overflow: visible;


    padding: 15px 10px;


    margin-top: 15px;


}


@media (max-width:991px) {


    .news {


        padding: 40px 0;


    }


    .news__box {


        padding: 20px;


    }


    .news__item-text {


        font-size: 18px;


        padding-left: 10px;


    }


    .news__item-text::before {


        font-size: 16px;


    }


    .news__item-icon {


        width: 20px;


        height: 20px;


    }


    .news__item-icon::before {


        height: 12px;


    }


    .news__item-icon::after {


        width: 12px;


    }


}


/* news end */





/* contact */


.contact {


    padding: 70px 0;


}


.contact__box {


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


    justify-content: space-between;


}


.contact__info {


    width: calc(100% - 430px);


}


.contact__info-title {


    color: #333;


    font-size: 20px;


    font-weight: 400;


    line-height: 1;


    margin-bottom: 35px;


}


.contact__form {


    display: flex;


    flex-wrap: wrap;


    justify-content: space-between;


}


.contact__inputs {


    width: 230px;


}


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


    margin-top: 30px;


}


.contact__input {


    width: 100%;


    height: 40px;


    color: #777;


    font-size: 14px;


    font-weight: 200;


    padding: 0 15px;


    border: 1px solid #ddd;


}


.contact__input::placeholder {


    color: #999;


}


.contact__textarea {


    width: calc(100% - 260px);


    height: 180px;


    color: #777;


    font-size: 14px;


    font-weight: 200;


    padding: 7px 15px;


    border: 1px solid #ddd;


    resize: none;


}


.contact__textarea::placeholder {


    color: #999;


}


.submit {


    display: block;


    width: 120px;


    color: #fff;


    font-size: 14px;


    line-height: 33px;


    text-align: center;


    background-color: #3f7fcd;


    border: 1px solid #3f7fcd;


    border-radius: 3px;


    margin-top: 40px;


}


.submit:hover {


    color: #fff;


    opacity: .8;


}


.contact__aside {


    width: 370px;


    padding: 40px 30px;


    border: 1px solid #ddd;


}


.contact__aside-title {


    color: #333;


    font-size: 20px;


    font-weight: 400;


    line-height: 1;


    margin-bottom: 32px;


}


.contact__aside-text {


    color: #999;


    font-size: 14px;


    font-weight: 200;


    line-height: 1.64;


    margin-bottom: 25px;


}


.contact__phonebox {


    padding: 30px 0;


    border-top: 1px solid #ddd;


    border-bottom: 1px solid #ddd;


}


.contact__phone {


    position: relative;


    padding-left: 28px;


}


.contact__phone .fa {


    position: absolute;


    top: 6px;


    left: 0;


    color: #3f7fcd;


    font-size: 20px;


}


.contact__phone-text {


    color: #777;


    font-size: 15px;


    line-height: 1.86;


}


.contact__phone-text:hover {


    opacity: .8;


}


.contact__phone-text span {


    color: #999;


}


.contact__mailbox {


    padding: 28px 0;


    border-bottom: 1px solid #ddd;


}


.contact__mailbox-text {


    position: relative;


    color: #777;


    font-size: 15px;


    line-height: 1.86;


    padding-left: 28px;


}


.contact__mailbox-text:hover {


    opacity: .8;


}


.contact__mailbox-text .fa {


    position: absolute;


    top: 2px;


    left: 0;


    color: #3f7fcd;


    font-size: 18px;


}


.contact__mailbox-text span {


    color: #999;


}


.contact__mailbox + .share::before {


    display: none;


}


@media (max-width:991px) {


    .contact {


        padding: 40px 0;


    }


    .contact .sec-title  {


        text-align: center;


    }


    .contact__info-title {


        margin-bottom: 15px;


    }


    .contact__info {


        width: 100%


    }


    .contact__aside {


        width: 100%;


        padding: 20px;


        margin-top: 30px;


    }


    .contact__inputs {


        width: 100%;


        margin-bottom: 15px;


    }


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


        margin-top: 15px;


    }


    .contact__textarea {


        width: 100%;


    }


    .submit {


        margin: 15px auto 0;


    }


}


/* contact end */


/* 0813 */


* {


    backface-visibility: hidden;


}


.brand-area .brand .single-item .inner-box {


    padding: 20px 0;


}


.brand-area .brand .single-item img {


    height: 90px;


}


/* 0813 end */





/* 0823 */


.brand {


    margin-top: 40px;


}


@media (max-width:991px) {


    .brand {


        margin-top: 25px;


    }


}


/* 0823 end */





/* 1008 */


.device {


    padding: 70px 0;


}


.device__itembox {


    display: flex;


    flex-wrap: wrap;


}


.device__item {


    display: block;


}


.device__item-img {


    position: relative;


    background-size: cover;


    background-position: center;


    background-repeat: no-repeat;


}


.device__item-img::before {


    content: '';


    display: block;


    padding-top: 60%;


}


.device__item-detail {


    position: absolute;


    top: 0;


    left: 0;


    width: 100%;


    height: 100%;


    display: flex;


    flex-wrap: wrap;


    align-items: center;


    justify-content: center;


    background-color: rgba(35,24,21,.5);


    opacity: 0;


    -webkit-transition: opacity .4s;


    -moz-transition: opacity .4s;


    transition: opacity .4s;


}


.device__item:hover .device__item-detail {


    opacity: 1;


}


.device__item-detail div {


    width: 62px;


    height: 62px;


    display: flex;


    flex-wrap: wrap;


    align-items: center;


    justify-content: center;


    color: #fff;


    font-size: 18px;


    background-color: #3f7fcd;


    border-radius: 50%;


}


.device__item-title {


    color: #767777;


    font-size: 14px;


    font-weight: 300;


    line-height: 1.64;


    text-align: center;


    margin-top: 20px;


}


@media (min-width:992px) {


    .device__item {


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


        margin: 30px 30px 0 0;


    }


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


        margin-top: 0;


    }


    .device__item:nth-child(3n) {


        margin-right: 0;


    }


}


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


    .device__item {


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


        margin: 30px 30px 0 0;


    }


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


        margin-top: 0;


    }


    .device__item:nth-child(2n) {


        margin-right: 0;


    }


}


@media (max-width:575px) {


    .device__item {


        width: 100%;


    }


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


        margin-top: 20px;


    }


    .device__item-title {


        margin-top: 10px;


    }


}


/* 1008 end */





/* 2019 0308 */


.certificate {


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


    justify-content: space-between;


    margin-top: 30px;


}


.certificate__iso {


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


}


.certificate__ce {


    width: calc((((100% - 60px) / 3) * 2) + 30px);


    display: flex;


    flex-wrap: wrap;


    align-items: flex-start;


    justify-content: space-between;


}


.certificate__ce-item {


    width: calc((50% - 15px));


}


.certificate__titlebox {


    width: 100%;


    margin-bottom: 20px;


}


.certificate__titlebox h4 {


    color: #333;


    font-size: 20px;


    line-height: 1.2;


    margin-bottom: 10px;


}


.certificate__titlebox p {


    color: #555;


    font-size: 16px;


    line-height: 1;


}


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


    .certificate__titlebox h4 {


        font-size: 18px;


    }


}


@media (min-width:768px) {


    .certificate__titlebox p {


        min-height: 1em;


    }


}


@media (max-width:767px) {


    .certificate__iso {


        width: 100%;


    }


    .certificate__ce {


        width: 100%;


        margin-top: 40px;


    }


    .certificate__ce-item {


        width: 100%;


    }


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


        margin-top: 40px;


    }


    .certificate__titlebox {


        margin-bottom: 10px;


    }


}


/* 2019 0308 end */





/* 2019 0311 */


.history__img {


    float: right;


    margin: 46px 0 0 10px;


}


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


    .history__img {


        width: 300px;


    }


}


@media (min-width:767px) {


    .history__img-xs {


        display: none;


    }


}


@media (max-width:575px) {


    .history__img {


        float: none;


        margin: 10px 0 0;


    }


    .history__img-lg {


        display: none;


    }


}


/* 2019 0311 end */





/* 編輯器 */





.cke_editable h1,


.cke_editable h2,


.cke_editable h3,


.cke_editable h4,


.cke_editable h5,


.cke_editable h6 {


    font-weight: 500;


    line-height: 1.4;


    margin: 0;


    color: #333;


}


.cke_editable h1 {


    font-size: 48px;


}


.cke_editable h2 {


    font-size: 40px;


}


.cke_editable h3 {


    font-size: 32px;


}


.cke_editable h4 {


    font-size: 28px;


}


.cke_editable h5 {


    font-size: 24px;


}


.cke_editable h6 {


    font-size: 20px;


}





.cke_editable p {


    font-size: 16px;


    font-weight: 300;


    color: #777;


    line-height: 1.7;


}


.cke_editable a {


    font-size: 16px;


    font-weight: 300;


    color: #3f7fcd;


    line-height: 1.7;





    text-decoration: underline;





    -webkit-transition: opacity .3s;


       -moz-transition: opacity .3s;


        -ms-transition: opacity .3s;


         -o-transition: opacity .3s;


            transition: opacity .3s;


}


.cke_editable a:hover {


    opacity: .7;


}


.cke_editable ol {


    font-size: 15px;


    font-weight: 300;


    color: #777;


    line-height: 1.7;


    padding-left: 30px;


    margin: 0;





    list-style-type: decimal;


}


.cke_editable ol li {


    list-style-type: decimal;


}


.cke_editable ul {


    font-size: 15px;


    font-weight: 300;


    color: #777;


    line-height: 1.7;


    padding-left: 30px;


    margin: 0;





    list-style-type: disc;


}


.cke_editable ul li {


    list-style-type: disc;


}


.cke_editable img {


    max-width: 100%;


    height: auto !important;


}





.cke_editable table {


    font-size: 16px;


    font-weight: 300;


    border-collapse: collapse;


    max-width: 100%;


}


.cke_editable td, .cke_editable th {


    padding: 10px 5px;


    white-space: normal !important;


    line-height: 1.7;


    border: 1px solid #ddd;


}





.cke_editable blockquote {


    font-size: 16px;


    font-weight: 400;


    line-height: 1.7;


    color: #333;





    padding: 5px 20px;


    margin: 10px 0px;


    border-style: solid;


    border-color: #ccc;


    border-width: 0 0 0 5px;


}





.cke_editable strong {


    font-weight: bold;


}





.cke_editable__table--scroll {


    width: 100%;





    overflow: auto;


}


.cke_editable__table--scroll::-webkit-scrollbar-track {


    background-color: #F5F5F5;


}


.cke_editable__table--scroll::-webkit-scrollbar {


    width: 8px;


    height: 8px;





    background-color: #F5F5F5;


}


.cke_editable__table--scroll::-webkit-scrollbar-thumb {


    background-color: #555;


}





/* 編輯器 end */