@charset "utf-8";

/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
    line-height:1;
    background-image:url(../images/wapper_bg_01.gif);
    text-align:center;
    background-repeat: repeat-x;
    background-color: #FFF;
}
ol, ul {
list-style: none;
}

table,tr,td {
border-collapse: collapse;/*相鄰分隔線合併*/
border-spacing: 0;
border-spacing:0 ;
}
caption {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

#wapper{
    text-align: left;
    position: absolute;
    left: 50%;
    width: 993px;
    margin-left: -497px; /*原為 -496px ，會有右側線條出不來現象 by Gladys*/
}

#wapper_login{
    text-align: left;
    position: absolute;
    left: 50%;
    width: 650px;
    margin-left: -496px;
}

#header{
    width: 993px;   
    clear:both;
    display:block;
}

.header-cus-info{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:1.2;
    width: 490px;
    height:20px;
    float: left;
    display:inline;
    padding-top:5px;
    padding-left:5px;
}

.header-cus-info h2{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9px;
    display:inline;
}

#content{
    background-color: #ECECEC;
    width: 993px;
    clear:both;
    display:block;
    background-repeat: repeat-y;
    background-image: url(../images/content_body_01.gif);   
    border-collapse:collapse;
}

#content-pop{
    background-color: #ECECEC;
    width: 100%;
    clear:both;
    display:block;
    background-repeat: repeat-y;
    background-image: url(../images/content_body_01.gif);   
    border-collapse:collapse;
}

.copyright{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    
    margin-left:auto;
    margin-right:auto;
    display: block;
    clear: right;
    text-align: center;
    position: relative;
    padding-top: 10px;
}

.clearfix {display: inline-block;} /* for IE/Mac */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#footer {
    width: 993px;
    clear:both;
    background-image: url(../images/content_footer_01.gif);
    background-repeat:no-repeat;
    position: relative;
}

#breadcrumb {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #069;
    display: block;
    clear: both;
    width: 90%;
    height:20px;
    padding-top: 5px;
    padding-left: 15px;
    text-align: left;
    letter-spacing: 0.1em;
    line-height: 1.2;
}

#breadcrumb a:link {
    text-decoration:none;
    
}
#breadcrumb a:visited{
    text-decoration:underline;  
    
    }
    
/*2011/08/29 by Gladys Add*/    
#breadcrumb a 
{
    text-decoration:none;
        
}

#breadcrumb a:hover,#breadcrumb a:active {
    color:#F30;
    text-decoration:underline;
}

.tb_datetime{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
}
    
.aligen-center{
    text-align:center;
}

.aligen-left{
    text-align:left;
}

.aligen-right{
    text-align:right;
}

.txt-red-b{
    font-weight: bold;
    color: #F00;
}

.txt-gray-12b{
    font-weight: bold;
    
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    line-height: 1.2em;
}

.txt-gray-12{
    
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    line-height: 1.2em;
    font-weight: normal;
}

.equal {
    padding-bottom: 32767px;
    margin-bottom: -32767px;
    }
    
.tb_number_comma
{
    /*2011/09/29 by Jamson Add*/
    font-family: Verdana,Arial, Geneva, sans-serif;
    font-size: 10px;
}