.background{
    background-image: url("https://scontent.ftpe11-2.fna.fbcdn.net/v/t1.6435-9/53030593_1930539407043466_6454563456149356544_n.jpg?_nc_cat=108&ccb=1-7&_nc_sid=e3f864&_nc_ohc=7RkU_vwkMokAX9YVtra&_nc_ht=scontent.ftpe11-2.fna&oh=00_AfC7iIsdg2f5AyACzTWUyD1xMcDfDWmsMrVyGwVCDUTAcg&oe=643E6733");
    background-size:auto;
    background-position:center;
    font-family: Microsoft JhengHei;
}

.application{
    height:65px;
    background-color:#ccccccd7;
    margin-top:30px ;
    margin-bottom:30px ;
    margin-right:30%;
    margin-left:30%;
}

.text{
    font-size:45px;
    font-weight:bold; 
    text-align:center 
}

.fram{
    margin-bottom:30px;
    margin-right:10%;
    margin-left:10%;
}

.question{
    background-color:#ccccccd7;
    font-size:28px;
    font-weight:bold;
    text-align:center
}

.answer1{
    background-color:#fffffff0;
    font-size:20px;
    width:100%;
    text-indent: 2em;
    padding-top:20px;
    padding-bottom:20px
}

.answer2{
    background-color:#fffffff0;
    font-size:20px;
    width:100%;
    text-indent: 2em;
    padding-bottom:20px
}

.answer3{
    background-color:#fffffff0;
    font-size:20px;
    width:100%;
    text-indent: 2em;;
    padding-top:20px;
    
}

.answer4{
    background-color:#fffffff0;
    font-size:20px;
    width:100%;
    list-style-type:decimal;
    padding-top:1px
   
}


/*設計給平板使用時顯示的畫面*/
@media (max-width:1280px){ /*桌機最小大概是1280px，所以低於1280以內套用以下設定*/
    
    .application{
        height:35px;
        background-color:#ccccccd7;
        margin-top:30px ;
        margin-bottom:30px ;
        margin-right:25%;
        margin-left:25%;
    }
    
    .text{
        font-size:24px;
        font-weight:bold; 
        text-align:center 
    }

    .fram{
        margin-bottom:30px;
        margin-right:0%;
        margin-left:0%;        
    }

    .question{
        background-color:#ccccccd7;
        font-size:18px;
        font-weight:bold;
        text-align:center
    }
    
    .answer{
        background-color:#fffffff0;
        width:100%;
    }
} 

/*設計給手機使用時顯示的畫面*/
@media (max-width:500px){ /*平板最小是500px，所以低於500以內套用以下設定*/
    /*最小的手機畫面大概360px*/

    .application{
        height:25px;
        background-color:#ccccccd7;
        margin-top:30px ;
        margin-bottom:30px ;
        margin-right:10%;
        margin-left:10%;
    }
    
    .text{
        font-size:20px;
        font-weight:bold; 
        text-align:center 
    } 

    .fram{
        margin-bottom:30px;
        margin-right:0%;
        margin-left:0%;        
    }

    .question{
        background-color:#ccccccd7;
        font-size:14px;
        font-weight:bold;
        text-align:center
    }
    
    .answer{
        background-color:#fffffff0;
        width:100%
    }
}