/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* -----------------...........--------------------------------------------------------------------------------------- */
body 
{
    border:0; margin:0; padding:0; 
    background:url("../img/bg.jpg") repeat-x 0 0;
    font:70%/160% "verdana",sans-serif; 
    color:#666666; _text-align:center;
}

#main {width:100%; margin:0 auto 0 auto; _text-align:left;}
#header {width:1000px; margin:0 auto;}
#header table{margin:0 auto;border: 0px none #fff;}
#pageBox {margin:-1px auto;width:100%;}

div.loginPanel {float:right; margin-right:4px;padding-top:4px;font-size:15px;font-weight:bold;color:#ffffff;font-family: "微軟正黑體", "標楷體";}
div.loginPanel a{color:#ffffff; display:inline-block;}
#helpLink { float:right; width:50px;height:18px; margin-left:6px;}

/* Page (2 columns) */
/*  */
#page-left {float:left;width:152px; height:auto;min-height:100px;overflow:visible; border:0px none #fff; border-right-width:2px; border-bottom-width:2px;}
#page-right {min-height:400px;width:auto; margin:0px auto 0px 152px;height:auto;overflow:visible; padding:0px 4px 0px 0px}

.LMenu{overflow:hidden; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; border-right-color:black; border-bottom-color:gray; border-left-color:gray; width:140px; padding-top:0px; padding-left:5px; padding-right:0px; padding-bottom:0px}
.LMenuPanel{margin:0px; padding:0px}
.LMenuPanelTab{cursor:pointer; -moz-user-select:none; -khtml-user-select:none; height:24px; border-top-style:none; border-bottom-style:none; margin:0px; background-image:url("../img/button_bk.jpg"); padding-top:6px; padding-right:0px; padding-bottom:0px; padding-left:24px; font-family:"微 軟 正 黑 體 ","Times New Roman"; font-size:16px; font-weight:bold; color:#003; text-decoration:none; letter-spacing:1px; background-repeat:no-repeat; background-position:center center; border-right-style:none; border-left-style:none; border-right-width:1px; border-left-width:1px; border-right-color:#CCC; border-left-color:#CCC}
.LMenuPanelContent{overflow:auto; margin:0px; padding:0px 0px 10px 0px; min-height:150px; height:auto; border-right-width:1px; border-left-width:1px; border-right-style:none; border-left-style:none; border-right-color:#CCC; border-left-color:#CCC; border-bottom-width:1px; border-bottom-style:none; border-bottom-color:#CCC; border-top-style:none}
.LMenuPanelOpen .LMenuPanelTab{color:#FF0; background-image:url("../img/button_bk_active.jpg"); background-repeat:no-repeat; background-position:center center}
.LMenuPanelTabHover{color:#FFF; background-image:url("../img/button_bk_hover.jpg"); background-repeat:no-repeat; background-position:center center}
.LMenuPanelOpen .LMenuPanelTabHover{color:#FFF}
.LMenuFocused .LMenuPanelTab{background-color:#39F}
.LMenuFocused .LMenuPanelOpen .LMenuPanelTab{background-color:#3CF}
.LMenu div.amenu01{float:left; width:140px}
.LMenu div.amenu01 ul{float:left; width:140px; margin:0px; padding:0px; list-style-type:none}
.LMenu div.amenu01 li{float:left; width:130px; margin:0px 0px 0px 2px; padding:0px; list-style-type:none}
.LMenu div.amenu01 li.ActiveLink{ font-weight:bolder; color:#000;}
.LMenu div.amenu01 li.ActiveLink a{ font-weight:bolder; color:#000;}
.LMenu div.amenu01 a{float:left; margin:0px; width:112px; list-style-type:none; font-family:Arial,"新 細 明 體 "; font-size:11pt; line-height:25px; text-decoration:none; background-image:url("../img/line_2.jpg"); background-position:left -1px; color:#666; display:block; background-repeat:no-repeat; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:23px}
.LMenu div.amenu01 a:hover{float:left; width:112px; margin:0px; list-style-type:none; font-family:Arial,"新 細 明 體 "; font-size:11pt; line-height:25px; text-decoration:none; background-image:url("../img/line_hover_2.jpg"); background-position:left -1px; color:#900; display:block; background-repeat:no-repeat; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:23px; font-weight:bold}
.LMenu div.amenu01 a:active{float:left; width:112px; margin:0px; list-style-type:none; font-family:Arial,"新 細 明 體 "; font-size:11pt; text-decoration:none; background-image:url("../img/line_active_2.jpg"); background-position:left bottom; color:#006; display:block; background-repeat:no-repeat; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:23px; font-weight:bold}


#leftMenuBar{height:68px;width:18px;float:right;}
#leftMenuBar img { float:right; cursor:pointer;}
#leftMenuPanel{}
#toolMenu{background:url("../img/twoRowTdBg.png") 0 0 repeat-x;}
#toolMenu div.imgBtn{ cursor:pointer; margin:2px; display:inline-block;}
#toolMenu div.imgBtn img { width:48px; height:48px;}
#toolMenu div.imgBtn:hover{ border: 1px solid #0997F7;color:#000;}
#toolMenu span.imgBtnText{ width :20px; font-size:18px; display:inline-block; float:right; line-height:24px; font-weight:bold;}
#toolMenu span.imgBtnText_en{ font-size:18px; display:inline-block; line-height:24px; font-weight:bold;}
#toolMenu div.imgBtn span.twoWord{ width :38px;}
/* #mainContent { min-height:566px;width:100%; border:1px solid #000;}  */
/* Footer  */
#footer { display:none; position:relative; clear:both; width:840px; height:30px; margin-bottom:50px; color:#6685CC;margin:0 auto;} 
/*  Footer - copyright */
#footer #copyright {position:absolute; top:10px; left:20px; margin:0;
    width: 667px;
}
#copyright p
{    
    margin:0 auto;
    height:14px;
}
/* Footer - created by */
#createdby {position:absolute; top:10px; left:562px; margin:0; color:#8CA3D8;}
#createdby a {color:#8CA3D8;}

label.notify{color:Red;font-weight:bold;}
span.notify{color:Red;font-weight:bold;}
img.icon{cursor :pointer;cursor :hand; }
div.winFormHeader {
   width:auto;
   height: 20px;
   font-size: 12pt; font-weight: bold; text-align: left;
   padding-top: 2px;
   padding-bottom: 2px;
   white-space: nowrap;
   background: url(../img/oneRowTdBg_light.png) 0 0 repeat-x;
   color: #000000;
   border:1px solid #B7CAF6;
   cursor: move;
}
.panelFormShow
{
    background-color:#fff;    
}
.maskdivMsg div
{
    float:left;
}
div.maskdivMsg
{
    background-color:#fff;    
    border:0px none #fff;
}
span.alink{
    cursor:pointer;
    color:Blue;
    text-decoration:underline;
}
div.tipShow
{
    position:absolute;
    background-color:#EBFF99;
    color:#DF3131;
    padding:4px;
    border:1px solid #C8AF49;
}
span.showLabel{ border:1px solid #000; min-height:18px;}

td.wd20{width:20px;}
td.wd40{width:40px;}
td.wd60{width:60px;}
td.wd70{width:70px;}
td.wd80{width:80px;}
td.wd90{width:90px;}
td.wd110{width:110px;}
td.wd140{width:140px;}
td.wd130{width:130px;}
td.wd160{width:160px;}
td.wd180{width:180px;}
td.wd200{width:200px;}
td.wd220{width:220px;}
td.wd250{width:250px;}
td.wd450{width:450px;}
td.wd590{width:590px;}

.grip{
	width:20px;
	height:30px;
	margin-top:-3px;
	        
	margin-left:-5px;
	position:relative;
	z-index:88;
	cursor:e-resize;
}

.grip:hover{
	background-position-x:-20px;
}

.dragging .grip{
	background-position-x:-40px;
}

#toolMenu .desc {
    color: blue;
    font-size: 16px;
    margin-left: 10px;
}

.loginpaging-2 {
    padding: 0 0 2px 0;
}

#loginPanelDiv {
    max-width: 1000px;
    margin: 100px auto;
    font-size: 13pt;
    font-family: "微軟正黑體", "標楷體";
    /*border-radius: 20px;
    padding: 20px;
    background-color: #fff;*/
}

#loginPanelDiv input.loginInput {
    margin-left: 10px;
    width: 150px;
}

#loginPanelDiv td.loginLab {
    text-align: right;
    width: 30%;
}

#loginPanelDiv td.loginBtn {
    text-align: center;
}

#loginPanelDiv input {
    height: 30px;
    border-radius: 5px;
    border: 1px solid #109ba9;
    padding: 5px;
}

#loginPanelDiv input.loginInput {
    font-size: 20px;
        
}

#msg {
    width: 500px;
    margin: 0 auto;
}

#ctl00_ContentPlaceHolder2_loginMsg {
    display: inline-block;
    margin-top: 10px;
}

.frgbtn {
    border: 1px solid #109ba9;
    color: #109ba9;
    background-color: #fff;
    border-radius: 5px;
    padding: 0 10px !important;
    height: 30px !important;
}

.frgbtn:hover {
    color: #fff;
    background-color: #b4edf3;
}

.loginbtn {
    border: 1px solid #109ba9;
    color: #fff;
    background-color: #109ba9;
    border-radius: 5px;
    padding: 0 23px !important;
    height: 30px !important;
}

.loginbtn:hover {
    color: #109ba9;
    background-color: #b4edf3;
}

.loginmain {
    position: fixed;
    width: 100%;
    min-height: 700px;
    height: 100vh;
    background-image: url(../img/BK.jpg);
}

.login-company {
    font-size: 26px;
    height: 30px;
    text-align: center;
    padding-bottom: 10px;
    font-weight: 800;
}