﻿/*----start-mid-grids----*/
.Questionsbar {
    background-color: #ffffff;
    line-height: 10px;
    width:100%;
    height: 10px;
}

.Questionstable{
    border-color: #ffffff;
    border-style: solid;
    border-width: 2px;
    min-height: 60px;
}

.fixedSocialShare {  /* added by Ming, 2021/1/29 */
    display:block;
    top: 20%;
    height:200px;
    width:60px;
    position:fixed;
    right: 5px;
}

@media (max-width:1920px){
    .Questionsbody {
        margin: 2% 10% 2% 10%;
        height : auto;
        width : 80%;
        min-height:360px;
        background-color: #ffffff;
    }
    .Questionsbody1{
        border: 1px solid #ffffff;
        /*background-color: #fff2f5;*/
    }
    .QuestionsClass{
        text-align:center;
    }
    .QuestionsClass1 {
        display: inline-block;
        margin: 3% 0 3% 3%;
        width: 8%;
        height: auto;
        text-align: center;
        background-color: rgb(86,162,173);
    }
    .QuestionsClass2 {
        display: inline-block;
        margin: 3% 5% 3% 5%;
        width: 8%;
        height: auto;
        text-align: center;
        background-color: rgb(170,218,218);
    }
    .QuestionsClass3 {
        display: inline-block;
        margin: 3% 3% 3% 0;
        width: 8%;
        height: auto;
        text-align: center;
        background-color: rgb(160,237,213);
    }
    .QuestionScript{
        font-family: Microsoft JhengHei;
        font-size : 14px;
        font-weight: bold;
        margin-top: 8%;
        color: #fff;
    }
    .QuestionScript1{
        font-family: Microsoft JhengHei;
        line-height: 25px;
        font-weight: bold;
        font-size : 18px;
        color: #838383;
    }
    .QuestionScript2{
        font-family: Microsoft JhengHei;
        line-height: 35px;
        font-size : 16px;
        color: #838383;
    }

}
@media (max-width:1366px){
    .Questionsbody {
        background-color: #ffffff;
        margin: 1% 15% 1% 15%;
        height : auto;
        width : 73%;
        min-height:340px;
    }
    .Questionsbody1{
        border: 1px solid #ffffff;
        /*background-color: #fff2f5;*/
    }
    .QuestionsClass{
        text-align:center;
    }
    .QuestionsClass1 {
        display: inline-block;
        margin-left: 3%;
        width: 12%;
        height: auto;
        text-align: center;
        background-color: rgb(86,162,173);
    }
    .QuestionsClass2 {
        display: inline-block;
        margin-left: 5%;
        margin-right: 5%;
        width: 12%;
        height: auto;
        text-align: center;
        background-color: rgb(170,218,218);
    }
    .QuestionsClass3 {
        display: inline-block;
        margin-right: 3%;
        width: 12%;
        height: auto;
        text-align: center;
        background-color: rgb(160,237,213);
    }
    .QuestionScript{
        font-family: Microsoft JhengHei;
        font-size : 13px;
        font-weight: bold;
        margin-top: 8%;
        color: #fff;
    }
    .QuestionScript1{
        font-family: Microsoft JhengHei;
        line-height: 25px;
        font-weight: bold;
        font-size : 9px;
        color: #838383;
    }
    .QuestionScript2{
        font-family: Microsoft JhengHei;
        line-height: 25px;
        font-size : 14px;
        color: #838383;
    }

}
@media (max-width:1024px){
    .Questionsbody {
        margin: 4% 15% 4% 15%;
        height : auto;
        width : 71%;
        min-height:390px;
    }
    .Questionsbody1{
        border: 1px solid #ffffff;
        /*background-color: #fff2f5;*/
    }
    .QuestionsClass{
        text-align:center;
    }
    .QuestionsClass1 {
        display: inline-block;
        margin-left: 3%;
        width: 15%;
        height: auto;
        text-align: center;
        background-color: rgb(86,162,173);
    }
    .QuestionsClass2 {
        display: inline-block;
        margin-left: 5%;
        margin-right: 5%;
        width: 15%;
        height: auto;
        text-align: center;
        background-color: rgb(170,218,218);
    }
    .QuestionsClass3 {
        display: inline-block;
        margin-right: 3%;
        width: 15%;
        height: auto;
        text-align: center;
        background-color:rgb(160,237,213);
    }
    .QuestionScript{
        font-family: Microsoft JhengHei;
        font-size : 14px;
        font-weight: bold;
        margin-top: 8%;
        color: #fff;
    }
    .QuestionScript1{
        font-family: Microsoft JhengHei;
        line-height: 25px;
        font-weight: bold;
        font-size : 9px;
        color: #838383;
    }
    .QuestionScript2{
        font-family: Microsoft JhengHei;
        line-height: 30px;
        font-size : 16px;
        color: #838383;
    }

}
@media (max-width:768px){
    .Questionsbody {
        margin: 4% 2% 4% 7%;
        height : auto;
        width : 86%;
        min-height: 680px;
    }
    .Questionsbody1{
        border: 1px solid #ffffff;
        /*background-color: #fff2f5;*/
    }
    .QuestionsClass{
        text-align:center;
    }
    .QuestionsClass1 {
        display: inline-block;
        margin-left: 3%;
        width: 15%;
        height: auto;
        text-align: center;
        background-color: rgb(86,162,173);
    }
    .QuestionsClass2 {
        display: inline-block;
        margin-left: 3%;
        margin-right: 3%;
        width: 15%;
        height: auto;
        text-align: center;
        background-color: rgb(170,218,218);
    }
    .QuestionsClass3 {
        display: inline-block;
        margin-right: 3%;
        width: 15%;
        height: auto;
        text-align: center;
        background-color: rgb(160,237,213);
    }
    .QuestionScript{
        font-family: Microsoft JhengHei;
        font-size : 14px;
        font-weight: bold;
        margin-top: 8%;
        color: #fff;
    }
    .QuestionScript1{
        font-family: Microsoft JhengHei;
        line-height: 25px;
        font-weight: bold;
        font-size : 14px;
        color: #838383;
    }
    .QuestionScript2{
        font-family: Microsoft JhengHei;
        line-height: 30px;
        font-size : 14px;
        color: #838383;
    }
    
    .fixedSocialShare {  /* added by Ming, 2021/1/29 */
        top: 10%;
    }
}
@media (max-width:480px){
    .Questionsbody {
        margin: 4% 7% 4% 7%;
        height : auto;
        width : 87%;
        min-height: 380px;
    }
    .Questionsbody1{
        border: 1px solid #ffffff;
        /*background-color: #fff2f5;*/
    }
    .QuestionsClass{
        text-align:center;
    }
    .QuestionsClass1 {
        display: inline-block;
        margin-left: 3%;
        width: 25%;
        height: auto;
        text-align: center;
        background-color: rgb(86,162,173);
    }
    .QuestionsClass2 {
        display: inline-block;
        margin-left: 3%;
        margin-right: 3%;
        width: 25%;
        height: auto;
        text-align: center;
        background-color: rgb(170,218,218);
    }
    .QuestionsClass3 {
        display: inline-block;
        margin-right: 3%;
        width: 25%;
        height: auto;
        text-align: center;
        background-color: rgb(160,237,213);
    }
    .QuestionScript{
        font-family: Microsoft JhengHei;
        font-size : 14px;
        font-weight: bold;
        margin-top: 10%;
        color: #fff;
    }
    .QuestionScript1{
        font-family: Microsoft JhengHei;
        line-height: 20px;
        font-weight: bold;
        font-size : 10px;
        color: #838383;
    }
    .QuestionScript2{
        font-family: Microsoft JhengHei;
        line-height: 28px;
        font-size : 14px;
        color: #838383;
    }
        
    .fixedSocialShare {  /* added by Ming, 2021/1/29 */
        top: 10%;
    }
}

