@charset "utf-8";

*, ::after, ::before {
    box-sizing: border-box;
}

.page.Hub h1,
.page.Hub h2,
.page.Hub h3,
.page.Hub h4,
.page.Hub h5 {
	display:block !important;
	position:static !important;
	width:unset !important;
	max-width:unset !important;
	min-width:unset !important;
	height:unset !important;
	max-height:unset !important;
	min-height:unset !important;
	font-size: 100% !important;
	font-weight: bold !important;
	line-height:1.3 !important;
	color:#222 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	text-shadow:none !important;
	box-shadow:none !important;
	background:none !important;
}

.row-maxwidth-100pct {
    max-width:100%;
    padding:0;
}

.page.Hub h1 {
	font-size:44px !important;
}

.page.Hub h2 {
	font-size:36px !important;
}

.page.Hub h3 {
	font-size:18px !important;
}

.page.Hub h4 {
	font-size:16px !important;
}

.page.Hub h5 {
	font-size:14px !important;
}

.page.Hub p {
	font-size:14px !important;
}

@media screen and (max-width: 767px)
{
	.page.Hub h1 {
		font-size:36px !important;
	}
	.page.Hub h2 {
		font-size:26px !important;
	}
}

/* =================================================== */
/* =================================================== */
/* =================================================== */
/* template */
/* =================================================== */
/* =================================================== */
/* =================================================== */

#advan-header {
	border-bottom:2px solid #CCC;
}

.page.Hub {
	position:relative;
	font-size: 14px;
	line-height: 1.3;
	font-family: Arial, 'Microsoft JhengHei', 'Microsoft YaHei' , '微軟正黑體', "Meiryo" , "Malgun Gothinc" , sans-serif;
	font-weight: 400;
	color: #222;
}

.page.Hub .content {
	width:100%;
	min-height:100px;
	border:1px solid #C00;
}

.page.Hub .content > .inner {
	width:100%;
	max-width:1140px;
	margin:0 auto;
	padding:50px 0;
}

.page.Hub .content h2 {
	text-align:center;
	margin-bottom:50px !important;
}

@media screen and (max-width: 1199px)
{
	.page.Hub .content > .inner {
		padding-left:20px !important;
		padding-right:20px !important;
	}
}

@media screen and (max-width: 767px)
{
	.page.Hub .content h2 {
		line-height:30px !important;
	}
}

.page.Hub .hidden {
	display:none !important;
}

.page.Hub .forMobile {
	display:none;
}

@media screen and (max-width: 767px)
{
	.page.Hub .forMobile {
		display:block;
	}
}

.page.Hub .breadCrumbs {
	width:100%;
	background-color:#EEE;
}

.page.Hub .breadCrumbs .inner {
	width:100%;
	max-width:1200px;
	margin:0 auto;
}

.page.Hub .breadCrumbs .inner p {
	color:#004280;
	line-height:44px !important;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.page.Hub .breadCrumbs p a {
	text-decoration:none;
}

.page.Hub .breadCrumbs p a:hover {
	text-decoration:underline;
}

@media screen and (max-width: 1199px)
{
	.page.Hub .breadCrumbs .inner {
		padding:0 20px;
	}
}

.page.Hub .row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.page.Hub .row .col-1,
.page.Hub .row .col-2,
.page.Hub .row .col-3,
.page.Hub .row .col-4,
.page.Hub .row .col-5,
.page.Hub .row .col-6,
.page.Hub .row .col-7,
.page.Hub .row .col-8,
.page.Hub .row .col-9,
.page.Hub .row .col-10,
.page.Hub .row .col-11,
.page.Hub .row .col-12 {
	padding-right:15px;
	padding-left:15px;
	position: relative;
	width: 100%;
	min-height: 1px;
}

.page.Hub .row .col-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
}

.page.Hub .row .col-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

.page.Hub .row .col-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

.page.Hub .row .col-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}

.page.Hub .row .col-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.page.Hub .row .col-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}

.boxShadow
{
    /* transform: translateY(0); */
    transition: all 0.3s linear;
}

