@import url(https://fonts.googleapis.com/css?family=Titillium+Web);
@import url(https://fonts.googleapis.com/css?family=Aldrich);
body {
    background-color: #000;
    background: #010000;
    font-family: 'Titillium Web', sans-serif, '微軟正黑體', Microsoft JhengHei;
    font-size: 22px;
    width: 100%;
}

h1 {
    font-size: 60px;
    color: #fff;
    font-family: 'Aldrich';
}

h2 {
    color: #fff;
}

h3 {
    color: #fff;
}

p {
    font-size: 18px;
    color: #E6E6E6;
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul {
    margin-bottom: 0;
}


/*  follow_us  */

.follow_us_title {
    margin: 0;
    margin-top: 3%;
}

.follow_box {
    border: 1px solid #fff;
    cursor: pointer;
    transition: .3s;
    margin: 0 0.5% 0 0.5%;
    padding: 1% 0 0.5% 0;
}

.follow_box i {
    transition: .3s;
    color: #fff;
    font-size: 36px;
}

.follow_box p {
    transition: .3s;
}

.follow_box:hover {
    transition: .3s;
    background-color: #222;
}

.follow_box:hover i {
    transition: .3s;
    transform: scale(1.1);
}

.follow_box:hover p {
    color: #ff6400;
    transition: .3s;
}

@media screen and (max-width: 767px) {
    .follow_box {
        margin: 2% 7% 0 7%;
    }
}


/*-------------------NV LOGO-------------------*/

.nv_logo {}

.nv_logo_item {
    display: inline-block;
    margin: 0 auto;
    font-size: 0;
    width: 13.9%;
    border-left: 1px solid #ddd;
}

.nv_logo_item img {
    font-size: 0;
    display: inline-block;
    margin: 0 auto;
}

.nv_logo_item:nth-child(1) {
    border-left: 1px solid #000;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .nv_logo_item {
        width: 20%;
    }
    .nv_logo_item:nth-child(5) {
        border-left: 1px solid #000;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .nv_logo_item {
        width: 30%;
        border: none;
    }
    .nv_logo_item:nth-child(2) {
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
    }
    .nv_logo_item:nth-child(5) {
        margin-top: 2%;
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
    }
}

@media screen and (max-width: 768px) {
    .nv_logo_item {
        width: 40%;
        border: none;
    }
    .nv_logo_item:nth-child(odd) {
        border-right: 1px solid #ddd;
        margin-top: 2%;
    }
    .nv_logo_item:nth-child(7) {
        border-right: 1px solid #000;
    }
}