@charset "utf-8";


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Noto+Serif+TC&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
body{overflow-x:hidden;  font-family: "Sorts Mill Goudy", Noto Serif TC;}



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


/*滾動條全域設定---------- */

/*寬度*/
::-webkit-scrollbar {
    width: 6px;
}

/*軌道顏色*/
::-webkit-scrollbar-track{
    background-color: #333;
    border-radius: 3px;
}

/*滑塊*/
::-webkit-scrollbar-thumb {
    background-color: #ffffff;
    border-radius: 3px;
}

/*版面寬度*/
.main_header_area .container{
    max-width: 1200px;
    width: 100%;
}

.album_page .main_part ,
.album_class_page .main_part,
.album_info_page .main_part,
.share_page .main_part,
.product_page .main_part,
.product_info_page .main_part,
.contact_page .main_part,
.inquiry_page .main_part,
.work_page .main_part ,
.work_class_page .main_part,
.work_info_page .main_part{
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
}


/* 底下圈圈 */


.swiper-pagination-clickable .swiper-pagination-bullet {
    position: relative;
    border-radius: 2.5px;
    height: 5px;
    width: 50px;
    z-index: 0;
}
.swiper-pagination-bullet {
    background: #535353;
}
.swiper-pagination-clickable .swiper-pagination-bullet::after {
    content: "";
    display: block;
    width: 0%;
    height: 5px;
    border-radius: 2.5px;
    background-color: #64B2D7;
    position: absolute;
    top: 0;
    left: 0;   
    z-index: 999999999;
    transition: all 0.3s;
}
.swiper-pagination-clickable .swiper-pagination-bullet-active.swiper-pagination-bullet::after {
    width: 100%;
    transition: all 0.3s;
}



.swiper-pagination-clickable .swiper-pagination-bullet:nth-child(1):after {
    left: auto;
    right: 0;
}











/*Main/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*Header/＝＝＝＝＝*/
.main_header_area{
	background: rgb(255, 255, 255);
    /*box-shadow: 1px 1px 10px rgba(0,0,0,0.07);*/
	/*background: url(https://pic03.eapple.com.tw/tspackage/bg.jpg) no-repeat center center;*/
	/*background: rgba(255,255,255,1);*/
	padding: 0px 20px;
}

.header_area {padding:0px;}

.header_area,.header_area.sticky {
    z-index: 20000000;
}

.main_header_area .container {
    /*max-width: 1600px;*/
	max-width: 100%;
}
/*選單最大寬度設定*//*
.main_header_area .container {    max-width: 95%;}
*/
.navigation {
   /* padding: 0px 0px 0px calc(240px + 50vw);*/
   padding: 0 0 0 210px;
   grid-template-columns: 280px 1fr;
}



/*第一層*/
.stellarnav > ul > li > a{
    color: #535353;
	transition:all 0.3s;
    letter-spacing: 0.1em;
    font-size: 16px;
}
.stellarnav > ul > li > a{
	margin: 30px 1vw;
	padding:0px;
    font-weight: 500;
    letter-spacing: 0.08em;
}
.stellarnav li.has-sub > a:after {
    height: 8px;
    width: 8px;
    display: block;
    border-style: solid;
    border-width: 0 1px 1px 0;
	/*border-color: transparent #FFF #FFF transparent;*/
    border-color: transparent #777 #777 transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: border .2s;
    transition: border .2s;
    margin: 0px;
    top: 40px;
    right: -13px;
}

.stellarnav li.has-sub:hover > a:after {
    border-color: transparent #d6c0a9 #d6c0a9 transparent !important;
}

.stellarnav > ul > li > a::before{ height: 4px;}


@media screen and (min-width:769px) {
	
	.stellarnav > ul > li > a, .stellarnav li.has-sub > a{
		position:relative;
	}
	
	.stellarnav > ul > li > a::before{
		position:absolute;
		content:"";
		width:0%;
		height:1px;
		background:#64B2D7;
		bottom:0px;
		left:50%;
		transform:translate(-50%,0px);
		transition:.5s;
	}
	
	.stellarnav > ul > li:hover > a::before{
		width:100%;
	}
	
	.stellarnav > ul > li:hover > a b {
		transform: translateY(-40px);
		-webkit-transform: translateY(-40px);
		-moz-transform: translateY(-40px);
	}
	
	
}








/*隱藏按鈕列最新消息按鈕*/

/* .stellarnav > ul > li:last-of-type, .footer_menu a:last-of-type,
.stellarnav > ul > li:nth-last-of-type(2), .footer_menu a:nth-last-of-type(2) {
    display: none;
} */













/*第二層*/
.stellarnav ul ul {
    background: #64B2D7;
    width: 180px;
}
.stellarnav > ul > li.drop-left > ul {
    right: unset;
    left: 0px;
}
.stellarnav li li {
    border: unset;
	margin-bottom: unset;
    width: 175px;
}
.stellarnav li li > a , .stellarnav li li.has-sub > a{
	padding: 10px 15px;
    transition: all 0.5s;
    font-size: 15px;
    color: #343538;
    border-bottom: 1px solid #ddd;
    background: #fff;
	
}
.stellarnav li li:hover > a , .stellarnav li li.has-sub:hover > a{
	/*color: #ADA17E;
	padding-left:10px;
	border-color:#ADA17E;*/
	background: #dddddd;
	padding-left: 20px;
}

/*第三層*/
@media screen and (min-width: 769px){
	.stellarnav li li.has-sub > a:after, .stellarnav li.drop-left li.has-sub > a:after {
		height: 8px;
		width: 8px;
		display: block;
		border-style: solid;
		border-width: 0 1px 1px 0;
		border-color: transparent #eee #eee transparent !important;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transition: border .2s;
		transition: border .2s;
		margin: 0px;
		top: 18px !important;
		right: 15px;
	}
	
	.stellarnav li li.has-sub:hover > a:after, .stellarnav li.drop-left li.has-sub:hover > a:after {
		border-color: transparent #fff #fff transparent !important;
	}
	
	.stellarnav li ul ul {
		left: 160px !important;
		right: unset !important;
	}
}
.stellarnav li ul ul {
	background: #b7151a;
}

