@charset "utf-8";

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



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

.page.Vue_Factory
{
	font-size: 16px;
	line-height: 22px;
	font-family: Arial, 'Open Sans', '微軟正黑體', "新細明體", sans-serif;
	font-weight: 400;
	color: #222;
}

.page.Vue_Factory .content
{
	max-width:1200px;
	margin:0 auto;
}

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

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

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

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

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

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

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

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

.page.Vue_Factory .fotMobile
{
	display:none;
}

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

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































/* =================================================== */
/* =================================================== */
/* =================================================== */
/* Menu */
/* =================================================== */
/* =================================================== */
/* =================================================== */

.page.Vue_Factory .menuFrame
{
	position:absolute;
	left:0;
	top:0;
	/*top:592px;*/
	width:100%;
	height:55px;
	z-index:999;
	background-color:#0e1c30;
}

.page.Vue_Factory .menuFrame.fixed
{
	position:fixed;
	top:0 !important;
	background-color:rgba(14,28,48,0.9);
}

.page.Vue_Factory .menuFrame ul
{
	position:relative;
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:0;
}

.page.Vue_Factory .menuFrame ul li
{
	display:inline-block;
	list-style:none;
}

.page.Vue_Factory .menuFrame ul li a
{
	display:block;
	color:#FFF;
	font-size:16px;
	font-weight:500;
	padding:0 23px;
	line-height:55px;
	border-right:1px solid #62686d;
	text-decoration:none;
}

.page.Vue_Factory .menuFrame ul li a:hover
{
	color:#CCC;
}

.page.Vue_Factory .menuFrame ul li a.on .outline
{
	border-bottom:2px solid #FFF;
}

.page.Vue_Factory .menuFrame ul li:last-child a
{
	border:0;
}

.page.Vue_Factory .menuFrame ul li a span.far
{
	display:none;
}

.page.Vue_Factory .menuFrame .left.openMenu,
.page.Vue_Factory .menuFrame .right.contact
{
	display:none;
}
/*
.page.Vue_Factory .menuFrame ul li:nth-last-child(1)
{
	position:absolute;
	display:block;
	right:0;
	top:0;
}

.page.Vue_Factory .menuFrame ul li:nth-last-child(1) a
{
	font-size:18px;
	width:180px;
	height:55px;
	color:#FFF;
	background-color:#004280;
	text-align:center;
}

.page.Vue_Factory .menuFrame ul li:nth-last-child(1) a span.fas
{
	display:inline-block;
}

.page.Vue_Factory .menuFrame ul li:nth-last-child(1) a span.far
{
	display:none;
}

.page.Vue_Factory .menuFrame ul li:nth-last-child(2) a
{
	border-right:0;
}
*/

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

	.page.Vue_Factory .menuFrame ul li a
	{
		padding:0 20px;
	}

}

