﻿/*
 * Version: 1.0
 * Author: zc
*/

/* esport.css */


/* ======= Base ======= */
hr {
    margin-bottom: 0px;

}
.headers{
    margin-top: 70px;
    background-image: url(../images/esport/Tourism.jpg);
    width: 100%;
    height: 280px;
    background-size:cover;
    background-position: center;
}
.navbar-default{
    background-color: #FFF;
    border-bottom: 1px solid #d8d8d8;
}
.title{
    width: 890px;
    margin: auto;
    text-align: center;
    position: relative;
    padding: 40px 20px 20px
}

.title .font{
	font-size: 72px;
    line-height: 72px;
    margin-bottom: 20px;
}
.overview_cont {
    margin-bottom: 20px
}
.page_content{
    width: 100%;
    max-width: 890px;
    margin: auto;
    text-align: left;
    position: relative;
    background: #fff;
    padding:0px 20px;
    margin-top: 60px;
    color: #333333;
    padding-bottom: 20px;
    border-top: 1px solid #d8d8d8;


}

.news_single  img{
    width: 30%;
    float: left;

}
.news_single {
    display: table;
    border-bottom: 1px #d8d8d8 solid;
    padding: 20px 0px;
    width: 100%;
}

.news_single:nth-last-child(1) {
    border-bottom:none;

}

.news_single p {
    color: #000000;

}

.read_btn {
    padding: 10px  50px;
    background: -webkit-linear-gradient(right, #0063ff, #0099ff);
    display: table;
    text-align: center;
    border-radius:100px;

}
.news_text {
    float: right;
    width:70%;
    padding-left: 20px;
}

.list_title {
    min-height: 100px;
    font-weight: 600;
}

a:hover {
    text-decoration:none;
}


@media (max-width: 976px) {

}
@media (max-width: 760px) {
    .read_btn {
        padding: 5px  30px;
    }
    .list_title {
        min-height: 50px;
    }

}
@media (max-width: 480px) {
    .news_text {
        font-size: 12px;
    }
    .read_btn {
        background: none;
        color: #136ffb;
        padding: 0px;
    }
    .list_title {
        min-height: 40px;
    }
    .page_content {
        padding: 0px 14px;
    }

}