*, *:before, *:after {
  box-sizing: border-box;
  padding: 0px;
  margin: 0px;
}
body       {background-color:#5ba0d6;color:#225B88;font-size:14px;font-family:微軟正黑體,"Times New Roman", Helvetica, sans-serif;line-height:1.5;}
a          {color:inherit;}
img        {vertical-align:top;border-style:none;}
.container {position:relative; width:60rem; background-color:#fff; margin:0 auto; margin-top:14px;box-shadow:0px 3px 10px rgba(0,0,0,0.4),inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5)}
.section   {position:relative;min-height:33em;margin-right:2rem;}
.header    {background-color:#fff;}
.menubar   {margin-left:21rem;background-color:rgb(35,88,130); color:rgb(165,202,229); border:3px solid rgb(165,202,229); font-size:12px;}
.menuitem  {border:none;display:inline-block;padding:8px 12px;text-align:center;vertical-align:middle;overflow:hidden;text-decoration:none;cursor:pointer;white-space:nowrap;
            border-right:3px solid rgb(165,202,229);
           }
.menuitem:hover {box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); background-color:#ccc;color:#000;}
.main      {margin-left:23rem;}
.main h1   {font-weight:bold; font-size:1.2rem; border-bottom:2px dotted #225B88;padding-top:15px;padding-bottom:15px;}
.main h2   {font-weight:normal; font-size:0.9rem;margin:10px 0;}
.main .link {padding:6px;margin-left:2rem;}
.main .para {padding:6px;margin-left:0rem;margin-right:0rem;text-indent:2rem;}
.link      {display:block;margin-left:2rem;}
.links     {position:absolute;left:5rem; top:-6.5rem; width:16rem;height:36rem;background-color:rgb(227,219,182);border-radius:20px;
            border:1px solid rgb(172,154,66);
            box-shadow:0px 3px 10px rgba(0,0,0,0.4),inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);}
.links h2  {font-weight:bold; font-size:1rem;margin-left:1rem;}
.links h2 a{margin-left:0;text-decoration:none;}
.links .link {border-bottom:1px dotted rgb(137,126,81); margin-right:1.5rem; padding:3px; margin-left:1.5rem;padding-left:1.5rem;font-weight:bold; text-decoration:none;}
.links .link:before {content:"";display:inline-block;width:0;height:0;padding-left:6px;border-top: 3px solid transparent;border-left: 6px solid red;border-bottom: 3px solid transparent;}
.lhead     {background-color:rgb(221,203,153);text-align:center; font-size:1.6rem; border-top-left-radius:20px; border-top-right-radius:20px;padding:6px;padding-top:20px;margin-bottom:1.8rem;
            font-weight:550;background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(221,203,153)), color-stop(1, rgb(227,219,182)) );text-shadow:1px 1px 3px #fff;}
.tail      {background-color:rgb(221,203,153);text-align:center; border-bottom-left-radius:20px; border-bottom-right-radius:20px; padding-top:10px;padding-bottom:30px; position:absolute; width:15.9rem; bottom:0rem; color:rgb(116,110,86);font-size:0.7rem;}
.links .tail .link {display:inline-block;margin:0;padding:6px; border-bottom:none; text-decoration:none;}
.links .tail .link:before {display:none;}
.withline  {border-bottom:2px dotted #225B88; padding-bottom:2rem;}
.withline a {padding:4px 4px 4px 0px;}
.withline td {padding:6px;}
.cols2 {float:left; width:50%;}
.cols3 {float:left; width:33%;}
.footer    {padding-left:5rem;padding-top:5px;margin-top:2rem;background-color:rgb(139,201,238); font-size:12px;}
.reserved  {display:table-cell;background-color:rgb(227,219,182); width:16rem; border-top-left-radius:20px; border-top-right-radius:20px; padding:10px; color:black;text-align:center;box-shadow:0px 3px 10px rgba(0,0,0,0.4),inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);}
.contact   {display:table-cell; padding-left:2rem; padding-bottom: 1rem; color:rgb(35,88,130);}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .container {width:100%;}
  img {width:100%;}
/*  .links {display:none;} 
  .lhead {display:block;}  */
  .links:after {content:☰;display:block; }
  .main, .menubar, .withline, .section {margin-left:0;width:100%;margin-right:0;}
  td {min-width:2rem;}
  .menuitem {display:block;width:100%}
  .footer {padding-left:0;}
  .reserved {width:8rem;}
}