@media screen and (max-width: 991px)
{
	.page.Vue_Factory .menuFrame
	{
		top:0;
		/*top:412px;*/
		height:45px;
		background-color:#FFF;
		border-bottom:1px solid #CCC;
	}

	.page.Vue_Factory .menuFrame.fixed
	{
		position:fixed;
		top:0 !important;
		width:100%;
		z-index:999;
		background-color:rgba(255,255,255,0.95);
	}

	.page.Vue_Factory .menuFrame .left.openMenu
	{
		display:block;
		float:left;
		padding-left:20px;
	}

	.page.Vue_Factory .menuFrame .left.openMenu a
	{
		display:block;
		color:#385572;
		font-size:16px;
		line-height:45px;
		padding-right:20px;
		text-decoration:none;
	}

	.page.Vue_Factory .menuFrame .left.openMenu a span.fa
	{
		margin-right:10px;
	}

	.page.Vue_Factory .menuFrame .right.contact
	{
		display:block;
		float:right;
	}

	.page.Vue_Factory .menuFrame .right.contact a
	{
		display:block;
		color:#FFF;
		width:115px;
		height:45px;
		font-size:16px;
		line-height:45px;
		background-color:#3b4248;
		text-align:right;
		padding-right:25px;
	}

	.page.Vue_Factory .menuFrame ul
	{
		position:absolute;
		width:100%;
		height:auto;
		left:0;
		top:45px;
		display:none;
		margin:0;
		padding:0;
		background-color:rgba(255,255,255,0.95);
	}

	.page.Vue_Factory .menuFrame ul li
	{
		display:block;
	}

	.page.Vue_Factory .menuFrame ul li a
	{
		font-size:16px;
		color:#385572;
		line-height:45px;
		border-right:0;
		border-bottom:1px solid #CCC;
		padding:0 25px 0 20px;
	}

	.page.Vue_Factory .menuFrame ul li:last-child a
	{
		border-bottom:2px solid #385572;
	}

	.page.Vue_Factory .menuFrame ul li a span.far
	{
		display:block;
		float:right;
		margin-top:15px;
	}
/*
	.page.Vue_Factory .menuFrame ul li:nth-last-child(1)
	{
		position:static;
	}

	.page.Vue_Factory .menuFrame ul li:nth-last-child(1) a
	{
		font-size:unset;
		width:unset;
		height:unset;
		color:#385571;
		background-color:unset;
		text-align:unset;
	}

	.page.Vue_Factory .menuFrame ul li:nth-last-child(1) a span.fas
	{
		display:none;
	}

	.page.Vue_Factory .menuFrame ul li:nth-last-child(1) a span.far
	{
		display:inline-block;
	}
*/
}

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

}

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

}

@media screen and (max-width: 580px)
{
	.page.Vue_Factory .menuFrame.fixed
	{
	    top:0 !important;
	}
}

































/* =================================================== */
/* =================================================== */
/* =================================================== */
/* KV Banner & Slider */
/* =================================================== */
/* =================================================== */
/* =================================================== */

.page.Vue_Factory .slider1
{
	position:relative;
}

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

.page.Vue_Factory .slider1 .owl-nav button,
.page.Vue_Factory .slider3 .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.Vue_Factory .slider1 .owl-prev:before,
.page.Vue_Factory .slider3 .owl-prev:before
{
	content: "\f104";
	position: absolute;
	left: 20px;
}

.page.Vue_Factory .slider1 .owl-next:before,
.page.Vue_Factory .slider3 .owl-next:before
{
	content: "\f105";
	position: absolute;
	left: 16px;
}

.page.Vue_Factory .slider1 .owl-nav button:hover
{
	background-color:transparent;
}

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

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

.page.Vue_Factory .slider1 .owl-dots button
{
	outline:none;
}

.page.Vue_Factory .slider1 .owl-dots .owl-dot.active span
{
	background:#910000;
}

.page.Vue_Factory .slider1 .owl-item
{
	overflow:hidden;
}

.page.Vue_Factory .slider1
{
	background-color:#0b1117;
}

.page.Vue_Factory .slider1 .item
{
	height:400px;
}

.page.Vue_Factory .slider1 .item.s1
{
	background-color:#0b0d16;
}

.page.Vue_Factory .slider1 .item.s2
{
	background-color:#ebebeb;
}

.page.Vue_Factory .slider1 .item .bg
{
	width:100%;
	height:400px;
}

.page.Vue_Factory .slider1 .item .bg img
{
	position:absolute;
	z-index:100;
	top:0;
	left:50%;
	transform: translate(-50%,0);
	width:auto;
	height:450px;
}

/* KV Banner */

.page.Vue_Factory .banner.sliderFrame
{
	margin-bottom:55px;
}

.page.Vue_Factory .banner.sliderFrame .owl-carousel .item .text
{
	position:absolute;
	left:calc( (100vw - 1200px)/2 + 25px );
	top:80px;
	z-index:101;
	bottom:unset;
}

.page.Vue_Factory .banner.sliderFrame .owl-carousel .item h1.banner_title
{
	font-size:48px !important;
	line-height:48px !important;
	font-weight:bold !important;
	margin:0 0 10px 0 !important;
	padding:0 !important;
	border:0 !important;
}

.page.Vue_Factory .banner.sliderFrame .owl-carousel .item.s1  h1.banner_title
{
	color:#FFF !important;
	width:685px;
}

