.footchatbot { position:fixed; width:120px; height:auto; right:0px; bottom:10%; padding:10px 0; cursor:s-resize; z-index:8886;  max-width:100%;display:none}
.footchatbot strong.st{ width:100%; height:auto; float:left; text-align:center; font-size:16px; font-weight:550; line-height:24px;}
.footchatbot .showiconbot{ width:77px; float:left; height:74px; cursor:pointer;   background:url(../images/chanboticon.png) no-repeat; position:relative; left:21px;} 
.footchatbot .showiconbot span{ display:none; position:absolute; padding:20px; width:300px; top:0; right:78px;font-size:16px; background:#fff; border:1px solid #3270ff; border-radius:5px;}
.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:460px){

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