@charset "utf-8";
/*惠成地政士事務所*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

/*預設解除背景輪播*/
#content_main { margin:0;}
.bannerindex { position:relative; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;} 
/* .swiper-slide img { height:auto;} */
@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0;}
}




/*版面*/
.other_select_page  .main_part{
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.other_page .main_part{
    width: 100%;
    max-width: 100%;
    padding: 0;
}


.blog_page  .main_part{
    width: 100%;
    max-width: 90%;
   
}

.blog_in_page  .main_part{
    width: 100%;
    max-width: 80%;
   
}


.contact_page .main_part{
    width: 100%;
    max-width:80%;
    margin: auto;
    padding: 8% 0 0 0;
}

.services_page .main_part{
    width: 100%;
    max-width: 100%;
    margin: auto;
    padding: 0;
}

.case_page .main_part{
    width: 100%;
    max-width: 100%;
    margin: auto;
    padding: 0;
}




.contact_page .contact_editbox{
    padding: 0;
}



.me_tp_features{
    display: none;
}

.main_header_area .container{
    max-width: 85%;
    width: 100%;
    margin: auto;
}

.pageIndex .header_area,.header_area{
    position: fixed;
    background: #ffffff;
}

.pageIndex .header_area.sticky,.header_area.sticky{
    background: #ffffff;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
}

.main_header_area .container {
    max-width: 90%;
    width: 100%;
}

.main_header_area {
   
    padding: 0;
}

.navigation{
    
    grid-template-columns:350px 1fr;
}

.nav-header{
    max-width: 100%;
    width: 100%;
}

.stellarnav ul{
    margin: 1.4% 0 0 0;
}

.stellarnav li li{
    text-align: center;
}

.stellarnav li a{
    color: #343a40;
}


.stellarnav li.has-sub > a:after{
    display: none;
}


.stellarnav > ul > li.has-sub > a {
    padding-right: 0;
}

.stellarnav > ul > li:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background: #dddddd;
}

.stellarnav > ul > li:last-child:after{
    display: none;
}

.stellarnav > ul > li{
    width:100px;
    text-align: center;
}

.stellarnav > ul > li > a{
    font-family: "Noto Sans TC", serif;
    letter-spacing: 1px;
    color: #315f78;
    margin: 0;
}


.stellarnav > ul  > li >a:hover, .stellarnav.desktop li.has-sub a:hover{
    color: #00ABAA;
}


.path{
    display: none;
}



/*代書試算表*/
.pr_in_text p{
    font-size: 17px;
}
.pr_in_text b{
    font-size: 17px;
}





/*內頁BANNER 設定*/
.other_select_page  .banner,.services_page  .banner,.other_page .banner{
    display: none;
}

.banner h5 {
    color: #305f7a;
    font-family: 'Noto Sans TC';
    font-weight: 600;
    letter-spacing: 4px;
    text-shadow: 5px 2px 9px #ffffff;
}

