/* CSS Document */

@media screen and (max-width: 1100px) {
  .topLogo {
    width: 230px;
  }

  .topLogo:not(.sticky .topLogo) img {
    width: 20%;
  }

  .topLogo:not(.sticky .topLogo) img+img {
    width: 65%;
  }

  .topMenu {
    width: calc(100% - 250px);
  }

  /* 房屋詳細頁 */
  .pt_product_over {
    grid-gap: 20px;
  }

  .contactPage .banner,
  .aboutPage .banner {
    background-position: left -30vw center;
  }
}

@media screen and (max-width: 960px) {

  /* 搜尋 */
  .btn_right_ch_all {
    padding: 20px;
  }

  .btn_right_ch_all ul {
    width: 100%;
    margin-bottom: 30px;
  }

  .btn_right_ch_all li {
    justify-content: space-between;
  }

  .btn_search_box:not(.btn_submit_box) {
    width: calc(50% - 10px);
    min-width: unset;
    padding-right: 0;
  }

  .btn_search_box.houseLayout {
    width: 100%;
  }

  .btn_search_box.extPrice {
    width: 100%;
    max-width: 100%;
  }

  .box_search select,
  .box_search input:not(.btn_img),
  .box_search textarea {
    width: 100%;
  }

  .box_search .houseLayout select {
    width: calc(100% - 25px);
  }

  .btn_search_box.extPrice input {
    width: calc((100% - 60px) / 2);
  }

  .t_m_le,
  .t_m_ri {
    width: 100%;
    margin: auto;
  }

  .t_m_le {
    text-align: center;
  }

  #cssmenu {
    /* background: var(--clG01); */
  }

  .topLogo:not(.new_top_m.sticky .topLogo) {
    max-width: 200px;
  }

  .topLogo:not(.new_top_m.sticky .topLogo) img {
    width: 20%;
    display: block;
  }

  .topLogo:not(.new_top_m.sticky .topLogo) img+img {
    width: 75%;
  }

  .box_c {
    padding: 0;
  }

  .new_top_m:not(.new_top_m.sticky) .box_c {
    justify-content: center;
  }

  .new_top_m.sticky .box_c {
    align-items: flex-start;
  }

  .topMenu,
  .new_top_m.sticky .topMenu {
    width: 100%;
    max-width: 100%;
  }


  #cssmenu.small-screen ul li a,
  #cssmenu.small-screen ul ul li a {
    color: var(--textColor);
  }

  .new_top_m.sticky #cssmenu.small-screen ul li a,
  .new_top_m.sticky #cssmenu.small-screen ul ul li a {
    color: var(--textColor);
  }

  .visible-xs {
    display: inline-block;
  }

  #btn_left {
    left: -200px;
    z-index: 9999;
    top: 30px;
    box-shadow: 5px 5px 5px #666;
  }

  #btn_left.active {
    left: 0px;
  }

  #btn_right {
    padding-left: 0px;
  }

}

@media screen and (max-width: 870px) {
  .search_text_all ul li {
    width: calc(50% - 10px);
  }
}

