body {
   background-color: #4682B4;
   color: #222;
   font-family: Arial;
   font-size: 14px;
   margin: 0;
   padding: 0;
}
}
h4 a { text-decoration: none;}
.idx1 h4 {
   border-bottom: 1px solid #CCCCCC;
   border-top: 1px solid #CCCCCC;
   border-left: 1px solid #CCCCCC;
   border-right: 1px solid #CCCCCC;
   border-style: outset;

   color: black;
   disply: block;
   font-family: arial,微軟正黑體;
   font-size: 14px;
   font-weight: bold;

   text-align: left;
   text-shadow: 0px 1px 0px #CCCCCC;
   text-decoration: none;
   margin: 1px 2px;
   padding: 1px 1px;
   float: left;   /* IE */
   -webkit-border-bottom-left-radius: 4px;
   -webkit-border-bottom-right-radius: 4px;
   -webkit-border-top-left-radius: 4px;
   -webkit-border-top-right-radius: 4px;

   background-color: #9ed670;
 background-image: -moz-linear-gradient(top, #FFCC00, #FFFFFF); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFCC00),color-stop(1, #FFFFFF)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFCC00',EndColorStr='#FFFFFF'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFCC00', EndColorStr='#FFFFFF')"; /* IE8 */
}
.idx2 h4 {
   border-bottom: 1px solid #CCCCCC;
   border-top: 1px solid #CCCCCC;
   border-left: 1px solid #CCCCCC;
   border-right: 1px solid #CCCCCC;
   border-style: outset;

   color: black;
   disply: block;
   font-family: arial,微軟正黑體;
   font-size: 14px;
   font-weight: bold;

   text-align: left;
   text-shadow: 0px 1px 0px #CCCCCC;
   text-decoration: none;
   margin: 1px 2px;
   padding: 1px 1px;
   float: left;   /* IE */
   -webkit-border-bottom-left-radius: 4px;
   -webkit-border-bottom-right-radius: 4px;
   -webkit-border-top-left-radius: 4px;
   -webkit-border-top-right-radius: 4px;
   background-color: #f1e8ca;
 background-image: -moz-linear-gradient(top, #00BFFF, #FFFFFF); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #00BFFF),color-stop(1, #FFFFFF)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00BFFF',EndColorStr='#FFFFFF'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00BFFF', EndColorStr='#FFFFFF')"; /* IE8 */
}
.idx3 {
   border-bottom: 5px solid #CCCCCC;
   border-top: 5px solid #CCCCCC;
   border-left: 5px solid #CCCCCC;
   border-right: 5px solid #CCCCCC;
   border-style: outset;

   color: black;
   disply: block;
   font-family: arial,微軟正黑體;
   font-size: 16px;
   font-weight: bold;

   text-align: left;
   text-shadow: 0px 1px 0px #CCCCCC;
   text-decoration: none;
   margin: 2px 4px;
   padding: 2px 2px;
   float: left;   /* IE */
   -webkit-border-bottom-left-radius: 10px;
   -webkit-border-bottom-right-radius: 10px;
   -webkit-border-top-left-radius: 10px;
   -webkit-border-top-right-radius: 10px;

   background-color: #7EAC73;
 background-image: -moz-linear-gradient(top, #7EAC73, #FFFFFF); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #7EAC73),color-stop(1, #FFFFFF)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#7EAC73',EndColorStr='#FFFFFF'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7EAC73', EndColorStr='#FFFFFF')"; /* IE8 */
}