img[src=""]{
	display:none;
}

input::-webkit-outer-spin-button, 
input::-webkit-inner-spin-button{
	-webkit-appearance:none;
	margin:0;
}

input[type=number]{
	-moz-appearance:textfield;
}

#home-state > select:nth-of-type(n+2){
	display:none;
}

#login_form p.warning{
	padding:10px;
	background-color:#E00;
	color:#FFF;
	font-size:.9rem;
	border-style:solid;
	border-color:#B00;
	border-width:0 0 0 5px;
	margin-top:0;
}

div.wrong-format{
	border-color:#F00;
}
div.wrong-format > input[type="text"]{
	color:#F00;
}

form.loading{
	position:relative;
}

form.loading::before, 
form.loading::after{
	content:'';
	position:absolute;
}

form.loading::before{
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-color:rgba(255, 255, 255, 0.5);
	z-index:9;
}

form.loading::after{
	z-index:10;
	background-image:url('../../image/loading.svg');
	width:80px;
	height:80px;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	background-size:100%;
}

.update_field.add-new, 
.idm{
	position:relative;
}

.idm{
	line-height:0;
}

#update_form .update_field.add-new > a, 
#update_form .iframe > a, 
#update_form .idm > a{
	position:absolute;
	background-size:100%;
}

#update_form .update_field.add-new > a, 
#update_form .iframe > a{
	width:24px;
	height:24px;
	top:13px;
	right:13px;
	background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDE0OTQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjM3cHgiIGhlaWdodD0iMzcuMDAycHgiIHZpZXdCb3g9IjAgMCAzNyAzNy4wMDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDM3IDM3LjAwMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNNS40MTgsNS40MmM3LjIyNy03LjIyNSwxOC45MzgtNy4yMjUsMjYuMTY2LDBsMCwwYzcuMjIzLDcuMjI2LDcuMjIzLDE4LjkzNy0wLjAwMywyNi4xNjNsMCwwDQoJYy03LjIyNSw3LjIyNS0xOC45MzYsNy4yMjUtMjYuMTYzLDAuMDAxbDAsMEMtMS44MDUsMjQuMzU3LTEuODA1LDEyLjY0Niw1LjQxOCw1LjQyTDUuNDE4LDUuNDJ6IE02LjgzMiw2LjgzNA0KCWMtNi40Myw2LjQ1NC02LjQyOSwxNi44NzksMC4wMDEsMjMuMzM0bDAsMGM2LjQ1NSw2LjQzLDE2Ljg4LDYuNDMxLDIzLjMzMywwLjAwMWwwLDBjNi40MzMtNi40NTYsNi40MzItMTYuODgyLDAtMjMuMzM1bDAsMA0KCUMyMy43MTQsMC40MDMsMTMuMjg5LDAuNDAzLDYuODMyLDYuODM0TDYuODMyLDYuODM0eiIvPg0KPHBvbHlnb24gZmlsbD0iIzAwMDAwMCIgcG9pbnRzPSIyNC41MTEsMjMuMDk5IDE5LjkxNCwxOC41MDIgMjQuNTEyLDEzLjkwNSAyMy4wOTgsMTIuNDkxIDE4LjUsMTcuMDg4IDEzLjkwNCwxMi40OTIgMTIuNDksMTMuOTA2IA0KCTE3LjA4NiwxOC41MDIgMTIuNDksMjMuMDk4IDEzLjkwNCwyNC41MTIgMTguNSwxOS45MTcgMjMuMDk2LDI0LjUxMyAiLz4NCjwvc3ZnPg0K');
}
#update_form .idm > a{
	width:36px;
	height:36px;
	top:10px;
	right:10px;
	background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDE0OTQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjM5Ljk4cHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDM5Ljk4IDQwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzOS45OCA0MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiM5Mzk1OTgiIGQ9Ik0xOS45OSwzOS41Yy01LjIwOCwwLTEwLjEwNS0yLjAyNy0xMy43OS01LjcxYy03LjYtNy42MDQtNy42LTE5Ljk3NiwwLTI3LjU3OQ0KCUM5Ljg4NSwyLjUyOSwxNC43ODIsMC41LDE5Ljk5LDAuNXMxMC4xMDcsMi4wMjksMTMuNzkyLDUuNzExYzcuNTk5LDcuNjA0LDcuNTk3LDE5Ljk3NS0wLjAwNCwyNy41NzgNCglDMzAuMDk2LDM3LjQ3MywyNS4xOTgsMzkuNSwxOS45OSwzOS41TDE5Ljk5LDM5LjV6IE0xOS45OTIsNC41MWMtNC4xMzYsMC04LjAzMSwxLjYwOC0xMC45NjUsNC41MzINCglDMy4wMSwxNS4wODQsMy4wMSwyNC45MTcsOS4wMzMsMzAuOTZjMi45MywyLjkyLDYuODIzLDQuNTI4LDEwLjk1OSw0LjUyOGMwLjAwMiwwLDAuMDA2LDAsMC4wMDgsMGM0LjEzLDAsOC4wMi0xLjYxLDEwLjk1MS00LjUzDQoJYzYuMDIxLTYuMDQxLDYuMDIxLTE1Ljg3Ni0wLjAwMi0yMS45MkMyOC4wMiw2LjExOSwyNC4xMjYsNC41MSwxOS45OTIsNC41MUwxOS45OTIsNC41MXoiLz4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0iIzkzOTU5OCIgcG9pbnRzPSIyNC41ODYsMjcuNDI1IDIzLjg3OCwyNi43MTkgMTkuOTksMjIuODMyIDE2LjEwMiwyNi43MTkgMTUuMzkzLDI3LjQyNSANCgkxNC42ODUsMjYuNzE3IDEzLjI3MywyNS4zMDMgMTIuNTY3LDI0LjU5OCAxMy4yNzMsMjMuODkxIDE3LjE2MiwyMC4wMDEgMTMuMjczLDE2LjExMSAxMi41NjcsMTUuNDA1IDEzLjI3MywxNC42OTkgMTQuNjg1LDEzLjI4NSANCgkxNS4zOTMsMTIuNTc3IDE2LjEwMiwxMy4yODMgMTkuOTkyLDE3LjE3MyAyMy44ODIsMTMuMjgzIDI0LjU4OCwxMi41NzcgMjUuMjk2LDEzLjI4MyAyNi43MSwxNC42OTcgMjcuNDE2LDE1LjQwNSAyNi43MDgsMTYuMTEzIA0KCTIyLjgxNywyMC4wMDEgMjYuNzA4LDIzLjg4OSAyNy40MTYsMjQuNTk4IDI2LjcwOCwyNS4zMDUgMjUuMjkyLDI2LjcxOSAiLz4NCjwvc3ZnPg0K');
}

