#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: 90px;
	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: 100px;
}
.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 10px 10px;
	position: fixed;
	left: 40%;
	margin-left: -42.5%;
	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: 65px;
}
#Toast a.ToastClose {
	position: absolute;
	/* bottom: 84px; */
	bottom: 228px;
	right: -28px;
	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: 20px;
}
.ToastNone {
	transition-property: -webkit-opacity bottom;
	transition-duration: 1s;
	-webkit-opacity: 0;
	opacity: 0;
	bottom: -150px;
}
}

/* 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: 99999;
}
#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: 99999;
}
#Toast_B a.ToastClose_B {
	position: absolute;
	/* bottom: 84px; */
	bottom: 97px;
	right: -28px;
	width: 36px;
	height: 36px;
}

	#Toast a.ToastClose img {
    width: 90%;
    height: 90%;
}

#Toast {
	width: 96%;
	color: white;
	padding: 10px 10px 10px 10px;
	position: fixed;
	left: 40%;
	margin-left: -43%;
	z-index: 99999;
}	
	
	#Toast a.ToastBnr img {
	width: 100%;
	height: auto;
	position: absolute;
	right: -12px;
	bottom: 20px;
}
#Toast a.ToastClose {
	position: absolute;
	/* bottom: 84px; */
	bottom: 146px;
	right: -28px;
	width: 36px;
	height: 36px;
}

	
    
}

@media screen and (max-width: 450px){
	#Toast a.ToastClose {
	position: absolute;
	/* bottom: 84px; */
	bottom: 139px;
	right: -28px;
	width: 36px;
	height: 36px;
}
	#Toast a.ToastBnr img {
	width: 100%;
	height: auto;
	position: absolute;
	right: -12px;
	bottom: 20px;
}
}

@media screen and (max-width: 414px){
	#Toast a.ToastClose {
	position: absolute;
	/* bottom: 84px; */
	bottom: 100px;
	right: -28px;
	width: 36px;
	height: 36px;
}
	
	#Toast a.ToastClose img {
    width: 85%;
    height: 85%;
}
	#Toast a.ToastBnr img {
	width: 100%;
	height: auto;
	position: absolute;
	right: -12px;
	bottom: 20px;
}
	
}

@media screen and (max-width: 414px){
	#Toast a.ToastClose {
	position: absolute;
	/* bottom: 84px; */
	bottom: 114px;
	right: -28px;
	width: 36px;
	height: 36px;
}
}

@media screen and (max-width: 375px){
	#Toast a.ToastClose {
	position: absolute;
	/* bottom: 84px; */
	bottom: 102px;
	right: -23px;
	width: 36px;
	height: 36px;
}
	#Toast a.ToastBnr img {
	width: 100%;
	height: auto;
	position: absolute;
	right: -12px;
	bottom: 16px;
}
}

@media screen and (max-width: 320px){
	#Toast a.ToastClose {
	position: absolute;
	/* bottom: 84px; */
	bottom: 86px;
	right: -18px;
	width: 36px;
	height: 36px;
}
	#Toast a.ToastBnr img {
	width: 100%;
	height: auto;
	position: absolute;
	right: -7px;
	bottom: 9px;
}
}