@media screen and (max-width: 768px) {

  .topMenu{border: none;}

  /*首頁房屋*/
  .btn_right_pic_con ul {
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    margin-top: 20px;
  }

  /* 首頁文章 */
  .news_list {
    grid-gap: 10px;
    /* grid-template-columns: 1fr 1fr; */
  }

  .news_list li a {
    padding: 10px;
  }

  .news_pic img {
    width: 100%;
  }

  /* 首頁流程 */
  .i_intr {
    padding: 50px 20px;
    background-size: auto 100%;
  }

  .i_intr ul {
    grid-gap: 10px;
    grid-template-columns: 1fr;
  }

  /* 房屋搜尋列表 */
  .search_product_all {
    margin: 15px 0;
  }

  .search_pic,
  .search_text_all {
    padding: 10px;
  }

  /*房屋詳細頁*/
  .pt_li.lineLink a {
    min-width: unset;
    width: 100%;
    max-width: 350px;
  }

  .box_auto_move li {
    width: 100%;
    position: relative;
    border-top: #ccc 1px solid;
  }

  .box_auto_move li:nth-child(2n) {
    border-left: 0;
  }

  .box_auto_move h4,
  .box_auto_move p {
    padding: 5px;
  }

  .box_auto_move h4 {
    width: 120px;
  }

  .box_auto_move li p {
    /*width:100% !important; padding-left:110px;*/
    width: calc(100% - 120px);
  }

  .pt_li_from>p,
  .pt_li_from input,
  .pt_li_from textarea {
    padding: 10px;
  }

  .pt_li_from>p {
    letter-spacing: .03em;
    line-height: 1.4;
  }

  .pt_product_over {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 640px) {

  /*搜尋頁面*/

  a.search_pic,
  .search_text_all {
    width: 100%;
    background: #fff;
    border: 0;
  }

  a.search_pic {
    padding-bottom: 0;
  }

  .f_menu ul {
    justify-content: center;
    padding: 10px;
  }

  .f_menu ul li {
    width: calc(100% / 3);
  }

  .f_menu ul li:last-child {
    width: 100%;
  }

  .f_menu ul li:last-child a {
    border: 1px solid #fff;
  }
}

@media screen and (max-width: 600px) {
  .fix_ri {
    bottom: 80px;
    right: 15px;
  }

  .btn_right_title h3 {
    text-align: center;
  }

  .btn_right_pic_con ul,
  .news_list {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    /* grid-template-columns: 1fr; */
    max-width: 480px;
    margin: 30px auto 0;
    grid-gap: 20px;
  }

  .news_list {
    margin-bottom: 30px;
  }

  .news_list li img {
    width: 100%;
  }

  /* 聯絡我們 */
  .contact_form li {
    grid-template-columns: 100px 1fr;
  }

  .formTitle {
    padding: 10px;
  }

  /*featured.php*/
  .business_inf section{flex-direction: column;}
  .business_inf section i{width: 60%; max-width: 200px; overflow: auto;}
  .business_inf ul{margin: 20px 0 0;}
  .business_inf li:first-child p,
  .business_inf li:nth-child(2) a{margin: 0 auto; font-size: 20px; text-align: center;}
  .b_business_inf ul{font-size: 19px;}
}

@media screen and (max-width: 480px) {

  /*首頁房屋*/
  .btn_right_pic_all {
    width: 98%;
  }

  .btn_right_pic_all h1 {
    height: auto;
  }

  /*footer*/
  .f_menu li a{padding: 0;}

  /* 搜尋列表 */
  .search_text_all h2,
  .search_text_all ul li {
    width: 100%;
    padding: .3em 10px;
  }

  .search_text_all ul li {
    margin: 0;
  }

  .search_text_all ul li+li {
    margin-top: 10px;
  }

  /* 物件頁面 */
  .pt_title_icon1 {
    padding-left: 30px;
    background-size: 20px;
  }

  .pt_title_icon1 {
    background-position: left top calc(7px + .3em);
  }

  .pt_title_icon1 h3 span {
    font-size: 1rem;
    font-weight: normal;
    vertical-align: text-bottom;
    display: block;
    padding: 0;
    line-height: 1.2;
  }

  .pt_product_over {
    grid-gap: 10px;
    grid-template-columns: 1fr;
  }

  /* 常見問題 */
  .qa {
    letter-spacing: 0;
    line-height: 1.4;
  }

  .qa .question span {
    width: 30px;
    height: 30px;
    font-size: var(--f18);
  }

  .qa .question p {
    width: calc(100% - 40px);
  }

  .qa .answer {
    padding: 10px 15px;
  }
}

@media screen and (max-width: 375px) {

  /* 聯絡我們 */
  .contact_form li {
    grid-template-columns: 60px 1fr;
  }

  /*featured.php*/
  .b_business_inf ul{margin-left: 5%;}
  .business_inf ul li span{min-width: 73px;}

}


@media screen and (max-width: 320px) {

  .new_top_m:not(.new_top_m.sticky) .box_c {
    justify-content: flex-start;
  }

  /* 搜尋 */
  .btn_search_box:not(.btn_submit_box) {
    width: 100%;
  }

  .btn_search_box.extPrice input {
    width: calc((100% - 40px) / 2);
  }
}