﻿/*IE8跟-moz-border-radius相衝！！不要使用！！*/

*{
	margin:0; padding:0;
	/*border:solid 1px red; */
}

body{
	font-family:Times New Roman, 微軟正黑體;
	/*margin:0px 0px 0px 0px;
	padding:0px;*/
	color:rgb(55,55,55);
}

input[type=text] , input[type=password]{
    height:22px; 
    font-size:16px;
    margin:2px 0px 2px 0px;
    border:solid 1px rgb(110, 183, 255);
    font-family:Times New Roman, 微軟正黑體;
    padding:0px 0px 0px 0px;
    color:rgb(55,55,55);
}
/*input[type=text]:not(.tdOftbStrata input) {
    padding: 0px 0px 0px 0px;
}*/

select{
    height:24px; 
    font-size:16px;
    margin:2px 0px 2px 0px;
    border:solid 1px rgb(110, 183, 255); 
    font-family:Times New Roman, 微軟正黑體;
    padding:0px 0px 0px 0px;
    color:rgb(55,55,55);
    background-color:rgb(255,255,255);
}

textarea{
    font-size:16px;
    margin:2px 0px 2px 0px;
    border:solid 1px rgb(110, 183, 255); 
    resize:none;
    font-family:Times New Roman, 微軟正黑體;
    padding:0px 0px 0px 0px;
    color:rgb(55,55,55);
    background-color:rgb(255,255,255);
}

.tbStrata input[type=text], .tbStrata select{margin:1px 0px 1px 0px;text-align:center;border-style:none;}

span[disabled=disabled] label{color:rgb(160,160,160);}
tr[disabled=disabled] td{color:Gray;}
input[type=text][disabled=disabled], input[type=text][disabled], input[type=text][disabled='disabled'], textarea[disabled='disabled'] {
    color: Gray;
    background-color: #eeeeee;
}
select[disabled=disabled]{color:Gray;background-color: #eeeeee;}
td[disabled=disabled]{color:Gray;background-color: #eeeeee;}
td.aspNetDisabled,td input.aspNetDisabled {color: Gray;background-color: #eeeeee;}

#FileUpload1, #ctl00_FileUpload1{
    filter:alpha(opacity=0);
	opacity:0;
	cursor:pointer;
}

#ButtonOpen{
	cursor:pointer;
	margin-bottom:5px;
}
        
.tbInput{
    font-size:16px;
    width:625px;
}
.tbInput * tr td:first-child{padding-left:25px;}
.tbStrata * tr td:first-child{padding-left:0px;}
.Tab3 * tr td:first-child{padding-left:0px;}
.tbInput * select{width:100.83333%;}
.tbInput * input[type=text], .tbInput * input[type=password], .tbInput * textarea{width:100%;}

.tbInput * th{
    color:lightseagreen;
    height:25px;
    text-align:left;
    vertical-align:middle;
    font-weight:bold ;
    padding-bottom:5px;
    position:relative;
}

.tbInput * hr{
	border:1px solid rgb(240,240,240);
	margin:5px 0px 10px 0px;
	padding:0;
}

.tbInput tbody tr td{vertical-align:middle;padding:0px 3px 0px 3px;}

.ajax__validatorcallout_callout_cell, .ajax__validatorcallout_callout_arrow_cell {
    width: 20px;
    padding: 0px 0px 0px 0px !important;
    margin: 0px;
}
.ajax__validatorcallout_icon_cell img, .ajax__validatorcallout_innerdiv img {margin:5px 0px 5px 0px !important;}

.tbInput tbody tr:first-child{border-bottom:1px solid rgb(51, 153, 255);}
.tbInput tbody tr:first-child * img{margin:4px 5px -4px 0px;}
.tbInput tbody tr:last-child{border-bottom:30px solid transparent;}
.tbStrata tbody tr:last-child{border-bottom:0px solid transparent;}
.tbStrata tbody tr td:first-child{padding:0px 3px 0px 3px;}
.tbStrata1 tbody tr td{padding:0px 0px 0px 0px;}
.tbStrata1 tbody tr td:first-child{padding:0px 0px 0px 0px;}

.tbIntbInput{width:597px;}
.tbIntbInput tbody tr:first-child{border-top:15px solid white;border-bottom:0px;}
.tbIntbInput tbody tr:last-child{border-bottom:0px;}

#BoxAdvR tbody tr {border-bottom:0px solid transparent;}
#BoxAdvR tbody tr td{border:1px solid rgb(221, 221, 221);}

.spanArr{font-size:13px;color:rgb(70, 151, 208);}

.NavBase {
    height: 641px;
    width: 197px;
    background-color: White;
    border-top: 0px solid rgb(188,215,255);
    border-right: 1px solid rgb(188,215,255);
    border-bottom: 1px solid rgb(188,215,255);
    border-left: 1px solid rgb(188,215,255);
    margin: 0px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    /*-moz-border-radius:5px 5px 0px 0px;*/
    -webkit-border-radius: 5px 5px 0px 0px;
    background-image: url(../images/BackOfIndex3.Png);
    background-repeat: repeat-x;
    background-position: bottom;
}	

#DivMain, #ctl00_DivMain{
	height:600px;
	background-color:#e2eeff;
	background-image:url(../images/BackofIndex.png);
	background-repeat:repeat-x;
}

