@media all and (orientation:portrait) {
    /* Style adjustments for portrait mode goes here */
    }
    
@media all and (orientation:landscape) {
    /* Style adjustments for landscape mode goes here */
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-device-width: 1000px) {
    .screen-size-xs {
        display:inline;
    }
    .screen-size-s {
        display:none;
    }
    .screen-size-m {
        display:none;
    }
    .screen-size-l {
        display:none;
    }
    .screen-size-xl {
        display:none;
    }

    .small-screen {
        display:inline !important;
    }

    .large-screen {
        display:none !important;
    }

    .screen-panel-left {
        width:100% !important;
        padding-right:0px !important;
    }

    .screen-panel-right {
        width:100% !important;
    }

    .screen-panel {
        width:25% !important;
    }

    .movie-img-size {
        width:100%;
        height: auto;
    }

    .movie-size {
        width:100%;
        height: auto;
    }

    .link-image-size {
        max-width: 100%;
        overflow: hidden;
    }
    .screen-size-padding {
        padding: 3px 5px;
    }

    .screen-hide {
        display:none !important;
    }

    .personal-menu-text {
        display:none !important;
    }

    .paging-text {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        font-size: 14pt;
        font-weight: bold;
        color: #1e3622;
    }

    .footer-paging-text {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        font-size: 1.2em;
        font-weight: bold;
        color: #F7FE2E;
    }

    .lbl-test-note {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        font-size: 1.2em;
        font-weight: normal;
        color:rgb(255, 255, 255);
    }

    .test-question-number {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        color: blue;
        font-size: 1.8em;
    }
    
    .test-question-content {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        color: black;
        font-size: 1.8em;
    }

    .test-question-option-button {
        width: 1.2em;
        height: 1.2em;
        padding: 6px;
    }

    .test-question-option {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        color: rgb(61, 84, 121);
        font-size: 1.4em !important;
    }
    
    .lbl-score {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        font-size: 10px;
        font-weight: bold;
        color:rgb(25, 78, 124);
    }
    
    .text-align-left {
        text-align:center;
    }
    
    .text-align-right {
        text-align:center;
    }
    
    .text-align-center {
        text-align:center;
    }

    .auto-size {
        width:100%;
    }

    .flex-row {
        display:block;
        padding:10px;
    }

    .fraction-padding-left {
        padding-left:0px;
    }
} 

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-device-width: 601px) and (max-device-width: 767px) {
    .screen-size-xs {
        display:none;
    }
    .screen-size-s {
        display:inline;
    }
    .screen-size-m {
        display:none;
    }
    .screen-size-l {
        display:none;
    }
    .screen-size-xl {
        display:none;
    }

    .small-screen {
        display:inline !important;
    }

    .large-screen {
        display:none !important;
    }

    .screen-panel-left {
        width:100% !important;
    }

    .screen-panel-right {
        width:100% !important;
    }

    .screen-panel {
        width:25% !important;
    }

    .movie-img-size {
        width:100%;
        height: auto;
    }

    .movie-size {
        width:100%;
        height: auto;
    }

    .link-image-size {
        max-width: 100%;
        overflow: hidden;
    }

    .screen-size-padding {
        padding: 3px 5px;
    }

    .screen-hide {
        display:none !important;
    }

    .personal-menu-text {
        display:inline !important;
    }

    .paging-text {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        font-size: 14pt;
        font-weight: bold;
        color: #1e3622;
    }
    
    .footer-paging-text {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        font-size: 1.2em;
        font-weight: bold;
        color: #F7FE2E;
    }

    .lbl-test-note {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        font-size: 1em;
        font-weight: normal;
        color:rgb(255, 255, 255);
    }

    .test-question-number {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        color: blue;
        font-size: 1.8em;
    }
    
    .test-question-content {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        color: black;
        font-size: 1.8em;
    }
    
    .test-question-option-button {
        width: 1.2em;
        height: 1.2em;
        padding: 6px;
    }
        
    .test-question-option {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        color: rgb(61, 84, 121);
        font-size: 1.4em !important;
    }

    .lbl-score {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        font-size: 10px;
        font-weight: bold;
        color:rgb(25, 78, 124);
    }

    .text-align-left {
        text-align:center;
    }
    
    .text-align-right {
        text-align:center;
    }
    
    .text-align-center {
        text-align:center;
    }    

    .auto-size {
        width:100%;
    }

    .flex-row {
        display:block;
        padding:10px;
    }
    
    .fraction-padding-left {
        padding-left:0px;
    }

} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-device-width: 768px) and (max-device-width: 992px) {
    .screen-size-xs {
        display:none;
    }
    .screen-size-s {
        display:none;
    }
    .screen-size-m {
        display:inline;
    }
    .screen-size-l {
        display:none;
    }
    .screen-size-xl {
        display:none;
    }

    .movie-img-size {
        width:100%;
        height: auto;
    }

    .movie-size {
        width:100%;
        height: auto;
    }

    .link-image-size {
        max-width: 80%;
        overflow: hidden;
    }

    .screen-size-padding {
        padding: 3px 5px;
    }

    .screen-hide {
        display:none !important;
    }

    .personal-menu-text {
        display:inline !important;
    }

    .small-screen {
        display:none !important;
    }

    .small-screen-exception {
        display:none !important;
    }

    .large-screen {
        display:inline !important;
    }

    .screen-panel-left {
        width:30% !important;
    }

    .screen-panel-right {
        width:100% !important;
    }

    .screen-panel {
        width:100% !important;
    }

    .paging-text {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        font-size: 14pt;
        font-weight: bold;
        color: #1e3622;
    }

    .footer-paging-text {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        font-size: 1.2em;
        font-weight: bold;
        color: #F7FE2E;
    }

    .lbl-test-note {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        font-size: 1em;
        font-weight: normal;
        color:rgb(255, 255, 255);
    }

    .test-question-number {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        color: blue;
        font-size: 1.8em;
    }
    
    .test-question-content {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        color: black;
        font-size: 1.8em;
    }
    
    .test-question-option-button {
        width: 1.2em;
        height: 1.2em;
        padding: 6px;
    }
        
    .test-question-option {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        color: rgb(61, 84, 121);
        font-size: 1.4em !important;
    }
    
    .lbl-score {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        font-size: 10px;
        font-weight: bold;
        color:rgb(25, 78, 124);
    }

    .text-align-left {
        text-align:center;
    }
    
    .text-align-right {
        text-align:center;
    }
    
    .text-align-center {
        text-align:center;
    }    

    .auto-size {
        width:100%;
    }

    .flex-row {
        display: table-cell;
        padding-left:20px;
        padding-right:20px;
    }

    .fraction-padding-left {
        padding-left:60px;
    }

} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-device-width: 993px) and (max-device-width:1200px) {
    .screen-size-xs {
        display:none;
    }
    .screen-size-s {
        display:none;
    }
    .screen-size-m {
        display:none;
    }
    .screen-size-l {
        display:inline;
    }
    .screen-size-xl {
        display:none;
    }

    .small-screen {
        display:none !important;
    }

    .large-screen {
        display:inline !important;
    }

    .screen-panel-left {
        width:20% !important;
    }

    .screen-panel-right {
        width:80% !important;
    }

    .screen-panel {
        width:25% !important;
    }

    .movie-img-size {
        width:100%;
        height: auto;
    }

    .movie-size {
        width:70%;
        height: auto;
    }

    .link-image-size {
        max-width: 80%;
        overflow: hidden;
    }

    .screen-size-padding {
        padding: 10px 15px;
    }

    .screen-hide {
    }

    .personal-menu-text {
        display:inline !important;
    }


    .paging-text {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        font-size: 22pt;
        font-weight: bold;
        color: #1e3622;
    }

    .footer-paging-text {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        font-size: 1.2em;
        font-weight: bold;
        color: #F7FE2E;
    }

    .lbl-test-note {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        font-size: 1em;
        font-weight: normal;
        color:rgb(255, 255, 255);
    }

    .test-question-number {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        color: blue;
        font-size: 1.8em;
    }
    
    .test-question-content {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        color: black;
        font-size: 1.8em;
    }
    
    .test-question-option-button {
        width: 1.2em;
        height: 1.2em;
        padding: 6px;
    }
        
    .lbl-score {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        font-size: 22px;
        font-weight: bold;
        color:rgb(25, 78, 124);
    }

    .test-question-option {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        color: rgb(61, 84, 121);
        font-size: 1.4em !important;
    }
    
    .text-align-left {
        text-align:left;
    }
    
    .text-align-right {
        text-align:right;
    }
    
    .text-align-center {
        text-align:center;
    } 

    .auto-size {
    }

    .flex-row {
        display: table-cell;
        padding-left:20px;
        padding-right:20px;
    }

    .fraction-padding-left {
        padding-left:60px;
    }

} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-device-width: 1201px) {
    .screen-size-xs {
        display:none;
    }
    .screen-size-s {
        display:none;
    }
    .screen-size-m {
        display:none;
    }
    .screen-size-l {
        display:none;
    }
    .screen-size-xl {
        display:inline;
    }

    .small-screen {
        display:none !important;
    }

    .large-screen {
        display:inline !important;
    }

    .screen-panel-left {
        width:20% !important;
    }

    .screen-panel-right {
        width:80% !important;
    }

    .screen-panel {
        width:25% !important;
    }

    .movie-img-size {
        width:100%;
        height: auto;
    }

    .movie-size {
        width:70%;
        height: auto;
    }

    .link-image-size {
        max-width: 80%;
        overflow: hidden;
    }

    .screen-size-padding {
        padding: 10px 15px;
    }

    .screen-hide {
    }

    .personal-menu-text {
        display:inline !important;
    }

    .paging-text {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        font-size: 22pt;
        font-weight: bold;
        color: #1e3622;
    }

    .footer-paging-text {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        font-size: 1.5em;
        font-weight: bold;
        color: #F7FE2E;
    }

    .lbl-test-note {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        font-size: 1.5em;
        font-weight: normal;
        color:rgb(255, 255, 255);
    }

    .test-question-number {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        color: blue;
        font-size: 1.8em;
    }
    
    .test-question-content {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        color: black;
        font-size: 1.8em;
    }
    
    .test-question-option-button {
        width: 1.2em;
        height: 1.2em;
        padding: 6px;
    }
        
    .test-question-option {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        color: rgb(61, 84, 121);
        font-size: 1.4em !important;
    }
    
    .lbl-score {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        font-size: 22px;
        font-weight: bold;
        color:rgb(25, 78, 124);
    }

    .text-align-left {
        text-align:left;
    }
    
    .text-align-right {
        text-align:right;
    }
    
    .text-align-center {
        text-align:center;
    }

    .auto-size {
    }

    .flex-row {
        display: table-cell;
        padding-left:20px;
        padding-right:20px;
    }

    .fraction-padding-left {
        padding-left:60px;
    }

}

