@charset "utf-8";
/* CSS Document */
/*fonttype*/
@font-face {
    font-family: 'robotoR';
    src: url('fonts/Roboto-Regular.eot');
    src: local('Ã¢ËœÂº'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
}
@font-face {
    font-family: 'robotoB';
    src: url('fonts/Roboto-Bold.eot');
    src: local('Ã¢ËœÂº'), url('fonts/Roboto-Bold.ttf') format('truetype'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
}
@font-face {
    font-family: 'robotoCDB';
    src: url('fonts/RobotoCondensed-Bold.eot');
    src: local('Ã¢ËœÂº'), url('fonts/RobotoCondensed-Bold.ttf') format('truetype'), url('fonts/RobotoCondensed-Bold.woff') format('woff'), url('fonts/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg');
}
@font-face {
    font-family: 'robotoCDR';
    src: url('fonts/RobotoCondensed-Regular.eot');
    src: local('Ã¢ËœÂº'), url('fonts/RobotoCondensed-Regular.ttf') format('truetype'), url('fonts/RobotoCondensed-Regular.woff') format('woff'), url('fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
}
@font-face {
font-family: 'UTMhel';
src: url('fonts/UTM HelvetIns_0.eot');
src: local('Ã¢ËœÂº'),
url('fonts/UTM HelvetIns_0.ttf') format('truetype'),
url('fonts/UTM HelvetIns_0.woff') format('woff'),
url('fonts/UTM HelvetIns_0.svg#UTM HelvetIns_0') format('svg');
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
/*reset css*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: top;
    background: transparent;
}
body {
    line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
nav ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    padding: 0;
}
input, select {
    vertical-align: middle;
}
/*End reset css*/


* {
    margin: 0;
    padding: 0;
    list-style: none;
    outline: none;
    line-height: normal;
    box-sizing: border-box
}
img {
    border: 0 none;

}
*:focus {
    outline: none;
}
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .pkg {
    display: inline-block;
    height: 1%;
}
.pkg {
* display: inline-block;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
a {
    font-family: 'robotoB', Arial, sans-serif;
    text-decoration: none;
    color: #111;
    cursor: pointer;
    display: inline-block
}
a:hover {
    color: #ed1c24;
    text-decoration: none
}
body {
    background: #fff
}
html {
    font: 14px/18px 'robotoR', Arial, Helvetica, sans-serif;
    height: 100%;
    width: 100%;
    background: #fff;
    line-height: normal;
}
input[type="submit"], input[type="button"], input[type="text"] {
    border: 0 none;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 12px;
    line-height: normal;
    display: inline
}
.grid1000 {
    width: 1000px;
    margin: 0 auto
}
.logo {
    margin: 0
}
.top_page {
    padding: 10px 0;
    position: relative;
    z-index: 6
}
.right_top_page {
    padding: 10px 0
}
.box_search {
    margin: 0 10px
}
.navigation {
    background: #ac0300;
    position:relative;z-index:9999
}
.menu_main li {
    float: left;
    padding: 0;
    position:relative;
}
ul.menu_main > li:first-child {
    background: none;
    padding-left: 0
}
.menu_main > li > a {
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    font-family: 'robotoR', Arial, Helvetica, sans-serif;
    padding: 9px 5px;
    border-right:1px solid #8a0200;
    font-size:11px;
}
.menu_main > li:hover > a, .menu_main > li.active > a {
    background: #fff;
    height: 37px;
    border: 1px solid #b61d1d;
    border-bottom: none;
    color: #b61d1d;
    padding: 9px 7px 9px 6px;
    margin-top: -2px;
}
.menu_main > li > a.icon_home {
    background: url(../images/icon_home_white.png) center center no-repeat;
    width: 35px;
    height: 18px;
    display: inline-block;
    height: 35px;
    display: block
}
.menu_main > li.active > a.icon_home, .menu_main > li:hover > a.icon_home {
    background-image: url(../images/icon_home.png);
    background-color: #fff;
    height: 37px
}
.menu_main > li:hover  .sub_menu_main{display:block}
.sub_menu_main{position:absolute;top:100%;min-width:200px;border:1px solid #b61d1d;border-top:none;background:#fff;padding:10px;display:none}
.sub_menu_main li{display:block;float:none;border-bottom:1px dotted #ccc}
.sub_menu_main li:last-child{border-bottom:none}
.sub_menu_main li a{white-space:nowrap;padding:7px 5px;color:#666;font-size:12px}
.sub_menu_main li a:hover{color:#b61d1d}
.bg_top {
    background: url(../images/bg_top.png);
    height: 120px;
    margin: 20px auto
}
.bg_white{background:#fff;padding-top:10px;border-top:1px solid #ddd}
.title_trend {
    color: #ed1c24;
    line-height: 28px
}
.trending {
    margin-bottom: 20px
}
.trending a {
    display: inline-block;
    border-radius: 20px;
    border: 1px solid #ddd;
    padding: 3px 10px;
    margin-left: 10px;
    font-family: 'Opensan', Arial, Helvetica, sans-serif;
    color: #555;
    cursor: pointer
}
.trending a:hover {
    background: #f6f6f6;
    color: #ed1c24
}
.trending a label {
    color: #ed1c24;
    cursor: pointer
}
.height_hotnews {
    height: 360px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px
}
.hot_news {
    position: relative;
    z-index: 2;
    background: #333;
}
.bg_hot_news {
    background: #333;
    position: absolute;
    width: 50%;
    height: 360px;
    right: 0;
    top: 0;
    z-index: 1
}
.thumbblock {
    position: relative;
    display: block;
    overflow: hidden;
}
.thumb_hotnews {
    width: 545px;
    height: 360px;
}
.thumb70x47 {
    width: 70px;
    height: 47px;
    border-left: 3px solid #ed1c24;
    padding-left: 2px;
    margin-right: 10px;
}
.head_page{font-family:'UTMHel';text-transform:uppercase;position:relative;display:inline-block;background:url(../images/arrow_head.png) right 10px no-repeat;padding-right:10px;font-size:18px;}

.info_hotnews {
    width: 630px;
    padding: 35px 30px 35px 30px
}
.title_hotnews {
    color: #fff;
    font-size: 25px;
}
.title_hotnews:hover, .title_other_hotnews:hover {
}
.sapo_hot_news {
    font-size: 15px;
    color: #bbb;
    margin: 15px 0;
    line-height: 20px;
    margin-bottom: 40px
}
.title_other_hotnews {
    font-weight: bold;
    color: #e7e7e7;
    display: block;
}
.col830 {
    width: 830px;
}
.col300 {
    width: 300px
}
.line {
    height: 1px;
    background: #ddd;
    border: none
}
.ads {
    margin-bottom: 15px
}
.title_list_news_three {
    font-size: 13px;
    color: #333;
    font-family: 'robotoB';
    line-height: 17px;
    margin-top: 5px
}
.thumb260x175 {
    width: 260px;
    height: 175px;
    margin-bottom: 10px;
    position: relative
}
.list_news_three {
    margin: 15px 0
}
.list_news_three li {
    float: left;
    width: 143px;
    margin-right: 15px
}
.list_news_three li:last-child {
    margin-right: 0
}
.tag_thumb {
    position: absolute;
    background: #ed1c24;
    padding: 3px 7px;
    font-size: 10px;
    color: #fff;
    bottom: -5px;
    display: inline-block
}
.line_bg {
    height: 13px;
    background: url(../images/bg_line.png);
    margin-bottom: 20px
}
.title_cate {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px;
    display: block
}
.info_vertical_news {
    width: 520px;
    margin-left: 20px
}

.box_list_vertical_news {
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px
}
.tag_event {
    background: #ed1c24;
    padding: 3px 7px;
    font-size: 10px;
    color: #fff;
    margin-bottom: 10px;
    display: inline-block
}
.tag_event:hover {
    color: #fff;
    background: #222
}
.sapo_news {
    color: #777;
    font-size: 13px;
    line-height: 17px;
}
.list_news_title {
    margin-top: 20px
}
.list_news_title li {
    background: url(../images/icon_dot_red.png) no-repeat left 5px;
    padding-left: 10px;
    margin-bottom: 10px
}
.list_news_title a {
    font-size: 13px;
    font-weight: bold;
    color: #555
}
.list_news_title a:hover {
    color: #ed1c24
}
.thumb550x368 {
    width: 550px;
    height: 368px
}
.info_slide_one {
    background: #333;
    width: 280px;
    float: left;
    padding: 20px
}
.bg333 {
    background: #333
}
.time_slide_one {
    font-family: 'SFUHel', Arial, Helvetica, sans-serif;
    color: #fff;
    background: url(../images/icon_clock_red.png) left center no-repeat;
    padding-left: 20px;
    font-size: 22px
}
.tag_live {
    font-size: 19px;
    line-height: 22px;
    background: #ed1c24 url(../images/dot_white_large.png) 60px no-repeat;
    padding: 4px 15px;
    position: absolute;
    color: #fff;
    top: 0;
    left: 0;
    padding-right: 30px
}
.col580 {
    width: 560px;
    border-right: 2px solid #ffd8dc;
    padding-right: 20px
}
.col280 {
    width: 270px;
    padding-left: 20px
}
.info_news_580 {
    width: 220px;
    margin-left: 25px
}
.thumb110x74 {
    width: 110px;
    height: 74px;
    margin-right: 10px
}
.tag_docquyen {
    background: #ed1c24 url(../images/star-white.png) 5px center no-repeat;
    padding: 1px 10px 1px 28px;
    color: #fff;
    font-size: 12px;
    margin-top: 3px;
    margin-right: 8px;
    display: inline-block
}
.daily_poll {
    border-top: 3px solid #ed1c24;
    background: #222
}
.head_daily_poll {
    text-align: center;
    padding: 20px 20px 30px 20px
}
.title_daily_poll {
    display: inline-block;
    font-size: 34px;
    background: url(../images/icon_check_poll.png) left no-repeat;
    padding-left: 40px;
    line-height: 36px;
}
.list_select_poll li {
    float: left;
    width: 166px;
    position: relative;
    height: 166px
}
.thumb166x166 {
    width: 166px;
    height: 166px;
}
.select_poll {
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    display: block;
    z-index: 2;
    width: 100%;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-family: 'Opensan', Arial, Helvetica, sans-serif
}
.select_poll:hover {
}
.select_poll.active .radio_poll {
    background: url(../images/icon_checked.png);
    width: 19px;
    height: 19px;
    top: 0
}
.radio_poll {
    background: url(../images/icon_none_check.png) no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 5px
}
.footer_daily_poll {
    background: url(../images/bg_poll.jpg);
    padding: 10px 20px;
    text-align: center
}
.btn_select_poll {
    background: #fff;
    padding: 5px 60px;
    font-size: 18px;
    color: #ed1c24;
    display: inline-block
}
.head_thevoice {
    background: url(../images/head_thevoice.jpg);
    padding: 15px 70px;
    font-size: 20px;
    font-family: 'robotoB', Arial, Helvetica, sans-serif;
    color: #fff
}
.content_thevoice {
    background: #f2f2f2;
    padding: 20px;
    border: 1px solid #ddd
}
.thumb36x36 {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    margin-right: 10px
}
.thumb36x36 img {
    width: 100%
}
.name_char {
    font-size: 18px;
    font-family: 'Opensan', Arial, Helvetica, sans-serif;
}
.proportion {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin-left: 5px
}
.vote_thevoice {
    background: #db0f11;
    padding: 5px 8px;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    display: inline-block
}
.vote_thevoice:hover, .vote_thevoice.active {
    background: #33ce60;
    color: #fff
}
.list_thevoice li {
    width: 46%;
    float: left;
    margin-right: 7%;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd
}
.list_thevoice li:nth-child(2n) {
    margin-right: 0
}
.video_home {
    padding: 30px 0;
    background: #222
}
.title_cate_home {
    border-bottom: 2px solid #b90716
}
.name_title_cate_home {
    background: #b90716;
    padding: 3px 25px 3px  10px;
    color: #fff;
    font-family: 'UTMHel';
    font-size: 17px;
    margin-left: 0;
    line-height:21px;
    margin-bottom: -1px;
    position:relative;
    
}
.name_title_cate_home:after{background:url(../images/arr_down.png) left no-repeat;width:10px;height:6px;display:inline-block;content:'';position:absolute;right: 7px;
top: 11px;}
.name_title_cate_home:hover {
    color: #fff;
    text-decoration: underline
}
.title_cate_home.f20 {
    font-size: 18px;
    line-height: 22px
}
.list_news_two li.first a {
    font-size: 14px;
    line-height: 18px
}
.list_news_two li.second a {
    display: block
}
.list_news_two li.second {
    padding-left: 0;
    background: #f2f2f2;
    margin-top: 0;
    padding-top: 0;
    border: none;
}
.thumb160x120 {
    width: 160px;
    height: 120px;
    margin-right: 15px
}
.icon_video_large {
    background: url(../images/icon_video_home.png);
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 50%;
    margin-left: -25px;
}
.title_bg {
    background: rgba(0,0,0,0.6);
    width: 100%;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 2;
    padding: 10px 20px
}
.title_bg:hover {
}
.thumb180x95 {
    width: 180px;
    height: 95px;
    margin-right: 20px
}
.thumb180x95:hover, .thumb180x95.active {
    border: 2px solid #ed1c24;
    background: #000
}
.thumb180x95:hover img, .thumb180x95.active img {
    margin: -2px;
    opacity: 0.5
}
.title_video_home {
    font-size: 14px;
    font-family: 'robotoR', Arial, Helvetica, sans-serif;
    display: block
}
.list_video_home li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee
}
.list_video_home li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}
#scroll_video_home {
    width: 400px
}
.col48per {
    width: 48%
}
.thumb170x115 {
    width: 170px;
    height: 115px;
    margin-right: 20px
}
.list_news_focal li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee
}
.list_news_focal li:last-child {
    border-bottom: none
}
.list_news_focal li a {
    display: block
}
.list_news_focal li a.f18 {
    font-size: 15px;
    line-height: 20px
}
.list_news_focal li a.tag_event {
    display: inline-block
}
.box_event_hot {
    padding: 10px;
    position: relative;
    background: #222
}
.thumb180x120 {
    margin-right: 15px;
    width: 180px;
    height: 120px;
}
.box_event_hot a {
    display: block
}
.more_event_hot {
    font-family: 'robotoB', Arial, Helvetica, sans-serif;
    background: #ED1C14 url(../images/arrow_white.png) 150px no-repeat;
    padding: 5px 30px 5px 15px;
    position: absolute;
    bottom: -5px;
    right: -5px;
    font-size: 16px;
    color: #fff
}
.more_event_hot:hover {
    color: #fff
}
.news_update {
    border: 2px solid #e4e4e4;
    padding: 20px
}
.list_news_update li {
    background: url(../images/icon_dot_red.png) left 9px no-repeat;
    padding-left: 15px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee
}
.list_news_update li a:hover {
    color: #ed1c24
}
.list_news_update li.active {
    opacity: 0.4
}
.col30per {
    width: 30.6%;
    margin-right: 4%
}
.news_show .col30per:last-child {
    margin-right: 0
}
.bg_title_small {
    background-image: url(../images/hed_title_red_small.png)
}
.thumb_show {
    width: 36px;
    height: 36px;
    display: inline-block;
    border-radius: 100%;
    margin-top: -5px
}
.thumb_show img {
    width: 100%;
    height: 100%
}
.thumb120 {
    width: 100%;
    height: 120px
}
.list_news_two li {
    
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee
}
.list_news_two li.first {
    background: none;
    padding-left: 0;
    width: 47%;
    margin-right: 6%;
    float: left;
    border-top: none;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom:none
}
.list_news_two li.first:nth-child(2n) {
    margin-right: 0
}
.list_news_two li.first a {
    color: #333;
    display: block
}
.list_news_two li:last-child {
    border-bottom: none;
    margin-bottom: 5px
}
.list_news_two li a {
    color: #333;
    font-size: 14px
}
.list_news_two li a:hover {
    color: #ed1c24
}
.tag_cate {
    color: #888;
    text-transform: uppercase;
    display: inline
}
.time_cate {
    margin-top: 5px;
    color: #888;
    font-size:12px;
}
.time_cate a{color:#888 ;font-size:12px;}
.list_news_two li .time_cate a{color:#888 ;font-size:12px;}
.list_news_two li .time_cate a:hover{color:#b90716 }
.time_news {
    color: #999
}
.thumb170 {
    height: 170px;
    margin-bottom: 10px
}
.thumb170 img {
    width: 100%;
}
.bg_title_large {
    background-image: url(../images/hed_title_red.png) left no-repeat;
    padding-left: 20px;
}
.bg_title_large.f30 {
    font-size: 22px;
    line-height: 34px;
}
.list_sub_cate {
    margin-top: 3px;
    margin-left: 10px
}
.list_sub_cate li {
    float: left;
    border-left: 1px solid #ddd;
    line-height: 0;
    margin-top: 5px
}
.list_sub_cate li:first-child {
    border: none
}
.list_sub_cate li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
    margin-left: 10px;
    padding-right: 10px;
    ;
    line-height: 13px
}
.list_sub_cate li a:hover {
    color: #ed1c24
}
.ttile_subcate {
    background: #f0f0f0;
    padding: 5px 15px
}
.ttile_subcate a {
    font-family: 'OpensanEXB', Arial, Helvetica, sans-serif;
    color: #555;
    font-size: 14px
}
.thumb255 {
    height: 255px;
    width: 100%
}
.thumb255 img {
    width: 100%
}
.box_news_view {
    padding: 40px 0;
    background: #da2128
}
.head_box_news_view {
    background: url(../images/hed_title_white.png) left no-repeat;
    padding-left: 20px
}
.head_box_news_view * {
    line-height: 24px;
    color: #fff
}
.col900 {
    width: 900px
}
.list_news_view .col30per:last-child {
    margin-right: 0
}
.list_news_view a:hover {
    color: #FF0
}
.author_news_view {
    border-top: 1px solid #f2494f;
    margin-top: 10px;
    padding-top: 15px
}
.thumb50x50 {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin-right: 10px
}
.thumb50x50 img {
    width: 100%
}
.info_author {
    margin: 10px
}
.thumb320x215 {
    width: 320px;
    height: 215px;
}
.col600 {
    width: 600px;
    border-right: 1px solid #eee;
    padding-top: 20px;
    padding-right: 20px;
}
.col230 {
    width: 230px;
    padding-top: 20px;
    padding-left: 20px
}
.info_col600 {
    width: 230px;
    margin-left: 20px
}
.info_col600 .f22 {
    font-size: 18px
}
.thumb210x140 {
    width: 210px;
    height: 140px;
}
.list_video_bottom_home li {
    width: 270;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px
}
.list_video_bottom_home li:nth-child(3n) {
    margin-right: 0
}
.info_video_bottom_home {
    background: #222;
    padding: 10px 15px;
    position: relative;
    z-index: 2
}
.thumb150 {
    height: 150px;
    width: 100%
}
.title_video_bottom_home {
    width: 190px;
    font-family: 'robotoB', Arial, Helvetica, sans-serif;
    color: #fff;
    height: 57px;
    overflow: hidden
}
.title_video_bottom_home:hover {
    color: #ED1C24
}
.time_icon_video {
    margin-top: -30px;
    text-align: center
}
.time_video_bottom {
    margin-top: 7px;
    color: #999;
    font-size: 13px;
}
.icon_video_small {
    background: url(../images/small_video_home.png) no-repeat;
    width: 29px;
    height: 30px;
    display: inline-block;
    position: absolute;
    bottom: 5px;
    right: 5px
}
.bg_footer {
    padding: 0 0 20px;
    font-size: 13px;
}
.bg_footer p {
    margin-bottom: 5px
}
.bg_footer strong {
    font-family: 'robotoB'
}
.footer_right {
    padding-left: 30px;
    color: #555;
    text-align: right
}
.list_footer li {
    background: url(../images/icon_dot_red.png) left no-repeat;
    padding-left: 15px;
    margin-bottom: 10px
}
.box_footer {
    padding-right: 50px;
    border-right: 1px solid #5b5b5b;
    margin-right: 30px
}
.search_footer {
    background: #535353;
    border-radius: 4px;
    padding: 8px;
    margin: 20px
}
.txt_search_footer {
    background: none;
    border: none;
    width: 350px;
    color: #fff
}
.btn_search_footer {
    background: url(../images/icon_search_footer.png);
    width: 24px;
    height: 24px;
    display: inline-block;
    cursor: pointer
}
.thumb650x350 {
    width: 650px;
    height: 350px;
}
.title_cate_home a {
    display: inline-block
}
.col370 {
    width: 360px;
}
.col380 {
    width: 380px;
    margin-right:15px;
}
.col240 {
    width: 258px
}
.list_video li {
    margin-bottom: 15px
}
.list_video li a {
    display: block
}
.thumb95x65 {
    width: 95px;
    height: 70px;
    margin-right: 10px
}
.scroll-text {
    margin-left: 15px;
    width: /*400*/700px;
    height: 19px;
    overflow: hidden;
    margin-top: 6px;
}
.scroll-text ul li {
    height: 18px;
    font-size: 11px;
    line-height: 10px
}
.scroll-text ul li a {
    line-height: 18px;
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #555
}
.scroll-text ul li a:hover{color:#ac0300}
/*css cate*/

.bg_top_cate {
    position: relative;
    background-position: center center;
    height: 250px;
    background-color: #222;
    background-repeat: no-repeat
}
.bg_gradient {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 2;
height:250px background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );
}
.trending_top {
    margin: 7px 50px 0
}
.trending_top .title_trend {
    color: #333;
    margin-left: 5px
}
.trending_top a {
    margin-right: 10px;
    margin-left: 0
}
.name_cate {
    z-index: 3;
    color: #fff;
    position: relative;
    height: 250px
}
.head_cate {
    position: absolute;
    bottom: 20px;
}
.list_head_cate {
    margin-top: 20px
}
.list_head_cate li {
    float: left;
    margin-right: 25px;
}
.list_head_cate li a {
    font-family: 'robotoR', Arial, Helvetica, sans-serif;
    color: #bbb;
    text-transform: uppercase;
    padding-bottom: 10px
}
.list_head_cate li:hover a, .list_head_cate li.active a {
    border-bottom: 2px solid #ec1c24;
    padding-bottom: 8px;
    color: #fff
}
.thumb500x335 {
    width: 500px;
    height: 335px;
    margin-right: 20px
}
.info_news_top_cate {
    float: left;
    width: 310px;
}
.info_news_top_cate .f30 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 5px
}
.list_tag_trend a {
    margin-left: 0;
    margin-right: 10px;
    margin-bottom: 10px
}
.head_tag_trend {
    border-top: 1px solid #d7d7d7;
    margin-bottom: 5px
}
.head_tag_trend span {
    background: #fff;
    padding-right: 10px;
    display: inline-block;
    margin-top: -10px;
    font-family: robotoCDB
}
.paging {
    text-align: center;
    margin-bottom: 30px;
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding-top: 15px
}
.paging a {
    background: #f3f3f3;
    border: 1px solid #d9d9d9;
    padding: 5px 10px;
    display: inline-block;
    font-family: 'robotoR', Arial, Helvetica, sans-serif;
    color: #777777;
    font-size: 14px;
    margin: 0 5px
}
.paging a:hover, .paging a.active {
    background: #ed1c24;
    color: #fff;
    font-family: 'robotoB', Arial, Helvetica, sans-serif;
    border: 1px solid #ed1c24;
}
.tag_key {
    background: #ed1c24;
    font-family: 'robotoB', Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    padding: 4px 15px;
    border-radius: 40px
}
.tag_key:hover {
    color: #fff
}
.slt_cate {
    border: 1px solid #e2e2e2;
    padding: 5px 15px;
    font-family: 'robotoCDB', Arial, Helvetica, sans-serif;
    min-width: 180px;
    font-size: 15px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(242,242,242,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 );
}
.breadcump {
    padding: 0 0 7px 0;

}
.breadcump a {
    display: inline-block;
    font-family: 'robotoB', Arial, Helvetica, sans-serif;
    margin: -6px 3px 0;
    /*text-transform: uppercase*/
}
.bread_right{margin-left:15px}
.bread_right a {
    padding-left: 0px;
    font-family: 'robotoB';
    color: #444;
    font-size: 16px;
    margin-right: 10px;
}
.bread_right a:hover,.bread_right a.active{color:#b90716}

.arr_bread {
    background: url(../images/arr_breadcump.png);
    width: 8px;
    height: 14px;
    display: inline-block;
    margin: 0 10px;
}
.breadcump a.bread_left{font-family: 'UTMHel' !important;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    background: url(../images/arrow_head.png) right 10px no-repeat;
    padding-right: 10px;
    font-size: 19px;}
/*Detail*/
.col400 {
    width: 420px;
    border-right: 1px solid #eee;
    margin-right: 20px;
    padding-right: 20px;
    min-height: 400px
}
.col250 {
    width: 270px;
    border-right: 1px solid #eee;
    margin-right: 20px;
    padding-right: 20px;
    min-height: 400px
}
.col450 {
    width: 450px;
}
.col420 {
    width: 405px;
}
.col420.border_right {
    border-right: 1px solid #ddd;
    padding-right: 15px;
    padding-bottom: 20px
}
.col240 {
    width: 240px
}
.thumb400x265 {
    width: 400px;
    height: 265px;
}
.thumb250x165 {
    width: 250px;
    height: 165px;
}
.tag_red {
    color: #eb2537;
    font-family: 'robotoB', Arial, Helvetica, sans-serif;
    margin-top: 5px
}
.thumb150x100 {
    width: 150px;
    height: 100px;
}
.right_news450 {
    width: 280px;
    float: left;
    margin-left: 15px
}
.list_news450 li {
    margin-bottom: 30px
}
.grid980 {
    width: 980px;
    margin: 0 auto
}
.col660 {
    width: 660px;
}
.title_detail_news {
    font-family: 'robotoB', Arial, Helvetica, sans-serif;
    font-size: 29px;
    color: #333
}
.time_detail_news {
    margin: 10px 0 10px
}
.time_detail_news a {
    display: inline-block
}
.icon_author {
    background: url(../images/icon_pen.png) left center no-repeat;
    color: #333;
    padding: 2px 0px 2px 18px;
    display: inline-block;
    margin-right: 10px
}
.icon_photographer {
    background: url(../images/icon_camera.png) left center no-repeat;
    color: #333;
    padding: 2px 0px 2px 21px;
    display: inline-block;
}
.share_detail {
    padding: 0;
    border-width: 1px 0;
    margin-bottom: 20px
}
.sapo_detail {
    color: #555;
    font-family: 'robotoB', Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin-bottom: 20px
}
#cotent_detail, #cotent_detail * {
    font-size: 14px;
    line-height: 20px;
    font-family: Arial, Helvetica, sans-serif !important;
    font-family: Arial, sans-serif
}
#cotent_detail a {
    color: blue;
}
#cotent_detail a:hover {
    text-decoration: underline;
}
#cotent_detail p {
    margin-bottom: 10px;
}
#cotent_detail div {
    margin: 5px 0;
}
#cotent_detail img {
    padding: 10px 0;
    max-width: 100%;
}
#cotent_detail .note_images, .note_images {
    background: #f1f1f1;
    padding: 10px 15px;
    display: block;
    font-size: 14px;
    color: #999;
    text-align: center;
}


.thumb290x194 {
    width: 290px;
    height: 194px;
}
.number_news {
    width: 20px;
    line-height:25px;
    font-size: 25px;
    font-family: 'robotoCDB', Arial, Helvetica, sans-serif;
    border-radius: 40px;
    color: #666;
    display: inline-block;
    text-align: center;
    float: left;
    margin-right:10px
}
.box_khachmoi {
    background: #f2f2f2;
    padding: 15px;
    margin: 15px 0
}
.content_question {
    border-left: 2px solid #eee;
    padding-left: 20px
}
.list_news_relation {
    width: 360px;
    margin-left: 10px
}
.list_news_relation li {
    margin-bottom: 20px
}
list_news_relation .f20 {
    font-size: 18px;
    line-height: 22px
}
.title_news_relation {
    width: 330px;
    float: left;
    margin-left: 10px;
    margin-top: -2px;
}
.tag_detail {    

    border-width: 1px 0;
    margin: 15px 0
}
.tag_detail strong {
    font-family: 'robotoB', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 14px
}
.tag_detail a {
    color: #969696;
    border: 1px solid #ddd;
    padding: 1px 10px;
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 16px
}
.tag_detail a:hover {
    background: #666;
    color: #fff;
    text-decoration: none;
    border: 1px solid #666
}
.box_input_ques {
    width: 600px;
    margin: 0 auto 30px
}
.head_box_chuyende_detail {
    font-size: 16px;
    font-family: 'robotoB';
}
.txt_input_ques {
    background: none repeat scroll 0 0 #F0F0F0;
    border: solid 1px #ccc;
    border-radius: 5px;
    color: #000!important;
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px!important;
    font-weight: normal!important;
}
.txt_input_ques {
    margin-bottom: 10px;
    border: 1px solid #ddd !important;
    box-sizing: border-box;
}
.send_ques {
    background: #f2f2f2;
    border: 1px solid #ddd;
    padding: 2px 10px;
    display: inline-block;
    border-bottom: 3px solid #ddd;
    border-radius: 3px;
    font-size: 11px;
    text-transform: uppercase;
    font-family: 'robotoB';
    margin-top: 10px
}
.send_ques.bg_red {
    background: #b92f33 !important;
    border-color: #A01D22;
    color: #fff
}
.news_bottom_detail {
    margin-top: 15px;
    padding-bottom: 0
}
.news_bottom_detail li:last-child {
    margin-right: 0
}
.news_bottom_detail li {
    width: 153px;
    margin-right: 15px;
    float: left;
    margin-bottom: 15px
}

.news_bottom_detail li:nth-child(4n) {
    margin-right: 0
}
.news_home_detail {
    margin-top: 15px
}
.news_home_detail li a {
    font-size: 14px;
}
.news_three_cate li{width:210px;}
.news_three_cate li:last-child{margin-right:0}
.list_news_three_detail li {
    width: 210px
}
.thumb153x95 {
    width: 153px;
    height: 95px
}
.thumb153x95 img {
    width: 100%
}
.content_tab_detail {
    margin-top: 20px;
    vertical-align: inherit
}
.content_tab_detail * {
    vertical-align: bottom;
    font-size: 14px !important;
    font-family: Arial, sans-serif;
    line-height: 20px
}
.content_tab_detail p {
    margin-bottom: 10px;
}
.content_tab_detail table td {
    padding: 1px 0
}
/*Back to top button */
#back-top {
    position: fixed;
    bottom: 30px;
    right: 30px
}
#back-top a {
    width: 70px;
    display: block;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    opacity: 0.5
}
#back-top a:hover {
    color: #000;
    opacity: 1
}
#back-top span {
    width: 70px;
    height: 70px;
    display: block;
    background: url(../images/icon_backtop.png) no-repeat center center;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