a[data-action="remove"]{
	z-index:99;
}

.image input[type="file"]{
	flex-basis:100%;
}

.idm+input[type="file"]{
	display:none;
}

#image-demo, 
#custom-demo{
	display:none;
}

#google-map{
	position:relative;
}
#google-map > div{
	width:100%;
}

#google-map .iframe{
	position:relative;
	z-index:2;
	line-height:0;
}

#google-map > div:last-child, 
#google-map > div:only-child{
	position:absolute;
	left:0;
	top:0;
}

#google-map .iframe > a{
	display:none;
}
#google-map .iframe > iframe+a{
	display:block;
}

#google-map input[name="google-map"]{
	width:100%;
	border-bottom:solid 1px #999;
}

#light-box{
	position:fixed;
	z-index:999;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
}

#light-box::before{
	content:'';
	background-color:rgba(0, 0, 0, 0.85);
	width:inherit;
	height:inherit;
	position:absolute;
}

#light-box > img{
	position:absolute;
	display:block;
	max-width:80%;
	max-height:80%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

#light-box a[data-direction]{
	background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ny41IDQ3LjUiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICNGRkZGRkY7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogbm9uZTsKICAgICAgICBzdHJva2U6ICNGRkZGRkY7CiAgICAgICAgc3Ryb2tlLXdpZHRoOiA1cHg7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIzLjc1LDBjMTMuMTIsMCwyMy43NSwxMC42MywyMy43NSwyMy43NXMtMTAuNjMsMjMuNzUtMjMuNzUsMjMuNzVTMCwzNi44NywwLDIzLjc1LDEwLjYzLDAsMjMuNzUsMG0wLDQuNzVDMTMuMjcsNC43NSw0Ljc1LDEzLjI3LDQuNzUsMjMuNzVzOC41MiwxOSwxOSwxOSwxOS04LjUyLDE5LTE5UzM0LjIzLDQuNzUsMjMuNzUsNC43NWgwWiIvPgogIDxnPgogICAgPHBvbHlsaW5lIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIyNSAzMy43NSAxNSAyMy43NSAyNSAxMy43NSIvPgogICAgPGxpbmUgY2xhc3M9ImNscy0yIiB4MT0iMTUiIHkxPSIyMy43NSIgeDI9IjM0LjUiIHkyPSIyMy43NSIvPgogIDwvZz4KPC9zdmc+');
	position:absolute;
	width:50px;
	height:50px;
	top:50%;
	transform:translateY(-50%);
	background-position:50%;
	background-size:100%;
	background-repeat:no-repeat;
}