.boxShadow:hover
{
    /* transform: translateY(-3px); */
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

.thisBtn , .thisBtn:focus {
	display:block;
	width:150px;
	height:40px;
	color:#FFF;
	line-height:40px;
	text-align:center;
	text-decoration:none;
	background-color:#666;
	border:1px solid #666;
	margin:20px 0 0 0;
}

.thisBtn:hover {
	color:#666;
	text-decoration:none;
	background-color:#FFF !important;
}

.page.Hub .gototop {
	z-index:9999;
	position:fixed;
	right:10px;
	bottom:10px;
	display:flex;
	align-items: center;
	justify-content: center;
	width:45px;
	height:45px;
	border-radius: 50%;
	background-color:#787878;
	cursor:pointer;
}

.page.Hub .gototop:hover {
	background-color:#333;
}

.page.Hub .gototop img {
	width:22px;
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(308deg) brightness(103%) contrast(101%);
}

/* =================================================== */
/* =================================================== */
/* =================================================== */
/* Slider */
/* =================================================== */
/* =================================================== */
/* =================================================== */

.page.Hub .sliderBanner {
	position:relative;
}

.page.Hub .sliderBanner .owl-nav {
	position:absolute;
	bottom:10px;
	width:100%
}

.page.Hub .sliderBanner .owl-nav button {
	font-size: 50px;
	color: #FFF;
	margin: 15px 30px;
	cursor: pointer;
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	position:relative;
}

.page.Hub .sliderBanner .owl-nav button:hover {
	background-color:transparent;
}

.page.Hub .sliderBanner .owl-nav button span {
	padding: 0 20px;
	opacity:0;
}

.page.Hub .sliderBanner .owl-nav .owl-prev:before {
	content: "\f104";
	position: absolute;
	left: 20px;
}

.page.Hub .sliderBanner .owl-nav .owl-next:before {
	content: "\f105";
	position: absolute;
	left: 16px;
}

.page.Hub .sliderBanner .owl-dots {
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;
}

.page.Hub .sliderBanner .owl-dots button,
.page.Hub .sliderBanner .owl-carousel {
	outline:none;
}

.page.Hub .sliderBanner .owl-dots .owl-dot.active span {
	background-color:#ff9a00;
}

.page.Hub .sliderBanner .owl-item {
	overflow:hidden;
}

.page.Hub .sliderBanner,
.page.Hub .sliderBanner .item,
.page.Hub .sliderBanner .item .bg,
.page.Hub .sliderBanner .item .bg img,
.page.Hub .sliderBanner .item .text {
	height:400px;
}

.page.Hub .sliderBanner .item {
	background-color:#3aafd0;
}

/* =================================================== */
/* =================================================== */
/* =================================================== */
/* KV Banner */
/* =================================================== */
/* =================================================== */
/* =================================================== */

.page.Hub .sliderBanner {
	/* 若選單在Slider下方 */
	/* margin-bottom:55px; */
	/* 若選單在Slider上方 */
	margin-top:55px;
}

.page.Hub .sliderBanner .item .text {
	position:absolute;
	left:0;
	top:0;
	z-index:101;
	bottom:unset;
	display:flex;
	align-items:center;
	justify-content: flex-start;
	width:100%;
}

.page.Hub .sliderBanner .item .text .inner {
	width:100%;
	max-width:1200px;
	margin:0 auto;
}

.page.Hub .sliderBanner .item .text h1.banner_title {
	font-weight:bold !important;
	color:#FFF !important;
	margin:0 0 40px 0 !important;
	padding:0 !important;
	border:0 !important;
}

.page.Hub .sliderBanner .item .text  a {
	display:inline-block;
	width:unset;
	padding:0 35px;
	background-color:#64b450;
	border-color:#64b450;
}

.page.Hub .sliderBanner .item .text  a:hover {
	color:#64b450;
}

.page.Hub .sliderBanner .item .bg {
	width:100%;
}

.page.Hub .sliderBanner .item .bg img {
	/* position:absolute; */
	/* z-index:100; */
	/* top:0; */
	/* left:50%; */
	/* transform: translate(-50%,0); */
	/* width:auto; */
	width:100%;
	object-fit: cover;
}

@media screen and (max-width: 1199px)
{
	.page.Hub .sliderBanner .item .text {
		left:20px;
	}
	.page.Hub .sliderBanner .item .text h1.banner_title {
		margin:20px 0 !important;
	}
}

@media screen and (max-width: 991px)
{
	.page.Hub .sliderBanner {
		/* margin-bottom:45px; */
	}
	.page.Hub .sliderBanner .item .bg img {
		position:absolute;
		z-index:100;
		top:0;
		left:60%;
		transform: translate(-60%,0);
		width:auto;
		object-fit: none;
	}
}

@media screen and (max-width: 767px)
{
	.page.Hub .sliderBanner .item .text {
		padding:0 10px;
	}
	.page.Hub .sliderBanner .item .bg img {
		left:30%;
		transform: translate(-30%,0);
	}
}

@media screen and (max-width: 580px)
{

}

/* =================================================== */
/* =================================================== */
/* =================================================== */
/* Intro */
/* =================================================== */
/* =================================================== */
/* =================================================== */

.page.Hub .intro {
	width:100%;
	padding:70px 0 50px 0;
	border:0;
}

.page.Hub .intro h2 {
	width:100% !important;
	max-width:1040px !important;
	color:#008cd6 !important;
	text-align:center;
	margin:0 auto 50px auto !important;
}

.page.Hub .intro p {
	width:100%;
	max-width:820px;
	color:#4d4d4d;
	text-align:center;
	margin:0 auto 25px auto !important;
}

.page.Hub .intro p:last-child {
	margin:0;
}

@media screen and (max-width: 1199px)
{

}

@media screen and (max-width: 991px)
{
	.page.Hub .intro {
		padding:70px 10px 50px 10px;
	}
}

@media screen and (max-width: 767px)
{
	.page.Hub .intro {
		padding:70px 20px 50px 20px;
	}
}

@media screen and (max-width: 580px)
{

}

/* =================================================== */
/* =================================================== */
/* =================================================== */
/* Quick Guide */
/* =================================================== */
/* =================================================== */
/* =================================================== */

.page.Hub .QuickGuide {
	padding:50px 0;
	border:0;
	background-color:#f8f8f8;
}

.page.Hub .QuickGuide h3 {
	font-size:24px !important;
	font-weight:normal !important;
	color:#212529 !important;
	text-align:center;
	margin-bottom:20px !important;
}

.page.Hub .QuickGuide ul {
	width:100%;
	max-width:820px;
	margin:0 auto;
	list-style-type: none;
	border:1px solid #e6e6e6;
	background-color:#FFF;
}

.page.Hub .QuickGuide ul li {
	border-bottom:1px solid #e6e6e6;
}

.page.Hub .QuickGuide ul li:last-child {
	border:0;
}

.page.Hub .QuickGuide ul li a {
	display:block;
	color:#4d4d4d;
	font-size:16px;
	line-height:20px;
	padding:8px 15px 7px 15px;
	text-decoration:none;
	list-style-type:none;
}

.page.Hub .QuickGuide ul li a:hover {
	color:#FFF;
	background-color:#64b450;
}

@media screen and (max-width: 1199px)
{

}

@media screen and (max-width: 991px)
{
	.page.Hub .QuickGuide ul {
		max-width:720px;
	}
}

@media screen and (max-width: 767px)
{
	.page.Hub .QuickGuide ul {
		max-width:540px;
	}
}

@media screen and (max-width: 580px)
{
	.page.Hub .QuickGuide ul {
		max-width:320px;
	}
}

/* =================================================== */
/* =================================================== */
/* =================================================== */
/* Introduction */
/* =================================================== */
/* =================================================== */
/* =================================================== */

#Introduction.content {
	margin:0 auto;
	padding:50px 0 30px 0;
	border:0;
}

