body{
    margin-top: 0px; margin-bottom: 25px; margin-left: 0px; margin-right: 0px;
    padding: 0;
    color: black; 
    font-size: 11pt; 
    font-family: Tahoma, 'Arial Unicode MS', sans-serif;
}

.NormalText
{
    color: black; 
    font-size: 11pt; 
    font-family: Tahoma, 'Arial Unicode MS', sans-serif;

}

.BigText
{
    color: black; 
    font-size: 14pt; 
    font-family: Tahoma, 'Arial Unicode MS', sans-serif;

}

.ErrorText
{
    color: red; 
    font-size: 11pt; 
    font-family: Tahoma, 'Arial Unicode MS', sans-serif;
    background-color: lime;
}

.lbWorkCount
{   
    font-family: Tahoma, 'Arial Unicode MS', sans-serif;
    background-color: rgba(100, 190, 0, 0.5);
    color:#052b81;
}

.lbOpenCount
{   
    font-family: Tahoma, 'Arial Unicode MS', sans-serif;
    background-color: rgba(100, 179, 252, 0.5);
    color:#052b81;
}

.lbOTCount
{   
    font-family: Tahoma, 'Arial Unicode MS', sans-serif;
    background-color: rgba(255, 125, 125, 0.5);
    color:#052b81;
}

.barcolorover
{   
    font-family: Tahoma, 'Arial Unicode MS', sans-serif;
    background-color: #ffbebe;
}

.barcolor
{   
    font-family: Tahoma, 'Arial Unicode MS', sans-serif;
    background-color: #b2df80;
}

.content {
   overflow:auto;
}

