/* Minification failed. Returning unminified contents.
(948,16): run-time error CSS1062: Expected semicolon or closing curly-brace, found '|'
(958,16): run-time error CSS1062: Expected semicolon or closing curly-brace, found '|'
(3271,22): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(6465,41): run-time error CSS1046: Expect comma, found '105'
(6465,49): run-time error CSS1046: Expect comma, found '/'
(6618,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6619,22): run-time error CSS1039: Token not allowed after unary operator: '-widthA'
(6697,30): run-time error CSS1046: Expect comma, found '139'
(6697,37): run-time error CSS1046: Expect comma, found ')'
(6864,28): run-time error CSS1031: Expected selector, found 'th-nth-child('
(6864,28): run-time error CSS1025: Expected comma or open brace, found 'th-nth-child('
(7359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7360,22): run-time error CSS1039: Token not allowed after unary operator: '-widthA'
(10579,10): run-time error CSS1017: Expected charset string, found 'utf-8'
 */
@charset "utf-8";
/* CSS Document */
.clearfix {
	zoom: 1;
}
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    overflow-y: scroll;
    /*overflow-x: hidden;*/
    background-size: cover;
    font-family:"Microsoft JhengHei";
}
br {
    display: block !important;
    margin-bottom: 15px !important;
    font-size: 15px !important;
    line-height: 15px !important;
    height: 15px !important;
}

@media only screen and (max-width: 768px) {
	input{
		margin-top:0.2em;
		margin-bottom:0.2em;
	}
}


.logo{
	max-width:1200px;
	height:110px;
	width:100%;
	background:url(../images/logo-01.png) no-repeat center;
	margin:0px auto;
}

@media only screen and (max-width: 768px) {
	.logo{
	height:100px;
	width:100%;
	background:url(../images/logo-07.png) no-repeat;
	margin:0 auto;
    position:relative;
    top:25px;
    left:10px;
}
}
.indexbg{
	height:645px;
	width:100%;
	background:url(../images/indexbg-02.png?V4) repeat-x;
	margin:0 auto;
	position:relative;
    margin-bottom:-4em;
}

.loginbg{
	background: rgba(210, 235, 246, 0.8);
	width: 98%;
	max-width: 500px;
	min-height: auto;
	border-radius: 20px;
	padding:20px 14px 30px 14px;
	text-align:center;
	font-weight:bold;
	font-size:18px;
	position:relative;
    left:50%;
    top:47%;
	transform:translate(-50%,-50%);
}
@media only screen and (max-width: 680px) {
	.loginbg{
	width: 100%;
	max-width: 300px;
	padding:10px 10px;
	left:50%;
    top:43%;
	}
}
.loginbg span{
	color:#364250;
	vertical-align: middle;
	margin-right:10px;
	margin-left:5px;
	font-size:18px;
	letter-spacing:1px;
}

.loginbg select{
	max-width:180px;
	width:100%;
	height:28px;
	text-decoration:none;
	border-style:none;
}
.loginbg input,
.loginbg select {
    max-width: 260px;
    width: 100%;
    height: 35px;
    border-radius: 4px;
    text-decoration: none;
    vertical-align: middle;
    border-style: none;
    font-size: 11pt;
    padding-left: 5px;
}
.loginbg select{
    margin-bottom:10px;
    font-size:17px;
}
@media only screen and (max-width: 680px) {
    .loginbg input{
        max-width: 200px;
    }
}
.centerbox {
    width: 99%;
    text-align: center;
    display: block;
    margin: 0 auto;
}
.notictxt {
    color: #f62b51;
    font-size: 17px;
    margin-bottom: 10px;
}
.notictxt b{
    color:#F00;
}
.notictxt td{
    padding:10px 5px;
    text-align: left !important;
}
.notictxt i {
    font-size: 17px !important;
    font-style:inherit;
    color:#364250;
}
.notictxt a{
	color:blue;
}
.TPmemo a{
	color:#2eb5c7;
}
.notictxt th {
    color: #364250;
    font-weight:800;
    padding:0 3px;
}
@media only screen and (max-width: 680px) {
    .loginbg b {
        margin-left: 0px;
    }
}

.loginbg img {
    vertical-align: middle;
}
.isso {
    text-align: center !important;
    max-width: 170px !important;
    width: 100%;
    height: 45px !important;
    background: #eeda6d !important;
    border-bottom:5px solid #d4b30f !important;
    border-radius: 4px;
    color: #364250;
    font-size: 17px !important;
    font-weight: bold;
    letter-spacing: 1px;
    font-weight: bold;
    cursor: pointer;
    margin-top: 20px;
    margin-left: 15px;
    font-family: 微軟正黑體;
}
.isso:hover {
    background:#364250 !important;
    border-bottom:5px solid #364250 !important;
    color:#FFF;
}
.LIbtn {
    text-align: center !important;
    max-width: 80px !important;
    width: 100%;
    height: 35px !important;
    background: #73beef !important;
    border-radius: 4px;
    color: #FFF;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: bold;
    cursor: pointer;
    margin-left: 10px;
}
@media only screen and (max-width: 768px) {
    .LIbtn{
        max-width: 60px !important;
        margin-left: 5px;
    }
}
.image{
	max-width:100%;
	height:auto;
	margin:0;
}
.bgimg{
	display:inline-block;
	width:100%;
	height:460px;
	background:url(../images/bg-03.png);
	overflow:hidden;
    /*box-shadow: 0px -10px 10px rgba(97,164,179,0.4);*/
    
}
.indexlink {
    background: #92c0cc;
    font-weight: bold;
    color: #999;
    padding: 10px 0;
    clear: both;
    text-align: center;
    box-shadow: 0px 4px 10px rgba(97,164,179,0.6);
    height:2px;
    
}
.indexlink a{
	color:#FFF;
	letter-spacing:1px;
}
.indexlink a:hover{
	color:#666;
}
.indexlink a:after{
	content:"|";
	color:#FFFFFF;
	margin:0 10px;
}
@media only screen and (max-width: 996px) {
	.indexlink a{
		display:block;
		padding:5px 0;
	}
	.indexlink a:after{
		display:none;
}
}
.whitebox{
	background: rgba(255, 255, 255, 0.8);
	max-width:1200px;
	height:300px;
	border-radius: 15px;
	position:relative;
    left:50%;
    top:47%;
	transform:translate(-50%,-50%);
	padding:63px 0 0 0;
	box-sizing:border-box;
}
.boxbtn{
	/*max-width:850px;*/
	width:95%;
	margin:5px auto;
	box-sizing:border-box;
	text-align:center;
}
.boxbtn td{
	padding:0px 0px;
}
.boxbtn img{
    max-width:260px;
    width:100%;
}
.boxbtn label{
	background:#75ba99;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14pt;
	letter-spacing:6px;
	width:350px;
	padding:16px 5px;
	border-radius:7px;
	table-layout:fixed;
	cursor:pointer;
}

@media only screen and (max-width: 860px) {
.boxbtn label{
	padding:16px 4px;
	font-size:14pt;
}
}
.boxbtn a{
	text-decoration:none;
}


.banner{
	margin-bottom:0.5em;
	width:auto;
	background:url(../images/banner-08.jpg) no-repeat;
}
.B_line {
    height: 10px;
    background: #9dd1e7;
    width: 100%;
}

.LB_line {
    height: 10px;
    background: #304d7a;
    width: 100%;
}

.BB_line {
    height: 10px;
    background: #bfaa94;
    width: 100%;
}

.inB_line {
    height: 10px;
    background: #9dd1e7;
    width: 100%;
    margin-bottom: 2em;
}

.inBB_line {
    height: 10px;
    background: #bfaa94;
    width: 100%;
    margin-bottom: 2em;
}

.wrap{
	max-width:1980px;
	/*width:99%;*/
	margin:0 auto;
}
.wrap_index{
	max-width:1980px;
	width:99%;
	margin:0 auto;
    position:absolute;
    top:70px;
}
.home{
	float:left;
	font-weight:bold;
	margin-top:0.8em;
	margin-left:10px;
}
.home img{
	margin-right:0.5em;
}
.user{
	float:right;
	font-weight:bold;
	margin-top:0.8em;
	margin-right:10px;
    vertical-align:bottom;
}
.user_L{
	float:right;
	font-weight:bold;
	margin-top:0.8em;
	margin-right:10px;
}
@media only screen and (max-width: 720px) {
	.user{
	float:none;
	display:inline-block;
}
.user_L{
	
	display:block;
}
}
.spacing{
	letter-spacing:1px;
}
.more {
    text-align: right;
    padding: 60px 20px 0 0;
    cursor: pointer;
    font-weight: bold;
    display:block;
    background:#FFF;
}

.more a {
    text-decoration: none;
    color: #099;
    position:relative;
    bottom:-10px;
}
.more a:hover {
    color:#e69b06;
}


.mapicon{
	cursor:pointer;
	vertical-align:bottom;
	margin-left:1em;
}
.clear{
	clear:both;
}
.titlewrap{
	
}
.title{
	display:inline-block;
	margin-top:1em;
}
.bookicon{
	display:inline-block;
}
.icontxt{
	font-weight:bold;
	padding:5px 0 0 0 ;
	font-size:23px;
	display:inline-block;
	vertical-align:top ;
	letter-spacing:1px;
}
.leftbox{
	float:left;
	width:13%;
	box-sizing:border-box;
	margin-top:1.6em;
	margin-left:10px;
	
}
@media only screen and (max-width: 480px) {
    .title {
        margin-top: 0em;
    }
}
@media only screen and (max-width: 768px) {
	.leftbox{
	display:none;
}
}
.rightbox{
	float:right;
	width:84%;
	margin-right:10px;
	box-sizing:border-box;
	padding:10px;
}
@media only screen and (max-width: 768px) {
	.rightbox{
	float:none;
	width:100%;
}
}
.searchbox{
	border:2px solid #afafb0;
	padding:5px;
	margin:auto;
	margin-bottom:3em;
	margin-top:1em;
}
.Himg{
	border:2px solid #afafb0;
	margin:auto;
	margin-bottom:3em;
	margin-top:1em;
}
.Himg img{
	box-sizing:border-box;
	max-width:1575px;
	width:100%;
}
.Himg_GIS{
	border:2px solid #afafb0;
	margin:auto;
	margin-bottom:3em;
	margin-top:1em;
	background:url(../images/Himg2.jpg) no-repeat;
	max-width:1980px;
	width:100%;
	height:1000px;
}
.Himg_GIS_01{
	border:2px solid #afafb0;
	margin:auto;
	margin-bottom:3em;
	margin-top:1em;
	background:url(../images/GIS_01.jpg) no-repeat;
	max-width:1980px;
	width:100%;
	height:1000px;
}
.Himg_GIS_02{
	border:2px solid #afafb0;
	margin:auto;
	margin-bottom:3em;
	margin-top:1em;
	background:url(../images/Himg2-13.jpg) no-repeat;
	max-width:1980px;
	width:100%;
	height:1000px;
}
/*GIS*/
.Himg_GIS img{
	box-sizing:border-box;
	max-width:1980px;
	width:100%;
}
.Himg_GIS input[type=checkbox]{
	margin-bottom:1.5em;
	width:18px;
	height:18px;
}
.Himg_GIS_01 input[type=checkbox]{
	margin-bottom:1.5em;
	width:18px;
	height:18px;
}
.Himg_GIS_02 input[type=checkbox]{
	margin-bottom:1.5em;
	width:18px;
	height:18px;
}

.layer{
	width:260px;
	background: rgba(108, 106, 107, 0.6);
	padding:10px;
	font-weight:bold;
	margin:0 0 0 10px;
	height:400px;
	overflow:auto;
} 
/*.layerbtn{
	margin:10px 0 -2.255px 9.3px;
}*/
.GISsearch{
	float:right;
	display:block;
	vertical-align:middle;
	text-align:center;
	padding-top:1em;
	box-sizing:border-box;
}
.GISsearch input{
	height:21px;
	margin-right:10px;
}
.GISsearch select{
	height:26px;
	margin-right:10px;
}
.inline{
	width:100%;
	margin-top:1em;
	display:inline-block;
}
.inline img{
	padding:0 1px;
	width:55px;
}
.GISclose{
	float:right;
	margin-bottom:2em;
}



.GIStab{
	width: 250px;
	margin:15px  auto 0;
}
  ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
  ul.tabs li{
	background: #d8d8d8;
	color: #fff;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
	font-weight:bold;
}
  ul.tabs li.current{
	background: #9eddcd;
	color: #222;
}
.tab-content{
    display: none;
	background: #9eddcd;
	padding: 15px;
}
.tab-content.current{
	display: inherit;
}
/*GIS*/

.searchbox .flex ,.searchbox_tab .flex{
	display: flex;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;

}
.searchbox .flex table ,.searchbox_tab .flex table{
	display:inline-table;
    box-sizing:border-box;
    box-sizing:content-box;
	/*margin:0 0px 0 40px;*/
}
.searchbox .flex input[type=text],.searchbox input[type=date],.searchbox select{
	/*width:80%;*/
}
@media only screen and (max-width: 996px) {
    .searchbox .flex, .searchbox_tab .flex{
        display: block;
        margin: 0 auto;
    }
}
.casedate{
	text-align:center;
	margin:1em 0;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.signlist{
    font-weight:bold;
    margin:10px 0 10px;
    letter-spacing:1px;
    vertical-align:middle;
    float:left;
}
.signlist span{
    margin-right:15px;
}

/*.detailsGrid_skyblue input[type="button"]{
	text-align:right;
	padding:4px 20px;
	border:2px #063 solid;
	display:inline;
	margin-right:1em;
	border-radius:10px;
	color:#063;
	letter-spacing:1px;
	font-weight:bold;
	cursor:pointer;
	margin-bottom:0em;
	background:#FFF;
}*/
.step {
    text-align: right;
    padding: 1px 15px 3px;
    border: none;
    display: inline;
    margin-right: 1em;
    border-radius: 10px;
    color: #FFF;
    letter-spacing: 1px;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 0em;
    background: #09F;
}

.float_L{
	display:inline;
	vertical-align:central;
}
@media only screen and (max-width: 768px) {
	.float_L{
        float:none;
	overflow:hidden;
	}
}
.float_R {
    float: right;
}

.float_R_f {
    float: right;
}
.float_R_T {
    float: right;
}

@media only screen and (max-width: 768px) {
    .float_R {
        display: none;
    }

    .float_R_f {
        float: left;
        display: block;
    }
	.float_R_T {
		float:none;
		clear:both;
        display: block;
		text-align:center;
		margin:5px 0 0 0;
		font-size:15px;
		margin-bottom:-30px;
		
    }
}
.qrlist{
	margin-bottom:30px !important;
}

.apply {
    max-width: 250px;
    width:auto;
    background:none;
    margin-left: 1em;
    color: #00a3af;
    border: 3px dashed #00a3af;
    padding: 4px 18px;
    font-weight: 900;
    text-align: center;
    cursor: pointer;
    letter-spacing: 1px;
    font-size: 18px;
    margin-bottom: 0.5em;
    cursor: pointer;
    font-family: "Microsoft JhengHei";
}
.btninline a{
	text-decoration:none;
}
@media only screen and (max-width: 768px) {
	.btninline a{
	margin:15px 0px;
	float:none;
	display:inline-block;
	text-decoration:none !important;
}
}
.btncss {
    padding: 5px 20px 6px 20px;
    border: 2px #063 solid;
    display: inline;
    margin-right: 1em;
    border-radius: 10px;
    color: #063;
    letter-spacing: 1px;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 0.5em;
    font-size: 16px;
    background: none;
    font-family: "Microsoft JhengHei";
    font-weight: bold;
    text-align: center !important;
}
.btncss input{
    color: #063;
    font-family: "Microsoft JhengHei";
    background:none;
    outline:none;
    border:none;
    font-size: 16px;
    font-weight: 600;
}
.btncss-s {
    padding: 4px 20px 4px 20px;
    border: 2px #063 solid;
    display: inline;
    margin-right: 1em;
    border-radius: 10px;
    color: #063;
    letter-spacing: 1px;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 0.5em;
    font-size: 16px;
    background: none;
    font-family: "微軟正黑";
    text-align: center;
}

.fromtable a{
	text-decoration:none;
	word-wrap:break-word;
	word-break: break-all; 
}
@media only screen and (max-width: 1280px) {
	.apply{
	margin-top:0.5em;
	margin-left:0em;
}
	.btncss{
	white-space:nowrap;
	margin-right:0.5em;
	margin-top:1em;
	margin-bottom:1em;
    float:none;
 }
}
.edit{
	background:#ffc0cb;
}
.Mtitle{
	font-size:20pt;
	font-weight:bold;
	padding:5px;
}
.btncenter{
    width:100%;
	margin-top:3em;
	text-align:center;
}

.btncenter input {
    font-size: 15px;
    margin-right: 10px;
    margin-bottom:10px;
}
.red{
	color:red !important;
}
.green{
	color:#0C0;
}
.mark{
	clear:both;
	background:#FF0;
	color:#F00;
	padding:0 15px;
	font-weight:bold;
	display:inline-block;
}
.mobil{
	width:100%;
	min-width:50px;
	max-width:180px;
}
.tag{
	clear:both;
	padding:8px 15px;
	font-weight:bold;
	display:inline-block;
	background:#ffa500;
	color:#FFF;
	float:right;
	/*margin-top:4em;*/
	margin-bottom:-1em;
    display:none;
}
@media only screen and (max-width: 768px) {
	.tag{
	margin-top:4em;
	margin-bottom:-1em;
}
}
.operate {
    padding: 6px 18px !important;
    border: 2px #063 solid;
    display: inline-block;
    margin-right: 1em;
    border-radius: 10px;
    color: #063;
    letter-spacing: 1px;
    background: #FFF;
    font-weight: bold;
    cursor: pointer;
	font-size:14px;
}
.radio{
	width:12pt;
	height:13pt;
}
/*.detailsGrid span{
	margin-right:2em;
}*/
.detailsGrid{
    clear:both;
}
.opinion {
    margin-left: 0.5em;
    height: 25px;
    width: 92%;
    vertical-align: top;
}
.imgwrapleft{
	float:left;
	margin-bottom:1em;
}
.imgwrapright{
	float:right;
	margin-bottom:1em;
	margin-right:6em;
}
@media only screen and (max-width: 992px) {
	.imgwrapleft{
		float:none;
		display:block;
}
.imgwrapright{
	    float:none;
		display:block;
}
}


.imgwrap{
	border:1px #000000 solid;
	width:450px;
	height:280px;
	box-sizing:border-box;
	text-align:center;
}
.imgupload{
	border:1px #000000 solid;
	width:450px;
	line-height:3;
	padding-left:0.3em;
	box-sizing:border-box;
}
/*簽核*/
.sign{
	display:inline-block;
	margin-top:2em;
	margin-right:0px;
}

.sign table{
	border:1px #000000 solid;
	display: flex | inline-flex;
}
.sign table td{
	border:1px #000000 solid;
}
.between{
	box-sizing:border-box;
	margin:0 auto;
	width:1300px;
	border:1px #000000 solid;
	display: flex | inline-flex;
}

.flexbox {
	margin-top:2em;
    /*width: 100%;
    height: 22px;*/
    display: flex;
    flex-direction: row;
}

.flexbox>div{
    height:auto;
    flex: 1;
	display:block;
	padding:0 2px;
	clear:both !important;
	float:none;
	overflow:hidden;
}
.flex-item table{
	width:100%;
	font-size:14pt;
}

.flex-item table th{
	padding:8px 0;
	border:1px solid #000;
}
.flex-item table td{
	width:100%;
	border:1px solid #000;
	height:180px;
	vertical-align:central;
	padding:8px 0; 
	text-align:center;
    vertical-align:top;
}
.flex-item textarea{
	vertical-align:top;
	height:80px;
	overflow-Y:scroll;
    font-size:16px;
}

.flex-item_read table{
	width:100%;
	font-size:14pt;
}

.flex-item_read table th{
	padding:8px 0;
	border:1px solid #00F;
}
.flex-item_read table td{
	width:100%;
	border:1px solid #00F;
	height:80px;
	vertical-align:central;
	padding:8px 0; 
	text-align:center;
}
.flex-item_read td label{
	display:block;
}

/*版权声明：本文为CSDN博主「parhats」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_38570967/article/details/81636775
*/



.signingcolor {
    font-weight: bold;
    text-align: right !important;
    letter-spacing: 1px;
    margin-bottom: 0.5em;
    float: right;
    margin-top: 1em;
}
.upfont{
	color:#68a4d9;
	font-size:22px;
	font-weight:bold; 
	margin-top:2em;
}
.upfont2 {
    color: #c94b4b;
    font-size: 22px;
    font-weight: bold;
    margin-top: 2em;
}

.upfont4 {
    color: #12AB11;
    font-size: 22px;
    font-weight: bold;
    margin-top: 2em;
}
.check{
	background:#fde8d0;
	width:100%;
	color:#ec6800;
	font-weight:bold;
	vertical-align:middle;
}
.check th{
	text-align:center;
	width:20%;
	padding:10px;
}
.check td{
	padding:10px;
}
.addicon{
	font-size:13pt;
	color:#333631;
}
.ml{
	padding-left:1.2em !important;
}
.ml-3{
	padding-left:3em !important;
}
.wrapUserData {
	/* margin: 0 auto; */
	/* width: 100%; */
	margin-top: 2em;
}
.userin {
	width: 48%;
	float: left;
	line-height: 2.5;
}
.DrawRed {
	color: red;
	font-family: cursive;
}

.wrapUserData legend {
	/* font-size: 27px;
	font-weight: 600;
	color: #474a4d; */
}

.rightbox legend {
	font-size: 27px;
	font-weight: 600;
	color: #474a4d;
}


.purview{
	width:98%;
	line-height:1.6;
	margin:10px 20px 10px 10px;
	box-sizing:border-box;
}
.purview th {
	text-align: center;
	background: #f2d58a;
	line-height:2.5;
}
.purview td {
	line-height:2.5;
}
.purview [type="radio"]{ 
	width:16px;
	height:16px;
}
.copy{
	font-size:14pt;
	margin-left:0.5em;
	margin-top:1em;
}
.select select{
	width:10%;
}
.checktitle{
	font-size:18pt;
	text-align:center;
	font-weight:bold;
	margin-top:1em;
}
.CKradio{
    width:90% !important;
}
.deduction {
    width: 40%;
}
/*.text{
	width:40%;
	min-width:150px;
}
@media only screen and (max-width: 768px) {
	.text{
	width:40%;
	min-width:inherit;
}
}*/
.w-20 {
    width: 20% !important;
}
@media only screen and (max-width: 768px) {
    .w-20{
        max-width:60px;
        width:100% !important;
    }
}
.w-60{
    width:60% !important;
}
@media only screen and (max-width: 768px) {
    .w-60 {
        width: 98% !important;
    }
}
.w-90 {
    width: 90% !important;
    vertical-align:middle;
}
.level table{
    margin:0 auto;
    text-align:center;
    margin-top:15px;
    padding-right:25px;
}
.level table td{
    padding-right:30px;
}
.level input[type="radio"]{
    /*width:18px;
    height:18px;*/
    vertical-align:middle;
}

.pay {
    width: 80%;
    box-sizing: border-box;
    padding: 10px;
    margin: 0 auto;
}
@media only screen and (max-width: 992px) {
	.pay{
	width:98%;
	}
}
.gray{
	color:#878787;
}

.kide {
    margin-left: 3.5em;
}
@media only screen and (max-width: 680px) {
    .kide {
        margin-left: 0.5em;
        display: block;
    }
}
.none {
    display: none !important;
}
.block{
    display:block;
}

.GISbox {
    width: 98%;
    margin: 0 auto;
}

.width {
    width: 50%;
}

.flex {
    display: inline-block;
    /*color:#063;*/
}

.required {
    color: red;
    font-family: cursive;
}

.minute select option {
    height: 1.8em;
    width: 150px !important;
    padding: 30px !important;
}

    /*查核表*/
.mobileclose {
    display: none;
}

@media only screen and (max-width: 680px) {
    .mobile_car {
        display: block;
        margin: 0 auto;
        width: 100%;
    }

    .mobile_door {
        margin: 0 auto;
        width: 100%;
        display: block;
    }
}

.mobilfrom {
    margin-top: 2em;
    display: block;
}

    .mobilfrom b {
        display: block;
        margin: 10px;
    }

.mbtitle {
    margin: 1em auto 10px;
    font-weight: bold;
    font-size: 18px;
    clear: both;
}

.modaltxt {
    display: block;
    margin-top: 20px;
    clear: both;
}

    .modaltxt textarea {
        width: 100% !important;
    }

.mobilfrom [type="RadioButton"] {
    margin-left: 15px;
    width: 100px;
}


.rent strong {
    font-size: 20px;
    margin-top: 2.8em;
    text-align: center;
    display: block;
    background: #cccdff;
    padding: 5px 0px;
}

.rent span {
    display: compact;
    vertical-align: central;
}

.rent p {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0.6em;
    font-size: 18px;
}

.file {
    display: block;
    margin-top: 10px;
}

.file a {
    color: #0000FF;
    text-decoration: underline;
    cursor: pointer;
}

.mobileopen {
    display: block;
}

.spread {
    padding: 5px 0px;
    font-weight: bold;
    color: #09F;
}

.spread-s {
    padding: 8px;
    border: 1px #000 solid;
}

.spread-s a {
    margin-right: 0.5em;
    color: #09F;
}
.redcenter{
    text-align:center;
    display:block;
}
.nowhite {
    width: 5px;
}
.addleft{
    float:right;
    width:27px;
}
/*登入頁footer*/
.footer {
    text-align: center;
    color: #595857;
    margin-top: 1.5em;
}

    .name {
        font-weight: bold;
        font-size: 18px;
    }

    .footer p {
        line-height: 2;
    }
    /*登入頁footer*/




    .footerline {
        background: #CCC;
        height: 10px;
        width: 100%;
        margin-top: 4em;
    }
   

    .infooter {
        padding: 5px;
        text-align: center;
        clear: both;
        background: #666;
        line-height: 2;
        color: #FFF;
        font-size: 15px;
    }

    .inname {
        line-height: 2;
        font-weight: bold;
        font-size: 18px;
    }
.newDom {
    font-size: 75px;
    color: red;
	font-weight:bold;
    position: fixed;
    z-index: 99;
    right: 40px;
    top: 8px;
}





/*無權占用燈箱效果*/
.modalbutton {
    width:80px;
    text-align:center;
    outline: 0;
    border: 1px solid #666;
    padding: 6px 15px;
    cursor: pointer;
    margin-bottom:10px;
    border-radius:5px;
    background:#f2f2f2;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.modalmin {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%,-30%);
    display: block;
    background: #FFFFFF;
    height: auto;
    border-radius: 6px;
    padding: 20px;
    width: 50%;
}

.min1 {
    margin-top: 2em;
    margin-bottom: 2em;
    word-break: break-all;
}

.modal .modal-close {
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 18px;
    height: 18px;
    padding: 3px 5px;
    padding-bottom: 7px;
    color: #333;
    text-align: center;
    background-color: #dddddd;
    border-radius: 5px;
    border: 1px solid #666;
}

.cancel {
    cursor: pointer;
    position: absolute;
    bottom: 8px;
    right: 85px;
    width: 50px;
    display: block;
    color: #333;
    text-align: center;
    background-color: #dddddd;
    padding: 3px;
    border-radius: 5px;
    border: 1px solid #666;
    font-weight: bold;
    letter-spacing: 1px;
}

.store {
    cursor: pointer;
    position: absolute;
    bottom: 8px;
    right: 15px;
    width: 50px;
    display: block;
    color: #333;
    text-align: center;
    background-color: #dddddd;
    padding: 3px;
    border-radius: 5px;
    border: 1px solid #666;
    font-weight: bold;
    letter-spacing: 1px;
}

.is-hide {
    display: none;
}

.HLbtn{
    border:1px solid #666;
    background:#e9e9e9;
    padding:3px 5px;
    color:#000000;
    border-radius:3px;
}
.center{
    text-align:center;
    margin:30px auto 10px;
    display:block;
}
.center input {
    margin-right:20px;
}

.HLFbtn{
    background:#ebebeb;
    border:1px solid #808080;
    color:#000000;
    padding:1px 5px;
    border-radius:3px;
}
.nopcancel {
    background: #ebebeb;
    border: 1px solid #a0a1a0;
    color: #000000;
    padding: 8px 60px;
    border-radius: 3px;
    text-align: center;
    font-weight: 900;
    vertical-align: middle;
    margin-top:-10px !important;
    display:inline-block;
}
.npadd {
    text-align: center;
    font-weight: 900;
    height: 40px;
	width:150px;
}
@media only screen and (max-width: 680px) {

    .npadd {
        width: 70px;
    }
     .nopcancel {
        width: 70px;
        padding: 8px 15px;
    }
}

#PNLoginArea {
    float: right !important;
    text-align: right;
}
.vtop {
    vertical-align: top;
}
.bill{
    margin:2em 0;
    padding:10px;
    background:#e0f7ff;
    box-shadow:0px 0px 9px #999999;
}
.bill input[type="text"] {
    margin:10px 0;
}
.bill textarea {
    margin:5px 0;
    width:80%;
}
.allcenter{
    text-align: center !important;
    margin: 0 auto !important;
    float:none;
    display:block;
}
/*圖台*/
.GISwrap {
    /*max-width: 1980px;*/
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9999;
    padding: 20px !important;
    box-sizing: border-box;
    clear: both !important;
}
/*end*/
/*經營管理圖台*/
.layer {
    width: 260px;
    /*background: rgba(108, 106, 107, 0.6);*/
    padding: 5px !important;
    font-weight: bold;
    margin: 0 0 0 10px;
    height: 400px;
    overflow: auto;
    position: absolute;
    top: 53px;
    left: 70px;
    z-index: 999;
    box-shadow: 0 0 7px rgba(104,104,104,0.6);
    background: rgba(237,237,237,0.8);
    border-radius: 3px;
    font-size: 13pt;
}
.GISMAP {
    margin:20px auto 0;
    max-width: 1980px;
    width: 100%;
    height: 680px;
}
.openlayout {
    overflow: hidden;
    position: absolute;
    top: 7px;
    left: 60px;
    z-index: 999
}

