@charset "utf-8";

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

.page.VUE_Retail h1,
.page.VUE_Retail h2,
.page.VUE_Retail h3,
.page.VUE_Retail h4,
.page.VUE_Retail 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 !important;
	color:#222 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	text-shadow:none !important;
	
}

.page.VUE_Retail .sliderBanner .item .banner_btn a:nth-child(2)
{
	box-shadow:none !important;
	background:none !important;
}

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

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

.page.VUE_Retail .content
{
	width:100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* 針對iot-mart 不套公版框架時要補上*/

@media screen and (max-width: 1024px)
{
	.page.VUE_Retail
	{
		margin-top:84px
	}
}

@media screen and (max-width: 580px)
{
	.page.VUE_Retail
	{
		margin-top:69px
	}
}






























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

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

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

.page.VUE_Retail .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.VUE_Retail .sliderBanner .owl-nav button:hover
{
	background-color:transparent;
}

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

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

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

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

.page.VUE_Retail .sliderBanner .owl-dots button
{
	outline:none;
}

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

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

.page.VUE_Retail .sliderBanner .owl-carousel
{
	background-color:#f6ede6;
}

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

.page.VUE_Retail .sliderBanner .item
{
	background-color:#f6ede6;
}

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

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

/* ---------------------------------------- */
/* KV Banner */
/* ---------------------------------------- */

.page.VUE_Retail .sliderBanner
{
	margin-bottom:55px;
}

.page.VUE_Retail .content .sliderBanner
{
	overflow:hidden;
	margin:0;
	background-color:#f9efdb;
}

.page.VUE_Retail .sliderBanner .item .text
{
	position:absolute;
	left:calc( (100vw - 1200px)/2 + 10px );
	top:0;
	z-index:101;
	bottom:unset;
	display:flex;
	align-items:center;
	width:700px;
}

.page.VUE_Retail .content .sliderBanner .item .text
{
	width:550px;
}

.page.VUE_Retail .sliderBanner .item h1.banner_title
{
	font-size:36px !important;
	line-height:44px !important;
	font-weight:bold !important;
	color:#2C2C2C !important;
	margin:0 0 10px 0 !important;
	padding:0 !important;
	border:0 !important;
}

.page.VUE_Retail .content .sliderBanner .item h2.banner_title
{
	font-size:26px !important;
	line-height:36px !important;
	font-weight:normal !important;
	color:#2c2c2c !important;
	margin:0 0 25px 0 !important;
	border:0 !important;
}

.page.VUE_Retail .sliderBanner .item h3.banner_subTTL
{
	font-size:18px !important;
	line-height:21px !important;
	color:#727272 !important;
	margin:0 0 50px 0 !important;
	padding:0 !important;
	border:0 !important;
}

.page.VUE_Retail .content .sliderBanner .item h3.banner_subTTL
{
	font-size:18px !important;
	line-height:18px !important;
	font-weight:normal !important;
	color:#ff9a00 !important;
	margin:0 0 0 0 !important;
	border:0 !important;
}

.page.VUE_Retail .content .sliderBanner .item p.banner_text
{
	font-size:14px !important;
	line-height:24px !important;
	font-weight:normal !important;
	color:#727272 !important;
	margin:10px 0 25px 0 !important;
}

.page.VUE_Retail .sliderBanner .item .banner_btn a,
.page.VUE_Retail .sliderBanner .item .banner_btn a.specialBtn
{
	display:inline-block;
	font-size:14px;
	line-height:20px;
	color:#FFF !important;
	text-align:center;
	text-decoration:none;
	padding:12px 23px;
	border-radius:5px;
	border:1px solid #ff9a00;
	background-color:#ff9a00 !important;
	vertical-align:middle;
}

.page.VUE_Retail .sliderBanner .item .banner_btn a.specialBtn h5,
.page.VUE_Retail .sliderBanner .item .banner_btn a.specialBtn p
{
	text-align:left;
	color:#FFF !important;
	line-height:17px !important;
}

.page.VUE_Retail .sliderBanner .item .banner_btn a.specialBtn
{
	position:relative;
	padding:5px 50px 5px 23px;
}

.page.VUE_Retail .sliderBanner .item .banner_btn a.specialBtn h5
{
	font-size:20px !important;
}

.page.VUE_Retail .sliderBanner .item .banner_btn a.specialBtn img
{
	position:absolute;
	top:10px;
	right:10px;
}

.page.VUE_Retail .sliderBanner .item .banner_btn a:hover,
.page.VUE_Retail .sliderBanner .item .banner_btn a.specialBtn:hover
{
	background-color:#ff7800 !important;
}

.page.VUE_Retail .sliderBanner .item .banner_btn a:nth-child(2)
{
	color:#ff9a00!important;
	border:1px solid #ff9a00;
	background-color:transparent!important;
}
.page.VUE_Retail .sliderBanner .item .banner_btn a.ba_white:hover
{
	color:#FFF!important;
	background-color:#ff7800!important;
}

.page.VUE_Retail .overview .btns a:hover
{
	color:#FFF;
	background-color:#ff7800;
}

@media screen and (max-width: 1199px)
{
	.page.VUE_Retail .sliderBanner .item .text
	{
		left:20px;
	}
	.page.VUE_Retail .sliderBanner .item .bg img
	{
		left:60%;
		transform: translate(-60%,0);
	}
}

@media screen and (max-width: 991px)
{
	.page.VUE_Retail .sliderBanner .item .text
	{
		width:550px;
		text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.8);
	}
	.page.VUE_Retail .sliderBanner .item .bg img
	{
		left:65%;
		transform: translate(-65%,0);
	}
}

