/*desctop banner*/            
#body .wrapper {padding-bottom: 100px;}
.custom-banner-wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;                
    text-align: center;
    background: rgba(29, 85, 29, 0.5);
    border-top: 1px solid #eff4be; 
    padding: 16px 10px 10px;
    font-family: arial;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10;
}
.custom-banner-wrapper .custom-banner-content {                
    width: 100%;
    max-width: 1000px;
    display: inline-block;

}
.custom-banner-wrapper .custom-banner-content:before,
.custom-banner-wrapper .custom-banner-content:after {
    content: '';
    display: block;
    clear: both;                
}
.custom-banner-wrapper .custom-banner-content > div {
    float: left;
}
.custom-banner-wrapper p {
    margin: 0;
    color: #edf4be;
    font-size: 20px;
    text-align: center;
}
.custom-banner-wrapper .batton-install {
    font-size: 14px;
    color: #1d551d;
    text-align: center;
    cursor: pointer;
    background: rgb(247,250,219);
    background: -moz-linear-gradient(top,  rgba(247,250,219,1) 0%, rgba(227,236,143,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(247,250,219,1) 0%,rgba(227,236,143,1) 100%);
    background: linear-gradient(to bottom,  rgba(247,250,219,1) 0%,rgba(227,236,143,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fadb', endColorstr='#e3ec8f',GradientType=0 );
    border: 1px solid #2c5a28;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 13px 20px;
    text-decoration: none;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.custom-banner-wrapper .close-btn {
    background: url(/banner/close-icon.png) no-repeat center center transparent;
    position: absolute;
    top: 50%;
    margin-top: -23px;
    right: 10px;
    width: 45px;
    height: 45px;
    cursor: pointer;
    text-decoration: none;
}
.custom-banner-wrapper:after {content: '';display: block; clear: both;}

/*mobile banner*/            
.mobile-custom-banner-wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;                
    text-align: center;
    background: rgba(29, 85, 29, 0.5);
    border-top: 1px solid #eff4be; 
    padding: 16px 10px 10px;
    font-family: arial;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10;
}
.mobile-custom-banner-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mobile-custom-banner-wrapper .custom-banner-content {                
    width: 100%;
    max-width: 1000px;
    display: inline-block;

}
.mobile-custom-banner-wrapper .custom-banner-content:before,
.mobile-custom-banner-wrapper .custom-banner-content:after {
    content: '';
    display: block;
    clear: both;                
}
.mobile-custom-banner-wrapper .custom-banner-content > div {
    float: left;
}
.mobile-custom-banner-wrapper p {
    margin: 0;
    color: #edf4be;
    font-size: 20px;
    text-align: center;
}
.mobile-custom-banner-wrapper .batton-install {
    font-size: 14px;
    color: #1d551d;
    text-align: center;
    cursor: pointer;
    background: rgb(247,250,219);
    background: -moz-linear-gradient(top,  rgba(247,250,219,1) 0%, rgba(227,236,143,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(247,250,219,1) 0%,rgba(227,236,143,1) 100%);
    background: linear-gradient(to bottom,  rgba(247,250,219,1) 0%,rgba(227,236,143,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fadb', endColorstr='#e3ec8f',GradientType=0 );
    border: 1px solid #2c5a28;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 13px 20px;
    text-decoration: none;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.mobile-custom-banner-wrapper .close-btn {
    background: url(/banner/close-icon.png) no-repeat center center transparent;
    position: absolute;
    background-size: 100% auto;
    top: 50%;
    margin-top: -23px;
    right: 10px;
    width: 45px;
    height: 45px;
    cursor: pointer;
    text-decoration: none;
}
.mobile-custom-banner-wrapper:after {content: '';display: block; clear: both;}

.mobile-custom-banner-wrapper .left {
    width: 20.5%; text-align: left;
}
.mobile-custom-banner-wrapper .center {
    width: 63.5%; margin-top: 4px;
}
.mobile-custom-banner-wrapper .right {
    width: 16%; text-align: right; margin-top: 5px;
}
.mobile-custom-banner-wrapper .left img {max-width: 100%;}

@media (max-width: 1060px){
    .mobile-custom-banner-wrapper {text-align: left; padding-bottom: 20px;}
    .mobile-custom-banner-wrapper .right {padding-top: 24px}
    .mobile-custom-banner-wrapper .close-btn {width: 30px; height: 30px; top: 6px; margin-top: 0;}

    .custom-banner-wrapper {text-align: left; padding-top: 60px;}
    .custom-banner-wrapper .close-btn {top: 6px; margin-top: 0;}
}
@media (max-width: 768px) {
    .mobile-custom-banner-wrapper p {font-size: 16px;}
    .mobile-custom-banner-wrapper .center {padding: 0 15px;}
}
@media (max-width: 680px){
    /*    .mobile-custom-banner-wrapper .left {width: 100%; text-align: center; padding-bottom: 10px;}*/
    .mobile-custom-banner-wrapper .left {width: 36%; text-align: center; padding-bottom: 10px;}
    .mobile-custom-banner-wrapper p {font-size: 14px;}
    .mobile-custom-banner-wrapper .center {width: 100%; text-align: center;}
    /*.mobile-custom-banner-wrapper .right {width: 100%; text-align: center; padding-top: 10px;}*/
    .mobile-custom-banner-wrapper .right {width: auto; text-align: center; position: absolute; top: 0; left: 45%; padding-top: 10px;}
    .mobile-custom-banner-wrapper .batton-install {padding: 10px 20px;}
}