/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


/*Header*/

.full-header{
	height: 0px;
}

body:not(.is-expanded-menu) #header:not([data-mobile-sticky="true"]) #header-wrap {
  position: fixed;
	top: 0;
}

#header-wrap,.is-expanded-menu .sticky-header #header-wrap,.full-header{
	background-color: #43B4ED;
}

.header-container {
  padding: 0 30px 0px 0px;
	margin-left: 0px;
	max-width: 100%;
}

.is-expanded-menu .full-header #logo {
  border-right: none;
	padding-right: 0px;
}

.menu-item .menu-link .m-nav{
	color: #fff;
	font-weight: 400;
}

.menu-item .menu-link:hover,.menu-item .menu-link:focus,.menu-item .menu-link:root{
	color: #000;
	opacity: 0.7;
}

.menu-item .menu-link .m-nav:hover{
	color: #fff !important;
}


.menu-link{
/*	padding:19px 15px;*/
	max-height: 90px;
}

.header-misc-icon > a{
	color: #fff;
}

#logo,#logo img{
		max-height: 90px;
	}

.top-search-form input {
	 padding: 10px 10px 10px 10px;
}

.cnvs-hamburger .cnvs-hamburger-inner, .cnvs-hamburger .cnvs-hamburger-inner::before, .cnvs-hamburger .cnvs-hamburger-inner::after {
  background-color: #fff;
}

/* --平板版型------------------------------------- */
@media screen and (max-width: 992px) {
	
	.header-container {
 	 	padding: 0 20px 0px 0px;
	}
	
	.top-search-form input {
	  	 padding: 10px 10px 10px 20px;
	}
	
	.bi-x-lg{
		margin-right: -100px;
	}
	
	.sub-menu-container .menu-item .menu-link{
			color: #fff;
	}
	
	.menu-item .menu-link:hover,.menu-item .menu-link:focus,.menu-item .menu-link:root{
		color: #fff;
		opacity: 0.7;
	}
	
	.menu-item .sub-menu-trigger{
		color: #fff;
	}
	
}

/* --手機版型------------------------------------- */
@media screen and (max-width: 576px) {
	
	.header-container {
 	 	padding: 0 10px 0px 0px;
	}
	
	#logo img{
		max-height: 50px;
	}
	
}

/*Language*/
.sub-language-container{
	list-style-type: none;
	margin: 0;
}

.globe-list{
	padding: 10px 15px;
}










/*首頁------------------------------------------------------*/

/*影片專區*/
#wrapper-video #content{
	 position: relative;
	  float: none;
	  width: 100%;
	  margin: 60px auto;
	  box-shadow: none;
}

#wrapper-video #content .content-wrap{
	background-image:url("../cstd-images/home/video-bg.jpg");
	background-size: cover;
}

.content-wrap p {
  font-size: 1.125rem;
}

#video-slider-mute {
	position: absolute;
	top: auto;
	left: auto;
	right: 20px;
	bottom: 10px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: var(--cnvs-contrast-0);
	color: var(--cnvs-contrast-1000);
	font-size: 1.25rem;
	border: 0;
}

#video-slider-mute i {
	position: relative;
	left: 1px;
}

#video-slider-mute i:nth-of-type(2),
#video-slider-mute.video-muted i:nth-of-type(1) { display: none; }
#video-slider-mute.video-muted i:nth-of-type(2) { display: block; }

/* --手機版型------------------------------------- */
@media screen and (max-width: 576px) {
	
	#wrapper-video #content{
	  margin: 00px auto;
}
	
}






/*關於全盛*/
#section-about .about-title{
	color: #43B4ED;
	border-bottom: 3px solid #43B4ED;
}

#section-about .heading-block .about-sub{
	font-size:1.125rem;
}

.about-p{
	margin-bottom: 0px;
}






/*輪播Banner*/
.section-slider{
	padding: 80px 0px;
	background-color: #F7F8F9;
}

.carousel-caption {
  position: absolute;
  right: 0%;
  bottom: 0rem;
  left: 0%;
  padding: 30px 20px 0px 20px;
  color: #fff;
  text-align: center;
	
	background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));
    background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));
    background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));
}

.text-white {
  text-shadow: 1px 1px 5px #333;
}

.text-white p{
	margin-bottom: 20px;
}

/* --手機版型------------------------------------- */
@media screen and (max-width: 576px) {
	
	.section-slider{
		padding: 0px 0px;
	}
	
	.section-slider .container{
		padding-left: 0px;
		padding-right: 0px;
	}
	
}