@media only screen and (max-width: 680px) {
    .openlayout {
        top: 8.5%;
    }
}
.layerbtn {
    margin: 10px 0 -2.255px 9.3px;
    width: 113px !important;
    overflow: hidden;
    cursor:pointer;
    transition: 0.5s box-shadow ease, 0.5s transform ease;
    transform: translate(0, 0);
}
.LYtitle {
    background: #dcf0f4;
    padding: 2px 2px 5px 3px;
}

.Gray{
    color:#aeaeae !important;
}

.nopflex {
    /*max-width: 1980px;*/
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    margin: 0 auto;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9999;
    padding: 20px !important;
    box-sizing: border-box;
    clear: both !important;
}
.nopWrapper {
    max-height: 900px;
    max-height:95%;
	height:auto;
    width: 70%;
    margin: 0 auto ;
    padding: 20px;
    background: rgba(255, 255, 255, 1);
    z-index: 999;
    box-sizing: border-box;
    position:fixed;
    left:50%;
    transform:translate(-50%);
    overflow-y:scroll;
    clear: both !important;
}

@media only screen and (max-width: 680px) {
    .nopWrapper {
    width: 95%;
}
}
.closenop{
    text-align:right;
    float:right;
    display:block;
    font-size:14pt;
    margin-bottom:10px;
}


.ilgfile{
    margin:20px 0;
    display:inline-block;
}
.ilgfile input {
    background:#5abcfe;
    outline:none;
    border:none;
    padding:6px;
    cursor:pointer;
    border-radius:5px;
    color:#FFF;
    letter-spacing:2px;
    margin:0 0px;
}
.ilgfile [type="file"]{
    border:2px solid #94d0f8;
    outline:none;
    cursor:pointer;
    border-radius:4px;
    background:#FFF;
    padding:0;
    letter-spacing:0px;
    color:#666;
}
.carmass {
    display:inline-block;
    margin-left:15px;
}
.carmass input {
    background:#5abcfe;
    outline:none;
    border:none;
    padding:6px;
    cursor:pointer;
    border-radius:5px;
    color:#FFF;
    letter-spacing:2px;
    margin:0 5px;
}
.carmass [type="file"]{
    border:2px solid #94d0f8;
    outline:none;
    cursor:pointer;
    border-radius:4px;
    background:#FFF;
    padding:0;
    letter-spacing:0px;
    color:#666;
}
.massTB input{
    width:18px;
    height:18px;
}
.massTB th:nth-child(2) {
    width:40% !important;
}
.massTB th:nth-child(5) {
    width: 90% !important;
}



.mapOP {
    font-size: 13pt;
    padding-left: 3px;
    color: #515151;
    text-align: left;
    font-weight: bold;
    display: block;
    margin-bottom: 0.7em;
}

.GISWrapper {
    max-height: 900px;
    height:95%;
    width: 90%;
    margin: 50px auto 10px;
    padding: 0;
    background: rgba(255, 255, 255, 1);
    z-index: 999;
    box-sizing: border-box;
    padding: 10px 10px 40px !important;
    clear:both !important;
}
.closemap {
    display:inline-block;
    float:right;
    font-size:14pt !important;
    margin:10px;
}
.set a {
    color: #063;
    float: right;
    text-align: right;
    display: block;
    border: 2px solid #09F;
    text-decoration: none;
    margin-top: -46px;
    color: #09F;
    padding: 3px 10px;
    font-weight: bold;
    box-shadow: 0px 0px 3px #447a9d;
    letter-spacing: 1px;
    border-radius: 2px;
}
.flooduser{
	border:1px solid #666;
	width:100%;
	margin:18px 15px 18px 2px;
	box-sizing:border-box;
}
.flooduser th{
	border:1px solid #666;
	padding:8px;
	background:#fff1cf;
	font-weight:bold;
}
.flooduser td{
	border:1px solid #666;
	padding:8px;
	line-height:2;
}
.flooduser th:nth-child(1){
	width:15%;
}
.flooduser td:nth-child(1){
	text-align:center;
}

.flooduser .ccbox td{
	padding:2px 8px;
	text-align:left;
	border:none;
	/*border:1px #CCCCCC solid;*/
}
.flooduser input {
	width:16px;
	height:16px;
	vertical-align:middle;
	margin-left:10px;
}
.w-5 {
    width: 5% !important;
    color:red;
}
.w-10{
    width:10% !important;
}
.w-20 {
    width: 20% !important;
}
.w-40 {
    width: 40% !important;
}
.w-50 {
    width: 45% !important;
}
.messagebox{
    height:50px !important;
    width:99% !important;
    vertical-align:top;
    margin-top:10px;
}
.ilgnumber{
    height:22px;
    width:195px;
    font-size:16px;
}
.selecttype {
    margin-left: 15px;
    border: 2px solid #94d0f8;
    outline: none;
    cursor: pointer;
    border-radius: 4px;
    background: #FFF;
    padding: 0;
    letter-spacing: 0px;
    color: #666;
    height:33px;
    font-size:16px;
    letter-spacing:1px;
}




.btncssmail {
    padding: 4px 20px 6px 20px;
    border: 2px #09F solid;
    display: inline;
    margin-right: 1em;
    border-radius: 10px;
    color: #09F;
    letter-spacing: 1px;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 0.5em;
    font-size: 16px;
    background: none;
    font-family: "Microsoft JhengHei";
    font-weight: bold;
    text-align: center !important;
    box-sizing: border-box;
}



.cablewidth{
    width:10% !important;
}
.cablew2 {
    width: 90% !important;
}
.href a{
	color:#002cff !important;
	text-decoration:underline !important;
}

.carwidth {
    width: 30% !important;
}

.checkbox input[type="checkbox"]{
    height:19px;
    width:19px;
	margin:0px 3px;
}
.checkbox th input[type="checkbox"]{
	vertical-align:middle;
}
.checkbox  td:nth-child(5) {
    text-align: left !important;
    
}


.yellowC {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: #e9ce5b;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}
.greenC {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: #99cb79;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}
.purpleC {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: #937db8;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}
.redC {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: red;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}
.blueC {
    width: 23px;
    height: 23px;
    border-radius: 20px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    background: #22c6f2;
}
.blueC::before {
    content: "衝";
    color: #FFF;
    vertical-align:central;
}
.blue_RC {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: #2470F5;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}

.signlist label{
    color:#FFF;
    text-align:center;
    vertical-align:text-top;
    box-sizing:border-box;
    padding:0px 0 2px 1px;
}
.cck {
    width: 50px !important;
    text-align: center !important;
}
.cck2 {
    width: 10% !important;
    text-align: center !important;
}

.ccbtn{
    background:none;
    color:#7ea190;
    padding:6px 12px;
    border-radius:10px;
    outline:none;
    border:#8db19f 2px solid;
    margin-left:10px;
    font-weight:bold;
    letter-spacing:2px;
    font-size:15px;
    cursor:pointer;
}

/*燈箱效果2*/
.spacebgfix2 {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: rgba(107, 107, 107, 0.6);
    z-index:999999999;
}

.spacelibox2 {
    position: absolute;
    padding: 15px 15px 15px 15px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 0px 6px #666;
    letter-spacing: 2px;
}
.spselect{
    max-height:380px !important;
    height:auto;
    max-width:380px;
    width:100%;
}
.spselect select {
    font-size: 18px;
    padding: 5px;
    margin-top: 20px;
    border: 1px solid #666;
    border-radius: 5px;
    max-width: 210px;
    width: 100%;
}
.whitewrap {
    max-width: 580px;
    width: 100%;
}
.whitewrap  [input="RadioButton"]{
    margin:50px 0;
}
.whitewrap  input[type="radio"]{
    margin:15px 5px 10px 0px;
}
.is-hide2 {
    display: none;
}

/*燈箱效果3*/
.spacebgfix3, .spacebgfix4{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: rgba(107, 107, 107, 0.6);
    z-index:999999999;
}

.spacelibox3, .spacelibox4{
    position: absolute;
    padding: 15px 15px 15px 15px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 0px 6px #666;
    letter-spacing: 2px;
}
.is-hide3,.is-hide4 {
    display: none;
}

.autoheight {
    max-height: 600px;
    overflow-y: auto;
}

.floatright {
    float: right;
    clear: both;
    margin-bottom: 20px;
}

.riverTB {
    text-align: center;
    margin-top: -30px;
    max-width: 1200px;
    width: 100%;
}

    .riverTB td {
        text-align: center;
        white-space: nowrap;
    }

@media only screen and (max-width: 1024px) {
    .riverTB td {
        white-space: normal;
        word-break: break-all;
    }
}

@media only screen and (max-width: 768px) {
    .spacelibox2 {
        padding: 10px 10px 5px 10px;
        max-width: 480px;
        width: 90% !important;
        left: 50%;
        top: 20%;
        transform: translate(-50%, -20%);
        max-height: 480px;
        height: 90%;
        overflow-y: auto;
        margin: 20px 0 10px;
    }

    .spselect select {
        display: block;
        margin-top: 20px;
        max-width: 480px;
        width: 100%;
    }

    .spselect span {
        text-align: center;
    }
}
/*燈箱結束2*/

.mr{
    margin-right:10px;
}

.detailstxt{
    color:red;
    background:#faf7da;
    clear:both;
    padding:5px;
    width:auto;
    display:inline-block;
}
.w-95 {
    width: 95%;
}

.maxtxt{
    width:50%;
    display:block;
    word-break: break-all;
    vertical-align:top;
}

.detailsGrid .tenstiontxt td {
    border: none !important;
}
.detailsGrid .tenstiontxt td:first-child {
    vertical-align: top !important;
}

/*.detailsGrid .innerBR_file {
    vertical-align: top !important;
    vertical-align: text-top;
    color: red;
}

.detailsGrid .innerBR_file tr td:first-child {
    background: #fff;
    border: none !important;
    text-align: left;
    padding: 0;
}*/
.detailsGrid .innerBR_file tr td:first-child {
    border: none;
}
.detailsGrid .innerBR_file td{
    border:none;
    display:inline-block;
    padding:1px;
}
.detailsGrid .innerBR_file {
    border: none !important;
    display:inline-flex;
}
/*.oldilg{
    float:right;
    text-align:right;
    display:block;
}*/
.oldilg a{
    color:#063;
    float:right;
    text-align:right;
    display:block;
    border:2px solid #09F;
    text-decoration:none;
    margin-top:-46px;
    color:#09F;
    padding:3px 10px;
    font-weight:bold;
    box-shadow:0px 0px 3px #447a9d;
    letter-spacing:1px ;
    border-radius:2px;
}
.oldilg input[type="submit"] {
    color: #063;
    float: right;
    text-align: right;
    display: block;
    border: 2px solid #09F;
    text-decoration: none;
    margin-top: -46px;
    color: #09F;
    padding: 3px 10px;
    font-weight: bold;
    box-shadow: 0px 0px 3px #447a9d;
    letter-spacing: 1px;
    border-radius: 2px;
    background:#FFF;
    cursor:pointer;
}
@media only screen and (max-width: 768px) {
	.oldilg{
		margin-top:-6px;
		float:right;
	}
}

@media only screen and (max-width: 430px) {
    
    .oldilg a {
/*        width: 102px;*/
        padding:3px 5px;
    }
}
.txtR {
    float: right !important;
    display: block;
    margin-top: -25px;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 17px;
}
.condition{
    color:#ff6262;
    font-size:16px;
    letter-spacing:2px;
    font-weight:bold;
    margin-left:20px;
    display:block;
}
.M_link {
    display: none;
}
@media only screen and (max-width: 768px) {
    .M_link {
        background: #f5fcf9;
        clear: both;
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
        display: block;
        padding: 5px;
        padding-bottom: 5px;
    }

    .M_link_a {
        display: inline-block;
        border: 2px solid #09F;
        width: 43%;
        text-align: center;
        margin: 0 auto;
        padding: 5px 2px;
        margin-left: 8px;
    }
    .M_link_a a {
        color: #09F;
        text-decoration: none;
        font-weight: bold;
        text-align: center;
        margin: auto;
    }
}

.mt-5 {
    margin-bottom: 5px;
}
    /*.M_link span{
    margin:60px 20px;
}*/


.CC input[type=checkbox] {
    background: #00F;
}

input[type="checkbox"] checkbox {
    background: #000000;
    border: #7f83a2 1px solid;
}
.wait {
    max-width: 180px;
    margin-left: 1em;
    color: #0099FF;
    border: 3px dashed #0099FF;
    padding: 4px 10px 4px 10px;
    font-weight: 900;
    text-align: center;
    cursor: pointer;
    letter-spacing: 1px;
    font-size: 18px;
    margin-bottom: 0.5em;
    cursor: pointer;
    background: none;
    margin-bottom: 10px;
    font-family: "Microsoft JhengHei";
}
.redwait {
    color: #c94b4b;
    border: 3px dashed #c94b4b;
}

.lightwait {
    color: #304d7a;
    border: 3px dashed #304d7a;
}
@media only screen and (max-width: 768px) {
    .wait {
        margin-left: 0em;
    }
}
.related {
    text-align: center;
    margin: 0px 0 60px;
}
.related input{
    display:inline-block;
    vertical-align:bottom;
    margin-top:20px;
    margin-right:10px;
}

.related img{
    margin:10px 0 15px;
}
.imgshow {
    padding: 80px 130px;
    background: #d2d2d2;
    margin-top: 20px;
    text-align: center;
    line-height: 200px;
    border: 1px solid #000000;
}
.v-top{
    vertical-align:top;
}
.container_flood {
    width: 100%;
    max-width: 1280px;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 40px;
}

.Ftab_btn {
    background: #e8f2fa !important;
    padding: 13px 20px;
    color: #3273ac !important;
    display: inline-block;
    text-decoration: none;
    margin: 0 10px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
    border: none;
    font-family:"Microsoft JhengHei";
    font-size: 16px;
}

.missb {
    background: #fcefdb !important;
    color: #fc9140 !important;
}

.bottombd {
    border-bottom: 1px solid #000000 !important;
}


@media only screen and (max-width: 768px) {
    .container_flood {
        text-align: left;
    }

    .Ftab_btn {
        margin: 0 5px 15px 2px;
        background: #e2e2e2;
        padding: 8px 5px;
        font-size:14px;
    }
    .bottombd {
        border-bottom: none !important;
    }
    .missb{
        background: #fcefdb;
        color: #fc9140;
    }
}

@media only screen and (max-width: 320px) {
    .Ftab_btn {
        font-size: 14px;
    }
}

.activecolor {
    background-color: #3273ac !important;
    color: #FFFFFF !important;
}
.flood_check{
	border:1px solid #000;
	margin:0 auto;
	border-bottom:none;
	vertical-align:middle;
    clear:both;
	/*background:#f3faff;*/
}
.flood_check li{
	display:inline-block;
	padding:10px;
	vertical-align:middle !important;
	width:75%;
}
.flood_check li:nth-child(1){
	color:#069;
	font-weight:bold;
	width:18%;
	text-align:center;
	/*vertical-align:top !important;*/
	font-size:13pt;
	/*background:#afeeee;*/
}
.flood_check:last-child{
	border-bottom:1px solid #000;
}
.flood_check  [type="text"]{
	padding:2px;
	font-size:13pt;
	margin-right:5px;
    border:none;
    outline:none;
}
.flood_check  [type="text"]:active{
	border:1px solid #FFF;
}
.flood_check select{
	padding:2px;
	font-size:16px;
    /*height:23px;*/
}
.flood_check  [type="radio"]{
	width:16px;
	height:16px;
	vertical-align:central !important;
}
.flood_check  textarea{
	max-width:900px !important;
	width:100%;
	font-size:13pt;
}
.addbtn{
	text-align:center;
	margin:10px auto 0;
	clear:both;
}
.addbtn input{
	margin:40px 20px 0 0;
}
@media only screen and (max-width: 768px) {
.flood_check{
	border:none;
} 
.flood_check li{
	display:block;
	padding:5px;
	font-size:13pt;
	width:95%;
}
.flood_check li:nth-child(1){
	color:#069;
	border-right:none;
	width:100%;
	text-align:left;
	background:none;
	font-size:14pt;
}
.flood_check li:nth-child(2){
	margin-bottom:25px;
}
.flood_check:last-child{
	border-bottom:none;
}
.flood_check  textarea{
	max-width:480px;
	width:99%;
	font-size:13pt;
}
.mobilcss{
	display:block;
}
/*.addbtn input{
	margin-right:10px;
	max-width:200px;
	width:auto;
	background:#3273ac;
	border:none;
	outline:none;
	padding:5px 10px;
	color:#FFFFFF;
	border-radius:8px;
	font-weight:bold;
	letter-spacing:2px;
	font-size:12pt;
    font-family:"微軟正黑體";
}*/
}
.drog {
    /*display: block;*/
    clear: both;
    padding: 8px 10px;
    background: #f9e697;
    font-size: 16px;
    font-weight: bold;
    float: right;
    color: #ff0037;
}

@media only screen and (max-width: 768px) {
    .drog {
        float: none;
        margin: 5px 0 30px 0;
    }
}

.bar-block {
    margin: 50px 0 40px;
    display: block;
    clear: both;
}
@media only screen and (max-width: 768px){
    .bar-block{
        margin:20px 0 0px;
        clear:both;
    }
	.container_flood{
		margin-bottom:10px;
	}
}
.class{
    clear:both;
}
.updrog{
    margin-top:40px !important;
    display:block;
}
/*#tab5{
    margin-top:-40px;
    display:block;
    padding-top:-40px;
    margin-top:-20em;
    display:inline-block;
}*/
/*.flood_check input[type="radio"] {
    margin-bottom: 10px;
}*/
.CCtxt {
    display: block;
    font-weight: bold;
    padding-left: 5px;
    color: #5e5e5e;
}
/*.base_chart{
	border:1px solid #F18082;
}*/
.base_chart h5{
	font-size:16pt;
	font-family:"Microsoft JhengHei";
    margin-bottom:5px;
    margin-top:40px;
}
#bar-chart {
    max-width: 1280px;
    width: 98%;
    height: 300px;
    position: relative;
    margin: 0 auto;
    border: 1px solid rgba(200,195,195,1.00);
    padding: 50px 8px 5px;
    border-radius: 8px;
    vertical-align: middle;
    box-sizing:border-box;
}

#main {
    max-width: 1280px;
    width: 98%;
    height: 400px;
    margin: 0 auto;
    border: 1px solid rgba(200,195,195,1.00);
    padding: 30px 8px 20px;
    border-radius: 8px;
    box-sizing: border-box;
}

.mr10{
    margin-right:20px;
}


/*
#main a:link, a:visited {
    color: #4682b4;
}

#main a:hover {
    color: #4169e1;
}
*/

.Ftitle {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin: 0 auto;
    display: block;
}


.flooddate {
    font-weight: bold;
    letter-spacing: 1px;
}
.innertitle {
    font-size: 15pt;
    font-weight: bold;
}

.smilett {
    color: #3273ac;
    font-weight: bold;
    display: block;
    font-weight: bold;
    margin-top: 40px;
}
.close2left {
    float: right;
    display: block;
}
/*input {
    border: 1px solid #efefef;
}*/
.marginitem{
    margin:0 20px 20px 0;
    display:inline-table;
    vertical-align:bottom;
}
.marginitem input[type="radio"] {
    vertical-align:top;
    display:inline-table;
}


.filewrap input {
    margin: 0 3px;
    vertical-align: middle;
    margin-bottom:10px;
}
.filewrap input{
}
.filetxt{
    /*margin:0 2px;*/
}
.filewrapimg {
    margin: 10px 0;
    display: block;
}
@media only screen and (max-width: 768px) {
    .filetxt{
        max-width:320px;
        width:30%;
    }
}
.backtxt{
    max-width:350px;
    width:100%;
    height:40px;
    vertical-align:middle;
}
.inbase{
	position:absolute;
	top:20px;
	right:20px;
    margin-bottom:10px;
}
.inbase input{
	color:#88b9ba;
	border:2px solid #88b9ba;
	letter-spacing:2px;
	outline:none;
	background:none;
	cursor:pointer;
	padding:3px 7px 4px 9px;
	font-size:15px;
	border-radius:5px;
	font-weight:900;
    font-family:"Microsoft JhengHei";
    margin-bottom:20px;
}
.inbase input:hover{
	color:#f7cf7f;
	border:2px solid #f7cf7f;
}
.must {
    color: red !important;
    font-size:18px;
    font-family: cursive;
}
.must:after {
    content: "＊";
}

.inner div {
    /*max-width: 150px;*/
    display: inline-block;
    /*white-space: nowrap;*/
}
.inner span{
	font-weight:bold;
}
.inner input[type="text"] {
    width:50px !important;
}
.inner b{
    margin-right:10px;
    font-weight:normal;
}
@media only screen and (max-width: 768px) {
    .inner div {
        max-width: 320px;
        white-space: normal;
        word-break: break-all;
        margin-top: 5px;
		display:block;
    }
    .inner b {
        display:block;
		padding:0px !important;
		margin-top:8px;
		margin-bottom:3px;
    }
}
.inner div input{
    width:40% !important;
}
.w-30{
    width:30% !important;
}
.bottomno {
    border-bottom: none !important;
}
/*.noB {
    border: none !important;
}
.noB th{
    border: none !important;
}*/
.inner{
    display:inline-block;
}
.mt10{
    margin-top:10px;
    display:block;
}
.topbr {
    border-top: none !important;
}
.imgsize{
    width:240px;
    height:130px;
    margin:20px 0;
}
.imgbox img{
	max-width:420px;
	width:100%;
	margin-top:10px;
}
.imgbox{
    width:240px !important;
}
.LIbtnTP {
    max-width: 110px !important;
    width: 100%;
    background: #16a4bb !important;
    padding: 0 0 0 2px;
}
.stepmr {
    margin-right: 33px;
    vertical-align:middle;
}

.stepmr input[type="ListBox"] {
    height: 125px;
    width: 150px;
    vertical-align: middle;
    margin: 0 8px;
    border: 1px solid #063;
}

.stepmr p {
    margin-bottom: 15px;
}
.step_G {
    padding: 1px 10px;
    border: none;
    display: inline;
    margin-right: 3px;
    border-radius: 8px;
    color: #FFF;
    letter-spacing: 1px;
    background: #a0d8ef;
    font-size: 14px;
}
.chartsearch {
    display: inline-block !important;
    max-width: 1300px;
    width: 100%;
    margin-top: 20px;
    position:relative;
    left:50%;
    transform:translate(-50%);
}
.chartsearch div{
    display:inline-block !important;
    vertical-align:middle;
}
.chartsearch span{
    margin-right:30px;
}
.ulwrap span {
    margin-right: 30px;
}
@media only screen and (max-width: 768px) {
    .ulwrap span {
        display: block;
        margin-bottom:10px;
        border:1px solid #F00;
    }
}
.indb {
    border: 2.5px solid #f9a23a;
    box-shadow: 0 0 3px #f4c898;
    color: #f9a23a;
    font-size: 16px;
    cursor: pointer;
    font-weight: bold;
    padding: 6px 12px;
    background: none;
    outline: none;
    margin-left: 20px;
    display:inline-block !important;
}
.cutdraw {
    max-width: 1300px;
    margin-top: 15px;
    text-align: center;
    width: 100%;
    border: 1px solid #666;
}
@media only screen and (max-width: 768px) {
    .chosewrap {
        height: 400px !important;
    }
}
@media only screen and (max-width: 768px) {
    .batch_date {
        display: block;
        margin-top:10px;
    }
}
.inblock{
    display:inline-block;
}
@media only screen and (max-width: 768px) {
    .inblock {
        display:block;
        margin:20px 0;
    }
}







/*小地圖圖台*/
.mapwrap {
    max-width: 1980px;
    width: 100%;
    height: auto;
    display: block;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9999;
    box-sizing: border-box;
}

.mapbg {
    max-height:780px;
    height:80%;
    width: 80%;
    padding: 0;
    background: rgba(255, 255, 255, 1);
    z-index: 999;
    box-sizing: border-box;
    position:relative;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    box-sizing:border-box; 
    overflow-y:auto;
    overflow-x:auto;
}
@media only screen and (max-width: 768px) {
    .mapbg {
        width: 96%;
        max-height: 650px;
        height: 80%;
        transform: translate(-50%,-50%);
    }
}
.SGclose{
    float:right !important;
    position:absolute;
    top:10px;
    right:10px;
    z-index:99;
    font-size:18px;
}
#map {
    position: relative;
    padding: 0;
    margin: 0;
    top: 0px;
    left: 0px;
    height: 750px;
    overflow-y: auto;
}

#HomeButton {
    position: absolute;
    top: 90px;
    left: 0px;
    z-index: 50;
    overflow: auto;
}

