@charset "UTF-8";@font-face{font-family:'微軟正黑 bold';src:url(../../fonts/MicrosoftJhengHeiBold-01.woff) format("woff"),url(../../fonts/MicrosoftJhengHeiBold-01.ttf) format("truetype"),url(../../fonts/MicrosoftJhengHeiBold-01.eot) format("embedded-opentype")}@font-face{font-family:'微軟正黑';src:url(../../fonts/MicrosoftJhengHeiRegular-01.woff) format("woff"),url(../../fonts/MicrosoftJhengHeiRegular-01.ttf) format("truetype"),url(../../fonts/MicrosoftJhengHeiRegular-01.eot) format("embedded-opentype")}.chatWrap{position:fixed;background-color:unset;display:none}.chatWrap .chatCon{background-color:#fff;overflow:hidden}.chatWrap .chatCon .chatBtn{position:absolute;top:10px;right:10px;width:29px;height:29px;display:inline-block;background-color:#fff;border-radius:20px}.chatWrap .chatCon .chatBtn img,.chatWrap .chatCon .chatBtn svg.icon-close{width:13px;height:auto;margin:8px}.chatWrap .chatCon .chatBtn img path,.chatWrap .chatCon .chatBtn svg.icon-close path{fill:#d80c18;overflow:hidden}.chatWrap .chatCon .chatBtn:hover{text-decoration:none}.chatWrap.active-chat{display:block}.chatCon .chatHead{height:50px;color:#fff;display:table;width:100%;z-index:999;background-color:#d80c18}.chatCon .chatHead h3{padding:0 24px;color:#fff;font-weight:700;font-size:18px;line-height:50px;text-align:left}.chatCon .chatHead h3 img,.chatCon .chatHead h3 svg.online-mesg{width:20px;height:20px;margin-right:5px;vertical-align:-2px}.chatCon .chatHead h3 img path,.chatCon .chatHead h3 svg.online-mesg path{fill:#fff}.chatCon .chatList .listName{padding:20px;border-bottom:1px solid #eee;display:block;text-decoration:none;position:relative}.chatCon .chatList .listName:hover{background-color:#f5f5f5}.chatCon .chatList .listName h5{width:calc(100% - 85px);margin-bottom:5px;color:#424242;font-weight:700;font-size:18px;line-height:18px;text-align:left}.chatCon .chatList .listName h5 b{background-color:#d80c18;padding:0 8px;vertical-align:2px;display:inline-block;border-radius:10px;margin-right:5px;color:#fff;font-weight:400;font-size:13px;line-height:18px;text-align:center}.chatCon .chatList .listName p.theMesg{width:calc(100% - 40px);max-height:18px;overflow:hidden;color:#9aa0a6;font-weight:400;font-size:15px;line-height:18px;text-align:left}.chatCon .chatList .listName p.chat-time{position:absolute;top:22px;right:20px;color:#bdbdbd;font-weight:400;font-size:9px;line-height:12px;text-align:left}.chatCon .chatList .listName .state{position:absolute;bottom:20px;right:20px;background-color:#d80c18;border-radius:20px;width:22px;height:22px;color:#fff;font-weight:400;font-size:13px;line-height:21px;text-align:center}.chatCon .chatMesg{position:absolute;background-color:#f5f5f5;z-index:1;transition:all .4s ease-in-out}.chatCon .chatMesg.mesg-active{right:0}.chatCon .chatMesg .mesgHead{height:50px;color:#d80c18;display:table;width:100%;z-index:999;background-color:#fff;border-bottom:1px solid #e0e0e0}.chatCon .chatMesg .mesgHead h3{padding:0 24px;color:#d80c18;font-weight:700;font-size:18px;line-height:50px;text-align:left}.chatCon .chatMesg .mesgHead h3 img,.chatCon .chatMesg .mesgHead h3 svg.online-mesg{width:20px;height:20px;margin-right:5px;vertical-align:-2px}.chatCon .chatMesg .mesgHead h3 img path,.chatCon .chatMesg .mesgHead h3 svg.online-mesg path{fill:#d80c18}.chatCon .chatMesg .mesgHead .mesgBtn{width:50px;height:50px;display:inline-block;border-radius:20px;float:left}.chatCon .chatMesg .mesgHead .mesgBtn img,.chatCon .chatMesg .mesgHead .mesgBtn svg.mesg-close{width:13px;height:auto;margin:18px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.chatCon .chatMesg .mesgHead .mesgBtn img path,.chatCon .chatMesg .mesgHead .mesgBtn svg.mesg-close path{fill:#d80c18;overflow:hidden}.chatCon .chatMesg .mesgHead .mesgBtn:hover{text-decoration:none}.chatCon .chatMesg .mesgHead .chatBtn{position:absolute;top:10px;right:10px;width:29px;height:29px;display:inline-block;background-color:#fff;border-radius:20px}.chatCon .chatMesg .mesgHead .chatBtn img,.chatCon .chatMesg .mesgHead .chatBtn svg.icon-close{width:13px;height:auto;margin:8px}.chatCon .chatMesg .mesgHead .chatBtn img path,.chatCon .chatMesg .mesgHead .chatBtn svg.icon-close path{fill:#d80c18;overflow:hidden}.chatCon .chatMesg .mesgHead .chatBtn:hover{text-decoration:none}.chatCon .chatMesg .dialogueWrap{position:absolute;background-color:#f5f5f5;z-index:1;overflow-y:auto;top:51px;right:0}.chatCon .chatMesg .createText{position:absolute;width:calc(100% - 0px);height:120px;bottom:0;right:0}.chatCon .chatMesg .createText .commonMesg{background-color:#e0e0e0;overflow-x:scroll}.chatCon .chatMesg .createText .commonMesg .commonBar{width:calc(100% - 20px);display:-webkit-box;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10px 10px}.chatCon .chatMesg .createText .commonMesg .commonBar li a{display:block;text-decoration:none;padding:8px 11px;margin:0 10px 0 0;background-color:#fff;border-radius:20px;color:#616161;font-weight:400;font-size:15px;line-height:15px;text-align:left}.chatCon .chatMesg .inputBox{width:calc(100% - 20px);background-color:#eee;padding:15px 10px}.chatCon .chatMesg .inputBox .inputArea{width:calc(100% - 100px);float:left;display:inline-block;-moz-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;padding:0 10px;border:none;background:#fff;border-radius:30px;color:#616161;font-weight:400;font-size:15px;line-height:30px;text-align:left}.chatCon .chatMesg .inputBox .inputArea::-webkit-input-placeholder{color:#bdbdbd}.chatCon .chatMesg .inputBox .inputArea::-moz-placeholder{color:#bdbdbd}.chatCon .chatMesg .inputBox .inputArea:-ms-input-placeholder{color:#bdbdbd}.chatCon .chatMesg .inputBox .inputArea::placeholder{color:#bdbdbd}.chatCon .chatMesg .inputBox .inputArea:focus{font-size:16px!important}.chatCon .chatMesg .inputBox a{display:inline-block;width:20px;height:20px;float:left;padding:6px 10px}.chatCon .chatMesg .inputBox a img,.chatCon .chatMesg .inputBox a svg{width:100%;height:auto}.chatCon .chatMesg .inputBox a img path,.chatCon .chatMesg .inputBox a svg path{fill:#9e9e9e}.chatCon .chatMesg .inputBox a:hover img path,.chatCon .chatMesg .inputBox a:hover svg path{fill:#757575}.chatCon .chatMesg .inputBox .paper-clip{display:block;cursor:pointer;overflow:hidden;width:20px;height:20px;float:left;padding:6px 10px;background:url(../../images/icon/icon-paper-clip.svg) no-repeat 10px 6px/20px 20px}.chatCon .chatMesg .inputBox .paper-clip:hover{background:url(../../images/icon/icon-paper-clip-2.svg) no-repeat 10px 6px/20px 20px}.chatCon .chatMesg .inputBox .paper-clip input{opacity:0}.dialogueInfo{padding:12px;background-color:#fff;overflow:hidden}.dialogueInfo .itemImg{position:relative;margin:auto;overflow:hidden;border-radius:20px;height:120px;float:left}.dialogueInfo .itemImg img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(1.001);transform:translate(-50%,-50%) scale(1.001);min-height:100%;width:100%;object-fit:cover;object-position:center center;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.dialogueInfo .theInfo{overflow:hidden;float:left;margin-left:20px;margin-top:8px}.dialogueInfo .theInfo .subj{border:2px solid #424242;border-radius:30px;color:#424242;font-weight:700;font-size:15px;line-height:16px;text-align:left;padding:8px 15px;display:inline-block}.dialogueInfo .theInfo .etc{margin-top:8px}.dialogueInfo .theInfo .etc span{position:relative;color:#424242;font-weight:400;font-size:18px;line-height:18px;text-align:left;word-break:break-all;padding:0 8px}.dialogueInfo .theInfo .etc span:first-child{padding-left:0}.dialogueInfo .theInfo .etc span:last-child{padding-right:0}.dialogueInfo .theInfo .etc span:last-child::before{content:'';position:absolute;top:3px;left:-2px;display:inline-block;width:1px;background-color:#424242;height:18px}.dialogueInfo .theInfo .price{margin-top:8px;color:#424242;font-weight:400;font-size:18px;line-height:18px;text-align:left}.dialogueInfo .theInfo .price .num{color:#d80c18;font-weight:700;font-size:26px;line-height:26px;text-align:left}.dialogueBox{margin:15px;position:relative;overflow:auto}.dialogueBox .avatar{width:33px;height:33px;border-radius:50px;background-color:#fff;overflow:hidden;position:relative;top:0;left:0;float:left}.dialogueBox .avatar img{width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.dialogueBox .dialogue .theImg{width:300px}.dialogueBox .dialogue .theImg img{width:100%;height:auto}.dialogueBox .dialogue .time{display:block;color:#616161;font-weight:400;font-size:10px;line-height:12px;text-align:left}.dialogueBox .dialogue .message{display:inline-block;padding:12px 26px;border-radius:45px 45px 45px 45px;margin-bottom:10px;box-shadow:0 8px 10px 0 #e1e1e1;position:relative;z-index:1;color:#424242;font-weight:400;font-size:15px;line-height:18px;text-align:left}.dialogueBox .dialogue .message::before{content:'';position:absolute;background-repeat:no-repeat;z-index:-1}.oldDate{position:relative;border-top:1px solid #e0e0e0;margin:20px 15px 30px}.oldDate p{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:inline-block;background-color:#e0e0e0;border-radius:30px;padding:2px 8px;color:#9e9e9e;font-weight:400;font-size:10px;line-height:12px;text-align:left}.dealer{margin:15px}.dealer .dialogue{text-align:left;padding-left:42px;padding-right:20px}.dealer .dialogue .time{margin:0 0 25px 37px}.dealer .dialogue .theImg{margin-left:16px;display:block;float:left;margin-bottom:10px}.dealer .dialogue .message{margin-left:16px;background-color:#fff}.dealer .dialogue .message::before{width:39px;height:23px;top:5px;left:-9px;background-image:url(../../images/robot.png)}.customer{margin:15px 2px 15px 15px}.customer .dialogue{text-align:right;padding-right:0;padding-left:20px;display:block;float:right}.customer .dialogue .time{margin:0 25px 25px 0;text-align:right}.customer .dialogue .theImg{display:block;float:right;margin-right:16px;margin-bottom:10px}.customer .dialogue .message{margin-right:16px;background-color:#ffe2e2}.customer .dialogue .message::before{width:34px;height:24px;top:5px;right:-9px;background-image:url(../../images/robot_user.png)}.chatList::-webkit-scrollbar,.dialogueWrap::-webkit-scrollbar{width:6px}.commonMesg::-webkit-scrollbar{height:6px}.chatList::-webkit-scrollbar-track,.commonMesg::-webkit-scrollbar-track,.dialogueWrap::-webkit-scrollbar-track{background:#f1f1f1}.chatList::-webkit-scrollbar-thumb,.commonMesg::-webkit-scrollbar-thumb,.dialogueWrap::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.chatList::-webkit-scrollbar-thumb:hover,.commonMesg::-webkit-scrollbar-thumb:hover,.dialogueWrap::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.imgCover{display:block;background-color:rgba(0,0,0,.9);position:fixed;width:100%;height:100%;left:-100%;top:0;-webkit-transform:scale(0);transform:scale(0);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.imgCover.imgActive{z-index:9999;left:0;-webkit-transform:scale(1);transform:scale(1)}.imgCover img{width:100%;height:100%;object-fit:contain}.imgCover .imgFunction{position:fixed;display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-pack:right;-ms-flex-pack:right;justify-content:right;-moz-box-align:center;-ms-flex-align:center;align-items:center;top:0;left:0;width:100%;height:45px;background-color:rgba(0,0,0,.6)}.imgCover .imgFunction a{width:16px;height:16px;display:inline-block;float:right;margin-right:24px}@media (max-width:767px){.dvh100{height:calc(100dvh - 104px)!important}.chatWrap{width:100%;top:0;right:0;z-index:999;height:100%}.chatWrap .chatCon{width:100%;height:100%}.chatWrap.active-chat{right:0}.chatCon .chatList{height:calc(100% - 0px);overflow-y:auto}.chatCon .chatMesg{width:100%;top:0;right:-500px;overflow-y:auto;height:100%}.chatCon .chatMesg .dialogueWrap{width:100%;height:calc(100dvh - 172px)}.chatCon .chatMesg .inputBox .inputArea{height:30px}.dialogueInfo .itemImg{width:calc(50% - 10px)}.dialogueInfo .theInfo{width:calc(50% - 10px)}}@media (min-width:768px){.chatWrap{width:450px;height:500px;bottom:50px;right:0;border-radius:20px;margin-right:.625rem;margin-bottom:-.875rem;z-index:10;box-shadow:0 .5rem 1.25rem 0 #9a9a9a}.chatWrap .chatCon{width:100%;height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:20px}.chatCon .chatHead{border-radius:21px 21px 0 0}.chatCon .chatList{height:calc(100% - 50px);overflow-y:auto}.chatCon .chatMesg .inputBox .inputArea{height:30px}}@media (min-width:768px) and (max-width:1024px){.chatWrap.active-chat{right:60px}.chatCon .chatMesg{width:100%;height:calc(100% - 0px);top:0;right:-100%}.chatCon .chatMesg .dialogueWrap{width:100%;height:calc(100dvh - 172px)}.dialogueInfo .itemImg{width:195px}.dialogueInfo .theInfo{width:calc(100% - 215px)}}@media (min-width:1025px){.chatWrap.active-chat{right:90px}.chatCon .chatMesg{width:450px;height:calc(100% - 0px);top:0;right:-600px}.chatCon .chatMesg .mesgHead{border-radius:20px 20px 0 0}.chatCon .chatMesg .dialogueWrap{width:450px;height:calc(100% - 172px)}.chatCon .chatMesg .createText .commonMesg .commonBar li a:hover{background-color:#fff1f1}.dialogueInfo .itemImg{width:calc(50% - 10px)}.dialogueInfo .theInfo{width:calc(50% - 10px)}}
/*# sourceMappingURL=chat.min.css.map */