@charset "utf-8";

 * {
	 box-sizing: border-box;
}

.row-maxwidth-95pct {
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
}

/* Widge 不能用 H1, H2 */

#wEi52 h1,
#wEi52 h2,
#wEi52 h3,
#wEi52 h4,
#wEi52 h5,
#wEi52 h6
{
	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.2 !important;
	color:#222 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	text-shadow:none !important;
	box-shadow:none !important;
	background:none !important;
}

/* for IE 11 */
@media all and (-ms-high-contrast:none)
{

}

/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* main */
/* ======================================================================== */


#wEi52
{
	font-family: 'Open Sans', Arial, '微軟正黑體', "新細明體", sans-serif;
	max-width:1200px;
}

/* Widge 不能用 H1, H2 */

#wEi52 h1 {font-size:99px !important;}
#wEi52 h2 {font-size:99px !important;}
#wEi52 h3 {font-size:18px !important;}
#wEi52 h4 {font-size:16px !important;}
#wEi52 h5 {font-size:14px !important;}
#wEi52 p {font-size:14px;}

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

#wEi52 .main
{
	padding:0 20px 50px 20px;
	background:#004280 url(css-img/kv_bg.jpg) top center no-repeat;
}

#wEi52 .main .title
{
	font-size:42px !important;
	font-weight:bold !important;
	color:#FFF !important;
	text-align:center;
	padding:60px 0 10px 0 !important;
	line-height:1.5em;
}

#wEi52 .main .subTitle
{
	font-size:26px !important;
	font-weight:bold !important;
	color:#FFF !important;
	text-align:center;
	padding-bottom:50px !important;
}

#wEi52 .main .kv
{
	display:flex;
	align-items:center;
	width:100%;
	max-width:900px;
	margin:0 auto;
	padding-bottom:50px;
}

#wEi52 .main .kv .pic,
#wEi52 .main .kv .text
{
	flex:1;
}

#wEi52 .main .kv .pic
{
	padding-right:40px;
}

#wEi52 .main .kv .pic img
{
	width:100%;
	max-width:400px;
}

#wEi52 .main .kv .text h3
{
	color:#FFF !important;
	font-size:18px !important;
	text-align:left;
	padding-bottom:10px !important;
}

#wEi52 .main .kv .text ul
{
	margin-bottom:25px;
}

#wEi52 .main .kv .text ul li
{
	color:#FFF;
	font-size:14px !important;
	line-height:20px;
	margin-left:20px;
	list-style-type:disc !important;
}

#wEi52 .main .icons
{
	margin:0 auto;
	text-align:center;
	padding-bottom:60px;
}

#wEi52 .main .icons > div
{
	display:inline-block;
	width:100%;
	max-width:350px;
	text-align:center;
}

#wEi52 .main .icons .icon2
{
	border-left:1px solid rgba(255,255,255,0.3);
	border-right:1px solid rgba(255,255,255,0.3);
}

#wEi52 .main .icons > div img
{
	height:95px;
	width:auto;
	margin-bottom:-10px;
}

#wEi52 .main .icons > div p
{
	color:#FFF;
	font-size:18px;
}

#wEi52 .main .youtube
{
	text-align:center;
	padding-bottom:50px;
}

#wEi52 .main .btns
{
	text-align:center;
}

#wEi52 .main .btns a
{
	display:inline-block;
	width:320px;
	height:60px;
	border-radius:30px;
	font-size:18px;
	font-weight:bold;
	color:#008cd6;
	line-height:60px;
	text-align:left;
	text-decoration:none;
	padding:0 20px;
	margin:0 20px;
	background-color:#FFF;
	border:1px solid #008cd6;
}

#wEi52 .main .btns a:hover
{
	color:#FFF;
	background-color:#008cd6;
}

#wEi52 .main .btns a i
{
	font-size:28px;
	vertical-align:middle;
	margin-right:10px;
}

@media screen and (max-width:1199px)
{
	#wEi52 .main .icons > div
	{
		width:unset;
		max-width:unset;
		padding:0 10px;
	}
}

@media screen and (max-width:991px)
{
	#wEi52 .main .icons > div
	{
		display:block;
		border:0 !important;
		margin-bottom:30px;
	}
	#wEi52 .main .btns a
	{
		display:block;
		margin:0 auto;
	}
	#wEi52 .main .btns a:nth-child(1)
	{
		margin-bottom:30px;
	}
}

