html, body{
	font-size: 100%;
}

img {
	border-style: none;
	display: block;
}.askAgain:hover{	cursor:pointer;}
.btn{
padding:15px!important;
color:#FFF;
}
.btn:hover{
cursor:pointer;
}

p {
	text-align: left;
	margin: 0px 0px 13px 0px;
	padding: 0px 0px 0px 0px;
}

body {
	color: #000000;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 24px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	background-color:#555555;
	
}
	

h1 {
	color: #fff99a;
	font-family: 'ZCOOL XiaoWei', serif;
	font-size: 26px;
	line-height: 36px;
	font-weight: normal;
}

h2 {
	color: #fff99a;
	font-family: 'ZCOOL XiaoWei', serif;
	text-align:left;
	font-size:26px;
	line-height:36px;
	font-weight: normal;
	margin:5px 0px 5px 0px;
}

h3 {
	color: #97caff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 26px;
	font-weight: normal;
	margin:5px 0px 5px 0px;
}

a, a:link {
	color: #fff99a;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #fff99a;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #97caff;
}

input[type=text]{
	border:solid 2px #000000;
	border-radius:4px;
	padding:5px 10px 5px 10px;
}

textarea{
	border:solid 2px #000000;
	border-radius:4px;
	padding:10px 10px 10px 10px;
}


#mainback{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	background-color:#555555;
	color:#eeeeee;
}

.blocline{
	margin: 0px auto 0px auto;
    border-top:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	background-color:#333333;
}


.blocline h1{
	font-size:32px;
	line-height:40px;
	padding: 0px 0px 0px 0px;
	margin:11px 0px 0px 0px;
	float:left;
	width:180px;
}

.logo{
	width:60px;
	float:left;
	margin:10px 5px 10px 10px;
}

#nav img{
	width:40px;
	margin:37px 10px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
}

#nav:not( :target ) a:first-of-type,
#nav:target a:last-of-type{
	display: block;
}
			
#nav:target ul{
	display: block;
}

#nav a {
	display:none;
}

#nav ul{
	display: none;
	margin:0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	font-size:22px;
	line-height:34px;
	text-align:center;
	font-family: 'ZCOOL XiaoWei', serif;
}
				
#nav ul li{
	display: block;
	padding: 0px 0px 0px 0px;
}
					
#nav ul li a{
	text-align: center;
	border:solid 1px #ffffff;
	border-radius:5px;
	width:280px;
	margin:15px auto 10px auto;
	padding: 10px 10px 14px 10px;
	color:#ffffff;
	font-weight:normal;
}

#nav ul li a:visited {
	color:#ffffff;
}
	
#nav ul li a:hover {
	background-color:#ffffff;
	color:#333333;
}

.blocinside{
	margin: 0px auto 10px auto;
	padding: 10px 10px 10px 10px;
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	background-color:#333333;
}


.blocinside p{
	text-align:left;
}

.blocinside h3{
	text-align:left;
}

.blocinside img{
	max-width:100%;
}

.blocinside form img{
	text-align:left;
	margin:0px 0px 0px 0px;
}

.blocinside input{
	margin:10px 0px 20px 0px;
}

.blocinside textarea{
	margin:10px 0px 20px 0px;
	max-width:86%;
	height:105px;
	font-size:16px;
	line-height:22px;
	border-radius:5px;
}


.blocinside input[type=text]{
	margin:5px 0px 10px 0px;
	font-size:16px;
	line-height:22px;
}

.blocinside input[type=submit]{
	margin:10px 0px 10px 0px;
	padding:5px 40px 5px 40px;
	font-size:20px;
	line-height:28px;
	border:solid 1px #444444;
	border-radius:5px;
	cursor:pointer;
}

.blocinside ul{
	text-align:left;
	padding:0px 0px 0px 25px;
	margin:5px 0px 5px 0px;
}

.blocinside a, a:link {
	color: #fff99a;
	font-weight: bold;
	text-decoration: none;
}

.blocinside a:visited {
	color: #fff99a;
}

.blocinside a:hover {
	color: #97caff;
}
	
#ask{
	color:#ffffff;
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	background-color:#333333;
	margin:0px auto 10px auto;
	padding:10px 10px 20px 10px;
}

#ask p{
	margin:0px 0px 5px 0px;
}

#ask textarea{
	margin:10px auto 0px auto;
	max-width:86%;
	width:400px;
	height:54px;
	font-size:16px;
	line-height:22px;
	border-radius:5px;
}

.asktxt{
	color:#97caff;
	font-weight:bold;
}

.btn{
	padding:5px 0px 5px 0px;
	margin:15px auto 10px auto;
	font-size:20px;
	line-height:40px;
	font-weight:bold;
	font-family: 'ZCOOL XiaoWei', serif;
	border-radius:5px;
	text-align:center;
	display:block;
	border:1px solid #ffffff;
	background-color:#369BE7;
	max-width: 357px;
}

.btn:link {
	color: #ffffff;
	text-decoration: none;
}
.btn:visited {
	color: #ffffff;
}
.btn:hover {
	color:#369BE7;
	border:1px solid #369BE7;
	background-color: #ffffff;
}

.pub336{
	margin:30px auto 30px auto;
	max-width:728px;
	
	/* to delete*/
	/*min-width:300px;
	min-height:90px;
	background-color:#aaaaaa;*/
}

.pubbas{
	margin:30px auto 30px auto;
	max-width:728px;
	/* to delete*/
	/*min-width:300px;
	min-height:90px;
	background-color:#aaaaaa;*/
}

