@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Patua+One');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC');
@import url('https://fonts.googleapis.com/css?family=Gurajada&subset=latin,telugu');
hr,img{border:0}
a:active,a:hover,button:focus,embed,input:focus,object,select:focus,textarea:focus{outline:0}
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}
ins,mark{background-color:#ff9;color:#000}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}
ins{text-decoration:none}.track-list .done,del{text-decoration:line-through}
mark{font-style:italic;font-weight:700}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
hr{display:block;height:1px;border-top:1px solid #ccc;margin:1em 0;padding:0}
svg:not(:root){overflow:hidden}
input,select{vertical-align:middle}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
#list-work .cont-list-work .work:first-child .info-work ,.awards .cont-list-group ul li{border-top:3px solid rgba(255,255,255,.2)}
#list-work .project_title_list{border-bottom:3px solid rgba(255,255,255,.2)}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button{overflow:visible}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
textarea{overflow:auto}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
*{box-sizing:border-box}

.main-body {
    scrollbar-color: white #f5f5f5;
    scrollbar-width: thin;
}
::-webkit-scrollbar {
    width: 4px;
    background-color: #f5f5f5
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 0;
    background-color: #f5f5f5
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.08);
    box-shadow: inset 0 0 6px rgba(0,0,0,.08);
    background-color: #fff;
}

/*@font-face{font-family:'Montserrat';src:url(fonts2/Montserrat-SemiBold.ttf) format("truetype");font-weight:700;font-style:normal}*/
@font-face{font-family:'Graduate';src:url(fonts2/Graduate-Regular.ttf) format("truetype");font-weight:700;font-style:normal}
@font-face{font-family:'OCRB Alternate';src:url(fonts2/OCRB-Alternate.otf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:Playfair;src:url(fonts/playfairdisplay-bold-webfont.eot);src:url(fonts/playfairdisplay-bold-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/playfairdisplay-bold-webfont.woff2) format("woff2"),url(fonts/playfairdisplay-bold-webfont.woff) format("woff"),url(fonts/playfairdisplay-bold-webfont.ttf) format("truetype"),url(fonts/playfairdisplay-bold-webfont.svg#playfair_displaybold) format("svg");font-weight:700;font-style:normal}
@font-face{font-family:Playfair;src:url(fonts/playfairdisplay-bolditalic-webfont.eot);src:url(fonts/playfairdisplay-bolditalic-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/playfairdisplay-bolditalic-webfont.woff2) format("woff2"),url(fonts/playfairdisplay-bolditalic-webfont.woff) format("woff"),url(fonts/playfairdisplay-bolditalic-webfont.ttf) format("truetype"),url(fonts/playfairdisplay-bolditalic-webfont.svg#playfair_displaybold_italic) format("svg");font-weight:700;font-style:italic}
@font-face{font-family:Playfair;src:url(fonts/playfairdisplay-italic-webfont.eot);src:url(fonts/playfairdisplay-italic-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/playfairdisplay-italic-webfont.woff2) format("woff2"),url(fonts/playfairdisplay-italic-webfont.woff) format("woff"),url(fonts/playfairdisplay-italic-webfont.ttf) format("truetype"),url(fonts/playfairdisplay-italic-webfont.svg#playfair_displayitalic) format("svg");font-weight:400;font-style:italic}
@font-face{font-family:Playfair;src:url(fonts/playfairdisplay-regular-webfont.eot);src:url(fonts/playfairdisplay-regular-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/playfairdisplay-regular-webfont.woff2) format("woff2"),url(fonts/playfairdisplay-regular-webfont.woff) format("woff"),url(fonts/playfairdisplay-regular-webfont.ttf) format("truetype"),url(fonts/playfairdisplay-regular-webfont.svg#playfair_displayregular) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'Source Sans Pro';src:url(fonts/sourcesanspro-bold-webfont.eot);src:url(fonts/sourcesanspro-bold-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/sourcesanspro-bold-webfont.woff2) format("woff2"),url(fonts/sourcesanspro-bold-webfont.woff) format("woff"),url(fonts/sourcesanspro-bold-webfont.ttf) format("truetype"),url(fonts/sourcesanspro-bold-webfont.svg#source_sans_probold) format("svg");font-weight:700;font-style:normal}
@font-face{font-family:'Source Sans Pro';src:url(fonts/sourcesanspro-boldit-webfont.eot);src:url(fonts/sourcesanspro-boldit-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/sourcesanspro-boldit-webfont.woff2) format("woff2"),url(fonts/sourcesanspro-boldit-webfont.woff) format("woff"),url(fonts/sourcesanspro-boldit-webfont.ttf) format("truetype"),url(fonts/sourcesanspro-boldit-webfont.svg#source_sans_probold_italic) format("svg");font-weight:700;font-style:italic}
@font-face{font-family:'Source Sans Pro';src:url(fonts/sourcesanspro-it-webfont.eot);src:url(fonts/sourcesanspro-it-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/sourcesanspro-it-webfont.woff2) format("woff2"),url(fonts/sourcesanspro-it-webfont.woff) format("woff"),url(fonts/sourcesanspro-it-webfont.ttf) format("truetype"),url(fonts/sourcesanspro-it-webfont.svg#source_sans_proitalic) format("svg");font-weight:400;font-style:italic}
@font-face{font-family:'Source Sans Pro';src:url(fonts/sourcesanspro-regular-webfont.eot);src:url(fonts/sourcesanspro-regular-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/sourcesanspro-regular-webfont.woff2) format("woff2"),url(fonts/sourcesanspro-regular-webfont.woff) format("woff"),url(fonts/sourcesanspro-regular-webfont.ttf) format("truetype"),url(fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'Source Sans Pro';src:url(fonts/sourcesanspro-semibold-webfont.eot);src:url(fonts/sourcesanspro-semibold-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/sourcesanspro-semibold-webfont.woff2) format("woff2"),url(fonts/sourcesanspro-semibold-webfont.woff) format("woff"),url(fonts/sourcesanspro-semibold-webfont.ttf) format("truetype"),url(fonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold) format("svg");font-weight:600;font-style:normal}
@font-face{font-family:'Source Sans Pro';src:url(fonts/sourcesanspro-semiboldit-webfont.eot);src:url(fonts/sourcesanspro-semiboldit-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/sourcesanspro-semiboldit-webfont.woff2) format("woff2"),url(fonts/sourcesanspro-semiboldit-webfont.woff) format("woff"),url(fonts/sourcesanspro-semiboldit-webfont.ttf) format("truetype"),url(fonts/sourcesanspro-semiboldit-webfont.svg#source_sans_proSBdIt) format("svg");font-weight:600;font-style:italic}
@font-face{font-family:Inconsolata;src:url(fonts/inconsolata-webfont.eot);src:url(fonts/inconsolata-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/inconsolata-webfont.woff2) format("woff2"),url(fonts/inconsolata-webfont.woff) format("woff"),url(fonts/inconsolata-webfont.ttf) format("truetype"),url(fonts/inconsolata-webfont.svg#inconsolatamedium) format("svg");font-weight:500;font-style:normal}
@font-face{font-family:icon;src:url(icons/icon.eot?-fqmihl);src:url(icons/icon.eot?#iefix-fqmihl) format("embedded-opentype"),url(icons/icon.ttf?-fqmihl) format("truetype"),url(icons/icon.woff?-fqmihl) format("woff"),url(icons/icon.svg?-fqmihl#icomoon) format("svg");font-weight:400;font-style:normal}
#list-work .cont-list-work .work .link-detail .arrow-section .arrow:before,.back-button:before,.go-top .arrow-top:before,.live a span:after,.m-next-project .next-project .arrow-section .arrow:before,[class*=" icon-"],[class^=icon-]{/*font-family:icon;*/speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;font-size:3.2rem;-moz-osx-font-smoothing:grayscale}
#list-work .cont-list-work .work .info-work h3,.m-next-project .next-project .cont-title h2,body,button,input,textarea{/*font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,"MS Trebuchet",sans-serif;*/font-family: 'Montserrat', sans-serif;}
.icon-arrow:before{content:"\e600"}.icon-back:before{content:"\e601"}.icon-top:before{content:"\e602"}
.color-0 .border-site .br-b,.color-0 .border-site .br-l,.color-0 .border-site .br-r,.color-0 .border-site .br-t{background-color:#202122}
.work.color-0:before{background-color:#202122;}
.work.color-1:before{background-color:#202122;}
.work.color-2:before{background-color:#202122;}
.work.color-3:before{background-color:#202122;}
.work.color-4:before{background-color:#202122;}
.work.color-5:before{background-color:#202122;}
.work.color-6:before{background-color:#202122;}
.work.color-7:before{background-color:#202122;}
.work.color-8:before{background-color:#202122;}
/*.work.color-1:before{background-color:#F8F5EE}
.work.color-2:before{background-color:#AA1D43}
.work.color-3:before{background-color:#3D6183}
.work.color-4:before{background-color:#FDBAC3}
.work.color-5:before{background-color:#9900D9}
.work.color-6:before{background-color:#42AC3D;background-image: url(../images/bg01.jpg);background-size: cover;}
.work.color-7:before{background-color:#63BDD2;background-image: url(../images/bg01.jpg);background-size: cover;}
.work.color-8:before{background-color:#097BEB;background-image: url(../images/bg01.jpg);background-size: cover;}
.work.color-9:before{background-color:#D74A53;background-image: url(../images/bg01.jpg);background-size: cover;}
.work.color-10:before{background-color:#ffde00;background-image: url(../images/bg01.jpg);background-size: cover;}*/
.work-section .color-1 .header-work{background-color:#F8F5EE}
.work-section .color-2 .header-work{background-color:#AA1D43}
.work-section .color-3 .header-work{background-color:#3D6183}
.work-section .color-4 .header-work{background-color:#FDBAC3}
.work-section .color-5 .header-work{background-color:#9900D9}
.work-section .color-6 .header-work{background-color:#42AC3D}
.work-section .color-7 .header-work{background-color:#63BDD2}
.work-section .color-8 .header-work{background-color:#097BEB}
.work-section .color-9 .header-work{background-color:#D74A53}
.work-section .color-10 .header-work{background-color:#ffde00}
.next-project.color-1 .link-next:before{background-color:#F8F5EE}
.next-project.color-2 .link-next:before{background-color:#AA1D43}
.next-project.color-3 .link-next:before{background-color:#3D6183}
.next-project.color-4 .link-next:before{background-color:#FDBAC3}
.next-project.color-5 .link-next:before{background-color:#9900D9}
.next-project.color-6 .link-next:before{background-color:#42AC3D}
.next-project.color-7 .link-next:before{background-color:#63BDD2}
.next-project.color-8 .link-next:before{background-color:#097BEB}
.next-project.color-9 .link-next:before{background-color:#D74A53}
.next-project.color-10 .link-next:before{background-color:#ffde00}
.color-0.loading .percent{/*background-color:#fff;*/background-color: rgb(224,9,16);}
.color-1.loading .percent{background-color:#F8F5EE}
.color-2.loading .percent{background-color:#AA1D43}
.color-3.loading .percent{background-color:#3D6183}
.color-4.loading .percent{background-color:#FDBAC3}
.color-5.loading .percent{background-color:#9900D9}
.color-6.loading .percent{background-color:#42AC3D}
.color-7.loading .percent{background-color:#63BDD2}
.color-8.loading .percent{background-color:#097BEB}
.color-9.loading .percent{background-color:#D74A53}
.color-10.loading .percent{background-color:#ffde00}
.color-0.loading .border-load div{background-color:#202122;/*background-color: #ffffff;*/}
.color-1.loading .border-load div{background-color:#F8F5EE}
.color-2.loading .border-load div{background-color:#AA1D43}
.color-3.loading .border-load div{background-color:#3D6183}
.color-4.loading .border-load div{background-color:#FDBAC3}
.color-5.loading .border-load div{background-color:#9900D9}
.color-6.loading .border-load div{background-color:#42AC3D}
.color-7.loading .border-load div{background-color:#63BDD2}
.color-8.loading .border-load div{background-color:#097BEB}
.color-9.loading .border-load div{background-color:#D74A53}
.color-10.loading .border-load div{background-color:#ffde00}
.border-site div{position:absolute;transition:all .3s cubic-bezier(.615,.19,.305,.91);transition-timing-function:cubic-bezier(.615,.19,.305,.91)}
.border-site .br-l{left:0;top:0;bottom:0;width:0px}
.border-site .br-t{left:0;top:0;right:0;height:0px}
@media screen and (min-width:0) and (max-width:1023px){.border-site .br-l{width:20px}.border-site .br-t{height:20px}}
@media screen and (min-width:0) and (max-width:767px){.border-site .br-l{/*width:15px;*/width: 0;}.border-site .br-t{/*height:15px;*/height: 0;}}
.border-site .br-r{right:0;top:0;bottom:0;width:0px}
.border-site .br-b{left:0;bottom:0;right:0;height:0px}
@media screen and (min-width:0) and (max-width:1023px){.border-site .br-r{width:20px}
.border-site .br-b{height:20px}}@media screen and (min-width:0) and (max-width:767px){.border-site .br-r{/*width:15px;*/width: 0;}
.border-site .br-b{/*height:15px;*/height: 0;}}
.border-load div{transition:height .3s cubic-bezier(.615,.19,.305,.91),width .3s cubic-bezier(.615,.19,.305,.91);position:fixed}
#list-work,#list-work .cont-list-work .work{position:relative}
.border-load .br-l{left:0;top:0;bottom:0;width:0}
.border-load .br-t{left:0;top:0;right:0;height:0}
.border-load .br-r{right:0;top:0;bottom:0;width:0}
.border-load .br-b{left:0;bottom:0;right:0;height:0}
.loadpage .loading .border-load .br-l,.loadpage .loading .border-load .br-r{width:50%;background-color: #202122;}
.loadpage .loading .border-load .br-b,.loadpage .loading .border-load .br-t{height:50%;background-color: #202122;}
.work-section .border-site .br-l,.work-section .border-site .br-r{width:0}
.work-section .border-site .br-b,.work-section .border-site .br-t{height:0}
#loadpage_ants{width: 100%;height: 100%;background-color: transparent;position: absolute;z-index: 10;}
#list-work{padding-top:50px;margin-bottom:100px}
#list-work .title-list{/*float:left;clear:none;width:65.66667%;margin-left:34.33333%;margin-right:3%*/position: relative;}
#list-work .title-list:last-child{margin-right:0}
@media screen and (min-width:0) and (max-width:1023px){#list-work{margin-bottom:50px;padding-top:25px}
#list-work .title-list{float:left;clear:none;width:79.4%;margin-left:20.6%;margin-right:3%;width: 100%;margin: 0;}
#list-work .title-list:last-child{margin-right:0}}
#list-work .cont-list-work,#list-work .cont-list-work:after{clear:both}
@media screen and (min-width:0) and (max-width:767px){
	#list-work{margin-bottom:35px;padding-top:17.5px}
    #list-work .title-list{display:block;clear:both;float:none;width:100%;margin-left:auto;margin-right:auto}
    #list-work .title-list:first-child{margin-left:auto}
    #list-work .title-list:last-child{margin-right:auto}
    .mf-cursor {
        display: none!important;
    }
}
/*#list-work .title-list h2{font-size:9rem;color:rgba(255,255,255,.2);display:block;border-bottom:3px solid #fff;padding-bottom:30px;padding-left: 30px;margin-bottom:30px;opacity: .5;text-transform: uppercase;}
#list-work .title-list .title-inner{display: block;font-size: 1.4rem;color: #fff;opacity: 1;font-weight: bold;position: absolute;left: 0px;top: 85px;}*/
#list-work .cont-list-work .work .info-work-detail .cont-info-work-detail h2,#list-work .cont-list-work .work .info-work-detail .cont-info-work-detail span,#list-work .cont-list-work .work.active .link-detail .arrow-section,#list-work .cont-list-work .work.active .link-detail .year,.work-section .main-nav .back-button span,.work-section .main-nav .back-button:before{color:#141516}
@media screen and (min-width:0) and (max-width:1023px){
	/*#list-work .title-list h2{font-size:3.8rem;padding-bottom:25px;padding-left: 30px;margin-bottom:25px;opacity: .5;text-transform: uppercase;}*/
}
@media screen and (min-width:0) and (max-width:767px){
	/*#list-work .title-list h2{font-size:3rem;padding-bottom:20px;padding-left: 0px;margin-bottom:20px;opacity: .5;text-transform: uppercase;}
	#list-work .title-list .title-inner{font-size: 1.2rem;left: 0px;top: 35px;}*/
}
#list-work .title-list:before , #list-work .title-list:after{
	display: table;
    content: " ";
    clear: both; 
}
#list-work .title-list .mono-title{
	/*display:block;*/
	display: inline-block;
	float: left;
	/*padding-left: 30px;*/
	cursor: pointer;
	text-align: center;
	width: 16%;
	margin-right: 12%;
	margin-left: 0;
	margin-top: 20px;
	margin-bottom: 35px;
}
#list-work .title-list .mono-title .momo-title-btn{
   	padding: 10px 0;
   	font-size: 15px;
   	opacity: .5;
}
#list-work .title-list .mono-title-show .momo-title-btn{
	border-bottom: 2px solid #fff;
	display: inline-block;
	opacity: 1;
}
.set_lang_cn #list-work .title-list .mono-title .momo-title-btn{
	font-size: 18px;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 500;
}
.set_lang_cns #list-work .title-list .mono-title .momo-title-btn{
	font-size: 18px;
	font-family: 'Noto Sans SC', sans-serif;
	font-weight: 500;
}
#list-work .title-list .mono-title-lk1{

}
#list-work .title-list .mono-title-lk2{

}
#list-work .title-list .mono-title-lk3{

}
#list-work .title-list .mono-title-lk4{
    margin-right: 0;
}
#list-work .cont-list-work:after,#list-work .cont-list-work:before{content:'';display:table}
#list-work .cont-list-work .work:before{content:"";display:block;position:absolute;height:100%;transform:scaleX(1.3);transform:scaleY(0);-khtml-transform-origin:50% 0;transform-origin:50% 0;z-index:5;left:0;right:0;transition:all .3s cubic-bezier(.615,.19,.305,.91);transition-timing-function:cubic-bezier(.615,.19,.305,.91)}
#list-work .cont-list-work .work .wrapper{position:relative}
#list-work .cont-list-work .work .link-project{position:absolute;left:-60px;z-index:100;top:0;height:100%;/*float:left;clear:none;width:65.66667%;margin-left:34.33333%;margin-right:3%;*/transition:all .3s cubic-bezier(.615,.19,.305,.91);transition-timing-function:cubic-bezier(.615,.19,.305,.91)}
#list-work .cont-list-work .work .link-project:last-child{margin-right:0}
@media screen and (min-width:0) and (max-width:1023px){
	/*#list-work .title-list .mono-title{margin:25px 0;}*/
    #list-work .cont-list-work .work .link-project{float:left;clear:none;width:79.4%;margin-left:20.6%;margin-right:3%;left:-40px}
    #list-work .cont-list-work .work .link-project:last-child{margin-right:0}
}
@media screen and (min-width:0) and (max-width:767px){
	#list-work .title-list .mono-title{margin-bottom:20px;display: block;width: 100%;text-align: center;padding-left: 0;}
	#list-work .cont-list-work .work .link-project{left:0;display:block;clear:both;float:none;width:100%;margin-left:auto;margin-right:auto}
	#list-work .cont-list-work .work .link-project:first-child{margin-left:auto}
	#list-work .cont-list-work .work .link-project:last-child{margin-right:auto}
}
#list-work .cont-list-work .work .wrapper-work{position:relative; overflow: hidden}
#list-work .cont-list-work .work .wrapper-work:after,#list-work .cont-list-work .work .wrapper-work:before{content:'';display:table}
#list-work .cont-list-work .work .wrapper-work:after{clear:both}
#list-work .cont-list-work .work .info-work{position:relative;border-bottom:3px solid rgba(255,255,255,.2);/*float:left;clear:none;width:65.66667%;margin-left:34.33333%;margin-right:3%;*/padding:33px 0px 17px 0px;text-align: center;}
#list-work .cont-list-work .work .info-work p{
	font-family: 'Graduate', cursive;
	font-size: 15px;
}
.set_lang_cn #list-work .cont-list-work .work .info-work p{
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 16px;
	font-weight: 500;
}
.set_lang_cns #list-work .cont-list-work .work .info-work p{
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 16px;
	font-weight: 500;
}
#list-work .cont-list-work .work .info-work:last-child{margin-right:0}
#list-work .cont-list-work .work .info-work .mono-title{position:absolute;bottom:35px;left:-55px}
@media screen and (min-width:0) and (max-width:1023px){
	#list-work .cont-list-work .work .info-work{/*float:left;clear:none;width:79.4%;margin-left:20.6%;margin-right:3%*/}
	#list-work .cont-list-work .work .info-work:last-child{margin-right:0}
	#list-work .cont-list-work .work .info-work .mono-title{bottom:33px;left:-40px}
	#list-work .cont-list-work .work .info-work h3{font-size:2.5rem}
}
@media screen and (min-width:0) and (max-width:767px){
	#list-work .cont-list-work .work .info-work{display:block;clear:both;float:none;width:100%;margin-left:auto;margin-right:auto;padding:10px 0}
	#list-work .cont-list-work .work .info-work:first-child{margin-left:auto}
	#list-work .cont-list-work .work .info-work:last-child{margin-right:auto}
	#list-work .cont-list-work .work .info-work .mono-title{position:relative;left:0;bottom:auto;float:left;margin-right:10px;top:11px}
}
#list-work .cont-list-work .work .info-work h3{margin-bottom:0}
#list-work .cont-list-work .work .link-detail{/*float:left;clear:none;width:65.66667%;margin-left:34.33333%;margin-right:3%;position:absolute;*/height:100%;/*top:0;left:0;*/z-index:20}
#list-work .cont-list-work .work .link-detail:last-child{margin-right:0}
@media screen and (min-width:0) and (max-width:1023px){
	#list-work .cont-list-work .work .link-detail{float:left;clear:none;width:79.4%;margin-left:20.6%;margin-right:3%}
	#list-work .cont-list-work .work .link-detail:last-child{margin-right:0}
}
@media screen and (min-width:0) and (max-width:767px){
	#list-work .cont-list-work .work .link-detail{display:block;clear:both;float:none;width:100%;margin-left:auto;margin-right:auto}
	#list-work .cont-list-work .work .link-detail:first-child{margin-left:auto}
	#list-work .cont-list-work .work .link-detail:last-child{margin-right:auto}
}
#list-work .cont-list-work .work .link-detail .cont-link-detail{float:left;clear:none;width:29.56359%;margin-left:70.43641%;margin-right:5.65461%;position:relative;height:100%}
#list-work .cont-list-work .work .link-detail .cont-link-detail:last-child{margin-right:0}
@media screen and (min-width:0) and (max-width:1023px){
	#list-work .cont-list-work .work .link-detail .cont-link-detail{float:left;clear:none;width:21.49886%;margin-left:78.50114%;margin-right:4.66818%}
	#list-work .cont-list-work .work .link-detail .cont-link-detail:last-child{margin-right:0}
}
@media screen and (min-width:0) and (max-width:767px){
	#list-work .cont-list-work .work .link-detail .cont-link-detail{display:block;clear:both;margin-left:auto;margin-right:auto;float:right;width:100px}
	#list-work .cont-list-work .work .link-detail .cont-link-detail:first-child{margin-left:auto}
	#list-work .cont-list-work .work .link-detail .cont-link-detail:last-child{margin-right:auto}
}
#list-work .cont-list-work .work .link-detail .arrow-section,#list-work .cont-list-work .work .link-detail .year{display:block;position:absolute;top:50%;transition:all .3s cubic-bezier(.615,.19,.305,.91);transition-timing-function:cubic-bezier(.615,.19,.305,.91);transform:translate(0,-50%)}
@media screen and (min-width:0) and (max-width:479px){
	#list-work .cont-list-work .work .info-work h3{font-size:2rem;padding:4px 0}#list-work .cont-list-work .work .link-detail .year{display:none}}
	#list-work .cont-list-work .work .link-detail .arrow-section{width:100%;position:relative;white-space:nowrap;cursor:default;padding-right:40px}
	#list-work .cont-list-work .work .link-detail .arrow-section .label{color:#141516;opacity:0;filter:alpha(opacity=0);transition:all .3s cubic-bezier(.615,.19,.305,.91);transition-timing-function:cubic-bezier(.615,.19,.305,.91)
}
@media screen and (min-width:0) and (max-width:1023px){
		#list-work .cont-list-work .work .link-detail .arrow-section .label{display:none}
}
#list-work .cont-list-work .work .link-detail .arrow-section .arrow span{display:none}
#list-work .cont-list-work .work .link-detail .arrow-section .arrow:before{position:absolute;content:"\e600";display:inline-block;line-height:1;top:50%;right:0;margin-top:-16px}
#list-work .cont-list-work .work .info-work-detail{position:absolute;top:0;width:100%;z-index:10;height:0%;overflow:hidden;transition-timing-function:cubic-bezier(.615,.19,.305,.91)}
#list-work .cont-list-work .work .info-work-detail .cont-info-work-detail{position:absolute;top:0;width:100%}
#list-work .cont-list-work .work .info-work-detail .cont-info-work-detail .title{float:left;clear:none;width:31.33333%;margin-left:0;margin-right:3%;transition:all .3s cubic-bezier(.615,.19,.305,.91);transition-timing-function:cubic-bezier(.615,.19,.305,.91);transform:translate(0,16px);padding:25px 0 10px}
#list-work .cont-list-work .work .info-work-detail .cont-info-work-detail .title:last-child{margin-right:0}
@media screen and (min-width:0) and (max-width:1023px){
	#list-work .cont-list-work .work .info-work-detail .cont-info-work-detail .title{float:left;clear:none;width:48.5%;margin-left:0;margin-right:3%;padding:25px 0 5px}
	#list-work .cont-list-work .work .info-work-detail .cont-info-work-detail .title:last-child{margin-right:0}
}
#list-work .cont-list-work .work .info-work-detail .cont-info-work-detail .title h2{white-space:nowrap;font-size:3.8rem;line-height:1;margin-bottom:0}
@media screen and (min-width:0) and (max-width:1023px){
	#list-work .cont-list-work .work .info-work-detail .cont-info-work-detail .title h2{font-size:3rem}
}
@media screen and (min-width:0) and (max-width:767px){
	#list-work .cont-list-work .work .info-work-detail .cont-info-work-detail .title{padding:15px 0 5px;float:left;clear:none;width:82.83333%;margin-left:0;margin-right:3%}
	#list-work .cont-list-work .work .info-work-detail .cont-info-work-detail .title:last-child{margin-right:0}
	#list-work .cont-list-work .work .info-work-detail .cont-info-work-detail .title h2{font-size:2.6rem}
	#list-work .cont-list-work .work .info-work-detail .cont-info-work-detail .info-detail{display:none}
}
@media screen and (min-width:0) and (max-width:479px){
	#list-work .cont-list-work .work .info-work-detail .cont-info-work-detail .title{padding-top:15px 0 5px}
	#list-work .cont-list-work .work .info-work-detail .cont-info-work-detail .title h2{font-size:2.3rem}
}
#list-work .cont-list-work .work .info-work-detail .cont-info-work-detail .info-detail{float:left;clear:none;width:65.66667%;margin-left:0;margin-right:3%}
#list-work .cont-list-work .work .info-work-detail .cont-info-work-detail .info-detail:last-child{margin-right:0}
@media screen and (min-width:0) and (max-width:1023px){
	#list-work .cont-list-work .work .info-work-detail .cont-info-work-detail .info-detail{float:left;clear:none;width:48.15%;margin-left:0;margin-right:3.7%}
	#list-work .cont-list-work .work .info-work-detail .cont-info-work-detail .info-detail:last-child{margin-right:0}
}
#list-work .cont-list-work .work .info-work-detail .cont-info-work-detail .info-detail .detail{transform:translate(0,16px);transition:all .3s cubic-bezier(.615,.19,.305,.91);transition-timing-function:cubic-bezier(.615,.19,.305,.91);float:left;clear:none;width:30.28765%;margin-left:0;margin-right:4.56853%}
#list-work .cont-list-work .work .info-work-detail .cont-info-work-detail .info-detail .detail:last-child{margin-right:0}
@media screen and (min-width:0) and (max-width:1023px){
	#list-work .cont-list-work .work .info-work-detail .cont-info-work-detail .info-detail .detail{float:left;clear:none;width:46.90722%;margin-left:0;margin-right:6.18557%}
	#list-work .cont-list-work .work .info-work-detail .cont-info-work-detail .info-detail .detail:last-child{margin-right:0}
	#list-work .cont-list-work .work .info-work-detail .cont-info-work-detail .info-detail .detail.agency{display:none}}
	#list-work .cont-list-work .work .info-work-detail .cont-info-work-detail .info-detail .detail .mono-title{padding-top:23px;display:block;margin-bottom:15px}
	#list-work .cont-list-work .work .info-work-detail .cont-info-work-detail .info-detail .detail .name{display:block}
	#list-work .cont-list-work .work.active:before{transform:scaleY(1);left:-30px;right:-30px}#list-work .cont-list-work .work.active .cont-info-work-detail .info-detail .detail,#list-work .cont-list-work .work.active .cont-info-work-detail .title{transform:translate(0,0)}
    #list-work .cont-list-work .work.active .wrapper{position:static}
    #list-work .cont-list-work .work.active .link-project{display:block;clear:both;float:none;width:100%;margin-left:auto;margin-right:auto;left:-30px;top:0;right:-30px}
    #list-work .cont-list-work .work.active .link-project:first-child{margin-left:auto}
    #list-work .cont-list-work .work.active .link-project:last-child{margin-right:auto}
    #list-work .cont-list-work .work.active .cont-info-work-detail .title h2{line-height:1}
    #list-work .cont-list-work .work.active .link-detail .year{top:23px;transform:translate(0,0)
}
@media screen and (min-width:0) and (max-width:1023px){
	#list-work .cont-list-work .work .info-work-detail .cont-info-work-detail .info-detail .detail .mono-title{padding-top:25px;margin-bottom:5px}
	#list-work .cont-list-work .work .info-work-detail .cont-info-work-detail .info-detail .detail .name{font-size:1.3rem}
	#list-work .cont-list-work .work.active .link-detail .year{top:50%;transform:translate(0,-50%)}
}
#list-work .cont-list-work .work.active .link-detail .arrow-section{cursor:pointer;transform:translate(0,0);top:55px;background:0 0}
@media screen and (min-width:0) and (max-width:1023px){
	#list-work .cont-list-work .work.active .link-detail .arrow-section{top:50%;transform:translate(0,-50%)}
}
#list-work .cont-list-work .work.active .link-detail .arrow-section .label{position:relative;opacity:1;filter:alpha(opacity=100)}
.work-section .main-wrapper{padding:0}
.work-section .loading .logo-svg .st0{fill:#fff}
.work-section #logo .logo-svg .st0{fill:#141516}
/*.work-section .main-nav ul{display:none}*/
.work-section .main-nav .back-button{position:relative}
.work-section .main-nav .back-button span{font-size:1.4rem}
.work-section .set_lang_cn .main-nav .back-button span{
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 500;
	font-size: 14px;
}
.work-section .set_lang_cns .main-nav .back-button span{
	font-family: 'Noto Sans SC', sans-serif;
	font-weight: 500;
	font-size: 14px;
}
.work-section .main-nav .back-button span:before{position:absolute;content:"";display:block;z-index:-1;left:-10px;top:-5px;bottom:-5px;right:-10px;background-color:rgba(20,21,22,.2);transition:all .3s cubic-bezier(.615,.19,.305,.91);transition-timing-function:cubic-bezier(.615,.19,.305,.91);opacity:0;filter:alpha(opacity=0)}
.work-section .main-nav .back-button:hover span:before{opacity:1;filter:alpha(opacity=100)}
.work-section .main-content{margin-top:0}
.work-section .main-content p{font-size:1.8rem}
.header-work{/*padding:30px;*/overflow:hidden}
@media screen and (min-width:0) and (max-width:1023px){
	.work-section .main-content p{font-size:1.6rem}
	.header-work{padding:20px;}.header-work .cont-cover-header{display:table}
}
@media screen and (min-width:0) and (max-width:767px){.header-work{padding:15px}}
.header-work .cont-cover-header{position:relative;width:100%}
@media screen and (min-height:767px) and (max-width:960px){.header-work .cont-cover-header{display:table}}
@media screen and (min-height:900px) and (max-width:1023px){.header-work .cont-cover-header{display:table}}
@media screen and (min-height:900px){
	.header-work .cont-cover-header{display:table}
    .header-work .cover-header-wrapper{position:relative;display:table-cell;height:100%;vertical-align:middle}
}
.header-work .cover-header-wrapper{position:relative}@media screen and (min-width:0) and (max-width:1023px){
	.header-work .cover-header-wrapper{position:relative;display:table-cell;height:100%;vertical-align:middle}
}
@media screen and (min-height:767px) and (max-width:960px){
	.header-work .cover-header-wrapper{position:relative;display:table-cell;height:100%;vertical-align:middle}
}
@media screen and (min-height:900px) and (max-width:1023px){
	.header-work .cover-header-wrapper{position:relative;display:table-cell;height:100%;vertical-align:middle}
}
.header-work .cover-header{position:absolute;width:100%;left:0;top:0}
@media screen and (min-width:0) and (max-width:1023px){
	.header-work .cover-header{position:relative}
}
@media screen and (min-height:767px) and (max-width:960px){
	.header-work .cover-header{position:relative}
}
@media screen and (min-height:900px) and (max-width:1023px){
	.header-work .cover-header{position:relative}
}
@media screen and (min-height:900px){
	.header-work .cover-header{position:relative}
}
.header-work figure{width:100%}
.header-work figure img{position:absolute;left:50%;transform:translate(-50%,0);top:0;display:block;height:auto;max-width:100%;margin:0 auto}
@media screen and (min-height:767px) and (max-width:960px){
	.header-work figure img{top:50%;transform:translate(-50%,-50%)}
}
@media screen and (min-height:900px) and (max-width:1023px){
	.header-work figure img{top:50%;transform:translate(-50%,-50%)}
}
@media screen and (min-height:900px){.header-work figure img{top:50%;transform:translate(-50%,-50%)}}
.header-work article{position:relative;z-index:10;margin-top:-150px;background-color:#141516;padding:50px 0}
.header-work article:after,.header-work article:before{content:'';display:table}.divider:after,.divider:before,.module:after,.module:before{content:""}
.header-work article:after{clear:both}
@media screen and (min-width:0) and (max-width:1023px){
	.header-work figure img{top:50%;transform:translate(-50%,-50%)}
    .header-work article{padding:30px 0;margin-top:-120px}
}
@media screen and (min-width:0) and (max-width:767px){
	.header-work article{padding:0 0 20px 0;margin-top:-100px}
}
.header-work article .work-description{float:left;clear:none;width:65.66667%;margin-left:0;margin-right:3%}
.header-work article .work-description:last-child{margin-right:0}
@media screen and (min-width:0) and (max-width:767px){
	.header-work article .work-description{display:block;clear:both;float:none;width:100%;margin-left:auto;margin-right:auto;margin-bottom:40px}
	.header-work article .work-description:first-child{margin-left:auto}
	.header-work article .work-description:last-child{margin-right:auto}
}
.header-work article .work-description h1{font-size:4.8rem;color:#fff;margin-bottom:25px}
@media screen and (min-width:0) and (max-width:1023px){
	.header-work article .work-description h1{font-size:3.8rem}
}
@media screen and (min-width:0) and (max-width:767px){
	.header-work article .work-description h1{font-size:3rem}
}
@media screen and (min-width:0) and (max-width:479px){
	.header-work article{margin-top:-90px}.header-work article .work-description h1{font-size:2.3rem}
}
.header-work article .work-description p{font-size:1.8rem;margin-bottom:20px}
.header-work article .cont-work-detail{float:left;clear:none;width:31.33333%;margin-left:0;margin-right:3%}
.divider:after,.m-double-col:after,.m-left-side:after,.module:after{clear:both}
.header-work article .cont-work-detail:last-child{margin-right:0}
@media screen and (min-width:0) and (max-width:767px){
	.header-work article .cont-work-detail{display:block;clear:both;float:none;width:100%;margin-left:auto;margin-right:auto}
	.header-work article .cont-work-detail:first-child{margin-left:auto}
	.header-work article .cont-work-detail:last-child{margin-right:auto}
}
.header-work article .cont-work-detail .wrap-cont-detail{float:right;width:50%}.header-work article .cont-work-detail .title{margin-bottom:85px}
@media screen and (min-width:0) and (max-width:1023px){
	.header-work article .work-description p{font-size:1.6rem}
	.header-work article .cont-work-detail .title{margin-bottom:75px}
}
@media screen and (min-width:0) and (max-width:767px){
	.header-work article .cont-work-detail .wrap-cont-detail{float:left;width:100%}
	.header-work article .cont-work-detail .title{margin:0;position:absolute;right:20px;top:20px}
	.header-work article .cont-work-detail .work-detail{float:left;width:25%;padding-right:20px}
}
.divider,.module{position:relative}
.header-work article .cont-work-detail .work-detail{margin-bottom:15px}
@media screen and (min-width:0) and (max-width:479px){
	.header-work article .cont-work-detail .work-detail{display:none}
	.header-work article .cont-work-detail .work-detail:first-child,.header-work article .cont-work-detail .work-detail:last-child{display:block;width:50%}
}
.header-work article .cont-work-detail .work-detail li,.header-work article .cont-work-detail .work-detail p{margin-bottom:0;font-size:1.6rem}
@media screen and (min-width:0) and (max-width:1023px){
	.header-work article .cont-work-detail .work-detail li,.header-work article .cont-work-detail .work-detail p{font-size:1.4rem}
}
.header-work article .cont-work-detail .work-detail h4{margin-bottom:5px}
.track-list li{font-size:1.8rem}
.m-full-img figure figcaption,.m-full-object.img figure figcaption{font-size:1.3rem;line-height:1;z-index:10;text-transform:uppercase}
.track-list .done{font-style:italic}
.module{transform:translate(0,50px);opacity:0;filter:alpha(opacity=0);transition:all .5s cubic-bezier(.615,.19,.305,.91);transition-timing-function:cubic-bezier(.615,.19,.305,.91)}
.module:after,.module:before{display:table}
.module figure{margin:0;padding:0;display:block}
.module .mono-title{display:inline-block;margin-bottom:10px}
.module.visible{transform:translate(0,0);opacity:1;filter:alpha(opacity=100)}
.divider{height:1px;width:130px;margin:0 auto;background-color:rgba(255,255,255,.2)}
.divider:after,.divider:before{display:table}
@media screen and (min-width:0) and (max-width:767px){
	.divider{margin:10px auto;width:90px}
}
.divider:before{display:block;position:absolute;width:30px;height:2px;margin-left:-15px;left:50%;top:50%;background-color:#fff;transform:rotate(-45deg);filter:progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-45), M12=-sin(-45), M21=sin(-45), M22=cos(-45));-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-45), M12=-sin(-45), M21=sin(-45), M22=cos(-45))";zoom:1}
#list-work,#logo,.collaboration,.cont-list-work .work,.footer,.intro .social-link,.intro-text,.main-nav , #founder , #contact{opacity:0;filter:alpha(opacity=0)}
/*.home .copyRight{opacity:0;filter:alpha(opacity=0)}*/
.m-center-text{text-align:center;padding:60px 0 0}
@media screen and (min-width:0) and (max-width:1023px){
	.m-center-text{padding:30px 0 0}
}
@media screen and (min-width:0) and (max-width:767px){
	.divider:before{width:15px;margin-left:-7px}
	.m-center-text{padding:20px 0 0}
}
.m-full-img.first.desc{padding:60px 0 0}
@media screen and (min-width:0) and (max-width:1023px){
	.m-full-img.first.desc{padding:30px 0 0}
}
@media screen and (min-width:0) and (max-width:767px){
	.m-full-img.first.desc{padding:20px 0 0}
}
.m-full-img img{display:block;margin:0 auto;width:100%;height:auto}
.m-full-img figure{position:relative}
.m-full-img figure figcaption{position:absolute;right:30px;bottom:30px;background-color:rgba(20,21,22,.5);color:#fff;padding:7px 10px}
.m-full-text{padding:60px 0}
.m-full-text h2{max-width:980px}
.bg-w{background-color:#fff}
.bg-w .text-section .mono-title,.bg-w .text-section h2{color:#141516}
.bg-r{background-color:#E21830}
.bg-r .text-section .mono-title,.bg-r .text-section h2{color:#fff}
.bg-rd .text-section .mono-title,.bg-rd .text-section h2,.bg-rd.m-full-text .mono-title,.bg-rd.m-full-text h2,.bg-ws .text-section .mono-title,.bg-ws .text-section h2,.bg-ws h2 a,.bg-ws.m-full-text .mono-title,.bg-ws.m-full-text h2,.bg-y .text-section .mono-title,.bg-y .text-section h2,.bg-y.m-full-text .mono-title,.bg-y.m-full-text h2{color:#141516}
.bg-b{background-color:#097BEB}
.bg-y{background-color:#FFDE00}
.bg-rd{background-color:#D74A53}
.bg-ws{background-color:#F8F5EE}
.bg-ws h2 a:before{background-color:#141516}
.m-full-img .text-section,.m-full-object .text-section{text-align:center;margin:0 auto 60px;max-width:960px}
@media screen and (min-width:0) and (max-width:1023px){
	.m-full-img figure figcaption{right:25px;bottom:25px}
	.m-full-text{padding:30px 0}
	.m-full-img .text-section,.m-full-object .text-section{margin-bottom:30px}
}
@media screen and (min-width:0) and (max-width:767px){
	.m-full-img figure figcaption{right:15px;bottom:15px}
	.m-full-text{padding:20px 0}
	.m-full-img .text-section,.m-full-object .text-section{margin-bottom:20px}
}
.m-full-object{padding:60px 0}
@media screen and (min-width:0) and (max-width:1023px){
	.m-full-object{padding:30px 0}
}
@media screen and (min-width:0) and (max-width:767px){.m-full-object{padding:20px 0}}
.m-full-object.list-browser{padding:0 0 60px}
@media screen and (min-width:0) and (max-width:1023px){.m-full-object.list-browser{padding:0 0 30px}}
@media screen and (min-width:0) and (max-width:767px){.m-full-object.list-browser{padding:0 0 20px}}
.m-full-object.img{padding:60px 0 0}
@media screen and (min-width:0) and (max-width:1023px){.m-full-object.img{padding:30px 0 0}}
@media screen and (min-width:0) and (max-width:767px){.m-full-object.img{padding:20px 0 0}}
.m-full-object.img.first{padding:0}@media screen and (min-width:0) and (max-width:1023px){.m-full-object.img.first{padding:0}}
.m-full-object.img.last{padding:60px 0}
@media screen and (min-width:0) and (max-width:1023px){.m-full-object.img.last{padding:30px 0}}
@media screen and (min-width:0) and (max-width:767px){.m-full-object.img.last{padding:20px 0}}
.m-full-object.img.after-txt{padding:0 0 60px}@media screen and (min-width:0) and (max-width:1023px){.m-full-object.img.after-txt{padding:0 0 30px}}
@media screen and (min-width:0) and (max-width:767px){.m-full-object.img.after-txt{padding:0 0 20px}}
.m-full-object.img figure{position:relative}.m-full-object.img figure figcaption{position:absolute;right:30px;bottom:30px;background-color:rgba(20,21,22,.5);color:#fff;padding:7px 10px}
.m-full-object.img img{display:block;width:auto;margin:0 auto;max-width:100%;height:auto}
.m-double-col:after,.m-double-col:before,.m-left-side:after,.m-left-side:before{content:'';display:table}
.m-double-col{padding:60px 0}.m-double-col .text-section.center{text-align:center;margin-bottom:60px}
@media screen and (min-width:0) and (max-width:1023px){.m-full-object.img figure figcaption{right:25px;bottom:25px}.m-double-col{padding:30px 0}.m-double-col .text-section.center{margin-bottom:30px}}
@media screen and (min-width:0) and (max-width:767px){.m-full-object.img figure figcaption{right:15px;bottom:15px}.m-double-col{padding:20px 0}.m-double-col .text-section.center{margin-bottom:20px}}
.m-double-col.list{padding:0 0 60px}
@media screen and (min-width:0) and (max-width:1023px){.m-double-col.list{padding:0 0 30px}}@media screen and (min-width:0) and (max-width:767px){.m-double-col.list{padding:0 0 20px}}
.m-left-side{padding:60px 0}
.m-left-side .cont-description-side{margin-bottom:40px}
.m-left-side .cont-description-side .mono-title{margin-bottom:30px}
.m-left-side .col-2-3 figure img{width:100%;height:auto}
.col-1-2{float:left;clear:none;width:48.5%;margin-left:0;margin-right:3%}
.col-1-2:last-child{margin-right:0}
.col-1-2 .text-section{text-align:center;margin-bottom:60px}
@media screen and (min-width:0) and (max-width:1023px){.m-left-side{padding:30px 0}
.col-1-2,.col-1-2:last-child{margin-right:auto}
.col-1-2{display:block;clear:both;float:none;width:100%;margin-left:auto;margin-top:30px}
.col-1-2:first-child{margin-left:auto;margin-top:0}
.col-1-2 .text-section{margin-bottom:30px}}
@media screen and (min-width:0) and (max-width:767px){
	.m-left-side{padding:20px 0}
	.col-1-2{margin-top:20px}
	.col-1-2 .text-section{margin-bottom:20px}
}
.col-1-3{float:left;clear:none;width:31.33333%;margin-left:0;margin-right:3%}
.col-1-3:last-child{margin-right:0}
@media screen and (min-width:0) and (max-width:1023px){.col-1-3,.col-1-3:last-child{margin-right:auto}.col-1-3{display:block;clear:both;float:none;width:100%;margin-left:auto;margin-top:30px}.col-1-3:first-child{margin-left:auto;margin-top:0}}@media screen and (min-width:0) and (max-width:767px){.col-1-3{margin-top:20px}}
.col-1-3 figure img{display:block;width:100%;height:auto}
.col-2-3{float:left;clear:none;width:65.66667%;margin-left:0;margin-right:3%}
.browser:after,.collaboration:after,.m-next-project:after,.main-body:after,.social-link:after,header .wrapper:after{clear:both}
.col-2-3:last-child{margin-right:0}
@media screen and (min-width:0) and (max-width:1023px){.col-2-3,.col-2-3:first-child{margin-left:auto}.col-2-3,.col-2-3:last-child{margin-right:auto}.col-2-3{display:block;clear:both;float:none;width:100%}}
.browser{width:100%;max-width:990px;margin:0 auto}
.browser:after,.browser:before{content:"";display:table}
.browser .header-browser{height:40px;display:block;width:100%;border-radius:5px 5px 0 0;background-clip:padding-box;background-color:#2c2e30;padding:15px}
.browser .header-browser .button-browser{float:left;width:50px;height:10px;position:relative}
.browser .header-browser .button-browser span{position:absolute;display:block;width:10px;height:10px;top:0;left:50%;margin-left:-5px;border-radius:45px;background-clip:padding-box;background-color:#141516}
.browser .header-browser .button-browser span:after,.browser .header-browser .button-browser span:before{content:"";position:absolute;display:block;top:0;width:10px;height:10px;border-radius:45px;background-clip:padding-box;background-color:#141515}
.browser .header-browser .button-browser span:before{left:-20px}
.browser .header-browser .button-browser span:after{right:-20px}
.browser .header-browser .bar-browser{position:relative;display:block;overflow:hidden;height:20px;top:-5px;margin-left:70px;background-color:#202223;border-radius:3px;background-clip:padding-box}
.browser .cont-browser{background-color:#1a1b1c}
.browser .cont-browser img{width:100%;height:auto;display:block}
.m-next-project{margin:60px 0 0;padding:30px 0;background-color:#202122}
.m-next-project .next-project,body{/*background-color:#141516;*/background-color:#000000;}
.m-next-project:after,.m-next-project:before{content:'';display:table}
@media screen and (min-width:0) and (max-width:1023px){.m-next-project{margin:30px 0 0;padding:20px 0}.m-next-project .contact-bottom .mono-title{text-align:center;width:100%}}
@media screen and (min-width:0) and (max-width:767px){.m-next-project{padding:15px 0;margin:20px 0}.m-next-project .contact-bottom{margin-bottom:30px}}
.m-next-project .contact-bottom h4{font-size:2.6rem}
.m-next-project .contact-bottom h4 .contact-link{padding-bottom:3px}
.m-next-project .contact-bottom h4 .contact-link:before{height:3px}
@media screen and (min-width:0) and (max-width:1023px){.m-next-project .contact-bottom h4{font-size:2.3rem;text-align:center}}
@media screen and (min-width:0) and (max-width:767px){.m-next-project .contact-bottom h4{font-size:2rem}}
.m-next-project .next-project .link-next{display:block;padding:25px 30px;position:relative}
.m-next-project .next-project .link-next:before{position:absolute;content:"";left:0;top:0;width:100%;height:0%;transition:all .3s cubic-bezier(.615,.19,.305,.91);transition-timing-function:cubic-bezier(.615,.19,.305,.91)}
.m-next-project .next-project .link-next:hover:before,.main-body,body,html{height:100%}
.m-next-project .next-project .link-next:hover .arrow-section .arrow:before,.m-next-project .next-project .link-next:hover .arrow-section .mono-title,.m-next-project .next-project .link-next:hover .cont-title .mono-title,.m-next-project .next-project .link-next:hover .cont-title h2{color:#141516}
.m-next-project .next-project .cont-title{position:relative;z-index:10}
.m-next-project .next-project .cont-title .mono-title,.m-next-project .next-project .cont-title h2{transition:all .3s cubic-bezier(.615,.19,.305,.91);transition-timing-function:cubic-bezier(.615,.19,.305,.91)}
.m-next-project .next-project .cont-title h2{margin-bottom:0;font-size:3rem;padding-right:120px}
@media screen and (min-width:0) and (max-width:1023px){
	.m-next-project .next-project .cont-title h2{font-size:2.8rem}
}
@media screen and (min-width:0) and (max-width:767px){
	.m-next-project .next-project .cont-title h2{font-size:2rem;padding-right:50px}
}
.m-next-project .next-project .arrow-section{position:absolute;z-index:10;right:30px;bottom:33px;white-space:nowrap;cursor:default;padding-right:60px}
@media screen and (min-width:0) and (max-width:767px){
	.m-next-project .next-project .arrow-section{bottom:27px}
	.m-next-project .next-project .arrow-section .label{display:none}
}
.m-next-project .next-project .arrow-section .mono-title{margin-bottom:0;transition:all .3s cubic-bezier(.615,.19,.305,.91);transition-timing-function:cubic-bezier(.615,.19,.305,.91)}
.m-next-project .next-project .arrow-section .arrow span{display:none}
.m-next-project .next-project .arrow-section .arrow:before{transition:all .3s cubic-bezier(.615,.19,.305,.91);transition-timing-function:cubic-bezier(.615,.19,.305,.91);position:absolute;content:"\e600";display:inline-block;line-height:1;top:50%;right:0;margin-top:-16px}
html{font-size:62.5%}
body{font-size:1.6rem;line-height:1.3;overflow:hidden;min-width:320px}
body,button,input{color:#838b91;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4{color:#838b91;margin:0 0 15px;/*font-family:Playfair,Georgia,"Times New Roman",serif;*/font-family: 'Montserrat', sans-serif;font-weight:700;/*letter-spacing:-.01em*/}
a,strong{color:#fff}
@media screen and (min-width:0) and (max-width:1023px){h1,h2,h3,h4{letter-spacing:0}}h1{font-size:3rem;letter-spacing:-1px}h2{font-size:3.5rem;line-height:1.2}
@media screen and (min-width:0) and (max-width:1023px){h2{font-size:2.7rem}}
@media screen and (min-width:0) and (max-width:767px){h2{font-size:2.3rem}}h3{font-size:3rem}h4{font-size:3.5rem}@media screen and (min-width:0) and (max-width:1023px){h4{font-size:2.9rem}}
@media screen and (min-width:0) and (max-width:767px){h4{font-size:2.3rem}}
p{margin:0 0 25px;font-size:1.6rem}
.wrapper,.wrapper-work{width:auto;/*max-width:1440px;*/max-width:1167px;float:none;display:block;margin-right:auto;margin-left:auto}
.wrapper .link-project+.wrapper-work, .effect-reflect+.wrapper {
	width: 100%; 
}
a{text-decoration:none}
.main-content p a{background-position:0 .8em}
::-moz-selection{background:#000;color:#fff}
::selection{background:#000;color:#fff}
.awards:before,footer .social-link:before{background-repeat:no-repeat;background-size:100% auto}
#list-work .cont-list-work .work .link-project{display:block;text-indent:150%;white-space:nowrap;overflow:hidden; width: 100%;font-weight: 400;}
.wrapper{/*padding-left:90px;padding-right:90px*/padding-left:15px;padding-right:15px}
#list-work .cont-list-work .work .info-work h3{
	font-size: 6rem;
	/*font-weight: 500;*/
	line-height: 1.2;
	font-weight: 400;
}
@media screen and (min-width:0) and (max-width:1023px){
	p{font-size:1.4rem;margin-bottom:20px}
    .wrapper{width:auto;max-width:1440px;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:40px;padding-right:40px}
}
@media screen and (min-width:0) and (max-width:767px){.wrapper{width:auto;max-width:1440px;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:25px;padding-right:25px}}
@media screen and (min-width:0) and (max-width:479px){.wrapper{width:auto;max-width:1440px;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}}
@media screen and (min-width:0) and (max-width:479px){#list-work .cont-list-work article .wrapper{padding-left:30px;padding-right:30px}}
.wrapper-work{padding-left:0;padding-right:0}
.main-body{position:relative;overflow-x:hidden;overflow-y:auto}
.main-body:after,.main-body:before{content:'';display:table}
.main-wrapper{/*padding:30px;*/position:relative;padding: 0 /*30px*/;}
@media screen and (min-width:0) and (max-width:1023px){
	.main-body{overflow-y:scroll;-webkit-overflow-scrolling:touch;}
	.main-wrapper{padding:20px}
	.home .main-wrapper{padding-top:0px}
}
@media screen and (min-width:0) and (max-width:767px){
	.main-wrapper{/*padding:15px;*/padding: 0;}
}
header{position:absolute;/*top:90px;*/width:100%;left:0;padding:0 30px;z-index:100;top:50px;}
@media screen and (min-width:0) and (max-width:1023px){
	header{padding:0 20px;top:60px}
}
@media screen and (min-width:0) and (max-width:767px){
	header{padding:0 15px;/*top:35px;*/top: 25px;}
}
header .wrapper:after,header .wrapper:before{content:"";display:table}
header .main-nav{position:relative;float:right;margin-top:3px}
header .main-nav li{float:left;margin-left:20px}
@media screen and (min-width:0) and (max-width:479px){header .main-nav li{display:none}
header .main-nav li:first-child{display:block}}
header .main-nav li:first-child{margin-left:0}
header .main-nav li a{display:block;line-height:1;/*text-transform:uppercase;*//*font-weight:700;*//*font-weight:600;*/font-weight:400;font-size:16px;padding:1px 5px;position:relative}
.set_lang_cn header .main-nav li a{font-family: 'Noto Sans TC', sans-serif;display:block;line-height:1;font-weight:900;font-size:14px;padding:1px 5px;position:relative}
.set_lang_cns header .main-nav li a{font-family: 'Noto Sans SC', sans-serif;display:block;line-height:1;font-weight:900;font-size:14px;padding:1px 5px;position:relative}
/*header .main-nav li a:before{content:"";position:absolute;width:0;height:3px;top:50%;left:0;margin-top:-2px;background-color:#fff;transition:all .3s cubic-bezier(.615,.19,.305,.91);transition-timing-function:cubic-bezier(.615,.19,.305,.91)}*/
@media screen and (min-width:767px){
	.nav-vertical{height: 100%;width: 5px;color: #fff;margin-top: -4px;}
}
@media screen and (max-width:766px){
    .nav-vertical{
	    display: none;
    }
}
.logo-svg,.social-link li a:before{transition:all .3s cubic-bezier(.615,.19,.305,.91)}
header .main-nav li a:hover:before{width:100%}
header .main-nav .back-button{position:absolute;right:0;top:-9px}
#logo,.collaboration,.intro-text,.social-link,.social-link li{position:relative}
#logo{float:left;width:115px;height:45px}
#logo a{display:block}
#logo img{width: 100%;max-width: 100%;}
#logo h1{display:none}@media screen and (min-width:0) and (max-width:767px){#logo{/*width:130px;*/width: 90px;}}
.logo-svg{transition-timing-function:cubic-bezier(.615,.19,.305,.91);width:100%;height:auto}
.logo-svg .st0{fill:#FFF}
.awards .cont-list-group ul li dt:first-child,.awards .cont-list-group ul li dt:first-child+dd,.go-top .name,.mono-title,.social-link li{/*font-family:Inconsolata,"Courier New",monospace;*/font-family: 'Montserrat', sans-serif;color:#fff;text-transform:uppercase;font-size:1.4rem;/*letter-spacing:3px;*/line-height:1;font-weight:500;-moz-osx-font-smoothing:auto}
.main-content{/*margin-top:190px*/}
#list-work,.collaboration,.intro .social-link,.intro-text , #contact , .awards, #founder{
	transform:translate(0,100px);
	opaicty: 0;
	transition: transform .3s linear, opacity .26s ease-in;
	-webkit-transition: transform .3s linear, opacity .26s ease-in;
	-moz-transition: transform .3s linear, opacity .26s ease-in;
}
/*.home .copyRight{transform:translate(0,200px)}*/
.cont-list-work .work{transform:translate(0,50px)}
.awards .cont-list-group .title,.awards .cont-list-group li{transform:translate(0,50px);position:relative;opacity:0;filter:alpha(opacity=0)}.intro{margin-bottom:50px}
@media screen and (min-width:0) and (max-width:1023px){
	.awards .cont-list-group ul li dt:first-child,.awards .cont-list-group ul li dt:first-child+dd,.go-top .name,.mono-title,.social-link li{font-size:1.2rem;}
	/*.main-content{margin-top:160px}*/.intro{margin-bottom:25px}
}
@media screen and (min-width:0) and (max-width:767px){.main-content{/*margin-top:95px;*/margin-top: 0;}.intro{margin-bottom:17.5px}}
.intro-text h2{/*font-size:3.8rem;*/font-size: 29px;margin-bottom:40px;/*font-weight: 500;*/font-weight: 400;}
.intro-text h2 strong{/*font-weight: 500;*/font-weight: 400;}
.set_lang_cn .intro-text h2 strong , .set_lang_cns .intro-text h2 strong{line-height: 1.4;}
@media screen and (min-width:0) and (max-width:1023px){.intro-text h2{/*font-size:3.8rem*/font-size: 30px;}}
@media screen and (min-width:0) and (max-width:767px){.intro-text h2{font-size:3rem}}
.intro-text .mono-title{margin-bottom:10px;display:inline-block}
.social-link:after,.social-link:before{content:"";display:table}
.social-link .mono-title{margin-bottom:15px;display:inline-block}
.social-link li{float:left;margin-left:13px;padding-left:25px}
@media screen and (min-width:0) and (max-width:479px){
	.intro-text h2{font-size:2.3rem}
	.social-link li.bh,.social-link li.fb,.social-link li.tw:before{display:none}
	.social-link li.tw{padding-left:0;margin-left:0}
}
/*.intro-text{margin: 0 60px;}*/
@media screen and (min-width:0) and (max-width:767px){.intro-text{margin: 0;}}
.social-link li:first-child{margin-left:0;padding-left:0}
.social-link li:first-child:before{display:none}
.social-link li:before{position:absolute;left:0;top:1px;content:"\2013";color:#838b91}
.awards:before,.contact-link:before,.social-link li a:before{content:""}
.social-link li a{display:block;position:relative;color:#838b91}
.social-link li a:before{position:absolute;width:0;height:3px;top:50%;left:-2px;margin-top:-2px;background-color:#fff;transition-timing-function:cubic-bezier(.615,.19,.305,.91)}
.social-link li a:hover:before{width:100%}
.social-link li.fb a:before{background-color:#3b5998}
.social-link li.tw a:before{background-color:#00aced}
.social-link li.bh a:before{background-color:#005CFF}
.social-link li.ln a:before{background-color:#007bb6}
.social-link .link-footer{width:100%;text-align:center}
@media screen and (min-width:0) and (max-width:767px){.social-link li{font-size:1.2rem}.social-link .link-footer{display:none}}
.social-link .link-footer li{margin-right:-3px;float:none;display:inline-block}
.collaboration{margin-bottom:100px}
.collaboration:after,.collaboration:before{content:"";display:table}
@media screen and (min-width:0) and (max-width:1023px){
	.collaboration{margin-bottom:50px}
}
@media screen and (min-width:0) and (max-width:767px){
	.collaboration{margin-bottom:35px}
}
.collaboration .mono-title{margin-bottom:15px;display:inline-block}
.collaboration h4{line-height:1.2}
.contact-link{position:relative;padding-bottom:5px;display:inline-block;white-space:nowrap}
.contact-link:before{position:absolute;left:0;bottom:0;width:100%;height:5px;background-color:#fff;transition:all .3s cubic-bezier(.615,.19,.305,.91);transition-timing-function:cubic-bezier(.615,.19,.305,.91)}
.contact-link:hover:before{bottom:50%;margin-bottom:-3px;animation:rainbow 1.5s infinite}
@media screen and (min-width:0) and (max-width:767px){
	.contact-link{padding-bottom:3px}
	.contact-link:before{height:3px}
	.contact-link:hover:before{margin-bottom:-2px}
}
.awards{position:relative;margin-bottom:100px}
.contact{position:relative;margin-bottom:100px}
@media screen and (min-width:0) and (max-width:1023px){
	.awards{margin-bottom:50px}
	.contact{margin-bottom:50px}
}
.awards:before{display:block;min-width:312px;width:50%;height:75%;max-width:550px;position:absolute;z-index:-1;left:45%;top:24%;opacity:.05;filter:alpha(opacity=5);transform:translate(-50%,0);/*background-image:url(images/bg-awards.svg),none*/}
@media screen and (min-width:0) and (max-width:767px){
	.awards{margin-bottom:35px}
	.awards:before{left:50%;width:100%}
	.contact{margin-bottom:35px}
	.contact:before{left:50%;width:100%}
}
/*.awards .title-award{float:left;clear:none;width:48.5%;margin-left:51.5%;margin-right:3%;width: 100%;position: relative;}
.contact .title-contact{float:left;clear:none;width:48.5%;margin-left:51.5%;margin-right:3%;width: 100%;position: relative;}*/
.awards .cont-list-group,.awards .cont-list-group:after{clear:both}
/*.awards .title-award:last-child{margin-right:0}
.contact .title-contact:last-child{margin-right:0}*/
/*.awards .title-award h2{color:#fff;margin-bottom:18px}
.contact .title-contact h2{color:#fff;margin-bottom:18px}*/
.title-in-section{/*float:left;clear:none;width:48.5%;margin-left:51.5%;margin-right:3%;*/width: 100%;position: relative;}
.title-in-section:last-child{margin-right:0}
.title-in-section h2{color:#fff;margin-bottom:18px}
@media screen and (min-width:0) and (max-width:767px){
	/*.awards .title-award{display:block;clear:both;float:none;width:100%;margin-left:auto;margin-right:auto}
	.awards .title-award:first-child{margin-left:auto}
	.awards .title-award:last-child{margin-right:auto}
	.awards .title-award h2{border-bottom:3px solid #fff;padding-bottom:20px;margin-bottom:0}
	.contact .title-contact{display:block;clear:both;float:none;width:100%;margin-left:auto;margin-right:auto}
	.contact .title-contact:first-child{margin-left:auto}
	.contact .title-contact:last-child{margin-right:auto}
	.contact .title-contact h2{border-bottom:3px solid #fff;padding-bottom:20px;margin-bottom:0}*/

	.title-in-section{display:block;clear:both;float:none;width:100%;margin-left:auto;margin-right:auto}
	.title-in-section:first-child{margin-left:auto}
	.title-in-section:last-child{margin-right:auto}
	.title-in-section h2{/*border-bottom:3px solid #fff;*/padding-bottom:20px;margin-bottom:0}
}
.awards .cont-list-group:after,.awards .cont-list-group:before{content:'';display:table}
.awards .cont-list-group .title{border-bottom:1px solid rgba(255,255,255,.2);position:relative;clear:both}
.awards .cont-list-group .title span{position:absolute;display:block;top:23px}
.awards .cont-list-group ul{float:left;clear:none;width:48.5%;margin-left:51.5%;margin-right:3%}
.awards .cont-list-group ul:last-child{margin-right:0}
@media screen and (min-width:0) and (max-width:767px){
	.awards .cont-list-group .title span{position:relative;top:auto;padding:20px 0;border-top:1px solid rgba(255,255,255,.2)}
    .awards .cont-list-group ul{display:block;clear:both;float:none;width:100%;margin-left:auto;margin-right:auto}
    .awards .cont-list-group ul:first-child{margin-left:auto}
    .awards .cont-list-group ul:last-child{margin-right:auto}
}
.awards .cont-list-group ul li{padding:10px 0}
.awards .cont-list-group ul li:first-child{border-top:none}
.awards .cont-list-group ul li dl:after,.awards .cont-list-group ul li dl:before{content:"";display:table}
.awards .cont-list-group ul li dl:after{clear:both}
.awards .cont-list-group ul li dd,.awards .cont-list-group ul li dt{width:50%;float:left;font-size:1.3rem;color:#fff;letter-spacing:2.5px;font-weight:600;line-height:1}
.awards .cont-list-group ul li dt:first-child,.awards .cont-list-group ul li dt:first-child+dd{font-size:1.2rem;margin-bottom:10px;color:#838b91;font-weight:400}
.awards .cont-list-group ul li dt{clear:left}
.awards .cont-list-group ul li dd{text-align:right}
footer .cont-button{text-align:center;padding:50px 0}
@media screen and (min-width:0) and (max-width:1023px){
	footer .cont-button{padding:35px 0}
}
@media screen and (min-width:0) and (max-width:767px){
	footer .cont-button{padding:20px 0}}
	footer .social-link{margin-bottom:50px;padding-top:160px;position:relative
}
footer .social-link:before{content:"";position:absolute;display:block;height:100px;width:100px;left:50%;top:0;margin-left:-50px;background-image:url(images/bg-footer.svg),none}.work-section .go-top{right:30px;bottom:30px}
@media screen and (min-width:0) and (max-width:1023px){
	.work-section .go-top{right:15px;bottom:20px}
}
.go-top{position:fixed;bottom:60px;right:55px;z-index:400;/*background-color:rgba(20,21,22,.8);*//*background-color: #000000;*/visibility:hidden;opacity:0;filter:alpha(opacity=0);transition:opacity .3s 0s,visibility 0s .3s;background-color: transparent;}
@media screen and (min-width:0) and (max-width:1023px){
	.go-top{right:35px;bottom:20px}
}
@media screen and (min-width:0) and (max-width:767px){
	footer .social-link{margin-bottom:0}
	footer .social-link:before{top:50%;margin-top:-60px}
	.go-top{display:none}
}
.go-top .arrow-top,.go-top .name,.go-top a{display:block}
.go-top a{padding:8px 5px 15px}
.go-top .arrow-top:before{content:"\e602";font-size:2.8rem}
.go-top .name{line-height:1.2;margin-left:-2px;margin-top:15px;/*transform:rotate(90deg);*/filter:progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(90), M12=-sin(90), M21=sin(90), M22=cos(90));-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(90), M12=-sin(90), M21=sin(90), M22=cos(90))";zoom:1}
.go-top.gt-is-visible{transition:opacity .3s 0s,visibility 0s 0s;visibility:visible;opacity:1;filter:alpha(opacity=100)}
.live a:before,.loading .wrap-loading{transition:all .3s cubic-bezier(.615,.19,.305,.91)}
.home .back-button,.home .cont-button{display:none}
.back-button{display:inline-block;position:relative}
/*.back-button:before{font-size:2.8rem;content:"\e601";display:block;color:#fff;position:absolute;left:0;top:0}*/
.live a,.live a span{position:relative;display:inline-block}
.back-button span{display:inline-block;padding:8px 0 8px 40px}
.live{margin-bottom:0;cursor:pointer}
.live a{padding:10px;left:-10px}
@media screen and (min-width:0) and (max-width:767px){
	.live{position:relative;float:right;right:-30px;top:-10px}
	.live a{left:auto}}.live a span{z-index:10;padding-right:40px}
	.live a span:after{position:absolute;content:"\e600";display:inline-block;line-height:1;top:50%;right:-3px;font-size:2.8rem;margin-top:-15px}
	.live a:before,.loading{width:100%;left:0;top:0}
	.live a:before{content:"";position:absolute;display:block;height:100%;background-color:rgba(255,255,255,.1);opacity:0;filter:alpha(opacity=0);transition-timing-function:cubic-bezier(.615,.19,.305,.91)
}
.live a:hover:before{opacity:1;filter:alpha(opacity=100)}
.loadpage .loading{visibility:visible;transition:visibility 0s 0s;}
.loadpage .loading.show .wrap-loading{height:220px;/*overflow: initial;*//*width: 100%;background-image: url(../images/ants-2.gif);*/background-size: cover;}
@media screen and (min-width:0) and (max-width:767px){
	.live a:hover:before{display:none}
	.loadpage .loading.show .wrap-loading{height:160px}
}
.loading{visibility:hidden;transition:visibility 0s .3s;position:fixed;z-index:550;height:100%}
.loading .logo-svg{width:161px;height:18px}
.loading .wrap-loading{overflow:hidden;height:0;position:absolute;z-index:10;left:50%;top:50%;/*background-color:#141516;*//*background-color:#FFFFFF;*/transform:translate(-50%,-50%);transition-timing-function:cubic-bezier(.615,.19,.305,.91)}
.loading .cont-loading,.loading .loading-bar{position:relative;width:100%}
.loading .cont-loading{padding:100px 0px;transition:all .3s cubic-bezier(.615,.19,.305,.91);transition-timing-function:cubic-bezier(.615,.19,.305,.91);}
/*.loadpage .loading.show .wrap-loading{background-image: url(../images/ants-2.gif);background-size: cover;}*/
#nest{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;max-width: 100%;overflow: hidden;}
.ant-nest .nest-ant{position: absolute;top: 0;left: 0;z-index: 11;}
.ant-nest .nest-ant img{width: 20px;}
#loadpage_ants .loadpage_nest_ants img{width: 20px;}
@media screen and (min-width:0) and (max-width:767px){
	.loading .cont-loading{/*padding:30px;*/padding: 30px 10px;}
	.ant-nest .nest-ant img{width: 15px;}
	#loadpage_ants .loadpage_nest_ants img{width: 15px;}
}
.loading .cont-logo{margin-bottom:10px}
.loading .loading-bar .full-bar{display:block;/*background-color:rgba(255,255,255,.1);*/background-color:rgb(178,178,178);width:100%;height:1px}
.loading .loading-bar .percent{width:0;display:block;position:absolute;left:0;top:0;height:1px}
@keyframes rainbow{0%{background-color:red}45%,5%,85%{background-color:#8000ff}10%,35%,95%{background-color:#ff8000}15%,40%,75%{background-color:#00f}20%,55%,80%{background-color:#ff0}25%,65%{background-color:#0080ff}30%{background-color:#80ff00}50%,70%{background-color:#0ff}60%{background-color:#ff0080}90%{background-color:#0f0}100%{background-color:#00ff80}}
/*.awards .wrapper .title-award h2{
    font-size: 7rem;
    padding-bottom: 25px;
    padding-left: 30px;
    margin-bottom: 0px;
    opacity: .2;
    text-transform: uppercase;
}
.contact .wrapper .title-contact h2{
    font-size: 7rem;
    padding-bottom: 25px;
    padding-left: 30px;
    margin-bottom: 0px;
    opacity: .2;
    text-transform: uppercase;
}
.awards .wrapper .title-award .title-inner {
    display: block;
    font-size: 1.4rem;
    color: #fff;
    opacity: 1;
    font-weight: bold;
    position: absolute;
    left: 0px;
    top: 45px;
}
.contact .wrapper .title-contact .title-inner {
    display: block;
    font-size: 1.4rem;
    color: #fff;
    opacity: 1;
    font-weight: bold;
    position: absolute;
    left: 0px;
    top: 45px;
}*/
.wrapper .title-in-section h2{
    font-size: 9.8rem;
    /* padding-bottom: 25px; */
    padding-left: 30px;
    margin-bottom: 0px;
    opacity: .3;
    text-transform: uppercase;
    line-height: 0.7;
    font-weight: 600;
}
.wrapper .title-in-section .title-inner-box{
    position: absolute;
}
.wrapper .title-insection .title-inner {
    display: block;
    font-size: 1.4rem;
    color: #fff;
    opacity: 1;
    font-weight: bold;
    /*position: absolute;
    left: 0px;
    top: 45px;*/
}
/*.awards-list{border-top:3px solid #fff;}*/
.awards .wrapper .awards-list ul li{list-style: none;border-bottom: 2px solid rgba(255,255,255,.2);}
.awards .wrapper .awards-list ul li:first-child{border-bottom: none;}
.awards .wrapper .awards-list ul li:before, .awards .wrapper .awards-list ul li:after{
	display: table;
    content: " ";
    clear: both; 
}
.awards .wrapper .awards-list ul li div{
	display: inline-block;
	float: left;
	font-weight: bold;
}
.awards .wrapper .awards-list ul li .awards-list-title{
	color: #fff;
	font-family: 'Graduate', cursive;
}
.awards .wrapper .awards-list ul li .awards-list-year{
	width: 10%;
	padding: 25px 20px 20px 30px;
	font-size: 14px;
	font-family: 'Graduate', cursive;
}
.awards .wrapper .awards-list ul li .awards-list-year-title{
	width: 10%;
	padding: 20px 20px 20px 30px;
	font-size: 1.4rem;
}
.awards .wrapper .awards-list ul li .awards-list-title{
	padding: 20px 20px 0px 30px;
	font-size: 14px;
    letter-spacing: 1px;
}
.set_lang_cn .awards .wrapper .awards-list ul li .awards-list-title{
	font-size: 16px;
	font-weight: 500;
	font-family: 'Noto Sans TC', sans-serif;
	padding: 20px 0px 0px 30px;
}
.set_lang_cns .awards .wrapper .awards-list ul li .awards-list-title{
	font-size: 16px;
	font-weight: 500;
	font-family: 'Noto Sans SC', sans-serif;
	padding: 20px 0px 0px 30px;
}
.awards .wrapper .awards-list ul li .awards-list-intro{
	width: 30%;
	padding: 20px 20px 0 20px;
	font-size: 2.2rem;
	font-weight: 500;
}
.awards-list-ext{
	display: inline-block;
    padding: 20px 20px 0 20px;
    width: 90%;
    font-size: 2.2rem;
}
.awards .wrapper .awards-list ul li .awards-list-des{
	width: 60%;
	padding: 20px 20px 36px 20px;
	font-size: 16px;
	font-weight: 400;
}
.awards .wrapper .awards-list ul li .awards-list-des  .awards-list-des-li{
	display: block;
	width: 100%;
	float: none;
} 
.awards .wrapper .awards-list ul li .awards-list-des p{
	margin-bottom: 10px;
	font-size: 1.6rem;
}
.awards .wrapper .awards-list ul li .awards-list-des .awards-list-des-li .awards-list-des-li-left{
    width: 5%;
    margin-bottom: 5px;
}
@media (min-width: 768.1px) {
	.awards .wrapper .awards-list ul li .awards-list-des .awards-list-des-li .awards-list-des-li-left {
		width: 11.5%;
	}
}
.awards .wrapper .awards-list ul li .awards-list-des .awards-list-des-li .awards-list-des-li-right{
	width: 95%;
	font-weight: 400;
	margin-bottom: 5px;
}
@media (min-width: 768.1px) {
	.awards .wrapper .awards-list ul li .awards-list-des .awards-list-des-li .awards-list-des-li-right{
		width: 88.5%;
	}
}

/*.contact-list{border-top:3px solid #fff;}*/
/*.contact .wrapper .contact-list ul li{list-style: none;border-bottom: 2px solid rgba(255,255,255,.2);}*/
.contact .wrapper .contact-list ul li:before, .contact .wrapper .contact-list ul li:after{
	display: table;
    content: " ";
    clear: both; 
}
.contact .wrapper .contact-list ul li div{
	display: inline-block;
	float: left;
	/*font-weight: 500;*/
	font-weight: 400;
}
.contact .wrapper .contact-list ul li .contact-list-producer{
	color: #fff;
	font-size: 1.6rem;
}
.set_lang_cn .contact .wrapper .contact-list ul li .contact-list-producer{
    font-family: 'Noto Sans TC', sans-serif;
}
.set_lang_cns .contact .wrapper .contact-list ul li .contact-list-producer{
	font-family: 'Noto Sans SC', sans-serif;
}
.contact-list-producer-0{
	margin-top: 20px;
}
.contact .wrapper .contact-list ul li .contact-list-title{
	color: #fff;
	font-family: 'Graduate', cursive;
}
.contact .wrapper .contact-list ul li .contact-list-year{
	width: 10%;
	padding: 20px 20px 20px 30px;
	font-size: 1.4rem;
}
.contact .wrapper .contact-list ul li .contact-list-year-title{
	width: 10%;
	padding: 20px 20px 20px 30px;
	font-size: 1.4rem;
}
.contact .wrapper .contact-list ul li .contact-list-title{
	padding: 20px 20px 20px 30px;
	float: left;
}
.contact .wrapper .contact-list ul li .contact-list-intro{
	width: 30%;
	padding: 20px 20px 0 20px;
	font-size: 1.6rem;
	padding: 0;
    margin: 0;
    margin-bottom: 5px;
    text-align: left;
    width: 100%;
    /*font-weight: 500;*/
    font-weight: 400;
    color: #838b91;
}
.set_lang_cn .contact .wrapper .contact-list ul li .contact-list-intro{
    font-family: 'Noto Sans TC', sans-serif;
}
.set_lang_cns .contact .wrapper .contact-list ul li .contact-list-intro{
	font-family: 'Noto Sans SC', sans-serif;
}
.contact .wrapper .contact-list ul li .contact-list-name{
	font-size: 25px;
    margin-bottom: 25px;
}
.contact .wrapper .contact-list ul li .contact-list-line{
	width: 100%;
    height: 3px;
    background-color: rgba(255,255,255,0.2);
    margin: 15px 0;	
}
.contact-list-ext{
	display: inline-block;
    padding: 20px 20px 0 20px;
    width: 90%;
    font-size: 2.2rem;
}
.contact .wrapper .contact-list ul li .contact-list-des{
	width: 60%;
	padding: 20px;
	font-size: 2rem;
}
.contact .wrapper .contact-list ul li .contact-list-des p{
	margin-bottom: 10px;
	font-size: 1.6rem;
}
.contact .wrapper .contact-list ul li .contact-list-des .contact-list-des-li .contact-list-des-li-left{
    width: 10%;
}
.contact .wrapper .contact-list ul li .contact-list-des .contact-list-des-li .contact-list-des-li-left{
	width: 90%;
}


.title-in-section{border-bottom: 10px solid #fff;margin-bottom: 20px;}
#awards .title-in-section{margin-bottom: 10px;}
.simple-link{
	font-weight: bold;
	color: #fff;
	display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.4rem;
    letter-spacing: 3px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 10px;
}
.simple-link2{
	font-weight: bold;
	color: #fff;
	display: block;
    font-size: 12px;
    color: #fff;
    opacity: 1;
    font-weight: bold;
    margin-bottom: 20px;
}
#list-work .wrapper .mono-title-link .mono-title-div{
	width: 140px;height: 2px;background-color: #fff;margin-top: 10px;
}
#list-work .cont-list-work{
	display: none;
}
#list-work .cont-list-work-show{
	display: block;
}
.mono-title , .title-inner{
	font-family: 'Graduate', cursive;
	letter-spacing:1px;
}
.title-inner-box{
	display: flex;
	align-items: center;
}
.title-inner-box  .title-inner{
	/*display: inline-block;
	float: left;*/
	margin: 0;
}
.title-inner-box span{
    font-family: 'Montserrat', sans-serif;
	margin-right: 15px;
	font-size: 12px;
	font-weight: bold;
	/*display: inline-block;
	float: left;*/
	color: #fff;
}
.title-in-section .title-inner-box{
    position: absolute;
	top: 25px;
	font-size: 12px;
}
.title-in-section .title-inner{
	font-family: 'Graduate', cursive;
	letter-spacing:1px;
	color: #fff;
	font-size: 12px;
}
.set_lang_cn .title-in-section .title-inner{
	font-family: 'Noto Sans TC', sans-serif;
    font-size: 16px;
    font-weight: 500;
}
.set_lang_cns .title-in-section .title-inner{
	font-family: 'Noto Sans SC', sans-serif;
    font-size: 16px;
    font-weight: 500;
}
.copyRight{
	font-size: 10px;
    text-align: center;
    color: #fff;
    padding: 10px 0 40px 0;
}


.line-loading h2{
    color: #ccc;
    margin: 0;
    font: .8em verdana;
    text-transform: uppercase;
    letter-spacing: .1em;
    text-align: center;
 }
.line-loading span {
    display: inline-block;
    vertical-align: middle;
    width: .6em;
    height: .6em;
    margin: .19em;
    background: #007DB6;
    border-radius: .6em;
    animation: lineloading 1s infinite alternate;
}

.line-loading span:nth-of-type(2) {
    background: #008FB2;
    animation-delay: 0.2s;
}
.line-loading span:nth-of-type(3) {
    background: #009B9E;
    animation-delay: 0.4s;
}
.line-loading span:nth-of-type(4) {
    background: #00A77D;
    animation-delay: 0.6s;
}
.line-loading span:nth-of-type(5) {
    background: #00B247;
    animation-delay: 0.8s;
}
.line-loading span:nth-of-type(6) {
    background: #5AB027;
    animation-delay: 1.0s;
}
.line-loading span:nth-of-type(7) {
    background: #A0B61E;
    animation-delay: 1.2s;
}


@keyframes lineloading {
    0% {
    opacity: 0;
    }
    100% {
    opacity: 1;
    }
}

#myCarousel{
    margin-bottom: 30px;
    z-index: 5;
}
.carousel-inner {
    width: calc(100% + 60px);
    transform: translateX(-30px);
}
.item{
    /*min-height: inherit;*/
    background-color: rgb(38,38,38);
}
.item-1 img{
    width: 100%;
}
.item-1 video{
    width: 100%;
}
.item{
    background-position: center;
    background-size: cover;
}
.item .item_position_img{
    visibility: hidden;
}
.item .slide_logo_box{
    max-width: 1167px;
    margin: 0 auto;
    position: relative;
}
.item .item_logo{
    position: absolute;
    animation:slideshow 4.5s;
    -moz-animation:slideshow 4.5s; /* Firefox */
    -webkit-animation:slideshow 4.5s; /* Safari and Chrome */
    -o-animation:slideshow 4.5s; /* Opera */
    /*font-family: 'Patua One', cursive;
    font-size: 30px;
    font-weight: 900;*/
    width: 112px;
    height: 40px;
}
.item .item_small_icon, 
.slider .slide_logo_box .item_small_icon{
    position: absolute;
    width: 40px;
    height: 40px;
    animation:slideshow 4.5s;
    -moz-animation:slideshow 4.5s; /* Firefox */
    -webkit-animation:slideshow 4.5s; /* Safari and Chrome */
    -o-animation:slideshow 4.5s; /* Opera */
}
.item .item_logo img , 
.item .item_small_icon img,
.slider .slide_logo_box .item_small_icon img {
    width: 100%;
    max-width: 100%;
}

.slider .item_small_icon {
	width: 1000px;
	max-width: 100%;
	top: 50%;
	left: 80%;
	transform: translateX(-20%);
	text-align: right;
}

.item .slide_txt{
    position: absolute;
    display: inline-block;
    text-align: center;
    animation:slideshow 1.5s;
    -moz-animation:slideshow 1.5s; /* Firefox */
    -webkit-animation:slideshow 1.5s; /* Safari and Chrome */
    -o-animation:slideshow 1.5s; /* Opera */
}
.item .slide_txt p{
    font-size: 72px;
    color: #fff;
    /*font-weight: 500;*/
    font-weight: 400;
}
.item .slide_txt .slide_intro_btn{
    display: inline-block;
    color: #fff;
    padding: 10px 20px;
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
    font-size: 10px;
    font-family: 'Graduate', cursive;
}
.set_lang_cn .item .slide_txt .slide_intro_btn{
    font-family: 'Noto Sans TC', sans-serif;
    font-size: 12px;
    font-weight: 500;
}
.set_lang_cns .item .slide_txt .slide_intro_btn{
    font-family: 'Noto Sans SC', sans-serif;
    font-size: 12px;
    font-weight: 500;
}
.set_lang_cn .item .slide_txt p{
    font-family: 'Noto Sans TC', sans-serif;
}

.set_lang_cns .item .slide_txt p{
    font-family: 'Noto Sans SC', sans-serif;
}
.item .slide_video{
	position: absolute;
}

.back-button .mono-title{
	color: #fff !important; 
}
.back-button .mono-title div{
	display: inline-block;
    margin-right: 10px;
}
.awards-box{
	width: 100%;
}

.awards .wrapper .awards-list ul li .awards-box2 .awards-list-year , .awards .wrapper .awards-list ul li .awards-box2 .awards-list-intro , .awards .wrapper .awards-list ul li .awards-box2 .awards-list-des{
	padding-top: 0;
}
.contact .wrapper .contact-list ul li .contact-box2 .contact-list-year , .contact .wrapper .contact-list ul li .contact-box2 .contact-list-intro , .contact .wrapper .contact-list ul li .contact-box2 .contact-list-des{
	padding-top: 0;
}
.spc_title_inner_box{
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 3px;
    line-height: 1;
    font-weight: bold;
}
.spc_title_inner_box .spc_title_inner{
	display: inline-block;
	float: left;
	font-size: 12px;
}
.set_lang_cn .spc_title_inner_box .spc_title_inner{
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 14px;
	font-weight: 500;
}
.set_lang_cns .spc_title_inner_box .spc_title_inner{
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 14px;
	font-weight: 500;
}
.spc_title_inner_box span{
	display: inline-block;
	float: left;
	margin-right: 15px;
	font-size: 12px;
}



@keyframes slideshow {
      0% {
         opacity: 0;
      }
      42%{
      	 opacity: 0;
      }
      43% {
         opacity: 0.1;
      }
      100% {
         opacity: 1;
      }
}

@-moz-keyframes slideshow {
      0% {
         opacity: 0;
      }
      42%{
      	 opacity: 0;
      }
      43% {
         opacity: 0.1;
      }
      100% {
         opacity: 1;
      }
}

@-webkit-keyframes slideshow {
      0% {
         opacity: 0;
      }
      42%{
      	 opacity: 0;
      }
      43% {
         opacity: 0.1;
      }
      100% {
         opacity: 1;
      }
}

@-o-keyframes slideshow {
     0% {
         opacity: 0;
      }
      42%{
      	 opacity: 0;
      }
      43% {
         opacity: 0.1;
      }
      100% {
         opacity: 1;
      }
}



@keyframes expand {
      0%{
      	opacity: 1;
        transform: scale(.5);
      }
      100% {
         opacity: 0;
         transform: scale(3);
      }
}

@-moz-keyframes expand {
      0%{
      	opacity: 1;
        -moz-transform: scale(.5);
      }
      100% {
         opacity: 0;
         -moz-transform: scale(3);
      }
}

@-webkit-keyframes expand {
     0%{
      	opacity: 1;
        -webkit-transform: scale(.5);
      }
      100% {
         opacity: 0;
         -webkit-transform: scale(3);
      }
}

@-o-keyframes expand {
      0%{
      	opacity: 1;
        -o-transform: scale(.5);
      }
      100% {
         opacity: 0;
         -o-transform: scale(3);
      }
}
.video_expand {
    -webkit-transform-origin: 50% 50%;
	-webkit-animation: expand .5s both ease-in;
    -moz-transform-origin: 50% 50%;
	-moz-animation: expand .5s both ease-in;
    transform-origin: 50% 50%;
	animation: expand .5s both ease-in;
}

@keyframes expand_return {
      0%{
      	opacity: 1;
        transform: scale(3);
      }
      100% {
         opacity: 0;
         transform: scale(1);
      }
}

@-moz-keyframes expand_return {
      0%{
      	opacity: 1;
        -moz-transform: scale(3);
      }
      100% {
         opacity: 0;
         -moz-transform: scale(1);
      }
}

@-webkit-keyframes expand_return {
     0%{
      	opacity: 1;
        -webkit-transform: scale(3);
      }
      100% {
         opacity: 0;
         -webkit-transform: scale(1);
      }
}

@-o-keyframes expand_return {
      0%{
      	opacity: 1;
        -o-transform: scale(3);
      }
      100% {
         opacity: 0;
         -o-transform: scale(1);
      }
}
.video_expand_return {
    -webkit-transform-origin: 50% 50%;
	-webkit-animation: expand_return .5s both ease-in;
    -moz-transform-origin: 50% 50%;
	-moz-animation: expand_return .5s both ease-in;
    transform-origin: 50% 50%;
	animation: expand_return .5s both ease-in;
}


@keyframes video_bg_hide{
      0%{
      	opacity: 1;
      }
      100% {
         opacity: 0;
      }
}

@-moz-keyframes video_bg_hide {
      0%{
      	opacity: 1;
      }
      100% {
         opacity: 0;
      }
}

@-webkit-keyframes video_bg_hide {
     0%{
      	opacity: 1;
      }
      100% {
         opacity: 0;
      }
}

@-o-keyframes video_bg_hide {
      0%{
      	opacity: 1;
      }
      100% {
         opacity: 0;
      }
}
.video_bg_hide {
    -webkit-transform-origin: 50% 50%;
	-webkit-animation: video_bg_hide .5s both ease-in;
    -moz-transform-origin: 50% 50%;
	-moz-animation: video_bg_hide .5s both ease-in;
    transform-origin: 50% 50%;
	animation: video_bg_hide .5s both ease-in;
}


@keyframes video_bg_hide_return{
      0%{
      	opacity: 0;
      }
      100% {
         opacity: 1;
      }
}

@-moz-keyframes video_bg_hide_return {
      0%{
      	opacity: 0;
      }
      100% {
         opacity: 1;
      }
}

@-webkit-keyframes video_bg_hide_return {
     0%{
      	opacity: 0;
      }
      100% {
         opacity: 1;
      }
}

@-o-keyframes video_bg_hide_return {
      0%{
      	opacity: 0;
      }
      100% {
         opacity: 1;
      }
}
.video_bg_hide_return {
    -webkit-transform-origin: 50% 50%;
	-webkit-animation: video_bg_hide_return .5s both ease-in;
    -moz-transform-origin: 50% 50%;
	-moz-animation: video_bg_hide_return .5s both ease-in;
    transform-origin: 50% 50%;
	animation: video_bg_hide_return .5s both ease-in;
}

.click_btn{
	cursor: pointer;
}
.hide{
    display: block !important;
}
a{
    color: #fff;
    text-decoration: none;
}
a:link ,a:visited ,a:hover ,a:active{
    color: #fff;
    text-decoration: none; 
}
h3{
   line-height: 1.3;
}
body{
    padding: 0;
    margin: 0;
    /* font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,"MS Trebuchet",sans-serif; */
    font-family: 'Montserrat', sans-serif;
    font-size: 1.6rem;
    line-height: 1.3;
    color: #838b91;
    /* background-color: #141516; */
    background-color: #000000;
}
* {
   outline: none!important;
}
*, :after, :before {
    box-sizing: border-box;
}
html.work-section header .main-nav ul , html.work-section header .main-nav .open_menu{
    display: none !important;
}
html.home header .main-nav .back-button{
    display: none !important;
}
.dd_section{
	margin-top: 100px;
}
.outbox:before , .outbox:after{
	display: table;
    content: " ";
    clear: both;  
}
.inbox{
	display: inline-block;
	float: left;
}
.boxin{
	display: inline-block;
	float: right;
}
#header-vimeo-container, #vimeoContainer, .media-container__vimeo {
    position: relative;
    width: 100%;
    height: 100%;
    background: #171717;
}
.video-box{
    display: block;
    width: 100%;
    min-height: 100%;
    position: relative;
    /*overflow: hidden;*/
}
.video_ready_bg{
    /*display: none;*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#videoPlayer{
	max-width: 100%;
	max-height: 100%;
}
.work-box-playbtn {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}
img {
    vertical-align: middle;
    border-style: none;
}
.work-box-playbtn img {
   width: 100%;
}
#header-vimeo-container, #vimeoContainer, .media-container__vimeo {
    position: relative;
    width: 100%;
    height: 100%;
    background: #171717;
}
#header-vimeo-container {
    width: 101%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: -1px;
    /*z-index: 2;*/
    z-index: 11;
    opacity: 0;
    visibility: hidden;
}
.close-btn {
    position: absolute;
    top: 25px;
    right: 25px;
    /*z-index: 3;*/
    cursor: pointer;
    width: 30px;
    z-index: 12;
    opacity: 0;
    visibility: hidden;
}
.play-btn {
    cursor: pointer;
    width: 106px;
    height: 105px;
    background: url(/images/play.png);
    background-size: cover;
    position: absolute;
    top: calc( 50% - 53px);
    left: calc(50% - 52.5px);
    z-index: 3;
    /*-webkit-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
    transition: all .3s ease-in-out;*/
    opacity: 1;
    visibility: visible;
}
.heading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1;
    opacity: 0;
}
.set-btn{
    position: absolute;
    bottom: 10px;
    right: 10px;
    /*z-index: 3;*/
    width: 30px;
    height: 30px;
    background: url(../images/set.png);
    background-size: cover;
    cursor: pointer;
    z-index: 13;
    /*opacity: 0;
    visibility: hidden;*/
}
.set-btn ul{
    list-style: none;
    padding: 0;
    position: absolute;
    right: 0;
    bottom: 40px;
    margin: 0;
    background-color: rgba(0,0,0,.5);
    width: 100px;
    visibility: hidden;
    opacity: 0;
}
.set-btn-active ul{
    visibility: visible;
    opacity: 1;
}
.set-btn ul li{
    padding: 10px;
    border: 3px solid #000;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}
.set-btn ul li:before , .set-btn ul li:after{
    display: table;
    content: " ";
    clear: both; 
}
.set-btn ul li .choose-btn span{
    border-radius: 15px;
    padding: 5px;
    display: inline-block;
}
.set-btn ul li .choose-btn{
    width: 20px;
}
.set-btn ul li .choose-p{
    width: 50px;
}
.set-btn ul li div{
    display: inline-block;
    float: left;
    font-weight: bold;
}
.bechoose span{
    background-color: red;
}

.More_article{
	font-size: 30px;
    text-align: center;
    padding: 25px 0;
    display: flex;
    align-items: center;
    color: #fff;
}
@keyframes plus-anim {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1.1) rotate(90deg);
  }
}

.More_btn_box:hover span {
	animation: plus-anim 0.3s ease-in-out forwards;
}

.More_article .More_btn_box{
    margin: 0 auto;
    display: flex;
    align-items: center;
    font-family: 'Graduate', cursive;
}
.set_lang_cn .More_article .More_btn_box{
	font-weight: 500;
	font-size: 14px;
	font-family: 'Noto Sans TC', sans-serif;
}
.set_lang_cns .More_article .More_btn_box{
	font-weight: 500;
	font-size: 14px;
	font-family: 'Noto Sans SC', sans-serif;
}
.More_article .More_btn_box .More_btn{
    display: inline-block;
    position: relative;
    width: 27px;
    height: 27px;
    margin-right: 10px;
}
.More_article_style2{
	margin-top: 10px;
	margin-bottom: 30px;
}
/*.More_article .More_btn_box .More_btn .More_btn_left , .More_article .More_btn_box .More_btn .More_btn_right{
	display: inline-block;
	float: left;
}
.More_article .More_btn_box .More_btn .More_btn_left{
	width: 70%;
}
.More_article .More_btn_box .More_btn .More_btn_right{
 	width: 30%;
}*/
.More_article .More_btn_box .More_btn span{
    display: block;
    background-color: #fff;
    position: absolute;
}
.More_article .More_btn_box .More_btn span:first-child{
    height: 4px;
    width: 27px; 
    top: 11.5px;
}
.More_article .More_btn_box .More_btn span:last-child{
    width: 4px;
    height: 27px; 
    left: 11.5px;
}

.More_content{
	font-size: 30px;
    text-align: center;
    padding: 25px 0;
    display: flex;
    align-items: center;
    color: #fff;
}
.More_content .More_btn_box{
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.More_content .More_btn_box .More_btn{
    display: inline-block;
    position: relative;
    width: 27px;
    height: 27px;
    margin-right: 10px;
}
.More_content .More_btn_box .More_btn span{
    display: block;
    background-color: #fff;
    position: absolute;
}
.More_content .More_btn_box .More_btn span:first-child{
    height: 4px;
    width: 27px; 
    top: 11.5px;
}
.More_content .More_btn_box .More_btn span:last-child{
    width: 4px;
    height: 27px; 
    left: 11.5px;
}

.header-work article{
	background-color: #000;
}
.article_inner_txt .article_inner_txt_box{
	text-align: center;
}
.article_inner_txt .article_inner_txt_box_strat{
 
}
.article_inner_txt .article_inner_txt_box_center{

}
.article_inner_txt .article_inner_txt_box_end{

}
.article_inner_txt .article_inner_txt_box h3{
    color: #fff;
    font-size: 44px;
    margin-bottom: 15px;
    /*font-weight: 500;*/
    font-weight: 400;
}
.article_inner_txt .article_inner_txt_box p{
	margin-bottom: 5px;
	font-family: 'Graduate', cursive;
}
.article_inner_txt .article_inner_txt_box .spc_txt{
    color: #fff;
}
.article_inner_content  , .article_inner_album{
	padding: 0 10px;
}
.article_inner_album img{
	display: inline-block;
	float: left;
}
.article_inner_title{
	font-size: 1.2rem;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px;
    margin-bottom: 5px;
    display: flex;
    /*align-items: center;*/
}
.article_inner_title span{
	font-weight: 700;
	margin-right: 12px;
}
.article_inner_title .article_inner_Intitle{
	font-family: 'OCRB Alternate', sans-serif;
	text-transform: uppercase;
    letter-spacing: 0px;
}
.set_lang_cn .article_inner_title .article_inner_Intitle{
	font-size: 14px;
	font-weight: 400;
	font-family: 'Noto Sans TC', sans-serif;
}
.set_lang_cns .article_inner_title .article_inner_Intitle{
	font-size: 14px;
	font-weight: 400;
	font-family: 'Noto Sans SC', sans-serif;
}
.article_inner_content .article_inner_content_txt{
	padding: 50px 25px 10px 25px;
    border-top: 5px solid #fff;
    /*font-weight: 600;*/
    font-size: 18px;
    line-height: 1.8;
    font-weight: 400;
}
.set_lang_cn .article_inner_content .article_inner_content_txt{
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 400;
	font-size: 18px;
}
.set_lang_cns .article_inner_content .article_inner_content_txt{
	font-family: 'Noto Sans SC', sans-serif;
	font-weight: 400;
	font-size: 18px;
}
.article_inner_content{
	margin-bottom: 5px;
	width: 100%;
	max-width: 100%;
	position: relative;
}
.next_project_box{
	border: 20px solid rgb(32,33,34);
    padding: 10px;
    max-width: 1137px;
    margin: 0 auto;
}
.next_project_box .next_project{
	position: relative;padding-left: 20px;
}
.next_project_box .next_project .next_project_title{
	color: #fff;
	font-size: 8px;
	display: block;
	margin-bottom: 10px;
	font-family: 'Graduate', cursive;
}
.set_lang_cn .next_project_box .next_project .next_project_title,
.set_lang_cn .next_project_box .next_project .next_project_content
{
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 500;
	font-size: 14px;
}
.set_lang_cns .next_project_box .next_project .next_project_title,
.set_lang_cns .next_project_box .next_project .next_project_content
{
	font-family: 'Noto Sans SC', sans-serif;
	font-weight: 500;
	font-size: 14px;
}
.next_project_box .next_project .next_project_title:before{
	/*content: "-";*/
	content: "";
	font-weight: bold;
    display: inline-block;
    position: absolute;
    left: 0;
    height: 1px;
    width: 10px;
    background-color: #fff;
    margin-top: 7px;
}
.next_project_content{
	display: table;
	width: 100%;
}
.next_project_content .next_project_content_left{
	font-size: 20px;
	width: 80%;
	display: table-cell;
	vertical-align: bottom;
}
.next_project_content .next_project_content_right{
	color: #fff;
	font-size: 8px;
	position: relative;
	width: 20%;
	text-align: right;
	display: table-cell;
	vertical-align: bottom;
}
.next_project_content .next_project_content_right .next_project_btn{
    font-family: 'Graduate', cursive;
}
.set_lang_cn .next_project_content .next_project_content_right .next_project_btn{
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 500;
	font-size: 14px;
}
.set_lang_cns .next_project_content .next_project_content_right .next_project_btn{
	font-family: 'Noto Sans SC', sans-serif;
	font-weight: 500;
	font-size: 14px;
}
.back_to_home{
	align-items: center;
    margin: 20px auto;
    display: block;
    text-align: center;
    width: 50%;
}
.back_to_home .back_to_home_icon , .back_to_home .back_to_home_txt{
    display: inline-block;
    float: left;
}
.back_to_home .back_to_home_txt{
    height: 100%;
    display: block;
    width: 80%;
    padding: 10px 0;
    color: #fff;
    font-size: 12px;
    letter-spacing: 2px;
}
.set_lang_cn .back_to_home .back_to_home_txt{
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 500;
	font-size: 14px;
}
.set_lang_cns .back_to_home .back_to_home_txt{
	font-family: 'Noto Sans SC', sans-serif;
	font-weight: 500;
	font-size: 14px;
}
.back_to_home .back_to_home_icon{
    width: 20%;
}
header .main-nav ul{
	display: inline-block;
	-webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    transform-origin: 100% 0%;
}
.open_menu{
    display: inline-block;
    margin-left: 20px;
    transition: all 0.4s ease 0s;
}
.open_menu_span{
	width: 25px;
	height: 25px;
	position: relative;
	background-image: url('../images/menu-open.png');
	background-size: cover;
	cursor: pointer;
	transition: all 0.4s ease 0s;
}
/*.open_menu_span span{
	position: absolute;
    width: 16px;
    height: 2px;
    background-color: #fff;
    display: block;
}
.open_menu_span span:nth-child(1){
	top: 3px;
	left: 2px;
}
.open_menu_span span:nth-child(2){
	top: 9px;
	left: 2px;
}
.open_menu_span span:nth-child(3){
	bottom: 3px;
	left: 2px;
}*/
.close_menu .open_menu_span{
    background-image: url('../images/menu-close.png');
	background-size: cover;
}
/*.close_menu .open_menu_span span{
	width: 20px;
	left: 0px;
}
.close_menu .open_menu_span span:nth-child(1){
	top: 9px;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg); 	
    -moz-transform:rotate(45deg); 	
    -webkit-transform:rotate(45deg); 
    -o-transform:rotate(45deg); 
}
.close_menu .open_menu_span span:nth-child(2){
    display: none;
}
.close_menu .open_menu_span span:nth-child(3){
    top: 9px;
    transform:rotate(135deg);
    -ms-transform:rotate(135deg); 	
    -moz-transform:rotate(135deg); 	
    -webkit-transform:rotate(135deg); 
    -o-transform:rotate(135deg); 	
}*/

.open_menu .ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100%;
}
.close_menu .hamRotate {
  transform: rotate(45deg);
}
.close_menu .hamRotate180 {
  transform: rotate(180deg);
}
.open_menu .line {
  fill:none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  /*stroke:#000;*/
  stroke: rgb(109,110,113);
  stroke-width:5.5;
  stroke-linecap:round;
}
.open_menu .ham7 .top {
  stroke-dasharray: 40 82;
}
.open_menu .ham7 .middle {
  stroke-dasharray: 40 111;
}
.open_menu .ham7 .bottom {
  stroke-dasharray: 40 161;
}
.close_menu .ham7 .top {
  stroke-dasharray: 17 82;
  stroke-dashoffset: -62px;
}
.close_menu .ham7 .middle {
  stroke-dashoffset: 23px;
}
.close_menu .ham7 .bottom {
  stroke-dashoffset: -83px;
}
.lang{
	position: relative;
	color: #fff;
	min-width: 70px;
}
.lang .lang_n{
    cursor: pointer;
}
.lang .lang_n .lang_n_left{
	display: inline-block;
	float: left;
	width: 60%;
	/*font-weight: 700;*/
	font-weight: 400;
}
.set_lang_cn .lang .lang_n .lang_n_left{
	font-weight: 900;
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 14px;
}
.set_lang_cns .lang .lang_n .lang_n_left{
	font-weight: 900;
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 14px;
}
.lang .lang_n .lang_n_right{
    display: inline-block;
	float: left;
	width: 40%;
}
.lang_cn{
	min-width: 90px;
}
.lang_cn .lang_n .lang_n_left{
	width: 70%;
}
.lang_cn .lang_n .lang_n_right{
	width: 30%;
}
.lang .lang_n .lang_n_right img{
/*	width: 100%;*/
    width: 2rem;
    margin-top: -3px;
    transform: rotate(-90deg)!important;
    transform-origin: center;
    transition: 0.3s ease-in;
/*	padding: 0px 4px 4px 0px;*/
}
.lang .lang_n .lang_n_right img.open {
    transform: rotate(0deg)!important;
}
@media screen and (max-width: 767px) and (min-width: 0) {
    .lang_cn{
        min-width: 130px;
    }
    .lang .lang_n .lang_n_right img{
        transform: rotate(-90deg);
        padding: 0;
    /*  padding: 0px 4px 4px 0px;*/
    }

    .lang .lang_n .lang_n_right img.open {
        transform: rotate(0);
    }
}
.lang .lang_ex{
    color: #fff;
    display: none;
}
.lang .lang_ex_show{
	display: block;
}
.lang .lang_ex .lang_li{
	padding-top: 10px;
	font-size: 18px;
    font-weight: 400;
}
.set_lang_cn .lang .lang_ex .lang_li{
	font-weight: 900;
	font-family: 'Noto Sans TC', sans-serif;
	/*font-size: 12px;*/
	font-size: 14px;
}
.set_lang_cns .lang .lang_ex .lang_li{
	font-weight: 900;
	font-family: 'Noto Sans SC', sans-serif;
	/*font-size: 12px;*/
	font-size: 14px;
}
.full_width_bg{
	width: calc( 100% + 60px);
	transform: translateX(-30px);
    -ms-transform: translateX(-30px);	/* IE 9 */
    -webkit-transform: translateX(-30px);	/* Safari 和 Chrome */
    -o-transform: translateX(-30px);	/* Opera */
    -moz-transform: translateX(-30px);	/* Firefox */
}
.awards .wrapper .awards-list ul li .awards-list-des .awards-list-des-li .awards-list-des-li-right{
    color: #fff;
}
/*.set_lang_cn .awards .wrapper .awards-list ul li .awards-list-des .awards-list-des-li .awards-list-des-li-right{
	font-size: 20px;
	font-weight: 400;
	font-family: 'Noto Sans TC', sans-serif;
}*/
/*.set_lang_cns .awards .wrapper .awards-list ul li .awards-list-des .awards-list-des-li .awards-list-des-li-right{
	font-size: 20px;
	font-weight: 400;
	font-family: 'Noto Sans SC', sans-serif;
}*/
.go-top .go-top-left , .go-top .go-top-right{
    float: left;
    display: inline-block;
}
.go-top{
	background-color: transparent;
}
.go-top img{
	max-width: 100%;
	width: 100%;
}
.go-top .go-top-left{
    width: 25%;
    padding-right: 3px;
}
.go-top .go-top-right{
    width: 75%;
}

.header-work .main-article{
	margin-top: 0;
}


/*按钮*/
#ex_btn_box{
    position: fixed;
    z-index: 3;
    right: 20px;
    bottom: 200px;
    display: none;
}
#ex_btn_box .use_btn{
    background-color: #fff;
    padding: 5px;
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0;
    transition: all 0.4s;
    background-color: transparent;
    display: none;
}
.ex_btn_box_active .use_btn{
	display: block !important;
}
#ex_btn_box .unuse_btn{
    background-color: transparent;
    display: none;
}
#ex_btn_box .open_btn{
    width: 40px;
    height: 40px;
    background-image: url(../images/menu-open2.png);
    background-size: cover;
    background-color: transparent;
    transition: all 0.4s;
}
#ex_btn_box .use_btn .icons{
	font-size: 30px;
	line-height: 1;
}
#ex_btn_box .close_btn{
    background-image: url(../images/menu-close2.png);
    background-size: cover;
    background-color: transparent;
    transition: all 0.4s;
}
.DD_googlemap{
	border: 0;
	width: 100%;
	margin-top: 15px;
}
.article_inner_content  .article_show_content{
    	-webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
    }
.DD_address_map{
	width: 100%;
	max-width: 100%;
	max-height: 100%;
	padding-top: 15px;
}
.next_project_content .next_project_content_right img{
	margin-top: -2px;
}

.video-is-play-now .video-box{
    padding: 0;
}

.video-is-play-now .video_ready_bg{
	padding: 0;
}
.video-is-play-now #header-vimeo-container{
	height: auto;
    position: relative;
    background-color: #000;
}

.share_button{
    width: 100%;
}
.share_button_click , .share_button_box{
	margin-left: 20px;
}
.share_button_click{
	background-color: #000;
    color: #fff;
    font-size: 32px;
    width: 40px;
    height: 40px;
    position: relative;
    cursor: pointer;
}
.share_button_btn{
    background-color: #000;
    color: rgb(128,128,128);
    font-size: 32px;
    width: 40px;
    height: 40px;
    position: relative;
    cursor: pointer;
}
.share_button_use{
    transition: all 1s;
    opacity: 0;
    visibility: hidden;
    transform:scale(.8);
    -ms-transform:scale(.8); /* IE 9 */
    -webkit-transform:scale(.8); /* Safari and Chrome */
}
.share_button_use_show{
    opacity: 1;
    transition: all 1s;
    visibility: visible;
    transform:scale(1);
    -ms-transform:scale(1); /* IE 9 */
    -webkit-transform:scale(1); /* Safari and Chrome */                                  
}
.share_button_is{
    display: block;   
    transition: all 1s;
}
.share_button_is i.material-icons{
    font-size: 36px;
    padding: 0 10px 0 0;
}
/*.share_button_share:before{
	position: absolute;
	display: block;
	font-family: "Flaticon";
	content: "\f101";
	font-size: 32px;
	line-height: 40px;
}
.share_button_facebook:before{
	position: absolute;
	display: block;
	font-family: "Flaticon";
	content: "\f104";
	font-size: 32px;
	line-height: 40px;
}
.share_button_whatapps:before{
    position: absolute;
	display: block;
	font-family: "Flaticon";
	content: "\f102";
	font-size: 32px;
	line-height: 40px;
}
.share_button_copy:before{
    position: absolute;
	display: block;
	font-family: "Flaticon";
	content: "\f106";
	font-size: 32px;
	line-height: 40px;
}*/
.copy_tip{
	padding: 10px;
	font-size: 20px;
	text-align: center;
	position: fixed;
	display: none;
	background-color: #fff;
	color: #000;
	bottom: 40px;
	z-index: 999;
	border-radius: 5px;
}

.gmnoprint , .gm-style button , .gm-style-cc , .gmnoprint , .gm-bundled-control , .gm-bundled-control-on-bottom , .gmnoscreen , .leaflet-control-container{
                display: none !important;
            }
#map{
	margin-top: 10px;
}
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}
#founder .intro-text h2{
	text-shadow: 1px 1px 1px #000;
}
#founder .intro-text h2{
	font-family: 'Montserrat', sans-serif;
}
.set_lang_cn #founder .intro-text h2{
	font-family: 'Noto Sans TC', sans-serif;
}
.set_lang_cn #list-work article *, .set_lang_cn .article_inner_txt *{
	font-family: 'Noto Sans TC', sans-serif!important;
}
.set_lang_cn .article_inner_txt_box.article_inner_txt_box_strat h3{
	font-size:82px;
}
.set_lang_cns #founder .intro-text h2{
	font-family: 'Noto Sans SC', sans-serif;
}
.set_lang_cns #list-work article *, .set_lang_cns .article_inner_txt *{
	font-family: 'Noto Sans SC', sans-serif!important;
}
.set_lang_cns .article_inner_txt_box.article_inner_txt_box_strat h3{
	font-size:82px;
}
@media screen and (max-width: 767px) and (min-width: 0)
{
    .set_lang_cn .article_inner_txt_box.article_inner_txt_box_strat h3,
    .set_lang_cns .article_inner_txt_box.article_inner_txt_box_strat h3 {
        font-size: 48px;
    }
}
@media screen and (min-width:1100px){
	#map{
		width: 100%;
		/*padding-bottom: 32.36%;*/
		padding-bottom: 46%;
		height: 0px;
	}
	.pc_element{
		display: block;
	}
    .mobile_element{
    	display: none;
    }
	header .wrapper{
		padding-left: 0;
		padding-right: 0;
	}
	header.header_dd_set{
		position: fixed;
        top: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        /*background-color: #202122;*/
        width: calc( 100% - 17px );
        padding-left: 47px;
        transition: all 0.4s;
        z-index: 131;
	}
	header.header_dd_set #logo{
		width: 75px;
        height: auto;
        transition: all 0.4s;
        transform: translateX(6px);
	}
    .open_menu{
    	display: none;
    }
    .spc_title_inner_box{
        margin-bottom: 15px;
    }
	.title-in-section{
		border-bottom: 10px solid #fff;
		margin-bottom: 50px;
	}
	#list-work .wrapper .title-in-section{
		margin-bottom: 0px;
	}
	#contact .wrapper .title-in-section{
		margin-bottom: 0;
	}
	.carousel-inner{
		min-height: 600px;
	}
	.item{
		padding-bottom: 55.625%;
		position: relative;
		background-size: cover;
        background-position: center center;
	}
	.item .slide_txt p{
		font-size: 98px;
		line-height: 1.22;
	}
	.item-1{
        background-color: rgb(38,38,38);
    }
    /*.item-2{
        background-image: url(../images/slide/slide_pc_1.jpg);
        background-size: cover;
        background-position: center center;
    }
    .item-3{
        background-image: url(../images/slide/slide_pc_2.jpg);
        background-size: cover;
        background-position: center center;
    }*/
    .item .item_logo:first-child{
    	right: 0px;
        top: 33.82%;
    }
    .item .item_small_icon {
        right: 36px;
        top: 50%;
    }
	
    .item .item_logo:last-child{
    	right: 0px;
        top: 66.18%;
    }
    .item .slide_txt{
    	display: block;
        width: 100%;
        top: 50%;
        margin-top: -12.5%;
    }
    .item .slide_video{
    	max-width: 100%;
    	max-height: 100%;
    	width: 100%;
    	background-color: #000;
    }
    .intro .spc_title_inner_box .spc_title_inner{
    	font-size: 12px;
    }
    .set_lang_cn .intro .spc_title_inner_box .spc_title_inner{
    	font-size: 16px;
    }
    .set_lang_cns .intro .spc_title_inner_box .spc_title_inner{
    	font-size: 16px;
    }
    .intro .homepage_intro .homepage_intro_txt_1{
    	padding-right: 160px;
    }
    .intro .homepage_intro .homepage_intro_txt_2{
    	
    }
    .intro-text h2 .homepage_intro_txt{
    	font-size: 30px;
    }
    .set_lang_cn .intro-text h2 .homepage_intro_txt{
    	font-size: 28px;
    	font-family: 'Noto Sans TC', sans-serif;
    	font-weight: 400;
    	line-height: 1.4;
    }
    .set_lang_cns .intro-text h2 .homepage_intro_txt{
    	font-size: 28px;
    	font-family: 'Noto Sans SC', sans-serif;
    	font-weight: 400;
    	line-height: 1.4;
    }
    .wrapper .title-in-section .title-inner-box{
	    top: 25px;
	    left: 0px;
    }
    .contact .wrapper .contact-title , .contact .wrapper .contact-name ,.contact .wrapper .contact-list{
        display: inline-block;
        float: left;
        
    }
    .contact .wrapper .contact-title{
	    width: 20%;
	    padding: 30px;
	    color: #fff;
	    /*font-size: 1.6rem;*/
	    /*font-size: 10px;*/
	    font-family: 'Graduate', cursive;
	    letter-spacing: 1px;
        font-size: 14px;
    }
    .set_lang_cn .contact .wrapper .contact-title{
    	font-family: 'Noto Sans TC', sans-serif;
        font-size: 16px;
        font-weight: 500;
    }
    .set_lang_cns .contact .wrapper .contact-title{
    	font-family: 'Noto Sans SC', sans-serif;
        font-size: 16px;
        font-weight: 500;
    }
    .contact .wrapper .contact-name{
	    width: 30%;
	    padding-top: 75px;
	    font-size: 24px;
	    font-weight: 500;
    }
    .contact .wrapper .contact-list{
	    width: 50%;
	    padding-top: 75px;
	    font-size: 1.8rem;
    }

    #founder{
    	width: calc( 100% + 60px);
        /*transform: translateX(-30px);*/

        transform: translate(-30px , 100px);
    }
    #founder .full_width_bg{
    	padding-bottom: 42.71%;
    	background-image: url(../images/founerbg.jpg);
    	background-size: cover;
    	display: none;
    } 
    #founder .wrapper .intro-text{
        position: absolute;
        padding-top: 40px;
    }
    #founder .founder_wrapper{
    	padding-left: 0;
        padding-right: 0;
        width: 100%;
        max-width: 100%;
    }
    #founder .founder_wrapper .simple-link2{
    	max-width: 1137px;
        margin: 0 auto;
    }
    #founder .founder_wrapper .title-in-section{
    	max-width: 1137px;
        margin-left: auto;
        margin-right: auto;
    }
    #founder .founder_wrapper .intro-text{
		transition: 0.4s linear;
    	height: 820px;
        background-image: url(../images/founerbg.jpg);
        background-size: cover;
        width: 100%;
        position: relative;
        background-repeat: no-repeat;
    }
    #founder .founder_wrapper .intro-text h2{
    	max-width: 1137px;
        margin: 0 auto;
    }
    .set_lang_cn #founder .founder_wrapper .intro-text h2, .set_lang_cns #founder .founder_wrapper .intro-text h2{
    	line-height: 1.4;
    }
    .awards-box{
	    width: 100%;
	    padding-bottom: 5px;
        padding-top: 30px;
    }
    .awards-box:first-child{
	    padding-top: 10px;
    }
    
    
    .video-box .mobile_img{
        display: none;
    }
    .video-box .pc_img{
    	display: block;
    }
    .video_ready_bg{
    	width: 100%;
        padding-bottom: 44.27%;
    }
    .article_inner_album img{
	    width: 25%;
	    border: 1px solid #000;
    }
    .article_inner_txt{
    	margin-bottom: 125px;
    	width: 100%;
    }
    .main-article .wrapper{
    	position: relative;
    }
    .share_button{
    	width: 100%;
        position: absolute;
        /*right: 16px;
        top: 350px*/;
        right: 0px;
        top: 50px;
    }
    .article_inner_txt{
        /* display: table; */
        display:block;
    }
    .article_inner_txt .article_inner_txt_box{
	    display: table-cell;
	    text-align: left;
	    vertical-align: bottom;
    }
    .article_inner_txt .article_inner_txt_box_strat{
        /* width: 25%; */
        display:block;
        width:100%;
    }
    .article_inner_txt .article_inner_txt_box_strat h3{
        font-size: 88px;
        margin-bottom: 0;
        line-height: 1;
        /*font-weight: 500;*/
        font-weight: 400;
    }
    .article_inner_txt .article_inner_txt_box_center{
        width: 40%;
        padding-top:3rem;
    }
    .article_inner_txt .article_inner_txt_box_end{
        width: 35%;
        padding-top:3rem;
    }
    .article_inner_txt .article_inner_txt_box p , .article_inner_txt .article_inner_txt_box .spc_txt{
    	margin-bottom: 5px;
    	font-size: 12px;
    	letter-spacing: 1px;
    	text-transform: uppercase;
    }
    .set_lang_cn .article_inner_txt .article_inner_txt_box p , .article_inner_txt .article_inner_txt_box .nor_txt{
    	font-size: 12px;
    	font-weight: 500;
    	font-family: 'Noto Sans TC', sans-serif;
    }
    .set_lang_cns .article_inner_txt .article_inner_txt_box p , .article_inner_txt .article_inner_txt_box .nor_txt{
    	font-size: 12px;
    	font-weight: 500;
    	font-family: 'Noto Sans SC', sans-serif;
    }
    .More_article{
    	position: relative;
    }
    .More_article .More_btn_box{
        font-size: 12px;
        position: absolute;
        right: 0;
    }
    section .More_article .More_btn_box{
    	margin-top: 50px;
    }
    .More_article .More_btn_box .More_btn{
        display: inline-block;
        position: relative;
        width: 15px;
        height: 15px;
        margin-right: 5px;
    }
    .More_article .More_btn_box .More_btn span:first-child{
    	height: 3px;
        width: 15px;
        top: 6px;
    }
    .More_article .More_btn_box .More_btn span:last-child{
    	width: 3px;
        height: 15px;
        left: 6px;
    }
    .back_to_home{
        width: 200px;
    }
    .article_inner_album img{
	    width: 25%;
	    border: 1px solid #000;
    }
    .header-work article{
    	padding-top: 110px;
    }
    .article_inner_content  , .article_inner_album{
    	padding-top: 70px;
    }
    .DD_address_map_pc{
    	display: block;
    }
    .DD_address_map_mobile{
    	display: none;
    }
    .next_project_content{
    	position: relative;
    }
    .next_project_content .next_project_content_left{
    	width: 100%;
        text-align: center;
        padding-bottom: 25px;
    }
    .next_project_content .next_project_content_right{
    	width: 10%;
        position: absolute;
        right: 0;
        text-align: right;
        padding-top: 25px;
    }
    .copy_tip{
    	width: 400px;
    	left: calc( (100% - 400px) / 2 );
    }
}
@media screen and (min-width:1100px) and (max-width:1599px){
	#founder .full_width_bg{
    	padding-bottom: 48%;
    	background-image: url(../images/founerbg.jpg);
    	background-size: cover;
    	background-position: center center;
    	display: none;
    } 
    /*#founder .wrapper .intro-text{
        position: absolute;
        padding-top: 40px;
    }*/
    #founder .founder_wrapper .intro-text{
    	height: 820px;
        background-image: url(../images/founerbg.jpg);
        background-size: cover;
        width: 100%;
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 75% 100%;
    }
}
@media screen and (min-width:768px) and (max-width:1099px){
	#map{
		width: 100%;
		/*padding-bottom: 32.36%;*/
		padding-bottom: 46%;
		height: 0px;
	}
	header.header_dd_set{
		position: fixed;
        top: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        /*background-color: #202122;*/
        transition: all 0.4s;
        z-index: 11;
	}
	header.header_dd_set #logo{
		width: 75px;
        height: auto;
        transition: all 0.4s;
        transform: translateX(4px);
	}
    .open_menu{
    	display: none;
    }
	.title-in-section{
		border-bottom:5px solid #fff;
		margin-bottom: 40px;
	}
	.title-in-section .title-inner{
		top: 20px;
	}
	.item{
		padding-bottom: 55.625%;
		position: relative;
		background-size: cover;
        background-position: center center;
	}
	.item-1{
        background-color: rgb(38,38,38);
    }
    /*.item-2{
        background-image: url(../images/slide/slide_pc_1.jpg);
        background-size: cover;
        background-position: center center;
    }
    .item-3{
        background-image: url(../images/slide/slide_pc_2.jpg);
        background-size: cover;
        background-position: center center;
    }*/
    .item .item_logo:first-child{
    	right: 40px;
        top: 33.82%;
    }
    .item .item_small_icon{
        right: 60px;
        top: 50%;
    }
    .item .item_logo:last-child{
    	right: 40px;
        top: 66.18%;
    }
    .item .slide_txt{
    	display: block;
        width: 100%;
        top: 50%;
        margin-top: -12.5%;
    }
    .item .slide_txt p{
    	font-size: 48px;
    }
    .item .slide_video{
    	display: none;
    }
    .set_lang_cn .intro .spc_title_inner_box .spc_title_inner{
    	font-size: 14px;
    }
    .set_lang_cns .intro .spc_title_inner_box .spc_title_inner{
    	font-size: 14px;
    }
    .set_lang_cn .intro-text h2 .homepage_intro_txt{
    	font-family: 'Noto Sans TC', sans-serif;
    	font-weight: 400;
    	line-height: 1.4;
    }
    .set_lang_cns .intro-text h2 .homepage_intro_txt{
    	font-family: 'Noto Sans SC', sans-serif;
    	font-weight: 400;
    	line-height: 1.4;
    }
    .wrapper .title-in-section .title-inner-box{
	    top: 25px;
	    left: 0px;
    }
    .awards .wrapper .awards-list ul li .awards-list-des .awards-list-des-li .awards-list-des-li-left{
        width: 10%;
    }
    .awards .wrapper .awards-list ul li .awards-list-des .awards-list-des-li .awards-list-des-li-right{
	    width: 90%;
    }
    .contact .wrapper .contact-title , .contact .wrapper .contact-name ,.contact .wrapper .contact-list{
        display: inline-block;
        float: left;

    }
    .contact .wrapper .contact-list ul li .contact-list-intro{
        opacity: .6;
        color: #fff;
    }
    .contact .wrapper .contact-title{
	    width: 20%;
	    /*padding: 0 30px;*/
	    color: #fff;
	    /*font-size: 1.4rem;*/
	    font-size: 10px;
	    padding: 0 25px;
    }
    .set_lang_cn .contact .wrapper .contact-title{
    	font-family: 'Noto Sans TC', sans-serif;
        font-size: 14px;
        font-weight: 500;
    }
    .set_lang_cns .contact .wrapper .contact-title{
    	font-family: 'Noto Sans SC', sans-serif;
        font-size: 14px;
        font-weight: 500;
    }
    .contact .wrapper .contact-name{
	    width: 30%;
	    padding-top: 30px;
	    font-size: 1.8rem;
    }
    .contact .wrapper .contact-list{
	    width: 50%;
	    padding-top: 30px;
	    font-size: 1.6rem;
    }
    /*#founder .full_width_bg{
    	padding-bottom: 100%;
        background-image: url(../images/founer_pc_bg.png);
        background-size: cover;
        background-position: bottom;
    } 
    #founder .wrapper .intro-text{
        position: absolute;
        padding-top: 40px;
        width: calc( 100% - 120px );
    }*/
    #founder{
    	width: 100%;
    }
    #founder .full_width_bg{
    	padding-bottom: 42.71%;
    	background-image: url(../images/founerbg.jpg);
    	background-size: cover;
    	display: none;
    } 
    #founder .wrapper .intro-text{
        position: absolute;
        padding-top: 40px;
    }
    #founder .founder_wrapper{
    	padding-left: 0;
        padding-right: 0;
        width: 100%;
        max-width: 100%;
    }
    #founder .founder_wrapper .simple-link2{
    	padding: 0 45px;
    }
    #founder .founder_wrapper .title-in-section{
    	width: calc( 100% - 90px );
    	transform: translateX(45px);
    }
    #founder .founder_wrapper .intro-text{
    	background-image: url(../images/founerbg.jpg);
        background-size: cover;
        /*width: 100%;*/
        position: relative;
        background-repeat: no-repeat;
        padding: 30px 45px 60px 45px;
        background-position: 75% 100%;

        width: calc( 100% - 80px );
        margin: 0 auto;
    }
    #founder .founder_wrapper .intro-text h2{
    	/*max-width: 1137px;
        margin: 0 auto;*/
    }
    #list-work .title-list .mono-title{
	    /*display:block;*/
	    display: inline-block;
	    float: left;
	    /*padding-left: 30px;*/
	    cursor: pointer;
	    text-align: center;
	    /*width: 19%;*/
	    /*margin-right: 8%;*/
	    width: 20%;
	    margin-right: 5%;
	    margin-left: 0;
	    margin-top: 20px;
	    margin-bottom: 20px;
    }
    #list-work .title-list .mono-title-lk2{
    	width: 25%;
    }
    #list-work .title-list .mono-title-lk4 {
        margin-right: 0;
    }
    #list-work .title-list .mono-title .momo-title-btn{
   	    padding: 10px 0;
    }
    .set_lang_cn #list-work .title-list .mono-title .momo-title-btn{
	    font-size: 18px;
	    font-family: 'Noto Sans TC', sans-serif;
	    font-weight: 500;
    }
    .set_lang_cns #list-work .title-list .mono-title .momo-title-btn{
	    font-size: 18px;
	    font-family: 'Noto Sans SC', sans-serif;
	    font-weight: 500;
    }
  
    .video-box .mobile_img{
        display: none;
    }
    .video-box .pc_img{
    	display: block;
    }
    .article_inner_txt{
    	margin-bottom: 30px;
    	width: 100%;
    }
    .article_inner_txt{
    	display: table;;
    }
    .main-article .wrapper{
    	position: relative;
    }
    .share_button{
    	width: 100%;
        /*position: absolute;
        right: 40px;
        top: 150px;*/
        margin-bottom: 10px;
    }
    .article_inner_txt .article_inner_txt_box{
	   /* display: table-cell;*/
	    text-align: left;
	    vertical-align: bottom;

	    display: inline-block;
    }
    .article_inner_txt .article_inner_txt_box_strat{
        /*width: 25%;*/

        width: 40%;
    }
    .article_inner_txt .article_inner_txt_box_strat h3{
        /*font-size: 70px;*/
        margin-bottom: 0;
        line-height: 1;

        font-size: 50px;
        word-break: break-word;
    }
    .article_inner_txt .article_inner_txt_box_center{
        /*width: 40%;*/

        width: 30%;
    }
    .article_inner_txt .article_inner_txt_box_end{
        /*width: 35%;*/

        width: 30%;
    }
    .article_inner_txt .article_inner_txt_box p , .article_inner_txt .article_inner_txt_box .spc_txt{
    	margin-bottom: 5px;
    	font-size: 12px;
    }
    .set_lang_cn .article_inner_txt .article_inner_txt_box p , .article_inner_txt .article_inner_txt_box .nor_txt{
    	font-size: 12px;
    	font-weight: 500;
    	font-family: 'Noto Sans TC', sans-serif;
    }
    .set_lang_cns .article_inner_txt .article_inner_txt_box p , .article_inner_txt .article_inner_txt_box .nor_txt{
    	font-size: 12px;
    	font-weight: 500;
    	font-family: 'Noto Sans SC', sans-serif;
    }
    .More_article .More_btn_box{
        font-size: 12px;
    }
    .set_lang_cn .More_article .More_btn_box{
    	font-size: 14px;
    }
    .set_lang_cns .More_article .More_btn_box{
    	font-size: 14px;
    }
    .More_article .More_btn_box .More_btn{
        display: inline-block;
        position: relative;
        width: 15px;
        height: 15px;
        margin-right: 5px;
    }
    .More_article .More_btn_box .More_btn span:first-child{
    	height: 3px;
        width: 15px;
        top: 6px;
    }
    .More_article .More_btn_box .More_btn span:last-child{
    	width: 3px;
        height: 15px;
        left: 6px;
    }
    .back_to_home{
        width: 25%;
    }
    .article_inner_album img{
	    width: 50%;
	    border: 1px solid #000;
    }
    .DD_address_map_pc{
    	display: block;
    }
    .DD_address_map_mobile{
    	display: none;
    }
    .next_project_content .next_project_content_left{
	    width: 75%;
	    width: 100%;
	    display: block;
	    text-align: left;
    }
    .next_project_content .next_project_content_right{
	    width: 25%;
	    width: 100%;
	    display: block;
	    text-align: right;
    }

    .copy_tip{
    	width: 400px;
    	left: calc( (100% - 400px) / 2 );
    }

}
@media screen and (min-width:767px){
    .mono-title-link{
	    position: relative;
    }
    .mono-title-link:before{
        width: 160px;
        background-color: #fff;
        position: absolute;
        content: "";
        display: block;
        z-index: -1;
        left: 25px;
        /* top: -5px; */
        bottom: -15px;
        /* right: -10px; */
        height: 2px;
        font-weight: bold;
    }
    /*.copyRight{
    	display: none;
    }*/
}
@media screen and (max-width: 769px){
    .play-btn {
        /*width: 17.2vw;
        height: 17.2vw;*/
        /*width: 135px;
        height: 135px;*/
        width: 70px;
        height: 70px;
        top: calc(50% - 35px);
        left: calc(50% - 35px);
    }
}
@media screen and (max-width: 1099px){
	.pc_element{
		display: none;
	}
    .mobile_element{
    	display: block;
    }
}
@media screen and (min-width:0) and (max-width:767px){
	#map{
		width: 100%;
		padding-bottom: 46%;
		height: 0px;
	}
	.open_menu_hide{
		display: none;
	}
	.pc_element{
		display: none;
	}
    .mobile_element{
    	display: block;
    }
    header .main-nav li{
        text-align: center!important;
    }
    header .main-nav li a{
        font-size: 20px!important;
        font-weight: 600!important;
    	padding: 1px 11px!important;
        display: inline-block!important;
        width: 10rem;
        text-align: left;
    }
    .lang .lang_n .lang_n_left{
    	padding: 1px 11px;
    }
    .set_lang_cn .lang .lang_n .lang_n_left{
    	padding: 1px 11px 1px 5px;
        font-size: 20px;
        font-weight: 600;
        width: 10rem!important;
    }
    .set_lang_cns .lang .lang_n .lang_n_left{
    	padding: 1px 11px 1px 5px;
        font-size: 20px;
        font-weight: 600;
        width: 10rem!important;
    }
    .lang {
        width: 10rem;
        margin: auto;
    }
	header .main-nav ul.menu_hide{
	    transform: scale(0);
        -ms-transform: scale(0);	/* IE 9 */
        -webkit-transform: scale(0);	/* Safari 和 Chrome */
        -o-transform: scale(0);	/* Opera */
        -moz-transform: scale(0);	/* Firefox */
        position: absolute;
    }
    header.header_dd_set{
		position: fixed;
        top: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        /*background-color: #202122;*/
        transition: all 0.4s;
        z-index: 11;
	}
	header.header_dd_set #logo{
		width: 75px;
        height: auto;
        transition: all 0.4s;
        transform: translateX(-1px);
	}
	header.header_dd_set .main-nav .open_menu{
		top: -40px !important;
        width: 40px;
        height: 40px;
	}
	.lang .lang_ex .lang_li{
        font-size: 20px!important;
        font-weight: 600!important;
		padding: 10px 5px 0 10px;
        text-align: left;
        padding-left: 14px!important;
	}
	.set_lang_cn .lang .lang_ex .lang_li{
		padding: 10px 5px 0 5px;
	}
	.set_lang_cns .lang .lang_ex .lang_li{
		padding: 10px 5px 0 5px;
	}
    /*.work-section header .open_menu{
        display: none;
    }*/
    .carousel-inner {
        width: 100%;
        transform: none;
    }    
    .item{

		position: relative;
		background-size: cover;
        background-position: center center;
	}
	.item-1{
        background-color: rgb(38,38,38);
    }
    /*.item-2{
        background-image: url(../images/slide/slide_pc_1.jpg);
        background-size: cover;
        background-position: center center;
    } 
    .item-3{
        background-image: url(../images/slide/slide_pc_2.jpg);
        background-size: cover;
        background-position: center center;
    } */   
    .item .slide_video{
    	display: none;
    }
    .awards .cont-list-group ul li dt:first-child,.awards .cont-list-group ul li dt:first-child+dd,.go-top .name,.mono-title,.social-link li{
    	font-size:9px;
    	/*-webkit-transform: scale(0.75);*/
    }
    .intro .homepage_intro{

    }
    .intro .homepage_intro .homepage_intro_txt_1{
    	padding-left: 15px;
    	padding-right: 24px;
    }
    .intro .homepage_intro .homepage_intro_txt_2{
    	padding-left: 15px;
    	padding-right: 3px;
    }
    .intro .homepage_intro .homepage_intro_txt_3{
    	padding-left: 15px;
    	padding-right: 15px;
    }
    .intro-text h2 .homepage_intro_txt{
    	font-size: 20px;
    }
    .set_lang_cn .intro-text h2 .homepage_intro_txt{
    	font-family: 'Noto Sans TC', sans-serif;
    	font-weight: 400;
    	line-height: 1.4;
    }
    .set_lang_cns .intro-text h2 .homepage_intro_txt{
    	font-family: 'Noto Sans SC', sans-serif;
    	font-weight: 400;
    	line-height: 1.4;
    }
    #myCarousel{
        margin-bottom: 40px;
    }
    .item .item_logo:first-child{
    	left: 30px;
        /*top: 21.21%;*/
        top: 100px;
    }
    .item .item_small_icon{
        left: 66px;
        /*top: 51.51%;*/
        top: 200px;
    }
    .item .item_logo:last-child{
    	left: 30px;
        /*top: 83.94%;*/
        top: 300px;
    }
    .item .slide_txt{
    	display: block;
        width: 100%;
        top: 50%;
        margin-top: -35%;
    }
    .item .slide_txt p{
    	font-size: 36px;
    	line-height: 1.2;
    }
    .set_lang_cn .intro .spc_title_inner_box .spc_title_inner{
    	font-size: 12px;
    }
    .set_lang_cns .intro .spc_title_inner_box .spc_title_inner{
    	font-size: 12px;
    }
    .spc_title_inner-box{
    	padding-left: 5px;
    	margin-bottom: 30px;
    }
    .simple-link,.simple-link2{
		font-size: 10px;
		padding-left: 15px;
    	padding-right: 15px;
	}
	.simple-link{
		margin-bottom: 10px;
	}
	.title-in-section{
		width: calc( 100% - 30px );
		border-bottom: 6px solid #fff;
		margin-bottom: 0;
	}
	.spc_title_inner_box{
	    padding: 0 15px;
    }
	.intro-text h2{
		font-size: 20px;
	}
	#founder .intro-text h2{
		font-size: 19px;
	}
	#list-work .title-in-section{
        width: calc( 100% - 30px );
	}
	.modile-hidden{
		display: none;
	}
	#list-work .wrapper .mono-title-link .mono-title-div{
		width: 150px;height: 2px;background-color: #fff;margin: 10px auto 0 auto;
	}
	#list-work .title-list .mono-title{
		margin: 0;
		margin-bottom: 10px;
	}
	/*#list-work .title-list .mono-title:first-child {
        display: none;
    }
    #list-work .title-list .mono-title:nth-child(2) {
        margin-top: 20px;
    }*/
    #list-work .title-list .mono-title:last-child {
        margin-bottom: 20px;
    }
    /*.awards .wrapper .title-award h2{
		font-size: 3rem;
        padding-bottom: 0px; 
        padding-left: 0px;
        margin-bottom: 0px;
        opacity: .2;
        text-transform: uppercase;
	}
	.awards .wrapper .title-award .title-inner {
		font-size: 1.2rem;
		left: 0px;
		top: 10px;
	}*/
	
	.awards .wrapper .awards-list{
		padding: 0 15px;
	}
	.awards .wrapper .awards-list ul li .awards-list-intro{
		/* width: 70%; */
		width: 100%;
		padding: 13px 7px 0px 20px;
		font-size: 18px;
		/* text-align: right; */
		text-align: center;
		line-height: 1;
	}
	.awards .wrapper .awards-list ul li .awards-list-des{
		width: 100%;
		padding: 20px 0px 11px 20px;
		font-size: 1.6rem;
	}
	.awards .wrapper .awards-list ul li .awards-list-des .awards-list-des-li .awards-list-des-li-left{
		width: 20px;
		font-size: 10px;
		margin-bottom: 3px;
		line-height: 1;
		font-weight: bolder;
	}
	.awards .wrapper .awards-list ul li .awards-list-des .awards-list-des-li .awards-list-des-li-right{
		width: calc( 100% - 20px );
		font-size: 10px;
		margin-bottom: 5px;
		line-height: 1;
	}
	/*.set_lang_cn .awards .wrapper .awards-list ul li .awards-list-des .awards-list-des-li .awards-list-des-li-right{
		width: 14px;
	}*/
	/*.set_lang_cns .awards .wrapper .awards-list ul li .awards-list-des .awards-list-des-li .awards-list-des-li-right{
		width: 14px;
	}*/
	.awards .wrapper .awards-list ul li .awards-list-year{
        width: 30%;
		padding: 13px 20px 0px 20px;
		font-size: 1.6rem;
		line-height: 1;
		letter-spacing: 1px;
	}
	.awards .wrapper .awards-list ul li .awards-list-year-title{
        width: 100%;
		padding: 20px 20px 7px 20px;
		font-size: 9px;
		line-height: .8;
	}
	.set_lang_cn .awards .wrapper .awards-list ul li .awards-list-year-title{
		font-size: 12px;
		padding: 20px 0px 0px 20px;
	}
	.set_lang_cns .awards .wrapper .awards-list ul li .awards-list-year-title{
		font-size: 12px;
		padding: 20px 0px 0px 20px;
	}
	.awards-list-ext{
		font-size: 1.6rem;
		padding-bottom: 0;
	}
	.awards .wrapper .awards-list ul li .awards-list-des p{
		font-size: 1.6rem;
	}

	/*.contact .wrapper .title-contact h2{
		font-size: 3rem;
        padding-bottom: 0px; 
        padding-left: 0px;
        margin-bottom: 0px;
        opacity: .2;
        text-transform: uppercase;
	}
	.contact .wrapper .title-contact .title-inner {
		font-size: 1.2rem;
		left: 0px;
		top: 10px;
	}*/
	.contact .wrapper .contact-list ul li .contact-list-intro{
		width: 100%;
		padding: 0;
		margin-bottom: 5px;
		font-size: 1.6rem;
		text-align: right;
	}
	.contact .wrapper .contact-list ul li .contact-list-producer{
        float: right;
        color: #fff;
        line-height: 1.4;
	}
	.contact .wrapper .contact-list ul li .contact-list-producer-0{
		margin-top: 20px;
	}
	.contact .wrapper .contact-list ul li .contact-list-des{
		width: 100%;
		padding: 10px 20px;
		font-size: 1.6rem;
	}
	.contact .wrapper .contact-list ul li .contact-list-des .contact-list-des-li .contact-list-des-li-left{
		width: 10%;
		font-size: 1.2rem; 
	}
	.contact .wrapper .contact-list ul li .contact-list-des .contact-list-des-li .contact-list-des-li-right{
		width: 90%;
	}
	.contact .wrapper .contact-list ul li .contact-list-year{
        width: 30%;
		padding: 10px 20px;
		font-size: 1.6rem;
	}
	.contact .wrapper .contact-list ul li .contact-list-year-title{
        width: 100%;
		padding: 10px 20px;
		font-size: 1.2rem;
	}
	.contact-list-ext{
		font-size: 1.6rem;
		padding-bottom: 0;
	}
	.contact .wrapper .contact-list ul li .contact-list-des p{
		font-size: 1.6rem;
	}
    .contact .wrapper .contact-title , .contact .wrapper .contact-name ,.contact .wrapper .contact-list{
        display: inline-block;
        float: left;

    }
    .contact .wrapper .contact-title{
	    width: 100%;
        padding: 30px 25px 0 25px;
        font-size: 1.2rem;
        color: #fff;
    }
    .set_lang_cn .contact .wrapper .contact-title{
    	font-family: 'Noto Sans TC', sans-serif;
        font-size: 12px;
        font-weight: 500;
        padding: 30px 25px 0 45px;
    }
    .set_lang_cns .contact .wrapper .contact-title{
    	font-family: 'Noto Sans SC', sans-serif;
        font-size: 12px;
        font-weight: 500;
        padding: 30px 25px 0 45px;
    }
    .contact .wrapper .contact-name{
	    width: 100%;
	    padding-top: 10px;
        text-align: right;
        font-size: 24px;
    }
    .contact .wrapper .contact-list{
	    width: 100%;
	    padding-top: 30px;
    }
    .contact .wrapper .contact-list ul li .contact-list-intro{
    	margin-bottom: 0px;
    }
	.wrapper .title-in-section h2{
		/*font-size: 3rem;*/
        padding-bottom: 0px; 
        /*padding-left: 0px;*/
        margin-bottom: 0px;
        opacity: .2;
        text-transform: uppercase;
        line-height: 1;
        padding-left: 40px;
        line-height: 0.8;
        font-size: 43px;
        font-weight: 600;
	}
	.wrapper .title-in-section .title-inner-box{
		position: absolute;
		top: 10px;
		left: 0px;
	}
	.wrapper .title-in-section .title-inner {
		/*font-size: 1.2rem;*/
		/*left: -15px;*/
		/*top: 35px;*/
		/*position: absolute;*/
		margin: 0;
		/*top: 10px;*/
		font-size: 12px;
        /*-webkit-transform: scale(0.75);*/
	}  
	.set_lang_cn .wrapper .title-in-section .title-inner{
		font-family: 'Noto Sans TC', sans-serif;
        font-size: 12px;
        font-weight: 500;
	} 
	.set_lang_cns .wrapper .title-in-section .title-inner{
		font-family: 'Noto Sans SC', sans-serif;
        font-size: 12px;
        font-weight: 500;
	} 
	#list-work .wrapper .title-in-section .title-inner{
		/*left: -20px;*/
	}
	#list-work .title-list .mono-title .momo-title-btn{
		font-size: 13px;
		letter-spacing: 1.5px;
		padding: 10px 0;
		opacity: .5;
	}
	.set_lang_cn #list-work .title-list .mono-title .momo-title-btn{
    	font-size: 16px;
	    font-family: 'Noto Sans TC', sans-serif;
	    font-weight: 500;
    }
    .set_lang_cns #list-work .title-list .mono-title .momo-title-btn{
    	font-size: 16px;
	    font-family: 'Noto Sans SC', sans-serif;
	    font-weight: 500;
    }
	.mono-title-show .momo-title-btn{
		border-bottom: 4px solid #fff;
	}
	#list-work .title-list .mono-title-show .momo-title-btn{
		opacity: 1;
	}
	#list-work .cont-list-work .work .info-work p{
		display: none;
	}
	/*#founder .full_width_bg{
    	padding-bottom: 175.36%;
    	background-image: url(../images/founer_mobile_bg.png);
    	background-size: cover;
    	background-position: center bottom;
    }
    #founder .wrapper .intro-text{
        position: absolute;
        padding-top: 30px;
        width: calc( 100% - 60px );
        left: 30px;
    }    */
    #founder{
    	width: 100%;
    }
    #founder .full_width_bg{
    	padding-bottom: 42.71%;
    	background-image: url(../images/founerbg.jpg);
    	background-size: cover;
    	display: none;
    } 
    /*#founder .wrapper .intro-text{
        position: absolute;
        padding-top: 40px;
    }*/
    #founder .founder_wrapper{
    	padding-left: 0;
        padding-right: 0;
        width: 100%;
        max-width: 100%;
    }
    #founder .founder_wrapper .simple-link2{
    	padding: 0 30px;
    }
    #founder .founder_wrapper .title-in-section{
    	width: calc( 100% - 60px );
    	/*transform: translateX(45px);*/
    }
    #founder .founder_wrapper .intro-text{
    	background-image: url(../images/founer_bg.jpg);
        background-size: cover;
        width: 100%;
        position: relative;
        background-repeat: no-repeat;
        padding: 30px 30px 60px 30px;
        background-position: 75% 100%;
        min-height: 820px;

        /*background-image: none;*/
        padding: 30px 30px 30px 30px;
        min-height: 520px;
    }
    #founder .founder_wrapper .intro-text h2{
    	/*max-width: 1137px;
        margin: 0 auto;*/
    }
    #awards .wrapper .title-in-section .title-inner{
    	left: -10px;
    }

    .video-box .mobile_img{
        display: block;
    }
    .video-box .pc_img{
    	display: none;
    }
    .article_inner_txt .article_inner_txt_box{
	    text-align: center;
    }
    .article_inner_txt .article_inner_txt_box_strat{
 
    }
    .article_inner_txt .article_inner_txt_box_center{
        margin-bottom: 33px;
    }
    .article_inner_txt .article_inner_txt_box_end{
        /*margin-bottom: 45px;*/
        margin-bottom: 20px;
    }
    .set_lang_cn .More_article .More_btn_box{
    	font-size: 16px;
    }
    .set_lang_cns .More_article .More_btn_box{
    	font-size: 16px;
    }
    .share_button{
    	margin-bottom: 20px;
    }
    .article_inner_content .article_inner_content_txt{
        padding: 15px 0 0 0;
    }
    .article_inner_content  .article_show_content{
    	-webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
    }
    .article_inner_content .article_inner_content_txt{
    	font-size: 16px;
    	letter-spacing: -0.4px;
        padding: 15px 5px 0 5px;
        line-height: 1.9;
    }
    .set_lang_cn .article_inner_content .article_inner_content_txt{
    	font-size: 14px;
    }
    .set_lang_cns .article_inner_content .article_inner_content_txt{
    	font-size: 14px;
    }
    .article_inner_content , .article_inner_album img{
	    margin-bottom: 5px;
	    width: 100%;
	    max-width: 100%;
    }
    .article_inner_txt .article_inner_txt_box p {
        margin-bottom: 8px;
        font-family: 'Graduate', cursive;
        font-size: 13px;
        letter-spacing: 1.09px;
        line-height: 1;
    }
    .set_lang_cn .article_inner_txt .article_inner_txt_box p , .article_inner_txt .article_inner_txt_box .nor_txt{
    	font-size: 14px;
    	font-weight: 500;
    	font-family: 'Noto Sans TC', sans-serif;
    }
    .set_lang_cns .article_inner_txt .article_inner_txt_box p , .article_inner_txt .article_inner_txt_box .nor_txt{
    	font-size: 14px;
    	font-weight: 500;
    	font-family: 'Noto Sans SC', sans-serif;
    }
    .article_inner_txt .article_inner_txt_box h3{
        margin-bottom: 0;
        line-height: 1.5;
    }
    .set_lang_cn .article_inner_title .article_inner_Intitle{
    	font-size: 12px;
    }
    .set_lang_cns .article_inner_title .article_inner_Intitle{
    	font-size: 12px;
    }
    .next_project_content .next_project_content_left{
	    width: 75%;
	    width: 100%;
	    display: block;
	    text-align: left;
    }
    .next_project_content .next_project_content_right{
	    width: 25%;
	    width: 100%;
	    display: block;
	    text-align: right;
    }

    .copy_tip{
    	width: 300px;
    	left: calc( (100% - 300px) / 2 );
    }
}

@media screen and (min-width: 480px) and (max-width:1024px){
	.carousel-inner {
        width: 100%;
        transform: none;
    }
    #list-work .title-list .title-inner {
    	top: 20px;
    }
}

@media screen and (max-width: 479px){
	#list-work .title-list .mono-title:first-child{
        margin-top: 20px;
	}
	header .main-nav{
		width: calc( 100% + 60px );
		transform: translateX(30px);
	}
	html.work-section header .main-nav{
		width: auto;
		transform: none;
	}
	header .main-nav ul{
		/*background-color: gray;
		position: absolute;
        top: 30px;
        right: 0;*/
        width: 100%;
        position: relative;
        background-color: rgb(32,33,35);
        min-height: 500px;
	}
	header .main-nav li{
		display: block;
        float: none;
        margin: 0;
        /*padding: 10px*/
        padding: 20px;
        border-bottom: 1px solid #000;
	}
    header .main-nav li.nav-vertical{
		display: none;
		padding: 0;
	}
	.lang .lang_n .lang_n_left{
		width: 100%;
		/*padding: 0 5px;*/
		font-weight: 700;

/*		width: 15%;*/
        width: 4.3rem!important;
	}
	.lang .lang_n .lang_n_right{
		/*display: none;*/

/*		width: 7%;*/
        width: 2rem!important;
		padding: 1px;
/*        margin-top:5px;*/
	}
    .lang.lang_cn .lang_n .lang_n_right {
        margin-top: 5px;
    }
	.lang_cn .lang_n .lang_n_left{
		width: 25%;
	}
	.open_menu{
		position: absolute;
		/*top: 0;
		right: 0;*/
		top: -55px;
        right: 25px;
        width: 50px;
        height: 50px;
	}
	header .main-nav-adjust{
		width: auto;
        transform: none;
	}
	/*.work-section header .main-nav{
		width: auto;
        transform: none;
	}*/
	#list-work .cont-list-work .work .info-work h3{
		font-size: 26px;
		padding: 13px 0;
	}
	.More_article{
		font-size: 10px;
		padding: 10px;
	}
	.More_article .More_btn_box .More_btn{
		width: 15px;
		height: 15px;
	}
	.More_article .More_btn_box .More_btn span:first-child{
        height: 3px;
        width: 15px; 
        top: 6px;
    }
    .More_article .More_btn_box .More_btn span:last-child{
        width: 3px;
        height: 15px; 
        left: 6px;
    }
    .video-box-work{
        padding: 0;
    }
    .video-box {
        /*height: 100vh;*/
        /*height: initial;*/
    }
    .work-box-playbtn img {
        /*position: absolute;
        top: 50%;
        left: 50%;
        width: auto;
        max-height: 100%;
        min-width: 100%;
        min-height: 100%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);*/
        position: relative;
        max-width: 100%;
        min-width: initial;
        min-height: inherit;
        top: initial;
        left: initial;
        transform: initial;
        max-height: initial;
        width: 100%;
    }
    .close-btn {
        top: 75px;
    }
}
@media screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape){
	header .main-nav{
		width: calc( 100% + 80px );
		transform: translateX(40px);
	}
	html.work-section header .main-nav{
		width: auto;
		transform: none;
	}
	header .main-nav ul{
		/*background-color: gray;
		position: absolute;
        top: 30px;
        right: 0;*/
        width: 100%;
        position: relative;
        background-color: rgb(32,33,35);
        min-height: 500px;
	}
	header .main-nav li{
		display: block;
        float: none;
        margin: 0;
        /*padding: 10px*/
        padding: 20px 30px;
        border-bottom: 1px solid #000;
        /*position: absolute;*/
	}
	header .main-nav li.nav-vertical{
		display: none;
		padding: 0;
	}
	.lang .lang_n .lang_n_left{
		width: 100%;
		padding: 0 5px;
		font-weight: 700;
		padding: 1px 11px;

		width: 10%;
	}
	.lang .lang_n .lang_n_right{
		/*display: none;*/

		width: 4%;
        padding: 1px;
	}
	.lang_cn .lang_n .lang_n_left{
		width: 15%;
	}
	.open_menu{
		position: absolute;
		/*top: 0;
		right: 0;*/
		top: -55px;
        right: 25px;
        width: 50px;
        height: 50px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1099px) and (orientation: portrait){
	.video-box .mobile_img{
        display: none;
    }
    .video-box .pc_img{
    	display: block;
    }
    .video_ready_bg{
    	width: 100%;
    	padding-bottom: 44.27%;
    }
    /*#founder .full_width_bg{
     	padding-bottom: 100%;
        background-image: url(../images/founer_pc_bg.png);
        background-size: cover;
        background-position: bottom;
    }*/
}
@media screen and (min-width: 768px) and (max-width: 1099px) and (orientation: landscape){
	.video-box .mobile_img{
        display: none;
    }
    .video-box .pc_img{
    	display: block;
    }
    .video_ready_bg{
    	width: 100%;
    	padding-bottom: 44.27%;
    }
    /*#founder .full_width_bg{
    	padding-bottom: 55%;
        background-image: url(../images/founer_pc_bg.png);
        background-size: cover;
        background-position: bottom;
    }*/
    .share_button{
    	width: 100%;
        position: absolute;
        right: 18px;
        top: 150px;
    }
}
@media screen and (min-width: 360px) and (max-width: 767px) and (orientation: portrait){
	.video-box .mobile_img{
        display: block;
    }
    .video-box .pc_img{
    	display: none;
    }
    .set-btn{
    	top: 120px;
    }
    .video_ready_bg{
    	width: 100%;
    	padding-bottom: 168.84%;
    }
    /*#founder .full_width_bg{
    	padding-bottom: 175.36%;
        background-image: url(../images/founer_mobile_bg.png);
        background-size: initial;
        background-position: bottom;
    }*/
}
@media screen and (min-width: 360px) and (max-width: 767px) and (orientation: landscape){
	header.header_dd_set #logo{
        transform: translateX(-11px);
	}
	header.header_dd_set .main-nav .open_menu{
		transform: translateX(6px);
	}
	.intro .homepage_intro .homepage_intro_txt_1 , .intro .homepage_intro .homepage_intro_txt_2{
		padding-left: 4px;
	}
	.video-box .mobile_img{
        display: none;
    }
    .video-box .pc_img{
    	display: block;
    }
    .set-btn{
    	bottom: 60px;
    }
    #founder .founder_wrapper .title-in-section {
        margin-bottom: 30px;
    }
    #founder .founder_wrapper .intro-text{
    	min-height: initial;
    	background-image: url(../images/founerbg.jpg);
    }
    .video_ready_bg{
    	width: 100%;
    	padding-bottom: 44.27%;
    }
    /*#founder .full_width_bg{
    	padding-bottom: 75%;
        background-image: url(../images/founer_pc_bg.png);
        background-size: cover;
        background-position: center right;
    }*/
}
@media screen and (max-width: 359px) and (orientation: portrait){
	.video-box .mobile_img{
        display: block;
    }
    .video-box .pc_img{
    	display: none;
    }
    .set-btn{
    	top: 120px;
    }
    .video_ready_bg{
    	width: 100%;
    	padding-bottom: 168.84%;
    }
	/*#founder .full_width_bg{
        padding-bottom: 250%;
        background-image: url(../images/founer_mobile_bg.png);
        background-size: cover;
        background-position: center bottom;
    }*/
}
@media screen and (max-width: 359px) and (orientation: landscape){
	.video-box .mobile_img{
        display: none;
    }
    .video-box .pc_img{
    	display: block;
    }
    .set-btn{
    	bottom: 60px;
    }
	/*#founder .full_width_bg{
        padding-bottom: 100%;
        background-image: url(../images/founer_pc_bg.png);
        background-size: cover;
        background-position: center right;
    }*/
    .video_ready_bg{
    	width: 100%;
    	padding-bottom: 44.27%;
    }
    #founder .founder_wrapper .title-in-section {
        margin-bottom: 30px;
    }
    #founder .founder_wrapper .intro-text{
    	min-height: initial;
    	/*background-image: url(../images/founer_pc_bg.png);*/

    }
}
@media screen and (max-width: 350px){
    .wrapper .title-in-section h2{
    	font-size: 30px;
    	padding-left: 20px;
    }
    .wrapper .title-in-section .title-inner{
    	top: 10px;
        font-size: 8px;
    }
}

@media screen and (min-width:0) and (max-width:767px) and (orientation: portrait){
	.item{
		padding-bottom: 168.841%;
	}
	.video-box {
        height: initial;
        width: 100%;
        /*padding-bottom: 128.74%;*/

        padding-bottom: 108.74%;
    }
    .video-box .work-box-playbtn{
    	position: absolute;
    }
    .DD_address_map_pc{
    	display: none;
    }
    .DD_address_map_mobile{
    	display: block;
    }
}
@media screen and (min-width:0) and (max-width:767px) and (orientation: landscape){
	.item{
		padding-bottom: 55.625%;
	}
	.item .slide_txt{
		margin-top: -10%;
	}
	.video-box {
        height: initial;
        width: 100%;
        padding-bottom: 44.27%;
    }
    .video-box .work-box-playbtn{
    	position: absolute;
    }
    .DD_address_map_pc{
    	display: block;
    }
    .DD_address_map_mobile{
    	display: none;
    }
}



.video-is-play-now .work-box-playbtn{
    height: auto;
    position: relative;
}

//homepage
.main-wrapper { padding-left: 0; padding-right: 0; }
.homepage_intro_txt {
	transform-style: preserve-3d;
	perspective: 400px;
}
.homepage_intro_txt em, .effect-text em {
	transition-duration: .8s;
	will-change: transform,opacity;
}
.homepage_intro_txt:not(.active) em {
	opacity: 0;
	transform: scale(4);
}
.effect-text:not(.active) em {
	opacity: 0;
	transform: translateY(20px);
}

@keyframes showTextInView-1 {
	0 {
		opacity: 0;
		transform-origin: center center;
		transform: rotate(10deg);
	}
	30% {
		opacity: 0.6;
		transform-origin: top center;
		transform: rotate(4deg);
	}
	100% {
		opacity: 1;
		transform: rotate(0deg);
	}
}

@keyframes showTextInView {
	0 {
		opacity: 0;
		transform: skew(10deg, 0deg) translateX(100px);
	}
	30% {
		opacity: 0.6;
		transform: skew(-4deg, 0deg) translateX(0px);
	}
	100% {
		opacity: 1;
		transform: skew(0deg, 0deg);
	}
}

.homepage_intro_txt {
	transform: skew(10deg, 0deg) translateX(100px);
	opacity: 0;
	// transition: transform 0.5s linear, opacity 0.4s ease-out;
	// transform: translateY(50px);
}
.homepage_intro_txt.active {
	animation-name: showTextInView;
	animation-timing-function: linear;
	animation-duration: .6s;
	animation-delay: .3s;
	animation-fill-mode: both;
}
// .homepage_intro_txt.active em {
// 	opacity: 1;
// 	transform: scale(1);
// }
// .effect-text.active em {
// 	opacity: 1;
// 	transform: translateY(0);
// }
#list-work .cont-list-work .work .wrapper {
	z-index: 2;
}
.mf-cursor {
	// z-index: 1;
	mix-blend-mode: exclusion;
	opacity: 0.9;
	top: -110px!important;
	left: -110px!important;
}

@media (max-width: 768px) {
	.mf-cursor {
		display: none;
	}
}

.mf-cursor::before {
	display: none!important;
}
#list-work, #list-work .cont-list-work .work {
	z-index: 2;
}
.mf-cursor-media {
	width: 620px!important;
	height:620px!important;
}
@media screen and (max-width: 600px) {
	.mf-cursor {
		left: 0!important;
		top: 0!important;
	}
	.mf-cursor-media {
		width: 300px;
		height: 300px;
	}
}
#list-work .cont-list-work .work:hover .info-work h3,
#list-work .cont-list-work .work:hover .info-work p{
	color: #fff;
	font-weight: 600!important;
	// font-size: calc(6rem + 8px);
}
.title-in-section h2 {
  font-size: 6rem;
  /* font-family: 'Merienda', sans-serif; */
  font-family: 'Montserrat';
  margin: 1rem auto;
  color: #fffefe61;
  background: -webkit-gradient(linear, left top, right top, from(#e6e6e6), to(#1d1c1c), color-stop(0.8, #ffffff)) no-repeat;
  background: gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.8, #fff)) no-repeat;
  background-size: 110px 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: flick 2.5s infinite;
}
@keyframes flick {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top right;
  }
}

/** wowslider css start **/
/*
 *	generated by WOW Slider 9.0
 *	template Convex
 */
@font-face {
  font-family: 'ws-ctrl-convex';
  src: url('ws-ctrl-convex.eot');
  src: url('ws-ctrl-convex.eot#iefix') format('embedded-opentype'),
       url('ws-ctrl-convex.svg#ws-ctrl-convex') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ws-ctrl-convex';
  src: url('data:application/octet-stream;base64,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') format('woff'),
       url('data:application/octet-stream;base64,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') format('truetype');
}
#wowslider-container1 { 
	display: table;
	zoom: 1; 
	position: relative;
	width: 100%;
	/* max-width: 1280px; */
	max-height:720px;
	margin:0px auto 0px;
	z-index:0;
	text-align:left; /* reset align=center */
	font-size: 10px;
	text-shadow: none; /* fix some user styles */

	/* reset box-sizing (to boostrap friendly) */
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box; 
	overflow: hidden;
}

* html #wowslider-container1{ width:100% }
#wowslider-container1 .ws_images ul{
	position:relative;
	width: 10000%; 
	height:100%;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
    background-position: center center;
	position: relative;
	width:1%;
	height:100%;
	line-height:0; /*opera*/
	overflow: hidden;
	float:left;
	/*font-size:0;*/
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}
#wowslider-container1 .ws_list .slider video {
	object-fit: cover;
	width: 100%;
	height: 100%;
	z-index: 2;
}
#wowslider-container1 .ws_images{
	position: relative;
	left:0;
	top:0;
	height:100%;
	width: 100%;
	max-height:720px;
    height: 720px;
	/* max-width: 1280px; */
	vertical-align: top;
	border:none;
	overflow: hidden;
}

#wowslider-container1 .ws_images ul a{
	width:100%;
	height:100%;
	max-height:720px;
	display:block;
	color:transparent;
}



#wowslider-container1 img{
	max-width: none !important;
}
#wowslider-container1 .ws_images .ws_list img,
#wowslider-container1 .ws_images > div > img{
/*	width:100%;*/
    min-width:100%;
	border:none 0;
	max-width: none;
    height: 100%;
	padding:0;
	margin:0;
    margin-top: calc(1 * calc( (720px - 100vw * 0.5718038528896673) * 0.5 ));
    height: calc(100vw * 0.5718038528896673);
}
#wowslider-container1 .ws_images > div > img {
	max-height:720px;
}
@media (max-width: 576px) {
	.slider .slide_txt, .ws_cover .slide_txt {
		top: unset!important;
	}
	.ws_front_image, .ws_back_image {
		background-size: auto 100%!important;
		background-repeat: no-repeat;
	}
	.ws_front_image img, .ws_back_image img {
		display: none;
	}
	.ws_effect.ws_louvers,
	#wowslider-container1,
	#wowslider-container1 .ws_images,
	#wowslider-container1 .ws_images ul a,
	.ws_effect .ws_front_image,
	.ws_effect .ws_back_image,
	#wowslider-container1 .ws_images > div > img {
		height: 100vh!important;
	}
	/* .ws_louvers.ws_effect>div:nth-child(1) .ws_front_image,
	.ws_louvers.ws_effect>div:nth-child(1) .ws_back_image{
		background-position-x: 200px;
	}
	.ws_louvers.ws_effect>div:nth-child(2) .ws_front_image,
	.ws_louvers.ws_effect>div:nth-child(2) .ws_back_image {
		background-position-x: calc(200px + 100% / 8);
	}
	.ws_louvers.ws_effect>div:nth-child(3) .ws_front_image,
	.ws_louvers.ws_effect>div:nth-child(3) .ws_back_image {
		background-position-x: calc(200px + 100% / 8 * 2);
	}
	.ws_louvers.ws_effect>div:nth-child(4) .ws_front_image,
	.ws_louvers.ws_effect>div:nth-child(4) .ws_back_image {
		background-position-x: calc(200px + 100% / 8 * 3);
	}
	.ws_louvers.ws_effect>div:nth-child(5) .ws_front_image,
	.ws_louvers.ws_effect>div:nth-child(5) .ws_back_image {
		background-position-x: calc(200px + 100% / 8 * 4);
	}
	.ws_louvers.ws_effect>div:nth-child(6) .ws_front_image,
	.ws_louvers.ws_effect>div:nth-child(6) .ws_back_image {
		background-position-x: calc(200px + 100% / 8 * 5);
	}
	.ws_louvers.ws_effect>div:nth-child(7) .ws_front_image,
	.ws_louvers.ws_effect>div:nth-child(7) .ws_back_image {
		background-position-x: calc(200px + 100% / 8 * 6);
	}
	.ws_louvers.ws_effect>div:nth-child(8) .ws_front_image,
	.ws_louvers.ws_effect>div:nth-child(8) .ws_back_image {
		background-position-x: calc(200px + 100% / 8 * 7);
	} */
}

@media (min-width: 576.1px) {
	.ws_front_image, .ws_back_image {
		background-image: none!important;
	}
}
/* @media (max-width: 576px) {
	#wowslider-container1,
	#wowslider-container1 .ws_images,
	#wowslider-container1 .ws_images ul a,
	#wowslider-container1 .ws_images > div > img {
		min-height: 600px; 
	}
	.slider .slide_txt, .ws_cover .slide_txt {
		top: unset!important;
	}
	.ws_effect.ws_louvers {
		/* display: none!important; */
	}
} */

#wowslider-container1 .ws_images iframe {
	position: absolute;
	z-index: -1;
}

#wowslider-container1 .ws-title > div {
	display: inline-block !important;
}

#wowslider-container1 a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

#wowslider-container1  .ws_bullets { 
	float: left;
	position:absolute;
	z-index:70;
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;
	font-size: 0px;
}
/* compatibility with Joomla styles */
#wowslider-container1  .ws_bullets a {
	line-height: 0;
}

#wowslider-container1  .ws_script{
	display:none;
}
#wowslider-container1 sound, 
#wowslider-container1 object{
	position:absolute;
}

/* prevent some of users reset styles */
#wowslider-container1 .ws_effect {
	position: static;
	width: 100%;
	height: 100%;
}

#wowslider-container1 .ws_photoItem {
	border: 2em solid #fff;
	margin-left: -2em;
	margin-top: -2em;
}
#wowslider-container1 .ws_cube_side {
	background: #A6A5A9;
}