@media screen and (max-width:810px)
{
	#wEi52 .main .youtube iframe
	{
		width:100% !important;
		height:calc( (95vw - 40px) * 315 / 560 ) !important;
	}
}

@media screen and (max-width:767px)
{
	#wEi52 .main .kv
	{
		display:block;
		width:90%;
		padding-bottom:20px;
	}
	#wEi52 .main .kv .pic
	{
		padding:0 0 30px 0;
		text-align:center;
	}
	#wEi52 .main .icons
	{
		padding-bottom:30px;
	}
	
}

@media screen and (max-width:479px)
{
	#wEi52 .main .btns a
	{
		width:calc( 95vw - 40px );
		padding:0 10px;
	}
}

/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* possibilities */
/* ======================================================================== */

#wEi52 .possibilities
{
	padding:60px 20px 80px 20px;
}

#wEi52 .possibilities .inner
{
	width:100%;
	max-width:1140px;
	margin:0 auto;
}

#wEi52 .possibilities .title
{
	color:#222 !important;
	font-size:26px !important;
	font-weight:bold !important;
	text-align:center;
	margin-bottom:50px !important;
}

#wEi52 .possibilities .boxs
{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	margin:0 auto;
}

#wEi52 .possibilities .boxs .box
{
	width:100%;
	max-width:360px;
	overflow:hidden;
	border-radius:5px;
	background-color:#004280;
}

#wEi52 .possibilities .boxs .box .pic
{
	width:100%;
	height:190px;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
}

#wEi52 .possibilities .boxs .box:nth-child(1) .pic
{
	background:url(css-img/possibilities1.jpg) center center no-repeat;
	background-size:360px 190px;
}

#wEi52 .possibilities .boxs .box:nth-child(2) .pic
{
	background:url(css-img/possibilities2.jpg) center center no-repeat;
	background-size:360px 190px;
}

#wEi52 .possibilities .boxs .box:nth-child(3) .pic
{
	background:url(css-img/possibilities3.jpg) center center no-repeat;
	background-size:360px 190px;
}

#wEi52 .possibilities .boxs .box .pic:hover
{
	background-size:380px 200px;
}

#wEi52 .possibilities .boxs .box .text
{
	position: relative;;
	width:100%;
	height:210px;
	text-align:center;
	padding:20px;
}

#wEi52 .possibilities .boxs .box .text h3
{
	color:#FFF !important;
	margin-bottom:15px !important;
}

#wEi52 .possibilities .boxs .box .text ul
{
	display:inline-block;
	margin-bottom:20px;
	margin-right:50px;
	
}

#wEi52 .possibilities .boxs .box .text ul li
{
	color:#FFF;
	font-size:14px !important;
	line-height:20px;
	margin-left:20px;
	list-style-type:disc !important;
	text-align:left;
}

#wEi52 .possibilities .boxs .box .text a
{
	position: absolute;
	bottom:20px;
	left:calc( 50% - 70px );
	display:block;
	width:140px;
	height:40px;
	color:#008cd6;
	font-size:16px;
	line-height:40px;
	text-align:center;
	border-radius:20px;
	border:1px solid #008cd6;
	background-color:#FFF;
	text-decoration:none;
	margin:0 auto;
}

#wEi52 .possibilities .boxs .box .text a:hover
{
	color:#FFF;
	background-color:#008cd6;
}

@media screen and (max-width:1199px)
{
	#wEi52 .possibilities .boxs .box
	{
		max-width:32%;
	}
}

@media screen and (max-width:991px)
{
	#wEi52 .possibilities .boxs .box .text
	{
		height:250px;
	}
}

@media screen and (max-width:767px)
{
	#wEi52 .possibilities
	{
		padding-bottom:30px;
	}
	#wEi52 .possibilities .boxs
	{
		display:block;
	}
	#wEi52 .possibilities .boxs .box
	{
		width:100%;
		max-width:360px;
		margin:0 auto 30px auto;
	}
	#wEi52 .possibilities .boxs .box .text
	{
		height:210px;
	}
}

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

}

/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* cloud */
/* ======================================================================== */

#wEi52 .cloud
{
	margin-bottom:60px;
	background:#ebfaff url(css-img/cloud_bg.jpg) top center no-repeat;
}

#wEi52 .cloud .mainpic
{
	display:flex;
	height:450px;
	align-items:center;
}