.page.Vue_Factory .banner.sliderFrame .owl-carousel .item.s2  h1.banner_title
{
	color:#373737 !important;
	width:420px;
}

.page.Vue_Factory .banner.sliderFrame .owl-carousel .item.s2  h1.banner_title img
{
	display:inline-block;
	width:122px;
	height:35px;
	vertical-align:middle;
}

.page.Vue_Factory .banner.sliderFrame .owl-carousel .item.s2 h3.banner_subTTL
{
	font-size:16px !important;
	line-height:22px !important;
	color:#373737 !important;
	width:420px;
	margin:0 0 10px 0 !important;
	padding:0 !important;
	border:0 !important;
}

.page.Vue_Factory .banner.sliderFrame .owl-carousel .item .banner_btn a
{
	display:inline-block;
	font-size:16px;
	line-height:20px;
	color:#FFF;
	text-align:left;
	text-decoration:none;
	padding:5px 60px 5px 15px;
	border-radius:5px;
	background:#eb991b url(css-img/arrow_right.png) 92% center no-repeat;
}

.page.Vue_Factory .banner.sliderFrame .owl-carousel .item .banner_btn a:hover
{
	background:#e58d06 url(css-img/arrow_right.png) 92% center no-repeat;
}

.page.Vue_Factory .banner.sliderFrame .owl-carousel .item .banner_btn a b
{
	font-size:24px;
	line-height:25px;
}

.page.Vue_Factory .banner.sliderFrame .owl-carousel .item.s2 .TV
{
	position:absolute;
	top:50px;
	right:calc( (100vw - 1200px)/2 + 10px );
	z-index:103;
}


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

	.page.Vue_Factory .banner.sliderFrame .owl-carousel .item .text
	{
		left:20px;
	}

	.page.Vue_Factory .banner.sliderFrame .owl-carousel .item.s2 .TV
	{
		top: 70px;
		width: 430px;
	}

}


@media screen and (max-width: 991px)
{
	.page.Vue_Factory .banner.sliderFrame .owl-carousel .item .text
	{
		top:90px;
	}

	.page.Vue_Factory .banner.sliderFrame .owl-carousel  .item  h1.banner_title
	{
		width:550px;
	}

	.page.Vue_Factory .banner.sliderFrame .owl-carousel .item.s2 .TV
	{
		top:95px;
		right:-30px;
		width:400px;
	}

}

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

	.page.Vue_Factory .slider1 .item
	{
		height:450px;
	}

	.page.Vue_Factory .slider1 .item .bg
	{
		opacity:0.3;
	}

	.page.Vue_Factory .banner.sliderFrame .owl-carousel .item.s1 .text
	{
		top:100px;
		left:5%;
		width:90%;
	}

	.page.Vue_Factory .banner.sliderFrame .owl-carousel .item.s2 .text
	{
		top:50px;
		left:15%;
		width:70%;
	}

	.page.Vue_Factory .banner.sliderFrame .owl-carousel .item.s1  h1.banner_title
	{
		width:100%;
		font-size:36px !important;
		line-height:1.3 !important;
	}

	.page.Vue_Factory .banner.sliderFrame .owl-carousel .item.s2  h1.banner_title
	{
		width:100%;
		font-size:36px !important;
		line-height:1.3 !important;
		text-align:center;
	}

	.page.Vue_Factory .banner.sliderFrame .owl-carousel .item.s2 h3.banner_subTTL
	{
		width:100%;
		text-align:center;
	}

	.page.Vue_Factory .banner.sliderFrame .owl-carousel .item.s2 .banner_btn
	{
		text-align:center;
	}

	.page.Vue_Factory .banner.sliderFrame .owl-carousel .item .banner_btn a
	{
		font-size:16px;
		line-height:18px;
		padding:5px 35px 5px 10px;
		background:#eb991b url(css-img/arrow_right.png) 96% center no-repeat;
	}

	.page.Vue_Factory .banner.sliderFrame .owl-carousel .item.s2 .banner_btn img
	{
		width:100%;
	}

	.page.Vue_Factory .banner.sliderFrame .owl-carousel .item.s2 .TV
	{
		top: 265px;
		left:32%;
		right:unset;
		width:40%;
		text-align:center;
	}

	.page.Vue_Factory .slider1 .owl-nav
	{
		display:none;
	}

}

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

	.page.Vue_Factory .banner.sliderFrame .owl-carousel .item .text
	{
		left:2% !important;
		width:96% !important;
	}

	.page.Vue_Factory .banner.sliderFrame .owl-carousel .item.s2 .TV
	{
		top: 270px;
		left:20%;
		width:60%;
	}

}


































