@CHARSET "UTF-8";
html, body{
   margin:0px;
   padding:0px;
   color:#333;
   *position:relative;
   font: 12px Verdana,Arial,Helvetica,clean,sans-serif;
   height:100%;
   -webkit-text-size-adjust:none;
    background-image:url(../images/bg_00.gif);
}

label{display:inline-block;}


#mainPageLayout {
    height: auto;
    margin: 0;
    min-height: 100%;
    position: relative;
    float:left;
    background-color:#fff;
    background-image:url(../images/bg_02.gif);
    background-position:top right;
    background-repeat:repeat-y;
    /*padding-right:10px;*/
    background-color:#f7f7f9;
}
.comRange{
    /*width:920px;*/
    width:100%;
}

#header{
    margin:0px;
    height:40px;
    /*background-image:url(../images/bg_01.png);*/
    background-color:#23c0c6;
    padding:0px;
    overflow:hidden;
    width:100%;
}
#headerTitle{
    font-size:15px;
    line-height:30px;
    color:#fff;
    margin-left:10px;
    float:left;
}
#system_date{
    color:#fff;
    margin-right:8px;
    line-height:40px;
    float:right;
}
#mainContent{
    background-color:#fff;
    float:left;
    width:86.9%;
    margin:0px;
    padding:0px;
    overflow:hidden;
    padding-bottom:50px;
}
#mainMenu{
    float:left;
    width:13%;
    margin:0px;
    padding:0px;
    overflow:hidden;
}

#centerContent{
    width:97%;
    margin:0px auto 0px;
}
#location{
    float:left;
    background-image:url(../images/url_01.gif);
    height:30px;
    line-height:30px;
    padding-left:10px;
    background-position:center left;
    background-repeat:no-repeat;
    color:#666;
    font-weight:bold;
}

#web_cover, #web_foto{
    border: 7px dashed #ccc;
    width: 600px;
    min-height: 300px;
}

#web_cover.hover, #web_foto.hover{
    border: 7px dashed #0c0;
}

.foto_box{
    position: relative;
    margin: 5px;
}

.foto_box img{
    width: 100%;
}

.foto_box .btn_x{
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 44px;
    background-image: url(../images/btn_x.png);
    background-size: 100% 100%;
}











a#logout:link{
    color: #002A61;
    text-decoration: underline;
}
a#logout:visited{
    color: #002A61;
    text-decoration: underline;
}
a#logout:hover{
    color: #cc0000;
    text-decoration:none;
}
a#logout:active{
    color: #002A61;
    text-decoration: underline;
}






a *{
    outline:none;
    border:none;
    text-decoration:none;
}
a:link{
    text-decoration:none;
    color:#777;
}
a:visited{
    color:#777;
    text-decoration:none;
}

a:hover{
    color:#002a61;
    text-decoration:underline;
}
a:hover .btnSection{
    text-decoration:none;
}

a:active{
    color:#777;
    text-decoration:none;
}

.clearboth{
   clear:both
}




.altrow {
    background-color: #f6f6f6;
}
.datatable {
    border: 1px solid #D6DDE6;
    border-collapse: collapse;
    width: 95%;
    margin-top:20px;
}
.dataInsertTable{
    font-size:12px;
    border: 1px solid #6F86AB;
   /* border-collapse: collapse;*/
    width: 95%;
    margin-top:20px;
}
.dataInsertTable th{
    color:#fff;
}



.datatable th {
    background-color: #BCBCBC;
    border: 1px solid #828282;
    font-size: 12px;
    font-weight: bold;
    padding-left: 4px;
    text-align: left;
}
.datatable a:link,.datatable a:active,.datatable a:visited {
    color: #002A61;
    text-decoration: underline;
}

.datatable a:hover {
    color: #cc0000;
    text-decoration: none;
}
.datatable td {
    border: 1px solid #D6DDE6;
    font-family: Arial,Verdana,新細明體;
    font-size: 11px;
    padding: 4px;
    word-break: break-word;
}

#fn_table{
    font-size:14px;
    margin-top:20px;
    border-color:#ccc;
}
#fn_table th,#fn_table td{
    border-color:#ccc;
}


#fn_table a:link,#fn_table a:active,#fn_table a:visited {
    color: #002A61;
    text-decoration: underline;
}

#fn_table a:hover {
    color: #cc0000;
    text-decoration: none;
}

.btn1 {
    border: 1px solid #6F86AB;
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 20px;
    height:20px;
}


.hide{
    display:none;
}


.ui-sortable .drag{margin-top: 5px;}