#Toast {
	width: 380px;
	color: white;
	padding: 10px;
	position: fixed;
	right: 40px;
	z-index: 99999;
}
#Toast div {
	position: relative;
}
#Toast a {
	color: white;
	text-decoration: none;
}
#Toast a.ToastBnr img {
	width: 100%;
	height: auto;
	position: absolute;
	right: -12px;
	bottom: 0;
}
#Toast a.ToastClose {
	position: absolute;
	/*bottom: 76px;
	bottom: 92px;*/
	bottom: 100px;
	right: -28px;
	width: 36px;
	height: 36px;
}
#Toast a.ToastClose img {
	width: 100%;
	height: 100%;
}
.ToastHide {
	bottom: -150px;
	-webkit-opacity: 0;
	opacity: 0;
}
.ToastShow {
	transition-property: -webkit-opacity bottom;
	transition-duration: 0.5s;
	-webkit-opacity: 0.95;
	opacity: 0.95;
	bottom: 80px;
}
.ToastNone {
	transition-property: -webkit-opacity bottom;
	transition-duration: 1s;
	-webkit-opacity: 0;
	opacity: 0;
	bottom: -150px;
}

@media screen and (max-width: 768px){
#Toast {
	width: 97%;
	color: white;
	padding: 10px 10px 30px 10px;
	position: fixed;
	left: 40%;
	margin-left: -43%;
	z-index: 98;
}
#Toast div {
	position: relative;
}
#Toast a {
	color: white;
	text-decoration: none;
}
#Toast a.ToastBnr img {
	width: 100%;
	height: auto;
	position: absolute;
	right: -12px;
	bottom: 0;
}
#Toast a.ToastClose {
	position: absolute;
	bottom: 180px;
	/* bottom: 97px; */
	right: -20px;
	width: 36px;
	height: 36px;
}
.ToastHide {
	bottom: -150px;
	-webkit-opacity: 0;
	opacity: 0;
}
.ToastShow {
	transition-property: -webkit-opacity bottom;
	transition-duration: 0.5s;
	-webkit-opacity: 0.95;
	opacity: 0.95;
	bottom: 40px;
}
.ToastNone {
	transition-property: -webkit-opacity bottom;
	transition-duration: 1s;
	-webkit-opacity: 0;
	opacity: 0;
	bottom: -150px;
}
}


@media screen and (max-width: 600px){
#Toast a.ToastClose {
	position: absolute;
	bottom: 133px;
	/* bottom: 97px; */
	right: -20px;
	width: 36px;
	height: 36px;
}
	
}

@media screen and (max-width: 450px){
	    #Toast {
        width: 96%;
        color: white;
        padding: 10px 10px 30px 10px;
        position: fixed;
        left: 40%;
        margin-left: -43%;
        z-index: 98;
    }
#Toast a.ToastClose {
	position: absolute;
	bottom: 112px;
	/* bottom: 97px; */
	right: -20px;
	width: 36px;
	height: 36px;
}
	
}

@media screen and (max-width: 414px){
	    #Toast {
        width: 95%;
        color: white;
        padding: 10px 10px 30px 10px;
        position: fixed;
        left: 40%;
        margin-left: -43%;
        z-index: 98;
    }
#Toast a.ToastClose {
	position: absolute;
	bottom: 100px;
	/* bottom: 97px; */
	right: -20px;
	width: 36px;
	height: 36px;
}
	
}

@media screen and (max-width: 375px){
	    #Toast {
        width: 95%;
        color: white;
        padding: 10px 10px 30px 10px;
        position: fixed;
        left: 40%;
        margin-left: -43%;
        z-index: 98;
    }
#Toast a.ToastClose {
	position: absolute;
	bottom: 90px;
	/* bottom: 97px; */
	right: -20px;
	width: 36px;
	height: 36px;
}
	
}

@media screen and (max-width: 320px){
	    #Toast {
        width: 94%;
        color: white;
        padding: 10px 10px 30px 10px;
        position: fixed;
        left: 40%;
        margin-left: -43%;
        z-index: 98;
    }
#Toast a.ToastClose {
	position: absolute;
	bottom: 74px;
	/* bottom: 97px; */
	right: -20px;
	width: 36px;
	height: 36px;
}
	
}


/* 210707 */

#Toast_B {
	width: 380px;
	color: white;
	padding: 10px;
	position: fixed;
	right: 28px;
	z-index: 99999;
}
#Toast_B div {
	position: relative;
}
#Toast_B a {
	color: white;
	text-decoration: none;
}
#Toast_B a.ToastBnr img {
	width: 100%;
	height: auto;
	position: absolute;
	right: -12px;
	bottom: 0;
}
#Toast_B a.ToastClose_B {
	position: absolute;
	/*bottom: 76px;
	bottom: 92px;*/
	bottom: 100px;
	right: -16px;
	width: 36px;
	height: 36px;
}
#Toast_B a.ToastClose_B img {
	width: 100%;
	height: 100%;
}
.ToastHide_B {
	bottom: -150px;
	-webkit-opacity: 0;
	opacity: 0;
}
.ToastShow_B {
	transition-property: -webkit-opacity bottom;
	transition-duration: 0.5s;
	-webkit-opacity: 0.95;
	opacity: 0.95;
	bottom: 80px;
}
.ToastNone_B {
	transition-property: -webkit-opacity bottom;
	transition-duration: 1s;
	-webkit-opacity: 0;
	opacity: 0;
	bottom: -150px;
}

@media screen and (max-width: 768px){
#Toast_B {
	width: 88%;
	color: white;
	padding: 10px 10px 30px 10px;
	position: fixed;
	left: 43%;
	margin-left: -40%;
	z-index: 98;
}
#Toast_B div {
	position: relative;
}
#Toast_B a {
	color: white;
	text-decoration: none;
}
#Toast_B a.ToastBnr_B img {
	width: 100%;
	height: auto;
	position: absolute;
	right: -12px;
	bottom: 0;
}
#Toast_B a.ToastClose_B {
	position: absolute;
	/* bottom: 84px; */
	bottom: 97px;
	right: -13px;
	width: 36px;
	height: 36px;
}
.ToastHide_B {
	bottom: -150px;
	-webkit-opacity: 0;
	opacity: 0;
}
.ToastShow_B {
	transition-property: -webkit-opacity bottom;
	transition-duration: 0.5s;
	-webkit-opacity: 0.95;
	opacity: 0.95;
	bottom: 90px;
}
.ToastNone_B {
	transition-property: -webkit-opacity bottom;
	transition-duration: 1s;
	-webkit-opacity: 0;
	opacity: 0;
	bottom: -150px;
}
}

@media screen and (max-width: 500px){
#Toast_B {
	width: 88%;
	color: white;
	padding: 10px 10px 30px 10px;
	position: fixed;
	left: 43%;
	margin-left: -43%;
	z-index: 98;
}
#Toast_B a.ToastClose_B {
	position: absolute;
	/* bottom: 84px; */
	bottom: 97px;
	right: -28px;
	width: 36px;
	height: 36px;
}
    
}