.banner.banA {}
.case_page .banner.banB {display: none;}
.other_page .banner.banB {display: none;}
.banner.banC {
   display: none;
}
.banner.banD {}
.banner.banE {}
.blog_page .banner.banblog,.blog_in_page .banner.banblog {
    background-image: url(https://pic03.eapple.com.tw/jchc/banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 450px;
    display: flex;
    padding-top: 4%;
}



/*文章管理2*/

.module_i_news .title_i_box{
    margin-top: 2%;
}

.module_i_news .title_i_box h4{
    color: transparent;
    position: relative;
}

.module_i_news .title_i_box h4::before {
   
}
.module_i_news .title_i_box h6::before{
    content: "NEW";
    font-family: "Libre Baskerville", serif;
    font-size: 28px;
    color: #C6A557;
}

.module_i_news .title_i_box {
    margin-bottom: 30px;
    text-align: center;
    display: flex;
    flex-direction: column;

}

.module_i_news li{
    text-align: center;
    position: relative;
    width: 100%;
}

.module_i_news li a {
    grid-template-columns: 1fr;
    position: relative;
}

.pageIndex  .module_i_news ul{
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
}


.i_blog_ri {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate(0%, -50%);
    background: #ffffffc2;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 1px solid #ffffffc2;
}


.module_i_news section{
    max-width: 90%;
}

.module_i_news ul{
    grid-gap: 40px;
}

.module_i_news li a:after{
    background: transparent;
    border: none;
}

.module_i_news li a:before {
    right: 50%;
    transform: translate(50%, 0%);
    color: #c6a557;
    content: 'MORE';
    font-family: 'Libre Baskerville';
    background: #ffffffc2;
    width: 100%;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
}

.i_blog_ri h5 {
    font-family: 'Noto Sans TC';
    color: #333333;
    font-size: 23px;
    letter-spacing: 1px;
    -webkit-line-clamp: 2;
    padding: 0 0 6% 0;
}

.i_blog_ri p {
    font-family: 'Noto Sans TC';
    color: #333333;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 1px;
    text-align: justify;
    padding: 0 4%;
}

.module_i_news li a:before{
    right: 50%;
    transform: translate(0%, -50%);
}

.module_i_news li a:before {
    right: 50%;
    transform: translate(50%, 0%);
    color: #c6a557;
    content: 'MORE';
    font-family: 'Libre Baskerville';
}

.module_i_news .title_i_box{
    margin-bottom: 6%;
}

.i_blog_b{
    margin-top: 6%;
}

.i_blog_ri em {
    color: #ada17e;
    position: absolute;
    top: 4%;
    right: 4%;
}

.articel_mainPic  img{
    display: none;
}

.blog_list_le{
    position: relative;
}

.blog_page .blog_list_ri h5 {
    font-family: 'Noto Sans TC';
    color: #305f7a;
    margin-bottom: 0;
    font-size: 24px;
    letter-spacing: 2px;
    -webkit-line-clamp: 2;
    width: 100%;

}

.blog_list_ri em{
    display: none;
    font-size: 14px;
    color: #93939340;
    position: absolute;
    top: 0;
}

.blog_subbox{
    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
    grid-gap: 40px;
}

.subbox_item a{
    grid-template-columns: 1fr;
}


.subbox_item a:after{
    background: transparent;
    border:none;
}

.subbox_item{
    border: none;
    box-shadow: 1px 1px 5px 2px #e8e8e8;
}

.blog_back a.article_btn_back{
    background: transparent;
    border: 1px solid #daceb7;
    color: #888888;
    border-radius: 4px;
}

.blog_back a.article_btn_prev {
    background: transparent;
    border: 1px solid #cdcdcd;
    color: #888888;
    border-radius: 4px;
}

.blog_back a.article_btn_next{
    background: transparent;
    border: 1px solid #cdcdcd;
    color: #888888;
    border-radius: 4px;
}

.blog_back a.article_btn_back:hover{
    background: #c8b796;
    color: #ffffff;
}


.blog_back a.article_btn_next:hover,.blog_back a.article_btn_prev:hover{
    background: #888888;
    color: #ffffff;

}

.blog_box_edit *{
    font-family: 'Noto Sans TC';
    letter-spacing: 1px;
}

.news_related h6 span:before {
    color: #333333;
    line-height: 300%;
}

.lastPage{
    font-size: 16px;
    color: #404340;
    background: #d0d0d0;
}

.accordion li .link a{
    text-align: center;
    font-family: 'Noto Sans TC';
    font-size: 17px;
    font-weight: 500;
}

.blog_le{
    width: 18%;
    padding-right: 2%;
}


.blog_ri{
    width: calc(100% - 19%);
    padding: 0 0 0 3%; 
    border-left: 1px solid #cacaca;
}

.blog_list_ri{
    padding: 0 4% 14% 4%;
}

.blog_page h4.blog_category_title{
   display: none;
}

h4.blog_category_title{
    font-size: 28px;
    font-family: 'Noto Sans TC';
    letter-spacing: 1px;
    font-weight: 500;
}

.blog_box{
    padding: 5% 4% 4% 4%;
}

.blog_in_page .blog_box{
    padding: 5% 4% 4% 4%;
    box-shadow: 1px 1px 5px 4px #dcdcdc57;
}

.blog_back{
    grid-gap: 15px;
}


h5.blog_le_t{
    color: #2f5f7a;
    text-align: center;
    font-family: 'Noto Sans TC';
    font-weight: 400;
}

.blog_list_ri p{
    color: #3d3d3d;
    font-size: 17px;
    font-family: 'Noto Sans TC';
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 1px;
    -webkit-line-clamp: 2;
    text-align: justify;
}

.subbox_item a:before{
    content: 'Read More >';
    opacity: 1;
    color: #00ABAA;
}
.subbox_item a:hover:before{
    content: 'Read More >';
    opacity: 0.5;
    color: #00ABAA;
}


.blog_le .accordion{
    border: none;
    border-bottom: 1px solid #a4a4a4;
    border-radius: 0;
}


.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category{
    background: #305f7a !important;
}

.news_related_list{
    max-width: 80%;
    grid-gap: 40px;
}


.news_related_list li a p{
    font-size: 16px;
    color: #333;
    line-height: 4;
    font-family: 'Noto Sans TC';
}




/*下拉*/
.promotion_title{
    display: none;
}

.page{
    display: none;
}

.other_select_page .other_promotion{
    display: none;
}



/*聯絡我們*/



.contact_page #content{
    background: #eeeeee; 
}
.contact_content form{
    display: flex;
    flex-direction: row;
}

.contact_content .information_left{
    display: flex;
    width: 40%;
    flex-direction: column;
}

.contact_form li .form__label{
    display: flex;
    background: transparent;
}

.contact_content .information_right {
    width: calc(100% - 43%);
    padding-left: 3%;
}


.contact_form li.last cite{
    background: #2f5f7a;
}

.contact_form li {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    justify-items: start;
}

