.blogcard{position:relative;width:100%;max-width:500px;margin:0 0 30px;border-radius:2px;box-shadow:0px 20px 40px rgba(0,0,0,0.1);background:white;transition:.2s ease-in-out}.blogcard>a{color:#333333}.blogcard-content{display:flex;justify-content:space-between}.blogcard-image{width:30%}.blogcard-image-wrapper{position:relative;padding:100% 0 0}.blogcard-image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blogcard-text{width:70%;padding:5px 10px}.blogcard-title{margin:0 !important;font-weight:bold;font-size:13px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;max-height:calc(13px * 1.4 * 1);overflow:hidden}.blogcard blockquote{position:static;margin:0;padding:0;border:0;background:transparent;color:inherit}.blogcard blockquote::before,.blogcard blockquote::after{content:none}.blogcard-description{margin:.5em 0 !important;font-size:12px;line-height:1.5 !important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;max-height:calc(12px * 1.5 * 1);overflow:hidden}.blogcard-footer{position:absolute;right:0;bottom:3px;width:70%;padding:0 10px;font-size:11px;line-height:1.2}.blogcard-footer img{margin-right:5px;vertical-align:middle}.blogcard-hasnoimage .blogcard-text{width:100%}.blogcard-hasnoimage .blogcard-footer{position:static;width:100%;padding:10px 20px}@media screen and (min-width: 375px){.blogcard-title{font-size:14px;-webkit-line-clamp:2;max-height:calc(15px * 1.4 * 2)}}@media screen and (min-width: 415px){.blogcard-text{padding:10px 20px}.blogcard-title{font-size:15px;-webkit-line-clamp:3;max-height:calc(15px * 1.4 * 3)}.blogcard-description{margin:1em 0 !important;font-size:13px}.blogcard-footer{bottom:8px;padding:0 20px;font-size:12px}}.blogcard:hover{box-shadow:0 10px 10px 2px rgba(0,0,0,0.1)}.blogcard:hover>a{color:#333333;text-decoration:none !important}.article-content,.editor-preview-active,.editor-preview-active-side,.temp-content{line-height:1.8rem}.article-content p,.editor-preview-active p,.editor-preview-active-side p,.temp-content p{margin-bottom:1.5rem}.article-content img,.editor-preview-active img,.editor-preview-active-side img,.temp-content img{width:100%;margin:auto;image-rendering:-webkit-optimize-contrast}.article-content .table-wrapper,.editor-preview-active .table-wrapper,.editor-preview-active-side .table-wrapper,.temp-content .table-wrapper{overflow-x:auto}.article-content table,.editor-preview-active table,.editor-preview-active-side table,.temp-content table{font-size:13px;border:1px solid #ddd;width:100%;text-align:left}.article-content td,.editor-preview-active td,.editor-preview-active-side td,.temp-content td{border:1px solid #ddd}.article-content td,.article-content th,.editor-preview-active td,.editor-preview-active th,.editor-preview-active-side td,.editor-preview-active-side th,.temp-content td,.temp-content th{padding:4px 4px;white-space:nowrap}.article-content thead tr,.editor-preview-active thead tr,.editor-preview-active-side thead tr,.temp-content thead tr{background-color:#707070}.article-content thead tr th,.editor-preview-active thead tr th,.editor-preview-active-side thead tr th,.temp-content thead tr th{color:#fff;border:1px solid #ddd}.article-content tfoot,.editor-preview-active tfoot,.editor-preview-active-side tfoot,.temp-content tfoot{border-top:1px solid #ddd}.article-content tbody tr th,.editor-preview-active tbody tr th,.editor-preview-active-side tbody tr th,.temp-content tbody tr th{font-weight:bold;border:1px solid #ddd}.article-content tbody tr:nth-of-type(2n),.editor-preview-active tbody tr:nth-of-type(2n),.editor-preview-active-side tbody tr:nth-of-type(2n),.temp-content tbody tr:nth-of-type(2n){background:#f5f5f5}.article-content blockquote,.editor-preview-active blockquote,.editor-preview-active-side blockquote,.temp-content blockquote{position:relative;padding:10px 15px 10px 60px;box-sizing:border-box;font-style:italic;background:#f5f5f5;color:#777777;border-left:4px solid #414141;box-shadow:0 2px 4px rgba(0,0,0,0.14)}.article-content blockquote:before,.editor-preview-active blockquote:before,.editor-preview-active-side blockquote:before,.temp-content blockquote:before{display:inline-block;position:absolute;top:15px;left:15px;font-family:'FontAwesome';content:'\f10d';color:#414141;font-size:20px;line-height:1;font-weight:900}.article-content blockquote p,.editor-preview-active blockquote p,.editor-preview-active-side blockquote p,.temp-content blockquote p{padding:0;margin:7px 0;line-height:1.7}.article-content blockquote cite,.editor-preview-active blockquote cite,.editor-preview-active-side blockquote cite,.temp-content blockquote cite{display:block;text-align:right;color:#888888;font-size:0.9em}.article-content h2,.editor-preview-active h2,.editor-preview-active-side h2,.temp-content h2{font-size:26px;padding:1rem 2rem;border-left:5px solid #000;margin-top:50px;margin-bottom:30px}@media screen and (max-width: 766px){.article-content h2,.editor-preview-active h2,.editor-preview-active-side h2,.temp-content h2{background:#fff}}@media screen and (min-width: 767px){.article-content h2,.editor-preview-active h2,.editor-preview-active-side h2,.temp-content h2{background:#f4f4f4}}.article-content h3,.editor-preview-active h3,.editor-preview-active-side h3,.temp-content h3{position:relative;font-size:24px;padding:0 0 0.5em 0.7em;margin-top:50px;margin-bottom:25px;border-bottom:1px solid black}.article-content h3:after,.editor-preview-active h3:after,.editor-preview-active-side h3:after,.temp-content h3:after{position:absolute;top:0.2em;left:0;content:'';width:5px;height:1em;background-color:#000}.article-content h4,.editor-preview-active h4,.editor-preview-active-side h4,.temp-content h4{font-size:20px;font-weight:bold;border-bottom:1px #000 dotted;padding-bottom:10px;margin-top:50px;margin-bottom:20px}.article-content h5,.editor-preview-active h5,.editor-preview-active-side h5,.temp-content h5{font-size:1.25rem;font-weight:bold;margin:15px 0 3px 0;color:#494949;padding:0.5rem 1rem 0.5rem 4px;margin-top:50px}.article-content h6,.editor-preview-active h6,.editor-preview-active-side h6,.temp-content h6{display:inline-block;position:relative;z-index:8;padding:5px;color:#fff;font-size:10px;font-weight:400;background-color:#5a6165}.article-content h6+div>pre,.editor-preview-active h6+div>pre,.editor-preview-active-side h6+div>pre,.temp-content h6+div>pre{margin-top:-30px;padding-top:38px}.article-content strong,.editor-preview-active strong,.editor-preview-active-side strong,.temp-content strong{font-weight:bold}.article-content pre,.editor-preview-active pre,.editor-preview-active-side pre,.temp-content pre{line-height:1.5em;background:#eee;margin-bottom:2.0rem;padding:0.75rem}.article-content .youtube-container,.editor-preview-active .youtube-container,.editor-preview-active-side .youtube-container,.temp-content .youtube-container{position:relative;width:100%;padding-top:56.25%}.article-content .youtube-container>iframe,.editor-preview-active .youtube-container>iframe,.editor-preview-active-side .youtube-container>iframe,.temp-content .youtube-container>iframe{position:absolute;top:0;right:0;width:100% !important;height:100% !important}.article-content .balloon2-left,.editor-preview-active .balloon2-left,.editor-preview-active-side .balloon2-left,.temp-content .balloon2-left{position:relative;display:inline-block;margin:1.5em 0 1.5em 15px;padding:13px 10px;min-width:120px;max-width:100%;color:#555;font-size:16px;background:#FFF;border:solid 2px #999;box-sizing:border-box}@media screen and (max-width: 449px){.article-content .balloon2-left,.editor-preview-active .balloon2-left,.editor-preview-active-side .balloon2-left,.temp-content .balloon2-left{width:70%}}@media screen and (min-width: 450px) and (max-width: 599px){.article-content .balloon2-left,.editor-preview-active .balloon2-left,.editor-preview-active-side .balloon2-left,.temp-content .balloon2-left{width:75%}}@media screen and (min-width: 600px) and (max-width: 1199px){.article-content .balloon2-left,.editor-preview-active .balloon2-left,.editor-preview-active-side .balloon2-left,.temp-content .balloon2-left{width:80%}}@media screen and (min-width: 1200px){.article-content .balloon2-left,.editor-preview-active .balloon2-left,.editor-preview-active-side .balloon2-left,.temp-content .balloon2-left{width:85%}}.article-content .balloon2-left:before,.editor-preview-active .balloon2-left:before,.editor-preview-active-side .balloon2-left:before,.temp-content .balloon2-left:before{content:"";position:absolute;top:30%;left:-24px;margin-top:-12px;border:12px solid transparent;border-right:12px solid #FFF;z-index:2}.article-content .balloon2-left:after,.editor-preview-active .balloon2-left:after,.editor-preview-active-side .balloon2-left:after,.temp-content .balloon2-left:after{content:"";position:absolute;top:30%;left:-30px;margin-top:-14px;border:14px solid transparent;border-right:15px solid #999;z-index:1}.article-content .balloon2-left p,.editor-preview-active .balloon2-left p,.editor-preview-active-side .balloon2-left p,.temp-content .balloon2-left p{margin:0;padding:0}.article-content .user-icon,.editor-preview-active .user-icon,.editor-preview-active-side .user-icon,.temp-content .user-icon{width:60px;height:60px;border-radius:30px;box-shadow:1px 1px 5px #aaa;border:3px solid #fff;left:8px;top:18px;position:relative}.article-content .icon-name,.editor-preview-active .icon-name,.editor-preview-active-side .icon-name,.temp-content .icon-name{margin:20px 0 0 20px;font-size:0.9em;font-weight:700;position:absolute}.article-content>ol,.article-content>ul,.editor-preview-active>ol,.editor-preview-active>ul,.editor-preview-active-side>ol,.editor-preview-active-side>ul,.temp-content>ol,.temp-content>ul{padding-left:1.3rem;margin-bottom:1.5rem}.article-content>ol li,.article-content>ul li,.editor-preview-active>ol li,.editor-preview-active>ul li,.editor-preview-active-side>ol li,.editor-preview-active-side>ul li,.temp-content>ol li,.temp-content>ul li{margin-bottom:0.3rem}.article-content>ul li,.editor-preview-active>ul li,.editor-preview-active-side>ul li,.temp-content>ul li{list-style-type:none}.article-content>ul li::before,.editor-preview-active>ul li::before,.editor-preview-active-side>ul li::before,.temp-content>ul li::before{position:relative;top:-2px;left:-14px;display:inline-block;width:6px;height:6px;content:'';border-radius:100%;background:#606060}.article-content #toc,.editor-preview-active #toc,.editor-preview-active-side #toc,.temp-content #toc{display:flex;justify-content:center}.article-content #toc>div,.editor-preview-active #toc>div,.editor-preview-active-side #toc>div,.temp-content #toc>div{width:100%;margin-bottom:1em;background:#fcfcfc;border:solid 2px gray;border-radius:3px}.article-content #toc>div>ul,.editor-preview-active #toc>div>ul,.editor-preview-active-side #toc>div>ul,.temp-content #toc>div>ul{padding:0em 0em 0em 2em}.article-content #toc>div>ul>li,.editor-preview-active #toc>div>ul>li,.editor-preview-active-side #toc>div>ul>li,.temp-content #toc>div>ul>li{list-style:none}.article-content #toc>div>ul>li>a:before,.editor-preview-active #toc>div>ul>li>a:before,.editor-preview-active-side #toc>div>ul>li>a:before,.temp-content #toc>div>ul>li>a:before{font-family:FontAwesome;content:"\f0da";color:#333;margin-right:0.5rem}.article-content #toc span,.editor-preview-active #toc span,.editor-preview-active-side #toc span,.temp-content #toc span{display:block;margin:1.5em 0em 0em 2.5em;border-bottom:1px solid #333}.article-content #toc span i,.editor-preview-active #toc span i,.editor-preview-active-side #toc span i,.temp-content #toc span i{margin-right:0.3rem}.article-content #toc .h2-first,.editor-preview-active #toc .h2-first,.editor-preview-active-side #toc .h2-first,.temp-content #toc .h2-first{padding:1em 0em 0em 2em;margin-bottom:0rem}.article-content #toc ul li,.article-content #toc ol li,.editor-preview-active #toc ul li,.editor-preview-active #toc ol li,.editor-preview-active-side #toc ul li,.editor-preview-active-side #toc ol li,.temp-content #toc ul li,.temp-content #toc ol li{line-height:1.5rem;padding:0.5em 0}.article-content #toc a,.editor-preview-active #toc a,.editor-preview-active-side #toc a,.temp-content #toc a{color:#212529}.article-content #toc a:hover,.editor-preview-active #toc a:hover,.editor-preview-active-side #toc a:hover,.temp-content #toc a:hover{color:#777;text-decoration:underline;transition:0.3s}@media screen and (max-width: 768px){.article-content .img-scroll,.editor-preview-active .img-scroll,.editor-preview-active-side .img-scroll,.temp-content .img-scroll{overflow-x:scroll;margin-bottom:20px}.article-content .img-scroll>img,.editor-preview-active .img-scroll>img,.editor-preview-active-side .img-scroll>img,.temp-content .img-scroll>img{width:200%;margin-bottom:1.5rem}}@media screen and (min-width: 769px){.article-content .img-scroll>img,.editor-preview-active .img-scroll>img,.editor-preview-active-side .img-scroll>img,.temp-content .img-scroll>img{margin-bottom:1.5rem}}.blogcard{position:relative;width:100%;max-width:500px;margin:0 0 30px;border-radius:2px;box-shadow:0px 20px 40px rgba(0,0,0,0.1);background:white;transition:.2s ease-in-out}.blogcard>a{color:#333333}.blogcard-content{display:flex;justify-content:space-between}.blogcard-image{width:30%}.blogcard-image-wrapper{position:relative;padding:100% 0 0}.blogcard-image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blogcard-text{width:70%;padding:5px 10px}.blogcard-title{margin:0 !important;font-weight:bold;font-size:13px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;max-height:calc(13px * 1.4 * 1);overflow:hidden}.blogcard blockquote{position:static;margin:0;padding:0;border:0;background:transparent;color:inherit}.blogcard blockquote::before,.blogcard blockquote::after{content:none}.blogcard-description{margin:.5em 0 !important;font-size:12px;line-height:1.5 !important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;max-height:calc(12px * 1.5 * 1);overflow:hidden}.blogcard-footer{position:absolute;right:0;bottom:3px;width:70%;padding:0 10px;font-size:11px;line-height:1.2}.blogcard-footer img{margin-right:5px;vertical-align:middle}.blogcard-hasnoimage .blogcard-text{width:100%}.blogcard-hasnoimage .blogcard-footer{position:static;width:100%;padding:10px 20px}@media screen and (min-width: 375px){.blogcard-title{font-size:14px;-webkit-line-clamp:2;max-height:calc(15px * 1.4 * 2)}}@media screen and (min-width: 415px){.blogcard-text{padding:10px 20px}.blogcard-title{font-size:15px;-webkit-line-clamp:3;max-height:calc(15px * 1.4 * 3)}.blogcard-description{margin:1em 0 !important;font-size:13px}.blogcard-footer{bottom:8px;padding:0 20px;font-size:12px}}.blogcard:hover{box-shadow:0 10px 10px 2px rgba(0,0,0,0.1)}.blogcard:hover>a{color:#333333;text-decoration:none !important}.main-wrapper{padding:20px 25px 0 !important}@media screen and (min-width: 1220px){.main-wrapper{max-width:820px}}.article-content{font-size:1rem;line-height:1.8em;margin-top:1.5rem}.entry_title{font-size:24px;line-height:30px;color:#333;margin-bottom:15px}.date_box{border-bottom-width:1px;border-bottom-style:dotted;margin-bottom:20px;padding:5px}.entry_date{font-size:12px;color:#666666;margin:0px;line-height:15px;display:flex;align-items:center}@media screen and (min-width: 768px){.article-header-image{max-height:450px;width:100%;-o-object-fit:cover;object-fit:cover}}