﻿
/* 各單元子功能頁面共用css */
body {
    margin:0px;
    font-family:微軟正黑體;
}
label {
    font-family:微軟正黑體;
    font-weight:500;
    font-size:90%;
}
.hidden {
    display:none;
}
.TableForm {
    width:99%;
}

.TableForm_100{
    width:100%;
    text-align:center;
}
.TableForm_95 {
    width:95%;border:1px solid #d8d7d7;
}
.MainTableForm_100 {
    width:100%;
    text-align:center;
}
.MainTableForm_100_dottedBLUE {
    width:100%;
    border:1px dotted blue;
    text-align:center;
}
.MainTableForm_100_dottedRED {
    width:100%;
    border:1px dotted red;
    text-align:center;
}
.MainTableForm_95 {
    width:95%;
    border:1px solid black;
    text-align:center;
}
.MainTitleTR {
    background-color:#ededed;
    font-family:微軟正黑體;
    font-weight:700;
    color:black;font-size:11pt;
}

.TitleTD {
    width:120px; 
    color:black;
    text-align:right;
}
.TitleTD_150PX {
    width:150px; 
    color:black;
    text-align:right;
    vertical-align:top;
}
.TitleTD_200PX {
    width:200px; 
    color:black;
    text-align:right;
    vertical-align:top;
}

.TitleTD_LeftDarkBlueBold {
    color:#0d0a5e;
    font-size:11pt;
    text-align:left;
    font-family:微軟正黑體;
    font-weight:700;
    height:30px;
}
.TitleTD_LeftRedBold {
    color:Red;
    font-size:11pt;
    text-align:left;
    font-family:微軟正黑體;
    font-weight:700;
}
.TitleTD_GrayBG {
    color:#FFFFFF;
    text-align:left;
    padding-left:10px;
    background-color:#585858;
    font-family:微軟正黑體;
    font-size:11pt;
    font-weight:700;
    height:30px;
    vertical-align:top;
}
.TitleTD_GrayBG2 {
    color:#FFFFFF;
    text-align:left;
    padding-left:10px;
    background-color:#a7a7a7;
    font-family:微軟正黑體;
    font-size:11pt;
    font-weight:700;
    height:30px;
    vertical-align:top;
}
.TitleTD_GrayBG_150PX {
    color:#FFFFFF;
    text-align:left;
    padding-left:10px;
    background-color:#585858;
    font-family:微軟正黑體;
    font-size:11pt;
    width:150px;
    font-weight:700;
    height:30px;
    vertical-align:top;
}
.TitleTD_LightGrayBG_150PX {
    color:black;
    text-align:left;
    vertical-align:top;
    width:150px;
    padding-left:10px;
    background-color:#ededed;
    font-family:微軟正黑體;
    font-size:11pt;
    height:30px;
}
.TitleTD_BLUEGRAYBG {
    color:#000;
    text-align:center;
    background-color:#7a8993;
    font-family:微軟正黑體;
    font-weight:700;
    height:30px;
}
.TitleTD_GrayBG_UNDERLINE {
    color:black;
    text-align:center;
    background-color:#d8d7d7;
    font-family:微軟正黑體;
    font-weight:700;
    border-bottom:1px solid gray;
}
.TitleTD_GrayBG_UNDERLINE_LEFT {
    color:black;
    text-align:left;
    background-color:#d0e1e2;
    border-bottom:1px solid #cccccc;
    font-family:微軟正黑體;
    font-weight:700;
    height:30px; 
}

.ContTD_First {
    color:black;
    background-color:#b4ecee;
    height:30px;
}
.ContTD_EVEN {
    color:black;
    background-color:#ededed;
    height:30px;
}
.ContTD_EVEN:hover {
    background-color:#d0e1e2;
}
.ContTD_ODD {
    color:black;
    background-color:#FFFFFF;
    height:30px;
}
.ContTD_ODD:hover  {
    background-color:#d0e1e2;
}
.ContTD_EVEN2 {
    color:black;
    background-color:#ededed;
    height:30px;
}
.ContTD_ODD2 {
    color:black;
    background-color:#FFFFFF;
    height:30px;
}