@media screen and (max-width: 767px)
{
	.page.VUE_Retail .content .sliderBanner .item .text
	{
		width:450px;
	}
	.page.VUE_Retail .sliderBanner .item .text
	{
		width:70%;
	}
	.page.VUE_Retail .content .sliderBanner .item  h2.banner_title
	{
		font-size:26px !important;
		line-height:1.3 !important;
		margin:0 0 10px 0 !important;
	}
	.page.VUE_Retail .sliderBanner .item .bg
	{
		/*opacity:0.3;*/
	}
	.page.VUE_Retail .sliderBanner .item .bg img
	{
		left:70%;
		transform: translate(-70%,0);
	}
	.page.VUE_Retail .content .sliderBanner .item .banner_btn a
	{
		line-height:16px;
		padding:12px 23px;
	}
	.page.VUE_Retail .sliderBanner .item .banner_btn a:nth-child(2)
	{
		background-color:#FFF;
	}
	.page.VUE_Retail .content .sliderBanner .item .banner_btn a:nth-child(1)
	{
		margin-bottom:10px;
	}

	.page.VUE_Retail .sliderBanner .item .banner_btn a.specialBtn
	{
		padding:5px 50px 5px 10px;
	}
}

@media screen and (max-width: 580px)
{
	.page.VUE_Retail .sliderBanner .item .text
	{
		width:90% !important;
	}

	.page.VUE_Retail .sliderBanner .item .bg img
	{
		opacity:0.4;
	}
}































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

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

.page.VUE_Retail .menuFrame.fixed
{
	position:fixed;
	top:0 !important;
	background-color:rgba(0,0,20,0.9);
}

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

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

.page.VUE_Retail .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_Retail .menuFrame ul li a:hover
{
	color:#CCC;
}

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

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

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

.page.VUE_Retail .menuFrame .left.openMenu,
.page.VUE_Retail .menuFrame .right.contact
{
	display:none;
}

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

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

}

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

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

	.page.VUE_Retail .menuFrame .left.openMenu
	{
		display:block;
		width: calc( 100% - 120px );
		float:left;
		padding-left:20px;
	}

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

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

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

	.page.VUE_Retail .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_Retail .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_Retail .menuFrame ul li
	{
		display:block;
	}

	.page.VUE_Retail .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_Retail .menuFrame ul li:last-child a
	{
		border-bottom:2px solid #385572;
	}

	.page.VUE_Retail .menuFrame ul li a span.far
	{
		display:block;
		float:right;
		margin-top:15px;
	}
}

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

}

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

}

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

}


































/* =================================================== */
/* =================================================== */
/* =================================================== */
/* overview */
/* =================================================== */
/* =================================================== */
/* =================================================== */

