@charset "utf-8";
/* CSS Document */
.flats_2025 img {
  max-width: 100%;
}
.flats_2025 a:hover {
  text-decoration: underline;
}
.flats_2025 img.member, .flats_2025 .btn.resource {
	transition: all 200ms ease-out 0s;
}
.flats_2025 img.member:hover, .flats_2025 .btn.resource:hover {
	webkit-transform: scale(0.99);
	transform: scale(0.99);
	text-decoration: none;
}
.flats_2025 .btn.resource {
	font-size: 150%;
	color: #696969;
	background-color: #E5E5E5;
}
/*主選單*/
.flats_2025 .slogen {
  font-size: 300%;
  color: #14688F;
}
.flats_2025 .choice {
  font-size: 180%;
  color: #14688F;
  font-weight: bold;
}
/*子選單*/

.flats_2025 .de_stitle{
  font-size: 150%;
  font-weight: bold;
}
.flats_2025 .de_stitle.p1{
  color: #2B93C3;
}
.flats_2025 .de_stitle.p2{
  color: #7E318E;
}

.flats_2025 .q_list{
    padding: 15px 0;
}
.flats_2025 .q_list .q_item {
    border-bottom: 1px solid #CCCCCC;
}

.flats_2025 .q_list .q_icon img {
    max-width: none;
}

.flats_2025 .q_list .q_item {
    padding: 9px 25px 9px 9px;
    position: relative;
    align-items: flex-start;
    display: flex;
}

.flats_2025 .q_list .q_item a:hover {
    /* background-color: #ebebeb; */
}

.flats_2025 .q_list .q_item a::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid 1px #8F8F8F;
    border-right: solid 1px #8F8F8F;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 15px;
    top: 17px;
}

.flats_2025 .q_list .q_item p a {
    color: #000;
    padding: 1px 0 0 5px;
    font-size: 110%;
}
/*Qbox*/
.flats_2025 .q_box {
    background-color: #FFF6DE;
    border-radius: 10px;
    font-weight: bold;
}

.flats_2025 .q_box .q_bar {
    background-color: #FFD251;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px 25px 10px 35px;
    font-size: 135%;
    position: relative;
}
.flats_2025 .q_box .q_bar.only {
    border-radius: 10px;
}

.flats_2025 .q_box .q_info {
    padding: 15px 25px;
    font-size: 120%;
    color: #000;
}

.flats_2025 .q_box .q_bar::before {
    content: "";
    background-image: url(../images/home/ic_bulb.png);
    position: absolute;
    height: 67px;
    width: 52px;
    background-repeat: no-repeat;
    left: -20px;
    top: -20px;
    background-size: cover;
}
/*灰色面板*/
.flats_2025 .gray_box {
    background-color: #F2F2F2;
    border-radius: 10px;
    padding: 50px 25px 25px 25px;
    margin: 50px 0 20px 0;
    display: inline-block;
    width: 100%;
    position: relative;
}

.flats_2025 .gray_box .gray_bar {
    background-color: #18718C;
    display: inline-block;
    position: absolute;
    left: 0;
    top: -22px;
    color: #fff;
    border-radius: 50px;
    font-weight: bold;
    font-size: 135%;
}
.flats_2025 .gray_box .gray_bar::before{
    content: "";
     position: absolute;
}
.flats_2025 .gray_box .bar01{
    padding: 7px 25px 7px 40px;
}
.flats_2025 .gray_box .bar01::before {
   background-image: url(../images/home/gicon01.png);
   background-size: cover;
   width: 52px;
   height: 93px;
   bottom: -15px;
   left: -15px;
}
.flats_2025 .gray_box .bar02{
    padding: 7px 25px 7px 60px;
}
.flats_2025 .gray_box .bar02::before {
   background-image: url(../images/home/gicon02.png);
   background-size: cover;
   width: 70px;
   height: 78px;
   bottom: -2px;
   left: -15px;
}
.flats_2025 .gray_box .bar03{
    padding: 7px 25px 7px 50px;
}
.flats_2025 .gray_box .bar03::before {
   background-image: url(../images/home/gicon03.png);
   background-size: cover;
   width: 62px;
   height: 78px;
   bottom: -2px;
   left: -11px;
}
.flats_2025 .gray_box .bar04{
    padding: 7px 25px 7px 60px;
}
.flats_2025 .gray_box .bar04::before {
   background-image: url(../images/home/gicon04.png);
   background-size: cover;
   width: 66px;
   height: 65px;
   bottom: -1px;
   left: -21px;
}
.flats_2025 .gray_box .bar05{
    padding: 7px 25px 7px 60px;
}
.flats_2025 .gray_box .bar05::before {
   background-image: url(../images/home/gicon05.png);
   background-size: cover;
   width: 60px;
   height: 70px;
   bottom: -1px;
   left: -11px;
}
.flats_2025 .gray_box .bar06{
    padding: 7px 25px 7px 60px;
}
.flats_2025 .gray_box .bar06::before {
   background-image: url(../images/home/gicon06.png);
   background-size: cover;
   width: 62px;
   height: 70px;
   bottom: -2px;
   left: -15px;
}
.flats_2025 .gray_box .bar07{
    padding: 7px 25px 7px 78px;
}
.flats_2025 .gray_box .bar07::before {
   background-image: url(../images/home/gicon07.png);
   background-size: cover;
   width: 81px;
   height: 43px;
   bottom: -2px;
   left: -15px;
}
.flats_2025 .gray_box .bar08{
    padding: 7px 25px 7px 65px;
}
.flats_2025 .gray_box .bar08::before {
   background-image: url(../images/home/gicon08.png);
   background-size: cover;
   width: 65px;
   height: 61px;
   bottom: 0px;
   left: -15px;
}
.flats_2025 .gray_box .bar09{
    padding: 7px 25px 7px 70px;
}
.flats_2025 .gray_box .bar09::before {
   background-image: url(../images/home/gicon09.png);
   background-size: cover;
   width: 70px;
   height: 55px;
   bottom: 0px;
   left: -15px;
}