#Introduction.content h3 {
	font-size:24px !important;
	font-weight:normal !important;
	color:#212529 !important;
	text-align:center;
	margin-bottom:50px !important;
}

#Introduction.content .inner {
	display:flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap:wrap;
	padding:0;
}

#Introduction.content .box {
	display:flex;
	width:50%;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom:30px;
}

#Introduction.content .box .pic {
	width:160px;
	padding:0 20px;
}

#Introduction.content .box .pic .imgOutter {
	display:flex;
	align-items: center;
	justify-content: center;
	width:120px;
	height:120px;
	border-radius:50%;
	background-color:#008cd6;
}

#Introduction.content .box .pic .imgOutter img {
	
}

#Introduction.content .box .text {
	padding-top:20px;
}

#Introduction.content .box .text h4 {
	color:#008cd6 !important;
	font-size:24px !important;
	font-weight:normal !important;
	margin-bottom:20px !important;
}

#Introduction.content .box .text p {
	color:#4d4d4d;
}

#Introduction.content .box .text ul {
	margin-left:1em;
}

#Introduction.content .box .text ul li {
	color:#4d4d4d;
}

@media screen and (max-width: 1199px)
{

}

@media screen and (max-width: 991px)
{

	#Introduction.content .box .pic {
		width:140px;
		padding:0 10px;
	}
	
	#Introduction.content .box .pic .imgOutter {
		display:flex;
		align-items: center;
		justify-content: center;
		width:120px;
		height:120px;
		border-radius:50%;
		background-color:#008cd6;
	}

	#Introduction.content .box .text {
		padding-top:10px;
	}
}