#ImgCATii, #ctl00_ImgCATii{width:80px;height:80px;margin:7px 0px 0px 30px;}
#ctl00_ImgCATiiDetail{width:180px;height:36px;margin:0px 0px 43px 0px;}
#ImgProgramName, #ctl00_ImgProgramName{width:192px;height:24px;margin:13px 0px 0px 28px;}

#PanelNavTree * li * img, #ctl00_PanelNavTree * li * img{width:18px;height:18px;margin:0px 0px -4px 1px}	
	
#DivNavTree, #DivLogIn, #PanelNavTree, #ctl00_DivNavTree, #ctl00_DivLogIn, #ctl00_PanelNavTree{
	margin:4px 4px 4px 25px;
	padding:5px;
	line-height:120%;
	/*background-color:White;
	border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius:5px 5px 5px 5px;
    border:solid 1px #dddddd;*/
    font-size:16px;
}
#ctl00_PanelNavTree div ul li ul li a{font-size:14.5px;}

#DivIndexLogIn{
	padding:5px 8px 5px 8px;
	line-height:100%;
	width:211px;
	background-color:rgb(236, 244, 255);
	border-radius:2px 2px 2px 2px;
    -webkit-border-radius:2px 2px 2px 2px;
    border:solid 1px rgb(110, 183, 255);
} 

#DivLogIn{margin-bottom:20px;}
#PanelNavTree, #ctl00_PanelNavTree{height:500px;text-align:left;}

.Button1 {
    border: solid 1px rgb(51, 153, 255);
    border-radius: 12px 12px 12px 12px;
    /*-moz-border-radius:3px 3px 3px 3px;*/
    -webkit-border-radius: 12px 12px 12px 12px;
    cursor: pointer;
    padding: 1px;
    font-family: Verdana;
    background: linear-gradient(rgb(250,250,250),rgb(250,250,250),rgb(250,250,250),rgb(212,236,255),rgb(190,224,255),rgb(168,212,255));
    margin: 2px 0px 2px 0px;
    color: rgb(70, 151, 208);
    font-family: Verdana, 微軟正黑體;
}
.Button1:hover {
    box-shadow: 0px 0px 5px rgb(51,153,255);
}

.Button1Green {
    border: solid 1px seagreen;
    border-radius: 12px 12px 12px 12px;
    -webkit-border-radius: 12px 12px 12px 12px;
    cursor: pointer;
    padding: 1px;
    font-family: Verdana;
    margin: 2px 0px 2px 0px;
    background: linear-gradient(rgb(235, 250, 235),rgb(235, 250, 235),rgb(235, 250, 235),rgb(179, 230, 200),rgb(179, 230, 200),rgb(179, 230, 200));
    color: seagreen;
    font-family: Verdana, 微軟正黑體;
}
.Button1Green:hover {
    box-shadow: 0px 0px 5px seagreen;
}

.Button1Indianred {
    border: solid 1px indianred;
    border-radius: 12px 12px 12px 12px;
    -webkit-border-radius: 12px 12px 12px 12px;
    cursor: pointer;
    padding: 1px;
    font-family: Verdana;
    background-color: rgb(250,250,250);
    margin: 2px 0px 2px 0px;
    background-image: linear-gradient(to bottom,white,white,white, rgb(238,201,201), rgb(238,201,201), rgb(238,201,201));
    color: indianred;
    font-family: Verdana, 微軟正黑體;
}
.Button1Indianred:hover {
    box-shadow: 0px 0px 5px indianred;
}

