/* ipad*/

@media only screen and (min-width: 481px) and (max-width: 803px) {

    #topArea{

        background-position: center center;
        background-image: url("../images/share/mobile/mobile_users_voice.jpg");
    }


    .content{
        width: 70%;
    }


    .content .intro{
        display: none;
    }

    .content .intro_mobile{
        display: block;
    }



    .content .introLeft{

        width: 100%;
        margin: auto;
        display: block;
    }


    .content .introRight{

        width: 100%;
        margin: auto;
        display: block;
    }



    /*單獨setting*/

    h2{
        font-size: 14px;
    }

    .share_age{
        font-size: 12px;
    }

    .introBottom{
        font-size: 12px;
    }



}



/* smart phone*/

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

    #topArea{
        height: auto;
        min-height: 70vh;
        background-position: center center;
        background-image: url("../images/share/mobile/mobile_users_voice.jpg");
    }


    .content{
        width: 95%;
    }

    article .content .contentHeader{
        margin: 30px auto 20px auto;

    }




}