@media (max-width: 500px) {
  /*special instructions for narrower screens */
body { background-image: url("../images/narrow.jpg"); background-repeat: repeat-x; }

      .pageTitle{ font: 250% "Times New Roman",impact, 黑体,宋体; text-align: center; color: #f00; text-shadow: 3px 3px 3px #666666; }
      .titlePlus { font: 200% "Times New Roman",impact, 黑体,宋体; text-align: center; color: #f00; text-shadow: 3px 3px 3px #666666; }
      .titleExplain { font: 80% "Times New Roman", arial, sans-serif, 仿宋, 宋体, 华文楷体; text-align: center; color: #000;}
      .returnTitle { font: 120% "Times New Roman", arial, sans-serif, 仿宋, 宋体, 华文楷体; text-align: center; color: #000;text-shadow: 3px 3px 3px #666666; }
      .subTitle { font: 120% "Times New Roman", arial, sans-serif, 仿宋, 宋体, 华文楷体; text-align: center; color: #000; font-weight: bold;}
      .sectionTitle { font: 90% "Times New Roman", arial, sans-serif, 仿宋, 宋体, 华文楷体; text-align: left; color: #000; font-weight: bold;}
      .mediaAudio { font: 100% "Times New Roman", arial, sans-serif, 仿宋, 宋体, 华文楷体; text-align: center; color: #000;}
      .branchTitle { font: 90% "Times New Roman", arial, sans-serif, 仿宋; text-align: left; color: #000; font-weight: bold; }
      .subBranch { font: 90% "Times New Roman", 仿宋, 宋体, 华文楷体; text-align: left; text-indent: 10px; color: #000; font-weight: bold;}
      .question { font: 100% "Times New Roman", 仿宋, 宋体, 华文楷体; text-align: left; color: #000;}
      .choice { font:  100% "Times New Roman"; text-align: left;color: #000; text-indent: 15px; }
      .answer {  font: 100% "Times New Roman", cursive, 仿宋, 宋体, 华文楷体; text-align: right;color: #F00;  } 
      .paraTitle { font: 90% "Times New Roman", arial, sans-serif, 仿宋, 宋体, 华文楷体; text-align: center; color: #000; font-weight: bold;}
      .explanation { font: 100% 仿宋, 宋体, 华文楷体; 仿宋, "Times New Roman"; text-align: left;color: #000; text-indent: 30px; }
      .passageA { font: 90% "Times New Roman", arial, sans-serif,仿宋, 宋体; text-align: center; color: #000; font-weight: bold;}
      .paragraph { font: 100% "Times New Roman", arial, sans-serif, 仿宋, 宋体, 华文楷体; text-align: justify; color: #000; text-indent: 40px;}
      .plain { font: 100% "Times New Roman", 华文楷体,仿宋, 宋体; text-align: justify; color: #000; text-indent: 0px;}
      .author { font: 100% "Times New Roman", arial, sans-serif, 仿宋, 宋体, 华文楷体; text-align: left; color: #000; text-indent: 60%;}
      .underlineTitle { font: 100% "Times New Roman", arial, sans-serif, 仿宋, 宋体, 华文楷体; text-align: left; text-decoration: underline; color: #000; font-weight: bold;}
      .wenbenkang { font: 100% "Times New Roman", arial, sans-serif, 仿宋, 宋体, 华文楷体; text-align: justify; color: #000; width:90%; height:auto; }
      .wenbenkang1 { font: 90% "Times New Roman", arial, sans-serif, 仿宋, 宋体, 华文楷体; text-align: justify; color: #000; width:90px; height:auto; }
      em { font-style: normal; background-color: yellow;}
      strong { color: blue; font-size: 100%; }
      uline { text-decoration: underline;}
      lThrough { text-decoration: line-through; }
      combo1 { font-style: normal; background-color: yellow; text-decoration:line-through;}
      combo2 { color: yellow; font-size: 110%;text-decoration: underline;font-style: normal; background-color: red;}
    
.solid { border-top: 5px solid red; }
      .double { border-top: 5px double red; }
      .ridge { border-top: 10px ridge red; }
      .dashed { border-top: 5px dashed red; }
      .dotted { border-top: 5px dotted red; }  

   footer {
    display: block;
    font-size: 80%;
    color:  black;
    width: 100%;
    height: auto;
    border-top: 3px dashed; color:blue;
   }