body {
	font-family:Segoe UI, Lucida Grande, sans-serif;
	font-size:15px;
	color:#002051;
	line-height:25px;
	background:#fdfdfd;
}

.img-content{display: block; margin-left: auto; margin-right: auto}
a{text-decoration:none;color:#001a4f}
a:visited{color:#320064}
a:hover{color:green}
.topsearchcate{background:#f0f0f0}
h1{font-size:27px;color:#555555}
h2{font-size:25px;color:#555555}
h3{font-size:15px;color:#555555;margin:3px}
#share-buttons img { width:25px;padding: 5px;border: 0;box-shadow: 0;display: inline;}
 
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }
.xam {color:#cccccc}
.rowlist_cate{height:25px}
.rowlist_item{margin-bottom:10px}
.imgthumb{height:200px}
.imgthumbvideo{height:310px;position:relative}
.imgthumbvideo:hover .play{display:block}
.play{
  position : absolute;
    display:none;
    top:40%; 
    margin:0 auto; left:0px;
    right:0px;
    z-index:100
} 
.img_ali3{height:108px}
.adright{float:right;background:yellow;width:200px;position:absolute;top:110px;right:0%;bottom:100px;z-index:-1;overflow:hidden;max-height:550px}
@media screen and (max-width: 1400px) {
	.adright{display:none;}
}
@media screen and (max-width: 1200px) {
    h1{ font-size:22px;}
	h2{ font-size:18px; }
	h3{ font-size:15px;}

}
@media screen and (max-width: 992px) {
    h1{ font-size:22px;}
	h2{ font-size:18px; }
	h3{ font-size:15px;}
	
}
@media screen and (max-width: 768px) {
    h1{ font-size:18px;}
	h2{ font-size:16px; }
	h3{ font-size:14px;}
	.img_ali{width:100%;height:100%}
	.imgthumb{height:100%}
	.imgthumbvideo{height:100%;position:relative}
}
@media screen and (max-width: 480px) {
    h1{ font-size:17px;}
	h2{ font-size:15px; }
	h3{ font-size:14px;}
}
@media screen and (max-width: 320px) {
    h1{ font-size:16px;}
	h2{ font-size:14px; }
	h3{ font-size:13px;}
}
.lipost
{
	list-style-type: disc;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;
}

.tieude{background:#99ccff}
.inlinediv,.banneradtxt{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.vip{background:brown;}
div.listtin:hover{background:ivory;}
div.rowvip{font-weight:bold}
.badgevip{background:red}
a.avip{text-decoration:none;color:#333399}
a.avip:hover{color:red}














/*Modal login*/

.login_modal_footer{margin-top:5px;}
.login_modal_header .modal-title {text-align: center;font-family:'Philosopher',sans-serif; }
.form-group{position: relative;}
.form-group .login-field-icon {
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: 3px;
    transition: all 0.25s ease 0s;
    padding-top: 2%;
}
.login-modal{
    width:100%;
    padding-bottom:20px;
}
.login_modal_header, .login_modal_footer {background: #00BB64 !important;color:#fff;}
.modal-register-btn{margin-right:15%; margin-top:10px;width:100%;}
.login-modal input{height:40px; box-shadow: none; border:1px solid #ddd;}
.modal-body-left{float:left; width:55%; padding-right:4%; border-right:4px solid #ddd;}
.modal-body-right{float:right; width:42%;}
.login-link{padding:0px}
.modal-social-icons{padding:0 10%;}
.facebook, .twitter, .google, .linkedin {width:100%;height:40px; padding-top:2%; margin-top:2%;}
.modal-icons{margin-left: -10px; margin-right: 20px;}
.google, .google:hover{background-color:#dd4b39;border:2px solid #dd4b39;color:#fff;}
.twitter, .twitter:hover{ background-color: #00aced; border:2px solid #00aced;color: #fff;}
.facebook, .facebook:hover{background-color: #3b5999; border:2px solid #3b5999;color:#fff;}
.linkedin, .linkedin:hover{background-color: #007bb6; border: 2px solid #007bb6; color:#fff;}
#social-icons-conatainer{position: relative;}
#center-line{position: absolute;  right: 255px;top: 80px;background:#ddd;  border: 2px solid #DDDDDD;border-radius: 20px;}
.modal-login-btn{width:100%;height:40px; margin-bottom:10px;}
/*Modal login:End*/

/*Social_button*/
.social {
    margin: 0;
    padding: 0;
}

.social ul {
    margin: 0;
    padding: 5px;
}

.social ul li {
    margin: 5px;
    list-style: none outside none;
    display: inline-block;
}

.social i {
    width: 40px;
    height: 40px;
    color: #cccccc;
    
    font-size: 22px;
    text-align:center;
    padding-top: 12px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.social i:hover {
    color: #FFF;
    text-decoration: none;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.social .fa-facebook:hover {    background: #4060A5;}
.social .fa-twitter:hover {    background: #00ABE3;}
.social .fa-google-plus:hover {    background: #e64522;}
.social .fa-github:hover {    background: #343434;}
.social .fa-pinterest:hover {    background: #cb2027;}
.social .fa-linkedin:hover {    background: #0094BC;}
.social .fa-flickr:hover {    background: #FF57AE;}
.social .fa-instagram:hover {    background: #375989;}
.social .fa-vimeo-square:hover {    background: #83DAEB;}
.social .fa-stack-overflow:hover {    background: #FEA501;}
.social .fa-dropbox:hover {    background: #017FE5;}
.social .fa-tumblr:hover {    background: #3a5876;}
.social .fa-dribbble:hover {    background: #F46899;}
.social .fa-skype:hover {    background: #00C6FF;}
.social .fa-stack-exchange:hover {    background: #4D86C9;}
.social .fa-youtube:hover {    background: #FF1F25;}
.social .fa-xing:hover {    background: #005C5E;}
.social .fa-rss:hover {    background: #e88845;}
.social .fa-foursquare:hover {    background: #09B9E0;}
.social .fa-youtube-play:hover {    background: #DF192A;}
/*Social_button: End*/
#header{z-index:100}
.btn-responsive {
    white-space: normal !important;
    word-wrap: break-word;
}