@charset "UTF-8";
/*!
 * Start Bootstrap - Agency Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Noto+Serif+TC:wght@200;500;900&display=swap");a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,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,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.5em}ul{list-style:none}ol,ul{padding-left:1em}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*{transition:all .3s ease}body{overflow-x:hidden;font-family:'Noto Sans TC', 'Roboto Slab', 'Helvetica Neue', Helvetica, Arial, sans-serif!important;font-weight:400;-webkit-tap-highlight-color:#fed136}.text-primary{color:#fed136}.text-muted{color:#6a696e}p{font-size:16px}a{color:#e60012;outline:0}a.active,a:active,a:focus,a:hover{color:#9a000c}a i{transition-delay:-.2s}a:hover{outline:0}a.back,a.goTop{position:fixed;bottom:30px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;height:60px;width:60px;z-index:500;border-radius:30px;text-decoration:none;opacity:.7;color:#fff;transition:all .5s ease;-webkit-tap-highlight-color:transparent}a.back i,a.goTop i{flex:100%;text-align:center;margin-top:.25em}a.back span,a.goTop span{flex:100%;text-align:center;margin-top:-1.25em}a.back:hover,a.goTop:hover{opacity:1}a.back{left:30px;background-color:#222}a.back.active,a.back:active,a.back:focus,a.back:hover{background-color:#222}a.goTop{right:30px;background-color:#e60012}a.goTop.active,a.goTop:active,a.goTop:focus,a.goTop:hover{background-color:#e60012}h1,h2,h3,h4,h5,h6{font-family:'Noto Sans TC', 'Roboto Slab', 'Helvetica Neue', Helvetica, Arial, sans-serif!important;font-weight:700;line-height:1.25em;margin-bottom:.5em}h1{font-size:2em}h2{font-size:1.75em}h3{font-size:1.5em}h4{font-size:1.25em}h5{font-size:1.1em}h6{font-size:1em;font-weight:700}.bg-light-gray{background-color:#f7f7f7}ul.list-inline{margin:30px auto 10px auto}.rwd-iframe{margin:50px 0;text-align:center}.rwd-iframe iframe{max-width:100%;max-height:56vw}.portfolio-modal .modal-content{padding:100px 0;min-height:100%;border:0;border-radius:0;text-align:center;background-clip:border-box;-webkit-box-shadow:none;box-shadow:none}.portfolio-modal .modal-content h2{margin-bottom:15px;font-size:3em}.portfolio-modal .modal-content p{margin-bottom:30px}.portfolio-modal .modal-content p.item-intro{margin:20px 0 30px;font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-style:italic}.portfolio-modal .modal-content ul.list-inline{margin:30px auto}.portfolio-modal .modal-content img{margin-bottom:30px}.portfolio-modal .close-modal{position:fixed;top:25px;right:25px;width:75px;height:75px;background-color:transparent;cursor:pointer;filter:drop-shadow(0 0 1px #fff);z-index:1051}.portfolio-modal .close-modal:hover{opacity:.3}.portfolio-modal .close-modal .lr{z-index:1051;width:1px;height:75px;margin-left:35px;background-color:#222;-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:#222;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.portfolio-modal .modal-backdrop{display:none;opacity:0}.navbar-default{border-color:transparent;background-color:#222222}.navbar-default .navbar-toggle{background-color:#fed136;border:1px solid #fed136}.navbar-default .navbar-toggle.active,.navbar-default .navbar-toggle:active,.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#fec503}.navbar-default .navbar-toggle .icon-bar{background-color:white}.navbar-default .navbar-brand{color:#fff;display:flex;justify-content:center;align-items:center}.navbar-default .navbar-brand.active,.navbar-default .navbar-brand:active,.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#fec503}.navbar-default .navbar-brand>img{display:inline}.navbar-default .navbar-collapse{border-color:rgba(255, 255, 255, 0.02)}.navbar-default .navbar-collapse .navbar-nav li a{text-transform:uppercase;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:800;letter-spacing:1px;color:#fff}.navbar-default .navbar-collapse .navbar-nav li a.active,.navbar-default .navbar-collapse .navbar-nav li a:active,.navbar-default .navbar-collapse .navbar-nav li a:focus,.navbar-default .navbar-collapse .navbar-nav li a:hover{color:#fec503}.navbar-default .navbar-collapse .navbar-nav li a:before{transition:all .3s ease;color:white}.navbar-default .navbar-collapse .navbar-nav li a:hover:before{color:#fed136}.navbar-default .navbar-collapse .navbar-nav li a.about,.navbar-default .navbar-collapse .navbar-nav li a.contact,.navbar-default .navbar-collapse .navbar-nav li a.news,.navbar-default .navbar-collapse .navbar-nav li a.projects{width:125px;text-align:center}.navbar-default .navbar-collapse .navbar-nav li a.about:before{content:'About'}.navbar-default .navbar-collapse .navbar-nav li a.news:before{content:'News'}.navbar-default .navbar-collapse .navbar-nav li a.projects:before{content:'Featured'}.navbar-default .navbar-collapse .navbar-nav li a.contact:before{content:'Contact'}.navbar-default .navbar-collapse .navbar-nav li.active a{background-color:#e60012}.navbar-default .navbar-collapse .navbar-nav li.active a.active,.navbar-default .navbar-collapse .navbar-nav li.active a:active,.navbar-default .navbar-collapse .navbar-nav li.active a:focus,.navbar-default .navbar-collapse .navbar-nav li.active a:hover{background-color:#b3000e}.navbar-default .navbar-collapse .navbar-nav li.active a:before{font-family:'Noto Sans TC', 'Roboto Slab', 'Helvetica Neue', Helvetica, Arial, sans-serif!important;font-weight:400;font-size:1.15em;background-color:transparent}.navbar-default .navbar-collapse .navbar-nav li.active a:before.active,.navbar-default .navbar-collapse .navbar-nav li.active a:before:active,.navbar-default .navbar-collapse .navbar-nav li.active a:before:focus,.navbar-default .navbar-collapse .navbar-nav li.active a:before:hover{background-color:rgba(0, 0, 0, 0)}.navbar-default .navbar-collapse .navbar-nav li.active a:hover:before{color:white}.navbar-default .navbar-collapse .navbar-nav li.active a.about:before{content:'關 於 我 們'}.navbar-default .navbar-collapse .navbar-nav li.active a.news:before{content:'最 新 消 息'}.navbar-default .navbar-collapse .navbar-nav li.active a.projects:before{content:'精 選 作 品'}.navbar-default .navbar-collapse .navbar-nav li.active a.contact:before{content:'聯 絡 我 們'}.navbar-default.navbar-inpage .navbar-collapse .navbar-nav li a.projects{background-color:#e60012}.navbar-default.navbar-inpage .navbar-collapse .navbar-nav li a.projects:before{font-family:'Noto Sans TC', 'Roboto Slab', 'Helvetica Neue', Helvetica, Arial, sans-serif!important;font-weight:400;font-size:1.15em;content:'專 案 作 品'!important;color:white}@media (min-width:768px){.navbar-default{padding:25px 0;border:0;background:#222;background:-webkit-linear-gradient(#222 0%, rgba(34, 34, 34, 0.5) 30%, transparent 80%);background:-o-linear-gradient(#222 0%, rgba(34, 34, 34, 0.5) 30%, transparent 80%);background:linear-gradient(#222 0%, rgba(34, 34, 34, 0.5) 30%, transparent 80%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr=transparent,GradientType=0 );-webkit-transition:padding .3s;-moz-transition:padding .3s;transition:padding .3s}.navbar-default .navbar-brand{font-size:1.5em}.navbar-default .navbar-collapse .navbar-nav li.active a{border-radius:3px}.navbar-default.navbar-inpage,.navbar-default.navbar-shrink{padding:10px 0;background-color:#222222}.navbar-default.navbar-inpage .navbar-brand,.navbar-default.navbar-shrink .navbar-brand{font-size:1.25em}.navbar-default.navbar-inpage .navbar-collapse .navbar-nav li a.projects{border-radius:3px}}header{max-height:400px}header .container{position:absolute;z-index:50;width:100%}header .intro-text{margin:0 auto;padding-top:100px;padding-bottom:50px;text-shadow:2px 2px 5px #222;text-align:center;color:#fff}header .intro-text .intro-lead-in{font-family:"Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:500;margin-bottom:10px;font-size:22px;line-height:22px;font-style:italic}header .intro-text .intro-heading{font-family:Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;margin-bottom:25px;font-size:30px;line-height:35px;text-transform:uppercase;font-weight:700}header .carousel-inner>.item{max-width:100%;overflow:hidden}header .carousel-inner>.item>a>img{max-width:140%;margin-left:-20%}header .carousel-control{display:none;color:transparent;text-shadow:0 0 0 transparent}header .carousel-indicators{z-index:100}.carousel-inner>.item>img{max-width:140%;margin-left:-20%}@media (min-width:768px){header{max-height:100%}header .intro-text{max-width:80%;padding-top:200px;padding-bottom:300px}header .intro-text .intro-lead-in{margin-bottom:25px;font-size:40px;line-height:40px}header .intro-text .intro-heading{margin-bottom:50px;font-size:60px;line-height:75px}}@media (min-width:1440px){header .intro-text{padding-top:300px}header .carousel-control{color:white;text-shadow:0 1px 2px rgba(0, 0, 0, 0.6);padding-top:45vh;z-index:100}header .carousel-inner>.item>a>img{max-width:100%;margin-left:0}.carousel-inner>.item>img{max-width:100%;margin-left:0}}@media (min-width:1600px){header .intro-text{max-width:1200px}}section{padding:100px 0}section h2.section-heading{margin-top:0;margin-bottom:40px;font-size:40px}section h3.section-subheading{margin-bottom:75px;text-transform:none;font-family:"Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:16px;font-style:italic;font-weight:400}@media (min-width:768px){section{padding:80px 0}}#about{min-height:95vh;display:flex;align-items:center;justify-content:center}#about .service-heading{margin:15px 0;text-transform:none}#news .news-item{display:flex;flex-wrap:wrap;margin-bottom:30px;padding:20px;border-radius:20px;background-color:#f7f7f7}#news .news-item .news-desc{flex:100%;max-width:100%;padding:15px 0}#news .news-item .news-desc p{text-align:justify}#news .news-item .news-desc .links{margin-top:25px}#news .news-item .news-desc .links a{background-color:#fed136;color:#222;padding:5px 15px;margin:10px 5px;line-height:1.5em;border-radius:20px;text-decoration:none;display:block;text-align:center}#news .news-item .news-desc .links a.active,#news .news-item .news-desc .links a:active,#news .news-item .news-desc .links a:focus,#news .news-item .news-desc .links a:hover{background-color:#e60012}#news .news-item .news-desc .links a.active,#news .news-item .news-desc .links a:active,#news .news-item .news-desc .links a:focus,#news .news-item .news-desc .links a:hover{color:#fff}#news .news-item .news-desc .links a:hover{opacity:1}#news .news-item .news-img{flex:80%;max-width:80%;margin:auto}#news .news-item .news-img img{border-radius:50%}#news .news-item:nth-child(odd) .links{text-align:right}#news .news-item:nth-child(2n){flex-direction:row-reverse}@media (min-width:767px){#news .news-item .news-desc{flex:75%;max-width:75%;padding:15px 30px}#news .news-item .news-desc .links a{display:inline}#news .news-item .news-desc .links a:first-child{margin-left:0}#news .news-item .news-desc .links a:last-child{margin-right:0}#news .news-item .news-img{flex:25%;max-width:25%}}#portfolio *{z-index:2}#portfolio h3.section-heading{margin-top:80px;margin-bottom:20px;font-size:1.5em;color:#b3000e}#portfolio .row{padding:0 5px}#portfolio .portfolio-item{right:0;margin:0 0 15px;padding:5px}#portfolio .portfolio-item .portfolio-link{display:block;position:relative;margin:0 auto;overflow:hidden}#portfolio .portfolio-item .portfolio-link .portfolio-hover{position:absolute;width:100%;height:100%;opacity:0;background-color:#fed136;display:flex;align-items:center;justify-content:center}#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover{opacity:.9}#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{position:absolute;width:100%;padding:0 10px;text-align:center;font-size:20px;color:#222222}#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i{margin-top:-12px}#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4{margin:0}#portfolio .portfolio-item .portfolio-caption{margin:0 auto;padding:25px;max-width:400px;text-align:center;background-color:white}#portfolio .portfolio-item .portfolio-caption h4{margin:0;text-transform:none}#portfolio .portfolio-item .portfolio-caption p{margin:0;font-family:"Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:500;font-size:16px;font-style:italic}#portfolio .more{text-align:center;padding-top:1em;font-size:1.25em}#portfolio .more a{text-decoration:none}#portfolio .more a:hover{color:#fed136}@media (min-width:767px){#portfolio{padding-top:150px;padding-bottom:50px}#portfolio .portfolio-item{margin:0}#portfolio .portfolio-item .portfolio-caption{min-height:126px}}@media (min-width:1024px){#portfolio .container{width:100%}#portfolio .portfolio-item{overflow:hidden}#portfolio .portfolio-item .portfolio-caption{display:none}#portfolio .portfolio-item a:hover img{transform:scale(1.2)}}@media (min-width:992px) and (max-width:1199px){#portfolio .portfolio-item .portfolio-caption{min-height:175px}}.portfolio-inpage{text-align:center}.portfolio-inpage .container{width:100%}.portfolio-inpage p{margin-bottom:1.5em;text-align:justify}.portfolio-inpage img{margin:0 auto 1.5em auto}.portfolio-inpage h2{font-size:2.5em}.portfolio-inpage h4{margin-top:1.5em}.portfolio-inpage .item-intro{font-family:"Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:500;color:#8c888b;font-size:18px;font-style:italic;text-align:center}.portfolio-inpage .link{text-align:center}.portfolio-inpage .link a{color:#222;text-decoration:none}.portfolio-inpage .link a.active,.portfolio-inpage .link a:active,.portfolio-inpage .link a:focus,.portfolio-inpage .link a:hover{color:#e60012}.portfolio-inpage .link a i{color:#e60012}.portfolio-inpage .link a.active,.portfolio-inpage .link a:active,.portfolio-inpage .link a:focus,.portfolio-inpage .link a:hover{border-bottom:1px solid #e60012}.portfolio-inpage .list-inline{font-size:.9em}.portfolio-inpage .list-inline li{padding:0 10px}#contact{min-height:95vh;display:flex;align-items:center;justify-content:center;text-align:center}#contact .contact-info{word-wrap:break-word;flex:1;padding:1em 2em;background-color:#f7f7f7;padding:2.5em 1em;margin:1em 0}#contact .contact-info p{margin-bottom:.75em}#contact .contact-info a{color:#383a3c;text-decoration:none;border-bottom:1px solid #383a3c}#contact .contact-info a.active,#contact .contact-info a:active,#contact .contact-info a:focus,#contact .contact-info a:hover{color:#e60012}#contact .contact-info a.active,#contact .contact-info a:active,#contact .contact-info a:focus,#contact .contact-info a:hover{border-bottom:1px solid #e60012}@media (min-width:1024px){#contact .container{width:100%}}footer{background:#222;padding:25px 0;text-align:center;font-size:.9em}footer span.copyright,footer ul.quicklinks{font-family:'Noto Sans TC', 'Roboto Slab', 'Helvetica Neue', Helvetica, Arial, sans-serif!important;font-weight:400;text-transform:uppercase;text-transform:none;line-height:40px;color:#fff}footer ul.quicklinks,footer ul.social-buttons{margin-bottom:0}footer ul.social-buttons li a{display:block;width:40px;height:40px;border-radius:100%;font-size:20px;line-height:40px;outline:0;color:#222;background-color:#fff}footer ul.social-buttons li a.active,footer ul.social-buttons li a:active,footer ul.social-buttons li a:focus,footer ul.social-buttons li a:hover{background-color:#fec503}::-moz-selection{background-color:#fed136;color:#e60012}::selection{background-color:#fed136;color:#e60012}img::selection{background:0 0}img::-moz-selection{background:0 0}::-webkit-scrollbar{background-color:rgba(255, 255, 255, 0);border-radius:5px;width:7px}::-webkit-scrollbar:hover{background:rgba(211, 209, 211, 0.5)}::-webkit-scrollbar-thumb{background:rgba(56, 58, 60, 0.7);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:rgba(56, 58, 60, 0.8)}