#LocateButton {
    position: absolute;
    top: 145px;
    left: 10px;
    z-index: 50;
    overflow: auto;
}

#switchmap {
    position: absolute;
    top: 188px;
    left: 10px;
    z-index: 50;
    overflow: auto;
}

#xy {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 50;
    overflow: auto;
    width:250px;
    overflow-y:hidden;
}

#search {
    display: block;
    position: absolute;
    z-index: 2;
    top: 50px;
    right: 10px;
}
#map_zoom_slider {
    position: absolute;
    top: 18px;
    left: 10px;
    z-index: 50;
}
/*.esriSimpleSliderIncrementButton {
    position: absolute;
    top: 188px;
    left: 10px;
    z-index: 50;
    overflow: auto;
}
*/
.imgfrom{
    border:1px solid #CCC;
    width:240px;
    height:130px;
    margin:5px auto 0;
    position:relative;
}
.imgfrom img{
    width:240px;
    height:130px;
    position:relative;
    top:-10px;
}
.TBL{
    width:90%;
}
.word{
    color:#00F;
    text-decoration:underline !important;
    padding-bottom:5px;
    vertical-align:middle;
}
.delete {
    vertical-align: middle;
    display:block;
    margin-top:0px !important;
}
.preview{
    color:#666;
    font-size:18pt;
	font-weight:bold;
	letter-spacing:2px;
	padding-left:5px;
}
.sectionlabel{
	float:right;
	margin-top:px;
	vertical-align:bottom;
}
.sectionlabel span{
	margin-right:30px;
	line-height:1.8;
	vertical-align:middle;
	color:#888;
}
.sectionlabel b{
	color:#666;
}
.go-top1 {
    color: #FFF;
    background: #09F;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    line-height: 50px;
    position: fixed;
    bottom: 13%;
    right: 5%;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    letter-spacing: 3px;
    box-shadow: 0px 0px 7px #666;
    font-size: 15px;
}

.go-top1:hover {
    background: #00c8ff;
}
.setlistwrap{
    margin:0 auto 10px;
    text-align:center !important;
}
.setlistwrap span{
    margin-right:50px;
    margin-bottom:20px;
}
@media only screen and (max-width: 768px) {
    .setlistwrap span {
        display:block;
        margin:20px 0px;
    }
}
.Cnotic{
    position:relative;
    top:-25px;
    left:2px;
    color:#F00;
    font-weight:bold;
    float:left;
}
.showsection{
   /* position:relative;
    left:430px;
    top:60px;*/
    font-weight:bold;
    border:2px solid #09F;
    color:#09F;
    font-size:16px;
    background:none;
    padding:5px 10px;
    cursor:pointer;
    letter-spacing:2px;
	margin-top:20px;
}
.STXT{
	color:#F00 !important;
}
.M_GIS {
    background: none;
    border: none;
    outline: none;
    color: #09F;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    margin: auto;
    font-size:16px;
}

.chosen-drop li:nth-child(1) {
    color: #000;
    width: 100%;
    text-align: left;
    font-size: 14px;
    font-weight: 400 !important;
}
/*.chosen-container-single {
    border: 1px solid #F00;
    border-radius:5px;
    background:#FFF;
    width:160px;
}*/

.ytview {
    padding: 6px 18px !important;
    border: 2px #30a1eb solid;
    display: inline-block;
    margin-right: 1em;
    border-radius: 10px;
    color: #30a1eb;
    letter-spacing: 1px;
    background: #FFF;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
}
.vedio {
    padding: 6px 18px !important;
    border: 2px #6a5acd solid;
    display: inline-block;
    margin-right: 1em;
    border-radius: 10px;
    color: #6a5acd;
    letter-spacing: 1px;
    background: #FFF;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
}
.operatelist{
	border:none;
	color:blue;
	text-decoration:underline;
	background:none;
	padding: 6px 18px !important;
	cursor: pointer;
    font-size: 14px;
	letter-spacing:2px;
}


/*110*/
.margin{
	display:block;
	margin:10px 0;
}
.tenriver{
	width:100%;
}
.tenriver th { /*設定表頭*/
    background-color: #E0F0FF;
    text-align: center;
    font-weight: bold;
	width:20% !important;
}
.ten{
	width:100%;
	margin-bottom:10px;
}
.ten th{
	padding:5px !important;
	background:#E0F0FF;
}
.tenlist{
	margin-top:10px;
	
	width:100%;
	text-align:center;
}
.tenlist th{
	background:#E0F0FF; !important;
}
.ten input{
	width:95%;
}
.riverclose td{
	text-align:center;
}

.close{
	max-width:1300px;
	width:100%;
}
.close th{
	width:18% !important;
	background:#E1F0EE;
}
.addcourse{
	font-weight:bold;
	border:3px dashed #309C27;
	padding:6px 3px;
	margin:20px 0px 15px;
	display:block;
	width:190px;
	text-align:center;
	color:#46A270;
	letter-spacing:2px;
	cursor:pointer;
    color:#309C27 !important;
    float:right;
}
.addcourse a{
    color:#309C27 !important;
}
.FE_textarea textarea{
    height:20px !important;
    width:90% !important;
    vertical-align:middle;
}

.backmemo{
    margin-top:30px;
    width:100%;
}
.backmemo th {
    background: #ffe5b7;
    width:20%;
}
.backmemo textarea{
    width:95% !important;
    height:50px !important;
    display:block;
    margin-bottom:10px;
}
.FE_img img {
    width: 250px;
    display: black;
}
.checkTB {
    width: 100%;
}
.checkTB th {
    background: rgba(237,249,251,1.00);
    width: 15%;
}
.checkTB td {
	width:30%;
}
.checkTB td img{
	max-width:320px;
	width:100%;
}

.missimg img{
	max-width:330px;
	max-height:280px;
	width:100%;
	height:100%;
	text-align:center;
	margin:20px auto 0;
	display:block;
}
.missimgdata img{
	max-width:330px;
	max-height:280px;
	width:100%;
	height:100%;
	display:block;
}

.seelectport select {
    border: 2px solid #063;
    font-size: 14px;
    padding: 5px 3px;
    margin-left: 15px;
    border-radius: 3px;
    margin-right: 5px;
}

.seelectport input {
    background: #063;
    font-size: 14px;
    border: none;
    padding: 6px 13px;
    color: #FFF;
    border-radius: 5px;
    font-weight: bold;
    letter-spacing: 2px;
    cursor: pointer;
    margin-right: 20px;
}

.imgmb img{
	max-width:320px;
	width:100%;
}
.ilgcar{
	margin-top:15px;
	text-align:left;
	width:100%;
}
.ilgcar b{
	font-size:20px;
	display:block;
	color:rgba(71,131,253,1.00);
}


.okbtn {
    border-radius: 5px;
    padding: 6px 12px;
    background: rgba(127,175,249,1.00);
    color: #FFF;
    font-size: 17px;
    font-family: 微軟正黑體;
    letter-spacing: 3px;
    font-weight: bold;
    border: none;
    cursor: pointer;
}

.cancelbtn {
    border-radius: 5px;
    padding: 6px 12px;
    font-size: 17px;
    font-family: 微軟正黑體;
    letter-spacing: 3px;
    font-weight: bold;
    border: none;
    background: #a5a5a5;
    color: #FFF;
    cursor: pointer;
}

































/*APP連結頁面*/
.APP_areaA{
    background:#FFF;
    border-bottom:3px solid #09F;
    width:90%;
    box-shadow: 0px 0px 8px #CCC;
    margin:0 auto;
    border-radius:5px;
}
.APP_areaB {
    width: 90%;
    margin: 30px auto 15px;
    border-radius: 5px;
    border-bottom: 3px solid #fab435;
    box-shadow: 0px 0px 8px #CCC;
    background: #FFF;
}

.APPTT{
    font-size:16pt;
    text-align:center;
    color:#FFF;
    background:#09F;
    padding:10px 0;
    font-weight:bold;
    margin-top:-25px;
    letter-spacing:2px;
}
.APP_btn {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}
.APP_car_search {
    background: #09F;
    color: #FFF;
    border: none;
    outline: none;
    width: 45%;
    margin: 15px 5px;
    text-align: center;
    font-size: 13pt;
    padding: 6px 0;
    border-radius: 5px;
    font-weight: bold;
    letter-spacing: 3px;
}
.APP_car_clear {
    background: #bebebe;
    color: #FFF;
    border: none;
    outline: none;
    width: 45%;
    margin: 15px 5px;
    text-align: center;
    font-size: 13pt;
    padding: 6px 0;
    border-radius: 5px;
    font-weight: bold;
    margin-top: 15px;
    letter-spacing: 3px;
}
.APP_TB{
    margin:0 auto;
    margin-top:25px;
    font-size:14pt;
    width:90%;
}
.APP_TB input[type="text"]{
    border:1px solid #CCC;
    border-radius:5px;
    padding:5px 8px;
    font-size:14pt;
    width:95%;
}
.APP_TB td:first-child{
    font-size:15pt;
    font-weight:bold;
    margin-bottom:10px;
    padding:8px 0;
    color:#09F;
}
.APP_TB ::-webkit-input-placeholder {
    color: #CCC;
}
.APP_TB_B {
    margin: 0 auto;
    font-size: 14pt;
    width: 90%;
    background:#FFF;
}
.APP_TB_B th{
    font-size:15pt;
    font-weight:bold;
    color:#fab435;
    padding:8px 0;
    text-align:left;
}
.APP_TB_B td{
    padding:5px;
}
.loginwait {
    background-color: rgba(255,206,0,0.4);
    text-align: center;
    padding: 3px 0;
    font-weight: bold;
    color: #f62b51;
    font-size:17px;
    letter-spacing:1px;
}
.chosen-results li{
	font-size:15px !important;
	font-weight:none;
}
.patrolimg{
	text-align:center;
}
.patrolimg th:nth-child(4) {
	width:12% !important;
}
.patrolimg th:nth-child(5) {
	width:15% !important;
}
.bottomnone{
    border-bottom:none !important;
}
.imgA img{
    max-width:300px;
    width:100%;
}
.imgA th:nth-child(1) {
	width:2% !important;
}
.imgA th:nth-child(4) {
	width:5% !important;
}
.tip{
    color:#09F;
}
.event_open{
    font-size:18px;
    font-weight:bold;
    margin:20px auto;
    text-align:center;
    color:#09F;
}
.detailsGrid_orange .firstw th:first-child {
    width: 2% !important;
    text-align: center;
}
.detailsGrid_orange .firstw td:first-child{
    text-align:center;
}
.tagbtn {
    margin: 5px;
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    vertical-align: middle;
}
.tagbtn input[type="submit"]{
	border:1px solid #0089F9;
    background:none;
	color:#0089F9;
	padding:3px 8px;
	margin:5px 10px 10px 0px;
	flex:1;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	white-space:nowrap;
	letter-spacing:2px;
	font-size:16px;
    cursor:pointer;
}
.tagbtn input[type="submit"]:disabled{
	border:1px solid #CCC;
    background:#efefef;
	color:#CCC;
	cursor:inherit;
}
.tagbtn input[type="submit"]:hover{
    background:#0089F9;
    color:#FFF;
}
.tagbtn input[type="submit"]:disabled:hover{
	border:1px solid #CCC;
    background:#efefef;
	color:#CCC;
}
@media only screen and (max-width: 768px) {
    .tagbtn {
        margin: 3px;
    }
}
/* 20220516 新增頁籤 start========= */

.bookmark {
    position: relative;
}
.bookmark__items{
    display: flex;
    column-gap: 0.2rem;
    position: absolute;
    top: -2.5em;
}

.bookmark__item{
    font-weight: bold;
    color:#fff;
    background-color: #66b3d6;
    border: 2px solid #66b3d6;
    border-radius: 10px 10px 0px 0px;
    padding: 0.5rem 2rem;
	margin-right:7px;
}
@media only screen and (max-width: 768px) {
    .bookmark__item {
        padding: 0.5rem 0.5rem;
        margin-right: 7px;

    }
}
.bookmark__item:hover{
    cursor: pointer;
}

.bookmark__item--active{
    position: relative;
    position: relative;
    z-index: 2;
    color:#000;
    border: 2px solid #afafb0;
    background-color: #fff;
    border-bottom: none;
}

.searchbox_tab{
    display: none;
    position: relative;
    background-color: #fff;
    border:2px solid #afafb0;
	padding:5px;
    padding-top: 0px;
	margin:auto;
	margin-bottom:3em;
	margin-top:4em;
}

.searchbox--active{
   display: block; 
}

/* 20220516 新增頁籤 end========= */
.tab_count{
	border:1px solid #CCC;
	width:98%;
	margin:0px auto 10px;
}
.tab_count th{
	border:1px solid #CCC;
	padding:5px;
	font-weight:bold;
	background:rgba(237,237,237,1.00);
}
.tab_count td{
	border:1px solid #CCC;
	padding:5px;
	text-align:center;
}
.tab_count td:nth-child(1){
	font-weight:bold;
	background:rgba(237,237,237,1.00);
}


.tab_count input[type="submit"]{
	color:rgba(38,136,253,1.00);
    border:none;
    background:none;
    font-family:"微軟正黑體";
    font-size:16px;
    text-decoration:underline;
    /*font-weight:bold;*/
    cursor:pointer;
}
.tab_count input[type="submit"]:hover{
	color:blue;
	text-decoration:underline;
}
@media only screen and (max-width: 768px) {
    .RWD_TB {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
	#ContentPlaceHolderD_GV_nopermit_base tbody {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
	.tab_count td{
		padding:5px;
	}
}
.count{
	background:rgba(243,250,255,1.00);
}
.count input[type="submit"]{
	color:orange;
}
.rate {
    background: rgba(243,250,255,1.00);
}
.rate input[type="submit"]{
	color:#079F13;
	text-decoration:none;
}
.inlineblock {
    display: inline-block;
}
.memo {
    border-left: 5px solid #1ACAE7;
    color: #1ACAE7;
    padding: 0px 5px;
    font-weight: bold;
    letter-spacing: 2px;
}
.mt-10{
    margin-top:10px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mbbtn{
	margin-left:10px;
}
.fgw-20{
	width:20%;
}
@media only screen and (max-width: 768px) {
    .mbaddgroup span {
        display: block;
    }
    .mbaddgroup span select {
        display: block;
        width:100% !important;
    }
	.fgw-20{
		display: block;
		width:80% !important;
	}
    .mbbtn {
        display: block;
        text-align: center;
        margin: 10px auto 5px;
    }
	
}
.mb-10{
	margin-bottom:10px;
}
.nowoplist{
	background:#d69a51;
	color:#FFF;
	padding:5px 10px 3px;
	margin:35px 0 0px;
	font-weight:bold;
	letter-spacing:2px;
	border-radius:3px;
	font-size:18px;
    display:inline-block;
    width:auto;
    cursor:pointer;
}
.nowoplistGIS {
    background: #5caadf;
    color: #FFF;
    padding: 5px 10px 3px;
    margin: 35px 0 0px;
    font-weight: bold;
    letter-spacing: 2px;
    border-radius: 3px;
    font-size: 18px;
    display: inline-block;
    width: auto;
    cursor: pointer;
}

.nowoplistwait {
    background: #89B0B1;
    color: #FFF;
    padding: 5px 10px 3px;
    margin: 35px 0 0px;
    font-weight: bold;
    letter-spacing: 2px;
    border-radius: 3px;
    font-size: 18px;
    display: inline-block;
    width: auto;
    cursor: pointer;
}
@media only screen and (max-width: 768px) {
	.nowoplistGIS,
    .nowoplistwait,
    .nowoplist{
		font-size: 16px;
	}
}
.nowoplistGIS img,
.nowoplistwait img,
.nowoplist img{
    width:17px;
    margin-left:10px;
    position:relative;
    top:2px;
}
.listtable {
    margin: 5px auto 10px;
    border-collapse: collapse;
    vertical-align: middle;
	width:100%;
	border-collapse:collapse;
	border:none !important ;
}
.listtable th { /*設定表頭*/
   background-color: #d69a51;
   color: #FFF;
   text-align: center;
   border: 0;
   border:none !important ;
   padding:5px !important ;
}
.listtable td { 
   border:none !important ;
   padding:5px !important ;
}
.listtable tr:nth-child(2n+3) { /*換行變色*/
    background-color:#fefbf8;
    color:#000000;
    text-align:center;
}
.listtable tr:nth-child(2n+2) { /*換行變色*/
    background-color:#fbebdd;
    color:#000000;
    text-align:center;
	border:none !important ;
}
.listtable .pgr table { /*Page 分頁表格寬度*/
    width: auto;
    margin-left: auto;
    margin-right: auto;
}


.listtable th:nth-child(5) {
    width:20% !important;
}
.listtable th:nth-child(7) {
    width:15% !important;
}

.orangr_line{
	border-left:8px solid #d69a51;
	padding-left:8px;
	margin-bottom:10px;
	display:block;
}
.inlinebox img{
	max-width:450px;
	width:100%;
}
.righttxt{
	float:right;
	color:rgba(128,128,128,1.00);
	margin-bottom:3px;
	margin-right:5px;
}
.inlinebox {
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.inlinebox div {
  flex: 1;
  /* display: inline-block;
  width: 48%;
  margin-right: 10px; */
}

.inspect_img {
}
.inlinebox p {
  border: 1px solid #ccc;
  max-width:450px;
  height: 390px;
}
.inlinebox p img {
  max-width: 450px;
  width:100%;
  height: 390px;
}
.margin_tb{
	white-space:nowrap;
}
@media screen and (max-width: 996px) {
  .inlinebox{
	  display:block;
  }
  .inlinebox p,
  .inlinebox p img {
    border: none;
    width: 100%;
    height: auto;
  }

  .margin_tb {
    display: block;
    margin: 0.2rem 0;
	
  }
  .margin_tb b{
      display:block;
	  clear:both;
  }
  .mark{
	  margin-top:20px;
  }
}
.mt-50_re{
    margin-top:16px;
    display:block;
}
.mt-15_re{
    margin-top:15px;
    display:block;
}
@media screen and (max-width: 996px) {
    .mt-50_re {
        margin-top:0px;
    }
}
.CClist{
	background:#ed8d8d;
	color:#FFF;
	border:none;
	padding:3px 10px;
	font-weight:bold;
	border-radius:3px;
	cursor:pointer;
	font-size:16px;
	position:relative;
	bottom:-32px;
}
.CClist2 {
    background: #5EA866;
    color: #FFF;
    border: none;
    padding: 3px 10px;
    font-weight: bold;
    border-radius: 3px;
    cursor: pointer;
    font-size: 16px;
}
.CCTB{
	border:1px solid #CCC;
    width:100%;
}
.CCTB th{
	background:#afdce0;
	border:1px solid #CCC;
	width:25%;
	padding:8px;
}
.CCTB td{
	border:1px solid #CCC;
	padding:8px;
}
.CCTBtd span{
	display:block;
	margin-bottom:5px;
}
.CCTB textarea{
	width:100%;
}
.GISifram{
	
	width:100%;
}
.GISifram img{
	width:100%;
}

.listtable2 {
    margin: 15px auto 10px;
    border-collapse: collapse;
    vertical-align: middle;
	width:100%;
	border-collapse:collapse;
	border:none !important ;
}
.listtable2 th { /*設定表頭*/
   background-color: #89B0B1;
   color: #FFF;
   text-align: center;
   border: 0;
   border:none !important ;
   padding:5px !important ;
}
.listtable2 td { 
   border:none !important ;
   padding:5px !important ;
}
.listtable2 tr:nth-child(2n+3) { /*換行變色*/
    background-color:#CCEAF1;
    color:#000000;
    text-align:center;
	
}
.listtable2 tr:nth-child(2n+2) { /*換行變色*/
    background-color:#F4FBFD;
    color:#000000;
    text-align:center;
	border:none !important ;
}
.listtable2 .pgr table { /*Page 分頁表格寬度*/
    width:auto;
    margin-left:auto;
    margin-right:auto;
    color:white;
}

.listtable2 .pgr td { /*Page 分頁表格顏色*/
    background-color: #89B0B1;
    border-width:0px;
	line-height: 1;
}


.listtable3 {
    margin: 5px auto 10px;
    border-collapse: collapse;
    vertical-align: middle;
	width:100%;
	border-collapse:collapse;
	border:none !important ;
	margin-top:20px;
	clear:both;
}
.listtable3 th { /*設定表頭*/
   background-color: #5caadf;
   color: #FFF;
   text-align: center;
   border: 0;
   border:none !important ;
   padding:5px !important ;
}
.listtable3 td { 
   border:none !important ;
   padding:5px !important ;
}
.listtable3 tr:nth-child(2n+3) { /*換行變色*/
    background-color:#edf4fb;
    color:#000000;
    text-align:center;
	
}
.listtable3 tr:nth-child(2n+2) { /*換行變色*/
    background-color:#FFF;
    color:#000000;
    text-align:center;
	border:none !important ;
}
.listtable3 .pgr table { /*Page 分頁表格寬度*/
    width:auto;
    margin-left:auto;
    margin-right:auto;
    color:white;
}

.listtable3 .pgr td { /*Page 分頁表格顏色*/
    background-color: #5caadf;
    border-width:0px;
	line-height: 1;
}
.oplistbox{
	/*padding-bottom:10px;*/
    margin-top:20px;
}
.oplistbox legend{
	font-size:18px;
	/*padding:15px 20px 10px 20px;*/
	font-weight:bold;
    margin-top:-20px;
    background:#FFF;
    max-width:350px;
    text-align:center;
}
.oplistbox b{
	border:1px solid rgba(23,154,208,1.00);
	padding:5px 5px 5px 5px;
	margin-right:3px;
	color:rgba(23,154,208,1.00);
}
.oplistbox span{
	margin-right:5px;
}
.fg_memo {
    font-weight: bold;
    display: block; 
    float: right;
    margin-bottom:-25px;
}
@media only screen and (max-width: 768px) {
    .fg_memo {
        display: block;
        float: none;
        margin:-25px auto 0;
        padding-bottom:15px;
    }
	.w-10 {
     width: 80% !important;
	 display:block;
    }
}
.IDtext{
	font-size:20px;
	display:block;
	font-weight:bold;
	color:blue;
	margin-bottom:5px;
	clear:both;
}

.fgr_mb{
	display:block;
	margin-top:10px;
}
@media only screen and (max-width: 768px) {
    .detailsGrid select {
		height:28px !important;
    }
	.margin_tb select {
        width: 100% !important;
		height:28px !important;
    }
	.fgr_mb0{
	    background:#fcf7f0;
	    padding:8px 8px;
    }
	.detailsGrid h2{
		font-size:17px !important;
	}
}
.js-modal-close2{
    float:right !important;
}
.coursetitle {
    font-size: 20px;
    margin-bottom: 8px;
    font-weight: bold;
    display: block;
    border-left: 8px solid #f57a1b;
    color: #f57a1b;
    padding-left: 10px;
}
.btnlink {
    white-space: normal;
    word-break: break-all;
    color: blue;
    text-decoration: underline;
    background: none;
    border: none;
    font-size: 16px;
	cursor:pointer;
}

/* 20220609 排版設定 start */
.mt_s{
    margin-top: 1rem;
}

.mt_m{
    margin-top: 2rem;
}

.mt_0{
    margin-top: 0;
}

.mb_0{
    margin-bottom: 0;
}

.ml_auto{
    margin-left: auto;
}

.row{
    display: flex;
    align-items: center;
}

.col{
    display: flex;
    flex-direction: column;
}

.col-g_s{
    column-gap: 1rem;
}

/* 20220609 排版設定 end */

/* 20220609 搜尋框/按鈕設定 start */

.select__search{
    font-size: 12pt;
    height: 30px;
    border: rgb(121, 156, 174) 2px solid;
    border-radius: 5px;
    color:rgb(61, 95, 112);
    outline:none;
    cursor: pointer;
}

.btn__search{
    letter-spacing: .2rem;
    text-indent: .2rem;
    font-weight: bold;
    font-size: 12pt;
    height: 30px;
    border:none;
    border-radius: 5px;
    color:#fff;
    background-color: rgb(121, 156, 174);
    padding: 0 .5rem;
    cursor: pointer;
    transition: all .2s;
}
.btn__search:hover{
    background-color: rgb(98, 130, 146);
}

.btn__search--color1{
    background-color: rgb(173, 123, 141) ;
    cursor: pointer;
}
.btn__search--color1:hover{
    background-color: rgb(138, 91, 108) ;
}
/* 20220609 搜尋框/按鈕設定 end */


/* 20220609 統計數字設定 */

.statistics__item {
	font-size:11pt;
    background-color: #fff;
    border-radius: 10px;
    border: 2px solid #b8b8b8;
    padding: 1rem;
    height: 25px;
    width: 150px;

    display: flex;
    align-items: center;
}

.statistics__item span{
    font-size: 22pt;
    font-weight: bold;
}

.statistics__item--color1{
    color:#34a0ff;
    border: #34a0ff 2px solid;
}


.statistics__item--color2{
    color:#c94b4b;
    border: #c94b4b 2px solid;
}

.statistics__item--color3{
    color:#304d7a;
    border: #304d7a 2px solid;
}
.statistics__item--color4{
    color:#12AB11;
    border: #12AB11 2px solid;
}

/* 20220609 排版設定 start */
.upfont--color2 {
    color: #466ba3;
}
.right_BOX {
    display: inline-block;
    width: 47.5%;
    vertical-align: top;
    background: rgba(244,248,252,1.00);
    height: 150px;
    padding: 10px;
}

.left_BOX {
    display: inline-block;
    width: 47.5%;
    vertical-align: top;
    background: rgba(244,248,252,1.00);
    margin-left: 27px;
}
.step--1 {
    text-align: right;
    padding: 1px 15px 3px;
    border: none;
    display: inline;
    margin-right: 1em;
    border-radius: 10px;
    color: #FFF;
    letter-spacing: 1px;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 0em;
    background: #F4A015;
}
.step--2{
    text-align: right;
    padding: 1px 15px 3px;
    border: none;
    display: inline;
    margin-right: 1em;
    border-radius: 10px;
    color: #FFF;
    letter-spacing: 1px;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 0em;
    background: #51A031;
}
/*產製通報單的框架*/
.FR_gis{
    width:100%;
    height:250px;
    border:1px solid #CCC;
}
/*產製通報單的框架*/

/*wland*/
.inB_line_land {
    height: 10px;
    background: #6EB4A8;
    width: 100%;
    margin-bottom: 2em;
}

.landTB {
    background: #8DCDCC !important;
}

/*.detailsGrid_skyblue th {
    background: #E3F1F1 !important;
}*/

.land2 {
    background: #BCDFF8 !important;
}
.IMadress {
	clear:both;
	margin-top:30px;
	margin-bottom:20px;
	font-size:14pt;
	width:auto;
	font-weight:bold;
	color:#6F6F6F;
}
.IMadress label{
	letter-spacing:10px;
	padding:5px 0px 5px 15px;
	background:#FFB49B;
	color:#FFF;
	border-radius:5px 0 0 5px;
	border-right:none;
}
.IMadress span{
	padding:5px 15px 5px 15px;
	border-left:none;
	letter-spacing:2px;
	color:#F7A072;
	background:#F3F3F3;
	border-radius:0 5px 5px 0;
}
.attribute {
	font-size:15px !important;
	text-align:center;
}
@media only screen and (max-width: 768px) {
	.IMadress{
		font-size:14pt;
		margin-top:10px;
	}
	.IMadress label{
		border-radius:0px;
		padding:0px;
		background:none;
		color:#FFB49B;
	}
	.IMadress span{
		border-radius:0px;
		padding:0px;
		background:none;
		color:#FFB49B;
	}
	
}
.nbwrap {
    max-width:750px;
    width:100%;
}
.float_R_m{
	float:right;
}
@media only screen and (max-width: 768px) {
	.float_R_m{
	  display:block;
	  float:right;
    }
   .IDtext{
	  font-size:18px;
	  border-bottom:1px solid #CCC;
    } 
   .CClist2{
	  padding: 3px 5px;
	  font-size: 13px;
    }
	.detailsGrid h2{
		padding: 4px 10px !important;
	}
	.detailsGrid h2 img{
		width:22px !important;
	}
	.CCTB th {
		width:30%;
	}
}

#ContentPlaceHolderD_UpdatePanel2{
	display:inline-block;
}
#ContentPlaceHolderD_BTNSeach{
	display:inline-block;
}
@media only screen and (max-width: 768px) {
	#ContentPlaceHolderD_BTNSeach{
	   display:block;
    }
}
.w30p{
	width:30px;
}
.btna{
    background:#d2e9f8;
    color:#333;
    outline:none;
    border:none;
    padding:5px 10px;
    margin:0 10px;
    border-radius:3px;
    cursor:pointer;
    letter-spacing:2px;
    border-bottom:2px solid #83bee5;
	margin-top: 3px;
}
.btna:hover {
    background:#83bee5;
    color:#FFF;
}
.btnb {
    background: #d0e3d6;
    color: #333;
    outline: none;
    border: none;
    padding: 5px 10px;
    margin: 0 10px;
    border-radius: 3px;
    cursor: pointer;
    letter-spacing: 2px;
    border-bottom: 2px solid #94c6ad;
	margin-top: 3px;
}
.btnb:hover {
    background: #94c6ad;
    color: #FFF;
}
@media only screen and (max-width: 768px) {
	.btna{
		display:block;
		margin:0px auto;
	}
	.mbbtna{
		display:inline-block;
	}
	.mbbtnb{
		display:inline-block;
	}
}
.btnc {
    background: #f4dfd0;
    color: #333;
    outline: none;
    border: none;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
    letter-spacing: 2px;
    border-bottom: 2px solid #d69a51;
}
@media only screen and (max-width: 768px) {
	.btnc{
		display:block;
		margin:0px auto;
	}
}
.addlistbtn {
    font-size:18px;
    background:#57a093;
    color:#FFF;
    border:none;
    padding:8px 15px;
    border-radius:5px;
    cursor:pointer;
    position:relative;
    display:inline-grid;
    top:-20px;
    left:10px;
}
.addlistbtn:hover {
    background:orange;
}
@media only screen and (max-width: 768px) {
	.addlistbtn {
		top:0px;
		left:100px;
	}
}

