@font-face {
        font-family: 'Lantinghei';
        src: url('../fonts/Lantinghei.ttc');
    }

    .strike-name {
        color: #4D87A2;
    }

    .strike-name a {
        color: #4D87A2;
    }

    .body-content-title {
        font-family: "Lantinghei";
        font-weight: bolder;
        font-size: 30px;
    }

    .body-content-info {
        font-family: "Lantinghei";
        font-weight: light;
        font-size: 15px;
    }

    .body-content-caution {
        font-family: "Lantinghei";
        font-weight: light;
        font-size: 12px;
        color: red;
    }

    .signup-btn {
        border-radius: 20px;
    }

    .head-block {
        height: 100%;
        background: url("../img/置頂圖片(新)-03.jpg") fixed center no-repeat;
        /* background: url(path/to/image.jpg) fixed center no-repeat; */
        background-size: cover;
    }

    .head-block .head-block-background{
        z-index: 0;
    }

    .head-block .head-text-wrap {
        margin: 30% 0 0 0;
    }

    .head-block .head-text-wrap a {
        margin: 30% 0 0 0;
        color: #E5EDF0;
    }

    .head-block .head-content-section {
        padding: 0 0 5% 0;
    }

    .head-block .head-text-wrap .head-title {
        font-family: 'Lantinghei';
        font-size: 45px;
        font-weight: bolder;
        color: #E5EDF0;
    }

    .head-block .head-text-wrap .head-content {
        font-family: 'Lantinghei';
        font-size: 30px;
        font-weight: bold;
        color: #E5EDF0;
    }

    @media (max-width: 576px) {
        .head-block .head-text-wrap .head-title {
            font-size: 32px;
        }

        .head-block .head-text-wrap .head-content {
            font-size: 18px;
        }
    }

    .head-block .btn {
        border-radius: 20px;
    }

    .draft-date-block {
        padding: 5% 0 5% 0;
        background: #F1F1F1;
    }

    .pic-section {
        margin: 0 0 0 0;
    }

    .draft-date-block .draft-date-info-section {
        margin: 12% 0 0 0;
    }

    .draft-content-block {
        padding: 5% 0 5% 0;
    }

    .draft-content-block .draft-content-info-section {
        margin: 8% 0 0 0;
    }

    .draft-signup-block {
        padding: 5% 0 5% 0;
        background: #F1F1F1;
    }

    .draft-signup-block .draft-signup-info-section {
        margin: 2.5% 0 0 0;
    }

    .draft-signup-date-block {
        padding: 5% 0 5% 0;
    }

    .draft-signup-date-info-section {
        margin: 2.5% 0 0 0;
    }

    .draft-caution-block {
        padding: 5% 0 5% 0;
        background: #F1F1F1;
    }

    .draft-caution-info-section {
        margin: 13% 0 0 0;
    }


    .contact-info-block {
        height: 300px;
        background: url('../img/味全龍報名網站Wireframe-09.jpg') local top no-repeat;
        background-size: cover;
    }

    .contact-info-block a {
        color: #FAF7EB
    }

    .contact-info-title-section {
        margin: 10% 0 0 0;
        color: #CCCCCC;
    }

    .contact-info-title-section .email-subject {
        color: #FAF7EB
    }

    .contact-info-content-section {
        margin: 15% 0 0 0;
        color: #E5EDF0;
    }

    @media (max-width: 576px) {
        .contact-info-title-section {
            color: #6E6E6E
        }
    }

    .social-block .social-title{
        font-family: 'Lantinghei';
        font-size: 1rem;
        font-weight: light;
    }

    .social-block .icon-section {
        margin: 1rem 0 0 0;
        font-size: 1rem;
        color: #CCCCCC;
    }

    .social-block .icon-section a {
        color: inherit;
    }
    .social-block .icon-section i {
        vertical-align: middle;
    }
    .social-block .icon-section .fa-stack {
        font-size: 1rem;
    }
    .social-block .icon-section .social-list .ball-in-cart {
        /* margin: -5px 0 0 3px; */
        margin: 3px 0 0 0;
    }

    .social-block .icon-section .made-love {
        font-size: 0.85rem;
        font-weight: light;
    }

    .social-block .icon-section .made-love a {
        color: #5190AC;
    }

    .social-block .icon-section .heart {
        color: tomato;
    }


    /* ====== media ====== */
.media {margin:10px;}
.media, .bd {overflow:hidden; _overflow:visible; zoom:2;}
.media .img {float:left; margin-right: 10px;}
.media .img img{display:block;}
.media .imgExt{float:right; margin-left: 10px;}