.fixedbanner {


}
.fixedbanner_left_bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9;
}
.fixedbanner__content a {
    display: block;
    position: relative;
    max-width: 350px;
}
.fixedbanner__content img {
    max-width: 100%;
    width: initial;
    height: auto;
}
.fixedbanner_left_top {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
}
.fixedbanner_right_bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 9;
}
.fixedbanner_right_top{
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9;
}

.fixedbanner__close {
    position: absolute;
    top: 3px;
    right: 3px;
	z-index: 9999;
}

.fixedbutton {
    display: none;
}

@media (max-width: 1024px) {
    .fixedbanner {
        display: none;
    }

    .fixedbutton_right {
      /*   position: fixed; */
        right: 0;
        bottom: 100px;
        z-index: 9;
    }
    .fixedbutton_left {
       /*  position: fixed; */
        left: 0;
        bottom: 100px;
        z-index: 9;
    }

    .fixedbutton_left.fixedbutton {
        display: block;
        width: auto;
        height: auto;
        background: rgb(248,210,3);
        background: linear-gradient(90deg, rgba(248,210,3,1) 0%, rgba(251,168,2,1) 100%);
		padding: 5px 0;
    margin: 5px 0;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;

    }
    .fixedbutton_left .fixedbutton__modal {
        display: block;
		display: inline-block;
			margin: 10px 0;
    }

  

    .fixedbutton_left .fixedbutton__icon img  {
        transform:rotate(90deg);
    }

    .fixedbutton_left .fixedbutton__icon {
        display: block;
        float: left;
        margin-top: 22px;
        margin-left: 3px;
				margin: 0;
				width: 100%;
    text-align: center;
    }
    .fixedbutton_left .fixedbutton__text {
        transform: rotate(180deg);
    }
    .fixedbutton_left .fixedbutton__text {

        display: block;
        float: left;
        font-size: 27px;
        font-weight: bold;
        color: red;
        margin-top: 43px;
        height: auto;
        line-height: 35px;
        padding-top: 0;
        margin-left: -14px;
		float: none;
		margin: 0;
			    writing-mode: vertical-lr;
    }

    .fixedbutton_right.fixedbutton {
        display: block;
        width: auto;
        height: auto;
        background: rgb(248,210,3);
        background: linear-gradient(270deg, rgba(248,210,3,1) 0%, rgba(251,168,2,1) 100%);
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
		padding: 5px 0;
		    margin: 5px 0;

    }
    .fixedbutton_right .fixedbutton__modal {
        display: block;
		display: inline-block;
		margin: 10px 0;
		
    }

    .fixedbutton_right .fixedbutton__modal {
        display: block;
			display: inline-block;
		margin: 10px 0;
    }

    .fixedbutton_right .fixedbutton__icon img  {
        transform:rotate(90deg);
    }

    .fixedbutton_right .fixedbutton__icon {
        display: block;
        float: left;
        margin-top: 22px;
        margin-left: 3px;
				margin: 0;
				width: 100%;
    text-align: center;
    }
    .fixedbutton_right .fixedbutton__text {
        transform: rotate(180deg);
    }
    .fixedbutton_right .fixedbutton__text {

        display: block;
        float: left;
        font-size: 27px;
        font-weight: bold;
        color: red;
        margin-top: 43px;
        height: auto;
        line-height: 35px;
        padding-top: 0;
        margin-left: -14px;
		float: none;
		
		margin: 0;
			    writing-mode: vertical-lr;
    }
	
.fixedbuttons_left {
     position: fixed;
    bottom: 10px;
    z-index: 9999;
    left: 0;
}
.fixedbuttons_right {
     position: fixed;
    bottom: 10px;
    z-index: 9999;
    right: 0;
}


    #modal_fixedbanner .modal-dialog {
        width: 350px;
        max-width: 93%;
    }

}

#modal_fixedbanner.modal {
    text-align: center;
}

@media screen and (min-width: 768px) {
    #modal_fixedbanner.modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

#modal_fixedbanner .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}