.footchatbot {position:fixed;right:25px;bottom:50px;cursor:s-resize;z-index:8886;max-width:100%;}
.footchatbot .showiconbot{ width:77px; height:74px; border-radius:100%; cursor:pointer;   background:url(../images/chanboticon.png) center center no-repeat; position:relative;} 
.footchatbot .showiconbot span{ display:none; position:absolute; padding:20px; width:300px; top:0; right:84px;font-size:16px; color:#fff; background:#ff9500; box-shadow:0 2px 8px #ff9500;  border-radius:5px;}
.footchatbot .showiconbot span s{ width:15px; height:15px; position:absolute; right:-9px; top:30px; background:url(../images/chanboticon1.png) right center no-repeat; display:block;}
.footchatbot .showiconbot:hover span{ display:block;}
.showchatbot{ width:100%; display:none;box-shadow:0px 0px 10px #888888;padding-right:7px;border-radius:5px; background:#fff;}
.showchatbot dl{ width:100%; position:relative;}
.showchatbot dl dt{ width:100%; height:20px; position:absolute; top:0;}
.showchatbot dl dt img{  float:right; cursor:pointer; margin-right:20px;padding-top:13px}
.showchatbot dl dt img:hover{  opacity:0.8;}
.showchatbot dl dt span{  width:20px; height:20px;  display:none; background:url(../images/iframebig.png) no-repeat; position:absolute; top:9px; right:5px;}
.showchatbot dl dd{padding:5px 0px 0px 6px; }
.showchatbot dl dd iframe{ width:100%; height:400px;}


@media only screen and (max-width:880px){

.footchatbot {right:10px; }
.footchatbot .showiconbot{ width:65px; height:65px; background-size:60px auto;} 
.footchatbot .showiconbot span{ right:74px;}

	
}



@media only screen and (max-width:460px){

.footchatbot {  right:0px; bottom:0px;}
.showchatbot dl dd{ padding:0;}
.footchatbot {  right:0px; bottom:0px;}
.showchatbot dl dd{ padding:0;}
.footchatbot {  right:0px; bottom:0px;}
.showchatbot dl dd{ padding:0;}


}


@media only screen and (max-width:414px){
	
.footchatbot .showiconbot span{ width:270px; padding:10px 5px; top:-20px;}

}