#wEi52 .cloud .mainpic .text
{
	display:flex;
	align-items:center;
	flex:1;
	width:100%;
	min-height:220px;
	background:url(css-img/cloud_title_bg.png) right center no-repeat;
	background-size:cover;
}

#wEi52 .cloud .mainpic .text .inner
{
	padding:20px 100px 20px 30px;
}
#wEi52 .cloud .mainpic .text .title
{
	color:#FFF !important;
	font-size:26px !important;
	font-weight:bold !important;
	margin-bottom:15px !important;
}

#wEi52 .cloud .mainpic .text p
{
	color:#FFF;
	font-size:14px !important;
}

#wEi52 .cloud .mainpic .pic
{
	flex:1;
}

#wEi52 .cloud .mainpic .pic img
{
	width:100%;
	max-width:560px;
	height:auto;
}

#wEi52 .cloud .productTTL
{
	display:flex;
	align-items:center;
	min-height:140px;
	padding-bottom:20px;
}

#wEi52 .cloud .productTTL .title
{
	flex:2;
	color:#7b1d7a;
	font-size:26px;
	font-weight:bold;
}

#wEi52 .cloud .productTTL .logo
{
	flex:1;
	text-align:center;
}

#wEi52 .cloud .productTTL .logo img
{
	display:block;
	width:100%;
	margin:0 auto 10px auto;
}

#wEi52 .cloud .productTTL .logo.L1 img
{
	max-width:220px;
}

#wEi52 .cloud .productTTL .logo.L2 img
{
	max-width:255px;
}

#wEi52 .cloud .productTTL .logo span
{
	display:block;
	color:#4d4d4d;
	font-size:14px;
}

#wEi52 .cloud .inner
{
	padding:0 20px;
}

#wEi52 .cloud .boxs
{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	width:100%;
	max-width:1140px;
	margin:0 auto;
}

#wEi52 .cloud .boxs.boxs.b1
{
	border-bottom:3px solid #cce1f1;
	padding-bottom:65px;
}

#wEi52 .cloud .boxs.boxs.b2
{
	padding-bottom:30px;
}

#wEi52 .cloud .boxs .box
{
	width:100%;
	max-width:360px;
	overflow:hidden;
	border-radius:5px;
}

#wEi52 .cloud .boxs.boxs.b1 .box
{
	background-color:#FFF;
}

#wEi52 .cloud .boxs .box .pic
{
	width:100%;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
}

#wEi52 .cloud .boxs.b1 .box .pic
{
	height:190px;
}

#wEi52 .cloud .boxs.b2 .box .pic
{
	height:260px;
}

#wEi52 .cloud .boxs.b1 .box:nth-child(1) .pic
{
	background:url(css-img/cloud1.jpg) center center no-repeat;
	background-size:360px 190px;
}

#wEi52 .cloud .boxs.b1 .box:nth-child(2) .pic
{
	background:url(css-img/cloud2.jpg) center center no-repeat;
	background-size:360px 190px;
}

#wEi52 .cloud .boxs.b1 .box:nth-child(3) .pic
{
	background:url(css-img/cloud3.jpg) center center no-repeat;
	background-size:360px 190px;
}

#wEi52 .cloud .boxs.b2 .box:nth-child(1) .pic
{
	background:url(css-img/cloud4.png) center center no-repeat;
	background-size:360px 260px;
}

#wEi52 .cloud .boxs.b2 .box:nth-child(2) .pic
{
	background:url(css-img/cloud5.png) center center no-repeat;
	background-size:360px 260px;
}

#wEi52 .cloud .boxs.b2 .box:nth-child(3) .pic
{
	background:url(css-img/cloud6.png) center center no-repeat;
	background-size:360px 260px;
}

#wEi52 .cloud .boxs.b1 .box .pic:hover
{
	background-size:380px 200px;
}

#wEi52 .cloud .boxs.b2 .box .pic:hover
{
	background-size:380px 274px;
}

#wEi52 .cloud .boxs .box .text
{
	position: relative;;
	width:100%;
	height:210px;
	text-align:center;
	padding:20px;
}

#wEi52 .cloud .boxs .box .text p
{
	color:#004280 !important;
	font-size:18px;
	font-weight:bold;
	margin-bottom:15px;
}

#wEi52 .cloud .boxs .box .text ul
{
	display:inline-block;
	margin-bottom:20px;
}

#wEi52 .cloud .boxs .box .text ul li
{
	color:#4d4d4d;
	font-size:14px !important;
	line-height:20px;
	margin-left:20px;
	list-style-type:disc !important;
	text-align:left;
}

