@CHARSET "UTF-8";
/* correction to collapse menu */
@media(max-width:991px){
 .navbar-header{
  float:none
 }
 .navbar-toggle{
  display:block
 }
 .navbar-collapse{
  border-top:1px solid transparent;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.1)
 }
 .navbar-collapse.collapse{
  display:none!important
 }
 .navbar-nav{
  float:none!important;
  margin:7.5px -15px
 }
 .navbar-nav>li{
  float:none
 }
 .navbar-nav>li>a{
  padding-top:10px;
  padding-bottom:10px
 }
 .navbar-text{
  float:none;
  margin:15px 0
 }
 /* since 3.1.0 */
 .navbar-collapse.collapse.in{ 
  display:block!important
 }
 .collapsing{
  overflow:hidden!important
 }
}
body{
 padding:110px 0 80px 0;
 margin:0;
 background-image:url("../images/zertxtw2.gif");
 width:100%;
 font-size:14px;
 line-height:1.5em;
 text-align:justify
}
ol{
 padding-inline-start:25px
}
ul{
 padding-inline-start:20px
}
li{
 text-align:left
}
h1{
 font-size:24px;
 padding:0;
 margin:0
}
h2{
 font-size:22px;
 padding:0;
 margin:0
}
h3{
 font-size:20px;
 padding:0;
 margin:0
}
h4{
 font-size:18px;
 font-weight:bold
}
h5{
 font-size:16px;
 font-weight:bold
}
h6{
 font-size:15px;
 font-weight:bold
}
.media-body{
 font-size:13px
}
@media(max-width:991px){
 body{
  font-size:12px
 }
 h1{
  font-size:20px
 }
 h3{
  font-size:16px
 }
 h4{
  font-size:14px
 }
 h5{
  font-size:13px
 }
 h6{
  font-size:12px
 }
 .media-body{
  font-size:11px
 }
 .table td, th{
  font-size:10px
 }
}
@media(min-width:992px){
 .navbar .navbar-nav{
  display:inline-block;
  float:none;
  vertical-align:top
 }
 .navbar .navbar-collapse{
  text-align:center
 }
}
.intrinsic-container{
 position:relative;
 height:0;
 overflow:hidden
}
.intrinsic-container iframe{
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 padding-bottom:100%
}
.row{
 margin:0 auto
}
.center{
 margin:auto;
 display:block;
 text-align:center
}
.justify{
 text-align:justify
}
.picture{
 max-width:100%;
 height:auto
}
.border{
 border:1px solid #ddd;
 border-radius:4px;
 padding:5px
}
.thumbnail-img{
 max-width:90%;
 max-height:100px;
 height:auto;
 margin:0 auto;
 display:block
}
.small-text{
 font-size:smaller;
 color:#333
}
.biblictext{
 color:#444477
}
.musictext{
 color:#116611
}
ol.code{
 color:#c7254e;
 background-color:#f5f5f5;
 border-radius:4px;
 display:block;
 counter-reset:item;
 list-style-type:none;
 margin-bottom:.5em;
 text-align:left;
 font-size:90%;
 font-family:Menlo,Monaco,Consolas,"Courier New",monospace
}
ol.code li{
 padding:2px;
 background-color:#f9f2f4;
 margin-left:2em
}
ol.code li:before{
 display:inline-block;
 color:#000;
 content:counter(item) " "; 
 counter-increment:item;
 width:2em;
 margin-left:-2em
}
.content-panel{
 margin:0 10px 0 10px
}
.header-panel{
 background-color:#fafafa
}
.footer-panel{
 width:100%;
 background-color:#fafafa;
 padding:5px;
 margin:0;
 line-height:1
}
.visitor-panel{
 text-align:center;
 padding:5px;
 padding-left:0
}
.status-bar{
 height:26px;
 padding:5px
}
.social-bar{
 height:50px;
 padding:5px
}
.btn-social{
 border:0;
 width:40px;
 height:40px
}
@media(max-width:991px){
 .thumbnail-img{
  max-height:80px
 }
 .visitor-panel{
  padding-right:2px
 }
 .footer-panel{
  line-height:1.5
 }
 .social-bar{
  height:40px;
  padding:0
 }
 .status-bar{
  height:16px;
  padding:0 5px
 }
}
@media(max-width:359px){
 .visitor-panel{
  padding:2px;
  padding-left:0
 }
 .social-bar{
  height:32px;
  padding:0
 }
 .btn-social{
  width:32px;
  height:32px
 }
}
.col-sm-4{
 margin:0;
 padding:0 10px 0 10px
}
.panel-heading{
 padding:4px;
 margin:0;
 background-color:#fff
}
#content{
 padding:0;
 margin:0
}
.media{
 margin:0
}
.table{
 margin:auto;
 width:50% !important
}
.table th{
 background:lightgray
}
.video{
 overflow:hidden;
 position:relative;
 width:100%
}
.video::after{
 padding-top:56.25%;
 display:block;
 content:''
}
.video iframe{
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
.overflow-ellipsis-single{
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis
}
.overflow-ellipsis{
 overflow:hidden;
 position:relative;
 line-height:1.5em;
 max-height:3.0em; 
 padding-right:1em
}
.overflow-ellipsis::before{
 content:'...';
 position:absolute;
 right:0;
 bottom:0
}
.overflow-ellipsis::after{
 content:'';
 position:absolute;
 right:0;
 width:1em;
 height:1em;
 margin-top:0.2em;
 background:white
}
.rotated180{
 transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 -moz-transform:rotate(180deg);
 -webkit-transform:rotate(180deg);
 -o-transform:rotate(180deg)
}
/* gtranslator */
#google_translate_element{
 display:none
}
.goog-te-banner-frame{
 display:none!important
}
#goog-gt-tt{
 display:none!important
}
.gsc-search-button-v2{
 height:32px;
}
