@-webkit-keyframes cursor{0%,to{opacity:1}50%{opacity:0}}@-moz-keyframes cursor{0%,to{opacity:1}50%{opacity:0}}@-ms-keyframes cursor{0%,to{opacity:1}50%{opacity:0}}@-o-keyframes cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes cursor{0%,to{opacity:1}50%{opacity:0}}@-webkit-keyframes bg{0%{background-position:0 0}to{background-position:500px 0}}@-moz-keyframes bg{0%{background-position:0 0}to{background-position:500px 0}}@-ms-keyframes bg{0%{background-position:0 0}to{background-position:500px 0}}@-o-keyframes bg{0%{background-position:0 0}to{background-position:500px 0}}@keyframes bg{0%{background-position:0 0}to{background-position:500px 0}}body,html{margin:0;padding:0;width:100%;height:100%}a{-webkit-transition:color .8s,border .5s;-moz-transition:color .8s,border .5s;-o-transition:color .8s,border .5s;transition:color .8s,border .5s}a,a:hover,a:hover.card h3{color:#0a0}.bg-primary{background-color:#0a0!important}.bg-secondary{background-color:#060!important}.badge-extra,.bg-extra{color:#fff;background-color:#93f!important}.badge-extra2,.bg-extra2{color:#fff;background-color:#f69!important}.bg-dark{background-color:#333!important}.text-faded{color:rgba(255,255,255,.7)}section{padding:8rem 0}.section-heading{margin-top:0}::-moz-selection,::selection{color:#fff;background:#333;text-shadow:none}img::-moz-selection,img::selection{color:#fff;background:0 0}#mainNav{border-bottom:1px solid rgba(33,37,41,.1);background-color:#fff;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}#mainNav .navbar-brand{font-weight:700;color:#0a0}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#0a0}#mainNav .navbar-nav>li.nav-item>.dropdown>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link{font-size:.9rem;font-weight:700;color:#333}#mainNav .navbar-nav>li.nav-item>.dropdown>a.nav-link:focus,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{font-size:.9rem;font-weight:700;color:#333}#mainNav .navbar-nav>li.nav-item>.dropdown>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>.dropdown>a.nav-link:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#0a0}#mainNav .navbar-nav>li.nav-item>.dropdown>a.nav-link.active,#mainNav .navbar-nav>li.nav-item>.dropdown>a.nav-link:focus.active,#mainNav .navbar-nav>li.nav-item>a.nav-link.active,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{color:#0a0!important;background-color:transparent}#mainNav .navbar-nav>li.nav-item>.dropdown>a.nav-link.active:hover,#mainNav .navbar-nav>li.nav-item>.dropdown>a.nav-link:focus.active:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover{background-color:transparent}#mainNav .logo{display:inline-block;height:65px;width:275px;background:url(../img/logo.png) center no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain}#mainNav .ic-lang{background-image:url(../img/icon/ic_lang_black.png)}header{padding-top:10rem;padding-bottom:calc(10rem - 56px);background:url(../img/bg_green.png) #000 0 0;-webkit-animation:bg 25s linear infinite;-moz-animation:bg 25s linear infinite;-o-animation:bg 25s linear infinite;animation:bg 25s linear infinite}header hr{margin-top:30px;margin-bottom:30px}header h1{font-size:2rem}header p{font-weight:300}header .headerMsg{display:inline-block;font-size:3rem}header .headerMsg .cursor{opacity:1;-webkit-animation:cursor .8s infinite;-moz-animation:cursor .8s infinite;-o-animation:cursor .8s infinite;animation:cursor .8s infinite}@media (min-width:1200px){header h1{font-size:4rem}}@media (min-width:992px){#mainNav{border-color:transparent;background-color:transparent}#mainNav .navbar-brand{color:rgba(255,255,255,.7)}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fff}#mainNav .ic-lang{background-image:url(../img/icon/ic_lang.png)}#mainNav .navbar-nav>li.nav-item>.dropdown>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link{padding:.5rem 1rem;color:rgba(255,255,255,.7)}#mainNav .navbar-nav>li.nav-item>.dropdown>a.nav-link:focus,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{color:rgba(255,255,255,.7)}#mainNav .navbar-nav>li.nav-item>.dropdown>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>.dropdown>a.nav-link:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#fff}#mainNav.navbar-shrink{border-bottom:1px solid rgba(33,37,41,.1);background-color:#fff}#mainNav.navbar-shrink .navbar-brand{color:#0a0}#mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{color:#0a0}#mainNav.navbar-shrink .navbar-nav>li.nav-item>.dropdown>a.nav-link,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link{color:#333}#mainNav.navbar-shrink .navbar-nav>li.nav-item>.dropdown>a.nav-link:focus,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{color:#333}#mainNav.navbar-shrink .navbar-nav>li.nav-item>.dropdown>a.nav-link:focus:hover,#mainNav.navbar-shrink .navbar-nav>li.nav-item>.dropdown>a.nav-link:hover,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover{color:#0a0}#mainNav.navbar-shrink .ic-lang{background-image:url(../img/icon/ic_lang_black.png)}#mainNav.navbar-shrink .logo{background-image:url(../img/logo.png)}#mainNav .logo{background-image:url(../img/logo2.png)}header{height:100vh;min-height:650px;padding-top:0;padding-bottom:0}header h1{font-size:3rem}}@media (min-width:768px){header p{font-size:1.15rem}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:16px}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:22px}}.btn{font-weight:700;border:0;-webkit-border-radius:300px;-moz-border-radius:300px;-ms-border-radius:300px;border-radius:300px}.btn-xl{padding:1rem 2rem}.btn-primary{background-color:#0a0;border-color:#0a0}.btn-primary:focus,.btn-primary:hover{color:#fff;background-color:#060!important}.btn-primary:active{color:#fff;background-color:#060!important;box-shadow:0 0 0 .2rem rgba(0,150,0,.5)!important}.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(0,150,0,.5)!important}.content{height:100%;text-align:center;font-size:1.5em;background:url(/img/bg.png) #eee 0 0;-webkit-animation:bg 25s linear infinite;-moz-animation:bg 25s linear infinite;-o-animation:bg 25s linear infinite;animation:bg 25s linear infinite}.content img{width:300px;max-width:100%}.icon{display:inline-block;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:5px;width:50px;height:50px;vertical-align:middle;font-style:normal}.icon.ic-small{width:20px!important;height:20px!important}.icon.ic-male{background-image:url(/img/icon/ic_male.png)}.icon.ic-hk{background-image:url(/img/icon/ic_hk.png)}.icon.ic-email{background-image:url(/img/icon/ic_email.png)}.icon.ic-facebook{background-image:url(/img/icon/ic_facebook.png)}.icon.ic-lang{background-image:url(/img/icon/ic_lang.png)}.icon.ic-j1{background-image:url(/img/icon/ic_com.png)}.icon.ic-j2{background-image:url(/img/icon/ic_yukari.png)}.icon.ic-j3{background-image:url(/img/icon/ic_nxubiz.png)}.icon.ic-jc1{background-image:url(/img/icon/ic_se.png)}.icon.ic-jc2{background-image:url(/img/icon/ic_nxutech.png)}.icon.ic-ps{color:#9cf;border:4px solid #9cf;background:#337;text-align:center}.icon.ic-ae.ic-small,.icon.ic-ai.ic-small,.icon.ic-as.ic-small,.icon.ic-au.ic-small,.icon.ic-pr.ic-small,.icon.ic-ps.ic-small{border-width:2px}.icon.ic-au{color:#6fc;border:4px solid #6fc;background:#346;text-align:center}.icon.ic-pr{color:#d6f;border:4px solid #d6f;background:#435;text-align:center}.icon.ic-ae{color:#c9f;border:4px solid #c9f;background:#336;text-align:center}.icon.ic-as{color:#f54;border:4px solid #f54;background:#532;text-align:center}.icon.ic-ai{color:#f82;border:4px solid #f82;background:#322;text-align:center}.icon-grp,.icon-grp .icon{vertical-align:middle}.icon-grp .icon{margin-right:10px}.icon-grp .twoIcon{position:relative;display:inline-block}.icon-grp .twoIcon .ic-small{width:35px!important;height:35px!important;font-size:.8em!important}.icon-grp .twoIcon .ic-1,.icon-grp .twoIcon .ic-2{position:absolute;top:0;left:0;font-size:1em;z-index:5;margin:0}.icon-grp .twoIcon .ic-2{left:auto;top:auto;right:0;bottom:0;z-index:3}[class*=" devicon-"],[class^=devicon-]{font-size:1.5em}#about{background:url(../img/bg_white.png)}#portfolio{background:url(../img/bg.png) 0 0;-webkit-animation:bg 100s linear infinite;-moz-animation:bg 100s linear infinite;-o-animation:bg 100s linear infinite;animation:bg 100s linear infinite}.card{height:100%;color:#666}.card h3{color:#333}a:hover.card{color:#666;text-decoration:none;border-color:#0a0}#totop{display:none;position:fixed;color:#fff!important;text-decoration:none!important;text-align:center;z-index:9999;bottom:0;right:0;margin-right:30px;margin-bottom:20px;background:center no-repeat #666;opacity:.5;filter:alpha(opacity=50)}@media (max-width:500px){#mainNav .logo{width:60%}.icon{width:35px;height:35px;font-size:.8em}.icon.ic-small{width:15px!important;height:15px!important}.icon.ic-ae,.icon.ic-ai,.icon.ic-as,.icon.ic-au,.icon.ic-pr,.icon.ic-ps{border-width:2px}.icon.ic-ae.ic-small,.icon.ic-ai.ic-small,.icon.ic-as.ic-small,.icon.ic-au.ic-small,.icon.ic-pr.ic-small,.icon.ic-ps.ic-small{border-width:1px}.icon-grp .twoIcon .ic-small{width:25px!important;height:25px!important;font-size:.7em!important}.icon-grp .twoIcon .ic-1,.icon-grp .twoIcon .ic-2{font-size:.9em}[class*=" devicon-"],[class^=devicon-]{font-size:1.3em}.h1{font-size:2rem}.h3{font-size:1.5rem}.h4{font-size:1.3rem}.h5{font-size:1.1rem}}