@charset "utf-8";
/* CSS Document */
/*基本的表單*/


body {
    background-color: RGB(237,239,237);
    font-family: 微軟正黑體;
    padding-top: 10px;
    padding-bottom: 10px;
    /* margin-top: 75px; */
    background-color: RGB(237,239,237);
}


tr td div span h1 h2 h3 h4 
{
    font-family : 微軟正黑體;
}

.main_width_top {
    width: 1280px;
    margin: 0 auto;
    margin-top: 0px;
    padding-top: 0px;
    clear: both;
}

.main_width {
    width: 1280px;
    margin: 0 auto;
    margin-top: 0px;
    padding-top: 0px;
    clear: both;
}

.form_text{
	width:88%;
	float:left;
	text-align:left;
	
}

.doc-status {
    border-radius: 4px;
    background-color: saddlebrown;

    margin-left: 20px;
    margin-top : 5px;
    padding-left: 5px;
    padding-right: 5px;
    height: 40px;
    display: inline-block
}

/* 容器：確保沒有舊的底色/邊框干擾 */
.function-header {
    display: block;
    margin: 6px 0;
    background: transparent;
    border: none;
    padding: 0;
}

/* 標題貼紙：與 bg-info 同色 */
.function-text {
    display: inline-block;
    color: #0c5460; /* info 的深色文字 */
    font-family: "Microsoft JhengHei", sans-serif;
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 1.25; /* 高度更穩 */
    padding: 6px 12px;
    border-left: 4px solid #17a2b8; /* info 主色 */
    background-color: rgba(23,162,184,.15); /* info 半透明底 */
    border-radius: 4px;
}

/* 可選：微互動 */
.function-text:hover {
    background-color: rgba(23,162,184,.22);
}

.btn1 {
    background-position: 0% 0%;
    width: 60px;
    border-radius: 5px;
    padding: 1px 3px;
    box-shadow: 1px 1px 1px #000;
    display: block;
    text-align: center;
    background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);
    font-family: arial;
    font-size: medium;
    line-height: 1.875em;
    background-color: silver;
    background-repeat: repeat;
    background-attachment: scroll;
}

.btn1:hover {
    background-image: linear-gradient(to bottom, #c3e3fa, #a5defb);
}

.base_label {
    font-size: medium;
}

.base_input{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px #CCCCCC solid;
	padding:5px;
    Font-Size : medium; 
}

.base_input_memo{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px #CCCCCC solid;
	padding:5px;
    Font-Size : medium; 
}

.disable .removeButton{
    display: none;
    
}

.right {
    position: relative;
    right: 0px;
    width: 300px;
    border: 0px solid #73AD21;
    padding: 10px;
}

.dx_TableInfo .dx_Label_left {
    text-align:left !important;
    font-size: medium;
}

.dx_TableCategory {
    text-align: left;
    width: 20%;
    font-weight: bold;
    font-size: medium;
}

.dx_Caption {
    text-align: left;     
    font-weight: bold;
    font-size: medium;  

}

.form_title{
	width:12%;
	float:left;
	text-align:right;
	line-height:1.2em;
	padding-top:4px;
	color:#666;
}

.center {
    margin:0 auto;

}

.DevProgress_Icon {
    width:16px;
    height:16px;
    display:block;
    float:left;
    margin-top: 3px;
}

.ComboBox1 {
        /* color: aqua; */
         -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
	    border:1px #CCCCCC solid;
	    padding:5px;
        Font-Size : medium; 
         
}

.button_login{
 margin : 10px 5px;
 -webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px #CCCCCC solid;
	padding:5px;
    font-size : medium; 
}

    .button_login:hover {
        margin: 10px 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border: 1px #CCCCCC solid;
        padding: 5px;
        font-size: medium;
    }
        
   .grid_round_corner
   {
        border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        overflow: hidden !important;
        overflow-x: hidden !important;
        overflow-y: hidden !important;
        background: #f1f2f2;
    }

    .general-info-box {
        border-width: 1px;
        border-color: gray;
        border-style: solid;
        /*padding: 10px;  */
        background-color: #E3EBF6;
    }


.grid-lightno {
    color : brown;
    font-weight : bold;
}

.grid-dispatchno {
    color: darkgreen;
    font-weight: bold;
}