a,abbr,acronym,address,applet,article,aside,b,big,blockquote,body,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,menu,nav,object,ol,p,pre,q,s,samp,section,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}
html{line-height:1;font-size:62.5%}
body{position:relative;font-family: tahoma;font-size:13px;line-height:1.4;color:#333}
dd,dl,dt,li,ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
:focus{outline:0}
a{text-decoration:none;color:#cc4d29; }
a:hover{text-decoration:underline;color:#333;}
button,input,select{vertical-align:middle;padding:0;margin:0}
form{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}
input{outline:0;border-radius:0;box-shadow:0 0;border:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,0,0,0)}
article,aside,dialog,figure,footer,header,menu,nav,section{display:block}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
*{box-sizing:border-box}
.fl{float:left}
.fr{float:right}
input:-moz-placeholder{color:#999}
input::-moz-placeholder{color:#999}
input:-ms-input-placeholder{color:#999}
input::-webkit-input-placeholder{color:#999} 

/*===================header and footer===================*/
.header-bg{ position: relative; height: 60px; background: #fff; -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.05); box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);} 
.home-menu{ cursor: pointer; display: block; float:left; width:40px; height: 40px; background: url(../img/icon-menu.png) no-repeat; background-size: cover; margin-top: 10px;}
.header-search-box{ position: relative; float: left; border: 1px solid #e8e8e8; border-radius: 4px; height:35px; padding-left:30px; width:300px; margin-top: 12px; margin-left: 10px;} 
.header-search-btn{ left:5px; top:5px; }
.header-search-txt,.m-search-txt{ width:100%; height: 33px; line-height: 33px; padding:0 5px;} 
.header-search-btn ,.m-search-btn{ position: absolute; width:24px; height: 24px; background:url(../img/icon-search1.png) no-repeat; background-size: cover; border:none; cursor: pointer;}
.m-search-img{ display: none; float:left;width: 24px; height: 24px; background: url(../img/icon-search1.png) no-repeat; background-size: cover; cursor: pointer; margin-top:18px; margin-left: 10px;}
.m-search-box{ display: none; position: absolute; width:100%; padding:0 40px 0 50px; height:60px; left:0; top:0; z-index: 2; background: #fff;}
.m-search-btn{left:20px; top:16px;}
.m-search-txt{ margin-top: 14px;  } 
.m-search-close{ position: absolute; right:20px; top:22px; width:16px; height: 16px; background: url(../img/icon-close.png) no-repeat; background-size: cover; cursor: pointer;}
 
.header-right-box{ float:right;}
.header-right-btn{ border-radius:4px; float:left; margin-left: 10px; margin-top: 15px; display: inline-block; height:30px; line-height: 28px; font-size:11px; padding:0 10px; border: 1px solid #e8e8e8; }
.header-right-btn:hover{ background: #e8e8e8;}
.header-right-light{ color: #fff; background: #cc4d29; border-color: #cc4d29;}
.header-right-light:hover{background:#e4461b;border-color:#e4461b}
/* menu */
.menu-overlay{display: none; position: fixed; top: -10px; left: 0; bottom: 0; z-index: 99; height: 110%;width: 100%;background-color: rgba(0,0,0,.5);}
.menu-in{overflow-y: auto; position: fixed; left: -300px; top: 0px; z-index: 999; width:300px; height: 110%;background-color: #fff;}
.left-nav-logo{ background:#263038; padding:12px 0;  } 
.left-nav-logoimg{ display: inline-block; vertical-align: middle; position: relative; margin-left:15px; width: 60px; height: 30px; background: url(../img/aio-top.png) no-repeat; background-size:contain; top:5px; }
.left-navtext{ margin-left: 10px; display: inline-block; vertical-align: middle; font-size: 18px; color: #fff;}
.left-navtext:hover{ color: #fff;}
.left-nav-ul{ margin: 7.5px 0;}
.left-nav-ul li{ width: 100%;  cursor: pointer;  display: block;  position: relative;}
.left-nav-ul li a{border-bottom: 3px solid #fff; line-height: 20px;  display: block; position: relative; padding:10px 15px; font-weight: 400;  color: #4A4A4A; font-size: 14px; opacity: 0.8;}
.left-nav-ul li:hover{ background: #f6f6f6;}
.left-nav-ul li a:hover , .left-nav-ul li.left-active a{ opacity: 1;}  
/* menu end */ 
.footer{ background: #263038; padding:50px 0;} 
.footer-top-msg{letter-spacing:1px; text-align: center; color: #fff; font-size:20px}
.footer-two-msg{height: 46px; border-radius: 5px; background: #1b2228; max-width: 600px; width:100%; margin: 20px auto 0; }
.footer-two-msg .txt{ line-height: 35px; color: #8496a0; margin: 5px 0 0 10px;background:none;}
.footer-two-msg .btn{ border:none; float:right; margin-right: 6px; margin-top: 6px; width:90px; height: 34px; background: #3295e8; color: #fff; border-radius: 5px; cursor: pointer;}
.footer-last-msg{color: #8496a0; margin-top: 50px; text-align: center;}
.footer-last-msg a{color:#8496a0;}
/*===================header and footer end===================*/ 

/*===================public===================*/
.body-bg{ background: #f3f3f3;}
.content,.w1100{padding-left: 15px; padding-right: 15px;max-width: 1100px; width:100%; margin: 0 auto;} 
.bg-white{ background: #fff;border-radius: 5px;} 
.title-box{ font-size:28px; color: #000; padding-bottom: 10px; font-family:'Lalezar';} 
.pd20{padding:20px;}
.mtop10{ margin-top: 10px;}
.mtop20{ margin-top: 20px;}
.mtop50{ margin-top: 50px;} 
/*===================public end===================*/ 
/*===================home===================*/
.home-top-img{ text-align: center;}
.home-top-img img{ max-width: 100%;} 
.home-h1-title{ font-size:28px; font-weight: bold;font-family:'Farro',Tahoma;}
.home-h1-title a{ color: #000;}
.home-h1-title a:hover{ opacity: .8;} 
.home-top-tags{ }
.home-top-tags a { display: inline-block; margin-right: 10px; margin-top: 10px; padding:0 10px; height: 24px; line-height: 24px; font-size:11px; color:#6f6f6f; border:1px solid #e8e8e8; border-radius: 2px; background: #fff;}
.home-top-tags a i{ display: inline-block; width:12px; height: 12px; background: url(../img/tag-img.png) no-repeat; background-size: cover; margin-right:5px;}
.home-top-tags a:hover{ background: #e8e8e8;} 
.home-top-msg{ position: relative; display: -webkit-box;  display: -ms-flexbox; display: flex; min-height: 76px; padding-right:90px;}
.home-top-p{ line-height: 24px; color: #000;}  
.home-num-box{ position: absolute; top: 50%;  right: 0;  -webkit-transform: translateY(-50%);  transform: translateY(-50%); width: 64px;  height: 74px; border:1px solid #e8e8e8; text-align: center; text-align: center;}
.home-num-i{ display: inline-block;width:0; height:0; border-right:6px solid transparent; border-left:6px solid transparent; border-bottom:10px solid #000; margin-top: 25px;}
.home-num-msg{ display:block;  } 
.list-one-ul li{float:left; width:100%; padding:20px; border-bottom: 1px solid #e8e8e8;}
.list-one-box{position: relative; display: -webkit-box;  display: -ms-flexbox; display: flex;padding-right:90px;}
.list-one-main{ padding-left: 95px; position: relative;}
.list-one-img{ display: block; position: absolute; left:0; top:5px; width:80px; height: 80px;}
.list-one-img img{ width:100%;  }
.list-one-msg{ color: #666; line-height: 24px;}
.list-one-title a{ font-size:16px; color: #000;font-weight:bold;}
.list-one-title a:hover{ opacity: .8;} 
.list-two-ul{ margin-top: -20px;}
.list-two-ul li{ float:left; border-bottom: 1px solid #e8e8e8; padding:20px 0; width:100%;}
.list-two-box{ position: relative; padding-right: 75px; min-height: 60px;}
.list-two-img{ display: block; width:60px; height: 60px; position: absolute; right:0; top:0;}
.list-two-img img{ width:100%;} 
.more-msg-box{ text-align: center;} 
.more-msg-box a{ color: #cc4d29; font-size:11px; font-weight: bold;}
.more-msg-box a:hover{ text-decoration: underline; } 
/*===================home  end===================*/ 
/*===================login===================*/ 
.login-box{ min-height:500px;}
.login-title{ text-align: center; font-size:60px;margin-top:30px;}
.login-input,.login-btn{display: block; width:260px; margin: 20px auto 0;height: 40px; line-height: 40px;border-radius: 4px; text-align: center;}
.login-input{  border:1px solid #e8e8e8;  padding:0 5px;}
.login-btn{ color: #fff; background: #00ACED; border:none; cursor: pointer; font-weight: bold; font-size:16px;}
.login-btn:hover{ opacity: .8;}
/*===================login end===================*/ 
@media only screen and (min-width:1200px){  
	.content{display: flex;flex-flow: row;}
	.page-left{-webkit-box-flex: 1; -ms-flex: 1;  flex: 1; min-width: 0;}
	.page-right{width: 330px;margin: 0 0 0 20px;}
} 
@media only screen and (max-width:680px){  
	 .header-search-box{ display: none;}
	 .m-search-img{ display: block;}
	 .pgs nav{width:300px;}
}
  


#etable{width:100%;font-size:14px;}
#etable .ld{padding:4px;width:100px;text-align:right;font-weight:bold;padding-right:10px;vertical-align:top;}
#etable .rd{padding:4px;}
#etable .rd input, #etable .rd textarea{width:100%;border:1px solid #c0c0c0;line-height:20px;padding:3px;}




.member_list a{display:inline-block;}
.member_list a span{display:inline-block;width:55px;height:55px;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;border-radius:50%;margin:3px 7px;}


.user{color:#cc4d29 !important;border:none !important;background:none !important;padding-left:0 !important;}

.logo{position:absolute;left:50%;margin:0 0 0 -50px;}
.logo img{width:36px;height:36px;margin:8px 0 0 0;}
.logotxt{position:absolute;left:50%;margin:8px 0 0 0;font-family:'Lalezar';font-size:30px;color:rgb(248,57,41);}

.user_profile{text-align:center;padding:0 0 20px 0;}
.user_profile .avatar{display:inline-block;width:160px;height:160px;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;border-radius:50%;margin:3px 7px;}
.user_profile h1{font-size:40px;font-family:'Farro',Tahoma;}

#foot_cookie{background-color:#2C7CBF;color:#FFF;padding:15px;height:50px;font-size:15px;position:fixed;bottom:0;width:100%;}
#foot_cookie.hide{display:none;}
#cookie_decline{display:inline-block;font-size: 14px;padding: 10px 10px;color:#FFF;}
#cookie_accept{display:inline-block;font-size: 14px;padding: 10px 10px;color: #2C7CBF;background-color:#FFF;}


.ppblock{width:100% !important;text-align:left !important;}
.ppimg{max-width:140px !important;max-height:140px !important;margin:0 !important;}
.pptitle div{position:absolute !important;margin:-90px 0 0 160px !important;font-size:18px !important;font-weight:bold !important;}