.p-chatbtn{display:none;position:fixed;width:200px;opacity:0;z-index:2;right:19px;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-box-shadow:rgba(0,0,0,.2) 2px 2px 5px 1px;box-shadow:rgba(0,0,0,.2) 2px 2px 5px 1px;line-height:0;border-radius:5px}
.p-chatbtn.is-active{opacity:1}
.p-chatbtn_body{position:relative;display:inline-block;z-index:5}
.p-chatbtn_body::before{content:"";position:absolute;background:url(../../resource/img/chat_top.png) no-repeat;top:0;right:0;width:215px;height:42px}
.p-chatbtn_open{position:absolute;bottom:10px;left:50%;width:184px;height:36px;margin-left:-92px;background:#fff;border-radius:50px}
.p-chatbtn_openimg{width:184px;height:36px;-webkit-transition:opacity .3s;transition:opacity .3s}
.p-chatbtn_openimg:hover{opacity:.7}@media print,screen and (max-width: 767px){.p-chatbtn_openimg:hover{opacity:1}}
.p-chatbtn_close{position:absolute;width:25px;top:-25px;right:0;-webkit-box-shadow:rgba(0,0,0,.2) 2px 0px 5px 1px;box-shadow:rgba(0,0,0,.2) 2px 0px 5px 1px}
.p-chatbtn_close:hover{opacity:.7;cursor:pointer}@media print,screen and (max-width: 767px){.p-chatbtn_close:hover{opacity:1}}