@charset "utf-8";


/*●●●●●●●●●●●●●●●●●●●●●●●●   共同設定   ●●●●●●●●●●●●●●●●●●●●●●●●*/

/*其他設定*/
body {background: #000;}
#content_main{margin-top: 0;background: transparent;}


/*●●●●●●●●●●●●●●●●●●●●●●●●   大圖設定   ●●●●●●●●●●●●●●●●●●●●●●●●*/
.bannerindex {overflow: inherit;position: relative;}
.swiper-banner .swiper-slide.swiper-slide-active:before{content: "";position: absolute;width: 100%;height: 100%;z-index: 100;
	animation: totop 1s both;background-size: cover !important;}
.swiper-banner .swiper-slide.swiper-slide-active:nth-child(1):before{background: url(https://pic03.eapple.com.tw/momoreptile/banner_text_01.png) no-repeat;}
.swiper-banner .swiper-slide.swiper-slide-active:nth-child(2):before{background: url(https://pic03.eapple.com.tw/momoreptile/banner_text_02.png) no-repeat;}
.swiper-banner .swiper-slide img{transform: none !important;animation: none !important;}


@keyframes totop {
	0%{opacity: 0;transform: translateY(1vw);}
	100%{opacity: 1;transform: translateY(0);}
}

/*●●●●●●●●●●●●●●●●●●●●●●●●   HEADER區塊   ●●●●●●●●●●●●●●●●●●●●●●●●*/
.header_area {position: fixed;background: transparent;transition: all .5s;}
.main_header_area .container {max-width: 1500px;width: 90%;}
.nav-header {max-width: 80px;transition: all .5s;}
.me_tp_features {margin: 30px 0 5px;padding-right: calc(1% + 5px);}
.me_tp_features a {color: #aaa;font-size: 12px;}
.tp_links{display: none;}
.stellarnav > ul > li {margin: 0 1%;}
.stellarnav > ul > li > a{font-family: "Noto Serif TC", serif;color: #bdbcb9;font-weight: 300;letter-spacing: 1px;
	transition: all .5s;}
.stellarnav > ul > li > a:hover{color: #ddceae;}

.header_area.sticky{background: rgb(48 35 58 / 90%);}
.header_area.sticky .nav-header {max-width: 60px;}





/*●●●●●●●●●●●●●●●●●●●●●●●●   FOOTER區塊   ●●●●●●●●●●●●●●●●●●●●●●●●*/
.footer{background: #000;padding: 120px 0 0;/*box-shadow: 0 0 50px rgb(126 80 172 / 34%);*/}
.footer .center {max-width: 1500px;width: 90%;}
.footer_logo {max-width: 100px;margin: 0 auto;position: absolute;top: -70px;left: 50%;transform: translateX(-50%);}
.footer_info {grid-template-columns: 1fr;padding-right: 0;text-align: center;}
.footer_info li p,.footer_info li p a{color: #bdbcb9;font-family: "Noto Serif TC", serif;}
.footer_info li p{width: 30%;display: inline-block;}
.footer_info li p:nth-child(odd){text-align: right;margin-right: 18%;}
.footer_info li p:nth-child(even){text-align: left;margin-left: 18%;}
.footer_menu{position: relative;padding: 30px 0;margin: 20px 0;}
.footer_menu:before,.footer_menu:after{content: "";width: 100%;height: 1px;position: absolute;left: 0;
	background: linear-gradient(90deg, transparent, #e2d3b2, #978d7b, #e2d3b2, transparent);}
.footer_menu:before{top: 0;}
.footer_menu:after{bottom: 0;}
.footer_menu a{color: #cac4bb;background: transparent;border: none;font-family: "Noto Serif TC", serif;
	letter-spacing: 1px;margin: 0 1%;transition: all .5s;}
.footer_menu a:hover{background: transparent;color: #eee;}
.box_link {position: relative;right: auto;max-width: 200px;flex-direction: row;top: 90px;margin: 0 auto;}
.box_link a {padding: 0;font-size: 16px;width: 34px;height: 34px;line-height: 32px;color: #ccc;
    border: none;background: #222;border-radius: 30px;margin: 0 5px;transition: all .5s;}
.box_link a:hover{transform: translateY(-3px);}
.box_link a.me_tp_call,.box_link a.me_tp_mail{display: none;}
.copy,.copy a{font-size: 10px;color: #555;}
.copy {border: none;padding: 30px 0;}
.privacyLinks a {padding: 0 8px;transition: all .5s;}
.privacyLinks a+a {border-left: 1px solid #555;}
.privacyLinks a:hover{color: #eee;}

/*●●●●●●●●●●●●●●●●●●●●●●●●   文章分類管理   ●●●●●●●●●●●●●●●●●●●●●●●●*/




/*●●●●●●●●●●●●●●●●●●●●●●●●   聯絡我們   ●●●●●●●●●●●●●●●●●●●●●●●●*/





/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*內頁BANNER 設定*/
.banner {}
.banner h1, .banner h2, .banner h3, .banner h5{}
.banner h1:after, .banner h2:after, .banner h3:after, .banner h5:after{}
.banner.banA {}
.banner.banB {}
.banner.banC {}
.banner.banD {}
.banner.banE {}
.banner.banblog {}




/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

