#Wrapper{
    clear: all;
    width: 100%;
    padding-top: 90px;
}


/*----------首圖輪播----------*/

#Cover {
    /*background-image: url(/images/innocloud/index/cover.png);*/
    background-position: center center;
    background-size: cover;
    height: 0;
    padding-bottom: 45.83%;
    position: relative;
}

.Cover {
    background-position: center center;
    background-size: cover;
    height: 0;
    padding-bottom: 45.83%;
    position: relative;
}

.Gradual{
    width: 100%;
    height: 0;
    padding-bottom: 45.83%;
    background: -moz-linear-gradient(top, rgba(100,114,177,0) 55%, rgba(100,114,177,0.26) 78%, rgba(100,114,177,0.5) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(100,114,177,0) 55%,rgba(100,114,177,0.26) 78%,rgba(100,114,177,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(100,114,177,0) 55%,rgba(100,114,177,0.26) 78%,rgba(100,114,177,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.Progress_bar{
    position: absolute;
    top: 95%;
    left: calc(50% - 6%);
}

/*----------受到優秀企業的信任----------*/

#Excellent_companies{
    width: 1200px;
    margin: 0 auto;
    margin-top:50px;
}

.Topic_Center-gray{
    font-family: 'Open Sans', 'Noto Sans TC', sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: rgba(30,30,31,.5);
    text-align: center;
    line-height: 1.7em;
}

.Companies_logos{
    margin-top: 40px;
}

.Excellent_logos{
    margin: 0 20px;
}

/*----------首頁：解決方案----------*/

#Index-solution{
    margin: 0 auto;
    margin-top: 120px;
    width: 1200px;
}

.Title_left_one-third{
    float: left;
    width: 366px;
    text-align: left;
}

.Btn_contact_blue{
    margin-top: 50px;
    display: inline-block;
    width: 190px;
    height: 51px;
    border-radius: 50px;
    line-height: 51px;
    background-color: #0079C1;
    text-align: center;
    text-decoration: none;
    color: #fff;
}

.Index-solution-img{
    float: right;
    /*background-image: url(../images/index/index-1.jpg);*/
    background-size: cover;
    width: 784px;
    height: 442px;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(30,30,31,0.2);
    margin-bottom: 50px;
}


.Box_title{
    margin-bottom: 20px;
}

.Index-solution-summary{
    clear: both;
}

.summary-box{
    float: left;
    width: 366px;
    margin-right: 50px;
    margin-bottom: 50px;
}

.summary_icon{
    margin: 10px;
}

.Solution_icon01, .Solution_icon02, .Solution_icon03, .Solution_icon04, .Solution_icon05{
    width: 70px;
    height: 70px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.Solution_icon01{background-color: #1D9B79;}
.Solution_icon02{background-color: #9C53BD;}
.Solution_icon03{background-color: #2753D7;}
.Solution_icon04{background-color: #DD8635;}

.summary-box:nth-child(3){margin-right: 0%;}
.summary-box:nth-child(6){margin-right: 0%;}
.summary-box:nth-child(9){margin-right: 0%;}



/*----------首頁：關於我們----------*/

#Why_choose_us{
    clear: both;
    display: inline-block;
    width: 100%;
    margin-top: 120px;
    background-color: rgba(30,30,31,0.05);
}

.Why_choose_us-frame{
    width: 1200px;
    margin: 0 auto;
    margin-top: 120px;
}

.Title_right_one-third{
    float: right;
    width: 366px;
    text-align: left;
}

.Why_choose_us-img{
    float: left;
    /*background-image: url(../images/index/index-3.jpg);*/
    background-size: cover;
    width: 784px;
    height: 442px;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(30,30,31,0.2);
    margin-bottom: 120px;
}


/*----------適用對象----------*/

#For_who{
    margin: 0 auto;
    width: 1200px;
    margin-top: 120px;
}

.For_who-img-box{
    float: right;
}

.For_who-img-1, .For_who-img-2{
    float: left;
    background-size: cover;
    width:366px;
    height: 206px;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(30,30,31,0.2);
}

.For_who-img-1{
    background-image: url(../images/customer/customer-1.jpg);
    margin-right: 50px;
}

.For_who-img-2{background-image: url(../images/customer/customer-2.jpg);}

.Blank{
    clear: both;
    display: block;
    width: 100%;
    height: 120px;
}

/* =========手機、平板區========= */

@media screen and (max-width: 1200px){

    #Wrapper{
        padding-top: 70px;
    }

    /*----------首圖輪播----------*/

    #Cover{
        background-image: url(../images/index/cover-mobile.png);
        padding-bottom: 75%;
        position: relative;
    }

    .Gradual{
        padding-bottom: 0;
    }

    .Progress_bar{
        display: none;
    }

    /*----------受到優秀企業的信任----------*/

    #Excellent_companies{
        width: 100%;
    }

    .Topic_Center-gray{
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5em;
    }

    .Companies_logos{
        margin-top: 15px;
    }

    .Excellent_logos{
        width: 36%;
        margin: 4px 20px
    }

    .Companies_logos .Excellent_logos:last-child{margin-left: calc(50% - 19%);}

    /*----------首頁：解決方案----------*/

    #Index-solution{
        margin:0 auto;
        margin-top: 100px;
        width: 90%;
    }

    .Title_left_one-third{
        float: none;
        width: 100%;
    }

    .Btn_contact_blue{
        margin-top: 25px;
        display: inline-block;
        width: 50%;
        height: 50px;
        line-height: 50px;
        font-size: 4.6vw;
    }

    .Index-solution-img{
        float: none;
        width: 100%;
        height: 0;
        padding-bottom: 55.63%;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .Title_left_one-third .Box_title{
        margin-bottom: 20px;
    }

    .summary-box{
        float: none;
        width: 100%;
        margin-right: 0;
    }

    .summary_icon{
        margin: 10px;
    }


    /*----------首頁：關於我們----------*/

    #Why_choose_us{
        display: inline-block;
        margin-top: 50px;
    }

    .Why_choose_us-frame{
        width: 90%;
        margin: 0 auto;
        margin-top: 100px;
    }

    .Title_right_one-third{
        float: none;
        width: 100%;
        text-align: left;
    }

    .Why_choose_us-img{
        float: none;
        width: 100%;
        height: 0;
        padding-bottom: 55.63%;
        margin-bottom: 100px;
        margin-top: 50px;
    }

    /*----------適用對象----------*/

    #For_who{
        margin: 0 auto;
        width: 90%;
        margin-top: 100px;
    }

    .For_who-img-box{
        float: none;
    }

    .For_who-img-1, .For_who-img-2{
        float: none;
        width:100%;
        height: 0;
        padding-bottom: 55.63%;
        margin-top: 50px;
    }

    .For_who-img-1{
        background-image: url(../images/customer/customer-1.jpg);
        margin-right: 50px;
    }

    .Blank{
        height: 100px;
    }


}