#wowslider-container1.ws_gestures {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move;
}
#wowslider-container1.ws_gestures.ws_grabbing {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move;
}

/* hide controls when video start play */
#wowslider-container1.ws_video_playing .ws_bullets,
#wowslider-container1.ws_video_playing .ws_fullscreen,
#wowslider-container1.ws_video_playing .ws_next,
#wowslider-container1.ws_video_playing .ws_prev {
	display: none;
}


/* youtube/vimeo buttons */
#wowslider-container1 .ws_video_btn {
	position: absolute;
	display: none;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 55;
}
#wowslider-container1 .ws_video_btn.ws_youtube,
#wowslider-container1 .ws_video_btn.ws_vimeo {
	display: block;
}
#wowslider-container1 .ws_video_btn div {
	position: absolute;
	background-image: url(./playvideo.png);
	background-size: 200%;
	top: 50%;
	left: 50%;
	width: 7em;
	height: 5em;
	margin-left: -3.5em;
	margin-top: -2.5em;
}
#wowslider-container1 .ws_video_btn.ws_youtube div {
	background-position: 0 0;
}
#wowslider-container1 .ws_video_btn.ws_youtube:hover div {
	background-position: 100% 0;
}
#wowslider-container1 .ws_video_btn.ws_vimeo div {
	background-position: 0 100%;
}
#wowslider-container1 .ws_video_btn.ws_vimeo:hover div {
	background-position: 100% 100%;
}

