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

h1 {
    font-size: 60px;
    color: #fff;
    font-family:"Oswald","Ubuntu Condensed","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%;
    }
}