/* =================================================== */
/* =================================================== */
/* =================================================== */
/* C1 Overview */
/* =================================================== */
/* =================================================== */
/* =================================================== */

.page.Vue_Factory .c1.Overview.intro
{
	max-width:1060px;
	text-align:center;
	padding:70px 0 50px 0;
}

.page.Vue_Factory .Overview.intro p
{
	font-size:16px;
	line-height:24px;
	color:#636161;
	margin:0;
}

.page.Vue_Factory .Overview.intro .btns
{
	text-align:center;
	padding-top:50px;
}

.page.Vue_Factory .Overview.intro .btns a
{
	display:inline-block;
	font-size:24px;
	font-weight:bold;
	color:#FFF;
	text-decoration: none;
	line-height:55px;
	padding:0 20px;
	margin:0 12px;
	background-color:#EEE;
	border-radius:5px;
}

.page.Vue_Factory .Overview.intro .btns a,
.page.Vue_Factory .Overview.intro .btns a img
{
	vertical-align:text-top;
}

.page.Vue_Factory .Overview.intro .btns a img
{
	margin-left:8px;
}

.page.Vue_Factory .Overview.intro .btns a.b1
{
	background-color:#eb991b;
}

.page.Vue_Factory .Overview.intro .btns a.b1:hover
{
	background-color:#e58d06;
}

.page.Vue_Factory .Overview.intro .btns a.b2
{
	background-color:#015fdf;
}

.page.Vue_Factory .Overview.intro .btns a.b2:hover
{
	background-color:#004db6;
}

.page.Vue_Factory .Overview.intro .btns a.b2 br
{
	display:none;
}

.page.Vue_Factory .Overview.more
{
	max-width:unset;
	border-top:1px solid #8a9196;
	padding:50px 0;
}

.page.Vue_Factory .Overview.more .outter
{
	max-width:1200px;
	margin:0 auto;
	direction: rtl;
}

.page.Vue_Factory .Overview.more .text .frame
{
	display:flex;
	height:300px;
	align-items:center;
	text-align:left;
}

.page.Vue_Factory .Overview.more .text .frame h5
{
	font-size:24px;
	line-height:1.3;
	color:#070707;
	margin:0;]
}

.page.Vue_Factory .Overview.more .text .frame p
{
	font-size:16px;
	line-height:1.3;
	color:#636161;
}

.page.Vue_Factory .Overview.more .youtube iframe
{
	width:570px;
	height:300px;
}

@media screen and (max-width: 1199px)
{
	.page.Vue_Factory .c1.Overview.intro
	{
		width:90%;
	}

	.page.Vue_Factory .Overview.more .outter
	{
		max-width:90%;
	}

	.page.Vue_Factory .Overview.more .outter .text,
	.page.Vue_Factory .Overview.more .outter .youtube
	{
		padding:0;
	}

	.page.Vue_Factory .Overview.more .text .frame,
	.page.Vue_Factory .Overview.more .youtube iframe
	{
		width:45vw;
		height:calc( 45vw * 9 /16 );
	}

	.page.Vue_Factory .Overview.more .text .frame
	{
		padding-right:30px;
	}
}

@media screen and (max-width: 991px)
{
	.page.Vue_Factory .Overview.intro .btns a
	{
		font-size:18px;
	}

}

