@font-face {
    font-family:LantingheiBold;
    src: url(fonts/Lantinghei-TC-Demibold-stub.ttf);
}

@font-face {
    font-family:Lantinghei;
    src: url(fonts/Lantinghei-TC-Extralight-stub.ttf);
}


h1, h2, h4, h5 {
  font-family: "LantingheiBold", Verdana, serif;
  font-weight: bold;
}

p, .langTitle{
  font-family: "Lantinghei", Verdana, serif;
  font-weight: bold;
}

.langTitle {
  padding-left: 0.2em;
}

.socialIcon {
  width:5%;
}
#googleIcon{
  width:4.5%;
}

.error{
  color:red;
}

#sideMain {
  padding-right: 0px;
  padding-left: 0em;
}

#mainSideBar {
	background-color: rgba(203,23,0,1);
}

#mainContent {
  padding:0px;	
}


#logoMain {
	width: 40%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20%;
    margin-bottom: 20%;
    display:none;
}
.navbar-nav li a {
	color:white;
	font-family: "LantingheiBold", Verdana, sans-serif;
	font-size:115%;
	padding:0.5em;
	border-top: 0;
	text-align:center;

} 

.navRow{
	width:100%;
	margin:0;
}

#footbarNav {
	text-align:center;
}

.gridTitle {
  font-weight: bold;
  margin-bottom: 0;
}

.quote {
  color:#A21200;
  font-style: italic;
  font-weight:bold;
  text-align:center;
}

.readmore {
  color:#A21200;
  font-style: italic;
  font-weight:bold;
}

.hrcParagraph {
  font-size: 85%;
  margin-bottom: 0;
  padding-left:0.5em;
  padding-right:0.5em; 
}

.sectionTitle {
  color:#CB1700;
  text-align:center;
  padding:0;
}

.pageContent {
  padding:0;
}
/* make sidebar nav vertical  Main size*/ 
@media handheld, screen and (min-width: 768px) {

    .pageContent {
      padding-right:5em;
    }

    .sectionTitle {
      color:#CB1700;
      text-align: left;
      padding-left: 0.6em;
    }

    .socialIcon {
      width:15%;
    }
    
    #googleIcon{
      width:13.5%;
    }

    .quote {
      color:#A21200;
      font-style: italic;
      font-weight:bold;
      text-align: right;
    }

    .sidebar-nav .navbar .navbar-collapse {
      padding: 0;
      max-height: none;
    }
    
    .sidebar-nav .navbar ul {
      float: none;
    }
    .sidebar-nav .navbar ul:not {
      display: block;
    }
    .sidebar-nav .navbar li {
      float: none;
      display: block;
    }
    .sidebar-nav .navbar li a {
      padding-top: 12px;
      padding-bottom: 12px;
    }
    #logoMain {
    	display: block;
    }
    
    #sideMain {
  	  padding-right: 15px;
    }
    
    .navbar-nav li a {
  	color:white;
  	font-family: "LantingheiBold", Verdana, sans-serif;
  	font-size:115%;
  	padding:0.5em;
  	border-top: 1px solid rgb(202, 202, 202);
  	text-align:left;
  	
  	} 
  	
  	#footbarNav {
  		text-align:left;
      margin-bottom:2em;
  	}

    .gridRow {
      overflow: hidden; 
    }

    .grid {
      /*height:100%;*/
      padding:0 0 0 0;
      border-right:1px solid black;

    } 

    .noRightBorder {
      border-right:0px solid black;
    }

    .gridRow {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }

    .grid hr{
      border-top: 1px solid black;
      width: 15%;
      margin:0;
      position:absolute;
      bottom:0;
    }

    .right {
      right:0;
    }
    .left {
      left:0;
    }

}