._m-social_learning_detail .m-contentBody{padding-top:50px;padding-bottom:0}._m-social_learning_detail .m-contentBody .movie{position:relative}._m-social_learning_detail .m-contentBody .movie video{min-height:220px}._m-social_learning_detail .m-contentBody .movie .plyr__control--overlaid{padding:12px}._m-social_learning_detail .m-contentBody .info{margin-top:10px;padding:0;text-align:left}._m-social_learning_detail .m-contentBody .info .std{margin:15px 0 10px}._m-social_learning_detail .m-contentBody .info .std button{display:inline-block;text-align:center;width:44px;border:0px;outline:0px;opacity:1!important;background-color:transparent!important;padding:0;position:relative;margin-left:1px;border-radius:50%;overflow:visible}._m-social_learning_detail .m-contentBody .info .std button img{width:36px;height:36px;border-radius:50%}._m-social_learning_detail .m-contentBody .info .std button em{position:absolute;display:inline-block}._m-social_learning_detail .m-contentBody .info .std button .user-level1{width:38px;height:38px;left:3px;top:-1px}._m-social_learning_detail .m-contentBody .info .std button .user-level2{width:38px;height:41px;left:3px;top:-4px}._m-social_learning_detail .m-contentBody .info .std button .user-level3{width:40px;height:42px;left:2px;top:-4px}._m-social_learning_detail .m-contentBody .info .std button .user-level4{width:42px;height:48px;left:1px;top:-7px}._m-social_learning_detail .m-contentBody .info .std button .user-level5{width:42px;height:47px;left:1px;top:-7px}._m-social_learning_detail .m-contentBody .info .std button div{height:10px;text-align:center}._m-social_learning_detail .m-contentBody .info .std button div em{position:relative;top:0;display:inline-block;width:10px;height:10px;margin:0;border-radius:0}._m-social_learning_detail .m-contentBody .info .std button:first-child{margin-left:-5px}._m-social_learning_detail .m-contentBody .info .std span{display:inline-block;margin-left:6px;color:#333}._m-social_learning_detail .m-contentBody .info .views em{display:inline-block;margin-right:10px;font-weight:400}._m-social_learning_detail .m-contentBody .info .cummunity{position:relative;padding-top:5px}._m-social_learning_detail .m-contentBody .info .cummunity .custom-checkbox{position:absolute;right:0;top:0}._m-social_learning_detail .m-contentBody .info .cummunity .small{display:inline-block}._m-social_learning_detail .m-contentBody .info button.btn-delete{border:0;font-size:0;width:40px;height:40px;background:url(/assets/images/april/icon-delete.png) center no-repeat transparent;background-size:20px 21px;vertical-align:middle}._m-social_learning_detail .m-contentBody .info button.btn-delete:hover,._m-social_learning_detail .m-contentBody .info button.btn-delete:active{background:url(/assets/images/april/icon-delete.png) center no-repeat transparent!important;background-size:20px 21px;opacity:.9}._m-social_learning_detail .m-contentBody .insertArea{border-top:1px solid #e0e0e0;padding:15px;margin-top:10px;text-align:left}._m-social_learning_detail .m-contentBody .insertArea .select-box-common{width:74%;display:inline-block;vertical-align:middle;position:relative}._m-social_learning_detail .m-contentBody .insertArea .select-box-common .custom-select{width:100%;height:38px;background:url(/assets/images/april/select_arrow.png) no-repeat right 12px center;padding:0 1rem 0 40px}._m-social_learning_detail .m-contentBody .insertArea .select-box-common .emotions-button{display:inline-block;width:24px;height:24px;position:absolute;top:7px;left:10px;background-color:transparent;border:0px;padding:0}._m-social_learning_detail .m-contentBody .insertArea .select-box-common .emotions-button:hover,._m-social_learning_detail .m-contentBody .insertArea .select-box-common .emotions-button:active{background-color:transparent!important}._m-social_learning_detail .m-contentBody .insertArea .select-box-common .emotions-button.selected em{background:url(/assets/images/ic_emoticon_btn_on.png) no-repeat center}._m-social_learning_detail .m-contentBody .insertArea .select-box-common .emotions-button em{display:inline-block;width:24px;height:24px;background:url(/assets/images/ic_emoticon_btn_off.png) no-repeat center}._m-social_learning_detail .m-contentBody .insertArea .btnBlue{display:inline-block;vertical-align:middle;width:24%;height:38px;margin-left:2%}._m-social_learning_detail .m-contentBody .insertArea .btnBlue.disabled{cursor:default;opacity:.5}._m-social_learning_detail .m-contentBody .select-emotions-box{display:block;padding-left:0;padding-bottom:10px;padding-top:10px}._m-social_learning_detail .m-contentBody .select-emotions-box .emotions-gray-box{display:inline-block;align-items:left;width:80px;padding:1px 10px;border-radius:5px;background-color:#bfbfbf;text-align:left;position:relative}._m-social_learning_detail .m-contentBody .select-emotions-box .emotions-gray-box img{width:42px;height:42px}._m-social_learning_detail .m-contentBody .select-emotions-box .emotions-gray-box .close-emotions-btn{background-color:transparent;padding:5px;border:0;width:20px;height:20px;position:absolute;right:5px;top:0}._m-social_learning_detail .m-contentBody .select-emotions-box .emotions-gray-box .close-emotions-btn em{display:inline-block;width:10px;height:10px;background:url(/assets/images/ic_close.png) no-repeat center}._m-social_learning_detail .m-contentBody .comment-count{text-align:left;margin-top:5px;margin-bottom:5px;position:relative;padding:0 15px}._m-social_learning_detail .m-contentBody .comment-count p{display:inline-block;font-size:1.2em;font-weight:500;color:#333;background:url(/assets/images/april/icon_comment.png) left center no-repeat;background-size:20px 20px;padding-left:30px}._m-social_learning_detail .m-contentBody .comment-count .btn.disabled,._m-social_learning_detail .m-contentBody .comment-count .btn:disabled{opacity:1}._m-social_learning_detail .m-contentBody .comment-count .refresh-btn{position:absolute;right:15px;top:3px;width:20px;height:20px;padding:0;border:0;background-color:transparent}._m-social_learning_detail .m-contentBody .comment-count .refresh-btn em{display:inline-block;width:20px;height:20px;background:url(/assets/images/april/ic_comment_refresh_off.png) no-repeat center;background-size:100%}._m-social_learning_detail .m-contentBody .comment-count .refresh-btn:hover em,._m-social_learning_detail .m-contentBody .comment-count .refresh-btn:active em{background:url(/assets/images/april/ic_comment_refresh_on.png) no-repeat center;background-size:100%}._m-social_learning_detail .m-contentBody .comment-count .refresh-btn .disabled em,._m-social_learning_detail .m-contentBody .comment-count .refresh-btn:disabled em{background:url(/assets/images/april/ic_comment_refresh_off.png) no-repeat center;background-size:100%}._m-social_learning_detail .m-contentBody .commentList{background-color:#f7f7f7;text-align:left}._m-social_learning_detail .m-contentBody .commentList ul li{padding:20px 30px 20px 65px;border-bottom:1px solid #e4e4e4;position:relative}._m-social_learning_detail .m-contentBody .commentList ul li span{vertical-align:top;font-size:1em}._m-social_learning_detail .m-contentBody .commentList ul li .pic{width:65px;position:absolute;left:10px;top:20px}._m-social_learning_detail .m-contentBody .commentList ul li .pic button{display:inline-block;width:44px;border:0px;outline:0px;opacity:1!important;background-color:transparent!important;padding:0;position:relative}._m-social_learning_detail .m-contentBody .commentList ul li .pic button img{width:36px;height:36px;border-radius:50%}._m-social_learning_detail .m-contentBody .commentList ul li .pic button em{position:absolute;display:inline-block}._m-social_learning_detail .m-contentBody .commentList ul li .pic button .user-level1{width:38px;height:38px;left:3px;top:-1px}._m-social_learning_detail .m-contentBody .commentList ul li .pic button .user-level2{width:38px;height:41px;left:3px;top:-4px}._m-social_learning_detail .m-contentBody .commentList ul li .pic button .user-level3{width:40px;height:42px;left:2px;top:-4px}._m-social_learning_detail .m-contentBody .commentList ul li .pic button .user-level4{width:42px;height:48px;left:1px;top:-7px}._m-social_learning_detail .m-contentBody .commentList ul li .pic button .user-level5{width:42px;height:47px;left:1px;top:-7px}._m-social_learning_detail .m-contentBody .commentList ul li .pic button .d-block{height:10px;text-align:center}._m-social_learning_detail .m-contentBody .commentList ul li .pic button .d-block div em{position:relative;display:inline-block;width:10px;height:10px;margin:0;border-radius:0}._m-social_learning_detail .m-contentBody .commentList ul li .comment{display:block;margin-top:5px}._m-social_learning_detail .m-contentBody .commentList ul li .time{display:block;color:#919191}._m-social_learning_detail .m-contentBody .commentList ul li button.delete{border:0px;width:30px;height:30px;position:absolute;top:20px;right:15px;background:url(/assets/images/april/icon_commentDelete.png) center no-repeat transparent;background-size:18px 20px}._m-social_learning_detail .m-contentBody .commentList ul li:last-child{border-bottom:0px}._m-social_learning_detail .m-contentBody .commentList .viewMore{padding-bottom:20px}._m-social_learning_detail .m-contentBody .commentList .viewMore .btn-primary{font-size:1em;height:45px}._m-social_learning_detail .m-contentBody .comment-no-content{text-align:center;padding:10em 0}.emotionsPopover{border-radius:.3rem!important;border:1px solid #d3d7db!important}.emotionsPopover .modal-close{top:5px}.emotionsPopover .modal-close em{background-size:70%}.emotionsPopover .arrow{display:inline-block!important}.emotionsPopover .arrow:after{border-bottom-color:#fff!important}.emotionsPopover .emotions-popover-box{width:100%;height:50%;padding-right:2px}.emotionsPopover .emotions-popover-box .category-btn-section{width:50px;max-width:50px;background-color:#e0e3e4;padding:50px 0}.emotionsPopover .emotions-popover-box .category-btn-section button{width:50px;height:50px;padding:0;background-color:transparent;border:0;opacity:.3;border-radius:0;border-bottom:1px solid #e0e3e4!important;border-left:0px solid #e0e3e4!important;border-right:1px solid #e0e3e4!important}.emotionsPopover .emotions-popover-box .category-btn-section button:hover{opacity:1}.emotionsPopover .emotions-popover-box .category-btn-section button:active{background-color:#fff;opacity:1;border-bottom:1px solid #d5d5d5!important;border-left:0px solid #d5d5d5!important;border-right:1px solid #fff!important}.emotionsPopover .emotions-popover-box .category-btn-section button.active{border-bottom:1px solid #d5d5d5!important;border-left:0px solid #d5d5d5!important;border-right:1px solid #fff!important;background-color:#fff!important;opacity:1}.emotionsPopover .emotions-popover-box .category-btn-section button.disabled,.emotionsPopover .emotions-popover-box .category-btn-section button:disabled{background-color:#9898984d!important}.emotionsPopover .emotions-popover-box .category-btn-section .emoticon-btn img{width:50px;height:50px}.emotionsPopover .emotions-popover-box .category-btn-section .emoticon-btn:not(:disabled):not(.disabled):active,.emotionsPopover .emotions-popover-box .category-btn-section .emoticon-btn:not(:disabled):not(.disabled).active,.emotionsPopover .emotions-popover-box .category-btn-section .show>.emoticon-btn.dropdown-toggle{background-color:#fff!important}.emotionsPopover .emotions-popover-box .emoji-arrow{background-color:#aaa!important;position:absolute;opacity:1!important}.emotionsPopover .emotions-popover-box .emoji-arrow em{width:24px;height:16px;display:inline-block;vertical-align:middle}.emotionsPopover .emotions-popover-box .emoji-arrow:hover,.emotionsPopover .emotions-popover-box .emoji-arrow:active,.emotionsPopover .emotions-popover-box .emoji-arrow .active{background-color:#868686!important}.emotionsPopover .emotions-popover-box .emoji-arrow:not(:disabled):not(.disabled):active,.emotionsPopover .emotions-popover-box .emoji-arrow:not(:disabled):not(.disabled).active,.emotionsPopover .emotions-popover-box .show>.emoji-arrow.dropdown-toggle{background-color:#868686!important}.emotionsPopover .emotions-popover-box .emoji-arrow-bottom{bottom:0;left:0;border-bottom-left-radius:3px}.emotionsPopover .emotions-popover-box .emoji-arrow-bottom em{background:url(/assets/images/ic_emoji_arrow_bottom.png) no-repeat center;background-size:100%}.emotionsPopover .emotions-popover-box .emoji-arrow-top{top:0;left:0;border-top-left-radius:3px!important}.emotionsPopover .emotions-popover-box .emoji-arrow-top em{background:url(/assets/images/ic_emoji_arrow_top.png) no-repeat center;background-size:100%}.emotionsPopover .emotions-popover-box .show>.emoji-arrow.dropdown-toggle{background-color:#868686!important}.emotionsPopover .emotions-popover-box .emotions-cover{overflow-y:scroll;margin-top:50px;padding-left:15px;padding-right:15px;height:250px}.emotionsPopover .emotions-popover-box .emotions-cover button{margin-bottom:5%;padding:0;background-color:transparent;border:0;width:24.8%;height:5.4rem}.emotionsPopover .emotions-popover-box .emotions-cover button:hover{padding:0;background-color:transparent;border:0}.emotionsPopover .emotions-popover-box .emotions-cover button img{width:100%}.emotionsPopover .emotions-popover-box .emotions-cover .btn-secondary:not(:disabled):not(.disabled):active,.emotionsPopover .emotions-popover-box .emotions-cover .btn-secondary:not(:disabled):not(.disabled).active,.emotionsPopover .emotions-popover-box .emotions-cover .show>.btn-secondary.dropdown-toggle{padding:0;background-color:transparent;border:0}