.flats_2025 .gray_box .relate_box {
	padding: 0 0 12px 40px;
}
.flats_2025 .gray_box .relate_box .relate_bar {
    background-color: #1D3D44;
    display: inline-block;
    color: #fff;
    border-radius: 10px;
    font-weight: bold;
    font-size: 110%;
    padding: 3px 10px 3px 35px;
}
.flats_2025 .gray_box .relate_box .relate_bar::before {
    content: "";
    position: absolute;
   	background-image: url(../images/home/gicon10.png);
   	background-size: cover;
	width: 45px;
	height: 32px;
	top: 49px;
	left: 50px;
}
.flats_2025 .gray_box .relate_box span {
	font-size: 115%;
}
/*內文共用*/
.flats_2025 .text01 {
    font-size: 120%;
    font-weight: bold;
}
.flats_2025 .list_item01 {
    font-size: 120%;
    font-weight: bold;
    position: relative;
    padding: 0 0 0 2rem;
}
.flats_2025 .list_item01::before {
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    background-color: #EAA813;
    position: absolute;
    border-radius: 50px;
    border: 3px #1D3D44 solid;
    left: 0.8rem;
    top: 0.55rem;
}
.flats_2025 .list_item02 {
    padding: 3px 0 3px 2rem;
}
.flats_2025 .ulist01 {
    padding: 0.3rem 0 0 3.5rem;
}
.flats_2025 .ulist01 ul li {
	list-style-type: initial;
	padding: 3px 0;
}

.flats_2025 .olist01 {
    padding: 0.3rem 0 0 3.5rem;
    font-size: 105%;
}
.flats_2025 .olist01 ol li {list-style-type: auto;padding: 3px 0;}
.flats_2025 .olist01 ol li ol li {
  list-style-type: decimal;
}
.flats_2025 .olist01 ol li ol li::marker {
  content: "(" counter(list-item) ") ";
}

.flats_2025 ol.olist02 {
    padding: 0 0 0 1rem;
}
.flats_2025 ol.olist02 li {
  list-style-type: decimal;
}
.flats_2025 ol.olist02 li::marker {
  content: "(" counter(list-item) ") ";
}
.flats_2025 .olist01 .tag {
	font-size: 90%;
	padding: 1px 5px;
	white-space: nowrap;
}
.flats_2025 .olist01 .tag.meeting a, .flats_2025 .olist01 .tag.meeting {
	background-color: #EA7012;
	color: white;
}
.flats_2025 .olist01 .tag.meeting a:hover {
	color: white;
}
.flats_2025 .olist01 .tag.flats {
	background-color: #FFF100;
	color: #0C3388;
}
/* 圖片放大 & 下載 */
.flats_2025 button.img-button:focus-visible {
    outline: 3px #f00 dotted !important;
    overflow: hidden;
}
.flats_2025 .modal-img {
	width: 100%;
	opacity: 0;
}
.flats_2025 img.thumbnail {
	transition: all 200ms ease-out 0s;
}
.flats_2025 img.thumbnail:hover {
	webkit-transform: scale(0.99);
	transform: scale(0.99);
}
.flats_2025 #downloadLink {
	color: white;
	background-color: #1F85A5;
}
.flats_2025 #downloadLink:hover {
	background-color: #0D6581;
	text-decoration: none;
}
.flats_2025 #zoom-toggle:hover {
	background-color: #EEE;
}
.flats_2025 .zoom-box {
	background-size: 100%;
	background-repeat: no-repeat;
}
.flats_2025 .zoom-box.zoom-active {
	background-size: 200%;
}
/*內文表格*/
.flats_2025 table {
	background: #fff;
	border-color: #d3d3d3; 
}
.flats_2025 table th, .flats_2025 table td {
/*	font-size: 90%;*/
}
.flats_2025 table th {/* padding: .1rem .5rem; */}
.flats_2025 table td, .flats_2025 table th {
	padding: .5rem 1rem;
}
.flats_2025 table caption.visually-hidden {
  position: static !important;
}

