@charset "utf-8";
/*冠達精品娛樂*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@300;400;500;600;700&display=swap');



body {font-family: 'Noto Sans TC', sans-serif;letter-spacing: 1px;}

/*錨點滾動*/
html { scroll-behavior: smooth; }
::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(102, 102, 102, 0.6); }
::-webkit-scrollbar-thumb {background-color: #000;border-radius: 50px;}

/*大圖================================*/
/*預設解除背景輪播*/
#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;}
}

/*側邊按鈕=============================*/
.info_fix{z-index: 99999;}
.info_fix_links{display: flex !important;}
.info_fix>span{display: none;}
a.info_fix_default.info_fix_tel{display: none;}
a.info_fix_default.info_fix_mail{display: none;}
.info_fix_links a{background: #999;}

/*header==============================*/
.header_area{position: sticky;width: 100%;background: #ffffff;padding: 25px 10px;box-shadow: 1px 1px 15px rgba(38, 15, 1, .2);}
.header_area.sticky{background: #fff;transition: 0.5s;}
.main_header_area{background: #fff;height:auto;transition: 0.5s;}

/*選單*/
.me_tp_features{display: none;}
.stellarnav > ul > li{border-right: 1px solid #343a40;padding: 0px 10px;height: 20px;}
.stellarnav > ul > li > a{line-height: 20px;height: 20px;}
.stellarnav li.has-sub > a:after{content: '+';border-left: none;border-right: none;border-top: none;top: 45%;}
.stellarnav>ul>li>a:hover{transition: 0.3s;color:#999;}

@media screen and (max-width: 1024px) {
.stellarnav > ul > li{top: 5px;}
}
@media screen and (max-width: 768px) {
.stellarnav ul{margin-top: 0px;}
.stellarnav > ul > li{height: 35px;border-right:none;}
}

/*下拉選單*/
.stellarnav ul ul{margin-top: 0;}
.stellarnav > ul > li.drop-left > ul{margin-top: 0;}
.stellarnav li.drop-left li.has-sub > a:after{border-left: none;border-right:none;border-top:none;border-bottom: none;}
.stellarnav li li:hover{background: #ddd;padding-left: 5px;transition: 0.3s;font-weight: 500;}

/*第二層*/
.stellarnav li.drop-left ul ul{left: 160px;right: auto;}

/*選單最大寬度--------------*/
.main_header_area .container { max-width: 70%; }

@media screen and (max-width: 768px) {
    .main_header_area .container { max-width: 100%; }
}

/*LOGO================================*/


/*banner==============================*/
.banner.banB{display: none;}
.banner{
    background:url(https://pic03.eapple.com.tw/gtmagicstudio/banner.png) no-repeat center top fixed; 
	-webkit-background-size: auto 600px; 
	-moz-background-size: auto 600px; 
	-o-background-size: auto 600px; 
	background-size: auto 600px;
	background-position-y: 80px;
	height:600px;
	padding: 100px 5%;
	display: flex;
	align-items: center;
	justify-content: center;
    flex-direction: column;
}
.banner.banblog:after{
    content: 'NEWS.';
    display: block;
    font-family: 'Cormorant SC';
    font-size:45px;
    font-weight: bold;
    color: #fff;
    text-shadow: 5px 6px 6px black;
}
.banner.banblog h5 {
    font-weight: 100;
    color: #fff;
    font-family: 'noto sans TC', sans-serif;
    font-size: 20px;
    text-shadow: 5px 6px 6px black;
}

@media screen and (max-width:1250px) {
    .banner{
        height: 450px;
        -webkit-background-size: auto 550px; 
        -moz-background-size: auto 550px; 
        -o-background-size: auto 550px; 
        background-size: auto 550px;padding: 70px 5%;
    }
}
@media screen and (max-width:768px) {
    .banner{
        background-attachment: scroll;
        background-size: cover;
        height: 350px;
        padding: 50px 5%;
        background-position: center;
    }
}


/*首頁文章=============================*/
.module_i_news .title_i_box{flex-direction: column-reverse;display: flex;}
.module_i_news .title_i_box h4{font-size: 20px;font-weight: normal;}
.module_i_news .title_i_box h6{font-size: 45px;font-family: 'Cormorant SC';font-weight: bold;}
.module_i_news li{background: rgb(224 221 221 / 20%);}
.module_i_news li a{align-items: center;grid-gap: 25px;}
.module_i_news li a:before{top: 0px;right: 0px;color: #fff;background: #888;padding: 5px 20px;bottom: unset;}
.module_i_news li a:after{background: rgb(224 221 221 / 20%);z-index: -999;border:none;}
.i_blog_ri h5{font-weight: normal;}
.animated-arrow{background: transparent;color: #222;border: 1px solid #999;}

@media screen and (max-width: 768px){
.module_i_news li{border-bottom: none;}
}
@media screen and (max-width: 660px){
.module_i_news ul{grid-template-columns: repeat(auto-fill, minmax(195px, 1fr));}
}
@media screen and (max-width: 440px){
.module_i_news ul{grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));}
}

/*首頁影片管理=========================*/
.i_video_tit{margin-bottom: 30px;}
.i_video_tit h2{font-size: 20px;font-weight: normal;}
.i_video_tit span{font-size: 45px;font-family: 'Cormorant SC';font-weight: bold;}
.video-list .vidTitle{font-weight: normal;}
.i_video_tit h2:after{content: 'VIDEO.';display: block;font-size: 50px;font-family: 'Cormorant SC';font-weight: bolder;}

/*文章管理=============================*/
/*側邊*/
.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;text-align:left;}
.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 h5 {color: #444;font-weight: 400;}
.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;font-size: 20px;margin-bottom: 0;font-weight: 400;}
.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{display: none;}

@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;}
	.lastPage{font-size: 12px;}
}
@media screen and (max-width: 450px){
	/*分類頁*/
	.subbox_item a {grid-template-columns: 80px 1fr;grid-gap: 15px;}
}
/*※※※※※【【  此案件更動處↓↓↓  】】※※※※※*/
/*側邊選單*/
.accordion li .link a,.accordion li .link a:hover{transition: all .5s;}
.submenu li.on_this_category a, .submenu a:hover{background: #ddd;color: #222;}
/*分類頁*/
.subbox_item a {grid-template-columns: 40% 1fr;grid-gap: 50px;}
.subbox_item a:before {background: #888;bottom: auto;right: 0;left: auto;top: 0;transform: none;}
.subbox_item a:after {background: rgb(224 221 221 / 20%);}
.blog_list_le {aspect-ratio: auto;}
.blog_list_ri {padding: 30px 0;}
.blog_list_ri p {line-height: 200%;margin-top: 30px;}
/*文章頁*/
.news_related {background: transparent;}
.news_related_list{width: 90%;}
.lastPage {font-size: 14px;background: #888;}

@media screen and (max-width: 1024px){
	.subbox_item a {align-items: center;}
}
@media screen and (max-width: 768px){
	.blog_ri {padding: 0;}
}  
@media screen and (max-width: 600px){
	.subbox_item a {grid-template-columns: 1fr;padding: 0;grid-gap: 40px;}
	.subbox_item a:after{display: none;}
	.blog_list_ri {padding: 0 0 30px;}

}

/*影片管理============================*/
/*選單*/
.video_content{gap: 25px;}
.video-layer-two > li{border-bottom: 1px solid #ccc;}
.video-layer-two li a{background: transparent;color: #222;border:none;}
.video-layer-two > li:hover{background: #ddd;transition: 0.3s;}
.video_menu_list>ul{grid-gap: 0px;}
.pageIndex .video-list{grid-template-columns: repeat(2, 1fr);}

@media screen and (max-width: 768px){
    .video_content{gap: 0px;}
}

/*FOOTER==============================*/
.footer{background: #ffffff;padding: 30px 0 0;box-shadow: 1px 1px 15px rgba(38, 15, 1, .2);}
.box_link a { display: none; }
.footer .center {
    position: relative;
    max-width: 80%;
}
.footer_info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0px;
    flex-direction: column;
	margin-bottom: 15px;
    grid-gap: 10px;
}
.footer_menu {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px 5px;
}
.footer_menu a {
    margin: 0;
    text-align: left;
    padding: 0;
    transition: all 0.3s;
    border: none;
    background: transparent;
    color: #434343;
    display: block;
    width: fit-content;
}
.footer_menu a:before { content: "·"; }
.footer_menu a:nth-child(1) { display: none; }
.footer_menu a:hover {
	background: transparent;
	color:var(--MainColor);
}
.copy {
	background: #999;
	color: #fff;
	border:none;
	margin-top: 0px;
	position: relative;
	padding: 15px 0;
}
.copy a{
	color: #fff;
	transition:all 0.3s;
}
.footer_info li { padding: 25px; }
.footer_info ul>li:before {
    font-size: 115%;
    color: #434343;
    display: block;
    margin: 0 0 20px;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 10px;
    letter-spacing: 0.2em;
    font-weight: bold;
}
.footer_info ul>li:nth-child(1):before { 
    content: "CONTACT"; 
    font-family: 'Cormorant SC';
    font-weight: 500;
}
.footer_info ul>li:nth-child(2):before { 
    content: "MAIN MENU"; 
    font-family: 'Cormorant SC';
    font-weight: 500;
}
.footer_info li:nth-child(1) a, .footer_info li:nth-child(1) p {
	color: #434343;
	letter-spacing: 0.15em;
}
.footer_info ul {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(300px,100%), 1fr));
	gap: 0 20px; 
	letter-spacing: 0.15em;
}
.privacyLinks a+a{border-left: 1px solid #ffffff;}

@media screen and (max-width: 768px) { 
.footer_info li { flex-direction: column;} 
.footer_info li+li{margin-top: 0px;}
.footer{background: #ffffff;padding: 30px 0 55px;}
}

/*手機版選單==============================*/
.stellarnav .menu-toggle:after{display: none;}
.stellarnav .menu-toggle span.bars span{width: 30px;border-radius: 0px;}
.stellarnav .menu-toggle{padding: 0px 20px;}
.stellarnav.mobile.left > ul{background: #fff;}

@media screen and (max-width: 768px) { 
    .stellarnav .menu-toggle span.bars span{position: relative;top: 5px;background:#444;}
    .pageIndex .stellarnav > ul > li > a, .stellarnav > ul > li > a, .header_area.sticky .stellarnav > ul > li > a{padding: 15px 0 15px;margin: 0 10px;}
    .stellarnav.mobile > ul > li > a{padding: 15px 0 15px;line-height: 0;}
    .pageIndex .stellarnav .menu-toggle{padding: 0px 20px;}
}

/*第二層*/
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu{background: var(--MainColor);color: #000;}
.stellarnav .icon-close:after{border-bottom: solid 3px #000;}
.stellarnav .icon-close:before{border-bottom: solid 3px #000;}
.stellarnav.mobile.left > ul:after{
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    max-width: 400px;
    top: 0;
    left: 0;
    -webkit-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); 
    transition: all 1s cubic-bezier(0.22, 1, 0.36, 1);
    -webkit-transform: perspective(960px) rotateY(-90deg);
    transform: perspective(960px) rotateY(-90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d; 
    opacity: 0;
}
.stellarnav.active>ul:after {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: perspective(960px) rotateY(0deg);
    transform: perspective(960px) rotateY(0deg);
    z-index: -1;
}
.stellarnav.mobile > ul > li > a.dd-toggle{padding: 14px;}
.stellarnav a.dd-toggle .icon-plus:before{border-bottom: solid 1px #777;}
.stellarnav a.dd-toggle .icon-plus:after{border-bottom: solid 1px #777;}
.stellarnav a.dd-toggle .icon-plus{width: 0px;}