input,button{
  transition: all 0.3s;
}

button{
cursor: pointer;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul {
list-style: none;
margin: 0;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

input:focus, textarea:focus, select:focus {
  outline-offset: 0px;
  outline: none; 
}

:focus {
  outline: -webkit-focus-ring-color auto 0px;
}

a{
text-decoration: none;
cursor: pointer;
}

input, input:matches([type="password"], [type="search"]){
padding: 0;
}

.ep1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ep2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
/* flex */
.flex{display:flex}
.flex-a{flex:1;overflow: hidden;}
.flex-b{display:flex;justify-content:space-between}
.flex-c{display:flex;justify-content:center}
.flex-e{display:flex;justify-content:flex-end}
.flex-w{display: flex;flex-wrap: wrap;}
.flex-ac{display:flex;align-items:center;}
.flex-cb{display:flex;align-items:center;justify-content:space-between}
.flex-cc{display:flex;align-items:center;justify-content:center}
.flex-ce{display:flex;align-items:center;justify-content:flex-end}
.flex-ae{display:flex;align-items:flex-end;justify-content:flex-start}
.flex-cs{display:flex;align-items:center;justify-content:flex-start}
.flex-col{display:flex;flex-direction: column;}
.flex-shr{flex-shrink:0;}
::-webkit-scrollbar{width:8px;height:5px}
::-webkit-scrollbar-track{background:rgba(0,0,0,0.1)}
::-webkit-scrollbar-thumb{background:#333}
.x1{width:8.33333333%}
.x2{width:16.66666667%}
.x20{width:20%}
.x3{width:25%}
.x4{width:33.33333333%}
.x5{width:41.66666667%}
.x6{width:50%}
.x7{width:58.33333333%}
.x8{width:66.66666667%}
.x9{width:75%}
.x10{width:83.33333333%}
.x11{width:91.66666667%}
.x12{width:100%}
.wp{width:1200px;margin:0 auto}
/* fonts */
.fb{font-weight: bold;}
.f40{font-size:40px;}
.f36{font-size:36px}
.f30{font-size:30px}
.f28{font-size:28px;}
.f24{font-size:24px}
.f20{font-size:20px}
.f18{font-size:18px}
.f16{font-size:16px}
.f14{font-size:14px;}
.f12{font-size:12px;}
.p80{padding:80px 0;}
.p23{padding:23px 0;}