.Button2{
	border:solid 1px seagreen;
	border-radius:12px 12px 12px 12px;
    /*-moz-border-radius:3px 3px 3px 3px;*/
    -webkit-border-radius:12px 12px 12px 12px;
    cursor:pointer;	
    padding:1px;
    font-family:Verdana;
    font-size:16px;
    background-color:rgb(250,255,189);
    margin:3px 0px 3px 0px;
    color:seagreen;
    font-family:Verdana, 微軟正黑體;
}
.Button3{
	border:solid 1px indianred;
	border-radius:12px 12px 12px 12px;
    /*-moz-border-radius:3px 3px 3px 3px;*/
    -webkit-border-radius:12px 12px 12px 12px;
    cursor:pointer;	
    padding:1px;
    font-family:Verdana;
    font-size:16px;
    background-color:rgb(250,255,189);
    margin:3px 0px 3px 0px;
    color:indianred;
    font-family:Verdana, 微軟正黑體;
}

#LbNoteCal, #ctl00_LbNoteCal{font-size:12px;color:IndianRed;}

#DivTools{
	width:300px;
	float:right;
	background-color:#ecf4ff;
	border-radius:5px 5px 5px 5px;
    /*-moz-border-radius:5px 5px 5px 5px;*/
    -webkit-border-radius:5px 5px 5px 5px;
    border:solid 1px white;
    height:85px;
}

#DivToolsInner{
	padding:12px 20px 0px 0px;
}

.DivLoading {
	background-color:white;
	border:solid 2px indianred;
	color:indianred;
	font-family:Verdana;
	font-size:20px;
	font-weight:bold;
	position:fixed;
	padding:10px;
	width:220px;
	height:44px;
	text-align:center;
	z-index:5002;
}

.DivNote {
	background-color:white;
	border:solid 1px indianred;
	color:indianred;
	font-family:Verdana, 微軟正黑體;
	font-size:12px;
	padding:6px;
	font-weight:normal;
	text-align:left;
	margin-top:8px;
}
 
.Tab3 .ajax__tab_tab, .Tab3 .ajax__tab_hover .ajax__tab_tab, .Tab3 .ajax__tab_active .ajax__tab_tab{
    height:20px;
    width:50px;
    vertical-align:middle;
    border-radius:4px 4px 0px 0px;
    -webkit-border-radius:4px 4px 0px 0px;
    font-size:14px;
    line-height:21px;
    padding:2px;
    margin:0px 0px -1px 3px;
    cursor:pointer;
}

.Tab3 .ajax__tab_tab{ 
    border:1px solid rgb(183, 219, 255);
    border-bottom:1px solid rgb(110, 183, 255);
    background-color:white;
    color:rgb(153, 204, 255);
    background-image:none;
}               
            
.Tab3 .ajax__tab_hover .ajax__tab_tab{
    border:1px solid rgb(110, 183, 255);
    border-bottom:1px solid rgb(110, 183, 255);
    background-color:white;
    color:rgb(110, 183, 255);
    background-image:none;
}

.Tab3 .ajax__tab_active .ajax__tab_tab{ 
    border:1px solid rgb(110, 183, 255);
    border-bottom:1px solid white;
    background-color:rgb(243, 248, 255);
    color:rgb(55, 55, 55);
    background-image:url(../images/TabActive.Png);
} 

.Tab3 .ajax__tab_body{
    border:0px solid;
    padding:0px;
    background-image:none;
}

.Tab3 .ajax__tab_header{
    margin:20px -3px 0px 0px;
    border-bottom:1px solid rgb(110, 183, 255);
}

.Tab3{
    text-align:left;
}  