#wowslider-container1 .ws_playpause.ws_hide {
	display: none !important;
}
/* bullets */
#wowslider-container1  .ws_bullets { 
	padding: 0px; 
}
#wowslider-container1 .ws_bullets a { 
	position:relative;
	display: inline-block;
	width: 0;
	margin: 3px 5px;
	padding: 8px;	

	-webkit-perspective: 80px;
	perspective: 80px;
} 
#wowslider-container1 .ws_bullets a > span {
	position:absolute;
	display: block;
	top:0;
	right: 0;
	height:100%;
	width:100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-transition: -webkit-transform 0.5s ease;
  	transition: -webkit-transform 0.5s ease, transform 0.5s ease;
}

#wowslider-container1 .ws_bullets a > span:before,
#wowslider-container1 .ws_bullets a > span:after {
	content: '';
	display: block;
	height:100%;
	background: #54acd2;

  	-webkit-transform: rotateX(-90deg) translateZ(-8px) translateY(8px);
  	transform: rotateX(-90deg) translateZ(-8px) translateY(8px);
}
#wowslider-container1 .ws_bullets a > span:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  	background: #1A2223;
  	-webkit-transform: rotateX(0deg);
  	transform: rotateX(0deg);
}

#wowslider-container1 .ws_bullets a.ws_overbull > span,
#wowslider-container1 .ws_bullets a.ws_selbull > span {
    -webkit-transform: rotateX(-90deg) translateZ(8px) translateY(8px);
    transform: rotateX(-90deg) translateZ(8px) translateY(8px);
}