#light-box a[data-action]{
	background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy45LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO3N0cm9rZS13aWR0aDozO30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjUsMWMxMy4zLDAsMjQsMTAuNywyNCwyNFMzOC4zLDQ5LDI1LDQ5UzEsMzguMywxLDI1UzExLjcsMSwyNSwxIE0yNSw1LjhDMTQuNCw1LjgsNS44LDE0LjQsNS44LDI1DQoJCVMxNC40LDQ0LjIsMjUsNDQuMlM0NC4yLDM1LjYsNDQuMiwyNVMzNS42LDUuOCwyNSw1LjhMMjUsNS44eiIvPg0KPC9nPg0KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyNy41LDIzLjggMjcuNSwxNC42IDIyLjUsMTQuNiAyMi41LDIzLjggMTUuNCwyMy44IDI1LDMzLjQgMzQuNiwyMy44ICIvPg0KPGxpbmUgY2xhc3M9InN0MSIgeDE9IjE1LjQiIHkxPSIzNiIgeDI9IjM0LjYiIHkyPSIzNiIvPg0KPC9zdmc+DQo=');
	position:absolute;
	width:50px;
	height:50px;
	left:50%;
	bottom:5%;
	transform:translateX(-50%);
	background-position:50%;
	background-size:100%;
	background-repeat:no-repeat;
}

#light-box.cadastral a[data-direction]{
	display:none;
}

#light-box a[data-direction="prev"]{
	left:15px;
}

#light-box a[data-direction="next"]{
	right:15px;
	transform:rotate(180deg);
}

#charts{
	width:100%;
	padding-bottom:35px;
	display:flex;
}

#charts > div{
	display:flex;
	flex-wrap:wrap;
	align-content:flex-start;
}

#charts > div:first-child{
	flex-basis:40%;
}
#charts > div:last-child{
	flex-basis:60%;
}

#charts .flex-full{
	flex-basis:100%;
}

#charts .chart{
	background:transparent;
	overflow:visible;
	height:auto;
}

#charts .flex-full{
	flex-basis:100%;
	text-align:center;
}

#charts > div:first-child > .chart{
	flex-basis:70%;
	height:450px;
}
#charts > div:first-child > .chart+div{
	flex-basis:30%;
}

#charts > div:last-child > .chart{
	flex:1;
}

#charts > div:last-child .canvas{
	
}

#charts > div:last-child .canvas+div{
	text-align:center;
}

#charts ul{
	list-style:none;
	display:flex;
	align-content:center;
	flex-wrap:wrap;
	height:100%;
}

#charts li{
	padding:10px 0;
	flex-basis:100%;
	transform:translateY(-50%);
}

#charts i{
	font-style:normal;
	display:inline-block;
	padding:5px;
	color:#FFF;
	font-size:.9rem;
	border-radius:6px;
	margin-right:10px;
}

#charts i[data-count]{
	margin-right:0;
	padding:0;
}

#charts i[data-count]::before{
	content:attr(data-count);
	color:#333;
}

#content .image img{
	height:auto;
}

#search-results{
	/* display:none; */
}

.section > .search_section{
	margin-bottom:0;
}

.no-result td{
	padding:15px 0;
}

#content label[data-suffix]{
	display:block;
}
label[data-suffix]::after{
	content:'\A('attr(data-suffix)')';
	display:block;
}





body.pdf *{
	/* font-size:10px !important; */
}

body.pdf > #content{
	width:1280px;
	position:relative;
	padding:1.5%;
}
body.pdf > #content::before{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	z-index:99;
	left:0;
	top:0;
}

body.pdf section .wrapper{
	width:100%;
	overflow:unset;
}
body.pdf .update_field label{
	width:75px;
	font-size:.9rem;
}
body.pdf #content label[data-suffix]{
	display:inherit;
}
body.pdf label[data-suffix]::after{
	display:none;
}
body.pdf .wrapper{
	width:100%;
	margin:0;
}
body.pdf .wrapper > .section{
	width:100%;
	margin:0;
}

body.pdf .table_form, 
body.pdf .search_field, 
body.pdf .update_field, 
body.pdf .search_field label, 
body.pdf .update_field label, 
body.pdf input, 
body.pdf select, 
body.pdf textarea, 
body.pdf span.table_header{
	border-color:#000;
}