/*Css profile*/
.grid900 {
    width: 900px;
    margin: 0 auto;
    position: relative;
    z-index: 3
}
.top_profile {
    padding: 20px 20px 30px;
    min-width: 1100px;
    background: #fff
}
.menu_profile {
    margin: 20px 20px 0
}
.menu_profile a {
    display: inline-block;
    background: url(../images/arr-red.png) right no-repeat;
    padding-right: 15px;
    margin-left: 20px;
    font-family: 'SFDSB';
    color: #777;
    font-size: 15px
}
.menu_profile a:hover {
    color: #ed1c24
}
.box_search_profile {
    background: #ebebeb;
    padding: 7px 20px;
    width: 420px;
    border-radius: 50px;
    margin-top: 5px
}
.txt_search_profile {
    background: none;
    border: none;
    width: 350px;
    padding: 3px
}
.btn_search_profile {
    background: url(../images/icon_search.png);
    width: 22px;
    height: 22px
}
.cover_profile {
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    background-position: center center;
    height: 250px;
    background-color: #222;
    background-repeat: no-repeat;
    -webkit-filter: blur(80px);
    -moz-filter: blur(80px);
    -o-filter: blur(80px);
    -ms-filter: blur(80px);
    filter: blur(80px);
    background-size: 100% 100% !important
}
.box_cover {
    height: 190px;
    overflow: hidden;
    position: relative
}
.name_figure {
    position: absolute;
    top: 30px;
    z-index: 9
}
.follow_figure {
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 40px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    padding: 5px 20px;
}
.follow_figure:hover {
    background: #fff
}
.info_figure {
    background: #f3f3f3;
    padding: 50px 0 15px;
    position: relative;
    margin-bottom: 45px
}
.avar_cover {
    width: 250px;
    height: 250px;
    border-radius: 100%;
    overflow: hidden;
    position: absolute;
    top: -180px;
    right: 0
}
.avar_cover img {
    width: 100%;
    border-radius: 100%;
}
.list_info_figure li {
    border-bottom: 1px solid #ddd;
    display: inline-block;
    min-width: 270px;
    padding-bottom: 10px;
    margin-bottom: 35px;
    float: left;
    margin-right: 50px;
    padding-right: 30px
}
.list_info_figure li:nth-child(2n+1) {
    clear: left
}
.tit_figure {
    color: #929292;
    text-transform: uppercase;
    color: #999;
    font-size: 12px;
    font-family: 'SFDSB';
    margin-bottom: 5px
}
.content_figure {
    color: #222;
    font-size: 18px;
    font-family: 'SFDSB';
    text-transform: uppercase
}
.head_black {
    background: #444444;
    padding: 12px 15px;
    border-radius: 4px;
    color: #fff;
    font-family: SFDH;
    font-size: 16px;
    text-transform: uppercase
}
.content_story {
    margin: 15px 0;
    line-height: 24px
}
.content_story p {
    margin-bottom: 20px;
    font-size: 16px;
    color: #333;
    line-height: 24px
}
.view_more {
    color: #888;
    font-family: 'robotoCDB';
    text-transform: uppercase;
    border: 2px solid #e3e3e3;
    border-radius: 40px;
    padding: 5px 20px;
    display: inline-block;
    font-size: 13px;
}
.list_social li {
    border: 1px solid #ddd;
    width: 100%;
    float: left;
    height: 160px;
    text-align: center;
    width: 48%;
    margin-bottom: 20px;
    vertical-align: middle;
    padding: 25px 0
}
.list_social li:hover a {
    opacity: 0.3
}
.list_social li:nth-child(2n) {
    float: right
}
.title_list_paper_news {
    height: 66px
}
.list_paper_news li {
    border: 1px solid #ddd;
    display: inline-block;
    width: 280px;
    margin-bottom: 35px;
    margin-right: 26px
}
.list_paper_news li:nth-child(3n) {
    margin-right: 0
}
.list_other_nghesi li {
    position: relative;
    text-align: center;
    overflow: hidden;
    border-radius: 3px;
    background: #000;
    height: 230px;
    padding: 30px 0
}
.thumb120x120 {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    border: 3px solid rgba(255,255,255,0.4);
    display: inline-block
}
.avar_nghesi {
    position: relative;
    z-index: 8
}
.avar_blur {
    position: absolute;
    top: 0px;
    left: -10px;
    right: -10px;
    bottom: 0;
    background-position: center center;
    height: 250px;
    background-color: #000;
    background-repeat: no-repeat;
    -webkit-filter: blur(30px);
    -moz-filter: blur(30px);
    -o-filter: blur(30px);
    -ms-filter: blur(30px);
    filter: blur(30px);
    background-size: 100% 100% !important
}
.img_vip_profile {
    -webkit-filter: blur(30px);
    -moz-filter: blur(30px);
    -o-filter: blur(30px);
    -ms-filter: blur(30px);
    filter: blur(30px);
    position: absolute;
    top: 0;
    background-size: 100% 100%;
    height: 600px;
    width: 100%;
    z-index: 0;
    background-color: #000
}
.cover_profile_vip {
    position: relative;
    height: 600px;
    overflow: hidden;
    text-align: center;
}
.zindex2 {
    z-index: 3;
    position: relative
}
.vip_profile_brown {
    background: #2f1f1a;
}
.vip_profile .follow_figure {
    font-size: 19px;
    border-width: 2px;
    padding: 5px 40px
}
.vip_profile .box_cover {
    height: auto;
    padding: 30px 0
}
.vip_profile .name_figure {
    position: relative;
    top: 0
}
.vip_profile .info_figure {
    background: none;
    margin-bottom: 0
}
.vip_profile .list_info_figure li {
    width: 265px;
    min-width: inherit;
    border-bottom: 1px solid rgba(255,255,255,0.2)
}
.vip_profile .list_info_figure li:nth-child(3n) {
    clear: inherit;
    margin-right: 0
}
.vip_profile .list_info_figure li:nth-child(3n+1) {
    clear: left
}
.vip_profile .list_info_figure li:nth-child(2n+1) {
    clear: inherit
}
.vip_profile .content_figure {
    color: #eee
}
.vip_profile .head_black {
    background: rgba(255,255,255,0.05);
    margin-bottom: 30px
}
.vip_profile .content_story p, .vip_profile .content_story div, .vip_profile .content_story li {
    color: #eee;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 24px
}
.vip_profile .content_story * {
    color: #eee;
    font-size: 16px;
    line-height: 24px
}
.vip_profile .view_more {
    color: rgba(255,255,255,0.5);
    border-color: rgba(255,255,255,0.5)
}
.vip_profile .list_social li {
    background: rgba(255,255,255,0.05);
    border-color: rgba(255,255,255,0.1);
    width: 31.3%;
    float: left;
    margin-right: 3%;
    margin-bottom: 30px
}
.vip_profile .list_social li:nth-child(2n) {
    float: left
}
.vip_profile .list_social li:nth-child(3n) {
    margin-right: 0
}
.vip_profile .list_paper_news li {
    border: none;
    border-bottom: 1px solid rgba(255,255,255,0.05)
}
.vip_profile .list_paper_news li .pad15 {
    padding: 15px 0
}
.vip_profile .title_list_paper_news {
    color: #eee
}
.vip_profile .title_list_paper_news:hover {
    color: #ed1c24
}
.vip_profile_cyan {
    background: #0b2c3b
}
.vip_profile_cyan .list_social li {
    width: 48%;
    margin-right: 0
}
.vip_profile_cyan .list_social li:nth-child(2n) {
    float: right
}
.vip_profile_black {
    background: #191919
}
.title_tvshow {
    z-index: 99;
    padding: 20px;
    font-size: 24px;
    font-family: 'robotoCDB';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    text-align: center
}
.thumb350x180 {
    width: 350px;
    height: 180px;
    border-radius: 3px
}
.background_profile {
    -webkit-filter: blur(180px);
    -moz-filter: blur(180px);
    -o-filter: blur(180px);
    -ms-filter: blur(180px);
    filter: blur(180px);
}
.view_more:hover {
    background: #fff;
    color: #ed1c24
}
.other_nghesi .bx-wrapper .bx-pager.bx-default-pager a {
    width: 12px;
    height: 12px;
    border-radius: 100%
}
input.txt_sugges {
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    color: #555;
    padding: 6px 12px;
    width: 380px;
    margin-top: -2px;
    margin-right: 20px
}
.ui-autocomplete {
    z-index: 99;
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    width: 379px
}
.ui-autocomplete .ui-menu-item:hover {
    background: #f2f2f2
}
.ui-autocomplete .ui-menu-item:last-child {
    border-bottom: none
}
.ui-autocomplete .ui-menu-item img {
    max-height: 75px
}
.ui-autocomplete .ui-menu-item {
    border-bottom: 1px solid #ddd;
    padding: 10px
}
.ui-autocomplete .ui-menu-item:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.img_search {
    float: left;
    margin-right: 15px
}
.ui-autocomplete .info_search {
    width: 230px;
    float: left
}
.cate_search {
    color: #ed1b24;
    font-size: 12px;
    margin-top: 5px;
    font-weight: bold
}
.cate_search:hover {
    text-decoration: underline
}
/*End Css profile*/


