@charset "UTF-8";h2,h3,h4{font-size:16px}a,h1{color:#fff}body{background:url(../../images/bg.jpg) top center no-repeat ; Std,sans-serif;color:#4e4e4e;line-height:28px}@media screen and (max-width:768px){body{background-size:100% auto}}h1,h2,h3,h4,h5,h6{
	font-weight: 600;
	font-family: "微軟正黑體";
	color: #4e4e4e;
	line-height: 30px;
	text-align:center;
}.lead,h3{line-height:24px;font-weight:400}h1{font-size:36px}h3{color:#787878}p{font-size:14px}a{-webkit-transition:color 300ms,background-color 300ms;-moz-transition:color 300ms,background-color 300ms;-o-transition:color 300ms,background-color 300ms;transition:color 300ms,background-color 300ms}a:focus,a:hover{color:#f28d64;text-decoration:none}.btn-primary{padding:8px 20px;background:#c52d2f;color:#fff;border-radius:4px;border:none;margin-top:10px}.btn-primary:focus,.btn-primary:hover{background:#c52d2f;outline:0;box-shadow:none}.btn-transparent{border:3px solid #fff;background:0 0;color:#fff}.btn-transparent:hover{border-color:rgba(255,255,255,.5)}.dropdown-menu{margin-top:-1px;min-width:180px}.dropdown-menu li{color:#fff}#gotop{display:none;position:fixed;right:20px;bottom:20px;padding:8px 15px;font-size:28px;color:#372f2c;cursor:pointer;border-radius:100px;z-index:999}#header .search,.social-fb,ul.social-fb li,ul.social-fb li a{display:inline-block}.center h2{font-size:36px;margin-top:0;margin-bottom:20px}.media>.pull-left{margin-right:20px}.media>.pull-right{margin-left:20px}.center{text-align:center;padding-bottom:0}.scaleIn{-webkit-animation-name:scaleIn;animation-name:scaleIn}.lead{font-size:16px}.transparent-bg{background-color:transparent!important;margin-bottom:0}@-webkit-keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.navbar>.container .navbar-brand{margin-left:0}.top-bar{padding:10px 0;background:rgba(255,212,129,.5);line-height:28px}.top-number{color:#000}.top-number p{margin:0}.social{text-align:right}.social-fb{list-style:none;padding:0;margin:0}ul.social-fb li a{color:#fff;background:#fff;width:25px;height:25px;line-height:25px;text-align:center;border-radius:20px}ul.social-fb li a:hover{background:#1e51a2;color:#3269c0}ul.social-fb img{margin-top:2px;padding-bottom:0;margin-bottom:0}.navbar-brand{padding:0 0 0 220px;margin:0}@media(max-width:1919px){.navbar-brand{padding:0;margin:0}}.navbar{border-radius:0;margin-bottom:0;background-image:#fff url(../../images/navbg.jpg);padding:5px 0}.navbar-nav{margin-top:12px}.navbar-nav>li{margin-left:0;padding-top:5px}.navbar-inverse .navbar-nav>li>a{padding:0;margin:0;border-radius:3px;color:#767676;line-height:24px;display:inline-block}.navbar-inverse .navbar-nav>li>a:hover{color:#767676;background-color:#fff}.navbar-inverse{border:none}.navbar-inverse .navbar-brand{font-size:36px;line-height:50px;color:#fff}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{background-color:transparent;color:#000}.navbar-inverse .navbar-nav .dropdown-menu{border:0;padding:0;margin-top:0;border-top:0;border-radius:0;left:0;color:#fff}.navbar-inverse .navbar-nav .dropdown-menu:before{position:absolute;top:0}.navbar-inverse .navbar-nav .dropdown-menu>li>a{padding:8px 15px;color:#fff}.navbar-inverse .navbar-nav .dropdown-menu>li.active>a,.navbar-inverse .navbar-nav .dropdown-menu>li:focus>a,.navbar-inverse .navbar-nav .dropdown-menu>li:hover>a{color:#fff}.navbar-inverse .navbar-nav .dropdown-menu>li:last-child>a{border-radius:0 0 3px 3px}.navbar-inverse .navbar-nav .dropdown-menu>li.divider{background-color:transparent}.dropdown-menu p{color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-top:0;padding-bottom:0}#main-slider{position:relative}.no-margin{margin:0;padding:0}#main-slider .carousel .carousel-content{margin-bottom:140x}@media screen and (min-width:1200px){#main-slider .carousel .slide-margin{margin-top:-100px;text-align:center}}@media screen and (max-device-width:1199px){#main-slider .carousel .slide-margin{display:none}}#main-slider .img-responsive{margin:0 auto;z-index:1}#main-slider .carousel h2{color:#fff}#main-slider .carousel .btn-slide{padding:8px 20px;background:#c52d2f;color:#fff;border-radius:4px;margin-top:25px;display:inline-block}#main-slider .carousel .slider-img{text-align:right;position:absolute}#main-slider .carousel .item{background-position:50%;background-repeat:no-repeat;background-size:cover;left:0!important;opacity:0;top:0;position:absolute;width:100%;display:block!important;height:auto;transition:opacity ease-in-out 500ms}#main-slider .carousel .item,#main-slider .carousel .item.active{-webkit-transition:opacity ease-in-out 500ms;-moz-transition:opacity ease-in-out 500ms;-o-transition:opacity ease-in-out 500ms}#main-slider .carousel .item:first-child{top:auto;position:relative}#main-slider .carousel .item.active{opacity:1;transition:opacity ease-in-out 500ms;z-index:1}#main-slider .next,slide-margin #main-slider .prev{position:absolute;top:50%;background-color:#c52d2f;color:#fff;display:inline-block;margin-top:-25px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:4px;z-index:5}#main-slider .next:hover,#main-slider .prev:hover{background-color:#000}#main-slider .prev{left:10px}#main-slider .next{right:10px}#main-slider .carousel-indicators li{width:20px;height:20px;background-color:#fff;margin:0 15px 0 0;position:relative}#main-slider .carousel-indicators li:after{position:absolute;content:"";width:24px;height:24px;border-radius:100%;background:0 0;border:1px solid #FFF;left:-3px;top:-3px}#main-slider .carousel-indicators .active{width:20px;height:20px;background-color:#c52d2f;margin:0 15px 0 0;border:1px solid #c52d2f;position:relative}#main-slider .carousel-indicators .active:after{position:absolute;content:"";width:24px;height:24px;border-radius:100%;background:#c52d2f;border:1px solid #c52d2f;left:-3px;top:-3px}#main-slider .active .animation.animated-item-1{-webkit-animation:fadeInUp 300ms linear 300ms both;-moz-animation:fadeInUp 300ms linear 300ms both;-o-animation:fadeInUp 300ms linear 300ms both;-ms-animation:fadeInUp 300ms linear 300ms both;animation:fadeInUp 300ms linear 300ms both}#main-slider .active .animation.animated-item-2{-webkit-animation:fadeInUp 300ms linear 600ms both;-moz-animation:fadeInUp 300ms linear 600ms both;-o-animation:fadeInUp 300ms linear 600ms both;-ms-animation:fadeInUp 300ms linear 600ms both;animation:fadeInUp 300ms linear 600ms both}#main-slider .active .animation.animated-item-3{-webkit-animation:fadeInUp 300ms linear 900ms both;-moz-animation:fadeInUp 300ms linear 900ms both;-o-animation:fadeInUp 300ms linear 900ms both;-ms-animation:fadeInUp 300ms linear 900ms both;animation:fadeInUp 300ms linear 900ms both}#main-slider .active .animation.animated-item-4{-webkit-animation:fadeInUp 300ms linear 1200ms both;-moz-animation:fadeInUp 300ms linear 1200ms both;-o-animation:fadeInUp 300ms linear 1200ms both;-ms-animation:fadeInUp 300ms linear 1200ms both;animation:fadeInUp 300ms linear 1200ms both}#feature{background:#f2f2f2;padding-bottom:40px}#recent-works .col-xs-12.col-sm-4.col-md-3,.features{padding:0}.feature-wrap{margin-bottom:35px;overflow:hidden}.feature-wrap h2{margin-top:10px}.feature-wrap .pull-left{margin-right:25px}.feature-wrap i{font-size:48px;height:110px;width:110px;margin:3px 25px 3px 3px;border-radius:100%;line-height:110px;text-align:center;background:#fff;color:#c52d2f;border:3px solid #fff;box-shadow:inset 0 0 0 5px #f2f2f2;-webkit-box-shadow:inset 0 0 0 5px #f2f2f2;-webkit-transition:500ms;-moz-transition:500ms;-o-transition:500ms;transition:500ms;float:left}.feature-wrap i:hover{background:#c52d2f;color:#fff;box-shadow:inset 0 0 0 5px #c52d2f;-webkit-box-shadow:inset 0 0 0 5px #c52d2f;border:3px solid #c52d2f}@media screen and (min-width:1200px){#recent-works{padding-bottom:160px}}.recent-work-wrap{position:relative}.recent-work-wrap img{width:100%}.recent-work-wrap .recent-work-inner{top:0;background:0 0;opacity:.8;width:100%;border-radius:0;margin-bottom:0}.recent-work-wrap .recent-work-inner h3{margin:25%;text-align:center;vertical-align:middle;color:#fff}.recent-work-wrap .recent-work-inner h3 a{font-size:24px;color:#fff}.recent-work-wrap .overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;border-radius:600px;background:rgba(170,165,160,.9);color:#fff;vertical-align:middle;-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;-o-transition:opacity 500ms;transition:opacity 500ms;padding:30px}.recent-work-wrap .overlay .preview{bottom:0;display:inline-block;height:35px;line-height:35px;border-radius:0;background:0 0;text-align:center;color:#fff}.recent-work-wrap:hover .overlay{opacity:1}#services{background-color:#fff;background-repeat:no-repeat;background-size:100% auto;background-position:top;position:absolute;top:70vh;width:100%;z-index:100;padding:80px 0 0}.progress,.progress-wrap{position:relative}#services .lead{color:#fff}.services-wrap{padding:40px 30px;background:#fff;border-radius:4px;margin:0 0 40px}.services-wrap h3{font-size:20px;margin:10px 0}.accordion h2,.skill h2{margin-bottom:25px}.services-wrap .pull-left{margin-right:20px}#middle{background:#f2f2f2}.progress .color1,.progress .color1 .bar-width{background:#2d7da4}.progress .color2,.progress .color2 .bar-width{background:#6aa42f}.progress .color3,.progress .color3 .bar-width{background:#fc3}.progress .color4,.progress .color4 .bar-width{background:#db3615}.progress,.progress-bar{height:15px;line-height:15px;background:#e6e6e6;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:0;overflow:visible;text-align:right}.progress .bar-width{position:absolute;width:40px;height:20px;line-height:20px;text-align:center;font-size:12px;font-weight:700;top:-30px;border-radius:2px;margin-left:-30px}.progress span{position:relative}.progress span:before{content:" ";position:absolute;width:auto;height:auto;border-width:8px 5px;border-style:solid;bottom:-15px;right:8px}.progress .color1 span:before{border-color:#2d7da4 transparent transparent}.progress .color2 span:before{border-color:#6aa42f transparent transparent}.progress .color3 span:before{border-color:#fc3 transparent transparent}.progress .color4 span:before{border-color:#db3615 transparent transparent}.panel-default{border-color:transparent}.panel,.panel-default>.panel-heading{background-color:#e6e6e6;border:0;box-shadow:none}.panel-default>.panel-heading+.panel-collapse .panel-body{background:#fff;color:#858586}.panel-body{padding:20px 20px 10px}.panel-group .panel+.panel{margin-top:0;border-top:1px solid #d9d9d9}.panel-group .panel,.panel-heading{border-radius:0}.panel-title>a{color:#4e4e4e}.footer,.footer a:link,.footer a:visited,.panel-heading.active .panel-title>a{color:#fff}.accordion-inner img{border-radius:4px}.accordion-inner h4{margin-top:0}.panel-heading.active{background:#1f1f20}a.accordion-toggle i{width:45px;line-height:44px;font-size:20px;margin-top:-10px;text-align:center;margin-right:-15px;background:#c9c9c9}.panel-heading.active a.accordion-toggle i,.panel-heading.active a.accordion-toggle.collapsed i{background:#c52d2f;color:#fff}.partners ul{padding:0;margin:0;background-color:#3e3c3b}.partners ul li{display:inline-block;float:left;width:33.3333333333333%;background-color:#545454}@media(max-width:992px){.partners ul li{display:inline-block;float:left;width:100%}}.footer{background-color:#c1657d;padding:20px 0 10px}.footer p{text-align:left}.footer a:hover{color:#000}#footer,#footer a{color:#fff}#footer{padding-top:10px;padding-bottom:10px;background:0 0;font-size:12px;position:absolute;bottom:20%;text-align:center}#footer a:hover{color:#278a66}.hvr-underline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:#1f4fad;height:2px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before{left:0;right:0}
