@charset "utf-8";@import "http://fonts.googleapis.com/css?family=Roboto+Condensed:700,400,300";html,body{font-family:'Roboto Condensed',sans-serif,"微軟正黑體","Microsoft JhengHei","Hiragino Sans GB","Hiragino Sans GB W3","nsimsun","宋体";margin:0;padding:0}body{background:url(../image/global/bg.png) repeat;background-attachment:fixed;background-size:10px 10px}body.contact{background:url(../image/global/bg-contact.jpg) no-repeat;background-size:cover}body.index{background:none;background-color:#000}a{outline:none}header{width:100%;min-width:950px;position:fixed;overflow:hidden;height:200px;z-index:9998;top:0;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjg1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjI0JSIgc3RvcC1jb2xvcj0iIzAyMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjg1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background:-moz-linear-gradient(top,rgba(2,0,0,0.85) 0%,rgba(2,0,0,0.85) 24%,rgba(0,0,0,0.3) 83%,rgba(0,0,0,0) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(2,0,0,0.85)),color-stop(24%,rgba(2,0,0,0.85)),color-stop(83%,rgba(0,0,0,0.3)),color-stop(100%,rgba(0,0,0,0)));background:-webkit-linear-gradient(top,rgba(2,0,0,0.85) 0%,rgba(2,0,0,0.85) 24%,rgba(0,0,0,0.3) 83%,rgba(0,0,0,0) 100%);background:-o-linear-gradient(top,rgba(2,0,0,0.85) 0%,rgba(2,0,0,0.85) 24%,rgba(0,0,0,0.3) 83%,rgba(0,0,0,0) 100%);background:-ms-linear-gradient(top,rgba(2,0,0,0.85) 0%,rgba(2,0,0,0.85) 24%,rgba(0,0,0,0.3) 83%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(2,0,0,0.85) 0%,rgba(2,0,0,0.85) 24%,rgba(0,0,0,0.3) 83%,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9020000',endColorstr='#00000000',GradientType=0);transition:top .48s;-moz-transition:top .48s;-webkit-transition:top .48s;-ms-transition:top .45s;-o-webkit-transition:top .48s}header h1{display:block;width:190px;height:114px;background:url(../image/global/logo.svg) no-repeat center top;background-size:contain;position:absolute;left:50%;top:30px;margin:0 0 0 -95px}header h1 a{display:block;width:100%;height:100%;text-indent:-9999px}header nav{display:block;height:40px;overflow:hidden;width:1200px;margin:70px auto 0;opacity:1}header nav a{display:block;color:#af9d5f;width:17%;overflow:hidden;float:left;text-align:center;font-size:18px;font-weight:300;text-decoration:none;height:40px;line-height:40px}header nav a::before{content:"line";width:1px;height:100%;background-color:#af9d5f;display:block;float:left;text-indent:-9999px;opacity:.3}header nav a::after{content:"line";width:1px;height:100%;background-color:#af9d5f;display:block;float:right;text-indent:-9999px;opacity:.3}header nav a:nth-child(2)::after,header nav a:nth-child(4)::after{width:2px}header nav a:nth-child(1)::before,header nav a:nth-child(3)::before{width:2px}header nav a:nth-child(3){margin-left:32%}header nav a:hover{color:#b3982e;font-weight:700;letter-spacing:0}#trans-bg{background:url(../image/global/bg-trans.png) repeat;width:100%;height:100%;position:absolute;z-index:3;left:-100px;top:0;margin:0;padding:0;display:none}header nav.open{margin:-200px auto 0;opacity:0}header nav a.open::before{opacity:0}header nav a.open::after{opacity:0}.animate{transition:all 1.2s;-moz-transition:all 1.2s;-webkit-transition:all 1.2s;-ms-transition:all 1.2s;-o-webkit-transition:all 1.2s}.animate *{transition:all .3s ease-out;-moz-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-webkit-transition:all .3s ease-out}.anime-short{transition:background-position .4s;-moz-transition:background-position .4s;-webkit-transition:background-position .4s;-ms-transition:background-position .4s;-o-webkit-transition:background-position .4s}.anime-short *{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;-o-webkit-transition:all .5s}.anime-about *{transition:left .8s;-moz-transition:left .8s;-webkit-transition:left .8s;-ms-transition:left .8s;-o-webkit-transition:left .8s}.item *{transition:opacity .3s ease-out,bottom .3s ease-out;-moz-transition:opacity .3s ease-out,bottom .3s ease-out;-webkit-transition:opacity .3s ease-out,bottom .3s ease-out;-ms-transition:opacity .3s ease-out,bottom .3s ease-out;-o-webkit-transition:opacity .3s ease-out,bottom .3s ease-out}.top *{transition:border-color .3s ease-out;-moz-transition:border-color .3s ease-out;-webkit-transition:border-color .3s ease-out;-ms-transition:border-color .3s ease-out;-o-webkit-transition:border-color .3s ease-out}header nav a{position:relative}header nav a span{display:block;width:0;height:19px;overflow:hidden;border-bottom:1px dashed #af9d5f;position:absolute;top:0;opacity:0}header nav a span.left{left:5px}header nav a span.right{right:5px}header nav a:hover span.left{left:5px;width:45px;opacity:1;border-color:#b3982e;opacity:.7}header nav a:hover span.right{right:5px;width:45px;opacity:1;border-color:#b3982e;opacity:.7}#slide{display:block;width:100%;height:100%;position:relative;background-color:#000}#slide ul{display:none;width:100%;height:100%;position:absolute;overflow:hidden}#slide ul.current{display:block}#slide ul:first-child{display:block}#slide ul li{position:absolute;left:50%;overflow:hidden}#slide ul li.btn{width:112px;height:112px;top:80%;margin:-56px 0 0 -56px;overflow:hidden;z-index:150}#slide ul li.btn a{display:block;width:100px;height:100px;background-color:rgba(0,0,0,0.7);color:#FFF;border:6px solid #000;font-size:24px;text-align:center;line-height:100px;text-decoration:none;font-weight:300;border-radius:56px}#slide ul li.btn:hover a{background-color:rgba(255,255,255,0.7);color:#000}#slide ul li.info{width:80%;height:150px;top:67%;margin:-70px 0 0 -40%;text-shadow:0 0 3px rgba(255,255,255,0.6);text-align:center;z-index:100;opacity:1;transition:all .8s;-moz-transition:all .8s;-webkit-transition:all .8s;-ms-transition:all .8s;-o-webkit-transition:all .8s}#slide ul li.info.white{color:rgba(255,255,255,0.85);text-shadow:0 0 3px rgba(0,0,0,0.8)}#slide ul li.info.white h5::before{background-color:rgba(255,255,255,0.85)}#slide ul li.info *{text-align:center;line-height:1.2em}#slide ul li.info h2{font-size:36px;font-weight:700}#slide ul li.info h3{font-size:24px}#slide ul li.info h4{font-size:21px;font-weight:300}#slide ul li.info h5{font-size:24px;font-weight:400;margin-top:10px;line-height:1.8em;text-transform:uppercase}#slide ul li.info h5::before{content:'line';display:block;width:20%;background-color:#000;height:2px;overflow:hidden;margin:0 auto;text-indent:-9999px}#slide ul li.info.hide{opacity:0;margin-top:0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;-o-webkit-transition:all .5s}#slide ul li.mask{width:100%;height:100%;z-index:5;background:url(../image/demo/mask.png) repeat;left:0}#slide ul li.bw{width:100%;height:100%;z-index:8;background:url(../image/demo/mask.png) repeat;left:0}#slide2{display:block;width:100%;height:100%;overflow:hidden}#slide2 img{display:block;width:100%;height:auto;margin:0 auto}#ctrl{position:absolute;left:50%;height:50px;overflow:hidden;top:90%;text-align:center;width:80%;min-width:720px;margin:0 0 0 -40%;z-index:8000}#ctrl a{display:inline-block;width:50px;height:100%;overflow:hidden;position:relative;margin:0 20px}#ctrl a span{display:block;position:absolute;width:6px;height:6px;border:3px solid #B3982E;left:50%;top:50%;background-color:none;margin:-6px 0 0 -6px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}#ctrl a:hover span{width:10px;height:10px;margin:-8px 0 0 -8px;background-color:#B3982E}#ctrl a.current span{width:10px;height:10px;margin:-8px 0 0 -8px;background-color:#B3982E}#ctrl-bg{background:url(../image/global/ctrl-bg.png) repeat-x left top;width:100%;height:100px;position:fixed;z-index:7900;bottom:35px;left:0}footer{position:fixed;width:100%;min-width:950px;height:35px;text-align:center;color:#b3982e;background-color:rgba(0,0,0,0.95);font-size:13px;line-height:35px;bottom:0;font-weight:300;letter-spacing:5px;z-index:9990}#overview-tag{width:100%;margin:200px auto 30px;height:35px;overflow:hidden}#tag-wrap{width:1200px;margin:0 auto;overflow:hidden;height:100%}#tag-wrap a{display:block;width:240px;margin:0 24px;text-decoration:none;color:#b79c2e;float:left;height:33px;line-height:33px;text-align:center;border:1px solid #b79c2e;overflow:hidden;position:relative}#tag-wrap a:first-child{margin:0 22px 0 0}#tag-wrap a:last-child{margin:0 0 0 24px;width:40px;text-indent:-9999px;background-color:#b79c2e}#tag-wrap a span{display:block;width:100%;height:100%;margin:0;position:absolute}#tag-wrap a span:first-child{z-index:100}#tag-wrap a span:first-child+span{z-index:20;background-color:#b79c2e;bottom:-100%}#tag-wrap a:hover span:first-child{color:#000}#tag-wrap a:hover span:first-child+span{z-index:20;bottom:0}#tag-wrap #search{display:block;background:url(../image/global/search.png) no-repeat center center #b79c2e;background-size:auto 70%;margin:0;width:35px;text-indent:-9999px;float:right;height:35px;line-height:35px;text-align:center;border-radius:18px;cursor:pointer}#mask-area{width:100%;height:calc(100% - 220px);background-color:rgba(0,0,0,0.8);overflow:hidden;margin:0 auto;display:none;position:fixed;bottom:0;left:0;z-index:9999}#mask-area.mask{height:100%}#search-area{width:100%;height:220px;background-color:rgba(182,155,46,0.8);overflow:hidden;margin:0 auto;display:none}#search-area ul{display:block;height:45px;width:40%;overflow:hidden;margin:85px auto 0}#search-area ul li{display:block;overflow:hidden;height:100%;float:left}#search-area ul li:first-child{width:80%}#search-area ul li:first-child+li{width:20%}#search-area ul li input{width:90%;height:100%;background-color:rgba(0,0,0,0.4);border:none;outline:none;border-radius:10px 0 0 10px;font-size:28px;color:#b79c2e;padding:0 5%}#search-area ul li:first-child+li a{display:block;width:100%;height:45px;border-radius:0 10px 10px 0;background-color:#000;font-size:24px;color:#b79c2e;text-decoration:none;text-align:center;overflow:hidden;line-height:45px}#search-area ul li input:focus{background-color:rgba(0,0,0,0.65)}header.open{position:relative;margin:0 auto}#overview-tag.open{margin:0 auto 30px}h3.credits{display:block;width:100%;height:40px;overflow:hidden;color:#af9d5f;font-size:21px;line-height:40px;color:rgba(179,152,46,0.7)}#credits{width:1198px;border:1px dashed #b79c2e;overflow:hidden;color:#af9d5f;padding:30px 0}#credits ul{display:block;width:90%;overflow:hidden;margin:0 auto 30px}#credits ul:last-child{margin:0 auto}#credits ul li{display:block;float:left;overflow:hidden;width:auto;margin-bottom:10px;min-width:50%}#credits ul li.full{width:100%}#credits ul li span{display:block;float:left;padding:1px 5px;min-height:15px;font-size:15px;line-height:1.5em;margin-right:30px;text-transform:uppercase;overflow:hidden}#credits ul li span:first-child{background-color:rgba(179,152,46,0.7);color:#000;margin-right:5px;font-size:13px}#credits ul:first-child li{width:100%}#overview{width:1200px;overflow:hidden;padding:0 0 60px;margin:0 auto}#overview a{display:block;width:400px;margin:0;height:260px;overflow:hidden;float:left;position:relative}#overview a img{display:block;width:100%;height:auto;position:absolute}#overview a img.bw{z-index:55;opacity:1}#overview a img.o{z-index:36}#overview a .info{width:100%;height:58px;padding:10px 0;bottom:-20%;position:absolute;background:rgba(0,0,0,0.6);opacity:0;z-index:75}#overview a .info h3{display:block;width:90%;padding:0 5%;overflow:hidden;line-height:1.4em;float:left;text-align:right;font-size:16px;text-decoration:none;color:#b79c2e;font-weight:300}#overview a .info h4{display:block;width:90%;padding:0 5%;overflow:hidden;line-height:1.2em;float:left;text-align:right;font-size:24px;text-decoration:none;color:#b79c2e;font-weight:300}#overview a:hover .info{opacity:1;bottom:0}#overview a:hover img.bw{opacity:0}h2#title{display:block;width:950px;margin:180px auto 10px;overflow:hidden;display:block;color:#FFF;font-size:26px;line-height:50px;height:50px;padding:0 0 0 250px;color:#b3982e}#stage{width:1200px;height:675px;overflow:hidden;margin:0 auto;position:relative}#stage .linkto{display:block;overflow:hidden;height:50px;line-height:50px;color:#FFF;width:100%;background-color:rgba(0,0,0,0.7);position:absolute;left:0;bottom:0;z-index:9996;text-align:center;opacity:0}#stage .linkto a{text-decoration:none;color:#FFF}#stage:hover .linkto{opacity:1}h2#title.mv{background:url(../image/global/music-video.png) no-repeat left center;background-size:auto 70%}h2#title em{font-size:18px}ul#title{display:block;width:1200px;margin:190px auto 10px;overflow:hidden;display:block;color:#FFF;font-size:21px;line-height:40px;height:40px;padding:0;color:#b3982e;position:relative}ul#title li{display:block;float:left;overflow:hidden;width:auto;height:40px;line-height:40px;margin-right:20px}ul#title li:first-child{font-weight:300}ul#title li:first-child+li+li{float:right;width:80px;position:absolute;right:0;top:0;padding:0;margin:0}ul#title li a{display:block;text-decoration:none;color:#b3982e;width:100%;height:100%;overflow:hidden;text-align:right;font-weight:300}#btn-play{display:block;width:150px;height:150px;position:absolute;z-index:9997;top:50%;left:50%;margin:-75px 0 0 -75px;border-radius:75px;opacity:.6;background:url(../image/global/play.png) no-repeat center center;background-size:100% auto}#btn-play:hover{width:200px;height:200px;margin:-100px 0 0 -100px;opacity:1;border-radius:100px;background-size:120% auto}#btn-play.link{background:url(../image/global/link.png) no-repeat center center;background-size:100% auto}#preview{display:block;width:100%;height:100%;position:absolute;z-index:9990}#stage iframe{z-index:10}#mask{width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,0.6);position:absolute;left:0;top:0;z-index:9993;overflow:hidden}#mask.over{background-color:rgba(0,0,0,0)}#qLbar{top:0}#share-btn-wrap{width:1200px;margin:0 auto;height:30px;overflow:hidden}#share-btn{background:#000;width:auto;height:30px;overflow:hidden;float:right}#share-btn a{display:block;width:50px;height:30px;float:right;background:url(../image/global/social@2x.png) no-repeat left center #000;background-size:auto 60px}#share-btn a:hover{background-position-y:-30px}#share-btn a img{display:block;width:100%;height:100%}#share-btn a.addthis_button_facebook{background-position:left 0}#share-btn a.addthis_button_google_plusone_share{background-position:-100px 0}#share-btn a.addthis_button_sinaweibo{background-position:-150px 0}#share-btn a.addthis_button_twitter{text-indent:-9999px;background-position:-50px 0}#share-btn a.addthis_button_pinterest{text-indent:-9999px;background-position:-200px 0}#share-btn a.addthis_button_pinterest span{display:none}#bounce-video{width:1300px;height:600px}#share-btn a.addthis_button_facebook:hover{background-position:left -30px;background-color:#9f874b}#share-btn a.addthis_button_google_plusone_share:hover{background-position:-100px -30px;background-color:#9f874b}#share-btn a.addthis_button_sinaweibo:hover{background-position:-150px -30px;background-color:#9f874b}#share-btn a.addthis_button_twitter:hover{text-indent:-9999px;background-position:-50px -30px;background-color:#9f874b}#share-btn a.addthis_button_pinterest:hover{text-indent:-9999px;background-position:-200px -30px;background-color:#9f874b}#showreel{width:1200px;height:675px;position:absolute;left:50%;top:50%;margin:-300px 0 0 -600px}#showreel #stage{width:100%;height:675px}#project{width:1200px;overflow:hidden;margin:0 auto;padding:0 0 100px}#project #stage{width:100%;height:675px}.credit{display:block;width:100%;height:auto;margin:30px 0 0}.prevnext{display:block;width:100px;height:300px;position:fixed;top:50%;margin-top:-150px}.prevnext ul{display:block;width:160px;height:200px;overflow:hidden;position:absolute;top:50%;margin-top:-100px}.prevnext .icon{display:none;width:100%;height:90px;overflow:hidden;position:absolute;top:50%;margin-top:-90px;font-size:36px;line-height:90px;color:rgba(175,157,95,0.3);font-weight:300;font-style:italic;border-top:2px solid rgba(175,157,95,0.3)}.prevnext ul li{display:block;float:left;width:100%;line-height:1.5em;overflow:hidden;height:auto;color:#9f874b;text-align:right;font-size:15px;font-weight:300}.prevnext ul li:first-child{font-size:18px;font-weight:300;font-style:italic;border-top:2px solid rgba(175,157,95,0.6);color:rgba(175,157,95,0.8);overflow:visible}.prevnext ul li:first-child+li{height:100px;margin:5px 0}.prevnext ul li img{display:block;width:100%;height:auto}#prev{left:0;background:url(../image/global/prev.png) no-repeat left center;background-size:90% auto}#prev:hover{background-position:-110px center}#prev.prevnext ul{left:-180px}#prev.prevnext .icon{text-align:right}#prev.prevnext:hover ul{left:0}#next{right:0;background:url(../image/global/next.png) no-repeat left center;background-size:90% auto}#next:hover{background-position:110px center}#next.prevnext ul{left:105px}#next.prevnext ul li{text-align:left}#next.prevnext:hover ul{left:-60px}#about{width:100%;height:800px;overflow:hidden}#about-wrap{width:100%;overflow:hidden;height:600px;position:relative;margin:260px 0 0}#about-wrap article{display:block;width:660px;position:absolute;left:200%;margin:30px 0 0 -392px;overflow:hidden;background-color:#666;height:340px;border:2px solid rgba(175,157,95,0.6);opacity:0;padding:40px 60px;background-color:rgba(0,0,0,0.5);color:#af9d5f;font-size:14px}#about-wrap article.current{left:50%;opacity:1}#about-wrap article.past{left:-840px;height:200px;margin-top:100px;opacity:0;transition:all .5s;-moz-transition:all .4s;-webkit-transition:all .4s;-ms-transition:all .4s;-o-webkit-transition:all .4s}#about-wrap article.past.transmission{left:200%;transition:none;-moz-transition:none;-webkit-transition:none;-ms-transition:none;-o-webkit-transition:none}#about-wrap article h2{display:block;padding:8px 16px;font-size:21px;height:24px;line-height:24px;width:180px;overflow:hidden;margin:0 0 40px;text-align:center;text-transform:uppercase;font-weight:300;background-color:rgba(175,157,95,0.7);color:#000}#about-wrap article h3{display:block;font-size:16px;font-weight:700;line-height:2em;color:#c1aa6b}#about-wrap article p{display:block;font-size:14px;line-height:1.8em;color:#af9d5f;margin:0 0 30px}.company-name{display:block;height:18px;width:auto;margin:0 0 30px}#about #ctrl{top:86%}#about #ctrl a span{border-color:#b79c2e}#about #ctrl a:hover span{background-color:#b79c2e}#about #ctrl a.current span{background-color:#b79c2e}#contact-wrap{display:block;width:660px;overflow:hidden;margin:-200px 0 0 -392px;left:50%;position:absolute;top:50%;height:380px;border:2px solid rgba(175,157,95,0.6);padding:40px 60px;background-color:rgba(0,0,0,0.6);color:#af9d5f;z-index:120;font-size:14px}#contact-wrap h2{display:block;padding:8px 16px;background-color:rgba(175,157,95,0.7);color:#000;font-size:21px;height:24px;line-height:24px;width:180px;overflow:hidden;margin:0 0 40px;text-align:center;text-transform:uppercase;font-weight:300}#contact-wrap h3{display:block;font-size:16px;font-weight:700;line-height:2em;color:#c1aa6b}#contact-wrap p{display:block;line-height:1.5em;color:#af9d5f;margin:0 0 18px;width:100%;float:left;font-weight:300}#contact-wrap a{text-decoration:none;color:#af9d5f}#contact-wrap ul{display:block;margin:0 0 20px;width:100%;float:left}#contact-wrap ul li{line-height:1.5em;font-weight:300}#contact-wrap .company-name{display:inline-block;height:17px;width:auto;margin:0}#contact-wrap .company-name-eng{display:inline-block;height:18px;line-height:18px;overflow:hidden;margin:0;width:auto}#contact-wrap #non_free_num_ui.skype_c2c_textarea_span *{text-decoration:none;color:#af9d5f}#contact-wrap a.email{display:inline-block;padding-left:30px;background:url(../image/global/email.png) no-repeat left center;background-size:auto 13px}#gotop{display:none;overflow:hidden;position:fixed;left:50%;bottom:35px;width:60px;height:50px;cursor:pointer;text-align:center;line-height:50px;margin:0 0 0 -30px;font-size:13px;z-index:9988}#gotop .triangle{display:block;width:0;height:0;border-style:solid;border-width:0 30px 50px;border-color:transparent transparent rgba(182,155,46,0.7)}#gotop:hover .triangle{border-color:transparent transparent rgba(182,155,46,0.9)}#gotop p{display:block;width:100%;height:100%;overflow:hidden;line-height:65px;position:absolute;left:0;top:0}#close-area{width:100%;height:900px;overflow:hidden;position:absolute;background-color:rgba(0,0,0,0.7);z-index:9996;top:200px;left:0;display:none;z-index:9999}@media screen and (max-height: 870px){header{height:150px}header h1{display:block;width:180px;height:100px;left:50%;top:20px;margin:0 0 0 -90px}header nav{display:block;height:46px;overflow:hidden;width:960px;margin:40px auto 0}header nav a{font-size:16px;height:30px;line-height:30px}header nav a span{height:15px}header nav a:hover span.left{width:30px}header nav a:hover span.right{width:30px}#slide ul li.btn{top:77%}#slide ul li.info{top:60%}#ctrl{top:88%}#about{height:720px}#about-wrap{height:600px;margin:190px 0 0}#about-wrap article.past{margin-top:100px}#about-wrap article h2{padding:6px 15px;font-size:18px;width:130px}#about #ctrl{top:86%}#contact-wrap h2{padding:6px 15px;font-size:18px;width:130px}#overview-tag{margin:150px auto 30px}#project{width:960px}#project #stage{width:960px;height:563px}#showreel{width:960px;height:600px;margin:-240px 0 0 -480px}#showreel #stage{width:960px;height:540px}#search-area{height:180px}#search-area ul{height:40px;width:40%;margin:70px auto 0}#search-area ul li input{font-size:24px}#search-area ul li:first-child+li a{height:40px;font-size:20px;line-height:40px}#credits{width:958px;padding:30px 0}#credits ul li{margin-bottom:8px}#credits ul li span{padding:1px 4px;min-height:14px;font-size:13px}#credits ul li span:first-child{margin-right:5px;font-size:12px}ul#title{width:960px;margin:130px auto 10px;font-size:21px}#share-btn-wrap{width:960px}.prevnext{width:80px;height:240px;margin-top:-120px}.prevnext ul{display:block;width:110px;height:150px;margin-top:-75px}.prevnext ul li{font-size:13px}.prevnext ul li:first-child{font-size:16px;border-top:2px solid rgba(175,157,95,0.6)}.prevnext ul li:first-child+li{height:80px;margin:5px 0}.prevnext ul li img{display:block}#next.prevnext ul{left:100px}#next.prevnext:hover ul{left:-30px}#overview-tag{width:100%;margin:150px auto 30px;height:35px;overflow:hidden}#tag-wrap{width:960px}#tag-wrap a{width:192px;margin:0 18px;height:28px;line-height:28px;font-size:14px}#tag-wrap a:first-child{margin:0 18px 0 0}#tag-wrap a:last-child{margin:0 0 0 18px;width:28px;text-indent:-9999px;background-color:#b79c2e}#overview{width:960px}#overview a{display:block;width:320px;margin:0;height:205px}.bwWrapper .info{width:100%;height:45px;padding:10px 0;bottom:-20%;position:absolute;background:rgba(0,0,0,0.4);opacity:0}.bwWrapper .info h3{font-size:13px}.bwWrapper .info h4{font-size:18px}}@media screen and (max-height: 820px){#slide ul li.btn{top:78%;width:102px;height:102px;margin:-51px 0 0 -51px;b/order-radius:51px;border:6px solid #000}#slide ul li.btn a{font-size:22px;line-height:90px;border-radius:51px;width:90px;height:90px}#about{height:680px}#about-wrap{height:500px;margin:180px 0 0}#about-wrap article{height:330px;padding-top:40px;padding-bottom:40px}#about-wrap article.past{margin-top:80px}#about #ctrl{top:86%}#contact-wrap{margin-top:-190px;height:330px;padding-top:40px;padding-bottom:40px;font-size:15px}#about-wrap article h2{padding:5px 15px;font-size:17px;width:130px}#contact-wrap h2{padding:5px 15px;font-size:17px;width:130px}#btn-play{width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:60px}#btn-play:hover{width:180px;height:180px;margin:-90px 0 0 -90px;border-radius:90px}#showreel{width:900px;height:550px;margin:-220px 0 0 -450px}#showreel #stage{width:900px;height:500px}#search-area{height:140px}#search-area ul{height:34px;width:40%;margin:53px auto 0}#search-area ul li input{font-size:18px}#search-area ul li:first-child+li a{height:34px;font-size:18px;line-height:34px}#overview a .info{height:48px}#overview a .info h3{font-size:14px}#overview a .info h4{font-size:21px}}@media screen and (max-height: 740px){#slide ul li.btn{top:75%;width:90px;height:90px;margin:-45px 0 0 -45px}#slide ul li.info{top:57%}#slide ul li.btn a{font-size:20px;line-height:80px;border-radius:45px;border:5px solid #000;height:80px;width:80px}#ctrl{top:86%}#about-wrap{height:500px;margin:160px 0 0}#about-wrap article{height:300px;padding-top:40px;padding-bottom:40px;font-size:13px}#about-wrap article.past{margin-top:60px}#about-wrap article h2{padding:5px 15px;font-size:16px;width:120px}#contact-wrap h2{padding:5px 15px;font-size:16px;width:120px}#about #ctrl{top:87%}#contact-wrap{margin-top:-150px;height:300px;padding-top:40px;padding-bottom:40px;font-size:14px}#contact-wrap p{margin:0 0 18px}#contact-wrap ul{margin:0 0 18px}#contact-wrap .company-name{display:inline-block;width:auto;height:16px;margin-right:10px}#contact-wrap .company-name-eng{display:inline-block;height:16px;line-height:16px;vertical-align:top}#showreel{width:800px;height:500px;margin:-200px 0 0 -400px}#showreel #stage{width:800px;height:450px}}@media screen and (max-width: 1560px){header{height:160px}header h1{display:block;width:180px;height:100px;left:50%;top:30px;margin:0 0 0 -90px}header nav{display:block;height:46px;overflow:hidden;width:1080px;margin:40px auto 0}header nav a{font-size:16px;height:30px;line-height:30px}header nav a span{height:15px}header nav a:hover span.left{width:30px}header nav a:hover span.right{width:30px}#project{width:1080px}#project #stage{width:1080px;height:607px}#overview-tag{width:100%;margin:150px auto 30px;height:35px;overflow:hidden}#tag-wrap{width:1080px}#tag-wrap a{width:210px;margin:0 18px;height:28px;line-height:28px;font-size:14px}#tag-wrap a:first-child{margin:0 18px 0 0}#tag-wrap a:last-child{margin:0 0 0 18px;width:28px;text-indent:-9999px;background-color:#b79c2e}#overview{width:1080px}#overview a{display:block;width:360px;margin:0;height:220px}.bwWrapper .info{width:100%;height:45px;padding:10px 0;bottom:-20%;position:absolute;background:rgba(0,0,0,0.4);opacity:0}.bwWrapper .info h3{font-size:13px}.bwWrapper .info h4{font-size:18px}#about-wrap article h2{padding:10px;font-size:21px;width:150px}#about-wrap article h3{font-size:15px}h2#title{width:860px;margin:150px auto 10px;font-size:22px;line-height:40px;height:40px;padding:0 0 0 220px}.prevnext ul{display:block;width:135px;height:200px;margin-top:-100px}.prevnext ul li{font-size:14px}#next.prevnext:hover ul{left:-35px}#credits{width:1078px;padding:30px 0}#credits ul li{margin-bottom:8px}#credits ul li span:first-child{margin-right:5px;font-size:12px}ul#title{width:1080px;margin:130px auto 10px;font-size:21px}#share-btn-wrap{width:1080px}#showreel{width:1080px;height:600px;margin:-270px 0 0 -540px}#showreel #stage{width:1080px;height:600px}}@media screen and (max-width: 1400px){header{height:150px}header h1{display:block;width:180px;height:100px;left:50%;top:20px;margin:0 0 0 -90px}header nav{display:block;height:46px;overflow:hidden;width:960px;margin:40px auto 0}header nav a{font-size:16px;height:30px;line-height:30px}header nav a span{height:15px}header nav a:hover span.left{width:30px}header nav a:hover span.right{width:30px}#project{width:960px}#project #stage{width:960px;height:563px}#overview-tag{width:100%;margin:150px auto 30px;height:35px;overflow:hidden}#tag-wrap{width:960px}#tag-wrap a{width:192px;margin:0 18px;height:28px;line-height:28px;font-size:14px}#tag-wrap a:first-child{margin:0 18px 0 0}#tag-wrap a:last-child{margin:0 0 0 18px;width:28px;text-indent:-9999px;background-color:#b79c2e}#overview{width:960px}#overview a{display:block;width:320px;margin:0;height:205px}.bwWrapper .info{width:100%;height:45px;padding:10px 0;bottom:-20%;position:absolute;background:rgba(0,0,0,0.4);opacity:0}.bwWrapper .info h3{font-size:13px}.bwWrapper .info h4{font-size:18px}#about-wrap article{width:600px;margin:0 0 0 -352px;padding-left:50px;padding-right:50px}#about-wrap article h2{padding:10px;font-size:21px;width:150px}#about-wrap article h3{font-size:15px}#about-wrap article p{font-size:14px}#contact-wrap{margin-left:-352px;width:600px;padding-left:50px;padding-right:50px}h2#title{width:740px;margin:150px auto 10px;font-size:22px;line-height:40px;height:40px;padding:0 0 0 220px}#credits{width:958px;padding:30px 0}#credits ul li{margin-bottom:8px}#credits ul li span:first-child{margin-right:5px;font-size:12px}ul#title{width:960px;margin:130px auto 10px;font-size:21px}#share-btn-wrap{width:960px}#showreel{width:960px;height:600px;margin:-240px 0 0 -480px}#showreel #stage{width:960px;height:540px}}@media screen and (max-width: 1350px){.prevnext{width:80px;height:240px;margin-top:-120px}.prevnext ul{display:block;width:120px;height:150px;margin-top:-75px}.prevnext ul li{font-size:13px}.prevnext ul li:first-child{font-size:16px;border-top:2px solid rgba(175,157,95,0.6)}.prevnext ul li:first-child+li{height:80px;margin:5px 0}.prevnext ul li img{display:block}#next.prevnext ul{left:100px}#next.prevnext:hover ul{left:-40px}}@media screen and (max-width: 1180px){#prev.prevnext{display:none}#next.prevnext{display:none}}@media screen and (max-width: 980px){header{width:960px;position:fixed}}@media all and (-webkit-min-device-pixel-ratio: 1.5){#share-btn a{background:url(../image/global/social@2x.png);background-size:auto 60px}}