.blank_letter {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.red{
    order: 2; 
}


.blank_letter{
    color: #2e607a;
}

.list_before.info li{
     display: none;
}





/*頁腳*/
.box_link{
   display: none;
}
.footer_info{
   
    grid-template-columns: 1fr;
    padding-right: 0;
}
.copy{
    font-size: 16px;
    padding: 2% 0;
    border-top:none;
    color: #C0CFD7;
    font-family: "Noto Sans TC", serif;
}
.copy a{
    color: #C0CFD7;
}
.copy a:hover{
    
    color: #C0CFD7;
}
.footer_logo{
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer_info li p{
    color: #305F79;
    font-family: "Noto Sans TC", serif;
}
.footer_info li p a{
    color: #305F79;
}

.footer_info ul{
    grid-template-columns: 1fr 1.2fr 240px;
}

@media screen and (max-width: 1700px) {
.main_header_area .container{
    max-width: 90%;
    width: 100%;
}

}



@media screen and (max-width: 1500px) {
.main_header_area .container{
    max-width: 96%;
    width: 100%;
}
.stellarnav > ul > li{
    width: 96px;
}




}

@media screen and (max-width: 1280px) {
.pageIndex .header_area{
    position: relative;
}
.stellarnav > ul > li{
    width: 100px;
}
.stellarnav ul{
    margin: 1.5% 0 0 0;
}
.nav-brand img {
    max-width: 90%;
}
.stellarnav > ul > li {
    width: 84px;
}
.main_header_area .container{
    max-width: 94%;
}
.stellarnav > ul > li > a{
    font-size: 15px;
}


/*文章*/
.blog_page .main_part{
    width: 100%;
    max-width: 100%;
}

.blog_subbox {
    grid-template-columns: repeat(auto-fill, minmax(46%, 1fr));
}
.blog_le {
    width: 26%;
    padding-right: 2%;
}

.blog_ri {
    width: calc(100% - 27%);
}


/*頁腳*/
.footer_menu a{
    width: 100%;
}
.footer_info ul {
    grid-template-columns: 1fr 1fr 140px;
}

}

@media screen and (max-width: 1024px) {
/*文章*/
.blog_subbox{
    grid-gap: 20px;
}

/*聯絡我們*/
.contact_page .main_part{
    width: 100%;
    max-width: 80%;
    padding: 14% 0 0 0;
}

/*頁腳*/
.footer_info ul li h5,.footer_info ul li p,.footer_menu a{font-size: 16px;}
.footer_info ul {
    grid-template-columns: 1fr 0.8fr 140px;
}


}
@media screen and (max-width: 980px) {
.main_header_area .container {
    max-width: 100%;
}





}
@media screen and (max-width: 768px) {
/* 開啟手機板下方按鈕所需設定 */
.footer.with_shopping_mode { padding:30px 0 70px; }
#to_top { bottom:60px;}
#bottom_menu li{
    width: 100%;
}

#bottom_menu li:nth-child(2),#bottom_menu li:nth-child(3){
    display: none;
}


.stellarnav ul {
    margin: 0;
}

.stellarnav > ul > li{
    width: 100%;
}

.stellarnav > ul > li:after{
    display: none;
}


/*文章*/
.contact_content form {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
}

.contact_content .information_left{
    width: 100%;
}

.contact_content .information_right {
    width: 100%;
    padding-left: 0;
}

.blog_le {
    width: 100%;
    padding-right: 0;
}

.blog_ri{
    width: 100%;
    padding: 0;
    border-left: none;
}

.blog_subbox {
    grid-gap: 30px;
}





/*頁腳*/

#bottom_menu  .fa-phone-volume::before{
    color: #555555;
}

#bottom_menu .fa-phone-volume::after{
    right: 0;
    position: absolute;
}
.copy{
    font-size: 14px;
}


}
@media screen and (max-width: 600px) {
/*文章*/
.blog_subbox {
    grid-template-columns: 1fr;
}

.blog_page .main_part{
    max-width: 84%;
}


    

}


@media screen and (max-width: 480px) {
.header_area{
    position: relative;
}
.nav-brand img {
    max-width: 74%;
}

/*文章*/
.blog_le {
    width: 100%;
}
.blog_ri {
    width: 100%;
    padding: 0;
}
.subbox_item a {
    grid-template-columns: 1fr;
}
.blog_box {
    padding: 0;
}
.subbox_item a:before{
    right: 5%;
}
.blog_list_ri{
    padding: 8% 4% 14% 4%;
}
.blog_page .main_part, .blog_in_page .main_part{
    padding: 12% 0 0 0;
    margin-bottom: 6%;
}

/*banner*/
.banner.banblog{
    height: 310px;
}

/*頁腳*/
.footer_info ul {
    grid-template-columns: 1fr;
}
.notary_con dl dd section p{
    width: 100%;
}
.footer_info ul li{
    border-left: none;
    border-bottom: 1px solid #DDDDDD;
    padding: 0 0 8% 0;
}
.notary_con dl {
    width: 100%;
    grid-template-columns: 1fr 1fr;
    
}
.footer_info ul li:nth-child(3){
    border-bottom: none;
    padding: 0;
}
.footer_menu a {
    width: 46%;
}


/*代書試算表*/
.pr_in_text p{
    font-size: 15px!important;
}
.pr_in_text b{
    font-size: 15px !important;
}



}