h1{color:#fff;font-size:50px;}h1 span{color:#ffa302;}p{color:#fff;font-family:"Exo2";}.view{position:fixed;transition:all 200ms ease-out,opacity .3s ease-in-out;pointer-events:none;z-index:5;width:110px;height:110px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;background:#08222c url(../images/backtotop.svg) no-repeat center center;background-size:cover;border-radius:50%;cursor:pointer;font-family:"Exo2";font-size:16px;}.view svg{fill:#fff;width:20px;height:9px;margin-top:10px;-moz-transition:all 300ms;-webkit-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms;}@media screen and (min-width:1600px){.view{font-size:1vw;line-height:1.25vw;letter-spacing:.02vw;width:6.93vw;height:6.93vw;}.view svg{width:1.25vw;height:.563vw;margin-top:.625vw;}}@media screen and (max-width:768px){.view{display:none;}}.view.hidden{opacity:0;}.artline{height:1px;width:100%;background:url(../images/artdetailline.svg) no-repeat left center;background-size:100%;position:relative;z-index:2;}.breadcrumb{position:relative;width:100%;height:32px;display:flex;align-items:center;padding:0 9.75vw;color:#fff;z-index:2;}.breadcrumb .homeicon{width:15px;height:15px;margin-right:18px;}.breadcrumb span.dvd{width:1px;height:16px;background:#fff;border:0;transform:rotate(15deg);margin:0 20px;}.breadcrumb .linkwhite{font-size:14px;line-height:14px;}.breadcrumb p.navTitle{color:rgba(255,255,255,.3);font-size:14px;line-height:20px;height:20px;width:calc(40vw - 230px);text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;}#ArticleListing{position:relative;width:100%;padding:220px 7.813vw 120px 7.813vw;min-height:80vh;overflow:hidden;background:url(../images/artbtmbg.svg) no-repeat bottom center;background-size:100%;}#ArticleListing .artlistbg{position:absolute;width:100%;z-index:1;top:-31vw;left:0;background:url(../images/articlebg.png) no-repeat top center;background-size:100%;height:75vw;}#ArticleListing .listbanner{width:100%;position:relative;z-index:2;text-align:left;padding-left:3.438vw;}#ArticleListing .listbanner hr{width:100%;height:1px;border:0;margin:40px 0;background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.9));}.ArticleList{position:relative;z-index:2;width:100%;padding:0 5%;display:flex;justify-content:space-between;flex-wrap:wrap;}.ArticleList.padhide{display:flex!important;}.ArticleList .item{position:relative;width:22.813vw;min-height:320px;background:#002737;text-align:center;margin:32px 0;display:inline-block;}.ArticleList .item:last-child:nth-child(3n-1){margin-right:calc(50% - 11.407vw);}.ArticleList .item .itemcontent{position:relative;width:100%;height:100%;top:0;left:0;right:0;bottom:0;padding:0;}.ArticleList .item .itemcontent .contentWrapper{display:flex;flex-direction:column;justify-content:center;height:auto;padding:22px 1.625vw;}.ArticleList .item .imgWrapper{position:relative;width:100%;height:17.875vw;text-align:center;margin:0 auto;overflow:hidden;}.ArticleList .item .imgWrapper img{width:100%;height:100%;object-fit:cover;}.ArticleList .item .imgWrapper .btmcover{position:absolute;left:0;bottom:0;z-index:2;width:100%;height:4.688vw;border:0;margin-bottom:-.5vw;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(0,25,34,.8));}.ArticleList .item .tagWrapper{position:absolute;z-index:3;display:flex;flex-wrap:unset;justify-content:flex-start;align-content:center;padding:0;font-family:"Exo2";font-size:14px;line-height:17px;left:18px;bottom:108px;}.ArticleList .item .tagWrapper .tagbg{background:#001922;display:flex;align-items:center;color:#fff;min-width:80px;padding:12px 14px;margin-right:14px;box-shadow:0 10px 10px rgba(0,0,0,.1607843137);border:1px solid rgba(255,255,255,.2);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}.ArticleList .item .tagWrapper .dateicon{width:13px;height:14px;margin-right:10px;}.ArticleList .item .tagWrapper .typeicon{width:16px;height:14px;margin-right:10px;}.ArticleList .item .title{width:100%;font-family:"Exo2-Medium";font-size:18px;line-height:24px;height:72px;color:#fff;text-align:left;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}@media screen and (min-width:960px){.ArticleList .item:hover{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;cursor:pointer;}.ArticleList .item:hover .title{color:#4473c4;-webkit-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease;}}.ArticleList.padshow{display:none!important;}#ArticleDetail{position:relative;width:100%;padding:132px 0 0 0;margin:0 auto;min-height:50vh;}#ArticleDetail .artdetailbg{position:absolute;width:100%;z-index:1;top:-42vw;right:0;background:url(../images/artdetailbg.png) no-repeat top right;background-size:100%;height:100vw;}#ArticleDetail .topInfo{width:100%;background:url(../images/artdetailtopbg.svg) no-repeat bottom center;background-size:cover;margin:0 0 120px 0;display:flex;justify-content:space-between;position:relative;align-items:center;z-index:2;}#ArticleDetail .topInfo .LeftContent{text-align:left;width:51vw;min-width:320px;padding:30px 3.125vw 30px 8.875vw;}#ArticleDetail .topInfo .LeftContent .tagWrapper.font14,#ArticleDetail .topInfo .LeftContent .dateWrapper.font14{display:flex!important;justify-content:flex-start;align-items:center;color:rgba(255,255,255,.7);margin:8px 0;}#ArticleDetail .topInfo .LeftContent .tagWrapper.font14 svg,#ArticleDetail .topInfo .LeftContent .tagWrapper.font14 img,#ArticleDetail .topInfo .LeftContent .dateWrapper.font14 svg,#ArticleDetail .topInfo .LeftContent .dateWrapper.font14 img{width:16px;height:14px;margin-right:10px;}#ArticleDetail .topInfo .LeftContent .pdfWrapper a{display:flex!important;justify-content:flex-start;align-items:center;color:rgba(255,255,255,.7);margin:16px 0 0 0;}#ArticleDetail .topInfo .LeftContent .pdfWrapper a svg,#ArticleDetail .topInfo .LeftContent .pdfWrapper a img{width:16px;height:14px;margin-right:10px;opacity:.7;}@media screen and (min-width:960px){#ArticleDetail .topInfo .LeftContent .pdfWrapper a:hover{color:#4473c4;}}#ArticleDetail .topInfo .LeftContent .titleWrapper{font-family:"Exo2-Medium";font-size:28px;line-height:32px;letter-spacing:1.4px;color:#e5e5e5;margin:20px 0 60px 0;}#ArticleDetail .topInfo .LeftContent .shareWrapper{text-align:left;float:right;width:190px;margin:24px 2.375vw;}#ArticleDetail .topInfo .LeftContent .shareWrapper .font14{color:rgba(255,255,255,.7);}#ArticleDetail .topInfo .imgWrapper{position:relative;width:49vw;height:32.667vw;}#ArticleDetail .topInfo .imgWrapper img{width:100%;height:100%;object-fit:cover;}#ArticleDetail .share-div{position:relative;display:flex;align-items:center;justify-content:space-between;display:flex;padding:.5vw 0;align-items:center;z-index:2;}#ArticleDetail .share-div .icon{width:36px;height:36px;transition:.3s transform ease-in-out;}#ArticleDetail .share-div .icon img{width:100%;height:100%;object-fit:contain;border-radius:0;}@media screen and (min-width:1181px){#ArticleDetail .share-div .icon:hover{transform:translateY(-5%) scale(1.1);}}#ArticleDetail #link-copied{position:absolute;font-family:"Exo2";top:50%;left:50%;transform:translate(-50%,-50%);color:#001923;z-index:100;max-width:0;padding:0;white-space:nowrap;background:#fff;border-radius:0;overflow:hidden;transition:.5s;}#ArticleDetail #link-copied.show{padding:1em 2em;max-width:1000px;top:-65%;transition:top .5s ease,padding .5s ease,max-width .1s ease;}@media screen and (max-width:767px){#ArticleDetail #link-copied.show{top:-100%;left:50%;transition:left .5s ease,padding .04s,max-width .05s;}}#ArticleDetail .article_content{position:relative;display:flex;justify-content:space-between;z-index:2;}#ArticleDetail .article_content .content{width:100%;margin:0 15.5vw;}#ArticleDetail .article_content .cke_editable img{max-width:none!important;}.related-articles{position:relative;width:100%;margin:120px auto 0 auto;padding:0 7.5vw 160px 7.5vw;overflow:hidden;background:url(../images/relatedatbg.svg) no-repeat bottom center;background-size:cover;}.related-articles h2{color:#fff;font-size:32px;text-align:center;margin:0 auto 72px auto;}.related-articles h2 span{color:#ffa301;}.related-articles .title{text-align:center;margin:0 auto;font-family:"Inter-Medium";font-size:32px;line-height:39px;color:#444;}.related-articles .ArticleList{flex-wrap:nowrap;}#DesignsListing{position:relative;width:100%;min-height:80vh;overflow:hidden;}#DesignsListing .bgimg{background:url(../images/designslistbg.png) no-repeat center top;background-size:100%;mix-blend-mode:screen;width:100%;height:100%;min-height:100vh;position:absolute;z-index:1;left:0;top:0;}#DesignsListing .content{position:relative;z-index:2;width:100%;height:100%;padding:160px 6.813vw 120px 5vw;overflow:hidden;display:flex;justify-content:space-between;background:url(../images/designtbmbg.svg) no-repeat center bottom;background-size:100%;}#DesignsListing .sticky{position:relative;top:0;}#DesignsListing .leftContent{position:relative;z-index:3;width:25vw;padding:0 2.375vw 0 1.625vw;min-width:350px;}#DesignsListing .leftContent h1{margin-bottom:72px;}#DesignsListing .leftContent hr{width:100%;min-width:310px;border:0;height:1px;background:rgba(255,255,255,.5);margin-bottom:40px;}#DesignsListing .leftContent .category{z-index:2;}#DesignsListing .leftContent .rbtnlist{font-family:"Exo2";font-size:18px;line-height:24px;color:rgba(255,255,255,.5);position:relative;}#DesignsListing .leftContent .rbtnlist tr td{padding-left:26px;}#DesignsListing .leftContent .rbtnlist tr:first-child td{padding-left:0;}#DesignsListing .leftContent .rbtnlist input[type=radio]{display:none;}#DesignsListing .leftContent .rbtnlist label{position:relative;display:inline-block;padding:10px 28px;cursor:pointer;-moz-transition:all 300ms;-webkit-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms;}#DesignsListing .leftContent .rbtnlist input[type=radio]:checked+label,#DesignsListing .leftContent .rbtnlist input[type=radio]:hover+label{color:#fff;-moz-transition:all 300ms;-webkit-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms;}#DesignsListing .leftContent .rbtnlist input[type=radio]:hover+label:after,#DesignsListing .leftContent .rbtnlist input[type=radio]:checked+label:after{content:"";background:url(../images/rbnchecked.svg) no-repeat center center;background-size:100%;display:inline-block;width:14px;height:14px;position:absolute;left:0;top:50%;transform:translateY(-50%);-moz-transition:all 300ms;-webkit-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms;}#DesignsListing .leftContent .filter_ddl.mbshow{display:none;}#DesignsListing .filter_ddl{width:100%;}#DesignsListing .filter_ddl select{opacity:0;}#DesignsListing .filter_ddl .nice-select,#DesignsListing .filter_ddl .ddl{position:relative;z-index:5;border:0;border-bottom:1px solid rgba(255,255,255,.5);padding:0;width:100%;max-width:260px;outline:0;background:transparent;padding:10px 20px 10px 0;box-sizing:border-box;font-family:"Exo2-Medium";font-size:16px;color:#fff;letter-spacing:.48px;text-align:left;margin:0 0 32px 0;line-height:16px;}#DesignsListing .filter_ddl .nice-select:after,#DesignsListing .filter_ddl .ddl:after{background:none;border-left:1px solid transparent;border-right:1px solid #fff;border-bottom:1px solid #fff;border-top:1px solid transparent;width:7px;height:7px;margin-top:0;right:16px;}#DesignsListing .filter_ddl .nice-select.open{z-index:7;}#DesignsListing .filter_ddl .nice-select.ddl1.open{z-index:9!important;}#DesignsListing .filter_ddl .nice-select.ddl1.open ul{z-index:9!important;}#DesignsListing .filter_ddl .nice-select.open .list{background-color:#fff;padding:10px 0;}#DesignsListing .filter_ddl .nice-select .option,#DesignsListing .filter_ddl .ddl .option{z-index:9;background-color:#fff;color:#272e3d;line-height:32px;min-height:32px;position:relative;}#DesignsListing .filter_ddl .nice-select .option:hover,#DesignsListing .filter_ddl .nice-select .option.focus,#DesignsListing .filter_ddl .nice-select .option.selected.focus{background-color:#fff;color:#ffa302;font-weight:normal;}#DesignsListing .filter_ddl .nice-select .option.selected.focus:after{display:block;position:absolute;content:"";background:url(../images/tick.svg) no-repeat center center;background-size:100%;width:12px;height:12px;right:16px;top:8px;}#DesignsListing .orderby{position:relative;width:350px;padding:16px;display:flex;justify-content:flex-end;transition:all ease-in-out 400ms;float:right;margin:0 0 32px 0;}#DesignsListing .filterWrapper{position:relative;width:260px;display:flex;align-items:center;}#DesignsListing .filterWrapper p.font14{color:rgba(255,255,255,.7);width:80px;}#DesignsListing .filterWrapper .filter_ddl{width:calc(100% - 80px);height:40px;}#DesignsListing .rightContent{width:58vw;position:relative;z-index:3;}.design_list{padding-left:0;width:100%;}.design_list ul{width:100%;padding:0;margin:0;display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;}.design_list ul li{list-style:none;width:27vw;padding:0 0 50px 0;text-align:center;}.design_list ul li .design_item{position:relative;padding:0 0;position:relative;cursor:pointer;}.design_list ul li .design_item .imgbg{width:27vw;height:18vw;background:transparent;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;cursor:pointer;position:relative;}.design_list ul li .design_item .imgbg img{opacity:1;width:100%;height:100%;}.design_list ul li .design_item .design_cate{font-family:"Exo2";font-size:14px;line-height:18px;color:#fff;display:flex;justify-content:flex-start;align-items:center;text-align:left;margin:16px 0;}.design_list ul li .design_item .design_cate img{height:20px;width:auto;margin-right:14px;}.design_list ul li .design_item .design_title{font-family:"Exo2-Medium";font-size:18px;line-height:24px;color:#fff;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;height:48px;text-align:left;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;}.design_list ul li:hover .design_title{color:#4473c4;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;}.design_list ul .design-container.slide{opacity:0;transform:translateY(10%);}.design_list ul .design-container.slide.inView{opacity:1;transform:translateY(0%);-moz-transition:all 500ms;-webkit-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms;}#DesignDetail{position:relative;width:100%;padding:142px 0 0 0;margin:0 auto;min-height:50vh;background:#001922;}#DesignDetail .design_detailbg{position:relative;width:100%;background:url(../images/designtbmbg.svg) no-repeat center bottom;background-size:100%;}#DesignDetail .design_detailbg .imgWrapper{position:relative;width:100%;height:37.5vw;margin:45px 0;display:flex;justify-content:space-between;align-items:stretch;}#DesignDetail .design_detailbg .imgWrapper .img1{width:15.625vw;height:100%;overflow:hidden;}#DesignDetail .design_detailbg .imgWrapper .img2Group{display:flex;flex-direction:column;width:36.25vw;height:100%;justify-content:space-between;}#DesignDetail .design_detailbg .imgWrapper .img2Group .img2{width:100%;height:20vw;overflow:hidden;}#DesignDetail .design_detailbg .imgWrapper .img2Group .img3{width:100%;height:16.563vw;overflow:hidden;}#DesignDetail .design_detailbg .imgWrapper .img4{width:16.563vw;height:100%;overflow:hidden;}#DesignDetail .design_detailbg .imgWrapper .img5Group{display:flex;flex-direction:column;width:28.75vw;height:100%;justify-content:space-between;}#DesignDetail .design_detailbg .imgWrapper .img5Group .img5{width:100%;height:16.563vw;overflow:hidden;}#DesignDetail .design_detailbg .imgWrapper .img5Group .img6{width:100%;height:20vw;overflow:hidden;}#DesignDetail .design_detailbg .imgWrapper a img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:all .5s ease;}@media screen and (min-width:960px){#DesignDetail .design_detailbg .imgWrapper a:hover img{width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:all .5s ease;}}#DesignDetail .design_detailbg .design_detail{position:relative;width:100%;padding:60px 10vw;display:flex;justify-content:space-between;}#DesignDetail .design_detailbg .design_detail .content_wrapper{width:100%;color:#fff;}#DesignDetail .design_detailbg .design_detail .content_wrapper h2{font-size:38px;letter-spacing:1.8px;color:#fff;padding-left:2.5vw;}#DesignDetail .design_detailbg .design_detail .content_wrapper hr{border:0;height:1px;width:41.25vw;background:url(../images/ddgline.svg) no-repeat center center;background-size:cover;position:relative;margin:26px 0 22px 2.5vw;}#DesignDetail .design_detailbg .design_detail .content_wrapper .cateWrapper{display:flex;justify-content:flex-start;align-items:center;padding-left:2.5vw;margin-bottom:40px;}#DesignDetail .design_detailbg .design_detail .content_wrapper .cateWrapper .cate{display:flex;justify-content:flex-start;align-items:center;height:28px;margin-right:25px;font-family:"Exo2";font-size:16px;line-height:28px;font-weight:400;}#DesignDetail .design_detailbg .design_detail .content_wrapper .cateWrapper .cate img{height:28px;width:auto;margin-right:14px;}#DesignDetail .design_detailbg .design_detail .content_wrapper .cateWrapper .vel{font-family:"Exo2-Medium";padding-left:25px;border-left:1px solid rgba(255,255,255,.5);}#DesignDetail .design_detailbg .design_detail .content_wrapper .itemsbox{position:absolute;z-index:3;right:10vw;top:-120px;width:25.938vw;height:172px;min-width:320px;background:rgba(0,8,32,.3);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:8px 2.813vw;display:flex;justify-content:space-between;flex-wrap:wrap;}#DesignDetail .design_detailbg .design_detail .content_wrapper .itemsbox .item{width:8vw;text-align:left;margin:16px 0;}#DesignDetail .design_detailbg .design_detail .content_wrapper .itemsbox .item p.ttl{font-size:14px;padding:0;margin:0;color:rgba(255,255,255,.5);}#DesignDetail .design_detailbg .design_detail .content_wrapper .itemsbox .item p.desc{font-family:"Exo2-Medium";letter-spacing:.48px;padding:0;margin:0;}#DesignDetail .design_detailbg .design_detail .content_wrapper .feature{position:relative;width:100%;padding:46px 3.375vw;background:linear-gradient(to bottom,rgba(78,75,75,0),#263f48);box-shadow:0 10px 10px rgba(0,0,0,.1607843137);}#DesignDetail .design_detailbg .design_detail .content_wrapper .feature h3{font-size:20px;line-height:24px;letter-spacing:1px;color:#fff;}#DesignDetail .design_detailbg .design_detail .content_wrapper .feature hr{border:0;height:1px;width:35.625vw;background:rgba(255,255,255,.5);margin:16px 0 20px 0;}#DesignDetail .design_detailbg .design_detail .otherdesign{width:20.75vw;padding-top:72px;}#DesignDetail .design_detailbg .design_detail .otherdesign h3{font-size:24PX;letter-spacing:1.2px;color:rgba(255,255,255,.5);}#DesignDetail .design_detailbg .design_detail .otherdesign .design_list{padding:0;}#DesignDetail .design_detailbg .design_detail .otherdesign .design_list ul li.design-container.slide{opacity:1;width:20.73vw;padding:0 0 30px 0;}#DesignDetail .design_detailbg .design_detail .otherdesign .design_list ul li.design-container.slide .design_item{padding:0;}#DesignDetail .design_detailbg .design_detail .otherdesign .design_list ul li.design-container.slide .design_item .imgbg{width:20.73vw;height:13.82vw;}#DesignDetail .btnbg{background:#08222c url(../images/dtbtnbg.svg) no-repeat center top;background-size:100%;width:201px;height:69px;display:flex;justify-content:center;align-items:center;color:#fff;}#DesignDetail .btnbg .btnicon{margin-right:24px;fill:#fff;}#DesignDetail .btnbg .btnicon.shareicon{width:18px;height:21px;}#DesignDetail .btnbg .btnicon.download{width:19px;height:18px;}@media screen and (min-width:960px){#DesignDetail .btnbg:hover{background:#263f48 url(../images/dtbtnbg.svg) no-repeat center top;color:#ffa302;background-size:100%;}#DesignDetail .btnbg:hover .btnicon{fill:#ffa302;}}#DesignDetail .shareWrapper{display:flex;justify-content:flex-start;align-items:center;margin:50px 0;}#share-icon-container{margin-right:47px;width:201px;height:69px;cursor:pointer;position:relative;z-index:2;}#share-icon-container #link-copied{position:absolute;font-family:"Exo2";top:50%;left:50%;transform:translate(-50%,-50%);color:#001923;z-index:100;max-width:0;padding:0;white-space:nowrap;background:#fff;border-radius:0;overflow:hidden;transition:.5s;}#share-icon-container #link-copied.show{padding:1em 2em;max-width:1000px;top:-65%;transition:top .5s ease,padding .5s ease,max-width .1s ease;}@media screen and (max-width:768px){#share-icon-container #link-copied.show{top:50%;left:50%;width:200px;transition:left .5s ease,padding .04s,width .05s;}}#share-icon-container .icon{position:absolute;height:2.5em;width:2.5em;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .5s ease;display:block;cursor:pointer;pointer-events:none;}#share-icon-container .icon svg,#share-icon-container .icon img{height:2.5em;width:2.5em;}#share-icon-container.open .icon{pointer-events:all;}#share-icon-container.open>*:nth-child(2){transform:translate(-50%,-50%) translateX(-4.5em) translateY(4.5em);}#share-icon-container.open>*:nth-child(3){transform:translate(-50%,-50%) translateX(-1.5em) translateY(4.5em);}#share-icon-container.open>*:nth-child(4){transform:translate(-50%,-50%) translateX(1.5em) translateY(4.5em);}#share-icon-container.open>*:nth-child(5){transform:translate(-50%,-50%) translateX(4.5em) translateY(4.5em);}#share-icon-container .share{z-index:3;position:relative;outline:0;position:relative;overflow:hidden;cursor:pointer;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;}#share-icon-container .share:not(.simple):before,#share-icon-container .share:not(.simple):after{content:"";position:absolute;background:var(--pb,var(--hover-back));top:0;left:0;right:0;height:200%;border-radius:var(--br,50%);transform:translateY(var(--y,50%));transition:transform var(--d,.4s) ease-in var(--d-d,0s),border-radius .5s ease var(--br-d,.08s);}#share-icon-container .share:not(.simple):after{--pb:var(--hover-front);--d:.44s;}#share-icon-container .share div{z-index:1;position:relative;display:flex;justify-content:center;align-items:center;height:100%;color:var(--c,var(--color));}#share-icon-container .share div span{display:block;backface-visibility:hidden;transform:translateZ(0);animation:var(--name,none) .7s linear forwards .18s;}#share-icon-container .share div svg,#share-icon-container .share div img{fill:currentColor;width:50%;height:50%;transition:color .5s ease;}#share-icon-container .share.in{--name:move;}#share-icon-container .share.in:not(.out){--c:var(--color-hover);--b:var(--background-hover);}#share-icon-container .share.in:not(.out):before,#share-icon-container .share.in:not(.out):after{--y:0;--br:5%;}#share-icon-container .share.in:not(.out):after{--br:10%;--d-d:.02s;}#share-icon-container .share.in.out{--name:move-out;}#share-icon-container .share.in.out:before{--d-d:.06s;}#share-icon-container .share.alt{--color:#ecac3d;--color-hover:#060606;--background:white;--background-hover:white;--hover-back:white;--hover-front:#ecac3d;box-shadow:none;}@media screen and (min-width:1600px){h1{font-size:3.5vw;}.artline{height:.063vw;}.breadcrumb{height:2vw;padding:0 9.75vw;}.breadcrumb .homeicon{width:.925vw;height:.925vw;margin-right:1.125vw;}.breadcrumb span.dvd{width:.063vw;height:1vw;margin:0 1.25vw;}.breadcrumb .linkwhite{font-size:.875vw;line-height:.875vw;}.breadcrumb p.navTitle{font-size:.875vw;line-height:1.25vw;height:1.25vw;}#ArticleListing{padding:13.75vw 7.813vw 7.5vw 7.813vw;}#ArticleListing .listbanner hr{height:.063vw;margin:2.5vw 0;}.ArticleList .item{min-height:20vw;margin:2vw 0;}.ArticleList .item .itemcontent .contentWrapper{padding:1.25vw 1.625vw;}.ArticleList .item .tagWrapper{font-size:.875vw;line-height:1.063vw;left:1.125vw;bottom:6.75vw;}.ArticleList .item .tagWrapper .tagbg{min-width:5vw;padding:.75vw .875vw;margin-right:.875vw;box-shadow:0 .625vw .625vw rgba(0,0,0,.1607843137);border:.063vw solid rgba(255,255,255,.2);}.ArticleList .item .tagWrapper .dateicon{width:.813vw;height:.875vw;margin-right:.625vw;}.ArticleList .item .tagWrapper .typeicon{width:1vw;height:.875vw;margin-right:.625vw;}.ArticleList .item .title{font-size:1.125vw;line-height:1.5vw;height:4.5vw;}#ArticleDetail{padding:8.25vw 0 0 0;}#ArticleDetail .artline{height:.063vw;}#ArticleDetail .breadcrumb{height:2vw;}#ArticleDetail .breadcrumb .homeicon{width:.938vw;height:.938vw;margin-right:1.125vw;}#ArticleDetail .breadcrumb span.dvd{width:.063vw;height:1vw;margin:0 1.25vw;}#ArticleDetail .breadcrumb .linkwhite{font-size:.875vw;line-height:.875vw;}#ArticleDetail .breadcrumb p.navTitle{font-size:.875vw;line-height:1.25vw;height:1.25vw;width:25.625vw;}#ArticleDetail .topInfo{margin:0 0 7.5vw 0;}#ArticleDetail .topInfo .LeftContent .tagWrapper.font14,#ArticleDetail .topInfo .LeftContent .dateWrapper.font14{margin:.5vw 0;}#ArticleDetail .topInfo .LeftContent .tagWrapper.font14 svg,#ArticleDetail .topInfo .LeftContent .tagWrapper.font14 img,#ArticleDetail .topInfo .LeftContent .dateWrapper.font14 svg,#ArticleDetail .topInfo .LeftContent .dateWrapper.font14 img{width:1vw;height:.875vw;margin-right:.625vw;}#ArticleDetail .topInfo .LeftContent .pdfWrapper a{margin:1vw 0 0 0;}#ArticleDetail .topInfo .LeftContent .pdfWrapper a svg,#ArticleDetail .topInfo .LeftContent .pdfWrapper a img{width:1vw;height:.875vw;margin-right:.625vw;}#ArticleDetail .topInfo .LeftContent .titleWrapper{font-size:1.75vw;line-height:2vw;letter-spacing:.087vw;margin:1.25vw 0 3.75vw 0;}#ArticleDetail .topInfo .LeftContent .shareWrapper{width:11.875vw;margin:1.5vw 2.375vw;}#ArticleDetail .share-div .icon{width:2.25vw;height:2.25vw;}.related-articles{margin:7.5vw auto 0 auto;padding:0 7.5vw 10vw 7.5vw;}.related-articles h2{font-size:2vw;margin-bottom:4.5vw;}.related-articles .title{font-size:2vw;line-height:2.438vw;}#DesignsListing .content{padding:10vw 7.813vw 7.5vw 5vw;}#DesignsListing .leftContent h1{margin-bottom:4.5vw;}#DesignsListing .leftContent hr{min-width:19.375vw;height:.063vw;margin-bottom:2.5vw;}#DesignsListing .leftContent .rbtnlist{font-size:1.125vw;line-height:1.5vw;}#DesignsListing .leftContent .rbtnlist tr td{padding-left:1.625vw;}#DesignsListing .leftContent .rbtnlist label{padding:.625vw 1.75vw;}#DesignsListing .leftContent .rbtnlist input[type=radio]:hover+label:after,#DesignsListing .leftContent .rbtnlist input[type=radio]:checked+label:after{width:.875vw;height:.875vw;}#DesignsListing .filter_ddl .nice-select,#DesignsListing .filter_ddl .ddl{border-bottom:.063vw solid rgba(255,255,255,.5);max-width:16.25vw;padding:.625vw 1.25vw .625vw 0;font-size:1vw;letter-spacing:.03vw;margin:0 0 2vw 0;line-height:1vw;}#DesignsListing .filter_ddl .nice-select:after,#DesignsListing .filter_ddl .ddl:after{border-left:.063vw solid transparent;border-right:.063vw solid #707070;border-bottom:.063vw solid #707070;border-top:.063vw solid transparent;width:.438vw;height:.438vw;margin-top:0;right:1vw;}#DesignsListing .filter_ddl .nice-select.open .list{padding:.625vw 0;}#DesignsListing .filter_ddl .nice-select .option,#DesignsListing .filter_ddl .ddl .option{line-height:2vw;min-height:2vw;}#DesignsListing .filter_ddl .nice-select .option.selected.focus:after{width:.75vw;height:.75vw;right:1vw;top:.5vw;}#DesignsListing .filter_ddl .nice-select .option.selected{font-weight:400;}#DesignsListing .orderby{padding:1vw;margin:0 0 2vw 0;width:20vw;}#DesignsListing .filterWrapper{width:16.25vw;}#DesignsListing .filterWrapper .filter_ddl{width:calc(100% - 5vw);height:2.5vw;}.design_list ul li{padding:0 0 3.125vw 0;}.design_list ul li .design_item{padding:0 0;}.design_list ul li .design_item .design_cate{font-size:.875vw;line-height:1.125vw;margin:1vw 0;}.design_list ul li .design_item .design_cate img{height:1.25vw;margin-right:.875vw;}.design_list ul li .design_item .design_title{font-size:1.125vw;line-height:1.25vw;height:3vw;}#DesignDetail{padding:9.25vw 0 0 0;}#DesignDetail .design_detailbg .imgWrapper{margin:2.813vw 0;}#DesignDetail .design_detailbg .design_detail{padding:3.75vw 10vw;}#DesignDetail .design_detailbg .design_detail .content_wrapper h2{font-size:2.375vw;letter-spacing:.113vw;}#DesignDetail .design_detailbg .design_detail .content_wrapper hr{height:.063vw;margin:1.625vw 0 1.375vw 2.5vw;}#DesignDetail .design_detailbg .design_detail .content_wrapper .cateWrapper{margin-bottom:2.5vw;}#DesignDetail .design_detailbg .design_detail .content_wrapper .cateWrapper .cate{height:1.75vw;margin-right:1.563vw;font-size:1vw;line-height:1.75vw;}#DesignDetail .design_detailbg .design_detail .content_wrapper .cateWrapper .cate img{height:1.75vw;margin-right:.875vw;}#DesignDetail .design_detailbg .design_detail .content_wrapper .cateWrapper .vel{font-family:"Exo2-Medium";padding-left:1.563vw;border-left:.063vw solid rgba(255,255,255,.5);font-size:1vw;}#DesignDetail .design_detailbg .design_detail .content_wrapper .itemsbox{top:-7.5vw;height:10.75vw;min-width:20vw;backdrop-filter:blur(1.125vw);-webkit-backdrop-filter:blur(1.125vw);padding:.5vw 2.813vw;}#DesignDetail .design_detailbg .design_detail .content_wrapper .itemsbox .item{margin:1vw 0;}#DesignDetail .design_detailbg .design_detail .content_wrapper .itemsbox .item p.ttl{font-size:.875vw;}#DesignDetail .design_detailbg .design_detail .content_wrapper .itemsbox .item p.desc{letter-spacing:.03vw;}#DesignDetail .design_detailbg .design_detail .content_wrapper .feature{padding:2.875vw 3.375vw;box-shadow:0 .625vw .625vw rgba(0,0,0,.1607843137);}#DesignDetail .design_detailbg .design_detail .content_wrapper .feature h3{font-size:1.25vw;line-height:1.5vw;letter-spacing:.063vw;}#DesignDetail .design_detailbg .design_detail .content_wrapper .feature hr{height:.063vw;margin:1vw 0 1.25vw 0;}#DesignDetail .design_detailbg .design_detail .otherdesign{width:20.75vw;padding-top:4.5vw;}#DesignDetail .design_detailbg .design_detail .otherdesign h3{font-size:1.5vw;letter-spacing:.075vw;}#DesignDetail .design_detailbg .design_detail .otherdesign .design_list ul li.design-container.slide{padding:0 0 1.875vw 0;}#DesignDetail .btnbg{width:12.563vw;height:4.313vw;font-size:1vw;}#DesignDetail .btnbg .btnicon{margin-right:1.5vw;}#DesignDetail .btnbg .btnicon.shareicon{width:1.125vw;height:1.313vw;}#DesignDetail .btnbg .btnicon.download{width:1.188vw;height:1.125vw;}#DesignDetail .shareWrapper{margin:3.125vw 0;}#share-icon-container{margin-right:2.938vw;width:12.563vw;height:4.313vw;}#share-icon-container #link-copied.show{padding:1vw 2vw;max-width:62.5vw;}#share-icon-container .icon{height:2.5vw;width:2.5vw;}#share-icon-container .icon svg,#share-icon-container .icon img{height:2.5vw;width:2.5vw;}#share-icon-container.open .icon{pointer-events:all;}#share-icon-container.open>*:nth-child(2){transform:translate(-50%,-50%) translateX(-4.5vw) translateY(4.5vw);}#share-icon-container.open>*:nth-child(3){transform:translate(-50%,-50%) translateX(-1.5vw) translateY(4.5vw);}#share-icon-container.open>*:nth-child(4){transform:translate(-50%,-50%) translateX(1.5vw) translateY(4.5vw);}#share-icon-container.open>*:nth-child(5){transform:translate(-50%,-50%) translateX(4.5vw) translateY(4.5vw);}}@media screen and (max-width:1279px){#ArticleListing{padding:180px 5vw 100px 5vw;}.ArticleList .item{width:32.3333%;min-height:320px;}.ArticleList .item .imgWrapper{width:100%;height:19vw;}.ArticleList .item:last-child:nth-child(3n-1){margin-right:33.834%;}.related-articles{margin:100px auto 0 auto;padding:0 5vw 130px 5vw;}.related-articles .ArticleList{padding:0;}.related-articles .ArticleList .item{width:100%;}#ArticleDetail .topInfo{margin:0 0 80px 0;}#ArticleDetail .topInfo .LeftContent{padding:30px 3.125vw 30px 5vw;}#ArticleDetail .topInfo .LeftContent .titleWrapper{font-size:26px;line-height:30px;letter-spacing:1.2px;margin:20px 0 40px 0;}#ArticleDetail .article_content .content{margin:0 7vw;}#DesignsListing .content{padding:160px 5vw 120px 5vw;}#DesignsListing .content .leftContent{width:28vw;padding:0 2vw 0 1vw;min-width:200px;}#DesignsListing .content .leftContent h1{font-size:40px;}#DesignsListing .content .leftContent hr{min-width:200px;}#DesignDetail .design_detailbg .design_detail{padding:60px 6vw;}#DesignDetail .design_detailbg .design_detail .content_wrapper{width:60vw;}}@media screen and (max-width:960px){.ArticleList .item{width:39vw;}.ArticleList .item .imgWrapper{height:250px;}.ArticleList .item:last-child:nth-child(3n-1){margin-right:calc(50% - 19.5vw);}.ArticleList.owl-theme .owl-nav.disabled+.owl-dots{margin-top:-10px;}.ArticleList.owl-theme .owl-nav.disabled+.owl-dots .owl-dot span{width:7px;height:7px;margin:0 7px;background:rgba(255,255,255,.3);display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:50%;}.ArticleList.owl-theme .owl-nav.disabled+.owl-dots .owl-dot.active span{background:#fff;}#DesignsListing .content{padding:160px 5vw 120px 5vw;}#DesignsListing .content .leftContent{width:25vw;padding:0 2vw 0 1vw;min-width:200px;}#DesignsListing .content .leftContent h1{font-size:32px;}#DesignsListing .content .leftContent hr{min-width:200px;}#DesignDetail .design_detailbg .design_detail{padding:60px 5vw;}#DesignDetail .design_detailbg .design_detail .content_wrapper{width:60vw;}#DesignDetail .design_detailbg .design_detail .otherdesign{width:24vw;}#DesignDetail .design_detailbg .design_detail .otherdesign .design_list ul li.design-container.slide{width:24vw;}#DesignDetail .design_detailbg .design_detail .otherdesign .design_list ul li.design-container.slide .design_item .imgbg{width:24vw;height:16vw;}}@media screen and (max-width:767px){h1{font-family:"Exo2";font-size:32px;line-height:38px;}#ArticleListing .artlistbg{top:-47vw;left:0;background:url(../images/articlebg.png) no-repeat top left;background-size:230%;height:160vw;}#ArticleListing .listbanner h1{margin-bottom:28px;}#ArticleListing .listbanner p{font-size:16px;line-height:24px;}#ArticleListing .listbanner p br{display:none;}#ArticleListing .listbanner hr{margin:40px 0 4px 0;}.ArticleList .item{width:100%;}.ArticleList .item:last-child:nth-child(3n-1){margin-right:0;}.ArticleList .item .imgWrapper{width:100%;height:auto;}.ArticleList .item .tagWrapper{bottom:auto;top:-24px;}.ArticleList .item .contentWrapper{position:relative;}.ArticleList .item .itemcontent .contentWrapper{height:auto;padding:40px 31px 22px 31px;}.ArticleList .item .title{font-size:16px;line-height:24px;height:auto;overflow:auto;display:block;}.related-articles h2{margin:0 auto 20px auto;}.breadcrumb{padding:0 7vw;}.breadcrumb p.navTitle{width:calc(100vw - 230px);}.artline{background:rgba(255,255,255,.3);}#ArticleDetail{padding:112px 0 0 0;}#ArticleDetail .artdetailbg{right:0;background:url(../images/artdetailbg.png) no-repeat top right;background-size:cover;height:200vw;top:-25vw;}#ArticleDetail .topInfo{flex-direction:column;margin:0 0 150px 0;}#ArticleDetail .topInfo .LeftContent{width:100%;padding:50px 7.5vw 50px 7.5vw;}#ArticleDetail .topInfo .LeftContent .titleWrapper{font-family:"Exo2";font-size:20px;line-height:28px;letter-spacing:0;margin:21px 0 28px 0;}#ArticleDetail .topInfo .LeftContent .shareWrapper{position:absolute;float:none;width:190px;margin:0;bottom:-100px;left:7.5vw;}#ArticleDetail .topInfo .imgWrapper{width:100%;height:56.667vw;}#DesignsListing .content{flex-direction:column;padding:130px 0 80px 0;}#DesignsListing .content .leftContent{width:100%;padding:0;z-index:5;}#DesignsListing .content .leftContent h1{width:100%;padding:0 8%;margin-bottom:43px;}#DesignsListing .content .leftContent .rbtnlist.mbhide,#DesignsListing .content .leftContent hr{display:none!important;}#DesignsListing .content .leftContent .filter_ddl.mbshow{display:inline-block;}#DesignsListing .content .leftContent .filter_ddl.mbshow .nice-select,#DesignsListing .content .leftContent .filter_ddl.mbshow .ddl{background:#001922;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);max-width:100%;padding:15px 10%;font-family:"Exo2";font-size:16px;margin-bottom:43px;color:#fff;letter-spacing:0;}#DesignsListing .content .leftContent .filter_ddl.mbshow .nice-select.open .list{width:90%;left:5%;}#DesignsListing .content .filterWrapper{display:none;}#DesignsListing .content .rightContent{width:100%;padding:0 5vw;}#DesignsListing .filter_ddl .nice-select:after,#DesignsListing .filter_ddl .ddl:after{right:10vw;}.design_list{padding-left:0;}.design_list ul li{width:43.2vw;padding:0 0 40px 0;}.design_list ul li .design_item{padding:0;}.design_list ul li .design_item .imgbg{width:43.5vw;height:28.8vw;}#DesignDetail{padding:112px 0 0 0;}#DesignDetail .design_detailbg .imgWrapper{margin:45px 0 0 0;}#DesignDetail .design_detailbg .imgWrapper:before,#DesignDetail .design_detailbg .imgWrapper:After{background:none;width:0;}#DesignDetail .design_detailbg .imgWrapper .swiper-slide{text-align:center;}#DesignDetail .design_detailbg .imgWrapper .swiper-wrapper{padding-bottom:25px;}#DesignDetail .design_detailbg .imgWrapper .swiper-horizontal>.swiper-pagination-bullets,#DesignDetail .design_detailbg .imgWrapper .swiper-pagination-bullets.swiper-pagination-horizontal,#DesignDetail .design_detailbg .imgWrapper .swiper-pagination-custom,#DesignDetail .design_detailbg .imgWrapper .swiper-pagination-fraction{bottom:0;left:0;width:100%;}#DesignDetail .design_detailbg .imgWrapper .swiper-pagination-bullet{width:7px;height:7px;background:#fff;opacity:.5;margin:0 7px;}#DesignDetail .design_detailbg .imgWrapper .swiper-pagination-bullet-active{opacity:1;background:#fff;}#DesignDetail .design_detailbg .imgWrapper img{width:85.2vw;height:56.8vw;}#DesignDetail .design_detailbg .design_detail{padding:25px 5vw 30px 5vw;flex-direction:column;}#DesignDetail .design_detailbg .design_detail .content_wrapper{width:100%;}#DesignDetail .design_detailbg .design_detail .content_wrapper h2{font-size:32px;letter-spacing:0;line-height:38px;padding:0 5.5vw;}#DesignDetail .design_detailbg .design_detail .content_wrapper hr{width:95%;padding:0 5.5vw;}#DesignDetail .design_detailbg .design_detail .content_wrapper .cateWrapper{width:100%;justify-content:flex-start;flex-direction:column;align-items:flex-start;padding:0 5.5vw;}#DesignDetail .design_detailbg .design_detail .content_wrapper .cateWrapper .cate{width:100%;margin:0 0 22px 0;padding:0;border:0;}#DesignDetail .design_detailbg .design_detail .content_wrapper .cateWrapper .vel{border:0;}#DesignDetail .design_detailbg .design_detail .content_wrapper .itemsbox{position:relative;right:0;top:0;width:100%;background:#002737;padding:14px 12.093vw;}#DesignDetail .design_detailbg .design_detail .content_wrapper .itemsbox .item{width:50%;}#DesignDetail .design_detailbg .design_detail .content_wrapper .feature{padding:46px 5.5vw 20px 5.5vw;}#DesignDetail .design_detailbg .design_detail .otherdesign{width:100%;max-width:78vw;text-align:left;margin:0 auto;}#DesignDetail .design_detailbg .design_detail .otherdesign .design_list ul li.design-container.slide{width:78vw;}#DesignDetail .design_detailbg .design_detail .otherdesign .design_list ul li.design-container.slide .design_item .imgbg{width:78vw;height:52vw;margin-left:-.05vw;}#DesignDetail .design_detailbg .design_detail .otherdesign .design_list ul li.design-container.slide .design_item .design_cate{margin:16px 0;padding:0 3vw;}#DesignDetail .design_detailbg .design_detail .otherdesign .design_list ul li.design-container.slide .design_item .design_title{padding:0 3vw;}#DesignDetail .design_detailbg .design_detail .otherdesign .owl-theme .owl-dots .owl-dot span{background:rgba(255,255,255,.3);width:7px;height:7px;}#DesignDetail .design_detailbg .design_detail .otherdesign .owl-theme .owl-nav.disabled+.owl-dots{margin:30px auto;}#DesignDetail .design_detailbg .design_detail .otherdesign .owl-theme .owl-dots .owl-dot.active span,#DesignDetail .design_detailbg .design_detail .otherdesign .owl-theme .owl-dots .owl-dot:hover span{background:#fff;width:7px;height:7px;}#DesignDetail .btnbg{width:169px;height:69px;background:#001922 url(../images/dtbtnbg_mb.svg) no-repeat center top;background-size:100%;}#DesignDetail .shareWrapper{width:351px;text-align:center;margin:40px auto;justify-content:space-between;}#share-icon-container{margin-right:0;width:169px;height:69px;margin:0 auto;}}@media screen and (max-width:500px){.design_list ul li{width:90vw;padding:0 0 35px 0;}.design_list ul li .design_item{padding:0;}.design_list ul li .design_item .imgbg{width:90vw;height:60vw;}}@media screen and (max-width:410px){.ArticleList .item .tagWrapper{font-size:.75em;line-height:16px;}.ArticleList .item .tagWrapper .tagbg{padding:10px 10px;}}