.page.VUE_Retail .overview .inner
{
	width:100%;
	max-width:820px;
	text-align:center;
	padding:70px 0 50px 0;
	margin:0 auto;
}

.page.VUE_Retail .overview .inner .inner_title
{
	font-size: 26px !important;
	line-height: 36px !important;
	font-weight: normal !important;
	color: #2c2c2c !important;
	margin: 0 0 25px 0 !important;
	border: 0 !important;
}

.page.VUE_Retail .overview p
{
	font-size:14px;
	line-height:24px;
	color:#727272;
	margin:0 0 30px 0;
}

.page.VUE_Retail .overview .btns
{
	text-align:center;
}

.page.VUE_Retail .overview .btns a
{
	display:inline-block;
	color:#FFF;
	font-size:14px;
	line-height:20px;
	text-decoration: none;
	padding:12px 23px;
	margin:0 12px;
	border-radius:5px;
	background-color:#ff9a00;
}

.page.VUE_Retail .overview .btns a:hover
{
	background-color:#ff7200;
}

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

}

@media screen and (max-width: 991px)
{
	.page.VUE_Retail .overview .inner
	{
		max-width:720px;
	}
}

@media screen and (max-width: 767px)
{
	.page.VUE_Retail .overview .inner
	{
		max-width:90%;
	}

	.page.VUE_Retail .overview .btns a
	{
		width:100%;
		margin:0;
	}

	.page.VUE_Retail .overview .btns a:nth-child(1)
	{
		margin-bottom:16px;
	}
}

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

}






































/* =================================================== */
/* =================================================== */
/* =================================================== */
/* content */
/* =================================================== */
/* =================================================== */
/* =================================================== */

.page.VUE_Retail .content
{
	background-color:#faf6f2;
}

.page.VUE_Retail .content > .inner
{
	padding-bottom:50px;
}

.page.VUE_Retail .content > .inner > h2
{
	font-size:26px !important;
	font-weight:normal !important;
	line-height:1 !important;
	color:#2C2C2C !important;
	text-align:center;
	padding:50px 0 40px 0 !important;
	margin:0 !important;
}

.page.VUE_Retail .content > .inner ul.titleList
{
	display:block;
	width:100%;
	font-size:14px;
	color:#4f4f4f;
	line-height:20px;
	border-top:1px solid #a68366;
	margin:0 !important;
	padding:40px 20px 40px 40px !important;
}

.page.VUE_Retail .content > .inner ul.titleList li
{
	list-style-type:disc !important;
}

.page.VUE_Retail .content .inner .d-flex
{
	display:flex;
	align-items:stretch;
	justify-content:space-between;
}

.page.VUE_Retail .content .inner .d-flex .frame
{
	height:100%;
	margin:0;
}

.page.VUE_Retail .content .frame
{
	display:flex;
	border-radius:5px;
	border:1px solid #ff9a00;
	background-color:#FFF;
	padding:25px 0;
}

.page.VUE_Retail .content .frame + .frame
{
	margin-top:10px;
}

.page.VUE_Retail .content .frame.column1
{
	width:50%;
}

.page.VUE_Retail .content .frame.column3-1
{
	width:33%;
}

.page.VUE_Retail .content .frame.column3-2
{
	width:65%;
}

.page.VUE_Retail .content .frame .box
{
	position:relative;
	flex:1 1 0%;
	border-right:1px solid #e5e5e5;
}

.page.VUE_Retail .content .frame .box.rightOrangeLine
{
	border-color:#ff9a00;

}

.page.VUE_Retail .content .frame .box .box-inner
{
	padding:0 25px 100px 25px;
}

.page.VUE_Retail .content .frame .box:last-child
{
	border-right:0;
}

.page.VUE_Retail .content .frame .box h4
{
	font-size:16px !important;
	font-weight:normal !important;
	line-height:20px !important;
	color:#ff9a00 !important;
	margin-bottom:10px;
	margin:0 0 20px 0 !important;
}

.page.VUE_Retail .content .frame .box .pic
{
	text-align:center;
}

.page.VUE_Retail .content .frame .box .pic img
{
	width:100%;
	max-width:300px;
}