.w100p{
	width:100px;
}
.mt-51{
	margin-top:-10px;
}
.recordtxt{
	max-width:440px;
	width:100%;
	height:45px !important;
	margin-top:0px;
	margin-bottom:5px;
}

.recordimg{
	height:420px !important;
	width:100%;
}
.detailsGrid .recordimg th{
	/* padding:0px !important; */
	width:auto;
	height:15px !important;
	background:#CCC;
    padding: 3px !important;

}
.detailsGrid  .recordimg th a{
	color: black;
}
.detailsGrid  .recordimg td{
	text-align:center;
	padding:3px;
}
.recordimg{
	margin-top:12px;
}
.recordimg img{
	width:40%;
}
@media only screen and (max-width: 768px) {
	.recordimg img{
	   width:80%;
    }
}
.recordimg th:nth-child(4){
    width:25% !important;
}
.recordimg tr:nth-child(2n+3) { /*換行變色*/
    background-color:#EFF3FB; 
    color:#000000;
    line-height:1;
    text-align:center;
}
.recordimg tr:nth-child(2n+2) { /*換行變色*/
    background-color:#FFFFFF;
    color:#000000;
    line-height:1;
    text-align:center;
}

.BTNBack{
	background:#CCC;
	padding:5px 15px;
	border:1px solid #FFF;
	margin:0 5px;
	cursor:pointer;
	border-radius:3px;
}
.BTNBack:hover{
	background:#BFBFBF;
	border:1px solid #000;
}
.BTNShortSave{
	background:#c9e2c7;
	padding:5px 15px;
	border:1px solid #FFF;
	margin:0 5px;
	cursor:pointer;
	border-radius:3px;
}
.BTNShortSave:hover{
	background:#b4ccb2;
	border:1px solid #000;
}
.BTNSave{
	background:#5caadf;
	padding:5px 15px;
	border:1px solid #FFF;
	margin:0 5px;
	cursor:pointer;
	color:#FFF;
	border-radius:3px;
}
.BTNSave:hover{
	background:#4e9ccc;
	border:1px solid #000;
}
.wed{
	max-width:240px;
	width:100%;
}

.rightimg{
	border-radius:15px;
	background:#f5f5f5 !important;
	border:1px solid #666;
	margin-right:10px;
	padding:5px 10px;
}
.leftimg{
	border-radius:15px;
	background:#f5f5f5;
	border:1px solid #666;
	margin-right:15px;
	padding:5px 10px;
	color:black !important;
	cursor:pointer;
}
.leftimg{
	border-radius:15px;
	background:#f5f5f5;
	border:1px solid #666;
	margin-right:15px;
	padding:5px 10px;
	color:black !important;
	cursor:pointer;
}
.addimg{
	border-radius:15px;
	background:#5caadf;
	border:1px solid #5caadf;
	margin-left:15px;
	color:#FFF;
	padding:5px 10px;
	cursor:pointer;
}
.inlinebtn div{
	margin: 0 auto;
    display: inline-block;
	display:inline;
    justify-content: center;
}
#preview{
	text-align:left !important;
	width:100% !important;
	margin:0px !important;
	padding:0px !important;
	background-size:cover;
	margin-top:-15px;
}
.radioCSS input[type="radio"]{
	width:17px;
	height:17px;
	vertical-align:middle;
}

@media only screen and (max-width: 1240px) {
    .boxbtn td {
        padding: 0px 5px;
    }
}

#ContentPlaceHolder1_ImageButton1 {
    max-width: 260px;
    width:100%;
    max-height: 60px;
    height:100%;
}
.listline{
	border-bottom:1px solid #CCC;
	padding-bottom:8px;
	display:block;
	font-weight: bold;
	color: #09F;
	margin-bottom:8px;
}
.stepFLOOD{
	padding: 1px 12px 3px;
    border: none;
    margin-right: 0.5em;
    border-radius: 10px;
    color: #FFF;
    letter-spacing: 1px;
    font-weight: bold;
    cursor: pointer;
    background: #09F;
	vertical-align:top;
}

@media only screen and (max-width: 996px) {
  .chosen-container1{
	  display:block !important;
  }
  .choosen1{
	  display:none;
  }
}

.etxt{
	border:none !important;
	max-width: 450px;
	width:100%;
}
.etxt th{
	width:23% !important;
	text-align:left !important;
	border:none !important;
	padding:0px 0px 0px 0px !important;
	margin:0px !important;
	
}

.etxt td{
	border:none !important;
}
@media only screen and (max-width: 996px) {
	.etxt{
		margin-bottom:15px;
	}
	.etxt th{
		width:25% !important;
	}
	.etxt td{
		text-align:left !important;
}
}

.w99{
	width:99% !important;
}
.h100{
	height:100% !important;
}

.allcase{
	display:inline-block;
	width:100%;
	background:#f0f8ff;
	box-sizing:border-box;
	padding:10px;
	margin-top:5px;
}
.allcase b{
	display:inline-block;
	font-size:18px;
	vertical-align:middle;
}
.allcase table{
	display:inline-block;
	vertical-align:middle;
}
.allcase input[type="checkbox"]{
	width:19px;
	height:19px;
	vertical-align:middle;
}


.comparebtn {
    font-size: 16px;
    padding: 5px 15px;
    background: rgba(134,206,241,1.00);
    border: none;
	color:#FFF;
    cursor: pointer;
    margin-left: 15px;
    border-radius: 3px;
    border: 1px solid #0DB0F4;
    border-bottom: 4px solid #0DB0F4;
}
.casemerge{
	clear:both;
	display:inline-block !important;
	width:100%;
	box-sizing:content-box;
}
.boxA{
	width:47%;
	float:left;
	display:inline-block !important;
	background:#F8F8F8;
	padding:10px;
	padding-bottom:15px;
	vertical-align:top !important;
}
.boxB{
	width:47%;
	float:right;
	display:inline-block !important;
	background:#F8F8F8;
	padding:10px;
	padding-bottom:15px;
	vertical-align:top !important;
}
.boxA .flood_check li:nth-child(1) {
	width:50%;
	text-align:left
}
.boxB .flood_check li:nth-child(1) {
	width:50%;
	text-align:left
}

.compare{
	font-size:16px;
	padding:5px 15px;
	background:rgba(134,206,241,1.00);
	border:none;
	cursor:pointer;
	margin-left:15px;
	border-radius:3px;
	border:1px solid #0DB0F4;
	border-bottom:4px solid #0DB0F4;
}
.compare:hover{
	background:#0DB0F4;
	color:#FFF;
}
.ckbox{
	color:#000;
	text-align:center;
	margin:0 auto;
	margin-top:15px;
	display:inline-block;
	font-weight:bold;
	font-size:18px;
	margin-right:10px;
}
.delectcase{
	text-align:center;
	padding:5px 5px;
	cursor:pointer;
	width:80px;
	font-size:17px;
	background:#ED7274;
	color:#FFF;
	border:none;
	border-radius:3px;
	font-weight:bold;
	position:relative;
}
.delectcase:hover{
	background:#dc3545;
}
.report_btn{
	width:90%;
	padding: 0.2rem;
	margin:20px auto 0;
	text-align:center;
}
.report_btn input{
	padding:12px 10px;
	margin:15px;
	color:#989898;
	letter-spacing:2px;
	cursor:pointer;
	background:#D5D5D5;
	border:1px solid #B8B8B8;
	font-weight:bold;
	border-radius:2px;
	font-size:16px;
}
.report_btn_active{
	padding:12px 10px;
	margin:15px;
	color:#FFF !important;
	letter-spacing:2px;
	cursor:pointer;
	background:rgba(7,109,248,1.00) !important;
	border:1px solid #3486F5 !important;
	font-size:16px;
}


#PanelFixMod{
	border:1px solid #F00;
	display:block;
}
.bgcolor {
    background: #d6edf4;
    margin-top: -5px;
    padding: 30px 0px 40px;
}

.innerform {
    max-width: 1200px;
    margin: 0 auto;
    /*height:290px;*/
    padding: 10px 0 15px;
}

.newsbox {
    box-sizing: border-box;
    width: 40%;
    background: #FFFFFF;
    height: 290px;
    display: inline-block;
    box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
}

.systembox {
    box-sizing: border-box;
    width: 57%;
    float: right;
    background: #FFF;
    height: 290px;
    display: inline-block !important;
    vertical-align: top;
    box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
}
.systembox p {
    background: #71af9d;
    text-align: center;
    font-weight: bold;
    margin: 0;
    color: #FFF;
    font-size: 19px;
    padding: 5px 0;
    letter-spacing: 3px;
}
@media only screen and (max-width: 996px) {
	.newsbox {
		float:none;
		display:block;
		width:90%;
		margin:0 auto;
		height:auto;
	}
	.systembox {
		float:none;
		display:block !important;
		width:90%;
		text-align:center;
		margin:15px auto 0;
		height:auto;
		padding-bottom:15px;
	}
	.content-1of2{
		margin-bottom:10px;
	}
	.systembox p{
		margin-bottom:20px;
	}
	.Grid {
		display:block;
		padding:0px;
		width:95%;
		margin:0 auto;
		text-align:center;
	}
	.Grid--gutters .Grid-cell {
		padding-left:0px;
    }
	.tabs label{
		padding: 5px 5px;
	}
	
}
.mylistbtn input[type="button"] {
    margin: 20px auto 0;
    text-align: center;
    background: #C0EAF9;
    color: #444;
	font-weight:bold;
    border: none;
    display: block;
    width: 30%;
    padding: 7px 2px;
    border-radius: 20px;
    cursor: pointer;
}
.mylistbtn input[type="button"]:hover {
	border:2px dashed #00C8F1;
}
.news{
    width:100%;
}

.rivertab{
    /* margin-top:30px; */
}
.rivertab input {
    cursor: pointer;
    padding: 0px 27px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #CCC;
    border-bottom:none;
    background-color: #EDEDED;
    color: #333;
	margin-right:5px;
    overflow: hidden;
    position: relative;
	font-weight:bold;
	font-size:16px;
}
.rivertab input.active {
    background-color: #EEF9FC;
    color: #0C91F1;
    border-radius: 0px !important;
    border-bottom: 6px solid #18C7F4;
    box-sizing: border-box;
  }
.detailsGrid .tab_content {
    padding: 10px 20px 20px 20px;
    /*display: none;*/
    border:1px solid #CCC;
	margin-bottom:40px;
}

.tablesign{
	table-layout: fixed;
}
.tablesign th:nth-child(11){
	width:35% !important;
	display: table-cell;
}
.tablesign th:nth-child(12){
	width:50% !important;
	display: table-cell;
}
.tablesign input[type="text"]{
	display:block;
	width:90%;
	margin:5px auto;
	text-align:center;
	background:pink;
}
.people_view{
	display:block;
	margin:0 auto -10px;
	text-align:center;
}
.people_view img{
	max-width:250px;
	width:100%;
	margin:0 auto;
	display:block;
	text-align:center;
}
.PPTT{
	text-align:left;
	font-size:24px;
	font-weight:bold;
	padding-left:10px;
	color:#007dc6;
	border-left:8px solid #007dc6;
	display:inline-block
}
.manterlogin{
	display:inline-block;
	text-align:right;
	float:right;
	color:#454545;
	background:rgba(221,221,221,1.00);
	cursor:pointer;
	border-radius:15px;
	padding:3px 13px;
	margin-bottom:-15px;
	border:none;
	font-size:16px;
}

#ContentPlaceHolderC_ContentPlaceHolderCN_DDLTBFDI013{
	vertical-align:top;
	margin-right:8px;
}
.delectcase {
    text-align: center;
    padding: 5px 5px;
    cursor: pointer;
    width: 80px;
    font-size: 17px;
    background: #ED7274;
    color: #FFF;
    border: none;
    border-radius: 3px;
    font-weight: bold;
    position: relative;
}
.manufacturerlist{
	padding:10px 5px;
	border:1px solid #CCC;
	width:100%;
}
.manufacturerlist th{
	padding:10px 5px;
	border:1px solid #CCC;
	background:#E6F0FF;
}
.manufacturerlist td{
	padding:10px 5px;
	border:1px solid #CCC;
}
.manufacturerlist input[type="text"]{
	width:95%;
	padding:3px;
}
.finaledit{
	float:right;
}
.finaledit p{
	padding:0px;
	margin:0px;
	display:inline-block;
	margin-right:20px;
}
@media only screen and (max-width: 996px) {
	.finaledit{
		float:none;
		display:bolck;
		margin:10px 0;
	}
	.finaledit p{
		display:block;
	}
}

.bgo{
	padding: 10px 10px 0px 10px;
    border: 1px solid #CCC;
    margin-bottom: 40px;
	background: #F3FAFC;
}
@media only screen and (max-width: 996px) {
	.bgo{
		margin-top:-5px;
	}
}
.btnd {
    background: #F3D3A5;
    color: #333;
    font-weight: bold;
    font-size: 16px;
    outline: none;
    border: none;
    padding: 6px 10px;
    margin: 0 10px;
    border-radius: 3px;
    cursor: pointer;
    letter-spacing: 2px;
    border-bottom: 4px solid #F7AD43;
    margin-top: 35px;
}
.text-w input[type="text"]{
	width:100px;
	margin-bottom:15px;
}
@media only screen and (max-width: 996px) {
	.text-w input[type="text"]{
	width:60px !important;
	margin-bottom:15px;
}
}
.btnp {
    background: #d2e9f8;
    color: #333;
    outline: none;
    border: none;
    padding: 5px 10px;
    margin: 0 10px;
    border-radius: 3px;
    cursor: pointer;
    letter-spacing: 2px;
    border-bottom: 2px solid #f5f5f5;
    margin-top: 3px;
}
.btng {
    background: #dcdcdc;
    color: #333;
    outline: none;
    border: none;
    padding: 5px 10px;
    margin: 0 10px;
    border-radius: 3px;
    cursor: pointer;
    letter-spacing: 2px;
    border-bottom: 2px solid #808080;
    margin-top: 3px;
}
.w-80{
	width:80%;
}
.add_new_btn {
    font-size: 16px;
    border: 2px solid orange;
    background-color: #fff0d3;
    font-weight: bold;
    padding: 4px 16px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    transition: .2s;
    cursor: pointer;
}

    .add_new_btn img {
        margin-right: 5px;
    }

    .add_new_btn:hover {
        background-color: #ffe5b4;
    }

/* frequency-table2 */
.place-wrap {
    display: flex;
    flex-wrap: wrap;
}

    .place-wrap div {
        width: 20%;
    }

.frequency-table2 {
    width: 100%;
    background-color: #f7faff;
    box-shadow: 0px 1px 5px #758db3;
    margin-bottom: 60px;
    position: relative;
}

.num {
    position: absolute;
    width: 36px;
    height: 36px;
    color: #fff;
    background-color: #1cc2ed;
    font-size: 20px;
    top: -20px;
    left: -15px;
    z-index: 3;
    text-align: center;
    border-radius: 50%;
    line-height: 36px;
    font-weight: normal;
}
.tab-group {
    display: flex;
    margin-top: 60px;
    justify-content: space-between;
}
.d-flex {
    display: flex;
}
.listwrap {
    max-height: 780px !important;
    height: auto;
    /* overflow-y: scroll; */
    max-width: 1400px;
    width: 90%;
    padding-bottom: 10px;
}

.listwrap .js-modal-close2 {
    margin-bottom: 10px;
}

.frequency-table2 th {
    padding: 0px 10px;
    /* background-color: rgba(116,169,252,1.00); */
    width: 8%;
    color: #fff;
}

.frequency-table2 th:first-child{
    width:10%;
}

.frequency-table2 select{
    margin-top:0px;
}

    /*.frequency-table2 th span,*/
    .frequency-table2 th div:first-child {
        background-color: #75a9fc;
        padding: 4px 16px;
        width: fit-content;
        margin: 0 auto;
    }
	
	.frequency-table2 th .mt-10 label{
		color:#000;
		margin-left:5px;
		display:inline-block;
	}

 .frequency-table2>tbody>tr {
    border-bottom: 1px solid #ccc;
}

    .frequency-table2>tbody>tr:nth-child(2n+1)>td:nth-child(2),
    .frequency-table2>tbody>tr:nth-child(2n+1)>td:nth-child(4) {
        border-right: 1px solid #ccc;
    }

    .frequency-table2>tbody>tr:nth-child(2n+1)>td:nth-child(4) {
        width: 202px;
    }

    .frequency-table2>tbody>tr:nth-child(2n+1)>td:nth-child(6) {
        width: 8%;
    }

    /* .frequency-table2>tbody>tr:nth-child(2n+1)>td:nth-child(2) {
        width: 0;
    }  */

    .frequency-table2>tbody>tr:nth-child(1)>td:nth-child(2) input{
        width: calc(100% - 10px);
        text-align: start;
    } 

.frequency-table2>tbody>tr>td {
    border: 0px;
    padding: 10px;
}

.frequency-table2 .place-wrap div {
    width: 14.2857%;
}

.frequency-table2 input[type="text"]{
    font-size: 17px;
    color: #071e43;
    padding: 10px;
}

.frequency-table2 input[type="text"] {
    width: 30px;
    text-align: center;
    font-size: 17px;
    padding: 4px 5px;
	border:1px solid #555;
	background-color:#fff;
}

.frequency-table2 input[type="text"]:disabled {
	border-color:#999;
	background-color:#dbe7f7;
}

.frequency-table2 select {
    padding: 4px 8px;
    font-size: 16px;
}

/* .frequency-table2 tr:nth-child(2n) td:nth-child(2) {
    text-align: start;
} */

.frequency-table2 input[type="checkbox"] {
    width: 18px;
    height: 18px;
    transform: translateY( 0.3em );
    accent-color: #5d94e9;
}

    .frequency-table2 input[type="checkbox"]:disabled {
        background-color: #000;
        opacity: 1;
    }

.frequency-table2 select:disabled {
    color: #031c43;
}

.frequency-table2 input[type= "checkbox" ]:checked:disabled {
    appearance: none;
    font: inherit;
    color: #96b2dd;
    border: 1px solid #CCC;
    transform: translateY( 0.3em );
    background: #aeb8c8;
    width: 18px;
    border-radius: 3px;
}

    .frequency-table2 input[type= "checkbox" ]:checked:disabled:after {
        content: "√";
        color: #FFF;
        position: relative;
        top: -3px;
        font-weight: bold;
        left: 2px;
        font-size: 17px;
    }

    .place-wrap table {
        width: 100%;
    }

    .place-wrap table td{
        width: 14.2857%;
    }

.add_new_wrap {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 30px;
    background-color: #fff;
    z-index: 5;
    border-radius: 10px;
    width: 65%;
}

.mask {
    z-index: 4;
    background-color: #000;
    opacity: 0.7;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
}

.btn-group {
    display: flex;
    justify-content: center;
}

.btn-group .cancelbtn {
    margin-right: 10px;
}
.mt-30{
    margin-top:30px;
}
.innersearch{
    background: #F9F4E7;
    padding: 15px;
}

