#banner-wrapper {
	position: fixed;
    /*background-color: #333333;*/
    /*background-color: #e2e7ec;*/
    background-color: #ffffff !important;
	/*color: #999999;*/
	color: #2b3b4e;
	z-index: 2;
	width: 100%;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
#banner-wrapper:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background-image: url('../img/banner_bg_1.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 200px;
}
#banner-wrapper:after {
	content: '';
	width: 200px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background-image: url('../img/banner_bg_2.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
}
#banner-wrapper img {
	width: 35px;
	margin-right: 10px;

}

#banner-box {
	display: flex;
	align-items: center;
	/*height: 80px;*/
	height: 64px;
}
#banner-box .banner-item {
	width: 25%;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.banner-item a {
    color: #3c83ed;
    text-decoration: underline;
}
#banner-box h3 {
	margin: 0px;
}

#nav {
	/*top: 64px !important;*/
	/*top: 64px;*/
}


#wrap {
	/*padding-top: 133px !important;*/
	padding-top: 64px;
}
@media (min-width: 640px) and (max-width: 1024px){
    #header {
        top: 65px;
    }
}
@media (max-width: 639px) {
    #banner-wrapper {
        display: none;
    }

    #header {
        /*top: 0 !important;*/
        top: 0px;
    }
    #wrap {
        /*padding-top: 65px !important;*/
        padding-top: 65px;
    }
}
#banner-wrapper .close-banner{
    display: inline-block;
    position: absolute;
    top: 20%;
    left: 20px;
}
#banner-wrapper .close-banner img{
    width: 13px;
    background-color: white;
    padding: 5px;
    cursor: pointer;
}