@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@500&display=swap');

/*尚耘*/

/*預設解除背景輪播*/
#content_main { margin:0;}
.bannerindex { position:static; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;} 
.swiper-slide img { height:auto;}
.swiper-slide::after {
    top: 55%;
    width: 80vw;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 850px;
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    background-position: center;
    filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
}
/*.swiper-slide:nth-child(1):after {background-image: url(https://pic03.eapple.com.tw/shangyunlawyer/swiper-slide1.png);}*/
.swiper-slide:nth-child(2):after {background-image: url(https://pic03.eapple.com.tw/shangyunlawyer/swiper-slide2.png);}



/*首頁迴圈項目*/
/*首頁-最新消息區塊*/
.news_part {
    max-width: 100%;
    padding: 50px 140px 50px 320px;
    background-color: #252525;
}
.news_part .title_box { color: #967c35;}
.title_box span {color: #ddd;}
.news_list ul li a { color: #ddd;}
.news_list ul li:hover {border-bottom: 1px #c7a040 solid;}


/*首頁-最新商品區塊*/
/*.products-box{display: none !important;}商品*/
.path {display: none !important;}


.show-list .show_pic {
  
    height: 500px;
}

.pic-list .show_pic{
    height: 500px;
}
/*版面範圍設定*/
.page{margin: 0;}
#content {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 0;
    
    background-position: top;
    background-repeat: no-repeat;
    
    background-attachment: fixed;
}
#content_main{z-index: 1;}

/*手機板漢堡鈕相關*/
.nav-dropdown > li > a{width: 100%;}



/*header*/
.nav-header { padding: 0;}
.header_area.sticky .main_header_area:before { content: ""; width: 100%;}
.main_header_area:before {
    content: "";
    width: 0%;
    height: 3px;
    background: linear-gradient(90deg, #c7b6a8, rgb(193 183 135 / 70%));
    position: absolute;
    top: 0;
    left: 0;
    transition: all 1s;
    animation-timing-function: ease-in;
}

.pageIndex .header_area{position: fixed;width: 100%;}
.main_header_area {background: rgb(5 42 74 / 77%); box-shadow: 1px 1px 10px rgba(0,0,0,0.3);    height:65px;}
.main_header_area .container {max-width: 1200px;}


.nav-brand{width: 270px;transition: all .5s;transition-timing-function: ease-in-out;}
.nav-menu{margin: 0 0 0 0;transition: all .5s;transition-timing-function: ease-in-out;}
.nav-menu>li>a{padding: 24px 30px;font-size: 16px;color:#dfc89d;letter-spacing: 0.1em;text-shadow: 1px 1px 3px rgba(0,0,0,0.1);transition: all .3s;}

.submenu-indicator-chevron {border-color: transparent #ccc #ccc transparent;}


.submenu-indicator {margin-top: 5px;}
.tp_links{display: none !important;}
.nav-menu>li:hover>a, .nav-menu>li.active>a, .nav-menu>li.focus>a {color:#fff;}
.nav-menu>li:hover>a .submenu-indicator-chevron, .nav-menu>.active>a .submenu-indicator-chevron, .nav-menu>.focus>a .submenu-indicator-chevron {border-color: transparent #c5a469 #c5a469 transparent;}

/*下拉選單hover左側突出色塊顏色*/
.nav-dropdown{background: #ceaf6f; box-shadow: 1px 1px 10px rgba(0,0,0,0.3); }


.nav-menu>li>.nav-dropdown{border: none;min-width: auto;}
.nav-dropdown > li > a {background:#253642; border-bottom: 1px solid #77818757; color:#ffffff; transition: all .5s; letter-spacing:0.1em;
           transform: translateX(0);padding-right: 50px;}/*下拉背景*/
.nav-dropdown>li:hover>a, .nav-dropdown>li.focus>a {color: #eee;transform: translateX(4px);}




.nav-dropdown .nav-dropdown{border: none;}
.nav-dropdown > li > a:hover, .nav-dropdown > li > a:focus {color: #fff;}
.nav-dropdown > li:hover > a, .nav-dropdown > li:focus > a {color: #ceaf6f;}
.nav-dropdown>li:hover>a .submenu-indicator-chevron, .nav-dropdown>.focus>a .submenu-indicator-chevron {
    border-color: transparent #c5a469 #c5a469 transparent;}/*下拉選單hover箭頭*/


/**/
.footer_info li p.tel2:before { content: 'LINE ID：';}
/*
.footer_info li p.add2:before {    content: '台北事務所地址：';}
*/





/*footer*/
.footer {
    background:#021322;
    background-image: url(https://pic03.eapple.com.tw/shangyunlawyer/footer_bg.jpg);
    padding: 30px 0 0;
    background-position: center top;
}
.footer_logo { max-width: 160px; margin-right: 30px;}
.footer_logo img{width: 100%;}
.footer_info { padding: 0 70px 8px 0;}
.footer_info li:nth-child(1){width: 100%;}
.footer_info li:nth-child(2){width: 100%;margin-top: 20px;}
.footer_info li p{color:#ada078;}
.footer_info li p a { color:#e7e4d5;}

.footer_menu a {
     background: #c1a055;
    color: #021322;
    border-radius: 0;
    transition: all 0.3s;
    border: 1px rgb(235 202 26 / 0%) solid;
}
.footer_menu a:hover {
     background:#f5c411;
    color:#021322;    
    transition: all 0.3s;
}
.copy {
       text-align: center;
    padding: 7px 0;
    font-size: 13px;
  color: #e5e5e5;
    border-top: 1px #c1a055 solid;
    margin-top: 15px;
    background: #c1a055;
}
.copy a{color:#e9e4dd;}

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

/*內頁BANNER 設定*/
.banner {
	background-image: url(https://pic03.eapple.com.tw/shangyunlawyer/ban.jpg);
	height: 312px;
    /*background: #8b7a6e;
    height: 250px;
    position: relative;
    background-position: center;
	*/
}
.banner h5 {
    color: #ffffff;
    position: absolute;
    top: 24%;
    left: 50%;
    letter-spacing: 0.15em;
    transform: translate(-50%,-50%);
    font-size: 40px;
    font-weight: bold;
    /* text-shadow: 0px 0px 3px #000; */
}
/*.banner h5:before {
    content: "SERVICE"!important;
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    color: #354653;
    font-size: 14px;
    width: 260px;
    letter-spacing: 0.1em;
}*/
/*.banA { background-image: url(https://pic03.eapple.com.tw/shangyunlawyer/banA.jpg); }
.banB { background-image: url(https://pic03.eapple.com.tw/shangyunlawyer/banB.jpg); }
.banC { background-image: url(https://pic03.eapple.com.tw/shangyunlawyer/banC.jpg); }
.banD { background-image: url(https://pic03.eapple.com.tw/shangyunlawyer/banD.jpg); }
.banE { background-image: url(https://pic03.eapple.com.tw/shangyunlawyer/banE.jpg); }
.banF { background-image: url(https://pic03.eapple.com.tw/shangyunlawyer/banF.jpg); }
.banner.banblog{ background-image: url(https://pic03.eapple.com.tw/shangyunlawyer/banblog.jpg); }




*/

/*商品*/

.products-list .name {
	    margin-top: 135px;}

/*文章管理*/
.blog_page .main_part{max-width: 1900px;}
.blog_in_page .blog_box_edit { color:#484848;}/*內文文字背景深色固定文字顏色*/


/*大分類*/
.blog_subbox{display: flex;flex-wrap: wrap;}
.subbox_item{width: 32%;padding: 3px;}
.subbox_item a:after{border: none;    background:rgb(11 47 84 / 64%);}
.blog_list_le{width: 100%;padding: 0;padding-bottom: 100%;height: 0;overflow: hidden;}
.blog_list_ri { width: 100%; background: #ceaf6f; padding: 20px; text-align: justify;}
.blog_list_ri h5 { font-size: 22px; font-weight: bold !important; color: #222222 !important;}
.blog_list_ri em {font-size: 14px; color:#354653; font-style: normal; display: block;  margin: 3px 0;}
.blog_list_ri p {font-size: 15px; color: #333333; line-height: 120%; padding: 5px 0 0;}
.blog_page h4.blog_category_title {border-bottom: none;}

/*側邊選單*/
/*文章分享側邊欄設定*/
.blog_le .accordion li .link{padding: 0;}
.blog_le .accordion li .link a { padding: 15px 10px; display: block; color:#c19d53; border-bottom: 1px solid #c19d53;}
.accordion li .link{font-weight: 500;}
.blog_le .accordion { list-style-type: none; margin: auto; border-radius: 0px; border: 0px #ccc solid; overflow: hidden;}
.blog_le .accordion  >  li:hover, .blog_le .accordion  >  li.on_this_category {background: #033654 !important;transition: all 0.6s ease;}
.submenu li {background: #194268 !important;}
.submenu a {color:#fff; }
.submenu a:hover {background:#ceaf6f; }
.article_btn_back{background: #ceaf6f !important;}
.blog_back a.article_btn_next{background: #181d20;}
h5.blog_le_t{font-family: '微軟正黑體';font-weight: 300;}



/*文章說明頁*/
.blog_box_edit *{line-height: 160%;}
h4.blog_category_title{font-weight: normal;color: #333;}
.blog_back a.article_btn_prev {background: #181d20;}





/*相簿*/
.album_page .main_part{max-width: 1450px!important;}
.album_info_page .main_part{max-width: 1450px!important;}
.other_album{display: none;}
.show-list .item { width: 24%; padding: 0 0; margin: 15px 5px;}
.show-list .item:hover .show_name { color: #b79862;}

.pic-list .item { width: 23.5%; padding: 0 0; margin: 10px 0.5%;}




/*最新消息_促銷方案*/
/*內文文字背景深色固定文字顏色*/
.show_content.fadeInUp.animated15 { color: #084070;}


.time { color: #dfc589;}
.pmtTitle span { color: #dfc589;}
.promotion_title span { color: #dfc589;}
.promotion_title h2 { color: #333;}
.other_promotion .pmtTime { color: #dfc589;}
.other_promotion .pmtTitle h3 {color: #333;}
.other_promotion li:hover { border-top: 1px solid #dfc589;}




/*聯絡資訊表單*/
.contact_content .information_left { width: 320px;}
.contact_content .information_right { width: calc(100% - 325px);  padding-left: 20px;}

/*表單*/
.blank_letter { color: #ceaf6f;}
.list_before { color:#323131;}
.list_before.info { max-width: 100%;}
.list_before.info a { color:#fff;}
.noborder { background-color:rgb(247 244 238);color:#3e3c3c;}
.contact_form {margin-top: 0px;}
.contact_form li .form__label { color:#403d3d;}
.contact_form li { border-bottom: 0px solid #000000;}
.contact_form li.last { color: #ffffff;}

/*MAP*/


.Compilation:before, .TEL:before, .TEL2:before, .PHONE:before, .FAX:before, .TAXID:before, .MAIL:before, .ADD:before, .ADD2:before {
    font-size: 15px; font-weight: normal;  letter-spacing: 1px; width: 100px;}
.list_before li { margin: 0; line-height: 2em;}

/*.list_before.info li:nth-child(6) {padding-left: 70px;}*/
/*----------------------------------------------------------------*/


.arrow{fill: #fff;}
.animated-arrow {background: #ceaf6f; border-radius: 0 ; color:#f7f0f0;}
.animated-arrow:hover {box-shadow: 2px 2px 5px #232323;}


/*250410*/
.footer_info li p.add:before {
    content: '高雄諮詢處地址：';
}



@media screen and (max-width: 1200px) {
.footer_info { padding: 0 70px 30px;}
}



@media screen and (max-width: 1024px) {
.news_part { padding: 50px 140px 50px 320px;}
.nav-menu>li>a {padding: 40px 25px;}
}


@media screen and (max-width: 980px) {
.news_part{padding: 50px 20px;}
.nav-menu>li>a { padding: 40px 15px;}
/*聯絡資訊*/
.noborder { border: none; border-bottom: 1px solid rgb(255 255 255 / 20%);}
}

@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0;position: relative;}

/*開啟手機板下方按鈕所需設定*/
#bottom_menu {display: block; }
.footer.with_shopping_mode { padding:30px 0 70px;}
#to_top { bottom:40px;}
	

/*以下其他設定*/
/*header*/
.pageIndex .main_part {border-top: 0px solid #ccc;}
.pageIndex .header_area{position: relative;}
.main_header_area {height: 80px;}
.navigation-portrait .nav-brand { position: absolute; top: 8px; left: 35px;}
.nav-toggle:before {background-color: #eee;box-shadow: 0 0.5em 0 0 #eee, 0 1em 0 0 #eee;}
.nav-toggle:after{color: #eee;}


/*手機版選單MENU----------------------------------------------------------*/
.nav-brand-m {display: block; text-align: left; padding: 40px 20px 0;}/*MENU LOGO*/
.nav-brand-m img { max-width: 300px; width: 100%;}/*MENU LOGO*/

/*MENU寬度*/
.navigation-portrait .nav-menus-wrapper {width: 80%; background-color: #354653;}
.navigation-portrait .nav-dropdown>li { width:100%;}
.navigation-portrait .nav-dropdown>li>a { width: 100%;}

/*下拉選單hover左側突出色塊顏色*/
.navigation-portrait .nav-menu>li { border-top: solid 1px rgb(240 240 240 / 10%);}
.nav-dropdown { background: #a5a8ab; box-shadow: 0px 0px 0px rgb(0 0 0 / 0%);}
.navigation-portrait .nav-dropdown>li>a:before { background: #354653;}
.nav-menus-wrapper-close-button{color: #eee;}
.nav-dropdown>li>a{text-align: center;}

/*----------------------------------------------------------------------*/


/*footer*/
.footer_logo { width: 100%;  max-width: inherit;  margin-right: 30px; margin: 0 0 0;}
.footer_logo > a{ height: 80px; display: inline-block;}
.footer_logo > a >img{ width: 160px; }
.footer_info { padding: 0 100px 30px; }

/*相簿*/
.show-list .item {width: 100%;}
.pic-list .item{padding: 0;margin: 3px;width: 47%;}

/*相容性調整*/
/* 大圖調整 */
.swiper-slide img { animation-fill-mode: none;  -webkit-animation-fill-mode: none;}

/*新版最新消息內頁 */
.blog_back {display: flex; justify-content: space-between; align-items: center; align-content: center;}
.blog_back a {width:31.5%;}
	
/*購物車*/
.mobile_product_name { color: #ffffff;}
.product-layer-two li { width: auto; text-align: center;}
	
/*舊最新消息*/
.news_part {padding: 50px 20px 50px;}

/*聯絡表單*/
.contact_content > .style1 { display: flex; flex-wrap: wrap-reverse;}/*聯絡資訊 及 表單 位置調換*/
.list_before.info {width: 100%;}
.contact_content .information_left { width: 100%;  padding: 0 30px;}
.contact_content .information_right {width: calc(100% - 0px); padding: 0 30px;}
	
}


@media screen and (max-width: 600px) { 
#content { background-position: bottom;	background-attachment: inherit;}

/*banner*/
.banner{height: 200px !important;}
.banner h5{font-size: 24px;}
.banner h5:before{font-size: 36px;}
.footer_info {padding: 40px 30px; text-align: center;}

}


@media screen and (max-width: 480px) { 
#content_main { margin-top: -1vh;}
.swiper-slide::after { width: 100vw;}

.navigation-portrait .nav-menus-wrapper{width: 80%;}
.footer_info li:nth-child(2) { margin-top: 0px;}

/*舊最新消息*/
.news_part {padding: 50px 15px 50px;}
.subbox_item {width: 100%;}
.footer_menu a:nth-child(1) { display: none;}

}


@media screen and (max-width: 380px) { 
.footer_logo > a >img { width: 160px;}
.footer_logo > a { height: 60px;}


}