/* play/pause, arrows */
#wowslider-container1 a.ws_next,
#wowslider-container1 a.ws_prev,
#wowslider-container1 .ws_playpause {
	position:absolute;
	font: 2em "ws-ctrl-convex";
	width: 2.5em;
	height: 2.5em;
	top:50%;
	
	margin-top: -1.25em;
	color: #ffffff;
	z-index: 100;

	-webkit-perspective: 20em;
	perspective: 20em;
}
#wowslider-container1 a.ws_next {
	right: 0;
}
#wowslider-container1 a.ws_prev {
	left: 0;
}
#wowslider-container1 .ws_playpause {
	left:50%;
	margin-left:-1.25em;
}

#wowslider-container1 a.ws_next > span,
#wowslider-container1 a.ws_prev > span,
#wowslider-container1 .ws_playpause > span,
#wowslider-container1 .ws_bullets a > span {
	display: block;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-transition: -webkit-transform 0.5s ease;
  	transition: -webkit-transform 0.5s ease, transform 0.5s ease;
}


#wowslider-container1 a.ws_next > span:before,
#wowslider-container1 a.ws_prev > span:before,
#wowslider-container1 .ws_playpause > span:before,
#wowslider-container1 a.ws_next > span:after,
#wowslider-container1 a.ws_prev > span:after,
#wowslider-container1 .ws_playpause > span:after {
	display: block;
	text-align: center;
	line-height: 2.5em;
	height:100%;
	background: #54acd2;
	color: #1A2223;

  	-webkit-transform: rotateX(-90deg) translateZ(-1.25em) translateY(1.25em);
  	transform: rotateX(-90deg) translateZ(-1.25em) translateY(1.25em);
}
#wowslider-container1 .ws_play > span:before,
#wowslider-container1 .ws_play > span:after{
	content:"\e800";
}
#wowslider-container1 .ws_pause > span:before,
#wowslider-container1 .ws_pause > span:after{
	content:"\e801";
}
#wowslider-container1 a.ws_next > span:before,
#wowslider-container1 a.ws_next > span:after {
	content:'\e803';
}
#wowslider-container1 a.ws_prev > span:before,
#wowslider-container1 a.ws_prev > span:after {
	content:'\e802';
}

