@charset "utf-8";

/****************************************************************************
	standard css 
****************************************************************************/

@import url(http://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700);


/* ----- html5doctor.com reset stylesheet ----- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/* basic css */
html, body, div, p, span, fieldset, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6,input,textarea,select {margin:0;padding:0;font-family:'Lato','simsun';line-height:1.2;font-size:14px;color:#555555;}

@media screen and (min-width:768px){
html, body, div, p, span, fieldset, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6,input,textarea,select {font-size:16px;}
}

html, body {
	height:100%;min-height:100%;
	 -webkit-text-size-adjust: none; 
}
html {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

dl, dt, dd, ul, ol, li{
	list-style:none;
	padding:0;
	margin:0;
}

h1,h2,h3,h4,p {
	padding:0;
	margin:0;
}

img {border:0px;vertical-align:middle;}

table {border-spacing:0px;border:0px;border-collapse:collapse;}

form {display:inline;}

fieldset {padding:0;margin:0;border:none;}

input, textarea,select {vertical-align:middle;}

/* a css */
a,
a:link,
a:visited,
a:hover{
	text-decoration:none;
}

/* clear */
.clearfix {zoom:1;}
.clearfix:after {content:"";clear:both; display:block; height:0; visibility:hidden;} 

/* align */
.text-left {text-align:left !important;}
.text-right {text-align:right !important;}
.text-center {text-align:center !important;}

/* div align */
.posR {position:absolute;right:0;top:0;}
.posL {position:absolute;left:0;top:0;}

/* hidden */
legend, caption, .hidden{
	position:absolute !important;
	width:0; 
	height:0;            
	line-height:0;
	overflow:hidden; 
	text-indent:-2000px;
	left:-500px;
}

.animate {
	-webkit-transition:all 0.55s ease;
	-moz-transition:all 0.55s ease;
	-ms-transition:all 0.55s ease;
	-o-transition:all 0.55s ease;
	transition:all 0.55s ease;
}

/* skip */
#skipNav {position:fixed; top:0; left:0; z-index:600; width:100%; height:0;} 
#skipNav p, #skipNav ul, #skipNav ul li {height:0;}
#skipNav ul li a {position:absolute; left:0; top:0; display:block; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px;  text-align:center; color:#000; white-space:nowrap; font-weight:bold;} 
#skipNav p a {position:absolute; left:0; top:0; display:block; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px;  text-align:center; color:#000; white-space:nowrap; font-weight:bold;} 
#skipNav p a:focus, #skipNav p a:hover, #skipNav p a:active,
#skipNav ul li a:focus, #skipNav ul li a:hover, #skipNav ul li a:active  {width:100%; height:auto; padding:10px 0; background:#0c4da2; color:#fff; z-index:1000;text-align:center;}