/*! app-dist.css (build from 9a73823d8f7fe460) | (c) 2025 Studio X */

header{position:fixed;top:0;left:0;z-index:9;width:270px;height:100%;border-right:1px solid #f7f7f7;background-color:#fff}header.menu-slide-enter-active,header.menu-slide-leave-active{-webkit-transition:left .6s;-moz-transition:left .6s;-ms-transition:left .6s;-o-transition:left .6s;transition:left .6s}header.menu-slide-enter,header.menu-slide-leave-to{left:-270px}header hgroup{position:absolute;top:25%;left:60px}header hgroup h1{font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:20px}header hgroup h2{margin-top:6px}header hgroup h2 span{display:inline-block;width:18px;font-size:18px}header nav{position:absolute;top:50%;left:60px}header nav ul:hover li.current a{font-weight:400}header nav ul:hover li.current:before{left:-90px}header nav ul li{position:relative;height:36px}header nav ul li a{display:inline-block;width:36px;width:200px;line-height:36px;font-size:14px;letter-spacing:1px;text-transform:uppercase}header nav ul li:before{position:absolute;top:17px;left:-90px;display:inline-block;width:30px;height:2px;background-color:#333;content:' ';-webkit-transition:left .6s;-moz-transition:left .6s;-ms-transition:left .6s;-o-transition:left .6s;transition:left .6s}header nav ul li.current a{font-weight:700}header nav ul li.current:before{left:-60px}header nav ul li:hover a{font-weight:700!important}header nav ul li:hover:before{left:-60px!important}header .lang{position:absolute;bottom:6%;left:60px;letter-spacing:1px;font-size:12px;color:#666;-webkit-transition:color .6s;-moz-transition:color .6s;-ms-transition:color .6s;-o-transition:color .6s;transition:color .6s}header .lang:hover{color:#000}.menu-button{display:inline-block;position:fixed;left:5%;z-index:9;width:100px;height:24px;overflow:hidden;cursor:pointer}@media only screen and (max-width:720px){.menu-button{left:10%}}.menu-button .btn{position:absolute;top:9px;left:0;display:block;width:24px;height:1px;margin-top:-1px;background-color:#333;font-size:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-ms-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}.menu-button .btn:after,.menu-button .btn:before{position:absolute;left:0;width:15px;height:1px;background-color:#333;content:'';-webkit-transition:transform .3s,background-color .3s;-moz-transition:transform .3s,background-color .3s;-ms-transition:transform .3s,background-color .3s;-o-transition:transform .3s,background-color .3s;transition:transform .3s,background-color .3s}.menu-button .btn:before{top:-4px}.menu-button .btn:after{top:4px}.menu-button .text{display:inline-block;position:absolute;top:-1px;left:39px;height:24px;line-height:20px;font-size:16px;letter-spacing:4px}.work-gallery{position:fixed;top:0;left:0;overflow:hidden;width:100%;height:100%;z-index:10;background-color:#f9f8f7}.work-gallery .icon-back{position:absolute;top:10%;left:5%;font-size:24px;cursor:pointer}.work-gallery h2{position:absolute;top:5%;left:10%;width:80%;height:20px;line-height:20px;margin-top:-10px;font-size:15px;letter-spacing:1px;text-transform:uppercase;text-align:center;color:#333}.work-gallery h3{position:absolute;bottom:5%;left:10%;width:80%;margin-bottom:-10px;text-align:center;font-size:13px;line-height:20px;color:#666}.work-gallery h3 span{color:#999;font-size:12px}.work-gallery .img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.work-gallery .control{position:absolute;top:50%;font-size:26px;margin-top:-13px;cursor:pointer;color:#666}.work-gallery .control:hover{color:#000}.work-gallery .control.disable{color:#aaa;cursor:default}.work-gallery .control.icon-arrow-left{left:5%}.work-gallery .control.icon-arrow-right{right:5%}#articles{position:absolute;height:100%;overflow:hidden;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1}#articles .bgi{position:absolute;top:0;left:0}#articles nav{position:absolute;top:0;left:0;width:50%;min-width:450px;height:100%;overflow:hidden;background-color:rgba(247,247,247,.8)}#articles nav.nav-slide-enter-active,#articles nav.nav-slide-leave-active{-webkit-transition:left .5s,opacity .5s;-moz-transition:left .5s,opacity .5s;-ms-transition:left .5s,opacity .5s;-o-transition:left .5s,opacity .5s;transition:left .5s,opacity .5s}#articles nav.nav-slide-enter,#articles nav.nav-slide-leave-to{left:-30%;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0}#articles nav .scroll-box{position:relative;width:200%;height:100%;overflow:hidden;overflow-y:auto}#articles nav .scroll-box ul{width:50%;padding-bottom:45px}#articles nav .scroll-box ul:hover li.current{background-color:transparent}#articles nav .scroll-box ul:hover li.current>a:before{left:-90px}#articles nav .scroll-box ul li{width:100%;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-ms-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}#articles nav .scroll-box ul li a{display:inline-block;width:80%;padding:13px 0;margin-left:10%;line-height:20px;font-size:13px;letter-spacing:1px}#articles nav .scroll-box ul li a strong{font-weight:400;color:rgba(0,0,0,.8)}#articles nav .scroll-box ul li a span{color:#777!important}#articles nav .scroll-box ul li a:hover strong{color:#000;text-decoration:underline}#biography{position:absolute;height:100%;overflow:hidden;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1}#biography .portrait{position:absolute;top:25%;border:3px solid #fff}#biography .biography{position:absolute;width:70%;height:100%;overflow:hidden;top:0;right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1}#biography .biography.slide-up-enter-active,#biography .biography.slide-up-leave-active{-webkit-transition:top .6s,opacity .6s;-moz-transition:top .6s,opacity .6s;-ms-transition:top .6s,opacity .6s;-o-transition:top .6s,opacity .6s;transition:top .6s,opacity .6s}#biography .biography.slide-up-enter,#biography .biography.slide-up-leave-to{top:50px;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0}#biography .biography.show-more{overflow-y:auto}#biography .biography hgroup{margin-bottom:18px}#biography .biography hgroup h1{font-weight:700;letter-spacing:3px;font-size:18px;line-height:20px}#biography .biography hgroup h2{font-size:18px;margin-top:3px}#biography .biography hgroup h2 span{padding-right:5px}#biography .biography .intro{margin-bottom:75px}#biography .biography>h3{font-size:13px;text-transform:uppercase;font-weight:700;letter-spacing:2px;margin-bottom:30px}#biography .biography>h3:before{display:block;background-color:#333;height:2px;width:18px;margin-bottom:15px;content:' '}#biography .biography>ul{margin-bottom:75px}#biography .biography>ul li{position:relative;font-size:13px;line-height:18px;margin-bottom:9px}#biography .biography>ul li span{position:absolute;top:0;left:0;color:#666}#biography .biography>ul li p{padding-left:42px}#biography .biography>.more{position:absolute;bottom:0;left:0;width:100%;height:70px;background-color:#f7f7f7}#biography .biography>.more span{position:absolute;left:0;top:50%;margin-top:-9px;font-size:13px;cursor:pointer;letter-spacing:1px}#biography .biography>.more span:hover{color:#000;text-decoration:underline}#biography .biography>.more:before{display:block;position:absolute;top:-16px;width:100%;height:16px;content:'';background:-webkit-linear-gradient(top,rgba(247,247,247,0),#f7f7f7);background:-o-linear-gradient(top,rgba(247,247,247,0),#f7f7f7);background:-moz-linear-gradient(top,rgba(247,247,247,0),#f7f7f7);background:linear-gradient(top,rgba(247,247,247,0),#f7f7f7);background:filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=rgba(247,247,247,0),endColorstr=#f7f7f7)}#contact{position:absolute;height:100%;overflow:hidden;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1}#contact .bgi{position:absolute;width:40%;height:100%;overflow:hidden;top:0;right:0}#contact .contact{position:absolute;top:25%;left:9%;width:42%}@media only screen and (max-width:720px){#contact .contact{left:10%;width:80%}}#contact .contact.slide-up-enter-active,#contact .contact.slide-up-leave-active{-webkit-transition:top .6s,opacity .6s;-moz-transition:top .6s,opacity .6s;-ms-transition:top .6s,opacity .6s;-o-transition:top .6s,opacity .6s;transition:top .6s,opacity .6s}#contact .contact.slide-up-enter,#contact .contact.slide-up-leave-to{top:35%;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0}#contact .contact h3{font-size:14px;text-transform:uppercase;font-weight:700;letter-spacing:2px;margin-bottom:24px}#contact .contact p{width:100%}#contact .contact p input,#contact .contact p textarea{width:100%;height:30px;line-height:30px;font-size:13px}#contact .contact p textarea{height:120px}#contact .contact p .input-top{border-top:1px solid #ddd}#contact .contact p .send{display:inline-block;margin-top:24px;font-size:14px;letter-spacing:2px;cursor:pointer}#contact .contact p .send:hover{font-weight:700}#contact .contact .contact-email{position:absolute;bottom:0}#contact .contact .contact-email h3{margin-bottom:12px}#contact .contact .contact-email a{font-size:13px;text-decoration:underline;letter-spacing:2px}#works{position:absolute;height:100%;overflow:hidden;-webkit-transition:left .6s;-moz-transition:left .6s;-ms-transition:left .6s;-o-transition:left .6s;transition:left .6s}#works .bgi{position:absolute;top:0;left:0}#works .bgi .img{position:absolute}#works nav{position:absolute;top:0;left:0;width:20%;height:100%;overflow:hidden;background-color:rgba(127,127,127,.9);-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1}#works nav.nav-slide-enter-active,#works nav.nav-slide-leave-active{-webkit-transition:left .6s,opacity .6s;-moz-transition:left .6s,opacity .6s;-ms-transition:left .6s,opacity .6s;-o-transition:left .6s,opacity .6s;transition:left .6s,opacity .6s}#works nav.nav-slide-enter,#works nav.nav-slide-leave-to{left:-30%;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0}#works nav .scroll-box{position:relative;width:200%;height:100%;overflow:hidden;overflow-y:auto}#works nav .scroll-box .menu-button{position:relative;left:60px}#works nav .scroll-box .menu-button .btn,#works nav .scroll-box .menu-button .btn:after,#works nav .scroll-box .menu-button .btn:before{background-color:#ddd}#works nav .scroll-box .menu-button .text{color:#ddd}#works nav .scroll-box li a{display:block;position:relative;width:100%;height:27px;line-height:18px;text-indent:60px;font-size:13px;color:rgba(255,255,255,.85);-webkit-transition:color .6s;-moz-transition:color .6s;-ms-transition:color .6s;-o-transition:color .6s;transition:color .6s}#works nav .scroll-box li a strong{font-weight:400}#works nav .scroll-box li a small{font-family:DIN,sans-serif;font-weight:400;padding-left:3px;letter-spacing:0;color:rgba(255,255,255,.75);-webkit-transition:color .6s;-moz-transition:color .6s;-ms-transition:color .6s;-o-transition:color .6s;transition:color .6s}#works nav .scroll-box ul{width:50%;padding-bottom:30px}#works nav .scroll-box ul:hover>li.current{background-color:rgba(255,255,255,.15)}#works nav .scroll-box ul:hover>li.current>a:before{width:0}#works nav .scroll-box ul>li{width:100%;overflow-y:hidden;background-color:transparent;-webkit-transition:background-color .6s;-moz-transition:background-color .6s;-ms-transition:background-color .6s;-o-transition:background-color .6s;transition:background-color .6s}#works nav .scroll-box ul>li:first-child{margin-bottom:21px}#works nav .scroll-box ul>li:last-child{margin-top:21px}#works nav .scroll-box ul>li>a{height:42px;line-height:42px;font-size:13px;text-indent:60px}#works nav .scroll-box ul>li>a:before{position:absolute;top:20px;left:0;display:inline-block;width:0;height:1px;background-color:rgba(255,255,255,.8);content:'';-webkit-transition:width .6s;-moz-transition:width .6s;-ms-transition:width .6s;-o-transition:width .6s;transition:width .6s}#works nav .scroll-box ul>li.current{background-color:rgba(250,250,250,.33)}#works nav .scroll-box ul>li.current>a{color:#fff}#works nav .scroll-box ul>li.current>a:before{width:39px}#works nav .scroll-box ul>li:hover{background-color:rgba(250,250,250,.33)!important}#works nav .scroll-box ul>li:hover>a{color:#fff!important}#works nav .scroll-box ul>li:hover>a:before{width:39px!important}#works nav .scroll-box ol{height:0;overflow:hidden;-webkit-transition:height .6s;-moz-transition:height .6s;-ms-transition:height .6s;-o-transition:height .6s;transition:height .6s}#works nav .scroll-box ol:hover li.current a{color:rgba(255,255,255,.85)}#works nav .scroll-box ol:hover li.current a small{color:rgba(255,255,255,.75)}#works nav .scroll-box ol:hover li.current a:before{background-color:transparent}#works nav .scroll-box ol li a{text-indent:80px}#works nav .scroll-box ol li a:before{position:absolute;top:8px;left:60px;display:inline-block;width:8px;height:2px;background-color:transparent;content:'';-webkit-transition:background-color .6s;-moz-transition:background-color .6s;-ms-transition:background-color .6s;-o-transition:background-color .6s;transition:background-color .6s}#works nav .scroll-box ol li.current a{color:#fff}#works nav .scroll-box ol li.current a small{color:#fff}#works nav .scroll-box ol li.current a:before{background-color:#fff}#works nav .scroll-box ol li:hover a{color:#fff!important}#works nav .scroll-box ol li:hover a small{color:#fff!important}#works nav .scroll-box ol li:hover a:before{background-color:#fff!important}#works .series{position:absolute;top:0;left:0;height:100%;overflow:hidden;overflow-y:auto;background-color:rgba(247,247,247,.96);-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1}#works .series article{position:relative;width:80%;margin:0 auto}#works .series article .header{position:relative;width:100%}#works .series article .header h2,#works .series article .header h3{width:100%;height:24px;text-align:center;line-height:30px}#works .series article .header h2{font-size:16px}#works .series article .header h2 .sp{display:inline-block;position:relative;top:-2px;padding:0 3px;color:#999}#works .series article .header h3{font-size:14px;font-family:DIN,sans-serif;font-weight:400;color:#666}#works .series article .header .toggle-statement{position:absolute;top:0;right:0;font-size:13px;line-height:32px;vertical-align:middle;min-width:16px}#works .series article .header .toggle-statement .icon{position:absolute;left:-20px}#works .series article .header .toggle-statement .icon-info{top:8px;font-size:15px}#works .series article .edit-content{width:100%;margin-top:45px}#works .series article h4{position:relative;margin:90px 0 45px;width:100%;height:20px;text-align:center;-webkit-opacity:.9;-moz-opacity:.9;-ms-opacity:.9;-o-opacity:.9;opacity:.9}#works .series article h4 strong{display:inline-block;position:relative;z-index:2;height:20px;padding:0 24px;color:#000;font-size:14px;font-weight:400;letter-spacing:1px;line-height:20px;text-transform:uppercase}#works .series article h4 strong:before{position:absolute;left:0;top:10px;z-index:-1;width:100%;background-color:rgba(247,247,247,.9);height:1px;display:block;content:''}#works .series article h4:before{position:absolute;top:10px;z-index:1;width:100%;background-color:#ddd;height:1px;display:block;content:''}#works .series article ul.works{margin-top:45px;width:100%}#works .series article ul.works:hover li{-webkit-opacity:.9;-moz-opacity:.9;-ms-opacity:.9;-o-opacity:.9;opacity:.9}#works .series article ul.works li{float:left;cursor:pointer;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-ms-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}#works .series article ul.works li:hover{-webkit-opacity:1!important;-moz-opacity:1!important;-ms-opacity:1!important;-o-opacity:1!important;opacity:1!important}#works .series article ul.works li a{display:block}#works .series article ul.works li.edge{margin-left:0!important;clear:both}#works .series article ul.works li:hover h5{color:#000}#works .series article ul.works li .thumb{position:relative}#works .series article ul.works li .thumb .img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:0;height:0}#works .series article ul.works li h5,#works .series article ul.works li h6{width:100%;font-size:14px;line-height:18px;margin-top:24px;color:#666;text-align:center;-webkit-transition:color .6s;-moz-transition:color .6s;-ms-transition:color .6s;-o-transition:color .6s;transition:color .6s}#works .series article ul.works li h6{margin-top:6px;font-family:DIN,sans-serif;font-size:13px;color:#999}#works .series article video{width:100%;margin-top:90px}#works .series article .copyinfo{width:100%;text-align:center;padding:150px 0 60px}.copyinfo p{font-size:12px;color:#999}#publication-page article ul li{margin-bottom:60px}#publication-page article ul li h2{margin-top:9px;line-height:18px;font-size:13px;text-align:center;color:#333}#publication-page article ul li h3{font-size:12px;color:#666;text-align:center}#publications{position:absolute;height:100%;overflow:hidden;overflow-y:auto;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1}#publications nav{position:fixed;top:0;left:270px;width:270px;height:100%;overflow:hidden;background-color:rgba(100,100,100,.9);-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1}#publications nav.nav-slide-enter-active,#publications nav.nav-slide-leave-active{-webkit-transition:left .6s,opacity .6s;-moz-transition:left .6s,opacity .6s;-ms-transition:left .6s,opacity .6s;-o-transition:left .6s,opacity .6s;transition:left .6s,opacity .6s}#publications nav.nav-slide-enter,#publications nav.nav-slide-leave-to{left:-30%;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0}#publications nav ul{width:100%;padding-bottom:30px}#publications nav ul:hover>li.current{background-color:rgba(255,255,255,.15)}#publications nav ul:hover>li.current>a:before{width:0}#publications nav ul>li{width:100%;overflow-y:hidden;background-color:transparent;-webkit-transition:background-color .6s;-moz-transition:background-color .6s;-ms-transition:background-color .6s;-o-transition:background-color .6s;transition:background-color .6s}#publications nav ul>li a{display:block;position:relative;width:100%;height:42px;line-height:42px;font-size:13px;text-indent:60px;color:rgba(255,255,255,.85);-webkit-transition:color .6s;-moz-transition:color .6s;-ms-transition:color .6s;-o-transition:color .6s;transition:color .6s}#publications nav ul>li a strong{font-weight:400}#publications nav ul>li a small{font-family:DIN,sans-serif;font-weight:400;padding-left:3px;letter-spacing:0;color:rgba(255,255,255,.75);-webkit-transition:color .6s;-moz-transition:color .6s;-ms-transition:color .6s;-o-transition:color .6s;transition:color .6s}#publications nav ul>li a:before{position:absolute;top:20px;left:0;display:inline-block;width:0;height:1px;background-color:rgba(255,255,255,.8);content:'';-webkit-transition:width .6s;-moz-transition:width .6s;-ms-transition:width .6s;-o-transition:width .6s;transition:width .6s}#publications nav ul>li.current{background-color:rgba(250,250,250,.33)}#publications nav ul>li.current>a{color:#fff}#publications nav ul>li.current>a:before{width:39px}#publications nav ul>li:hover{background-color:rgba(250,250,250,.33)!important}#publications nav ul>li:hover>a{color:#fff!important}#publications nav ul>li:hover>a:before{width:39px!important}#publications .posts{margin-left:270px}#publications .posts ul li{float:left}#publications .posts ul li .img{border:2px solid #fff;-webkit-transition:border .5s;-moz-transition:border .5s;-ms-transition:border .5s;-o-transition:border .5s;transition:border .5s}#publications .posts ul li a{display:block;width:100%;height:auto}#publications .posts ul li.edge{margin-left:0;clear:both}#publications .posts ul li h2{margin-top:18px;line-height:18px;font-size:13px;color:#333}#publications .posts ul li h3{font-size:12px;margin-top:3px;color:#666}#publications .posts ul li:hover h2{color:#000}#publications .posts ul li:hover .img{border:2px solid #000}#publications .copyinfo{margin-left:10%;padding:60px 0 45px}#welcome{position:relative;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.9)}#welcome video{position:absolute}#welcome hgroup{position:absolute;top:50%;left:50%;height:30px;width:360px;margin-left:-180px;-webkit-text-shadow:1px 1px 1px rgba(0,0,0,.5);-moz-text-shadow:1px 1px 1px rgba(0,0,0,.5);-ms-text-shadow:1px 1px 1px rgba(0,0,0,.5);-o-text-shadow:1px 1px 1px rgba(0,0,0,.5);text-shadow:1px 1px 1px rgba(0,0,0,.5)}#welcome hgroup h1{font-weight:700;letter-spacing:6px;text-transform:uppercase;font-size:24px;line-height:30px;color:rgba(255,255,255,.9)}@media only screen and (max-width:720px){#welcome hgroup h1{width:100%;text-align:center;font-size:20px}}#welcome hgroup h2{position:absolute;top:0;right:0;line-height:30px;font-size:22px;color:rgba(255,255,255,.9)}@media only screen and (max-width:720px){#welcome hgroup h2{position:relative;width:100%;text-align:center}}#welcome hgroup h2 span{line-height:30px;padding-right:6px}#welcome .beian{position:absolute;bottom:0;left:45px;height:60px;line-height:60px;color:#fff;-webkit-opacity:.75;-moz-opacity:.75;-ms-opacity:.75;-o-opacity:.75;opacity:.75;font-size:12px}#welcome .languages{position:absolute;bottom:60px;left:50%;width:130px;height:15px;margin-left:-60px;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1}#welcome .languages a{display:inline-block;line-height:20px;font-size:13px;letter-spacing:1px;color:#fff;-webkit-text-shadow:1px 1px 1px rgba(0,0,0,.5);-moz-text-shadow:1px 1px 1px rgba(0,0,0,.5);-ms-text-shadow:1px 1px 1px rgba(0,0,0,.5);-o-text-shadow:1px 1px 1px rgba(0,0,0,.5);text-shadow:1px 1px 1px rgba(0,0,0,.5);-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-ms-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s;-webkit-opacity:.8;-moz-opacity:.8;-ms-opacity:.8;-o-opacity:.8;opacity:.8}#welcome .languages a.en{font-size:14px}#welcome .languages a:hover{-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1}#welcome .languages span.sp{position:relative;top:2px;margin:0 15px;display:inline-block;width:1px;height:12px;background-color:rgba(255,255,255,.5)}@font-face{font-family:DIN;src:url(/x-assets/style/fonts/din/dinpro-light.woff2) format('woff2'),url(/x-assets/style/fonts/din/dinpro-light.ttf) format('truetype'),url(/x-assets/style/fonts/din/dinpro-light.woff) format('woff'),url(/x-assets/style/fonts/din/dinpro-light.svg#DINPro-Light) format('svg');font-weight:300;font-style:normal}@font-face{font-family:DIN;src:url(/x-assets/style/fonts/din/dinpro-regular.woff2) format('woff2'),url(/x-assets/style/fonts/din/dinpro-regular.ttf) format('truetype'),url(/x-assets/style/fonts/din/dinpro-regular.woff) format('woff'),url(/x-assets/style/fonts/din/dinpro-regular.svg#DINPro-Regular) format('svg');font-weight:400;font-style:normal}@font-face{font-family:DIN;src:url(/x-assets/style/fonts/din/dinpro-medium.woff2) format('woff2'),url(/x-assets/style/fonts/din/dinpro-medium.ttf) format('truetype'),url(/x-assets/style/fonts/din/dinpro-medium.woff) format('woff'),url(/x-assets/style/fonts/din/dinpro-medium.svg#DINPro-Medium) format('svg');font-weight:500;font-style:normal}@font-face{font-family:DIN;src:url(/x-assets/style/fonts/din/dinpro-bold.woff2) format('woff2'),url(/x-assets/style/fonts/din/dinpro-bold.ttf) format('truetype'),url(/x-assets/style/fonts/din/dinpro-bold.woff) format('woff'),url(/x-assets/style/fonts/din/dinpro-bold.svg#DINPro-Bold) format('svg');font-weight:700;font-style:normal}@font-face{font-family:DIN;src:url(/x-assets/style/fonts/din/dinpro-black.woff2) format('woff2'),url(/x-assets/style/fonts/din/dinpro-black.ttf) format('truetype'),url(/x-assets/style/fonts/din/dinpro-black.woff) format('woff'),url(/x-assets/style/fonts/din/dinpro-black.svg#DINPro-Black) format('svg');font-weight:700;font-style:normal}@font-face{font-family:xicon;src:url(fonts/xicon.ttf?c4iszk) format('truetype'),url(fonts/xicon.woff?c4iszk) format('woff'),url(fonts/xicon.svg?c4iszk#xicon) format('svg');font-weight:400;font-style:normal}.icon{font-family:xicon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-liu:before{content:"\e900"}.icon-li:before{content:"\e901"}.icon-hong:before{content:"\e902"}.icon-arrow-left:before{content:"\e903"}.icon-arrow-right:before{content:"\e904"}.icon-info:before{content:"\e905"}.icon-back:before{content:"\e906"}.icon-close:before{content:"\e907"}@font-face{font-family:'Sinhala MN';src:url(fonts/sinhalamn/sinhalamn.woff2) format('woff2'),url(fonts/sinhalamn/sinhalamn.ttf) format('truetype'),url(fonts/sinhalamn/sinhalamn.woff) format('woff'),url(fonts/sinhalamn/sinhalamn.svg#sinhala_mnregular) format('svg');font-weight:400;font-style:normal}@font-face{font-family:'Sinhala MN';src:url(fonts/sinhalamn/sinhalamn-bold.woff2) format('woff2'),url(fonts/sinhalamn/sinhalamn-bold.ttf) format('truetype'),url(fonts/sinhalamn/sinhalamn-bold.woff) format('woff'),url(fonts/sinhalamn/sinhalamn-bold.svg#sinhala_mnbold) format('svg');font-weight:700;font-style:normal}#x-app{font-family:'Sinhala MN','Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','Microsoft YaHei','微软雅黑',Arial,sans-serif;background-color:#f9f8f7}#x-app .page{position:relative;left:270px}@media only screen and (max-width:720px){#x-app .page{left:0}}#x-app .article-page{position:absolute;width:100%}#x-app .article-page article{position:relative;top:0;width:800px;margin:0 auto 0;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1}#x-app .article-page article.article-slide-enter-active,#x-app .article-page article.article-slide-leave-active{-webkit-transition:top .6s,opacity .6s;-moz-transition:top .6s,opacity .6s;-ms-transition:top .6s,opacity .6s;-o-transition:top .6s,opacity .6s;transition:top .6s,opacity .6s}#x-app .article-page article.article-slide-enter,#x-app .article-page article.article-slide-leave-to{top:60px;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0}#x-app .article-page article hgroup{margin-bottom:30px}#x-app .article-page article hgroup h2{line-height:20px;font-size:17px;letter-spacing:1px;margin-bottom:6px}#x-app .article-page article hgroup h3{font-size:13px;line-height:15px;color:#777}#x-app .article-page article .copyinfo{padding:90px 0 45px}