@media screen and (max-width:1199px)
{
	#wEi52 .cloud .boxs .box
	{
		max-width:32%;
	}
	#wEi52 .cloud .boxs.b1 .box .pic
	{
		width:100%;
		height:calc( ( 95vw - 40px ) * 0.32 * 19 / 36 );
		background-size:100% 100% !important;
	}
	#wEi52 .cloud .boxs.b2 .box .pic
	{
		width:100%;
		height:calc( ( 95vw - 40px ) * 0.32 * 26 / 36 );
		background-size:100% 100% !important;
	}
	#wEi52 .cloud .boxs .box .pic:hover
	{
		background-size:110% 110% !important;
	}
	#wEi52 .cloud .boxs .box .text
	{
		height:230px;
	}
}

@media screen and (max-width:991px)
{
	#wEi52 .cloud .boxs .box .text
	{
		height:270px;
	}
}

@media screen and (max-width:800px)
{
	#wEi52 .cloud .boxs .box .text
	{
		height:320px;
	}
}

@media screen and (max-width:767px)
{
	#wEi52 .cloud .mainpic
	{
		display:block;
		height:unset;
		padding-top:50px;
	}
	#wEi52 .cloud .mainpic .text
	{
		width:95%;
	}
	#wEi52 .cloud .mainpic .text .inner
	{
		padding:10px 60px 10px 10px;
	}
	#wEi52 .cloud .mainpic .pic
	{
		text-align:center;
		padding:30px 0;
	}
	#wEi52 .cloud .mainpic .pic img
	{
		width:90%;
	}
	#wEi52 .cloud .productTTL
	{
		display:block;
		padding:30px 0;
	}
	#wEi52 .cloud .productTTL .title
	{
		margin-bottom:30px;
	}
	#wEi52 .cloud .boxs
	{
		display:block;
		padding-bottom:30px;
	}
	#wEi52 .cloud .boxs .box
	{
		width:100%;
		max-width:360px;
		margin:0 auto 30px auto;
	}
	#wEi52 .cloud .boxs.b1 .box .pic
	{
		height:190px;
	}
	#wEi52 .cloud .boxs.b2 .box .pic
	{
		height:260px;
	}
	#wEi52 .cloud .boxs .box .text
	{
		height:210px;
	}
}

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

}







/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* features */
/* ======================================================================== */

#wEi52 .features
{
	margin-bottom:60px;
}

#wEi52 .features .title
{
	font-size:18px !important;
	font-weight:bold !important;
	padding-left:20px !important;
	line-height:40px !important;
	background-color:#ecf2f7 !important;
	margin-bottom:40px !important;
}

#wEi52 .features .specVideoTable
{
	width:calc( 100% - 80px );
	margin:0 auto;
}

#wEi52 .features .specVideoTable .featuresTable
{
	position:relative;
	margin-bottom:35px;
}

#wEi52 .features .specVideoTable .featuresTable.mobile
{
	display:none;
}

#wEi52 .features .specVideoTable .featuresTable.desktop .infoTable
{
	overflow-y:hidden;
}

#wEi52 .features .specVideoTable .featuresTable table
{
	background-color:#FFF;
	border-collapse:collapse;
}

#wEi52 .features .specVideoTable .featuresTable.desktop .infoTable table
{
	width:100%;
	margin:0;
	padding:0;
	border-collapse:collapse;
	border:1px solid #e8e8e8;
}

#wEi52 .features .specVideoTable .featuresTable tbody tr:nth-child(odd)
{
	background-color:#F7F7F7;
}

#wEi52 .features .specVideoTable .featuresTable tbody th,
#wEi52 .features .specVideoTable .featuresTable tbody td
{
	color:#575757;
	font-size:13px;
	line-height:1.3 !important;
	vertical-align:middle;
	height:35px;
	white-space:nowrap;
	padding:10px;
	border-top:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
}

#wEi52 .features .specVideoTable .featuresTable tbody th
{
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	background-color:#004280;
}

#wEi52 .features .specVideoTable .featuresTable tbody th:nth-child(2)
{
	background-color:#004280;
}

#wEi52 .features .specVideoTable .featuresTable .infoTable table td:nth-child(1),
#wEi52 .features .specVideoTable .featuresTable .coverMenu table td:nth-child(1)
{
	width:200px;
	color:#231815;
	font-weight:bold;
	/* background-color:#DDD; */
}

