html
{
    height: 100%;
}

body
{
    font-family: "Helvetica Neue", "Microsoft Jhenghei", Helvetica, Arial, Geneva, sans-serif;
    font-size: 13px;
    width: 100%;
    height: 100%;
    min-height: 100%;
    margin: auto;
}

label
{
    display: block;
    margin-bottom: 5px;
    color: #333;
}

h2
{
    font-size: 24px;
    line-height: 36px;
}


a
{
    color: #000000;
    text-decoration: none;
}

a:hover
{
    color: #000000;
    text-decoration: underline;
}


legend
{
    font-weight: bold;
}


img
{
    border-width: 0px;
}

input, textarea, select
{
    font-size: 100%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid silver;
    padding: 5px 5px 5px 5px;
}

input:focus, textarea:focus, select:focus
{
    border-color: rgba(82,168,236,0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
}



table
{
    color: #000000;
    font-weight: normal;
    text-align: left;
}


.align-center, .div_center, tbody td.align-center
{
    text-align: center;
}

.align-right, .div_right, tbody td.align-right
{
    text-align: right;
}

.width-20
{
    width: 20%;
}

.width-100
{
    width: 100%;
}

.font-bold
{
    font-weight: bold;
}

.valign-top
{
    vertical-align: top;
}

.valign-bottom
{
    vertical-align: bottom;
}

.valign-middle
{
    vertical-align: middle;
}