@charset "UTF-8";

/* CSS Document */


/* xl */

@media (min-width: 1920px) {}


/* lg */

@media (min-width: 1200px) {}


/* md */

@media (min-width: 992px) and (max-width: 1199px) {
    .group-inners {
        margin: 0 20px;
    }
    /** About page **/
    #whychooseus .whychooseus-inners {
        margin: 0px;
        padding: 10px;
    }
    /** EIP page **/
    #product-header-eip .bg1 {
        height: 100%;
        padding: 120px 50px;
    }
    .eip-group-small {
        margin: 10px;
        padding: 10px;
        height: 250px;
    }
    #product-header-erp .bg1 {
        height: 100%;
        padding: 120px 50px;
        background-color: rgba(255, 255, 255, .85);
    }
    #product-header-hr .bg1 {
        height: 100%;
        padding: 120px 50px;
        background-color: rgba(255, 255, 255, .85);
    }
    #product-header-ers .bg1 {
        height: 100%;
        padding: 120px 50px;
        background-color: rgba(255, 255, 255, .85);
    }
    #product-header-crm .bg1 {
        height: 100%;
        padding: 120px 50px;
        background-color: rgba(255, 255, 255, .85);
    }
    /** Login page **/
    #download-app-2 .app-info-2 {
        padding-top: 60px;
    }
}


/* sm */

@media (min-width: 768px) and (max-width: 991px) {
    /** About page **/
    #whychooseus .whychooseus-inners {
        height: 220px;
        margin: 10px 40px;
        padding: 20px;
    }
    /** EIP page **/
    .eip-group-small {
        margin: 10px;
        padding: 10px;
        height: 250px;
    }
    /** ERP page **/
    #product-header-ers .bg1 {
        height: 100%;
        padding: 100px 20px;
        margin: 0;
    }
    #product-header-erp .bg1 {
        height: 100%;
        padding: 100px 20px;
        margin: 0;
    }
    #erp-benefits .erp-benefits-inner {
        border: 1px #fff solid;
        border-radius: 10px;
        margin: 10px;
        padding: 10px;
        color: #fff;
    }
}


/* xs */

@media (max-width: 599px) {

    .carousel-inner .fill .bg1 {
        height: 100%;
        padding-top:0px;
        padding-left:50px;
        padding-right:50px;
        background-color: rgba(255, 255, 255, .85);
    }
    .header h1 {
        font-size: 24px;
        letter-spacing: 3px;
        color: rgb(0, 130, 186);
        font-family: "文泉驛正黑", "WenQuanYi Zen Hei", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;
    }
    .header p {
        font-size: 10px;
        color: #666;
    }
    .group-inners {
        margin: 0 20px;
    }
    #client-carousel .fill .client {
        padding-top: 40px;
    }
    /** About page **/
    #whychooseus .whychooseus-inners {
        height: 220px;
        margin: 10px 40px;
        padding: 20px;
    }
    /** EIP page **/
    #product-header-eip .bg1 {
        height: 100%;
        padding: 100px 50px;
    }
    .feature .feature-box .feature-word {
        padding: 20px 0;
    }
    .eip-group-small {
        margin: 10px;
        padding: 10px;
        height: 250px;
    }
    /** ERP page **/
    #product-header-erp .bg1 {
        height: 100%;
        padding: 100px 20px;
        margin: 0;
    }
    #product-header-ers .bg1 {
        height: 100%;
        padding: 100px 20px;
        margin: 0;
    }
    /** Login page **/
    #download-app-2 .group-inners {
        margin: 0 20px;
    }
    #download-app-2 .app-info-2 span {
        margin: 10px;
    }
    .tab-wrap .media .parrent.pull-left {
        clear: both;
        width: 100%;
    }
    .tab-wrap .media .parrent.media-body {
        clear: both;
    }
    /** News page **/
    #news-top p {
        color: #fff;
    }
    /** Contact page **/
    .contact-info {
        margin: 0px;
        padding: 0px;
    }
}