@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
* {
	font-family: 'Noto Sans TC';
}
body{
	color:#353E49;
}
.btn-warning{
	color:#353E49;
}


.img-w100{
	background: #EBECED;
	padding: 0;
	overflow: hidden;
}
.img-w100 img{
	width: 100%;
	
}
.gray10{
	background: #EBECED;
}
.gray80{
	color:#5D656D;
}

.home-container{
	height: auto;
/*	height: 50vh;*/
}
.MarTechSpan{width: 100%;}
.MarTechSpan .fs-5{
	font-weight: bold;
    margin-top: 25px;
}
.home-bottom{
	margin-bottom: 200px;
}
@media (max-width: 996px) {
	.MarTechSpan .fs-5{font-size: 12px!important;}
	.h1-content,.mobtitle{
		font-size: 18px!important;
		line-height: 30px;
	}
	.mobcontent{
		font-size: 14px!important;
		line-height: 24px!important;
	}

	.about-mt{
		margin-top:10px!important;
	}
	.home-bottom{
		margin-bottom: 0px;
	}
	li.nav-item{
		text-align: left;
	}
}



.about-container{
	height: auto;
/*	height: 30vh;*/
}
.about-container p{
	font-size: 24px;
	margin-top:50px;
	color:#AEB2B6;
}
.about-top-content{max-width: 650px;}
.about-icon-list{
	width:120%;
	margin:30px 0 30px -10%;
}
.about-us-img{
	width:100%;
	height:380px;
	background-size: cover;
	background-position: bottom;
}
.about-product-box{
	max-width:480px;
	padding-right:10px;
	padding-left: 10px;
	margin: auto;
}
.about-product-list{
	width: 100%;
	border:solid 1px #D7D8DB;
	margin:auto;
	background: white;
	margin-bottom: 30px;
}
.about-product-list img{
	margin: 10%;
	width: 80%;
}
.about-product-list p{
	max-width: 300px;
	margin: auto;
	margin-bottom: 10%;
}
.about-hire{
	background-size: cover;
    background-position: bottom;
    height: 400px;
    margin-bottom: -3rem;
    color:;
}
.about-hire .mask{
	background-color: rgba(255, 255, 255, 0.6);
	height:100%
}
@media (max-width: 768px) {
	.about-icon-list{
		width:60%;
		margin:auto;
	}
	.about-icon-list .col-sm-4{
		margin-top:25px;
	}
}


.product-logo-box{
	width: 100%;
	min-width: 480px;
	margin: auto;
}
.prd-word{
	font-size:24px;
	line-height: 32px;
	color:#5D656D;
}

.product-content{
	margin:50px auto;
	font-size: 24px;
	line-height: 32px;
/*	max-width:600px;*/
}
.scetion-bgc > div > span{
	font-weight: normal;
    font-size: 18px;
    line-height: 32px;
}
@media (min-width: 768px) {
	#iconImgContent{width: 48px;}
}
.banner-container .col.img-content .col img{opacity: 1}
.banner-container .yellowContent p{color:#353E49!important;font-size: 24px!important;line-height: 32px;}







.article-container{
	max-width: 1360px;
}
ul.pagination{
	justify-content: center;
}
.art-title {
	
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #353e49;
  
}
.art-a{
	text-decoration: none;
}
.art-summy {
}
.art-info {
}	

.article-hr{
	color:#FFC108;
	height: 3px!important;
    margin: 23px auto;
}
.tag_list a{
	color:#353E49;
	text-decoration: none;
}
.art-in-cat{
	text-decoration:underline #BCBCBC;
	color:#353E49;
}
.art-in-cat:hover{
	color:#FFC108;
	text-decoration:underline #FFC108;
}
.art-in-tag{
	font-size:24px;line-height: 32px;
	}
.page-link,.page-link:hover {
	color:#5D656D;
}
.page-item.active .page-link{
	background-color:#AEB2B6;
	border-color: #AEB2B6;

}



.art-p{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    min-height: 96px;
    color:#353E49;
}

.navbar .headerContent .collapse .navbar-nav .nav-item{
	margin-right: 0;
    min-width: 110px
}
.navbar .headerContent .navbar-nav{
	margin-right: 0;
}


article figure.image img{width: 100%;height: auto;}
.art-small{color:#868B92}


@media (max-width: 768px) {
	.product-logo-box{
		min-width: 350px;
		margin-top:-20px;
	}
	.product-logo-box img{
		width:50%
	}
	.product-content{
		margin:30px 20px;
	}
	.prd-word{
		font-size: 1rem;
		color:#353E49;
	}
	.banner-container .yellowContent p{color:#353E49!important;font-size: 14px!important;line-height: 24px;}
	.trend-title{
		font-size: 18px;
		line-height: 30px;
		font-weight: bold;
		text-align: center;
	}
	.trend-title::after{
	  content:" ";
	  display:block; 
	  width: 60%;
	  height: 1px;
	  text-align: center;
	  background-color: #FFC108;
	  margin: auto;
	}
	.art-title {
		font-size: 18px;
		line-height: 30px;
		font-weight: bold;
	}
	.art-in-date{
		font-size: 18px;
		line-height: 30px;
		color:#868B92;
		text-align: right;
	}
	.art-in-title{
		font-size: 18px;
		line-height: 30px;
	}
	.art-in-cat{
		font-size: 18px;
		line-height: 30px;
		text-decoration: underline #BCBCBC;

	}
	article,article p{
		font-size: 18px;
		line-height: 30px;
	}
	.art-in-tag{
		font-size:18px;
		line-height: 30px;
	}
}