@media screen and (max-width: 767px)
{
	#Introduction.content {
		max-width:480px;
	}
	#Introduction.content .box {
		display:block;
		width:100%;
	}
	#Introduction.content .box .pic {
		width:100%;
	}
	#Introduction.content .box .pic .imgOutter {
		/* margin:0 auto; */
	}
	#Introduction.content .box .text h4 {
		/* text-align:center; */
	}
}

@media screen and (max-width: 580px)
{
	#Introduction.content {
		max-width:100%;
	}
}



/* =================================================== */
/* =================================================== */
/* =================================================== */
/* Scenarios */
/* =================================================== */
/* =================================================== */
/* =================================================== */

#Scenarios.content {
	border:0;
	background-color:#f8f8f8;
}

#Scenarios.content .box {
	display:flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom:50px;
}

#Scenarios.content .box .pic {
	width:50%;
}

#Scenarios.content .box .pic:nth-child(1) {
	padding-right:30px;
}

#Scenarios.content .box.b1 .pic:nth-child(1),
#Scenarios.content .box.b3 .pic:nth-child(1),
#Scenarios.content .box.b5 .pic:nth-child(1),
#Scenarios.content .box.b7 .pic:nth-child(1),
#Scenarios.content .box.b2 .pic:nth-child(3),
#Scenarios.content .box.b4 .pic:nth-child(3),
#Scenarios.content .box.b6 .pic:nth-child(3) {
	display:none;
}

#Scenarios.content .box .pic img {
	width:100%;
	transition: all .5s ease;
}

#Scenarios.content .box .pic img:hover {
	z-index:999;
	transform:scale(1.3);
}

#Scenarios.content .box.b2 .pic img:hover,
#Scenarios.content .box.b4 .pic img:hover {
	z-index:999;
	transform:scale(1.25);
}

#Scenarios.content .box .text {
	width:50%;
	padding:0 25px;
	border-left:2px solid #64b450;
}

#Scenarios.content .box.b1 .text,
#Scenarios.content .box.b3 .text,
#Scenarios.content .box.b5 .text,
#Scenarios.content .box.b7 .text {
	padding-right:55px;
}

#Scenarios.content .box .text h4 {
	font-size:24px !important;
	font-weight:normal !important;
	color:#008cd6 !important;
	margin-bottom:10px !important;
}

#Scenarios.content .box .text p {
	color:#4D4D4D;
}

#Scenarios.content a.total,
#Scenarios.content .box .text a {
	display:inline-block;
	width:unset;
	padding:0 35px;
	background-color:#64b450;
	border-color:#64b450;
}

#Scenarios.content a.total:hover,
#Scenarios.content .box .text a:hover {
	color:#64b450;
}

#Scenarios.content a.total {
	display:block;
	width:300px;
	margin:50px auto 0 auto;
}


@media screen and (max-width: 1199px)
{

}

@media screen and (max-width: 991px)
{
	#Scenarios.content .box .pic img:hover {
		transform:none;
	}

	#Scenarios.content .box.b1 .text,
	#Scenarios.content .box.b3 .text,
	#Scenarios.content .box.b5 .text,
	#Scenarios.content .box.b7 .text {
		padding-right:25px;
	}
}

@media screen and (max-width: 767px)
{
	#Scenarios.content .box {
		display:block;
	}
	#Scenarios.content .box .pic,
	#Scenarios.content .box .text {
		width:100%;
	}
	#Scenarios.content .box .pic:nth-child(1) {
		display:block !important;
		margin-bottom:20px;
		padding:0;
	}
	#Scenarios.content .box .pic:nth-child(3) {
		display:none !important;
	}
}

@media screen and (max-width: 580px)
{

}

/* =================================================== */
/* =================================================== */
/* =================================================== */
/* Solutions */
/* =================================================== */
/* =================================================== */
/* =================================================== */

#Solutions.content {
	border:0;
}

#Solutions.content .inner {
	padding-bottom:15px;
}

#Solutions.content .topTitle {
	width:100%;
	max-width:820px;
	margin:0 auto;
	text-align:center;
}

#Solutions.content .topTitle h2 {
	margin-bottom:40px !important;
}

#Solutions.content .topTitle p {
	margin-bottom:50px !important;
}

#Solutions.content .boxs {
	/* 
	display:flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap:wrap;
	*/
}

#Solutions.content .boxs .owl-carousel {
	display:flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap:wrap;
}

#Solutions.content .boxs .box {
	position:relative;
	width:360px;
	min-height:600px;
	margin-bottom:35px;
	border:1px solid #e6e6e6;
	border-radius:5px;
	overflow:hidden;
}