.h5{height:5px;}
.h10{height:10px;}
.h15{height:15px;}
.h200{height:200px;}
.w15{width:15px;}
.w20{width:20px;}
.w25{width:25px;}
.w30{width:30px;}
.w40{width:40px;}
.w45{width:45px;}
.w50{width:50px;}
.w55{width:55px;}
.w60{width:60px;}
.w65{width:65px;}
.w70{width:70px;}
.w75{width:75px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w120{width:120px;}
.w140{width:140px;}
.w145{width:145px;}
.w150{width:150px;}
.w160{width:160px;}
.w170{width:170px;}
.w175{width:175px;}
.w470{width:470px;}
.left{text-align:left;}
.paddingleft5{padding-left:5px;}
.paddingleft10{padding-left:10px;}
.paddingleft15{padding-left:15px;}
.textaligncenter{text-align:center;}

.img2{cursor:pointer;margin:0px 0px 1px 5px;}

.divBoxBase {
    border: 1px solid rgb(110, 183, 255);
    border-top: 5px solid rgb(110, 183, 255);
    background-color: white;
    z-index: 4900;
    text-align: left;
    position: absolute;
    top: 100px;
    left: 100px;
    font-size: 16px;
    box-shadow: 0px 0px 10px rgb(200, 200, 200);
}

.divBoxBase2 {
    border: 1px solid rgb(110, 183, 255);
    border-top: 5px solid rgb(110, 183, 255);
    background-color: white;
    z-index: 4900;
    text-align: justify;
    position: absolute;
    font-size: 16px;
    box-shadow: 0px 0px 10px rgb(200, 200, 200);
    line-height:24px;
}

.divBoxHeader{
	background-color:rgb(208, 232, 255);
	color:rgb(55, 55, 55);
    padding:5px 5px 5px 10px;
    cursor:move;
	height:22px;
	line-height:23px;
	font-size:16px;
}

.divBoxHeader2 {
    background-color: rgb(208, 232, 255);
    color: rgb(55, 55, 55);
    padding: 5px 5px 5px 10px;
    height: 22px;
    line-height: 23px;
    font-size: 16px;
} 

.divBoxContent{
	margin:4px 0px 0px 0px;
	padding:10px 0px 10px 0px;
}

.divBoxInfoBase{
	border:1px solid #BBBBBB;
	background-color:white;
	background-repeat:repeat-y;
	box-shadow:0px 0px 200px Black;
    text-align:left;
    position:absolute;
}

.divBoxInfoContent{
	margin:4px 0px 0px 0px;
	padding:10px 15px 10px 15px;
	font-size:14px;
	line-height:20px;
}

.divBoxInfoContent2 {
    margin: 4px 0px 4px 0px;
    padding: 10px 15px 10px 15px;
    line-height: 24px;
}
    .divBoxInfoContent2 a {
        color: rgb(70, 151, 208);
        text-decoration: underline;
    }

    .divBoxInfoContent2 a:hover {
        color: indianred;
        text-decoration: underline;
    }

.tbStrata{
	background-color: White;
	margin:10px -2000px 0px 0px; 
}

.trOftbStrata{
	border:solid 1px rgb(183, 219, 255); 
    background-color:rgb(240,247,255);
    text-align: center;
}

.tdOftbStrata {
    border: solid 1px rgb(181, 162, 67);
    text-align: center;
    vertical-align: middle;
    padding: 0px 0px 0px 0px !important;
}
.tdOftbStrataWatershed{border:solid 1px rgb(183, 219, 255);text-align: center;}
.tdOftbStrata select{background-color:transparent;}
.tdOftbStrata input {outline:none;}

.trOftbStrata1, .tcOftbStrata1{
	border:solid 1px rgb(236, 228, 189); 
    background-color: white;
    text-align: center;
}

.TriangleNote {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 0px 11px 11px;
    border-color: transparent transparent transparent rgb(110, 183, 255);
    cursor: pointer;
}

.TriangleNoteIndianred {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 0px 11px 11px;
    border-color: transparent transparent transparent indianred;
    cursor: pointer;
}

.TriangleIndicate {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 15px 15px 0px;
    border-color: transparent rgb(110, 183, 255) transparent transparent;
}
.TriangleIndicate1 {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 14px 14px 0px;
    border-color: transparent rgb(208, 232, 255) transparent transparent;
}

.trOftbStrata > td{border:solid 1px rgb(110, 183, 255);width:72px;}
#TableTools * td span{line-height:12px;}

.hrThick{
    border:solid 1px IndianRed;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: -1px;
}

.hrThin{
    border:dashed 0.5px IndianRed;
    margin-top:5px;
    margin-bottom:5px;
    padding:-1px;
}

.tbCa1{
    border-top: solid 2px rgb(236,228,189);
    border-bottom: solid 2px rgb(236,228,189);
	margin: 5px 0px 5px 0px;
} 

.tcCaH1{
	border-top: solid 2px rgb(236,228,189);
    border-bottom: solid 2px rgb(236,228,189);
    background-color:rgb(255,255,230);
    height: 25px;
    text-align: center;
    vertical-align: middle;
}

.tcCaH2{
	border: solid 2px rgb(236,228,189);
    background-color:rgb(255,255,230);
    height: 25px;
    text-align: center;
    vertical-align: middle;
}

.tcCaC1{
    text-align: center;
    height: 25px;
    vertical-align: middle;
}

.tcCaC2{
	border: solid 2px rgb(236,228,189);
    text-align: center;
    height: 25px;
    vertical-align: middle;
}

.tcCaC3{
    text-align: left;
    height: 25px;
    vertical-align: middle;
    border-left: solid 2px rgb(236,228,189);
    padding-left: 15px;
}

.Validator{background-color:rgb(208, 232, 255);}
.VCE td, .VCE div{
    border:1px solid rgb(110, 183, 255);background-color:rgb(250, 255, 189);
}
.ajax__validatorcallout_icon_cell, .ajax__validatorcallout_error_message_cell, .ajax__validatorcallout_close_button_cell {
    background-color: rgb(250, 255, 189) !important;
    text-align: justify !important;
}

/*#DivOpenFile {
    position: absolute;
    margin: 5px 0px 0px 13px;
    padding: 10px 3px 10px 3px;
    border: 1px solid rgb(110, 183, 255);
    background-color: rgb(243, 248, 255);
    background-repeat: repeat-y;
    z-index: 10000;
    box-shadow: 0px 0px 10px #999999;
}*/

#DivFreeReg{
	position:absolute;
	margin:-3px 0px 0px 70px;
	z-index:10000;
}

