@charset "utf-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
}

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

a{ 
	text-decoration:none;
	color:#198196;
}

a:hover{
	color:#666;
}

p{
	font-size:.8em; 
	color:#555;
	line-height:1.3em;
	margin:5px 0px;
}

h2{
	font-size:18px;
	color:#6279a2;
	font-weight:normal;
}

h3{
	font-size:16px;
	color:#333;
	font-weight:normal;
}

img{border:0px;}

.clear{clear:both;}

#wrapper{
	font-family:Verdana, Geneva, sans-serif;
	background:#fff;
}

.banner{
	margin-bottom:.5em;
}

.desc{
	padding-left:2%;
	padding-right:2%;
}

.banner-title{
	background:#3ba8c7;
}

.tips{
	padding:6px 10px;
	background:#eee;
	color:#888;
	font-size:14px;
	font-style:italic;
}

.news{
	padding:10px 15px;
	border-bottom:solid 1px #ddd;
}

.news a{color:#218cae;}

.news-title{
	font-size:15px;
	line-height:18px;
}

.news-date{
	font-size:13px;
	color:#999;
	font-style:italic;
}

footer{
	
}

footer p{
	color:#999;
	font-size:.8em;
	text-align:center;
	margin-top:25px;
}

.jiathis_style{display:none;}

#result{
	padding:20px;
}
.title{width:55%;}
.figure{
	width:50%;	
	float:left;
}

.figure .n{
	font-size:.8em;
	color:#333;
	line-height:1em;
	padding:0px 5px;
}

.figure .c{
	font-size:.7em;
	color:#666;
	padding:0px 5px;
}

ul{list-style:decimal;color:#666;margin-left:25px;}
li{margin:8px 0px;font-size:.9em;}
#gallery{width:100%;}
#download{display:none;}
/* desktop ----------- */
@media only screen and (min-width : 800px) {
	body{background:#efefee;}
	#wrapper{
		width:800px;
		margin:0px auto;
		padding-bottom:20px;
	}
	.form_block #name, .form_block .submit, .btn-voting{
		width:300px;
	}
	
	.desc p{font-size:16px;}
	.jiathis_style{display:block;}
	
	.title{width:35%;}
	
	.figure{
	width:25%;
	float:left;
}

.figure .n{
	font-size:1.2em;
	color:#333;
	line-height:20px;
	padding:0px 10px;
}

.figure .c{
	font-size:1em;
	color:#666;
	padding:0px 10px;
}
.blank{display:none;}
li{margin:8px 0px;font-size:.9em;}
#download{float:right;text-align:center;display:block;}
}