@charset "UTF-8";

/**
 * Reset Stylesheet
 * Zen Nam
 * http://www.bytheway.hk
*/
 
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

* {
	margin:0;
	padding:0;
	-webkit-font-smoothing: antialiased;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

body {
	line-height: 1;
}

body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ul, li, ol, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {
  margin: 0;
  padding: 0;
  border: 0; 
}


button, input[type="button"], input[type="reset"], input[type="submit"],
a:active, a:hover {
  outline: none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img {
	border:0;
}

li {
	list-style:none;
}

caption,
th {
	text-align:left;
}

q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:super;
}
sub {
	vertical-align:text-bottom;
}

/*to enable resizing for IE*/
input,
textarea,
select {
	font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	/*font-style:normal;
	font-weight:normal;*/
}

/*-------------------------------------------------
	
					Font Reset
	
---------------------------------------------------*/


select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

table {
	font-size:inherit;
	font:100%;
}
textarea, input:not([type]), input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="url"], input[type="week"] {
	padding: 2px;
}

input[type="color"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="month"] {
	/*BUGFIX: http://stackoverflow.com/questions/5449412/css-styling-for-input-buttons-on-ipad-iphone*/
	-webkit-appearance: none;
	-moz-appearance: none;
}
input[type="button"] {
	background-color: transparent;
}
input, textarea, keygen, select, button, isindex {
margin: 0em;
margin-bottom:8px;
font: -webkit-small-control;
color: initial;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: -webkit-auto;
}
/**
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	background-color:#FFF;
	border:solid 1px #d7d7d7;
}**/
textarea {
	resize: none;
}
input:-webkit-autofill {
	background-color: #CCC;
	background-image: none;
	color: black;
}
/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	/*font-family:monospace;
	*font-size:108%;
	line-height:100%;*/
}


/*-------------------------------------------------
	
					Common Use
	
---------------------------------------------------*/

.clear {
	content:"";
	clear:both;
	float:none;
}
.v-center {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}


.line {
    
}

.hr-line {
    display: block;
    width: 100%;
    height: 1px;
    background-color: darkslategray;
    margin-top: 2em;
    margin-bottom: 2em;
}