.TitleBar {
    /*background-image: url('../images/Common/axalta_kachel_content.png');*/
    background:linear-gradient(to right ,#061b74 0%,#007dc0 75%,#7bdefe 100%);
    background:-moz-linear-gradient(left,#061b74 0%,#007dc0 75%,#7bdefe 100%);
    background:-webkit-linear-gradient(left,#061b74 0%,#007dc0 75%,#7bdefe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#061b74', endColorstr='#7bdefe',GradientType=1 ); 



}

.lincencebar {
    color:black;
    /*background-image: url('../images/Common/axalta_kachel_footer.png');*/
    /*background:linear-gradient(left,#061b74 0%,#007dc0 75%,#7bdefe 100%);
    background:-moz-linear-gradient(left,#061b74 0%,#007dc0 75%,#7bdefe 100%);
    background:-webkit-linear-gradient(left,#061b74 0%,#007dc0 75%,#7bdefe 100%);*/
    background:linear-gradient(to right,#76dafb 0%,#caebfa 75%,#e1f0fd 100%);
    background:-moz-linear-gradient(left,#76dafb 0%,#caebfa 75%,#e1f0fd 100%);
    background:-webkit-linear-gradient(left,#76dafb 0%,#caebfa 75%,#e1f0fd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76dafb', endColorstr='#e1f0fd',GradientType=1 ); 

    font-size: 8pt;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index:999;
}

.PageTitle
{
    color: white; 
    font-size: 10pt; 
    font-family: Tahoma, 'Arial Unicode MS', sans-serif;
}

.PageSubTitle
{
    color: white; /*#c8212E;*/
    font-size: 8pt; 
    font-family: Tahoma, 'Arial Unicode MS', sans-serif;
}

.NVRoot
{
    color:black;
    font-size: 14pt; 
    font-family: Tahoma, 'Arial Unicode MS', sans-serif;
    text-decoration:none;
}

.NVCurrent
{
    color:black;
    font-size: 16pt; 
    font-family: Tahoma, 'Arial Unicode MS', sans-serif;
    text-decoration:none;

    padding-left:5px;
    padding-right:5px;
    padding-top:5px;
    padding-bottom:5px;

    text-shadow:2px 2px 2px #CCCCCC;

    /*background-color: #DFEFFC; 
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    */
}

.NVNode
{
    color:black;
    font-size: 14pt; 
    font-family: Tahoma, 'Arial Unicode MS', sans-serif;
    text-decoration:none;
}

.linkbtnblack
{
    color:black;
   /*font-size: 18pt;*/ 
    font-family: Tahoma, 'Arial Unicode MS', sans-serif;
    text-decoration:none;
}

.Grid {
    background :#e0effc    
}

.mGrid {   
   
    background-color: #fff;   
    margin: 5px 0 10px 0;   
    border: solid 1px #525252;   
    border-collapse:collapse;   
}  
.mGrid td {   
    /*padding: 2px;*/   
    border: solid 1px #a6c9e2;   
    /*color: #717171;*/   
}  
.mGrid th {   
    /*padding: 4px 2px;*/   
    color: #2e6eb5;   
    background: #e0effc repeat-x top;  
    border: solid 1px #a6c9e2;   
}  



.YSbuttonOrange
{
	color:#2e83c5;
	text-decoration: none;
	border: 0px solid #FFFFFF;
	vertical-align: top;
	font-style: normal;
	font-variant: normal;
	font-size: 10pt;
	font-family: Tahoma, Arial, Helvetica, sans-serif background-attachment: fixed;
	background-repeat: no-repeat;
	cursor: pointer;
	background-color:#e1f0fd;
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function :linear;
    height:25px;
}
.YSbuttonOrange.Big
{
    height:45px;
    width:200px;
}
.YSbuttonOrange.Normal
{
    width:100px;
    height:30px;
}

.YSbuttonOrange.small
{
    width:50px;
    height:30px;
}

.YSbuttonOrangeRed
{
	color: #e1f0fd;
	text-decoration: none;
	border: 0px solid #FFFFFF;
	vertical-align: top;
	font-style: normal;
	font-variant: normal;
	font-size: 10pt;
	font-family: Tahoma, Arial, Helvetica, sans-serif background-attachment: fixed;
	background-repeat: no-repeat;
	cursor: pointer;
	background-color:#2e83c5;
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function :linear;
    height:25px;
}
.YSbuttonOrangeRed.Big
{
    height:45px;
    width:200px;
}
.YSbuttonOrangeRed.Normal
{
    width:100px;
    height:30px;
}
.YSbuttonOrangeRed.small
{
    width:50px;
    height:30px;
}

.YSbutton
{
	color: white;
	text-decoration: none;
	border: 0px solid #FFFFFF;
	vertical-align: top;
	font-style: normal;
	font-variant: normal;
	font-size: 10pt;
	font-family: Tahoma, Arial, Helvetica, sans-serif background-attachment: fixed;
	background-repeat: no-repeat;
	cursor: pointer;
	/*background-color: #772C7E;*/
    background-color: #2e83c5;/*#0066cc;*/
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function :linear;
    height:25px;
}

.YSbuttonOn
{
	color: white;
	text-decoration: none;
	border: 0px solid #FFFFFF;
	vertical-align: top;
	font-style: normal;
	font-variant: normal;
	font-size: 10pt;
	font-family: Tahoma, Arial, Helvetica, sans-serif background-attachment: fixed;
	background-repeat: no-repeat;
	cursor: pointer;
	/*background-color: #772C7E;*/
    background-color: #155482;/*#0066cc;*/
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function :linear;
    height:25px;
}

.YSlabel
{	
	text-decoration: none;	
	vertical-align:bottom;
	font-style: normal;
	font-variant: normal;
	font-family: Tahoma, Arial, Helvetica, sans-serif background-attachment: fixed;
    height:25px;
}

.YSBtnIcon
{
	color: white;
	text-decoration: none;
	border: 0px solid #FFFFFF;
	vertical-align: top;
	font-style: normal;
	font-variant: normal;
	font-size: 10pt;
	font-family: Tahoma, Arial, Helvetica, sans-serif background-attachment: fixed;
	background-repeat: no-repeat;
	cursor: pointer;
	background-color: #772C7E;
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function :linear;
    height:25px;
}


.YSbutton.Big
{
    width:160px;
    height:75px;
}

.YSbutton.w100h60
{
    width:100px;
    height:60px;
}

.YSbutton.w200h75
{
    width:230px;
    height:75px;
}

.YSbutton.w135h15
{
    width:135px;
    height:20px;
}

.YSbutton.Normal
{
    width:80px;
    height:25px;  
}

.YSbutton:hover
{
	color: white;
	margin-right: 0px;
	background-color: #51d0ee;/*#2D92AA;*/
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
}

.YSbuttonDown
{
	color: white;
	text-decoration: none;
	border: 0px solid #FFFFFF;
	vertical-align: top;
	font-style: normal;
	font-variant: normal;
	font-size: 10pt;
	font-family: Tahoma, Arial, Helvetica, sans-serif background-attachment: fixed;
	background-repeat: no-repeat;
	cursor: pointer;
	background-color: #51d0ee;
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function :linear;
    height:25px;
}

.YSbuttonDown.w200h75
{
    width:230px;
    height:75px;
}



.functionName
{
    color: white; 
    font-size: 15pt; 
    font-family: Tahoma, 'Arial Unicode MS', sans-serif;
}

.functionDesc
{
    color: #CCCCCC; 
    font-size: 10pt; 
    font-family: Tahoma, 'Arial Unicode MS', sans-serif;
}


.FunctionNameBar
{
    background-color: #D8D8D8; 
    color: white; 
    font-size: 14pt; 
    font-family: Tahoma, 'Arial Unicode MS', sans-serif;
    box-shadow: 0px 4px 12px 0px rgba(20%,20%,40%,0.5);
    text-shadow:2px 2px 2px #F0F0F0;
}

.SubFunctionNameBar
{
    background-color: #DFEFFC; 
    color: black; 
    font-size: 16pt; 
    font-family: Tahoma, 'Arial Unicode MS', sans-serif;
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
}

.JobBox
{
    border-radius: 10px;
    border : 2px solid #868686;
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    CURSOR: pointer;
    background-color:#FFFFFF;
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function :ease-in-out;
}
.JobBox:hover
{
    background-color:#d9d9d9;
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    cursor: pointer;
}


/* 首頁功能按鈕 */
.functionBox
{
    border-radius: 0px;
    border : 0px solid #CCCCCC;
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    CURSOR: pointer;
    background-color:#3a7dc1;/*#228EA5;*/
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function :ease-in-out;
}
.functionBox:hover
{
    background-color:#7bbcfe;/*#2BA6BF;*/
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    cursor: pointer;
}

/* 報表功能按鈕 */
.functionBoxReport
{
    border-radius: 0px;
    border : 0px solid #CCCCCC;
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    CURSOR: pointer;
    background-color:#3a7dc1;/*#228EA5;*/
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function :ease-in-out;
}
.functionBoxReport:hover
{
    background-color:#7bbcfe;/*#2BA6BF;*/
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    cursor: pointer;
}

/* Shop 功能 */
.functionBoxShop
{
    border-radius: 0px;
    border : 0px solid #CCCCCC;
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    CURSOR: pointer;
    background-color:#3a7dc1;/*#228EA5;*/
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function :ease-in-out;
}
.functionBoxShop:hover
{
    background-color:#7bbcfe;/*#2BA6BF;*/
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    cursor: pointer;
}

/* Company 功能 */
.functionBoxCompany
{
    border-radius: 0px;
    border : 0px solid #CCCCCC;
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    CURSOR: pointer;
    background-color:#3a7dc1;/*#228EA5;*/
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function :ease-in-out;
}
.functionBoxCompany:hover
{
    background-color:#7bbcfe;/*#2BA6BF;*/
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    cursor: pointer;
}


.functionCompany
{
    background-color:inherit; 
    color: white; 
    font-size: 11pt; 
    font-family: Tahoma, 'Arial Unicode MS', sans-serif;
}

.ShopBackground
{
    background-color:#792D80;
}

.shopBox
{
    margin :0px 0px 0px 0px;
    background-color:#792D80;
    border-bottom:solid 1px white;
    box-shadow:0px 0px 0px 0px rgba(20%,20%,40%,0.5);
    CURSOR: pointer;
}


.CompanyBox
{
    border-radius: 0px;
    border : 0px solid #CCCCCC;
    color:white;
    margin :2px 2px 2px 2px;
    background-color:#8B898B;
    /*border-bottom:solid 2px white;*/ 
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    CURSOR: pointer;
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function :linear;
}

.CompanyBox:hover
{
    background-color:#ABA9AB;
}

.shopBox:hover
{
    background-color:#7A2D81;
    border-bottom:solid 1px white;
    box-shadow:0px 4px 0px 0px rgba(25,126,169,1);
    CURSOR: pointer;
}

.functionTitle
{
    /*background-color: #F1F9FE; */
    color: #113C4C; 
    font-size: 20pt; 
    font-family: Tahoma, 'Arial Unicode MS', sans-serif;
    box-shadow:0px 1px 0px 0px #C3CECE;
}

.shopName
{
    color:white;
    font-size: 10pt; 
    font-family: Tahoma, 'Arial Unicode MS', sans-serif;
}


.normalLink
{
    color: blue;
    font-size: 11pt; 
    font-family: Tahoma, 'Arial Unicode MS', sans-serif;}

.Bottun {		
          background-color: #F2F2F2;
	}


.Table1 {		
          background-color: #9ff3f6;
	}

.Table1 tr:hover {
          background-color: #ffff99;          
    }

table td.normal-column{
    white-space: nowrap;  /** added **/
}

table td.absorbing-column {
    width: 100%;
}

tr.gray td {
	background-color: #CCCCCC; 
}

.labeltitle {  
    font-size: 22pt;
}
.labeltitle2 {  
    font-size: 18pt;
}
.labeltitle3 {  
    font-size: 14pt;
}

.labelsmall {  
    font-size: 10pt;    
}

.labelbosrdsize {  
    font-size: 11pt;    
}

.labelverticalcenter {  
    font-size: 11pt;     
    text-align:center; 
    height:25px; 
    line-height:25px;  
}



.ErrorMsg
{
    /*background-color: #F1F9FE; */
    color: Red; 
    font-size: 20pt; 
    font-family: Tahoma, 'Arial Unicode MS', sans-serif;
}

.lkbutton
{
	background: transparent url('../images/M01/Login_btn.png') no-repeat  ;
	color: #fff;
	display: block;	
	font: normal 18px Arial Unicode MS, sans-serif;
	font-weight: bold;
	height: 37px;
    width:110px;
	text-decoration: none;
    padding: 8px 0px 0px 0px;    
}

.lkbutton:hover
{
	background: transparent url('../images/M01/Login_btn.png') no-repeat ;
	display: block;	
    text-decoration: none;
    color:yellow; 
    cursor:pointer;
}

.language-style {
            position: fixed;
            top: 21%;
            width: 99%;
            left: 13px;
}

.lblogontitle{
    position: fixed;
    top: 1%;
    width: 98%;
    left: 0px;
    color: #fff;
}

.lblog{
    font: normal Arial Unicode MS, sans-serif;
    color: #fff;
}


.eBSMTableType1 {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 5px 5px 3px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
	
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
}.eBSMTableType1 table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.eBSMTableType1 tr:last-child td:last-child {
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
}
.eBSMTableType1 table tr:first-child td:first-child {
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
}
.eBSMTableType1 table tr:first-child td:last-child {
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
}.eBSMTableType1 tr:last-child td:first-child{
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
}.eBSMTableType1 tr:hover td{
	
}
.eBSMTableType1 tr:nth-child(odd){ background-color:#e3eef9; }
.eBSMTableType1 tr:nth-child(even)    { background-color:#ffffff; }.eBSMTableType1 td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:10px;
	font-family:Tahoma;
	font-weight:normal;
	color:#000000;
}.eBSMTableType1 tr:last-child td{
	border-width:0px 1px 0px 0px;
}.eBSMTableType1 tr td:last-child{
	border-width:0px 0px 1px 0px;
}.eBSMTableType1 tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}

.eBSMTableType1 tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.eBSMTableType1 tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

/* loading 用 */
.modal
{
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    left:0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}

.center
{
    z-index: 1000;
    margin: 300px auto;
    padding: 10px;
    width: 130px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}
.center img
{
    height: 128px;
    width: 128px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    background-color: #f5f5f5;
    z-index:999;
}

/* End of loading 用 */

/* 浮動側邊欄 用 */
.mwt_mwt_slider_scroll
{
	top: 90px;
	/*left:-300px;
	width:300px;	*/
    /*height:500px;*/
	position:fixed;

	z-index:9999;
    /*background-color:red;*/
}
 
.mwt_slider_content{
	background-color:rgba(245,245,245,0.95);/* transparent;/*:transparent  #3c5a98 #228EA5*/
	/*background-color:yellow;/* transparent;/*:transparent  #3c5a98 #228EA5*/
    /*height:550px;*/
    position:absolute;
    /*display: inline-block;*/
    /*height:60pt;*/
   /* top: 200px;
	height:50px;*/
   
   border: 1px solid #d9d9d9;

   box-shadow:3px 3px 12px -12px rgba(20%,20%,40%,0.5);
}
 

.mwt_block_tab {
	position:absolute;
    
    top:0px;
    text-align:center;	        
    height:30px;
	right:-15px;
	width:20px;

    color:#ffffff;

	background-color:rgba(120, 220, 253, 0.6);/*#78dcfd;*/
    text-shadow:2px 2px 2px #CCCCCC;

    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;

}


.mwt_block_tab:before {
  content: '';
  display: inline-block;
  vertical-align: middle ;
  height: 100%;
}
 
.mwt_block_tab_wrapper {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 20px;

}


.mwt_block_tab span {
	display:block;
	height:20px;
    background-color:transparent;
    cursor: pointer;
}

/* End of 浮動側邊欄 用 */


fieldset {
    border:1px solid #dddddd
}

.groupline
{
    background-color: #f8f8f8;
    border-bottom: 1px solid rgba(204,204,204,0.9);
}