@media only screen and (max-width: 640px) {
  .flats_2025 table {
    background: #fff; 
    /* overflow: hidden; */
    min-width: 100%;
  }

  .ed_table th {
    display: none;
  }

  .flats_2025 table td {
    display: block;
  }

  .flats_2025 table td:before {
    content: attr(data-th) " : ";
    font-weight: bold;
    display: inline-block;
  }

  .flats_2025 table th, .flats_2025 table td {
    text-align: left !important;
  }

  .flats_2025 table th, .flats_2025 table td {
    /* border-left: none; */
    border-bottom: 1px #d8d8d8 solid;
    /* padding: 0; */
    margin: 0;
  }

  .flats_2025 table th, .flats_2025 table td:before {
    color: black;
    font-weight: bold;
    margin-right: 6px;
  }

  /* 表格上標左標  */
  .flats_2025 table th, .flats_2025 table td {
    border-top: 0;
    /* border-right: 0; */
    /* border-bottom: 1px #d8d8d8 solid; */
    /* border-left: 0; */
  }

  .flats_2025 table thead tr:first-child {
    display: none;
  }

  .flats_2025 table th {
    display: block;
    margin: 0;
    /* background-color: #757575; */
    /* color: #fff; */
  }

  .flats_2025 table td {
    text-align: left;
  }
}
/*內聞風琴*/
.flats_2025 .accordion {
    padding: 5px 0;
}
.flats_2025 .accordion .ac_item {
    margin: 0 0 15px 0;
}
.flats_2025 .info_box .olist01 .accordion button {
    width: 100%;
    text-align: left;
    border: none;
    background-color: #1F85A5;
    border-radius: 5px;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    font-size: 103%;
    position: relative;
}

.flats_2025 .info_box .olist01 .accordion button::after {
    position: absolute;
    content: "";
    background-image: url(../images/home/ic_close.png);
    width: 16px;
    height: 16px;
    background-size: 100%;
    right: 13px;
    top: 13px;
}

.flats_2025 .info_box .olist01 .accordion button.collapsed::after {
    background-image: url(../images/home/ic_open.png);
}
.flats_2025 .accordion .ac_body {
    padding: 10px 10px 10px 43px;
}
.flats_2025 .accordion .ac_body .ac_a {
    font-weight: bold;
}
.flats_2025 .accordion .ac_body .ac_olbox {
	margin-top: -3.5px; 
}
/*圖片模組*/
.flats_2025 .img_title {
    position: relative;
    background-color: #18718C;
    display: inline-block;
    border-radius: 50px;
    color: #fff;
    font-weight: bold;
    font-size: 125%;
    padding: 7px 20px 7px 55px;
    margin: 0 0 15px 0;
}
.flats_2025 .img_title.rule {
    padding: 7px 20px 7px 108px;
}

.flats_2025 .img_title .num {
    position: absolute;
    background-image: url(../images/home/num_bg.png);
    width: 56px;
    height: 55px;
    background-size: cover;
    text-align: center;
    left: -10px;
    top: -8px;
    line-height: 60px;
    font-family: system-ui;
    font-size: 140%;
}
.flats_2025 .img_title.rule .num {
    background-image: url(../images/home/num_bg02.png);
    width: 109px;
}
/*靜態QA*/
.flats_2025 .Qlist .q_box02 {
    background-color: #2795B7;
    border-radius: 10px;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 105%;
}
.flats_2025 .Qlist ul ul {
    padding: 10px 1.5rem 0 2rem;
}