#wEi52 .features .specVideoTable .featuresTable .infoTable table td:nth-child(2)
{
	/*padding-left:40px;*/
	/*background:url(css-img/table_checked.png) no-repeat 10px center;*/
}

#wEi52 .features .specVideoTable .featuresTable tbody td ul
{
	margin-left:10px;
}

#wEi52 .features .specVideoTable .featuresTable tbody td ul li
{
	list-style-type:disc !important;
	line-height:1.3 !important;
}

#wEi52 .features .specVideoTable .featuresTable table td i
{
	font-size:25px;
	color:#7c509d;
	vertical-align:middle;
}

#wEi52 .features .specVideoTable .featuresTable .coverMenu
{
	position:absolute;
	left:0;
	top:0;
	z-index:11;
}

#wEi52 .features .specVideoTable .blocks
{
	display:flex;
	align-items:flex-start;
}

#wEi52 .features .specVideoTable .blocks .box
{
	flex:1;
	border-radius:5px;
	background-color:#F7F7F7;
	margin:8px;
}

#wEi52 .features .specVideoTable .blocks .box:first-child
{
	margin-left:0;
}

#wEi52 .features .specVideoTable .blocks .box:last-child
{
	margin-right:0;
}

#wEi52 .features .specVideoTable .blocks .box img
{
	display:block;
	height:80px;
	width:auto;
	margin:20px auto;
}

#wEi52 .features .specVideoTable .blocks .box span
{
	display:block;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}

#wEi52 .features .machine
{
	display:flex;
	align-items:flex-start;
}

#wEi52 .features .machine .box
{
	flex:1;
	text-align:center;
}

#wEi52 .features .machine .box h3
{
	font-size:18px !important;
	margin:25px 0 !important;
}

#wEi52 .features .machine .box img
{
	width:100%;
	max-width:450px;
	height:auto;
}

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

}

@media screen and (max-width:991px)
{
	#wEi52 .features .specVideoTable
	{
		width:calc( 100% - 60px ) !important;
	}
}

@media screen and (max-width:767px)
{
	#wEi52 .features .specVideoTable .featuresTable.desktop
	{
		display:none;
	}

	#wEi52 .features .specVideoTable .featuresTable.mobile
	{
		display:block;
	}

	#wEi52 .features .specVideoTable .featuresTable.desktop .infoTable table td:nth-child(1),
	#wEi52 .features .specVideoTable .featuresTable.desktop .coverMenu table td:nth-child(1)
	{
		width:100px !important;
		white-space:pre-wrap !important;
	}

	#wEi52 .features .specVideoTable .featuresTable.mobile table
	{
		width:100%;
	}

	#wEi52 .features .specVideoTable .featuresTable tbody th:nth-child(1)
	{
		background-color:#004280;
		width:60%;
	}

	#wEi52 .features .specVideoTable .featuresTable tbody th:nth-child(2)
	{
		background-color:#898989;
		width:40%;
	}

	#wEi52 .features .specVideoTable .featuresTable tbody th,
	#wEi52 .features .specVideoTable .featuresTable tbody td
	{
		white-space:normal;
		padding:10px 15px;
	}

	#wEi52 .features .specVideoTable .featuresTable tbody td.stitle
	{
		color:#575757 !important;
		font-weight:bold;
		text-align:center;
		background-color:#dcdedd;
		padding:5px;
	}

	#wEi52 .features .specVideoTable .featuresTable tbody td:nth-child(1)
	{
		color:#004280;
	}

	#wEi52 .features .specVideoTable .featuresTable table td i
	{
		font-size:16px;
	}
	#wEi52 .features .specVideoTable .blocks
	{
		display:block;
	}
	#wEi52 .features .specVideoTable .blocks .box
	{
		display:inline-block;
		width:calc( 50% - 10px );
		margin:8px !important;
	}
	#wEi52 .features .specVideoTable .blocks .box:nth-child(odd)
	{
		margin-left:0 !important;
	}
	#wEi52 .features .specVideoTable .blocks .box:nth-child(even)
	{
		margin-right:0 !important;
	}
	#wEi52 .features .machine
	{
		display:block;
	}
}

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

	#wEi52 .features .specVideoTable .blocks .box img
	{
		height:60px;
	}
}













/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* packages */
/* ======================================================================== */

#wEi52 .packages
{
	padding:60px 20px;
	background-color:#cce1f1;
}

