html { overflow:auto }
@font-face {
    font-family: 'Mabry Pro';
    src: url('/Other/auoctmsprod/AUOCTMS_PROD/fonts/Mabry-Regular-Pro.eot');
    src: url('/Other/auoctmsprod/AUOCTMS_PROD/fonts/Mabry-Regular-Pro.eot'), url('/Other/auoctmsprod/AUOCTMS_PROD/fonts/Mabry-Regular-Pro.woff'), url('/Other/auoctmsprod/AUOCTMS_PROD/fonts/Mabry-Regular-Pro.woff2'), url('/Other/auoctmsprod/AUOCTMS_PROD/fonts/Mabry-Regular-Pro.ttf');
}

@font-face {
    font-family: 'NotoSansTC';
    src: url('/Other/auoctmsprod/AUOCTMS_PROD/fonts/NotoSansTC-Regular.otf');
}

@font-face {
    font-family: 'NotoSansSC';
    src: url('/Other/auoctmsprod/AUOCTMS_PROD/fonts/NotoSansSC-Regular.otf');
}
body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    font-family: "Mabry Pro",'NotoSansTC','NotoSansSC',Arial;
}
#body {
    overflow: auto;
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-family: "Mabry Pro",'NotoSansTC','NotoSansSC',Arial;
}


*
{
    margin:0;
     padding:0;}

.main_bg {
    /*width: 1000px;*/
    margin: 0 auto;
    /*background:url(/AUOCTMS_PROD/images/main_bg.gif) repeat-y;}*/
}

.home_top {
    width: 956px;
    height: 61px;
    /*background:url(/AUOCTMS_PROD/images/home_top.gif) no-repeat top white;*/
    background-color: #005087;
    margin:0 auto;
    text-align: right;
    /*border-bottom: 4px solid #004e61;*/
}
        
 .auo
 {
    width:90px;
     height:34px;
      margin-top:15px;
     margin-right:19px;} 
     
.home_middle
{
    width:956px;
    height:257px;
     margin:0 auto;
      background:url(/AUOCTMS_PROD/images/home_middle.gif) no-repeat;
     
     }

.home_bottom {
    /*width: 956px;
    height: 396px;*/
    margin: 0 auto;
    /*background:url(/AUOCTMS_PROD/images/home_bottom.gif) no-repeat;*/
}

.home_login {
    width: 300px;
    /*margin-left: 650px;*/
    font-size: 17px;
    /*margin-top: 70px;*/
    color: #221F1F;
    font-family: "Mabry Pro",'NotoSansTC','NotoSansSC',Arial;
}
       
.home_browser
{
     font-size:12px;
      color:#231F20;
       font-family:Arial;
        margin-top:18px;
         padding-left:8px;
         }
         
.main_footer
{
    width:956px;
     height:48px;
     padding-top:4px;
      border-top:3px solid #004E61;
      color:#4D4D4D;
       text-align:center;
        font-size:10px;
         margin:8px auto 0 auto;}
         
.input_middle
{
    width:160px;
}

.ddl_middle
{
    width:160px;
}

.login_btn
{
    width:60px;
    height:24px;
    margin:10px 5px 0 0;
}
.red_font
{
    color:Red;
}

.table_login {
    width: 280px;
    border: 0;
    /*background-color: #F0F0F0;*/
}

.home_button_bg {
    /*width:956px;*/
    width: 600px;
    height: 276px;
    /*margin: 0 auto;*/
    margin-top:45%;
    /*background:url(/AUOCTMS_PROD/images/home_button.gif) no-repeat;*/
}

.home_button {
    position: relative;
    /*text-align:center;*/
    width: 100%;
    /*margin:5px 0;*/
    /*margin: 40% 0px;*/
    height: 200px;
    font-size: 40px;  
    font-weight: bolder;
}


.imgButton1 {
    position: relative;
    padding: 0;
    border: 0;
    width: 145px;
    height: 145px;
    margin: 30px;
    background-color: #005087;
    color: #ffe664;
    border-radius: 13px;
}

.imgButton2 {
    position: relative;
    padding: 0;
    border: 0;
    width: 145px;
    height: 145px;
    margin: 30px;
    background-color: #ffe664;
    color:#005087;
    border-radius:13px;
}