/*數據資訊*/
.counter-img{
	width: 90px;
}

.counter-h5{
	font-size: 1rem;
}




/*全盛產品*/
.portfolio-desc h3 a:hover, .portfolio-desc .h3 a:hover{
  	opacity: 0.8;
	color: #fff;
}

.index-pd-box{
	border: 1px solid #eee;
}


/*合作客戶*/
.section-client{
	background-color: #F7F8F9;
	padding: 80px 0px;
}

.oc-item{
	padding: 0px 25px;
}





/*全盛紀事*/
.section-news{
	padding: 80px 0px;
}

/*
#side-navigation .side-nav-box .list-group-item p{
	-webkit-line-clamp: 2;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	white-space: normal;
	overflow: hidden;
	text-align: left;
	max-height: 3.8rem;
	margin-bottom: 0px;
}
*/


.list-group-item {
  padding: 12px 15px;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #43B4ED;
  border-color: #43B4ED;
}

#side-navigation .side-nav-box .list-group-item p{
	margin-bottom: 0px;
}


/* --手機版型------------------------------------- */
@media screen and (max-width: 576px) {
	
	.tab-content{
		margin-top: 20px;
	}
	
}





/*footer*/
[class*="-flex"] > .social-icon, [class*="row"] > .social-icon {
  margin-right: 15px;
}

/* --手機版型------------------------------------- */
@media screen and (max-width: 576px) {
	
	.footer-content{
		padding: 0px 20px;
	}
	
}








/*關於我們-----------------------------------------------------------------*/

/*banner*/
.content-about{
	margin-top: 90px;
}

.page-title.page-title-parallax{
	padding: 60px 0 30px 0px;
}

.page-banner h1{
	text-shadow: 1px 1px 5px #555;
}

.page-banner span{
	text-shadow: 1px 1px 3px #555;
	color: #fff;
}

.parallax-bg {
  filter: brightness(75%);
}

/*前沿+簡介*/
.about-block{
	padding-top: 80px;
	padding-bottom: 80px;
}

.about-block h1{
	font-size: 28px;
}

.about-block img{
	width: 250px;
}

