body{margin: 0;}
/*Animations*/
[data-animate-in] { opacity: 0; transition: transform 0.8s ease, opacity 0.8s ease;}
[data-animate-in="up"] { transform: translate3d(0, 10%, 0);}/*由下往上*/
[data-animate-in="left"] { transform: translate3d(-5%, 0, 0);}/*由左往右*/
[data-animate-in="right"] { transform: translate3d(5%, 0, 0);}/*由右往左*/
[data-animate-in="down"] { transform: translate3d(0, -10%, 0);}/*由上往下*/
[data-animate-in="fadeIn"] { transform: translate3d(0, 0, 0);}/*淡入*/
[data-animate-in="scaleIn"] {transform: scale(.7);}/*放大淡入*/
[data-animate-in].in-view { opacity: 1; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); transition: transform 0.6s ease, opacity 0.6s ease;}
.fade-in { opacity: 0; transition: opacity 1s ease; }

/*模組設定*/
/* .pageIndex .main_part {border-top: none !important;} */
.edit,.show_content {width: 100%;padding: 0;margin: auto;}
.main_part,.edit_part{max-width: 100%;padding: 0;width: 100%;}
/* .path,.banner,.promotion_title,.page{display:none;} */

/*統一設定*/
.all * {box-sizing:border-box; max-width:100%;word-break: normal;}
.all {
  max-width: 2000px;
  width:100%;
  margin: 0 auto;
  overflow:hidden;
  background-color: #FBF9F3;
  font-family: "Noto Sans TC", sans-serif;
  font-size: var(--f16);
  letter-spacing: 2px;
  color: #333;
}
.all img{width:auto; max-width:100%;vertical-align: middle;}
.all a{text-decoration:none;color: inherit;transition: .5s ease;}

.all li{list-style:none;}
.all ol{padding: 0;}
.all h6,.all h5,.all h4,.all h3,.all h2,.all figure,.all p{margin: 0;font-size: inherit;}
.all section{overflow: initial;}
/* .animated15 { animation: none;} */

/*font star*/
.all{
   --f80: 80px;
   --f75: 75px;
   --f26: 26px;
   --f24: 24px;
   --f22: 22px;
   --f20: 20px;
   --f18: 18px;
   --f16: 16px;
   --coY: #C5992C;
   --coB: #3E4C5D;
   --p3: 3%;
   --p5: 5%;
   --p100: 100px;
   --fL: "Lato", sans-serif;
   --lh: 2.5px;
   --lh01: 4px;
}
@media screen and (max-width:1050px) {
.all{
   --f80: 70px;
   --f75: 60px;
   --f26: 26px;
   --f24: 24px;
   --f22: 22px;
   --f20: 20px;
   --f18: 18px;
   --f16: 16px;
}
}
@media screen and (max-width:768px) {
.all{
   --f180: 15vw;
		--f80: 55px;
		--f75: 45px;
		--f26: 25px;
		--f24: 23px;
}
}
@media screen and (max-width:600px) {
.all{
   --f80: 40px;
   --f75: 30px;
   --f26: 24px;
   --f24: 22px;
   --f22: 20px;
   --f20: 18px;
   --f18: 16px;
}
}
/*font end*/

/*animation*/

