ul,li{
	list-style: none;
	padding: 0;
	margin: 0;
}
.dh_a{
		width: 100%;
	}
	.nav_a{
		width: 72%;
		margin: 1em auto;
	}
	.nav_a a{text-decoration: none;color: #000000;font-weight: 200;}
	.nav_a li{
		float: left;
	}
	.nav_a ul{
		width: 80%;
		float: right;
		margin-top: 0.5em;
	}
	.nav_a ul dt{
		display: block;
		float: left;
		margin-right: 2%;
		font-size: 1.2em;
		color: #000000;
	}
	.clear{
		clear: both;
	}
	.banner_a{
		width: 100%;
	}
	.banner_a img{
		width: 100%;
	}
	
/* 联系我们 */
.touch-a{
	width: 100%;
	background: url(../images/touch_01.png);
	background-size:cover;
	height: 60em;
}
.touch-sa{
	display: none;
}
.medium{
	width: 100%;
	background: url(../images/mediums_02.png) repeat fixed center;
	margin: 0 auto;
}
.medium-sa{
	display: none;
}
		.medium_a{
			width: 100%;
			border: 1px solid transparent;
			margin-top: 0em;
			background-image: url(../images/6151531_02.jpg);
			background-size: 100% 100%;
		}
		.medium_a .medium_banner ul{
			width: 100%;
		}
		.medium_a .medium_banner ul h1{
			font-size: 3.5em;
			font-weight: bold;
			letter-spacing: 5px;
			line-height: 3.5;
			
			color: #fff;
			text-align: center;
		}
		.medium_a .medium_banner li{
			width:100%;
			margin-top: 1em;
		}
		.medium_a .medium_banner li p{
			font-size: 1.4em;
			line-height: 1.8em;
			text-align: center;
			color: #fff;
		}
		.med_but{
			width: 12%;
			border: 1px solid white;
			margin: 3em auto;
			font-size: 1.6em;
			text-align: center;
			border-radius: 35px;
			line-height: 2.5em;
			color: #fff;
			background：liner-gradient(#9845a9,#c85086)
		}
		
		
		
@media(max-width:640px){
	.medium_a{
		width: 100%;
		border: 1px solid transparent;
		margin-top: 0em;
		background-image: url(../images/6151531_02.jpg);
		background-size: 100% 100%;
	}
	.medium_a .medium_banner ul{
		width: 100%;
	}
	.medium_a .medium_banner ul h1{
		font-size:1.8em;
		font-weight: bold;
		letter-spacing: 5px;
		line-height: 5.5em;
		
		color: #fff;
		text-align: center;
	}
	.medium_a .medium_banner li{
		width:100%;
		margin-top: 1em;
	}
	.medium_a .medium_banner li p{
		font-size: 1em;
		text-align: center;
		color: #fff;
	}
	.med_but{
		width: 45%;
		border: 1px solid white;
		margin: 3em auto;
		font-size: 1.2em;
		text-align: center;
		border-radius: 35px;
		line-height: 2.5em;
		color: #fff;
		background：liner-gradient(#9845a9,#c85086);
	}
	
}

.index_touch{
	display: none;
}
.touch{
	width: 100%;
	background: url(../images/about_02.png) repeat fixed center;
	margin: 0 auto;
}
.touch .touch_one{
	width: 60%;
	margin: 0 auto;
}
.touch .touch_one h2{
	text-align: center;
	font-size: 3em;
}
.touch .touch_one span{
	display: block;
	text-align: center;
	line-height: 3em;
}
.touch_one ul{
	margin-top: 2em;
}
.touch_one ul li{
	width: 30%;
	float: left;
	margin-left: 1.4%;
}
.tpuch_two{
	height: 8em;
	border: 1px solid gainsboro;
	margin-bottom: 2em;
	margin-top: 2em;
}
.tpuch_two p{
	display: block;
	float: left;
	margin-top:0.5em;
	font-size: 1.4em;
	margin-left: 1%;
	margin-right: 1%;
}
.tpuch_two p i{
	list-style: none;
	font-size:0.8em;
	line-height: 0.8em;
	
}
.tpuch_two dd{
	display: block;
	float: right;
	margin-top: 1em;
	margin-left: 1%;
	margin-right: 1%;
}

/* 价格 */
.price_banne{
		height: 29em;
		width: 100%;
		border: 1px solid transparent;
		margin-top: 0em;
		background-image: url(../images/price_02.png);
		background-size: 100% 100%;
}
.price_banne1 ul h1{
		font-size:3.1em;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 2.5em;
		margin-top: 1em;
		color: #fff;
		text-align: center;
	}
	.price_banne .price_banne1 li p{
		font-size:1.6em;
		text-align: center;
		color: #fff;
	}
.price{
	width: 60%;
	margin: 0 auto;
}
.price h3{
	font-size: 2em;
	margin-left: 4%;
	margin-top: 2em;
}
.price_a {
	width: 96%;
	margin: 0 auto;
	margin-top: 2em;
}
.price_d{
	width: 28%;
	float: left;
	margin-left: 4%;
	background-color: #c4c4c4;
	border-radius: 1em;
	
}

.price_d:hover{
	background-image: linear-gradient(#9545ab,#c04e8b);
}
.touc_pri:hover{
	background-image: linear-gradient(#c4c4c4,#c4c4c4);
}
.price_d h2{
	font-size: 2.2em;
	line-height: 3em;
	color: #FFF;
}
.price_d dd{
	font-size: 0.8em;
	line-height: 1.9em;
	color: #FFF;
}
.price_d p{
	font-size: 1.9em;
	line-height: 3em;
	color: #FFF;
}
.price_d dl{
	font-size:0.8em;
	line-height: 2.2em;
	color: #FFF;
}
.price_d h2,.price_d dd,.price_d p,.price_d dl{
	text-align: center;
}
.pirce_two{
	width: 100%;
	margin: 0 auto;
	margin-bottom: 2em;
}
.pirce_two_a{
	width: 92%;
	margin: 0 auto;
}
.pirce_two_a select{
	width: 100%;
	height: 3em;
	margin-top: 1.5em;
	
}
.pirce_two_b {
	width: 100%;
	background-color:#c4c4c4 ;
}
.pirce_two_b ul{
	list-style: none;
	padding: 0;
	width: 92%;
	margin: 0 auto;
	height: 2.5em;
	border-bottom: 1px solid #000000;
	
}
.pirce_two_b ul p{
	line-height: 3em;
	overflow: hidden;
}
.pirce_two_b ul p i{
	float: right;
	margin-right: 1%;
}
.pirce_three{
	width: 92%;
	margin: 0 auto;
}
.pirce_three input{
	height: 3em;
	width: 100%;
	margin-bottom: 1em;
}

/* 免责声明 */
.relief{
	width: 100%;
	background: url(../images/relief_02.png);
	background-size:cover;
	height: 60em;
}
.relief_text{
	width:48%;
	margin: 0 auto;
	margin-top: -35em;
	background-color: #fff;
	border-radius: 1em;
}
.relief_nex{
	width: 96%;
	margin: 0 auto;
}
.relief_nex h1{
	text-align: center;
	font-size: 2.5em;
}
.relief_nex h3{
	text-align: center;
	font-size: 2em;
}
.relief_nex p{
	font-size: 1.6em;
	line-height: 2em;
}
/* 服务器 */
.server_banne{
		height: 29em;
		width: 100%;
		border: 1px solid transparent;
		margin-top: 0em;
		background-image: url(../images/price_02.png);
		background-size: 100% 100%;
}
.server_banne1 ul h1{
		font-size:3.1em;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 2.5em;
		margin-top: 1em;
		color: #fff;
		text-align: center;
	}
	.server_banne .server_banne1 li p{
		font-size:1.6em;
		text-align: center;
		color: #fff;
	}

.server_bt{
	width: 60%;
	margin: 3em auto;
}
.server_bt ul{
	width: 24%;
	float: left;
	border: 1px solid  #fff;
	border-radius:54px;
	text-align: center;
	line-height: 3.5em;
	font-size: 1.5em;
	margin-left: 16%;
	color: #fff;
}
.server_bt ul:hover{
	background-color: #0069D9;
}
.server_a{
	width: 60%;
	margin: 0 auto;
}
.server_b h2{
	font-size: 2.5em;
	text-align: center;
	line-height: 3em;
}
.server_b{
	width: 70%;
	margin: 0 auto;
	
}
.server_b input{
	display: block;
	width:60%;
	margin: 2em auto;
}
.server_tex{
	width: 96%;
	margin: 0 auto;
}
.server_tex_a ul{
	width:100%;
	height: 2.5em;
	overflow: hidden;
}
.server_tex_a h3{
	font-size: 1.5;
	font-weight: bold;
	line-height: 2.2em;
}
.server_tex_a ul li{
	width: 6%;
	float: left;
}
.server_tex_a ul li img{
	width: 100%;
}
.server_tex_a ul dd{
	float: left;
}
.server_tex_a ul dl{
	float: right;
}
.server_a_a{
	width: 62.5%;
	margin: 0 auto;
}
.server_a_a img{
	width: 100%;
}
.server_a_col{
	background-color: #f8f9fb;
}
.server_a_col ul{
	width: 14%;
	margin: 0 auto;
	border-radius: 35px;
	font-size: 1.9em;
	text-align: center;
	line-height: 2em;
	background-image: linear-gradient(#c85086,#9a46a7);
	margin-bottom: 3em;
	color: #fff;
}
.server_hi ul{
	height: 15em;
}
@media (max-width: 640px){
	.server_hi ul{
		height: 4em;
	}
	.server_a_col ul{
		width: 35%;
		margin: 0 auto;
		border-radius: 15px;
		font-size: 1.2em;
		text-align: center;
		line-height: 2em;
		background-image: linear-gradient(#c85086,#9a46a7);
		margin-bottom: 1em;
		color: #fff;
	}
}
/* 评价 */
.discuss{
	width: 100%;
	
}
.discuss_aa{
	width: 60%;
	margin: 0 auto;
}
.discuss_aa h1,.discuss_aa p{
	text-align: center;
}

.discuss_aa p{
	font-size: 1.2em;
	margin-top: 1em;
	margin-bottom: 1em;
}
.discuss_aa li{
	width: 100%;
}
.discuss_aa li img{
	width: 100%;
}
.discuss_bb {
	width: 100%;
	margin: 0 auto;
}
.discuss_bb h1,.discuss_aa h1{
	font-size: 2.5em;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 1.5em;
}
.discuss_ac{
	width:60%;
	margin: 0 auto;
	margin-bottom: 3em;
}
.discuss_ac .col-md-4{
	width: 30%;
	float: left;
}
.discuss_tex{
	width: 64%;
	float: right;
	margin-top: 2em;
}
.discuss_tex h2{
	text-align: left;
}
.discuss_tex p{
	font-size: 1.5em;
}
.question_sj{
	display: none;
}
.question_dis{
	width: 60%;
	margin: 0 auto;
}
.question_dis .que_s h1{
	text-align: center;
}
.question_dis .que_s {
	width: 96%;
	margin: 0 auto;
	
}
.question_dis .que_s a li{
	width: 100%;
	height: 3em;
	border-bottom: 1px solid #000;
	margin-bottom: 1em;
}
.question_dis .que_s a li p{
	font-size: 1.6em;
	margin-top: 1em;
	color: #000;
	font-weight: bold;
	text-align: center;
}
.question {
			width: 95%;
			border: 1px solid transparent;
			margin: 0 auto;
			
		}
		.discuss_banner{
			margin-top: 1em;
			background-image: url(../images/discuss_01.png);
			background-size: 100% 100%;
		}
		.discuss_banner .about_banner ul{
			width: 40%;
			margin-top:5em;
		}
		.discuss_banner .about_banner ul h1{
			font-size: 3em;
			font-weight: bold;
			letter-spacing: 5px;
			line-height: 1.5;
			color: #fff;
		}
		.discuss_banner .about_banner li{
			width:45%;
			margin-top: 2em;
			margin-bottom: 12.8em;
		}
		.discuss_banner .about_banner li p{
			font-size: 1.4em;
			color: #fff;
		}
		
		.discuss_aa table tr td{
			text-align: center;
			font-size: 1.5em;
			font-weight: bold;
			height: 4.5em;
			vertical-align:middle;
		}
		.td_col{
			background-color: #89afff;
		}
		.td_si{
			width: 19%;
		}
		.td_si img{
			100%
		}

/* 为什么用VPN */
.banner_why{
		background-image: url(../images/whyVPN_02.png);
	}

	.why_banner {
		width: 62.5%;
		border: 1px solid transparent;
		margin: 0 auto;
		
	}
	.why_banner ul{
		width: 50%;
		margin-top:3em;
	}
	.why_banner ul h1{
		font-size: 3.2em;
		font-weight: bold;
		letter-spacing: 10px;
	}
	.why_banner li{
		width:50%;
		margin-top: 2.5em;
		margin-bottom: 2.8em;
	}
	.why_banner li p{
		font-size: 2em;
	}
	.banner_why_but{
		width: 18%;
		margin-left: 10%;
		border-radius: 35px;
		font-size: 1.9em;
		text-align: center;
		line-height: 2em;
		background-image: linear-gradient(#c85086,#9a46a7);
		margin-bottom: 3em;
		color: #fff;
	}
	.discuss_bb_swhy h2{
		font-size: 2.5em;
		text-align: center;
		margin-top: 1em;
		margin-bottom: 2.5em;
	}
.col-md-4 img{
	width: 100%;
}

.index_why_vpn {
		display: none;
	}
	.help_n_c_why_why ul{
			width:22%;
			background-color: #f3f3f3;
			border: 1PX solid gold;
			border-radius: 1em;
			list-style: none;
			padding: 0;
			height: 18em;
			float: left;
			margin-bottom: 1em;
			margin-left: 3%;
		}
		
		.why_widt .help_n_c_why_why ul li{
			list-style: none;
			padding: 0;
			width:60%;
			margin: 0 auto;
			
		}
		 .why_widt .help_n_c_why_why ul li img{
			width: 100%;
		}
		.why_zsa{
			text-align: center;
		}
		.help_n_c_why_why ul p,.help_n_c_why ul  span{
			width: 98%;
			display: block;
			margin: 0 auto;
		}
		.help_n_c_why_why ul p{
			font-size: 1.2em;
			line-height: 2.8em;
		}
@media(max-width:640px){
	.banner_why{
			background-image: url(../images/whyVPN1_01.png);
		}
	
		.why_banner {
			width: 98.5%;
			border: 1px solid transparent;
			margin: 0 auto;
			margin-top:2em;
		}
		.why_banner ul{
			width: 70%;
			margin-top: 0px;
		}
		.why_banner ul h1{
			font-size: 1.4em;
			font-weight: bold;
			letter-spacing: 5px;
		}
		.why_banner li{
			width:70%;
			margin-top: 0.5em;
			margin-bottom: .5em;
		}
		.why_banner li p{
			font-size: 1em;
		}
		.banner_why_but{
			width: 38%;
			margin-left: 10%;
			border-radius: 35px;
			font-size: 1em;
			text-align: center;
			line-height: 2em;
			background-image: linear-gradient(#c85086,#9a46a7);
			margin-bottom: 0;
			color: #fff;
		}
		.discuss_bb_swhy h2{
			font-size: 2.5em;
			text-align: center;
			line-height: 1em;
			margin-top: 1em;
			margin-bottom: 1.5em;
		}
		.help_n_c_why_why ul{
			width:94%;
			margin: 0 auto;
			background-color: #f3f3f3;
			border: 1PX solid gold;
			border-radius: 1em;
			list-style: none;
			padding: 0;
			height: 5em;
			float: left;
			margin-bottom: 1em;
		}
		
		.why_widt .help_n_c_why_why ul li{
			list-style: none;
			padding: 0;
			width:20%;
			float: right;
			
		}
		 .why_widt .help_n_c_why_why ul li img{
			width: 100%;
			margin: 0 auto;
		}
		.why_zsa{
			text-align: center;
		}
		.help_n_c_why_why ul p,.help_n_c_why_why ul  span{
			width: 78%;
			display: block;
			float: left;
			font-size: 0.6em;
			text-align: left;
			margin-left: 1%;
			margin-top: -0.5em;
		}
		.help_n_c_why_why ul p{
			font-size: 1.2em;
			line-height: 1.2em;
			float: left;
			margin-left: 1%;
			margin-top: 0.5em;
		}
		.index_why_vpn{
			background: url(../images/why_6-16-7.png);
			display: block;
			/* position: fixed;
			top: 0px; */
			z-index:-1;
			background-repeat: no-repeat;
			background-size: 100% 100%;
			width: 100%;
			height: 13em;
			}
			
		.index_why_vpn img{
			width: 100%;
		}
		.w3-banner-index_why_vpn_text{
			width:58%;
		}
		.index_why_vpn_text h2{
			font-size: 1.2em;
			line-height: 1.5em;
			margin-left: 0.5%;
			text-align: left;
			color: #FFf;
		}
		.index_why_vpn_text p{
			font-size: 0.4em;
			color: #FFf;
			
		}
		.index_why_vpn_text li{
			width: 60%;
			margin: 0 auto;
			margin-top: 0.5em;
			border-radius: 10px;
			border: 1px solid white;
			text-align: center;
			margin-left: 10%;
		}
		.index_why_vpn_text li span{
			font-size: 0.6em;
			
			color: #fff;
		}
		.index_why_vpn_text ul{
			font-size: 0.6em;
			color: #fff;
			margin-top: 1em;
			margin-left: 20%;
		}
}


.why_ww{
	text-align: center;
	font-size: 1.3em;
	margin-top: -4em;
	margin-bottom: 2em;
}
.why_widt{
	width: 60%;
	margin: 0 auto;
	margin-top: 4em;
}
.why_widt h2{
	text-align: center;
	font-weight: bold;
}
.why_widt .why_wp{
	font-size: 1.4em;
	text-align: center;
}
.help_n_c_why ul{
		width:22%;
		background-color: #f3f3f3;
		border: 1PX solid gold;
		border-radius: 1em;
		list-style: none;
		padding: 0;
		height: 18em;
		float: left;
		margin-bottom: 1em;
		margin-left: 3%;
	}
	
	.why_widt .help_n_c_why ul li{
		list-style: none;
		padding: 0;
		width:60%;
		margin: 0 auto;
		
	}
	 .why_widt .help_n_c_why ul li img{
		width: 100%;
	}
	.why_zsa{
		text-align: center;
	}
	.help_n_c_why ul p,.help_n_c_why ul  span{
		width: 98%;
		display: block;
		margin: 0 auto;
	}
	.help_n_c_why ul p{
		font-size: 1.2em;
		line-height: 2.8em;
	}
	 

/* 功能 */
.functiona .fun_s{
	text-align: center;
	margin-top: 1em;
	margin-bottom: 3em;
}
.fun_s_h ul{
	height: 15em;
}
.functiona{
	background-image:none;
}
.function_but{
	width: 68%;
	margin: 0 auto;
}
.function_but p{
	line-height: 2em;
}
.functiona h2{
	font-size: 2em;
	margin-top: 1em;
	line-height: 2em;
}
.functiona p{
	margin-top: 1em;
	
}


.function_but ul{
	width:14%;
	border: 1px solid saddlebrown;
	font-size: 1.2em;
	border-radius: 1.5em;
	text-align: center;
	line-height: 2.5em;
	margin: 0 auto;
	background-image: linear-gradient(#d2527e,#8e43b0);
}
.function_but p{
	text-align: center;
}
.function_but ul dd{
	display: block;
	text-align: center;
	line-height:2em;
	font-size: 1.2em;
	color: #FFF;
}
.function_a{
		background-image: url(../images/6-15_02.png);
	}
	.function_banner {
		width: 62.5%;
		border: 1px solid transparent;
		margin: 0 auto;
		
	}
	.function_banner ul{
		width: 100%;
		margin-top:7em;
	}
	.function_banner ul h1{
		font-size: 3.2em;
		font-weight: bold;
		letter-spacing: 10px;
		text-align: right;
		color: #fff;
	}
	.function_banner li{
		width:30%;
		margin-top: 2.5em;
		margin-bottom: 15.8em;
		float: right;
	}
	.function_banner li p{
		font-size: 2em;
		text-align: right;
		line-height: 2.5em;
		color: #fff;
	}
		


/* 条款与条件 */
.clauses{
		display: none;
	}
.clause{
		width: 100%;
		background: url(../images/clause_01.png);
		background-size:cover;
		height: 60em;
	}
.clause_ac{
	width: 60%;
	margin: 1em auto;
}
.clause_ac p{
	font-size: 1.2em;
	line-height: 1.8em;
}

/* 退款政策 */
.refund{
	width:62.25%;
	margin: 0 auto;
	
}
.refund h1{
	font-size: 2em;
}
 .refund p i{
	 display: block;
	 width: 10px;
	 height: 10px;
	 border-radius: 50% 50%;
	 float: left;
	background-color: #0056B3;
	margin-top: 1em;
}
.refund p {
	line-height:2.5em;
}
.refund_banner_a{
		background-image: url(../images/refund_02.png);
	}

	.refund_banner {
		width: 62.5%;
		border: 1px solid transparent;
		margin: 0 auto;
		
	}
	.refund_banner ul{
		width: 50%;
		margin-top:7em;
	}
	.refund_banner ul h1{
		font-size: 3.2em;
		line-height: 1.5em;
		font-weight: bold;
		letter-spacing: 10px;
	}
	.refund_banner li{
		width:50%;
		margin-top: 2.5em;
		margin-bottom: 8.8em;
	}
	.refund_banner li p{
		font-size: 2em;
		line-height: 1.5;
	}

/* 为什么猎豹VPN */
.why_vpn{
	width: 100%;
	background: url(../images/whyvpn_01.png);
	background-size:cover;
	height: 60em;
}
.why_vpn_a{
	display: none;
}
.why_vpn_one{
	width: 60%;
	margin: 2em auto;
	background-color: #fbfbfb;
	border-radius: 1em;
}
.why_vpn_one li{
	float: left;
	width: 40%;
}
.why_vpn_one ul{
	float: right;
	width: 58%;
	
}
.why_vpn_one ul h1{
	margin-top: 2em;
	font-weight: bold;
	text-align: right;
	margin-right: 5%;
	letter-spacing: 6px;
	font-size: 3em;
}
.why_vpn_one ul p{
	text-align: right;
	margin-right: 5%;
	font-size: 1.2em;
	letter-spacing: 3px;
	margin-top: 1em;
}
.banner_a li{
	width: 60%;
	margin: 0 auto;
}
.whyvpn_three {
	width: 60%;
	margin: 0 auto;
}
.whyvpn_three img{
	width: 100%;
}
/* 无日志 */
.jour{
	width: 100%;
}
.jour_no {
	width: 60%;
	margin: 0 auto;
}
.container p{
	font-size: 1.5em;
	letter-spacing: 4px;
	line-height: 1.7em;
}
.form-group {
  margin-bottom: 15px;
  background-color: #eaf0fc;
}
.form-control{
	background-color: #eaf0fc;
}
/* 隐私政策 */
.container p i{
		 display: block;
		 width: 10px;
		 height: 10px;
		 border-radius: 50% 50%;
		 float: left;
		background-color: #0056B3;
		margin-top: 0.5em;
	}
.container p{
	font-size: 1.2em;
}
/* 支付 */
.pay_a{
	display: block;
	width: 100%;
	background: url(../images/pay6-15_01.png);
	background-size:cover;
	height: 60em;
}

.index_play{
	display: none;
}
.pay_c{
	width: 60%;
	margin: 0 auto;
}
.pay_lef{
	width: 50%;
	float: left;
}
.pay_lef h1,.pay_rig h1{
	font-size: 2.5em;
	line-height: 3em;
}
.pay_lef ul li{
	width:45%;
	float: left;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 1em;
}
.pay_rig{
	width: 48%;
	float: right;
	margin-bottom: 4em;
}
.pay_rig ul{
	float: left;
	width: 40%;
	height: 9em;
	border: 1px solid darkgray;
	margin-left: 2%;
}
.pay_rig ul li{
	width: 50%;
	margin: 1em auto;
}
.pay_rig ul p{
	display: block;
	text-align: center;
	margin-top: 1em;
	line-height: 2em;
	color: #fff;
}
.text_color0{
	background-color: #44c0f5;
}
.text_color1{
	background-color: #3cb034;
}

	.No_Journaling_a{
		background-image: url(../images/NO1.png);
	}
	.No_Journaling_banner {
		width: 62.5%;
		border: 1px solid transparent;
		margin: 0 auto;
		
	}
	.No_Journaling_banner ul{
		width: 90%;
		margin-top:6em;
	}
	.No_Journaling_banner ul h1{
		font-size:3em;
		font-weight: bold;
		letter-spacing: 2px;
	}
	.No_Journaling_banner li{
		width:100%;
		margin-top: 1.5em;
		margin-bottom:0.8em;
	}
	.No_Journaling_banner li p{
		font-size: 1.5em;
	}
	.NO_ba{
		width: 100%;
		margin: 0 auto;
	}
	.no_a_c{
		width: 56%;
		float: left;
	}
	.no_a_c1{
		
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.no_a_c1 p{
		font-size: 1.4em;
		font-weight: bold;
		float: left;
		margin-left: 8%;
		line-height: 3em;
	}
	.no_a_c2{
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.no_a_c2 p{
		font-size: 1.4em;
		font-weight: bold;
		float: left;
		margin-left: 8%;
		line-height: 3em;
	}
	.no_a_d{
		width: 44%;
		float: right;
	}
	.no_a_d .med_but1{
		width: 30%;
		margin: 1.5em auto;
		font-size: 1em;
		text-align: center;
		border-radius: 35px;
		line-height: 2.5em;
		color: #fff;
		background-color: #9845a9;
		background-image: linear-gradient(#d2527e,#8e43b0);
	}
	
	.no_a_d p{
		font-size: 0.6em;
		line-height: 0em;
		text-align: center;
		margin-top: -1em;
	}
	.no_a_d .med_but_a{
		color: #000000;
		border: 1px solid #000000;
		background-image: linear-gradient(#fff,#fff)
	}

	
	.about_banner {
		width: 62.5%;
		border: 1px solid transparent;
		margin: 0 auto;
		
	}
	.about_banner ul{
		width: 50%;
		margin-top:7em;
	}
	.about_banner ul h1{
		font-size: 3.2em;
		font-weight: bold;
		letter-spacing: 10px;
	}
	.about_banner li{
		width:50%;
		margin-top: 2.5em;
		margin-bottom: 15.8em;
	}
	.about_banner li p{
		font-size: 2em;
	}
.pay-banner{
	width: 60%;
    margin: 3em  auto;
	
}
.w3-banner-info{
    text-align: center;
    background: rgba(255, 255, 255, 0);
    padding: 2em 1em;
    width: 63%;
    position: relative;
	
}

.pay-banner .w3l-banner-text h2{
	color: #FFFFFF;
    font-size: 3em;
	margin: 0 auto;
	text-align: left;
    letter-spacing: 5px;
  margin-top: 3em;
}
.w3l-banner-text p{
	color: #FFFFFF;
    font-size: 1.3em;
    margin: 3em 0 0 0;
    letter-spacing: 3px;
    font-weight: 100;
	text-align: left;
 
}
.w3l-banner-text li {
	width: 48%;
	border-radius: 1.7em;
	border: 1px solid white;
	background-color: #FFFFFF;
	line-height: 3em;
	font-weight: bold;
	margin-top: 3em;
	font-size: 1.5em;
}
.w3l-banner-text ul{
	color: #FFFFFF;
	font-size: 1em;
	text-align: left;
	margin-top: 3em;
}	

.VPN_a{
		background-image: url(../images/5-28-VPN1.png);
	}

	.VPN_banner {
		width: 62.5%;
		border: 1px solid transparent;
		margin: 0 auto;
		
	}
	.VPN_banner ul{
		width: 50%;
		margin-top:7em;
	}
	.VPN_banner ul h1{
		font-size: 3.2em;
		font-weight: bold;
		letter-spacing: 10px;
	}
	.VPN_banner li{
		width:50%;
		margin-top: 2.5em;
		margin-bottom: 15.8em;
	}
	.VPN_banner li p{
		font-size: 2em;
	}
@media(max-width:640px){
	
	
	.No_Journaling_banner {
		width: 96.5%;
		border: 1px solid transparent;
		margin: 0 auto;
		
	}
	.No_Journaling_banner ul{
		width: 90%;
		margin-top:6em;
	}
	.No_Journaling_banner ul h1{
		font-size:1.4em;
		font-weight: bold;
		letter-spacing: 2px;
	}
	.No_Journaling_banner li{
		width:100%;
		margin-top: 1.3em;
		margin-bottom:0.8em;
	}
	.No_Journaling_banner li p{
		font-size: 0.6em;
	}
	.NO_ba{
		width: 100%;
		margin: 0 auto;
	}
	.no_a_c{
		width: 56%;
		float: left;
	}
	.no_a_c1,.no_a_c2{
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.no_a_c1 p,.no_a_c2 p{
		font-size: 0.6em;
		font-weight: bold;
		float: left;
		margin-left: 2%;
		line-height: 3em;
	}
	
	.no_a_d{
		width: 44%;
		float: right;
		margin-top: -1em;
	}
	.no_a_d .med_but1{
		width: 100%;
		margin: 1.5em auto;
		font-size: 1em;
		text-align: center;
		border-radius: 35px;
		line-height: 2.5em;
		color: #fff;
		background-color: #9845a9;
		background-image: linear-gradient(#d2527e,#8e43b0);
	}
	
	.no_a_d p{
		font-size: 0.6em;
		line-height: 0em;
		text-align: center;
		margin-top: -1em;
	}
	.no_a_d .med_but_a{
		color: #000000;
		border: 1px solid #000000;
		background-image: linear-gradient(#fff,#fff)
	}
	.pay_a{
		display: none;
	}
	
	.index_play{
		background: url(../images/pay6-15_02.png);
		display: block;
		
		z-index:-1;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 100%;
		height: 18em;
		}
	.index_touch{
			background: url(../images/touch_s_01.png);
			display: block;
			
			z-index:-1;
			background-repeat: no-repeat;
			background-size: 100% 100%;
			width: 100%;
			height: 18em;
			}
	.pay-banner{
		width: 100%;
	    margin:0 auto;
	}
	.w3-banner-info{
	    text-align: center;
	    background: rgba(255, 255, 255, 0);
	    padding: 2em 1em;
	    width: 63%;
	    position: relative;
		
	}
	
	.pay-banner .w3l-banner-text h2{
		color: #FFFFFF;
	    font-size: 1.2em;
		margin: 0 auto;
		text-align: left;
	    letter-spacing: 5px;
	  margin-top: 3em;
	}	
	.pay-banner .w3l-banner-text p{
		color: #FFFFFF;
	    font-size: 0.8em;
	    margin: 3em 0 0 0;
	    letter-spacing: 3px;
	    font-weight: 100;
		text-align: left;
	 
	}
	.price_banne{
		width: 100%;
		border: 1px solid transparent;
		margin-top: 0em;
		background-image: url(../images/price_01.png);
		background-size: 100% 100%;
		height: 14em;
	}
	.price_banne1 ul h1{
		font-size:1.1em;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 2.5em;
		margin-top: 5em;
		color: #fff;
		text-align: center;
	}
	.price_banne .price_banne1 li p{
		font-size:0.6em;
		text-align: center;
		color: #fff;
	}
	.refund_banner_a{
		margin-top: 3em;
		background-image: url(../images/refund1_01.png);
		background-size: 100% 100%;
	}
	.refund_banner {
		width: 95%;
		border: 1px solid transparent;
		margin: 0 auto;
		
	}
	.refund_banner ul br,.refund_banner li p br{
		display: none;
	}
	.refund_banner ul{
		margin: 0 auto;
		width: 90%;
		margin-top:-1em;
	}
	.refund_banner ul h1{
		font-size: 1.2em;
		font-weight: bold;
		letter-spacing: 5px;
		text-align: center;
		color: #fff;
	}
	.refund_banner li{
		width:98%;
		margin: 0 auto;
		margin-top: 1em;
		margin-bottom: 8.8em;
	}
	.refund_banner li p{
		font-size: 0.4em;
		text-align: center;
		color: #fff;
	}
	.VPN_a{
			background-image: url(../images/5_28_VPN.png);
			background-size: 100% 100%;
			height:20em;
		}
	
		.VPN_banner {
			width: 96.5%;
			border: 1px solid transparent;
			margin: 0 auto;
			
		}
		.VPN_banner ul{
			width: 50%;
			margin-top:7em;
		}
		.VPN_banner ul h1{
			font-size: 1.2em;
			font-weight: bold;
			letter-spacing: 10px;
		}
		.VPN_banner li{
			width:50%;
			margin-top: 2.5em;
			margin-bottom: 3.8em;
		}
		.VPN_banner li p{
			font-size: 1em;
		}
		.server_banne{
				height: 19em;
				width: 100%;
				border: 1px solid transparent;
				margin-top: 0em;
				background-image: url(../images/server1_01.png);
				background-size: 100% 100%;
		}
		.server_banne1 ul h1{
				font-size:1.3em;
				font-weight: bold;
				line-height: 2.5em;
				margin-top: 3em;
				color: #fff;
				text-align: center;
			}
			.server_banne .server_banne1 li p{
				font-size:0.8em;
				text-align: center;
				color: #fff;
			}
		
		.server_bt{
			width: 80%;
			margin: 3em auto;
		}
		.server_bt ul{
			width: 40%;
			float: left;
			border: 1px solid  #fff;
			border-radius:24px;
			text-align: center;
			line-height: 3.5em;
			font-size:0.8em;
			margin-left: 7%;
			color: #fff;
		}
		.server_bt ul:hover{
			background-color: #0069D9;
		}
		
}