body {
  padding-bottom: 40px;
  background-color: #eee;
  font-family:Verdana, Arial, Helvetica, sans-serif, "微軟正黑體";
  font-size:13pt;
}



.container {
  max-width: 600px;
  padding: 0px 15px;
  margin: 0 auto;
  /*background-color:#ccc;
  border:#bbb 1px solid;
  border-radius:10px;*/
}

/*
@media screen and (min-width: 480px) {
  max-width: 330px;

}
*/

.form-signin{
    margin-bottom:20px;
}

/*.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
  background-color:#ccc;
  border:#bbb 1px solid;
  border-radius:10px;
}*/

.form-signin h3{
    font-weight:bold;
	display:block;
}

.form-signin h4{
    margin:30px 0px;
	display:block;
}

.form-signin .form-signin-heading
{
  margin-bottom: 20px;
  text-align:center;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: 10px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 20px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/***/
 
        hr {
            clear: both;
            width: 90%;
            margin: auto;
        }

        .tabs{
            margin: 0px auto;
        }

        #tab_opts {
            margin: 0px;
            list-style-type: none;
        }

        #tab_opts li {
            width: auto;
            padding: 6px 10px;
            background-color: #FC0;
            border: 1px solid #C90;
            border-radius: 6px 6px 0px 0px;
            margin: 0px 0px -1px 0px;
            float:left;
            z-index:99;
            font-size:0.8em; /*chinese 1em; english 0.8em*/
        }

        #tab_opts li:first-child{margin-left:10%;}

        @media screen and (max-width: 480px) {
            #tab_opts li:first-child{margin-left:0px;}
        }

        #tab_opts .down {
            background-color: #EBEBEB;
            color: #600;
        }

        #dv_tab1, #dv_tab2, #dv_tab3 {
            clear: both;
            background-color: #ddd;
            font-size: 0.8em;
            color: #333;
            border:solid 1px #C90;
            border-radius: 10px 10px 10px 10px;
        }

        #dv_tab1, #dv_tab2, #dv_tab3 {
            display: none;
        }

        #dv_tab1 ul li, #dv_tab2 ul li, #dv_tab3 ul li{
            padding:3px 10px 3px 0px;
            text-align:left;
        }


        #footer {
            clear: both;
            margin-top:30px;
            border-top: 1px dotted gray;
            padding-top:5px;
            text-align:center;
        }

       #footer ul {
            list-style-type:none;
            width:220px;
            margin:0px auto;
            font-size: 0.8em;
        }

       #footer .ul_en{
           width:430px;
       }

       @media screen and (max-width: 480px) {
            #footer .ul_en {
                width: 300px;
            }

            #footer .ul_en li{
             border:none;
            }
        }


        #footer ul li {
            margin:6px 0px;
            border-right:dotted 1px gray;
            padding:3px 10px;
            float:left;
        }

         #footer ul li:last-child{
             border:none;
         }

        .icon-image {
            width: 24px;
            height: 24px;
        }

        A.a-link:link {
            COLOR: #630;
            TEXT-DECORATION: none;
        }

        A.a-link:visited {
            COLOR: #630;
            TEXT-DECORATION: none;
        }

        A.a-link:hover {
            COLOR: #600;
            TEXT-DECORATION: underline;
        }


        .disp_none{display:none;}

        .accesskey {
            color:#eee;
        }

        .accesskey a:hover, .accesskey a {
            color:#eee;
        }