.about-block.b-client{
	background-image: url("../cstd-images/about/map-bg.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: 50%;
}

.portfolio-meta li{
	font-size: 16px;
}

.portfolio-meta li span{
	width: 100px;
}

.portfolio-meta li span i {
  margin-right: 8px;
}


/* --平板版型------------------------------------- */
@media screen and (max-width: 992px) {
	
	/*banner*/
	.content-about{
		margin-top: 90px;
	}
	
	.page-title.page-title-parallax{
		padding: 70px 0;
		margin-top: 60px;
	}
	
}

/* --手機版型------------------------------------- */
@media screen and (max-width: 576px) {
	/*banner*/
	.content-about{
		margin-top: 50px;
	}
	
	/*banner*/
	.page-title.page-title-parallax{
		padding: 60px 0 40px 0px;
		margin-top: 20px;
	}
	
	/*前沿+簡介*/
	.about-block{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.about-block.b-client{
		background-size: 80%;
	}

}






/*聯絡我們-----------------------------------------------------------------*/

.contact-block{
	padding: 40px 0px;
}

.c-form-block{
	border: 1px solid #eee;
	background-color: #fafafa;
	margin: 15px 0px;
	border-radius: 8px;
}

.card{
	background-color: #fafafa;
}

.contact-btn-block{
	margin-left: 0px;
	margin-right: 0px;
}

.contact-btn-1{
	background-color:#333;
}

.contact-btn-2{
	background-color:#43B4ED;
	margin-left: 12px;
}

.text-white-c{
	text-shadow: 1px 1px 3px #999;
	color: #fff;
}


.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color:#ccc;
  border-color: none;
}

/* --平板版型------------------------------------- */
@media screen and (max-width: 992px) {
	
.c-form-block{
	background-color: #fff;
	margin: 15px 0px;
	border-radius: 0px;
	border: 0px;
}

.card{
	background-color: #fff;
}
	
}





/*全盛紀事-----------------------------------------------------------------*/

.history-block{
	padding: 100px 0px;
}


.history-box {
    margin-bottom: 50px;
    border-bottom: 1px solid #d7d7d7;
	padding-bottom: 30px;
}

.history-year {
  padding: 0px;
  width: 20%;
}

.history-year h3{
	border-left: 4px solid #43B4ED;
	padding-left: 20px;
	font-weight: 400;
}

.month-box-flex{
	display: flex;
	flex-direction: row;
	width: 80%;
}

.month-box{
	margin-right: 30px;
	min-width: 35%;
}


/* --平板版型------------------------------------- */
@media screen and (max-width: 992px) {
	
	.month-box-flex{
	}

	.month-box{
		margin-right: 30px;
		min-width: 45%;
	}
}


/* --手機版型------------------------------------- */
@media screen and (max-width: 576px) {
	
	.history-block{
		padding: 50px 15px;
		width: 100%;
}

	
	.history-box {
		margin-bottom: 30px;
		padding-bottom: 10px;
		margin-left: 5px;
		margin-right: 5px;
	}

	.history-year {
	  padding: 0px;
	  width: 100%;
	}
	
	.history-year h3{
		border-left: 4px solid #43B4ED;
		padding-left: 15px;
	}

	.month-box-flex{
	  width: 100%;
	  flex-direction: column;
	  margin: 30px 0px 0px 0px;
	  padding: 0px 0px;
	}

	.month-box{
		margin-right: 0px;
		margin-bottom: 20px;
		min-width: 100%;
	}
	
	.month-box h4{
		margin-bottom: 20px;
	}

}









/*產品首頁------------------------------------------------------*/

/*側邊欄--------*/
.widget > .sidebar-cat-box > h4, .widget > .sidebar-cat-box > .h4 {
  margin-bottom: 10px;
}

.sidebar-widgets-wrap .widget_links .sidebar-cat-box ul li a:hover{
	color: #43B4ED;
}

.sidebar-cat-box{
	margin-bottom: 25px;
}

.sidebar-cat-box div{
	padding: 0 0.25rem 0 0.75rem;
}

.product{
	margin-bottom: 20px;
}

.product-image{
	border: 1px solid #eee;
	height: 350px;
}

.product-image a img{
	max-height: 350px;
}

.product-desc {
  padding: 10px 0;
}

.tagbox {
  display: flex;
  flex-wrap: wrap;
}

.tagbox a {
  margin-right: 8px;
  margin-bottom: 4px;
  padding: 6px 12px;
  border: 1px solid #ccc;
  font-size: 16px;
  border-radius: 2px;
}

.tagbox div {
  margin-right: 8px;
  margin-bottom: 4px;
  padding: 6px 12px;
  border: 1px solid #ccc;
  font-size: 16px;
  border-radius: 2px;
}

.tagbox a:hover{
	background-color: #43B4ED;
	color: #fff;
    border: 1px solid #43B4ED;
}

/* --平板版型------------------------------------- */
@media screen and (max-width: 992px) {
	
	.product-image{
		height: auto;
	}
	
	.product-image a img{
		width: 100%;
		height: auto;
	}
	
	.sidebar{
		display: none;
	}
	
}



/*產品內頁----------------------------------------------------*/
.product-info-image a img {
  max-height: auto;
}

.flex-viewport {
  border: 1px solid #eee;
}

.flex-control-nav.flex-control-thumbs {
  	position: unset;
}

.flex-control-nav.flex-control-thumbs li {
  	border: 1px solid #eee;
	margin: 0px;
}

.mfp-bottom-bar {
  margin-top: -10px;
}

.mfp-title {
  bottom: 0px;
}

.mfp-counter {
  bottom: 0px;
  right: 10px;
}

.product-name{
	margin-bottom: 30px;
}

.list-group.list-group-flush{
	margin-top: 30px;
}

.product-price-info{
	color:#888;
}

.bi-info-circle{
	margin-right: 5px;
}

.spec-list,.text-muted{
	width: 50%;
}





/*型錄------------------------------------------------------*/
.dm-tag{
	color: #43B4ED;
	font-weight: 500;
}

.dm-content{
	padding-top: 80px;
}

.card.dm-box{
	border: 1px solid #eee;
	background-color: #fafafa;
	height: 520px;
}

.iconlist li i{
	font-size: 1.3em;
}

.iconlist{
	margin-bottom: 10px;
}

/* --平板版型------------------------------------- */
@media screen and (max-width: 1200px) {
	.card.dm-box{
		height: auto;
		margin-bottom: 20px;
	}
	
}

/* --手機版型------------------------------------- */
@media screen and (max-width: 576px) {
	.dm-content{
		padding-top: 50px;
	}
	
	.card.dm-box .dm-h3{
		font-size: 1.5em;
	}

}