@media screen and (max-width: 767px)
{
	.page.Vue_Factory .c1.Overview.intro
	{
		padding:35px 0;
	}

	.page.Vue_Factory .Overview.intro .btns
	{
		padding-top:35px;
	}

	.page.Vue_Factory .Overview.intro .btns a
	{
		padding:0 10px;
		width:100%;
		margin:0;
	}

	.page.Vue_Factory .Overview.intro .btns a:nth-child(1)
	{
		margin-bottom:16px;
	}

	.page.Vue_Factory .Overview.more
	{
		padding:35px 0;
	}

	.page.Vue_Factory .Overview.more .outter,
	.page.Vue_Factory .Overview.more .text .frame
	{
		display:block;
	}

	.page.Vue_Factory .Overview.more .outter > div
	{
		max-width:unset;
	}

	.page.Vue_Factory .Overview.more .text .frame
	{
		width:90vw;
		padding-right:0;
		height:unset;
	}

	.page.Vue_Factory .Overview.more .youtube
	{
		margin-bottom:35px;
	}

	.page.Vue_Factory .Overview.more .youtube iframe
	{
		width:90vw;
		height:calc( 90vw * 9 /16 );
	}

}

@media screen and (max-width: 580px)
{
	.page.Vue_Factory .Overview.intro .btns a.b2
	{
		line-height:1.3;
		padding:8px 0;
	}

	.page.Vue_Factory .Overview.intro .btns a.b2 br
	{
		display:block;
	}
}






































/* =================================================== */
/* =================================================== */
/* =================================================== */
/* C2 Success Stories */
/* =================================================== */
/* =================================================== */
/* =================================================== */

.page.Vue_Factory .SuccessStories
{
	max-width:100%;
}

.page.Vue_Factory .SuccessStories .titleBar
{
	height:380px;
	margin-bottom:30px;
}

.page.Vue_Factory .SuccessStories .titleBar.tb1
{
	background:#0e1c30 url(css-img/contentPic1.jpg) center center no-repeat;
	background-size:cover;
}

.page.Vue_Factory .SuccessStories .titleBar.tb2
{
	background:#0e1c30 url(css-img/contentPic2.jpg) center center no-repeat;
	background-size:cover;
}

.page.Vue_Factory .SuccessStories .titleBar.tb3
{
	background:#0e1c30 url(css-img/contentPic3.jpg) center center no-repeat;
	background-size:cover;
}

.page.Vue_Factory .SuccessStories .titleBar .frame
{
	display:flex;
	align-items:center;
	max-width:1140px;
	height:380px;
	margin:0 auto;
}

.page.Vue_Factory .SuccessStories .titleBar .frame .inner
{
	max-width:600px;
}

.page.Vue_Factory .SuccessStories .titleBar.tb3 .frame .inner
{
	max-width:660px;
}

.page.Vue_Factory .SuccessStories .titleBar .bar_title
{
	font-size:36px;
	line-height:40px;
	color:#FFF;
	margin-bottom:30px;
}

.page.Vue_Factory .SuccessStories .titleBar .bar_subTTL
{
	font-size:20px;
	line-height:20px;
	color:#0099d8;
	margin-bottom:10px;
}

.page.Vue_Factory .SuccessStories .titleBar .bar_detail
{
	font-size:16px;
	line-height:24px;
	color:#FFF;
}

.page.Vue_Factory .SuccessStories .titleBar .bar_link a
{
	display:inline-block;
	font-size:18px;
	line-height:20px;
	text-decoration:none;
	color:#FFF;
	border:1px solid #FFF;
	border-radius:5px;
	padding:8px 16px;
	margin-top:20px;
}

.page.Vue_Factory .SuccessStories .titleBar .bar_link a:hover
{
	color:#333;
	background-color:#FFF
}

.page.Vue_Factory .SuccessStories .cards
{
	display:flex;
	max-width:1140px;
	margin:0 auto;
	padding-bottom:50px;
}

.page.Vue_Factory .SuccessStories .cards .w66
{
	flex:68;
}

.page.Vue_Factory .SuccessStories .cards .w33.right
{
	flex:32;
}

.page.Vue_Factory .SuccessStories .cards .w33.left
{
	flex:0.34;
}

.page.Vue_Factory .SuccessStories .cards .card_title
{
	font-size:20px;
	color:#26a1db;
	line-height:55px;
}

.page.Vue_Factory .SuccessStories .cards .inner
{
	display:flex;
	flex-wrap: wrap;
	height:calc( 100% - 55px );
}