.page.VUE_Retail .content .frame .box h3
{
	font-size:18px !important;
	font-weight:normal !important;
	line-height:1 !important;
	color:#a68366 !important;
	margin:0 !important;
}

.page.VUE_Retail .content .frame .box h5
{
	font-size:14px !important;
	font-weight:bold !important;
	line-height:2 !important;
	color:#303030;
	margin:0 !important;
}

.page.VUE_Retail .content .frame .box ul
{
	margin:0 !important;
	padding:0 0 0 20px !important;
}

.page.VUE_Retail .content .frame .box ul li
{
	list-style-type:disc !important;
	font-size:14px !important;
	font-weight:normal !important;
	line-height:18px !important;
	color:#727272;
	margin:0 !important;
}

.page.VUE_Retail .content .frame .box .i2,
.page.VUE_Retail .content .frame .box .i3
{
	display:none;
}

.page.VUE_Retail .content .frame .box .changeItem
{
	margin-top:25px;
}

.page.VUE_Retail .content .frame .box .changeItem a
{
	display:inline-block;
	width:100px;
	font-size:14px;
	line-height:25px;
	text-align:center;
	text-decoration:none;
	color:#ff9a00;
	border:1px solid #ff9a00;
}

.page.VUE_Retail .content .frame .box .changeItem a:hover
{
	color:#FFF;
	background-color:#ff9a00;
}

.page.VUE_Retail .content .frame .box .bottomBox
{
	position:absolute;
	left:25px;
	bottom:0;
}

.page.VUE_Retail .content .frame .box .bottomBox p,
.page.VUE_Retail .content .frame .box .bottomBox .Price
{
	font-size:20px !important;
	font-weight:normal !important;
	line-height:20px !important;
	color:#414141;
	margin:0 0 15px 0 !important;
}

.page.VUE_Retail .content .frame .box .bottomBox a
{
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	padding: 10px 40px;
	border-radius: 5px;
	border: 1px solid #ff9a00;
	background-color: #ff9a00;
}

.page.VUE_Retail .content .frame .box .bottomBox a:hover
{
	border: 1px solid #ff7800;
	background-color: #ff7800;
}

/* for IE11 */
@media  screen and (max-width: 991px) and (-ms-high-contrast:none)
{

}

@media screen and (max-width: 1199px)
{
	.page.VUE_Retail .content .inner
	{
		width:96%;
		margin:0 auto;
	}

	.page.VUE_Retail .content .frame .box .box-inner
	{
		padding:0 15px 100px 15px;
	}
}

@media screen and (max-width: 991px)
{
	.page.VUE_Retail .content .frame
	{
		display:block;
	}

	.page.VUE_Retail .content .frame.column1,
	.page.VUE_Retail .content .frame.column3-1,
	.page.VUE_Retail .content .frame.column3-2
	{
		width:100%;
	}

	.page.VUE_Retail .content .frame .box
	{
		width:480px;
		margin:0 auto;
		border:0;
		border-bottom:1px solid #e5e5e5;
	}

	.page.VUE_Retail .content .inner .d-flex
	{
		display:block;
	}

	.page.VUE_Retail .content .inner .d-flex .frame ~ .frame
	{
		margin-top:10px;
	}

	.page.VUE_Retail .content .frame .box .box-inner
	{
		padding:25px 25px 125px 25px;
	}

	.page.VUE_Retail .content .frame .box:last-child
	{
		border-bottom:0;
	}

	.page.VUE_Retail .content .frame .box .bottomBox
	{
		bottom:25px;
	}
}

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

}

@media screen and (max-width: 580px)
{
	.page.VUE_Retail .content .frame .box
	{
		width:320px;
	}
}






































/* =================================================== */
/* =================================================== */
/* =================================================== */
/* resources */
/* =================================================== */
/* =================================================== */
/* =================================================== */

.page.VUE_Retail .resources
{
	/**/
}

.page.VUE_Retail .resources .inner
{
	width:1200px;
	margin:0 auto;
	text-align:center;
}

