.line-clamp{display:block;display:-webkit-box;-webkit-box-orient:vertical;position:relative;line-height:1.2;overflow:hidden;text-overflow:ellipsis;padding:0!important}.line-clamp:after{content:'';text-align:right;bottom:0;right:0;width:25%;display:block;position:absolute;height:calc(1em * 1.2);background:linear-gradient(to right,rgba(255,255,255,0),#fff 75%)}@supports (-webkit-line-clamp:1){.line-clamp:after{display:none!important}}.line-clamp-1{-webkit-line-clamp:1;max-height:calc(1em * 1.2 * 1)}.line-clamp-2{-webkit-line-clamp:2;max-height:calc(1em * 1.2 * 2)}.line-clamp-3{-webkit-line-clamp:3;max-height:calc(1em * 1.2 * 3)}.line-clamp-4{-webkit-line-clamp:4;max-height:calc(1em * 1.2 * 4)}#story{padding:30px 0 0}#story>.row{max-width:1200px}.leftMain{position:relative;padding:0 20px 85px 85px;background-color:#fff}.leftMain .tt{position:absolute;top:0;left:0;z-index:2}.en .leftMain .tt{background-color:#fff;padding:0 20px 0 0;border-bottom-right-radius:8px}.en .leftMain .tt img{margin-bottom:-15px}.en .leftMain .tt:before{content:'';display:block;position:absolute;background-color:transparent;height:15px;width:25px;border-top-left-radius:10px;box-shadow:-15px 0 0 0 #fff;left:100%;top:0}.leftMain .gallery{border-radius:8px;overflow:hidden}.leftMain .gallery .swiper-slide>picture>img{width:100%}.leftMain .gallery .swiper-pagination{left:auto;right:0;bottom:90px;max-width:10px}.leftMain .gallery .swiper-pagination .swiper-pagination-bullet{background-color:#b50000;display:block;margin:7px auto;width:6px;height:6px}.leftMain #story-menu .swiper-pagination{bottom:-10px;left:0}.leftMain #story-menu .swiper-pagination .swiper-pagination-bullet{background-color:#b50000;width:30px;height:5px;border-radius:0}.leftMain #story-menu{position:absolute;z-index:1;background-color:#fff;border-radius:8px;padding:15px;bottom:30px;left:10px;display:inline-block;max-width:50%}.leftMain #story-menu:after,.leftMain #story-menu:before{content:'';display:block;position:absolute;background-color:transparent;height:15px;width:25px;border-bottom-left-radius:10px;box-shadow:-15px 0 0 0 #fff}.leftMain #story-menu:before{left:75px;bottom:100%}.leftMain #story-menu:after{left:100%;bottom:55px}.leftMain #story-menu .story{border-radius:15px;padding-bottom:15px;overflow:hidden;position:relative;cursor:pointer;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:solid 1px #e6e6e6}.leftMain #story-menu .story .bg{height:50px}.leftMain #story-menu .story .profile{width:70px;margin:-35px 20px 0}.leftMain #story-menu .story .proTT{display:block;max-width:85%;margin:10px auto 0}.leftMain .storyNum{position:absolute;z-index:1;top:0;right:0;padding:0 0 13px 13px;border-bottom-left-radius:8px;background-color:#fff}.leftMain .storyNum:after,.leftMain .storyNum:before{content:'';display:block;position:absolute;background-color:transparent;height:30px;width:15px;border-top-right-radius:10px;box-shadow:0 -10px 0 0 #fff}.leftMain .storyNum:before{right:100%;top:0}.leftMain .storyNum:after{right:20px;top:100%}.leftMain .storyNum span{color:#fff;background-color:#ed1c24;border-radius:8px;display:block;font-size:1.3em;line-height:2.2;padding:0 7px}.chatbox{border:1px solid #e6e6e6;border-radius:8px;position:relative;overflow:hidden;height:480px}.chatbox .tophead{position:absolute;z-index:10;left:0;top:0;width:100%;background-color:#fff;font-size:0;border-bottom:1px solid #e6e6e6}.chatbox .tophead .icon{display:block;position:absolute;left:3%;top:0;bottom:0;margin:auto;width:50px}.chatbox .tophead .group-name{display:block;text-align:center;padding:5% 0}.chatbox .tophead .group-name img{width:65%;position:relative;left:3%}.chatbox .tophead .dots{position:absolute;right:20px;top:0;bottom:0;border-radius:50%;width:4px;height:4px;background-color:#e6e6e6;margin:auto}.chatbox .tophead .dots:after,.chatbox .tophead .dots:before{content:'';display:block;border-radius:50%;width:4px;height:4px;background-color:#e6e6e6;position:absolute;left:0;right:0}.chatbox .tophead .dots:before{top:-7px}.chatbox .tophead .dots:after{bottom:-7px}.chatbox .msgWrapper{overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;height:100%;padding:23% 5% 30%;background-color:#e6e6e6}.chatbox .msgWrapper::-webkit-scrollbar{display:none}.chatbox .msgBox{max-width:80%;display:block;border-radius:20px;position:relative;margin:1.5% 0;position:relative;z-index:2}.chatbox .msgBox_R{background-color:#ffefa2;float:right}#Post01.chatbox .msgBox_R{background-color:#f44336;color:#fff}#Post02.chatbox .msgBox_R{background-color:#ffefa2;color:#3a3a3a}#Post03.chatbox .msgBox_R{background-color:#d85cc3;color:#fff}#Post04.chatbox .msgBox_R{background-color:#ff6d77;color:#fff}#Post05.chatbox .msgBox_R{background-color:#d0ad6c;color:#fff}#Post06.chatbox .msgBox_R{background-color:#e1ffd5;color:#3a3a3a}.chatbox .msgBox_L{background-color:#fff;float:left}.chatbox .msgBox p{line-height:1.35em;padding:.5em 1.3em .6em 1.4em;font-size:.95em;margin:0}.chatbox .msgBox p.name{line-height:1;padding:.5em 1.4em 0;font-weight:600;letter-spacing:0}.chatbox .msgBox p.name~p{padding:.25em 1.3em .6em 1.4em}.chatbox .msgBox svg{width:25px;height:24px;position:absolute;z-index:1}.chatbox .msgBox_R svg{bottom:0;right:-6px}.chatbox .msgBox_L svg{bottom:0;left:-6px}.chatbox svg.msgBox_white{fill:#fff}#Post01.chatbox svg.msgBox_self{fill:#f44336}#Post02.chatbox svg.msgBox_self{fill:#ffefa2}#Post03.chatbox svg.msgBox_self{fill:#d85cc3}#Post04.chatbox svg.msgBox_self{fill:#ff6d77}#Post05.chatbox svg.msgBox_self{fill:#d0ad6c}#Post06.chatbox svg.msgBox_self{fill:#e1ffd5}.chatbox svg.msgBox_self{fill:#ffefa2}.chatbox .msgBox .msg_desc{padding:1em}.chatbox .msgBox .msg_desc h1{padding:0;font-size:1em;margin:0 0 .3em;font-weight:400}.chatbox .msgBox .msg_desc p{padding:0;opacity:.75}.chatbox .clearfix{position:relative}.chatbox .msgBoxShadow{position:absolute;margin:1.2% .8%;z-index:0;border:1px solid #000;max-width:80.5%}.chatbox .msgBoxShadow.msgBox_L{left:-.9%;opacity:.2}.chatbox .msgBoxShadow.msgBox_R{right:-1.2%;opacity:.3}.chatbox .msgBoxShadow svg.msgBox_self,.chatbox .msgBoxShadow svg.msgBox_white{fill:#000;stroke:#000;stroke-width:2px}.chatbox .msgBox .msg_img:before{border:1px solid rgba(0,0,0,.3);content:"";width:100%;height:100%;display:block;position:absolute;border-radius:20px}.scale-up-br{-webkit-animation:scale-up-br .2s cubic-bezier(.175,.885,.32,1.275) both;animation:scale-up-br .3s cubic-bezier(.175,.885,.32,1.275) both}@-webkit-keyframes scale-up-br{0%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}}@keyframes scale-up-br{0%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}}.scale-up-br2{-webkit-animation:scale-up-br2 .2s cubic-bezier(.175,.885,.32,1.275) both;animation:scale-up-br2 .3s cubic-bezier(.175,.885,.32,1.275) both}@-webkit-keyframes scale-up-br2{0%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-transform-origin:0 100%;transform-origin:0 100%}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:0 100%;transform-origin:0 100%}}@keyframes scale-up-br2{0%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-transform-origin:0 100%;transform-origin:0 100%}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:0 100%;transform-origin:0 100%}}.en *{letter-spacing:0!important}.chatbox .msgWrapper .typebar{position:absolute;width:100%;left:0;bottom:-60px;background-color:#f7f7f7;padding:8px 50px;border-top:1px solid #e6e6e6;z-index:1;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;z-index:10}.chatbox .msgWrapper.showBar .typebar{bottom:0}.chatbox .msgWrapper .typebar:after,.chatbox .msgWrapper .typebar:before{content:'';display:block;position:absolute;top:0;bottom:0;margin:auto}.chatbox .msgWrapper .typebar:before{left:15px;background:url(../img/story/msgBox_icon_att.png) no-repeat center center;background-size:contain;width:22px;height:25px}.chatbox .msgWrapper .typebar:after{right:15px;background:url(../img/story/msgBox_icon_mic.png) no-repeat center center;background-size:contain;width:21px;height:28px}.chatbox .msgWrapper .typebar a{display:block;border-radius:40px;background-color:#fff;border:1px solid #e6e6e6;text-align:center;line-height:2.4}.msg_img{display:block;border-radius:20px;overflow:hidden}.msg_img img{width:100%}@media (min-width:769px){#story{min-height:calc(100vh - 231px)}.leftMain #story-menu .story.active{border:none}.leftMain #story-menu .story.active:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;border-color:#ed1c24;border-style:solid;border-width:3px 4px 3px 3px;border-radius:15px}#story>.row>.columns.medium-3{position:relative}.chatbox{position:absolute;top:0;left:-.0625rem;height:calc(100% - 85px);width:calc(100% - -.126rem)}.chatbox .msgWrapper .typebar{bottom:0}.chatbox .msgWrapper .typebar a:hover{background-color:#fd1717;color:#fff}.msg_link:hover{transform:scale(1.01)!important}}@media (min-width:1500px){#storyPage .contain1200,#storyPage .contain1200>.row{max-width:1600px}#story{min-height:calc(100vh - 248px)}#story>.row{max-width:1600px}.leftMain #story-menu .story .bg{height:70px}.leftMain #story-menu .story .profile{width:100px;margin-top:-55px}.leftMain .tt{left:-2%}.chatbox{position:absolute;top:0;left:.9375rem;height:calc(100% - 85px);width:calc(100% - 1.874rem)}}@media (max-width:768px){#storyPage #bodyWrap footer{display:none}#story{padding:10px 0 0;position:relative}.chatbox .tophead .dots,.leftMain #story-menu .story .bg,.leftMain #story-menu:after,.leftMain #story-menu:before,.leftMain .gallery .swiper-pagination,.leftMain .storyNum,.leftMain .tt{display:none}.leftMain{padding:0!important}.leftMain .gallery{border-radius:0;position:relative}.leftMain .gallery:before{content:'';display:block;width:100%;height:100%;position:absolute;z-index:2;left:0;top:0;background:rgba(0,0,0,.5)}.leftMain .gallery .swiper-slide{height:140px;position:relative;overflow:hidden}.leftMain .gallery .swiper-slide img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.leftMain .gallery .groupTt img{margin:auto;display:block;max-width:65%;position:absolute;top:0;bottom:0;left:0;right:0;z-index:2}.en .leftMain .gallery .groupTt img{max-width:85%}.leftMain #story-menu,.mStoryMenu{position:relative;left:0!important;max-width:100%;padding:15px 0}.leftMain #story-menu .story,.mStoryMenu .story{border:none;border-radius:0;padding:10px 0}.leftMain #story-menu .story .profile,.mStoryMenu .story .profile{margin:0 auto;width:80%;position:relative}.leftMain #story-menu .story.active:after,.mStoryMenu .story.active:after{content:'';display:block;position:absolute;width:80%;height:54%;left:0;border:4px solid #edb21c;border-radius:50%;right:0;margin:auto}.leftMain #story-menu .story.active:after{top:7%}.en .leftMain #story-menu .story.active:after{top:5%;width:82%;height:60%;left:-1%}.mStoryMenu .story.active:after{top:5%;height:50%;width:75%}.en .mStoryMenu .story.active:after{top:5%;height:55%;width:80%}.leftMain #story-menu .story .proTT,.mStoryMenu .story .proTT{max-width:100%;margin:10px auto 0}.chatbox{height:auto;border-radius:0;overflow:unset}.chatbox .tophead{z-index:10;top:-60px;position:fixed;left:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.showBar .chatbox .tophead{top:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.mStoryMenu{margin-bottom:30px;padding:0 0 10px;-webkit-box-shadow:0 2px 4px -1px rgba(50,50,50,.2);-moz-box-shadow:0 2px 4px -1px rgba(50,50,50,.2);box-shadow:0 2px 4px -1px rgba(50,50,50,.2)}.phase5 .mStoryMenu{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.mStoryMenu .story .proTT{margin:10px auto 0}.noScroll .showBar .chatbox .tophead{left:-95vw}.showBar .grid-button{position:fixed;top:2.8%}.chatbox .tophead .icon{opacity:0}.showBar .chatbox .tophead .icon{opacity:1}.chatbox .msgWrapper{padding:5% 3% 30%;height:auto;position:relative;overflow:unset}.chatbox .msgWrapper .typebar{bottom:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.showtypeBar .chatbox .msgWrapper .typebar{position:fixed}.noScroll .showtypeBar .chatbox .msgWrapper .typebar{left:-95vw}.msg_link:active{transform:scale(.98)!important}.leftMain #story-menu{bottom:0}.leftMain #story-menu .swiper-pagination{display:none}}@media only screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait){.mStoryMenu .story.active:after{top:2%;height:62%;width:78%;border-width:6px}.leftMain #story-menu .story.active:after{top:3%;width:80%;height:70%;border-width:7px}}