#wowslider-container1 a.ws_next > span:after,
#wowslider-container1 a.ws_prev > span:after,
#wowslider-container1 .ws_playpause > span:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  	-webkit-transform: rotateX(0deg);
  	transform: rotateX(0deg);
  	background: #1A2223;
	color: #54acd2;
}

#wowslider-container1 a.ws_next:hover > span,
#wowslider-container1 a.ws_prev:hover > span,
#wowslider-container1 .ws_playpause:hover > span {
    -webkit-transform: rotateX(-90deg) translateZ(1.25em) translateY(1.25em);
    transform: rotateX(-90deg) translateZ(1.25em) translateY(1.25em);
}/* bottom center */
#wowslider-container1  .ws_bullets {
	bottom:1.5em;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}#wowslider-container1 .ws-title{
	font: 1.3em 'Gurajada', serif;
	position: absolute;
	left: 2em;
	margin-right:10em;
	z-index: 50;

	color:#fff;
	padding: 1em;
	bottom: 30px;
	top: auto;
	opacity: 1;
}
#wowslider-container1 .ws-title div,#wowslider-container1 .ws-title span{
	display:inline-block;
	padding: 0.1em 0.6em;
	background-color: #1A2223;
	color: #54acd2;
}
#wowslider-container1 .ws-title div{
	display:block;
	margin-top:0.5em;
	font-size: 1.3em;
}
#wowslider-container1 .ws-title span{
	text-transform: uppercase;	
	font-size: 2em;
}#wowslider-container1 .ws_images > ul{
	animation: wsBasic 8s infinite;
	-moz-animation: wsBasic 8s infinite;
	-webkit-animation: wsBasic 8s infinite;
}
@keyframes wsBasic{0%{left:-0%} 25%{left:-0%} 50%{left:-100%} 75%{left:-100%} }
@-moz-keyframes wsBasic{0%{left:-0%} 25%{left:-0%} 50%{left:-100%} 75%{left:-100%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 25%{left:-0%} 50%{left:-100%} 75%{left:-100%} }

#wowslider-container1 .ws_bullets  a img{
	position:absolute;
	display:block;
	text-indent:0;
	bottom:15px;
	left:-43px;
	visibility:hidden;
	max-width:none;
}
#wowslider-container1 .ws_bullets a:hover img{
	visibility:visible;
}