.innersearch .d-flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.href {
    width: 100%;
    margin: 0 auto 20px;
    text-align: center;
    display: block;
}
.href a {
    text-decoration: none !important;
    border: 2px solid #159AF5 !important;
    font-weight: bolder;
    padding: 3px 8px;
    color: #159AF5 !important;
    margin: 0 15px;
    font-size: 18px;
}
.TTstylw {
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #000;
    margin-bottom: 8px;
	margin-top:40px;
	clear:both;
}
.indexbtnB {
    font-weight: bold;
    font-size: 22px;
    border: none;
    color: #1E7797 !important;
    border-radius: 5px;
    border: 1px solid #498AAA;
    padding: 25px !important;;
    background: rgba(149,211,227,1.00) !important;
    margin: 20px 40px;
    cursor: pointer;
}
.indexbtnC {
    font-weight: bold;
    font-size: 22px;
    border: none;
    color: #C19117 !important;
    border-radius: 5px;
    border: 1px solid #C19117;
    padding: 25px !important;
    background: #F0E8D7 !important;
    margin: 20px 40px;
    cursor: pointer;
}
@media only screen and (max-width: 996px) {
 .indexbtnC {
    font-weight: bold;
    font-size: 18px;
    border: none;
    color: #09f !important;
    border-radius: 2px;
    border: 1px solid #09f;
    padding: 15px !important;
    background: none !important;
    margin: 5px 50px;
    cursor: pointer;
 }
}
.M_link_a{
	display:none;
}
.qr-center{
	display:block;
	text-align:center;
	margin:0 auto;
	margin-bottom:40px;
}
.innersearch div{
	display:inline-block;
	margin-right:30px;
}
@media only screen and (max-width: 996px) {
	.innersearch div{
		margin-bottom:10px;
	}
	.M_link_a{
	    display:inline-block;
}
	.innersearch input[type="text"]{
		
		background:#FFF;
		border:1px solid #666;
	}
	.innersearch select{
		background:#FFF;
		border:1px solid #666;
	}
	#ContentPlaceHolderB_ContentPlaceHolderBN_TXTTBM003, #ContentPlaceHolderB_ContentPlaceHolderBN_TXTTBT03{
		margin-bottom:8px;
	}
	.detailsGrid .tab_content{
		padding: 10px;
	}
	.innersearchbtn{
		display:block;
		margin:0 auto !important;
		
	}
	.course-s th{
		padding:2px !important;
	}
	.course-s td{
		padding:2px !important;
	}
	
}
.company {
    font-size: 22px;
    font-weight: bold;
    color: #0cb5b5;
    padding-bottom: 5px;
    margin-bottom: 15px;
    letter-spacing: 2px;
    border-bottom: 5px solid #0cb5b5;
}


.inh2 {
    float: right;
    margin-top: -38px;
    margin-right: 5px;
    font-weight: bold;
    padding: 3px 8px;
    border: 3px solid #FFF;
}

.inh2 a {
    color: #FFF;
    letter-spacing: 2px;
}

.inh2:hover {
    border: 3px dashed #FFF;
}
.new_add_group{
    margin-top: -5px;
    margin-bottom: 10px;
    float: right;
	display:none;
}

.new_add_group a{
    padding: 4px 8px;
    background-color: #f5d99d;
    margin-left: 10px;
    border: 2px solid #1c8f68;
    color: #063;
    font-size: 14px;
	
}

.new_add_group a:nth-child(2){
    background-color: #daffcd;
}

@media screen and (max-width:996px) {
    .new_add_group{
        display: block;
        /*margin-top: 10px;*/
        margin-bottom: 10px;
    }
    .tab-group{
        width: 100%;
    }

    .tab-group .tab{
        flex: 1;
    }
}
.clean_datex {
    margin: 10px 0px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.date-arrow {
    display: inline-block;
    /* background-color: #ffeec3; */
    border-radius: 50%;
    width: 27px;
    height: 27px;
    line-height: 23px;
    font-size: 26px;
    color: #666;
    border: 2px solid #666;
    margin: 0px 10px 0;
    cursor: pointer;
    text-align: center;
}
.return {
    background: #E5E5E5;
    font-size: 16px;
    color: #000;
    padding: 5px 6px;
    border: 1px solid #666;
    border-radius: 3px;
    cursor: pointer;
    margin: 0 10px;
}
.camara2 {
    background: #4EA08B;
    font-size: 16px;
    color: #FFF;
    padding: 5px 6px;
    border: 1px solid #666;
    border-radius: 3px;
    cursor: pointer;
    margin: 0 10px;
}

.clean_table{
    width: 100%;
}

.clean_table:nth-child(1) td,
.clean_table:nth-child(1) th{
    border-bottom: none;
}

.clean_table th{
    background: #efefef;
}

.clean_table td{
    text-align: center;
}

.clean_table td span{
    font-weight: bold;
}
.mark-wrap{
    clear:both;
    font-weight: bold;
    font-size: 16px;
    float: right;
    padding: 4px 8px;
    margin-top:20px;
    /* background-color: #ffeec3; */
}

.mark-wrap span {
    margin-left:40px;
    text-align: right;
}

.mark-wrap .red{
    position: relative;
}

.mark-wrap .green{
    color: #00ab00;
    position: relative;
}

.mark-wrap .green::after{
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #00ab00;
    content: '';
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
}

.mark-wrap .red::after{
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #F00;
    content: '';
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
}

.openh2.d-flex{
    /* justify-content: space-between; */
    align-items: center;
    position: relative;
}

.clean-title{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}


.text-center{
    text-align: center;
}
.park-title.add_border{
    border-bottom: 1px solid #000;
}
.dateclick {
    font-size: 30px;
    display: inline-block;
}
.dateclick div{
    display:inline-block;
}
@media screen and (max-width: 996px){
    .dateclick {
        font-size: 23px;
    }
    .date-arrow {
        font-size: 23px;
        width: 26px;
        height: 26px;
    }
    .sm-ml-10 {
        margin-left: 10px;
    }
	
	.sm-ml-0{
	margin-left:0px;
	}
	
	.clean_date{
		flex-direction:column;
	}
	
	.dateclick{
		margin-bottom:10px;
	}
	
	.mark-wrap{
		flex-direction:column;
	}
	
	.mark-wrap .green::after {
		width: 10px !important;
		height: 10px !important;
		content: ''; 
		left: -15px !important;
	}
	
	.mark-wrap .red::after {
		width: 10px !important;
		height: 10px !important;
		content: '';
		left: -15px !important;
	}
	
	.mark-wrap span {
		margin-left: 15px !important;
		text-align: left !important;
        display:block;
	}
	
	.sm-column{
		flex-direction:column;
	}
	
	.align-start{
		align-items:start !important;
	}
}
.innersearchbtn input[type="submit"] {
    margin: 0px 10px;
}
.flotsamPH{
	margin-top:-15px;
}
.flotsamPH b{
	display:block;
	line-height:1.5;
	width:100%;
	border-radius:3px;
	box-sizing:border-box;
	padding:2px;
	background:rgba(239,233,225,1.00);
	
}
.flotsamPH span{
	display:block;
	margin-bottom:10px;
	color:#4D3420;
}
.valuation{
	background:rgba(240,248,252,1.00);
	padding:10px;
}
.addvaluation b{
	display:block;
	margin-bottom:5px;
	font-size:18px;
}
.addvaluation span{
	display:block;
	margin-bottom:20px;
}
.addvaluation input[type="text"]{
    width:30%;
	font-size:16px;
    height:28px;
}
.addvaluation input[type="date"]{
    width:96%;
	font-size:16px;
    height:28px;
}
.addvaluation select{
	width:98%;
	font-size:16px;
	height:28px;
background:#FFF;	
}
.addvaluation input[type="checkbox"]{
	width:19px;
	height:28px;
	vertical-align:middle;
	margin-top:-3px;
}
.addimgtt {
    display: block;
    text-align: center;
    color: #FFF;
    background: rgba(81,173,232,1.00);
    padding: 5px;
    font-weight: bold;
    font-size: 19px;
}
.Rstep {
    display: inline-block;
    background: rgba(131,184,168,1.00);
    color: #FFF;
    border-radius: 4px;
    padding: 2px 5px;
    margin-right: 3px;
}
.view {
    margin: 15px 0;
    border: 1px solid #CCC;
    line-height: 2;
    padding: 3px 8px;
}
.view img{
	max-width:320px;
	width:100%;
	display:block;
}
.contract {
    font-weight: bold;
    font-size: 20px;
    color: #666;
    background: #EFEFEF;
    margin-bottom: 40px;
    padding: 8px 8px;
    border-radius: 3px;
}
.spacelist{
	width:100%;
	border:none;
}

.spacelist td{
	padding:10px 0px;
	text-align:center;
	line-height:1.5;
	border:none;
}
.spacelist th { /*設定表頭*/
    background:rgba(116,169,252,1.00);
	color:#FFF;
	padding:10px 0px;
	text-align:center;
	border:none;
}
.spacelist a { 
    color:#FFF;
}
.spacelist span{
	margin-right:8px;
}
.spacelist tr:nth-child(2n+3) { /*換行變色*/
    background-color:#FFF;
    color:#000000;
    line-height:1;
    text-align:center;
}
.spacelist tr:nth-child(2n+2) { /*換行變色*/
    background-color:#E6F0FF;
    color:#000000;
    line-height:1;
    text-align:center;
}
.spacelist td:nth-child(1){
	width:5%;
}
.spacelist th:nth-child(2){
	width:15% !important;
}
.spacelist td:nth-child(3){
	width:7%;
}
.spacelist td:nth-child(10){
	width:12%;
}
.spacelist img{
	width:180px;
}
.spacelist input[type="checkbox"]{
	 width:18px;
	 height:18px;
	 vertical-align:middle;
	 margintop:-3px;
}
.spacelist textarea{
	height:130px;
	font-size:16px;
}
.spacelist select{
	font-size:16px;
}
.spacelist input[type="text"]{
	font-size:16px;
	width:80px !important;
}
#ContentPlaceHolderB_ContentPlaceHolderB3_BTNTB02_22 {
    border: 1px solid #20b2aa;
    background: #0dbf8c;
    color: #FFF;
    padding: 3px 8px;
    margin: 5px 10px 10px 0px;
    flex: 1;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    white-space: nowrap;
    letter-spacing: 2px;
    font-size: 16px;
    cursor: pointer;
    margin-left: 5px;
	display:block;
}
.open-btn{
    display: inline-block;
    border: 2px solid #000;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 16px;
    text-align: center;
    font-size: 23px;
    cursor: pointer;
    display:none !important;
}

.open-btn:hover{
    background-color: #ffdb9d;
}
.park-title.add_border{
    border-bottom: 1px solid #000;
}


/* .clean_table td:nth-child(1):not(.park-title){
    background-color:#ecfef0 ;
    font-weight: bold;
    
} */

.park-title{
    padding: 7px 20px;
    font-size: 20px;
    font-weight: bold;
    justify-content: space-between;
    display: flex;
    position: relative;
    background-color: #ecfef0;
    border: 1px solid #aaa;
    border-bottom: none;
    margin-top: 10px;
    clear:both;
}

/* .park-title{
    padding: 7px 20px;
    font-size: 20px;
    font-weight: bold;
    justify-content: space-between;
    display: flex;
    position: relative;
    margin: 10px 0 0;
    border-bottom: 4px solid #66cdaa;
} */

.park-title span{
    display: inline-block;
    border: 2px solid #000;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 16px;
    text-align: center;
    font-size: 23px;
}
#ContentPlaceHolder1_UpdatePanel1{
	display:inline-block;
}
.choosewrap{
	max-width:400px;
	width:80%;
}
.choosewrap b{
	display:block;
	border-bottom:1px solid #000;
	padding-bottom:8px;
	font-size:20px;
}
.choosewrap select{
	max-width:400px !important;
	width:100% !important;
	display:block !important;
	margin-bottom:15px;
	height:32px !important;
}
@media screen and (max-width: 996px){
	
  .M_link_mb{
  	text-align:center;
  	margin:0 auto 25px; 
  	display:block;
  }
}


/*測試*/
#openlist {
    display: none;
    margin-top: 0px;
    margin-bottom: 30px;
}

    #flip {
        text-decoration: none;
        background: #C9DFE7;
        color: #021E00;
        padding: 3px;
        padding-left: 13px;
        border-radius: 3px;
        display: block;
        text-align: left;
        margin-bottom: 8px;
        font-weight: 700;
        letter-spacing: 2px;
        cursor: pointer;
        margin-top: 25px;
    }



#ContentPlaceHolderB_ContentPlaceHolderBN_masspdf{
	position: fixed;
    right: 50px;
    bottom: 150px;
    text-align: center;
    margin: 0 auto;
	padding:8px 8px 8px 11px;
	color:#FFF;
	font-size:18px;
	letter-spacing:2px;
	box-shadow:0px 0px 5px #5abcfe;
	background:#5abcfe;
	border:none;
	border-radius:5px;
	cursor:pointer;
}
#ContentPlaceHolderB_ContentPlaceHolderBN_masspdf:hover{
	background:#2DA7E0;
}

#ContentPlaceHolderC_ContentPlaceHolderCN_TXTTBFDI014{
	width:50px;
	vertical-align:middle;
}
.radioCSS span{
	vertical-align:top;
}

.flood_check_text{
	 border: 1px solid #999 !important;
    border-radius: 2px;
    width: 50px;
    padding: 0 4px !important;
	margin-top:5px;
}

.flood_check_text:focus{
	outline:1px solid #000;
}

.manufacturerlist{
	border:1px solid #CCC;
}
.manufacturerlist td:nth-child(1) {
	text-align:center;
}

#timer {
    position: fixed;
    top: 5px;
    right: 5px;
    /*background: #87ceebad;*/
    padding: 10px 20px;
    z-index:50;
	color:blue;
}

#timer.yellow{
    /*background: #ffbe4ccc;*/
	color:#906128;
}

#timer.red{
     /*background: #ff5747ad;*/
    color: red;
}

@media screen and (max-width:798px){
	#timer {
    position: fixed;
    top: 5px;
    right: 5px;
    padding: 5px 10px;
    font-weight: bold;
    border-radius: 10px 0 0 10px;
	}
}

.spacelist .img-maxh img{
	max-height: 150px;
    object-fit: contain;
}

.btncss.green{
    background: #d9f2eb;
    color: #063;
}

.btncss.yellow{
    background: #fff0d3;
    color: #754d00;
    border: 2px solid #c27f00;
}

.worklist-editBtn{
    background: #ddf3f6;
    color: #1b69a7;
    border: 2px solid #166cb6;
    font-weight: bold;
    padding: 6px 13px;
    align-items: center;
    transition: .2s;
    cursor: pointer;
    border-radius: 10px;
}

.worklist-editBtn img{
    transform: translateY(2px);
    margin-right: 10px;
}

.space-between{
    justify-content: space-between;
}
.pb-5{
    padding-bottom:5px !important;
}

.mr-0{
    margin-right:0 !important;
}

.park-tab-wrap{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
}

.park-tab{
    margin-right: 10px;
    font-size: 18px;
    border: 2px solid #bcbcbc;
    background: #d8d8d8;
    padding: 0px 8px;
    color: #676767;
    cursor: pointer;
    margin-bottom: 10px;
}

.park-tab.active {
    background: #529185;
    color: #fff;
    border-radius: 0;
    border: 2px solid #529185;
}

.my-0{
    margin-bottom:0 !important;
    margin-top:0 !important;
}



.red-btn{
    border: 1px solid #d64437;
    background: #fff;
    border-radius: 10px;
    font-size: 16px;
    color: #d64437;
    font-weight: bold;
    padding: 2px 10px;
    cursor: pointer;
    transition: .4s;
}

.red-btn:hover{
    background: #d64437;
    color: #fff;
}

.red-btn.disabled{
    background: #e0e0e0;
    color: #626262;
    border: 1px solid #9c9c9c;
    cursor: not-allowed;
}



.invalid td {
    background: #E8E8E8;
    color: #9F9F9F;
	cursor:not-allowed;
}

.invalid .note-btn{
    background: #b1b1b1;
    cursor: not-allowed;
    border: 1px solid #b1b1b1;
}

.invalid .red-btn{
    background: #b1b1b1;
    color: #666666;
    border: 1px solid #b1b1b1;
    cursor: not-allowed;

}

.blue.park-tab-wrap .park-tab {
    padding: 3px 10px;
}

.blue.park-tab-wrap .park-tab.active {
    background: #74a9fc;
    border: 1px solid #74a9fc;
}


.mr-30{
    margin-right:30px !important;
}

.spacelist .note textarea {
    height: 70px;
    font-size: 15px;
    border: 1px solid #999;
	width: 120px;
	margin:10px;
	margin-bottom:0;
	resize: vertical;
}

.spacelist .note textarea::placeholder{
    color: #888;
}

.invalid .note textarea {
    background: #cbcbcb;
    cursor: not-allowed;
}





.worklist-check-wrap{
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.worklist-group{
        width: calc(25% - 41px);
        padding: 5px 10px;
    /* border-right: 1px solid #dfe3ea; */
    /* border-top: 1px solid #dfe3ea; */
    font-weight: bold;
    background-color: #ebebeb;
    margin: 10px;
    border-radius: 5px;
    position: relative;
}

.worklist-group:hover{
	box-shadow:inset  0px 5px 16px rgb(105 105 105 / 8%);
}


.worklist-group:nth-child(4n){
    margin-right: 0;
}
.worklist-group:nth-child(4n+1){
    margin-left: 0;
}

.worklist-group>div{
	margin-right:10px;
}

.worklist-group-row{
    display: flex;
    font-weight: bold;
    margin-bottom:10px;
    flex-wrap: wrap;
}

.worklist-title{
    min-width:145px ;
}

.worklist-editBtn.deepBlue{
    color: #296655;
    margin-right: 1em;
    background: #d9f2eb;
    border: 2px solid #52858f;
}

.worklist-item>span.aspNetDisabled{
    display: flex;
    flex-direction:column;
	gap:2px;
}

.worklist-item-wrap{
    height:78px;
    overflow-y: auto;
    margin-top: 2px;
    color: #333333;
    font-weight: normal;
    padding-left:25px;
    display:none;
}

.worklist-item-wrap::-webkit-scrollbar {
    -webkit-appearance: none;
    background-color:#cbd7ec;
    width: 10px;
    border-radius: 8px;
}

.worklist-item-wrap::-webkit-scrollbar:horizontal {
    height: 8px;
}

.worklist-item-wrap::-webkit-scrollbar-thumb {
    border-radius: 8px;
    /* border: 1px solid white; */
    background-color:#abb9d2;
}

.worklist-group input[type="checkbox"]{
    margin: 0;
    flex-shrink: 0;
    margin-right: 5px;
}

.spacebgfix4 .tab-wrap{
    margin-left: 1em;
    display: flex;
    justify-content: start;
    align-items: center;
    background: #eee;
    width: fit-content;
    padding: 5px 7px;
    border-radius: 30px;
    position:absolute;
}

.spacebgfix4 .tab{
    color: #777;
    padding: 4px 16px;
    border-radius: 18px;
    font-weight: bold;
    font-size: 17px;
    cursor: pointer;
	border: 0;
}

.spacebgfix4 .tab.active{
    background: #b2d0ca;
    color: #021507;
}

.table-scroll{
    overflow: scroll;
    transform: translateZ(0);
}

.table-scroll td,
.table-scroll th {
    min-width: 95px;
    max-width: 150px;
    overflow-wrap: break-word;
}

.table-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
    
}

.table-scroll::-webkit-scrollbar:horizontal {
    height: 16px;
}
.table-scroll::-webkit-scrollbar:vertical {
    width: 16px;
}

.table-scroll::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 4px solid white;
    background-color: rgba(0, 0, 0, .3);
}
.table-scroll-md{
    margin-top:0px;
}
@media screen and (max-width:992px) {
    .table-scroll-md{
        overflow-x: scroll;
        transform: translateZ(0);
    }
    
    .table-scroll-md td,
    .table-scroll-md th {
        min-width: 30px;
        max-width: 200px;
        overflow-wrap: break-word;
    }

    .table-scroll-md td:first-child{
        min-width: 120px;
    }
}
.frequency-table2 th b{
    color:#000;
}

.hasRowBtn .worklist-group{
    --widthA: 94.5% / 4;
    width: calc(var(--widthA) - 41px);
}

.row-btn{
    font-size: 14px;
    padding: 5px 8px 5px 7px;
    background-color: #cbdbf2;
    margin: 10px 0;
    width: calc(5.5% - 15px);
    cursor: pointer;
    border-radius: 5px;
    align-self: baseline;
    display: flex;
    transition: .1s;
}

.row-btn:hover{
    background-color: #c2daff;
}

.row-btn img{
    transform: translateY(1px);
    margin-left: 3px;
    width: 12px;
    transition: .2s;
}

.row-btn.active img{
    transform: translateY(2px) rotate(90deg);
}

.row-btn.active{
	border-radius:5px;
	background-color: #cbdbf2;
	    padding: 5px 8px 5px 7px;
}

.hasRowBtn .worklist-group:nth-child(4n){
    margin-right: 10px;
}

.hasRowBtn .worklist-group:nth-child(5n){
    margin-right: 0px;
}

.worklist-group:nth-child(4n+1) {
    margin-left: 10px;
}

.hasRowBtn .worklist-group:nth-child(5n+1){
    margin-left: 0px;
}

.worklist-title{
    position: relative;
}

.worklist-count{
    position:absolute;
    top: 5px;
    right: 15px;
    color: #9fa2a8;
}

.frequency-title{
    font-size: 19px;
    font-weight: bold;
    background: #d4e0f5;
    padding: 1px 10px;
    width: calc(100% - 20px);
    display: inline-block;
}

.frequency-table2>tbody>tr:first-child{
    background-color: #a4c5f7;
}

.frequency-table2 tr:first-child th span{
    background-color: rgb(85 139 224);
    padding: 4px 16px;
    width: fit-content;
    margin: 0 auto;
    color: #fff;
}

.frequency-table2 th div:first-child{
    margin-top: 8px;
}

.frequency-table2 tr th:first-child{
	vertical-align: top;
    padding-top: 12px;
}

.searchSVG{
	background-image: url(../images/icon/search.svg);
	background-repeat:no-repeat;
    background-size: 14px;
    background-position: right 8px center;
	padding:2px 22px 2px 0;
}

td.layer-td{
	    background-color: #edece9;
    padding-left: 25px;
    line-height: 1.8;
	    font-weight: bold;
    color: #333;
}

.timerPopup-wrap{
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100dvh;
    position: fixed;
    top: 0;
    z-index: 200;
    display:none;
    border-radius: 0px;

}

.timerPopup-wrap.active{
    display: block;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 0px;
}

.timerPopup{
    background-color: #fff;
    width: 28%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px 10px;
    border-radius: 10px;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 1px;
}

@media screen and (max-width:1080px){
	.timerPopup{width:60%;}
}

.timerPopup img{
    width: 35px;
    text-align: center;
    margin-bottom: 5px;
}

.timerPopup img[src="../images/icon/exclamation-triangle.svg"]{
	width:50px;
}

.timerPopup #timer{
    position: relative;
}

.timer-btn{
    margin-top: 30px;
    font-size: 17px;
    padding: 6px 5px;
    border-radius: 5px;
    border: 0;
    cursor: pointer;
    background-color: #9ad5ff;
    width: 40%;
    font-weight: bold;
    letter-spacing: 2px;
	color:#333;
	margin-right:2%;
}

.timer-btn.bg-gray{
	background-color: #ddd;
}

.timer-logout-btn{
	margin-top: 30px;
    font-size: 17px;
    padding: 6px 20px;
    border-radius: 5px;
    border: 0;
    cursor: pointer;
    background-color: #ddd;
    width: 40%;
    font-weight: bold;
    letter-spacing: 2px;
	color:#333;
}

.timer-logout-btn.bg-warning{
	    background-color: #ffb642;
}

.w-100{
	width:100% !Important;
}

.w-hasName{
	width: calc(100% - 90px);
    margin-right: 5px;
}

.my-5{
	margin-top:5px !important;
	margin-bottom:5px !important;
}

.shrink {
    flex-shrink: 0;
}

.overAuto{
	overflow-Y:auto;
}

.spacelibox2 .row-btn{
	width: calc(6.5% - 15px);
}

.spacelibox3 h2, .lb-wrap h2, .spacelibox4 h2, .spacelibox2 h2 {
    text-align: center;
    margin-top: 10px;
    font-size: 22px;
}

.otherPlace-table{
    width: 100%;
   
}

.otherPlace-table th{
    border:0;
    border-bottom: 2px solid #8bbcb2;
    background: #d9f2eb;
    padding: 6px 0px;
    font-size: 18px;
    font-weight: bold;
}

.otherPlace-table.children th-nth-child(1),.otherPlace-table.children th-nth-child(2){
	width:0;
}

.otherPlace-table.children th:nth-child(3),.otherPlace-table.children th:nth-child(5),.otherPlace-table.children th:nth-child(6),
.otherPlace-table th:nth-child(1), .otherPlace-table th:nth-child(4), .otherPlace-table th:nth-child(5){
    width: 15%;
}
.otherPlace-table.children th:nth-child(4),.otherPlace-table th:nth-child(3),.otherPlace-table tr.add-td td:nth-child(2){
    width: 55%;
}

.otherPlace-table tr.add-td td:nth-child(1),.otherPlace-table tr.add-td td:nth-child(3),.otherPlace-table tr.add-td td:nth-child(4){
	width: 15%;
}

.otherPlace-table tbody td{
    text-align: center;
    padding: 5px;
    border:0;
    border-bottom: 1px solid #cacaca;
    /* font-weight: bold; */
}

.otherPlace-table input[type="text"] {
    font-size: 16px;
    padding: 4px 5px;
    background: pink;
    border: 1px solid #8b8b8b;
    text-align: center;
    font-weight: bold;
    width: 100%;
}

.otherPlace-table select {
    font-size: 16px;
    border: 1px solid #929292;
    padding: 5px;
    background: pink;
    font-weight: bold;
}

