html{
  height:100%;
}
body{
  width:100%;
  height:100%;
  font-family: 微軟正黑體,新細明體;
  color:#555;
  text-align:center;
}

p{
  margin:10px 10px 30px 10px;
}
h2.inverse{
  color:#fff;
}

hr{
  border: 3px solid #7f9fca;
  border-radius: 25px;
  margin: 10px auto 30px auto;
  width: 100px;
}
hr.inverse{
  border: 3px solid #fff;
  border-radius: 25px;
  margin: 10px auto;
  width: 100px;
}

img{
  max-width: 100%;
  height: auto;
}

section{
  padding:50px 0 70px 0;
}

footer{
  padding:50px 0 70px 0;
}

header{
  background:url('../images/cover.jpg') center center;
  position: relative;
  overflow: auto;
  width: 100%;
  height: 100%;
  display: block;
  margin: 0 auto;
}

header > video{
  display:none;
}

@supports (object-fit: cover) {
  header > video {
    position:relative;
    z-index:0;
    top:0;
    left:0;
    width:100%;
    height:100%;
    margin:0 auto;
    text-align:center;
    object-fit: cover;
    clear: both;
    overflow: auto;
    display: none;
    clear: both;
    background: url(../images/cover.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    -webkit-transition: 1s opacity;
    transition: 1s opacity;
  }
} 

.navbar-brand{
  padding: 8px 8px 8px 18px;
}

#web-name{
  position:absolute;
  top:50%;
  transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  color:#fff;
  width:100%;
  margin:0 auto;
}

#intro{
  background:#eee;
}

#domain{
  background:#545454;
}

.owl-carousel{
  margin:30px 0 30px 0;
}
.owl-theme .owl-controls{
  margin-top: 30px;
}

.domain_item{
  width:250px;
  height:200px;
  color: #fff;
  font-size: 20px;
  background-position: center center;
  background-image: url(../images/desktop.png);
  -webkit-background-size: cover;
  background-size: cover;
  padding:50px 0px 50px 0px;
  margin: 0 auto;
}

#slogan{
  background-image: url(../images/slogan.jpg);
  color: #fff;
  font-size: 30px;
  padding:50px;
  height: 150px;
}

#device{
  background: #eee;
}

#device .item{
  margin-top:50px;
}




#fan img, #cheng img{
  width:200px;
  height:200px;
  border-radius:50%;
}
#fan .content, #cheng .content{
}

#publications{
  background: #545454;
}
/*
#publications hr{
  margin: 10px 0 30px 10px;
} 
#publications h2{
  text-align: left;
}
*/

#brands .item{
    position: relative;
    float:left;
    width: 30%;
    height: 200px;
    margin:0 auto;
    padding: 10px;
    background: #888;
    color: #262524;
}