body {
	font-family: arial,"Microsoft JhengHei","微軟正黑體",sans-serif !important;
}
html{
	background-color: rgba(255,255,255,0.8);
}
/* 搜尋框樣式 */
.input_control {
	width:160px;
	margin-top: 14;
	margin-left: 5;
	/*margin:20px auto;*/
}

input[type="text"],#btn1,#btn2 {
	box-sizing: border-box;
	text-align:center;
	/*font-size:4;*/
	height:30px;
	border-radius:4px;
	border:1px solid #c8cccf;
	color:#6a6f77;
	-web-kit-appearance:none;
	-moz-appearance: none;
	display:block;
	outline:0;
	padding:0 1em;
	text-decoration:none;
	width:100%;
	background-color:transparent;
}

input[type="text"]:focus {
	border:1.2px solid #696872;
}
/* 搜尋框end */

.idtable tr:hover{
	background-color: #67CD9D;
	cursor:pointer;
}

/*搜尋結果表格*/
/* .dialogTable tr:hover{background-color: #dbf091;} */
.dialogTable tr {
	cursor: pointer;
}
.dialogTable tr:focus {
	background-color: #DADAED;
}
.dialogTable:focus {
	background-color: #DADAED;
}
.dialogTable tr:visited {
	background-color: #DADAED;
}
.dialogTable tr-clicked {
	background-color: #DADAED;

}
/*搜尋紐*/
.searchButton {
	/* margin-top:56; */
	width:85;
	height:35;
	border:2px #849FC0 solid;
	cursor:pointer;
	outline: none;
}
.onclickButton {
	/* margin-top:56; */
	width:85;
	height:35;
	border:2px #849FC0 solid;
	cursor:pointer;
	outline: none;
	background-color: 696872;
	color: white;
}

/*groupButton*/
.groupButton {
	/* margin-top:56; */
	width:95;
	height:35;
	border:2px #849FC0 solid;
	cursor:pointer;
}
.groupButtonHtml {
	word-break: break-all;
}

/*彈出視窗*/
.ui-widget-header {
	background:transparent;
	border: transparent;
	/* font-weight: bold; */
}
.dialog {
	border-radius: 1;
	display: table;
 }
.dialogTable {
	width:663;
	border: 1px solid #849FC0;
	text-align: center;
	
}

.sample.vector .box {
    background: rgba(0,0,0,.7);
    border-radius: .3em;
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
    color: #fff;
    left: 1em;
    line-height: 1.5em;
    top: 1em;
    padding: .5em 1em;
    position: absolute;
    /*float: left;*/
}

.sample.vector .box .form-control {
    height: auto
}

.sample.vector .box .btn {
    border-radius: 3px
}

.sample.vector .box.monospace {
    font-family: Consolas,Courier New,Courier,monospace
}

.sample.vector .box.clean {
    background: none;
    box-shadow: none;
    padding: 0
}

.sample.changeMapStyle *~label {
    margin-left: 1em
}

.sample.changeMapStyle .form-control {
    margin-right: .3em
}

/* data表頭固定 */
thead tr th {
	position:sticky;
	top:0;
}
/* .ui-widget-header,.ui-state-default, ui-button{
	background:#b9cd6d;
	border: 1px solid #b9cd6d;
	color: #FFFFFF;
	font-weight: bold;
} */

#stationsDataTable tr.active{
	background-color: #c1c1fb;
}

#organizationName tr td.active{
	background-color: #c1c1fb !important;
}
.active{
	background-color: #67CD9D;
}

/* #tab{ width:350px; height:200px;} */
#tab > ul{ display:block; margin:0;list-style:none;}
.tab-title{list-style:none;}
#tab > ul > li{ display:inline-block; vertical-align:top; margin:0 -1px -1px 0 ; border:1px solid #BCBCBC; height:35px; line-height:25px; width:100px; background:#cdcdcd;padding:0 15px;list-style:none; box-sizing:border-box;}
#tab >  ul > li a{ color:#000; text-decoration:none;}
#tab > ul > li.active{ border-bottom:1px solid #fff; background:#fff;}

/* #tab{ width:350px; height:200px;} */
#toptab > ul{ display:block; margin:0;list-style:none;}
.toptab-title{list-style:none;}
#toptab > ul > li{ display:inline-block; vertical-align:top; margin:0 -1px -1px 0 ; border:1px solid #BCBCBC; height:35px; line-height:25px; width:100px; background:#cdcdcd;padding:0 15px;list-style:none; box-sizing:border-box;}
#toptab >  ul > li a{ color:#000; text-decoration:none;}
#toptab > ul > li.active{ border-bottom:1px solid #fff; background:#fff;}