#wowslider-container1 .ws_bulframe div div{
	height:48px;
	overflow:visible;
	position:relative;
}
#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:85px;
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	position:absolute;
	display:none;
	bottom:25px;
	margin-left:8px;
	cursor:pointer;

	/* fixed bulframe hidding in Chrome */
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}#wowslider-container1 .ws_bulframe div div{
	height: auto;
}

@media all and (max-width:760px) {
	#wowslider-container1 .ws_fullscreen {
		display: block;
	}
}
@media all and (max-width:400px){
	#wowslider-container1 .ws_controls,
	#wowslider-container1 .ws_bullets,
	#wowslider-container1 .ws_thumbs{
		display: none
	}
}

.slider:not(.loading)>img {
	z-index: 1;
	/* display: none; */
}
.slider.loading video {
	display: none;
}
.d-none {
	display: none!important;
}
li.slider>div {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.slider .slide_txt, .ws_cover .slide_txt {
	line-height: 1.15;
	text-align: center;
	width: 100%;
	padding-left: 1rem;
	padding-right: 1rem;
	max-width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	transition: .5s linear;
}
.slider .slide_txt {
	visibility: hidden;
	opacity: 0;
	display: none;
}
@media screen and (max-width: 576px) {
	.slider .slide_txt {
		display: block;
		opacity: 1;
		visibility: visible;
	}
	.ws_cover .slide_txt {
		display: none;
	}
}
@keyframes showText {
	0% {
		transform: translateY(60px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
.slider .slide_txt p, .slider .slide_txt .slide_intro_btn,
.ws_cover.show .slide_txt p, .ws_cover.show .slide_txt .slide_intro_btn,
{
	/* transition: transform .5s linear, opacity .3s ease-in; */
	/* transform: translateY(-20px); */
	opacity: 0;
}
.slider .slide_txt p,
.ws_cover .slide_txt p 
{
	animation-delay: .7s;
}
.set_lang_cn .ws_cover .slide_txt p,
.set_lang_cn .slider .slide_txt p {
	font-family: 'Noto Sans TC', sans-serif;
}
.slider .slide_txt .slide_intro_btn, 
.ws_cover .slide_txt .slide_intro_btn {
	animation-delay: 1s;
}
@keyframes HideCoverText{
	from{
		opacity: 1;
	}
	to{
		opacity: 0;
	}
}

.ws_cover .slide_txt p, .ws_cover .slide_txt .slide_intro_btn, {
	animation-name: HideCoverText;
	animation-duration: .3s;
	animation-fill-mode: normal;
	animation-timing-function: linear;
	animation-fill-mode: both;
}

.slider.active .slide_txt .slide_intro_btn,
.slider.active .slide_txt p,
.ws_cover.show .slide_txt .slide_intro_btn,
.ws_cover.show .slide_txt p {
	animation-name: showText;
	animation-duration: .3s;
	animation-fill-mode: normal;
	animation-timing-function: linear;
	animation-fill-mode: both;
}

p {
	margin: 0 0 25px;
}
.slide_txt p {
	font-size: 72px;
	font-weight: 400;
}
@media screen and (max-width: 1100px) {
	.slide_txt p {
		font-size: 48px;
	}
}
.slide_txt .slide_intro_btn{
	display: inline-block;
	color: #fff;
	padding: 10px 20px;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 12px;
	font-weight: 500;
}
.set_lang_cns .item .slide_txt .slide_intro_btn{
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 12px;
	font-weight: 500;
}
 .set_lang_cns .slide_txt p{
	font-family: 'Noto Sans TC', sans-serif;
}
.slider:not(.loading)>img {
	z-index: 1;
	display: none;
}
.slider.loading>img {
	z-index: 3;
	/* display: block; */
	display: none;
}
.slider.loading>div>div {
	/* display: none; */
}
.slider.loading video {
	display: none;
}
.ws_list {
	display: block!important;
}
.d-none {
	display: none!important;
}
li.slider>div {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.slider.active.loading>img {
	display: none;
}
.slider.active:not(.loading)>div>img {
	display: none;
}
.slider .slide_txt p, .slider .slide_txt .slide_intro_btn {
	transition: transform .5s linear, opacity .3s ease-in;
	/* transform: translateY(-20px); */
	opacity: 0;
}
.slider .slide_txt p {
	transition-delay: 1.3s;
}
.slider .slide_txt .slide_intro_btn {
	transition-delay: 1.8s;
}
.slider.active .slide_txt .slide_intro_btn,
.slider.active .slide_txt p{
	transform: translateY(0);
	opacity: 1;
}

p {
	margin: 0 0 25px;
}
@media screen and (min-width: 1100px) {
	.slide_txt p {
		font-size: 98px;
		line-height: 1.22;
	}
}
@media screen and (max-width: 576px) {
	.slide_txt p {
		font-size: 32px;
	}
}

.slide_logo_box {
	background-color: #000!important;
}

ul .slider {
	background-size: cover;
	background-repeat: no-repeat;
}

/* @media screen and (min-width: 576px) {
	ul .slider {
		background-image:none!important;
	}
} */
/** wowslider css end **/

#clients .client-content {
		margin-left: auto;
		margin-right: auto;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#clients .client-content {
		width: calc(100% - 30px);
	}
}

.visible .effect-text {
    opacity: 1;
}
article.active .effect-reflect {
	transition: none!important;
}
article.active .effect-reflect {
	transform: rotateX(0deg)!important;
	transition: transform 0.8s linear!important;
	backface-visibility: hidden;
}

article.active.disactive .effect-reflect {
	transform: rotateX(-180deg)!important;
	transition: transform 0.8s linear;
}

.effect-reflect+.wrapper {
    transform: rotateX(0deg);
	backface-visibility: hidden;
	transition: none;
}

article.active .effect-reflect+.wrapper {
    transform: rotateX(180deg);
	transition: transform 0.8s linear;
}

article.active.disactive .effect-reflect+.wrapper {
    transform: rotateX(360deg);
	transition: transform 0.8s linear;
}

#wowslider-container1 video {
    height: 100%;
    object-fit: cover;
    object-position: center;
}

li.slider.active:not(.loading)>img:first-child {
    opacity: 0;
}

li.slider.active:not(.loading)>video {
    z-index: 2;
    opacity: 1;
}


@media screen and (max-width: 1250px) {
    #wowslider-container1 .ws_images .ws_list img, #wowslider-container1 .ws_images > div > img {
        margin-top: 0;
        margin-left: calc(-1 * calc( (720px / 0.5718038528896673 - 100% ) * 0.5 ));
        height: 720px;
    }
}


.c-glitch,
.c-glitch__img {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover; }

.c-glitch {
/*  height: calc(100vh - 200px);*/
  margin: 0 auto;
  overflow: hidden;
  position: relative;
/*  width: 60vw; */
}

.c-glitch__img {
  background-blend-mode: none;
  background-color: transparent;
  height: calc(100% + 5px * 2);
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translate3d(0, 0, 0);
  width: calc(100% + 10px * 2); }
  .c-glitch:hover .c-glitch__img:nth-child(n+2) {
    animation-duration: 2s;
    animation-delay: 0;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards; }
  .c-glitch:hover .c-glitch__img:nth-child(2) {
    animation-name: glitch-anim-1; }
  .c-glitch:hover .c-glitch__img:nth-child(3) {
    animation-name: glitch-anim-2; }
  .c-glitch:hover .c-glitch__img:nth-child(4) {
    animation-name: glitch-anim-3; }
  .c-glitch:hover .c-glitch__img:nth-child(5) {
    animation-name: glitch-anim-4;
    background-blend-mode: overlay;
    background-color: #af4949; }

.c-glitch__img:nth-child(n+2) {
  opacity: 0; }


@keyframes glitch-anim-1 {
  0%, 100% {
    opacity: 1;
    transform: translate3d(40px, 0, 0) scale3d(-1, -1, 1);
    clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%); }
  20% {
    clip-path: polygon(0 7.5%, 100% 7.5%, 100% 7.5%, 0 7.5%); }
  30% {
    clip-path: polygon(0 5%, 100% 5%, 100% 10%, 0 10%); }
  40% {
    clip-path: polygon(0 0.5%, 100% 0.5%, 100% 1%, 0 1%); }
  50% {
    clip-path: polygon(0 15.5%, 100% 15.5%, 100% 15.5%, 0 15.5%); }
  55% {
    clip-path: polygon(0 22%, 100% 22%, 100% 22%, 0 22%); }
  60% {
    clip-path: polygon(0 25%, 100% 25%, 100% 10%, 0 10%); }
  65% {
    clip-path: polygon(0 35%, 100% 35%, 100% 35%, 0 35%); }
  70% {
    clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%); }
  80% {
    clip-path: polygon(0 25%, 100% 25%, 100% 25.5%, 0 25.5%); }
  85% {
    clip-path: polygon(0 30%, 100% 30%, 100% 32.5%, 0 32.5%); }
  95% {
    clip-path: polygon(0 36%, 100% 36%, 100% 39%, 0 39%); } }