/*index*/
.deliang_bill_button{
   padding: 100px 20px 0;
}
.deliang_bill_button section{
   max-width: 800px;
   margin: 0 auto;
   display: grid;
   grid-template-columns: repeat(2,1fr);
}
.deliang_bill_button button{
   padding: 20px 10px;
   background: var(--coB);
   text-align: center;
   color: #fff;
   letter-spacing: 2px;
   cursor: pointer;
   border: none;
   transition: .5s ease;
}
.deliang_bill_button button:hover{
   background: #cea648;
}
.deliang_bill_button button.active{
   background: #D9B766;
}
.deliang_bill_button button:nth-of-type(1){
   border-radius: 20px 0 0 0;
}
.deliang_bill_button button:nth-of-type(2){
   border-radius: 0 20px 0 0;
}
.deliang_bill_button b{
   display: block;
   padding-bottom: 5px;
   font-size: var(--f22);
   font-weight: 700;
}
.deliang_bill_button span{
   display: block;
   font-weight: 700;
   font-size: var(--f16);
}
.deliang_bill_page{
   padding: 0 20px 100px;
}
.tab-panel{
   display: none;
   background: #FFFFFF;
   max-width: 1300px;
   padding: 100px 5%;
   margin: 0 auto;
   border-radius: 30px;
}
.tab-panel.active {
   display: block;
}
.bill_03{
   padding-top: 60px;
   margin-top: 70px;
   border-top: 1px solid #CCC;
}
.deliang_bill_page h6{
   display: flex;
   align-items: center;
   justify-content: flex-start;
   padding-bottom: 15px;
}
.deliang_bill_page h6 b{
   display: block;
   max-width: fit-content;
   min-width: 120px;
   background: var(--coB);
   border-radius: 50px;
   padding: 10px 20px;
   font-size: var(--f18);
   font-weight: 700;
   color: #FFFFFF;
   text-align: center;
}
.deliang_bill_page h6 span{
   font-weight: 700;
   color: #AAA;
   padding-left: 20px;
}
.deliang_bill_page dl{
   display: grid;
   gap: 20px;
   margin: 0;
}
.bill_01 dl{
   grid-template-columns: repeat(2,1fr);
}
.bill_02 dl{
   grid-template-columns: repeat(4,1fr);
}
.deliang_bill_page dd{
   margin: 0;
   position: relative;
}
/* .ch_number_line:after {
   content: '';
   display: block;
   position: absolute;
   width: calc(100% + 25px);
   min-height: 5px;
   background: #FFC009;
   left: -5px;
   top: calc(50% - 2.5px);
} */
.deliang_bill_page h5{
   font-size: var(--f16);
   padding: 10px 0;
   font-weight: 400;
}
.deliang_bill_page dd input,.deliang_bill_page dd select{
   width: 100%;
   padding: 6px 15px;
   border: 1px solid #DDDDDD;
}
.deliang_bill_page dd section{
   display: flex;
   align-items: center;
   position: relative;
}
.deliang_bill_page u{
   display: flex;
   align-items: center;
   justify-content:space-between;
   background: #FFC009;
   padding: 15px;
   border-radius: 10px;
   min-width: 310px;
   font-size: var(--f16);
   color: #FFFFFF;
   text-decoration: none;
   position: absolute;
   top: 0;
   left: 70px;
   opacity: 0;
   z-index: -1;
   transition: .5s ease;
}
.deliang_bill_page u:hover{
   background: #B98B08;
}
.deliang_bill_page a:hover u{
   opacity: 1;
   z-index: 5;
}
.deliang_select{
   position: relative;
}
.deliang_select::after{
   content: '';
   width: 14px;
   height: 12px;
   display: block;
   background: #333;
   clip-path: polygon(100% 0, 0 0, 50% 100%);
   position: absolute;
   right: 25px;
   top: calc(50% - 6px);
   z-index: 10;
}
.deliang_select select{
   cursor: pointer;
}
.deliang_select option{
   font-size: var(--f16);
}
.deliang_select option:hover{
   background: var(--coB);
}
.deliang_bill_page h4{
   background: #D9B766;
   border-radius: 50px;
   margin: 0 auto;
   padding: 10px;
   font-size: var(--f18);
   font-weight: 700;
   color: #FFFFFF;
   width: 100%;
   max-width: 180px;
   text-align: center;
}
.deliang_bill_page h3{
   width: fit-content;
   margin: 0 auto;
   padding: 15px 0 50px;
   color: #AAAAAA;
   line-height: 180%;
   text-align: center;
}
.bill_example{
   width: 100%;
   position: relative;
   margin: 0 auto;
   padding-bottom: 10px;
   overflow-x: scroll;
}
.bill_example section{
   max-width: unset;
   width: clamp(1085px,100%,100%);
   padding: 50px;
   border: 1px solid var(--coY);
}
.bill_example::-webkit-scrollbar-button{
  display: none;
}
.bill_example::-webkit-scrollbar {
  height: 7px;
}
.bill_example::-webkit-scrollbar-track-piece {
  background: transparent;
}
.bill_example::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: var(--coB);
  border: 1px solid slategrey;
}
.bill_example::-webkit-scrollbar-track {
  box-shadow: transparent;
}
.bill_example h6{
   max-width: 480px;
   margin: 0 auto;
   padding: 0;
   justify-content: space-between;
   font-size: 28px;
   text-align: center;
}
.bill_example h6 span{
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: calc(100% - 160px);
   color: #000000;
   padding: 0;
}
.bill_example del{
   text-decoration: none;
}
.bill_example h6 del{
   display: block;
}
.bill_example h6 > del{
   letter-spacing: 3px;
}
.bill_year_month{
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 20px;
}
.bill_year_month s{
   padding-right: 10px;
}
.bill_year_month s:nth-of-type(n+2){
   padding: 0 10px;
}
.bill_company{
   display: flex;
   align-items: center;
   font-size: 18px;
}
.bill_company s{
   padding-left: 10px;
}
.bill_add{
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 5px;
   font-size: 18px;
   position: relative;
}
.bill_add::after{
   content: '';
   display: block;
   width: 100%;
   min-height: 5px;
   background: var(--coY);
   position: absolute;
   left: 0;
}

