@charset "utf-8";

body{ font-family:"Noto Sans TC", "微軟正黑體", "新細明體", "Arial Unicode MS"; background-color: #fafafa;}

a{ text-decoration:none; }

.container-fluid{ }

.backtop{
	position:fixed;
	z-index:556;
	width:50px;
	height:50px;
	right:20px;
	bottom:25px;
}

.backtop_wrapper{ position:relative; }
.backtop_hover{ position:absolute; top:0; left:0; opacity:0; transition:0.3s; }
.backtop_normal{ transition:0.3s; }

.backtop:hover .backtop_normal{ opacity:0 }
.backtop:hover .backtop_hover{ opacity:1;}

/*@media (min-width:992px){
	.backtop{margin-top:-130px;}
}*/




/*==========header css==========*/

.header_logo{position:fixed; z-index:891; top:20px; left:15px;}
.header_logo img{ -webkit-transition: all 0.3s; /* Safari */ transition: all 0.3s; width:84px; height:auto;}
@media (min-width:1024px){
	.header_logo { top:20px; left:20px; z-index:950;}
	.header_logo  img{ width:117px;}
}
/*@media (min-width:1440px){
	.header_logo { left:calc(50% - 700px);}
	.header_logo  img{ width:117px;}
}
*/

/*==========nav css==========*/

.menu_header{ position:fixed; z-index:900; top:0; left:0; width:100%; height:100%; background-color:#fafafa; -webkit-transition: 0.3s; /* Safari */ transition: 0.3s; overflow-y: auto;}

.menu_header img{ margin:12px 0;}

.menu_close{ left:100%; margin-left:0px;}
.menu_open{ left:0%; margin-left:0;}

.menu_header .container-fluid{ padding:0; position:relative; height: 100%;}


@media (min-width:1024px){
	.menu_header{ position:fixed; width:100%; height:80px; background-color:transparent; overflow-y:visible;}
	.menu_open, .menu_close{ left:0; margin-left:0;}
	.menu_header .container-fluid{ padding:0 20px;}
}


.menu_ul{list-style:none; padding:120px 0 120px 0;}
.menu_ul li{ border-bottom:0px dotted #09f; position: relative; overflow: hidden;}

.menu_ul li a{ color:#1a1a1a; display:block; font-size:1rem; text-align: center; -webkit-transition: background 0.3s; /* Safari */ transition: background 0.3s;  padding:20px 15px;}
.menu_ul li a:hover, .menu_ul li a:focus{ text-decoration:none; color:#c9a063;}

.menu_ul li a span{ display:block; font-size:0.8rem;}

.menu_ul li .nav_item_down_btn{ position:absolute; top:15px; right:15px; color:#fafafa; font-size:1.6rem; }

@media (min-width:1024px){
	.menu_ul{ text-align:center; border-radius:4px; height:34px; width: 480px;  margin:0px auto; padding:0;}
	.menu_ul li{ display: inline-block; border:none; position:relative; overflow:visible;}
	.menu_ul li a{ color:#fafafa; font-size:1rem; width:auto; text-align:center; padding:28px 25px 28px 25px;}
	.menu_ul li a:hover, .menu_ul li a:focus{ color:#c9a063; background-color:transparent;}
	.menu_ul .mobile_home{ display:none;}

	.menu_ul li .nav_item_down_btn{ display:none; }
}
/*@media (min-width:1200px){
	.menu_ul li a{ font-size:1rem; width:auto; text-align:center; padding:32px 30px 32px 30px;}
}*/


.mobile_hide{ background-color:#000; opacity:0; position:fixed; z-index:899; top:0; left:0; width:100%; height:100%;}

.mobile_header{ background-color:transparent; position:fixed; z-index:890; height:68px; width:100%; transition: 0.3s;}

.iconbar{float:right; width:32px; height:36px; margin:15px 15px 0 15px; border:0px solid #525269; border-radius:4px; cursor:pointer; background-position:center; background-repeat:no-repeat;-webkit-transition: background 0.2s; /* For Safari 3.1 to 6.0 */ transition: background 0.2s;}

.iconbar_open{background-image:url(../img/iconbar_white.png);}
.iconbar_close{background-image:url(../img/iconbar2.png); border-color:#0d3c84;}

.menu_title{ margin:3px 15px; padding-top:15px; padding-bottom:16px; color:#fafafa; font-family:Verdana, Geneva, sans-serif;}

@media (min-width:1024px){
	.mobile_hide{ display:none;}
	.mobile_header{ display:none;}
	.iconbar_close{ display:none;}
	.menu_title{ display:none;}
}


.menu_ul .sub_nav{display:none; list-style: none; padding-bottom: 15px;}
.menu_ul .sub_nav li{  border: none;}
.menu_ul .sub_nav a{ padding:5px 0; font-size:0.9rem;}
.menu_ul .sub_nav a:hover{background-color:transparent; color:#fc0;}
@media (min-width:1024px){
	.menu_ul .sub_nav{ position:absolute; top:88px; -moz-box-shadow:0 4px 15px -2px gray; -webkit-box-shadow:0 4px 15px -2px gray; box-shadow:0 4px 15px -2px gray; padding: 0; list-style: none;}
	.menu_ul .sub_nav a{ background-image:none; padding:15px 15px; margin:0; border-top:0px dotted #ccc; background-color:#333; color:#ccc; width:200px; margin-left:0; font-size:0.9rem; text-align:left; }
	.menu_ul .sub_nav a:hover{background-color:#555; color:#fafafa; border-bottom:none;}
}
@media (min-width:1600px){
	.menu_ul .sub_nav a{width:220px; margin-left:0; padding:15px 30px;}
}

@media (min-width:1024px){
	.nav_item:hover .sub_nav_item{ display:block;}
}


.mobile_header.menu_scroll{background-color:#fafafa; -moz-box-shadow:0 4px 15px -2px gray; -webkit-box-shadow:0 4px 15px -2px gray; box-shadow:0 4px 15px -2px gray;}
.mobile_header.menu_scroll .iconbar_open{background-image:url(../img/iconbar.png);}

@media (min-width:1024px){
	.menu_header.menu_scroll{ background-color:#fafafa; background-image:none; -moz-box-shadow:0 4px 15px -2px gray; -webkit-box-shadow:0 4px 15px -2px gray; box-shadow:0 4px 15px -2px gray;}
	.menu_header.menu_scroll .menu_ul li a{ color:#1a1a1a;}
	.menu_header.menu_scroll .menu_ul li a:hover{ color:#c9a063;}
	.menu_header.menu_scroll .menu_ul .sub_nav a{ color:#ccc;}
	.menu_header.menu_scroll .menu_ul .sub_nav a:hover{color:#fafafa; }
}



.fadeInRight{
  -webkit-animation: fadeInRight 0.4s; /* Safari 4+ */
  -moz-animation:    fadeInRight 0.4s; /* Fx 5+ */
  -o-animation:      fadeInRight 0.4s; /* Opera 12+ */
  animation:         fadeInRight 0.4s; /* IE 10+, Fx 29+ */
}

/*.social_content{ position:fixed; z-index:99; top:100%; left:0; margin-top:-68px; height:68px; width:100%; background-color:rgba(0,54,73,1); text-align:center;}
.social_content .social_item{ float:left; width:25%; margin:8px 0;}
.social_content .social_item a{ color:#fff; font-size:1.3rem;}
.social_content .social_item a:hover{ color:#ffd95a;}

.social_content .social_item a span{ font-size:0.8rem; display: block;}

@media (min-width:992px){
	.social_content{ position:fixed; z-index:99; top:100%; left:100%; margin-top:-340px; margin-left:-64px; height:200px; width:48px; padding:15px; border-radius:30px; background-color:rgba(0,54,73,0.8); text-align:center;}
	.social_content .social_item{ margin:8px 0; float:none; text-align:center;}
	
	.social_item_fb{ padding-left:3px;}
	.social_content .social_item a span{display: none;}
}
*/

.nav_social{ padding:0; list-style:none; text-align: center; position: absolute; bottom:145px; left:50%; transform: translate(-50%,0);}
.nav_social li{ display: inline-block; width:30px; margin:0p 5px; position:relative; }

.nav_social_icon{ transition: 0.3s; display:block;}
.nav_social_icon_white{ transition: 0.3s; display:none; }

.nav_social_icon_hover{ position:absolute; top:0; left:0; opacity: 0;  transition: 0.3s;}
.nav_social li a:hover > .nav_social_icon{ opacity:0;}
.nav_social li a:hover > .nav_social_icon_white{ opacity:0;}
.nav_social li a:hover > .nav_social_icon_hover{ opacity: 1;}



@media (min-width:1024px){
	.nav_social{ float:right; margin: -20px 0 0 0; position: static; transform: none;}

	.nav_social_icon{ transition: 0.3s; display: none;}
	.nav_social_icon_white{ transition: 0.3s; display:block; }

	.menu_header.menu_scroll .nav_social_icon{ display:block; }
	.menu_header.menu_scroll .nav_social_icon_white{ display:none; }
}


.header_logo_page{position:fixed; z-index:891; top:20px; left:15px; display:none;}
.header_logo_page img{ -webkit-transition: all 0.3s; transition: all 0.3s; width:84px; height:auto;}
@media (min-width:1024px){
	.header_logo_page { top:20px; left:20px; z-index:950;}
	.header_logo_page  img{ width:117px;}
}

.page_body .header_logo{ display:none; }
.page_body .header_logo_page{ display:block; }

.page_body .mobile_header .iconbar_open{background-image:url(../img/iconbar.png);}

@media (min-width:1024px){
	.page_body .menu_header{ background-color:#fafafa;}
	.page_body .menu_header .menu_ul li a{ color:#1a1a1a;}
	.page_body .menu_header .menu_ul li a:hover{ color:#c9a063;}

	.page_body .menu_header .nav_social_icon{ display:block; }
	.page_body .menu_header .nav_social_icon_white{ display:none; }
}


/*==========main css==========*/


.nav_divide{ display:none;}
@media (min-width:10px){
	.nav_divide{width:1rem; color:#555; margin-top:30px; display:inline-block;}
}
@media (min-width:1200px){
	.nav_divide{margin-top:30px;}
}




.top_blank{ height:68px;}
@media (min-width:1024px){
	.top_blank{ height:80px;}
}



.carousel-fade .carousel-inner .carousel-item {
	height: 100vh;	
}
.carousel-fade .carousel-inner .carousel-item img{ 
	width:100%; 
	height:100%; 
	object-fit: cover; 
	object-position: center center; 
	animation: animatedBackground 12s infinite alternate;
	-moz-animation: animatedBackground 12s infinite alternate;
	-webkit-animation: animatedBackground 12s infinite alternate;
	-ms-animation: animatedBackground 12s infinite alternate;
	-o-animation: animatedBackground 12s infinite alternate;
}

.carousel-caption{ bottom:50px; width: 100%; left:0; right:0; padding: 0 20px; text-align:center;}
.carousel-caption h1,
.carousel-caption h2{  font-size:20px; animation-duration:1s;}
.carousel-caption p{ font-size:20px; margin:15px 0; animation-delay:0.5s; animation-duration:1s; font-family: "Manrope", sans-serif;}

@media (min-width:1024px){
	.carousel-fade .carousel-inner .carousel-item { height:100vh;}

	.carousel-caption h1,
	.carousel-caption h2{ font-size:28px; animation-duration:1s;}
	.carousel-caption p{ font-size:24px;}
	.carousel-caption { bottom:100px; width: auto;  left:8.33333333%; right:0; padding: 0 20px; text-align: left;}

}


@keyframes animatedBackground {
    0% {transform: scale(1.0);}
    100% {transform: scale(1.2);}
}
@-moz-keyframes animatedBackground {
    0% {-moz-transform: scale(1.0);}
    100% {-moz-transform: scale(1.2);}
}
@-webkit-keyframes animatedBackground {
    0% {-webkit-transform: scale(1.0);}
    100% {-webkit-transform: scale(1.2);}
}
@-ms-keyframes animatedBackground {
    0% {-ms-transform: scale(1.0);}
    100% {-ms-transform: scale(1.2);}
}
@-o-keyframes animatedBackground {
    0% {-o-transform: scale(1.0);}
    100% {-o-transform: scale(1.2);}
}


@keyframes animatedBackgroundMobile {
    0% {transform: scale(0.5);}
    100% {transform: scale(0.7);}
}
@-moz-keyframes animatedBackgroundMobile {
    0% {-moz-transform: scale(0.5);}
    100% {-moz-transform: scale(0.7);}
}
@-webkit-keyframes animatedBackgroundMobile {
    0% {-webkit-transform: scale(0.5);}
    100% {-webkit-transform: scale(0.7);}
}
@-ms-keyframes animatedBackgroundMobile {
    0% {-ms-transform: scale(0.5);}
    100% {-ms-transform: scale(0.7);}
}
@-o-keyframes animatedBackgroundMobile {
    0% {-o-transform: scale(0.5);}
    100% {-o-transform: scale(0.7);}
}


.view_lg{ display:none;}
@media (min-width:1024px){
	.view_sm{ display:none;}
	.view_lg{ display:block;}
}






.prev-alt{ background-color:#0d3c84; color:#fff; position:absolute; z-index:555; cursor:pointer; top:50%; left:0%; padding:14px 15px 16px 15px; transform:translate(0,-50%); opacity:0.75;}
.prev-alt:hover{ opacity:1;}
.next-alt{ background-color:#0d3c84; color:#fff; position:absolute; z-index:555; cursor:pointer; top:50%; left:100%; padding:14px 15px 16px 15px; transform:translate(-100%,-50%); opacity:0.75;}
.next-alt:hover{ opacity:1;}


.home_about_section{ padding:200px 15px; overflow:hidden; }
.home_about_section .container-fluid{ padding:0; }
.home_about_wrapper{}

.home_title_wrapper{ position:relative; margin-bottom:60px;}
.home_title_number{ font-family: "Manrope", sans-serif; font-size:16px; }
.home_title{ position: absolute; right:0; top:2px; font-size:16px; }


.home_about_text h3{ font-size:22px; margin-bottom: 24px; }
.home_about_text p{ font-size: 18px; margin-bottom: 55px;}

.home_about_pic{ position:relative; border-radius:10px; height: 260px; overflow: hidden; margin-bottom:55px; }
.home_about_pic img{ 
	width:100%; 
	height:100%; 
	object-fit: cover; 
	object-position: center center; 
}

.home_more{ margin-bottom:0; text-align:right; }
.home_more a{ text-decoration:underline; color:#1a1a1a; transition: 0.3s;}
.home_more a:hover{ color:#c9a063;}
.home_more a i{ margin-left:10px; }

@media (min-width:1024px){
	.home_about_section{ padding:250px 20px; }
	.home_about_wrapper{ position:relative; }

	.home_title_wrapper{ position:absolute; top:0; left:0; width:8.33333333%;  }
	.home_title{ transform:translate(100%,0); }

	.home_about_text{ position:absolute; bottom:0; left:8.33333333%; }
	.home_about_text h3{ font-size:28px; }
	.home_about_text p{ max-width:486px; padding: 20px 20px 20px 0; background-color: #fafafa;}
	.home_about_pic{ width:66.66666667%; height:645px; margin-left:auto; }

	.home_more{ margin-bottom:0; text-align:left; }
}


.home_standard_section{ padding:0 15px 200px 15px; overflow: hidden;}
.home_standard_section .container-fluid{ padding:0; }
.home_standard_wrapper{ position: relative;}

.home_standard_pic{ position:relative; border-radius:10px 10px 0 0; height: 260px; overflow: hidden; margin-bottom:55px; }
.home_standard_pic img{ 
	width:100%; 
	height:100%; 
	object-fit: cover; 
	object-position: center center; 
}

.home_standard_subtitle{ font-size: 22px; margin-bottom:30px; }

.home_standard_text{ border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.home_standard_text_item{ padding:30px 0; position: relative; }
.home_standard_text_item h4{ font-size:22px; transition: 0.3s;}
.home_standard_text_item p{ font-size:18px; margin-bottom:0;  transition: 0.3s;}

.home_standard_text_arrow{ position:absolute; right:0; top:30px; width:30px; height:30px; background-image:url(../img/arrow.png); background-size:contain; }

.home_standard_text_item:hover h4,
.home_standard_text_item:hover p{ color:#c9a063;}
.home_standard_text_item:hover .home_standard_text_arrow{ background-image:url(../img/arrow_hover.png);}

.home_standard_text_link{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; background-color:#fafafa; transition:0.3s; }
.home_standard_text_link:hover{ opacity:0; }

.home_standard_text_item:first-child{ border-bottom:1px solid #ccc; }

@media (min-width:1024px){
	.home_standard_section{ padding:0 20px 250px 20px; }
	.home_standard_wrapper{ padding-top:200px; }
	.home_standard_pic{ margin-left:8.33333333%; width:58.33333333%; height:613px; border-radius:10px; }

	.home_standard_subtitle{ position:absolute; left:8.33333333%; top:80px; width:400px; font-size: 28px;}
	.home_standard_text{ position: absolute; z-index: 5; bottom:50px; left:50%; width: 50%; padding: 0 0 0 30px; background-color: #fafafa; border: none;}
	.home_standard_text_item p{ position:absolute; top:50%; left:32%; transform:translate(0,-50%); }

}




.home_project_section{ padding:0 15px 200px 15px; overflow: hidden;}
.home_project_section .container-fluid{ padding:0; }
.home_project_wrapper{ position: relative;  }


.home_project_text h3{ font-size:22px;  margin-bottom: 24px;}
.home_project_text p{ font-size:18px; margin-bottom:95px;}


.home_project_slick_wrapper{height: calc(95vw + 30px);}

.home_project_slick_time{ font-family: "Manrope", sans-serif; font-size: 16px; text-align: center;}
.home_project_slick_timeline{ height:1px; width:100%; background-color:#ccc; }

.home_project_slick_pic{ padding:0 40px;  transition: all 300ms ease;}
.home_project_slick_logo{  transition: all 300ms ease; opacity:0; }
.home_project_slick_logo img{ width:36%; margin:0 auto; }

.home_project_slick .home_project_slick_item{ ransition: all 300ms ease;}

/*.home_project_slick .home_project_slick_item.slick-center{ }*/


.home_project_slick_item{ position:relative; }
.home_project_slick_item a{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; background-color:#fafafa; }
.home_project_slick_item a:hover{ opacity:0; }

.home_project_more{ margin-bottom:0; text-align:right; }
.home_project_more a{ text-decoration:underline; color:#1a1a1a; transition: 0.3s;}
.home_project_more a:hover{ color:#c9a063;}
.home_project_more a i{ margin-left:10px; }

@media (min-width:1024px){
	.home_project_text{ margin-left:41.66666667%; width:41.66666667%; }

	.home_project_slick_wrapper{ margin-left:8.33333333%; height: calc(24vw + 30px);}

	.home_project_slick_pic{ padding:0 60px;}

	.home_project_slick .home_project_slick_item:hover .home_project_slick_pic{padding: 0 20px;}
	.home_project_slick .home_project_slick_item:hover .home_project_slick_logo{opacity:1; }

	.home_project_more{ position:absolute; top:0; right:0; }

}
@media (max-width:1023px){

	.home_project_slick_wrapper{ transform: translate(-240px,0); width:calc(100% + 240px); margin-right:-20px; }

	.home_project_slick .home_project_slick_item.slick-center .home_project_slick_pic{padding: 0 0px;}
	.home_project_slick .home_project_slick_item.slick-center .home_project_slick_logo{ opacity:1; }
}
@media (max-width:639px){
	.home_project_slick_wrapper{ transform: translate(-120px,0); width:calc(100% + 120px); margin-right:-20px; }
}



.home_news_section{ padding:0 15px 200px 15px; overflow:hidden;}
.home_news_section .container-fluid{ padding:0; }
.home_news_wrapper{ position: relative;  }

.home_news_slick_item{ position:relative; margin-bottom:50px; }
.home_news_slick_line{ height:1px; width:100%; background-color:#ccc; margin-bottom:30px; }
.home_news_slick_date{ font-family: "Manrope", sans-serif; font-size: 16px; transition: 0.3s;}
.home_news_slick_text{ margin-bottom:30px;  transition: 0.3s;}
.home_news_slick_text h3{ font-size: 16px;}
.home_news_slick_pic{ position:relative; border-radius:10px; overflow:hidden; width: 100%; aspect-ratio: 3 / 2; }
.home_news_slick_pic img{ 
	width:100%; 
	height:100%; 
	object-fit: cover; 
	object-position: center center; 
}

.home_news_slick_item:hover .home_news_slick_text,
.home_news_slick_item:hover .home_news_slick_date{ color:#c9a063;}

.home_news_slick_item a{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; background-color:#fafafa; transition:0.3s; }
.home_news_slick_item a:hover{ opacity:0; }

@media (min-width:1024px){
	.home_news_section{ padding:0 20px 200px 20px; }
	.home_news_wrapper{ padding-top: 120px; overflow: hidden;}

	.home_news_slick_wrapper{ margin-left:8.33333333%; width: 100%; height: 640px;}
	.home_news_slick_item{ margin-right:50px; margin-bottom:0; }

}
/*@media (max-width:1023px){
	.home_news_slick .home_news_slick_item:nth-child(n+4) {
		display: none;
	}
}*/


.prev-alt-news{ position:absolute; z-index:555; cursor:pointer; top:calc(100% + 80px); left:0%; width: 120px; height: 9px; background-image: url(../img/news_arrow_left2.png)}
.prev-alt-news:hover{  background-image: url(../img/news_arrow_left3.png);}
.next-alt-news{position:absolute; z-index:555; cursor:pointer; top:calc(100% + 80px); left:auto; right:8.33333333%; transform:translate(0,0); width: 120px; height: 9px; background-image: url(../img/news_arrow_right2.png)}
.next-alt-news:hover{  background-image: url(../img/news_arrow_right3.png);}

.prev-alt-news.slick-disabled{
  background-image: url(../img/news_arrow_left1.png);
  cursor: default;
  pointer-events: none;
}
.next-alt-news.slick-disabled{
  background-image: url(../img/news_arrow_right1.png);
  cursor: default;
  pointer-events: none;
}

.en_text{ font-family: "Manrope", sans-serif;}

.footer_section{ padding:40px 15px 25px 15px; background-color:#eeeeee; }

.footer_logo{ width:168px; margin-bottom:50px; }

.footer_info{ padding:0; list-style:none; font-family: "Manrope", sans-serif; font-size: 16px; }
.footer_info li{ margin-bottom:15px; }
.footer_info li span{ width:28px; display:inline-block; }

.footer_social{ margin-top: 50px; padding:0; list-style:none; font-family: "Manrope", sans-serif; font-size: 16px; display: flex;}
.footer_social li{ margin-bottom:15px; margin-right: 10px;  width:30px;}
.footer_social li a{ text-decoration:underline; color:#1a1a1a; transition: 0.3s;}
.footer_social li a:hover{ color:#c9a063;}

.footer_social li a{ position:relative; }
.footer_social li a:hover .nav_social_icon{ opacity:0; }
.footer_social li a:hover .nav_social_icon_hover{ opacity:1; }

.footer_copyright{ margin-top:50px; }

.footer_sectio .row{ margin:0; }
.footer_section .col-lg-2,
.footer_section .col-lg-5,
.footer_section .col-lg-7{ padding:0; }

@media (min-width:1024px){
	.footer_section{ padding:40px 20px 25px 20px; }
	.footer_logo{ width:233px; }

	.footer_social{ display:block; margin-top: 0; }
	.footer_social li{ width:100%; margin-right: 0;  }

	.footer_copyright{ margin-top:120px; }
}





.page_top_blank{ height:170px; }
@media (min-width:1024px){
	.page_top_blank{ height:280px;}
}



.about_section{ padding:0 15px; }
.about_section .container-fluid{ padding:0; }
.about_brand_wrapper{ position:relative; }


.about_section .home_title_wrapper{ margin-bottom:50px; }
.about_section .home_title_wrapper .home_title{font-family: "Manrope", "Noto Sans TC", sans-serif;}

.about_brand_content_wrapper{ }

.about_brand_pic{ position:relative; border-radius:10px; overflow:hidden; margin-bottom: 50px; height: 240px;}
.about_brand_pic2{ display:none; }
.about_brand_pic img,
.about_brand_pic2 img{ 
	width:100%; 
	height:100%; 
	object-fit: cover; 
	object-position: center center; 
}

.about_brand_text h2{ font-size:22px; margin-bottom:36px; }
.about_brand_text h3{ font-size:22px; margin-bottom:36px; margin-top:60px; }
.about_brand_text p{ margin-bottom:36px;}

.about_principle_blank{height: 170px;}

.about_principle_wrapper{ position:relative; }

.about_principle_item_pic{ position:relative; border-radius:10px 10px 0 0; overflow:hidden; margin-bottom: 36px; height: 250px;}
.about_principle_item_pic img{ 
	width:100%; 
	height:100%; 
	object-fit: cover; 
	object-position: center center; 
}

.about_principle_item_text{}
.about_principle_item_text h3{font-size: 22px; margin-bottom: 24px;}
.about_principle_item_text p{ margin-bottom:50px; }


.about_guarantee_blank{height: 170px;}

.about_guarantee_wrapper{ position:relative; }

.about_guarantee_text{}
.about_guarantee_text h3{font-size: 22px; margin-bottom: 36px;}
.about_guarantee_text p{ margin-bottom:100px; }

.about_guarantee_iconlist{
	display: grid;
  	grid-template-columns: repeat(3, 99px);
  	justify-content: space-between;
  	row-gap: 15px;
  	margin-bottom: 65px;
}
.about_guarantee_item{}
.about_guarantee_icon{margin-bottom: 15px;}
.about_guarantee_icon img{ border-radius:50%; }
.about_guarantee_icon_text{ 
	text-align:center; 
	font-family: "Manrope", "Noto Sans TC", sans-serif; 
	opacity: 0; 
	height: 0; 
	transition: 0.3s; 
	display: flex; 
	align-items: center; 
	justify-content: center;
}
.about_guarantee_item.active .about_guarantee_icon_text{ opacity: 1; height: 116px; }

.about_guarantee_notice{ margin-bottom:250px; }
.about_guarantee_notice p{font-size: 14px;}

@media (min-width:1024px){
	.about_section{ padding:0 20px; }

	.about_brand_content_wrapper {display: flex; padding-top:74px; margin-bottom: 90px;}
	.about_brand_pic{ width:25%; height:490px; margin-left:8.33333333%; margin-bottom:0; }
	.about_brand_text{ width: 50%; margin-left:8.33333333%; }
	.about_brand_text h2{ font-size:28px; }
	.about_brand_text h3{ margin-top:66px; }

	.about_brand_pic2{ display:block; margin-left:41.666667%; width: 50%; border-radius:10px; overflow:hidden;}

	.about_principle_blank{height: 250px;}

	.about_principle_content_wrapper{ padding-top:74px;}
	.about_principle_item{ display:flex; }

	.about_principle_item_pic{ height:220px; width:25%; margin-left:8.33333333%; margin-bottom:0; transition: 0.3s;}
	.about_principle_item:hover .about_principle_item_pic{ height:250px; border-radius: 10px; margin-bottom: 40px;}

	.about_principle_item_text{ width: 50%; height: 250px; margin-left:8.33333333%; padding-top: 40px; border-top:1px solid #ccc;}


	.about_guarantee_blank{height: 170px;}

	.about_guarantee_text{ margin-left:41.666667%; width: 50%; }
	.about_guarantee_text h3{font-size: 28px; margin-bottom: 36px;}
	.about_guarantee_text p{ margin-bottom:120px; }

	.about_guarantee_iconlist{
		display: grid;
	  	grid-template-columns: repeat(6, 116px);
	  	justify-content: space-between;
	  	row-gap: 45px;

	  	margin-left:8.33333333%;
	  	width: 83.333333%;
	}

	.about_guarantee_item:hover .about_guarantee_icon_text{ opacity: 1; height: 116px; }

	.about_guarantee_notice{ margin-bottom:300px; margin-right:8.33333333%; }
	.about_guarantee_notice p{ text-align:right; }

}


.project_section{ padding:0 15px; }
.project_section .container-fluid{ padding:0; }
.project_hero_wrapper{ position: relative; margin-bottom: 170px;}

.project_hero_text{ }
.project_hero_text h2{ font-size: 22px;}

.project_item{ position:relative; margin-bottom:90px; }
.project_item_pic{ position:relative; border-radius:10px; overflow:hidden; width: 100%; aspect-ratio: 7 / 8; margin-bottom:30px; }
.project_item_pic img{ 
	width:100%; 
	height:100%; 
	object-fit: cover; 
	object-position: center center; 
	transition: 0.3s;
}
.project_item_pic_hover{ 
	position: absolute;
	z-index:5; 
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	opacity: 0;
}

.project_item:hover .project_item_pic_hover{ opacity:1; }


.project_item_text{ display:flex; justify-content: space-between;}
.project_item_time{font-family: "Manrope", sans-serif;}
.project_item_logo{ width:30%; }

.project_item a{ position:absolute; z-index: 9; top:0; left:0; width:100%; height:100%; opacity:0; background-color:#fafafa; transition:0.3s; }
.project_item a:hover{ opacity:0; }


@media (min-width:1024px){
	.project_section{ padding:0px 20px; }

	.project_hero_text{ margin-left:58.33333333%}
	.project_hero_text h2{ font-size: 28px;}

	.project_content_wrapper{
		margin: 0 8.33333333% 300px 8.33333333%;
		display: flex;
  		flex-wrap: wrap;
  		gap: 8.33333333%;
	}
	.project_item{
  		flex: 0 0 calc((100% - 16.666667%) / 3);
  		margin-bottom:180px; 
	}
}



.project_detail_hero_section{ padding-top:68px; }

.project_detail_hero_pic{ width:100%; height:calc(100vh - 68px); position:relative; }
.project_detail_hero_pic img{ 
	width:100%; 
	height:100%; 
	object-fit: cover; 
	object-position: center center; 
}

.project_detail_content_section{ padding:100px 15px; }
.project_detail_content_section .container-fluid{ padding:0; }

.project_detail_text_wrapper{ margin-bottom:100px; }

.project_detail_text_desc{ margin-bottom:100px; }
.project_detail_text_desc h1{ font-size:22px; margin-bottom:50px; }

.project_detail_text_spec{font-family: "Manrope", "Noto Sans TC", sans-serif;}

.project_detail_text_spec_item{ display:flex; margin-bottom:40px; }
.project_detail_text_spec_item h2{ width:50%; font-size:16px; margin-bottom:15px; padding-top:2px;  }
.project_detail_text_spec_item p{ width:50%; }

.project_detail_pic_wrapper{  display: flex; flex-wrap: wrap; gap: 10px;}
.project_detail_pic_item{flex: 0 0 calc((100% - 10px) / 2); margin-bottom:0px; border-radius:10px; overflow:hidden; width: 100%; aspect-ratio: 1 / 1; transition: 0.3s; }
.project_detail_pic_item img{ 
	width:100%; 
	height:100%; 
	object-fit: cover; 
	object-position: center center; 
}
.project_detail_pic_item:hover{ opacity:0.7; }

.project_detail_map_section{height: 250px; overflow: hidden; position: relative;}
.project_detail_map_section iframe{ height:250px; filter: grayscale(100%); }
.project_detail_map_section a{ position:absolute; z-index: 5; top:0; left:0; width:100%; height:100%; opacity:0; background-color:#fafafa; transition:0.3s; }
.project_detail_map_section a:hover{ opacity:0.5; }

@media (min-width:1024px){
	.project_detail_hero_section{ padding-top:80px; }
	.project_detail_hero_pic{ height:calc(100vh - 80px);}

	.project_detail_content_section{ padding:150px 20px; }

	.project_detail_text_wrapper{ margin:0 8.33333333%; display:flex; margin-bottom:150px; }

	.project_detail_text_desc{ width:50%; margin-bottom:0;}
	.project_detail_text_desc h1{ font-size:28px; }

	.project_detail_text_spec{ display:flex; width:50%; }
	.project_detail_text_spec_col{ width:50%; }
	.project_detail_text_spec_item{ display: block; margin-bottom:50px; }
	.project_detail_text_spec_item h2{ width: 100%; padding-top:0px;  }
	.project_detail_text_spec_item p{ width:100%; }

	.project_detail_pic_wrapper{
		margin: 0 8.33333333%;
		display: flex;
	  	flex-wrap: wrap;
	  	gap: 4%;
	}
	.project_detail_pic_item{
	  	flex: 0 0 calc((100% - 8%) / 3);
	  	margin-bottom: 50px;
	}

	.project_detail_map_section{height: 500px;}
	.project_detail_map_section iframe{ height:500px; }
}



/* 燈箱背景：白色不透明 */
.fancybox-bg {
  background: #fafafa !important;
  opacity: 1 !important;
}

/* 圖片圓角 */
.fancybox-image {
  border-radius: 10px;
}

/* 關閉按鈕、箭頭顏色改深，避免白底看不到 */
.fancybox-button {
  color: #333 !important;
  background: transparent !important;
}

.fancybox-navigation .fancybox-button {
  width: 36px;
  height: 36px;
  background: transparent !important;
}

.fancybox-navigation .fancybox-button svg {
  display: none;
}

.fancybox-button--arrow_left::before,
.fancybox-button--arrow_right::before {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.fancybox-button--arrow_left::before {
  background-image: url("../img/lightbox_arrow_left.png");
  transform: translate(16%,0);
}
.fancybox-button--arrow_left:hover::before{background-image: url("../img/lightbox_arrow_left_hover.png");}

.fancybox-button--arrow_right::before {
  background-image: url("../img/lightbox_arrow_right.png");
  transform: translate(-100%,0);
}
.fancybox-button--arrow_right:hover::before{background-image: url("../img/lightbox_arrow_right_hover.png");}

.fancybox-button--arrow_left[disabled],
.fancybox-button--arrow_right[disabled] {
  visibility: hidden !important;
}



.news_section{ padding:0 15px; }
.news_section .container-fluid{ padding:0;}

.news_hero{ margin-bottom:100px;  }
.news_hero h2{ font-size:22px; }

.news_catefory_tab{ margin-bottom:60px; border:none; }

.news_catefory_tab li{ margin-right: 32px;}
.news_catefory_tab li button{ padding:0; text-decoration:underline; color:#1a1a1a; }

.news_catefory_tab .nav-link:hover{ color:#c9a063; border-color:#fafafa;}
.news_catefory_tab .nav-link.active, .news_catefory_tab .nav-item.show .nav-link{ color:#c9a063; border-color:#fafafa;}

.news_item{ position:relative; margin-bottom:50px; }
.news_item_date{ font-family: "Manrope", sans-serif; font-size: 16px; margin-bottom: 20px; transition: 0.3s;}
.news_item_text{ margin-bottom:30px; transition: 0.3s;}
.news_item_text h3{ font-size: 16px;}
.news_item_pic{ position:relative; border-radius:10px; overflow:hidden; width: 100%; aspect-ratio: 3 / 2; margin-bottom:30px; }
.news_item_pic img{ 
	width:100%; 
	height:100%; 
	object-fit: cover; 
	object-position: center center; 
}

.news_item:hover .news_item_date,
.news_item:hover .news_item_text{ color:#c9a063;}

.news_item a{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; background-color:#fafafa; transition:0.3s; }
.news_item a:hover{ opacity:0; }



.news_pagination_wrapper{ margin-top: 50px; margin-bottom: 250px;}
.news_pagination{ padding:0; list-style:none; font-family: "Manrope", sans-serif; display:flex; gap:5px; align-items: center;}

.news_pagination_item{ width:30px; }
.news_pagination_item a{ width:30px; height:30px; border-radius:50%; background-color:#fafafa; color:#1a1a1a; display:block; text-align:center; padding-top:3px; }
.news_pagination_item.active a{ background-color:#c9a063; color:#fafafa; }

.news_pagination_item_line{
  flex: 1;
  border-bottom: 1px solid #ccc;
  margin: 0 5px;
}

@media (min-width:1024px){
	.news_section{ padding:0px 20px; }

	.news_hero{margin-left:58.33333333%;}
	.news_hero h2{ font-size:28px; max-width:466px; }

	.news_content{ margin-left:8.33333333%;}

	.news_catefory_tab{ margin-bottom:80px; }
	.news_catefory_tab li{margin-right: 64px;}

	.news_item_wrapper{  display: flex; flex-wrap: wrap; gap: 8.33333333%;}
	.news_item{flex: 0 0 calc((100% - 8.33333333%) / 2); margin-bottom:80px; }

	.news_item_text h3{ font-size: 22px;}

	.news_pagination_wrapper{ margin-left:calc(50% + 8.33333333% / 2); margin-top: 70px; margin-bottom: 300px;}

}

@media (max-width: 1023px) {
  .news_pagination .news_pagination_item:nth-child(4) {
    display: none;
  }
  .news_pagination .news_pagination_item:nth-child(5) {
    display: none;
  }
}



.blog_single_section{ padding:0 15px; }
.blog_single_section .container-fluid{padding: 0;}

.blog_single_hero_wrapper{ }

.blog_single_hero_title{ margin-bottom: 40px;}
.blog_single_hero_title h1{font-size: 22px;}

.blog_single_hero_text{ display:flex; justify-content: space-between; margin-bottom:30px; }
.blog_single_hero_category{ order:2; }
.blog_single_hero_date{ font-family: "Manrope", sans-serif;  order:1; }

.blog_single_hero_pic_wrapper{ margin:0 -15px; }

.blog_single_hero_pic{ position:relative; border-radius:0px; overflow:hidden; width: 100%; aspect-ratio: 1 / 1;}
.blog_single_hero_pic img{ 
	width:100%; 
	height:100%; 
	object-fit: cover; 
	object-position: center center; 
}

.blog_single_content_wrapper{ padding: 50px 0 250px 0;}
.blog_single_content_wrapper h2{ font-size:22px; }
.blog_single_content_wrapper img{ border-radius:10px; width:100%; height:auto; }


@media (min-width:1024px){
	.blog_single_section{ padding:0px 20px; }

	.blog_single_hero_wrapper{ margin-left:33.333333%; position:relative;}

	.blog_single_hero_title{ margin-bottom: 50px;}
	.blog_single_hero_title h1{font-size: 28px;}

	.blog_single_hero_text{ position:absolute; top:80px; right:calc(100% + 8.333333%); display:block; text-align:right; }
	.blog_single_hero_category{ margin-bottom:15px; }

	.blog_single_hero_pic_wrapper{ margin:0 ; }

	.blog_single_hero_pic{ border-radius:10px; aspect-ratio: 3 / 2; margin-bottom:0;}

	.blog_single_content_wrapper{ padding: 90px 0 300px 0; margin-left:33.333333%;  margin-right:16.666667%;}
}



.contact_section{ padding:0 15px; }
.contact_section .container-fluid{ padding:0; }
.contact_hero_wrapper{ position: relative; margin-bottom: 60px;}

.contact_hero_text{ }
.contact_hero_text h2{ font-size: 22px;}


.contact_form_wrapper{ margin-bottom:100px; }

.contact_form input,
.contact_form textarea{ 
	border-top:0px solid #ccc; 
	border-bottom:1px solid #ccc; 
	border-left:0px solid #ccc; 
	border-right:0px solid #ccc; 
	border-radius: 0;
	background-color: transparent;
	padding: 30px 0;
}
.contact_form input::placeholder,
.contact_form textarea::placeholder{ color:#1a1a1a; }

.form-group{ position:relative; }

.first_group{border-top:1px solid #ccc; }
.captcha_group{margin: 30px 0;}

.check_group{ margin-bottom:50px; }
.check_group label span{ color:#1a1a1a; text-decoration: underline; cursor: pointer;}
.check_group label span:hover{color:#c9a063;}

.check_group .custom-control-input {
  display: none;
}

.check_group .custom-control-label {
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  display: inline-block;
  line-height: 15px;
}

/* 未選取時的方框 */
.check_group .custom-control-label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #1a1a1a;
  background: #fafafa;
  box-sizing: border-box;
}

/* 選取時：色填滿 */
.check_group .custom-control-input:checked + .custom-control-label::before {
  background: #c9a063;
  border-color: #c9a063;
}

.btn_group button{ padding:0; border: none; border-radius:0; color:#1a1a1a; text-decoration: underline;}
.btn_group button:hover{ color:#c9a063; }

#privacy_policy{margin-top: 10px; margin-left: 19px;}

.fromwarn{ position:absolute; bottom:5px; left:0; }
.check_group .fromwarn{position:static; margin-top:5px; }

.contact_info_wrapper{}

.contact_info_map{ border-radius:10px; overflow:hidden; height:400px; margin-bottom:50px; }
.contact_info_map iframe{ height:400px; }

.contact_info_item{ margin-bottom:30px; }
.contact_info_item h3{ font-size:16px; }
.contact_info_item p{font-family: "Manrope", "Noto Sans TC", sans-serif; margin-bottom: 0;}

.contact_info_text .contact_info_item:last-child{ margin-bottom:0; }

.contact_hero_wrapper2{ margin-bottom: 100px;}

.contact_aftersale_blank{ height:200px; }

.contact_aftersale_wrapper{ margin-bottom:250px; }

@media (min-width:1024px){
	.contact_section{ padding:0px 20px; }

	.contact_hero_text{ margin-left:50%; width: 41.666667%;}
	.contact_hero_text h2{ font-size: 28px;}

	.contact_content_wrapper{ display:flex; }

	.contact_form_wrapper{ order:2; margin-bottom:0; width: 50%; }

	.form-group{width: 50%;}
	.btn_group{ width:50%; text-align:right; }

	.full_group{ width:100%; }
	.submit_group{ width:100%; display:flex;  }

	.check_group{ width:50%; margin-bottom:0; }

	.contact_info_wrapper{ 
		order:1; 
		margin:0 8.333333%; 
		width:33.333333%; 
		margin-bottom:0; 

		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	

	.contact_aftersale_blank{height: 250px;}

	.contact_hero_wrapper2{ margin-bottom: 120px;}

	.contact_aftersale_wrapper{ margin:0 16.666667% 300px 16.666667%; }
}


/*------------------cookies--------------------*/

#cookies-box {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999999;
    background-color: rgba(0,0,0,0.9);
    padding: 50px 50px;
    width: 100%;
	font-size: 1rem;
	line-height: 36px;
	color: #fff;
/*	display: none;*/
}
#cookies-box h4 {
    font-size: 1.3rem;
	font-weight: bold;
}
#cookies-box p {
    margin: 0;
}
#cookies-box a {
    color: #fff;
	border-bottom: 2px solid #60c1a1;
	padding-bottom: 2px;
	margin: 0 3px;
}
#cookies-box .cookies-btn {
	margin-top: 10px;
	text-align: center;
}
#cookies-box .cookies-btn a {
    display: inline-block;
    width: 140px;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
	text-align: center;
}
#cookies-box .cookies-btn a:hover {
    background-color: #60c1a1;
	border-color: #60c1a1;
}

@media (min-width: 992px) {
	#cookies-box .cookies-btn {
		margin-top: -5px;
		margin-left: 50px;
	}  
}