.otherPlace-table .confirm-btn {
    background: #ffb837;
    border: 2px solid #d28d0f;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

.otherPlace-table .add-td td {
    background: #fff0d3;
    padding: 10px 5px;
}

.mb-0{
	margin-bottom:0px !important;
}

.mr-10{
	margin-right:10px !important;
}

.add_new_btn.hasImg{
	background-image: url(../images/icon/plus-circle.svg);
    background-repeat: no-repeat;
    background-position: 12px 50%;
    padding: 4px 16px 4px 32px;
}

.spacelibox3 .otherPlace-table th,
.spacelibox3 .otherPlace-table th{
	    padding: 6px 0px;
}

.bigger-select{
	font-size:16px;
	padding:4px 5px;
}

.park-radio{
	display:flex;
	flex-wrap:wrap;
	margin-top:30px;
}

.park-radio input[type="radio"]{
	opacity:0;
	position:absolute;
	top:0;
	left:0;
}

.park-radio label{
	margin-right: 10px;
    font-size: 18px;
    border: 2px solid rgba(116,169,252,1.00);
    background: #FFF;
    padding: 3px 8px;
    color: rgba(116,169,252,1.00);
    cursor: pointer;
    margin-bottom: 10px;
	font-weight:bold;
}

.park-radio input[type="radio"]:checked+label{
	background: #74a9fc;
    border: 1px solid #74a9fc;
	color:#fff;
}
.clean_table_wrap{
    
}
.clean_table {
    table-layout: fixed;
    margin-bottom: 20px;
    border: 1px solid #aaa !important;
}
.clean_table_wrap th{
    background:#e2e8e3;
    border: 1px solid #aaa !important;
}
.clean_table_wrap td {
    border: 1px solid #aaa !important;
}
.clean_table_wrap td {
    border: 1px solid #aaa !important;
}
.clean_table tr:nth-child(2n+1) td {
    background: #f4f4f4;
}
.clean_table .parkmemo {
    color: #6e6e6e;
    display:block;
    font-size: 14px;
}
.clean_table a{
	color:#000;
}
.clean_table a:hover{
	color:blue;
	text-decoration:underline;
}
.searchtime {
    font-weight: bold;
    display: block;
    font-size: 19px;
    float: left;
    margin-top: 20px;
    letter-spacing: 2px;
}
/*  */
.facility-img-update{
    display: flex;
}
.facility-img-update div{
    display: flex;
    gap: 15px;
}
.facility-videos-update{
    display: flex;
}
.facility-videos-update div{
    display: flex;
    gap: 15px;
}
.addGroup-btn{
    background: #ddc09b;
    color: #583810;
    border: 2px solid #b38c5a;
    font-size: 15px;
    border-radius: 4px;
    padding: 4px 14px;
    font-weight: bold;
    cursor: pointer;
}

.w-100P,.img-text{
    width: 100% !important;
}
.align-center{
    align-items: center;
}

.progress-tab-wrap {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    display: flex;
    width: 100%;
    justify-content: center;
}

.progress-tab {
    border: 2px solid #5DADE2;
    padding: 10px;
    margin: 0 10px;
    font-size: 14pt;
    color: #5DADE2;
    font-weight: bold;
    background: #FFF;
    font-family: "微軟正黑體";
    cursor: pointer;
}
.progress-tab.active{
	color: #FFFFFF;
    background-color: #5DADE2;
	border-radius:0;
     padding:10px 10px;
}

.progress-table{
	margin:0 !important;
	width:100%;
    margin-bottom:25px !important;
}

.progress-table th{
	width:20%;
}

.tab_header .btncss{
	margin: 7px 0 0;
	display:none;
}

.frequency-table2  tr th:first-child{
    vertical-align: top;
    padding-top: 12px;
}

.frequency-table2  tr:first-child th:first-child{
    vertical-align: middle;
    padding-top: 0;
}

.spacebgfix2 .table-scroll td,
.spacebgfix2 .table-scroll th{
    max-width: none;
}

.tab_count th.status-red,.tab_count th.status-yellow,.tab_count th.status-green{
}

th.status-red{
    background: #eb5c5c;
}

th.status-yellow{
    background: #fac353;
}

th.status-green{
    background: #83c84d;
}
.danger-table{
    width: 100%;
}
.danger-table td:nth-child(3n+2) input{
    /* background:#ffeeee; */
    color: #ec3232;
}

.danger-table td:nth-child(3n+1) input{
    /* background:#ebffdc; */
    color: #5b9a5b;
}

.danger-table td:nth-child(3n+3) input{
    /* background:#fff7e7; */
    color: #ff9900;
}

/* .danger-table td:nth-child(2),
.danger-table td:nth-child(3),
.danger-table td:nth-child(4){
    background:#ffeeee;
} */

.danger-table td:nth-child(3n+1),
.danger-table thead th:not(:last-child),
.danger-table .status-green{
    border-right: 2px solid #9ebcc6;
}

.danger-table td:nth-child(3n+1){
    /* background:#ebffdc; */
    color: #5b9a5b;
}

.danger-table td:nth-child(3n+3){
    /* background:#fff7e7; */
    color: #ff9900;
}

/*.danger-table td:last-child,.danger-table th:last-child{
    display:none;
}*/

.danger-table td{
    padding:1px;
    border-right: 0;
    border-left: 1px solid #eee;
}

.danger-table td:first-child{
    padding: 5px;
    color: #333;
}
.danger-table tr:last-child {
  background-color: #c7e1e8;
}

.caption-wrap{
    text-align: right;
	margin-bottom:10px;
}

.caption-red, .caption-yellow, .caption-green{
   position: relative;
    font-size: 14px;
    border-radius: 5px;
    margin-right: 30px;
}

.caption-red::before,.caption-yellow::before,.caption-green::before{
    content: "";
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.caption-green{
    margin-right: 0;
}
.caption-red::before{
    background: #eb5c5c;
}

.caption-yellow::before{
    background: #fac353;
}

.caption-green::before{
    background: #83c84d;
}

.progress-table thead th{
    background: #c7e1e8;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    padding: 8px;
    border-bottom: 2px solid #9ebcc6;
}

.progress-table th{
    position: relative;
}

.progress-table th img{
    transform: translateY(2px);
    margin-left:5px;
    cursor: pointer;
}

.progress-table th span{
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    background: #ffefe2;
    border: 1px solid #9ebcc6;
    border-radius: 20px;
    word-break: keep-all;
    padding: 3px 10px;
    display: none;
    box-shadow: 0px 5px 16px #33333321;
}

.progress-table th img:hover+span{
    display: inline-block;
}

.progress-condition{
    margin-bottom: 10px;
    border: 1px solid #9ebcc6;
    width: fit-content;
    background: #f3faff;
    padding:5px 10px;
    font-size: 15px;
}

.progress-condition span{
    padding: 2px 5px 2px 0;
    color: #0b5d93;
    font-weight: bold;
    font-size: 17px;
    
}

.danger-table td:first-child{
    font-size: 15px;
}

td.hasHint{
    position: relative;
}
td.hasHint span{
display:none;
position: absolute;
bottom: 33px;
LEFT: 50%;
transform: translateX(-50%);
background: #f3faff;
border: 1px solid #9ebcc6;
border-radius: 20px;
white-space: nowrap;
padding: 3px 10px;
box-shadow: 0px 5px 16px #33333321;
font-size: 14px;
}
td.hasHint span.active,td.hasHint img:hover+span{
    display: inline-block;
}

@media screen and (max-width:1200px){
    td.hasHint span {
        top: 50%;
        LEFT: 105%;
        transform: translateY(-50%);
        bottom: auto;
    }
}

.danger-table-title{
    font-size: 18px;
    font-weight: bold;
    color: #333;
    padding: 10px;
    background: #c7e1e8;
    border-bottom: 2px solid #9ebcc6;
    text-align: center;
    margin-bottom: 0px;
}

.output-btn{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.output-btn .btncss{
    margin-top: 0px;
}

@media screen and (max-width:650px){
    .progress-tab-wrap{
        justify-content: start;
    } 

    .caption-wrap{
        text-align: left;
        display: flex;
        flex-direction: column;
        margin-left: 30px;
    }
}

@media screen and (max-width:490px){
    .tab_header.relative{
        margin-top: 1rem;
        margin-bottom: 3.5rem;
    } 
    .output-btn{
        left:0px;
        right:auto;
        top: 150%;
    }
    .progress-tab:first-child{
        margin-left: 0;
    }
}

.frequency-table2 th b{
    color:#000;
}

.hasRowBtn .worklist-group{
    --widthA: 94.5% / 4;
    width: calc(var(--widthA) - 41px);
}

.row-btn{
    font-size: 14px;
    padding: 5px 8px 5px 7px;
    background-color: #cbdbf2;
    margin: 10px 0;
    width: calc(5.5% - 15px);
    cursor: pointer;
    border-radius: 5px;
    align-self: baseline;
    display: flex;
    transition: .1s;
}

.row-btn:hover{
    background-color: #c2daff;
}

.row-btn img{
    transform: translateY(1px);
    margin-left: 3px;
    width: 12px;
    transition: .2s;
}

.row-btn.active img{
    transform: translateY(2px) rotate(90deg);
}
.sec-title{
    font-size: 20px;
    font-weight: bold;
    position: relative;
    margin-right: 20px;
    padding: 0 10px 0 20px;
    line-height: 35px;
    background: #e2f3f9;
    width:fit-content;
}

.sec-title::before{
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 36px;
    background: #5caadf;
}

.sec-title.orange{
    background: #fbebdd;
}

.sec-title.orange::before{
    background: #d69a51;
}
.td-p-5 td, .td-p-5 th{
    padding: 5px !important;
}

.listSet-btn{
    background: #f8fdff;
    color: #1987ba;
    font-size: 17px;
    padding: 1px 14px;
    font-weight: bold;
    cursor: pointer;
    border: 2px dashed #2da7e0;
}
.ml-auto {
    margin-left: auto;
}
.d-flex .CClist {
    bottom: 0;
    align-self: center;
}
.fgedit{
    font-size:18px;
    border:none;
    background:#f1ab6a;
    margin-bottom:0px;
}
.fgeditbg {
    margin-top: 0px;
    border: 1px solid #d69a51;
    padding: 10px;
    box-sizing: border-box;
    background: #fef8f3;
    /*margin-bottom: 30px;*/
}
.fgeditbgGIS {
    margin-top: 0px;
    border: 1px solid #5caadf;
    padding: 10px;
	color:black !important;
    box-sizing: border-box;
    background: #f8fdff;
}
.fgeditbgwait {
    margin-top: 0px;
    border: 1px solid #89B0B1;
    padding: 10px;
    box-sizing: border-box;
    background:#f4faf6;
    margin-bottom:30px;
}
.d-flex2 div{
    display:inline-block;
    border:1px solid solid;
}
.d-flex2 .active_F {
    margin-top: 0px;
    border: 1px solid #5caadf;
    padding: 10px;
    box-sizing: border-box;
    background: #5caadf;
    color: #FFF;
}
.btnc_H {
    background: #f4dfd0;
    color: #333;
    outline: none;
    border: none;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
    letter-spacing: 2px;
    border-bottom: 2px solid #d69a51;
    display: block;
    margin: 0px auto;
}

@media only screen and (max-width: 768px) {
    .btnc_H {
        display: block;
        margin: 0px auto;
    }
}
.tableTab_wrap {
    display: flex;
    border-bottom: 2px solid #529185;
    clear: both;
    margin-bottom: -1em;
}

.tableTab {
    background: #d3e2de;
    color: #63867f;
    padding: 6px 25px;
    font-size: 17px;
    border:none;
    font-weight: bold;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 8px 8px 0 0 !important;
    margin-bottom:0;
}

.tableTab.active_N {
    background: #529185;
    color: #fff;
    margin-bottom:0;
}
.managerlist td{
    padding:0 20px;
}
.managerlist td:nth-child(3),
.managerlist td:nth-child(4),
.managerlist td:nth-child(5),
.managerlist td:nth-child(6),
.managerlist td:nth-child(7){
    text-align:center;
}
.Levelcolor tr:nth-child(2),
.Levelcolor tr:nth-child(7),
.Levelcolor tr:nth-child(11) {
    background-color: #edece9;
    padding-left: 25px;
    line-height: 1.8;
    font-weight: bold;
    color: #333;
}

/*  */
.FC_container{
    padding: 1rem;
    background-color: rgb(228, 228, 228);
}
.bg-w {
    background-color: #fff;
    /* margin: 1rem;
    padding: 1rem; */
    border-radius: 20px;
}
.FC_container .left {
    flex: 1 1 800px;
    margin: 1rem 0 1rem 1rem;
    max-width: 100%; /* 確保容器不會超出父容器的寬度 */
    overflow-x: auto; /* 當內容超出時顯示水平滾動條 */
}

.FC_container .chart {
    margin: 0.2rem 1rem;
    background-color: #fff;
    padding: 0.5rem 0.5rem 1rem;
    border-radius: 20px;
    border: 1px solid #ccc;
    overflow-x: auto; 
    display: block;
    white-space: nowrap;
    max-width: 100%; /* 確保容器不會超出父容器的寬度 */
}
.table__line {
    width: 100%;
}
.FC_container .remark {
    margin: 1rem 0rem;
    font-size: 14pt;
}
.FL_store {
    padding: 0.3rem 0.5rem;
    margin: 0.2rem 0;
    font-size: 12pt;
    border: none;
    background-color: #ccc;
    font-weight: bold;
    letter-spacing: 0.5rem;
    text-indent: 0.5rem;
    cursor: pointer;
    float: right;
}
@media (max-width: 768px) {
    .FC_container .remark {
        margin: 0 15px 0px 0px;
    }
}
.chart__statistics {
    max-width: 500px;
    margin-left: 1rem;
    flex: 1 1 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.remark textarea {
    width: 100%;
    height: 100px;
    margin-top: 0.5rem;
}
.FL_list_o{
    display: flex;
    align-items: center;
    justify-content: center;
    /* text-align: center; */
}
.FL_list_o span {
    font-size: 50pt;
    letter-spacing: 0.2rem;
}
.blue{
    color: rgba(3, 130, 248, 1.00);
}
.bigspan{
    font-size: 25pt !important;
}
.rightbox .main{
    /* background-color: rgb(228, 228, 228); */
}
.nopermit-items{
    /* padding: 1rem; */
    /* width: 99%; */
	padding: 1rem;
	
}

.border__color-1 > .chart__amount, .border__color-1 > h1 {
    border-bottom: 3px solid #ffb381;
}
.border__color-2 > .chart__amount, .border__color-2 > h1 {
    border-bottom: 3px solid #00ffff;
}
.border__color-3 > .chart__amount, .border__color-3 > h1 {
    border-bottom: 3px solid #88de87;
}
.align_end {
    align-items: flex-end;
}
.row {
    display: flex;
}
.chart__amount{
}
.chart__amount p {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-size: 18pt;
    clear: both;
    position: relative;
    margin: 0;
}
.chart__amount .bigspan, .chart__amount .bigspan > span {
    font-size: 25pt;
}
.ml_auto {
    margin-left: auto !important;
    font-size: 16px !important;
}
.chart__amount h1 {
    margin: 0;
    font-size: 20pt !important;
    font-weight: bold;
    margin-inline-start: 0px !important;
    margin-inline-end: 0px !important;
}
.chart__amount h2 {
    margin: 0;
}
.item > .chart__amount {
    margin: 0.5rem 0;
}
.FL_count .tittle{
    display: flex;
    justify-content: start;
}
.FL_count h2{
    margin: 0;
    display: flex;
    justify-content: flex-start;
}
.justify-around{
    justify-content: space-around;
}

.chart h4 {
    text-align: center;
}
.chart__ex {
    text-align: center;
    max-width: 85px;
}
.chart__ex span {
    display: inline-block;
    width: 50px;
    height: 5px;
    vertical-align: middle;
}
.addmanager {
    background: #e0edf3;
    width: 97%;
    box-sizing: content-box;
    margin: 0 auto;
    padding: 8px;
}
.addmanager select{
    max-width:400px !important;
    width:100% !important;
}
/*.addmanager article{
    display:inline-block;
    width:48%;
    border:1px solid #F00;
}
.addmanager article:first-of-type{
    
}*/
.addmanager span, .addmanager select{
    max-width:400px !important;
    width:100% !important;
}
.addmanager b{
    position: absolute;
    left:98% !important;
}
.addmanager .select2-selection__clear{
    position: absolute;
    left:87% !important;
}
.addmanager .add {
    margin-left: 10px;
    background: #09F;
    color: #FFF;
    font-size: 16px;
    border: none;
    padding: 3px 8px;
    margin-top: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.addmanager .canceladd {
    margin-left: 10px;
    background: #dbdbdb;
    color: #2a2a2a;
    font-size: 16px;
    border: none;
    padding: 3px 8px;
    margin-top: 3px;
    border-radius: 3px;
    cursor: pointer;
    margin-left:15px;
}
.chart__amount p {
    text-align: center;
    justify-content: center;
    font-size: 18pt;
    clear: both;
    position: relative;
}
.pr_s{
	text-align: center;
    justify-content: center;
    font-size: 18pt;
    clear: both;
    position: relative;
	padding-right: 2rem;
}
.top-Total,.top-group {
    max-width: 500px;
    margin-left: 1rem;
    flex: 1 1 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.chart-bottom{
	background-color: rgb(228, 228, 228);
}

.hidden {
    display: none !important;
}

.js-toggleButton-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 15px 0 10px 0;
}

.js-toggleButton-content::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: lightgray;
}

.videos-button {
    display: inline-flex;
    width: auto;
    gap: 5px;
    align-items: center;
    background: #e1e7f8;
    color: #242424;
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
    letter-spacing: 1px;
    cursor: pointer;
	font-size: 15px;
}

.videos-button:hover {
    background: #8b92ee;
    color: white;
}

.videos-button img {
    transition: filter 0.2s ease; 
}

.videos-button:hover img {
    filter: brightness(0) invert(1);
}

ol, ul, li,menu, nav {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* ********************************
NAV STYLING
******************************** */
.G_line{
	 background:#DDDDDD;
	 height:8px;
	 margin-top:-0.2em;
}
nav {
  display: block;
}
nav strong {
  /* hide for non-JS */
	display: none;
	font-size:20pt;
	color: #9b9b9b;
	text-align:right;
	position: absolute;
    right: 16px;
    top: 40px;
	width:60px;
	height:50px;
}

nav strong:hover {
	cursor: pointer;
}
nav ul {
  list-style: none;
  margin:0 auto;
}
nav ul li{
	margin:1%;
}
@media only screen and (max-width: 996px) {
	nav ul li{
	margin:1%;
}
}
nav ul li a{
	font-weight:bold;
	letter-spacing:2px;
	color:#727171;
	font-size:18px;
}

nav ul li img{
	vertical-align:middle;
	margin-right:0.5em;
}
@media only screen and (max-width: 768px) {
	nav ul {
  margin-left:1em;
}
	nav ul li{
	margin-right:1em;
	text-align:left;
}
}
nav ul li a:link, nav ul li a:visited {
  display: block;
  padding: .36em 0;
  text-decoration: none;
}
nav ul li a:hover , nav ul li a:hover ,.active {
  background:#DDDDDD;
  border-radius:20px 20px 3px 3px;
  color: #000;
  padding:10px 0px;
}
@media only screen and (max-width: 768px) {
	nav ul li a:link, nav ul li a:visited {
		 padding: 5px 0;
	}
nav ul li a:hover , nav ul li a:hover ,.active {
    background:none;
}
 nav ul li a:focus ,.active {
  padding:0px 0px;
}
}
@media (min-width: 768px) {
  nav ul {
    text-align: center;
    /*background:#D0D0D0;選單背景色*/
  }
  nav ul li {
    display: inline;
  }
  nav ul li a:link {
    display: inline-block;
    padding: 8px;
  }
}
@media only screen and (max-width: 768px) {
	.menu {
		display: none;
	}
}

.menubar-js{
    width:40px;
}
@charset "utf-8";
/* CSS Document */


.S_table {
    margin: 0 5px;
    flex:1;
}
@media only screen and (max-width: 1200px) {
    .S_table {
        margin: 0 10px;
    }
}

.S_table td{
	padding:10px 0px;
	line-height:1.5;
	vertical-align:middle;
	/*box-sizing:border-box;*/
}
.S_table td:first-child {
	text-align:center;
    /*padding:0 5px;*/
    white-space:nowrap;
    font-weight:bold;
}
.S_table td:nth-child(2){
	text-align:left;
	padding-right:5px;
}
@media only screen and (max-width: 1400px) {
	.S_table{
	max-width:350px;
	width:98%;
    vertical-align:top;
  }
.S_table td:first-child {
	text-align:left;
    width:40%;
  }
}
.S_table input[type="text"] {
    max-width: 120px;
    width: 100%;
}
@media only screen and (max-width: 996px) {
	.S_table td:first-child {
	/*text-align:right;
    max-width:30% !important;
	width:100%;
    padding-right:5px;*/
    word-wrap:break-word;
	text-align:left;
    width:100%;
	margin-left:0px;
    display:block;
    padding:5px 0px 0px;
    margin-top:12px !important;
    border-bottom:none !important;
  }
    .S_table td {
        display: block;
        border-bottom: 1px solid #CCC;
        margin: 0px !important;
        padding:2px 8px 8px 0px;
    }
    .S_table input[type="text"] {
        max-width:90%;
        width: 100%;
        height:22px;
    }
    .S_table select {
        max-width: 90%;
        width: 100%;
        height: 26px;
    }
}


/*.S_table [type=date]{
	margin-bottom:0.3em;
}
@media only screen and (max-width: 996px) {
	.S_table{
	width:90%;
	text-align:center;
}
}*/
.bluetable {
    width: 100% !important;
    margin: 0 auto;
    margin-top: 1em;
    border-collapse: collapse;
    border: none;
    vertical-align: middle;
}
.bluetable a {
    text-decoration: none;
}
.bluetable th { /*設定表頭*/
 background-color: #2DA7E0;
 color: #FFF;
 text-align: center;
 line-height: 1.5;
 border: none  !important;
 width:100% !important;/*因為會歪掉先隱藏*/
}
.bluetable tr:nth-child(2n+3) { /*換行變色*/
    background-color:#FFF;
    color:#000000;
    line-height:1;
    text-align:center;
}
.bluetable tr:nth-child(2n+2) { /*換行變色*/
    background-color:#E6F0FF;
    color:#000000;
    line-height:1;
    text-align:center;
}
.bluetable td {
    padding: 5px;
    text-align: center;
    line-height: 1.5;
    border: none  !important;
	/*width:100% !important;*/
}
.bluetable th  {
    padding:5px;
}
@media only screen and (max-width: 768px) {
	.bluetable td {
    padding:3px;
}
.bluetable th  {
    padding:3px;
}
}
@media only screen and (max-width: 480px) {
	.bluetable td {
    padding:1px;
}
.bluetable th  {
    padding:1px;
}

}
.bluetable th a {
    color: #fff;
    /*text-decoration: none;*/
}
/*.bluetable  a {
    
    text-decoration: none;
}*/
.bluetable .pgr table { /*Page 分頁表格寬度*/
    width:auto;
    margin-left:auto;
    margin-right:auto;
    color:white;
}

.bluetable .pgr td { /*Page 分頁表格顏色*/
    background-color: #2DA7E0;
    border-width:0px;
	line-height: 1;
}
.redtable th { /*設定表頭*/
    background-color:#c94b4b;
    color:#FFFFFF;
    text-align:center;
    border:0;
}
.redtable tr:nth-child(2n+3) { /*換行變色*/
    background-color:#FFF;
    color:#000000;
    line-height:1;
    text-align:center;
}
.redtable tr:nth-child(2n+2) { /*換行變色*/
    background-color:#FCF6F6;
    color:#000000;
    line-height:1;
    text-align:center;
}
.redtable .pgr table { /*Page 分頁表格寬度*/
    width: auto;
    margin-left: auto;
    margin-right: auto;
    color: white;
}


.greentable th { /*設定表頭*/
    background-color:#12AB11;
    color:#FFFFFF;
    text-align:center;
    border:0;
}
.greentable tr:nth-child(2n+3) { /*換行變色*/
    background-color:#FFF;
    color:#000000;
    line-height:1;
    text-align:center;
}
.greentable tr:nth-child(2n+2) { /*換行變色*/
    background-color:#F2FBEF;
    color:#000000;
    line-height:1;
    text-align:center;
}
.greentable .pgr table { /*Page 分頁表格寬度*/
    width: auto;
    margin-left: auto;
    margin-right: auto;
    color: white;
}

.bbw {
    width: 10px !important;
    color: #ff0000;
    border: 1px solid #000000 !important;
}
.bbw-red{
	width: 5% !important;
    border:1px solid #000000 !important;
}
.ccw {
    width: 12% !important;
}
.w20{
	width: 7% !important;
}
.lightblue th { /*設定表頭*/
    background-color:#304d7a;
    color:#FFFFFF;
    text-align:center;
    border:0;
}
.lightblue tr:nth-child(2n+3) { /*換行變色*/
    background-color:#FFF;
    color:#000000;
    line-height:1;
    text-align:center;
}
.lightblue tr:nth-child(2n+2) { /*換行變色*/
    background-color:#cad1db;
    color:#000000;
    line-height:1;
    text-align:center;
}
.lightblue .pgr table { /*Page 分頁表格寬度*/
    width: auto;
    margin-left: auto;
    margin-right: auto;
    color: white;
}

.lightblue .pgr td { /*Page 分頁表格顏色*/
    background-color: #304d7a;
    border-width: 0px;
    line-height: 1;
}
.lightblue .pgr td a { /*Page 分頁表格顏色*/
    color: #9eb9e2;
}

.baseTB{
	width:100%;
	margin:0 auto;
	/*margin-top:1em;*/
	border-collapse:collapse;
}
.baseTB th { /*設定表頭*/
    background-color:#af9b87;
    color:#FFFFFF;
    text-align:center;
    border:0;
}
.baseTB tr:nth-child(2n+3) { /*換行變色*/
    background-color:#FFF;
    color:#000000;
    line-height:1;
    text-align:center;
}
.baseTB tr:nth-child(2n+2) { /*換行變色*/
    background-color:#eae5e1;
    color:#000000;
    line-height:1;
    text-align:center;
}
.baseTB .pgr table { /*Page 分頁表格寬度*/
    width: auto;
    margin-left: auto;
    margin-right: auto;
    color: white;
}

.baseTB .pgr td { /*Page 分頁表格顏色*/
    background-color: #af9b87;
    border-width: 0px;
    line-height: 1;
}









/*地籍序號表格*/
.Cadastretable {
   /* max-width:900px;*/
    width:100%;
}
.detailsGrid .Cadastretable th { /*設定表頭*/
    background-color:#dcdddd !important;
    text-align: center;
    border:1px solid #000000 ;
    /*width:auto;*/
}
.Cadastretable tr:nth-child(2n+3) { /*換行變色*/
    background-color:#EFF3FB; 
    color:#000000;
    line-height:1;
    text-align:center;
}
.Cadastretable tr:nth-child(2n+2) { /*換行變色*/
    background-color:#FFFFFF;
    color:#000000;
    line-height:1;
    text-align:center;
}
.Cadastretable th:first-child {
    width: 10%;
}
.np .Cadastretable th:first-child {
    width: auto !important;
}
.Cadastretable td {
    text-align: center;
    border:1px solid #000000 !important;
}
.Cadastretable .pgr table { /*Page 分頁表格寬度*/
    width:auto;
    margin-left:auto;
    margin-right:auto;
    color:white;
    background:#87ceeb;
    clear:both;
}
.Cadastretable .pgr td { /*Page 分頁表格顏色*/
    background-color: #dcdddd;
    border-width:0px;
}

/*.Cadastretable{
	margin-top:1em;
}*/
.detailsGrid .Cadastretable{
	width:100%;
}
.detailsGrid table td .Cadastretable  th{
	padding:3px;
	font-weight:bold;
	
}
.detailsGrid table td .Cadastretable  td{
	font-weight:normal;
	padding:2px;
}
.detailsGrid .Cadastretable .pgr table { /*Page 分頁表格寬度*/
    width: auto;
    margin-left: auto;
    margin-right: auto;
    color: #FFF;
    clear: both;
    border: none !important;
    padding: 2px;
    line-height: normal;
}

.detailsGrid .Cadastretable .pgr td { /*Page 分頁表格顏色*/
    background-color: #FFF;
    border-width: 0px;
    border: none !important;
    padding: 2px;
    line-height: normal;
}


/*地籍序號表格*/


/*歷程*/
.course{
	max-width:1300px;
	width:98%;
	background:#f8e58c;
	font-size:20px;
	padding:10px;
	text-align: center;
    font-weight: bold;
}
.course-s{
	width:100%;
    padding: 0;
	margin:0 auto;
	border:1px #000000 solid;
}
/*.course-s th:first-child{
	width:20% !important;
}*/
.course-s tr:first-child {
   /* background:#70b152;*/
    /*padding:2px;*/
    font-weight:bold;
    background:#ecfef0;
}
.course-s td {
    padding: 5px !important;
    text-align: center;
	background:#FFF;
}
.course-s .pgr table { /*Page 分頁表格寬度*/
    width: auto !important;
    margin-left: auto;
    margin-right: auto;
    color: #FFF;
    clear: both;
    padding: 2px;
    line-height: normal;
    border:1px solid #000;
    border-width: 0px;
}

.course-s .pgr td { /*Page 分頁表格顏色*/
    background-color: #66cdaa;
    border-width: 0px;
    border:0px solid #000;
    padding: 2px;
    line-height: normal;
}

.course-g{
	max-width:1300px;
	width:100%;
    padding: 0;
	margin:0 auto;
	border:1px #000000 solid;
    table-layout:fixed;
    margin:0 auto;
}

.detailsGrid .course-g td {
    text-align: center;
    padding:7px;
    background: #edffdb;
    border: 1px solid #000000;
    max-width:1300px;
    width:100%;
    margin:0 auto;
}
.detailsGrid .course-g td:first-child{
    width:15% !important;
}
.detailsGrid .course-g td:nth-child(2){
    width:20% !important;
}
.detailsGrid .course-g td:nth-child(3){
    width:60% !important;
}
.detailsGrid .course-g td:nth-child(4){
    width:33% !important;
}
/*.detailsGrid .course-s table {
	width:100% !important;
}*/
.detailsGrid .course_contract table {
    border: none !important;
    margin: 0px !important;
    padding:0px !important;
    text-align:center;
    width:100% !important;
}
.detailsGrid .course_contract table{
	border-top:none !important;
    margin:0px;
}
.detailsGrid .course_contract table th{
    background:#e1fae3;
	border-top:none !important;
}
.detailsGrid .course_contract td{
    padding:0px;
    margin:0px;
    border:1px solid #000;
}
.detailsGrid .course_contract td:nth-child(1) {
    width: 25% !important;
}
.detailsGrid .course_contract td:nth-child(2) {
    width: 25% !important;
}
.detailsGrid .course_contract td:nth-child(4) {
    width: 20% !important;
}

.course-g a {
    text-decoration: underline;
}
/*.course-g {
    color:#c32121;
}*/



.first th{
	width:24% !important;
}
/*歷程結束*/

.base{
	max-width:1300px;
	width:100%;
	margin-top:1em;
}
@media only screen and (max-width: 768px) {
	.base{
	width:100%;
	float:none;
  }
}
.base  th{
	font-size:20px;
	padding:8px;
	background:#83ccd2;
	text-align: center;
    font-weight: bold;
	border:1px solid #000;
   }
.base td{
	padding:8px;
	border:1px solid #000;
}
.base td:first-child{
	background:#f0ffff;
	text-align:center;
	width:24%;
	font-weight:bold;
}
.base .Cadastretable{
	width:80%;
}
.base .Cadastretable th { /*設定表頭*/
    background-color:#dcdddd;
    text-align:center;
    border:0;
	border:1px #000000 solid;
	padding:5px;
	font-weight:normal;
	font-size:18px;
}

.base .Cadastretable th:first-child  {
	width:13%;
	padding:2px;
}
.base .Cadastretable td:first-child  {
	width:13%;
}
.base .Cadastretable td {
	background:none;
}



.btncenter{
    display: block;
}
.AutoNewLine {/*表格不被裡面文字撐開*/
	word-break: break-all;
	table-layout: fixed;
}
@media only screen and (max-width: 768px) {
    .detailsGrid{
        width: 100%;
        float: none;
    }
    .course-s{
        width:98%;
        margin:0 auto;
        border:1px #000000 solid;
        margin-top:0em;

    }

}

.Approvedtable{
	max-width:1380px;
	width:100%;
	border:1px #000000 solid;
	margin-top:2em;
}
.Approvedtable th{
	background:#f8e58c;
	padding:10px;
}
.Approvedtable td{
	background:#fff1cf;
	border:1px #000000 solid;
	padding:10px;
}

.money{
	text-align:center;
}

.formtitile{
	margin:0 auto;
	text-align:center;
	font-size:19pt;
	font-weight:bold;
	margin-top:1.5em;
	margin-bottom:1em;
	font-family:標楷體;
}
.reportform{
	border:1px #000000 solid;
	max-width:1300px;
	width:100%;
	font-family:標楷體;
	font-size:15pt;
}
.reportform td{
	border:1px #000000 solid;
	padding:5px;
}
.reportform input{
	font-family:標楷體;
	font-size:15pt;
}
.legal{
	margin-top:1em;
	line-height:1.3;
	font-family:標楷體;
	font-size:15pt;
}
.patrolfrom{
	max-width:1300px;
	width:100%;
	font-family:標楷體;
	font-size:15pt;
	margin-top:1em;
}
.patrolfrom th{
	border:1px  #000000 solid;
	line-height:2;
}
.patrolfrom td{
	border:1px  #000000 solid;
}
.patrolfrom td:nth-child(1) {
	text-align:center;
	width:60px;
}
.patrolfrom td:nth-child(3) {
	width:30%;
	height:auto;
	text-align:center;
}
.patrolfrom [type="text"]{
	padding-left:0.5em;
	width:50%;
	font-size:15pt;
	font-family:標楷體;
	margin-left:0.3em;
}
.patrolfrom select{
	padding-left:0.3em;
	width:43%;
	font-size:15pt;
	font-family:標楷體;
	height:30px;
	margin-left:0.3em;
}
.patrolfrom textarea{
	margin-left:0.5em;
	padding-left:0.3em;
	width:95%;
	font-size:15pt;
	font-family:標楷體;
	height:150px;
}
.signing{
	text-justify:auto;
	margin-top:2em;
	width:100%;
	table-layout: fixed;
	font-size:15pt;
}
.sign{
	text-align:center;
	vertical-align:middle;
}
.signing th{
	font-weight:normal;
}
.signing div{
	margin-bottom:15px;
	}
.signing td{
	height:50px;
}
.assess{
	margin-top:2em;
    width:100%;
}
.assess th{
	background:#a0d8ef;
}
.assess td{
	
}

.retirement{
	width:100%;
	color:White;
	font-weight:bold;
	margin-top:2em;
    border:none;
	}
.retirement th { /*設定表頭*/
    background-color:#ee827c;
    color:#FFFFFF;
    text-align:center;
    border:0;
	 padding:8px;
}
.retirement td {
    padding:8px;
    border:none;
    } 
.retirement tr:nth-child(2n+3) { /*換行變色*/
    background-color:#f6bfbc;
    color:#000000;
    line-height:1;
    text-align:center;
    border:none;
}
.retirement tr:nth-child(2n+2) { /*換行變色*/
    background-color:#fdeff2;
    color:#000000;
    line-height:1;
    text-align:center;
    border:none;
}
.retirement .pgr table { /*Page 分頁表格寬度*/
    width: auto;
    margin-left: auto;
    margin-right: auto;
    color: #FFF;
    clear: both;
    border: none !important;
    padding: 2px !important;
    line-height: normal;
}

.retirement .pgr td { /*Page 分頁表格顏色*/
    background-color: #ee827c;
    border-width: 0px;
    border: none !important;
    padding: 3px !important;
    line-height: normal;
}

.detailsGrid .retirement th { /*設定表頭*/
    background-color:#ee827c;
    color:#FFFFFF;
    text-align:center;
    border:0;
	 padding:8px;
}
.detailsGrid .retirement td {
    padding:8px;
	border:none;
}
.retirement td:nth-child(4){
	width:40%;
	text-align:left;
}	

.detailsGrid_purple .Cadastretable{
	max-width:600px;
	table-layout:fixed !important;
}
.detailsGrid_purple .Cadastretable th { /*設定表頭*/
    background-color:#dcdddd !important;
	border:1px solid #000 !important;
    text-align:center;
    border:0;
}
.detailsGrid_purple .Cadastretable td {
    text-align: center;
}
.detailsGrid_purple.Cadastretable table th:first-child {
	width:200px;
}

.detailsGrid .detailsGrid_purple .Cadastretable th:first-child {
  text-align: center;
  font-weight: bold;
  width:auto;
}
.height{
	height:20px;
}



.spread{
    margin-top:2em;
    text-align:center;
	max-width:1300px;
	width:100%;
}
.spread th {
    background: #92d4f3;
}
.detailsGrid .spread th:nth-child(1) {
    width: 10%;
}

.mobiltxt input {
    margin:8px 0; 
    height:23px;
}
.mobiltxt select {
    margin: 8px 0;
    width:100px;
}

.mobiltxt input[type="checkbox"] {
    width: 17px !important;
    height: 17px !important;
    margin-right:10px;
}
/*河川公地展延*/
.spread {
    margin-top: 2em;
    text-align: center;
    color: #000000;
}

    .spread th {
        background: #92d4f3;
    }

.detailsGrid .spread th:nth-child(1) {
    width: 10%;
}

/*行政契約地號表格*/
.ctw th:nth-child(1) {
    width:10% !important;
}
.ctw th:nth-child(6) {
    width: 20% !important;
}

/*產出繳費單*/
.PSpay{
    background:#92d4f3;
    padding:10px;
    box-sizing:border-box;
}
.newpay{
    margin:30px auto 0 auto;
    text-align:center;
    display:block;
}
/*產出繳費單*/

.detailsGrid .paybill {
    width: 100%;
    box-shadow: 0px 0px 7px #838282;
}
.detailsGrid .paybill th {
  background:none;
}

.bgwrap {
    border:1px solid #d3d3d3;
    padding: 10px;
    box-shadow:0px 0px 5px #999999;
}

.red {
    color: #ff0000;
}

.wrapimg {
    max-width: 300px;
    display: block;
    clear: both;
    margin: 10px auto;
}

    .wrapimg img {
        width: 100%;
    }

.bgwrap input[type="text"] {
    width: 100px;
    height: 25px;
    padding: 3px;
}

.bgwrap .msbox {
    width: 95%;
    height: 50px;
    padding: 3px;
}

.leftwrap {
    float: left;
    width: 46%;
    background: #ededed;
    margin: -10px 10px 10px 10px;
    padding: 5px;
}

.rightwrap {
    background: #ededed;
    float: right;
    width: 46%;
    margin: -10px 10px 10px 10px;
    padding: 5px;
}

@media (max-width:996px) {
    .leftwrap {
        width: 90%;
        float: none;
    }

    .rightwrap {
        width: 90%;
        float: none;
    }
}

.clear {
    clear: both;
}

.bluetxt {
    font-size: 14pt;
    font-weight: bold;
    color: #5e5d5d;
}

.leftwrap .btxt {
    font-size: 16pt;
    font-weight: bold;
    color: #ff0000;
    text-align: center;
    display: block;
}

.rightwrap .atxt {
    font-size: 16pt;
    font-weight: bold;
    color: #1c892a;
    text-align: center !important;
    display: block;
}
.fileup{
    margin:0 auto;
    text-align:center;
    display:block;
}
.fileup input[type=file]{
    border:1px solid #92d4f3;
    margin:0 5px
}
@media (max-width:996px) {
    .fileup {
        margin: 0 auto;
        text-align: left;
        display: block;
    }
    .fileup input[type=file]{
        width:70%;
        }
}

.result {
    font-size: 14pt;
    color: #0b7ff3;
    /*background:rgb(139, 202, 247);
    padding:3px;*/
    margin: 10px 0 20px;
    display: block;
    font-weight: bold;
    letter-spacing: 2px;
}

.wrapimg {
    max-width: 300px;
    height: 200px;
    display: block;
    clear: both;
    margin: 0 auto 20px;
    border: 1px solid #666;
}

.wrapimg img {
    max-width: 100%;
    max-height: 100%;
}

.bgwrap input[type="text"] {
    width: 100px;
    height: 25px;
    padding: 3px;
}
/*.bgwrap{
    color:#ff0000 !important;
    font-size:20pt !important;
}*/
.bgwrap .msbox {
    width: 95%;
    height: 50px;
    padding: 3px;
    font-size: 15px;
}

.radiobtn input {
    display: inline-block;
    color: #ff0000;
    margin: 3px 5px 3px;
}
.finalcount {
    border: none !important;
    margin-top: 60px;
    max-width: 1300px !important;
    width: 100% !important;
    clear: both;
}
.finalcount th {
    border: none !important;
    background: #dfeefe;
    padding:5px 0;
    width: 25%
}
@media (max-width: 480px) {
    .finalcount th {
        width: 35% !important;
    }
}

.finalcount td {
    border: none !important;
    background: #dfeefe;
    padding:5px 0;
}

.finalcount input {
    height: 23px;
    max-width:180px;
    width:100%;
}
.finalcount textarea {
    height: 40px;
    width: 95%;
}

.river th:nth-child(2) {
    width: 40% !important;
}
.river th:nth-child(3) {
    width: 120% !important;
}
.river th:nth-child(4) {
    width: 80% !important;
}
.river th:nth-child(6) {
    width: 150% !important;
}

.space th:nth-child(2) {
    width: 34% !important;
}

.space th:nth-child(3) {
    width: 150% !important;
}

.space th:nth-child(4) {
    width: 160% !important;
}

.space th:nth-child(5) {
    width: 150% !important;
}


.stpr th:nth-child(2) {
    width: 34% !important;
}

.stpr th:nth-child(3) {
    width: 150% !important;
}

.stpr th:nth-child(4) {
    width: 160% !important;
}

.stpr th:nth-child(6) {
    width: 160% !important;
}


.cable th:nth-child(2) {
    width: 34% !important;
}
.cable th:nth-child(3) {
    width: 120% !important;
}
.cable th:nth-child(7) {
    width: 140% !important;
}
.cable th:nth-child(9) {
    width: 80% !important;
}



.car th:nth-child(6) {
    width: 160% !important;
}



.payment th:nth-child(1) {
    width: 34% !important;
}

.payment th:nth-child(2) {
    width: 160% !important;
}

.payment th:nth-child(4) {
    width: 165% !important;
}

.payment th:nth-child(5) {
    width: 190% !important;
}

.payment th:nth-child(6) {
    width: 180% !important;
}

.egressdoor th:nth-child(1) {
    width: 34% !important;
}

.register th:nth-child(1) {
    width: 30% !important;
}

.register th:nth-child(2) {
    width: 30% !important;
} 

.register th:nth-child(5) {
    width: 180% !important;
}
.dike th:nth-child(3) {
    width: 130% !important;
}
.dike th:nth-child(9) {
    width: 70% !important;
}
.Fdike th:nth-child(2) {
    width: 30% !important;
    font-weight:bold;
}
.Fdike_F th:nth-child(1) {
    width: 30% !important;
}
.Fdike_F th:nth-child(13) {
    width: 120% !important;
}
.Fdike_F input[type="checkbox"]{
	width:18px;
	height:18px;
}
.chckpp{
    margin-top:15px;
}
.chckpp th {
    padding: 5px;
    border:1px solid #9f9f9f;
}
.chckpp td {
    padding: 5px;
    text-align: center;
    border:1px solid #9f9f9f;
}
.editTB th:nth-child(3) {
    width: 5% !important;
}
.editTB th:nth-child(4) {
    width: 25% !important;
}
.editTB th:nth-child(5) {
    width: 22% !important;
}
.editTB th:nth-child(6) {
    width: 18% !important;
}
.Fwait input[type="checkbox"]{
    width:18px;
    height:18px;
}
.Fwait th:nth-child(2) {
    width: 120% !important;
}
.Fdate input[type="checkbox"] {
    width: 18px;
    height: 18px;
}
.Fdate th:nth-child(1) {
    width: 120% !important;
}
.Fdate th:nth-child(9) {
    width: 130% !important;
}
.Flift input[type="checkbox"] {
    width: 18px;
    height: 18px;
}
.Flift th:nth-child(3) {
    width: 138% !important;
}
.userlist th:nth-child(1) {
    width:5% !important;
    color:#ff0000;
}

.certificate th:nth-child(6) {
	width: 160% !important;
}






.bluetable2 {
    width: 100% !important;
    margin: 0 auto;
    margin-top: 1em;
    border-collapse: collapse;
    border: none;
    vertical-align: middle;
}
.bluetable2 a {
    text-decoration: none;
}
.bluetable2 th { /*設定表頭*/
 background-color: #2DA7E0;
 color: #FFF;
 text-align: center;
 line-height: 1.5;
 border: 0;
 /*width:100% !important;因為會歪掉先隱藏*/
}
.bluetable2 tr:nth-child(2n+3) { /*換行變色*/
    background-color:#FFF;
    color:#000000;
    line-height:1;
    text-align:center;
}
.bluetable2 tr:nth-child(2n+2) { /*換行變色*/
    background-color:#E6F0FF;
    color:#000000;
    line-height:1;
    text-align:center;
}
.bluetable2 td {
    padding: 5px;
    text-align: center;
    line-height: 1.5;
    border: none;
	/*width:100% !important;*/
}
.bluetable2 th  {
    padding:5px;
}
.tprbig input[type="checkbox"]{
	width:18px;
	height:18px;
}
.tprbig td:nth-child(6) {
	display:none;
}
.Cadastretable2 {
   /* max-width:900px;*/
    width:100%;
}
.detailsGrid .Cadastretable2 th { /*設定表頭*/
    background-color:#B7E5E3 !important;
    text-align: center;
    border:1px solid #000000 ;
    width:auto;
}
.Cadastretable2 tr:nth-child(2n+3) { /*換行變色*/
    background-color:#F6FCFB; 
    color:#000000;
    line-height:1;
    text-align:center;
	padding:2px !important;
}
.Cadastretable2 tr:nth-child(2n+2) { /*換行變色*/
    background-color:#FFFFFF;
    color:#000000;
    line-height:1;
    text-align:center;
	padding:2px !important;
}
.Cadastretable2 th{
	padding:4px !important;
}
.Cadastretable2 td{
	padding:4px !important;
}
.Cadastretable2 .pgr table { /*Page 分頁表格寬度*/
    width: auto;
    margin-left: auto;
    margin-right: auto;
    color: #FFF;
    clear: both;
    border: none !important;
    padding: 2px !important;
    line-height: normal;
}

.Cadastretable2 .pgr td { /*Page 分頁表格顏色*/
    background-color:#FFF !important;
    border-width: 0px;
    border: none !important;
    padding: 3px !important;
    line-height: normal;
}

.detailsGrid .course-group{
	max-width:1300px;
    padding: 0;
	margin:0 auto;
	border:1px #000000 solid;
    margin:0 auto;
}

.detailsGrid .course-group td {
    text-align: center;
    padding:7px;
    background: #FFF;
    border: 1px solid #000000;
    max-width:1300px;
    margin:0 auto;
}
.course-group tr:first-child {
    background: #ECF7E7;
}
.newcase{
	width:100%;
	display:block;
}
.newcase th:nth-child(2){
	width:17%;
}
.newcase th:nth-child(4){
	width:17%;
}
.newcase th:nth-child(5){
	width:20%;
}
.newcase th:nth-child(6){
	width:25% !important;
}
.newcase th:nth-child(7){
	background:#F00;
	display:none;
}
.newcase td:nth-child(7){
	display:none;
	background:#F00;
}
.satisfactionTB {
    width: 100%;
}

.detailsGrid_skyblue .satisfactionTB th {
    width: 50% !important;
    background: #f5f2f2;
}

.detailsGrid_skyblue .satisfactionTB{
	background:#FFF;
	text-align:left;
	width:100%;
	box-sizing:border-box;
	border-radius:14px;
	border:1px solid #CCC;
}
.detailsGrid_skyblue  .satisfactionTB th{
	padding:10px 20px 5px 20px;
	color:rgba(102,102,102,1.00);
	border:1px solid #CCC;
	text-align:left !important;
}
.detailsGrid_skyblue  .satisfactionTB td{
	padding:10px 7px 10px 10px;
	border-bottom:1px dashed #CCC;
	color:rgba(102,102,102,1.00);
	border:1px solid #CCC;
	vertical-align:bottom;
}
.satisfactionTB input{
	vertical-align:top;
	margin-right:5px;
}
.detailsGrid_skyblue  .satisfactionTB input[type="text"]{
	width:96%;
	height:40px;
    margin-top:10px;
    vertical-align:top;
}
.radiocheckbox .aspNetDisabled > label, .radiocheckbox > label {
    display: inline-block;
    font-size: 18px;
    padding: 4px 30px;
    margin: 1px 20px 1px 0px;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #aaa;
    box-sizing: border-box;
}
.radiocheckbox .aspNetDisabled > input:checked + label, .radiocheckbox > input:checked + label {
    background: #88d1f4;
    color: #fff;
    border: 1px solid #000;
}
.satisfactionTB input[type="radio"], .satisfactionTB input[type="radio"] {
    display: none;
}
/*水利用地表格*/
.landtable {
    width: 100% !important;
    margin: 0 auto;
    margin-top: 1em;
    border-collapse: collapse;
    border: none;
    vertical-align: middle;
}
.landtable a {
    text-decoration: none;
}
.landtable th { /*設定表頭*/
 background-color: #6EB4A8;
 color: #FFF;
 text-align: center;
 line-height: 1.5;
 border: 0;
 padding:5px;
 width:100% !important;/*因為會歪掉先隱藏*/
}
.landtable tr:nth-child(2n+3) { /*換行變色*/
    background-color:#FFF;
    color:#000000;
    line-height:1;
    text-align:center;
}
.landtable tr:nth-child(2n+2) { /*換行變色*/
    background-color:#F3FCFA;
    color:#000000;
    line-height:1;
    text-align:center;
}
.landtable td {
    padding: 5px;
    text-align: center;
    line-height: 1.5;
    border: none;
}
@media only screen and (max-width: 768px) {
	.landtable td {
        padding:3px;
    }
    .landtable th  {
        padding:3px;
    }
}
@media only screen and (max-width: 480px) {
	.landtable td {
        padding:1px;
    }
    .landtable th  {
        padding:1px;
    }
}
.landtable th a {
    color: #fff;
}
.landtable .pgr table { /*Page 分頁表格寬度*/
    width: auto;
    margin-left: auto;
    margin-right: auto;
    color: white;
}

.landtable .pgr td { /*Page 分頁表格顏色*/
    background-color: #6EB4A8;
    border-width:0px;
	line-height: 1;
}

.landa th:nth-child(2){
	width:30% !important;
}
.landb th:nth-child(2){
	width:30% !important;
}
.group th:nth-child(2){
	width:30% !important;
}
.group th:nth-child(4){
	width:190% !important;
}
.group th:nth-child(9){
	width:60% !important;
}
.bsaelist th{
	width:100%;
}
.bsaelist th:nth-child(2){
	width:20% !important;
}
.bsaelist th:nth-child(3){
	width:30% !important;
}
.bsaelist th:nth-child(5){
	width:30% !important;
}
.nbTB th:nth-child(1){
	width:10% !important;
}
.nbTB th:nth-child(3){
	width:29% !important;
}
.nbTB th:nth-child(5){
	width:29% !important;
}
.nbTB th:nth-child(6){
	width:25% !important;
}
.nblightboxTB{
	border:1px solid #CCC !important;
	width:100%;
}
.nblightboxTB th{
	border:1px solid #CCC !important;
	background:#afeeee;
}
.nblightboxTB td{
	border:1px solid #CCC !important;
}
.ngeTB th:nth-child(1){
	width:27.5% !important;
}
.ngeTB th:nth-child(2),
.ngeTB th:nth-child(3),
.ngeTB th:nth-child(4),
.ngeTB th:nth-child(5){
	width:12% !important;
}

.register th:nth-child(5){
	width:150% !important;
}
.incable th:nth-child(1){
	width:20% !important;
}
.incable th:nth-child(6){
	width:20% !important;
}

.incable th:nth-child(9){
	width:20% !important;
}

.compare th:nth-child(2){
	width:70% !important;
}
.compare th:nth-child(3){
	width:110% !important;
}
.compare th:nth-child(10){
	width:180% !important;
}

.floodTB {
	/*display:block;*/
   /* max-width:1200px !important;*/
    width:100%  !important;
	margin-top:15px;
	clear:both;
	word-wrap:break-word;
}
.floodTB td {
    border: 1px solid #666;
    text-align: center;
    padding: 3px;
    box-sizing: border-box;
	word-wrap:break-word;
}
.flooddate {
    font-weight: bold;
    letter-spacing: 1px;
}
.floodTB th { /*設定表頭*/
    background-color:#dcdddd !important;
    text-align: center;
    border:1px solid #000000 ;
	padding:2px 7px;
    /*width:auto;*/
}
.floodTB tr:nth-child(2n+3) { /*換行變色*/
    background-color:#EFF3FB; 
    color:#000000;
    line-height:1;
    text-align:center;
}
.floodTB tr:nth-child(2n+2) { /*換行變色*/
    background-color:#FFFFFF;
    color:#000000;
    line-height:1;
    text-align:center;
}

.floodTB td:nth-child(1){
	width:15% !important;
}
.floodTB th:nth-child(2){
	width:30% !important;
}
.floodTB th:nth-child(3){
	width:18% !important;
}
.floodTB th:nth-child(4){
	width:15% !important;
}

.floodTB input[type="text"]{
	width:50px;
	border:1px solid #CCC;
}
.floodTB1 td:nth-child(4){
	text-align:left;
}
.floodTB .pgr table { /*Page 分頁表格寬度*/
    width: auto;
    margin-left: auto;
    margin-right: auto;
    color: #000;
}

.floodTB .pgr td { /*Page 分頁表格顏色*/
    border-width:0px;
	line-height: 1;
}
.floodTB a{
	color:#000;
}

.flood_back{
	margin-top:40px;
	border:1px solid #000;
	width:100%;
}
.flood_back th{
	border:1px solid #000;
	background:#FDE1E2;
	width:20%;
}
.flood_back td{
	padding:5px;
}
.flood_back td textarea{
	width:99.5%;
	height:50px;
	font-size:16px;
}
.flood_back input[type="submit"]{
	float:right;
	padding:4px 15px;
	background:#FDE1E2;
	border:1px solid rgba(228,86,89,1.00);
	border-radius:3px;
	cursor:pointer;
}
.flood_back input[type="submit"]:hover{
	background:rgba(228,86,89,1.00);
	color:#FFF;
}

.missTB th:nth-child(2){
	width:40% !important;
}
.detailsGrid .changTB th{
	display:none;
}
.changTB{
	border:none !important;
}
.changTB a{
	text-decoration:underline;
	color:blue;
	line-height:2;
}
.detailsGrid table .changTB th{
	border:none !important;
}
.detailsGrid table .changTB td{
	border:none !important;
	padding:0px;
}
@media only screen and (max-width: 768px) {
	.mfTB th:nth-child(3){
		display:none;
    }
	.mfTB td:nth-child(3){
		display:none;
    }
	.mfTB th:nth-child(4){
		display:none;
    }
	.mfTB td:nth-child(4){
		display:none;
    }
}














/*body .detailsGrid input{
	font-size:16px;
}
body .detailsGrid select{
	font-size:16px;
}
body .detailsGrid textarea{
	font-size:16px;
}*/

.fromtable{
	max-width:1300px;
	width:95%;
	margin:0 auto;
	margin-top:0.7em;
}
.fromtable2 {
    max-width: 1520px;
    width: 95%;
    margin: 0 auto;
    margin-top: 0.7em;
}
 /*案件詳情表格*/
 

 .detailsGrid h2 {
     padding: 7px 10px;
     border: 1px solid #000;
     text-align: center;
     line-height: 1.5;
 }

.detailsGrid h2 img {
    width: 27px;
    cursor: pointer;
    float: right;
    margin-right: 5px;
    z-index: 10;
}

.detailsGrid table {
    /*width: 100%;*/
}
.table100 table{
	width: 100%;
	margin-top:0px;
}

 .detailsGrid table th {
     border: 1px solid #000;
     padding: 10px;
     font-weight: bold;
     width:20%;
 }

 .detailsGrid table td {
     border: 1px solid #000;
     padding: 10px;
     line-height: 1.5;
 }

.detailsGrid table td input {
    vertical-align: middle;
}


 .detailsGrid table th:first-child {
     text-align: center;
     font-weight: bold;
     width: 18%;
 }
 
 .detailsGrid table td:first-child span {
     color: #000;
 }

.detailsGrid textarea {
    width: 100%;
    height: 100px;
}


.detailsGrid .ajax__calendar th, .detailsGrid .ajax__calendar td {
    border: none;
    padding: 0;
}

.detailsGrid .ajax__calendar tr:last-child {
    line-height: 0;
}

.detailsGrid .ajax__calendar td:first-child {
    width: auto;
    font-weight: normal;
}

.detailsGrid_wrap_btn {
    border: 2px dashed #000;
    padding: 9px 0 9px 12px;
    display: inline-block;
    width: 220px;
    margin: 0 7px 7px 0;
    cursor: pointer;
    background: #fff;
    font-size: 16px;
    text-align: left;
    color: blue;
    text-decoration: underline;
}

.detailsGrid_skyblue .detailsGrid_skyblue_innerTable tr:first-child, .detailsGrid_skyblue .detailsGrid_skyblue_innerTable_edit tr:first-child, .detailsGrid_green .detailsGrid_green_innerTable tr:first-child, .detailsGrid_yellow .detailsGrid_yellow_innerTable tr:first-child, .detailsGrid_orange .detailsGrid_orange_innerTable tr:first-child {
    font-weight: bold;
}

.detailsGrid_skyblue, .detailsGrid_yellow, .detailsGrid_orange, .nopermit_base, .detailsGrid_purple, .detailsGrid_green, .detailsGrid_blue, .detailsGrid_brown {
	width: 100% !important;
}

/*.detailsGrid_skyblue td {
    height: 30px;
    line-height: 1.5px;
}*/

.detailsGrid_blue th {
    background: #e3faff;
    vertical-align: middle;
}

.detailsGrid_skyblue th {
    background: #afeeee;
    vertical-align: middle;
}


.detailsGrid_skyblue .detailsGrid_skyblue_innerTable tr td:first-child { /*第一格寬度*/
    background: #fff;
    text-align: left;
    width: 10%;
}

.detailsGrid_purple th {
    background: #eeddff;
}

.detailsGrid_green th {
    background: #98d98e;
    vertical-align: middle;
}

.detailsGrid_yellow th {
    background: #fff1cf;
    vertical-align: middle;
}


.detailsGrid_orange th {
    background: #ffeee5;
    vertical-align: middle;
}

.detailsGrid_gray {
    background: #d9d9d9;
}

.detailsGrid .listitem td {
    border: none;
    padding: 0;
}


.detailsGrid_red th {
    background: #f6bfbc;
    vertical-align: middle;
}

.detailsGrid_brown th {
    background: #f9f2e8;
    vertical-align: middle;
}

.detailsBar_title_basic, .detailsBar_title_accept, .detailsBar_title_review, .detailsBar_title_construction, .detailsBar_title_finish, .detailsBar_title_finishR, .detailsBar_title_accepted, .detailsBar_title_remarks, .detailsBar_title_map, .detailsBar_title_result{
    text-align: center;
    font-weight: bold;
    font-size: 19px;
    cursor: pointer;
}

.detailsBar_title_basic {
    background: #87ceeb;
    margin-bottom: 0px;
}

.detailsBar_title_accept {
    background: #cccdff;
    margin-bottom: 0px;
    margin-top: 0px;
}

.detailsBar_title_review {
    background: #66cdaa;
    margin-bottom: 0px;
    margin-top: 0px;
}

.detailsBar_title_construction {
    background: #f8e58c;
    margin-bottom: 0px;
}

.detailsBar_title_finish {
    background: #f1ab6a;
    margin-bottom: 0px;
    margin-top: 0px;
}

.detailsBar_title_finishR {
    background: #AAD0C8;
    margin-bottom: 0px;
    margin-top: 40px;
}

.detailsBar_title_accepted {
    background: #B3DDFF;
    margin-bottom: 0px;
    margin-top: 40px;
}

.detailsBar_title_remarks {
    background: #ddc09b;
    margin-bottom:0px;
    margin-top:20px;
}

.detailsBar_title_result {
    background: #f5c192;
    margin-bottom: 0px;
    margin-top: 20px;
}
/*案件詳情表格END*/

.RVresult th {
    background: #fbebdb;
}
.fileTB th{
    background:#fefae9;
}

.skyblue {
    text-align: center;
    border: 2;
    margin-right: 10px;
}

.skyblue th { /*設定表頭*/
    background-color: #87ceeb;
    text-align: center;
    font-weight: bold;
}

.skyblue tr td:first-child { /*選取表格第一格為白色*/
    background: #fff;
    width: 20%;
}

.skyblue tr td:nth-child(2) {
    width: 20%;
}

.skyblue tr td:nth-child(3) {
    width: 23%;
}

.ingreen th {
    background-color: #66cdaa;
}

.ingreen tr td:nth-child(1) {
    width: 10%;
}

.inyellow th {
    background-color: #fef263;
}

.inyellow tr td:nth-child(1) {
    width: 10%;
}

.inorange th {
    background-color: #f1ab6a;
}

.inorange tr td:nth-child(1) {
    width: 10%;
}

.inred th {
    background-color: #f0908d;
}

.inred tr td:nth-child(1) {
    width: 10%;
}

.may th {
    background: #fff1cf;
}



.reconciliation{
    max-width:1300px;
    width:100%;
}
.detailsGrid .reconciliation th {
    background: #dceff4;
    border: none !important;
}

.detailsGrid .reconciliation td {
    background: #f0ffff;
    border: none !important;
    width:100%;
}

.detailsGrid .reconciliation-s th {
    background: #dceff4;
    border: none !important;
} 

.detailsGrid .reconciliation-s td {
    background: #f0ffff;
    border: none !important;
}

.detailsGrid .purple {
    max-width: 580px;
    border: 1px #000000 solid;
}

    .detailsGrid .purple th {
        background: #efe8f3 !important;
        border: none;
    }

    .detailsGrid .purple td {
        border: none;
    }


.detailsGrid input[type="text"] {
    height: 20px;
    font-size: 16px;
}

.detailsGrid select {
    height: 24px;
    font-size: 16px;
}

.detailsGrid textarea {
    font-size: 16px;
}

.rentTB {
    margin-bottom: 3em;
	max-width:1300px;
	width:100%;
}

.detailsGrid .rentTB td {
    padding: 10px 10px;
}

.rentTB td:first-child {
    width: 18%;
    text-align: center;
    background: #f0e1ff;
    font-weight: bold;
}

@media only screen and (max-width: 680px) {
    .detailsGrid .rentTB td {
        padding: 5px 0;
        border: none;
    }

    .rentTB td:first-child {
        width: 25%;
        text-align: center;
        background: none;
    }
}

.rentTB td:nth-child(2) {
    text-align: left;
}

.rentTB input[type="text"] {
    width: 97.4% !important;
    height: 28px !important;
}

.rentTB input[type="file"] {
    width: 97% !important;
    height: 28px !important;
    vertical-align: central;
}

.rentTB textarea {
    width: 97% !important;
}

.rent strong {
    font-size: 20px;
    margin-bottom: 0.3em;
    margin-top: 2em;
    text-align: center;
    display: block;
    background: #cccdff;
    padding: 5px 0px;
}

.rent span {
    display: compact;
    vertical-align: central;
}

.rent p {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0.6em;
    font-size: 18px;
}
.brown{
    width:100%;
    border:none;
}
.brown th{
    background:#fcf4e5;
}
.brown td{
    background:none;
}

.fgedit{
    font-size:18px;
    border:none;
    background:#f1ab6a;
    margin-bottom:0px;
}
.fgeditbg {
    margin-top: 0px;
    border: 1px solid #d69a51;
    padding: 10px;
    box-sizing: border-box;
    background: #fef8f3;
    margin-bottom: 30px;
}
.fgeditbgGIS {
    margin-top: 0px;
    border: 1px solid #5caadf;
    padding: 10px;
    box-sizing: border-box;
    background: #f8fdff;
	color:black !important;
    margin-bottom: 30px;
}
.fgeditbgwait {
    margin-top: 0px;
    border: 1px solid #89B0B1;
    padding: 10px;
    box-sizing: border-box;
    background:#f4faf6;
    margin-bottom:30px;
}


















.cart a{
	color:#000;
	text-decoration:none !important;
}




.C_A, .C_B, .C_C, .C_D, .C_E, .C_F, .C_G, .C_H, .C_I, .C_J {
	padding: 8px;
	margin: 0 auto;
	border-radius: 14px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 1em;
	cursor: pointer;
	letter-spacing: 1.5px;
	max-width: 230px !important;
	color:#000;
	text-decoration:none;
}
.C_A:hover, .C_B:hover, .C_C:hover, .C_D:hover, .C_E:hover, .C_F:hover, .C_G:hover, .C_H:hover, .C_I:hover, .C_J:hover {
	box-shadow: 3px 3px 4px #999;
}
.C_A{
	background:#afd042;
}
.C_B{
	background:#d0e6c4;
}
.C_C{
	background:#89c89a;
}
.C_C {
	background: #89c89a;
}

.C_D {
	background: #d3e498;
}

.C_E {
	background: #71c3aa;
}

.C_F {
	background: #9ed884;
}

.C_G {
	background: #d9f4bc;
}

.C_H {
	background: #8fcebc;
}

.C_I {
	background: #bfdbd1;
}

.C_J {
	background: #a0d8ef;
}



.cart{
 margin: 0px auto;
}
/*新增*/
.cart a{
  display:block;
  text-decoration:none !important;
}
/*新增*/
.cart > li{
  margin-bottom: 1em;
  
}
.cart > li > a{
  
	/*padding:8px;
	margin:0 auto;
	border-radius: 14px;
	text-align:center;
	font-weight:bold;
	margin-bottom:1em;
	cursor:pointer;*/
}
/*.cart > li > a:hover{
  background: #38779E;
  color: #fff;
}*/
.cart > li li{
  margin: 5px 0;
}
/*.cart ul{
  display:block;
}*/
.cart ul{
  display: none;
}

.cart > li > ul > li{
	margin-left:3em;
}
@media only screen and (max-width: 1024px) {
	.cart > li > ul > li{
	margin-left:2em;
}
}
@media only screen and (max-width: 768px) {
	.cart > li > ul > li{
	margin-left:40%;
}
}

.cart > li > ul > li > a{
	color: #00a497;
	font-weight: bold;
	line-height: 1.8;
	letter-spacing: 1px;
	font-size: 14pt;
	font-weight: bold;
}
.cart > li > ul > li > a:hover{
	color:#f39800;
}
.cartbtn {
	color: #00a497;
	font-weight: bold;
	line-height: 1.8;
	letter-spacing: 1px;
	font-size: 13pt;
	font-weight: bold;
	background: #FFF;
	border: none;
	padding:0;
	cursor:pointer;
	text-align:left;
	display: inline-block; /* 使按鈕可以換行 */
	max-width: 100%; /* 限制最大寬度 */
	word-wrap: break-word; /* 長單詞自動換行 */
	white-space: normal; /* 允許文本換行 */
}
.cartbtn:hover {
	color:#f39800;
}



/*3*/
.cart ul ol{
	color:#F00;
	margin-left:2em;
    display: none;
}
/*3*/

.phonebtn{
	padding-left: 1rem;
    color: #666;
	font-size: 13pt;
	font-weight: bold;
	background: none;
	border: none;
	padding:0;
	margin-left:20px;
	cursor:pointer;
	line-height: 1.8;
	letter-spacing: 1px;
}

.phonebtn_s{
    color: #c38c29 !important;
    margin-left: 3em;
	font-size: 13pt;
	font-weight: bold;
	background: none;
	border: none;
	padding:0;
	cursor:pointer;
	line-height: 1.8;
	letter-spacing: 1px;
}




.leftbox_o{
	border:2px solid #09C;
	float:left;
	width:20%;
	box-sizing:border-box;
	margin-top:1.6em;
	padding:10px;
}


.navmenu ul {
    display: none;
}

.leftmenu .navmenu  ol  a{
    color: #c38c29 !important;
    margin-left: 2em;
}




	                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      
@charset "utf-8";
/* CSS Document */

.tab_header a {
    text-decoration: none;
    color: #2b2b2b;
}



.container {
    margin: 0 auto;
    width: 100%;
    max-width: 1380px;
}



.tab_main {
    min-height: 300px;
}

.tab_header {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 50px;
    margin-bottom: 2em;
    margin-top: 2em;
}
.tab_wrap{
    position:absolute;
    left:50%;
    top:100%;
    transform:translate(-50% , -100%);
}
@media only screen and (max-width: 768px) {
    .tab_wrap {
        width: 90%;
    }
}

.tab_btn{
    border:2px solid #5DADE2;
    padding:10px;
    margin:0 10px;
    font-size:14pt;
    color:#5DADE2;
    font-weight:bold;
    font-family:"微軟正黑體";
	cursor:pointer;
}
@media only screen and (max-width: 680px) {
    .tab_header {
		margin-top: 4em;
	}
	.tab_btn {
        padding: 5px;
		margin-bottom:8px;
        font-size: 13pt;
    }
}

.morris-hover {
  position:absolute;
  z-index:1000;
}

.morris-hover.morris-default-style {     border-radius:10px;
  padding:6px;
  color:#666;
  background:rgba(255, 255, 255, 0.8);
  border:solid 2px rgba(230, 230, 230, 0.8);
  font-family:sans-serif;
  font-size:15px;/*圖表點選小框中文字大小*/
  text-align:center;
}

.morris-hover.morris-default-style .morris-hover-row-label {
  font-weight:bold;
  margin:0.25em 0;
}

.morris-hover.morris-default-style .morris-hover-point {
  white-space:nowrap;
  margin:0.1em 0;
}

svg { width: 100%; }

.themestitle{
	color:#000000;
	font-size:16pt;
	font-weight:bold;
	padding:3px 10px ;
}
.bold{
	font-weight:bold !important;
}
.fs{
	font-size:20pt;
	letter-spacing:1px;
}

/*進度儀錶板*/
.chart-gauge {
	padding-top:10px;
	max-width: 100%;
	height:320px;
}
.chart-first {
	fill: #9FBD35;
}
.chart-second {
	fill: #F2BA3A;
}
.chart-third {
	fill: #FB3033;
}
.needle, .needle-center {
	fill: #000000;
}
.text {
	color: "#112864";
	font-size: 16px;
}
svg {
	font: 10px sans-serif;
}
/*進度儀錶板*/
.red{
	color:#F00;
}
@charset utf-8;
/*新增--------------------------------------*/
.CalendarrWrapper{
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 0.7;
	margin: 0;
	padding: 0;
	background: #2b2b2b;
	display: none;
	z-index:9999;
}
/*----------------------------------------*/
#calendar{
	position:fixed;
	left: 50%;
	top:50%;
	transform: translate(-50%, -50%);
    width: 300px;
    background-color: #FFF;
	box-shadow:0px 0px 9px #999999;
  	padding: 0;
    margin: 0;
    list-style: none;
    font-family: "微軟正黑體";
    border-radius: 5px;
    display: none;
    z-index: 999999999999999999;
}
#calendar::after{
    content: "";
    display: block;
    clear: both;
}
#CalendarMonthYear {
    border-radius: 5px 5px 0 0;
    width: 300px;
    height: 130px;
    line-height: 50px;
    text-align: center;
    background: #3fb2aa;
    color: #fff;
    font-weight: bold;
}
#calendar ul{
	padding: 0;
    margin: 0;
    list-style: none;
    font-family: "微軟正黑體";
}
#calendar ul > li{
    float: left;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}
