/*
Theme Name: case(customize)
*/
@charset "utf-8";
@import url("common.css");

#main{/*width: 1100px;
  margin: 0 auto;*/
  /*box-shadow: 0px 0px 16px 0px #ddd;
  border: 1px solid #eee;  border-top: none;*/
  border-bottom: none;}
.page .entry-title{height:65px;  padding: 45px 0 0 32px;font-size: 24px;  letter-spacing: 3px;background: url('images/page/eye_case.jpg') no-repeat;}
.entry-title span{  background: url('images/ico_h1.png') no-repeat 0 6px;
  padding-left: 20px;}
#content>div.page{  padding-left: 30px;
    width: 688px;
  float: left;}
#content>div.post-25{
    width: 896px;
  }
#content .entry-content{letter-spacing: 2px;}
.page #post-select-search{margin-bottom: 35px;}
.entry-content p{margin-bottom:2em;}

/*sidebar*/
#primary{width:204px;margin-right:11px;}
#primary ul{width:183px;font-size:16px;line-height: 2em;}
#primary ul li:first-child{border:none;border-bottom:1px solid #4F3907;  line-height: 45px;}
#primary ul li:first-child a{background: url('images/btn_sidebar_black.png') no-repeat!important;  height: 45px;color:#fff!important;  width: 183px;}
#primary ul li:first-child a:hover{background: url('images/btn_sidebar_black.png') no-repeat;  opacity: 0.8;color:#fff!important;}
#primary ul li{border:1px solid #4F3907;  border-top: none;}
#primary ul li a{display: block;
  background: url('images/ico_sidearrow.png') no-repeat 12px 50%;
  padding-left: 30px;}
#primary ul li a:hover, #primary ul li a.current{display: block;
  background: url('images/ico_sidearrow_hover.png') #E9E6DF no-repeat 12px 50%;
  padding-left: 30px;color:#B90000;}
  