#DivOpenFile * hr{
	border:1px solid rgb(110, 183, 255);
	margin:10px 0px 10px 0px;
	padding:0;
}

#DivLogIn * hr{
	border:1px solid #dddddd;
	margin:5px 0px 5px 0px;
	padding:0;
}

#DivIndexLogIn * hr{
	border:1px solid white;
	margin:5px 0px 5px 0px;
	padding:0;
}

#BoxOpenInfo * hr{
	border:1px solid rgb(236,228,189);
	margin:10px 0px 10px 0px;
	padding:0;
}

.HoverBorder{
	padding:3px;
	background-color:rgb(247,251,255);
}

.HoverBorder:hover{
	background-color:rgb(226, 238, 255);
}

.ProgramIteams
{
    background-color: rgb(247,251,255);
    padding: 5px 0px 5px 0px;
    border: solid 1px rgb(153, 204, 255);
    display: none; /*改成隱藏*/
    float:left;/*div內的元素都靠左對齊*/
    position:absolute;/*此div的position為絕對位置*/
    margin-left:7px;
    font-family:Verdana;
}

.ProgramIteams div{padding:3px 15px 3px 15px;}
.ProgramIteams div:hover{background-color:rgb(226, 238, 255);}

.DivExcelSelection, #DivExcelSelection, #DivExcelSelectionLog, #DivExcelSelectionMulti{
	position:absolute;
	background-color:rgb(255, 255, 50);
	border:solid 1px DarkOrange;
	margin:-1px;
	filter:alpha(opacity=20);
	opacity:0.2;
	z-index:5000;
}

.DivExcelRightButton, #DivExcelRightButton, #DivExcelRightButtonLog, #DivExcelRightButtonMulti{position:absolute;background-color:white;border:solid 1px rgb(110, 183, 255);padding:5px 0px 5px 0px;margin-right:-800px;z-index:5001;}
.DivExcelRightButton div,#DivExcelRightButton div, #DivExcelRightButtonLog div, #DivExcelRightButtonMulti div{padding:5px 20px 5px 20px;font-size:14px;}
.DivExcelRightButton div:hover, #DivExcelRightButton div:hover, #DivExcelRightButtonLog div:hover, #DivExcelRightButtonMulti div:hover{background-color:rgb(235, 235, 235);cursor:pointer;}

.Cmb1{margin:0px 0px 0px -15px;}
/*避免combobox刷新後按鈕變小的bug*/
.Cmb1 .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button{
    height: 24px !important;
    width: 24px !important;
}