#title {
    height: 40px;
    box-sizing: border-box;
    border-bottom: 1px solid #bbb;
    text-align: center;
    margin: 0 auto;
    color: #747474;
    padding-left: 10px !important;
}
#datesUl{
	height: 230px;
	text-align:center;
	margin:0 auto;
    padding-left:10px !important;
}	


#datesUl > li{
    font-weight: bold;
    cursor: pointer;
	text-align:center;
	font-size:14px;
	color:#747474;
}
 #datesUl > li:empty{
	cursor: auto;
    opacity: 0;
}
#datesUl > li:hover {
    transition: all 0.3s ease-in-out;
    background-color: #32afa9;
    border-radius: 40px;
    color: #fff;
}
.CalendarActive {
    background: #3fb2aa;
    border-radius: 20px;
    color: #fff;
    line-height: 20px;
    line-height: 5;
}
.CalendarActive:hover {
    background: #3fb2aa !important;
    line-height: 40px;
    color: #fff !important;
}
.CalendarYear {
    background: #3fb2aa;
    height: 30px;
    line-height: 40px;
    width: 300px;
}
.CalendarYear,.CalendarMonth{
	height: 40px;
	width: 300px;
}
.CalendarYear span,.CalendarMonth span{
	width: 25px;
	float: left;
	font-weight: bold;
	cursor: pointer;
}
.CalendarYear div,.CalendarMonth div{
	width: 250px;
	float: left;
	font-size: 20px;
}
.CalendarDay{
	height: 40px;
	text-align: center;
	font-size: 35px;
	font-weight: bold;
}
.CalendarFooter{
	width: 300px;
	height: 40px;
	line-height: 50px;
	text-align: right;
	color: #fff;
	font-size:14px;
}
.SelectResult{
	text-align: center;
	line-height:40px;
	font-size:14px;
}
.CalendarBack {
    display: inline-block;
    background: #3fb2aa;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 30px;
    font-size: 15px;
}
.CalendarFooterBack{
    margin-top:-30px;
	margin-bottom:10px;
	margin-left: 10px;
	color: #fff; 
}
.CalendarFooterBack a{
	text-align: center;
	cursor: pointer;
}
.CalendarCancel{
	cursor: pointer;
	padding: 8px;
	background: #e5e5e5;
	color:#666666;
	text-align:center;
	border-radius: 6px;
    font-weight:bold;
}
.CalendarCheck {
    cursor: pointer;
    padding: 8px;
    background: #e5e5e5;
    border-radius: 6px;
    color: #666666;
    margin-left: 15px;
    margin-right: 10px;
    text-align: center;
    font-weight: bold;
}
.CalendarClear {
    cursor: pointer;
    padding: 8px;
    background: #e5e5e5;
    border-radius: 6px;
    color: #666666;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    font-weight: bold;
}

