h1.title{
font-size: 24px;
text-align: left;
}
h1.title span{
display: block;
color: #aaa;
font-size: 14px;
text-transform: none;
}
.arrow a{
font-size: 14px;
}
.article-top{
position: relative;
}
.article-top .caption{
position: absolute;
width: 40%;
bottom: 10%;
left: 3%;
background: #111;
padding: 10px 20px;
margin: 20px 10px;
opacity:.8;
color: #fff;
}
.article-top .caption h3 a{
color: #fff;
text-transform: uppercase;
font-size: 24px;
font-weight: bold;
}
.category-title h2{
color: #ed1c24;
text-transform:uppercase;
line-height:30px
}
.category-title h2 a{
display: block;
background: #04a2e0;
color: #fff;
text-align: center;
padding: 15px;
border-radius:6px;
}
.article-category .article-content .article-top {
float:left;
width:100%;
}
.article-category .article-content .article-other {
float:left;
width:100%;
clear:none !important;
padding-top:20px;
}
.article-other h3.title{
border-bottom: 1px #999 solid;
display: inline-block;
margin-bottom: 20px;
}
.article-other h3{
padding-bottom: 0px;
}
.article-top img, .article-other ul img, .article-list img {
display: block;
margin: 0 auto;
margin-left: auto !important;
margin-right: auto !important;                         
}
.article-top img{
width: 100%;
}
.article-category{
border-left:1px #ccc solid;
/*padding: 0 20px;*/
}
.article-category:first-child{
padding-left: 0 !important;
padding-right: 40px !important;
margin-left: 0 !important;
border-left: 0;
}
.article-category:first-child .category-title h2 a{
background: #14469A;
}
.article-category{
float: left;
width: 50%;
}
.article-category.a1{
width: 100%;
}
.article-category.a1 img{
width: 30% !important;
float: left;
}
.article-category.a2{
padding-left: 40px;
/*margin-left: 2%;*/
width: 50%;
}
.article-category.a3{
margin-left: 3.5%;
width: 31%;
}
.article-category.a4{
margin-left: 1%;
width: 24%;
}
.article-list .name {
float: left;
width: 80%;
}
.article-list .name img{
width: 30%;
float: left;
padding: 0 10px 10px 0;
}
.content .img img{
float: left;
margin-right: 30px;
}
.img-hover{
clear: both;
}
.img-hover img{
display: block;
margin: 20px auto;
}
.article-category .article-content {
float: left;
margin-top: 5px;
width: 100%;
}
.article-category .article-content .article-top {
}
.article-category .article-content .article-other {
clear:both;
text-align: justify;
padding: 0;
margin: 0;
}
.article h3.title{
padding:10px 0 0 0;
}
.article-other{
clear: both;
padding-top: 10px;
}
.article-other ul li{
list-style:inside disc
}
.article-other ul li a{
color: #0F204B;
}
.article-list{
margin-bottom:20px;
clear: both;
}
.article-list:before, .article-list:after {
content: "";
display: table; 
}
.article-list:after {
clear: both; 
}
.article-list img{
margin: 0 auto;
display: block;
width: 100%;
}
.article-list h3{
line-height: 24px;
padding-top: 15px;
}
.article-list h3 span{
font-size: 14px;
color: #aaa;
}
.article-list h3 a{
font-size: 18px;
display: block;
}
.article-list .brief{
padding: 0;
}
.article .img{
position: relative;
}
.article .date {
font-size: 12px;
}
.article .date span{
display: block;
text-align: center;
}
.article .date span:nth-child(1){
border-radius: 88px 88px 0 0;
background: #3f3f3f;
width: 88px;
height: 44px;
font-size: 22px;
padding: 15px;
}
.article .date span:nth-child(2){
border-radius: 0 0 88px 88px;
background-color: #ae0405;
width: 88px;
height: 44px;
font-size: 18px;
padding: 8px;
}
.article h3 a{
padding: 0px 0 0px 0;
display: block;
}
.detail{
float: right;
padding-top:2px;
}
.detail a{
color: #0F204B;
font-size: 12px;
}
.detail a:hover{
color: #000;
}
.article-list .article:first-child{
margin-left: 0 !important;
}
.article-list .article{
display: block;
float: left;
padding-bottom: 20px;
border-bottom: 1px #eee solid;
}
.article-other .article-list .article{
border-bottom: none;
}
.article-list .article.a1{
width: 100%;
}
.article-list .article.a1 .zoom{
overflow: inherit;
}
@media only screen and (min-width: 768px){
    .article-list .article.a1 img{
    width: 30% !important;
    float: left;
    margin-right: 3% !important;
    }
}
.article-list .article.a1 h3{
padding: 0
}
.article-list .article.a2{
margin-left: 4%;
width: 48%;
}
.article-list .article.a3{
margin-left: 3.5%;
width: 31%;
}
.article-list .article.a4{
margin-left: 2.6%;
width: 23%;
}
.article-list .article.a11-l, .article-list .article.a11-r{
width: 100%;
background: #efefef;
padding: 40px 30px;
}
.article-list .article.a11-l h3 a, .article-list .article.a11-r h3 a{
padding-bottom: 20px;
}
.article-list .article.a11-l img{
width: 40%;
float: left;
padding-right: 30px;
}
.article-list .article.a11-r img{
width: 40%;
float: right;
padding-left: 30px;
}
.article-list .article.a22{
width: 49%;
background: #fff;
padding: 30px;
text-align: center;
}
.article-list .article.a22 img{
width: 80%;
}
.article-list .article.a22 h3 a{
padding: 20px; 
}
.article-list a.button{
margin-top: 20px;
display: inline-block;
}
.aboutus img{
padding: 0 30px 0 0;
margin: 5px 0 0 0;
}
.aboutus .article h3 a{
padding: 0;
}
.relation{
clear: both;
}
.relation ul li{
list-style: none;
}
.content-tabs .nav li{
border-left:0 !important;
text-transform:uppercase
}
.content-tabs .nav li.active a{
font-weight:bold;
color: #0055A6;
}
.content-tabs .nav li:hover{
background: none;
}
.content-tabs .tab-pane{
padding:10px 0;
}
#faqs h4{
padding: 10px;
}
#rating{padding-bottom:20px;}
#rating h3{display:block;padding-bottom:10px;}
#rating h3.title{text-transform: capitalize;}
#rating .star{float: left; margin-right: 10px;}
#rating .rate{font-size: 26px;}
#rating .rate .rate-base-layer{color: #999;}
#rating .rate .rate-hover-layer{color: #0F204B; cursor: pointer;}
#rating .rate .rate-select-layer{color: #FECB00;}
#rate_result{color: #999};

@media only screen and (max-width: 767px){
    h1.title{
    font-size: 20px;
    padding-bottom: 20px;
    }
    .article-list .article{
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom:20px;
    }
    .content .img img{
    margin-bottom: 20px !important;
    }
}