@charset "utf-8";
/*CSS reset*/
*{box-sizing: border-box;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea{
    outline: none;
    -webkit-appearance: none;
}
input::-ms-clear{display:none;}
input[type=text]{
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
a{
    text-decoration: none;
}
a:focus{outline:none;}
.fl {
    float:left
}
.fr {
    float:right
}
.hide {
    display:none
}
.container{
    width: 1200px;
    margin: 0 auto;
    width: 90%;
    max-width: 1600px;
}
.clear{
    clear: both;
}
.fix{position: fixed;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}
.mr20{margin-right: 20px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}
.mr100{margin-right: 100px;}
.absolute{position: absolute;}
.pl30{padding-left:30px;}
.pr30{padding-right: 30px;}