.ContTD_L1 {
    color:white;
    background-color:#e88914;
}
.ContTD_L2 {
    color:black;
    background-color:#ffd99d;
}
.ContTD_L3 {
    color:black;
    background-color:#fcffbd;
}
.ContTD_L4 {
    color:black;
    background-color:#ededed;
}
.ContTD_L5 {
    color:black;
    background-color:#6eb9bb;
}
.ContTD_L6 {
    color:black;
    background-color:#b4ecee;
}
.ContTD_L7 {
    color:black;
    background-color:#eee2ef;
}
.ContTD_L8 {
    color:black;
    background-color:#FFFFFF;
}
.ContTD {
    color:black;
}
.ContTD_BLUE {
    color:blue;
}
.ContTD_GREEN {
    color:green;
}
.ContTD_RED {
    color:red;
}
.ContTD_BLUE_LEFT {
    color:blue;
    text-align:left;
}
.ContTD_CENTER {
    color:black;
    text-align:center;
}
.ContTD_LEFT {
    color:black;
    text-align:left;
}
.ContTD_REDBold_CENTER {
    color:red;
    text-align:center;
    font-weight:700;
}
.ContTD_REDBoldBig_CENTER {
    color:red;
    text-align:center;
    font-weight:900;
    font-size:15pt;
}
.ContTD_UNDERLINE {
    color:black;
    border-bottom:1px solid gray;
}
.ContTD_UNDERLINE_LEFT {
    color:black;
    text-align:left;
    border-bottom:1px solid #cccccc;
}

.InfoPanelwhitebgDotborder {
    text-align:left;
    padding:5px;
    color:blue;
    width:95%;border:1px  dotted #d8d7d7;
    background-color:#FFF;
}
span#UrlInfo {
    color:#940101;
}
span#UidPswdInfo {
    color:#940101;
}
.splitHR {
    border-bottom:1px dotted #808080; 
    border-top:0;
}
.mustField {
    color:red;
}
.ReadOnlyFild {
    border:none;
    border-bottom:1px dashed #cccccc;
}
.ReadOnlyFild_90p {
    width:90%;
    border:none;
    border-bottom:1px dashed #cccccc;
}

/*新增圖台資料庫*/
.LeftMainTDPanel {
    vertical-align:top;
}
.RightMainTDPanel {
   background-color:#fdffcd;
   vertical-align:top;
}
.GEEauthTR {
    display:none;
}

/*關閉dialog titlebar的功能*/
.noTitleDialog .ui-dialog-titlebar {display:none}


span#DivLoding {
    color:darkblue;
    font-size:10pt;
}

 
.btn_4wordMini {
	background-color:transparent;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:2px solid #758297;
	display:inline-block;
	cursor:pointer;
	color:#000000;
    font-family:微軟正黑體;
	font-size:10px;
	padding:0px 10px;
	text-decoration:none;
	text-shadow:-7px -30px 0px #2f6627;
} 
.btn_4wordMini_NODATA {
	background-color:transparent;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:2px solid #d8d7d7;
	display:inline-block;
	color:gray;
    font-family:微軟正黑體;
	font-size:10px;
	padding:0px 10px;
	text-decoration:none;
	text-shadow:-7px -30px 0px #2f6627;
}

.GISAP_LINKLIST {
    font-size:12pt;
    font-weight:700;
    font-family:微軟正黑體;
    color:black;
    cursor:pointer;
}


.SubUnitTitle {
    font-size:12pt;
    font-weight:700;
    font-family:微軟正黑體;
    color:#00025c;
}
.SubUnitTitle2 {
    font-size:11pt;
    font-weight:700;
    font-family:微軟正黑體;
    color:#2f6627;
}

.cssSearchButton_01 {
    line-height: 25px;
    background: transparent url(../Platform/imgs/search.png) no-repeat 5px center;
    min-width: 54px;
    height: 25px;
    border-style: solid;
    border-color: #DDDDDD;
    border-width: 1px;
    cursor: pointer;
    font-size: 14px;
    padding-left: 20px;
    vertical-align: middle;
    width: 75px;
}

