﻿body   
{
    /*overflow:hidden;*/
    font-family:"微軟正黑體", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

/* 調整首頁樣式 */
.footer-content{
    background-color:#dae3ec;
}
.main-container:before{
    background-image:url('../imgs/bg/dust_scratches.png');
}
.page-content{
    background-color:rgba(0, 0, 0, 0.00);
}




#imgLogo {
    position: absolute; z-index:1;left:30px;top:20px;cursor:pointer;width:290px;
}
#imgAPTitle {
    position: absolute; z-index:1;left:40px;top:120px;width:400px;
}

#imgLogoBG {
    position: absolute; z-index:100;left:0px;top:0px;
}
#imgMainBG {
    position: absolute; z-index:0;left:0px;top:0px;opacity:1.0;
}

.apTitle {
     position: absolute; z-index:10;left:70px;top:15px;
     color:black;font-family:"微軟正黑體";font-size:22pt; font-weight:900;
}
.apName {
    position: absolute; z-index:10;left:75px;top:60px;
    color:red;font-family:"微軟正黑體";font-size:16pt; font-weight:900;
}
#DivCounter {
    position: absolute; opacity:1.0; right:0px; bottom:3px; z-index: 1;
}
.CounterTitle {
    font-family:"微軟正黑體";font-size:11pt; font-weight:900;
}
#DivGovDescInfoXXX {
    position: absolute; z-index:0;left:0px;bottom:0px;opacity:1.0;color:#ffffff;
    background-color:#89a0ab; 
}
#mainUnit {
    position: absolute; z-index:10;width:100%;opacity:1.0;
    cursor:pointer;
    top:40vh;
}
.CloudPanel {
    position: absolute; opacity:0.9; left:300px; top:5px; z-index:5; 
    display:none;
}
#clouds {
            background-image: url('../imgs/cloud5.png'); 
            width: 100%;height:100%;background-repeat: repeat-x;
		}
.stage {
			position: absolute; 
			top: 0;
			left: 0;
			width: 100%;
			min-width: 900px;
			height: 100%;
			overflow: hidden;z-index:-0; 
		}
/*使用者登入、註冊鈕的容器位置*/ 
#DivUserFunc {
    position: absolute; opacity:1.0;  right:0px; top:5px; z-index: 10; height:70px; width:300px; text-align:right;
}
.DivUserFuncItemBox{
    padding:3px; text-align:center; width:50px;height:66px;float:right;right:0px;position:relative;
}

.mustField {
    color:red;
}
.userName {
    color:#005;
    font-size:11pt;
}

/*地圖*/
#Div2DMap {
    position:absolute;
    left:250px;
    top:60px;
    background-color:#e1f1ee;
    z-index:50;
}
#Div3DMap {
    position:absolute;
    left:250px;
    top:60px;
    background-color:#e1f1ee;
    z-index:100;
}
#DivPanoShow {
    position:absolute;
    right:0px;
    top:60px;
    background-color:#dedede;
    z-index:50;
}

/*左邊功能選單*/
#DivLeftPanelBG {
    position:absolute;
    left:0px;
    top:60px;
    width:250px;
    background-color:#fff;
    opacity:0.8;
    color:#000; 
}
#DivLeftPanel {
    position:absolute;
    left:0px;
    top:60px;
    width:250px;
    color:#000;
}
/*左邊功能的各項主題*/
.MenuBar {
    background-image: url('../imgs/menubarBG_h30.png');
    height:30px;
    color:white;
    font-size:16pt;
    font-family:"微軟正黑體";
    font-weight:900;
}
.MenuBar1 {
    background-image: url('../imgs/menubar1.png');
    height:28px;
    color:white;
    font-size:16pt;
    font-family:"微軟正黑體";
    font-weight:900;
}
.MenuBar2 {
    background-image: url('../imgs/menubar2.png');
    height:28px;
    color:white;
    font-size:16pt;
    font-family:"微軟正黑體";
    font-weight:900;
}
.MenuBar3 {
    background-image: url('../imgs/menubar3.png');
    height:28px;
    color:white;
    font-size:16pt;
    font-family:"微軟正黑體";
    font-weight:900;
}

