body {
     overflow-x: hidden;
     font-family: "微軟正黑體", "Microsoft JhengHei", "Microsoft YaHei" !important;
 }

 .text-muted {
     color: #777
 }

 .text-primary {
     color: #0b73be
 }

 p {
     font-size: 14px;
     line-height: 1.75
 }

 p.large {
     font-size: 16px
 }

 a,
 a:hover,
 a:focus,
 a:active,
 a.active {
     outline: 0
 }

 a {
     color: #0b73be
 }

 a:hover,
 a:focus,
 a:active,
 a.active {
     color: #0b73be
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: "微軟正黑體", "Microsoft JhengHei", "Microsoft YaHei" !important;
     text-transform: uppercase;
     font-weight: 700
 }

 .img-centered {
     margin: 0 auto
 }

 .bg-light-gray {
     background-color: #f7f7f7
 }

 .bg-darkest-gray {
     background-color: #222
 }

 .btn-primary {
     color: #fff;
     background-color: #0b73be;
     border-color: #0b73be;
     font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
     text-transform: uppercase;
     font-weight: 700
 }

 .btn-primary:hover,
 .btn-primary:focus,
 .btn-primary:active,
 .btn-primary.active,
 .open .dropdown-toggle.btn-primary {
     color: #fff;
     background-color: #0b73be;
     border-color: #f6bf01
 }

 .btn-primary:active,
 .btn-primary.active,
 .open .dropdown-toggle.btn-primary {
     background-image: none
 }

 .btn-primary.disabled,
 .btn-primary[disabled],
 fieldset[disabled] .btn-primary,
 .btn-primary.disabled:hover,
 .btn-primary[disabled]:hover,
 fieldset[disabled] .btn-primary:hover,
 .btn-primary.disabled:focus,
 .btn-primary[disabled]:focus,
 fieldset[disabled] .btn-primary:focus,
 .btn-primary.disabled:active,
 .btn-primary[disabled]:active,
 fieldset[disabled] .btn-primary:active,
 .btn-primary.disabled.active,
 .btn-primary[disabled].active,
 fieldset[disabled] .btn-primary.active {
     background-color: #0b73be;
     border-color: #0b73be
 }

 .btn-primary .badge {
     color: #0b73be;
     background-color: #fff
 }

 .btn-xl {
     color: #fff;
     background-color: #0b73be;
     border-color: #0b73be;
     font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
     text-transform: uppercase;
     font-weight: 700;
     border-radius: 3px;
     font-size: 18px;
     padding: 20px 40px
 }

 .btn-xl:hover,
 .btn-xl:focus,
 .btn-xl:active,
 .btn-xl.active,
 .open .dropdown-toggle.btn-xl {
     color: #fff;
     background-color: #0b73be;
     border-color: #0b73be
 }

 .btn-xl:active,
 .btn-xl.active,
 .open .dropdown-toggle.btn-xl {
     background-image: none
 }

 .btn-xl.disabled,
 .btn-xl[disabled],
 fieldset[disabled] .btn-xl,
 .btn-xl.disabled:hover,
 .btn-xl[disabled]:hover,
 fieldset[disabled] .btn-xl:hover,
 .btn-xl.disabled:focus,
 .btn-xl[disabled]:focus,
 fieldset[disabled] .btn-xl:focus,
 .btn-xl.disabled:active,
 .btn-xl[disabled]:active,
 fieldset[disabled] .btn-xl:active,
 .btn-xl.disabled.active,
 .btn-xl[disabled].active,
 fieldset[disabled] .btn-xl.active {
     background-color: #0b73be;
     border-color: #0b73be
 }

 .btn-xl .badge {
     color: #0b73be;
     background-color: #fff
 }

 .navbar-default {
     background-color: #fff;
     border-color: transparent
 }

 .navbar-default .navbar-brand {
     color: #0b73be;
     font-family: "Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive
 }

 .navbar-default .navbar-brand:hover,
 .navbar-default .navbar-brand:focus,
 .navbar-default .navbar-brand:active,
 .navbar-default .navbar-brand.active {
     color: #0b73be
 }

 .navbar-default .navbar-collapse {
     border-color: rgba(255, 255, 255, .02)
 }

 .navbar-default .navbar-toggle {
     background-color: #0b73be;
     ;
     border-color: #0b73be
 }

 .navbar-default .navbar-toggle .icon-bar {
     background-color: #fff
 }

 .navbar-default .navbar-toggle:hover,
 .navbar-default .navbar-toggle:focus {
     background-color: #0b73be
 }

 .navbar-default .nav li a {
     font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
     text-transform: uppercase;
     font-weight: 400;
     letter-spacing: 1px;
     color: #132f5c
 }

 .navbar-default .nav li a:hover,
 .navbar-default .nav li a:focus {
     color: #0b73be;
     outline: 0
 }

 .navbar-default .navbar-nav > .active > a {
     border-radius: 0;
     color: #fff;
     background-color: #132f5c;
 }

 .navbar-default .navbar-nav > .active > a:hover,
 .navbar-default .navbar-nav > .active > a:focus {
     color: #fff;
     background-color: #0b73be
 }

 @media (min-width:768px) {
     .navbar-default {
         background-color: #fff;
         padding: 25px 0;
         -webkit-transition: padding .3s;
         -moz-transition: padding .3s;
         transition: padding .3s;
         border: 0
     }

     .navbar-default .navbar-brand {
         font-size: 2em;
         -webkit-transition: all .3s;
         -moz-transition: all .3s;
         transition: all .3s
     }

     .navbar-default .navbar-nav > .active > a {
         border-radius: 3px
     }

     .navbar-default.navbar-shrink {
         background-color: #fff;
         padding: 10px 0
     }

     .navbar-default.navbar-shrink .navbar-brand {
         font-size: 1.5em
     }
 }

 header {
     background-image: url(../img/earth.png);
     background-repeat: none;
     background-attachment: scroll;
     background-position: center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     -o-background-size: cover;
     text-align: center;
     color: #fff
 }

 .earth_en {
     background-image: url(../img/earth_en.png);
 }

 header .intro-text {
     padding-top: 100px;
     padding-bottom: 50px
 }

 header .intro-text .intro-lead-in {
     font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-style: italic;
     font-size: 22px;
     line-height: 22px;
     margin-bottom: 25px
 }

 header .intro-text .intro-heading {
     font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
     text-transform: uppercase;
     font-weight: 700;
     font-size: 50px;
     line-height: 50px;
     margin-bottom: 25px
 }

 @media (min-width:768px) {
     header .intro-text {
         padding-top: 40vh;
         padding-bottom: 20vh;
     }

     header .intro-text .intro-lead-in {
         font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
         font-style: italic;
         font-size: 40px;
         line-height: 40px;
         margin-bottom: 25px
     }

     header .intro-text .intro-heading {
         font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
         text-transform: uppercase;
         font-weight: 700;
         font-size: 75px;
         line-height: 75px;
         margin-bottom: 50px
     }
 }

 section {
     padding: 100px 0
 }

 section h2.section-heading {
     font-size: 40px;
     margin-top: 0;
     margin-bottom: 30px
 }

 section h3.section-subheading {
     font-size: 16px;
     font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
     text-transform: none;
     font-style: italic;
     font-weight: 400;
     margin-bottom: 75px
 }

 @media (min-width:768px) {
     section {
         padding: 150px 0
     }
 }

 .service-heading {
     margin: 15px 0;
     text-transform: none
 }

 #portfolio .portfolio-item {
     margin: 0 0 15px;
     right: 0
 }

 #portfolio .portfolio-item .portfolio-link {
     display: block;
     position: relative;
     max-width: 400px;
     margin: 0 auto
 }

 #portfolio .portfolio-item .portfolio-link .portfolio-hover {
     background: rgba(254, 209, 54, .9);
     position: absolute;
     width: 100%;
     height: 100%;
     opacity: 0;
     transition: all ease .5s;
     -webkit-transition: all ease .5s;
     -moz-transition: all ease .5s
 }

 #portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
     opacity: 1
 }

 #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
     position: absolute;
     width: 100%;
     height: 20px;
     font-size: 20px;
     text-align: center;
     top: 50%;
     margin-top: -12px;
     color: #fff
 }

 #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 {
     max-width: 400px;
     margin: 0 auto;
     background-color: #fff;
     text-align: center;
     padding: 25px
 }

 #portfolio .portfolio-item .portfolio-caption h4 {
     text-transform: none;
     margin: 0
 }

 #portfolio .portfolio-item .portfolio-caption p {
     font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-style: italic;
     font-size: 16px;
     margin: 0
 }

 #portfolio * {
     z-index: 2
 }

 .oem2 {
     display: block;
     text-align: center;
     margin-top: 2rem;
 }

 .oem3 {
     display: none;
     text-align: center;
     margin-top: 2rem;
 }

 @media (min-width:767px) {
     #portfolio .portfolio-item {
         margin: 0 0 30px
     }
 }


 @media (min-width:768px) {
     .timeline:before {
         left: 50%
     }

     .timeline > li {
         margin-bottom: 100px;
         min-height: 100px
     }

     .timeline > li .timeline-panel {
         width: 41%;
         float: left;
         padding: 0 20px 20px 30px;
         text-align: right
     }

     .timeline > li .timeline-image {
         width: 100px;
         height: 100px;
         left: 50%;
         margin-left: -50px
     }

     .timeline > li .timeline-image h4 {
         font-size: 13px;
         margin-top: 16px;
         line-height: 18px
     }

     .timeline > li.timeline-inverted > .timeline-panel {
         float: right;
         text-align: left;
         padding: 0 30px 20px 20px
     }
 }

 @media (max-width:1024px) {
     .navbar-brand {
         width: 80%;
         margin-top: .5vh;
     }

     section {
         padding: 1vh;
     }

     header {
         margin-top: 7vh;
     }

     section h2.section-heading {
         font-size: 3rem;
     }

     #services .col-md-6 {
         min-height: auto !important;
     }

     .s_title {
/*         font-size: 1.5rem !important;*/
     }

     .s_pic {
         height: auto;
         padding: 0px !impurtant;
     }

     .s_text {
         position: relative !important;
         bottom: auto;
     }

     .img1 {
         padding: 0px !important;
     }

     h2.section-heading:after,
     h2.section-heading:before {
         border: 0px !important;
     }



     h2.section-heading {
         margin-top: 5vh !important;
     }

     #transport img {
         padding: 5vw;
     }

     .about {
         /*
         padding-top: 15vh;
         padding-bottom: 120vw;
*/
     }

     .text2 {
         /*         margin: auto !important;*/
     }

     .title2 {
         /*         margin-top: 20vh;*/
     }

     h2.tri {
         margin-top: 0px !important;
     }

     .oem2 {
         display: none;
         text-align: center;
     }

     .oem3 {
         display: block;
         text-align: center;
     }
 }

 @media (min-width:992px) {}

 @media (min-width:1200px) {}

 .team-member {
     text-align: center;
     margin-bottom: 50px;
     color: #004b75;
 }

 .team-member img {
     margin: 0 auto;
     border: 7px solid #fff
 }

 .team-member h4 {
     margin-top: 25px;
     margin-bottom: 0;
     text-transform: none
 }

 .team-member p {
     margin-top: 0
 }

 aside.clients img {
     margin: 50px auto
 }

 section#contact {
     background-color: #fff;
     /*
     background-image: url(../img/map-image.png);
     background-position: center;
     background-repeat: no-repeat
*/
     color: #004b75;
 }

 /*
 section#contact .section-heading {
     color: #fff
 }
*/

 section#contact .form-group {
     margin-bottom: 25px
 }

 section#contact .form-group input,
 section#contact .form-group textarea {
     padding: 20px
 }

 section#contact .form-group input.form-control {
     height: auto
 }

 section#contact .form-group textarea.form-control {
     height: 325px
 }

 section#contact .form-control:focus {
     border-color: #0b73be;
     box-shadow: none
 }

 section#contact ::-webkit-input-placeholder {
     font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
     text-transform: uppercase;
     font-weight: 700;
     color: #bbb
 }

 section#contact :-moz-placeholder {
     font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
     text-transform: uppercase;
     font-weight: 700;
     color: #bbb
 }

 section#contact ::-moz-placeholder {
     font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
     text-transform: uppercase;
     font-weight: 700;
     color: #bbb
 }

 section#contact :-ms-input-placeholder {
     font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
     text-transform: uppercase;
     font-weight: 700;
     color: #bbb
 }

 section#contact .text-danger {
     color: #e74c3c
 }

 footer {
     background-color: #0b73be;
     padding: 20px 0;
     text-align: center
 }

 footer span.copyright {
     line-height: 40px;
     font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
     text-transform: uppercase;
     text-transform: none
 }

 footer ul.quicklinks {
     margin-bottom: 0;
     line-height: 40px;
     font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
     text-transform: uppercase;
     text-transform: none
 }

 ul.social-buttons {
     margin-bottom: 0
 }

 ul.social-buttons li a {
     display: block;
     background-color: #222;
     height: 40px;
     width: 40px;
     border-radius: 100%;
     font-size: 20px;
     line-height: 40px;
     color: #fff;
     outline: 0;
     -webkit-transition: all .3s;
     -moz-transition: all .3s;
     transition: all .3s
 }

 ul.social-buttons li a:hover,
 ul.social-buttons li a:focus,
 ul.social-buttons li a:active {
     background-color: #0b73be
 }

 .btn:focus,
 .btn:active,
 .btn.active,
 .btn:active:focus {
     outline: 0
 }

 .portfolio-modal .modal-content {
     border-radius: 0;
     background-clip: border-box;
     -webkit-box-shadow: none;
     box-shadow: none;
     border: 0;
     min-height: 100%;
     padding: 100px 0;
     text-align: center
 }

 .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-style: italic;
     font-size: 16px
 }

 .portfolio-modal .modal-content ul.list-inline {
     margin-bottom: 30px;
     margin-top: 0
 }

 .portfolio-modal .modal-content img {
     margin-bottom: 30px
 }

 .portfolio-modal .close-modal {
     position: absolute;
     width: 75px;
     height: 75px;
     background-color: transparent;
     top: 25px;
     right: 25px;
     cursor: pointer
 }

 .portfolio-modal .close-modal:hover {
     opacity: .3
 }

 .portfolio-modal .close-modal .lr {
     height: 75px;
     width: 1px;
     margin-left: 35px;
     background-color: #222;
     transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     z-index: 1051
 }

 .portfolio-modal .close-modal .lr .rl {
     height: 75px;
     width: 1px;
     background-color: #222;
     transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     z-index: 1052
 }

 .portfolio-modal .modal-backdrop {
     opacity: 0;
     display: none
 }

 ::-moz-selection {
     text-shadow: none;
     background: #0b73be
 }

 ::selection {
     text-shadow: none;
     background: #0b73be
 }

 img::selection {
     background: 0 0
 }

 img::-moz-selection {
     background: 0 0
 }

 body {
     webkit-tap-highlight-color: #0b73be
 }