/*404 page*/
.page404 {
    margin: 40px 0;
    min-height: 350px;
40px;
}
.page404 .error {
    font-size: 70px;
    color: #444;
    padding-top: 30px;
    text-transform: uppercase;
    letter-spacing: 2;
    margin-bottom: 30px;
}
.page404 .noti {
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 30px;
}
.btn404 a {
    display: inline-block;
    border: 2px solid #ED1C24;
    border-radius: 30px;
    color: #ED1C24;
    padding: 10px 60px 10px 20px;
    background: url(../images/arrow.jpg) no-repeat 90% center;
    font-weight: bold;
}
.btn404 a:hover {
    opacity: 0.7;
}
.w770 {
    width: 760px !important
}
/*fix 9-5*/
.video_home .title_cate_home {
    margin-left: 25px
}
.list_video_top_home {
    margin: 15px 0;
    position: relative
}
.list_video_top_home .bx-wrapper .bx-controls-direction a {
    top: 16px;
    background: url(../images/arr_slide_video.png) no-repeat;
    width: 30px;
    height: 80px;
    opacity: 1
}
.list_video_top_home .bx-wrapper .bx-controls-direction a:hover {
    opacity: 1;
    background-color: rgba(238,28,37,1)
}
.list_video_top_home .bx-wrapper .bx-controls-direction .bx-next {
    right: -20px;
    background: url(../images/arrow_slide-right.png) no-repeat center center;
    background-color: rgba(238,28,37,0.8)
}
.list_video_top_home .bx-wrapper .bx-controls-direction .bx-prev {
    left: -20px;
    background: url(../images/arrow_slide.png) no-repeat center center;
    background-color: rgba(238,28,37,0.8)
}
.video_home {
    padding: 30px 0 0
}
.thumb180x95 {
    width: 150px;
    height: 80px
}
.list_video_home li {
}
.list_video_home li:hover a {
    color: #b90716
}
.title_video_home {
    margin: 5px;
    font-family: 'Opensan', Arial, Helvetica, sans-serif
}
.list_video_home li.active .thumb180x95 {
    border: 2px solid #ed1c24;
    background: #000;
}
.list_video_home li.active .thumb180x95 img {
    opacity: 0.5;
}
.playing {
    position: absolute;
    color: #fff;
    z-index: 8;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -33px;
    display: none
}
.list_video_home li.active .playing {
    display: block
}
.list_news_view {
    padding: 20px 20px 0
}
.head_box_news_view {
    margin-left: 20px
}
.list_news_view .col30per {
    width: 32%;
    margin-right: 2%
}
.thumb260x175 {
    width: 100%;
    height: 165px;
}
.box_news_view {
    padding: 30px 0;
    margin-bottom: 30px
}
/*End fix 9-5*/

