html,body, #content{
	width: 100%;
	height: 100%;
    margin:0;
    padding:0;
    background: #e8e9ee url(../images/bg.jpg) top left repeat-y;
    font-family: 微軟正黑體;
}
#LoginBox {
    width: 320px;
    height: 320px;
    background-color: #f2f2f4;
    border-radius: 5px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -180px;
    margin-top: -180px;
    padding: 18px; 
    box-shadow: 0 0 5px #777777;
    behavior: url(./js/PIE.htc);
}
#LoginLogo {
    width:100%;
    height:auto;
    text-align:center;
    margin:8px 0;
    font-size:19pt;
    color:#232323;
}
#LoginLogo img {
    border:solid #d8d8d8 1px;
}
#LoginTextArea {
    background-image:url(../images/area.jpg);
    width:320px;
    height:141px;
}

#UserName {
    border:0px;
    background-color:#e6e7eb;
    margin-top:10px;
    margin-left:60px;
    width:250px;
    height:50px;
    font-size:16pt;
    color:#3c3d41;
    line-height:50px;
}
#UserPassword {
    border:0px;
    background-color:#e6e7eb;
    margin-top:18px;
    margin-left:60px;
    width:250px;
    height:50px;
    font-size:16pt;
    color:#3c3d41;
    line-height:50px;
}
#LoginButton {
    width:320px;
    height:64px;
    border-radius:5px;
    font-size:16pt;
    margin-top:10px;
    color:#ffffff;
}
#content {
	height: 100%;
	width: 100%;
	margin: 0px;
}
#left {
    min-width:230px;
    width:12%;
    background-color:#313940;
    height:100%;
    position:fixed;
    float:left;
    overflow:auto;
    overflow-x:hidden;
	z-index:999;
}
#right {
    width:auto;
    padding:1% 1% 1% 250px;
    color:#313940;
    height:500px;
    min-width:600px;
}
/*Tree style*/
/*.PageLogo {
    width:230px;
    height:74px;
    background-color:#242a34;
    display:block;
}
.PageLogo img {
    margin:18px 20px 10px 20px;
}
.Tree {
    margin-top:-22px;
    padding:0px;
    color:#aab2b9;
    position:relative;
}

.ctl00_TreeView1_0 {
    color:#aab2b9;
    width:218px;
    height:40px;
    line-height:35px;
    display:block;
    padding-top:5px;
    background-color:#313940;
    padding-left:10px;
    border-top:solid #242a34 1px;
}
.Tree span {
    margin-left:-10px;
    
}
.Tree table td a{
    width:218px;
    height:40px;
    line-height:35px;
    padding-top:5px;
    color:#aab2b9;
    padding-left:10px;

}
.Tree td img {
    position:absolute;
    right:0;
    margin-top:12px;
    margin-right:16px;
}
.Tree td a:hover {
    color:#FFFFFF;
    font-size:17px;
}*/



.PageLogo {
    width:230px;
    height:74px;
    background-color:#242a34;
    display:block;
}
.PageLogo img {
    margin:18px 20px 10px 20px;
}
.Tree {
    margin-top:-22px;
    padding:0px;
    color:#aab2b9;
    position:relative;
    top: 0px;
    left: 0px;
}

.ctl00_TreeView1_0,.TreeView1_0 {
    color:#aab2b9;
    width:218px;
    height:40px;
    line-height:35px;
    display:block;
    padding-top:5px;
    background-color:#313940;
    padding-left:10px;
    border-top:solid #242a34 1px;

}
.Tree span {
    /*margin-left:-10px;*/
    
}
/*.Tree table td {
    width:218px;
    height:40px;
    line-height:35px;
    padding-top:5px;
    color:#aab2b9;

}*/
.Tree td img {
    position:absolute;
    right:0;
    margin-top:-5px;
    margin-right:16px;
}
.Tree td a:hover {
    color:#FFFFFF;
    /*font-size:17px;*/
}
/*Tree style*/