/*主題類型切換 圖示*/
.TypeIcon {
    height:80px;width:80px;position:relative;float:left;
    cursor:pointer;
    text-align:center;font-weight:700;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
     border-radius: 10px;
    -webkit-box-shadow: 0 0 1px #005; 
    -moz-box-shadow: 0 0 1px #005; 
    box-shadow: 0 0 1px #005;
}
/*主題單元*/
#SubjectUnitQryPanel {
    position:absolute; text-align:left; 
    z-index: 10; overflow:hidden;
    font-family:"微軟正黑體";font-size:10pt; font-weight:900;
}
#SubjectUnitQryContent {
    overflow-x:hidden;overflow-y:scroll;
    position:absolute; text-align:left;  
    z-index: 10; overflow:hidden;color:#000;
    font-family:"微軟正黑體";font-size:10pt; font-weight:900;
}
.TD_SubjectUnitIcon {
    vertical-align:top;
    width:80px;
    height:100%;
    background-color:#daedee;
}

.SubjectInfoContentPanel {
    font-family:"微軟正黑體";font-size:12pt; font-weight:900;
}
/*地圖圖層開關*/
.SubjectInfoContentPanel input[type=checkbox]  {/*IE、CHROME*/
     *margin-right: 0px !important;
     width:0px;
}
.SubjectInfoContentPanel input[type=checkbox], x:-moz-any-link   {/*FF*/
     margin-right: -15px;
}

.SubjectInfoContentPanel input[type=checkbox] + label {
    margin-right: -10px !important;
    background-image: url("../imgs/newPOI/toggle.png"); 
    background-position: 0px -74px; height: 25px; line-height: 20px !important; padding-left: 25px !important; vertical-align: middle !important; display: inline-block; cursor: pointer;
    background-repeat: no-repeat; -moz-user-select: none; -webkit-user-select: none; user-select: none; -ms-user-select: none; -webkit-touch-callout: none; -khtml-user-select: none;
}
.SubjectInfoContentPanel input[type=checkbox]:checked + label   {
    background-position: 0px -48px;
}
.TD_layerIcon {
    width:25px;
}
 
.SubjectInfoContentMainTitle {
    text-align:left;
    border-bottom:1px dotted ; 
    background-color:#270c0c;color:white;
    width:150px;
}
.SubjectInfoContentMainTitle2 {
    text-align:left;
    border-bottom:1px dotted ; 
    background-color:#112b71;color:white;
    width:150px;
}
.SubjectInfoContentTitle {
    text-align:left;
    border-bottom:1px dotted ; 
    color:black;
    width:150px;
}
.SubjectInfoContentTitle:hover {
    text-align:left;
    background-color:#fff;
    cursor:pointer;
    border-bottom:1px dotted; 
    color:red;
    width:150px;
}



/*GIS應用系統單元主題*/
#DivSubjectUnitPanel {
   position: absolute; opacity:1.0;  left:250px; bottom:0px; z-index: 0;height:110px; width:200px;
   overflow:hidden;
}
#DivSubjectUnitBG {
    position:absolute;width:100%;height:117px; 
    text-align:left;  background-color:#e1f1ee;opacity:0.8;
    z-index: 10; overflow-x:scroll; overflow-y:hidden;
    color:black;font-family:"微軟正黑體";font-size:10pt; font-weight:900;
}
#DivSubjectUnitContent {
    position:absolute;width:100%;height:117px; 
    text-align:left;  
    z-index: 10; overflow-x:scroll; overflow-y:hidden;
    font-family:"微軟正黑體";font-size:10pt; font-weight:900;
}

/*GIS應用系統連結圖*/
#GIS_APsLinksDiv {
    opacity:1.0;  z-index: 31;
}

.gisLinkTEXT {
    width:100px;word-break:break-all;
    color:red;font-family:微軟正黑體;font-weight:800;
    font-size:12pt;
}
.GISAPNAME {
    position:absolute;
    width:100px;height:100px;
    color:red;font-family:微軟正黑體;font-weight:800;
    font-size:12pt;
}

