
input:-ms-input-placeholder{color:#a9a9a9;}/* Internet Explorer 10+ */ 
input::-webkit-input-placeholder{color:#a9a9a9;}/* WebKit browsers */
input::-moz-placeholder{color:#a9a9a9;}/* Mozilla Firefox 4 to 18 */ 
input:-moz-placeholder{color:#a9a9a9;}/* Mozilla Firefox 19+ */ 

/* v201910 Navigation */
header{position:fixed;width:100%;left:0;top:0;font-family: Helvetica;z-index: 10;}
.nav-container{width:100%;height:90px;background: rgba(255,255,255,1); z-index:2000;
				-webkit-box-shadow: 0 0 50px #ccc; box-shadow: 0 0 50px #ccc;
    			 -webkit-transition: background 1s; transition: background 1s;}
.navigation-wrap{width:1240px; margin:0 auto;background:;}
.navigation-cont{position:relative;width:100%;}

.navbar-logo{float:left;}
.navbar-logo .navbar-logo-aiib{width:250px;padding:15px 0;margin:0 15px;}
.navbar-logo .navbar-logo-aiib img{width:100%;height:auto;}

.navbar-detail{float:right; }
.navbar-detail .navbar-icon-btn{float:right;width:;padding:32px; display:none;}
.navbar-detail .navbar-icon-btn span{position:relative;width:24px;height:4px;background-color: #666666;border-radius: 1px;display: block;}
.navbar-detail .navbar-icon-btn span:before,
.navbar-detail .navbar-icon-btn span:after{content: "";position:absolute;left:0;top:-10px;width:24px;height:4px;background-color: #666666;}
.navbar-detail .navbar-icon-btn span:before{top:auto;bottom:-10px;}

.navbar-detail .navbar-items{display:block;margin:0 15px;}
.navbar-detail .nav-item{float:left;}
    
.navbar-detail a.nav-item-level1{position:relative; font-size: 13px;height:55px; line-height:40px;border-top:5px solid transparent;margin:0 1px; padding:20px 10px 10px; color: #666666;text-align:center; font-family: Helvetica-Bold;box-sizing: content-box;}
.navbar-detail a.nav-item-level1.active,
.navbar-detail a.nav-item-level1.ahover{border-color: #0d3457;color:#0d3457;}
.navbar-detail a.nav-item-level1 i{display:none; position:absolute;top: auto;bottom: 0;left: 50%;margin-left: -5px; z-index: 2010;
								 border: 10px solid rgba(0, 0, 0, 0);border-bottom: 10px solid #fff; }
.navbar-detail .nav-item-menu{display: none;padding:15px 15px 0 15px;background:#FFF;position:absolute;right:0;top:90px;border-top-left-radius: 0;border-radius: 0; border: none; box-shadow:0 1px 8px 4px #aaa; transition: all 0.3s ease-in 0s;}
.nav-item-menu .item-menu-col{float:left;width:330px;margin: 0 10px; box-sizing: content-box;}
.nav-item-menu .item-menu-col .item-menu-group{margin-bottom:20px;}
.nav-item-menu .item-menu-col .nav-item-level2{display:block; cursor:auto; font-size:16px;line-height:1.4;font-family: Helvetica-Bold; padding:5px 0; border-bottom: 3px solid #0d3457; color: #0d3457;}
.nav-item-menu .item-menu-col .nav-item-level2 i{display:none;}
.nav-item-menu .item-menu-col .nav-item-level3 a{display:block; font-size:14px;line-height:1.4;font-family: Helvetica; padding:7px 0; border-bottom:1px solid #afafaf;color:#666;}
.nav-item-menu .item-menu-col .nav-item-level3 a:hover,
.nav-item-menu .item-menu-col .nav-item-level3 a.ahover,
.nav-item-menu .item-menu-col .nav-item-level3 a.active{font-weight:bold; color:#0d3457;border-bottom:1px solid #0d3457; }
.nav-item-menu .item-menu-col ul {margin: 0;list-style: none;padding: 0;}

.nav-item-menu .item-menu-col .nav-item-level2:hover,
.nav-item-menu .item-menu-col .nav-item-level2:active{color:#0d3457; }
	
.navbar-detail .nav-item-search{float:right;}
.navbar-detail .nav-item-search .navicon-search{width:40px;height:40px;background:url('../../img/search.svg') no-repeat center;background-size:60%; display:inline-block;}
.navbar-detail .nav-item-search .menu-search{}
.navbar-detail .nav-item-search .menu-search input{width:200px;height:40px;font-size:16px;border-bottom: 1px solid #ddd;border-top: 0;border-left: 0;border-right: 0;}
.navbar-detail .nav-item-search .menu-search .btn-search{background: #0d3457;color:#FFF;padding:12px 20px;margin:0 5px;;font-size:13px;height:38px;border-radius: 4px;font-family: Helvetica-Bold;}
.navbar-detail .nav-item-search .menu-search .btn-search:hover {background: #52b8e0;}
.navbar-detail .nav-item-search .nav-item-menu{padding:0;}

@media only screen and (max-width: 1240px){
	.navigation-wrap{width:100%; }
	.navbar-logo .navbar-logo-aiib{width:160px;padding:25px 0;}
	.navbar-detail .nav-item-menu{right:20px;}
	.nav-item-menu .item-menu-col{width:300px;}
}
@media only screen and (max-width: 1140px){
	.navbar-logo .navbar-logo-aiib{width:152px;padding:26px 0;margin: 0 10px;}
	.navbar-detail a.nav-item-level1{ padding: 20px 4px 10px;}
	.nav-item-menu .item-menu-col{width:260px;}
	.nav-item-menu .item-menu-col .nav-item-level2{font-size:14px;}
}
@media only screen and (max-width: 1024px){
	.nav-container{height:70px;}
	.navbar-logo .navbar-logo-aiib { width: 200px; padding: 10px 0;margin: 0 20px;}
	.navbar-detail .navbar-icon-btn{display:block;}
	.navbar-detail .navbar-icon-btn span{transition: all 0.5s;}
	.navbar-detail .navbar-icon-btn span::before{ transform: rotate(0); transition: all 0.5s;}
	.navbar-detail .navbar-icon-btn span::after{transform: rotate(0);transition: all 0.5s;}
	.navbar-detail .navbar-icon-btn.open span{background:transparent;transform: translateX(0px);transition: all 0.5s;}
	.navbar-detail .navbar-icon-btn.open span::before{ margin-bottom: 10px;transform: rotate(-45deg); transition: all 0.5s;}
	.navbar-detail .navbar-icon-btn.open span::after{margin-top: 10px;transform: rotate(45deg);transition: all 0.5s;}
	
	.navbar-detail .navbar-items{display:none;max-height:500px;overflow-y:auto; position:absolute;width:100%;left:0;top:70px;margin:0;background:#FFF;
								-webkit-box-shadow:inset 0 15px 10px 0 #eee,0 5px 10px 0 #eee; box-shadow:inset 0 15px 10px 0 #eee,0 5px 10px 0 #eee; }
	.navbar-detail .nav-item{float:none!important;margin: 0 30px;}
	.navbar-detail a.nav-item-level1{display: block;text-align: left;height:40px;line-height:40px; padding:4px;border-top: 0;border-bottom: 3px solid transparent;}
	.navbar-detail a.nav-item-level1 i{display:block;left:auto;right:-1px;top:20px;bottom:auto;border: 10px solid rgba(0, 0, 0, 0);border-left: 8px solid #888; transform: rotate(90deg);}
	.navbar-detail a.active i{border-left: 8px solid #0f375a;}
	.navbar-detail a.nav-item-level1.ahover i{border-left-color: #0f375a;right: 0; top: 9px;-webkit-transform: rotate(270deg);transform: rotate(270deg);}
	.navbar-detail .nav-item-menu{ position:relative;left:0;top:0;right:0;bottom:0;padding:0;margin-bottom:15px; -webkit-box-shadow:none;box-shadow: none;}
	.nav-item-menu .item-menu-col{width:calc(100% - 20px); float:none;margin:0;margin-left:20px;}
	.nav-item-menu .item-menu-col .nav-item-level2{border-width:2px;position:relative;color:#666;border-color: #666;}
	.nav-item-menu .item-menu-col .nav-item-level2 i{display: block;position:absolute;top:10px; right:0;margin-left: -5px; z-index: 2010;
								 border: 10px solid rgba(0, 0, 0, 0);border-left:8px solid #888;transform: rotate(90deg);}
	.nav-item-menu .item-menu-col .nav-item-level2.ahover,
	.nav-item-menu .item-menu-col .nav-item-level2.active{border-color:#0f375a;color:#0f375a; }
	.nav-item-menu .item-menu-col .nav-item-level2.ahover i,
	.nav-item-menu .item-menu-col .nav-item-level2.active i{border-left-color:#0f375a;top: 0;right: 0; -webkit-transform: rotate(270deg);transform: rotate(270deg); }
	
	.navbar-detail .nav-item-search .nav-item-level1.ahover{border-color:transparent;}
	.navbar-detail .nav-item-search .navicon-search{background-position:left center;}
	.navbar-detail .nav-item-search .menu-search input{width:calc(100% - 56px);}
	.navbar-detail .nav-item-search .menu-search .btn-search{margin:0;margin-left:10px;}
	.nav-item-menu .item-menu-col .item-menu-group .nav-item-level3{display:none;}
	.nav-item-menu .item-menu-col .nav-item-level3 a{border-color:transparent;margin-left:20px;padding: 16px 0 0 0;}
	.nav-item-menu .item-menu-col .nav-item-level3 a:hover, 
	.nav-item-menu .item-menu-col .nav-item-level3 a.ahover,
	.nav-item-menu .item-menu-col .nav-item-level3 a.active{border-color:transparent;}
	
	.nav-item-menu .item-menu-col .item-menu-group{margin-bottom: 15px;margin-top: 15px;}
}
@media only screen and (max-width: 992px){}
@media only screen and (max-width: 768px){}

/****************************** SHARE (used for whole site, e.g. news) *****************************/
.share-items a{display:inline-block;border-radius:; height:30px;width:30px; background:url('../../img/homepage/share.png') no-repeat 0 0;  text-decoration: none; margin-right:10px;}
#a-twitter{background-position:0 0;}
#a-twitter:hover{background-position:0 -30px;;}
#a-linked{background-position:-30px 0;}
#a-linked:hover{background-position:-30px -30px;}
#a-facebook{background-position:-60px 0;}
#a-facebook:hover{background-position:-60px -30px;}
#a-sina{background-position:-90px 0;}
#a-sina:hover{background-position:-90px -30px;}

.follow-share-pannel{margin-bottom: 30px;}
.share-pannel{margin:15px 0 0 0;} 
.share-pannel .share-items{text-align:left;}

@media only screen and (max-width: 768px){
	 .share-pannel .share-items{text-align:left;}
}

/****************************** FOOTER *****************************/

.footer-container{padding-top: 40px;color: #fff;background:#2d2926;font-family: Helvetica,Arial;}
.footer .row{margin:0;}
.footer .row .footer-right {margin-left:30px;}
.footer .head{font-size:18px;font-family: Helvetica-Bold;line-height:2;}
.footer .copy{margin:5px 0 60px;}
.footer .copy p{font-size:14px;line-height:22px;}
.footer .address{margin-bottom:40px;width: 100%;}
.footer .address input{width:50%;height:53px;font-size:16px;color:#666;line-height:30px;background:#FFF;border:1px solid #fff;padding:0 10px;box-sizing: content-box;margin-right: 5px;}
.footer .address input::-webkit-input-placeholder{color: #aaa;}
.footer .address a.btn-2021-black{width: 40%;line-height: 54px;}
.footer .address a.contact{    float: left; margin-right: 20px; width: 50%;}
.footer .address .shares{margin-top:5px;}
.footer .links{margin-bottom:20px;}
.footer .links a{display: block;font-size:14px;line-height:30px;color:#fff;}
.footer .links a:hover{text-decoration: underline;}

.copyright .links {text-align: center;}
.copyright .links a{font-size:13px;line-height:20px;margin: 20px 0;color:#fff;}
.copyright .links a:hover{text-decoration: underline;}
.copyright .links a.copyright-link-left {margin-right:30px;}

.footer .share-2021 {margin-top:10px;}

@media only screen and (max-width: 992px) {
	.footer-container {padding-top: 30px;}
	.footer .copy{margin-bottom:40px;}
	.footer .row .footer-right {margin-left: 0;}
}
@media only screen and (max-width: 768px) {
	.footer .row{margin:0;}
	.footer .address input{max-width:200px;}
	.footer .address a.sign{max-width:150px;}
	
	.copyright .links {margin: 40px 0 20px 0;}
	.copyright .links a {margin: 0;}
}


/* start: subscription footer popup 20200320 */
.subscription-footer-popup {height: 90px;position: fixed; width: 100%; left: 0; bottom: 0; font-family: Helvetica; z-index: 10; background-color: #f0f0f0;-webkit-box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc;}
.subscription-footer-popup .container {padding-right: 0;  padding-left: 0;}
.subscription-footer-popup .inner-content {margin: 0 auto; height: 100%;}
.subscription-footer-popup .closeButtonDiv .sbutton {font-size:25px;margin-left: 98%;  margin-top: 5px; color: #666;cursor:pointer}
.subscription-footer-popup .closeButtonDiv .sbutton:hover {color: #0ebae3;}
.subscription-footer-popup .stitle {font-size: 18px; font-family: Helvetica-Bold;margin-top: 14px; text-align: right;}
.subscription-footer-popup .shares {margin-top:7px;}
.subscription-footer-popup .shares a {display: inline-block;height: 30px; width: 30px; background: url(../../img/homepage/share.png) no-repeat 0 0; text-decoration: none; margin-right: 10px;}
.subscription-footer-popup input {width: 60%;height: 31px; font-size: 14px; letter-spacing: 0.5px; color: #333; line-height: 30px; background: #FFF; border: 1px solid #ddd; border-radius: 4px; padding: 6px; box-sizing: content-box; margin-right: 5px;}
.subscription-footer-popup a.sign {background: #0d3457; color: #fff; width: 30%; height: 44px; line-height: 45px; text-align: center; font-size: 13px; font-family: Helvetica-Bold; border-radius: 4px; display: inline-block; letter-spacing: 0.5px;}
.subscription-footer-popup a.sign:hover {background-color: #0ebae3;}

@media only screen and (max-width: 1024px){
	.subscription-footer-popup .stitle {}
}
@media only screen and (max-width: 768px){
	.subscription-footer-popup {height: 90px;}
	.subscription-footer-popup .closeButtonDiv .sbutton {margin-left: 96%;}
	.subscription-footer-popup .shares {margin-top: 5px;}
	.subscription-footer-popup .stitle {margin-top: 10px;font-size: 16px;line-height: 20px;}
	.subscription-footer-popup .stitle2 {margin-top: 5px;}
}
@media only screen and (max-width: 500px){
	.subscription-footer-popup {height: 125px;}
	.subscription-footer-popup .closeButtonDiv .sbutton {font-size: 22px;margin-left: 93%;margin-bottom: 0;}
	.subscription-footer-popup .shares {margin-top: 0;}
	.subscription-footer-popup .stitle {font-size: 14px; margin-top: 7px;line-height: 15px;}
	.subscription-footer-popup .sform {margin-top: 5px;}
	.subscription-footer-popup input { width: 58%;}
}
@media only screen and (max-width: 400px){
	.subscription-footer-popup .stitle { font-size: 12px;}
}
/* end: subscription footer popup */