#wEi52 .packages .title
{
	font-size:26px !important;
	font-weight:bold !important;
	color:#222 !important;
	text-align:center;
	margin-bottom:40px !important;
}

#wEi52 .packages .frame
{
	width:100%;
	max-width:1140px;
	background-color:#FFF;
	border-radius:5px;
	margin:0 auto 30px auto;
}

#wEi52 .packages .frame .subTitle
{
	width:100%;
	height:80px;
	color:#FFF !important;
	line-height:80px !important;
	font-size:26px !important;
	font-weight:bold !important;
	padding-left:20px !important;
	background-color:#333 !important;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

#wEi52 .packages .frame.f1 .subTitle
{
	background:#02060a url(css-img/bar1.jpg) right center no-repeat !important;
}

#wEi52 .packages .frame.f2 .subTitle
{
	background:#17454a url(css-img/bar2.jpg) right center no-repeat !important;
}

#wEi52 .packages .frame.f3 .subTitle
{
	background:#0f5392 url(css-img/bar3.jpg) right center no-repeat !important;
}

#wEi52 .packages .frame .content
{
	display:flex;
	align-items:center;
	padding:20px;
}

#wEi52 .packages .frame .content .pic
{
	text-align:center;
}

#wEi52 .packages .frame .content .pic img
{
	width:100%;
	max-width:500px;
	height:auto;
}

#wEi52 .packages .frame .content .detail
{
	padding:20px;
}

#wEi52 .packages .frame .content .detail h3
{
	font-size:18px !important;
	margin-bottom:10px !important;
}

#wEi52 .packages .frame .content .detail ul
{
	margin-bottom:20px;
}

#wEi52 .packages .frame .content .detail ul li
{
	font-size:14px !important;
	line-height:20px;
	margin-left:20px;
	list-style-type:disc !important;
}

#wEi52 .packages .frame .content .detail a
{
	display:block;
	width:140px;
	height:40px;
	color:#008cd6;
	font-size:16px;
	line-height:40px;
	text-align:center;
	border-radius:20px;
	border:1px solid #008cd6;
	text-decoration:none;
	margin-bottom:20px;
}

#wEi52 .packages .frame .content .detail a:hover
{
	color:#FFF;
	background-color:#008cd6;
}

#wEi52 .packages .frame .blocks
{
	display:flex;
	max-width:1120px;
	margin:0 auto;
}

#wEi52 .packages .frame .blocks .box
{
	flex:1;
	min-height:105px;
	margin:5px;
	background-color:#f7f7f7;
}

#wEi52 .packages .frame .blocks .box .num
{
	font-size:36px;
	font-weight:bold;
	color:#008cd6;
	line-height:70px;
	text-align:center;
}

#wEi52 .packages .frame .blocks .box p
{
	font-size:14px !important;
	color:#4d4d4d !important;
	text-align:center;
	padding:10px;
}

#wEi52 .packages .frame p.note
{
	padding:20px;
}

#wEi52 .packages .frame .content .detail .more
{
	display:flex;
	align-items:center;
	margin-bottom:20px;
}

#wEi52 .packages .frame .content .detail .more img
{
	width:50px;
	height:50px;
	margin-right:5px;
}

#wEi52 .packages .frame .content .detail .more p
{
	font-size:14px !important;
	color:#008cd6 !important;
}

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

}

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

}

@media screen and (max-width:767px)
{
	#wEi52 .packages .frame .content
	{
		display:block;
	}
	#wEi52 .packages .frame .content .detail a
	{
		margin:20px auto;
	}
	#wEi52 .packages .frame .blocks
	{
		display:block;
		padding:0 20px;
	}
	#wEi52 .packages .frame .blocks .box
	{
		display:inline-block;
		width:150px;
		min-height:150px;
		vertical-align:top;
	}
	#wEi52 .packages .frame .blocks .box .num
	{
		line-height:80px;
	}
}

@media screen and (max-width:479px)
{
	#wEi52 .packages .frame .content .pic
	{
		margin-bottom:30px;
	}
	#wEi52 .packages .frame .content .detail
	{
		padding:0;
	}
	#wEi52 .packages .frame .blocks
	{
		display:block;
		padding:10px;
	}
	#wEi52 .packages .frame .blocks .box
	{
		width:45%;
		min-height:125px;
	}
	#wEi52 .packages .frame .blocks .box .num
	{
		line-height:60px;
	}
}