.page.VUE_Retail .resources .inner > h2
{
	font-size:26px !important;
	font-weight:normal !important;
	line-height:1 !important;
	color:#2c2c2c !important;
	margin:0;
	padding:50px 0 40px 0 !important;
}

.page.VUE_Retail .resources .box-outter
{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	padding-bottom:30px;
}

.page.VUE_Retail .resources .box
{
	flex:0 0 30%;
	position:relative;
	width:365px;
	height:455px;
	border-radius:5px;
	background-color:#faf6f2;
	vertical-align:top;
	margin-bottom:20px;
	padding:60px 25px 70px 25px;
}

.page.VUE_Retail .resources .box:nth-child(n+4)
{
	height:480px;
}

.page.VUE_Retail .resources .box:nth-child(3n-1)
{
	margin:0 20px;
}

.page.VUE_Retail .resources .box p
{
	width:300px;
	font-size:14px;
	line-height:20px;
	color:#727272;
	text-align:center;
	padding-top:40px;
	margin:0 auto;
}

.page.VUE_Retail .resources .box a
{
	position:absolute;
	left:calc( (100% - 285px)/2 );
	bottom:35px;
	display: block;
	width:285px;
	font-size: 14px;
	line-height:35px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	border: 1px solid #ff9a00;
	background-color: #ff9a00;
	padding:0;
	margin:0 auto;
}

.page.VUE_Retail .resources .box a:hover
{
	border: 1px solid #ff7800;
	background-color: #ff7800;
}

.page.VUE_Retail .resources .box .pic
{
	/**/
}

.page.VUE_Retail .resources .box .pic img
{
	/**/
}

@media screen and (max-width: 1199px)
{
	.page.VUE_Retail .resources .inner
	{
		width:96%;
	}
	.page.VUE_Retail .resources .box-outter
	{
		justify-content:space-between;
	}
	.page.VUE_Retail .resources .box
	{
		flex:0 0 49%;
		height:480px;
		margin:0 0 20px 0 !important;
	}
}

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

@media screen and (max-width: 767px)
{
	.page.VUE_Retail .resources .box-outter
	{
		display:block;
	}
	.page.VUE_Retail .resources .box
	{
		width:100%;
	}
}

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

}






































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

.page.VUE_Retail .contactAnExpert
{
	margin-bottom:70px;
}

.page.VUE_Retail .contactAnExpert .inner
{
	position:relative;
	width:100%;
	max-width:1200px;
	height:230px;
	background-image:url(css-img/contactBg.png);
	background-size:cover;
	border-radius:5px;
	margin:0 auto;
}

.page.VUE_Retail .contactAnExpert .inner .text
{
	position:absolute;
	right:0;
	top:60px;
	width:360px;
}

.page.VUE_Retail .contactAnExpert .inner h2
{
	font-size:26px !important;
	font-weight:normal !important;
	line-height:30px !important;
	color:#2e2e34 !important;
	margin:16px 0 !important;
}

.page.VUE_Retail .contactAnExpert .inner a
{
	display:block;
	width:140px;
	height:38px;
	font-size:14px;
	color:#FFF;
	line-height:38px;
	background-color:#ff9a00;
	border: 1px solid #ff9a00;
	border-radius:5px;
	text-align:center;
	text-decoration:none;
	padding:0;
	margin:0;
}

.page.VUE_Retail .contactAnExpert .inner a:hover
{
	border: 1px solid #ff7800;
	background-color: #ff7800;
}

@media screen and (max-width: 1199px)
{
	.page.VUE_Retail .contactAnExpert
	{
		max-width:96%;
		margin:0 auto 70px auto;
	}

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

@media screen and (max-width: 991px)
{
	.page.VUE_Retail .contactAnExpert .inner .text
	{
		width:230px;
	}
}

@media screen and (max-width: 767px)
{
	.page.VUE_Retail .contactAnExpert .inner
	{
		height:120px;
	}

	.page.VUE_Retail .contactAnExpert .inner .text
	{
		top:20px;
	}

	.page.VUE_Retail .contactAnExpert .inner h2
	{
		margin:5px 0 !important;
	}
}

@media screen and (max-width: 580px)
{
	.page.VUE_Retail .contactAnExpert .inner
	{
		background-position:25% center;
	}
}