@charset "UTF-8";

div.classic-news-list{
    position:               relative;
    text-align:             center;
}

.classic-news-list a, 
.classic-news-list a:link, 
.classic-news-list a:active, 
.classic-news-list a:visited{
    text-decoration: none !important;
}

.classic-news-list .content{
    color: white !important;
}

div.classic-news-list div.select{
    margin-bottom:          50px;   
}

div.classic-news-list div.select select{
    -webkit-appearance:     none;
    -moz-appearance:        none;
    -o-appearance:          none;
    -ms-appearance:         none;
    appearance:             none;
    -o-box-sizing:          border-box;
    -ms-box-sizing:         border-box;
    -webkit-box-sizing:     border-box;
    -moz-box-sizing:        border-box;
    box-sizing:             border-box;
    border:                 2px solid #fff;
    font-family:            Arial;
    background:             url(../img/select-arrow.png) no-repeat right 10px top 12px #000;
    font-size:              14px;
    height:                 40px;
    width:                  200px;
    color:                  #fff;
    padding:                0 0 0 10px;
    border-radius:          0;
    font-style:             italic;
    cursor:                 pointer;
    margin:                 0;
}

div.classic-news-list div.select select::-ms-expand {
    display:                none;
}

div.classic-news-list{
    margin:                 auto;
    width:                  100%;
}

div.classic-news-list ul li{
    display: inline-block;
    float: left;
    height: 372px;
    margin-bottom: 30px;
    padding: 0;
    position: relative;
    width: 49%;
}

div.classic-news-list ul li:nth-child(odd){ /* PAIR */
    margin-right: 10px;
}

div.classic-news-list ul li:nth-child(even){ /* IMPAIR */
    margin-left: 10px;
}

div.classic-news-list ul li:nth-child(2n){
    margin-left:            0;  
}

div.classic-news-list ul li.disabled{
    display:                none;   
}

div.classic-news-list ul li a:hover{
    text-decoration:        none;
}

div.classic-news-list ul li:nth-child(2n+1){
    margin-left:            0;
}

div.classic-news-list ul li h2{ 
    height:                 auto;
    margin:                 0 0 17px 0;
}

div.classic-news-list ul li h3{
    font-size:              13px; 
    color:                  #53575b;
}

div.classic-news-list ul li p.time{
    padding:                0;
    text-align:             left;
	font-size:              14px;
    font-weight:            600;
    font-style:             italic;
}

div.classic-news-list ul li div.photo{
    width:                  100%;
    height:                 160px;
    overflow:               hidden;
    position:               absolute;
    top:                    180px;
    text-align:             center;
}

div.classic-news-list ul li div.photo img{
    width:                  auto;
    min-width:              100%;
    height:                 auto;
    min-height:             100%;
    vertical-align:         top;
    position:               absolute;
    top:                    -500px;
    bottom:                 -500px;
    right:                  -500px;
    left:                   -500px;
    margin:                 auto;
}

div.classic-news-list ul li div.content{
    color:                  #010101;
    text-align:             left;
    height:                 auto;
    font-size:              0.7vw;
}

div.classic-news-list ul li div.buttons{
    bottom:                 2px;
    left:                   0;
    position:               absolute;
    text-align:             left;
    width:                  100%;
}

div.classic-news-list ul li div.buttons p.button,
div.classic-news-list ul li div.buttons p.button:link,
div.classic-news-list ul li div.buttons p.button:active,
div.classic-news-list ul li div.buttons p.button:visited{
    padding:                0 10px;
    height:                 30px;
    width:                  30px;
    line-height:            30px;
    box-sizing:             border-box;
    -o-box-sizing:          border-box;
    -ms-box-sizing:         border-box;
    -moz-box-sizing:        border-box;
    -webkit-box-sizing:     border-box;
    background:             url('../../../img/bg-button.jpg');
    background-size:        100% 100%;
    background-repeat:      no-repeat;
    color:                  #fff;
    font-size:              17px;
    text-transform:         none;
    display:                inline-block;
    
}

div.classic-news-list ul li div.buttons p.button:hover{
    text-decoration:        none;
    background:             #428e97;
}

div.classic-news-list ul li div.share{
    width:                  50%;
    height:                 auto;
    text-align:             right;
    position:               absolute;
    height:                 25px;
    right:                  0;
    bottom:                 0;
}

div.classic-news-list ul li div.share p.title{
    line-height:            25px;  
    height:                 25px;
    margin-right:           5px;
    color:                  #b2b2b2;
    font-size:              12px;
    text-align:             left;
    display:                inline-block;
    vertical-align:         top;
}

div.classic-news-list ul li div.share p.button{
    width:                  25px;
    height:                 25px;
    overflow:               hidden;
    display:                inline-block;
    cursor:                 pointer;
    vertical-align:         top;
}

div.classic-news-list ul li div.share p.button img{
    width:                  25px;
    height:                 50px;
    vertical-align:         top;
}

div.classic-news-list ul li div.share p.button:hover img{
    margin-top:             -25px;
}

div.classic-news-list ul li div.share p.button + p.button{
    margin-left:            0;   
}