@charset "utf-8";

:root{
	
/*顏色*/
--darkG:#004415;/*深綠*/ --lightG:#169d49;/*亮綠*/
--lighGR:#f2f2f2;/*淺灰*/
--subColor01:#efefef;   /*灰色*/ --subColor02: #253536;   /*墨綠色*/ --textColor: #333333; /*文字*/

/* 字型 */
--ffmain: "微軟正黑體"; --ffsub:"Noto Sans TC", sans-serif;
}


/*●●●●●●●●●●●●●●●●●●●●●●●●   浮動按鈕   ●●●●●●●●●●●●●●●●●●●●●●●●*/
.info_fix_links{ display:block !important;}/*保持展開*/
.info_fix>span { display: none;}/*隱藏展開鈕*/

.linksBtn { background: #9e8146;}
.info_fix:hover>.linksBtn{ background: #9e8146;}

.info_fix_links a {border: 1px solid; background:rgb(44 44 44/0.5);}
.info_fix_links a:hover {  background:rgb(44 44 44);animation: move2 2s; animation-timing-function: ease-out;}

.info_fix_links a:nth-of-type(even) { background: rgb(18 68 0/0.5);}
.info_fix_links a:nth-of-type(even):hover {  background: rgb(18 68 0);}

@keyframes move2{	0%{transform: rotateY(0deg);} 100%{transform:  rotateY(360deg);}}

/*●●●●●●●●●●●●●●●●●●●●●●●●   大範圍設定   ●●●●●●●●●●●●●●●●●●●●●●●●*/

*{letter-spacing: .1rem;font-family: 'Advent Pro','Noto Sans TC', sans-serif;}
#content,#content_main {background: #fff;}
#content_main { margin-top: 0;}
.show_content{padding: 20px 0;}
.path p, .path p a{display:none;}

/*#to_top*/
#to_top { border: 1px solid #ffffff33; background: #828282b5; box-shadow: none; border-radius: 0; color: #ffffff;bottom: 90px;}
#to_top i:before, #to_top i:after { background: #ffffff;}


@media screen and (max-width: 768px){
	.show_content {padding: 40px 0 20px;}
	#bottom_menu{background: #151414; box-shadow: none;}
	#bottom_menu li { border-right: 1px #797979 dashed;}
	#bottom_menu li a{color: #275b36; padding: 13px 5px 3px;}
	#bottom_menu li a em {color: white;}
	
}         
@media screen and (max-width: 600px) {
	.main_part {padding: 10px 20px;}
}




/*●●●●●●●●●●●●●●●●●●●●●●●●   大圖部分設定   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●   大圖設定   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○//*首頁大圖*/
.bannerindex { position:relative; height:auto;}
.bannerindex .swiper-banner { position:static; margin:0; height:auto;} 
.bannerindex .swiper-slide img { height:auto;}

/*共用*/
.bannerindex:before {
    content: "";
    width: 100%;
    height: 10vw;
    position: absolute;
    top: 0;
    left: 0;
    /*background: linear-gradient(180deg, rgb(234 224 198 / 81%), transparent);*/
    z-index: 10;
    mix-blend-mode: hard-light;
}
.bannerindex .swiper-banner:before, .swiper-banner:after{
    content: " ";
    position: absolute;
    z-index: 999;
    pointer-events: none;
    transition-duration: 2s;
    transition-timing-function: linear;
}
.bannerindex .swiper-banner:before {
    width: 100%;
    background: url(https://pic03.eapple.com.tw/jinyi/cover.png);
    background-size: contain;
    left: 0;
    height: 100%;
    background-repeat: repeat-x;
    -webkit-animation: anime_wave01 20s linear 10s infinite alternate;
    animation: anime_wave01 20s linear 0s infinite alternate;
    -webkit-animation-duration: 150s;
    animation-duration: 30s;
    mix-blend-mode: luminosity;
    opacity: .5;
}
@keyframes anime_wave01 { from { background-position: 0 0;} to { background-position: -2000px 0;}}

/*各別*/
.bannerindex .swiper-slide{position: relative;}
.bannerindex .swiper-slide:before, .swiper-slide:after {
    content: "";
    position: absolute;
    z-index: 999;
    pointer-events: none;
    transition-duration: 2s;
    transition-timing-function: linear;
}

.bannerindex .swiper-slide.swiper-slide-active:nth-child(1):before, .bannerindex .swiper-slide.swiper-slide-active:nth-child(1):after,
.bannerindex .swiper-slide.swiper-slide-active:nth-child(2):before, .bannerindex .swiper-slide.swiper-slide-active:nth-child(2):after {
    background-image: url(https://pic03.eapple.com.tw/markhorgames/BNA1.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
	top: 0;
    background-size: contain;
    position: absolute;
    z-index: 101;
    animation: up_pop 1.5s ease;
	
}
.bannerindex .swiper-slide.swiper-slide-active:nth-child(1):after,
.bannerindex .swiper-slide.swiper-slide-active:nth-child(2):after{
    background-image: url(https://pic03.eapple.com.tw/markhorgames/BNA2.png);
    animation: fade_in 1.5s ease;
}

.bannerindex .swiper-slide.swiper-slide-active:nth-child(2):before { background-image: url(https://pic03.eapple.com.tw/markhorgames/BNB1.png);}
.bannerindex .swiper-slide.swiper-slide-active:nth-child(2):after{   background-image: url(https://pic03.eapple.com.tw/markhorgames/BNB2.png);}

@keyframes up_pop {
 0% { transform: translateY(50%); opacity: 0;}
 60% { transform: translateY(0);}
 70% { transform: translateY(5%);opacity: 1;}
 100% { transform: translateY(0);}
}
@keyframes fade_in {
 0% { opacity: 0;}
 60% { opacity: 0;}
 75% { opacity: 1;}
 80% { opacity: 0;}
 85% { opacity: 1;}
 100% { opacity: 1;}
}

@keyframes fade_in {
 0% { opacity: 0;transform: scale(1);}
 60% { opacity: 0;transform: scale(1.5);}
 75% { opacity: 1;}
 80% { opacity: 0;transform: scale(1);}
 85% { opacity: 1;transform: scale(1.2);}
 100% { opacity: 1;}
}


/*切換鈕*/
.bannerindex {--swiper-pagination-color: #fff;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction
{bottom: auto;top: 50%;left: 2vw;width: 25px;}
.bannerindex .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet
{margin: 0px 5px; width: 3px; height: 13px;border-radius: 2px;}

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

/*●●●●●●●●●●●●●●●●●●●●●●●●   HEADER區塊   ●●●●●●●●●●●●●●●●●●●●●●●●*/

.main_header_area .container {max-width:1024px;margin: auto;}
.main_header_area::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, #00000000, #00000000, #15670029, #08560000, #00000000);
    animation: header 5s cubic-bezier(0, -0.17, 0.58, 1) infinite;
    transition: all 0.3s;
}/*
@keyframes header{0% {left: -100%;} 100% { left: 100%;}}*/

.header_area{padding: 0;}
.pageIndex .header_area{opacity: 0;transition: all .5s;}
.pageIndex .header_area, .header_area.sticky {background: transparent;position: fixed;}

.header_area.sticky {opacity: 1;transition: all .5s;}

.header_area:before{content: "";width: 80%;height: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);
                    background: transparent;transition: all .5s;}
					
					
					
.header_area.sticky:before{width: 100%;background: #ffffffe8;transition: all .5s;}


.navigation {grid-template-columns: 250px 1fr;padding: 15px 0 8px;}
.nav-brand img{display: block;}
.nav-header {max-width: 250px;}

/*第一層*/
.stellarnav {}
.stellarnav li.has-sub > a:after {border-left: 5px solid transparent;border-right: 5px solid transparent; border-top: 5px solid var(--lightG);top: 60%;}

.stellarnav > ul > li {margin: 0 3px;}
.stellarnav > ul > li > a{color:#000;letter-spacing: .2rem;transition: all .5s;height: 35px;}
.stellarnav > ul > li > a:hover {color: var(--lightG);}

.stellarnav li.has-sub li {border-bottom: 1px solid gray;}
.stellarnav > ul > li:nth-of-type(1) > a, .stellarnav > ul > li:nth-of-type(3) > a{padding-right: 17px !important;}

/*綠色底線*/
 .stellarnav > ul > li:after {
    content: "";
    background: var(--lightG);
    height: 4px;
    width: 100%;
    position: absolute;
    bottom: -11px;
    left: 0;
    transform: scale(0, 1);
    transition: 0.3s ease-in-out;
}
.stellarnav > ul > li:hover:after { transform: scale(1); transition: 0.3s ease-in-out;}


/*下拉區塊*/
.stellarnav ul ul.prod_classes{background: #000;border: 1px solid gray;width: 310px;}

.stellarnav li.has-sub li {border: none;border-bottom: 1px solid #0000006e; background: #ffffffe8;}
.stellarnav li.has-sub li:last-child{border-bottom: none;}
.stellarnav li.has-sub li a {font-size: 13px;padding: 8px 12px;transition: all .5s;}
.stellarnav li.has-sub li a:hover{background: #404040;color: #fff;padding-left: 18px;}
.stellarnav li.drop-left li.has-sub > a:after {border-top: 5px solid transparent;border-bottom: 5px solid transparent;
    border-right: 5px solid #898989;}/*下拉箭頭*/
.stellarnav li.drop-left li.has-sub > a:hover:after {border-right: 5px solid #fff;}/*下拉hover箭頭*/
	
	
/*★★★購物車/社群icon設定↓↓↓↓↓↓↓↓↓↓↓↓*/
.me_tp_features .tp_links {display: none;}

.box_search { margin: 10px 10px 5px;width: 300px; max-width:100%;}
.box_search input[type=text]{border-radius: 0;overflow: hidden; width: 300px; max-width:100%;}
.box_search input[type=text]::placeholder{color: #ccc;}/*提示文字*/
.box_search input[type=text]:focus{color: #555;}
.shop_search_btn{border-radius: 0;background: #2d2d2d;}/*搜尋按鈕*/


@media screen and (max-width: 1024px){
	 .stellarnav > ul > li > a{font-size: 14px;}
	.header_area, .header_area.sticky {background: #fff;position: sticky;}
	.pageIndex .header_area {opacity: 0;}
	
	.pageIndex .header_area, .pageIndex .header_area.sticky {background: transparent;position: fixed;}
	.pageIndex .header_area.sticky {opacity: 1;}

	 .stellarnav > ul > li {margin: 0;}
	.nav-header {max-width: 200px;}
	 .stellarnav > ul > li:after {  bottom: 0;}
	 .navigation {  margin: 0; padding-top: 10px;}
	 
	 
}
@media screen and (max-width: 768px){
  .me_tp_features { margin: 7px 0 10px;}
  .nav-header {max-width: 170px;}
	
 .stellarnav > ul > li {animation: down 1s both;}
 .stellarnav > ul > li:nth-of-type(2){animation-delay: .05s;}
 .stellarnav > ul > li:nth-of-type(3){animation-delay: .1s;}
 .stellarnav > ul > li:nth-of-type(4){animation-delay: .15s;}
 .stellarnav > ul > li:nth-of-type(5){animation-delay: .2s;}
 .stellarnav > ul > li:nth-of-type(6){animation-delay: .25s;}
 .stellarnav > ul > li:nth-of-type(7){animation-delay: .3s;}
 .stellarnav > ul > li:nth-of-type(8){animation-delay: .35s;}
 .stellarnav > ul > li:nth-of-type(9){animation-delay: .4s;}
 
@keyframes down {0%{transform: translateY(-100px);opacity: 0;} 100%{transform: translateY(0px);opacity: 1;}}
	
 .stellarnav .menu-toggle {padding: 50px 20px;}
 
 .stellarnav .menu-toggle span.bars span { background: #177e35;}
 .stellarnav .menu-toggle:after { font-size: 9px;margin-top: 7px;}
	
 .stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul { background: #ffffffe8;backdrop-filter: saturate(93%) blur(3px);width:340px;max-width: 100%;}
 .stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu{background: transparent;color: #177e35;}
 .stellarnav.mobile > ul > li > a.dd-toggle, .stellarnav.mobile > ul > li.open > a.dd-toggle{padding: 24px 1%;}
 .stellarnav.mobile > ul > li > a, .stellarnav.mobile > ul > li.open > a  { padding: 24px 5%;}
 .stellarnav.mobile li.open{padding: 0px 0px 25px;}
 .stellarnav > ul > li.drop-left > ul{margin: auto;}
 .stellarnav .icon-close:before, .stellarnav .icon-close:after { border-bottom: solid 3px #40a55e;}
 .stellarnav .icon-close { margin-right: 5px;}
 .stellarnav ul ul.news_classes{background: #000;border: 1px solid gray;width: 310px;margin: auto;}

}
@media screen and (max-width: 570px) {
    .stellarnav .menu-toggle {padding: 50px 20px;}
	.me_tp_features a.tp_btn_cart, .me_tp_features a.tp_btn_notice {display: inline-block; }
}




/*●●●●●●●●●●●●●●●●●●●●●●●●   FOOTER區塊   ●●●●●●●●●●●●●●●●●●●●●●●●*/
.footer{background: var(--lighGR);padding: 30px 0 0;}
.footer_logo{max-width: 300px;margin: auto;}
.footer .center {max-width: 1000px;width: 90%;}
.footer_info {display: flex; flex-direction: column; grid-gap: 10px;padding-right: 0;}
.footer_info ul{display: flex; flex-direction: column; align-items: center;}

.footer_info li {display: flex; flex-wrap: wrap; justify-content: center;text-align: center; gap: 0 20px;}
.footer_info li:nth-child(1){}
.footer_info li:nth-child(2){}
.footer_info li+li { margin-top: 0;}

.footer_info li p { display: flex;}
.footer_info li p:before { order: 2;}
.footer_info li p, .footer_info li p a{color: #494439;order: 3;}
.footer_info li p:after {
    content: '✦';
    color: #89af84;
    order: 1;
    margin-right: 5px;
}

.footer_menu a{background: #8b8b8b;border: none;color: #eee;font-size: 12px;padding: 6px 8px;position: relative;z-index: 1; margin: 5px 0;width: 88px;}
.footer_menu a:nth-of-type(even){background:#525252;}	

.footer_menu a:first-child{/*display: none;*/}
.footer_menu a:before{content: "";width: 0;height: 100%;position: absolute;top: 0;left: 0;transition: all .5s;
background: var(--lightG);z-index: -1;}
.footer_menu a:hover:before{left: auto;right: 0;width: 100%;transition: all .5s;}

.box_link{display:none;}

.copy {padding: 8px 0 10px;background: var(--darkG);}
.copy, .copy a{color: #fff;}


@media screen and (max-width: 768px){
	.footer {padding: 50px 0 54px;}
	.footer_logo {/*max-width: 80px;*/}
	.footer_info {grid-template-columns: 1fr;grid-gap: 20px;padding: 0;}
	.footer_info li{padding: 10px;}
}
@media screen and (max-width: 600px){
	.footer_logo {margin: 0 auto;}

}

/*●●●●●●●●●●●●●●●●●●●●●●●●   購物車管理   ●●●●●●●●●●●●●●●●●●●●●●●●*/
.product_menu_list > ul{display: flex; flex-wrap: wrap; justify-content: center;padding-bottom: 30px; border-bottom: 1px #6aa06a dashed;}
.product_page .show_content { padding: 0;}
.product_menu_list { margin-bottom: 50px;}

/*分類按鈕*/
.product_menu_list > ul {gap: 10px;}
.product-layer-two li a {  border: 1px #c9c9c9 solid; transition: all 1s;}
.product-layer-two li.active a { font-weight: bold; border: 1px #000000 solid; background: #343434; color: white;}
.product-layer-two li:hover a {border: 1px #0a2411 solid; background: #177e35;color: #ffffff;}


/*首頁商品*/
.products-list .name {text-align: center;}
.products-list .pic { border: 1px solid #2e2e2e;border-radius: 20px; box-shadow: 12px -10px 0 1px rgb(0 111 31 / 75%);}
.products-list li:nth-of-type(even) .pic { border: 1px solid green;}
.products-list li:nth-of-type(even) .pic { box-shadow: 12px -10px 0 1px rgb(0 0 0 / 75%);}

.products-list .more { display: none;}
.products-list { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-gap: 40px;}

/*圖片*/
.products-list .pic img {transition: all 1s;}
.products-list li:hover .pic img { transform: scale(1.5);}

/*標題*/
.products-list .name{}
.products-list .name:before{content: '✦'; color: #4e935d; margin-right: 5px;}
.products-list .name:after{content: '✦'; color: #c8c8c8; margin-left: 5px;}	
.products-list li:nth-of-type(even) .name:before{color: #6a6a6a;}
.products-list .item a{padding-bottom: 10px;}

/*分頁數字*/
.page li.activeN{background: #177e35; color: white; padding: 10px 5px; border-radius: 20px;}

.page li:hover{}
.page li a{width: 20px; height: 30px;}
.page li:hover a{background: #d4d4d4; color: #fff; width: 20px; height: 30px;}

.product_page .page .fa{color: #9fcf9f;}
.page li.prev:hover a { background: transparent;}
.page li.next:hover a { background: transparent;}

/*內頁*/
.sidebarBtn {  border: none;}
.pd_tabTitle li.activeTab::after { background: #dde8db;}
.product_info li .txt_box{ color: #6c6c6c;}
.proImgSwiper li{border: 1px solid #416741;}

/*相關推薦*/
.prod_related { background: #222222;padding:3%;}
.prod_related h6 span:before {font-size: 20px;color: #ffffff;font-weight: normal;}
.related_list li a, .related_list li figure { border-radius: 35px;}
.lastPage { background: #177e35; border-radius: 30px;margin: 20px auto 0;}
.lastPage:hover { color: #177e35; background:white; border-radius: 30px;}
.related_list li a p {  margin: 10px auto;line-height: 1.2;}

@media screen and (max-width: 600px){
.product-layer-two li {margin: 0;}
}

@media screen and (max-width: 450px) {
.product-layer-two li { width: 100%;}

}

			
/*●●●●●●●●●●●●●●●●●●●●●●●●   文章分類管理   ●●●●●●●●●●●●●●●●●●●●●●●●*/

/*※※※※※【【  固定區塊不動↓↓↓  】】※※※※※*/
/*側邊*/
.blog_le{padding: 0 7px;}
h5.blog_le_t{text-align: center;margin-bottom: 0;}
h5.blog_le_t em,h5.blog_le_t span{/*display: none;*/}
.blog_search input[type=search]{border-radius: 0;}
.blog_le .accordion {border-radius: 0;}
.accordion li .link a {font-size: 13px;font-weight: 500;letter-spacing: .6rem;text-align: center;}
.submenu a {padding: 12px 12px 12px 30px;background: #fff;font-size: 12px;}
/*分類頁*/
.blog_ri {padding: 0 0 0 50px;}
.blog_page h4.blog_category_title{/*display: none;*/}
.blog_subbox {grid-template-columns: 1fr;}
.subbox_item a {grid-template-columns: 200px 1fr;align-items: center;grid-gap: 50px;padding-right: 50px;}
.subbox_item a:before {font-size: 12px;padding: 5px 20px;background: #c1a383;color: #fff;
	bottom: auto;right: auto;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.subbox_item a:after {background: rgba(256,256,256,.5);border: none;}

.blog_list_ri em {font-size: 12px;}
.blog_list_ri p {font-weight: 400;letter-spacing: .2rem;line-height: 160%;font-size: 12px;margin-top: 20px;}
/*文章頁*/
h4.blog_category_title {padding: 0;margin-bottom: 0;}
.blog_shareData{border-bottom: 1px solid #eee;padding-bottom: 10px;}
.toShareNews b{font-size: 12px;font-weight: 400;}
.toShareNews a object{max-width: 20px;}
.articel_mainPic{/*display: none;*/}/*清單縮圖*/
.blog_back {grid-gap: 0;}
.blog_back a.article_btn_prev,.blog_back a.article_btn_next {
	background: transparent;color: #888;border: 1px solid #888;font-size: 14px;padding: 12px;}
.blog_back a.article_btn_back{background: #888;padding: 12px;}
.news_related {background: transparent;padding: 50px 15px;margin-top: 50px;}
.news_related h6 span:before {font-size: 18px;letter-spacing: .6rem;font-weight: 500;color: #555;}
.news_related_list li a p {padding: 5px 5px 10px;line-height: 1.6;}

.blog_list_ri h5{    color: #177e35;}

@media screen and (max-width: 1024px){
	/*分類頁*/
	.subbox_item a {grid-template-columns: 120px 1fr;align-items: start; grid-gap: 30px;padding: 15px 0;}
}
@media screen and (max-width: 768px){
	/*側邊*/
	.blog_le{padding: 0;}
	/*分類頁*/
	.blog_list_ri{padding: 0;}
	.blog_list_ri h5 {font-size: 16px;}
	/*文章頁*/
	.blog_le, .blog_ri{margin-bottom: 50px;}
	.blog_back a.article_btn_prev,.blog_back a.article_btn_next,.blog_back a.article_btn_back{font-size: 12px;}
	{font-size: 12px;}
}
@media screen and (max-width: 450px){
	/*分類頁*/
	.subbox_item a {grid-template-columns: 80px 1fr;grid-gap: 15px;}
}
/*※※※※※【【  此案件更動處↓↓↓  】】※※※※※*/

.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category{background: #2d2d2d !important;}
h5.blog_le_t { display: none;}
/*分類頁*/

.subbox_item a:before {background: #177e35; border: 1px solid white;}
.subbox_item a:after {background: rgb(67 67 67 / 50%);}
/*文章頁*/

.blog_back a.article_btn_back {background: #ccc;color: #000;    font-size: 14px;}
.blog_back a.article_btn_prev, .blog_back a.article_btn_next {color: #eee;border: 1px solid #ccc;font-size: 14px;background: #1a7e33;}
.news_related {background: #333;}
.news_related h6 span:before{color: #eee;}
.news_related_list li a {padding: 0;background: #222;}
.news_related_list li a p {color: #ccc;padding: 20px 5px;}

/*首頁*/
.module_i_news {/*padding: 80px 20px;background: url(https://pic03.eapple.com.tw/shingfushin/i_article_bg.jpg) no-repeat;
background-size: cover;background-position: center;*/background: #131313;}
.module_i_news02{background: #0e0e0e;}
.module_i_news .title_i_box{margin-bottom: 10px;}
.module_i_news .title_i_box h4 {color: #ddd;font-size: 22px;position: relative;text-shadow: 0 0 10px rgba(0,0,0,.2);}
.module_i_news .title_i_box h6{font-size: 40px; color: #fff; font-weight: 100;}
.module_i_news section {max-width: 1600px;}
.module_i_news ul {grid-template-columns: 1fr 1fr 1fr 1fr;}
.module_i_news li a {grid-template-columns: 1fr;}
.module_i_news li a:before {color: #fff;background: linear-gradient(45deg, #0e2673, #2196de);padding: 5px 20px;
    top: 50%;left: 50%;bottom: auto;right: auto;transform: translate(-50%,-50%);}
.module_i_news li a:after {background: linear-gradient(45deg, rgba(42, 42, 42, 1), rgba(42, 42, 42, .0));
	border: none;}
.i_blog_ri {padding: 15px 5px;}
.i_blog_ri h5 {font-size: 18px;color: #ccc;}
.i_blog_ri p {line-height: 160%;font-size: 12px;color: #888;}
.animated-arrow {background: linear-gradient(45deg, #734b0e, #ffe836); border-radius: 20px;}
.blog_in_page .blog_box_edit{display: flex; flex-direction: column-reverse;}
.blog_in_page .articel_mainPic { width: 400px; max-width: 100%;}

@media screen and (max-width: 1024px){
	/*首頁*/
	.module_i_news ul {grid-template-columns: 1fr 1fr;}
}
@media screen and (max-width: 960px) {
	/*分類頁*/
    .subbox_item {border-bottom: 1px #555 solid;}
}
@media (max-width: 768px) {
	/*首頁*/
    .module_i_news li {border-bottom: none;}
    /*分類頁*/
    .blog_ri {padding: 0;}
}
@media screen and (max-width: 450px){
	/*首頁*/
	.module_i_news .title_i_box h4 {font-size: 24px;}
	.module_i_news ul {grid-template-columns: 1fr;}
	/*文章頁*/
	.news_related_list li a p {font-size: 12px;}

}










/*●●●●●●●●●●●●●●●●●●●●●●●●   相簿管理(有分類)   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*※※※※※【【  固定區塊不動↓↓↓  】】※※※※※*/
/*分類頁面*/
.subalbum-menu{padding: 0;margin: 0;}
.subalbum-menu h2 {font-size: 18px;color: #333;letter-spacing: .6rem;/*display: none;*/}
.show-list .show_pic {aspect-ratio: 4 / 5;}
.show-list .show_pic img {transform: scale(1);filter: grayscale(1);-webkit-filter: grayscale(1);transition: all .5s;}
.show-list .show_name{color: #333;letter-spacing: .6rem;text-align: center;font-weight: 500;height: 40px;margin: 15px 0;font-size: 15px;}
.show-list .item .overlay {-webkit-transform: scale(1);transform: scale(1);}
.show-list .item:hover .show_name {color: #b6a292;}
.show-list .item:hover .show_pic img {transform: scale(1.05);filter: grayscale(0);-webkit-filter: grayscale(0);}
/*相本頁面*/
.show-list {grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));}
.other_subalbum li a p {position: absolute;bottom: 15%;left: 50%;transform: translate(-50%, 0);color: #fff;
transition: all .5s;}
.other_subalbum li:hover a p{color: transparent;} 
.album_fixed_title{background: transparent;}
.other_album {margin: 50px 0;}
.other_album_choice li {background: #b6a292;padding: 5px 20px;border-radius: 0;font-size: 13px;}

@media screen and (max-width: 900px){
	/*相本頁面*/
	.show-list {grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));}
}
/*※※※※※【【  此案件更動處↓↓↓  】】※※※※※*/
/*分類管理*/
.show-list .show_name {color: #ccc;}
.show-list .item:hover .show_name {color: #fff;}
/*相片頁*/
.album_descrip{color: #fff;}
.album_fixed_title{color: #ccc;}
.other_album_choice li {background: #002FA7;}







/*●●●●●●●●●●●●●●●●●●●●●●●●   聯絡我們(表單功能)   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*標題*/
.blank_letter {font-weight: 500;letter-spacing: .6rem;padding-top: 0;display: flex; flex-direction: column; align-items: center;color: #ffffff; font-size: 25px;}
.blank_letter:before{content: "FORM"; font-family: "Monoton", sans-serif; font-weight: 100; font-size: 60px; margin-bottom: -10px; color: #6f6f6f;}


/*左側資訊*/
.contact_page .banner{display:none;}

/*表格設定*/
/*
button, input, optgroup, select, textarea{outline: none;}
.contact_form li {margin-bottom: 8px;}
.contact_form li input.noborder,.contact_form li textarea.noborder {border: none;background: #fafafa;}
.contact_form li.last blockquote, .contact_form li.last cite{border: 1px solid #888;}
.contact_form li.last blockquote{color: #888;}
.contact_form li.last cite {background: #888;}
.contact_form li.last blockquote:hover input, .contact_form li.last cite:hover input {letter-spacing: 4px;}
.noborder {padding: 10px;border-radius: 6px;}
.contact_form li:has(input[type=checkbox]) .form__insert, .contact_form li:has(input[type=radio]) .form__insert {
	grid-template-columns: repeat(auto-fit, minmax(20px, 20px) minmax(200px, 1fr));line-height: 1.8;}
.form select{width: 100%;border: 1px solid #eee;padding: 6px 26px 6px 6px;}
*/

.contact_editbox { padding: 0;display: flex; flex-direction: column-reverse;}

.contact_content .information_left { display: none;}
.contact_content .information_right { width: 100%; max-width: 100%; padding: 0;}
.contact_content { background: #19191b; margin: 0 0 -2px; padding: 5% 10%;}

.contact_page .red { color: #40b25d;}

.contact_form { margin-bottom: 0;}
.contact_form li .form__label { color: white;}
.contact_form li.last cite { background: #237e3a;}
.contact_form li.last blockquote, .contact_form li.last cite { border: 1px solid #237e3a;}
.contact_form li.last blockquote { color: #ffffff;}
.contact_form li input.noborder, .contact_form li textarea.noborder {background: #202020; border: 1px solid #177e354f;  color: white;}






    
@media screen and (max-width: 768px) {
	/*左側資訊*/
	.list_before.info li,.list_before.info li:before{font-size: 12px;}
	/*表單設定*/
	.contact_form li {grid-gap: 5px;}
	.form select{margin: 0;}
	.contact_form li.last blockquote, .contact_form li.last cite{padding: 0;}
	.contact_form li.last input{font-size: 12px;}
}
@media screen and (max-width: 600px){
	.contact_form {margin-top: 20px;}
	.contact_form li {margin-bottom: 10px;}
	.contact_form li .form__label {font-weight: 500;background: transparent;padding: 0;}
	.contact_form li:has(input[type=checkbox]) .form__insert, .contact_form li:has(input[type=radio]) .form__insert{
		font-size: 12px;}
	.form select{font-size: 12px;}
	.list_before.info li {padding: 5px 5px 5px 70px;}
	.blank_letter {font-size: 20px;font-weight: 600;}
	.blank_letter:before { font-size: 50px;}
	.noborder {padding: 5px;}
}





/*內頁BANNER 設定*/
.banner {background: url(https://pic03.eapple.com.tw/markhorgames/ban.jpg) no-repeat;
background-position: center top !important;background-size: cover !important;}

.banner h5 {font-weight: 400;color: #eee;letter-spacing: 5px;font-size: 24px;}
.banner h5:before{content: "MARKHOR GAMES";letter-spacing: 3px;
    display: block;
    font-size: 40px;color: #ccc;font-family: "Monoton", sans-serif;}
	
.banner.banF h5:before{content: "PRODUCT";}
.banner.banblog h5:before{content: "NEWS";}
	
.banner.banA {}
.banner.banB {}
.banner.banC {}
.banner.banD {}


@media screen and (max-width: 768px) {
	.banner{height: 250px;}
	.banner h5 {}
	.banner h5:before{}
}
@media screen and (max-width: 450px){
	.banner{height: 250px;}
}




/*●●●●●●●●●●●●●●●●●●●●●●●●   其他設定   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*※※※※※【【  固定區塊不動↓↓↓  】】※※※※※*/
/*★★★查看更多按鈕↓↓↓↓↓↓↓↓↓↓↓↓*/
.animated-arrow {height: 40px;line-height: 40px;}
.animated-arrow b {font-size: 12px;display: block;font-weight: 400;}
.animated-arrow b i{/*display: none;*/}
/*★★★下拉編輯頁↓↓↓↓↓↓↓↓↓↓↓↓*/
.other_select_page .page{/*display: none;*/}
.promotion_title{/*display: none;*/}
.other_promotion{/*display: none;*/}
/*★★★卷軸設定↓↓↓↓↓↓↓↓↓↓↓↓*/
/* 捲軸寬度及高度 */
::-webkit-scrollbar {
  width: 6px; /*右側捲軸寬度*/
  height: 0px; /*下方捲軸高度*/
}
/* 軌道背景底色 */
::-webkit-scrollbar-track {
  background: #eee; 
}
 
/* 滑桿顏色 */
::-webkit-scrollbar-thumb {
  background: #888; 
}
/* 滑桿滑鼠滑入時的顏色 */
::-webkit-scrollbar-thumb:hover {
  background: #444; 
}
/*※※※※※【【  此案件更動處↓↓↓  】】※※※※※*/
#to_top {bottom: 90px;}