body{overflow-x:hidden;font-family:Dosis,'Microsoft JhengHei',serif!important;color:#000;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:fadeIn;animation-name:fadeIn;background:#fff}@-webkit-keyframes fadeIn{from{opacity:0}100%{opacity:1}}@keyframes fadeIn{from{opacity:0}100%{opacity:1}}p{font-size:20px}p.small{font-size:16px}a,a.active,a:active,a:focus,a:hover{outline:0;color:#caaf92}h1,h2,h3,h4,h5,h6{text-transform:uppercase;font-weight:400;font-family:Dosis,'Microsoft JhengHei',serif!important}hr.star-light,hr.star-primary{margin:10px auto 50px;padding:0;max-width:300px;border:0;border-top:solid 5px;text-align:center;opacity:.3}hr.star-light:after,hr.star-primary:after{content:"";display:inline-block;position:relative;top:-.8em;padding:0 .25em;font-family:FontAwesome;font-size:2em}hr.star-light{border-color:#fff}hr.star-light:after{color:#fff}hr.star-primary{border-color:#000}hr.star-primary:after{color:#000;background-color:#fff}.img-centered{margin:0 auto}header{text-align:center;color:#fff;position:relative;height:100vh;width:100vw;overflow:hidden;background:url(https://i.imgur.com/oBeYp86.jpg) center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}header video{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:0;transform:translateX(-50%) translateY(-50%);transition:1s opacity}.parallax-window{height:100%;background:0 0;position:absolute;top:0;left:0;width:100%}header .container{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;height:200px}header img{display:block;margin:0 auto 20px}header .intro-text .name{display:block;text-transform:uppercase;font-size:2em;font-weight:700;text-shadow:0 0 5px #333}.name{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInDown{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}header .intro-text .skills{font-size:1.25em;font-weight:500;display:block;color:#fff;background:rgba(0,0,0,.3);max-width:650px;margin:0 auto}header .intro-text .skills{border-radius:50px 50px 0 0;-moz-border-radius:50px 50px 0 0;-webkit-border-radius:50px 50px 0 0;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:fadeInUp;animation-name:fadeInUp}header .intro-text .skills:last-child{border-radius:0 0 50px 50px;-moz-border-radius:0 0 50px 50px;-webkit-border-radius:0 0 50px 50px}.navbar-fixed-top .navbar-brand:after{content:"肯。網頁設計工作室"}.navbar-fixed-top.navbar-shrink .navbar-brand:after{content:"Ken Design Studio"}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@media(min-width:768px){header .intro-text .name{font-size:4.75em}header .intro-text .skills{font-size:1.75em}nav .container{padding:0 100px}.mouse{height:40px;width:25px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;transform:none;border:2px solid #fff;z-index:1;position:absolute;bottom:50px;left:0;right:0;margin:auto}.wheel{height:5px;width:2px;display:block;margin:5px auto;background:#fff}.wheel{-webkit-animation:mouse-wheel 1.2s ease-in-out infinite;-moz-animation:mouse-wheel 1.2s ease-in-out infinite}@-webkit-keyframes mouse-wheel{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px)}}@-moz-keyframes mouse-wheel{0%{top:1px}50%{top:2px}100%{top:3px}}@-webkit-keyframes mouse-scroll{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}@-moz-keyframes mouse-scroll{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}@-o-keyframes mouse-scroll{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}@keyframes mouse-scroll{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}}@media(min-width:768px){.navbar-fixed-top{padding:10px 0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;position:absolute}.navbar-fixed-top .navbar-brand{font-size:2em;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.navbar-fixed-top.navbar-shrink{padding:0;border-bottom:3px solid #caaf92!important;background:rgba(0,0,0,.9)!important;position:fixed}.navbar-fixed-top.navbar-shrink .navbar-brand{font-size:1.5em}}.navbar{text-transform:uppercase;font-weight:700}.navbar a:focus{outline:0}.navbar .navbar-nav{letter-spacing:1px}.navbar .navbar-nav li a:focus{outline:0}.navbar-default,.navbar-inverse{border:0;background:0 0}section{padding:100px 0}section h2{margin:0;font-size:3em}section.success{color:#fff;position:relative;text-shadow:0 0 5px #333;background:url(https://i.imgur.com/geuM36J.jpg) center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;background-attachment:fixed}section.success a{background:#000;padding:0 5px;margin-left:5px;color:#fff!important}@media(max-width:767px){section{padding:50px 0}}.row{text-align:center}#portfolio .portfolio-item{right:0;margin:0 -5px 30px -5px!important;float:none;display:inline-block;vertical-align:top}#portfolio .portfolio-item .portfolio-link{display:block;position:relative;margin:0 auto;max-width:400px;box-shadow:1px 1px 10px #aaa;-moz-box-shadow:1px 1px 10px #aaa;-webkit-box-shadow:1px 1px 10px #aaa;-webkit-transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;transition:all ease-in-out .5s;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}#portfolio .portfolio-item .portfolio-link img{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}#portfolio .portfolio-item .portfolio-link .caption{position:absolute;width:100%;height:100%;opacity:0;background:#000;-webkit-transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;transition:all ease-in-out .5s;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}#portfolio .portfolio-item .portfolio-link:hover{box-shadow:1px 1px 10px #000;-moz-box-shadow:1px 1px 10px #000;-webkit-box-shadow:1px 1px 10px #000}#portfolio .portfolio-item .portfolio-link:hover .caption{-moz-opacity:.8;opacity:.8}#portfolio .portfolio-item .portfolio-link .caption:hover+img{filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter:gray;-webkit-filter:grayscale(100%)}#portfolio .portfolio-item .portfolio-link .caption .caption-content{position:absolute;top:50%;width:100%;height:20px;margin-top:-30px;text-align:center;font-size:20px;color:#fff}#portfolio .portfolio-item .portfolio-link .caption .caption-content i{margin:0;-moz-opacity:.5;opacity:.5}#portfolio .portfolio-item .portfolio-link .caption .caption-content h3,#portfolio .portfolio-item .portfolio-link .caption .caption-content h4{margin:0}#portfolio *{z-index:2}.btn-outline{margin-top:15px;border:solid 2px #fff;font-size:20px;color:#fff;background:0 0;transition:all .3s ease-in-out}.btn-outline.active,.btn-outline:active,.btn-outline:focus,.btn-outline:hover{border:solid 2px #fff;color:#18bc9c;background:#fff}.floating-label-form-group{position:relative;margin-bottom:0;padding-bottom:.5em;border-bottom:1px solid #eee}.floating-label-form-group input,.floating-label-form-group textarea{z-index:1;position:relative;padding-right:0;padding-left:0;border:0;border-radius:0;font-size:1.5em;background:0 0;box-shadow:none!important;resize:none}.floating-label-form-group label{display:block;z-index:0;position:relative;top:2em;margin:0;font-size:.85em;line-height:1.764705882em;vertical-align:middle;vertical-align:baseline;opacity:0;-webkit-transition:top .3s ease,opacity .3s ease;-moz-transition:top .3s ease,opacity .3s ease;-ms-transition:top .3s ease,opacity .3s ease;transition:top .3s ease,opacity .3s ease}.floating-label-form-group::not(:first-child){padding-left:14px;border-left:1px solid #eee}.floating-label-form-group-with-value label{top:0;opacity:1}.floating-label-form-group-with-focus label{color:#18bc9c}form .row:first-child .floating-label-form-group{border-top:1px solid #eee}footer{color:#fff}footer h3{margin-bottom:30px}footer .footer-above{padding-top:50px;background-color:rgba(0,0,0,.9)}footer .footer-col{margin-bottom:50px}footer .footer-below{padding:20px 0;background-color:rgba(0,0,0,1)}.btn-social{display:inline-block;width:50px;height:50px;border:2px solid #fff;border-radius:100%;text-align:center;font-size:20px;line-height:45px}.btn.active,.btn:active,.btn:focus{outline:0}.scroll-top{z-index:1049;position:fixed;right:2%;bottom:2%;width:50px;height:50px}.scroll-top .btn{width:50px;height:50px;border-radius:100%;font-size:20px;line-height:28px;background-color:#18bc9c}.scroll-top .btn:focus{outline:0}.portfolio-modal .modal-content{padding:0;min-height:100%;border:0;border-radius:0;text-align:center;background-clip:border-box;-webkit-box-shadow:none;box-shadow:none;top:0}.portfolio-modal .modal-content h2{margin:50px 0 0 0;font-size:3em}.portfolio-modal .modal-content img{margin-bottom:30px}.portfolio-modal .modal-content .item-details{margin:-30px 0 20px 0}.portfolio-modal .modal-content .item-details li img{width:130px}.portfolio-modal .close-modal{position:fixed;top:40px;right:25px;width:75px;height:75px;background:#fff;cursor:pointer;z-index:99}.portfolio-modal .close-modal:hover{opacity:1;background:#eee}.portfolio-modal .close-modal .lr{z-index:1051;width:1px;height:75px;margin-left:35px;background-color:#2c3e50;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.portfolio-modal .close-modal .lr .rl{z-index:1052;width:1px;height:75px;background-color:#2c3e50;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.portfolio-modal .modal-backdrop{display:none;opacity:0}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{background:#caaf92}.navbar-default a:hover{color:#caaf92!important}@media screen and (max-width:1439px){.col-sm-3{width:33.3%}}@media screen and (max-width:799px){.col-sm-3{width:50%;float:left}}@media screen and (max-width:599px){.col-sm-3{width:100%;float:left}}@media screen and (max-width:767px){.portfolio-modal .close-modal{display:none}.navbar-default{border-bottom:3px solid #caaf92!important;background:rgba(0,0,0,.9)!important}header{margin-top:60px;background-attachment:inherit;height:40vh}header .container{height:100px}header video{display:none}}@media screen and (max-width:1023px){section.success{background-attachment:scroll}}ul.share-buttons{list-style:none;padding:0}ul.share-buttons li{display:inline-block;margin:10px 5px 0 5px}.container{position:relative}.backtop{display:block;position:absolute;top:-35px;left:0;right:0;margin:auto}.backtop i:hover,ul.share-buttons img:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}@media screen and (max-width:400px){header .intro-text .skills{font-size:1em}}.navbar-default .navbar-toggle{background:rgba(202,175,146,.85);border-color:rgba(202,175,146,1)}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background:rgba(202,175,146,1)}.modal-body{padding:0 0 20px 0}.modal-body p{text-align:justify!important;text-justify:inter-ideograph;margin-bottom:50px}.navbar-shrink .navbar-nav>li.active>a:hover{color:#fff!important}.parallax-mirror{display:none}.parallax-mirror.show{display:block}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.fade.in{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:1s;animation-duration:1s}.animate-bottom{position:relative;-webkit-animation-name:animatebottom;-webkit-animation-duration:1s;animation-name:animatebottom;animation-duration:1s}@-webkit-keyframes animatebottom{from{bottom:-100px;opacity:0}to{bottom:0;opacity:1}}@keyframes animatebottom{from{bottom:-100px;opacity:0}to{bottom:0;opacity:1}}#myDiv{background:url(https://i.imgur.com/WaaQuMQ.png) repeat;opacity:1;transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out}.container{width:100%}.modal .container{max-width:1170px}.row>div>iframe:not(.fb-page){border-radius:5px!important;-moz-border-radius:5px!important;-webkit-border-radius:5px!important;border:20px solid #fff!important;box-shadow:1px 1px 20px #ccc;-moz-box-shadow:1px 1px 20px #ccc;-webkit-box-shadow:1px 1px 20px #ccc}