@charset "utf-8";
/* *************穩勝國際法律事務所****************** */
/*
關於CSS設定說明
CSS屬性是會繼承的，而且還是由上往下繼承。
同樣元素設定16px 後 12px 再 15px 最後會以最後設定的15px為準
但是有兩種情況除外:
1.絕對路徑命名. 如: .xx .yy .zz p {設定值;}
2.important.  如: .xx p {設定值 !important;}

CSS3選取器語法 :nth-child(n) 

*/
/*字體*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
body{font-family: 'Noto Sans TC', sans-serif;font-weight: 400;}

.path p, .path p a { display: none;}
.edit_part {  max-width: 100%;  margin: auto;  padding: 0px;}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*上方選單解除滑動固定
.header_area.sticky { position:relative;}
*/


/*上方選單右邊設定 臉書/LINE/電話/信箱
.tp_links a:before {寬高大小設定}
.tp_links a.me_tp_fb {}
.tp_links a.me_tp_fb:before {背景換圖/建議.SVG}
.tp_links a.me_tp_line {}
.tp_links a.me_tp_line:before {背景換圖/建議.SVG}
.tp_links a.me_tp_call {}
.tp_links a.me_tp_call:before {背景換圖/建議.SVG}
.tp_links a.me_tp_mail {}
.tp_links a.me_tp_mail:before {背景換圖/建議.SVG}
*/
/*內頁*/
#content_main {  background: #fff;}
#content {  background: #fff;margin-bottom: -7px !important;}

	
/*電腦LOGO*/
.nav-brand {  margin-top: 24px; width: 235px;  margin-left: 20px;  transition: .6s all;}
.pageIndex .sticky .nav-brand {  margin-top: 24px;  width: 235px; }
.nav-brand:hover { transition: .6s all;}
/*.other_page .nav-brand img, .album_page .nav-brand img,.album_info_page .nav-brand img, .album_class_page .nav-brand img, .contact_page .nav-brand img {  max-width: 100%;  filter: brightness(5);  margin-top: -2px;  width: 125px;}*/
/*.footer_logo img { display:none;}
.footer_logo {  display: none;}*/
/*手機LOGO
.nav-brand-m {}
*/

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*Header*/
.pageIndex .header_area { position: fixed;  width: 100%;}
.pageIndex .main_header_area {  background:#ffffffe3;  height: 88px; transition: .8s all;/*border-bottom: solid 1px #353535;*/}
.header_area.sticky .main_header_area { background: /*#34697df5*/#fff;transition: .8s all;}
.main_header_area { background: /*#34697d*/#fff; }
.main_header_area .container {  max-width: 95%; transition:.5s;}
.sticky .main_header_area .container {  max-width: 95%;transition:.5s;}
.stellarnav > ul > li > a {  font-weight: 400;  letter-spacing: .5px;height: 51px; padding: 4px 9px; color:#1D1B3D;    letter-spacing: 2px; font-size: 16px;   margin:15px 3px;}
.stellarnav > ul > li > a:hover {  font-weight: 400; color: #424242; transition: .5s;}
.stellarnav li li > a{ font-size:12px; color: #696253;}/*下拉*/
.stellarnav li li > a:hover { background-color: #f1f0e9;  color: #696253;transition:.5s all;}/*下拉hover*/
.stellarnav.desktop li a { padding: 10px;}
.stellarnav li li {  display: block; border: none;  margin-bottom: -1px;  background-color: #fff; color: #222;border: solid 1px #dfdfdf;}/*下拉hover*/
.stellarnav > ul > li > a b {  font-weight: 300;}


/*選單底部hover線條*/
/*.stellarnav > ul > li::after { content: "";display: block; height: 2px;width: 0%;background: #fff; position: absolute; bottom: 0; transition: all 0.3s; right: 0;}
.stellarnav > ul > li:hover::after { width: 100%; transition: all 0.3s;left: 0;}
.stellarnav li.has-sub > a:after {top: 54%;}*/
/*大圖文案*/


.swiper-wrapper .swiper-slide:nth-child(1)::after {
    content: "";
    position: absolute;
    bottom: 19%;
    width: 22vw;
    left: 70%;
    transform: translate(-50%, -50%);
    height: 20VW;
    background: url(https://pic03.eapple.com.tw/visionlawpartner/banner_text01.png) no-repeat;
    z-index: 100;
    background-position: left bottom;
    background-size: contain !important;
    animation: move .8s ease;
}
.swiper-wrapper .swiper-slide:nth-child(2)::after {
    content: "";
    position: absolute;
    bottom: 0%;
    width: 22vw;
    left: 18%;
    transform: translate(-50%, -50%);
    height: 20VW;
    background: url(https://pic03.eapple.com.tw/visionlawpartner/banner_text02.png) no-repeat;
    z-index: 100;
    background-position: left bottom;
    background-size: contain !important;
   /* animation: move 1.5s ease;*/
}



/*大圖裝飾線條動態*/
.swiper-wrapper{position: relative;}
.swiper-wrapper:before{content: "MORE";width: 5px;height: 1px;background: #fff;z-index: 100;
position: absolute;top: 84%;left: 50%;transform: translateX(calc(-50% - 7px));animation: move 3s ease infinite;
font-size: 14px;letter-spacing: 1.1px;/*writing-mode: vertical-lr;*/color: #fff;font-weight: 300;line-height: 185%;display: flex;
    flex-direction: column-reverse;}


/*@keyframes move{
	0%{width: 0px;}
	50%{width: 30px;}
	100%{width: 60px;}
}
*/





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

/*大圖*/
.swiper-wrapper .swiper-slide:nth-child(1)::after {  width: 32vw;}
.swiper-wrapper .swiper-slide:nth-child(2)::after {  width: 32vw;left: 27%;}

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

/*大圖文案*/
.swiper-wrapper .swiper-slide:nth-child(1)::after {  width: 30vw;}
.swiper-wrapper .swiper-slide:nth-child(2)::after { width: 30vw;bottom: 4%;  height: 20VW;}
.pageIndex .main_header_area {  background:#fff; } 
}
@media screen and (max-width: 600px) {

/*大圖文案*/
.swiper-wrapper .swiper-slide:nth-child(1)::after {  width: 27vw;height: 55VW;bottom: -9%;}
.swiper-wrapper .swiper-slide:nth-child(2)::after { width: 30vw;height: 62VW;bottom: -40%;}
.swiper-wrapper:before {top: 77%;   font-size: 10px;}

}

.swiper-pagination { display: none;}/*輪播白點移除*/
.bannerindex {  z-index: 1; top: 0;  left: 0;  width: 100%;  height: 100vh;  overflow: hidden; position: fixed;}/*大圖固定*/






.navigation { padding: 0px 0 0px 210px;}
button, html input[type="button"], input[type="reset"], input[type="submit"] { border-radius: 0px;}
.box_search input[type=text] {  border-radius: 0px;padding: 3px 10px 3px 32px;color: #111 !important;}
.shop_search_btn { background: #717171;}
.tp_links { display: none;}	
.me_tp_features {  margin-bottom: 0px;  margin-top: -4px;}
.me_tp_features a {  margin-bottom: 3px;}
.stellarnav li.has-sub > a:after{ display:none;}
.stellarnav li > a:before{   position: absolute;  width: 30px;  height: 30px;  top: -1px;  left: 50%; transform: translateX(-50%);}

@media screen and (max-width: 1900px) {
.swiper-wrapper:before {  background-size: contain !important;}
}
@media screen and (max-width: 1450px) {
.main_header_area .container { max-width: 80%;}


}
@media screen and (max-width: 1300px) {
.main_header_area .container { max-width: 90%;}
.stellarnav > ul > li > a { padding: 4px 2px;}
.nav-brand {  margin-top: 20px;  margin-bottom: 0px; margin-left: 0px;}


}
@media screen and (max-width: 1024px) {
.pageIndex .header_area { position: fixed; }
.navigation { padding: 10px 0 0px 0px;}
.main_header_area { height: 115px;}
.stellarnav > ul > li > a {  padding: 0px 2px;height: 36px;  font-size: 14px;}
.stellarnav > ul > li:nth-child(7) { background-color: transparent;}
.nav-brand { margin-top: 3px;width: 120px;}
.pageIndex .sticky .nav-brand { margin-top: 3px; width: 120px;}
.stellarnav > ul > li > a { margin: 0px 5px;}
.sticky .nav-brand {  margin-top: 4px;  width: 70px;}
.stellarnav.desktop li a {  padding: 0px 10px;}



}
@media screen and (max-width: 880px) {
.nav-brand {   margin-top: 6px;  width: 80px;}
.pageIndex .sticky .nav-brand { margin-top: 6px; width:80px;}
}
@media screen and (max-width: 768px) {
.stellarnav li > a:before {  position: absolute;  width: 30px; height: 30px;  top: 12px; left: 13%;  transform: translateX(-50%);}
.stellarnav.mobile > ul { border-top: none;}
.stellarnav.mobile > ul > li { background-color: #ffffff;  text-align: left;  padding-left: 10px; border-bottom: 1px #e5e5e5 solid;}
.stellarnav.mobile > ul > li > a { padding: 13px 10px 8px 10px; margin-left: 0px;border-bottom: none;font-weight: 400;}
.stellarnav.mobile > ul > li > a.dd-toggle { display: none;}
.me_tp_features a span { font-size: 13px;}
.me_tp_features a i {  margin: 0 3px; font-size: 11px;}
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul { max-width: 100%;}
.nav-brand { width: 170px;  margin-top: 10px;  margin-left: 0px;}
.sticky .nav-brand {  margin-top: 12px; width: 120px;}
.pageIndex .main_header_area {  height: 70px;}
.pageIndex .sticky .nav-brand {  margin-top: 12px;    width: 120px;}
.stellarnav .menu-toggle span.bars span {background: #36241e;}
.stellarnav .menu-toggle:after{color: #36241e;font-weight: 300;}
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { background: #e8e5e0;  color: #424242; padding: 10px 10px 11px 10px;}
.stellarnav .icon-close:after { border-bottom: solid 2px #36241e;}
.stellarnav .icon-close:before{ border-bottom: solid 2px #36241e;}
.stellarnav .icon-close { margin-right: 3px;}
.stellarnav.mobile.sticky{left: 0;}
.stellarnav.mobile ul {  background: #fff;}
.stellarnav .menu-toggle span.bars span { width: 25px; height: 1px; margin: 2px auto 5px;}
.stellarnav .menu-toggle { padding: 14px 10px;}
.main_header_area {  height: 70px;}
.pageIndex .header_area { position: relative;background: #34697d;}
.nav-brand img {max-width: 100%;  }
.swiper-slide:before { top: 80%; left: 63%;}  
    
}

@media screen and (max-width: 440px) {
.swiper-wrapper:before{ display:none;}
}

@media screen and (max-width: 400px) {
.stellarnav .menu-toggle { padding: 16px 10px;}
.box_search input[type=text] { width: 71px;font-size: 10px;}
.me_tp_features a span { font-size: 9px;}
.me_tp_features a { margin: 0 1px;}
.shop_search_btn {  font-size: 10px; top: 3px; padding: 4px 15px;}
.shop_search_txt { font-size: 13px; height: 16px;}

    
}


/*浮動按鈕*/
/*.info_fix_links a, .info_fix_links a+a { display: none;}*/
.info_fix>span{background-color: #1D1B3D;}
.info_fix_links a {  background: transparent;}
.info_fix_links a:hover { background: transparent;}
.info_fix_links{ display:block !important;}/*保持展開*/
.info_fix>span { display: none;}/*隱藏展開鈕*/
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*Footer*/
.box_link a { display: none;}
.center { max-width: 1760px;}
.footer {    padding: 50px 0px 0px 0px;background-color:#e8e5e0; background-repeat: no-repeat;  background-position: right;
 background-size: cover;}
.footer_logo {  margin-top: 5px;    width: 240px;margin-right: 45px;}
.footer_logo img { width:100%;}
.footer_info { padding: 0 60px 60px 0;margin-top: 20px;}
.footer_info li p a { color:#1D1B3D;  font-weight: 400;}
.footer_info li:nth-child(1) {  width: 100%;  display: flex;  flex-flow: column;  padding: 0 17px;  flex-wrap: wrap;  flex-direction: row;margin-bottom: 0px;margin-top: 15px;}
.footer_info li:nth-child(2) {  position: absolute; right: 0; top: 0;}
.footer_info li p { width: calc(140% / 1); color: #1D1B3D; font-family: 'Jost','Noto Sans TC', sans-serif; letter-spacing: 2px;line-height: 2em;font-size: 14px;}
.footer_menu a { letter-spacing: 1px; padding: 5px 7px; border: none; font-size: 14px; color: #1D1B3D; background: none;  font-weight: 400;}
.footer_menu a:hover {  color: #424242;background: none; /* color: #b91417; font-weight: 600;*/}
.copy {  color: #1D1B3D;  border-top: none;  margin-top: 15px; padding: 30px 0px 23px 0px; background-color: transparent; font-size: 11px;  letter-spacing: 1px; font-weight: 300; }
.copy a { color: #1D1B3D; }
.footer_menu a:nth-child(1) { display: none;}

.footer_info li p.taxid:before {content: '營業時間：';}

.footer_info li:nth-child(1):before {   font-size: 18px;  font-family: serif;  color: #8f8571;  letter-spacing: 1px;  padding: 5px 1px;  margin-bottom: 10px; border-bottom: solid 1px;}
/*footer選單hover線條*/
/*.footer_menu a {  margin: 0; text-align: left; transition: all 0.3s;  position: relative;padding: 10px 7px;}
.footer_menu a:after { content: '';  display: block; width: 100%; height: 2px; background-color: #b2975700; position: absolute;  bottom: 0px; left: 0px; z-index: -1;transition: all .4s;}
.footer_menu a:hover:after {animation-name: line_move;animation-duration: 0.5s; background: #1D1B3D;}
@keyframes line_move{  30%{left:100%;width:0}40%{width:0;left:0}100%{left:0;width:100%}}*/

@media screen and (max-width: 1550px) {
.footer_info li:nth-child(2) { right: 10px;}
.footer_info li:nth-child(1) { padding: 0 40px;}
.footer_logo {  margin: 15px 30px; width: 260px;}
}
@media screen and (max-width: 1024px) {
.footer_info li p {  width: calc(140% / 2);}
.footer_info ul {  margin-left: 12px;}
.footer_logo {  margin: 0 30px;}
.footer_info li:nth-child(1):before {  margin-bottom: 14px;  width: 62%;}
}
@media screen and (max-width: 880px) {
.footer_info ul {  width: calc(100% - 115px);}
.footer_menu a { padding: 5px 2px;}
.footer_logo { width: 215px;}
.footer_info li:nth-child(1) {  padding: 0 20px; }
}
@media screen and (max-width: 768px) {
.footer_info ul {  width: 100%;}
.footer_info li p { width: 100%;}
.footer_info li:nth-child(1):before {    margin-bottom: 14px;     width: 100%;      text-align: center;      border-bottom: none; }
.footer_logo {  margin: 10px 17px;}
.footer_info ul { text-align: center;margin: 0px;}
.footer_info li:nth-child(1) { flex-flow: column;  padding: 0px;  flex-wrap: wrap;  flex-direction: column; margin-bottom: 60px;}
.footer_logo {  margin: 0px 17px;  display: none;}
.footer_info {  padding: 20px 0px;}
.footer .center { width: 85%;}
.footer_menu a { padding: 7px;}
.footer_info li:nth-child(2) {  right: unset; top: unset;  bottom: 0; border-bottom: solid 1px #cbcbcb;width: 100%;}
.copy { padding: 30px;border-bottom: none;}
#bottom_menu li a { background-color: #50aab5;}
.fa-house::before {  color: #1c1c1c;}
.fa-phone-volume::before{  color: #1c1c1c;}
#bottom_menu li a em { color: #222;}
#bottom_menu li a { display: none;}

  
}
@media screen and (max-width: 600px) {
.swiper-slide:nth-child(1):after { width: 17vw;}
.swiper-slide:nth-child(4):after { width: 17vw;}
.swiper-slide:before {  font-size: 1.5vw;}

}
@media screen and (max-width: 400px) {
.footer_info li:nth-child(1) {margin-bottom: 125px;}
.stellarnav.mobile > ul > li > a {padding: 15px 10px 10px 10px;  font-size: 14px;}
.footer .center { width: 80%;}
.footer_info li p { font-size: 12px; letter-spacing: 1px;}
}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */




/*預設解除背景輪播*/
#content_main { margin:0;}
.bannerindex { position:static; 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;}
}


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*內頁BANNER 設定*/
.banner {}
.banner h5 {}
.banner.banA {}
.banner.banB {}
.banner.banC {}
.banner.banD {}
.banner.banE {}
.banner.banblog {}

.banner {  background-image: none;  background-color: #1a1a1a;}
.banner {
   background-image: url(https://pic03.eapple.com.tw/visionlawpartner/banner_page01.jpg);
    background-color: #fff;
    background-size: cover;
    background-position: center;
    max-height: 250px;
    margin-bottom: 0vw;
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 25 / 7;
    padding: 80px 0px;
	font-family: 'Noto Serif TC', serif;
}

.banner h5 {
    color: #1d1b3d;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 3px;
	font-family: 'Noto Serif TC', serif;
}
.banner h5:after {
    content: " ";
    display: block;
    width: 50%;
    height: 90px;
    margin-top: 40px;
    margin-bottom: 0px;
    border-right: solid 1px #7d7d7d;
}
.banner h5:before {
    content: "VISION LAW";
    display: block;
    font-size: 19px;
}


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

.banner { padding: 80px 0px 40px 0px;}
.banner h5:after { margin-top: 25px;}
}
@media screen and (max-width: 600px) {
.banner {  padding: 80px 0px 55px 0px;}
}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*文章設定*/
/*一排呈現
.subbox_item { width:100%;}
*/

.blog_page .subbox_item {  width: 33%;padding: 10px;}
.blog_page .blog_list_ri {  width: 100%;padding: 15px 10px;}
.blog_page .blog_list_le { width: 100%;}
.blog_page .subbox_item a {  padding: 5px;}
.blog_le .accordion { border-radius: 0px;}
h5.blog_le_t span {  font-size: 14px;  color: #1D1B3D; margin-left: 14px;}
.blog_page .main_part {  max-width: 1400px;}
.blog_in_page .main_part, .blog_page .main_part  { max-width: 1500px;}
h5.blog_le_t em {  display: inline-block;   font-style: normal;  color:#1D1B3D;;  font-weight: 500;}
.blog_search input[type=search] {  outline: none;  box-sizing: border-box;  width: 100%;  font-size: 14px;  color: #1d1b3d !important; border: solid 1px #ccc; border-radius: 5px;padding: 10px 35px 10px 10px;background-color: #fff;}
h4.blog_category_title {  color: #1D1B3D; font-weight: 500;letter-spacing: 1px; border-bottom: solid 1px #d7d7d7; font-size: 26px;}
.blog_le .accordion > li:hover .link a, .blog_le .accordion > li.on_this_category .link a { color:#fff !important;font-weight: 600;}
.blog_le .accordion > li:hover .link, .blog_le .accordion > li.on_this_category .link{background-color: #1D1B3D;}
.blog_le .accordion { border:transparent;}
.accordion li .link { border-bottom: 1px solid #bfbfbf; background-color: #fff;}
.accordion li:hover .link {  background-color: #1D1B3D;  transition: .5s all;}
.submenu {  background: #e8e5e0;}
.submenu a { color: #0c0c0c;  background-color: transparent; padding: 12px ; letter-spacing: 2px; transition: all 0.6s ease; font-weight:400;}
.submenu a:before{ display:none;}
.submenu a:hover {  background-color: transparent; color: #1D1B3D;}
.link a {  font-weight: 500; color: #1D1B3D; letter-spacing: 1px;}
.submenu li { border-bottom: 1px solid #b9b9b9;}
.subbox_item a:after {  background: transparent;  border: none;  border-bottom: 1px #1D1B3D solid;}
.blog_list_ri h5 { color: #1D1B3D; letter-spacing: 1.1px;}
.blog_list_ri em { color: #bebab4;}
.blog_box_edit p { color: #2d2d2d; letter-spacing: 1.1px;}
.subbox_item a:before {  content: 'READ MORE';  position: absolute;  z-index: 19;  right: 50%;  transform: translateX(50px);  top: 92%;  opacity: 0; font-size: 15px;  color: #fff;  transition: all .6s;  font-weight: 400; letter-spacing: 1px;}
.blog_page .main_part, .blog_in_page .main_part  {  padding: 80px 20px;}
.blog_back a.article_btn_prev {  background: #dad6cf;color: #222;}
.blog_back a.article_btn_next { background: #dad6cf;color: #222;}
.blog_back a.article_btn_back {  background: #e8e5e0;  color: #222;}
.blog_list_ri p {  color: #1d1b3d;}
@media screen and (max-width: 800px) {
.blog_page .subbox_item { width: 49%;}
}
@media screen and (max-width: 768px) {
    h5.blog_le_t, .blog_le .accordion {
        display: block;
    }
}
@media screen and (max-width: 600px) {
.blog_page .subbox_item { width: 100%;}
.subbox_item {  border-bottom: 1px #434343 solid;}
}

	
	
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*相簿*/
/*.show-list .show_name {  text-align: center; font-weight: 400;position: relative;  /*top: 50%; left: 50%;  transform: translate(-50%, -50%);*//*}*/
/*.show-list .item a {  position: relative;}
.show-list .item:hover .show_name {  color: #7f765b;}
.album_page .overlay { background: #ffffff1c;  transition: .2s;}
.album_class_page .other_subalbum li { text-align: center;}
.other_album_choice li { background: #535353; border-radius: 0px;}
.album_fixed_title {  color: #535353;  background: #f5f5f5;}
h2.show_name.slowAnimation {  display: none;}/*標題隱藏*/

/*.album_fixed_title {  color: #535353; background: #ffffff;}

/*版面*/
/*.other_subalbum li p {  font-size: var(--f20);  text-align: center;  position: relative;  /*top: 50%;  left: 50%;  width: 90%;   transform: translate(-50%,-50%);  *//*color: #313131; */ /*transition: all 0.4s;  font-family: var(--SFont);  letter-spacing: 0.5px;  opacity: 1;pointer-events:none;margin: 10px;}
.album_info_page .other_album_choice li a {  color: #746c5c;}
.album_info_page .other_album_choice li { background: #ede9da; text-align: center;}*/
.subalbum-menu h2{display: none;}
.other_album_choice li { background: #1d1b3d; border-radius: 3px;   padding: 10px 18px;}
/*相簿瀑布流*/
.other_subalbum{ -moz-column-count:2; -moz-column-gap:10px; -webkit-column-count:2; -webkit-column-gap:10px; column-count:2; column-gap:10px; width:100%; margin:0 auto; }
.pic-list { -moz-column-count:3; -moz-column-gap:10px; -webkit-column-count:3; -webkit-column-gap:10px; column-count:3; column-gap:10px; width:100%; margin:0 auto; }
.album_class_page .other_subalbum li,
.pic-list .item { width:100%; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; padding: 0; margin: 0; display: block;}
.other_subalbum li a div,
.pic-list .show_pic { height:auto; padding:0;}
@media screen and (max-width: 768px) {
    .pic-list { -moz-column-count:2; -webkit-column-count:2; column-count:2;}
}

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*相簿*/
.show-list .show_name { color: #222; text-align: center; font-weight: 400;position: absolute;  top: 50%; left: 15%;  transform: translate(-50%, -50%);opacity:0;z-index: 99999999999999999999; display:none;}
.show-list .item a {  position: relative;}
.show-list .item:hover .show_name {  color: #222; opacity:1;}
.album_page .overlay { background: rgb(232 229 224 / 21%);}
.show-list .item:hover .overlay {  transition: 0.6s;}
.album_class_page .other_subalbum li { text-align: center;}
.other_album_choice li { background: #535353; border-radius: 0px;}
.album_fixed_title {  color: #535353;  background: transparent;}
	

/*版面*/
.album_page .main_part  {max-width: 1450px;padding: 25px;}
.album_class_page .main_part{max-width: 1450px;padding: 25px;margin-top: 25px;}
.album_info_page .main_part {max-width: 1450px;padding: 25px;margin-top: 25px;}
.album_page .show_content  { padding: 0px;}
.other_album {  padding: 20px;}
ul.show-list, .other_subalbum {    display: grid;    grid-template-columns: 1fr 1fr 1fr;    gap: 40px;}
ul.show-list:before , ul.pic-list:before{content:none;}
.overlay {    z-index: 1;}
.show-list .item , .other_subalbum li , .pic-list .item{width: 100%;margin:0;padding:0;position: relative;    -webkit-column-break-inside: avoid;    page-break-inside: avoid;    break-inside: avoid;}
.show-list .show_pic , .other_subalbum li a div{    display: block;    position: relative;    overflow: hidden;    height: 0;    padding-bottom: 100%;}
.show-list .show_pic img , .other_subalbum li a img{ display:block;  max-width: 100%;  min-width: 100%;  height: 100%;  object-fit: cover;   -moz-object-fit: cover;  -ms-object-fit: cover; -o-object-fit: cover;  -webkit-object-fit: cover;  position: absolute; left: 50%;  top: 50%;  transform: translate(-50%,-50%);transition:all 0.5s;    filter: none;}
.show-list .show_pic img, .other_subalbum li a img:hover {
    transform: scale(1.1);
    top: 0;
    left: 0;
    transition: all .5s ease-out;
}
.pic-list .show_pic img{
    transition: all .5s ease-out;
}
.pic-list .show_pic img:hover{
	transform: scale(1.1);
    transition: all .5s ease-out;
}
/*.show-list .item:hover img, .other_subalbum li:hover img{    filter: grayscale(1) brightness(0.85);}*/
ul.pic-list {  -moz-column-count: 3;  -moz-column-gap: 10px;  -webkit-column-count: 3;  -webkit-column-gap: 10px;  column-count: 3;   column-gap: 10px;  width: 100%;  margin: 0 auto;}
.pic-list .show_pic {    height: auto;    padding: 0;}
.pic-list .show_pic img{display: block;}
.show-list .item:hover .show_name {    color: #fff;}
.other_album_choice li {    background: #222;}
/*.subalbum-menu h2{display: none;}*/
.other_subalbum li p {
    font-size: 17px;
    text-align: center;
    position: relative;
    width: 100%;
    color: #222;
    transition: all 0.4s;
    font-family: var(--SFont);
    letter-spacing: 1px;
    opacity: 1;
    pointer-events: none;
    padding: 10px;
}
/*.other_subalbum li a:hover:after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background-color: #1D1B3D0003b;
    transform: translate(-50%, -50%);
    color: #fff;
	transition: all 1.5s;
}*/
/*.other_subalbum li p:after {
    content: "VIEW MORE";
    display: block;
    letter-spacing: 1.3px;
    font-size: 12px;
    padding: 10px 0px;
}*/
/**
.other_subalbum li p {
    font-size: var(--f20);
    text-align: center;
    position: relative;
    /* top: 50%; */
    /* left: 50%; */
    /* width: 90%; */
    /* transform: translate(-50%, -50%); */
    /*color: #0a0a0a;
    transition: all 0.4s;
    font-family: var(--SFont);
    letter-spacing: 0.5px;
    /* opacity: 0; */
    /*pointer-events: none;
    text-align: left;
}***/

.other_subalbum li:hover p{opacity: 1;}
.pic-list .item h6{display: none;}
.pic-list .item a {    margin: 0 auto 10px;}
.pic-list .item{ display: block;}
@media screen and (max-width: 768px) {
ul.show-list, .other_subalbum { gap: 20px;}
.album_class_page .main_part {  margin-top: 0px;}
.album_info_page .main_part {  margin-top: 0px;}

}
@media screen and (max-width: 450px) {
ul.show-list, .other_subalbum {  grid-template-columns: 1fr;}
}



/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*購物車*/
.product-layer-two li a {  position: relative; border: 1px #e1e1e1 solid; background: none; padding: 3px 16px; display: block; font-size: 14px; width: 154px; text-align: center;  color: #391911;}
.product-layer-two li li a { border: none !important; background: none; font-size: 13px;}
.product-layer-two {  margin: 30px 0px 60px 0px;}
.inquiry_a1, .inquiry_a2, .inquiry_a3 { border-radius: 0px;}
.inquiry_a1:hover, .inquiry_a2:hover, .inquiry_a3:hover { letter-spacing: 0px; filter: brightness(1.1);}
.inquiry_a1:hover { background-color: #448f99;}
.inquiry_a1 {  background-color: #1D1B3D;}
.inquiry_a2 {  background-color: #717171;}
.sidebarBtn {   padding: 25px 0px;   border: none;  background: none;  margin-top: 30px;width: 100%;}
.sidebarBtn h2 {  color: #1D1B3D;}
.product_info_page .product-layer-two { display:none;}/*購物車內頁分類隱藏*/
ul.prod li h3.prod-thumb { background: #f6f6f6; color: #454545; text-align: center; font-size: 17px; letter-spacing: 1px; padding: 5px 0px 7px 0px; display:none;}
ul.prod li:nth-child(2) h3.prod-thumb { display: none;}/*QA隱藏*/
ul.prod li:nth-child(2) .prod-panel {display: none;}/*QA隱藏*/
.prod_related h6 span:before { color: #414141; display:none;}
.prod_related h6 {  margin: 25px auto 20px;}
.lastPage { background: #717171;}
.mobile_product_name { display: none;}/*標題隱藏*/
.product_page .products-list .name { height: 24px; padding: 0px 3px;text-align: center; margin: 10px 5px;}
.products-list .price b { color: #7f765b;}
.products-list .item a:hover .more {  background: none;  color: #1D1B3D; letter-spacing: 2px;}
.products-list .more {  border: 1px solid #e8e5e0;  color:#1D1B3D;  letter-spacing: 2px; font-size: 15px;}
.toShare{ display:none;}
.product_info li { display: none;}
.prod_related { display: none;}
div#bx-pager h6 {  display: none;}/*商品圖像隱藏*/
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*促銷方案*/
.promotions_page .promotion_title h2 { display: block;}



/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*線上估價*/
.separate_title { background: none;background-color: #eee;}
.filltext { background: #1D1B3D; padding: 5px;}
.rewrite_simple { background: #1D1B3D url(../images/simple_left.png) 10% center no-repeat;}
.send_simple { background: #1D1B3D url(../images/simple_right.png) 88% center no-repeat; border-radius: 0px;}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*聯絡我們*/
/*.contact_content .information_left > h4.blank_letter { display: none;}/*聯絡資訊文案隱藏*/
.contact_content .information_left { width: 100%;  margin-right: 0px; margin-left: 0px;}
.contact_content .information_right {width: 100%;  margin-left: 0px;    padding: 0px 20px;  }
.contact_page .list_before.info li:nth-last-child(1){ padding-left:31px;}
.list_before.info li {  color: #1d1b3d;letter-spacing: 1px;}
.contact_page .blank_letter { color: #1D1B3D; font-weight: 600; font-size: 23px;  margin-bottom: 60px;margin-top: 60px;}
.contact_le_nomap { margin-top: -14px;}
.contact_form li.last cite { background: #f6f3ee;  color: #1d1b3d;}
.contact_form li.last { text-align: left;}
.contact_page .main_part {  padding: 0px 0px 100px 0px;}
.contact_form {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 15px 0;}/*兩個一排*/
.contact_form li { padding: 0 0 8px 0;width: 100%;}
.contact_form li.last blocinquiry_a3kquote, .contact_form li.last cite {/*padding: 2px;*/border: solid 1px #ccc;margin-right: 8px; margin-bottom: 9px; width: 115px;}
.contact_form li .form__label {font-size: 14px;display: inline-block; width: 100%; margin-left: 0px; color: #3f3e3b; letter-spacing: 0.5px;padding-right: 10px;text-align: left;padding: 3px 0px;}
.contact_content .information_right {  padding-left: 0px;}
.contact_page .noborder {  padding: 10px;}
.contact_form li textarea.noborder {  border: 1px #ddd solid;  background-color: #fff;  color: #333;  font-weight: 400;  letter-spacing: 1px;}
.contact_form li input.noborder { border: none;  border-bottom: 1px #ddd solid;padding: 8px 10px; background-color: #fff;  color: #333;  letter-spacing: 1px;   font-weight: 400; }
h4.blank_letter.f { margin-bottom: 80px;}
.contact_form li.last blockquote:hover input, .contact_form li.last cite:hover input { letter-spacing: 2px;color: #1d1b3d; transition: .8s;}
.contact_editbox { padding: 0px;}
.contact_content {  margin-top: 45px;margin: 0px 100px 20px 100px;}
.form select { color:#565757; background-color: #f7f7f7; width: 100%;padding: 5px 10px;}
.form select {  border: 1px solid #dddddd;}
.contact_page .main_part {  max-width: 1500px;}
.contact_form li.last blockquote, .contact_form li.last cite {   margin-right: 10px;}
.information_left, .information_right { padding: 0px;}
.list_before {  display: none;}/*聯絡資訊刪除*/
h4.blank_letter.i:nth-child(1) { display: none;}
.contact_le_map a { display: none;}

@media screen and (max-width: 1440px) {
.contact_page .blank_letter {margin-top: 20px;}
}
@media screen and (max-width: 1024px) {
.contact_content .information_left {  width: 100%;  margin-right: 0px;  margin-left: 0px;}
.contact_content {  margin: 30px 80px 20px 80px;}
.contact_content .information_right { width: 100%;  margin-left: 0px;}
h4.blank_letter.f { margin-top: 40px;}
}

@media screen and (max-width: 850px) {
.contact_content .information_left {  width: 100%; margin-right: 0px;}
.contact_content .information_right { width: 100%;  margin-left: 0px; padding: 20px 0px;}
.contact_form li.last blockquote, .contact_form li.last cite {  margin-top: 10px;}
.contact_page .main_part {  padding: 0px;}
}
@media screen and (max-width: 768px) {
.contact_form li .form__label { margin-left: 0px;margin-bottom: 7px;  text-align: left;}
.contact_form li { padding: 0 0 14px 0;  width: 100%;}
h4.blank_letter.f { margin-top: 0px;}
}
@media screen and (max-width: 450px) {
.contact_form {  flex-direction: column;}
.contact_form li {  padding: 0 0 9px 0; width: 100%;}
.contact_form li .form__label {margin-bottom: 0px;}
.contact_content {  margin: 0px 20px;}
h4.blank_letter.f { margin-bottom: 35px;}
.contact_content .information_right {  padding:  0px;}
}

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*相本分類全版面 ( 限制最寬2000px
.work_page .main_part { max-width:2000px;}
.work_page .show_content { padding:0; width:100%;}
.work_page .show-list .item { width:33%; display:inline-block; float:none; margin:0; padding:0;}
@media screen and (max-width: 768px) {
.work_page .show-list .item { width:49%;}
}
@media screen and (max-width: 570px) {
.work_page .show-list .item { width:100%;}
}
.work_page .show-list .item a { max-width:100%;}
.work_page .show-list .show_pic { height:auto; line-height:0;}
.work_page .show-list .show_pic img { max-width:100%; max-height:100%;}
.work_page .show-list .show_name { position:absolute; top:50%; right:10%; width:80%; height:auto; line-height:160%; font-size: 20px; color: #FFFFFF !important; border: solid 1px #fff; text-align: center; margin: -20px 0 0 -120px; padding:5px 20px; transition:all ease-in .3s; opacity:0;}
.work_page .show-list .item:hover .show_name {opacity:1;}
*/


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*相本列表
.work_info_page .main_part { max-width:2000px;}
.work_info_page .show_content { padding:0; width:100%;}
.work_info_page .subalbum-menu { text-align:center;}
.work_info_page .subalbum-menu h2 { float:none;}
.work_info_page .pic-list .item { margin:0; padding:10px; width:49%; float:none; display:inline-block;}
@media screen and (max-width: 768px) {
.work_info_page .pic-list .item { width:100%;}
}
.work_info_page .pic-list .show_pic { height:auto; line-height:0;}
.work_info_page .pic-list .show_pic img { max-width:100%; max-height:100%;}
.work_info_page .pic-list .item a { max-width:100%; pointer-events: none; cursor: default; } 取消連結被點擊效果
*/


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */





@media screen and (max-width: 768px) {
/* 開啟手機板下方按鈕所需設定 */
#bottom_menu {display: block; }
.footer.with_shopping_mode { padding:20px 0 25px; }
#to_top { bottom:60px;}
.navigation-portrait .nav-dropdown>li>a { width:100%;}
}

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