/* BASIC css start */
#header{position:fixed;top:100px;left:0;right:0;min-width:1200px;z-index:1001;}
#header .header{position:absolute;top:0;left:100px;padding-left:30px;width:210px;min-height:600px;background-color:rgba(255,255,255,0.4);color:#333;}
#header .link:hover{text-decoration: underline;}
#header .logoArea{padding:39px 0 0 7px;}
#header .listWrap:after{content:"";display:block;clear:both;}
#header .userMenu{padding:21px 0 0;}
#header .userMenu .list{float:left;padding:5px 0;}
#header .userMenu .link{display:block;padding:0 7px;position:relative;line-height:1;color:#333;}
#header .userMenu .link:after{content:"/";display:block;position:absolute;top:0;left:-2px;}
#header .userMenu .list:first-child .link{padding-left:0;}
#header .userMenu .list:first-child .link:after{display:none;}
#header .userMenu .list:last-child .link{padding-right:0;}

#header .menuArea{}
#header .menuArea .title{padding:32px 0 12px;display:block;line-height:1;font-size:14px;font-weight:700;}
#header .menuArea .list{float:left;width:50%;}
#header .menuArea .link{display:block;padding:7px 0 8px;text-transform:uppercase;line-height:1;}

/* search */
.searchArea{padding-top:22px;width:180px;}
.searchArea form{position:relative;}
.searchArea input{position:relative;z-index:2;height:22px;width:148px;border:0;border-bottom:1px solid #333;background-color:transparent;padding:0 22px 0 10px;outline:none;}
.searchArea input:focus{border-color:#afafaf;}
.searchArea .searchBtn{position:absolute;top:0;right:0;width:22px;height:22px;z-index:3;text-align:center;line-height:1;font-size:12px;color:#333;display:block;}
.searchArea .searchBtn .fa{padding-top:6px;}
.searchArea .searchBtn:hover{color:#000;}

.btnTop{position:fixed;z-index:2;right: 20px;bottom: 50px;display:block;}
.btnTop a{display:block;padding: 9px 15px;text-align:center;line-height:1;font-size:36px;color:#333;}
.btnTop a:hover{background-color:rgba(220,220,220,0.3);}
/* BASIC css end */