.page.Vue_Factory .SuccessStories .cards .box
{
	position:relative;
	display:block;
	vertical-align:top;
	background-color:#EEE;
	border-radius:5px;
	margin:0;
	padding:30px;
	padding-bottom:120px;
}

.page.Vue_Factory .SuccessStories .cards .box:hover
{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}

.page.Vue_Factory .SuccessStories .cards .w66 .box:nth-child(1)
{
	width:calc( 32/68 * 100% );
	margin-right:calc( 2/68 * 100% );
}

.page.Vue_Factory .SuccessStories .cards .w66 .box:nth-child(2)
{
	width:calc( 32/68 * 100% );
}

.page.Vue_Factory .SuccessStories .cards .w33.right .box
{
	width:100%;
}

.page.Vue_Factory .SuccessStories .cards .w33.left .box
{
	width:calc( 32/34 * 100% );
}

.page.Vue_Factory .SuccessStories .cards .box .pic
{
	display:flex;
	align-items:center;
	justify-content:center;
	height:180px;
	padding-bottom:15px;
}

.page.Vue_Factory .SuccessStories .cards .box .box_title
{
	font-size:27px;
	line-height:30px;
	color:#414141;
	margin-bottom:8px;
}

.page.Vue_Factory .SuccessStories .cards .box .box_subTTL
{
	font-size:14px;
	line-height:1.3;
	color:#26a1db;
	margin-bottom:8px;
}

.page.Vue_Factory .SuccessStories .cards .box ol.box_list
{
	margin:8px 0 8px 1em;
	padding:0;
}

.page.Vue_Factory .SuccessStories .cards .box ol.box_list li
{
	list-style-type:disc !important;
	font-size:14px;
	line-height:18px;
	color:#4d4d4d;
}

.page.Vue_Factory .SuccessStories .cards .box .box_price
{
	position:absolute;
	bottom:70px;
	left:30px;
	font-size:20px;
	line-height:20px;
	color:#414141;
	margin:16px 0;
}

.page.Vue_Factory .SuccessStories .cards .box a.btn
{
	position:absolute;
	bottom:30px;
	left:30px;
	display:block;
	font-size:16px;
	line-height:38px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	width:140px;
	height:38px;
	border-radius:5px;
	background-color:#015fdf;
}

.page.Vue_Factory .SuccessStories .cards .box a.btn:hover
{
	background-color:#004bb1;
}

@media screen and (max-width: 1199px)
{
	.page.Vue_Factory .SuccessStories .titleBar .frame
	{
		max-width:90%;
	}

	.page.Vue_Factory .SuccessStories .cards
	{
		max-width:90%;
	}

	.page.Vue_Factory .SuccessStories .cards .box
	{
		padding:20px 20px 120px 20px;
	}

	.page.Vue_Factory .SuccessStories .cards .box .pic img
	{
		max-width:100%;
	}

	.page.Vue_Factory .SuccessStories .cards .box .box_title
	{
		font-size:22px;
	}

}

@media screen and (max-width: 991px)
{
	.page.Vue_Factory .SuccessStories .cards .box
	{
		padding:20px 20px 120px 20px;
	}

	.page.Vue_Factory .SuccessStories .cards .w33.left .card_title
	{
		white-space:nowrap;
	}

	.page.Vue_Factory .SuccessStories .titleBar
	{
		height:400px;
	}

	.page.Vue_Factory .SuccessStories .cards .box .pic img
	{
		/* width:100%; */
		max-width:100%;
	}

}

/* for IE11 */
@media  screen and (max-width: 991px) and (-ms-high-contrast:none)
{
	.page.Vue_Factory .SuccessStories .cards .box .pic img
	{
		width:100%;
	}
}