.QueryPanelContentBox {
    text-align:center;
    width:100%;
    border-top: #cccccc 1px solid;
    border-bottom: #ccc 1px solid;
    background-color: #fbfbfb;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 10px;
}

.inputText{
    background-color: white;
    border: 1px solid gray;
}
.tdAlighRight{
    text-align:right;
}
.tdAlighRightTitle{
    text-align:right;
    color:#0e0e5f;
    font-weight:700;
}
.tdAlighLeft{
    text-align:left;
}

.tableForm {
     border:0;
     width:100%;
     border-collapse:collapse;
     background-color:#fbfbfb;
    border-top: #cccccc 1px solid;
    border-bottom: #ccc 1px solid;
 }
.tableForm_100 {
     border:0;
     width:100%;
     border-collapse:collapse;
 }
.tableForm_100:hover {
  background-color:#d9e5e5;
 }
.postDate {
    color:#0f36a0;
    font-weight:700;
}
.postTitle {
    color:#940101;font-weight:700;    
}
 hr.style-three {
                border: 0;
                border-bottom: 1px solid #ccc;
                background: #999;
}

.txtInput_90p {
    width:90%;
}

tr.newsTitle {
    border-bottom: 1px dashed #ccc;    background-color:#eef3f0;
}

td.NewsContent {

}

tr.metadataDescInfo {
    font-size:11pt;
}

.serviceTypeIcon {
    border-radius:2px;
    background-color:#15131f;
    color:#fff;
}

/*jQuery tooltip*/
   /*.ui-tooltip, .arrow:after {
            background: black;
            border: 2px solid white;
        }
        .ui-tooltip {
            padding: 10px 20px;
            color: white;
            border-radius: 20px;
            font: bold 14px "微軟正黑體", Sans-Serif;
            text-transform: uppercase;
            box-shadow: 0 0 7px black;
        }

        .arrow {
            width: 70px;
            height: 16px;
            overflow: hidden;
            position: absolute;
            left: 50%;
            margin-left: -35px;
            bottom: -16px;
        }

            .arrow.top {
                top: -16px;
                bottom: auto;
            }

            .arrow.left {
                left: 20%;
            }

            .arrow:after {
                content: "";
                position: absolute;
                left: 20px;
                top: -20px;
                width: 25px;
                height: 25px;
                box-shadow: 6px 5px 9px -9px black;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            .arrow.top:after {
                bottom: -20px;
                top: auto;
            }*/


.imgBtn25px {
    width:25px;height:25px;cursor:pointer;
}

.TitleLabel_20pt {
    font-size:20pt;
}

.ServiceTypeSelectIcon {
    margin: 15px;
    width: 100px;
    height: 100px;
    background-color: #fff;
    border: 1px solid #eee;
    padding: 12px; 
    overflow: hidden;
    cursor: pointer;
    border-radius: 5px;  
}

.ServiceTypeSelectIcon:hover {

    box-shadow:  0px 0px 8px rgba(120, 162, 178, 0.90);
    -moz-box-shadow:  0px 0px 8px rgba(120, 162, 178, 0.90);
    -webkit-box-shadow:  0px 0px 8px rgba(120, 162, 178, 0.90);
}

.ServiceTypeIcon {
    box-shadow:  0px 0px 8px rgba(120, 162, 178, 0.90);
    margin: 5px;
    width: 100px;
    height: 100px;
    background-color: #fff;
    border: 1px solid #eee;
    padding: 12px; 
    overflow: hidden;
    border-radius: 5px;  
}

.divFloatLeft {
    margin:10px;
    box-shadow:  0px 0px 8px gray ;
    float:left;
    width:100px;
    height:60px;
    overflow:hidden;
    position:relative;right:0px;bottom:0px;
    cursor:pointer;
}
.ServiceOnlineStatus {
    background-color:#d0e1e2;
}
.ServiceOffineStatus {
    background-color:#f1d4d4;
}
.ServiceDelStatus {
     background-color:#d8d7d7;
}
.ServiceAliveStatuIcon {
    position:absolute;right:0px;bottom:0px;
}