/**三視多媒體響應式網站CSS*/
/**基本網站呈現樣式*/
body {    
  font-family: 'Noto Sans TC', sans-serif;
    background-image: url(../img/bg.gif);
  }

H5{font-weight:bold;}
H6{font-size: medium;font-weight:bold;line-height: 24px;}

/** 導覽列樣式1 Navbar部份**/
.bg-menu .navbar-nav .nav-link {
  color: #7a7a78;  
}
.bg-menu .navbar-brand,
.bg-menu .navbar-text {
  color: #7a7a78;
}
.bg-menu .nav-item.active .nav-link,
.nav-item:hover .nav-link {
  color:#0c0c0c;
}
.bg-menu-toggler i{
  color: #7a7a78;
}
.section_con{position: relative;top: 100px;text-align: center;}
.section_con1{position: relative;top: 100px;margin:5vh 0px 0px 0px;} 
.section_con2{position: relative;top: 100px;margin:10vh 0px 0px 0px;text-align: center;} 
.section_con2 h6{font-size: smaller;line-height: 10px;}
.titleC{font-size:large;font-weight: bolder;}
.intro1{  
  height: 25vh;
  background-position: center;
  background-size:cover;  
}
.modal-body {text-align: left;}
.intro1 :hover{
  border-bottom: #7a7a78;
  border-bottom-width: 2px;  
  border-bottom-style: solid;
}
.intro1_t{
  font-size: larger;
  font-weight: bold;
  text-align:center;line-height:25vh;  
}
.intro2{  
  height: 20vh;
  background-position: center;
  background-size:cover;  
  padding: 30px;
}
.intro2_t{
  font-size: larger;
  font-weight: bold;
  text-align:center;
}

.news1{  
  color: rgb(46, 34, 105);  
  background-position: center;
  background-size:cover;  
}
.news1_t{
  font-size: larger;
  font-weight: bold;
  text-align:center;line-height:20vh;  
}
.newscon {font-size: small;}
.newscon img{padding: 10px;border-width: 3px;border-style:outset;float: left;margin: 10px;}

.ow1 {width: 80%;margin: 10px auto;}
.ow2 {width: 80%;margin:auto;}
.ow3 {width: 60%;margin:auto;}


.item{background-color: white;border-radius:30px;}
.item2{background-color: white;border-radius:20px;padding: 5px;}
.item2_1{ border-bottom: #979795;border-bottom-width: 1px;border-bottom-style:inset;padding: 5px;}
.item2_2{font-weight: bold;color: rgb(3, 17, 95);}

.movieitem01{font-size: medium;color: rgb(4, 3, 87);}
.movieitem02{float: left;padding: 10px;width: 150px;}
.movieitem03{font-size: smaller;text-align: left;padding: 10px;height: 370px;text-align: justify;text-justify:inter-ideograph;}
.ad1{  
  color: rgb(255, 255, 255);  
  background-position: center;
  background-size:cover;
  background-color: #7a7a78;
  border-radius: 10px;
  margin: 5px;
  padding: 5px;
  height: 60px;  
}
.ad1 :hover{color: rgb(1, 1, 19);}
/** 575px解析CSS **/
@media (max-width: 768px) {
  .movieitem03{height: 270px;}
  .new_tc a{font-size: smaller;}
  .ow3 {width: 80%;}
}
@media (max-width: 480px) {
  .movieitem03{height: 270px;}
  .new_tc a{font-size: smaller;}
  .ow3 {width: 80%;}
}