.stellarnav li ul ul li > a{
	background: #b7151a;
    border-bottom: 1px solid #c42d31;
}

.stellarnav li ul ul li:hover > a{
	background: #970e12;
}

/*SubMenu*/
.shop_search_btn {    background: #f0c34e; transition:.3s;height: 26px;margin-top: 1px;}
.shop_search_btn:hover {    background: #d68920;}
.me_tp_features a.tp_btn_cart, .me_tp_features a.tp_btn_notice {
    transition:.3s;
	/*color: #FFF;*/
}
.me_tp_features a.tp_btn_cart:hover, .me_tp_features a.tp_btn_notice:hover {
    color: #D6C5B2 !important;
}
.tp_links a{transition:all 0.3s;}
.tp_links a:hover {    color: #ADA17E;}

/*隱藏選單按鈕連結*/
.me_tp_features {
    margin: 0px;
	display: none;
}
.tp_links{display: none;}



/*隱藏中英文翻動動畫*/

.stellarnav > ul > li > a b {
    line-height: unset;
   	height: unset;
	transform: unset !important;
    -webkit-transform: unset !important;
    -moz-transform: unset !important;
	transition: unset;
    font-weight: 600;
}

.stellarnav > ul > li > a b:nth-of-type(2) {
	display:none;
}






.stellarnav > ul > li > a b:nth-of-type(2) {
	letter-spacing:0px;
}


/* logo */
.nav-header {max-width: 100%; width: 350px;}
.header_area.sticky .nav-brand {max-width: 265px; margin-top: 15px;margin-left: 30px;}



@media screen and (min-width: 769px){
	.stellarnav > ul > li > a b:nth-of-type(2) {
		text-transform: none;
	}
}


@media screen and (min-width: 1025px) {
	.header_area {
		position: fixed;
		width: 100%;
		top: 0px;
	}
	
	.main_header_area {
		transition: 0.3s ease;
		background: transparent;
		box-shadow: unset;
    	/* background: linear-gradient(to bottom, rgba(34,34,34,0.7) 0%,rgba(173,161,126,0) 100%); */
		/*background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); 
    	background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);*/
		padding: 0px;
	}
	
	.header_area.sticky .main_header_area {
		background: rgb(255, 255, 255);
		/*box-shadow: 1px 1px 10px rgba(0,0,0,0.07);*/
		/*background: url(https://pic03.eapple.com.tw/tspackage/bg.jpg) no-repeat center center;*/
		/*background: rgba(255,255,255,0.9);*/
	}
	
	.header_area .nav-brand {
		/* filter: grayscale(100%) brightness(500%);
		-webkit-filter: grayscale(100%) brightness(500%); */
		transition:.3s;
		max-width: 240px;
		margin-top: 15px;
		margin-left: 30px;
	}
	
	.header_area.sticky .nav-brand {
		filter: unset;
		-webkit-filter: unset;
		max-width: 265px;
    	margin-top: 15x;
	}
	
	.pageIndex .header_area .nav-brand {
        max-width: 240px;
		opacity:1;
	}
	
	.pageIndex .header_area.sticky .nav-brand {
		opacity:1;
	}
	
	
	
	.stellarnav > ul > li > a {
        margin: 40px 0.5vw 15px;
        font-weight: 600;
        transition: 0.3s ease;
        padding: 0px 5px;
        letter-spacing: 0.08em;
        font-size: 16px;
	}
	
	.header_area.sticky .stellarnav > ul > li > a {
		margin: 35px 0.5vw 25px;
		text-shadow: unset;
	}
	
	.stellarnav li.has-sub > a:after {
		border-color: transparent #FFF #FFF transparent;
		top: 17px;
		transition: 0.3s ease;
	}
	
	.header_area.sticky .stellarnav li.has-sub > a:after {
		border-color: transparent #777 #777 transparent;
		top: 17px;
	}
	
	
	
	
	
	.me_tp_features {
		padding: 20px 1vw 10px;
		transition: 0.3s ease;
	}
	
	.header_area.sticky .me_tp_features {
		padding: 10px 1vw 10px;
	}
	
	
	.me_tp_features a.tp_btn_cart, .me_tp_features a.tp_btn_notice {
		color: #FFFFFF;
		text-shadow: 0px 0px 10px rgb(0 0 0 / 50%);
		transition: 0.3s ease;
	}
	
	.me_tp_features a.tp_btn_cart:hover, .me_tp_features a.tp_btn_notice:hover {
		text-shadow: unset !important;
	}
	
	.header_area.sticky .me_tp_features a.tp_btn_cart, .header_area.sticky .me_tp_features a.tp_btn_notice {
		color: #343a40;
		text-shadow: unset;
	}
	
	
	
	
	
	
	
	
	/*按鈕列-全統報名網額外設計*/
	
	.stellarnav ul {
		text-align: right;
        max-width: 90%;;
        /* margin-left: auto; */
	}
	
	.stellarnav > ul > li:nth-last-of-type(1) {
		position: absolute;
		right: 0;
		top: 0px;
		line-height: 0px;
	}


.stellarnav > ul > li:nth-last-of-type(1) a, .header_area .stellarnav > ul > li:nth-last-of-type(1) > a{    padding: 38px 1.2vw 10px;}


	.stellarnav > ul > li:nth-last-of-type(1) a, .header_area.sticky .stellarnav > ul > li:nth-last-of-type(1) > a{
        padding: 43px 1.2vw 10px;
        margin: 0px;
        color: #FFF !important;
        text-shadow: unset;
        height: unset;
        font-size: 16px;
        letter-spacing: 0.1em;
	}
	
	.stellarnav > ul > li:nth-last-of-type(1) a{
		background: #535353;
	}
	
	
    .stellarnav > ul > li:nth-last-of-type(1):hover a {
		background: #64B2D7;
    }
	
	.stellarnav > ul > li:nth-last-of-type(1) a::before {
        content: "";
        position: absolute;
        width: 25px;
        height: 25px;
        background: url(https://pic03.eapple.com.tw/diboplastics/header_mail.png) no-repeat center center;
        background-size: 100%;
        top: 20px;
        left: 50%;
        transform: translate(-50%, 0px);
        /* filter: invert(100%) grayscale(100%) brightness(500%); */
        /* -webkit-filter: invert(100%) grayscale(100%) brightness(500%); */
    }
	
	
	
	/*除了首頁的其他頁面按鈕列*/
	/*.main_header_area {
		background: rgba(0,0,0,1);
	}
	
	.header_area.sticky .main_header_area {
		background: rgba(0,0,0,0.8);
	}*/
}




@media screen and (min-width: 1201px) {
	.stellarnav > ul > li > a {
		margin: 30px 1vw 10px;
	}
	
	.header_area.sticky .stellarnav > ul > li > a {
        margin: 25px 1vw 20px;
	}
}



@media screen and (min-width: 1200px) {
    .header_area.sticky .stellarnav > ul > li > a {
        margin: 30px 1.5vw 15px;}
    
        .stellarnav ul {
            max-width: 90%;}
    
    }

@media screen and (min-width: 1660px) {
	.stellarnav > ul > li > a {
		font-size: 16px;
	}
	
}


/* LOGO */
.pageIndex .header_area.sticky  .nav-brand{max-width: 240px;margin-left: 50px;}


.pageIndex .header_area.sticky{ position: fixed;}


/*--RWD---------------------------------------*/

@media screen and (max-width: 1440px) { 
    .swiper-pagination { display: none;}
    .navigation {    padding: 0 0 0 80px;}
    .stellarnav.desktop>ul, .tp_links, .nav-header{max-width: 950px;}
}

@media screen and (max-width: 1024px) { 
    /*header*/
    .pageIndex .header_area { position: relative;}
    .main_header_area .container { max-width: 100%;}
    .path p, .path p a{display: none;}
   


    /*logo*/
     .header_area .nav-brand { max-width: 200px;     padding: 15px 0 0 0;}
    .header_area.sticky .nav-brand {  margin-top: 0px; transition: .3s ease-in-out; } 


    /*menu*/
    .header_area .navigation, .header_area.sticky .navigation, .navigation { padding: 0;}
    .stellarnav { padding: 0 0 10px;}
    .stellarnav.mobile > ul > li > a.dd-toggle, .stellarnav > ul > li.has-sub > a, .stellarnav.mobile > ul > li.has-sub a.dd-toggle, .stellarnav.mobile > ul > li.has-sub > a { padding: 0 30px;}
    .stellarnav li.has-sub > a::after { top: 49%;}/*下拉箭頭*/
}

@media screen and (max-width: 768px) {
    /*logo*/
    .nav-header { position: static;}
    .header_area .nav-brand { max-width: 200px;}
    .header_area.sticky .nav-brand {  margin-top: 0px; transition: .3s ease-in-out;}    

    /*menu*/
    .stellarnav ul ul, .stellarnav > ul > li:hover > ul > li:hover > ul { box-shadow: none;}
    .stellarnav li li { border: none;}
    .stellarnav > ul > li > a b:last-child { display: none;}
    .stellarnav.mobile > ul > li > a.dd-toggle, .stellarnav > ul > li.has-sub > a, .stellarnav.mobile > ul > li.has-sub a.dd-toggle, .stellarnav.mobile > ul > li.has-sub > a { padding: 10px 10px;}
    .stellarnav.mobile > ul > li > a.dd-toggle { top: -3px;}
    .stellarnav li.has-sub > a::after { top: 53%;}/*下拉箭頭*/
    .stellarnav li li > a, .stellarnav li li.has-sub > a, .stellarnav li li.has-sub.drop-left a { padding: 10px 30px; border-left: none;}
    .stellarnav li li:hover > a, .stellarnav li li.has-sub:hover > a {  background: #dddddd; padding-left: 20px;color: #fff;}
    .stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu{    background: #64B2D7;}
    .stellarnav .icon-close:before{border-bottom: solid 3px #ffffff;}
    .stellarnav .icon-close:after {border-bottom: solid 3px #ffffff;}
    .stellarnav a {color: #ffffff; }
    .stellarnav .menu-toggle span.bars span{    height: 3px;}
    .stellarnav .menu-toggle:after{font-weight: 600;}
}

.header_area.sticky .nav-brand{    max-width: 230px;     margin-left: 70px;}


/*●●●●●●●●●●●●●●●●●●●●●●●●   BANNER區塊   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*※※※※※【【  固定區塊不動↓↓↓  】】※※※※※*/

/*banner01*//*第一張大圖的偽元素*//*依樣可以放before+after 兩個*/
#content_main { margin:0;   background-color: #F2F2F2;}/*custom原本有寫*/
.bannerindex { position:sticky; height:auto;}/*custom原本有寫*/
.bannerindex .swiper-banner { position:static; margin:0; height:auto;}/*custom原本有寫*/
.bannerindex .swiper-slide img { height:auto;    animation: none;}/*custom原本有寫*/
.bannerindex .swiper-slide {position: relative;}/*因為偽元素，所以要加的*/
.bannerindex .swiper-slide:before ,.bannerindex .swiper-slide:after { content: ""; position: absolute;  z-index: 999; pointer-events:none;}/*before+after依樣要寫的內容拆出來寫一起，要寫在個別下方也可以*/



@keyframes swiff {
    0%,100%{
        transform: scale(1.2) rotateZ(0deg) translate(0px,0);
    }
    50%{
        transform: scale(1.3) rotateZ(2deg) translate(-100px,0);
    }

}
/* 文字 */
.bannerindex .swiper-slide:nth-child(1):after {
    background: url(https://pic03.eapple.com.tw/dingyulawyer/banner-02.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100% !important;
    background-position: left;
    padding-bottom: calc(100% / 1* 0.43);
}

.bannerindex .swiper-slide:nth-child(2):before {
    background: url(https://pic03.eapple.com.tw/dingyulawyer/banner-04.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100% !important;
    background-position: left;
    padding-bottom: calc(100% / 1* 0.43);
}



.bannerindex .swiper-slide.swiper-slide-active:nth-child(1):after {animation: slide-fade-in 3s 0.3s  both;}
.bannerindex .swiper-slide.swiper-slide-active:nth-child(2):after { animation: slide-top  2s 0.2s both;}
.bannerindex .swiper-slide.swiper-slide-active:nth-child(2):before {animation: slide-top 2s 0.2s ease both;}

@keyframes slide-in-left {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}


/*上升特效*/
  @keyframes slide-top {
  0% {-webkit-transform: translateY(100%);  /* 一開始的位置 在Y-100(最下方)*/
            transform: translateY(100%);
            opacity:0;/*透明度0*/}
  100% {-webkit-transform: translateY(0);/* 跑到最後終止的位置 在Y-0(最上方)*/
            transform: translateY(0);
            opacity:1;/*透明度顯示*/}
  }

  @keyframes fade-in-elegant {
    0% {
        opacity: 0;
        transform: translateY(20px); /* 從下方滑入 */
    }
    100% {
        opacity: 1;
        transform: translateY(0); /* 最終位置 */
    }
}

@keyframes slide-fade-in {
    0% {
        opacity: 0;
        transform: translateX(-20px); /* 從左側滑入 */
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@-webkit-keyframes fade-in-bck {
    0% {
      -webkit-transform: translateZ(150px);
              transform: translateZ(150px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
      opacity: 1;
    }
  }
  @keyframes fade-in-bck {
    0% {
      -webkit-transform: translateZ(150px);
              transform: translateZ(150px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
      opacity: 1;
    }
  }
  
  @media screen and (max-width: 768px) {
    .bannerindex {
        padding-bottom: 0%;
    }}

    @media screen and (max-width: 500px) {
        .swiper-slide img {
            width: 200%;
        }
        .swiper-slide:nth-child(1) img {
            position: relative;
            height: auto;
        }
        .swiper-slide:nth-child(2) img {
            position: relative;
            height: auto;
            left: 0%;
        }
        
    }





/*首頁大圖點點*/
/*.swiper-pagination {
    display: none;
}*/

/*隱藏購物車搜尋欄*//*
.box_search{display:none;}
/*隱藏購物車*//*
.me_tp_features a.tp_btn_cart {display: none;}
/*隱藏匯款通知*//*
.me_tp_features a.tp_btn_notice{display: none;}


/*選單漸變效果＝＝*/
/*首頁固定選單 開啟後下方RWD 768對應標籤也需開啟*//*
.pageIndex .header_area{position: fixed;    width: 100%;}

/*Footer/＝＝＝＝＝*/
.footer {
    background: #ffffff;
}
.footer_logo {display: none;}


.footer_logo img {
	max-width: 100%;
}
.footer_info li p, .footer_info li p a{
	color:#333;
}
.footer_info {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 40px;
}
.footer_info ul {
    /*width: calc(100% - 350px);*/
}
.footer_menu {
	/*display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(110px,100%), 1fr));
	gap: 5px;*/
	display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
	/*footer按鈕最小寬度100px*/
.footer_menu a {
    margin: 0;
    text-align: center;
    /* padding: 3px 20px; */
    padding: 3px 10px;
    transition: all 0.3s;
    background: unset;
    border: unset;
    /* border-right: 1px #3a836c solid; */
    /* margin: 0 0px 4px 0; */
    margin: 0 5px 4px 5px;
    color: #333;
    font-size: 14px;
    line-height: 14px;
}
.footer_menu a:hover {
	color: #64B2D7;
	background:unset;
}
.footer_menu a:first-child {
    /*border-left: 1px #3a836c solid;*/
}

.center {
    padding: 20px 0 10;
}


.copy {
    font-size: 12px;
    letter-spacing: 0.04em;
    padding: 20px 0;
    background: #333;
    color: #ffffffb3;
    font-weight: 400;
    border: none;
 /* margin-top: 0px; */
}
.copy a{    
    color: #ffffffb3;
    font-weight: 400;
}
.copy a:hover{
    color: #64B2D7;
}
.box_link{
    display: none;
}
.box_link a{
	transition:all 0.3s;
	border: 1px #FFF solid;
    color: #FFF;
}
.box_link a:hover {
	background: #078067;
    color: #FFF;
}

#to_top {
    bottom: 15px;
    left: 15px;
    padding-top: 10px;
    font-size: 0;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #64B2D7;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	transition: bottom .3s ease-out, background-color .2s linear;
    border-radius: 20%;
}
#to_top:hover {
    background-color: #64B2D7;
}
#to_top:hover i.top::before{
	-webkit-transform: translate3d(0, -3px, 0) rotate(-40deg);
	transform: translate3d(0, -3px, 0) rotate(-40deg);
}
#to_top:hover i.top::after {
	-webkit-transform: translate3d(0, -3px, 0) rotate(40deg);
    transform: translate3d(0, -3px, 0) rotate(40deg);
}
#to_top i.top {
    width: 20px;
    height: 20px;
}
#to_top i.top:before, #to_top i.top:after {
    height: 12px;
    width: 2px;
    top: 50%;
    left: 45%;
	background: #fff;
	transition: transform .2s linear;
}







.footer_info li:nth-child(1) {
    border-bottom: 1px #D0D9D7 solid;
    padding-bottom: 20px;
    margin-bottom: 5px;
}
.footer_info li p {
    font-weight: 500;
    width: 100%;
}



/* .footer_info li p.tel:before {
    content: '市話：';
}
.footer_info li p.tel:after {
    content: ' (行動改撥)';
} */
.footer_info li p.tel{display: block;}
.footer_info li p.tel:before{  content: '台北：';}
.footer_info li p.tel2:before {
    content: '桃園：';
}

.footer_info li p.phone:before {
    content: '新竹：';
}

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

.footer_info li p.line:before {
    content: 'LINE：';
} 

.footer_info li p.add:before {
    content: '台北本所：';
}

 .footer_info li p.add2:before {
    content: '桃園辦事處：';
} 

.footer_info li:nth-child(2) {
    padding: 10px 120px;
}

	.footer_info li:nth-child(1) {
		display:flex;

		grid-gap: 0px 10px;
        flex-direction:column ;
	}


/* .footer_info li p.mail::after{
	content:"ctrun@ctrun.com.tw";
	display:block;
} */


/*頁尾LOGOw圖片另外製作*/
/*.footer_logo {
    text-align: center;
    background: url(https://pic03.eapple.com.tw/notiondential/ft_logo.png) no-repeat center center;
    background-size: 158px;
    height: 68px;
	filter: invert(100%) grayscale(100%) brightness(500%);
    -webkit-filter: invert(100%) grayscale(100%) brightness(500%);
}

.footer_logo img {
    width: 0px;
}*/

.footer_info li p:before{    margin: 0 0 ;}

/*--RWD---------------------------------------*/

@media screen and (max-width: 768px) {
    /*footer*/
    .footer_info { justify-content: center;}
    .footer_logo { text-align: center;}
    .footer_info ul { flex-direction: column;}
    .footer_info li:nth-child(1) { width: 100%;}
    .footer_info li:nth-child(2) { width: 100%; border-left: none;padding: 10px 0px;}

    /*底部按鈕*/
    #to_top { bottom:60px;}
    #bottom_menu {display: none; }
    .footer.with_shopping_mode { padding:30px 0 0px; }
    
}

@media screen and (max-width: 600px) { 
    /*footer*/
    .footer_info ul { width: 100%;}

    /*聯絡icon*/
    .box_link { text-align: center;}

    .footer_info li:nth-child(3) {
    display: none;
    width: 100%;}
}


@media screen and (min-width: 1024px){
	.footer_info li:nth-child(2) {    padding: 10px 20px;}}

@media screen and (min-width: 769px){
	.footer_info li:nth-child(1) {
		display:flex;
		grid-template-columns: 1fr fr;
		grid-gap: 0px 10px;
        flex-direction: column;
	}
	
	.footer_info li p.tel {
		grid-column: 1 / 2;
    	grid-row: 1;
	}
	.footer_info li p.tel2 {
		grid-column: 1 / 2;
    	grid-row: 2;
	}
	.footer_info li p.mail {
		grid-column: 1 / 2;
    	/* grid-row: 3; */
	}
	
	.footer_info li p.mail::after {
		padding-left: 50px;
	}
	.footer_info li:nth-child(2) {    padding: 10px 0px;}
}


/*浮動按鈕*/

.right_member_in {
    bottom: calc(20% + 340px);
	top: unset;
	z-index: 99;
}

@media screen and (max-width: 768px) {
	.right_member_in {
		bottom: calc(10% + 310px);
	}
}


.info_fix_links{
    display: block !important;
}

.info_fix_links a.info_fix_default {
    display: none;
}

.info_fix>span {
    display: none !important;
}


.fix_ri {
    line-height: 0;
}

.fix_ri a {
    background: #64B2D7;
    /*line-height: 0px;
    border-radius: 50%;*/
	transition:.3s;
	color: #FFFFFF;
	border-radius: unset;
	/*padding: 3px 0px 10px;*/
    /*border-bottom: 1px #FFFFFF solid;*/
	border-radius: 0px;
}

.fix_ri a:last-child {
    border-bottom: unset;
}

.fix_ri a:hover {
    background: #b01e24;
}


.fix_ri a span {
	display:block;
	font-size: 13px;
	margin: -8px 0px 0px;
}








/*Logo/＝＝＝＝＝*/
.nav-brand {    
	width: 100%;
	max-width: 275px;
	transition:all 0.3s;
}
.header_area .nav-brand {
	transition: all 0.3s;
	/*margin-top: 15px;*/
	/*filter: invert(100%) grayscale(100%) brightness(500%);
	-webkit-filter: invert(100%) grayscale(100%) brightness(500%);*/
}


/*按鈕/＝＝＝＝＝*/
.animated-arrow {    background: #64B2D7;transition: .3s;}
.animated-arrow:hover {    background: #b01e24;}

/*大圖/＝＝＝＝＝*/
/*預設解除背景輪播*/
#content {
    background: url(https://pic03.eapple.com.tw/dingyulawyer/bbg.jpg);
    background-size: cover;
    background-attachment: fixed;
}
#content_main { margin:0;}
.bannerindex { position:static; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;}
.swiper-slide img { height:auto;}
.swiper-pagination{
	display: none;
}
@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0;}
}



/* =============== ▼ BANNER ▼ =============== */

/* ＝＝＝ 【【  版型設定(動畫圖+線條) ↓↓↓  】】 ＝＝＝ */
.banner {
    background: #fdfcfb;
    width: 100%;
    min-height: 600px;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column;
}

.banner::after {
    content: '';
    animation: bgScroll 30s linear infinite;
    width: 110%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background-size: cover;
    background-image: url(https://pic03.eapple.com.tw/dingyulawyer/banner1.jpg);
    background-repeat: no-repeat;
    background-position: center;
}


.banner.banA{display: none;}
.banner.banB{display: none;}

@keyframes bgScroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

/* 按鈕名稱 */
.banner h5 {
    position: relative;
    z-index: 999;
    font-family: "Sorts Mill Goudy", "Noto Serif TC";
    color: #fff;
    letter-spacing: .6rem;
    text-shadow: 0px 0px 5px rgba(22 18 16 /20%);
    display: flex;
    flex-direction: column;
    align-items: center;
    bottom: 30px;
    font-size: 40px;
    font-weight: 600;
}

/*偽元素*/

.banC h5::after {
    content: "RESERVE";
    display: block;
    color:  #fff;
    letter-spacing: .8rem;
    text-transform: uppercase;
    font-family: "Sorts Mill Goudy", Noto Serif TC;
    font-size: 90px;
    font-weight: 400;
}


.banE h5::after { content: "PHOTO";
    display: block;
    color:  #fff;
    letter-spacing: .8rem;
    text-transform: uppercase;
    font-family: "Sorts Mill Goudy", Noto Serif TC;
    font-size: 90px;
    font-weight: 400;} 

.banblog h5::after { content: "ARTICLE";
    display: block;
    color:  #fff;
    letter-spacing: .8rem;
    text-transform: uppercase;
    font-family: "Sorts Mill Goudy", Noto Serif TC;
    font-size: 24px;
    font-weight: 400;} 


@keyframes wave-reveal {
    0% {
      clip-path: inset(0 0 100% 0);
    }
    100% {
      clip-path: inset(0 0 0 0);
    }
  }

/* RWD ↓↓↓ ~~~~~~~~~~~~~~~ */
@media screen and (max-width: 1024px) {
    .banner h5 {font-size: 40px;}
    .banner h5::before {font-size: 14px;}
}
@media screen and (max-width: 768px) {
    .banner {min-height: 300px;}
    .banner h5 {font-size: 26px;}
    .banner h5::after{height: 3rem;}
    .banblog h5::after {font-size: 60px;} 
    .banE h5::after {font-size: 60px;} 
    .banC h5::after {font-size: 60px;} 
}


@media screen and (max-width: 568px) {
    .banner {min-height: 300px;}
    .banner h5 {font-size: 26px;}
    .banner h5::after{height: 3rem;}
    .banblog h5::after {font-size: 40px;} 
    .banE h5::after {font-size: 40px;} 
    .banC h5::after {font-size: 40px;} 
}

@media screen and (max-width: 425px) {
    .banner {min-height: 300px;}
    .banner h5 {font-size: 26px;}
    .banner h5::after{height: 3rem;}
    .banblog h5::after {font-size: 30px;} 
    .banE h5::after {font-size: 30px;} 
    .banC h5::after {font-size: 30px;} 
}


@media screen and (max-width:320px) {
    .banner h5 {font-size: 20px;}
    .banner h5::before {font-size: 12px;} 
}


#page{
	/*background: url(https://pic03.eapple.com.tw/jiang/bg.jpg)no-repeat top center;
    background-size: cover;*/
}

#content_main, #content {
    /*background: url(https://pic03.eapple.com.tw/wandanshantomb/bg.jpg)repeat center center;
    background-size: 100%;*/
}


/* 文章管理================================== */
.blog_search input[type=search] {
    border-radius: 0;
}

.blog_le .accordion li .link:last-child {
    border-bottom: 1px solid #CCC;
}

.blog_box_edit {
    background: #ffffff00;
    padding: 3em 3em;
    border-radius: 0rem;
    min-height: 30vw;
}

body.blog_page .main_part {
    max-width: 90%;
    width: 1600px;
}

h4.blog_category_title {
    font-size: 26px;
    font-weight: 400;
    font-family: 'noto serif tc';
}

body.blog_page h4.blog_category_title {
    display: none;
}

.blog_subbox.clearfix {
    margin: 0 auto;
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(3, 1fr);
}

.blog_subbox {    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));}
/*文章設定*/
.blog_le.fadeInLeft.animated15.clearfix {
    position: sticky;
    /* top: 100px; */
}

/*選單*/
h5.blog_le_t em {
    font-family: 'Noto Serif TC', serif;
}

.blog_le .accordion {
    border: none;
    border-radius: 0;
}

.accordion li .link {
    border: none;
}


.blog_le .accordion li {
    border-bottom: 1px solid #f9f9f9;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.blog_le .accordion>li:hover,
.blog_le .accordion>li.on_this_category {
    background: #333333 !important;
    transition: all 0.3s ease-in-out;
}

.blog_back a.article_btn_back {
    background: #64b2d7;
    transition: all 0.3s ease-in-out;
}

.blog_back a.article_btn_back:hover {
    filter: brightness(1.2);
    transition: all 0.3s ease-in-out;

}

.blog_back a.article_btn_prev,
.blog_back a.article_btn_next {
    background: #535353;
}

.blog_back a.article_btn_prev:hover,
.blog_back a.article_btn_next:hover {
    filter: brightness(1.2);
    transition: all 0.3s ease-in-out;
}


h5.blog_le_t {
    display: none;
}

.blog_list_ri {
    width: calc(100%);
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    padding: 34px 0px 40px;
}

.blog_box {
    width: 90%;
    max-width: 1600px;
}

body.blog_page .subbox_item:hover .blog_list_le {
    transition: border-radius 1.2s cubic-bezier(.165, .84, .44, 1), filter .5s cubic-bezier(.165, .84, .44, 1), -webkit-filter .8s cubic-bezier(.165, .84, .44, 1);
}

.subbox_item {
    width: 100%;

    background-color: transparent;
    /* -webkit-box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 7%);
    box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 7%); */
    /* border-radius: 0 10px 10px 0; */
    overflow: hidden;
    margin-bottom: 2%;
    position: relative;
}

.subbox_item a {
    border-bottom: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    background: #F7F7F8;
    padding: 10px;
}

.subbox_item:hover img {
    transform: translate(-50%, -50%) scale(1.05);
    object-fit: cover;
    width: 100%;
    transition: all 0.4s ease;

}

.blog_list_le img {
    display: block;
    max-width: 100%;
    min-width: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transition: all 5000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transform: translate(-50%, -50%) scale(1);
    width: 100%;
    height: 100%;

}

.blog_list_le {
    display: block;
    position: relative;
    text-align: center;
    overflow: hidden;
    padding: 0;
    padding-bottom: 0;
    aspect-ratio: 14/9;
    height: auto;
    width: 100%;
}

.subbox_item a:after {
    content: '';
    background: url(https://pic03.eapple.com.tw/leesclinic/buy_pic_cov_after.svg);
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 80%;
    height: 100%;
    background-repeat: no-repeat;
    z-index: -1;
    left: 50%;
    transform: translate(-45%, 39px);
    transition: all 0.3s ease-in-out;
    opacity: 1;
    border: none;

}

.subbox_item a:hover:after {
    width: 80%;
    transition: all 0.3s ease-in-out;
}

.subbox_item a:before {
    display: none;
}

.blog_list_ri em {
    order: 3;
    width: 100%;
    text-align: right;
    color: #69b3d5;
}

.blog_list_ri h5 {
    position: relative;
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding-bottom: 50px;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 1.2px;
    margin-bottom: 14px;
    font-family: 'noto serif tc';

}

.blog_list_ri p {

    margin-top: 10px;
    color: #595959;
    font-size: 16px;
    letter-spacing: 0.8px;
    line-height: 1.5625;
    width: 100%;
    -webkit-line-clamp: inherit;
}

.blog_list_ri p:after {
    content: '...';
}

.subbox_item:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 50px;
    height: 2px;
    background-color: #371d16;
    transition: 0.3s;
    z-index: 1;
}

.subbox_item:hover:before {
    width: 100%;
    transition: all .5s;
}

.blog_back {
    width: 100%;
}

.news_related {    background: #e7e7e7;}

@media screen and (max-width: 1600px) {
    .blog_list_ri h5 {
        font-size: 20px;
    }

    .blog_list_ri p {
        font-size: 14px;
    }



}



@media screen and (max-width: 1200px) {
    .subbox_item a {
        grid-auto-flow: initial;
        padding-right: 0;
        gap: 0;
    }

    .blog_list_le {
        margin: auto;
    }

    .blog_subbox.clearfix {
        grid-template-columns: 1fr 1fr;
    }

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

    .blog_list_ri {
        max-width: 90%;
        margin: auto;
    }
}

@media screen and (max-width: 1024px) {
.blog_subbox {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));}}


@media screen and (max-width: 768px) {
    .blog_le.fadeInLeft.animated15.clearfix {
        position: relative;
        top: auto;
    }

    .blog_list_le {
        width: 100%;
    }

    .blog_list_ri {
        width: 100%;
        padding: 0;
    }

    .blog_list_ri p {
        margin-top: 7px;
        margin-bottom: 19px;
        -webkit-line-clamp: inherit;
    }

    .blog_subbox.clearfix {
        grid-template-columns: 1fr;
    }

    .blog_list_ri i {
        bottom: -7px;
    }

    .blog_list_le {
        width: 100%;
    }

    .blog_list_ri {
        width: 100%;
        padding: 20px 0px 40px;
    }

    .blog_list_ri h5 {
        -webkit-line-clamp: initial;
    }
}

@media screen and (max-width: 476px) {
    .blog_box {
        width: 100%;
    }

    .blog_box_edit {
        padding: 2em 2em;
        border-radius: 1rem;
    }


}



/* 表投產品、按鈕版面統一調 */
@media screen and (max-width: 1550px) {

    .stellarnav.desktop>ul,
    .tp_links,
    .nav-header {
        max-width: 1100px;
    }
}

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

    .stellarnav.desktop>ul,
    .tp_links,
    .nav-header {
        max-width: 1350px;
    }

    .box_search,
    a.tp_btn_notice,
    a.tp_btn_cart {
        position: relative;
        top: 0;
        right: 3.5rem;
    }

    .me_tp_features {
        display: table;
        text-align: right;

    }
}

@media screen and (max-width: 768px) {
    .me_tp_features {
        background: #BC957B;
        text-align: center;
        padding: 6px;
    }

    .box_search,
    a.tp_btn_notice,
    a.tp_btn_cart {
        right: auto;
        color: #fff;
    }

    .stellarnav .menu-toggle {
        margin-top: 10px;
    }

}



/*購物車/＝＝＝＝＝*/
.prod_part {    width: 90%;}
.products-list {    display: grid;    gap: 10px;    grid-template-columns: 1fr 1fr 1fr 1fr;}
.products-list:before{content:none;}
.products-list .item {    width: 100%;margin: 0px 0px 30px 0px;}

/*購物車/外層＝＝*/
/*顏色*/
.products-list .more {
	border: 1px solid #929290;
	background: #929290;
    color: #FFFFFF;
	line-height: 40px;
	/*display:none;*/
}
.products-list .item a:hover .more {
	background: #64B2D7;
    border: 1px solid #64B2D7;
}
.products-list .pic {
    /*overflow: hidden;
    background: #FFFFFF;*/
	line-height: 0px;
    /*border-radius: 40px;*/
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0px;
    height: 100%;
    transition: .5s;
}

.products-list .pic::before {
    content: "+";
    font-size: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 35px;
    height: 35px;
    z-index: 999;
    text-align: center;
    line-height: 25px;
    border-radius: 50%;
    color: #FFFFFF;
    border: 2px #FFFFFF solid;
    opacity: 0;
    transition: .5s;
}

.products-list .pic::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    transition: .5s;
}

.products-list a:hover .pic::before, .products-list a:hover .pic::after {
    opacity: 1;
}

.products-list .pic img {
    display: block;
    max-width: 100%;
    min-width: 100%;
    height: unset;
    object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    transition: .5s;
    transform: scale(1);
}

.products-list a:hover .pic img {
    transform: scale(1.05);
}

.products-list .item a .name {
    text-align: center;
    transition: .5s;
}

.products-list .item a:hover .name {
    /*color: #c98625;*/
}

/*價格*/
.products-list .price {    display: flex;    margin-bottom: 5px;    align-items: center;    justify-content: center;    flex-wrap: wrap;}
.products-list .price b {    margin: 0 5px;    line-height: 180%;    text-align: center;color: #ADA17E;}
.products-list .price b.ori_price {    font-size: 14px;}

/*外層版面*/
.product_page .main_part {    width: 90%;	max-width: 1500px;}
.product_page .show_content {    display: flex;    flex-wrap: wrap;    align-items: flex-start;    justify-content: center;}
.product_page .products-list {    width: calc(100% - 280px);}
.product-layer-two {    width: 250px;margin: 0;}
.product_info_page .product-layer-two {    display: none;}
.product-layer-two li {    margin: 0;    width: 100%;padding: 0 0px;}
.product-layer-two > li.active {    background: #eeeeee;}
.product-layer-two li.active a {    border: unset;border-bottom: 1px dotted #ccc;}
/**/
.product-layer-two li a {    color: #222;    border: none;    background: transparent;    transition: all 0.3s;    line-height: 200%;    transition: all 0.3s;font-weight: 600;}
.products-list .name {font-weight: 600;}
.product-layer-two > li > a {    border-bottom: 1px dotted #ccc;}
.product-layer-two li:hover > a , .product-layer-two li.active > a{
	color: #ffffff;
    background: #64B2D7;
    padding-left: 25px;
}
.product-layer-two li:hover > a:before , .product-layer-two li.active > a:before {background: #bd2321; color:#fff;}
.product-layer-two > li > a:before {
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    height: 10px;
    content: "";
    color: #ADA17E;
    background: #cccccc;
    width: 10px;
    text-align: center;
    position: absolute;
    left:8px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
    padding-left: 2px;
    font-size: 13px;
	display:none;
}
/**/
.product-layer-two li ul {    position: relative;padding-top: 1px;}
.product-layer-two li li {    border: none;background: transparent;}
.product-layer-two li li a{    background: transparent;}
.product-layer-two li li:hover a{color: #7aa497;background: transparent;}

/*hover到才顯示副選單 關掉↓*/
.product-layer-two li li {    display: block;}

/*購物車/內層＝＝*/
.product_info_page .main_part {    width: 90%;}
ul.prod li h3.prod-thumb {
    background: unset;
    text-align: left;
}
ul.prod li {
    margin-bottom: 20px;
}

.qaform .breakF {
    border: 1px #cccccc solid;
    background: #FFFFFF;
}
.product_pic #bx-pager h6{
	display:none;
}

.product-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.bx-wrapper .bx-controls-auto {
	display: none;
}



/*按鈕顏色*/
.inquiry_a1{background: #64B2D7;}
.inquiry_a2{background: #64B2D7;}
.inquiry_a3{background: #64B2D7;}
.inquiry_a1:hover, .inquiry_a2:hover, .inquiry_a3:hover{background: #64B2D7;}
.lastaction, .nextaction, .lastPage {    
	color: #FFFFFF;
	background: #64B2D7;
	transition:.3s;
}

.lastaction:hover, .nextaction:hover, .lastPage:hover {    
	background: #64B2D7;
}

/*商品側邊規格*/
.sidebarBtn {
    border: unset;
    background: unset;
}
.product_info li .txt_box {    color: #222222;    width: 100%;}
.sidebarBtn .sp_price {   color: #cbc0a0;}
.mobile_product_name{font-size: 24px;}
/*相關推薦*/
.prod_related h6 span:before{font-size: 28px;}
.prod_related {
    background: unset;
}
.related_list li a {
    background: unset;
}

@media screen and (max-width: 1200px) {
    /*購物車/＝＝＝＝＝*/
    .products-list {    grid-template-columns: 1fr 1fr 1fr;}}

@media screen and (max-width: 1024px) {
    /*購物車/＝＝＝＝＝*/
.product_page .products-list {    grid-template-columns: 1fr 1fr;}}


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

/* header產品搜尋 */

.me_tp_features {   margin: 0px 0; background-color: #ffffff;}
.shop_search_btn {background: #000000;} 



/*購物車/＝＝＝＝＝*/
.products-list {    grid-template-columns: 1fr 1fr;}
.product_page .products-list ,.product-layer-two {    width:100%;}
.prod_related h6 span:before{font-size: 24px;}
.mobile_product_name {
    display: none;
}
.sidebarBtn {
    order: -1;
    margin: 0px auto 20px;
}

.product_pic {
    padding-top: 0px;
}
/*順序*/
.product_page .products-list {    order: -1;}}



@media screen and (max-width: 600px) {
    /*購物車/＝＝＝＝＝*/
    .prod_related h6 span:before{font-size: 20px;}}



    @media screen and (max-width: 375px) {
        /*購物車/＝＝＝＝＝*/
        .products-list , .product_page .products-list  {    grid-template-columns: 1fr;}}



/* 購物車匯款資訊 
.car_page .information_left {display: block;}*/



/* = = = 聯絡表單 = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.contact_content{background:#eeeeee ;}

/*表單最大寬度設定*/
.contact_content .information_left { display: none;}
.contact_content .information_right { max-width: 1200px;margin: auto;width: 90%;display: block;}

/*標題*/
.blank_letter { color: #64B2D7;}

/*側邊資訊*/
.list_before { margin-top: 10px;}
.contact_form li{padding: 0;}

/*表格樣式*/
.contact_form li input.noborder { border: none;  background: #fff;}/*文字欄*/
.contact_form li textarea.noborder { background: #fff; border: none;}/*文字區塊*/
.form select { width: 100%; border: none;  background: #fff;}/*下拉式*/
input[type="checkbox"], input[type="radio"] { margin: 0 10px;}/*複選、單選*/
.contact_form li .form__label{ font-size: 18px; width: 100%;text-align: left;margin-left: 0;padding-right: 0;padding-bottom: 5px;padding-top: 10px;}
.contact_form li .form__insert{ margin-bottom: 10px;}

/*驗證碼對齊*/
.contact_form li:nth-last-of-type(2) .form__insert { display: inline-flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap;}
.contact_form li:nth-last-of-type(2) input.noborder { border: 1px #ddd solid;}
.captcha { margin-right: 20px;}

/*按鈕*/
.contact_form li.last blockquote { border-radius: 50px; border: none;background: #fff;}
.contact_le_map a { background: #64B2D7;}
.contact_form li.last cite {    border-radius: 50px; background: #64B2D7;}

@media screen and (max-width: 425px){
    /*聯絡表單*/
    .contact_form li { padding-left: 0;}
    .contact_form li .form__label { margin: 0 0 10px; width: 100%; text-align: left;}
    .contact_form li .form__insert { width: 100%;}
}

/* = = = RWD = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
@media screen and (max-width: 1200px) { }
@media screen and (max-width: 1024px) { }
@media screen and (max-width: 768px) { }
@media screen and (max-width: 600px) { }
@media screen and (max-width: 425px) { }



/* 手機板浮動按鈕位置調整 */
@media screen and (max-width: 768px) {
    .fix_ri {        bottom: 60px;}}



/* 分頁關閉 */
.page {    display: none;}
.other_promotion {    display: none;}


@media screen and (max-width: 1440px) { 
    .swiper-pagination { display: none;}
    .navigation {    padding: 0 0 0 80px;}
    .stellarnav.desktop>ul, .tp_links, .nav-header{max-width: 950px;}
}

@media screen and (max-width: 1024px) { 
   .stellarnav > ul > li > a{ margin: 5px 1vw;}
   .promotion_title h2 {display: none;}

}

@media screen and (max-width: 1200px) {
    @media screen and (max-width: 980px) {
        @media screen and (max-width: 768px) {
            .promotion_title h2 {
                display: none;
            }
        }
    }
}