html,body{width:100%;height:100%}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,hr,p,blockquote,pre,a,abbr,acronym,del,cite,address,small,sub,sup,b,u,i,center,font,em,strong,dl,dt,dd,ul,ol,li,form,fieldset,legend,table,caption,thead,tbody,tfoot,tr,th,td{margin:0;padding:0;outline:none}ul,ol{list-style-type:none}a{text-decoration:none;color:#000000}a:hover{text-decoration:none}a:focus{outline:none}li:focus{outline:none}fieldset,img{border:0}img{display:block}q,blockquote{quotes:"" ""}q:before,q:after,blockquote:before,blockquote:after{content:""}del{text-decoration:line-through}ins{text-decoration:underline}sup{vertical-align:super}sub{vertical-align:sub}cite,em,dfn{font-style:normal}table{border-collapse:collapse;border-spacing:0;empty-cells:show}caption,th,td{font-weight:normal;text-align:left}input,textarea,select,button{font-size:100%;font-family:inherit;margin:0;padding:0}label,button{cursor:pointer}textarea{white-space:pre;resize:none;border:1px solid #ececec}button,input,select,textarea{font-size:100%}article,aside,canvas,details,figcaption,figure,footer,header,menu,nav,section,summary{margin:0;padding:0;display:block;border:0;font-size:100%}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}


.wrap:hover .header-search-box { display:block}
.search:hover .header-search-box { display:block}
.header .search .header-search-box { width:290px; top:50px}
.wrap .header-search-box input { float:left; width:200px}
.header .search .header-search-box button { line-height:30px;}
.header-search-box:hover{display: block} 