.bill_add del{
   font-size: 16px;
}
.bill_add b{
   display: block;
   width: fit-content;
   font-weight: 600;
   color: var(--coY);
   letter-spacing: 8px;
   position: absolute;
   right: 0;
   top: -15px;
}
.deliang_bill_page ul{
   display: flex;
   align-items: stretch;
   justify-content: space-between;
   border: 1px solid;
   padding: 0;
   margin: 0;
}
.deliang_bill_page ol{
   display: grid;
   width: 100%;
   font-size: 16px;
}
.bill_03 ol{
   grid-template-columns: repeat(8,1fr);
}
.deliang_bill_page li{
   display: flex;
   align-items: center;
   justify-content: space-between;
   border: 1px solid #000000;
   min-height: 30px;
   padding: 3px 13px;
}
/*grid-column*/
.grid-column_span2{
   grid-column: span 2;
}
.grid-column_span3{
   grid-column: span 3;
}
.grid-column_span4{
   grid-column: span 4;
}
.grid-column_span5{
   grid-column: span 5;
}
.grid-column_span6{
   grid-column: span 6;
}
.grid-column_span7{
   grid-column: span 7;
}
.grid-column_span7 > span{
   word-break: keep-all;
}
/*grid-row*/
.grid-row_2{
   grid-row: span 2;
}
.grid-row_5{
   grid-row: span 5;
}
.grid-row_9{
   grid-row: span 9;
}