@media (max-width:420px){
    .Questionsbody {
        margin: 4% 7% 4% 7%;
        height : auto;
        width : 87%;
        min-height: 380px;
    }
    .Questionsbody1{
        border: 1px solid #ffffff;
        /*background-color: #fff2f5;*/
    }
    .QuestionsClass{
        text-align:center;
    }
    .QuestionsClass1 {
        display: inline-block;
        margin-left: 3%;
        width: 25%;
        height: auto;
        text-align: center;
        background-color: rgb(86,162,173);
    }
    .QuestionsClass2 {
        display: inline-block;
        margin-left: 3%;
        margin-right: 3%;
        width: 25%;
        height: auto;
        text-align: center;
        background-color: rgb(170,218,218);
    }
    .QuestionsClass3 {
        display: inline-block;
        margin-right: 3%;
        width: 25%;
        height: auto;
        text-align: center;
        background-color: rgb(160,237,213);
    }
    .QuestionScript{
        font-family: Microsoft JhengHei;
        font-size : 14px;
        font-weight: bold;
        margin-top: 10%;
        color: #fff;
    }
    .QuestionScript1{
        font-family: Microsoft JhengHei;
        line-height: 20px;
        font-size : 12px;
        font-weight: bold;
        color: #838383;
    }
    .QuestionScript2{
        font-family: Microsoft JhengHei;
        line-height: 25px;
        font-size : 14px;
        color: #838383;
    }
        
    .fixedSocialShare {  /* added by Ming, 2021/1/29 */
        top: 10%;
    }
}