#Solutions.content .boxs .box .pic {
	height:200px;
}

#Solutions.content .boxs .box.b1 .pic {
	background:url(css-img/Solutions_pic1.jpg) center center no-repeat;
	background-size:cover;
}

#Solutions.content .boxs .box.b2 .pic {
	background:url(css-img/Solutions_pic2.jpg) center center no-repeat;
	background-size:cover;
}

#Solutions.content .boxs .box.b3 .pic {
	background:url(css-img/Solutions_pic3.jpg) center center no-repeat;
	background-size:cover;
}

#Solutions.content .boxs .box.b4 .pic {
	background:url(css-img/Solutions_pic4.jpg) center center no-repeat;
	background-size:cover;
}

#Solutions.content .boxs .box.b5 .pic {
	background:url(css-img/Solutions_pic5.jpg) center center no-repeat;
	background-size:cover;
}

#Solutions.content .boxs .box.b6 .pic {
	background:url(css-img/Solutions_pic6.jpg) center center no-repeat;
	background-size:cover;
}

#Solutions.content .boxs .box .pic h3 {
	color:#008cd6 !important;
	text-align:center;
	line-height:60px !important;
}

#Solutions.content .boxs .box .text {
	padding:40px 20px 110px 20px;
}

#Solutions.content .boxs .box .text h3 {
	text-align:center;
}

#Solutions.content .boxs .box .text h4 {
	font-size:18px !important;
	font-weight:normal !important;
	text-align:center;
	margin-bottom:15px !important;
}

#Solutions.content .boxs .box .text p {
	color:#787878;
}

#Solutions.content .boxs .box > a.thisBtn {
	position:absolute;
	bottom:35px;
	left:calc( (100% - 150px)/2 );
	width:150px;
	background-color:#64b450;
	border-color:#64b450;
}

#Solutions.content .boxs .box > a.thisBtn:hover {
	color:#64b450;
}

@media screen and (max-width: 1139px)
{
	#Solutions.content .boxs .box {
		width:33%;
		min-height:660px;
	}
}

@media screen and (max-width: 991px)
{
	#Solutions.content .boxs .owl-carousel {
		width:728px;
		margin:0 auto;
	}
	#Solutions.content .boxs .box {
		width:360px;
		min-height:600px;
	}
}

@media screen and (max-width: 767px)
{
	#Solutions.content .boxs {
		width:100%;
		max-width:360px;
		margin:0 auto;
		padding-bottom:50px;
	}
	#Solutions.content .boxs .owl-carousel {
		width:unset;
	}
	#Solutions.content .boxs .owl-carousel .owl-dots {
		margin:10px auto 0 auto;
	}
	#Solutions.content .boxs .box {
		margin:0;
	}
}

@media screen and (max-width: 580px)
{
	#Solutions.content .boxs .box {
		width:100%;
		min-height:650px;
		max-width:calc( 100vw - 40px );
	}
}

/* =================================================== */
/* =================================================== */
/* =================================================== */
/* SuccessStories */
/* =================================================== */
/* =================================================== */
/* =================================================== */

#SuccessStories.content {
	border:0;
	background:url(css-img/SuccessStoriesBg.jpg) center center no-repeat;
	background-size:cover;
}

#SuccessStories.content .inner {
	padding-bottom:30px;
}

#SuccessStories.content h2 {
	color:#FFF !important;
	margin-bottom:70px !important;
}

#SuccessStories.content .boxs {
	/* 
	display:flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap:wrap;
	*/
}

#SuccessStories.content .boxs .owl-carousel {
	display:flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap:wrap;
}

#SuccessStories.content .boxs a.box {
	position:relative;
	display:block;
	width:270px;
	height:400px;
	margin-bottom:20px;
	padding-bottom:90px;
	border:1px solid #05150c;
	background-color:#FFF;
	overflow:hidden;
}

#SuccessStories.content .boxs a.box:hover {
	text-decoration: none;
}

#SuccessStories.content .boxs a.box .pic {
	min-height:250px;
	transition: all .3s ease;
}

#SuccessStories.content .boxs a.box.b1 .pic {
	background:url(css-img/SuccessStories_pic1.jpg) center center no-repeat;
	background-size:cover;
}

#SuccessStories.content .boxs a.box.b2 .pic {
	background:url(css-img/SuccessStories_pic2.jpg) center center no-repeat;
	background-size:cover;
}

#SuccessStories.content .boxs a.box.b3 .pic {
	background:url(css-img/SuccessStories_pic3.jpg) center center no-repeat;
	background-size:cover;
}

