html,body,form{height:100%;}
body{color:#999; font-family:Arial; background:url('/ui/baseViplus/m/lp/lp_bg.gif') repeat-x #fff; font-size:14px;}
a { color: #1fb5ac; text-decoration:none;}
a:hover{text-decoration:none;}
td { vertical-align: middle; }
h1 {color:#1fb5ac; font-size:48px; font-weight:normal; margin-bottom:0.5em;}
h2 {color:#1fb5ac; font-size:24px; font-weight:normal; margin-bottom:0.8em;}

input{border:1px solid #c7d7e4; font-family:Arial; background:#fff; color:#282828;}
input[type=checkbox], input[type=radio]{border:none;}
input[type=button], input[type=submit], input[type=reset]{cursor:pointer;}
textarea{font-family:Arial; color:#282828; overflow:auto; border:1px solid #c7d7e4; font-size:12px;}

.wrapper{min-height:100%;  position: relative;}
.container{width:900px; margin:auto; overflow:hidden;}

.header{height:155px; width:100%;}
.header img{margin-top:26px;}

.main .top{margin:25px 40px; width:820px;}
.main .topContent{display:table-cell; vertical-align:middle; height:252px; width:500px;}
.main .topContent ul li{font-size:16px; margin-bottom:0.8em; line-height:1.1em; background:url('/ui/baseViplus/m/lp/v.png') no-repeat right top; padding-right:30px; line-height:18px;}

.main .joinDv{text-align:center; margin:25px 0;}
.main .joinDv a.join{border:1px solid #df4b46; line-height:60px; border-radius:4px; text-align:center; padding:0 55px; font-size:20px; color:#fff; display:inline-block; background:#df4b46;}
.main .joinDv a.join:hover{background:#f9dbda; color:#df4b46;}

.main hr{background:#1FB5AC; height:1px; margin:0; border:none; margin:25px 0;}
.main .logos{text-align:center; margin:0 20px; width:860px;}
.main .logos img{margin:0 12px;}

.main .templates{text-align:center; margin:25px 40px; width:820px;}
.main .templates h2{margin-bottom:2em;}
.main .templates ul li{float:right; width:150px; text-align:justify; margin-right:17px;}
.main .templates.lp ul li{width:190px; margin-right:20px;}
.main .templates.qr ul li{margin-right:73px;}
.main .templates ul li.f{clear:right; margin-right:0;}

.main .about{margin:25px 40px; width:820px; position:relative;  min-height:110px;}
.main .about .logo{background:url('/UI/BaseViplus/M/lp/circle.jpg') no-repeat left 50%; width:164px; position:absolute; top:0; bottom:0; left:0;}
.main .about .content{width:560px; text-align:justify;}
.main .about .content ol {list-style: decimal;padding-right: 20px;}

.main .features{text-align:center; margin:0 40px; width:820px;}
.main .features h2{margin-bottom:2em; margin-top:1em;}
.main .features ul li{float:right; width:210px; text-align:justify; margin-right:95px; margin-bottom:30px;}
.main .features ul li.f{clear:right; margin-right:0;}
.main .features ul li h3{margin:9px 0 7px 0; text-align:right; color:#000;}

.main .joinDv2 h2{margin-bottom:2em;}

.main .recomms{margin:25px 40px 50px 40px; width:820px; }
.main .recomms .recomm{background:url('/UI/BaseViplus/M/lp/quote.png') no-repeat 95% 15px #eee; padding:20px 30px; width:320px; line-height:1.3em;min-height:140px; text-align:right;}
.main .recomms .recomm h3{margin-bottom:7px; color:#000;}

.main .contact{text-align:center; color:#333; font-size:16px; line-height:1.3em;}

.main .social{text-align:center; margin:50px 0;}
.main .social .socialWrap{display:inline-block;}
.main .social .addthis_sharing_toolbox{float:right;}
.main .social .share{float:right; line-height:32px; margin: 0 10px;}

.s_footer{background:#b1e1d9;  width:100%; height:200px;}
.s_footer .footerMenu {width:820px; margin:20px 40px 10px 40px;}
.s_footer .footerMenu .ContentBOX{width:100%;}
.s_footer .footerMenu a{color: #1fb5ac !important;}
.s_footer .footerMenu a:hover{color: #fff !important;}
.s_footer .footerMenu table{width:100% !important;}
.s_credit{margin-top: 0 !important; }
#pageCredit{margin:0; color: #1fb5ac !important;}
#pageCredit a{color: #1fb5ac !important;}


 @media only screen and (max-device-width: 768px) {
	.lps{max-width:100%; width:100%; padding:0 4%; box-sizing:border-box;}
	.container{min-width:100%;}
	.container,
	.main .top,
	.main .logos,
	.main .templates,
	.main .about,
	.main .features,
	.main .recomms,
	.main .contact,
	.main .social{max-width:100%; width:100%; margin-right:0; margin-left:0;}
	
	.header img {margin-top: 51px; width: 290px;}
	h1{font-size:28px;}
	
	.main .top .topContent{display:block; height:auto; width:100%; margin-bottom:25px;}
	
	.main .logos img{margin:5px 12px;}
	
	.main .templates h2 {margin-bottom:1em;}
	.main .templates ul li{width:26%; float:none; display:inline-block; margin-bottom:1.3em;}
	.main .templates ul li img{width:100%;}
	.main .templates.lp ul li{width:45%; margin:0; margin-bottom:1.3em;}
	.main .templates.lp ul li.r{float:right; clear:right;}
	.main .templates.lp ul li.l{float:left; clear:left;}
	.main .templates.qr ul li{width:45%; margin:0; margin-bottom:1.3em;}
	.main .templates.qr ul li.r{float:right; clear:right;}
	.main .templates.qr ul li.l{float:left; clear:left;}
		
	.main .about .logo{width:100%; height:164px; position:relative; margin-top:1em; background-position:50% 50%;}	
	.main .about .content,
	.main .recomms .recomm{width:100%;}
	
	.main .features ul li{width:45%; margin:0; margin-bottom:1.3em;}
	.main .features ul li img{width:100%;}
	.main .features ul li.f{clear:none;}
	.main .features ul li.r{float:right; clear:right;}
	.main .features ul li.l{float:left; clear:left;}
	
	.main .recomms .recomm{margin-bottom:1.3em; box-sizing: border-box;}
	
	.s_footer{height:30px;}
	.s_footer .s_credit{margin-top:5px !important;}
	.s_footer .footerMenu,
	.hideMobile{display:none;}

 }