body{

	font-size: 1rem;
	color: #4B445B;
}
img{
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: center;
}

.w1180{
	width: 98%;
	max-width: 1180px;
	margin:  0 auto;
	min-height: 650px;
	padding: 2em 0;
	box-sizing: border-box;
}
header .w1180{
	min-height: auto;
	padding:  0;
}

.text-weight{
	font-weight: 900 !important;	
}
.text-purple{
	color: #FF9DFF;
}

.bgc-p-g{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
	background: #6D4EC0; /* Old browsers */
	background: -moz-linear-gradient(left,  #FF9DFF 0%, #6D4EC0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #FF9DFF 0%,#6D4EC0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #FF9DFF 0%,#6D4EC0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF9DFF', endColorstr='#6D4EC0',GradientType=1 ); /* IE6-9 */
}
.bgc-g-g{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
	background: #AADADE; /* Old browsers */
	background: -moz-linear-gradient(left,  #AADADE 0%, #FDEFDB 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #AADADE 0%,#FDEFDB 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #AADADE 0%,#FDEFDB 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AADADE', endColorstr='#FDEFDB',GradientType=1 ); /* IE6-9 */
}
.bgc-b-g{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
	background: #3990AF; /* Old browsers */
	background: -moz-linear-gradient(left,  #3990AF 0%, #8BCECF 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #3990AF 0%,#8BCECF 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #3990AF 0%,#8BCECF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3990AF', endColorstr='#8BCECF',GradientType=1 ); /* IE6-9 */
}
.bgc-r-g{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
	background: #DB6074; /* Old browsers */
	background: -moz-linear-gradient(left,  #DB6074 0%, #F0999A 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #DB6074 0%,#F0999A 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #DB6074 0%,#F0999A 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DB6074', endColorstr='#F0999A',GradientType=1 ); /* IE6-9 */
}
.bgc-img{
	width: 100%;
	position: relative;
}
.bgc-img::before{
	content: "";
	display: block;
	position: absolute;
	top: 0 ;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(../../images/aticonsAI/bg.png);
	background-position: center;
	background-size: cover;
	opacity: 0.8;
}
.bgc-img{
	width: 100%;
	position: relative;
}
.bgc-img2::before{
	opacity: 0.2;
}
/*上下裝飾三角形*/
.tri-t
{
	width: 100%;
	height: 80px;
	clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.tri-b{
	width: 100%;
	height: 80px;
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	margin-top: -79px;
}
/*上下裝飾三角形*/


.logobox{
	max-width: 200px;
	min-width: 160px;
	width: 40%;
}
.titlebox{
	width: 80%;
	margin: 0 auto;
	max-width: 500px;
}
.ai-pbox{
	width: 60%;
	margin: 0 auto;
	max-width: 300px;
}
.hr{
	position: relative;
}
.hr::after{
	content: "";
	position: absolute;
	bottom: -0.2em;
	width: 90%;
	height: 3px;
	border-radius: 2px;
	left: 5%;
	background: #DB6074; /* Old browsers */
}
.videobox{
	max-width: 200px;
	height: auto;
	margin: 0 auto;
	border: 10px solid #161616;
	border-radius: 10px;
	position: relative;
}
.videobox::before{
	content: '';
	position: absolute;
	height: 10px;
	width: 40%;
	border-radius: 5%;
	top: 0;
	left: 30%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: #161616;

}
.btnbox{
	padding:  2px  1.5em; 
	font-weight: 900;
}
.btnbox:hover {
	background-color: #3990AF;
}
@media (max-width: 576px) {
	body{
		font-size: 0.9rem;
		color: #4B445B;
	}
	.videobox{
		max-width: 150px;
	}
}


@media (min-width: 768px) {

}


@media (min-width: 992px) {

}


@media (min-width: 1200px) {

}


@media (min-width: 1400px) {

}