.ui-timepicker-div .ui-widget-header {
	margin-bottom: 8px;
}
.ui-timepicker-div dl {
	text-align: left;
}
.ui-timepicker-div dl dt {
	float: left;
	clear: left;
	padding: 0 0 0 5px;
}
.ui-timepicker-div dl dd {
	margin: 0 10px 10px 40%;
}
.ui-timepicker-div td {
	font-size: 90%;
}
.ui-tpicker-grid-label {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}
.ui-timepicker-rtl {
	direction: rtl;
}
.ui-timepicker-rtl dl {
	text-align: right;
	padding: 0 5px 0 0;
}
.ui-timepicker-rtl dl dt {
	float: right;
	clear: right;
}
.ui-timepicker-rtl dl dd {
	margin: 0 40% 10px 10px;
}



.xdsoft_datetimepicker {
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
    background: #fff;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #333;
    padding: 8px;
    padding-left: 0;
    padding-top: 2px;
    position: absolute;
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    box-shadow: 0px 0px 8px #999999;
}



/*For IE8 or lower*/
.xdsoft_datetimepicker button {
	border: none !important;
}

.xdsoft_noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.xdsoft_noselect::selection { background: transparent }
.xdsoft_noselect::-moz-selection { background: transparent }

.xdsoft_datetimepicker.xdsoft_inline {
	display: inline-block;
	position: static;
	box-shadow: none;
}

.xdsoft_datetimepicker * {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
	display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
	display: block;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
	width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
	width: 100px;
	float: left;
	text-align: center;
	margin-left: 8px;
	margin-top: 0;
    background:none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
	margin-top: 8px;
	margin-bottom: 3px;
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
	position: relative;
	text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}



.xdsoft_datetimepicker .xdsoft_prev {
	float: left;
	background-position: -20px 0;
}
/*.xdsoft_datetimepicker .xdsoft_today_button {
	float: left;
	background-position: -70px 0;
	margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
	float: right;
	background-position: 0 0;
}*/

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
	float: none;
	background-position: -40px -15px;
	height: 15px;
	width: 30px;
	display: block;
	margin-left: 35px;
	margin-top: 7px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
	background-position: -40px 0;
	margin-bottom: 7px;
	margin-top: 5px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
	height: 151px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
    background:#ff8000;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
	background: #f5f5f5;
	border-top: 1px solid #ddd;
	color: #666;
	font-size: 17px;
	text-align: center;
	border-collapse: collapse;
	cursor: pointer;
	border-bottom-width: 0;
	height: 25px;
	line-height: 25px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {
	border-top-width: 0;
}





.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
	background: #3fb2aa;
	box-shadow: #178fe5 0 1px 3px 0 inset;
	color: #fff;
	font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	cursor: default;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
	color: #fff !important;
	background: #ff8000 !important;
	box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
	background: #33aaff !important;
	box-shadow: #178fe5 0 1px 3px 0 inset !important;
	color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
	color: inherit	!important;
	background: inherit !important;
	box-shadow: inherit !important;
}


/*.xdsoft_datetimepicker .xdsoft_copyright {
	color: #ccc !important;
	font-size: 10px;
	clear: both;
	float: none;
	margin-left: 8px;
}*/


@charset "utf-8";
/* CSS Document */

.menubar-js {
  position: absolute;
  right: 16px;
  top: 32px;
  cursor: pointer;
  display: none;
  background: #fff;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
}
@media only screen and (max-width: 768px) {
  .menubar-js {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .bgimg {
    display: none;
  }
}
.leftmenu {
  background: #c1e4e9;
  height: 100%;
  position: fixed;
  top: 0;
  left: -350px;
  transition: left 0.4s;
  z-index: 100000;
  box-shadow: 0 0 10px 0 #666;
  width: 300px !important;
}
.leftmenu a {
  position: relative;
  font-size: 18px;
  text-decoration: none;
  display: block;
  letter-spacing: 4px;
  font-weight: 700;
  text-align: left;
  padding: 3px 18px;
  color: #2a2a2a;
}

.pd {
  padding: 0 !important;
}
.leftmenu .menubar-close {
  margin: 0px 10px 0px 240px;
  cursor: pointer;
  padding: 0px !important;
}

.leftmenu .leftmenu-child a {
  padding: 0;
  border: none;
  /*color: #3e3a39;*/
}

.menu_title {
  color: #2a2a2a !important;
  font-size: 18px !important;
}

.leftmenu-move {
  left: 0;
}

.leftmenu > ul > li {
  border-bottom: 1px dashed #fff;
}

.sub_menu > li > a {
  color: #3d5a5e;
}
.leftmenu ul > li > a {
  padding: 7px 7px 7px 0.5rem;
  font-size: 18px;
  letter-spacing: 2px;
}
.leftmenu > ul > li > a.active {
  background-color: #9dc4c9;
  border-radius: 0px !important;
}

.leftmenu ul > li > ul {
  display: none;
}
.leftmenu ul > li > ul.active {
  display: block;
}

.leftmenu ul > li > ul > li > a {
  padding-left: 1rem;
  color:#666;
}
.leftmenu ul > li > ul > li > ul > li {
  padding-left: 1rem;
  background-color: #dff7fb;
}
.leftmenu ul > li > ul > li > ul > li > a {
  color: #7a8187;
  font-size: 17px;
}

.leftbg {
  background: #a3d4db;
}

.fa-caret-up.fa-active {
  transform: rotate(180deg);
}