@charset "utf-8";

/**
 * Filename: common.css
 * Description: web font, base
 **/

/* ==========================================================================
   Base styles & Helper
   ========================================================================== */

@font-face{
	font-family:'Godo';
	font-style:normal;
	font-weight:400;
	src:url(../font/GodoM.woff2) format('woff2'),
	     url(../font/GodoM.woff) format('woff');
}
@font-face{
	font-family:'Godo';
	font-style:normal;
	font-weight:700;
	src:url(../font/GodoB.woff2) format('woff2'),
	     url(../font/GodoB.woff) format('woff');
}
@font-face {
	font-family: 'robotolight';
	font-weight: normal;
	 font-style: normal;
	src: url(../font/Roboto-Light-webfont.eot);
	src: url(../font/Roboto-Light-webfont.eot?#iefix) format('embedded-opentype'),
		 url(../font/Roboto-Light-webfont.woff) format('woff'),
		 url(../font/Roboto-Light-webfont.ttf) format('truetype'),
		 url(../font/Roboto-Light-webfont.svg#robotolight) format('svg');
}
@font-face {
	font-family: 'robotomedium';
	font-weight: normal;
	font-style: normal;
	src: url(../font/Roboto-Medium-webfont.eot);
	src: url(../font/Roboto-Medium-webfont.eot?#iefix) format('embedded-opentype'),
		 url(../font/Roboto-Medium-webfont.woff) format('woff'),
		 url(../font/Roboto-Medium-webfont.ttf) format('truetype'),
		 url(../font/Roboto-Medium-webfont.svg#robotomedium) format('svg');
}
@font-face {
	font-family: 'Varela Round';
	font-style: normal;
	font-weight: 400;
	src: local('Varela Round'), local('VarelaRound-Regular'), url(https://fonts.gstatic.com/s/varelaround/v7/APH4jr0uSos5wiut5cpjrkByb1TKJa77egybnpn19yM.woff2) format('woff2');
	unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin */
@font-face {
	font-family: 'Varela Round';
	font-style: normal;
	font-weight: 400;
	src: local('Varela Round'), local('VarelaRound-Regular'), url(https://fonts.gstatic.com/s/varelaround/v7/APH4jr0uSos5wiut5cpjrugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


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%;
    background:transparent;
}

body {color:#000; font: 12px/1 'Godo', sans-serif; font-weight:400;}  
ul, ol {list-style-type:none;}
legend {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
a {text-decoration:none;}
button {margin:0; padding:0; border:0 none; background-color:transparent; font-family:inherit; cursor:pointer; outline:none;}

/* form */
input,
select,
textarea {color:#999; font:12px/1 Godo; font-weight:400; vertical-align:middle; outline:none;}