@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
*{font-family: 'Noto Sans TC', sans-serif ; font-weight: 300;}
.w-100{width: 100%;}
.robo_font, .robo_font span, .robo_font b{font-family: 'Roboto Condensed', sans-serif;}
.hv-center{display: flex; justify-content: center; align-items: center;}
button:focus{outline: none;}
.text_tw{display: inline-block;}

/* MENU */

.logo{ font-size: 31px; color: #4c4d4f; font-weight: 700; font-family: 'c-u-Bold';}
.logo:hover{color: #4c4d4f;}
.logo img{ transform: translateY(-7px);}

.hamburger{outline: none !important; display: none;}
.navbar{position: fixed; padding: 3.5rem 4rem; z-index: 100; background-color: #fff; width: 100%;  top: 0;}
.nav_fx_box{height: 150px;}

.nb_ul{list-style: none;  padding: 0; margin: 0;}
.nb_ul>li{ position: relative; display: inline-block; background-image: url(../img/point.svg); background-repeat: no-repeat;  background-size: 8px;  background-position-y: 15px;}
.nb_ul>li a, .nb_ul>li span {display: inline-block; padding: 10px 25px 10px 35px; color: #2f2f2f; font-weight: 300; text-decoration: none; font-size: 14px; font-family: 'c-u-Normal';}
.nb_ul>li span a{padding: 0;}
.nb_ul>li:nth-child(1){background-image:none;}
.nb_ul .sub_nb{ visibility: hidden; opacity: 0; position: absolute; list-style: none; padding: 0px; z-index: 1; background-color: #fff; right: 0px; 
                transform: translateX(-10px); transition: all 0.5s;}
.nb_ul .sub_nb.show{visibility: visible; opacity: 1; transform: translateX(0px);}
.nb_ul .sub_nb>li{}
.nb_ul .sub_nb>li>a{ padding: 3px 16px; color: #2f2f2f; transition: all 0.5s;}
.nb_ul .sub_nb>li>a:hover{color: #30909e; }
.nb_ul .sub_nb>li>a>i{font-size: 17px; margin-right: 3px; font-weight: 600; color: #cdcccc;}
.nb_ul .sub_nb>li>a:hover i{color: #30909e; }

.index_banner{ overflow: hidden;  top: -25px; position: relative;  height: 90vh;}
.index_banner video{width: 100%;  position: absolute; top: -25%;}

/* MENU END */



/* loading */
.loading_div{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 102;}
.loading_div .left_div{position: absolute; top: 0; left: 0;  width: 50%; height: 100%; background-color: #fff;}
.loading_div .right_div{position: absolute; top: 0; right: 0;  width: 50%; height: 100%; background-color: #fff;}
.loading_div img{position: absolute; top: 0; bottom: 0;  left: 0;  right: 0; margin: auto; z-index: 1;}
.loading_div .box{position: absolute; top: 0; bottom: 0;  left: 0;  right: 0; margin: auto; width: 80px; height: 80px; background-color: #dbdee2; }

/* loading END */


/* 分頁 */
.page{ text-align: center; padding: 25px 0;     font-size: 18px;}
.page span, .page a{     padding: 5px 10px;  display: inline-block;  line-height: 1;  border: 1px solid #ccc;}
.page .current{background-color: #30909e;  color: #fff;  border: 1px solid #30909e;}
.page span{color: #ccc;}
.page a{color: #30909e;}
/* 分頁 END */



/* 共用按鈕 */
.btn_div button,
.btn_div a,
.subbtn_div button{  border: none;  padding: 7px 40px;  cursor: pointer;  background-color: #4fb3c1;  color: #fff;  letter-spacing: 1px;
                     border-radius: 4px;  font-size: 15px; text-decoration: none; display: inline-block; transition: all 0.5s;}

.btn_div button:hover,
.btn_div a:hover,
.subbtn_div button:hover{background-color: #3695a1;}


/* 首頁 */
.index_news_div, .index_news_div>div{padding: 1.5rem;}
.index_news_div a{position: relative; display: inline-block; width: 100%; height: 17vw; overflow: hidden; background-size: cover; background-position: center; }
.index_news_div a .a_txt{ position: absolute;  bottom: 0;  width: 100%;  text-align: center;  background-color: rgb(255 255 255 / 0.85);  padding: 15px 0;}
.index_news_div a .a_txt p{  font-family: 'c-u-Normal';  margin-bottom: 5px; color: #30909e;   font-size: 15px;}
.index_news_div a .a_txt h4{ font-family: 'jf-500';   margin: 0; color: #464646; font-weight: 300;  font-size: 22px;
                             text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 0 15px;} 

.case_slide{margin: 3rem; margin-top: 0; overflow: hidden;}
.case_slide .swiper-slide{ height: 24vw;  overflow: hidden;}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next,
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background: none;  font-size: 50px;  line-height: 0;  display: flex;  justify-content: center;  align-items: center;  color: #fff;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{    margin: 0px 12px;}
.swiper-pagination-bullet-active{    background: #000000;}

.inx_silde_txt{position: absolute; top: 3vw;  left: 17vw; z-index: 1;}
.inx_silde_txt .title{  color: #4e84b0; position: relative;}
.inx_silde_txt .title:before{content: ''; position: absolute; top: 40%; right: 103%; width: 5vw; height: 1px; background-color: #464646;}
.inx_silde_txt .title h2{font-family: 'c-u-Normal';  font-weight: 300; letter-spacing: 2px; font-size: 1.6vw; margin-bottom: 0.8vw;}
.inx_silde_txt .title p{font-family: 'c-u-Normal'; font-size: 0.9vw;  letter-spacing: 2px;}
.inx_silde_txt .txt {margin: 2vw 0;}
.inx_silde_txt .txt p{font-family: 'c-u-Normal';  font-size: 0.75vw; letter-spacing: 1px;  line-height: 1.8;}
.inx_silde_txt .list_txt ul{  list-style: none; padding: 0;}
.inx_silde_txt .list_txt ul li{font-family: 'c-u-Normal'; color: #a6a5a5; font-size: 0.75vw; letter-spacing: 1px; border-bottom: 1px solid #ccc; padding: 0.4vw 0;}
.inx_silde_txt .list_txt ul li h2{ display: inline-block; color: #464646; font-weight: 300; margin-bottom: 0;  font-size: 1.3vw;  letter-spacing: 2px;}
.inx_silde_txt .list_txt ul li p{display: inline-block; color: #4e84b0; margin-bottom: 0;  font-size: 0.85vw;}

footer { padding: 2rem; background-color: #ececec; overflow: hidden;}
footer ul{display: inline-block; list-style: none; padding: 0; margin: 0; padding-left: 50px; vertical-align: middle;}
footer ul li{display: inline-block;}
footer ul li a  {font-family: 'c-u-Normal'; padding: 11px; color: #000 !important; transition: all 0.5s; transform: translateY(0px); display: inline-block;}
footer ul li a:hover{ transform: translateY(-10px);  text-decoration: none;}
footer .copyright{display: inline-block; vertical-align: middle; padding: 0.8vw 2vw;  border-right: 1px solid #ccc;}
footer .copyright h1{ font-size: 23px;  letter-spacing: 2px;}
footer .copyright p{font-size: 12px; margin: 0;}
footer .share{float: right; padding: 1.5vw 0; margin-right: 35px;}
footer .share a{ margin: 0 15px; display: inline-block;}

footer .make_a{
    display: block;
    text-align: center;
    color: #cbcbcb;
    font-size: 13px;
    margin-top: 6px;
}

/* 首頁 END */


/* 原昕理念 */
.about .txt_div h2{ font-family: 'Roboto Condensed', sans-serif;}
.about .txt_div h2 strong{ font-weight: 400; font-family: 'Roboto Condensed', sans-serif; color: #88909b;}
.about .txt_div h2 em{border: none; font-style: normal; font-family: 'Roboto Condensed', sans-serif;}
.txt_div h2, .txt_div h2 span b{text-transform:uppercase;  font-size: 2.4rem; letter-spacing: 15px; padding-bottom: 5px; border-bottom: 1px solid #272727; }
.txt_div h2 span{ color: #88909b;}
.txt_div h2 span b{font-family: 300; border: none;}
.txt_div h1{  color: #272727; font-weight: 300; font-size: 2.1rem; letter-spacing: 3px;}
.txt_div p{ letter-spacing: 1.5px;  line-height: 1.7;  font-size: 14px;}

.philo{margin-top: 50px;}
.philo .row{background-image: url(../img/point.jpg); background-size: cover; }
.philo .row div:nth-child(1) img{ transform: translateY(-50px);}
.philo .row .txt_div{ padding-right: 0; overflow: hidden;}
.philo .row .txt_div p{font-family: 'c-u-Normal'; padding-top: 1.3vw;  padding-right: 8vw; color: #272727;}

.pro .row{background-image: url(../img/Layer372.jpg); background-size: cover; background-position: center;}
.pro .row .txt_div{padding: 10vw 0; width: 48vw; text-align: right; transform: translateX(-15px); overflow: hidden;}
.pro .row .txt_div h1{}
.pro .row .txt_div h1 small{font-weight: 300; font-size: 1.6rem;}
.pro .row .txt_div p{font-family: 'c-u-Normal'; padding-left: 8vw; padding-top: 1vw; text-align: left;}

.our{  margin: 6vw 5vw;  background-color: #f3f3f3; overflow: hidden;}
.our .row{padding: 4vw 0;}
.our .row .txt_div h2{ text-align: center;  border: none;}
.our .row .ser_box{ display: flex;  justify-content: center; margin-top: 1.4vw;}
.our .ch_txt{   line-height: 1.3;  letter-spacing: 1px;  font-size: 2.1rem;  color: #000;  font-weight: 500;}
.our .service_item{ position: relative; display: flex; justify-content: center; align-items: center; padding: 0 1.5vw;}
.our .service_item div{  color: #fff;   position: absolute; text-align: center;  font-size: 1.3rem;}
.our .service_item img{ margin-bottom: 8px;}

/* 原昕理念 END */


/* 建案資訊 */
.case_div h1{font-size: 1.5rem; margin-bottom: 20px; letter-spacing: 1px;}
.case_div p{font-family: 'c-u-Normal'; font-size: 14px; letter-spacing: 1.5px;   line-height: 1.8; color: #464646; }
.case_div p a{ color: #464646;}

.case_banner{  height: 24vw;  background-position: center; background-size: 100%; background-repeat: no-repeat;  display: flex; justify-content: center; align-items: center;}
.case_t_div{ padding: 2.5vw 0; overflow: hidden;}
.case_t_div ul{list-style: none;  padding: 0; display: inline-block;}
.case_t_div ul li{font-family: 'c-u-Normal'; font-size: 14px;  letter-spacing: 1.5px;  padding: 6px 0;  border-bottom: 1px solid #ccc; color: #464646;}
.case_t_div ul li:nth-child(1){border-top: 1px solid #ccc;}

.case_list{overflow: hidden;}
.case_list .row{padding: 1.3vw 0;}
.case_list .row img{width: 100%;}
.case_list .row .case_list_txt{  padding-top: 1.5vw;   padding-bottom: 1.5vw;   border-top: 1px solid #ccc;   border-bottom: 1px solid #ccc;     height: 100%;}
.case_list .row:nth-child(odd) .case_list_txt{    margin-left: 1vw;}
.case_list .row:nth-child(even) .case_list_txt{     margin-right: 1vw;}

.case_history_div .case_list{overflow: hidden; margin: 0 4vw;  margin-top: -3vw;  margin-bottom: 3vw;  background-color: #f3f3f3;  padding: 3vw 17vw;}

/* 建案資訊 END */



/* 建案資訊 內文 */
.map_form iframe{width: 95%; height: 450px; border: 1px solid #fff;}
.case_detail_div h3{ text-align: center;  color: #7d7d7d; font-size: 16px;}
.case_detail_div .btn_div{padding: 1vw 0; text-align: center;}

.case_detail_div .btn_div button,
.case_detail_div .subbtn_div button,
.case_detail_div .btn_div a{ margin: 0 15px;  transform: translateY(0px);  transition: all 0.5s;}
.case_detail_div .btn_div button:hover, 
.case_detail_div .btn_div a:hover{ transform: translateY(-5px); }
.case_detail_div .btn_div button.active{ background-color: #ccc;}
.case_detail_div .subbtn_div button{padding: 7px 20%; }
.case_detail_div .row{ margin: 3vw;}
.case_detail_div .row div p{ margin: 0; padding: 6px 0; border-bottom: 1px solid #ccc; color: #464646;}
.case_detail_div .row div p:nth-child(1){border-top: 1px solid #ccc;}

.case_detail_div [data-list="2"] .row div p{padding: 0; border:0;}
.case_detail_div [data-list="2"] .row div img{padding: 5px;}
.case_detail_div .map_form{background-color: #ececec; margin: 2.5vw; padding: 3vw 2.5vw;}
.case_detail_div .txt_div h2{border:none; text-align: center; font-size: 2.2rem;}
.case_detail_div .txt_div h2 .ch_txt{font-size: 1.9rem; letter-spacing: 3px;  color:#272727;  font-weight: 500;}
.case_detail_div .txt_div form{  padding: 2vw;}
.case_detail_div .txt_div form .form_div{}
.case_detail_div .txt_div form .form_div span{ color: #464646;  font-size: 1rem; letter-spacing: 2px; font-weight: 500;}
.case_detail_div .txt_div form .form_div input,
.case_detail_div .txt_div form .form_div select{  padding: 10px 15px; margin: 5px 0 5px 15px; border: none; border-radius: 4px; width: 83%;  outline: none;}
.case_detail_div .txt_div form .form_div select{  width: auto; }

.list_detail{position: relative; }
.list_detail>div{ display: none;}
.list_detail>div.list_show{display: block;}

  .case_description h3{text-align: left;}
  .case_description ul{ list-style: cjk-ideographic;  padding-left: 35px;}
  .case_description ul li{ padding: 1px 0;  border: none !important;}
  .case_description .des_box{display: inline-block; vertical-align: top; width: 33%; padding: 10px;}
/* 建案資訊 內文 END */



/* 公司新訊&最新消息 */
.news_banner{ padding:0 5vw; height: 12.5vw; background-size: cover; background-position: center;     display: flex;   align-items: center;}
.news_banner div{margin-bottom: 2vw;}
.news_banner div h1{color: #fff; text-transform: uppercase;  font-size: 2.1rem;  letter-spacing: 15px;  padding-bottom: 5px; margin: 0; }
.news_banner div .ch_txt{  font-weight: 300; font-size: 1.8rem; letter-spacing: 3px; }
.news_banner div h1 span{color: #88909b;}
.news_list{padding:0 4vw;  margin: 0 -15px;  margin-top: -2.5vw; overflow: hidden;}
.news_list .row{  padding: 1.5vw;}
.news_list .row:nth-child(odd){background-color: #f3f3f3;}
.news_list .row>div:nth-child(1){ padding-top: 1vw; padding-bottom: 1vw;}
.news_list .row span{    color: #30909e;  letter-spacing: 1px;  display: inline-block;  margin-bottom: 0.5vw;}
.news_list .row h1{  font-family: 'jf-500';  font-size: 1.3rem;  letter-spacing: 2px; color: #464646;  margin-bottom: 1.2vw;}
.news_list .row p{line-height: 1.8;  letter-spacing: 1px;  margin-bottom: 1.7vw;}
.news_list .row .img_a{ text-align: center;  transform-style: preserve-3d;  perspective: 1000px;}
.news_list .row .img_a img{width: 100%;}
/* 公司新訊&最新消息 END */



/* 公司新訊&最新消息 內文 */
.news_dt{width: 1220px;  margin: auto;  background-color: #f3f3f3; padding: 3vw; margin-top: -3vw; margin-bottom: 3vw;}
.news_dt .txt_div{  padding: 2vw 1.2vw;}
.news_dt .txt_div span{    font-size: 1.2rem;  letter-spacing: 1px;   color: #30909e;   display: inline-block;   margin-bottom: 1vw;}
.news_dt .txt_div h1{font-family: 'jf-500'; font-size: 1.8rem;  font-weight: 500;  margin-bottom: 1.5vw;}
.news_dt .txt_div p{ font-family: 'c-u-Normal'; font-size: 1.15rem;  letter-spacing: 2px;  margin-bottom: 2vw;}
.news_dt .txt_div img{max-width: 100%; height: auto;}
.news_dt .txt_div img.file_img{width: auto;}
.news_dt .txt_div span.img_txt{ font-size: 1.1rem;  color: #000; display: block;}
.news_dt .txt_div ul{list-style: none;  padding: 0; margin: 0;}
.news_dt .txt_div ul li{  border-bottom: 1px solid #ccc; padding: 10px 0;  margin: 0;}
.news_dt .txt_div ul li:nth-child(1){ border-top: 1px solid #ccc}
.news_dt .txt_div ul li a{    color: #4fb3c1; letter-spacing: 1px;}
/* 公司新訊&最新消息 內文 END */




/* 工程進度 */
.progress_div{ width: 95%;     margin-top: -3vw;  margin-bottom: 3vw;}
.progress_banner div h1 span{color: #4c4d4f;}
.pro_one{padding: 30px; background-color: #f3f3f3;}
.pro_one .pro_txt{}
.pro_one .pro_txt h1{text-align: center; color:#464646; letter-spacing: 4px;  font-size: 2rem; margin: 22px 0;}
.pro_one .pro_txt ul{list-style: none; padding: 0; margin-bottom: 25px;}
.pro_one .pro_txt ul li{border-bottom: 1px solid #ccc; color:#464646;  padding: 8px; letter-spacing: 1px;}
.pro_one .pro_txt ul li:nth-child(1){border-top: 1px solid #ccc;}
.pro_one .pro_btn{text-align: center;}
.pro_one .pro_btn a{ display: inline-block; text-decoration: none; background-color: #ccc; color: #fff; padding: 10px 40px; margin: 0 5px; border-radius: 4px; transition: all 0.5s;}
.pro_one .pro_btn a:nth-child(1){ background-color: #4fb3c1;}
.pro_one .pro_btn a:nth-child(2){ background-color: #e43777;}
.pro_one .pro_btn a:nth-child(1):hover{ background-color: #3c9aa7;}
.pro_one .pro_btn a:nth-child(2):hover{ background-color: #c72c65;}
/* 工程進度 END */



/* 工程進度-進度說明 */
.progress_dt_div{width: 95%; margin-top: -3vw; margin-bottom: 3vw;}
.progress_dt_div .row{    background-color: #fff;  padding: 20px 10px;}
.pro_one_title div{display: flex; justify-content: space-around;  letter-spacing: 1px;  font-size: 18px; padding: 20px 0; border-top: 1px solid #ccc;
               border-bottom: 1px solid #ccc;  margin: 30px 10px 20px 10px;}
.pro_one_dt{padding: 15px; background-color: #f3f3f3;  margin-bottom: 25px;}
.pro_one_dt a{display: block; overflow: hidden; height: 220px;}
.pro_one_dt a img{transition: all 0.8s; transform: scale(1);}
.pro_one_dt a:hover img{transform: scale(1.2)}
.pro_one_dt .pro_txt p{ margin: 10px 0 0 0;  text-align: center;}
/* 工程進度-進度說明 END */




/* 線上客服 */
.content_banner{ height: 18vw; background-size: 120%;}
.content_div{background-color: #f3f3f3; padding: 3vw 0;  width: 95%; margin: auto;  margin-top: -3vw;  margin-bottom: 3vw;}
.content_div form{ width: 50%;margin: 3vw auto 1vw auto;}
.content_div form span{color: #212529; font-size: 1rem;  letter-spacing: 2px;}
.content_div form input, .content_div form textarea{ padding: 8px 13px;  margin: 5px 0 5px 15px;  border: none;  border-radius: 4px;  width: 70%;  outline: none;}
.content_div .long_btn{border: none; width: 16vw; padding: 7px 0px; letter-spacing: 2px; cursor: pointer;  background-color: #4fb3c1;  color: #fff;  border-radius: 4px;  font-size: 15px;  text-decoration: none;  display: inline-block;}
.content_div .up_img_div{    margin-left: 5.6rem;}
.content_div form .textarea_span{vertical-align: top;}
.content_div .txt_div h2{border:none; text-align: center; font-size: 2.2rem;}
.content_div .txt_div h2 .ch_txt{font-size: 1.9rem; letter-spacing: 3px;  color: #272727;  font-weight: 500;}
.content_div .up_img_btn{background-color: #e43777; text-align: center;}

#UserImg{display: none;}
#img_box #img_div{ width: 16vw;}
#img_box #img_div img{width: 100%;}
/* 線上客服 END */


/* -------------------- 平板 -------------------- */
/* -------------------- 平板 -------------------- */
/* -------------------- 平板 -------------------- */
@media (max-width:800px){
  
  /* MENU */
  .nav_fx_box{height: 72px;}
  .logo{ font-size: 15px !important; font-weight: 500;}
  .logo:hover{color: #4c4d4f;}
  .logo img{ width: 35px !important;  transform: translateY(-4px);}
  .navbar{padding: 1rem !important;}
  .hamburger{ padding: 5px; z-index: 101; display: block;}
  .hamburger-box{ width: 30px;}
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{ width: 30px;  height: 1px;}
  .nb_ul_div{position: fixed; top: 0px; left: 0; width: 100%; height: 100%; 
             background-color: #fff; z-index: 100; transform: translateX(-100%);
             display: flex;  justify-content: center; align-items: center;}
  .nb_ul{ transform: translateX(20px);  opacity: 0;}
  .nb_ul>li{display: block;  background-position-y: center;}
  .nb_ul>li:nth-child(1){background-image:url(../img/point.svg);}
  .nb_ul>li a, .nb_ul>li span{    padding: 20px 0px 20px 30px; letter-spacing: 2px;}

  .nb_ul .sub_nb{transition: none;}

  .nb_ul .sub_nb>li>a{    padding: 3px 0px;}
  .nb_ul .sub_nb>li>a>i{  vertical-align: text-top;  font-size: 13px;}
  
  /* MENU END */



  /* 首頁 */
  .index_banner{height:57vw;}
  .index_banner video{top:0;}
  .index_news_div, .index_news_div>div{ padding: 0.5rem;}
  .index_news_div a{ height: 195px;}
  .index_news_div a .a_txt{  padding: 8px 0;}
  .index_news_div a .a_txt p{ font-size: 13px;}
  .index_news_div a .a_txt h4{ font-size: 18px;}

  .case_slide{ margin: 0rem;}
  .case_slide .swiper-slide{ height: 500px;}
  .inx_silde_txt .title h2{font-size: 25px;}
  .inx_silde_txt .title p{font-size: 15px;}
  .inx_silde_txt .txt p{font-size: 13px;}
  .inx_silde_txt .list_txt ul li{ font-size: 13px;}
  .inx_silde_txt .list_txt ul li h2{ font-size: 22px; }
  .inx_silde_txt .list_txt ul li p{font-size: 16px; }
  
  footer .copyright{  width: 100%;  text-align: center;  border: none;}
  footer ul{width: 100%; padding: 15px; text-align: center;}
  footer ul li a{ display: inline-block;}
  footer .share{ float: none; text-align: center; padding: 10px 0; margin: 0;} 
  /* 首頁 END */


  
  /* 原昕理念 */
  .philo{margin-top: 0;}
  .philo .row{  padding: 4vw 0; background-size: auto;}
  .philo .row div:nth-child(1){display: flex; align-items: center;}
  .philo .row div:nth-child(1) img{width: 100%; transform: translateY(0px);}
  .philo .row .txt_div p{ padding-right: 3vw;  }

  .our .service_item>img{width: 160px;}
  /* 原昕理念 END */



  /* 建案資訊 */
  .case_banner{ height: 23vw;  background-size: 100%;}
  .case_banner img{ width: 20vw;}
  .case_list .row>div:nth-child(1){    display: flex;  align-items: center;}

  .case_history_div .case_list{ padding: 3vw 6vw;}
  /* 建案資訊 END */



  /* 建案資訊內文 */
  .map_form iframe{    width: 100%;}
  .case_detail_div .txt_div form .form_div input, .case_detail_div .txt_div form .form_div select{    width: 83%;}
  .case_detail_div .map_form{  padding: 5vw 2.5vw;}
  .case_detail_div .txt_div h2{    margin-top: 5vw;}
  .case_detail_div .btn_div button, .case_detail_div .subbtn_div button, .case_detail_div .btn_div a{margin: 15px;}
  .news_dt .txt_div img{ width: 100% !important; height: auto !important;}
  .case_detail_div [data-list="2"] .row div img{width: 100% !important; height: auto !important;}

  .case_description .des_box{width: 49%;}
  /* 建案資訊內文 END */



  /* 公司新訊&最新消息 */
  .news_banner{height: 24vw; background-size: 185%;}
  .news_list{ margin-top: -3.5vw;}
  .news_list .row{}
  /* 公司新訊&最新消息 END */



  /* 公司新訊&最新消息 內文 */
  .news_dt{ width: 100%;margin-top: -4vw; margin-bottom: 4vw;}
  /* 公司新訊&最新消息 內文 END */



  /* 工程進度 */
  .progress_div{ width: 98%;  margin-top: -5vw;  margin-bottom: 5vw;}
  .pro_one{padding: 20px; margin: 12px 0;}
  .pro_one .pro_btn a{padding: 10px 20px;}
  /* 工程進度 END */




  /* 線上客服 */
  .content_div form{width: 90%;}
  .content_div form input, .content_div form textarea{width: 68%;}
  .content_div .long_btn{padding: 7px 0px;  width: 205px;}
  .content_div .txt_div h2{ font-size: 1.8rem;}
  .content_div .txt_div h2 .ch_txt{ font-size: 1.7rem;}
  .content_div{  padding: 5vw 0;}
  .content_div form span{margin-left: 5px;}
  /* 線上客服 END */
}


/* -------------------- 手機 -------------------- */
/* -------------------- 手機 -------------------- */
/* -------------------- 手機 -------------------- */
@media (max-width:420px){
  
  /* 首頁 */
  .case_slide .swiper-slide{ height: 140vw;}
  .inx_silde_txt{top: 8vw; left: 0; right: 0; margin: auto; width: 290px;}
  .inx_silde_txt .title:before{ top: -10%; right: auto;  width: 10vw;}
  .inx_silde_txt .list_txt ul li p{font-size: 12px;}

  .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev{font-size: 35px; width: 7px;}
  /* 首頁 END */

  /* 原昕理念 */
  
  .about .txt_div h2 em{display: block;}
  .txt_div h2{ font-size: 1.8rem; letter-spacing: 12px; text-align: center;}
  .txt_div h1{ font-size: 1.8rem; text-align: center;}

  .philo .row .txt_div{padding-right: 15px;  padding-top: 15px;}
  .philo .row .txt_div p{padding: 0; padding-top: 15px; text-align: justify;}
  
  .pro .row .txt_div{width: 100%;  transform: translateX(0px); padding: 18px; margin: 7vw 0; background-color: rgb(255 255 255 / 0.7);}
  .pro .row .txt_div h1 small{ font-size: 1.2rem;}
  .pro .row .txt_div p{padding:0;  text-align: justify; margin: 20px 0;} 
  
  .our{ margin: 6vw 0;}
  .our .row .ser_box{display: block; text-align: center;}
  .our .ch_txt{display: block; margin-top: 12px; font-size: 1.8rem;}
  .our .service_item{display: inline-flex;}
  .our .service_item>img{ width: 140px;}
  /* 原昕理念 END */


  /* 建案資訊 */
  .case_banner {  height: 23vw; background-size: 100%;}
  .case_banner img{width: 35vw;}
  .case_div h1{  font-size: 1.2rem;  margin-top: 20px;  line-height: 1.5;}

  .case_history_div .case_list{padding:3vw; margin: -6vw 0 6vw 0;}
  /* 建案資訊 END */



  /* 建案資訊內文 */
  .case_detail_div .txt_div h2,
  .case_detail_div .txt_div h2 .ch_txt{    font-size: 1.5rem;}
  .case_detail_div .txt_div h2{margin-top: 8vw;}
  .case_detail_div .txt_div h2 .ch_txt{ display: inline-block;  margin-top: 10px;}
  .case_detail_div .txt_div form{padding: 0;}
  .case_detail_div .row{margin: 3vw 0;}
  .case_detail_div .map_form{padding: 5vw 0; margin: 0; margin-bottom: 10px;}
  .map_form iframe{height: 400px;}
  .case_detail_div .txt_div form .form_div input, .case_detail_div .txt_div form .form_div select{ width: 100%; margin: 5px 0 15px 0;}
  .case_detail_div .btn_div button, .case_detail_div .subbtn_div button, .case_detail_div .btn_div a{padding: 7px 15px;  margin: 5px;     font-size: 14px;}
  .case_detail_div .btn_div{    padding-top: 15px;}
  .case_detail_div  h1{   margin-bottom: 10px; font-size: 1.2rem;}
  .case_detail_div  h3{    font-size: 14px;}
  .case_description .des_box{width: 100%;}
  /* 建案資訊內文 END */


  /* 公司新訊&最新消息 */
  .news_banner{  background-size: 390%;  height: 50vw;}
  .news_list .row{    padding: 6vw 2vw;}
  .news_list{margin-top: 0;}
  .news_banner div h1{    font-size: 1rem;     letter-spacing: 10px;}
  .news_list .row span{  margin-top: 4vw;  margin-bottom: 2vw;}
  .news_list .row h1{    margin-bottom: 4vw;}
  .news_list .row p{    margin-bottom: 5vw;}
  /* 公司新訊&最新消息 END */



  /* 公司新訊&最新消息 內文 */
  .news_dt{ margin-top: -6vw; }
  .news_dt .txt_div span{font-size: 1rem; margin-bottom: 2vw; margin-top: 5vw;}
  .news_dt .txt_div span.img_txt{  margin: 0;  font-size: 1rem;}
  .news_dt .txt_div h1{font-size: 1.4rem; margin-bottom: 6vw;}
  .news_dt .txt_div p{     font-size: 1rem; letter-spacing: 1px; margin-bottom: 6vw;}
  /* 公司新訊&最新消息 內文 END */



   /* 工程進度 */
  .progress_div{ width: 100%;  margin-top: -10vw;  margin-bottom: 10vw;}
  .pro_one{padding: 20px; margin: 12px 0;}
  .pro_one .pro_btn a{    font-size: 0.8rem;}
  .pro_one .pro_txt h1{margin: 15px 0; font-size: 1.6rem;}
  .pro_one .pro_txt ul li{    font-size: 0.8rem;     padding: 7px;}
  /* 工程進度 END */



  /* 工程進度-進度說明 */
  .progress_dt_div .row{ padding: 20px 0px;}
  .pro_one_title div{display: block;  padding: 10px 0;}
  .pro_one_title div span{display: block; font-size: 0.9rem;}
  .pro_one_dt .pro_txt p{font-size: 0.8rem;}
  /* 工程進度-進度說明 END */


  /* 線上客服 */
  .content_div{    padding: 10vw 0 5vw 0;     width: 100%; margin-top: -10vw;  margin-bottom: 10vw;}
  .content_div .txt_div h2{ font-size: 1.2rem;  letter-spacing: 7px; }
  .content_div .txt_div h2 .ch_txt{     display: block;  margin-top: 10px;}
  .content_div .long_btn{    padding: 7px 0px; width: 40%;}
  .content_div form input, .content_div form textarea{width: 100%; margin: 5px 0px 10px 0px;}
  .content_div .up_img_div{   margin: 0;}
  .content_div .subbtn_div .long_btn {width: 100%;}

  .content_div .up_img_btn{background-color: #e43777;}

  #img_box #img_div{ width: 100%;}
  /* 線上客服 END */
}