.ruru-style button,.ruru-style a.btn{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:12px 0 0;padding:15px;cursor:pointer;font-size:100%;line-height:1;text-align:center;border:0;border-radius:4px;outline:0}@media (max-width: 700px){.ruru-style button,.ruru-style a.btn{margin:8px 0;padding:12px}}.ruru-style button.green,.ruru-style a.btn.green{color:#fff;background-color:#57c463}.ruru-style button.green:hover,.ruru-style a.btn.green:hover{background-color:#3ead43}.ruru-style button.green span,.ruru-style a.btn.green span{display:none}.ruru-style button.red,.ruru-style a.btn.red{color:#fff !important;background-color:#ff7356}.ruru-style button.red:hover,.ruru-style a.btn.red:hover{background-color:#dc3c1b}.ruru-style button.yellow,.ruru-style button--yellow,.ruru-style a.btn.yellow,.ruru-style a.btn--yellow{color:#fff;background-color:#ffae28}.ruru-style button.yellow:hover,.ruru-style button--yellow:hover,.ruru-style a.btn.yellow:hover,.ruru-style a.btn--yellow:hover{background-color:#ff8700}.ruru-style button.text,.ruru-style a.btn.text{display:inline-block;width:auto;padding:0;-webkit-transition:.3s;transition:.3s;color:#76bf7e;background:none}.ruru-style button.text:hover,.ruru-style a.btn.text:hover{text-decoration:underline;color:#55a05d}.ruru-style button:disabled,.ruru-style button [disabled],.ruru-style button:disabled:hover,.ruru-style button [disabled]:hover,.ruru-style a.btn:disabled,.ruru-style a.btn [disabled],.ruru-style a.btn:disabled:hover,.ruru-style a.btn [disabled]:hover{cursor:initial;color:rgba(0,0,0,0.4);background-color:rgba(0,0,0,0.1)}.ruru-style button:disabled.load-animation,.ruru-style button [disabled].load-animation,.ruru-style button:disabled:hover.load-animation,.ruru-style button [disabled]:hover.load-animation,.ruru-style a.btn:disabled.load-animation,.ruru-style a.btn [disabled].load-animation,.ruru-style a.btn:disabled:hover.load-animation,.ruru-style a.btn [disabled]:hover.load-animation{position:relative}.ruru-style button:disabled.load-animation.green,.ruru-style button [disabled].load-animation.green,.ruru-style button:disabled:hover.load-animation.green,.ruru-style button [disabled]:hover.load-animation.green,.ruru-style a.btn:disabled.load-animation.green,.ruru-style a.btn [disabled].load-animation.green,.ruru-style a.btn:disabled:hover.load-animation.green,.ruru-style a.btn [disabled]:hover.load-animation.green{color:#57c463;background-color:#57c463}.ruru-style button:disabled.load-animation span,.ruru-style button [disabled].load-animation span,.ruru-style button:disabled:hover.load-animation span,.ruru-style button [disabled]:hover.load-animation span,.ruru-style a.btn:disabled.load-animation span,.ruru-style a.btn [disabled].load-animation span,.ruru-style a.btn:disabled:hover.load-animation span,.ruru-style a.btn [disabled]:hover.load-animation span{position:absolute;top:22px;left:50%;display:inline-block;width:6px;height:6px;-webkit-animation:bouncing-loader 0.6s infinite alternate;animation:bouncing-loader 0.6s infinite alternate;-webkit-animation-delay:0.2s;animation-delay:0.2s;border-radius:50%;background:#fff}@media (max-width: 700px){.ruru-style button:disabled.load-animation span,.ruru-style button [disabled].load-animation span,.ruru-style button:disabled:hover.load-animation span,.ruru-style button [disabled]:hover.load-animation span,.ruru-style a.btn:disabled.load-animation span,.ruru-style a.btn [disabled].load-animation span,.ruru-style a.btn:disabled:hover.load-animation span,.ruru-style a.btn [disabled]:hover.load-animation span{top:18px}}.ruru-style button:disabled.load-animation span::before,.ruru-style button:disabled.load-animation span::after,.ruru-style button [disabled].load-animation span::before,.ruru-style button [disabled].load-animation span::after,.ruru-style button:disabled:hover.load-animation span::before,.ruru-style button:disabled:hover.load-animation span::after,.ruru-style button [disabled]:hover.load-animation span::before,.ruru-style button [disabled]:hover.load-animation span::after,.ruru-style a.btn:disabled.load-animation span::before,.ruru-style a.btn:disabled.load-animation span::after,.ruru-style a.btn [disabled].load-animation span::before,.ruru-style a.btn [disabled].load-animation span::after,.ruru-style a.btn:disabled:hover.load-animation span::before,.ruru-style a.btn:disabled:hover.load-animation span::after,.ruru-style a.btn [disabled]:hover.load-animation span::before,.ruru-style a.btn [disabled]:hover.load-animation span::after{position:absolute;width:6px;height:6px;margin-left:14px;content:'';-webkit-animation:bouncing-loader 0.6s infinite alternate;animation:bouncing-loader 0.6s infinite alternate;-webkit-animation-delay:0.4s;animation-delay:0.4s;border-radius:50%;background:#fff}.ruru-style button:disabled.load-animation span::before,.ruru-style button [disabled].load-animation span::before,.ruru-style button:disabled:hover.load-animation span::before,.ruru-style button [disabled]:hover.load-animation span::before,.ruru-style a.btn:disabled.load-animation span::before,.ruru-style a.btn [disabled].load-animation span::before,.ruru-style a.btn:disabled:hover.load-animation span::before,.ruru-style a.btn [disabled]:hover.load-animation span::before{margin-left:-19px;-webkit-animation:bouncing-loader 0.6s infinite alternate;animation:bouncing-loader 0.6s infinite alternate;-webkit-animation-delay:0s;animation-delay:0s}.ruru-style__button--stereoscopic-rocket{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding:14px 6vw;-webkit-transition:.3s;transition:.3s;font-size:1.5vw;font-weight:600;color:#272a28;border:0;border-radius:4px;background-color:#ffae28;-webkit-box-shadow:0 6px 0 0 #c77e04;box-shadow:0 6px 0 0 #c77e04}@media (min-width: 701px) and (max-width: 1023px){.ruru-style__button--stereoscopic-rocket{width:181px;margin-top:4px;padding:5px 0;font-size:18px}}@media (max-width: 700px){.ruru-style__button--stereoscopic-rocket{padding:6px 0;font-size:12px}}.ruru-style__button--stereoscopic-rocket.user-pop__promotion__button{display:none;width:250px;margin:0 auto;padding:14px 0;font-size:22px}@media (min-width: 1024px){.ruru-style__button--stereoscopic-rocket.user-pop__promotion__button{display:block}}.ruru-style__button--stereoscopic-rocket:hover{background-color:#ffd33a;-webkit-box-shadow:0 6px 0 0 #e18c00;box-shadow:0 6px 0 0 #e18c00}.ruru-style .user-pop__close{position:absolute;z-index:101;top:26px;right:26px;width:32px;height:32px;margin:0;padding:0;font-size:50px;line-height:0.5;color:#9f9f9f;border:0;outline:none;background:none}@media (min-width: 1024px){.ruru-style .user-pop__close{color:#fff}}@media (max-width: 700px){.ruru-style .user-pop__close{font-size:40px}}.btn__fb{color:#fff;background-color:#4167b2}.btn__fb:hover{background-color:#5c83d3}.btn__fb.mode__icon{background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/user/assest.svg) #fff -69px -137px}.btn__fb.mode__icon:hover{background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/user/assest.svg) #fff -69px -204px}.stereoscopic{-webkit-box-sizing:border-box;box-sizing:border-box;padding:14px;-webkit-transition:.3s;transition:.3s;font-size:22px;font-weight:600;border:0;border-radius:4px}.stereoscopic.yellow{background-color:#ffae28;-webkit-box-shadow:0 6px 0 0 #c77e04;box-shadow:0 6px 0 0 #c77e04}.stereoscopic.yellow:hover{background-color:#ff8700;-webkit-box-shadow:0 6px 0 0 #e18c00;box-shadow:0 6px 0 0 #e18c00}.web-css .ruru-style__button--stereoscopic-rocket:hover{background-color:#ffd33a;-webkit-box-shadow:0 6px 0 0 #e18c00;box-shadow:0 6px 0 0 #e18c00}@-webkit-keyframes bouncing-loader{to{-webkit-transform:translate3d(0, -3px, 0);transform:translate3d(0, -3px, 0);opacity:0.1}}@keyframes bouncing-loader{to{-webkit-transform:translate3d(0, -3px, 0);transform:translate3d(0, -3px, 0);opacity:0.1}}.promotion-before-video{position:absolute;z-index:1;top:0;left:0;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;font-size:1.5vw;color:#fff;background:linear-gradient(135deg, #43a047 0%, #93c53a 100%)}@media (min-width: 701px) and (max-width: 1023px){.promotion-before-video{font-size:20px}}@media (max-width: 700px){.promotion-before-video{font-size:14px}}.promotion-before-video::before{display:none;width:0;height:100%;content:'';vertical-align:middle}@media (min-width: 1024px){.promotion-before-video::before{display:inline-block}}.promotion-before-video__rocket{position:absolute;top:36px;left:0;display:block;width:100px;height:100px;content:'';background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) -422px -79px;background-size:950px}@media (min-width: 701px) and (max-width: 1023px){.promotion-before-video__rocket{top:initial;bottom:30px;left:38px;width:60px;height:74px;background-position:-36px -30px;background-size:500px}}@media (max-width: 700px){.promotion-before-video__rocket{top:initial;bottom:14px;left:10px;width:34px;height:42px;background-position:-16px -11px;background-size:250px}}.promotion-before-video__rocket::after{position:absolute;top:12px;right:-26px;display:none;width:24px;height:18px;content:'';background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) -52px -19px;background-size:200px}@media (min-width: 701px) and (max-width: 1023px){.promotion-before-video__rocket::after{top:52px;right:-20px;display:block;width:44px;height:32px;background-position:-108px -40px;background-size:400px}}@media (max-width: 700px){.promotion-before-video__rocket::after{display:block}}.promotion-before-video__text,.promotion-before-video__button{display:inline-block;line-height:1.5;vertical-align:middle}.promotion-before-video__text{position:relative;display:block;margin-top:12px}@media (min-width: 1024px){.promotion-before-video__text{display:inline-block;width:45%;margin:0 1vw}}@media (max-width: 700px){.promotion-before-video__text{margin-top:22px}}.promotion-before-video__text::after{position:absolute;top:-35px;right:-45px;display:none;width:68px;height:80px;content:'';background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) -132px -48px;background-size:500px}@media (min-width: 1024px){.promotion-before-video__text::after{display:block}}.promotion-before-video__button{display:inline-block;padding:14px 26px;font-size:1.5vw;color:#272a28;outline:none}@media (min-width: 701px) and (max-width: 1023px){.promotion-before-video__button{width:182px;margin-top:10px;padding:4px 0;font-size:15px}}@media (max-width: 700px){.promotion-before-video__button{font-size:13px;padding:9px 0;width:144px;margin-top:10px}}.promotion-before-video::after{position:absolute;right:0;bottom:0;display:block;width:100px;height:100px;content:'';background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) -781px -79px;background-size:950px}@media (min-width: 701px) and (max-width: 1023px){.promotion-before-video::after{right:14px;width:110px;height:112px;background-position:-925px -100px;background-size:1100px}}@media (max-width: 700px){.promotion-before-video::after{right:7px;width:66px;height:57px;background-position:-464px -52px;background-size:563px}}@media (min-width: 701px) and (max-width: 1023px){.promotion-before-video .ruru-style__button--stereoscopic-rocket{width:180px;margin-top:8px;padding:6px 0;font-size:16px;-webkit-box-shadow:0 4px 0 0 #c77e04;box-shadow:0 4px 0 0 #c77e04}}@media (max-width: 700px){.promotion-before-video .ruru-style__button--stereoscopic-rocket{font-size:14px}}.video-c-left__narrow .promotion-before-video{font-size:1vw}@media (min-width: 701px) and (max-width: 1023px){.video-c-left__narrow .promotion-before-video{font-size:18px}}@media (max-width: 700px){.video-c-left__narrow .promotion-before-video{font-size:14px}}.video-c-left__narrow .promotion-before-video__button{font-size:0.9vw}@media (min-width: 701px) and (max-width: 1023px){.video-c-left__narrow .promotion-before-video__button{font-size:15px}}.user-mask{position:fixed;z-index:103;top:0;left:0;display:none;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.5)}@media (max-width: 700px){.user-mask{font-size:0}}.user-mask::before{display:inline-block;width:0;height:100%;content:'';vertical-align:middle}@media (max-width: 700px){.user-mask::before{display:none}}.promotion{position:fixed;z-index:102;top:0;left:0;display:none;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.5)}.promotion::before{display:inline-block;width:0;height:100%;content:'';vertical-align:middle}@media (max-width: 700px){.promotion::before{display:none}}.promotion-pop{position:relative;display:inline-block;overflow:auto;height:624px;max-height:100vh;font-size:16px;vertical-align:middle;border-radius:8px;background:#fff}@media (min-width: 701px) and (max-width: 1023px){.promotion-pop{overflow:hidden}}@media (max-width: 700px){.promotion-pop{overflow:hidden;height:100vh;border-radius:0}}.promotion-pop__decoration{width:72px;height:72px;margin:119px auto 16px auto}.promotion-pop .icon__word{background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) no-repeat -43px -439px}.promotion-pop .icon__repeat{background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) no-repeat -341px -338px}.promotion-pop .icon__repeat::before,.promotion-pop .icon__repeat::after{content:'';display:block;width:72px;height:72px}.promotion-pop .icon__repeat::before{margin-left:-81px;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) -37px -338px;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.promotion-pop .icon__repeat::after{margin:-72px 80px;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) -37px -338px}.promotion-pop .icon__repeat-pre{background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) no-repeat -241px -338px}.promotion-pop .icon__repeat-pre::before,.promotion-pop .icon__repeat-pre::after{content:'';display:block;width:72px;height:72px}.promotion-pop .icon__repeat-pre::before{margin-left:-81px;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) -137px -338px;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.promotion-pop .icon__repeat-pre::after{margin:-72px 80px;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) -37px -338px}.promotion-pop .icon__repeat-next{background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) no-repeat -241px -338px}.promotion-pop .icon__repeat-next::before,.promotion-pop .icon__repeat-next::after{content:'';display:block;width:72px;height:72px}.promotion-pop .icon__repeat-next::before{margin-left:-81px;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) -37px -338px;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.promotion-pop .icon__repeat-next::after{margin:-72px 80px;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) -137px -338px}.promotion-pop .icon__subtitle{background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) no-repeat -341px -439px}.promotion-pop .icon__sentence{background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) no-repeat -241px -439px}.promotion-pop .icon__collect{background:url(http://s3-ap-northeast-1.amazonaws.com/hopenglish/images/free/icons.svg) no-repeat 0 -32px;width:100px;height:30px;margin-bottom:30px}.promotion-pop .icon__article{background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) no-repeat -608px -446px}.promotion-pop__close{position:absolute;z-index:1;top:26px;right:26px;color:#fff;font-size:50px;cursor:pointer}@media (min-width: 701px) and (max-width: 1023px){.promotion-pop__close{color:#9f9f9f}}@media (max-width: 700px){.promotion-pop__close{top:24px;right:24px;color:#9f9f9f}}.promotion-pop__explanation{margin-top:24px;padding-top:16px;color:rgba(0,0,0,0.4)}@media (max-width: 700px){.promotion-pop__explanation{margin-top:8px;padding-top:8px;font-size:14px}}.promotion-pop__container--left{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;width:496px;height:624px;padding:48px 48px 16px;vertical-align:top;background-color:#fff}@media (min-width: 701px) and (max-width: 1023px){.promotion-pop__container--left{overflow:auto;width:632px;height:calc(100vh - 108px)}}@media (max-width: 700px){.promotion-pop__container--left{overflow:auto;width:100vw;height:calc(100vh - 80px);padding:32px 24px 100px;border-radius:0}}.promotion-pop__container--right{pointer-events:none;position:relative;display:inline-block;width:404px;height:624px;font-size:22px;font-weight:600;vertical-align:top;color:#fff;background:linear-gradient(135deg, #43a047 0%, #93c53a 100%)}@media (min-width: 701px) and (max-width: 1023px){.promotion-pop__container--right{pointer-events:auto;position:absolute;bottom:0;left:0;width:100%;height:108px;margin:0}}@media (max-width: 700px){.promotion-pop__container--right{pointer-events:auto;position:fixed;bottom:0;left:0;width:100%;height:80px;margin:0}}.promotion-pop__container--right::before{display:block;width:82px;height:100px;margin:35px 0 0 32px;content:'';background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) -50px -40px}@media (min-width: 701px) and (max-width: 1023px){.promotion-pop__container--right::before{position:absolute;margin:18px 0 0 26px;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) -475px -95px;background-size:1032px}}@media (max-width: 700px){.promotion-pop__container--right::before{position:absolute;margin:6px 0 0 12px;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) -410px -81px;background-size:870px}}.promotion-pop__container--right::after{position:absolute;right:0;bottom:0;display:block;width:76px;height:56px;content:'';background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) -181px -65px}@media (min-width: 1024px){.promotion-pop__container--right::after{right:30px;bottom:43px}}@media (min-width: 701px) and (max-width: 1023px){.promotion-pop__container--right::after{width:114px;height:97px;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) -757px -85px;background-size:940px}}@media (max-width: 700px){.promotion-pop__container--right::after{width:114px;height:80px;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) -628px -71px;background-size:800px}}.promotion-pop__intro--left{position:relative;padding-bottom:16px;font-size:24px;font-weight:600;border-bottom:3px solid rgba(0,0,0,0.03)}.promotion-pop__intro--left p{margin:.5em;line-height:1em}@media (max-width: 700px){.promotion-pop__intro--left{padding-bottom:8px;font-size:18px}}.promotion-pop__intro--right{margin:120px 0 36px;font-weight:600;line-height:1.5}@media (min-width: 701px) and (max-width: 1023px){.promotion-pop__intro--right{margin:32px 0 0;font-size:16px}}@media (max-width: 700px){.promotion-pop__intro--right{margin:22px 0 0;font-size:14px}}.promotion-pop__btn-container{margin-top:4px}.promotion-pop__btn--normal{width:100%;margin:12px 0 0;padding:15px;-webkit-transition:0.3s;transition:0.3s;line-height:1;text-align:center;border:0;border-radius:4px;outline:0}@media (max-width: 700px){.promotion-pop__btn--normal{margin:8px 0;padding:12px}}.promotion-pop__btn--green{color:#fff;background-color:#57c463}.promotion-pop__btn--green:hover{background-color:#3ead43}.promotion-pop__btn--green span{display:none}.promotion-pop__btn--text{display:contents;width:auto;padding:0;-webkit-transition:0.3s;transition:0.3s;color:#76bf7e;background:none}.promotion-pop__btn--text:hover{color:#55a05d}.promotion-pop__btn--stereoscopic{pointer-events:auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding:14px;-webkit-transition:0.3s;transition:0.3s;font-size:22px;font-weight:600;border:0;border-radius:4px;display:none;width:250px}@media (min-width: 1024px){.promotion-pop__btn--stereoscopic{display:inline-block}}.promotion-pop__btn--yellow,.promotion-pop__btn--yellow:active{background-color:#ffae28;-webkit-box-shadow:0 6px 0 0 #c77e04;box-shadow:0 6px 0 0 #c77e04}.promotion-pop__btn--yellow:hover,.promotion-pop__btn--yellow:active:hover{background-color:#ffd33a;-webkit-box-shadow:0 6px 0 0 #e18c00;box-shadow:0 6px 0 0 #e18c00}a,a:hover,a:active,a:focus,button,button:hover,button:active,button:focus{border:0;outline:0}.content{position:relative;overflow:hidden;width:100%;background-color:#eee}.content .index-library{float:initial;width:93%;margin:0 auto}@media (max-width: 1023px){.content .index-library{width:95%}}.content .index-library .library-content{background-color:#eee}.library-content-in{position:relative;margin:88px 0 0 0}@media (max-width: 1023px){.library-content-in{margin:30px 0 0 0}}.domain-table-container{margin:20px 0 40px}.domain-table-container .tablecatalog{margin-left:-23px}.domain-table-container .tablecatalog .catatit{top:0;position:absolute;display:block;width:100%;height:30px;padding:10px 0 5px;font-size:16px;text-align:center;color:#fff;border:0;background-color:rgba(0,0,0,0.5)}.domain-table-container .tablecatalog .tablepic{float:left;width:25%;margin-bottom:10px}@media (min-width: 701px) and (max-width: 1023px){.domain-table-container .tablecatalog .tablepic{width:50%}}@media (max-width: 700px){.domain-table-container .tablecatalog .tablepic{width:100%}}.domain-table-container .tablecatalog .tablepic img{display:block;width:100%}.domain-table-container .tablecatalog .tablepic .tablepicin{position:relative;display:block;overflow:hidden;margin-bottom:15px;margin-left:23px;-webkit-transition:0.5s;transition:0.5s;border-radius:4px}.domain-table-container .tablecatalog .tablepic .tablepicin:hover{-webkit-box-shadow:0 0 0 2px #43a047;box-shadow:0 0 0 2px #43a047}.domain-table-container .tablecatalog .tablepic .tablepicin:hover .catatit{-webkit-transition:0.3s;transition:0.3s;color:#fff;background:#43a047}.nonliststyle{clear:both;padding:0;border-bottom:0;background:none;-webkit-box-shadow:0 0;box-shadow:0 0}.topic-container{margin:30px 0 0 -16px}.topic-container .loading{clear:both;margin-bottom:20px;margin-left:23px;text-align:center}.list{text-align:left;margin:30px 0 0}@media (max-width: 700px){.list{text-align:center}}.list .lds-ring{display:inline-block;position:relative;width:30px;height:30px}.list .lds-ring div{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;width:30px;height:30px;border:4px solid #fff;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:#43a047 transparent transparent transparent}.list .lds-ring div:nth-child(1){-webkit-animation-delay:-0.45s;animation-delay:-0.45s}.list .lds-ring div:nth-child(2){-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.list .lds-ring div:nth-child(3){-webkit-animation-delay:-0.15s;animation-delay:-0.15s}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.list .loading{text-align:center}.list--card{position:relative;display:inline-block;overflow:hidden;width:22vw;height:22vw;margin:0 8px 40px;background-color:#000;border-radius:4px;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2)}.list--card:nth-child(4n){margin-right:0}.list--card:nth-child(4n+1){margin-left:0}@media (min-width: 701px) and (max-width: 1023px){.list--card{width:46vw;height:46vw;margin:0 0 40px 0}.list--card:nth-child(odd){margin:0 2% 40px 0}}@media (max-width: 700px){.list--card{width:calc(100vw - 32px);height:calc(100vw - 32px);margin:0 0 16px}}.list--card:hover{-webkit-box-shadow:0 0 0 2px #43a047;box-shadow:0 0 0 2px #43a047}.list--card:hover .list--card-mask{background-color:rgba(0,0,0,0.3)}.list--card:hover .list--card-mask.idiom{background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/free/idiom-mask-icon.svg) right 16px top 16px rgba(0,0,0,0.3) no-repeat}.list--card a{display:block;width:100%;height:100%;font-size:0}.list--card a::before{display:inline-block;width:0;height:100%;content:'';vertical-align:middle}.list--card img{display:inline-block;width:100%;vertical-align:middle}.list--card .list--card-mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-transition:0.5s;transition:0.5s;background-position:center}.list--card .list--card-meta{position:absolute;bottom:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:12px;font-size:13px;text-align:left;color:#fff;background-color:rgba(0,0,0,0.6)}.list--card .list--card-meta h3{margin:0;padding-left:0;font-size:15px;font-weight:bold;background:none}.articlelink,.videolink,.phraselink{top:0;left:0;position:absolute;z-index:2;width:100%;height:100%;-webkit-transition:0.5s;transition:0.5s;opacity:0}.videolink{background:url("https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/common/play.svg") center center no-repeat}.videolink:hover{opacity:0.9;-webkit-box-shadow:0 0 0 2px #43a047 inset;box-shadow:0 0 0 2px #43a047 inset}.articlelink:hover{opacity:0.9;-webkit-box-shadow:0 0 0 2px #43a047 inset;box-shadow:0 0 0 2px #43a047 inset}.topic-thumb{position:relative;float:left;width:25%;margin-bottom:40px}@media (min-width: 701px) and (max-width: 1023px){.topic-thumb{width:50%}}@media (max-width: 700px){.topic-thumb{width:100%;margin-bottom:15px}}.topic-thumb .info{margin-left:230px}.topic-thumb h4{display:block;overflow:hidden;width:96%;margin-bottom:0;*padding-top:12px}.topic-thumb img{width:100%}.topic-thumb .summary{position:relative;overflow:hidden;margin-left:16px;-webkit-transition:0.5s;transition:0.5s;border-radius:4px;background-color:#000;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2)}.topic-thumb .summary .infoinfo{bottom:0;position:absolute;z-index:2;width:100%;height:90px;background-color:rgba(0,0,0,0.5)}.topic-thumb .summary .infoinfo .view{display:inline-block}.topic-thumb .upload-time{margin-left:12px;font-size:13px;color:#fff}.videoimg,.phraseimg{left:0;position:absolute;z-index:1}.txtlink{display:block;margin-left:12px;color:#fff}.pager{display:block;clear:both;margin-top:20px;margin-bottom:100px;font-size:15px}@media (max-width: 1023px){.pager{display:none}}.pager a{display:inline-block;margin:0 3px;margin-bottom:6px;padding:12px 20px;color:#000;border-radius:4px;background:#fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1)}.pager a:hover{-webkit-transition:0.3s;transition:0.3s;color:#fff;background:#43a047}.pager .pagerfocus{font-size:16px;font-weight:bold;border:2px solid #43a047 !important}.loadmoreo{display:none;width:100%;cursor:pointer;text-align:center}@media (max-width: 1023px){.loadmoreo{display:block}}.loadmoreo .loadmore{margin:0 auto;margin-bottom:80px;padding:7px 0 4px;-webkit-transition:0.5s;transition:0.5s;font-size:16px;color:#fff;border-radius:30px;background:#43a047;text-shadow:0 0}.nonliststyle{padding-left:0;border-bottom:0;background:transparent;-webkit-box-shadow:0 0;box-shadow:0 0}.nonliststyle .pagetag{display:inline-block;width:50%;padding:10px 0;cursor:pointer;text-align:center}.nonliststyle .pagetag div:hover{color:#fff;background:#39883c}.nonliststyle .pagetag div{margin-right:5px;padding:7px 0 4px;-webkit-transition:0.5s;transition:0.5s;border-radius:50px;background:rgba(0,0,0,0.1);text-shadow:0 0}.nonliststyle .pagetag .tagfocus{color:#fff;background:#43a047}.info{font-size:14px;color:rgba(0,0,0,0.5);margin-bottom:12px}.zoomin-icon,.normal-icon{background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/free/video-icons.svg) #fff -6px -49px no-repeat;width:25px;height:17px}.zoomin-icon{background-position:-6px -8px;margin-right:4px}.tag a,.tagcloud a{margin-right:4px;border-radius:4px}.tag a:hover,.tagcloud a:hover{background:#43a047;color:#fff;-webkit-transition:0.3s;transition:0.3s}.share-media{font-size:12px;font-weight:normal;color:rgba(0,0,0,0.8)}.share-media button,.share-media a{display:inline-block;width:27px;height:27px;margin:4px 2px 8px;cursor:pointer;-webkit-transition:0.5s;transition:0.5s;vertical-align:middle;border:0;border-radius:4px;background:url("https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/free/assest.svg?v1.62") -17px -18px}.share-media button.line,.share-media a.line{background-position:-49px -17px}.share-media button.ig,.share-media a.ig{background-position:-81px -17px}.share-media button.youtube,.share-media a.youtube{background-position:-113px -17px}.share-media button.spotify,.share-media a.spotify{background-position:-145px -17px}.share-media button.link,.share-media a.link{background-position:-179px -17px}.share-media button:hover,.share-media a:hover{opacity:0.7}.share-mask{position:fixed;z-index:101;top:0;left:0;display:none;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.7)}.share-mask:before{display:inline-block;height:100%;content:'';vertical-align:middle}.share-mask .btn-green{display:inline-block;width:60%;padding:4px 0;cursor:pointer;-webkit-transition:0.5s;transition:0.5s;font-size:21px;text-align:center;color:#fff;border:#fff 2px solid;border-radius:50px;background-color:#43a047}.share-dialog{position:relative;display:inline-block;width:570px;margin:0 auto;padding:30px 20px;font-size:20px;text-align:center;vertical-align:middle;border-radius:10px;background-color:#fff}.share-close{position:absolute;top:-30px;right:-30px;display:none;cursor:pointer}.share-title{margin:4px;font-size:26px;font-weight:bold}html{position:relative}#tabs-2 p span{color:#21759B;font-weight:bold}.video-container{position:relative;clear:both;overflow-x:hidden;width:100%;background-color:#eee}.video-header{margin:0 40px;padding:20px 0}.video-header time{margin-right:10px}.video-catalog,.gradient{font-size:13px}.button__full-video,.button__share-fb{width:calc(50% - 16px);padding:7px 0 6px;-webkit-transition:0.5s;transition:0.5s;border:2px solid #43a047;border-radius:30px;background-color:#fff}.button__full-video:hover,.button__share-fb:hover{border:2px solid #ed6c00}.button__full-video:focus,.button__full-video:active,.button__share-fb:focus,.button__share-fb:active{border:2px solid #43a047}@media (min-width: 701px) and (max-width: 1023px){.button__full-video,.button__share-fb{width:222px}}@media (max-width: 700px){.button__full-video,.button__share-fb{width:calc(50% - 4px);padding:4px 0 2px;font-size:13px}}.button__delete,.button__edit{width:42px;height:42px;-webkit-transition:0.5s;transition:0.5s;vertical-align:middle;border:2px solid #43a047;border-radius:28px;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/free/icons.svg) no-repeat 6px -278px #fff;background-size:160px}.button__delete:focus,.button__delete:active,.button__edit:focus,.button__edit:active{border:2px solid #43a047}.button__delete:hover,.button__edit:hover{border:2px solid #ed6c00}.button__edit{background-position:4px -315px}.video-catalog{padding-top:24px;font-size:13px;font-weight:bold;color:rgba(0,0,0,0.4)}@media (max-width: 700px){.video-catalog{padding-top:0}}.video-catalog a{margin:0 6px;font-size:16px;color:rgba(0,0,0,0.4)}.video-catalog a:first-child{margin-left:0}.video-catalog a:hover{color:rgba(0,0,0,0.8)}h1{height:auto;margin:0 0 10px;padding-top:16px;padding-left:60px;font-size:32px;font-weight:bold;color:rgba(0,0,0,0.8);background:none}@media (max-width: 700px){h1{font-size:26px}}h3{height:auto;margin:0 0 20px;padding-left:0;font-size:17px;background:none}h3::before{display:inline-block;width:3px;height:22px;margin-right:16px;content:'';vertical-align:sub;border-radius:4px;background-color:#43a047}.fontbtn{position:absolute;top:-48px;right:0;width:40px;height:40px;border:2px solid #43a047;border-radius:30px;background:url("https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/free/video-icons.svg") #fff 1px -38px no-repeat}.fontbtn:focus{border:2px solid #43a047}.fontbtn:hover{border:2px solid #ed6c00}.zoomin{right:46px;background-position:1px 3px}.registion-container{position:relative}.registion-container .contactclose{top:-36px;right:-22px}@media (max-width: 700px){.registion-container .contactclose{top:-9px;right:9px}}#fb_like{margin-top:7px}.video-c{width:100%}.video-c-left{float:left;width:100%;-webkit-transition:0.3s;transition:0.3s;background-color:#eee}@media (min-width: 1024px){.video-c-left{width:60%}}.video-c-right{position:relative;float:left;width:100%;-webkit-transition:0.3s;transition:0.3s;background-color:#eee}@media (min-width: 1024px){.video-c-right{width:40%}}.collect{right:0}.video_container{position:relative;overflow:hidden;margin:0 10px 0 40px;-webkit-transition:0.3s;transition:0.3s;border-radius:8px;background:#1b1b1b;-webkit-box-shadow:0 0 0;box-shadow:0 0 0}.video_container.idiom{font-size:0}@media (max-width: 1023px){.video_container{border-radius:0}}.video-c-left__narrow{width:100%}@media (min-width: 1024px){.video-c-left__narrow{width:50%}}.video-c-right__expand{width:100%}@media (min-width: 1024px){.video-c-right__expand{width:50%}}#tabs,#notes{font-size:16px;position:relative;background:rgba(255,255,255,0.5);border-radius:5px}.learntool,.learntoolclose{position:absolute;z-index:1;top:5px;display:none;width:45px;height:39px;cursor:pointer;border:0}@media (min-width: 1024px){.learntool,.learntoolclose{display:block}}.tag a,.tagcloud a{color:#999}#tabs-1,#tabs-2,#notes-1,#notes-2{margin:20px 0px 20px 0}#tabs-1 span{cursor:pointer}#tabs-1 span,#tabs-2 a,#notes-1 a{color:#43a047;font-weight:bold}#notes-2 a{color:#666}#tabs-1 span:hover,#tabs-2 a:hover,#notes-1 a:hover,#notes-2 a:hover{color:#ed6c00;transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s}#tabs-2 ul li,#notes-1 ul li,#notes-2 ul li{padding:10px 0 40px;position:relative;border-bottom:2px solid #ddd;-webkit-box-shadow:0 1px #fff;box-shadow:0 1px #fff}#notes-1 ul li,#notes-2 ul li{padding:10px 0 10px}#notes-1 ul li p,#notes-2 ul li p{text-align:right;margin-bottom:0px}#notes-2 ul li p{margin-top:16px}#notes-2 ul li textarea{width:99%;font-family:Arial, '微軟正黑體'}#tabs-2 a,#notes-2 a{position:relative;padding-left:26px}#tabs-2 a::after,#notes-2 a::after{position:absolute;top:4px;left:8px;display:inline-block;width:0;height:0;content:'';border-width:4px 0 4px 7px;border-style:solid;border-color:transparent transparent transparent #fff}#tabs-2 a::before,#notes-2 a::before{position:absolute;top:-2px;left:0;display:inline-block;width:20px;height:20px;content:'';-webkit-transition:0.3s;transition:0.3s;border-radius:20px;background-color:#43a047}#notes-1 a:hover::before,#notes-2 a:hover::before{-webkit-transition:0;transition:0;background-color:#ed6c00}.video-article,.video-note{margin:0 40px 10px 20px;position:relative}.how-to-use{position:relative;display:block;width:87%;height:8.7vw}@media (min-width: 701px) and (max-width: 1023px){.how-to-use{width:436px;height:122px}}@media (max-width: 700px){.how-to-use{width:100%;height:25vw}}@media (max-width: 1023px){.how-to-use{margin-top:-16px}}.how-to-use img:first-child{position:absolute;z-index:1;bottom:0;width:100%}.how-to-use span:nth-child(2){position:absolute;z-index:0;top:26%;left:30%;width:68%;padding:2% 0;-webkit-transition:0.5s;transition:0.5s;font-size:1.68vw;text-align:center;color:#fff;border:2px solid #eb8f29;border-radius:50px;background:#ed2d00;background:linear-gradient(-45deg, #ed2d00, #eb8f29);background-color:#fff;background-position:0 0;background-size:200% 200%;-webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.2);box-shadow:2px 2px 5px rgba(0,0,0,0.2)}@media (min-width: 701px) and (max-width: 1023px){.how-to-use span:nth-child(2){font-size:24px}}@media (max-width: 700px){.how-to-use span:nth-child(2){top:inherit;right:0;bottom:27%;left:inherit;width:calc(100vw - 37vw);padding:8px 0;font-size:4.8vw}}.how-to-use:hover span{background-position:100% 50%;-webkit-box-shadow:0 0 0;box-shadow:0 0 0}.how-to-use span.glitter-star{position:absolute;width:4px;height:4px;-webkit-animation:glitter 3s linear 0s infinite normal;animation:glitter 3s linear 0s infinite normal}.how-to-use span.glitter-star::before,.how-to-use span.glitter-star::after{position:absolute;display:block;width:10px;height:2px;content:'';border-radius:2px;background-color:#ec8a49}.how-to-use span.glitter-star::after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.how-to-use span.glitter-star.yellow::before,.how-to-use span.glitter-star.yellow::after{background-color:#f6da4a}.how-to-use span.glitter-star.star-1{top:43%;left:3%}.how-to-use span.glitter-star.star-2{top:16%;left:22%;-webkit-animation-delay:0.9s;animation-delay:0.9s}.how-to-use span.glitter-star.star-3{bottom:17%;left:28%;-webkit-animation-delay:0.4s;animation-delay:0.4s}.how-to-use span.glitter-star.star-4{top:8%;right:10%;-webkit-animation-delay:0.6s;animation-delay:0.6s}.how-to-use span.glitter-star.star-5{right:4%;bottom:18%;-webkit-animation-delay:0.2s;animation-delay:0.2s}@-webkit-keyframes glitter{0%{-webkit-transform:scale(1);opacity:1}25%{-webkit-transform:scale(0.5);opacity:0}50%{-webkit-transform:scale(1);opacity:1}75%{-webkit-transform:scale(0.5);opacity:0}100%{-webkit-transform:scale(1);opacity:1}}@keyframes glitter{0%{-webkit-transform:scale(1);opacity:1}25%{-webkit-transform:scale(0.5);opacity:0}50%{-webkit-transform:scale(1);opacity:1}75%{-webkit-transform:scale(0.5);opacity:0}100%{-webkit-transform:scale(1);opacity:1}}.removeadmg{margin:20px}.entry{margin:20px 10px 0 40px}.info{font-size:13px;color:rgba(0,0,0,0.5)}.entry_in{position:relative}.video-commend{padding:20px 0 50px;margin:0 40px;font-size:0}@media (max-width: 1023px){.video-commend{margin:0 22px}}.video-commend.clear{padding-top:60px}.video-commend-container{width:100%;padding:20px 0;overflow:hidden !important;text-align:center;height:256px;border-radius:5px;background:rgba(255,255,255,0.3)}.video-commend-indi{width:208px;margin:0 20px;overflow:hidden;display:inline-block;position:relative}.video-commend-indi h4{height:54px;overflow-y:hidden;text-align:left}.video-commend-indi h4 a{font-size:15px}.video-img{text-align:center;height:158px;overflow:hidden;background-color:#000}.video-img a{position:absolute;display:block;width:100%;height:158px}.video-img img{height:158px}.phrases-black{width:208px;height:136px;background:#000;padding-top:20px}.phrases-img{height:110px;overflow:hidden}.phrases-img img{width:208px;margin:-35px}.video-footer p{font-size:13px;text-align:left;cursor:default}.video-footer time{float:right}.phrases-content{padding:20px;border-radius:5px;background:rgba(255,255,255,0.5)}.action-btn{padding:6px 0px 6px 8px}.edit-btn{background:url("https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/common/main.svg") 3px -58px no-repeat;width:20px;height:17px}.delete-btn{width:15px;height:17px;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/free/icons.svg) no-repeat 0 -160px}i.full-video,i.share-fb{background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/free/idiom-icons.svg) 0 0 no-repeat;width:30px;height:29px;vertical-align:middle}i.share-fb{background-position-y:-30px}.phrases-content span{font-size:18px;font-weight:bold;color:#eb9128}.favorite{position:absolute;top:29px;left:0;padding:0;-webkit-transition:0.3s;transition:0.3s;font-size:13px;color:#43a047;background:none}.favorite::before{display:inline-block;width:18px;height:15px;margin-right:4px;content:'';vertical-align:middle;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/free/icons.svg) no-repeat 0 1px}.favorite.unfavorite::before{height:16px;background-position:0 -14px}.favorite:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.btn-area{padding:0px 0 10px;margin-top:16px}.tag{overflow:visible}.tag a{display:inline-block;margin-bottom:6px;padding:6px 12px;font-size:13px;color:#000;border-radius:20px;-webkit-box-shadow:0 1px 3px #999;box-shadow:0 1px 3px #999}.status{font-size:13px}.meaning{margin-left:10px}#notes-2 .editarea li{-webkit-box-shadow:0 0;box-shadow:0 0;border-bottom:0}.editarea .personal_edit{border:0}.fullarticle,.fullarticleclose,.fullnote,.fullnoteclose{position:absolute;top:-53px;right:-20px;width:20px;height:38px;padding:0;border:0;border-top-right-radius:4px;border-bottom-right-radius:4px;background-color:#fff;-webkit-box-shadow:2px 0 2px rgba(0,0,0,0.2);box-shadow:2px 0 2px rgba(0,0,0,0.2);-webkit-transition:0.5s;transition:0.5s}@media (max-width: 1023px){.fullarticle,.fullarticleclose,.fullnote,.fullnoteclose{display:none}}.fullarticle::before,.fullarticleclose::before,.fullnote::before,.fullnoteclose::before{display:block;width:6px;height:6px;margin-left:6px;content:'';-webkit-transition:0.5s;transition:0.5s;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-top:2px solid rgba(0,0,0,0.5);border-left:2px solid rgba(0,0,0,0.5);margin-top:14px}.fullarticle:hover,.fullarticleclose:hover,.fullnote:hover,.fullnoteclose:hover{-webkit-box-shadow:0 0 0;box-shadow:0 0 0}.fullnote,.fullnoteclose{top:8px}.fullarticle::before,.fullnoteclose::before{margin-top:-10px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fullarticle:hover::before,.fullnoteclose:hover::before{margin-top:8px}.fullnote:hover::before,.fullarticleclose:hover::before{margin-top:-10px}#embed_player{overflow:hidden;width:100%;height:calc(21vw + 152px)}@media (max-width: 1023px){#embed_player{height:53vw}}#YoutubePlayer{text-align:center;border-style:none}.fluid-width-video-wrapper{width:100%;position:relative;padding:0}#ytlplayer{position:relative;margin:0 auto;text-align:center;border:0;color:white;margin-top:-1px;background:#1b1b1b;font-family:Arial, 'LiHei Pro', '微軟正黑體', Helvetica;width:100%}#slider{position:relative}#subtitle,#subtitle-quote{overflow-y:auto;padding:8px 0 40px;background:#1b1b1b;height:98px;line-height:22px}#sub_eng_display,#sub_cht_display{display:inline-block;text-align:center;font-size:18px;text-transform:none;color:white;line-height:22px;margin:0 20px}.hide_subtitle{display:none !important}.dont-select{color:#333}.non-select{color:#333;padding-left:6px;height:170px}.non-select:hover,.dont-select:hover{color:#fff}.dictionary-pop{position:absolute;background:url("https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/free/video/dictionary.png") left bottom no-repeat rgba(255,255,255,0.9);border:1px solid #d1d1d1;-webkit-box-shadow:0 0 5px;box-shadow:0 0 5px;width:300px;display:none;cursor:move;top:2%;right:3%;-webkit-box-shadow:0 0 30px 3px #000;box-shadow:0 0 30px 3px #000;border-radius:10px;z-index:105;padding:30px 30px 60px}#wdpop2{top:0%;left:0%}#mask-other{background-color:rgba(0,0,0,0.6);width:100%;height:100%;z-index:102;top:0;left:0;display:none;position:fixed}.dictionary-pop .gradient,.dictionary-pop .gradient-greenG{width:32%;margin-top:4px;padding:10px}.dictionary-pop b{word-wrap:break-word;word-break:normal}.add-dictionary{border-radius:12px;padding:6px 9px 6px 13px;font-size:13px;color:#fff}.cancel-dictionary{border-radius:12px;padding:6px 9px;font-size:13px;color:#999}.dictionary-control{margin-top:50px;text-align:right;position:relative}.selected,.dont-selected{color:#fff}.selected{padding-left:6px}#controller{position:absolute;border:0;margin:0 auto;width:100%;bottom:0;background:#1b1b1b;padding:2px 0;left:0}.ytl_button{float:left;margin-left:5px;margin-top:3px;margin-bottom:3px;color:#757575;font-size:15px;font-weight:normal}.done{color:#71af43}.wd{width:24px;height:24px;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/free/video-icons.svg) 0 -266px no-repeat}.wded{background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/free/video-icons.svg) 0 -291px no-repeat}.wd-ho{opacity:0.5}.sentence-left,.sentence-right{width:24px;height:24px;position:relative}.sentence-left::before,.sentence-left::after,.sentence-right::before,.sentence-right::after{position:absolute;top:6px;left:6px;width:12px;height:3px;content:'';-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-radius:4px;background-color:#43a047}.sentence-left::after,.sentence-right::after{top:13px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sentence-left.sentence-left-disable::before,.sentence-left.sentence-left-disable::after,.sentence-left.sentence-right-disable::before,.sentence-left.sentence-right-disable::after,.sentence-right.sentence-left-disable::before,.sentence-right.sentence-left-disable::after,.sentence-right.sentence-right-disable::before,.sentence-right.sentence-right-disable::after{display:none}.sentence-left.sentence-left-ho,.sentence-left.sentence-right-ho,.sentence-right.sentence-left-ho,.sentence-right.sentence-right-ho{opacity:0.5}.sentence-right::before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sentence-right::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#clk_rpt_prd_display{float:left;margin-left:5px;margin-top:5px;margin-bottom:5px;color:white;font-size:15px;font-weight:bolder}#ChtButton{margin-left:-4px}.caption_button{float:left;margin:5px 0px 0 4px;color:gray;font-size:15px}.excerpts{margin-top:1px;height:22px;padding:2px 12px 3px;border-radius:15px}@media (max-width: 700px){.excerpts{margin-left:-10px}}.excerpts-ho{opacity:0.5}.non-quote{text-align:center}.non-quote img{width:100%;max-width:402px}.cch,.cen{float:right;-webkit-box-sizing:border-box;box-sizing:border-box;height:26px;margin:0 7px 0 0;padding:4px;line-height:1;color:#fff;border:2px solid #43a047;border-radius:2px;background:#43a047}.cched,.cened{float:right;height:26px;border:2px solid #43a047;background:none}.caption-button-hover{opacity:0.5}.save-sentence{background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/free/video-icons.svg) 0 -316px no-repeat;width:23px;height:24px;margin-right:4px}.pop{position:absolute;left:0;bottom:0;background:#242424;width:100%;height:36px;display:none;border-top:1px solid #333}#quote_confirm,#quote_cancel{float:right;-webkit-box-sizing:border-box;box-sizing:border-box;height:28px;margin:4px 0 0 3px;padding:4px 7px 4px;cursor:pointer;color:#fff;border-radius:15px}#quote_confirm{padding-top:2px;border:2px solid transparent;background:#43a047}#quote_cancel{margin-right:6px;border:2px solid #666}#quote_confirm:hover,#quote_cancel:hover{opacity:0.5}#clk_rpt_prd_display{display:block;float:left;margin:5px 0 0 6px}.minus,.add{position:relative;display:inline-block;width:14px;height:14px;margin-bottom:-2px;border:2px solid #fff;border-radius:10px}.minus::before,.add::before{position:absolute;top:6px;left:3px;display:block;width:8px;height:2px;content:'';border-radius:2px;background-color:#fff}.minus:hover,.add:hover{opacity:0.5;border:2px solid #fff}.add::after{position:absolute;top:3px;left:6px;display:block;width:2px;height:8px;content:'';border-radius:2px;background-color:#fff}.wordvar li{border-bottom:0 !important;-webkit-box-shadow:0 0 !important;box-shadow:0 0 !important;margin:0;padding:0 !important;line-height:1.5em}.wordvar{padding:10px 0}.wdsentence{font-size:14px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-tabs{position:relative;padding:.2em}.ui-tabs-nav{margin:0;padding:.2em .2em 0;height:100%}.personal_edit,.personal_edit2{position:relative;border-top:1px solid #fff;border-bottom:1px solid #ddd;text-align:left;display:block;margin-top:10px;line-height:2.5em}.personal_edit input{margin-bottom:6px}.editarea .infoinput{margin-left:-1px}.add-wd1,.add-wd2{position:absolute;top:-45px;left:1px;display:block;width:301px;height:33px;cursor:pointer;text-align:center;border-radius:30px;background-color:#d1d1d1;-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.3) inset;box-shadow:1px 1px 2px rgba(0,0,0,0.3) inset}.add-wd1::before,.add-wd2::before{display:inline-block;margin-top:6px;content:'＋ 新 增';color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.4)}.add-wd1:hover,.add-wd2:hover{-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.3) inset;box-shadow:2px 2px 2px rgba(0,0,0,0.3) inset}.add-wd-last{right:30px}.minus-wd,.minus-wd2{position:absolute;top:4px;right:0;display:block;width:28px;height:28px;cursor:pointer;-webkit-transition:0.3s;transition:0.3s;text-align:center;border-radius:30px;background-color:#d1d1d1;-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.3) inset;box-shadow:1px 1px 2px rgba(0,0,0,0.3) inset}.minus-wd::before,.minus-wd2::before{display:inline-block;width:18px;height:6px;margin-top:11px;content:'';vertical-align:top;border-radius:3px;background-color:#fff;-webkit-box-shadow:1px ​1px 2px rgba(0,0,0,0.2);box-shadow:1px ​1px 2px rgba(0,0,0,0.2)}.minus-wd:hover,.minus-wd2:hover{-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.3) inset;box-shadow:2px 2px 2px rgba(0,0,0,0.3) inset}.ui-state-default{display:inline-block;width:48%;border-top-left-radius:4px;border-top-right-radius:4px;outline:0;background-color:rgba(0,0,0,0.04);-webkit-box-shadow:0 -2px 2px inset rgba(0,0,0,0.1);box-shadow:0 -2px 2px inset rgba(0,0,0,0.1)}.ui-state-default:hover{background-color:#43a04730;-webkit-box-shadow:0 -2px 2px inset #43a04730;box-shadow:0 -2px 2px inset #43a04730}.ui-tabs .ui-tabs-nav li a{font-size:14px}.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{padding:10px 22px;cursor:pointer;display:block}.ui-tabs .ui-tabs-panel{display:block;border-width:0;background:none;line-height:1.7em;clear:both}.video-c-left .ui-tabs .ui-tabs-panel{height:100%}.submitbtn{font-size:13px}.word-book .input{margin-left:-1px}.wordl{font-size:18px;font-weight:bold}.tindquote{background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/free/video-icons.svg) 0 -213px no-repeat;width:24px;height:22px;margin-right:4px}.tindword{background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/free/video-icons.svg) 0 -237px no-repeat;width:24px;height:24px;margin-right:6px}.ui-widget-header{color:#222;height:30px}.ui-widget-header a{color:#222}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{background:none;-webkit-box-shadow:0 -2px 2px rgba(0,0,0,0.2);box-shadow:0 -2px 2px rgba(0,0,0,0.2)}.registion-pop{position:absolute;position:fixed;z-index:200;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.7);display:none;-webkit-box-shadow:0 0 30px #000;box-shadow:0 0 30px #000}.registion{width:330px;margin:0 auto;font-family:Arial, '微軟正黑體';padding:50px;background:#fff;-webkit-box-shadow:0 0 30px #000;box-shadow:0 0 30px #000;border-radius:5px;border:1px solid #aaa;margin-top:10%}.fb-login{background:url("https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/user/signup.gif") no-repeat 0 -60px;background-size:330px auto;width:330px;height:30px;display:block}.fb-login:hover{background:url("https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/user/signup.gif") no-repeat 0 -90px;background-size:330px auto}.logintit{text-align:center;color:#999;font-weight:normal;font-size:16px;background:url("https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/user/signup.gif") no-repeat 0 -126px;background-size:330px auto;margin:16px 0;padding:0;text-shadow:0 0;border:0}.alertwd{color:#000;text-align:center;font-size:13px;border:1px solid #f00;margin-bottom:10px}.shortlink{font-size:13px;float:right;margin-top:-10px;margin-right:6px}.shortlink a{color:#71af43}.shortlink a:hover{text-decoration:underline}.wording{font-size:13px}.sign-button{border-radius:4px;background:#f9f9f9;border:1px solid #e1e1e1;text-shadow:1px 1px 1px #fff;background:#fcfcfc;background:-webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f0f0f0));background:linear-gradient(to bottom, #fcfcfc 0%, #f0f0f0 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc',endColorstr='#f0f0f0',GradientType=0 );font-size:13px;padding:10px 40px;width:100%;outline:0}.sign-button:hover{background:#f0f0f0;background:-webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#fcfcfc));background:linear-gradient(to bottom, #f0f0f0 0%, #fcfcfc 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0',endColorstr='#fcfcfc',GradientType=0 )}.ui-effects-transfer{background:rgba(255,255,255,0.5);border-radius:10px;-webkit-transform:rotateY(45deg);transform:rotateY(45deg)}.nano{position:relative;width:100%;height:100%;overflow:hidden}.nano .content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:scroll;overflow-x:hidden;width:93%;margin:0 0 0 16px;background:none}.nano .content:focus{outline:none}.nano .content::-webkit-scrollbar{visibility:hidden}.has-scrollbar .content::-webkit-scrollbar{visibility:visible}.nano>.pane{background:rgba(0,0,0,0.25);position:absolute;width:10px;right:0;top:0;bottom:0;visibility:hidden\9;opacity:.01;-webkit-transition:.2s;transition:.2s;border-radius:5px;right:10px}#subtitle>.nano>.pane{background:#535353}.nano>.pane>.slider{background:#444;background:rgba(0,0,0,0.5);position:relative;margin:0 1px;border-radius:3px}#subtitle>.nano>.pane>.slider{background:#6d6d6d}.nano:hover>.pane,.pane.active,.pane.flashed{visibility:visible\9;opacity:0.99}.pop-other{z-index:105;top:200px;width:350px;margin:50px auto 0;padding:20px;padding-top:30px;text-align:center;border:1px solid #d1d1d1;border-radius:10px;background:rgba(255,255,255,0.9);-webkit-box-shadow:0 0 30px 3px #000;box-shadow:0 0 30px 3px #000}.pop-other .word-book,.pop-other .quote-book{text-align:left;border-bottom:1px solid #ccc;margin-bottom:20px;position:relative}.pop-other .quote-book{margin-top:30px}.pop-other .wdsentence{font-size:13px}.pop-other .wordl{font-size:18px;font-weight:bold;color:#21759b;display:block}.pop-other p{top:-60px;right:0;position:absolute}.pop-other .share,.pop-other .action-btn{width:40px;height:40px;padding:0;-webkit-transition:0.3s;transition:0.3s;border-radius:30px;background-color:#fff;-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.3) inset;box-shadow:2px 2px 2px rgba(0,0,0,0.3) inset}.pop-other .share::before,.pop-other .action-btn::before{display:inline-block;width:24px;height:24px;margin-top:5px;content:'';background-image:url("https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/free/video-icons.svg");background-repeat:no-repeat}.pop-other .share{vertical-align:middle;background-color:#3b5897}.pop-other .share::before{width:13px;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/free/idiom-icons.svg) -7px -33px no-repeat #fff}.pop-other .share:hover{-webkit-box-shadow:0 0 0 rgba(0,0,0,0.3) inset;box-shadow:0 0 0 rgba(0,0,0,0.3) inset}.pop-other .action-btn::before{background-position:0 -237px}.pop-other .action-btn:hover{background-color:#43a047}.pop-other .quote-book a{display:block;margin-bottom:-20px;padding-top:10px;-webkit-box-shadow:0 -1px #ccc;box-shadow:0 -1px #ccc;font-size:16px}.pop-other .quote-book li{font-size:13px}.endshare{display:none;padding-top:50px;padding:8px 0 40px;font-size:18px}.endshare a{color:#fff;opacity:0.7;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s}.endshare a:hover{color:#fff;opacity:1}.endshare span{line-height:0em}.endshare img{vertical-align:middle}.pop-other .nano{height:220px;-webkit-box-shadow:0 -1px #ccc;box-shadow:0 -1px #ccc;border-top:1px solid #fff}.pop-other .nano .pane{margin:10px 0}.pop-other .nano .content{margin:0;margin:10px 20px 10px 0}.word-book p{top:-24px;margin:0}.tipspop{background-color:rgba(0,0,0,0.7);position:fixed;width:100%;height:100%;z-index:102;display:none;top:0;left:0;right:0;bottom:0;outline:0;overflow-x:hidden;overflow-y:auto}.tipspop_content .contactclose{right:0;top:32px}.contactclose{position:absolute;z-index:10;right:0;display:block;float:right;width:17px;height:17px;background:url("https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/common/main.svg") no-repeat 1px -37px}.tipspop_area{overflow-y:auto;max-width:800px;height:72vh;height:calc(100vh - 50px);margin:25px auto 0;border-radius:10px;background:#fff;-webkit-box-shadow:0 0 30px 3px #000;box-shadow:0 0 30px 3px #000}@media (min-width: 701px) and (max-width: 1023px){.tipspop_area{width:calc(100vw - 50px)}}@media (max-width: 700px){.tipspop_area{width:100vw;max-width:800px;height:100vh;margin:0;border-radius:0}}.tipspop_area .tipspop_content{position:relative;margin:0 40px 0;padding:40px 0}@media (max-width: 700px){.tipspop_area .tipspop_content{margin:0 16px 0}}.tipspop_area h3{font-weight:bold;color:rgba(0,0,0,0.7)}.openhtml5{color:#fff;background:#71af43;padding:6px 10px;border-radius:6px;-webkit-box-shadow:2px 3px 0 #ddd;box-shadow:2px 3px 0 #ddd;line-height:4em}.openhtml5:hover{-webkit-box-shadow:0 0 0;box-shadow:0 0 0;background:#43a047}.tipspop_area ul{margin:0 0 0 20px}.tipspop_area ul li{position:relative;margin-bottom:6px;line-height:1.8}.tipspop_area ul li::before{position:absolute;top:6px;left:-16px;display:inline-block;width:4px;height:18px;content:'';border-radius:6px;background-color:#43a047}.tipspop_area ul li img{width:100%;margin:16px 0}.tipspop_area b{color:#43a047}.dictionary-pop .editbtn{width:42px;height:40px;border-radius:25px;-webkit-box-shadow:0 0;box-shadow:0 0;margin:0 0 4px 6px}.dictionary-pop input{margin-bottom:5px}.tipfunc,.tipshare{display:none}.funca,.html5a,.sharea{color:#43a047;cursor:pointer}.funca:hover,.html5a:hover,.sharea:hover{color:#71af43;transition:0.2s;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s}.entry-idiom{margin:0 22px;padding:0;border:0}.fb-comments{width:100%}.fb-comments iframe,.fb-comments span{width:100% !important}#aswift_2_anchor{height:251px !important}.classcontrol{width:100%;text-align:center;padding:10px 0 0}.backtocata{color:#43a047;border:1px solid #43a047;font-size:13px;padding:2px 5px;transition:0.2s;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s}.backtocata:hover{border:1px solid #000;color:#000;-webkit-box-shadow:0 0 5px #fff;box-shadow:0 0 5px #fff}.cclassnone{background:none;color:transparent;cursor:default}.cclassnone:hover{background:none;color:transparent}.point{color:#43a047;font-weight:bold}#tabs-2 ul .pointsec{padding-bottom:10px}.videocontainer{position:relative}.video_end{background-color:#000;width:100%;height:100%;position:absolute;z-index:1;display:none}.video_endcon{width:100%;height:100%;position:relative;overflow:hidden}.video_endcon_left{width:50%;height:100%;margin-left:20px;border-right:1px solid #666;float:left}.video_endcon_right{width:45%;float:left;height:100%}.video_endcon_leftin{color:#fff;height:100%;padding-top:18%}.playv{width:96%;position:relative;height:70%;overflow:hidden;text-align:center;background-color:#222}.playv img{height:100%}.relatvideo{float:left;width:45%;height:50%;margin-left:10px;overflow:hidden;position:relative;text-align:center;margin-bottom:5px}.relatvideo img{height:100%}.relatlink{background-color:rgba(0,0,0,0.6);color:#fff;position:absolute;width:100%;height:100%;text-align:left;top:0;left:0;transition:0.5s;-webkit-transition:0.5s;font-size:13px}.relatlink span,.teachvlink span,.playvmask span{display:block;margin:10px}.teachv{clear:both;width:92%;height:20%;overflow:hidden;position:relative;margin-left:10px}.teachv img{height:290px;margin-top:-76px}.teachvlink{background-color:rgba(0,0,0,0.6);color:#fff;position:absolute;width:100%;height:100%;text-align:left;top:0;left:0;transition:0.5s;-webkit-transition:0.5s;font-size:16px}.relatlink:hover,.teachvlink:hover{background:rgba(0,0,0,0);color:transparent}.playvmask{width:100%;height:100%;text-align:left;background-color:rgba(0,0,0,0.6);position:absolute;transition:0.5s;-webkit-transition:0.5s;top:0;left:0;color:#fff}.playvmask:hover{background:rgba(0,0,0,0);color:transparent}.dictip{position:absolute;z-index:1;top:-70px;right:-10px;width:180px;height:128px;background:url("https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/free/video-icons.svg") 0 -84px no-repeat}.video_endcon_rightin{padding-top:20%;height:100%}.tD{position:absolute;left:20px;top:10%;z-index:1}.style_endpromo{position:absolute;width:100%;height:100%;background:#000;overflow:hidden;top:0;left:0;z-index:5;display:block;display:none;-webkit-box-shadow:0 0 0px #000;box-shadow:0 0 0px #000;-webkit-transition:0.5s;transition:0.5s}.event-banner{position:absolute;top:0;left:0}.style_endpromo:hover{-webkit-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000}.event-banner img{width:100%}.style_unskip,.style_skip{position:absolute;display:block;position:absolute;color:#fff;padding:7px 14px;background-color:#000;border:1px solid #fff;opacity:0.7;bottom:50px;right:-1px;width:200px;text-align:center;-webkit-transition:0.5s;transition:0.5s}.style_skip{display:none}.style_unskip:hover,.style_skip:hover{opacity:1}.start{position:absolute;z-index:10;margin:50px;background-color:rgba(0,0,0,0.6);color:#fff;padding:5px 25px;bottom:165px}.replayi{background:url("https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/common/main.svg") 0 -18px no-repeat;width:19px;height:19px;margin-right:0;display:inline-block}.tablepicin{border-radius:0}.catatit{font-size:16px;height:30px;color:#fff;background-color:rgba(0,0,0,0.7)}.tablepic:hover{-webkit-box-shadow:0 0 0;box-shadow:0 0 0}.tablepic{margin-bottom:0}.tablecatalog{margin-left:-1px}.tables{display:none}.recommend--card{position:relative;display:inline-block;overflow:hidden;width:calc(25% - 16px);height:14vw;margin:0 8px 24px;vertical-align:middle;border-radius:4px;background-color:#000;background-repeat:no-repeat;background-position:center;background-size:contain;-webkit-box-shadow:0 0 5px;box-shadow:0 0 5px}.recommend--card:nth-child(4n+2){margin-left:0}.recommend--card:nth-child(4n+1){margin-right:0}@media (min-width: 701px) and (max-width: 1023px){.recommend--card{width:calc(50% - 8px);height:28vw;margin:0 8px 16px}.recommend--card:nth-child(2n+2){margin-left:0}.recommend--card:nth-child(2n+1){margin-right:0}}@media (max-width: 700px){.recommend--card{width:100%;height:52vw;margin:0 0 16px}}.recommend--card-meta{position:absolute;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:78px;padding:10px;font-size:13px;color:#fff;background-color:rgba(0,0,0,0.5)}.recommend--card-meta h4{margin:0;padding:0}.recommend--card:hover{-webkit-box-shadow:0 0 0 2px #43a047;box-shadow:0 0 0 2px #43a047}.recommend--card:hover .recommend--card-meta{background-color:rgba(0,0,0,0.8)}@media only screen and (min-width: 280px){.video-header{margin:0 20px}.video_container{margin:0}.entry{margin:20px}.video-article,.video-note{margin:20px}.nano .content{position:relative}.dictip,.start{display:none}.fullarticleclose,.fullnote,.fullarticle{display:none}.video-commend-container{overflow:none !important;height:auto}.registion{padding:0 2px 20px;margin-top:0%}}@media only screen and (min-width: 500px){.start{display:block}.registion{padding:50px;margin-top:10%}.video_container{margin:0 20px 0 20px}}@media only screen and (min-width: 1000px){.video-header{margin:0 40px}.entry{margin:20px 10px 0 40px}.video-article,.video-note{margin:0 40px 10px 20px}.nano .content{position:absolute}.fullarticleclose,.fullnote,.fullarticle{display:block}}@media only screen and (min-width: 1270px){.dictip{display:block}.video_container{margin:0 10px 0 40px}.video-commend-container{overflow:hidden !important;height:256px}}.tools{position:relative}.tools .learntool,.tools .learntoolclose{position:absolute;top:5px;width:26px;margin-left:-6px;-webkit-transition:0.5s;transition:0.5s;border-top-left-radius:4px;border-bottom-left-radius:4px;background-color:#fff;-webkit-box-shadow:-2px 2px 2px rgba(0,0,0,0.2);box-shadow:-2px 2px 2px rgba(0,0,0,0.2)}@media (max-width: 700px){.tools .learntool,.tools .learntoolclose{visibility:hidden}}.tools .learntool:hover,.tools .learntoolclose:hover{-webkit-box-shadow:0 0 0;box-shadow:0 0 0}.tools .learntool::before,.tools .learntoolclose::before{display:block;width:6px;height:6px;margin-left:10px;content:'';-webkit-transition:0.5s;transition:0.5s;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-top:2px solid rgba(0,0,0,0.5);border-left:2px solid rgba(0,0,0,0.5)}.tools .learntool:hover::before,.tools .learntoolclose:hover::before{margin-left:0px}.tools .learntoolclose{margin-left:-6px}.tools .learntoolclose::before{margin-left:-2px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.tools .learntoolclose:hover::before{margin-left:8px}.video-control__update,.video-control__free-function{float:right;margin-right:4px;font-size:14px;color:#fff}.video-control__update{padding:5px 18px;cursor:pointer;border-radius:15px;background:linear-gradient(135deg, #43a047 0%, #93c53a 100%)}@media (max-width: 700px){.video-control__update{padding:6px 12px;font-size:11px}}.video-control__free-function{padding-top:4px;text-decoration:underline;border:0;outline:none;background:none}@media (max-width: 700px){.video-control__free-function{display:none}}.web-css .video-control__update:hover{background:linear-gradient(135deg, #f76b1c 0%, #fad961 100%)}.web-css .video-control__free-function:hover{color:#ccc}.fb-like{display:inline-block !important;overflow:hidden;width:100%;height:20px;margin-top:9px}.seek-to{position:relative;margin-bottom:6px;padding-left:40px;cursor:pointer;-webkit-transition:0.3s;transition:0.3s}.seek-to:hover{color:#43a047}.seek-to::before,.seek-to::after{position:absolute;content:''}.seek-to::before{left:0;width:26px;height:26px;border-radius:20px;background-color:#43a047}.seek-to::after{top:8px;left:10px;width:0;height:0;border-width:5px 0 5px 8px;border-style:solid;border-color:transparent transparent transparent #fff}.play-image{position:absolute;width:100%;height:calc(21vw + 152px);background-size:100%;background-position:center;cursor:pointer}@media (max-width: 1023px){.play-image{height:53vw}}.play-image.idiom{background-size:contain;background-color:#000;background-position:center;background-repeat:no-repeat}.play-image.idiom .play-image__mask{background-color:rgba(0,0,0,0.1)}.play-image.play{opacity:0}.play-image img{width:100%}.play-image::before{position:absolute;z-index:1;top:calc(50% - 44px);left:calc(50% - 44px);width:80px;height:80px;content:'';-webkit-transition:0.5s;transition:0.5s;border:4px solid #fff;border-radius:50px;background:rgba(0,0,0,0.2)}.play-image::after{position:absolute;z-index:1;top:calc(49% - 10px);left:calc(50% - 10px);width:0;height:0;content:'';border-width:15px 0 15px 26px;border-style:solid;border-color:transparent transparent transparent #fff}@media (max-width: 1023px){.play-image::after{top:calc(49% - 12px)}}.play-image .play-image__mask{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}.play-image.playing{opacity:0}.play-image:hover::before{background:rgba(0,0,0,0.8)}.video-c-left__narrow #embed_player{height:calc(15vw + 152px)}@media (max-width: 1023px){.video-c-left__narrow #embed_player{height:53vw}}.video-c-left__narrow .play-image{height:26vw}@media (max-width: 1023px){.video-c-left__narrow .play-image{height:53vw}}.review-idioms{padding:0 0 24px}.review-idioms a{display:block;padding:6px 0;text-decoration:underline;color:#43a047}.review-idioms a:hover{color:#ed6c00}