/*!
 * Start Bootstrap - New Age v3.3.7 (http://startbootstrap.com/template-overviews/new-age)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
html,
body{
   height: 100%;
   width: 100%;
}
body{
   margin: 0;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.22;
   color: #444444;
   background-color: #ffffff;
   font-family: "微軟正黑體", "Arial";
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   webkit-tap-highlight-color: #222222;
}
img{
   max-width: 100%;
   max-width: 100%;
}
a{
   -webkit-transition: all 0.35s;
   -moz-transition: all 0.35s;
   transition: all 0.35s;
   color: #fdc62B;
}
a:hover,
a:focus{
   color: #fcbd20;
}
hr{
   max-width: 100%;
   margin: 0px auto 0;
   border-width: 2px;
   border-color: rgba(34, 34, 34, 0.1);
}
hr.light{
   border-color: white;
}
h1,
h2,
h3,
h4,
h5,
h6{
   font-family: "微軟正黑體", "Arial";
   font-weight: 200;
   letter-spacing: 1px;
}
p{
   font-size: 15px;
   line-height: 1.5;
   margin-bottom: 20px;
}
.navbar-default{
   background-color: white;
   -webkit-transition: all 0.35s;
   -moz-transition: all 0.35s;
   transition: all 0.35s;
   font-family: "微軟正黑體", "Arial";
   font-weight: 200;
   letter-spacing: 1px;
}
.navbar-default .btn-link{
   color: #444444;
   font-size: 14px;
   letter-spacing: 2px;
   line-height: 20px;
   border-top: 0px;
   border-bottom: 0px;
   border-right: 0px;
   border-left: 0px;
   padding-top: 15px;
   padding-bottom: 15px;
   padding-right: 15px;
   padding-left: 15px;
}

.navbar-default .btn-link:focus, .navbar-default .btn-link:hover{
   text-decoration: none;
   color: #dddddd;
}

.navbar-brand > img{
   width: 40px;
   height: 40px;
   position: center;
}
.navbar-default .navbar-header .navbar-brand{
   font-weight: 200;
   letter-spacing: 1px;
   color: #fdc62B;
}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus{
   color: #fcbd20;
}
.navbar-default .navbar-header .navbar-toggle{
   font-size: 12px;
   color: #222222;
   padding: 8px 10px;
}
.navbar-header > a{
   padding-top: 5px;
   padding-bottom: 5px;
}
.navbar-default .nav > li > a{
/*
   text-transform: uppercase;
*/
   letter-spacing: 2px;
   font-size: 15px;
}
.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus{
   color: #fdc62B;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover{
   color: #fdc62B;
}
.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus{
   color: #fdc62B;
   background-color: transparent;
}
.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover{
   background-color: transparent;
}
@media (min-width: 768px){
   .navbar-default{
      background-color: white;
      border-color: white;
      box-shadow: 0px 0px 10px #ededed;
   }
   .navbar-default .navbar-header .navbar-brand{
      color: #444444;
   }
   .navbar-default .navbar-header .navbar-brand:hover,
   .navbar-default .navbar-header .navbar-brand:focus{
      color: white;
   }
   
   .navbar-default .nav > li > a.selected{
      box-shadow: 0px 3px 0px orange, 0px 2px 0px gray;
   }
   .navbar-default .nav > li > a,
   .navbar-default .nav > li > a:focus{
      color: #444444;
   }
   .navbar-default .nav > li > a:hover,
   .navbar-default .nav > li > a:focus:hover{
      color: #fdc62b;
   }
   .navbar-default.affix{
      background-color: white;
      border-color: rgba(34, 34, 34, 0.1);
   }
   .navbar-default.affix .navbar-header .navbar-brand{
      color: #222222;
   }
   .navbar-default.affix .navbar-header .navbar-brand:hover,
   .navbar-default.affix .navbar-header .navbar-brand:focus{
      color: #fdc62B;
   }
   .navbar-default.affix .nav > li > a,
   .navbar-default.affix .nav > li > a:focus{
      color: #222222;
   }
   .navbar-default.affix .nav > li > a:hover,
   .navbar-default.affix .nav > li > a:focus:hover{
      color: #fdc62B;
   }
}

nav div a{
   font-size: 1em;
   color: #000000;
}
.breadcrumb{
   margin-top: 2em;
   background-color: #fff;
   padding-left: 0;
}

.lbar-container{
   background-color: #f5f5f5;
   border-radius: 4px;
   padding-left: 2.5em;
   padding-top: .6em;
   padding-bottom: 1em;
}

#BG_Img{
   font-family: "微軟正黑體", "Arial";
   position: relative;
   background: url("../Images/LBR_Home_Hero_BG_01.png") no-repeat;
   background-position:center;
   height:500px;
   width:100%;

/*
   background-position: 0 50px;
*/
}

header{
   position: relative;
   width: 100%;
   min-height: auto;
   overflow-y: hidden;
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   color: white;
}
header.header-content{
   text-align: left;
   padding: 150px 0 50px;
   position: relative;
}
header.header-content.header-content-inner{
   position: relative;
   max-width: 500px;
   margin: 0 auto;
}
header.header-content.header-content-inner h1{
   font-family: "微軟正黑體", "Arial";
   margin-top: 0;
   margin-bottom: 30px;
   font-size: 60px;
   font-weight: bold;
}
header.header-content.header-content-inner.list-badges{
   margin-bottom: 25px;
}
header.header-content.header-content-inner.list-badges img{
   height: 50px;
   margin-bottom: 25px;
}
header.device-container{
   max-width: 300px;
   margin: 0 auto 100px;
}
header.device-container.screen img{
   border-radius: 3px;
}
@media (min-width: 768px){
   header{
      min-height: 100%;
   }
   header.header-content{
      text-align: left;
      padding: 0;
      height: 550px;
   }
   header.header-content.header-content-inner{
      max-width: none;
      margin: 0;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
   }
   header.header-content.header-content-inner h1{
      font-size: 50px;
   }
   header.device-container{
      max-width: none;
      max-height: calc(0vh);
      margin: 100px auto 0;
   }
}
@media (min-width: 992px){
   header.header-content .header-content-inner h1{
      font-size: 50px;
   }
}
section{
   font-family: "微軟正黑體", "Arial";
   padding: 20px 0;
}