/*css toquoc*/
.content_main {
    background:url(../images/tt-bg_07.png) center top no-repeat;
    box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1);
    width: 1000px;
    margin: 0 auto;
    padding: 0 15px 15px 15px;
    min-height: 600px
}
.top_bar {
    padding: 5px 15px;margin:0 -15px;background:#fff;margin-bottom:15px
}
.time_top {
    display: inline-block;
    margin-right: 15px
}
.box_search {
    border: 1px solid #ddd;
    padding: 3px;
    border-radius: 3px
}
.news-24 {
    background: #AEAEAE;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    color: white;
    float: left;
    font-size: 11px;
    padding: 1px 6px 2px;
    text-shadow: 1px 1px 1px #333;
    margin-right: 5px;
    z-index: 2;
    position: relative;
}
.news-24:hover {
    background: #888;
    color:#fff
}
.btn_search {
    background: url(../images/icon_search.png) center center no-repeat;
    width: 16px;
    height: 16px;
    text-indent: 999px
}
.icon_rss {
    margin: 3px 0
}
.col180 {
    width: 180px;
    margin-right: 15px
}
.title_list_news180 {
    font-family: 'robotoR';
    font-size: 13px;
    line-height: 17px;
    margin:0;
}
.list_news180 li {
    border-bottom: 1px solid #eee;
    padding-bottom: 7px;
    margin-bottom: 7px
}
.list_news180 li:last-child {
    border-bottom: none
}
.col460 {
    width: 460px;
}
.thumb460x260 {
    width: 460px;
    height: 260px
}
.cl666 {
    color: #666
}
.thumb145x85 {
    width: 143px;
    height: 90px
}
.col345 {
    width: 335px;
    margin-left: 25px
}
.content_left {
    margin-bottom: 30px
}
.thumb200 {
    width: 100%;
    height: 200px;
}
.head_page{color:#222;}
.list_news_two li.three {
    padding-top: 0;
    margin-top: 0;
    background: none;
    padding-left: 0;
    border: none
}
.list_news_two li.four {
    padding-top: 0;
    margin-top: 0;
    background: none;
    padding-left: 0;
    border: none
}
.list_news_two li.four a {
    display: block;
}
.list_news_two li.five:first-child {
    padding-top: 0;
    margin-top: 0;
    border: none
}
.list_news_two li.five {
    background: none;
    padding-left: 0;
    padding-top: 15px;
    margin-top: 15px;
}
.list_news_two li.five a {
    display: block;
}
.thumb160x100 {
    width: 160px;
    height: 100px;
    margin-right: 15px
}
.bg_shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
.title_bg {
    background: rgba(0,0,0,0.6);
    width: 100%;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 2;
    padding: 10px 20px;
}
.col440 {
    width: 438px;
}
.col215 {
    width: 216px;
}
.title_photo_home {
    font-size: 14px;
    position: absolute;
    color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 10px;
}
.thumb215x127 {
    width: 216px;
    height: 127px;
}
.thumb260 {
    width: 100%;
    height: 259px;
    margin-bottom: 5px
}
.box_video_home {
    border: 3px solid #b90716;
    padding: 10px;
    position: relative
}
.name_title_video {
    background: #b90716 url(../images/icon_clip.png) no-repeat left center;
    padding: 10px;
    padding-left: 35px;
    font-family: 'robotoCDB';
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    height: 36px;
    display: inline-block
}
.head_video {
    background: url(../images/head_video.png) no-repeat left top;
    height: 46px;
    padding-left: 15px;
    position: absolute;
    top: 3px;
    left: -15px;
    z-index: 9
}
.thumb215 {
    width: 100%;
    height: 215px;
}
.time_icon {
    font-size: 12px;
    background: url(../images/icon_time.png) center left no-repeat;
    display: inline-block;
    padding-left: 20px;
    color: #999
}
.box_right {

    border-top: 2px solid #b52d2d
}
.head_right {
    
    padding: 3px ;
    font-family: 'UTMHel';
    font-size: 17px;
    color: #333;
    margin-left: 0
}
.head_right:hover {
    text-decoration: underline;

}
.bg_gray{background:#fafafa;border:1px solid #ddd;border-width:1px 0}
.thumb165 {
    height: 165px;
    width: 100%
}
.list_news_two_right li {
    padding: 7px 0 ;
    margin:0;
    border-bottom:1px dotted #ccc
}
.view_all{background:#ededed;padding:3px 5px;display:block;text-align:right;color:#b52d2d;font-size:11px;}
.list_news_two_right li  a{font-size:13px}
.list_news_two_right li:first-child {
    margin-top: 0 !important
}
.thumb240 {
    height: 240px;
}
.box_tab {
    width: 100%;
    border-radius: 3px
}
.title_tab {
    border-bottom: 1px solid #ccc;
    text-align:right
}
.title_tab li {
    list-style: none;
    
}
.title_tab li, .title_tab li a {
    display: inline-block;
    
}
.title_tab li.active {
}
.title_tab li.active a {
    color: #000;
}
.title_tab li.active a:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(156, 207, 112, 0);
    border-top-color: #fff;
    border-width: 7px;
    margin-left: -8px;
}
.title_tab li.active a:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(156, 207, 112, 0);
    border-top-color: #bbb;
    border-width: 8px;
    margin-left: -9px;
}
.title_tab li a {
    position: relative;
    text-decoration: none;
    padding:9px 8px;
    color: #999;
    text-transform: uppercase;
    font-family: 'robotoCDB';
    font-size: 15px;
}
.content_tab {
    padding-top: 5px;
    
}
.tbl_gold{width:100%;color:#444;font-size:13px;}
.tbl_gold tr th{text-align:center;font-family:'robotoB';padding:7px 0;border-right:1px solid #e6e6e6}
.tbl_gold tr th:last-child{border-right:none}
.tbl_gold tr th:first-child,.tbl_gold tr td:first-child{text-align:left;}
.tbl_gold tr td:last-child{border-right:none}
.tbl_gold tr td{padding:7px 0;text-align:center;border-top:1px solid #e6e6e6;border-right:1px solid #e6e6e6}
.head_gold{background:#eee;font-family:'UTMHel';text-transform:uppercase;text-align:center;padding:3px 5px;color:#555;border-top:1px solid #ccc}
.up_index{color:#F00}
.down_index{color:#3C3}
.thumb85x85 {
    width: 85px;
    height: 85px;
    float: left;
    margin-right: 15px
}
.thumb85x85 img {
    width: 100%
}
.list_news_tab li a {
    display: block;
    font-size:14px;
    color:#666
}
.list_news_tab li a:hover{color:#b90716}
.list_news_tab li {
    padding: 10px 5px;
    border-bottom: 1px dotted #ccc
}
.list_news_tab li:last-child {
    border-bottom: none
}
.tbl_bxh_left {
    width: 96%;
    margin: 0 2%
}
.tbl_bxh_left tr td {
    padding: 10px 10px;
    color: #666
}
.tbl_bxh_left tr.top_one td {
    font-family: Arial, Helvetica, sans-serif
}
.tbl_bxh_left tr:nth-child(2n) td {
    background: #f2f2f2
}
.tbl_bxh_left tr td:first-child {
    font-family: Arial, Helvetica, sans-serif
}
.tbl_bxh_left tr td img {
    margin: 3px 5px
}
.tbl_bxh_left tr th {
    font-family: 'robotoB';
    font-weight: normal;
    color: #666;
    padding-bottom: 5px
}
.letsop-leagues-selector {
    display: block;
    margin: 0 10px;
    width: 280px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.tab-ctn {
    padding: 10px 20px 0;
}
.wg-dtl {
    margin-bottom: 3px;
    padding: 5px 2px 3px;
    border-bottom: 1px solid #eaeae9;
}
.wg-dtl:last-child {
    border-bottom: none
}
.wg-dtl .tlt {
    text-decoration: none;
    margin-bottom: 10px;
}
.tlt {
    font-family: robotoB;
    color: black;
    font-size: 16px;
    line-height: 20px;
    display: block;
}
select.weather {
    border: 1px solid #ccc;
    width: 130px;
}
.sub-tlt {
    color: #222;
    font-family: robotoB;
    line-height: 17px;
}
.wg-dtl .sub-tlt {
    color: #444;
    font-size: 11px;
    width: 60px;
    padding: 5px 0;
}
span.weather {
    overflow: hidden;
    width: 55px;
    min-height: 40px
}
.temp {
    color: #555;
    font-size: 11px
}
.temp span {
    font-size: 15px;
    font-family: 'robotoB';
}
.tbl_Utilities {
    width: 300px;
    margin: 0 -1px -1px
}
.tbl_Utilities td {
    text-align: center;
    padding: 10px 0;
    border: 1px solid #ddd
}
.slide_photo_home {
    background: #1f1f1f;
    padding-bottom: 10px
}
.slide_photo_home .list_news_two {
    margin: 0 10px
}
.thumb80 {
    width: 100%;
    height: 80px;
    margin-bottom: 5px
}
.footer_main {
    border-top: 1px solid #ddd;
    box-shadow: 0px 5px 6px 2px rgba(0,0,0,0.1);
    padding: 10px;
    background: rgba(240,240,240,1);
    background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(255,255,255,0.73) 27%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,240,240,1)), color-stop(27%, rgba(255,255,255,0.73)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(255,255,255,0.73) 27%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(255,255,255,0.73) 27%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(255,255,255,0.73) 27%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(240,240,240,1) 0%, rgba(255,255,255,0.73) 27%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff', GradientType=0 );
}
.menu_footer {
    padding: 10px 0;
    border-bottom: 1px dashed #888;
    text-align: center;
    margin-bottom: 20px
}
.menu_footer li {
    display: inline-block;
    margin: 0 8px
}
.menu_footer li a {
    font-family: 'robotoB';
    font-size: 11px;
    text-transform: uppercase
}
.list_news_topcate li a {

}
.list_news_topcate li:first-child {
    padding-top: 0
}
.list_news_topcate li {
    padding: 15px 0;
    border-bottom: 1px solid #eee
}
.list_news_topcate li:last-child {
    border-bottom: none;
    padding-bottom: 0
}
.thumb120x90 {
    width: 120px;
    height: 90px;
    margin-right: 10px
}
.col48per.boder_left {
    border-right: 1px solid #ddd;
    padding-right: 15px;
    width: 315px;
    box-sizing: content-box
}
.col48per.boder_right {
    border-left: 1px solid #ddd;
    padding-left: 15px;
    width: 314px;
    margin-left: -1px;
    box-sizing: content-box
}
.col48per.left {
    padding-right: 15px;
    width: 50%;
    margin-right: -2px;
}
.col48per.right {
    border-left: 1px solid #ddd;
    padding-left: 15px;
    width: 50%
}
.thumb205x135 {
    width: 170px;
    height: 115px;
    margin-right: 15px
}
.info_cate {
    width: 475px
}
.col440 {
    width: 440px
}
.col440 .info_cate {
    width: 260px
}
.col200 {
    width: 200px
}
.thumb165x120 {
    width: 165px;
    height: 120px;
    margin-right: 15px
}
.thumb140 {
    height: 140px;
    width: 100%
}


.list_news_relation_top {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: 30px;
    margin-bottom: 20px
}
.head_relation {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 0;
    display: inline-block;
    background: #fff;
}
.list_news_relation_top ul {
    margin: 0 0 15px;
    margin-left: 20px;
}
.list_news_relation_top ul li {
    list-style: disc;
    color: #3681ac;
    font-size: 10px;
    margin-bottom: 5px
}
.list_news_relation_top ul li a {
    color: #3681ac;
    font-size: 13px
}
.list_news_relation_top ul li a:hover {
    color: #d41b21
}
.list_news_dot li{list-style: disc inside;border-bottom:none;padding-bottom:0;font-size:11px}
.list_news_dot li a{display:inline;font-size:13px    }
/*Live stream*/

.live-stream-match {
    overflow: hidden;
    padding: 0px;
    margin: 30px 0
}
.live-stream-match img {
    width: 100px;
    height: auto;
}
.live-stream-match .team-flag {
    text-align: center;
}
.name_match {
    width: 30%;
    margin: 0 auto;
    color: #217cb5;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 16px;
}
.live-stream-match .match-info .time {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    border: 1px dashed #666;
    margin: auto;
    font-size: 18px;
}
.live-stream-match .match-info .team {
    width: 34%;
}
.live-stream-match .match-info .score {
    width: 30%;
    margin: auto;
    font-size: 50px;
    margin-top: 10px;
    margin-bottom: 20px;
    display: block
}
.live-stream-match .match-info .stadium {
    border-radius: 5px;
    padding: 5px;
    line-height: 20px;
    border: 1px solid #ddd;
    width: 30%;
    margin: auto;
}
.live-stream-match .match-info .stadium strong {
    line-height: 20px;
    margin-bottom: 5px;
    display: block
}
.live-stream-match .time_match {
    color: #999
}
.live-stream-match .home {
    float: left;
}
.live-stream-match .away {
    float: right;
}
.live-stream-match .match-info {
    text-align: center;
}
.live-stream-match .team-name {
    display: block;
    line-height: 215%;
    text-align: center;
    margin-top: 10px;
    font-size: 30px;
}
.live-stream-match .activities {
    font-size: 12px;
    margin-top: 10px;
}
.live-stream-activity .type {
    width: 10%;
    float: left;
    padding-top: 15px;
    min-width: 40px;
}
.live-stream-activity {
    overflow: hidden;
}
.live-stream-activity:last-child .content-wrapper {
    border-bottom: none
}
.live-stream-activity .content-wrapper {
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 89%;
    float: left;
    padding-left: 10px;
    box-sizing: border-box;
    padding-bottom: 20px;
}
.live-stream-activity .content-wrapper .minute {
    display: inline-block;
    margin-top: 15px;
    font-size: 20px !important;
    font-weight: bold;
    margin-right: 15px
}
.sprite.default {
    background-image: none;
}
.sprite.goal {
    background-position: 0 0;
}
.sprite.red_card {
    background-position: 0 -75px;
}
.sprite.substitute {
    background-position: 0 -155px;
}
.sprite.yellow_card {
    background-position: 0 -228px;
}
.sprite.goal_miss {
    background-position: 0 -308px;
}
.sprite.gold_medal {
    background-image: url('../images/Gold_Medal.png') !important;
}
.sprite.silver_medal {
    background-image: url('../images/Silver_Medal.png') !important;
}
.sprite.bronze_medal {
    background-image: url('../images/Bronze_Medal.png') !important;
}
.sprite.video_icon {
    background-image: url('../images/Video_Icon.png') !important;
}
.sprite.start_match {
    background-image: url('../images/start-match.png') !important;
}
.sprite.end_match {
    background-image: url('../images/end-match.png') !important;
}
.su-tabs-pane {
    padding: 0;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    line-height: 28px;
    font-size: 13px !important;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
    background: #fff;
    color: #333;
}
.text-right {
    text-align: right;
}
.info_gray {
    background: #f2f2f2;
    padding: 10px 15px
}
.txt_date {
    border: 1px solid #ddd !important;
    padding: 5px;
    margin-left: 10px;
    background: url(../images/icon_calendar.jpg) 5px center no-repeat;
    padding-left: 30px
}
.tbl_contact {
    width: 100%;
}
.tbl_contact td {
    padding: 15px 0 0 15px
}
.txt_contact {
    border: 1px solid #ddd !important;
    padding: 10px;
    border-radius: 3px;
    width: 100%
}
.btn_send {
    background: #bc0716;
    border-radius: 3px;
    padding: 10px 20px;
    color: #fff;
    font-family: 'robotoB';
    cursor: pointer
}
.list_news_relation_top .slie_photo_detail li {
    margin: 0;
    background: none;
    padding: 0
}
.list_news_relation_top .slie_photo_detail li a {
    font-size: 13px;
    display: block
}
.list_news_relation_top .slie_photo_detail {
    margin-left: 0
}
.list_news_relation_top .bx-wrapper {
    margin-bottom: 15px !important
}
.list_news_relation_top .bx-wrapper .bx-controls-direction a {
    top: 38px;
    padding: 20px 15px;
    background-color: rgba(0,0,0,0.8);
}
.list_news_relation_top .bx-wrapper .bx-next {
    right: 0
}
.list_news_relation_top .bx-wrapper .bx-prev {
    left: 0
}
.list_news_relation_top .bx-wrapper .bx-viewport {
    height: auto !important
}
.note_photo {
    background: #f2f2f2;
    margin: 0 auto 20px;
    display: inline-block;
    text-align: center;
    padding: 5px
}
.list_photo_video li {
    width: 200px;
    margin-right: 15px;
    float: left;
    margin-bottom: 20px
}
.list_photo_video li:nth-child(3n+1) {
    clear: left
}
.list_photo_video li:nth-child(3n) {
    margin-right: 0
}
.head_video_hot {
    border-top: 2px solid #b90716;
    margin-top: 5px
}
.head_video_hot span {
    display: inline-block;
    background: #fff;
    padding-right: 15px;
    color: #b90716;
    font-family: 'robotoCDB';
    font-size: 16px;
    margin-top: -12px
}
.thumb120x75 {
    width: 125px;
    height: 75px;
    margin-right: 15px
}
/*Css LDXH*/
.thumb380x240{width:380px;height:240px}
.clred2{color:#ac0300 !important}
.list_four_news li{width:50%;padding-right:15px;float:left}
.list_four_news li:nth-child(2n){padding-right:0}
.line_dashed{height:1px;border-bottom:1px dashed #ccc;display:block}
.footer_left{max-width:400px;color:#555}
.footer_right {max-width:570px}
.thumb140x100{width:140px;height:100px;margin-right:10px}
.share_detail {
    padding: 0;
    border-width: 1px 0;
    margin-bottom:0
}
.author {
    margin-bottom:10px;
}

.sapo_detail {
    color: #222222;
    font-family: 'robotoB', Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin-bottom: 20px;
}
.name_author {
    color: #3681ac;
    font-family: 'robotoB';
    font-size: 11px;
    text-transform: uppercase; display:block; text-align:right;
}
.title_detail_news {
    font-family: 'robotoB', Arial, Helvetica, sans-serif;
    font-size: 29px;
    color: #333
}
.time_detail_news {
    margin: 5px 0px;
    font-size: 11px;
    color: #999; display:inline-block
}
.time_detail_news a {
    display: inline-block
}
.col630{width:630px;}
/*set block*/
.blocktag{display:block}
.text_up {
    text-transform: uppercase
}
.text_center {
    text-align: center
}
.text_left {
    text-align: left
}
.h66 {
    height: 66px;
}
.fontRobotoR {
    font-family: 'robotoR', Arial, Helvetica, sans-serif;
    font-weight: normal
}
.fontRobotoB {
    font-family: 'robotoB', Arial, Helvetica, sans-serif;
    font-weight: normal
}
.fontRobotoCDR {
    font-family: 'robotoCDR', Arial, Helvetica, sans-serif;
    font-weight: normal
}
.fontRobotoCDB {
    font-family: 'robotoCDB', Arial, Helvetica, sans-serif !important;
    font-weight: normal
}
.fontUTMhel {
    font-family: 'UTMHel', Arial, Helvetica, sans-serif !important;
    font-weight: normal
}
.fontbold {
    font-weight: bold
}
.pad15 {
    padding: 15px
}
.mar_right5 {
    margin-right: 5px
}
.mar5 {
    margin: 5px 0!important
}
.mar10 {
    margin: 10px;
}
.pad10 {
    padding: 10px;
}
.mar_bottom5 {
    margin-bottom: 5px
}
.mar_bottom10 {
    margin-bottom: 10px
}
.mar_bottom15 {
    margin-bottom: 15px
}
.mar_bottom20 {
    margin-bottom: 20px
}
.mar_bottom25 {
    margin-bottom: 25px
}
.mar_bottom30 {
    margin-bottom: 30px
}
.mar_bottom40 {
    margin-bottom: 40px
}
.mar_top5 {
    margin-top: 5px
}
.mar_top10 {
    margin-top: 10px
}
.mar_top15 {
    margin-top: 15px
}
.mar_top20 {
    margin-top: 20px
}
.mar_top25 {
    margin-top: 25px
}
.mar_top30 {
    margin-top: 30px
}
.mar_top40 {
    margin-top: 40px
}
.cl999 {
    color: #999
}
.clff7474 {
    color: #ff7474
}
.clwhite {
    color: #fff !important
}
.clred {
    color: #b90716!important
}
.clgreen {
    color: #33ce60
}
.f12 {
    font-size: 12px !important;
    line-height: 16px
}
.f13 {
    font-size: 13px !important;
    line-height: 17px
}
.f14 {
    font-size: 14px !important;
    line-height: 18px
}
.f16 {
    font-size: 16px !important;
    line-height: 20px
}
.f18 {
    font-size: 18px;
    line-height: 22px
}
.f26 {
    font-size: 26px;
    line-height: 30px
}
.f20 {
    font-size: 20px;
    line-height: 24px
}
.f22 {
    font-size: 22px;
    line-height: 26px
}
.f24 {
    font-size: 24px;
    line-height: 28px
}
.f30 {
    font-size: 30px;
    line-height: 34px
}
.f50 {
    font-size: 50px;
    line-height: 54px
}

#cotent_detail td {
    border: 1px solid;
    padding: 3px;
} 
.right_top_page{padding:0}
.bannertop{width:270px;float:left;overflow:hidden;margin-left:15px}
.banner50per{width:49.5%;float:left;margin-right:0.5%}
.banner50per img{max-width:100%}
.banner50per .ads{margin-bottom:3px}  