/*culture*/
.culture-zone{margin-top: 25px;}
.culture-zone a{width:205px;height:164px; display: inline-block;background: url('images/culture/bg_a.png') no-repeat;padding: 10px 0 0 11px;  margin: 0 9px 15px 0;}
.culture-zone a:hover{color:#4F3D00;opacity: 0.7;}
.culture-zone a p{line-height: 2em;font-size: 20px;padding-left: 5px;font-weight: bold;}

.events{background: url('images/culture/annual-events/bg_timeline02.png') no-repeat;width:685px ;height: 94px;}
.events>p{display: inline-block;width: 130px;height: 85px;}

.events>p a{display: block;height: 26px;width: 26px;position: relative; top: 26px;}
.events>p a:hover img{opacity: 1;}
.events p a{left: -21px;}
.events p span{display:block;}
.events .events-01{  width: 130px;  margin-left: 74px;}

.events .events-02{  width: 156px;}
.events .events-03{  width: 157px;}
.events .events-04{  width: 145px;}
.events p span:first-child{color:#B50104;}

/*team*/
.leader-zone{width: 100%;height:455px;background-color: #E9E6DF;}
.leader-name{background-color: #B53641;
  color: #fff;
  font-size: 18px;
  line-height: 2em;
  padding: 0 15px;
   width: 195px;}
.leader-name span{font-size: 24px;margin-left: 10px;}
.leader-info-title {font-size: 18px;margin-top: 40px;}
.leader-zone p{margin-bottom: 5px;}
.leader-info{  float: left;  margin-left: 40px;  }
.leader-pic{margin-right: 40px;float: right;}
.leader-info-content{margin-right: 60px;float: right;  margin-top: 48px;}

/*service*/ /*subcompany*/
.service-zone p, .subcompany-zone p{width: 410px;min-height: 150px;}

/*contact*/
.tpe-zone{margin-bottom: 50px;}
.tpe-info{margin-top: 40px;  float: left;}
.tpe-zone a.submit-feedback{margin-top: 50px;}
a.submit-feedback, #book-submit input[type="submit"],#contact-submit input[type="submit"]{font-family: メイリオ;  font-weight: bold;color:#fff;text-align: left;font-size: 18px;letter-spacing: 3px;background: url('images/contact/btn_submit_red.png') no-repeat top left;width: 130px;display: block;height: 33px;padding: 14px 0 0 28px;opacity: 1;  cursor: pointer;}
  
a.submit-feedback:hover, #book-submit input[type="submit"]:hover, #contact-submit input[type="submit"]:hover{opacity: 0.8;}
 
.business-place-tb th, .business-place-tb td {border:1px solid #000;  padding: 7px;vertical-align: middle;}
table.business-place-tb {border-collapse:collapse;  margin-bottom: 35px;}
.business-place-tb th{text-align: center;padding: 15px 10px;background-color: #E9E6DF;}
.business-place-tb .th01{width: 100px;}
.business-place-tb .th02{width: 127px;}
.business-place-tb .th03{width: 127px;}
.business-place-tb .th04{width: 315px;}
.business-place-tb a{background:url('images/contact/ico_add.png') no-repeat 2% 50%; padding-left: 23px;display:block;}
.business-place-tb a:hover{background-image: url('images/contact/ico_add_ov.png');text-decoration: underline;}
 
#map{width:400px;height:240px;}
.map-label{color:#B50104;}
.form-zone{border: 10px solid #E9E6DF;}
.form-zone .ps{  text-align: right;  margin: 5px 47px 10px 0;}
.table-contact{margin: 0 auto;  text-indent: -5px;}
.table-contact .red{letter-spacing: 1px;}
.table-contact th, .table-contact td{padding: 13px 0px 13px 10px;}
th.th-fix{padding-left: 10px;}
.table-contact th{font-size: 16px;  letter-spacing: 20px;  vertical-align: middle;}
form .table-contact input.tbox {width: 402px;padding:7px 3px;}
form .table-contact select {  width: 412px;padding:7px 3px;}
form .table-contact #book-content{width: 406px;padding:7px 3px;}
.contact-privacy{text-indent: -2.5em;width: 83%;margin-left: 75px;}
 #book-submit input[type="submit"], #contact-submit input[type="submit"]{width: 158px;height: 47px;padding: 5px 0 0 28px;border: 0;margin: 0 auto;}
 .contact-privacy a {text-decoration: underline;}
 /*物權詳細頁面*/
#content>div.house {padding-left: 30px;width: 688px;float: left;}
#content>div.house-m {padding-left: 30px;width: 688px;float: left;}

/*物權一覽*/
.case-item {padding: 15px 0 15px 20px;/*border-bottom: 1px #000 solid;*/}
.case-item:hover{background-color: #E9E6DF;}
.case-item:after {content: " ";width: 100%;height: 10px;border-top: 1px solid #B50104;display: block;position: relative;top: -10px;z-index: -1;}
.case-item-info{display:block;  /*width: 490px;*/width: 80%;}
.case-item img, .case-item .case-item-info{float: left;}
.case-item img{margin-right: 15px;}
.colla-item span.cate_type{background-color: #B40001;}
.case-item span.cate_type{z-index: 290;display:block;width: 60px;text-align: center;color: #fff;font-size: 16px;line-height: 1.8em;position: relative;margin-bottom: -28px;}
.case-item hr{border-top: 1px solid #000;}
.case-item-title{font-size: 16px;margin-bottom: 20px!important;color: #4F3D00;}
.case-item:hover{cursor: pointer;}
.case-item:hover img{opacity: 0.8;}
.case-item:hover span.cate_type{opacity: 1;}
.case-item:hover .case-item-title{text-decoration: underline;  color: #B90000;}
.case-item:hover .case-item-content, .case-item .case-item-content{color: #000;}
.case-item-title span.item-num{float: right;font-size: 14px;margin-right: 10px;}
#primary>a{margin: 15px 0;display: block;width: 118px;height: 49px;font-size: 14px;padding-left: 65px;padding-top: 22px;text-align: center;}
a.case-sider-bnr01{background: url('images/case_search/bnr_sidebar.png') no-repeat top left!important;}
a.case-sider-bnr01:hover{opacity: 0.8!important;  color: #4F3D00;}
.case-item+hr{  border-top: 1px solid #BBBBBB;}
/*page-navi*/
.wp-pagenavi .pages{display:none;}
.wp-pagenavi{text-align: center;  margin-top: 70px;}
.wp-pagenavi a, .wp-pagenavi span, .wp-pagenavi span.current {border: none!important;}
.wp-pagenavi span.current{border-bottom: 1px solid #B90000!important;color: #B90000;}
.wp-pagenavi .page, .wp-pagenavi .current{  width: 8px!important;text-align: center;display: inline-block;margin: 0 7px 0;padding: 0px 2px;}
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink{padding: 0;margin: 0;display: inline-block;  position: relative;
  top: -12px;}
.wp-pagenavi .previouspostslink{  margin-right: 15px;}
.wp-pagenavi .nextpostslink{  margin-left: 15px;}
.owl-carousel-zone .owl-prev, .wp-pagenavi .previouspostslink{background: url('images/btn_left.png') no-repeat top left!important;width: 46px;height: 46px;}
.owl-carousel-zone .owl-next, .wp-pagenavi .nextpostslink{background: url('images/btn_right.png') no-repeat top left!important;width: 46px;height: 46px;}

/*債權一覽*/
#content>div.loan {padding-left: 30px;width: 688px;float: left;}
.loan-item span.cate_type{background-color: #E09000;}

/*搜尋結果為0*/
#main #content>div.empty-case-item{margin: 0 auto;float: none;width: 896px;padding: 0;
}
.search-suggestion{height: 205px;background-color: #E9E6DF;margin-bottom: 40px;padding: 20px 20px 0;}
.search-suggestion .des{  font-size: 16px;text-align: center;background-color: #fff;padding: 20px 0;}
.search-suggestion .des span{font-size: 20px;}
.search-suggestion p{text-align: center;font-size: 16px;margin: 20px 0;}
.search-suggestion .search-btn{text-align: center;}
.search-suggestion .search-btn a{  font-family: メイリオ;  font-weight: bold;color: #fff;text-align: left;font-size: 18px;letter-spacing: 3px;background: url('images/case_search/btn_redsearch.png') no-repeat top left!important;width: 218px;display: inline-block;height: 32px;opacity: 1;cursor: pointer;padding: 15px 0 0 22px;margin: 0 10px;}
  /*

.search-suggestion .search-btn input[type="submit"]{
    font-weight: bold;
  color: #fff;
  text-align: left;
  font-size: 18px;
  letter-spacing: 3px;
  background: url('images/case_search/btn_redsearch.png') no-repeat top left;
  display: inline-block;
  opacity: 1;
  cursor: pointer;
  width: 244px;
  height: 48px;
  padding-left: 28px;
  border: 0;
  margin: 0 10px;
 }

  */
  
  /*20210811新增平價住宅專用-分頁CSS*/
  .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination>li {
    display: inline;
}

li.active {
    background: #fff;
    color: #4c4c4c;
    z-index: 5;
    top: 1px;
    border-top: 3px #B50104 solid;
    height: 50px;
    overflow: hidden;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #9c0001;
    border-color: #9c0001;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #9c0001;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

/* popup css */
    .popup {
      position: fixed;
      top: 0; left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.6);
      display: none;
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    .popup-content {
      background: #fff;
      padding: 28px;
      border-radius: 12px;
      max-width: 520px;
      width: 92%;
      box-shadow: 0 10px 30px rgba(0,0,0,0.3);
	  font-size: 16px;
	  line-height: normal;
    }
	
	.popup-content h2{
	  margin: 20px 0 30px;
	  display: flex;
      align-items: center;
      
	}
	
	.popup-content h2::after {
  content: "";
  flex: 1;             /* 撐滿剩下的寬度 */
  height: 1px;
  background-color: #B50104; /* 線的顏色 */
  z-index: 0;
  top: 0px;
}
	

    .agree-row {
      margin-top: 16px;
      display: flex;
      gap: 10px;
      align-items: center;
	  justify-content: center;
    }

    .actions {
      margin-top: 18px;
      text-align: center;
    }

    button:disabled {
      background: #b7c7d9;
      cursor: not-allowed;
    }

    button {
      padding: 10px 28px;
      font-size: 16px;
      border: none;
      border-radius: 6px;
      background: #b40001;
      color: #fff;
      cursor: pointer;
    }
	
	.section2 {
      list-style-type: cjk-ideographic; /* 基本中文標號樣式 */
      padding-left: 7px; /* 保持標號的空間 */
      margin-left: 40px;
    }

    .section2>li::marker {
      content:  counter(list-item, cjk-ideographic) "、 "; /* 加括號 */
      
    }

    .section2>li {
      counter-increment: list-item; /* 啟用計數器 */
	  padding-bottom: 20px;
    }
	
	#agreeCheckbox {
     accent-color: #b40001; /* 你要的顏色 */
}

/*ipad--------------------------------------------------*/

@media only screen and (max-width: 1024px) {
	.case-item-info{width: 72%;}
	
	#content>div.house {padding-left: 5px;width: 610px;float: left;}
	#content>div.house-m {padding-left: 5px;width: 610px;float: left;}
	#content>div.loan {padding-left: 5px;width: 610px;float: left;}
}

@media screen and (orientation: portrait) and (max-width: 1023px){
	#content>div.house {padding-left: 0px;width: 610px;float: none;margin:auto;}
	#content>div.house-m {padding-left: 0px;width: 610px;float: none;margin:auto;}
	#content>div.loan {padding-left: 0px;width: 610px;float: none;margin:auto;}
}