@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,.blog_in_page  .main_part{
    width: 100%;
    max-width: 80%;
   
}

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

.services_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{
    position: fixed;
    background: rgba(256, 256, 256, .95);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
}

.header_area{
    background: #ffffff;  
}

.main_header_area {
   
    padding: 0;
}

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

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

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

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

.stellarnav li li:hover{
    background-color: #e7dec4;
}

.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: 144px;
    text-align: center;
}

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


.path{
    display: none;
}










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

.banner h5 {
    display: none;
}
.banner.banA {}
.banner.banB {}
.banner.banC {
   display: none;
}
.banner.banD {}
.banner.banE {}
.banner.banblog {
    background-image: url(https://pic03.eapple.com.tw/lyattorneys/column_banner.jpg);
    background-repeat: no-repeat;
    height: 420px;
}



/*文章管理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 {
    content: "";
    display: block;
    position: absolute;
    background-image: url(https://pic03.eapple.com.tw/lyattorneys/new_title.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 36px;
}
.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_page .blog_list_ri h5 {
    font-family: 'Noto Sans TC';
    color: #212121;
    margin-bottom: 2%;
    font-size: 22px;
    letter-spacing: 1px;
}

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

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


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

.subbox_item{
    border: 1px #DED7C5 solid;
}

.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: 18px;
    font-weight: 500;
}

.blog_le{
    width: 16%;
}


.blog_ri{
    width: calc(100% - 17%);
    padding: 0 0 0 3%; 
}

.blog_list_ri{
    padding:8% 4%;
}


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: #d2cbb7;
    text-align: center;
    font-family: 'Noto Sans TC';
    font-weight: 400;
}

.blog_list_ri p{
    color: #666;
    font-family: 'Noto Sans TC';
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 1px;
}

.subbox_item a:before{
    content: 'MORE';
    opacity: 1;
    color: #ada17e;
}

.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category{
    background: #ada17e !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_content{
    display: none;
}



/*頁腳*/
.box_link{
    display: none;
}

.footer {
    background: #272727;
}



.footer .center{
    max-width: 80%;
    width: 100%;
}

.footer_info ul{
    display: flex ;
    width: 100%;
}

.footer_info{
    grid-template-columns: 1fr;
    padding-right: 0;
}

.copy{
    border-top: 1px #313131 solid;
}

.copy a:hover{
    color: #999;
}

.footer_logo{
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer_logo{
    margin: 2% 0 0 0;
}

.footer_logo img{
    filter: contrast(0.1)  brightness(100);
}

.footer_info li{
    padding: 2% 0;
}



.footer_info li p{
    color: #ffffff;
    font-family: "Noto Sans TC", serif;
}

.footer_info li p a{
    color: #ffffff;
}


.footer_menu a{
    color: #888;
    background: #272727;
    border: 1px #454545 solid;
    width: 30%;
    text-align: center;
    padding: 2%;
    font-family: "Noto Sans TC", serif;
}


.footer_menu a:nth-child(1){
    display: none;
}

.footer_menu a:hover {
    background: #3d3c3c;
    color: #fff;
}

.footer_info li:nth-child(1){
    width: 80%;
}

.footer_info li:nth-child(2){
    width: 58%;
}

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

.stellarnav > ul > li {
    width: 118px;
}




}

@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;
}
    
.footer_info li:nth-child(2) {
    width: 68%;
}

.footer .center{
    max-width: 84%;
}

.footer_info li:nth-child(1){
    width: 100%;
}
.footer_info li:nth-child(2) {
    width: 48%;
}



}

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


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


.footer_info ul{
    display: flex;
    width: 100%;
    flex-direction: column;
}
.footer_info li:nth-child(2) {
    width: 100%;
}




}
@media screen and (max-width: 768px) {
/* 開啟手機板下方按鈕所需設定 */
.footer.with_shopping_mode { padding:30px 0 70px; }
#to_top { bottom:60px;}
.header_area,.header_area.sticky{
    position: relative;
}
/*換手機版大圖*/
.swiper-banner .swiper-slide img{display: none;}
.swiper-banner{ height:90vh; padding:0;}
.swiper-banner .swiper-slide:nth-child(1) { background-image: url(https://pic03.eapple.com.tw/lyattorneys/phone820-1.jpg); background-repeat:no-repeat;background-size: cover;background-position: top center;height: auto;}
.swiper-banner .swiper-slide:nth-child(2) { background-image: url(https://pic03.eapple.com.tw/lyattorneys/phone820-2.jpg); background-repeat:no-repeat;background-size: cover;background-position: top center;height: auto;}



.stellarnav ul {
    margin: 0;
}

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

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


/*頁腳*/
.footer_menu a{
    width: 49%;
}

.footer_info{
    padding: 0;
}

.footer_info li p{
    letter-spacing: 2px;
}
#bottom_menu  .fa-phone-volume::before{
    color: #555555;
}

#bottom_menu .fa-phone-volume::after{
    right: 0;
    position: absolute;
}


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


}


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

/*換手機版大圖*/	
.swiper-banner{ height: 54vh;}	
            

.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_menu a {
    width: 47%;
}


}


@media screen and (max-width: 375px) {
/*換手機版大圖*/	
.swiper-banner{ height:59vh;}	
	
	
}

@media screen and (max-width: 280px) {
/*換手機版大圖*/	
.swiper-banner{ height:52vh;}	
	
	
}