/* 網頁橫幅 */

#top_link {
  /*display: none;*/
    height: 32px;
    background-color: #000;
    font-size: 0.85em;
    /* position: fixed; */
    display: block;
    position: relative;
    width: 100%;
    margin-top: -120px; 
    padding-left: 10%;
    color: #fff !important;
    z-index: 3;
}
#top_link .nav-link a , #top_link .nav-link a:hover {
  width: 50px; margin: 10px -20px 0px -20px; float: left; text-decoration:none;
}
#top_link .nav-link #login a {
  padding-right: 8px; float: left;
}
#top_link2 { margin-top:-70px; min-height: 50px !important;}
@media (min-width: 1400px) {
  #top_link {
    height: 30px;
    background-color: #000;
    font-size: 0.95em;
    display: block;
    position: relative;
    width: 100%;
    margin-top: -120px; 
    padding-left: 50%;
    padding-bottom: 35px;
    z-index: 3;
  }
  #top_link a {
    color: #fff !important; padding-right: 20px; margin: 0; float: left; text-decoration:none;background-color: #000;
  }
  #top_link #login {
    color: #fff; padding-right: 20px; background-color: #fc643b; float: left;
  }
  #top_link2 { margin-top:10px; height: 90px;}
}

#banner_title { padding: 100px 0 0 40px;}
#banner_title img { width:85%;}
@media (min-width: 1400px) {
  #banner_title {
    position: absolute; left: 10%; top: 25%;
  }
}

#banner_button1 {display: none; }
@media (min-width: 1400px) {
  #banner_button1 {
    display: block;
  }
  #banner_button2 {
    display: none;
  }
}

.container2_con {
  max-width: 100%;
  background: url('../img/con_topbg.jpg') no-repeat center center;
  background-size: cover;
  height:170px;
  margin-top: 30px;
  margin-bottom: -50px;  }
.container2_con h1 {
  font-size: 2.6em; color: #fff; margin: 80px 0 0 50px;
}

@media (min-width: 476px) {
  .container2_con {
    max-width: 100%;
    background: url('../img/con_topbg.jpg') no-repeat center center;
    background-size: cover;
    height:200px;
    margin-top: 30px;
    margin-bottom: -50px;  }
  .container2_con h1 {
    font-size: 2.6em; color: #fff; margin: 75px 0 0 90px;
  }
}
@media (min-width: 1400px) {
  .container2_con {
    max-width: 100%;
    background: url('../img/con_topbg.jpg') no-repeat center -150px ;
    height:400px; margin-bottom: -150px;
  }
  .container2_con h1 {
    font-size: 4em; color: #fff; margin: 110px 0 0 200px;
  }
}

/* 首、內頁清單 */
.list_txt {float: left; margin-left: 20px; width: 50%;}
#bgpic {width: 260px; height: 260px; float: left;}
@media (max-width: 468px) {
.list_txt {float: left; margin-left: 20px; width: 80%;}
#bgpic {width: 360px; height: 360px; float: left; margin-bottom: 10px;}
}

