@charset "utf-8";

*{padding:0;margin:0;}
html,body{width:100%;height:100%;font-size: 16px;}
body{ font-family: 'Noto Sans', sans-serif;letter-spacing:-0.3px;font-weight:200;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,tr,td,thead,tbody,form,fieldset,legend,input,textarea,button{margin:0;padding:0;}
ul,ol,li,dl,dt,dd {list-style:none;}
i,em,address{font-style:normal;}
label,button{cursor:pointer;}
button{position:relative;border:none;background:none;}
hr,legend {display:none;}
img,fieldset,iframe {border:none;}
img{vertical-align:top;}
caption {display:none;}
input,select,button{vertical-align:middle;}
button{margin:0;padding:0;border:0;outline:0;text-decoration: none;}
table{border:none;border-collapse:collapse;padding:0;border-spacing:0;border-color: gray}
a{text-decoration:none;color:#333;border:0;outline:0;}
a:link,a:visited,a:active,a:focus{text-decoration:none;}
a:hover{text-decoration:none;}
input {border:0;outline:0;}
strong {font-weight:500;}
.eff {
-webkit-transition : all 0.3s ease;
-moz-transition : all 0.3s ease;
-o-transition : all 0.3s ease;
transition : all 0.3s ease;
}
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-break: break-all;
}
select {border:0;outline:0;}
button,button:focus,button:active, 
input,input:focus,input:active, 
a,a:focus,a:active,
label {
border:0;outline:0;
text-decoration: none;
-webkit-tap-highlight-color : transparent !important;
}

@font-face {
  font-family: "Noto Sans";
  font-weight: 100;
  font-style: normal;
  src: url("../fonts/NotoSans-Thin.eot?") format("eot"),
  url("../fonts/NotoSans-Thin.otf") format("opentype"),
  url("../fonts/NotoSans-Thin.woff") format("woff"),
  url("../fonts/NotoSans-Thin.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans";
  font-weight: 200;
  font-style: normal;
  src: url("../fonts/NotoSans-Light.eot?") format("eot"),
  url("../fonts/NotoSans-Light.otf") format("opentype"),
  url("../fonts/NotoSans-Light.woff") format("woff"),
  url("../fonts/NotoSans-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans";
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/NotoSans-DemiLight.eot?") format("eot"),
  url("../fonts/NotoSans-DemiLight.otf") format("opentype"),
  url("../fonts/NotoSans-DemiLight.woff") format("woff"),
  url("../fonts/NotoSans-DemiLight.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/NotoSans-Regular.eot?") format("eot"),
  url("../fonts/NotoSans-Regular.otf") format("opentype"),
  url("../fonts/NotoSans-Regular.woff") format("woff"),
  url("../fonts/NotoSans-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans";
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/NotoSans-Medium.eot?") format("eot"),
  url("../fonts/NotoSans-Medium.otf") format("opentype"),
  url("../fonts/NotoSans-Medium.woff") format("woff"),
  url("../fonts/NotoSans-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans";
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/NotoSans-Black.eot?") format("eot"),
  url("../fonts/NotoSans-Black.otf") format("opentype"),
  url("../fonts/NotoSans-Black.woff") format("woff"),
  url("../fonts/NotoSans-Black.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans";
  font-weight: 900;
  font-style: normal;
  src: url("../fonts/NotoSans-Bold.eot?") format("eot"),
  url("../fonts/NotoSans-Bold.otf") format("opentype"),
  url("../fonts/NotoSans-Bold.woff") format("woff"),
  url("../fonts/NotoSans-Bold.woff2") format("woff2");
}