﻿.buttonstyle
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 12px;
    font-weight: normal;
    font-variant: normal;
    border: #d1baa7;
    border-style: outset;
    background-color: #d4d0c8;
    height: 22px;
    vertical-align: middle;
    text-align: center;     
}
.browserstyle
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 12px;
    height: 18px;
    vertical-align: top;
}
.selectstyle
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 12px;
    font-weight: normal;
    font-variant: normal;
    border: thin solid #d1baa7;    
    height: 22px;
    vertical-align: middle;
    list-style-type: circle;
}
.textstyle
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 12px;
    font-weight: normal;
    font-variant: normal;
    border: thin solid #d1baa7;
    height: 18px;
    vertical-align: middle;
    list-style-type: circle;
} 
.textareastyle
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 12px;
    font-weight: normal;
    font-variant: normal;
    border: thin solid #d1baa7;
    vertical-align: middle;
    list-style-type: circle;

}    
.checkstyle
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 12px;
    font-weight: normal;
    font-variant: normal;
    height: 15px;
    vertical-align: middle;
    list-style-type: circle;
}
.tablestyle
{
    font-family: 'Times New Roman' , Times, serif;
    background-color: #fff9e5;
    border-color:#ffbb28;
    margin-bottom:1px;	
}
.NoBorderButton
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 12px;
    font-weight: normal;
    font-variant: normal;
    border: #d1baa7;
    border-style: none;
    background-color: #d4d0c8;
    height: 22px;
    vertical-align: middle;
    text-align: center;
}
.NBB_onMOver
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 12px;
    font-weight: normal;
    font-variant: normal;
    border: #d1baa7;
    border-style: none;
    background-color: #c4c0b8;
    height: 22px;
    vertical-align: middle;
    text-align: center;
}

.gBtn
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 12px;
    font-weight: normal;
    font-variant: normal;
    border: #D0BAAD;
    border-width:thin; 
    border-style:solid;
    background-color: #f2efef;
    height: 22px;
    vertical-align: middle;
    text-align: center;
    outline-style: none;
}

.gBtn_onMOver
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 12px;
    font-weight: normal;
    font-variant: normal;
    color:#b08050;
    border: #b08050;
    border-width:thin; border-style:solid;
    background-color: #f2efef;
    height: 22px;
    vertical-align: middle;
    text-align: center;
    outline-style: none;
}
.WSscreenBtn
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 12px;
    font-weight: normal;
    font-variant: normal;
    border: #d8d8d8;
    border-width:thin; border-style:solid;
    background-color: #f2ece0;
    height: 22px;
    vertical-align: middle;
    text-align: center;
    outline: none;
}

.WS_SBtn_Active
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 12px;
    font-weight: normal;
    font-variant: normal;
    color: #800000;
    border: #b08050;
    border-width:thin; 
    border-style:solid;
    background-color: #f2efef;
    height: 22px;
    vertical-align: middle;
    text-align: center;
    outline-style: none;
}

.WS_SBtn_Nonactive
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 12px;
    font-weight: normal;
    font-variant: normal;
    color:black;
    border: #d1baa7;
    border-width:thin; 
    border-style:solid;
    background-color: #f2efef;
    height: 22px;
    vertical-align: middle;
    text-align: center;
    outline-style: none;
}
.WS_SBtn_Nonactive_onMOver
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 12px;
    font-weight: normal;
    font-variant: normal;
    color:#b08050;
    border: #b08050;
    border-width:thin; border-style:solid;
    background-color: #f2efef;
    height: 22px;
    vertical-align: middle;
    text-align: center;
    outline-style: none;
}
.WStitle
{
    font-size: 16px;
    color: #eb7e07;
    font-weight: bold;
    font-family: 細明體;
}
.WSVSpacing
{
    height:2px;
}