#SuccessStories.content .boxs a.box.b4 .pic {
	background:url(css-img/SuccessStories_pic4.jpg) center center no-repeat;
	background-size:cover;
}

#SuccessStories.content .boxs a.box.b5 .pic {
	background:url(css-img/SuccessStories_pic5.jpg) center center no-repeat;
	background-size:cover;
}

#SuccessStories.content .boxs a.box.b6 .pic {
	background:url(css-img/SuccessStories_pic6.jpg) center center no-repeat;
	background-size:cover;
}

#SuccessStories.content .boxs a.box.b7 .pic {
	background:url(css-img/SuccessStories_pic7.jpg) center center no-repeat;
	background-size:cover;
}

#SuccessStories.content .boxs a.box.b8 .pic {
	background:url(css-img/SuccessStories_pic8.jpg) center center no-repeat;
	background-size:cover;
}

#SuccessStories.content .boxs a.box h4 {
	display:block;
	color:#3c3f42 !important;
	text-align:center;
	padding:15px 10px 0 10px !important;
}

#SuccessStories.content .boxs a.box .fakeBtn {
	position:absolute;
	z-index:22;
	bottom:20px;
	left:calc( (100% - 150px)/2 );
	width:150px;
	height:40px;
	color:#FFF;
	font-size:16px;
	line-height:40px;
	text-align:center;
	background-color:#64b450;
}

#SuccessStories.content .boxs a.box .hover {
	opacity:0;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	min-height:400px;
	padding:80px 8px 8px 8px;
	transition: all .3s ease;
}

#SuccessStories.content .boxs a.box:hover {
	padding:0;
	border:1px solid #008735;
}

#SuccessStories.content .boxs a.box:hover .pic {
	min-height:398px;
}

#SuccessStories.content .boxs a.box:hover > h4 {
	display:none !important;
}

#SuccessStories.content .boxs a.box:hover .hover {
	opacity:1;
	background-color:rgba(6,72,32,0.9);
}

#SuccessStories.content .boxs a.box:hover .hover h4,
#SuccessStories.content .boxs a.box:hover .hover p {
	color:#FFF !important;
	text-align:center;
}

#SuccessStories.content .boxs a.box:hover .hover h4 {
	margin-bottom:30px !important;
}

@media screen and (max-width: 1130px)
{
	#SuccessStories.content .boxs a.box {
		width:31%;
	}
	#SuccessStories.content .boxs a.box.b2,
	#SuccessStories.content .boxs a.box.b5,
	#SuccessStories.content .boxs a.box.b8 {
		margin-left:3%;
		margin-right:3%;
	}
	#SuccessStories.content .boxs .owl-carousel {
		justify-content: flex-start;
	}
}

@media screen and (max-width: 991px)
{
	#SuccessStories.content .boxs a.box {
		height:420px;
	}
	#SuccessStories.content .boxs a.box:hover .pic {
		min-height:418px;
	}
	#SuccessStories.content .boxs a.box:hover .hover {
		min-height:420px;
		padding:35px 8px 8px 8px;
	}
}

@media screen and (max-width: 767px)
{
	#SuccessStories.content .boxs {
		width:100%;
		max-width:360px;
		margin:0 auto;
		padding-bottom:50px;
	}
	#SuccessStories.content .boxs .owl-carousel .owl-dots {
		margin:10px auto 0 auto;
	}
	#SuccessStories.content .boxs a.box {
		width:360px;
		height:480px;
		margin:0 !important;
	}
	#SuccessStories.content .boxs a.box .pic {
		height:300px;
	}
	#SuccessStories.content .boxs a.box:hover .pic {
		min-height:478px;
	}
	#SuccessStories.content .boxs a.box:hover .hover {
		min-height:480px;
		padding:80px 8px 8px 8px;
	}
}

@media screen and (max-width: 580px)
{
	#SuccessStories.content .boxs .box {
		width:100%;
		max-width:calc( 100vw - 40px );
	}
}

/* =================================================== */
/* =================================================== */
/* =================================================== */
/* ProductOfferings */
/* =================================================== */
/* =================================================== */
/* =================================================== */

#ProductOfferings.content {
	border:0;
}

#ProductOfferings.content .inner {
	padding-bottom:35px;
}

#ProductOfferings.content h2 {
	margin-bottom:0 !important;
}

#ProductOfferings.content .frame {
	margin-bottom:45px;
}

#ProductOfferings.content .frame:last-child {
	margin-bottom:0;
}

#ProductOfferings.content .frame h3 {
	font-size:24px !important;
	font-weight:normal !important;
	padding-bottom:10px !important;
	margin-top:55px !important;
	margin-bottom:30px !important;
}

