.wrapper{padding-bottom:1px;font-size:16px;color:var(--color-title)}.wrapper strong{font-weight:bold}.wrapper a{text-decoration:none}.wrapper details{padding:12px;cursor:pointer}.wrapper summary{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--color-title)}.wrapper summary::marker{display:none}.academy_search{width:282px}.banner{position:relative;min-height:160px}.banner>div{max-width:1200px;background-position:center center;background-repeat:no-repeat;background-size:cover;margin:0 auto}.banner a{display:block;width:100%;height:100%}.banner_item_link{padding-top:0;margin-bottom:56px}.banner_item_link img{width:320px;height:160px}.nav{margin:40px 0 20px}.nav .list-scroll{display:flex;align-items:center}.nav a{display:block;font-size:18px;color:var(--color-desc);white-space:nowrap;font-weight:500;border-radius:4px;transition:.25s;position:relative}.nav a:not(:last-child){margin-right:32px}.nav a:after{display:block;content:"";position:absolute;bottom:-4px;background:var(--color-brand);height:2px;z-index:9}.nav a.active,.nav a.active:hover{transition:.25s;color:var(--color-title);font-weight:bold}.nav a.active::after,.nav a.active:hover::after{width:100%;color:var(--color-title);transition:width .25s}.content{min-height:60vh;margin:40px 0 40px;display:flex;justify-content:space-between;font-size:16px}.content table{border:1px solid var(--color-line);border-collapse:collapse;max-width:100% !important;margin:20px 0}.content table td,.content table tr{border:1px solid var(--color-line);padding:10px;vertical-align:middle}.content .wp-block-button{margin:20px 0}.content .wp-block-button a{display:block;width:max-content;padding:15px 20px;color:var(--color-fff);border-radius:30px;transition:.25s}.content .wp-block-button a:hover{box-shadow:0 10px 10px var(--color-shadow-sm);transition:.25s}.content.content-grid{display:block;padding-top:10px}.content.content-grid ul{display:flex;flex-wrap:wrap}.content.content-grid ul li{margin:0 24px 32px 0}.content.content-grid ul li:nth-child(4n){margin-right:0}.content.content-grid ul h3,.content.content-grid ul p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.content.content-grid ul p{-webkit-line-clamp:3}.content.content-grid .nav{border-top:none;margin:0 auto 40px}.content.content-grid .news_item{display:block;width:282px}.content.content-grid .news_item .news_item_desc{margin-left:0}.content .content_list{flex-grow:1}.content .content_list li{margin-bottom:30px}.content aside{width:320px;flex-shrink:0;margin-left:88px;font-size:16px}.content aside h3{font-size:20px;color:var(--color-title);margin-bottom:32px}.news_box{padding:0 16px}.news_box:not(:last-child){margin-bottom:56px}.news_box a{font-size:14px;margin-bottom:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.5;color:var(--color-text);transition:.25s}.news_box a:not(:last-child){margin-bottom:24px}.news_box a:hover{color:var(--color-brand);text-decoration:underline}.news_item{display:flex;color:var(--color-title)}.news_item:hover h3{color:var(--color-brand)}.news_item .news_item_desc{flex-grow:1}.news_item .news_item_desc:not(:first-child){margin-left:30px}.news_item .news_item_desc .time{font-size:14px;color:var(--color-desc);margin-top:8px}.news_item h3{font-size:16px;font-weight:bold;margin-top:16px;min-height:40px}.news_item h3+p{color:var(--color-desc);margin:5px 0 10px}.news_item p{color:var(--color-text)}.news_item .news_item_thumb{flex-shrink:0;width:282px;overflow:hidden}.news_item .news_item_thumb img{width:100%;object-fit:cover;object-position:center center;transition:.25s;border-radius:8px}.summary{font-size:16px;color:var(--color-title);margin-bottom:30px}.summary h1{font-size:28px;line-height:1.2;font-weight:bold;color:var(--color-title);margin:0}.summary p{margin-top:24px}.load_more{margin:20px auto;width:max-content;display:flex;align-items:center;justify-content:center}.trust{margin:24px 0;background:var(--color-fa);border-radius:8px}.trust .toggle_title{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;color:var(--color-title)}.trust .toggle_title strong{display:flex;gap:8px}.trust .toggle_title strong:before{display:block;content:"";flex-shrink:0;width:24px;height:24px;background:url("/cms-static/icon-logo.svg") no-repeat center center;background-size:contain}.trust .toggle_title i{color:var(--color-desc)}.trust .toggle_content{padding:0 16px 16px;font-size:14px;color:var(--color-text)}.content_detail{word-wrap:break-word;flex-grow:1;font-size:16px;max-width:790px;user-select:none}.content_detail h1{font-size:24px;color:var(--color-title);font-weight:bold}.content_detail iframe{max-width:100%}.content_detail img,.content_detail figure{max-width:100%;height:auto !important;flex-grow:0}.content_detail h2,.content_detail h3,.content_detail h4,.content_detail h5{font-weight:bold;font-size:24px;margin:30px 0 10px}.content_detail p{line-height:1.875;margin:10px 0}.content_detail p:last-child{color:var(--color-text)}.content_detail ol{list-style:decimal inside;margin:20px 0}.content_detail ul{list-style:circle;padding-left:15px;margin:20px 0}.content_detail a{color:var(--color-brand)}.author{color:var(--color-text);display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;color:var(--color-text);margin:16px 0}.author img{width:48px !important;height:48px}.author a,.author b{color:var(--color-title);font-weight:500}.author a{text-decoration:underline;text-underline-offset:2px}.tags{margin:40px 0 48px;display:flex;gap:24px;flex-wrap:wrap}.tags a{display:inline-block;min-width:max-content;height:48px;padding:0 16px;background-color:var(--color-f5);transition:.25s;box-sizing:border-box;border-radius:48px;line-height:48px;text-align:center;font-size:14px;color:var(--color-text);cursor:pointer}.tags a:hover{transition:.25s;background-color:var(--color-ddd);color:var(--color-title)}.related h2{font-size:30px;font-weight:bold;margin:0 0 40px}.related ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}.related ul li{width:237px;margin-bottom:32px}.related ul li:not(:nth-child(3n)){margin-right:24px}.related ul li .news_item_thumb{width:237px;height:160px}.related a{display:block;color:var(--color-text);font-size:16px}.related a img{object-fit:cover}.related a span{display:block;margin-top:16px}.related a:hover{color:var(--color-link)}.crumb{display:flex;align-items:center;margin-bottom:64px}.crumb a{color:var(--color-desc);font-size:14px;display:block}.crumb a strong{color:var(--color-link)}.crumb i{margin:0 4px;font-size:12px;color:var(--color-desc)}.ads{display:block;max-width:1200px;margin:0 auto 40px;width:100%;min-height:200px}.ads img{object-fit:cover;object-position:center center;transition:.25s;border-radius:8px}@media(max-width: 1080px){.ads img{border-radius:0}}.pdfLink{display:flex;align-items:center;color:var(--color-brand);font-size:16px;cursor:pointer}.pdfLink .iconfont{margin-right:5px;font-size:1.4rem}.pdfLink:visited{opacity:.8}@media(max-width: 1180px){.banner{padding-top:0}.ads{margin-bottom:-1px}}@media(max-width: 768px){.wrapper .container{background:var(--color-fff);padding-bottom:1px}.wrapper .crumbs .container{padding:0}.wrapper .nav .container{padding-top:16px}.wrapper iframe{max-width:100%}.academy_search{width:100%}.banner{padding-top:0;min-height:88px}.content{display:block;min-height:auto;margin:0;padding:0 0 64px;box-shadow:none}.content aside{width:100%;margin-left:0;margin-top:64px}.content aside h3{padding-left:0}.content+.ads{padding:0}.content.content-grid{padding-top:0}.content.content-grid ul{display:block}.content.content-grid ul li{margin:0 0 32px}.content.content-grid .news_item{width:100%}.content .content_list li{margin-bottom:32px}.nav{margin:0 auto 32px !important;border:none}.nav a{font-size:14px}.nav .scroll-x{visibility:visible;overflow:auto;flex-wrap:wrap;padding-top:32px}.nav .nav-search{flex-direction:column-reverse}.nav a:not(:last-child){margin-right:24px}.nav a::after{bottom:0px}.summary{font-size:16px;margin-bottom:24px;padding-bottom:0;border-bottom:none}.summary h1{font-size:24px;line-height:1.2;font-weight:bold;border-bottom:none}.summary h1:not(:last-child){padding-bottom:16px}.summary h1+p{margin-top:0}.news_item{display:block}.news_item .news_item_desc{margin-left:0}.news_item .news_item_desc:not(:first-child){margin-left:0}.news_item h3{line-height:1.5;margin-bottom:5vw;font-size:16px;font-weight:500;margin:16px 0 0}.news_item h3+p{margin:8px 0}.news_item .news_item_thumb{width:100% !important;height:188px !important}.news_item .news_item_thumb img{position:static !important;width:100% !important;height:100% !important}.news_box{border:none;padding:0}.news_box:not(:last-child){margin-bottom:64px}.news_box h3{font-weight:bold;position:relative}.news_box h3:after{display:none}.news_box ul{padding-left:0;padding-right:0}.news_box a{margin-left:0;margin-right:0}.news_box a:not(:last-child){margin-bottom:24px}.crumb{margin-bottom:32px}.crumb i{margin:0 4px}.content_detail{font-size:4vw}.content_detail h1{font-size:6vw}.content_detail .author img{margin:0}.content_detail img{margin:2.667vw auto;width:auto !important;max-width:100% !important;height:auto}.content_detail h2,.content_detail h3,.content_detail h4,.content_detail h5{font-weight:bold;font-size:4.8vw;margin:4vw 0 1.333vw}.content_detail p{line-height:1.875;margin:0}.content_detail .subtitle{display:block;margin:16px 0 32px}.content_detail .subtitle p:last-child{font-size:14px}.tags{margin-top:24px}.tags a{margin-bottom:16px}.tags a:not(:last-child){margin-right:2.667vw}.related h3{font-size:20px;margin:0 0 32px;color:#333}.related ul li{width:100%;margin:0 0 32px}.related ul li:not(:nth-child(3n)){margin-right:0}.related ul li img{margin:0 auto}.related a{font-size:16px}.ads{margin-bottom:-1px}.academy_search{width:100%;margin-right:0}}.video .list-unstyled{list-style:none;display:flex;gap:24px}.video .list-unstyled li{flex-grow:1;flex-basis:30%;flex-grow:1;font-size:16px;color:var(--color-title)}.video .list-unstyled a{display:block;color:var(--color-title)}.video .list-unstyled a:hover{color:var(--color-text-active)}.video .list-unstyled span{display:block;margin-top:16px}.video h2{font-size:30px;font-weight:bold;margin:0 0 40px}@media(max-width: 768px){.video .list-unstyled{flex-wrap:wrap}}.drainage{position:relative;width:100%;border:1px solid var(--color-line);margin-bottom:30px;padding:32px 40px;border-radius:8px;background:var(--color-fa) url("/cms-static/mask.png") no-repeat right bottom;background-size:200px;box-sizing:border-box;font-size:14px;margin-top:20px}.drainage img{border:8px solid var(--color-fff)}.drainage .content{color:var(--color-1b);min-height:auto}.drainage .content .to_start p{margin-bottom:10px}.drainage .content .to_start div{display:flex;align-items:center;flex-wrap:wrap}.drainage .content .to_start a{color:var(--color-title);text-decoration:underline;font-weight:600;margin:0 5px}.drainage .content .to_start a:hover{cursor:pointer;color:var(--color-brand)}.drainage .content .to_start .follow{margin-top:24px}.drainage .content .to_start div>a{display:block;margin-right:16px;color:var(--color-title);transition:color .25s;text-decoration:none;padding:12px 4px 0;cursor:pointer;line-height:1}.drainage .content .to_start div>a:hover{color:var(--color-brand);transition:color .25s}.drainage .content .to_start div>a:hover i{color:var(--color-brand)}.drainage .content .to_start div>a:last-child{margin-right:0}.drainage .content .to_start div>a i{font-size:20px;display:block;color:var(--color-text)}.drainage .content .code{text-align:center;border-left:1px solid var(--color-eee);padding-left:48px}.drainage .content .code :global(.qrcode){border:none !important;margin:0 auto !important}.drainage .content .code p{margin:20px auto 0 !important}.drainage.design{color:var(--color-title);border-radius:16px;border:1px solid var(--color-line);background-color:var(--color-bg-1)}.drainage.design>img{right:50%;margin-right:-182px}.drainage.design p{padding:0;margin-bottom:0 !important;color:var(--color-title)}.drainage.design a{color:var(--color-title) 0 !important}.drainage.design :global(.flex-container)>div:first-child p:first-child{margin-top:0 !important}.drainage.design :global(.flex-container) p:last-child{margin-top:8px !important}.drainage.design :global(.qrcode){padding:0}.drainage.design :global(.qrcode) img{width:104px;height:104px}@media(max-width: 768px){.drainage{padding:16px}.drainage img{display:none}.drainage .content .code{display:none}}/*# sourceMappingURL=video-tutorials.css.map */