/* Large devices (laptops/desktops, 992px and up) */
/*
@media only screen and (max-width: 993px) {
    .screen-size-xs {
        display:none;
    }
    .screen-size-s {
        display:none;
    }
    .screen-size-m {
        display:inline;
    }
    .screen-size-l {
        display:none;
    }
    .screen-size-xl {
        display:none;
    }

    .small-screen {
        display:inline !important;
    }

    .large-screen {
        display:none !important;
    }

    .screen-panel-left {
        width:100% !important;
    }

    .screen-panel-right {
        width:100% !important;
    }

    .screen-panel {
        width:100% !important;
    }

    .screen-size-padding {
        padding: 3px 5px;
    }

    .screen-hide {
        display: none !important;
    }

    .personal-menu-text {
        display:inline !important;
    }

    .movie-img-size {
        width:100%;
        height: auto;
    }

    .movie-size {
        width:100%;
        height: auto;
    }

    .link-image-size {
        max-width: 100%;
        overflow: hidden;
    }

    .text-align-left {
        text-align:center;
    }
    
    .text-align-right {
        text-align:center;
    }
    
    .text-align-center {
        text-align:center;
    }

    .auto-size {
        width:100%;
    }

    .flex-row {
        display: block;
        padding:10px;
    }
} 
*/

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 994px) and (max-width:1200px) {
    .screen-size-xs {
        display:none;
    }
    .screen-size-s {
        display:none;
    }
    .screen-size-m {
        display:none;
    }
    .screen-size-l {
        display:inline;
    }
    .screen-size-xl {
        display:none;
    }

    .small-screen {
        display:none !important;
    }

    .large-screen {
        display:inline !important;
    }

    .screen-panel-left {
        width:20% !important;
    }

    .screen-panel-right {
        width:80% !important;
    }

    .screen-panel {
        width:25% !important;
    }

    .movie-img-size {
        width:100%;
        height: auto;
    }

    .movie-size {
        width:400px;
        height: auto;
    }

    .link-image-size {
        max-width: 100%;
        overflow: hidden;
    }

    .screen-size-padding {
        padding: 10px 15px;
    }

    .screen-hide {
    }

    .personal-menu-text {
        display:inline !important;
    }

    .paging-text {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        font-size: 22pt;
        font-weight: bold;
        color: #1e3622;
    }

    .footer-paging-text {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        font-size: 1.5em;
        font-weight: bold;
        color: #F7FE2E;
    }

    .lbl-test-note {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        font-size: 1.5em;
        font-weight: normal;
        color:rgb(255, 255, 255);
    }

    .test-question-number {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        color: blue;
        font-size: 1.8em;
    }
    
    .test-question-content {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        color: black;
        font-size: 1.8em;
    }
    
    .test-question-option-button {
        width: 1.2em;
        height: 1.2em;
        padding: 6px;
    }
        
    .test-question-option {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        color: rgb(61, 84, 121);
        font-size: 1.4em !important;
    }
    
    .lbl-score {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        font-size: 22px;
        font-weight: bold;
        color:rgb(25, 78, 124);
    }

    .text-align-left {
        text-align:left;
    }
    
    .text-align-right {
        text-align:right;
    }
    
    .text-align-center {
        text-align:center;
    }

    .auto-size {
    }

    .flex-row {
        display: table-cell;
        padding-left:20px;
        padding-right:20px;
    }

    .fraction-padding-left {
        padding-left:30px;
    }

} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1201px) {
    .screen-size-xs {
        display:none;
    }
    .screen-size-s {
        display:none;
    }
    .screen-size-m {
        display:none;
    }
    .screen-size-l {
        display:none;
    }
    .screen-size-xl {
        display:inline;
    }    

    .small-screen {
        display:none !important;
    }

    .large-screen {
        display:inline !important;
    }

    .screen-panel-left {
        width:20% !important;
    }

    .screen-panel-right {
        width:80% !important;
    }

    .screen-panel {
        width:25% !important;
    }

    .movie-img-size {
        width:100%;
        height: auto;
    }

    .movie-size {
        width:600px;
    }

    .link-image-size {
        max-width: 100%;
        overflow: hidden;
    }

    .screen-size-padding {
        padding: 10px 15px;
    }

    .screen-hide {
    }

    .personal-menu-text {
        display:inline !important;
    }

    .screen-size {
        min-width: 1200px;
    }

    .paging-text {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        font-size: 22pt;
        font-weight: bold;
        color: #1e3622;
    }

    .footer-paging-text {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        font-size: 1.5em;
        font-weight: bold;
        color: #F7FE2E;
    }

    .lbl-test-note {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        font-size: 1.5em;
        font-weight: normal;
        color:rgb(255, 255, 255);
    }

    .test-question-number {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        color: blue;
        font-size: 1.8em;
    }
    
    .test-question-content {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        color: black;
        font-size: 1.8em;
    }
    
    .test-question-option-button {
        width: 1.2em;
        height: 1.2em;
        padding: 6px;
    }
        
    .test-question-option {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        color: rgb(61, 84, 121);
        font-size: 1.4em !important;
    }
    
    .lbl-score {
        font-family: Helvetica,Verdana,Arial,"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
        font-size: 22px;
        font-weight: bold;
        color:rgb(25, 78, 124);
    }

    .text-align-left {
        text-align:left;
    }
    
    .text-align-right {
        text-align:right;
    }
    
    .text-align-center {
        text-align:center;
    }

    .auto-size {
    }

    .flex-row {
        display: table-cell;
        padding-left:20px;
        padding-right:20px;
    }

    .fraction-padding-left {
        padding-left:60px;
    }

}