#ProductOfferings.content .frame.green h3 {
	color:#64b450 !important;
	border-bottom:5px solid #64b450 !important;
}

#ProductOfferings.content .frame.lightBlue h3 {
	color:#008cd6 !important;
	border-bottom:5px solid #008cd6 !important;
}

#ProductOfferings.content .frame.darkBlue h3 {
	color:#406180 !important;
	border-bottom:5px solid #406180 !important;
}

#ProductOfferings.content .frame h3 small {
	color:#4d4d4d !important;
	font-size:16px !important;
	padding-left:10px;
}

#ProductOfferings.content .frame .boxs {
	display:flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap:wrap;
}

#ProductOfferings.content .frame .boxs .box {
	width:275px;
	height:275px;
	text-align:center;
	padding:20px 0 15px 0;
	margin-bottom:15px;
	border:1px solid #EBEBEB;
}

#ProductOfferings.content .frame .boxs .box h4 {
	font-size:18px !important;
	font-weight:normal !important;
}

#ProductOfferings.content .frame .boxs .box p {
	color:#4d4d4d !important;
	margin-bottom:10px;
}

#ProductOfferings.content .frame .boxs .box .pic {
	display:flex;
	align-items: flex-end;
	justify-content: center;
	height:140px;
	margin-bottom:5px;
}

#ProductOfferings.content .frame .boxs .box.c1 .pic,
#ProductOfferings.content .frame .boxs .box.c2 .pic,
#ProductOfferings.content .frame .boxs .box.c3 .pic,
#ProductOfferings.content .frame .boxs .box.c4 .pic {
	height:125px;
}

#ProductOfferings.content .frame .boxs .box .btns {
	text-align:center;
}

#ProductOfferings.content .frame .boxs .box .btns .thisBtn {
	display:inline-block;
	width:125px;
	margin:0;
}

#ProductOfferings.content .frame.green .boxs .box .btns .thisBtn:nth-child(1) {
	border:1px solid #64b450;
	background-color:#64b450;
}

#ProductOfferings.content .frame.green .boxs .box .btns .thisBtn:nth-child(1):hover {
	color:#64b450;
}

#ProductOfferings.content .frame.green .boxs .box .btns .thisBtn:nth-child(2) {
	color:#64b450;
	border:1px solid #64b450;
	background-color:#FFF;
}

#ProductOfferings.content .frame.green .boxs .box .btns .thisBtn:nth-child(2):hover {
	color:#FFF;
	background-color:#64b450 !important;
}

#ProductOfferings.content .frame.lightBlue .boxs .box .btns .thisBtn:nth-child(1) {
	border:1px solid #008cd6;
	background-color:#008cd6;
}

#ProductOfferings.content .frame.lightBlue .boxs .box .btns .thisBtn:nth-child(1):hover {
	color:#008cd6;
}

#ProductOfferings.content .frame.lightBlue .boxs .box .btns .thisBtn:nth-child(2) {
	color:#008cd6;
	border:1px solid #008cd6;
	background-color:#FFF;
}

#ProductOfferings.content .frame.lightBlue .boxs .box .btns .thisBtn:nth-child(2):hover {
	color:#FFF;
	border:1px solid #008cd6;
	background-color:#008cd6 !important;
}

#ProductOfferings.content .frame.darkBlue .boxs .box .btns .thisBtn:nth-child(1) {
	border:1px solid #406180;
	background-color:#406180;
}

#ProductOfferings.content .frame.darkBlue .boxs .box .btns .thisBtn:nth-child(1):hover {
	color:#406180;
}

#ProductOfferings.content .frame.darkBlue .boxs .box .btns .thisBtn:nth-child(2) {
	color:#406180;
	border:1px solid #406180;
	background-color:#FFF;
}

#ProductOfferings.content .frame.darkBlue .boxs .box .btns .thisBtn:nth-child(2):hover {
	color:#FFF;
	border:1px solid #406180;
	background-color:#406180 !important;
}

@media screen and (max-width: 1199px)
{
	#ProductOfferings.content .frame {
		width:860px;
		margin:0 auto;
	}
	#ProductOfferings.content .frame .boxs {
		justify-content: flex-start;
	}
	#ProductOfferings.content .frame .boxs .box.a2,
	#ProductOfferings.content .frame .boxs .box.a5,
	#ProductOfferings.content .frame .boxs .box.a8,
	#ProductOfferings.content .frame .boxs .box.b2,
	#ProductOfferings.content .frame .boxs .box.c2,
	#ProductOfferings.content .frame .boxs .box.d2 {
		margin:0 15px 15px 15px;
	}
}

