html {
    width:100%;
    height:100%;
    min-width:320px;
}
body {
    width:100%;
    height:100%;
    min-width:320px;
    font-family: Microsoft JhengHei,Arial;
    overflow:auto;
}
/*展示區*/
#showWindow {
    position:absolute;
    margin:auto;
    width:100%;
    top:0px;
    min-height:620px;
    max-height:100%;
    overflow:hidden;
    overflow-y:auto;
    height:100%;
    z-index:1;
}
/*背景*/
#mainBackground {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    overflow:hidden;
    z-index:0;
}
/*讀取條*/
#loading {
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.6);
    position:fixed;
    top:0px;
    left:0px;
    z-index:99;
}
#loadImg {
    width:126px;
    height:22px;
    position:relative;
    margin:auto;
    top:25%;
}
/*麵包屑-目前位置*/
.subLocation{
    /*
    margin-bottom:15px;	
    padding-top:5px;*/
    /*
    background-color:#fff;
    width:80.7%;*/
    margin-left:1%;
    height:36px;
}
/*項目相關*/
.listAddBtn {
    background:url('../lib/img/glyphicons-halflings.png') no-repeat;
    width:16px;
    height:16px;
    display:inline-block;
    background-position: 1px -95px;	
    cursor:pointer;
    vertical-align:middle;
    margin-left:10px;
}
.listRemoveBtn {
    background:url('../lib/img/glyphicons-halflings.png') no-repeat;
    width:16px;
    height:16px;
    display:inline-block;
    background-position: -23px -95px;	
    cursor:pointer;
    /*vertical-align:middle;*/
    margin-left:5px;	
}
.listSubmitBtn {
    background:url('../lib/img/glyphicons-halflings.png') no-repeat;
    width:16px;
    height:16px;
    display:inline-block;
    background-position: -71px -95px;	
    cursor:pointer;
    /*vertical-align:middle;*/
    margin-left:10px;	
}
.listSubmitDone {
    background-color: #84E75E !important; 
    cursor:inherit;
}
.listSubmitFail {
    background-color: #DD7C7C !important; 
}
form td{
    padding-right:10px;	
    vertical-align:top;
    font-size:13px;
    font-family:"微軟正黑體", "新細明體", "Arial","Helvetica","sans-serif";
    text-align:left;
}
#infoArea {
    position:relative;
    width:100%;
    max-width:970px;
    margin:auto;
    background-color:#fff;
    overflow:hidden;
    /*height:100%;*/
    /*overflow-y:auto;*/
}
header {
    color:#256088;
    /*background-color:#d9edf7;*/
    text-align:right;
    /*border-bottom:1px solid #c8c8c8;*/	
    /*height:3%;*/
    min-height:25px;
    position:relative;
}
#timeInfo {
    margin:0 10px;	
}
#loginInfo{
    left:14%;
    bottom:3%;
    position:absolute;
    color:#fff;
}
#loginInfo a{
    color:#fff;
}
/*彈跳表單*/
#modifyInterface{
    text-align: center;
}
/*.hasPicker{
    width:75%;
}*/
.tableTitle {
    font-weight: bolder;
    text-align: center;
}
.ui-datepicker-trigger {
    margin-bottom:5px;	
}
.ui-subtblcell td{
    text-align:right;
    height: 30px !important;
    vertical-align: middle;	
}
.subgrid-data th {
    background:#D3FCFF !important;	
}
#otherInfoArea td{
    font-size:13px;
    font-family:"微軟正黑體", "新細明體", "Arial","Helvetica","sans-serif";
    text-align:left;	
    padding-bottom:10px;
}
/*jquery validate錯誤訊息*/
.error {
    color:#ff0000;
}
.btn {
    cursor:pointer;
    position:absolute;
}
.clear {
    clear:both;
}
#supplierLogo {
    position:fixed;
    width:70px;
    height:205px;
    right:0;
    top:25%;
    /*background-color:#afafaf;*/
    z-index:10;
}
#supplierLogo img {
    width:100%;
}
#locate {
    position:relative;
    margin-top:25px;
    /*margin-bottom:35px;*/
    font-size:16px;
    line-height:25px;
    color:#565656;
}
/*單元Title*/
.pageTitle{
    margin-top:20px;
    margin-bottom:20px;
}
#topBtn {
    bottom:5%;
    right:5%;
    position:fixed;
    z-index:99;
}
@media screen and (max-width:799px){ 
    #infoArea {
        width:90%;
    }
    #supplierLogo {
        width:10%;
        height:auto;
    }
    .materialDetail {
        width:90% !important;
        margin:auto;
        overflow:hidden;
        word-break:break-all;
    }
}