li.justify_center{
   justify-content: center;
}
li.justify_end{
   justify-content: flex-end;
}
li.bill_stamp{
   background: #F1E6C9;
   font-size: var(--f24);
   letter-spacing: 3px;
   color: #fff;
}
.bill_example s{
   font-size: 18px;
   font-weight: 500;
   color: var(--coY);
   text-decoration: none;
}
.bill_tax_day{
   display: flex;
   align-items: center;
   justify-content: flex-start;
   padding: 5px 0;
}
.bill_vat{
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-size: 18px;
   max-width: 400px;
   width: 100%;
}
.bill_vat div{
   display: flex;
   align-items: center;
   justify-content: space-between;
   max-width: 305px;
   width: 100%;
   border: 1px solid #000000;
}
.bill_vat s{
   display: flex;
   align-items: center;
   justify-content: center;
   width: calc(100% / 8);
   min-height: 35px;
   position: initial;
   border: 1px solid #000000;
}
.bill_day{
   display: flex;
   align-items: center;
   padding-left: 30px;
   font-size: 18px;
   max-width: 410px;
   width: 100%;
}
.bill_day span{
   display: flex;
   align-items: center;
   justify-content: space-between;
   max-width: 130px;
   width: 100%;
}
.bill_day del{
   text-decoration: none;
}
.bill_day s{
   padding: 0 15px;
}
.ch_number b{
   display: block;
}
.ch_number dl{
   display: grid;
   /* grid-template-columns: repeat(9,1fr); */
   grid-template-columns: repeat(auto-fit, minmax(45px, 45px));
   justify-content: flex-end;
   max-width: 580px;
   width: 100%;
   margin: 0 0 0 auto;
   padding-left: 10px;
   position: relative;
}
.ch_number dd s{
   padding-right: 5px;
}
.ch_number dd{
   position: relative;
}
.ch_number_line::after{
   content: '';
   display: block;
   width: calc(100% + 20px);
   min-height: 5px;
   background: var(--coY);
   position: absolute;
   top: 50%;
   left: -10px;
   align-self: center;
   opacity: 0.8;
}
.bill_text{
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-top: 5px;
}
.bill_text h2{
   font-weight: 400;
}
.bill_text p{
   display: flex;
   align-items: center;
   justify-content: space-between;
   max-width: 165px;
   width: 100%;
}
.bill_text s{
   font-size: 16px;
   padding: 0 15px;
}
.bill_05 .bill_day{
   margin: 0 auto;
   padding: 0 0 30px;
}
.bill_05 .bill_company{
   max-width: 360px;
   width: 100%;
   position: relative;
}
.bill_05 .bill_company::after{
   content: '';
   display: block;
   width: 100%;
   min-height: 5px;
   background: var(--coY);
   position: absolute;
   left: 0;
}
.bill_company b{
   display: block;
   width: fit-content;
   font-weight: 600;
   color: var(--coY);
   letter-spacing: 8px;
   position: absolute;
   right: 0;
   top: -15px;
}

.bill_05 ol{
   grid-template-columns: repeat(10,1fr);
}

.bill_04{
   display: flex;
   align-items: center;
   justify-content: space-between;
   max-width: 500px;
   margin: 0 auto;
   padding-top: 30px;
}
.bill_04 button{
   display: block;
   width: 49%;
   padding: 13px;
   border: none;
   background: #D9B766;
   cursor: pointer;
   font-size: var(--f16);
   color: #FFFFFF;
   transition: .5s ease;
}
.bill_04 button:hover{
   background: #cea648;
}