.list_txt .unit_s {color: #fff; background-color: #54a703;border-radius:5px; padding: 10px; margin-bottom: 5px; font-size: 1.4em;}
.list_txt .unit_d {color: #fff; background-color: #fc643b;border-radius:5px; padding: 10px; margin-bottom: 5px; font-size: 1.4em;}
.list_txt .address {color: #fff; background-color: #1f1e23;border-radius:5px; padding: 10px; font-size: 1.4em;}
.list_txt .con {line-height: 30px; margin: 5px 10px; font-size: 1.4em; height: 100px;}
.list_txt .more {margin: 5px 10px; font-size: 1.4em; text-align: right; height: 40px;}
.news_year {color: #fc643b; font-size: 1.6em; font-weight: 800; text-align: center;} 
.news_data {color: #fff; background-color: #fc643b;border-radius:8px; padding: 20px; margin-bottom: 5px; width: 85px; text-align: center;font-weight: 900;} 

.btn-success {   
  
}
.btn-secondary {   
  
}

/* 媒合查詢清單 */
.match_num_s {color: #fff; background-color: #54a703;border-radius:5px; padding: 10px; margin-bottom: 5px; width: 55px; font-size: 1em;}
.match_num_d {color: #fff; background-color: #fc643b;border-radius:5px; padding: 10px; margin-bottom: 5px; width: 55px; font-size: 1em;}

/* 內頁表格 */
table {box-shadow: 0px 35px 50px rgba(27, 31, 49, 0.1); font-size: 1.4em; }
thead { background-color: #f1f1f1; text-align: center;}
thead th { height: 70px;vertical-align: middle;}
tbody tr th , tbody tr td { vertical-align: middle;}
/*tbody #padding_th { padding: 20px;}*/
.table > :not(:first-child) {
  border-top: 0;
} 
@media (max-width: 900px) {
  .table thead {
    display: none;
  }
  .table td {
    display: block; /* 一定要下！ */
    padding: 0;
  }
  .table tr th {
    width: 20%;
    padding: 0;
    text-align: center;
  }
}
.card {box-shadow: 0px 35px 50px rgba(27, 31, 49, 0.1); }
.card-body , .card-header {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.5rem 1.5rem;
}
.list-group-item {
  line-height: 35px;
  position: relative;
  display: block;
  padding: 0.9rem 1rem;
  padding-bottom: 25px;
  color: #000;
  text-decoration: none;
  background-color: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item #title_s {font-size: 1.1em; color: #449001;}
.list-group-item #title_d {font-size: 1.1em; color: #fc643b;}
.table_date {text-align: right;font-size: 1.2em;}

/* 土地影片播放區 */
.notice-video {    
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  min-height: 300px;
  width: 100%;
}
.video-icon a {
  color: #000; background: #fff; height: 55px; width: 85px; border-radius: 50%; padding:25px ;text-align: center;
}
.video-icon {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

/* 多組圖片輪播 */
.jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn 
{
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(../img/a03.png) no-repeat;
    overflow:hidden;
}
.jssora03l { background-position: -3px -33px; }
.jssora03r { background-position: -63px -33px; }
.jssora03l:hover { background-position: -123px -33px;border: 2px solid rgb(0, 0, 0); }
.jssora03r:hover { background-position: -183px -33px;border: 2px solid rgb(0, 0, 0); }
.jssora03ldn { background-position: -243px -33px; }
.jssora03rdn { background-position: -303px -33px; }

.sp00 {width: 350px; height: 640px; margin: 15px; margin-bottom: 40px;}
.dp00 {width: 450px; margin: 0px;}
.sp00 #num,.dp00 #num {color: #fff; background-color: #5ab10d; z-index: 999; position: absolute; top: 5%; left: 5%; border-radius: 0.55rem; padding: 5px;}
.sp00 #txt,.dp00 #txt {color: #fff; background-color: #000; z-index: 999; position: absolute; bottom: 0;}
.sp00 p,.dp00 p { line-height: 20px; font-size: 1.1em;}
.sp0 {position: relative; top: 0px; left: 0px; width: 330px; height: 330px; }
.dp0 {position: relative; top: 0px; left: 0px; width: 550px; height: 380px; }
.sp {position: absolute; left: 0px; top: 0px; width: 330px; height: 330px; overflow: hidden;background-color: #000;}
.sp a,.sp a:focus {border: 5px solid transparent !important; }
.dp {position: absolute; left: 0px; top: 0px; width: 550px; height: 380px; overflow: hidden;background-color: #000;}
.dp a,.dp a:focus {border: 5px solid transparent !important; }
@media (max-width: 768px){
  .sp00 {width: 500px; height: 800px; }
  .sp0 {position: relative; top: 0px; left: 0px; width: 480px; height: 480px; }
  .sp {position: absolute; left: 0px; top: 0px; width: 480px; height: 480px; overflow: hidden;}  
  .dp00 {width: 450px; margin-bottom: 20px; }
  .dp0 {position: relative; top: 0px; left: 0px; width: 450px; height: 310px; }
  .dp {position: absolute; left: 0px; top: 0px; width: 450px; height: 310px; overflow: hidden;}  
}

/* 內頁表單 */
.form_tab_d {box-shadow: 0px 35px 50px rgba(27, 31, 49, 0.1);}
.form_tab_d th {
  width: 20%; background-color: #fdd9cd; border-top: 1px solid #e9a892; border-bottom: 1px solid #e9a892;padding: 30px 20px 0px 50px; vertical-align:top;font-size: 1.08em;
}
.form_tab_d td {
  width: 80%; border-top: 1px solid #c4c4c4; border-right: 0px; border-bottom: 1px solid #c4c4c4; padding: 30px 60px 30px 30px; vertical-align:top;font-size: 1em;
}
.form_tab_s {box-shadow: 0px 35px 50px rgba(27, 31, 49, 0.1);}
.form_tab_s th {
  width: 20%; background-color: #d5f3bb; border-top: 1px solid #a0c67f; border-bottom: 1px solid #a0c67f;padding: 30px 20px 0px 50px; vertical-align:top;font-size: 1.08em;
}
.form_tab_s td {
  width: 80%; border-top: 1px solid #c4c4c4; border-right: 0px; border-bottom: 1px solid #c4c4c4; padding: 30px 60px 30px 30px; vertical-align:top;font-size: 1em;
}
.form_tab_d .form-group,.form_tab_s .form-group {margin-top: 0px;}
.must_txt {  font-size: 1em;  color: #ff0000;  font-weight: 900;}/* *紅字 */
#input_search {width: 750px; color: #000; padding: 10px;}/* 搜尋框檢索 */
.edit_red_txt {line-height: 35px; font-size: 1.4em; color:#c60000; font-weight: 500;}

@media (max-width: 760px) {
  .form_tab_d th {display: none; width: 0%; font-size: 1.08em;}
  .form_tab_d td { width: 1%; border: 1px solid #c4c4c4; font-size: 1.08em;}
  .form_tab_s th {display: none; width: 0%; font-size: 1.08em;}
  .form_tab_s td { width: 1%; border: 1px solid #c4c4c4; font-size: 1.08em;}
  #input_search {width: 450px; color: #000; padding: 10px;}/* 搜尋框檢索 */
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 1rem;
  font-size: 1.3rem;/* 輸入欄位字的大小 */
  font-weight: 400;
  line-height: 1.5;
  color: #222;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-floating > label {
  position: absolute;
  top: -6px;
  left: 0;
  height: 100%;
  padding: 1rem 1rem;
  pointer-events: none;
  border: 1px solid transparent;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
}

/* edit 編輯頁 */
#edit_label label {padding: 10px; font-size: 1.4em;}
.edit_treepic {padding: 5px; margin: 5px; border: 1px solid #c4c4c4; width: 190px; height: 350px; float: left;}
#edit_delete {margin: 0; padding: 10px; background-color: red;}

/* 內頁標題圈圈 */
.section-title__tagline {
    display: inline-flex;
    color: var(--moniz-black, #000);
    font-size: 2em;
    align-items: center;
    line-height: 30px;
    margin: 30px 0;
    font-weight: 400;
}

.section-title__tagline::before {
    position: relative;
    top: -2px;
    content: '';
    background-color: var(--moniz-primary, #fc653c);
    width: 10px;
    height: 10px;
    margin-right: 30px;
    border-radius: 50%;
}
/* 案件狀態字樣 */
.state_txt {color: #ff0000; padding-left:30px; font-size: 1.2rem; background-color: #e8e8e8; padding: 10px; margin-left: 30px; font-weight: 900;}

/* 首頁下方彩圖區 */
#index_colorbu1 {
  background: url('../img/otherlink_bg1.png') no-repeat bottom right; min-height:625px; background-size: 70%;
}
#index_colorbu2 {
  background: url('../img/otherlink_bg2.png') no-repeat bottom right ; min-height:535px; background-size: 70%;
}
@media (min-width: 1400px) {
  #index_colorbu1 {
    background: url('../img/otherlink_bg1.png') no-repeat 10px 0; min-height:625px; 
  }
  #index_colorbu2 {
    background: url('../img/otherlink_bg2.png') no-repeat 105% 0; min-height:535px;
  }
}


/* 首頁與主選單 */
.index-title__tagline {/* 首頁標題圈圈 */
    display: inline-flex;
    color: var(--moniz-black, #000);
    font-size: 2.1em;
    align-items: center;
    line-height: 30px;
    margin: 60px 0;
    font-weight: 900;
}
@media (min-width: 1400px) {
  .index-title__tagline {
    font-size: 3.1em;
  }
}
.index-title__tagline::before {
    position: relative;
    top: -2px;
    content: '';
    background-color: var(--moniz-primary, #fc653c);
    width: 10px;
    height: 10px;
    margin-right: 30px;
    border-radius: 50%;
}
.index-title__tagline::after {
    position: relative;
    top: -2px;
    content: '';
    background-color: var(--moniz-primary, #fc653c);
    width: 10px;
    height: 10px;
    margin-left: 30px;
    border-radius: 50%;
}
#index_tag {/* 首頁媒合資料tag */  
  padding: 0.9rem 22rem;
}
#index_new_left {/* 首頁新聞區 */  
  margin-left: 17%;
}
@media (max-width: 468px) {
  #index_new_left {  margin-left: 0; }
}

@media (max-width: 1080px) {
  #index_tag {  padding: 0.9rem 10rem;  }
}
@media (max-width: 468px) {
  #index_tag {  padding: 0.9rem 1rem; }
}
.nav-tabs {
  border-bottom: 1px solid #dee2e6;
  padding: 0.72rem 0;
}
.nav-link:hover, .nav-link:focus {
  color: #bc5350;
  background-color: #f4f4f4;
}
.nav-tabs .nav-link-d, .nav-tabs .nav-link-s {
  /*margin-bottom: -1px;*/
  background: none;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  text-decoration: none;
}
#tree_line{margin-bottom: 80px; box-shadow: 0px 35px 50px rgba(27, 31, 49, 0.1); width: 49%; margin-right: 10px;}
@media (max-width: 468px) {
  .nav-tabs .nav-link-d, .nav-tabs .nav-link-s {
    width: 48%; 
  }
  #tree_line{border-bottom: 2px solid #5c5c5c;margin-bottom: 10px; width: 100%; margin-right: 0px; box-shadow: 0px 35px 50px rgba(27, 31, 49, 0.0);}
}
.nav-tabs .nav-link-d.active {
  background-color: #5ab10d;
  color: #fff;
  isolation: isolate;
}
.nav-tabs .nav-link-s.active {
  background-color: #fc643b;
  color: #fff;
  isolation: isolate;
}
.nav-tabs .nav-link-d:hover, .nav-tabs .nav-link-d:focus ,
.nav-tabs .nav-link-s:hover, .nav-tabs .nav-link-s:focus
{
  border-color: #eee #eee #dee2e6;
  isolation: isolate;
}
.dropdown-menu {
  border-top: 6px solid #5ab10d;
  border-bottom: 1px solid #5ab10d;
  border-left: 1px solid #5ab10d;
  border-right: 1px solid #5ab10d;
}
.dropdown-item {
  font-size: 1.2em;
  padding: 0.85rem 1rem;
  border-bottom: 1px solid #5ab10d;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #5ab10d;
}
@media (max-width: 900px) {
  .dropdown-menu {    border: 0;  }
  .dropdown-item {    border: 0;  }
}

/*---------------------------------------------*/
.btn {
    padding: 0.875rem 1rem;
    border-radius: 0.55rem;    
    font-size: 1.3em;  
  }
.b_radius {border-radius: 2.55rem; padding: 0.875rem 2rem; margin-left:20px;}
.b_radius_o {padding: 0.875rem 2rem; margin-left:20px;}

/*無障礙設定*/
.access_u a {color:#000;float:left;}
.access_u a:focus{-moz-outline:rgb(255, 0, 0) dashed 3px !important;}
 
.access_c{color:#e2e2e2;}
.access_c a:focus{-moz-outline:rgb(255, 0, 0) dashed 3px !important;}

.access_b{color:#62ac01;}
.access_b a:focus{-moz-outline:rgb(255, 0, 0) dashed 3px !important;}

.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

/* 常見問答 */
.accordion-button { font-size: 0.8em; font-weight: 900; padding: 2rem;}
.accordion-body {
  font-size: 1.4em; padding: 2rem;
}

/* 頁尾區 */
.footer_p p {line-height: 35px; color: #a3a3a3; font-size: 1.2em;}
.footer_p p a { color: #a3a3a3; text-decoration: none;}
.footer_p ul {color: #73bf10;list-style-type: none; font-size: 1.2em;}
.footer_p ul a {color: #73bf10;text-decoration: none;}


/* 樹資編輯頁tag 供樹 */
.btn-green {
    color: #fff;
    background-color: #5ab10d;
    border-color: #000;    
    font-size: 1.4em;
  }
  
  .btn-green:hover {
    color: #fff;
    background-color: #377005;
    border-color: #000;
  }
  
  .btn-check:focus + .btn-green, .btn-green:focus {
    color: #fff;
    background-color: #377005;
    border-color: #000;
    box-shadow: 0 0 0 0.25rem rgba(90, 177, 13, 0.5);
  }
  
  .btn-check:checked + .btn-green,
  .btn-check:active + .btn-green, .btn-green:active, .btn-green.active,
  .show > .btn-green.dropdown-toggle {
    color: #fff;
    background-color: #377005;
    border-color: #000;
  }
  
  .btn-check:checked + .btn-green:focus,
  .btn-check:active + .btn-green:focus, .btn-green:active:focus, .btn-green.active:focus,
  .show > .btn-green.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(90, 177, 13, 0.5);
  }
  
  .btn-green:disabled, .btn-green.disabled {
    color: #fff;
    background-color: #377005;
    border-color: #000;
  }
.btn-outline-green {
    color: #000;
    border-color: #000;
    font-size: 1.4em;
  }
  
  .btn-outline-green:hover {
    color: #fff;
    background-color: #5ab10d;
    border-color: #000;
  }
  
  .btn-check:focus + .btn-outline-green, .btn-outline-green:focus {
    box-shadow: 0 0 0 0.25rem rgba(90, 177, 13, 0.5);
  }
  
  .btn-check:checked + .btn-outline-green,
  .btn-check:active + .btn-outline-green, .btn-outline-green:active, .btn-outline-green.active, .btn-outline-green.dropdown-toggle.show {
    color: #fff;
    background-color: #377005;
    border-color: #000;
  }
  
  .btn-check:checked + .btn-outline-green:focus,
  .btn-check:active + .btn-outline-green:focus, .btn-outline-green:active:focus, .btn-outline-green.active:focus, .btn-outline-green.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(90, 177, 13, 0.5);
  }
  
  .btn-outline-green:disabled, .btn-outline-green.disabled {
    color: #eb6864;
    background-color: transparent;
  }

/* 樹資編輯頁tag 需樹 */
.btn-orange {
    color: #fff;
    background-color: #fc643b;
    border-color: #000;    
    font-size: 1.4em;
  }
  
  .btn-orange:hover {
    color: #fff;
    background-color: #d3421a;
    border-color: #000;
  }
  
  .btn-check:focus + .btn-orange, .btn-orange:focus {
    color: #fff;
    background-color: #fc643b;
    border-color: #000;
    box-shadow: 0 0 0 0.25rem rgba(191, 68, 35, 0.5);
  }
  
  .btn-check:checked + .btn-orange,
  .btn-check:active + .btn-orange, .btn-orange:active, .btn-orange.active,
  .show > .btn-orange.dropdown-toggle {
    color: #fff;
    background-color: #fc643b;
    border-color: #000;
  }
  
  .btn-check:checked + .btn-orange:focus,
  .btn-check:active + .btn-orange:focus, .btn-orange:active:focus, .btn-orange.active:focus,
  .show > .btn-orange.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(191, 68, 35, 0.5);
  }
  
  .btn-orange:disabled, .btn-orange.disabled {
    color: #fff;
    background-color: #fc643b;
    border-color: #000;
  }
.btn-outline-orange {
    color: #000;
    border-color: #000;
    font-size: 1.4em;
  }
  
  .btn-outline-orange:hover {
    color: #fff;
    background-color: #fc643b;
    border-color: #000;
  }
  
  .btn-check:focus + .btn-outline-orange, .btn-outline-orange:focus {
    box-shadow: 0 0 0 0.25rem rgba(191, 68, 35, 0.5);
  }
  
  .btn-check:checked + .btn-outline-orange,
  .btn-check:active + .btn-outline-orange, .btn-outline-orange:active, .btn-outline-orange.active, .btn-outline-orange.dropdown-toggle.show {
    color: #fff;
    background-color: #fc643b;
    border-color: #000;
  }
  
  .btn-check:checked + .btn-outline-orange:focus,
  .btn-check:active + .btn-outline-orange:focus, .btn-outline-orange:active:focus, .btn-outline-orange.active:focus, .btn-outline-orange.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(191, 68, 35, 0.5);
  }
  
  .btn-outline-orange:disabled, .btn-outline-orange.disabled {
    color: #eb6864;
    background-color: transparent;
  }

/* sitemap */
#sitemap  {padding-bottom:40px;}
#sitemap a {color:#000;}
#sitemap ul {font-size: 1.2em;list-style-type:none;line-height: 30px;}
#maptit {
  width: 100%;
  height: 50px;
  text-align:center;
	font-size: 1.2em;
	padding:12px;
	margin-bottom:20px;
	border-top:3px solid #e5621c;border-bottom:1px solid #e5621c;
}
#maptit a{display:block;height:50px;text-align:center; color:#000;text-decoration:none;}

.share {
  margin-left: -100px;
}
@media (min-width: 1400px) {
  .share {
    margin-left: -200px;
  }
}
/* Bootstrap Dropdownmenu Hover顯示 */
.dropdown:hover>.dropdown-menu {
  display: block;
}