html, body {
height: 100%;
}
@font-face {
font-family: Montserrat;
src: url(../fonts/Montserrat-Regular.ttf);
font-family: 'Glyphicons Halflings';
src: url('../fonts/glyphicons-halflings-regular.eot');
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
.en{
font-size: 14px;
font-weight: 400;
font-family: Geneva, Tahoma, Verdana, sans-serif;
}
.tc{
font-family: "Microsoft YaHei";
}
.logo{
width: auto;
height: 60px;
}
.Section{
padding: 30px 0;
width: 100%;
height: auto;
}
.Section h1{
margin: 0;
font-size: 28px;
text-align: center;
letter-spacing: -2px;
font-family: "din-condensed-web",sans-serif;
}
.Section hr{
width: 60px;
border: 0;
border-top: 3px solid #b09970;
}
.news{
background-color: #f8f8f8;
padding: 10px;
}
.news img{
width: 100%;
height: auto;
}
.viewDetails{
width: 100%;
padding: 10px;
background-color: #b09970;
color: #fff;
text-align: center;
border: 0;
}
.aboutUs{
position: relative;
padding: 10px 0;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-position: 100%;
}
.aboutUs img{
max-width: 120px;
height: auto;
margin-bottom: 10px;
}
.aboutUs p{
text-align: center;
}
.alsoLike{
text-align: center;
}
.alsoLike .col-sm-6{
margin-top: 10px;
margin-bottom: 15px;
}
.alsoLike img{
max-width: 300px;
width: 100%;
height: auto;
}
.alsoLike h5{
font-family: "Microsoft YaHei";
margin: 8px 0;
font-size: 16px;
letter-spacing: -1px;
}
.alsoLike a{
font-size: 12px;
color: #b09970;
font-weight: bold;
}
.commentSection{
position: relative;
padding-bottom: 50px;
background-repeat: no-repeat;
background-size: cover;
background-position: 100% auto;
background-color: #f8f8f8;
}
#Comment{
text-align: center;
height: 480px;
}
#Comment img{
width: 100%;
max-width: 380px;
height: auto;
}
#Comment p{
margin-top: 10px;
margin-right: auto;
margin-left: auto;
max-width: 800px;
}
.CommentText{
height: 150px;
}
.carousel-inner h2{
font-size: 20px;
letter-spacing: -1px;
margin: 0;
margin-bottom: 15px;
font-weight: bold;
}
.carousel-indicators .active{
background-color: #393939;
}
#myComment .carousel-indicators{
position: absolute;
bottom: -35px;
}
#myComment .carousel-indicators li{
border: 1px solid #393939;
}
.person{
font-size: 18px;
}
footer{
width: 100%;
text-align: center;
padding: 20px 0;
font-size: 12px;
background-color: #232323;
color: #fff;
}
@media screen and (max-width: 767px) {
.logo{
width: auto;
height: 50px;
}
.navbar-default{
padding: 5px;
}
#Comment{
text-align: center;
height: auto;
}
}