.imgbloc{
	margin: 20px auto 20px auto;
}

.imgblocdiv{
	margin: 20px auto 20px auto;
	display:inline-block;
}

.imgblocfloat{
	margin: 10px auto 10px auto;
}

.catlink{
	margin:10px 0px 10px 0px;
	font-style:italic;
}


#footer{
	background-color:#333333;
	margin: 0px auto 0px auto;
	padding:20px 10px 10px 10px;
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
}

#footer p{
	text-align:center;
	color:#ffffff;
}

.clearer {
	clear:both;
}

.alert1{
	color:#ff0000;
	font-weight:bold;
	padding: 20px 0px 20px 0px;
	font-size:16px;
	line-height:22px;
}

.alert{
	color:#fe3333;
	font-weight:bold;
	margin: 10px 0px 30px 20px;
	font-size:16px;
	line-height:22px;
}

.answer{
	font-family: 'ZCOOL XiaoWei', serif;
	padding: 50px 20px 20px 20px; 
	font-size:40px;
	line-height:56px;
	color:#97caff;
	text-align:center;
	min-height:120px;
}

.please{
	font-family: 'ZCOOL XiaoWei', serif;
	padding: 40px 0px 20px 0px; 
	font-size:30px;
	line-height:42px;
	color:#97caff;
	text-align:center;
}

#cook{
	margin: 0px auto 0px auto;
	background-color:#333333;
	text-align:left;
	border-bottom:solid 1px #cccccc;
}


#cook p{
	color:#ffffff;
	font-size:14px;
	line-height:18px;
	margin:7px 0px 8px 5px;
	padding:1px 0px 1px 0px;
	display:inline-block;
}

#cook a {
	font-weight:bold;
	padding:2px 5px 2px 0px;
	margin:0px 0px 0px 5px;
	color:#ffffff;
}

#cook a:visited {
	color: #ffffff;
}

#cook a:hover {
	color: #97caff;
}

.smo{
	float:right;
}

.fb1{
	margin:4px 5px 5px 0px;
	display:inline-block;
	vertical-align:top;
}

.gg1{
	margin:5px 10px 0px 0px;
	display:inline-block;
	vertical-align:top;
}

.btn-ask{
	display:inline-block;
	padding:3px 14px 3px 14px;
	margin:14px 0px 20px 0px;
	border-radius:5px;
	text-align:center;
	color:#ffffff;
	border:1px solid #343434;
	background-color: #6ba6ff; 
	background-image: linear-gradient(to bottom, #555555, #3f3f3f);
	box-shadow: inset 0px 1px 0px #777777, 0px 4px 0px 0px #343434, 0px 8px 5px #1a1a1a;
}

.btn-ask:visited {
	color: #ffffff;
}

.btn-ask:active {
	background-image: linear-gradient(to bottom, #404040, #444444);
	box-shadow: inset 0px 1px 0px #555555, 0px 2px 0px 0px #343434, 0px 5px 3px #1a1a1a;
}

.btn-ask:hover {
	color: #ffffff;
}

.mobilevisibility{
	display:none;
}

@media screen and (min-width: 359px) {
	.logo{
		margin:10px 10px 10px 10px;
	}
	
	.mobilevisibility{
		display:inline;
	}
	
	.btn{
		margin:20px auto 10px auto;
	}
	
	.btn-ask{
		margin:14px 0px 20px 10px;
	}
	
	.please{
		padding: 60px 0px 50px 0px; 
	}
}

@media screen and (min-width: 413px) {
	#ask textarea{
		margin:15px auto 0px auto;
	}
}

@media screen and (min-width: 460px) {
	
	.blocline h1{
		font-size:36px;
		line-height:46px;
		width:200px;
	}

	.logo{
		width:70px;
	}

	#nav img{
		width:45px;
		margin:42px 10px 0px 0px;
	}
	
}


@media screen and (min-width: 600px) {
	.imgblocfloat{
		float:right;
	}
	
	#ask textarea{
		height:54px;
	}
}

@media screen and (min-width: 780px) {
	#ask{
		border-left:solid 1px #cccccc;
		border-right:solid 1px #cccccc;
		border-radius:5px;
		width:706px;
	}
	
	.blocinside{
		border:solid 1px #cccccc;
		border-radius:5px;
		max-width:706px;
	}	
}


@media screen and (min-width: 920px) {
	body {
		background-color:#333333;
	}
	
	#mainback{
		max-width:900px;
		margin: 0px auto 0px auto;
		border-left:solid 1px #cccccc;
		border-right:solid 1px #cccccc;
	}
	
	.blocline h1{
		float:none;
		display:inline-block;
		vertical-align:top;
		font-size:46px;
		line-height:64px;
		margin:22px 0px 0px 0px;
		width:auto;
	}
	
	.logo{
		width:60px;
		margin:10px 15px 5px 10px;
		float:none;
		display:inline-block;
		vertical-align:top;
	}
	
	#nav a img{
		display:none;
	}

	
	#nav ul{
		margin:0px 0px 0px 0px;
		padding:0px 10px 2px 10px;
		float:none;
		display:block;
		
	}
	
	#nav ul li{
		display: inline-block;
	}
					
	#nav ul li a{
		border:none;
		border-radius:0px;
		width:auto;
		margin:10px 5px 3px 5px;
		padding: 5px 10px 7px 10px;
	}

	#nav ul li a:hover {
		color: #fff99a;
		background-color:#333333;
		border:none;
		border-radius:0px;
	}
}