@keyframes glitch-anim-2 {
  0%, 100% {
    opacity: 1;
    transform: translate3d(-10px, 0, 0);
    clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%); }
  10% {
    clip-path: polygon(0 1.5%, 100% 1.5%, 100% 1.5%, 0 1.5%); }
  15% {
    clip-path: polygon(0 2.5%, 100% 2.5%, 100% 10%, 0 10%); }
  17% {
    clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%); }
  19% {
    clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); }
  33% {
    clip-path: polygon(0 26%, 100% 26%, 100% 29.5%, 0 29.5%); }
  35% {
    clip-path: polygon(0 30%, 100% 30%, 100% 30%, 0 30%); }
  40% {
    clip-path: polygon(0 37.5%, 100% 37.5%, 100% 37.5%, 0 37.5%); }
  45% {
    clip-path: polygon(0 32.5%, 100% 32.5%, 100% 20%, 0 20%); }
  49% {
    clip-path: polygon(0 22.5%, 100% 22.5%, 100% 25%, 0 25%); }
  50% {
    clip-path: polygon(0 7%, 100% 7%, 100% 16.5%, 0 16.5%); }
  55% {
    clip-path: polygon(0 7.5%, 100% 7.5%, 100% 17.5%, 0 17.5%); }
  60% {
    clip-path: polygon(0 7.5%, 100% 7.5%, 100% 7.5%, 0 7.5%); }
  70% {
    clip-path: polygon(0 32.5%, 100% 32.5%, 100% 30%, 0 30%); }
  80% {
    clip-path: polygon(0 40%, 100% 40%, 100% 42.5%, 0 42.5%); }
  90% {
    clip-path: polygon(0 27.5%, 100% 27.5%, 100% 32.5%, 0 32.5%); } }