.tbAdvR * td{border:1px solid #dddddd;}

/*控制項註解*/
.ControlNote{color:rgb(70, 151, 208);margin:0px 0px 3px 17px;text-align:justify;}
.ControlNote a{color:rgb(70, 151, 208);text-decoration:underline;}
.ControlNote a:hover{color:indianred;text-decoration:underline;}
.ControlNote0{color:rgb(70, 151, 208);margin:0px 0px 3px 0px;text-align:justify;}
.ControlNote0 a:hover{color:indianred;text-decoration:underline;}
.ControlNote1{color:rgb(70, 151, 208);margin:0px 0px 3px 5px;}
.ControlNote2{color:rgb(70, 151, 208);margin:5px 0px 0px 0px;}
.ControlNote3{color:rgb(70, 151, 208);margin:0px 0px 0px 0px;text-align:justify;}

/*VERSIONS*/
#PanelSystmInfo{height:277px;width:530px;}
#PanelIntroInfo{height:277px;width:525px;padding-right:5px;line-height:20px;}
#PanelVersionInfo{height:241px;width:523px;border:1px solid rgb(200,200,200);background-color:White;padding:5px 0px 5px 5px;}
#PanelVersionInfo * td{line-height:20px;font-size:14px;} 

.CATiiTextHeader{color:rgb(70,151,208);margin-top:5px;}

/*排水設計集水區*/
.WatershedSelected td{border:1px solid rgb(110, 183, 255);}
.WatershedSelected td input[type=image]{filter:alpha(opacity=0);opacity:0;display:none;}
.WatershedUnSelected{background-color:rgb(238, 238, 238);color:rgb(128, 128, 128);}
.WatershedUnSelected td input,.WatershedUnSelected td select{background-color:rgb(238, 238, 238);color:rgb(128, 128, 128);}
.WatershedUnSelected td{border:1px solid rgb(238, 238, 238);color:rgb(128, 128, 128);}
.WatershedUnSelected td input[type=image]{filter:alpha(opacity=0);opacity:0;display:none;}
.WatershedUnSelected-1 td{border-bottom:1px solid rgb(110, 183, 255);}

/*EXDO XRIDO*/

.Phase {
    padding: 1px 2px 3px 22px;
    margin: 0px 0px 0px 20px;
    width: 75px;
    border: 1px solid white;
    font-family: Verdana;
    height: 16px;
    cursor: pointer;
}

.Command {
    padding: 1px 2px 3px 22px;
    margin: 0px 0px 0px 43px;
    width: 31px;
    border: 1px solid white;
    font-family: Verdana;
    height: 16px;
    color: rgb(70, 151, 208);
    cursor: pointer;
}

.Phase:hover {
    background-color: rgb(238, 238, 238);
    border: 1px solid white;
}

.Command:hover {
    background-color: rgb(232, 240, 254);
    border: 1px solid white;
}

.Phase:focus, .PhaseSelected {
    background-color: rgb(238, 238, 238);
    outline: none;
    border: 1px solid gray;
}

.Command:focus, .CommandSelected{
    background-color: rgb(232, 240, 254);
    outline: none;
    border: 1px solid rgb(70, 151, 208);
}

.PhsTreeNode {
    float: left;
    width: 19px;
    height: 19px;
}

.PhsTreeNode_NoSubCommands {
    background: url(../images/treeview-default-line-2.gif) 0px 0px no-repeat;
    background-position: left bottom;
    background-origin: border-box;
}

.PhsTreeNode_Expandable {
    cursor: pointer;
    background: url(../images/treeview-default.gif) -32px -68px no-repeat;
}

.PhsTreeNode_Clapsable {
    cursor: pointer;
    background: url(../images/treeview-default.gif) 0px -112px no-repeat;
}

.CmdTreeNode {
    float: left;
    width: 19px;
    height: 22px;
    margin: 0px 0px 0px 23px;
    background: url(../images/treeview-default-line-2.gif) 1px 0px no-repeat;
}

.PhsCmdContainer {
    background: url(../images/treeview-default-line-2.gif) 0px -40px no-repeat;
    overflow:auto;
}

.CmdsContainer {
    padding: 0px 0px 0px 0px;
    font-family: Verdana;
    background: url(../images/treeview-default-line-3.gif) 0px 0px no-repeat;
    background-position: left bottom;
    background-origin: border-box;
    overflow-y:hidden;
    overflow-x:hidden;
}

.CmdsContainer img {margin:1px 0px -1px 2px;}
.PhsCmdContainer img, .PhsCmdContainer_Last img {margin:1px 0px -1px 2px;}

.CommandButton {
    border: solid 1px rgb(51, 153, 255);
    border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    width:45px;
    cursor: pointer;
    padding: 1px;
    background-color: rgb(250,250,250);
    margin: 2px 8px 2px 0px;
    color: rgb(70, 151, 208);
    font-family: Verdana, 微軟正黑體;
}

.CommandButton2 {
    border: solid 1px rgb(51, 153, 255);
    border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    width: 45px;
    cursor: pointer;
    background-color: rgb(250,250,250);
    color: rgb(70, 151, 208);
    font-family: Verdana, 微軟正黑體;
    background-image: url(../images/BKButton.Png);
    font-size:11px;
    width:18px;
    height:18px;
    padding:0px 0px 0px 0px;
}

.CommandButton3 {
    border: solid 1px seagreen;
    border-radius: 2px 8px 2px 8px;
    -webkit-border-radius: 2px 8px 2px 8px;
    width: 45px;
    cursor: pointer;
    padding: 1px;
    background-color: rgb(235, 250, 235);
    margin: 2px 8px 2px 0px;
    color: seagreen;
    font-family: Verdana, 微軟正黑體;
}

.CommandManual {
    border: solid 1px seagreen;
    border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    width: 45px;
    cursor: pointer;
    padding: 1px;
    background-color: rgb(235, 250, 235);
    margin: 2px 8px 2px 0px;
    color: seagreen;
    font-family: Verdana, 微軟正黑體;
    font-size:18px;
}
.CommandManual:hover{
    box-shadow: 0px 0px 5px seagreen;
    background: linear-gradient(rgb(235, 250, 235),rgb(179, 230, 200));
    text-shadow: 0px 0px 3px seagreen;
}

.CommandManual_1 {
    border: solid 1px rgb(0, 60, 100);
    border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    width: 45px;
    cursor: pointer;
    padding: 1px;
    background-color: rgb(243, 250, 255);
    margin: 2px 8px 2px 0px;
    color: rgb(0, 60, 100);
    font-family: Verdana, 微軟正黑體;
    font-size: 18px;
}
.CommandManual_1:hover {
    box-shadow: 0px 0px 5px rgb(100, 193, 255);
    background: linear-gradient(rgb(255, 255, 255),rgb(174, 223, 255));
    text-shadow: 0px 0px 3px rgb(100, 193, 255);
}

.CommandManual_2 {
    border: solid 1px rgb(200, 200, 200);
    border-radius: 12px 12px 12px 12px;
    -webkit-border-radius: 12px 12px 12px 12px;
    width: 45px;
    cursor: pointer;
    padding: 1px;
    background-color: rgb(245, 245, 245);
    margin: 0px 0px 0px 0px;
    color: rgb(200, 200, 200);
    font-family: Verdana, 微軟正黑體;
    font-size: 16px;
}

    .CommandManual_2:hover {
        box-shadow: 0px 0px 5px rgb(150, 150, 150);
    }


.CommandDiv, .WallDiv {
    position: absolute;
    background-color: white;
    border: solid 1px rgb(110, 183, 255);
    border-left: solid 4px rgb(110, 183, 255);
    padding: 0px 0px 0px 0px;
    margin-right: -800px;
    z-index: 2000;
    box-shadow: 0px 0px 10px rgb(200, 200, 200);
}

.WallDiv2 {
    position: absolute;
    background-color: white;
    border: solid 1px rgb(110, 183, 255);
    padding: 0px 0px 0px 0px;
    margin-right: -800px;
    z-index: 2000;
    box-shadow: 0px 0px 10px rgb(200, 200, 200);
}

.CommandDiv div {
    padding: 1px 15px 1px 10px;
    font-size: 14px;
}

.CommandDiv .CmdDiv1:hover {
    cursor: pointer;
    background-color: rgb(249, 235, 235);
    color: indianred;
}
.CommandDiv .CmdDiv1:hover input {
    color: indianred;
    border-color: indianred;
    background-image: url(../images/BKButton2.Png);
    box-shadow: 0px 0px 5px indianred;
    text-shadow: 0px 0px 3px indianred;
}
.CommandDiv .CmdDiv2:hover {
    cursor: pointer;
    background-color: rgb(224, 248, 224);
    color: seagreen;
}
.CommandDiv .CmdDiv2:hover input,.CommandDiv .CmdDiv2:hover .CommandButton3, #DivCallWatWizard:hover{
    box-shadow: 0px 0px 5px seagreen;
    background-image: url(../images/BKButton1.Png);
    text-shadow: 0px 0px 3px seagreen;
}
.CommandDiv .CmdDiv3:hover {
    cursor: pointer;
    background-color: rgb(226, 238, 255);
    color: rgb(70, 151, 208);
}
.CommandDiv .CmdDiv3:hover input {
    box-shadow: 0px 0px 5px rgb(51,153,255);
    background-image: url(../images/BKButton.Png);
    text-shadow: 0px 0px 3px rgb(51,153,255);
}