.XS_QX_Btn
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 12px;
    font-weight: normal;
    font-variant: normal;
    color:#FFFFFF;
    border: #d1baa7;
    border-width:thin; 
    border-style:solid;
    background-color: #fc8204;
    height: 22px;
    vertical-align: middle;
    text-align: center;
    outline-style: none;
}
.XS_QX_Btn_onMOver
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 12px;
    font-weight: normal;
    font-variant: normal;
    color:#2a2a2a;
    border: #b08050;
    border-width:thin; border-style:solid;
    background-color: #fc8204;
    height: 22px;
    vertical-align: middle;
    text-align: center;
    outline-style: none;
}
.XS_JZ_Btn
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 16px;
    BACKGROUND-COLOR:green; 
    color: #FFFFFF;
    border-width:medium; 
    border: #d1baa7;
    border-style:solid;
    outline-style: none;
}

.XS_JZ_Btn_onMOver
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 17px;
    font-weight: bold;
    BACKGROUND-COLOR:green; 
    color:#FFFFFF;
    border-width:medium;
    border: #b08050;
    border-style:solid;
    outline-style: none;
}
.XS_QR_Btn
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 16px;
    BACKGROUND-COLOR:#0C33EF;
    color: #FFFFFF;
    border-width:medium; 
    border: #d1baa7;
    border-style:solid;
    outline-style: none;
}

.XS_QR_Btn_onMOver
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 17px;
    font-weight: bold;
    BACKGROUND-COLOR:#0C33EF;
    color: #FFFFFF;
    border-width:medium; 
    border: #b08050;
    border-style:solid;
    outline-style: none;
}


/* 使用於 checkbox 及 radio button 的 button */
.gTXTBtn
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 12px;
    font-weight: normal;
    font-variant: normal;
    border-style:none;
    background: transparent;
    height: 22px;
    padding:  0;
    text-align :left;/*文字靠左*/
    padding-left :5px;    
}

.gTXTBtn_onMOver
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 12px;
    font-weight: normal;
    font-variant: normal;
    color:#b08050;
    border-style:none;
    background: transparent;
    height: 22px;
    padding : 0;
    text-align :left;
    padding-left :5px;    
}

/*更改GRID字體大小*/
.ui-jqgrid tr.jqgrow td {height:20px;}/*顯示10筆=19px  顯示8筆=20px   */

.ui-jqgrid tr.jqgrow td input[type="text"] 
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 12px;
    font-weight: normal;
    font-variant: normal;
    border: thin solid #d1baa7;
    height: 18px;
    vertical-align: middle;
    list-style-type: circle;
} 


/*覆寫原來的css*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #eeb420;
	background: #ffdd57 url(images/ui-bg_gloss-wave_70_ffdd57_500x100.png) 50% top repeat-x;
	color: #1f1f1f;
	font-weight :normal;
}

.ui-widget-content {

	border: 1px solid #8e846b;
	background: #FFFCF0 url(images/ui-bg_inset-soft_30_FFFCF0_50x50.png) 50% 50% repeat-x;
	color: #383838;
}

/*增加 font-weight屬性設定 */
.ui-jqgrid .ui-jqgrid-htable th {height:20px; vertical-align:bottom}
.ui-jqgrid .ui-jqgrid-htable th div {overflow: hidden; position:relative; height:17px; font-weight:normal;}

/* 查詢畫面新風格 */
.caption_Qry      { color: #338ad4; font: bold; }
.WSqryTitle     { font-size: 16px;    color: blue;    font-weight: bold;    font-family: 新細明體;    }

/* for mobile button */
.gmobileBtn
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 16px;
    font-weight: normal;
    font-variant: normal;
    border: #D0BAAD;
    border-width:thin; 
    border-style:solid;
    background-color: #f2efef;
    height: 30px;
    width : 100px;
    vertical-align: middle;
    text-align: center;
    outline-style: none;
}
.mobiletextstyle
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 14px;
    font-weight: normal;
    font-variant: normal;
    /*border: thin solid #d1baa7;*/
    height: 16px;
    vertical-align: middle;
    
} 
.tableFLTstyle
{
    border: 1px #c8c8c8 solid;
}

input.calendar {border: thin solid #d1baa7;height: 18px;vertical-align: middle;}
