.article-top .info{

float: left;

width: 58%;

}

.article-top .img{

float: right;

width: 40%;

}

.article-category{

border-left:0px #ccc solid;

padding-right: 10px;

}

.category-title h2{

border-bottom: 1px #54B7E8 solid;

color: #54B7E8;

text-transform:uppercase;

line-height:30px

}

.category-title h2 a{

color: #54B7E8;    

}

.article-category .article-content .article-top {

float:left;

width:50%;

padding-top:10px;

}

.article-category .article-content .article-top a{

color: #54B7E8;

}

.article-category .article-content .article-top h3{

border-bottom:0 #54B7E8 solid;

margin-bottom:10px;

}

.article-category .article-content .article-other {

float:left;

width:50%;

clear:none !important;

padding-left:20px;

}

.article-category .article-content .article-other li{

list-style:disc;

list-style-position: inside;

line-height: 16px;

margin:  2px;

padding: 2px 0 10px 0px;

border-bottom:1px #d5d5d5 dashed

}

.article-other h3.title{

padding-bottom: 20px;

}

.article-other ul li{

list-style:inside disc

}

.article-other ul li a{

color: #000;

}

.article-other ul li a:hover{

color: #54B7E8;

}

.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-right: 10px;

}

.content .none{

border-left:none;

}

.content .none2{

padding:0 0 0 10px;

}

.img-hover{

max-width: 800px;

}

/*.img-hover img:hover{

-moz-box-shadow: 3px 3px 4px #CCCCCC;

-webkit-box-shadow: 3px 3px 4px #CCCCCC;

box-shadow: 3px 3px 4px #CCCCCC;

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CCCCCC')";

filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CCCCCC');

}*/

.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;

}

.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;

}

.article-list h3{

padding-bottom: 10px;

}

.article-list h3 a{

font-size: 14px;

color: #E1343D;

font-weight: bold;

display: block;

}

.article-list h3 a:hover{

color:#3D71BC

}

.article-list .brief{

padding: 0;

}

.detail{

float: right;

padding-top:2px;

}

.detail a{

color: #0F204B;

font-size: 12px;

}

.detail a:hover{

color: #000;

}

a.button{

display: inline-block;

margin-top: 20px;

}

.article-list .article:first-child{

margin-left: 0 !important;

}

.article-list .article{

display: block;

float: left;

}

.article-list .article.a1{

width: 100%;

border-bottom: 1px #ccc dashed;

padding-bottom: 10px;

}

.article-list .article.a1 .img{

float: left;

width: 35%;

}

.article-list .article.a1 .brief{

float: left;

width: 65%;

padding-left: 20px;

}

.article-list .article.a1 h3{

padding-bottom: 0;

}

.article-list .article.a1 .dash{

width: 10%;

border-bottom: 1px dashed #0BA14A;

margin-bottom: 10px;

}

.article-list .article.a2{

margin-left: 2%;

width: 49%;

}

.article-list .article.a3{

margin-left: 3.5%;

width: 31%;

}

.article-list .article.a4{

margin-left: 1%;

width: 24%;

}

.article-list .article.a11-l, .article-list .article.a11-r{

width: 100%;

background: #E4E4E4;

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: 41%;

float: left;

padding-right: 31px;

}

.article-list .article.a11-r img{

width: 41%;

float: right;

padding-left: 31px;

}

.article-list .article.a22{

width: 49%;

background: #fff;

padding: 30px;

text-align: center;

}

.article-list .article.a22 h3 a{

font-size: 22px;

padding: 20px; 

}



.relation{

clear: both;

}

.relation ul li{

list-style: none;

}

.about h3{

margin-bottom: 10px;

border-bottom: 1px #333 solid;

}

#faqs h4{

padding: 10px;

}



@media only screen and (max-width: 660px){

    .article-list .article{

    width: 100% !important;

    margin-left: 0 !important;

    padding: 10px !important;

    margin-bottom:20px;

    }

    .article-top .info, .article-top .img{

    float: left;

    width: 100%;

    }

    .article .button{

    width: 100%;

    }

    .article-list .article.a1 .img, .article-list .article.a1 .brief{

    width: 100%;

    padding-left: 0;

    }

    .article-list .article.a11-l h3 a, .article-list .article.a11-r h3 a, .article-list .article.a22 h3 a{

    font-size: 20px;

    padding: 0;

    }

    .article-other ul img, .article-list img, .article-list .article.a11-l img, .article-list .article.a11-r img{

    width: 100%;

    float: none;

    padding: 0;

    }

}

@media only screen and (max-width: 800px){

    .article-top .caption{

    position: relative;

    left: 0;

    bottom: 0;

    width: 100%;

    margin: 0;

    }

}