.CommandDiv #DivAdvCommand:hover {
    box-shadow: 0px 0px 5px rgb(51,153,255);
    background-image: url(../images/BKButton.Png);
}

.CommandDiv .Button1 {margin-right:8px;}

.CommandDiv * tr td:first-child {
    padding-left: 0px;
}
.CommandDiv table tbody tr td {
    vertical-align: top;
    padding: 0px 0px 0px 0px;
}
.CommandDiv table {
    border: 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.tbCommands tbody tr:nth-child(1) td, .tbCommands tbody tr:nth-child(2) td {
    border: solid 1px rgb(110, 183, 255);
    background-color: rgb(240,247,255);
    text-align: center;
    padding: 0px 0px 0px 0px;
}
.tbCommands tbody tr td {
    border: solid 1px rgb(110, 183, 255);
    /*border: solid 1px rgb(181, 162, 67);*/
    text-align: center;
    padding: 0px 0px 0px 0px;
    background-color: rgb(238, 238, 238);
}
.tbCommands * tr td:first-child {
    padding: 0px 0px 0px 0px;
}
.tbCommands tbody tr:not(:nth-child(2)) td:nth-child(2) {
   
}
.tbCommands tbody tr:not(:nth-child(2)) td:nth-child(4) {
    text-align:left;padding-left:2px;
}
.tbCommands tbody tr td input {
    outline: none;
}
.tbCommands input[type=text], .tbCommands select, .tbStrata select {
    margin: 1px 0px 1px 0px;
    text-align: center;
    border-style: none;
}
.tbCommands tbody tr:last-child {
    border-bottom: 0px solid transparent;
}

#ctl00_ContentPlaceHolder1_TableRidoStrata tbody tr:nth-child(n+4) td:nth-child(n+15), #ctl00_ContentPlaceHolder1_TableRidoStrata tbody tr:nth-child(n+4) td:nth-child(n+15) input {
    padding: 0px 0px 0px 0px;
    background-color: rgb(255,255,255);
}