/*
body.pdf .basic_table, 
body.pdf .update_section.section, 
body.pdf .wrapper{
	margin:0;
}

body.pdf .wrapper{
	padding:30px 30px 0;
	box-sizing:border-box;
	width:100%;
}

body.pdf input, 
body.pdf select{
	padding:8px 5px;
}

body.pdf .search_field, 
body.pdf .update_field, 
body.pdf .unit_ceil, 
body.pdf .notice_table .update_field.full.description{
	height:auto;
}

body.pdf .search_field label, 
body.pdf .update_field label, 
body.pdf .image_table .update_field.full.image, 
body.pdf .image img{
	
}

body.pdf .update_field.image, 
body.pdf .update_field.description{
	align-content:start;
}

body.pdf #addnew-unit-price, 
body.pdf #addnew-land-unit-price{
	width:25%;
}

body.pdf .update_field label{
	width:75px;
	font-size:.9rem;
	letter-spacing:0;
	max-height:unset;
	min-height:unset;
	padding:8px 0;
}
*/





body.pdf > header, 
body.pdf > #footer, 
/* body.pdf .gallery_table, */
body.pdf .gallery_table > div:last-child, 
body.pdf .history_table, 
body.pdf .btn_section, 
body.pdf .add_field, 
body.pdf input[type="file"], 
body.pdf .image_description, 
body.pdf a[data-action="remove"], 
body.pdf #addnew-entrust-start, 
body.pdf #addnew-entrust-end, 
body.pdf .gallery_table, 
body.pdf #addnew-unit-price, 
body.pdf #addnew-land-unit-price{
	display:none !important;
}

body.pdf .basic_table{
	margin-bottom:0;
}



#real-upload, 
#real-upload+input{
	display:none;
}
/*
#gallery+.update_field.full{
	height:auto;
}
*/

.update_field.double.unable{
	width:12.5%;
}

#content-404{
	padding:50px 0;
	width:100%;
	line-height:200%;
	text-align:center;
}

#light-box #line-share{
	position:fixed;
	top:auto;
	left:auto;
	right:15px;
	bottom:15px;
	z-index:99;
	cursor:pointer;
}

#content .cadastral_table > div:last-child{
	height:calc(100% - 50px);
}
#content .cadastral_table > div:last-child > .idm{
	width:100%;
	height:100%;
	position:relative;
}
#content .cadastral_table > div:last-child img{
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:block;
	max-height:100%;
}

div[data-type="cadastral"] img, 
div[data-type="gallery"] img, 
div.idm > img{
	cursor:pointer;
	max-height:350px;
}

.grid-2, 
.grid-4{
	display:grid;
	width:100%;
}

.grid-2{
	grid-template-columns:repeat(2, minmax(0, 1fr));
}
.grid-4{
	grid-template-columns:repeat(4, minmax(0, 1fr));	
}

.grid-2 > div.table_form{
	width:100%;
}
.grid-2 .update_field.full.image{
	border:none;
}
.grid-2 > div.cadastral_table > div:first-child{
	border-width:1px 0 0;
}

.grid-4 > div.table_form{
	display:flex;
	flex-flow:column;
	width:auto;
	border-style:solid;
	border-width:1px 0 1px 1px;
}

.grid-4 > div.table_form:last-child{
	border-right-width:1px;
}

#update_form .grid-4 > div > div:first-child{
	border:none;
}
#update_form .grid-4 > div > div:last-child{
	height:100%;
	border-width:1px 0 0;
	flex:0 1 auto;
	align-content:start;
}

.grid-4 textarea{
	background-color:transparent;
	font-size:1.2rem;
}

div[data-percentage]{
	background-color:#FFF;
	line-height:200%;
	position:relative;
	transform:translateY(-50px);
}
div[data-percentage]::before{
	position:absolute;
	content:attr(data-percentage);
	font-size:2rem;
	font-weight:bold;
	top:-60px;
	left:50%;
	transform:translateX(-50%);
	z-index:9;
}

#charts i[data-value]{
	color:#333;
	display:inline;
	padding:0;
	margin:0;
	border-raidus:unset;
	font-size:inherit;
}

#charts i[data-value]::before{
	content:attr(data-value);
}
#charts i[data-value]::after{
	content:'件';
}

#charts div.chart:not([data-index="1"]) i[data-value]::after{
	content:'萬';
}

@media only screen and (max-width: 1280px){
	.update_field.double.unable{
		width:50%;
	}
}

@media only screen and (max-width: 640px){
	#charts{
		width:100%;
		margin:0;
	}
	#charts > div{
		width:inherit;
	}
	#charts .chart{
		padding:0;
	}
}