/* ============================================================ */
/* 英文語系css */
/* ============================================================ */
.btn_area input ,
.btn_area button {
font-size: 1em;
/* font-size: min(max(1.05vw, 15px), 20px); */
}
.valuationBackground .form_list {
display: flex;
align-items: unset;
flex-direction: column;
gap: 10px;
}
/*===================================================*/
/*第三步驟*/
/*===================================================*/
/* modify by william 20240805 start*/
.calculationMethodList .in_titStyle4 strong {
min-height: 40px;
}
@media (max-width: 1600px) {
.calculationMethodDecorate {
padding-top: 29%;
}
}
@media (max-width: 1400px) {
.calculationMethodDecorate {
padding-top: 25%;
}
}
@media (max-width: 1100px) {
.calculationMethodDecorate {
padding-top: 23%;
}
}
@media (max-width: 640px) {
.calculationMethodList .in_titStyle4 strong {
min-height: unset;
}
ul.calculationMethodArea {
/* max-width: 590px; */
display: flex;
flex-direction: column;
}
ul.calculationMethodArea li {
width: 100%;
}
.calculationMethodDecorate {
padding-top: 17.2%;
}
}
/* modify by william 20240805 end */
/*===================================================*/
/*第四步驟_以能源或使用量計算_區塊*/
/*===================================================*/
.pageContent4{
}
@media screen and (min-width: 991px) {
/*水平排列方式*/
.pageContent4 .form_list.horizontalLayout .fL_info ,
.pageContent4 .form_list.horizontalLayout_tel .fL_info{
display: flex;
flex-wrap: wrap;
}
.pageContent4 .form_list.horizontalLayout_tel .fL_info span.separate {
margin-left: auto;
}
}
@media screen and (max-width: 990px){
.pageContent4 .valuationBackground .form_list {
gap: 3px;
margin-bottom: 25px;
}
.pageContent4 .form_list.horizontalLayout .fL_info,
.pageContent4 .form_list.horizontalLayout_tel .fL_info {
flex-wrap: wrap;
}
.pageContent4 .valuationBackground .form_list input,
.pageContent4 .valuationBackground .form_list select {
/* width: auto; */
width: -webkit-fill-available;
}
/* ----- radio+checkbox選取框-------------------------- */
.pageContent4 .item_RadioCheckArea{
}
.pageContent4 .item_RadioCheckArea .item_RadioCheck{
/* display: flex;
align-items: center; */
flex-wrap: wrap;
}
.pageContent4 .item_RadioCheckArea .item_RadioCheck span.separate {
/* margin-left: auto; */
}
}
/*===================================================*/
/*第五步驟
/*===================================================*/
/* modify by william 20240805 start*/
.btn_area input, .btn_area button {
/* font-size: min(max(1.05vw, .75rem), .9375rem); */
font-size: .9375em;
}
.text_area {
padding: 20px 0px;
}
/* modify by william 20240805 end */
@media (max-width: 990px){
.btn_area input, .btn_area button {
font-size: .75em;
}
}
@media (max-width: 560px) {
.valuationBackground .btn_area {
display: flex;
flex-wrap: wrap;
}
.valuationBackground .btn_area button {
flex: 0 0 48%; /* 每个按钮占用48%的宽度，留出间距 */
margin: 5px 0; /* 按钮之间的垂直间距 */
}
}
/*===================================================*/
/*Report步驟
/*===================================================*/
/* modify by william 20240805 start*/
.improve_area {
margin-top: 50px;
padding-bottom: 70px;
}
/* modify by william 20240805 end */OopsOops
Well, that didn't go as we had expected.
Don't worry though, we're working on it.