/* DEFAULTS */
*{padding: 0px;/* 內距 */margin: 0px;/* 邊界 */}
body {background: #b6b7bc;font-size: 10pt;font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;margin: 0px;padding: 0px;color: #696969;}
.mainNavigation {font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Verdana, Arial, Helvetica, Verdana, sans-serif;text-transform: uppercase; text-align :center ;}
.navigationLinks {font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Verdana, Arial, Helvetica, Verdana, sans-serif;text-transform: uppercase;text-align :center ;}
.navigationLinks img{width :100px;height :100px;border :0;}
/* HEADINGS */
h1, h2, h3, h4, h5, h6{font-size: 1.5em;color: #666666;font-variant: small-caps;text-transform: none;font-weight: 200;margin-bottom: 0px;}
h1{font-size: 1.6em;padding-bottom: 0px;margin-bottom: 0px;}
h2{font-size: 1.5em;font-weight: 600;}
h3{font-size: 1.2em;}
h4{font-size: 1.1em;}
h5, h6{font-size: 1em;}
.company{display: block;float: left;text-align: left;width: auto;}
.company h1 {font-size: 2.5em;color: #ffffff;font-variant: small-caps;  /* 小型大寫字 */text-transform: none;font-weight: 200;margin-bottom: 0px; padding :5px 0px 5px 20px ;}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2{margin-top: 0px;}
/* PRIMARY LAYOUT ELEMENTS */
.main-page {width: 98%;height :100%;background-color: #fff;margin: 0px auto 0px auto;border: 1px solid #496077;padding: 0px 0px 0px 0px;}
.header{/*第二層*/position: relative;margin: 0px;padding: 0px;background:#008B00;width: 100%;height :60px;}
.header h1{font-weight: 700;margin: 0px;padding: 10px 0px 0px 20px;color: #f9f9f9;border: none;font-size: 2em;}
.main{padding: 10px 10px;margin: auto 8px 10px 8px;min-height: 420px;}
.leftCol{padding: 6px 0px;margin: 12px 8px 8px 8px;width: 200px;min-height: 200px;}
.footer{color: #ffffff;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;text-align: center;line-height: normal;background: #008B00;height :50px;}
/* TAB MENU */
div.hideSkiplink{background-color:#3a4f63;width:100%;padding: 0px;}
div.menu{padding: 4px 8px 4px 8px;text-align :left;}
div.menu ul{list-style: none;margin: 0px;padding: 0px;width: auto;}
div.menu ul li a, div.menu ul li a:visited{background-color: #465c71;border: 1px #4e667d solid;color: #dde4ec;display: block;line-height: 1.35em;
    padding: 4px 10px 4px 10px;text-decoration: none;white-space: nowrap;}
div.menu ul li a:hover{background-color: #bfcbd6;color: #465c71;text-decoration: none;}
div.menu ul li a:active{background-color: #465c71;color: #cfdbe6;text-decoration: none;}
/* SCM系統 Menu */
div.ScmMenuSkiplink{background-color : Maroon;width:100%;}
/* FORM ELEMENTS */
fieldset{margin: 1em 0px;padding: 1em;border: 1px solid #ccc;}
fieldset p {margin: 2px 12px 10px 10px;}
fieldset.login label, fieldset.register label, fieldset.changePassword label{display: block;}
fieldset label.inline {display: inline;}
legend {font-size: 1.1em;font-weight: 600;padding: 2px 4px 8px 4px;}
.textEntry {width: 320px;border: 1px solid #ccc;text-transform :uppercase;}
.passwordEntry {width: 320px;border: 1px solid #ccc;}
div.accountInfo{width: 42%;}
/* MISC */
.clear{clear: both;}
.title{display: block; text-align: left;width: auto; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; z-index :1;}
.title h1 { position:static ; font-size: 1.8em;color: #000000;font-variant: small-caps;  /* 小型大寫字 */text-transform: none;font-weight: 200;margin-bottom: 0px; padding :5px 0px 0px 0px; z-index :0;}

.loginDisplay{font-size: 1.5em;display: block;text-align: right;padding: 10px;color: White;}
.loginDisplay a:link{color: white;}
.loginDisplay a:visited{color: white;}
.loginDisplay a:hover{color: white;}
.failureNotification{font-size: 1.2em;color: Red;}
.bold{font-weight: bold;}
.submitButton{text-align: right;padding-right: 10px;}
.button {border-color: #4F4F4F;font-size: 12px;line-height: 24px;color: white;background-image: url(../image/btntestb2.gif);background-repeat: no-repeat;
	height: 30px;width: 98px;text-decoration: none;background-color: #4F4F4F;background-position: center center;text-align: center;vertical-align: middle;
	border: 1px #FFFFFF solid;}
.ExcelButton {border-color: #4F4F4F;font-size: 12px;line-height: 24px;color: white;background-image: url(../image/button.gif);background-repeat: no-repeat;height: 30px;width: 135px;text-decoration: none;
              background-color: #4F4F4F;background-position: center center;text-align: center;vertical-align: middle;border: 1px #FFFFFF solid;}
.FontLage{font-size:16px;color:#6495ED;}
.FontSmall{font-size :12px;color:#BEBEBE;}
.GridView{border-bottom :#BEBEBE 1px dashed;border-top :#FFFFFF;border-left :#FFFFFF;border-right :#FFFFFF;}
/* Popup彈跳視窗Style */
.msg{background-color:#F0FFF0;border: #7F7F7F 1px solid;width:100%;}
.msg-c1{background-color:#8470FF;color:white;text-align: center; padding :5px 5px 5px 5px; } 
.msg-c1 b {font-size :1.3em; }
.msg-c2 {color:#5A5A5A;text-align: left;padding :10px;} 
.msg-c2-right {color:#5A5A5A;text-align: right;padding :10px;} 
/* Popup彈跳視窗Style */
/* 公告內容格式View */
div.sub{font-size:18px;color:#4169E1;font-weight:bold ;}
div.issuer{font-size:10px;color:#B5B5B5;}
div.txt{font-size:16px;color:#000000;}

/* GridView要可以隱藏BoundField，又可以在Server端取到值 */
.hiddencol{display:none;}
.viscol{display:block;}
/* GridView要可以隱藏BoundField，又可以在Server端取到值 */

/*Ajax ControlToolKit AutoComplete 使用 */
.AutoExtender{font-family: Verdana, Helvetica, sans-serif;font-size: 1em;font-weight: normal;border: solid 1px #006699;line-height: 20px;padding: 10px;
    background-color: White;margin-left:10px;text-align :left;}
.AutoExtenderList{border-bottom: dotted 1px #006699;cursor: pointer;color: Maroon;}
.AutoExtenderHighlight{color: White;background-color: #006699;cursor: pointer;}
#divwidth{width: 250px !important;}
#divwidth div{width: 250px !important;}     
/*Ajax ControlToolKit AutoComplete 使用 */
.AutoExtender2{font-family: Verdana, Helvetica, sans-serif;font-size: 1em;font-weight: normal;border: solid 1px #006699;line-height: 20px;padding: 10px;
    background-color: White;margin-left:10px;text-align :left;}
.AutoExtenderList2{border-bottom: dotted 1px #006699;cursor: pointer;color: Maroon;}
.AutoExtenderHighlight2{color: White;background-color: #006699;cursor: pointer;}
#divwidth2{width: 250px !important;}
#divwidth2 div{width: 250px !important;} 
/* 文字方塊浮水印控制項樣式  */
.cssUnwatermark{height:18px;width:148px;font-weight :bold ;}
.cssWatermark{height :20px;width :150px;padding :2px 0 0 2px;border :1px solid #BEBEBE;background-color :#F0F8FF;color :Gray ;}
/* GridView要可以隱藏BoundField，又可以在Server端取到值 */
.hiddencol{display:none;}
.viscol{display:block;}
/* GridView要可以隱藏BoundField，又可以在Server端取到值 */
/* AjaxToolkit ModalPopupExtender 使用的PnlAddEdit 的Css設定內容 */
.modalBackground{background-color: #DCDCDC;filter: alpha(opacity=90);opacity: 0.8;}
.modalPopup1{background-color: #FFFFFF;padding: 10px 10px 10px 10px ;text-align :center ;width:50%;height :50%;}
.modalPopup2{background-color: #FFFFFF;padding: 10px 10px 10px 10px ;text-align :center ;width: auto;height: auto;}    
/* ModalPopup */ 
/* 停駐選單所需的樣式表 */
.cssHoverMenu{position: absolute;visibility: hidden;background-color: #FFFF00;}
/* 資料列所需的樣式表 */
.cssRowHover{background-image: url(~/Image/SelectedRow.png);background-repeat: repeat-x;background-position: left top;background-color: #F5F6F7;}  

/* 新增、修改等功能頁面Style */
.view-table{padding :0; margin :0;width:100%; height :100%;  background-color :#FFEFD5; }
.view-title{text-align: center; background-color :#F6FFDD;border-top :1px solid #696969; border-right :1px solid #696969; border-left :1px solid #696969; }
.view-title h1{ font-size :1.5em; padding :6px 0 6px 0; }
.view-content{background-color:#FFEFD5; text-align :left ;border-top :1px solid #696969; border-right :1px solid #696969; border-left :1px solid #696969; padding :10px 10px 10px 10px; }
.view-content-center{background-color:#FFEFD5; text-align :center ; padding :5px 5px 2px 10px; }
.view-content-center .right { text-align :right}
.view-content h2 {font-weight:bold ;color:#4169E1; font-size :1.2em;padding :10px 10px 5px 10px;}
.view-content h4{ color:#B5B5B5;font-size :1.0em;font-weight:normal ;padding :0px 10px 5px 10px;}
.view-content p {color:#000000;text-align: left;font-size:1.1em;padding :0px 10px 5px 10px;}
.view-footer{text-align: center; background-color :#F6FFDD; padding :6px 0 6px 0; border :1px solid #696969; }

.meg-content-right{ width: 30%; }
.meg-content-right p{ padding :5px 0px 2px 2px ;text-align :right;font-weight: bold;}
.meg-content-left{ width: 70%; }
.meg-content-left p { padding :5px 0px 2px 2px ;text-align:left ;font-weight:normal ;}
.meg-content-left-bold p {padding :5px 0px 2px 2px ;text-align :left;font-weight: bold;} 
/* 新增、修改等功能頁面Style */

/*********************************/
/*  8. Repeater 分頁Pager Style  */
/*********************************/
.page {margin-top:5px;margin-bottom:5px;font-size: 14px;}
.page a{color:#222;border:solid 1px #ccc;padding-left:5px;padding-right:5px;height:25px;line-height:25px;text-decoration:none;display:inline-block;margin-right:3px;}
.page a:hover{text-decoration:none;color:#F00;border:solid 1px #F00;} 

/* 首頁 News Repeater Item Style */
.rep {width:100%;border:1px solid rgb(200,200,200); padding :0; margin :0; height :auto;}
.rep-text {color:#1E90FF;text-decoration:none; padding :0px 5px 0px 10px;}
.rep-row0 {background-color:#FFEBCD;padding :10px 10px 10px 10px; border-bottom :1px dotted #828282; height :25px;}
.rep-row0:hover{background-color:rgb(143,174,215); /*background-color:rgb(143,174,215) /*For blue background*/color:rgb(255,255,255); text-decoration:none; font-weight :bold ;}
.rep-row1 {background-color:#FFFFFF;padding :10px 10px 10px 10px; border-bottom :1px dotted #828282; height :25px;}
.rep-row1:hover{background-color:rgb(143,174,215); /*background-color:rgb(143,174,215) /*For blue background*/color:rgb(255,255,255); text-decoration:none; font-weight :bold ;}
.rep-right {text-align :right ; float :right ;}
.rep-left {text-align :left; float :left ;}
.rep-left c1 {font-size:120%;display : inline-block;}
.rep-left c1:hover {color: #FF0000;text-decoration: none;}
.rep-left c2 {font-size :100%; color :rgb(130,130,130);  }
/* 首頁 News Repeater Item Style */
/* 會議記錄 Repeater Item  Style*/
.rep-table{margin: 0;width: 100%; border-spacing :1px;}
.rep-table-header{background: #2980b9; color :#ffffff; height :25px; text-align :center ; font-size :120%;}
.rep-table0 {background-color:#FFEBCD;padding :10px 10px 10px 10px; height :auto;}
.rep-table0:hover{background-color:rgb(143,174,215); /*background-color:rgb(143,174,215) /*For blue background*/color:rgb(255,255,255); text-decoration:none; font-weight :bold ;}
.rep-table1 {background-color:#FFFFFF;padding :10px 10px 10px 10px; height :auto;}
.rep-table1:hover{background-color:rgb(143,174,215); /*background-color:rgb(143,174,215) /*For blue background*/color:rgb(255,255,255); text-decoration:none; font-weight :bold ;}
.rep-table-cell-left{ text-align :left; font-size :110%; }
.rep-table-cell-center{ text-align :center ;font-size :110%}
.rep-table-cell-right{ text-align :right ;font-size :110%}
/* 會議記錄 Repeater Item  Style*/
/*Repeater 第二層*/
.rep2-table-header{background: #A52A2A; color :#ffffff; height :20px; text-align :center ; font-size :110%;}
.rep2-row {background-color:#CCCCCC;padding :10px 10px 10px 10px; border-bottom :1px dotted #828282; height :25px;}
/*Repeater 第二層*/
/* 首頁模組Style */
.module-icon { padding :5px 5px 5px 5px; text-align :center ;}
.module-icon img {width :auto;height :auto;border :0;z-index :1;}
/* 首頁模組Style */
/* 公告管理-管理辦法 */
#way-tree {	vertical-align: top;width: 250px; height :800px; }
iframe {border: 1px dotted gray;}
/* 公告管理-管理辦法 */
/* SCM系統：交貨通知單查詢 */ 
#css_table {display:table;}
.css_tr {display: table-row;}
.css_td {display: table-cell;}
/* SCM系統：交貨通知單查詢 */
/* 上傳檔案  */
.modalBackground{background-color: Gray;filter: alpha(opacity=50);opacity: 0.50;}
.pnl{background: #4682B4;padding: 10px;border: 2px solid #ddd;float: left;font-size: 1em;color:White;position: fixed;
	 top: 50%; left: 50%;z-index: 99999;box-shadow: 0px 0px 20px #999; /* CSS3 */
     -moz-box-shadow: 0px 0px 20px #999; /* Firefox */
     -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	 border-radius:3px 3px 3px 3px;
     -moz-border-radius: 3px; /* Firefox */
     -webkit-border-radius: 3px; /* Safari, Chrome */}
.close {DISPLAY: block;BACKGROUND: url(../image/close1.png) no-repeat 0px 0px;LEFT: -12px;WIDTH: 26px;TEXT-INDENT: -1000em;POSITION: absolute;TOP: -12px;HEIGHT: 26px;} 
/* 上傳檔案  */