@media screen and (max-width: 991px)
{
	#ProductOfferings.content .frame {
		width:570px;
	}
	#ProductOfferings.content .frame .boxs {
		justify-content: space-between;
	}
	#ProductOfferings.content .frame .boxs .box {
		margin:0 0 15px 0 !important;
	}
	#ProductOfferings.content .frame h3 small {
		display:block;
		padding:0;
	}
}

@media screen and (max-width: 767px)
{
	#ProductOfferings.content .frame {
		width:560px;
	}
}

@media screen and (max-width: 580px)
{
	#ProductOfferings.content .frame {
		width:100%;
	}
	#ProductOfferings.content .frame .boxs {
		width:275px;
		margin:0 auto;
	}
}

/* =================================================== */
/* =================================================== */
/* =================================================== */
/* Resources Download */
/* =================================================== */
/* =================================================== */
/* =================================================== */

#ResourcesDownload.content {
	position: relative;
	background: url(css-img/resources-bg.jpg);
	background-size: cover;
	border:0;
}

#ResourcesDownload.content h2 {
	color:#FFF !important;
}

#ResourcesDownload.content .boxs .owl-carousel {
	display:flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap:wrap;
}

#ResourcesDownload.content .boxs .box {
	width:32%;
    text-align: center;
    padding: 30px 0;
    background: #fff;
    border-radius: 5px;
}

#ResourcesDownload.content .boxs .box .imgBox {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 190px;
}

#ResourcesDownload.content .boxs .box .imgBox img {
    width: auto;
	max-height:190px;
	max-width:100%;
}

#ResourcesDownload.content .boxs .box h4 {
	display:flex !important;
	align-items: center;
	justify-content: center;
	width:100% !important;
	height:60px !important;
	padding:0 20px !important;
}

#ResourcesDownload.content .boxs .box h4 span {
	color:#212529 !important;
	font-size:18px !important;
	font-weight:normal !important;
}

#ResourcesDownload.content .boxs .box a.thisBtn {
	margin:0 auto;
	background-color:#64b450;
	border-color:#64b450;
}

#ResourcesDownload.content .boxs .box a.thisBtn:hover {
	color:#64b450;
}


@media screen and (max-width: 1199px)
{

}

@media screen and (max-width: 991px)
{

}

@media screen and (max-width: 767px)
{
	#ResourcesDownload.content .boxs {
		width:100%;
		max-width:560px;
		margin:0 auto;
		padding-bottom:50px;
	}
	#ResourcesDownload.content .boxs .box {
		width:95%;
	}
	#ResourcesDownload.content .boxs .owl-carousel .owl-dots {
		margin:10px auto 0 auto !important;
	}
}

@media screen and (max-width: 580px)
{
	#ResourcesDownload.content .boxs {
		max-width:360px;
	}
}

/* =================================================== */
/* =================================================== */
/* =================================================== */
/* Contact */
/* =================================================== */
/* =================================================== */
/* =================================================== */

#Contact.content {
	background: #fe970c;
	border:0;
}

#Contact.content .text {
	max-width: 820px;
	margin: 0 auto;
	padding: 0 20px;
}

#Contact.content h3 {
	font-weight:normal !important;
	line-height:1.3 !important;
	text-align: center;
	margin: 0 auto;
}

#Contact.content .text a.btn {
	background: #336899;
	padding: 15px 20px;
	display: block;
	max-width: 180px;
	margin: 20px auto;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	border-radius: 5px;
}

#Contact.content .text .btn:hover {
	background: #3f7eb9;
}

#Contact.content .text ul {
	width:100%;
	text-align: center;
}

#Contact.content .text ul li {
	margin:20px 10px 0;
	display: inline-block;
}

#Help.content {
	border:0;
	background:#336899 ;
}

#Help.content h2 {
    color: #FFF !important;
}

#Help.content  ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#Help.content ul li {
	display: block;
	color: #FFF;
	text-align: center;
	padding: 20px 20px;
}

#Help.content ul li svg {
	width:50px;
	height:50px;
	color: rgba(255,255,255,1) !important;
    fill: rgba(255,255,255,1) !important;
}

#Help.content ul li a {
	color: #FFF;
	text-decoration: none;
}

@media screen and (max-width: 1199px)
{

}

@media screen and (max-width: 991px)
{

}

@media screen and (max-width: 767px)
{

}

@media screen and (max-width: 580px)
{
	#Help.content ul li{
		padding: 15px 10px;
	}
}