@keyframes glitch-anim-3 {
  0%, 100% {
    opacity: 1;
    transform: translate3d(0, -5px, 0) scale3d(-1, -1, 1);
    clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%); }
  5% {
    clip-path: polygon(0 5%, 100% 5%, 100% 4.5%, 0 4.5%); }
  11% {
    clip-path: polygon(0 2.5%, 100% 2.5%, 100% 3%, 0 3%); }
  20% {
    clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%); }
  25% {
    clip-path: polygon(0 5%, 100% 5%, 100% 5%, 0 5%); }
  35% {
    clip-path: polygon(0 15%, 100% 15%, 100% 12.5%, 0 12.5%); }
  42% {
    clip-path: polygon(0 7.5%, 100% 7.5%, 100% 8%, 0 8%); }
  48% {
    clip-path: polygon(0 20%, 100% 20%, 100% 19.5%, 0 19.5%); }
  50% {
    clip-path: polygon(0 10%, 100% 10%, 100% 10.5%, 0 10.5%); }
  56% {
    clip-path: polygon(0 30%, 100% 30%, 100% 27.5%, 0 27.5%); }
  61% {
    clip-path: polygon(0 15%, 100% 15%, 100% 15.5%, 0 15.5%); }
  68% {
    clip-path: polygon(0 35%, 100% 35%, 100% 34.5%, 0 34.5%); }
  72% {
    clip-path: polygon(0 20%, 100% 20%, 100% 20.5%, 0 20.5%); }
  77% {
    clip-path: polygon(0 40%, 100% 40%, 100% 37.5%, 0 37.5%); }
  81% {
    clip-path: polygon(0 25%, 100% 25%, 100% 25.5%, 0 25.5%); }
  86% {
    clip-path: polygon(0 45%, 100% 45%, 100% 45%, 0 45%); }
  90% {
    clip-path: polygon(0 30%, 100% 30%, 100% 30%, 0 30%); }
  92% {
    clip-path: polygon(0 50%, 100% 50%, 100% 44.5%, 0 44.5%); }
  94% {
    clip-path: polygon(0 35%, 100% 35%, 100% 35.5%, 0 35.5%); } }
@keyframes glitch-anim-4 {
  0%, 5% {
    opacity: 0.2;
    transform: translate3d(10px, 5px, 0); }
  5.5%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0); } }