@media screen and (max-width: 767px)
{
	.page.Vue_Factory .SuccessStories .titleBar
	{
		margin-bottom:35px;
	}

	.page.Vue_Factory .SuccessStories .cards,
	.page.Vue_Factory .SuccessStories .cards .w66,
	.page.Vue_Factory .SuccessStories .cards .w33,
	.page.Vue_Factory .SuccessStories .cards .inner,
	.page.Vue_Factory .SuccessStories .cards .box
	{
		display:block;
		width:100% !important;
	}

	.page.Vue_Factory .SuccessStories .cards
	{
		padding-bottom:0;
	}

	.page.Vue_Factory .SuccessStories .cards .box
	{
		padding:20px 90px 120px 90px;
		margin-bottom:35px;
	}

	.page.Vue_Factory .SuccessStories .cards .box .box_price,
	.page.Vue_Factory .SuccessStories .cards .box a.btn
	{
		left:90px;
	}

	.page.Vue_Factory .SuccessStories .cards .box .pic img
	{
		width: auto;
		max-height: 180px;
	}
}

@media screen and (max-width: 580px)
{
	.page.Vue_Factory .SuccessStories .titleBar.tb1,
	.page.Vue_Factory .SuccessStories .titleBar.tb1 .frame
	{
		height:500px;
	}

	.page.Vue_Factory .SuccessStories .titleBar.tb2,
	.page.Vue_Factory .SuccessStories .titleBar.tb2 .frame
	{
		height:480px;
	}

	.page.Vue_Factory .SuccessStories .titleBar.tb3,
	.page.Vue_Factory .SuccessStories .titleBar.tb3 .frame
	{
		height:520px;
	}

	.page.Vue_Factory .SuccessStories .titleBar .bar_title
	{
		font-size:26px;
		line-height:36px;
	}

	.page.Vue_Factory .SuccessStories .cards .box
	{
		padding:20px 50px 120px 50px;
	}

	.page.Vue_Factory .SuccessStories .cards .box .box_price,
	.page.Vue_Factory .SuccessStories .cards .box a.btn
	{
		left:50px;
	}
}






































/* =================================================== */
/* =================================================== */
/* =================================================== */
/* C3 Contact an Expert */
/* =================================================== */
/* =================================================== */
/* =================================================== */

.page.Vue_Factory .ContactanExpert
{
	position:relative;
	max-width:1140px;
	height:230px;
	background-image:url(css-img/contactBg.png);
	background-size:cover;
	border-radius:10px;
	margin-bottom:70px;
}

.page.Vue_Factory .ContactanExpert .inner
{
	position:absolute;
	right:0;
	top:0;
	width:360px;
}

.page.Vue_Factory .ContactanExpert .inner p
{
	font-size:30px;
	line-height:30px;
	color:#2e2e34;
	margin:16px 0;
	padding-top:60px;
}

.page.Vue_Factory .ContactanExpert .inner a
{
	display:block;
	width:140px;
	height:38px;
	font-size:16px;
	color:#FFF;
	line-height:38px;
	background-color:#015fdf;
	border-radius:5px;
	text-align:center;
	text-decoration:none;
}

.page.Vue_Factory .ContactanExpert .inner a:hover
{
	background-color:#004bb1;
}

@media screen and (max-width: 1199px)
{
	.page.Vue_Factory .ContactanExpert
	{
		max-width:90%;
		height:200px;
	}

	.page.Vue_Factory .ContactanExpert .inner p
	{
		padding-top:40px;
	}
}

@media screen and (max-width: 991px)
{
	.page.Vue_Factory .ContactanExpert
	{
		height:150px;
	}

	.page.Vue_Factory .ContactanExpert .inner
	{
		width:300px;
	}

	.page.Vue_Factory .ContactanExpert .inner p
	{
		font-size:24px;
		line-height:24px;
		padding-top:20px;
	}
}

@media screen and (max-width: 767px)
{
	.page.Vue_Factory .ContactanExpert
	{
		height:120px;
	}

	.page.Vue_Factory .ContactanExpert .inner
	{
		width:230px;
	}

	.page.Vue_Factory .ContactanExpert .inner p
	{
		padding-top:10px;
	}
}

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

	.page.Vue_Factory .ContactanExpert
	{
		background-position:25% center;
	}

	.page.Vue_Factory .ContactanExpert .inner
	{
		position:static;
		width:100%;
		text-align:center;
	}

	.page.Vue_Factory .ContactanExpert .inner p
	{
		padding-top:20px;
		font-size:26px;
	}

	.page.Vue_Factory .ContactanExpert .inner a
	{
		display:inline-block;
	}
}