/* 分隔線 */
#imgSplitUP {
    position:absolute;width:100%;height:10px;
    z-index:11;left:0px;top:55px; display:none;
}
#imgSplitBT {
    position:absolute;width:100%;height:10px;
    z-index:11;left:0px;bottom:110px; display:none;
}



.ui-tabs .ui-tabs-panel {
    padding: 0.3em 0em 0em 0;
} 

/*調整tab與tab之間的間距*/
.ui-tabs .ui-tabs-nav li { position: relative; float: left;
 border-bottom-width: 0 !important;
 margin: 0 .2em -1px 0;   }

/*調整tab內容文字的邊距*/
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none;
 padding: .3em .2em; }


/*預覽視窗*/
.LeftPreViewPanel {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    display: none;
    background-color: yellow;
    z-index: 999997;
    position: absolute;
    height: 100%;
    width: 60%;
    overflow:hidden;
}
.MainTablePreview_LeftView {
    border:1px solid black;
    text-align:center;
    background-color: #000000;
    z-index: 999998;
    color: yellow;
    border: #fff 1px solid;
    left: 0px;
    height: 100%;
    width: 100%;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
}
.MainTitleTR_LeftView {
    background-color:#ededed;
    font-family:微軟正黑體;
    font-weight:700;
    color:black;font-size:11pt;
}
.tdCloseBtn_LeftView {
    color:#9b0505;
    font-weight:700;
    border:2px solid red;
    cursor:pointer;
    border-top-right-radius:10px;
}
.tdMapPanel_LeftView {
    background-color:#e1f1ee;
    border-bottom-right-radius:10px;
    color:blue;width:100%;height:95%;
}

.RightPreViewPanel {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    display: none;
    background-color: yellow;
    z-index: 999997;
    position: absolute;
    right:0px;
    height: 100%;
    width: 50%;
    overflow:hidden;
}
.MainTablePreview_RightView {
    border:1px solid black;
    text-align:center;
    background-color: #000000;
    z-index: 999998;
    color: yellow;
    border: #fff 1px solid;
    right: 0px;
    height: 100%;
    width: 100%;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
}
.MainTitleTR_RightView {
    background-color:#ededed;
    font-family:微軟正黑體;
    font-weight:700;
    color:black;font-size:11pt;
}
.tdCloseBtn_RightView {
    color:#9b0505;
    font-weight:700;
    border:2px solid red;
    cursor:pointer;
    border-top-left-radius:10px;
}
.tdMapPanel_RightView {
    background-color:#e1f1ee;
    border-bottom-left-radius:10px;
    color:blue;width:100%;height:95%;
}


.mainPreviewInfo {
    text-align:center;
    color:red;font-family:"微軟正黑體";font-size:16pt; font-weight:900;
}


/*會員註冊|登入 功能*/
#LoginRegDiv {
    position: absolute; opacity:1.0;
    background-image:url(../imgs/loginPanel.png);
    width:279px;height:177px; left:15px; bottom:100px; z-index: 2;
}
#LoginRegBGDiv {
    background-color:#daedee;  border:1px solid gray;   font-size:11pt; color:black; padding:5px;  width:210px;height:100px; position:relative;left:30px;top:40px;z-index: 2;
}

/*忘記密碼？*/
span#forgetPswd { 
    cursor:pointer;color:#f00;font-size:10pt;text-decoration:underline;
}


/*關閉dialog close的功能*/
.no-close .ui-dialog-titlebar-close {  display: none;}
/*關閉dialog titlebar的功能*/
.noTitleStuff .ui-dialog-titlebar {display:none}

/*讀取中圖示*/
.loadingIcon2 {
    background-image:url(../imgs/loading/2.gif); background-repeat:no-repeat; width:16px; height:16px; 
}

/*浮水印文字*/
.waterMarkText
 {
     color:#CCCCCC;
 }

.hidden {
display:none;
}