/*all input*/
.deliang_bill_page input,.deliang_bill_page select{
   font-family: "Noto Sans TC", sans-serif;
   font-size: var(--f16);
   font-weight: 500;
   color: #575757;
   letter-spacing: 2px;
   min-height: 60px;
}
.deliang_bill_page dd input:focus,.deliang_bill_page dd select:focus{
   border-color: #FFC009;
   outline: 0;
}
.deliang_bill_page dd input.business_tax{
   border-color: #EEE;
   background: #EEE;
}
.deliang_bill_page dd input.business_tax:focus{
   border-color: #E2EEF8;
}
.deliang_bill_page select {
   appearance:none;
   -moz-appearance:none;
   -webkit-appearance:none;
}
/*IE隱藏箭頭樣式*/
.deliang_bill_page select::-ms-expand { 
   display: none; 
}
@media screen and (max-width:1024px) {
.tab-panel{padding: 80px 20px;}
}
@media screen and (max-width:900px) {
.bill_02 dl{grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width:768px) {
.deliang_bill_button,.bill_03{padding-top: 80px;}
.tab-panel{padding: 50px 20px;}
}
@media screen and (max-width:600px) {
.deliang_bill_button,.bill_03{padding-top: 50px;}
.bill_01 h6,.bill_02 h6{flex-flow: wrap;}
.bill_01 h6 span,.bill_02 h6 span{padding: 10px 0 0;width: 100%;}
.deliang_bill_page{padding-bottom: 70px;}
.deliang_bill_page h3{padding: 15px 0 30px;text-align: center;}
.tab-panel{padding: 30px 10px;border-radius: 0 0 30px 30px;}
.bill_01 dl,.bill_02 dl{grid-template-columns: 1fr;gap: 10px;}
}
@media screen and (max-width:450px) {
.deliang_bill_page dd input,.deliang_bill_page dd select{padding: 5px 10px;}
input,select{min-height: auto;}
}
@media screen and (max-width:375px) {
.deliang_bill_button b{padding: 0;}
.deliang_bill_button span{font-size: var(--f16);}
.deliang_bill_button button{padding: 10px 0;}
}

/* 20250602 新增 */
.bill_01{
   margin-bottom: 50px;
}
.bill_01 ul{
   display: block;
   border: none;
   padding: 20px 0 0;
   margin: 0;
}
.bill_01 li{
   display: block;
   min-height: auto;
   border: 3px solid var(--coY);
   border-radius: 10px;
   padding: 5px;
   font-size: var(--f18);
   color: #575757;
   text-align: center;
}
.bill_01 li+li{
   margin-top: 10px;
}

.landlord_button{
   padding: 100px 20px 0;
}
.landlord_button section{
   max-width: 800px;
   margin: 0 auto;
   display: grid;
   grid-template-columns: repeat(2,1fr);
}
.landlord_button button{
   border: 5px solid #B98B08;
   padding: 10px;
   background: #FFFFFF;
   text-align: center;
   color: #B98B08;
   letter-spacing: 2px;
   cursor: pointer;
   transition: .5s ease;
}
.landlord_button button:hover,.landlord_button button.active{
   background: #B98B08;
   color: #FFFFFF;
}
.landlord_button button:nth-of-type(1){
   border-radius: 20px 0 0 0;
}
.landlord_button button:nth-of-type(2){
   border-radius: 0 20px 0 0;
}
.landlord_button b{
   display: block;
   padding-bottom: 5px;
   font-size: var(--f18);
   font-weight: 700;
}
.landlord_button span{
   display: block;
   font-size: var(--f28);
   font-weight: 700;
}
.landlord_page{
   padding: 0 20px 100px;
}
.landlord_01{
   max-width: 800px;
   margin: 0 auto;
   padding-bottom: 20px;
   border-bottom: 1px solid #DBDBEA;
}
.landlord_01 h6{
   font-size: var(--f20);
   font-weight: 700;
   color: #B98B08;
   text-align: center;
   padding: 50px 0 20px;
}
.landlord_01 > input{
   display: block;
   max-width: 400px;
   width: 100%;
   border: 3px solid var(--coB);
   border-radius: 15px;
   margin: 0 auto;
   padding: 10px;
   font-size: var(--f20);
   text-align: right;
}
.landlord_01 input:focus{
   outline: 0;
   border-color: #FFC009;
}
.landlord_01 article{
   display: grid;
   grid-template-columns: repeat(2,1fr);
   gap: 20px;
   max-width: 330px;
   margin: 0 auto;
   padding: 30px 0;
}
#tab1 .landlord_01 article{
   max-width: 420px;
}
.landlord_01 button{
   background: #FFFFFF;
   border: 3px solid #E8E0CD;
   border-radius: 15px;
   padding: 10px 15px;
   cursor: pointer;
   font-size: var(--f20);
   font-weight: 700;
   color: #E8E0CD;
   letter-spacing: 3px;
   transition: .5s ease;
}
button.selected{
   border-color: #E8E0CD;
   background: #E8E0CD;
   color: #B88B07;
}
.landlord_02{
   padding: 50px 0 0;
}
.landlord_02 h6{
   font-size: var(--f18);
   font-weight: 700;
   letter-spacing: 2px;
   color: #575757;
   line-height: 200%;
   text-align: center;
   padding: 0 0 30px;
}
.landlord_02 h6 span{
   font-size: var(--f28);
   font-weight: 500;
   color: #B98B08;
   padding-left: 10px;
}
.landlord_02 dl{
   display: flex;
   align-items: center;
   justify-content: space-between;
   max-width: 400px;
   width: 100%;
   margin: 0 auto;
   padding: 20px 0 0;
}
.landlord_02 dd{
   max-width: 60px;
   width: 100%;
   margin: 0;
   font-size: var(--f18);
   font-weight: 700;
   color: rgba(184,139,7,0.5);
   letter-spacing: 2px;
   text-align: right;
}
.landlord_02 dt{
   width: calc(100% - 70px);
   font-size: var(--f22);
   font-weight: 500;
   color: rgba(185,139,8,0.5);
   text-align: right;
}
.landlord_03{
   padding-top: 40px;
}
.landlord_03 div{
   max-width: 630px;
   width: 100%;
   margin: 0 auto;
   padding-bottom: 30px;
}
.landlord_03 div+div{
   padding-top: 30px;
   border-top: 1px solid #EEEEEE;
}
.landlord_03 h6{
   font-size: var(--f24);
   font-weight: 700;
   color: var(--coB);
}
.landlord_03 dl{
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-top: 20px;
}
.landlord_03 dd{
   margin: 0;
   font-size: var(--f18);
   font-weight: 700;
   color: rgba(184,139,7,0.5);
}
.landlord_03 dd:nth-of-type(1){
   display: flex;
   align-items: center;
}
.landlord_03 figure{
   display: block;
   position: relative;
}
.landlord_03 a{
   display: block;
}
.landlord_03 i{
   display: flex;
   align-items: center;
   justify-content: center;
   margin-left: 5px;
}
.landlord_03 u{
   display: block;
   min-width: 265px;
   width: 100%;
   background: #FFC009;
   border-radius: 15px;
   padding: 10px;
   font-size: var(--f16);
   font-weight: 500;
   color: #FFFFFF;
   text-decoration: none;
   position: absolute;
   right: -280px;
   top: 0;
   opacity: 0;
   z-index: -1;
   transition: .5s ease;
}
.landlord_03 figure:hover u{
   z-index: 1;
   opacity: 1;
}
.landlord_03 u:hover{
   background: #B98B08;
}
.landlord_03 dt{
   width: calc(100% - 210px);
   font-size: var(--f22);
   font-weight: 500;
   color: rgba(184,139,7,0.5);
   text-align: right;
}
dl.landlord_black dd{
   color: #575757;
}
dl.landlord_black dt{
   font-size: var(--f28);
   color: #B88B07;
}
@media screen and (max-width:768px) {
.landlord_button{padding-top: 80px;}
.landlord_page{padding-bottom: 80px;}
.landlord_01 button{padding: 10px 0;}
}
@media screen and (max-width:600px) {
.landlord_button{padding-top: 50px;}
.landlord_page{padding-bottom: 50px;}
.landlord_01{padding: 0;}
.landlord_02{padding-top: 30px;}
.landlord_03{padding-top: 30px;}
}
@media screen and (max-width:425px) {
.landlord_02 dd,.landlord_03 dd{font-size: var(--f16);}
.landlord_02 dt,.landlord_03 dt{font-size: var(--f18);width: calc(100% - 165px);}
dl.landlord_black{flex-flow: wrap;}
dl.landlord_black dt{width: 100%;}
}
@media screen and (max-width:375px) {
.landlord_button b{font-size: var(--f24);padding: 0;}
.landlord_button span{font-size: var(--f16);}
.landlord_button button{padding: 10px 0;}
}