@media (max-width:360px){
    .Questionsbody {
        margin: 5% 7% 5% 7%;
        height : auto;
        width : 87%;
        min-height: 340px;
    }
    .Questionsbody1{
        border: 1px solid #ffffff;
        /*background-color: #fff2f5;*/
    }
    .QuestionsClass{
        text-align:center;
    }
    .QuestionsClass1 {
        display: inline-block;
        margin-left: 3%;
        width: 25%;
        height: auto;
        text-align: center;
        background-color: rgb(86,162,173);
    }
    .QuestionsClass2 {
        display: inline-block;
        margin-left: 3%;
        margin-right: 3%;
        width: 25%;
        height: auto;
        text-align: center;
        background-color: rgb(170,218,218);
    }
    .QuestionsClass3 {
        display: inline-block;
        margin-right: 3%;
        width: 25%;
        height: auto;
        text-align: center;
        background-color: rgb(160,237,213);
    }
    .QuestionScript{
        font-family: Microsoft JhengHei;
        font-size : 12px;
        font-weight: bold;
        margin-top: 10%;
        color: #fff;
    }
    .QuestionScript1{
        font-family: Microsoft JhengHei;
        line-height: 20px;
        font-weight: bold;
        font-size : 10px;
        color: #838383;
    }
    .QuestionScript2{
        font-family: Microsoft JhengHei;
        line-height: 25px;
        font-size : 14px;
        color: #838383;
    }
        
    .fixedSocialShare {  /* added by Ming, 2021/1/29 */
        top: 10%;
    }
}

@media (max-width:320px){
    .Questionsbody {
        margin: 5% 8% 5% 8%;
        height : auto;
        width : 85%;
        min-height: 250px;
    }
    .Questionsbody1{
        border: 1px solid #ffffff;
        /*background-color: #fff2f5;*/
    }
    .QuestionsClass{
       text-align:center;
    }
    .QuestionsClass1 {
        display: inline-block;
        margin-left: 3%;
        width: 25%;
        height: auto;
        text-align: center;
        background-color: rgb(86,162,173);
    }
    .QuestionsClass2 {
        display: inline-block;
        margin-left: 3%;
        margin-right: 3%;
        width: 25%;
        height: auto;
        text-align: center;
        background-color: rgb(170,218,218);
    }
    .QuestionsClass3 {
        display: inline-block;
        margin-right: 3%;
        width: 25%;
        height: auto;
        text-align: center;
        background-color: rgb(160,237,213);
    }
    .QuestionScript{
        font-family: Microsoft JhengHei;
        font-size : 7px;
        font-weight: bold;
        margin-top: 10%;
        color: #fff;
    }
    .QuestionScript1{
        font-family: Microsoft JhengHei;
        line-height: 20px;
        font-weight: bold;
        font-size : 9px;
        color: #838383;
    }

    .QuestionScript2{
        font-family: Microsoft JhengHei;
        line-height: 20px;
        font-size : 9px;
        color: #838383;
    }
        
    .fixedSocialShare {  /* added by Ming, 2021/1/29 */
        top: 10%;
    }
}