ol, ul {
    list-style: none;
}
#right ul {
    width:100%;
    float:left;
    height:auto;
    padding:0;
    margin-bottom:20px;
}
#right ul li{
    float:none;
    margin-bottom:20px;
}
#right ul li ul{
    width:100%;
    float:left;
    height:auto;
    padding:0;
    margin:0;
    font-size:0px;
}
#right ul li ul li, #mytb span.cke_skin_kama, #ctl00_ContentPlaceHolder1_GridView1 span.cke_skin_kama{
    width:600px;
    height:302px;
    margin-right:10px;
    display:inline-block;
}
.TxtTitle {
    width:auto;
    height:30px;
    color: #242a34;
    background-color:#aab2b9;
    font-size:18px;
    line-height:30px;
    margin-bottom:20px;
    margin-top:10px;
    padding-left:10px;
    padding-right:10px;
    border-left:5px solid #242a34;
    float:none;
    display:inline-block;
}
#PageTopLeft {
    width:auto;
    float:left;
}
#PageTopRight {
    width:auto;
    right:0;
    top:10px;
    float:right;
    margin-right:1%;
    text-align:right;
    position:absolute;
}
.PageTB {
    background-color:#fff;
    color:#242a34;
    width:300px;
    height:26px;
    padding-left:10px;
    padding-right:10px;
    line-height:26px;
    border:1px solid #242a34;
    font-family:'微軟正黑體';
}
.PageTB2 {
    background-color:#fff;
    color:#242a34;
    padding-left:5px;
    padding-right:5px;
    height:26px;
    line-height:26px;
    border:1px solid #242a34;
    font-family:'微軟正黑體';
}
.PageBtn {
    background-color:#aab2b9;
    color:#242a34;
    width:auto;
    padding-left:10px;
    padding-right:10px;
    height:30px;
    line-height:30px;
    text-align:center;
    display:inline-block;
    border:0px;
    cursor:pointer;
}
.PageBtn2 {
    background-color:#ffff00;
    color:#f34a4a;
    width:auto;
    padding-left:10px;
    padding-right:10px;
    height:30px;
    line-height:30px;
    text-align:center;
    display:inline-block;
    border:0px;
    cursor:pointer;
}
.PageBtn_Del {
    background-color:#f34a4a;
    color:#242a34;
    width:auto;
    padding-left:10px;
    padding-right:10px;
    height:30px;
    line-height:30px;
    text-align:center;
    display:inline-block;
    border:0px;
    cursor:pointer;
}
.PageBtn_Upd {
    background-color:#69c74c;
    color:#242a34;
    width:auto;
    padding-left:10px;
    padding-right:10px;
    height:30px;
    line-height:30px;
    text-align:center;
    display:inline-block;
    border:0px;
    cursor:pointer;
}
.PageBtn_Add{
    /*background-color:#5bc0de;*/
    background-color:#5bc0de;
    color:#242a34;
    width:auto;
    padding-left:10px;
    padding-right:10px;
    height:30px;
    line-height:30px;
    text-align:center;
    display:inline-block;
    border:0px;
    cursor:pointer;
    margin-left:305px;
}
.forUdBtn {
    margin-left:550px;
}
.forUdBtn2 {
    margin-left:355px;
}
/*#CkContent {
    width:100%;
    float:none;
}
#CkContent .ForCk {
    width:600px;
    height:300px;
    margin-top:10px;
    margin-bottom:10px;
    margin-right:10px;
    display:block;
    float:left;
}*/
#right ul li ul li span.cke_skin_kama, #mytb span.cke_skin_kama, #ctl00_ContentPlaceHolder1_GridView1 span.cke_skin_kama{
    border:0;
}
.p_tdlr {
    padding:5px;
    border-bottom:solid 1px #353A42;
}
.p_r {
    padding-right:5px;
}
.p_tdlr_head {
    height:30px;
    line-height:30px;
    padding:5px;
    color:#ffffff;
    text-align:left;
    border-left:solid 1px #e8e9ee;
}
.fileupload {
    /*position:absolute;
    opacity:0;
    width:100%;
    height:100%;
    cursor:pointer;*/
    border:1px solid #242a34;
    background-color: #ffffff;
    background-image: none;
    margin-top:4px;
    height:26px;
    width:200px;
    display:block;
    margin-right:16px;
    line-height:26px;
    padding:1px 2px 1px 2px;
}
.pager {
	margin-bottom: 10px;
    width:auto;
    font-size:12pt;
    height:40px;
}
.pager a {
    text-decoration:none;
    margin-top: 10px;
}
/* pager links */
.pager a:link {
	   COLOR: #242a34;background-color:#aab2b9; border:0px; padding:3px 10px 3px 10px;  margin-right:1px;margin-left:1px;display:inline-block;
}
.pager a:visited {
	  COLOR: #242a34;background-color:#aab2b9; border:0px; padding:3px 10px 3px 10px;  margin-right:1px;margin-left:1px;display:inline-block;
}
.pager a:hover {
	  COLOR: #fff;background-color:#242a34; border:0px; padding:3px 10px 3px 10px;  margin-right:1px;margin-left:1px;display:inline-block;margin-top: 10px;
}
.pager span  {
      COLOR: #fff;background-color:#242a34; border:0px; padding:3px 10px 3px 10px;  margin-right:1px;margin-left:1px;display:inline-block;margin-top: 10px;
}
.MyBorder {
    border:1px solid #242a34;
}
.for_FileUploads {
    float:left; width:auto; margin-bottom:10px; background-color:#aab2b9; padding:5px;
}