#ctl00_ContentPlaceHolder1_TableRidoStrata tbody tr:nth-child(n+4) td:nth-child(n+15) input:disabled {
    padding: 0px 0px 0px 0px;
    background-color:rgb(238,238,238);
    height:100%;
}

#ctl00_ContentPlaceHolder1_TableRidoStrata tbody tr td input {
    margin: 0px 0px 0px 0px;
}

.XdoPopupTable tbody tr td, .XdoPopupTable tbody tr td:first-child {
    padding: 0px 3px 0px 3px;
}

.XdoPopupTable tbody tr td input{
    margin: 2px 0px 2px 0px;
}

.XdoPopupTable * select {
    width: 102.7473%;
}

#DivXdoInputTableContainer table {
    margin: -1px 0px -1px -1px !important;
}
.MathJax_SVG {
    font-size: 90% !important;
}
.MathJax_SVG_Display{
    text-align: left !important;
    margin: 5px 0px 5px 0px !important;
}

sup {
    vertical-align: top;
    position: relative;
    top: -0.15em;
    font-size: 70%;
}
span sup {
    vertical-align: 20%;
}
/*sub{font-variant:normal;vertical-align:-20%;font-size:70%;color:inherit;}*/
/*sup{font-variant:normal;vertical-align:50%;font-size:70%;color:inherit;}*/

sub {
    vertical-align: baseline;
    position: relative;
    top: 0.25em;
    font-size: 70%;
}

.tx240 {
    padding: 0px 4px 0px 4px !important;
    width: 96.6666% !important;
}

.tx75 {
    padding: 0px 4px 0px 4px !important;
    width: 89.3333% !important;
}

.tx94 {
    padding: 0px 4px 0px 4px !important;
    width: 91.4894% !important;
}

.txxx {
    padding: 0px 4px 0px 4px !important;
}

.unit {
    margin-left: -75px;
    display: inline-block;
    width: 70px;
    text-align: right;
}

.unit1 {
    margin-left: -69px;
    display: inline-block;
    width: 70px;
    text-align: right;
}

.unit1_55 {
    margin-left: -54px;
    display: inline-block;
    width: 55px;
    text-align: right;
}

.unit40 {
    margin-left: -45px;
    display: inline-block;
    width: 40px;
    text-align: right;
}

.xls_ext {
    margin-left: -29px;
    display: inline-block;
    width: 30px;
    text-align: right;
    color: rgb(70, 151, 208);
}

/*#navigation > li > ul > li {
    background: linear-gradient(to right, rgb(242,242,242), rgb(232,232,232));
    border-right: 5px solid rgb(110,183,255);
}*/