/*20250521 新增*/
.landlord_identity{
   border: 3px solid var(--coB);
   border-radius: 15px;
   overflow: hidden;
}
.landlord_identity ul{
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin: 0;
   padding: 0;
}
.landlord_identity ul+ul{
   padding: 15px 0;
   align-items: flex-start;
}
.landlord_identity ul:nth-of-type(1) li{
   width: calc(100% / 3);
   margin: 0;
   padding: 10px;
   background: var(--coB);
   font-size: var(--f20);
   font-weight: 500;
   color: #FFFFFF;
   text-align: center;
}
.landlord_identity ul+ul li{
   width: calc(100% / 3);
   padding: 10px;
   font-size: var(--f20);
   font-weight: 500;
   color: var(--coB);
   text-align: center;
   position: relative;
}
.landlord_identity ul+ul li:nth-of-type(1){
   padding-top: 20px;
   position: relative;
}
.landlord_identity ul+ul button{
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   top: 27.5px;
   left: 20px;
   width: 15px;
   height: 15px;
   background: var(--coB);
   border: none;
   border-radius: initial;
   padding: 0;
   font-size: 11px;
   font-weight: normal;
   letter-spacing: 0;
   line-height: 1;
   color: #FFFFFF;
   cursor: pointer;
}
.landlord_identity ul+ul button:hover{
   background: #c90d2e;
}
/* .landlord_identity ul:nth-of-type(2) button{
   display: none;
} */
.landlord_identity select {
   font-family: "Noto Sans TC", sans-serif;
   font-size: var(--f20);
   font-weight: 500;
   color: #575757;
   letter-spacing: 2px;
   line-height: 1;
   width: 100%;
   min-height: 55px;
   padding: 10px 20px;
   border: 3px solid var(--coB);
   border-radius: 15px;
   cursor: pointer;
   appearance:none;
   -moz-appearance:none;
   -webkit-appearance:none;
}
/*IE隱藏箭頭樣式*/
.landlord_identity select::-ms-expand { 
   display: none; 
}
.landlord_identity select:focus{
   border-color: #FFC009;
   outline: 0;
}
.landlord_identity option{
   font-size: var(--f20);
   font-weight: 700;
}
.landlord_identity option:hover{
   background: var(--coB);
}
.landlord_identity ul+ul li:nth-of-type(2) div:nth-of-type(1){
   position: relative;
}
.landlord_identity ul+ul li:nth-of-type(2) div:nth-of-type(1):after {
   content: '';
   width: 14px;
   height: 12px;
   display: block;
   background: var(--coB);
   clip-path: polygon(100% 0, 0 0, 50% 100%);
   position: absolute;
   right: 25px;
   top: calc(50% - 6px);
   z-index: 10;
}
.landlord_identity ul+ul li:nth-of-type(2) div:nth-of-type(2){
   display: flex;
   padding-top: 10px;
   text-align: left;
}
.landlord_identity ul+ul li:nth-of-type(3)::after{
   content: '%';
   font-weight: 700;
   line-height: 1;
   color: var(--coB);
   position: absolute;
   top: 50%;
   right: 20px;
   transform: translateY(-50%);
}
.landlord_identity ul+ul li:nth-of-type(3) input{
   display: block;
   border: 3px solid var(--coB);
   border-radius: 15px;
   margin: 0 auto;
   padding: 10px 35px 10px 10px;
   font-size: var(--f20);
   text-align: right;
}
.landlord_identity ul+ul li:nth-of-type(2) label{
   font-size: var(--f16);
   font-weight: 400;
   color: #444444;
   letter-spacing: normal;
}
.landlord_identity ul+ul section+section{
   padding-left: 10px;
}
.landlord_identity > button{
   display: block;
   padding: 5px 20px;
   margin: 0 10px 15px auto;
   border: 3px solid var(--coB);
   font-size: var(--f20);
   color: var(--coB);
}
.landlord_identity > button:hover{
   background: var(--coB);
   color: #FFFFFF;
}
@media screen and (max-width:830px) {
.landlord_identity ul+ul li:nth-of-type(2) div:nth-of-type(2){flex-flow: wrap;}
.landlord_identity ul+ul section{width: 100%;}
.landlord_identity ul+ul section+section{padding: 5px 0 0;}
}
/* @media screen and (max-width:600px) {
.landlord_identity ul:nth-of-type(1) li,.landlord_identity ul+ul li{width: 40%;}
.landlord_identity ul:nth-of-type(1) li:nth-of-type(1),.landlord_identity ul+ul li:nth-of-type(1){width: 20%;}
} */
@media screen and (max-width:600px) {
.landlord_identity ul:nth-of-type(1){display: none;}
.landlord_identity ul{flex-flow: wrap;justify-content: center;}
.landlord_identity ul+ul li:nth-of-type(odd){font-size: var(--f22);width: 100%;}
.landlord_identity ul+ul li{width: 100%;}
.landlord_identity select{text-align: center;}
.landlord_identity ul+ul li:nth-of-type(3) input{width: 100%;}
}