section h1{
   font-size: 50px;
}

section h2{
   font-size: 45px;
}

section h3{
   font-size: 40px;
}

section.download{
   padding: 150px 0;
   position: relative;
}
section.download h2{
   margin-top: 0;
   font-size: 50px;
}
section.download.badges.badge-link{
   display: block;
   margin-bottom: 25px;
}
section.download.badges.badge-link:last-child{
   margin-bottom: 0;
}
section.download.badges.badge-link img{
   height: 60px;
}
@media (min-width: 768px){
   section.download .badges .badge-link{
      display: inline-block;
      margin-bottom: 0;
   }
}
@media (min-width: 768px){
   section.download h2{
      font-size: 70px;
   }
}
section.features.section-heading{
   margin-bottom: 30px;
}
section.features.section-heading h2{
   margin-top: 0;
}
section.features.section-heading p{
   margin-bottom: 0;
}
section.features.device-container,
section.features.feature-item{
   max-width: 300px;
   margin: 0 auto;
}
section.features.device-container{
   margin-bottom: 30px;
}
@media (min-width: 992px){
   section.features.device-container{
      margin-bottom: 0;
   }
}
section.features.feature-item{
   text-align: center;
   margin-bottom: 30px;
}
section.features.feature-item h3{
   font-size: 30px;
}
section.features.feature-item i{
   font-size: 80px;
   background: -webkit-linear-gradient(to left, #7b4397, #dc2430);
   background: linear-gradient(to left, #7b4397, #dc2430);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}
section.features.feature-item img{
   height: 150px;
}
@media (min-width: 992px){
   section.features .device-container,
   section.features .feature-item{
      max-width: none;
   }
}
section.cta{
   position: relative;
   font-family: "微軟正黑體", "Arial";
   -webkit-background-size: cover;
   -moz-background-size: cover;
   background-size: cover;
   -o-background-size: cover;
   background-position: center;
   background-image: url('../Images/bg-cta.jpg');
   padding: 10px 0;
}
section.cta.cta-content{
   position: relative;
   z-index: 1;
}
section.cta.cta-content h2{
   margin-top: 0;
   margin-bottom: 25px;
   color: white;
   max-width: 450px;
   font-size: 50px;
}
@media (min-width: 768px){
   section.cta .cta-content h2{
      font-size: 70px;
   }
}
section.cta.overlay{
   height: 100%;
   width: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   position: absolute;
   top: 0;
   left: 0;
}
section.contact{
   font-family: "微軟正黑體", "Arial";
   text-align: center;
   padding-top: 15px;
   padding-bottom: 15px;
}
section.contact h2{
   margin-top: 0;
   margin-bottom: 25px;
}
section.contact h2 i{
   color: #dd4b39;
}
section.contact ul.list-social{
   margin-top: 0;
   margin-bottom: 0;
}
section.contact ul.list-social li a{
   padding-top: 10px;
   display: block;
   height: 75px;
   width: 75px;
   line-height: 80px;
   font-size: 50px;
   border-radius: 100%;
   color: white;
}
section.contact ul.list-social li.social-mail a{
   background-color: #1da1f2;
}
section.contact ul.list-social li.social-mail a:hover{
   background-color: #0d95e8;
}
section.contact ul.list-social li.social-facebook a{
   background-color: #3b5998;
}
section.contact ul.list-social li.social-facebook a:hover{
   background-color: #344e86;
}
section.contact ul.list-social li.social-google-plus a{
   background-color: #dd4b39;
}
section.contact ul.list-social li.social-google-plus a:hover{
   background-color: #d73925;
}
footer{
   background-color: #444444;
   font-family: "微軟正黑體", "Arial";
   text-align: center;
   padding-top: 0;
   padding-bottom: 0;
   color: rgba(255, 255, 255, 0.3);
}
footer p{
   font-size: 14px;
   color: rgba(255, 255, 255, 0.3);
   margin: 0;
}
footer ul{
   margin-bottom: 0;
}
footer ul li a{
   font-size: 14px;
   color: rgba(255, 255, 255, 0.3);
}
footer ul li a:hover,
footer ul li a:focus,
footer ul li a:active,
footer ul li a.active{
   text-decoration: none;
}
.bg-primary{
   background: #444444;
}
.text-primary{
   color: #fdc62B;
}
.no-gutter > [class*='col-']{
   padding-right: 0;
   padding-left: 0;
}
.btn-outline{
   color: white;
   border-color: white;
   border: 1px solid;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active{
   color: white;
   background-color: #fdc62B;
   border-color: #fdc62B;
}
.btn{
   text-transform: uppercase;
   letter-spacing: 2px;
   border-radius: 300px;
}
.btn-xl{
   padding: 15px 45px;
   font-size: 18px;
}
::-moz-selection{
   color: white;
   text-shadow: none;
   background: #222222;
}
::selection{
   color: white;
   text-shadow: none;
   background: #222222;
}
img::selection{
   color: white;
   background: transparent;
}
img::-moz-selection{
   color: white;
   background: transparent;
}