html,body,div,footer,header,article,aside,section,span,h1,h2,h3,h4,h5,h6,p,a,font,img,strong,b,u,i,center,ol,ul,li,form,label,table,button,input{margin:0;padding:0;border:0;outline:0;background:transparent;font-size:100%;font-weight:normal}
ol,ul,li{list-style:none;list-style-type:none}
:focus{outline:0}
body{min-width:1269px;direction:rtl;font-family:hoonel;font-size:12px;line-height:19px;background:#f9f9f9}
body a{text-decoration:none;color:#000000}
body a:hover{text-decoration:none}
.wrapper{width:1269px;margin:0 auto}
.header{min-width:1269px;width:100%;height:86px;background:#fff;box-shadow:0 0 7px 0 #ccc}
.head{height:32px;background:#0a95ff;font-size:12px;line-height:32px}
.head a{display:inline-block;color:#fff;margin-left:25px}
.head b{display:inline-block;background:#fff;color:#111;text-align:center;padding:0 15px;margin-left:25px}
.head-lang{float:left;height:30px;color:#fff}
.logo{float:left;height:26px;margin-top:14px}
.logo img{float:left;width:auto;height:26px;color:#fff;}
.logo span{float:left;font-size:22px;line-height:22px;color:#4285f4;font-family:tahoma;margin:4px 0 0 7px}
.catbar{float:right;width:300px;height:20px;line-height:20px;font-size:13.5px;color:#4285f4;margin:17px 17px 0 10px}
.catbar a{color:#4285f4}
.search{float:right;width:550px;height:30px;border:1px solid #dfe1e5;border-radius:15px;margin-top:11px}
.search input{float:right;width:480px;height:20px;font-family:hoonel;font-size:11px;margin:4px 15px 0 0}
.search button{float:left;width:18px;height:18px;padding:0 4px 4px 0;background:#fff;cursor:pointer;margin:6px 0 0 13px}
.header-pad{padding-top:28px}
.footer{height:60px;text-align:center;line-height:25px;font-size:11.1px;color:#000000;padding-top:50px}
.footer a{margin:5px}
.clr{clear:both}
.mainh{height:0px;overflow:hidden}
@font-face{font-family:hoonel;font-weight:100;src:url(//portal.hoonel.com/templates/static/fonts/100.eot);src:url(//portal.hoonel.com/templates/static/fonts/100.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/100.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/100.ttf) format("truetype")}
@font-face{font-family:hoonel;font-weight:300;src:url(//portal.hoonel.com/templates/static/fonts/300.eot);src:url(//portal.hoonel.com/templates/static/fonts/300.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/300.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/300.ttf) format("truetype"),url(//portal.hoonel.com/templates/static/fonts/300.woff2) format("woff2")}
@font-face{font-family:hoonel;font-weight:400;src:url(//portal.hoonel.com/templates/static/fonts/400.eot);src:url(//portal.hoonel.com/templates/static/fonts/400.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/400.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/400.ttf) format("truetype"),url(//portal.hoonel.com/templates/static/fonts/400.woff2) format("woff2")}
@font-face{font-family:hoonel;font-weight:500;src:url(//portal.hoonel.com/templates/static/fonts/500.eot);src:url(//portal.hoonel.com/templates/static/fonts/500.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/500.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/500.ttf) format("truetype")}
@font-face{font-family:hoonel;font-weight:700;src:url(//portal.hoonel.com/templates/static/fonts/700.eot);src:url(//portal.hoonel.com/templates/static/fonts/700.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/700.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/700.ttf) format("truetype"),url(//portal.hoonel.com/templates/static/fonts/700.woff2) format("woff2")}
@font-face{font-family:hoonel;font-weight:800;src:url(//portal.hoonel.com/templates/static/fonts/800.eot);src:url(//portal.hoonel.com/templates/static/fonts/800.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/800.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/800.ttf) format("truetype")}
@font-face{font-family:hoonel;font-weight:900;src:url(//portal.hoonel.com/templates/static/fonts/900.eot);src:url(//portal.hoonel.com/templates/static/fonts/900.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/900.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/900.ttf) format("truetype")}
@font-face{font-family:hoonel;font-weight:950;src:url(//portal.hoonel.com/templates/static/fonts/950.eot);src:url(//portal.hoonel.com/templates/static/fonts/950.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/950.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/950.ttf) format("truetype")}
.boxarchive > a{display:block;float:right;width:290px;height:84px;background:#fefefe;padding:8px;border-radius:4px;overflow:hidden;box-shadow:0 0 4px #aaa;margin:0 0 15px 15px}
.boxarchive > a img{float:right;width:104px;height:84px;background:#222;color:#223;border-radius:4px;overflow:hidden;position:absolute;z-index:1}
.boxarchive > a span{font-size:18px;background:#aaa;color:#fff;padding:2px 3px 3px 4px;margin:52px 75px 0 0;position:absolute;z-index:2}
.boxarchive > a h3{font-size:12px;line-height:20px;margin-right:115px}
.boxarchive > a:hover img{opacity:0.8}
.boxarchive > a:nth-child(4), .boxarchive > a:nth-child(8), .boxarchive > a:nth-child(12), .boxarchive > a:nth-child(16){margin:0 0 15px 0}
.pages{margin-top:15px}
.pages > a{display:inline-block;width:34px;height:30px;line-height:32px;text-align:center;background:#4285f4;color:#fff;margin-right:5px;border-radius:4px;box-shadow:0 0 4px #aaa}
.pages > span{display:inline-block;width:34px;height:30px;line-height:32px;text-align:center;background:#eee;color:#000;margin-right:5px;border-radius:4px;box-shadow:0 0 4px #aaa}



.i-search{display:block;position:relative;width:9px;height:9px;border:2px solid #4285f4;border-radius:50%;direction:ltr}
.i-search::after{display:block;position:absolute;width:2px;height:7px;background:#4285f4;transform:rotate(-45deg);margin:8px 0 0 10px;content:"";border-radius:3px}
.i-menu{display:block;position:relative;width:25px;height:3px;background:#4d90fe;border-radius:3px;margin-top:2px;direction:ltr}
.i-menu::after{display:block;position:absolute;width:25px;height:3px;background:#4d90fe;border-radius:3px;margin-top:8px;content:""}
.i-menu::before{display:block;position:absolute;width:25px;height:3px;background:#4d90fe;border-radius:3px;margin-top:16px;content:""}
.i-menuc{display:none;position:relative;width:25px;height:25px;margin-top:-0px;direction:ltr}
.i-menuc::after{display:block;position:absolute;width:29px;height:3px;background:#4d90fe;transform:rotate(-45deg);border-radius:3px;margin:11px 0 0 -2px;content:""}
.i-menuc::before{display:block;position:absolute;width:29px;height:3px;background:#4d90fe;transform:rotate(45deg);border-radius:3px;margin:11px 0 0 -2px;content:""}


.menu{float:right;display:block;position:relative;margin:15px 0 0 10px}

.menu-btn{display:block;width:25px;height:25px;cursor:pointer}
.menu-btnc{top:0;right:0;bottom:0;left:0;cursor:pointer;position:absolute;z-index:10;display:none}

.menu-content{position:absolute;right:0;opacity:0;font-size:14px;visibility:hidden;z-index:999999;background:#fff;width:1235px;height:390px;padding:15px 20px 15px 14px;box-shadow:0 6px 12px 0 #555;transition:0.15s ease-out;;margin-top:15px}
.menu-content p{float:right;width:127px;margin-left:10px}
.menu-content p .ddmenu-con-title{display:block;color:#222;width:97px;height:30px;line-height:30px;font-size:11.5px;padding:0 15px;border-bottom:1px solid #d6d6d6}
.menu-content a:hover{background:#f5f5f5}
.menu-content a{display:block;color:#333;width:97px;height:30px;line-height:30px;font-size:10.5px;padding:0 15px}
.menu:focus .menu-content{visibility:visible;opacity:1}
.menu:focus .menu-btnc{display:inline-block}
.menu-btnc:focus .menu-content{opacity:0}

.menu:focus .i-menu{display:none}
.menu:focus .i-menuc{display:block}