@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "NotoSans";
  src: url("../font/notosans-regular.eot"); /* IE9 Compat Modes */
  src: url("../font/notosans-regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../font/notosans-regular.svg") format("svg"), /* Legacy iOS */
    url("../font/notosans-regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../font/notosans-regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NotoSans-Bold";
  src: url("../font/notosans-bold.eot"); /* IE9 Compat Modes */
  src: url("../font/notosans-bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../font/notosans-bold.svg") format("svg"), /* Legacy iOS */
    url("../font/notosans-bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../font/notosans-bold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Regular";
  src: url("../font/roboto-regular.eot"); /* IE9 Compat Modes */
  src: url("../font/roboto-regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../font/roboto-regular.svg") format("svg"), /* Legacy iOS */
    url("../font/roboto-regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../font/roboto-regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Roboto-Bold";
  src: url("../font/roboto-bold.eot"); /* IE9 Compat Modes */
  src: url("../font/roboto-bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../font/roboto-bold.svg") format("svg"), /* Legacy iOS */
    url("../font/roboto-bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../font/roboto-bold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

a,ins {
    text-decoration: none
}
a,hr {
    padding: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
hr,
menu,
nav,
section {
    display: block
}

.SloganPage,
.btnLogo {
    position: absolute;
    left: 0
}

.HomeTop {
    max-height: 650px;
    overflow: hidden
}

.HomeTop,
.h-265,
.w-155,
.w-300,
.w-690,
.w-820 {
    overflow: hidden
}
.sd-0 {
    text-shadow: none!important
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
summary,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    background: none;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

ins,
mark {
    background-color: #ff9;
    color: #000
}

nav ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: none
}


mark {
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    height: 1px;
    margin: 1em 0
}

input,
select {
    outline: 0;
    vertical-align: middle
}
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden
}

.clear {
    clear: both
}
.left {
    float: left
}

.right {
    float: right
}

.p-lr-10{ padding:0px 10px; }
.p-b-5 {padding-bottom: 5px}
.p-10{ padding:10px}
.p-20{ padding:20px}
.p-30{ padding:30px}
.p-40{ padding:40px}
.p-50{ padding:50px}
.p-t-5{ padding-top:5px}
.p-t-10{ padding-top:10px}
.p-t-20{ padding-top:20px}
.p-t-30{ padding-top:30px}
.p-t-40{ padding-top:40px}
.p-t-50{ padding-top:50px}
.p-b-5{ padding-bottom:5px}
.p-b-10{ padding-bottom:10px}
.p-b-20{ padding-bottom:20px}
.p-b-30{ padding-bottom:30px}
.p-b-40{ padding-bottom:40px}
.p-b-50{ padding-bottom:50px}
.p-l-5{ padding-left:5px}
.p-l-10{ padding-left:10px}
.p-l-20{ padding-left:20px}
.p-l-30{ padding-left:30px}
.p-l-40{ padding-left:40px}
.p-l-50{ padding-left:50px}
.p-r-5{ padding-right:5px}
.p-r-10{ padding-right:10px}
.p-r-20{ padding-right:20px}
.p-r-30{ padding-right:30px}
.p-r-40{ padding-right:40px}
.p-r-50{ padding-right:50px}
.m-10 {margin: 10px}
.m-20 { margin: 20px}
.m-30 { margin: 30px}
.m-r-5 {margin-right: 5px}
.m-r-10,
.margin-right-10 {
    margin-right: 10px
}

.m-r-20 {
    margin-right: 20px
}

.m-b-5 {
    margin-bottom: 5px
}
.m-b-15 {
    margin-bottom: 15px
}

.m-b-10,.margin-bottom-10 {
    margin-bottom: 10px
}
.m-b-20,
.margin-bottom-20 {
    margin-bottom: 20px
}
.m-t-5,
.margin-top-5 {
    margin-top: 5px
}

.m-t-10 {
    margin-top: 10px
}
.m-t-6 {
    margin-top: 6px
}
.m-t-20 {
    margin-top: 20px
}

.m-t-15 {
    margin-top: 15px
}

.m-l-5 {
    margin-left: 5px
}

.m-l-10 {
    margin-left: 10px
}
.m-l-20 {
    margin-left: 20px
}

.m-l-30 {
    margin-left: 28px
}

.bg-eee,.b-eee {
    background: #eeeeee
}
.bg-ddd {
    background: #ddd
}
.f-10 {
    font-size: 10px
}

.f-11 {
    font-size: 11px
}

.f-12 {
    font-size: 12px!important
}

.f-13 {
    font-size: 13px!important
}

.f-14 {
    font-size: 14px
}

.f-15 {
    font-size: 15px
}

.f-16 {
    font-size: 16px
}

.f-18 {
    font-size: 18px
}

.f-19 {
    font-size: 19px
}

.f-20 {
    font-size: 20px
}

.f-21 {
    font-size: 21px
}
.f-22 {
    font-size: 22px
}

.f-23 {
    font-size: 23px
}
.f-24 {
    font-size: 24px
}

.f-25 {
    font-size: 25px
}
.f-26 {
    font-size: 26px
}

.f-27 {
    font-size: 27px
}
.f-28 {
    font-size: 28px
}
.m-auto{ margin:auto }


.highlight {
    background-color: #ff0
}

.t-r {
    text-align: right
}

.t-l {
    text-align: left
}

.center, .t-c {
    text-align: center
}

.t-j, . justify{
    text-align: justify
}
.t-u{ text-transform:uppercase}
.c-fff{ color:#fff}

.c-bdc {
    color: #bdbcbc
}

.c-86 {
    color: #868686
}
.c-bdc {
    color: #bdbcbc
}
.c-5e {
    color: #5e5e5e
}

.c-5d {
    color: #5d5d5d
}
.c-64 {
    color: #333
}
.c-333 {
    color: #333
}
.c-3e {
    color: #3e3e3e
}
.c-blue {
    color: #006699
}
.c-red {
    color: #971928
}
.c-red:hover {
    color: #b82033
}
.c-blue:hover {
    color: #0180c0
}
.blue-link{ color: #0065bf }
.blue .blue-link, .BoxCate .blue .ParentCate a{ color: #0065bf  }
.long .mini-menu { top: 8px }
.blue .line-red { border-color: #0065bf }
.c-3e:hover {
    color: #636363
}
.c-86:hover {
    color: #636363
}
.c-fff:hover, a.c-fff:hover { color:#9e9e9e !important }
.m-t-3{ margin-top: 3px; }

/* edit*/

li,ul {
    list-style-type: none
}
.bor4 {
    border: 1px solid #e9e9e9
}

.bor1 {
    border: 1px solid #e7e7e7
}

.bor2 {
    border: 1px solid #666
}

.bor3 {
    border: 1px solid #9b0000
}

.bor-bottom1 {
    border-bottom: 1px dotted #e8e8e8
}
.bor-bottom2 {
    border-bottom: 1px solid #e8e8e8
}
.bor-bt-sp {
  background:url(../images/head-ema.png) center bottom repeat-x
}
.p-5{ padding: 5px }
.p-b-8{ padding-bottom: 8px }
.p-l-10 {
    padding-left: 10px
}
.gray {
    color: #908f8f
}

.orange {
    color: #ff6102
}

.btn-blue { padding:0px 9px !important; }

.bold,
.font-bold {
    font-family: "NotoSans-Bold";
    font-weight: 400
}
.italic{ font-style:italic; }
.underline {text-decoration:underline}
.logo-small {
    width: auto!important;
}
.box-oran{ background-color:#ff6102; padding:15px}
.box-red { background-color: #f0020d; color:#fff; padding:15px}
.box-blu { background-color: #03a6fa; color:#fff; padding:15px}
.box-green { background-color: #0e9f02; color:#fff; padding:15px}


.bg-red{ background-color:#971927}
.bg-blu{ background-color:#006599}
.bg-green{ background-color:#00be0d}
.bg-oran{ background-color:#ff8400}
.bg-yellow{ background-color:#ffde00}
.bg-gray{ background-color:#a0a0a0}
.bg-white{ background-color:#fff}
.bg-black{ background-color:#000}

.l-h-16 {line-height: 16px}
.l-h-18 {line-height: 18px}
.l-h-20 {line-height: 20px}
.l-h-22 {line-height: 22px}
.l-h-24 {line-height: 24px}
.l-h-26 {line-height: 26px}
.l-h-28 {line-height: 28px}
.l-h-30 {line-height: 30px}
.l-h-32 {line-height: 32px}
.l-h-34 {line-height: 34px}
.d-ib{ display:inline-block; vertical-align: top}
.d-b{ display:block; vertical-align: top}
.d-tba{ display:table}
.d-i{ display:inline; vertical-align: top}
.w-980 {
    margin: 0 auto;
    width: 980px
}
.w-60 {
    width: 60px
}
.w-200 {
    width: 200px
}
.w-300 {
    width: 300px
}
.w-320 {
    width: 320px
}

.w-340 {
    width: 340px
}
.w-440 {
    width: 440px
}
.w-160 {
    width: 160px
}
.w-140 {
    width: 140px
}
.w-120 {
    width: 120px
}
.w-360 {
    width: 360px
}

.w-280 {
    width: 280px
}

.w-660 {
    width: 660px
}
.w-150 {
    width: 150px
}
.w-130 {
    width: 130px
}

.w-500 {
    width: 500px
}

.w-240 {
    width: 240px
}

.w-230 {
    width: 230px
}

.w-560 {
    width: 560px
}

.w-400 {
    width: 400px
}
.w-430 {
    width: 430px
}
.w-306 {
    width: 306px
}

.w-260 {
    width: 260px
}

.w-166 {
    width: 166px
}
.w-170 {
    width: 170px
}
.w-190{
    width: 190px
}
.w-180{
    width: 180px
}
.w-330 {
    width: 330px
}
.w-590 { width: 590px }
.w-50{ width: 50px }
.w-324{ width: 324px }
.w-258{ width: 258px }
.button-image, .btn{
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
	font-size:0;
}
.va-top{ vertical-align:top}
.pos-rel { position:relative}
.pos-abs { position:absolute}
.bo-bot-1 { border-bottom:1px solid #e2e2e2}
.bo-bot-2 { border-bottom: 1px dotted #e5e5e5}

.v-t{ vertical-align: top; }

.CommentShow.hidden {
    display: none
}
.CommentShow {
    background: rgba(0, 0, 0, 0) url(../images/icon-comment-n.svg) no-repeat left 0px/13px auto;
    padding-left: 16px;
    font-size: 10px;
    color: #971928 ;
    font-weight: 400;
    display: inline-block;
    line-height: 13px;
    margin-left:3px
}
.LikeShow {
    background: rgba(0, 0, 0, 0) url(../images/icon-like-n.svg) no-repeat left 0px/13px auto;
    padding-left: 17px;
    font-size: 10px;
    color: #555;
    font-weight: 400;
    display: inline-block;
    line-height: 14px;
    margin-left: 3px;

}
.icon-articletype{ font-size: 0px;width:25px; height: 10px; line-height: 18px; display: none;}
.title .icon-articletype { margin-left:5px; }
.title.content-time .icon-articletype { margin-left:0px; }
.thumb .icon-articletype { position: absolute; right: 5px; bottom: 5px; background-size: 20px auto; width: 20px; height: 20px; }
.big-thumb.thumb .icon-articletype {  right: 10px; bottom: 10px; background-size: 30px auto; width: 30px; height: 30px}
.thumb.articletype_3 .icon-articletype, .thumb.articletype_10 .icon-articletype, .thumb.articletype_17 .icon-articletype{ background: rgba(0, 0, 0, 0) url("../images/icon-video.svg") no-repeat scroll 0px 0px; display: inline-block; }
.thumb.articletype_4 .icon-articletype.thumb.articletype_19 .icon-articletype, .thumb.articletype_13 .icon-articletype{ background: rgba(0, 0, 0, 0) url("../images/icon-audio.svg") no-repeat scroll 0px 0px; display: inline-block; }
.thumb.articletype_2 .icon-articletype, .thumb.articletype_18 .icon-articletype, .thumb.articletype_21 .icon-articletype{ background: rgba(0, 0, 0, 0) url("../images/icon-photo.svg") no-repeat scroll 0px 0px; display: inline-block;}
.thumb.articletype_6 .icon-articletype, .thumb.articletype_12 .icon-articletype, .thumb.articletype_20 .icon-articletype{ background: rgba(0, 0, 0, 0) url("../images/icon-info.svg") no-repeat scroll 0px 0px; display: inline-block}
.title.articletype_8 .icon-articletype, .title.articletype_17 .icon-articletype, .title.articletype_18 .icon-articletype, .title.articletype_19 .icon-articletype, .title.articletype_20 .icon-articletype{ background: rgba(0, 0, 0, 0) url("../images/icon-hot.svg") no-repeat scroll 0px 0px;background-size: 25px;display: inline-block; }
.title.articletype_7 .icon-articletype, .title.articletype_10 .icon-articletype, .title.articletype_12 .icon-articletype, .title.articletype_13 .icon-articletype, .title.articletype_21 .icon-articletype{ background: rgba(0, 0, 0, 0) url("../images/icon-live.svg") no-repeat scroll 0px 0px;background-size: 25px; display: inline-block;}

/* END  CSS  title icon*/
.thumb,.thumb img{ max-width:100%; font-size: 0px; line-height: 0px}
.thumb.pos-rel{ display: block; }
.thumb img{ max-width:100%; width:100%; background-color: #ececec}
.f-n{ font-weight:400;font-family: "NotoSans" }
.f-m{ font-weight:550;font-family: "NotoSans" }
.f-0{ font-size: 0 }
body {
    line-height: 20px;
    background-color: #fff;
    font:400 14px NotoSans, sans-serif; 
    color:#5d5d5d
}
.noto{ font-family: "NotoSans" }
h1 , h2, h3 { font-family: "NotoSans-Bold"; color:#3e3e3e; font-weight: normal}
.notobol{ font-family: "NotoSans-Bold";font-weight: normal}
.robol{ font-family: "Roboto-Bold"; font-weight: normal}
b{ font-family: "NotoSans-Bold"; font-weight: normal}
.roboto{ font-family: "Roboto"}
.arial { font-family: arial }
a { color:#333;
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    background: none;
    outline: 0;
}
a:hover, .c-33:hover , .c-5d:hover{ color: #971928 }
.c-97{ color: #971928 }
.c-900{ color:#971928}
.c-97:hover,.c-900:hover { color: #b82033 }


.title, .link { font-weight: 400;}

.audio-icon,.video-icon,.hot-icon,.live-icon,.photo-icon,.new-icon{ display: none; }
.box-subcate-style4-namecate {
    color: #971928;
    padding-right: 7px;
    text-transform: uppercase;
    font-family: "NotoSans-Bold";
}

/* List tin bài full ảnh lớn*/
.list-content .item { margin-bottom: 18px }


/* Box Thăm Dò*/
.fmsSurveyHead{ line-height:26px; text-align:center; text-transform:uppercase;background-color:#006699; color:#fff; font-weight:700; font-size:14px; margin-top: 20px;font-family: "Roboto-Bold"; }
.fmsSurveyQuestion {border-top:1px solid #d7d7d7; padding:10px ;background-color:#e9e9e9}
.fmsSurveyQuestionItem { color:#363636; font-size:14px}
.fmsSurveyAnswer {     margin: 10px 0px 0px;
    border-top: 1px solid #d7d7d7;
    font-size:12px;
    padding:5px 5px 0px;
}
.fmsSurveyAnswer .fmsSurveyAnswerItem { line-height:20px; padding:5px 0px}
.fmsSurveyAnswer .fmsSurveyAnswerItem  input { margin-right:3px}
.fmsSurveyButtonBox { text-align:center; background-color:#e9e9e9;}
.fmsSurveyBtnVote { background-color: #bcbcbc;
padding: 5px 20px;
border: 0px;
font-weight:700;
text-align:center;
margin:0px auto;
display:block;
width:60%}
.fmsSurveyBtnResult{color:#990000; padding:10px 0px; display:block;}

.HeadSmallBox{
    line-height:26px; text-align:center; text-transform:uppercase;background-color:#cb2026 ; font-family: "Roboto-Bold" 
}
.box-small{ background-color:#eee; padding-bottom:10px}
.bg-069{ background-color:#006699;}
.bg-cb2{ background-color:#cb2026}
.poll-ques { color:#363636}
.poll-ansew { margin:0px 10px; border-top:1px solid #d7d7d7; padding:10px}
.poll-ansew p{ line-height:24px;}
.poll-ansew input { padding-right:5px; display:inline-block; font-size:13px; color:#333333 }

.box-small .height-list li { padding:8px; border-bottom:1px dotted #dcdcdc}
.btn-kq {
    border: 1px solid #88b8cf;
    border-radius: 15px;
    color: #006699;
    width: 100px;
    display: block;
    padding: 5px 15px;
    margin: 20px auto 10px auto;
    text-transform: uppercase;
}
.poll-bt {
    background-color: #bcbcbc;
    padding: 5px 25px;
    border: 0px;
    margin: 10px auto;
    text-transform: uppercase;
    font-family: roboto-bold;
    color: #006699;
    border-radius: 15px;
}
/* End box thăm dò*/
.sao-icon {
    background: url(../images/full-icon-common.png) -280px -54px no-repeat;
    width: 20px;
    height: 24px;
    display: inline-block;
    margin-right:5px;
}
.Container .box-new24h label:hover { color:#969696 }

/* By Loc Make*/
.c-202020 {
    color: #202020;
}
/* Äá»c Pháº£n Há»“i Nhiá»u Nháº¥t*/
.topReadAndComment {
    width: 340px;
    margin:0;
}
.topReadAndComment input{
    display:none;   
}
.topReadAndComment label {
    cursor: pointer;
    display: block;
    float: left;
    width: 170px;
    text-align: center;
    background: #939393;
    line-height: 25px;
    position:relative; 
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    font-family: "Roboto-Bold";
}
.topReadAndComment label.tab-label-1 {
    width: 168px;
    border-right: 2px solid #fff;
}
.topReadAndComment label:hover {
    background: #971928; 
}
.topReadAndComment label:after {
    content:"";
    display:block;
    position:absolute;
    width:100%;
    height: 0px;
    background:#fff;
    left:0;
    bottom: 0px;
}
.topReadAndComment label a {
    color: #fff;
}
.topReadAndComment input:checked + label {
    background:#971928;
    z-index:6;  
}
.topReadAndComment-content {
    width:100%;
    z-index:5 !important;
}
.topReadAndComment-item {
    display: none;
    overflow:hidden;
    transition:opacity .4s;
    border: 1px solid #e9e9e9;
}
#topcomment ul li,
#topread ul li {
    padding: 10px 0;
    border-bottom: 1px solid #e9e9e9;
    font-size: 14px;
    color: #5d5d5d;
    font-family: "NotoSans";
}
#topcomment ul li:last-child,
#topread ul li:last-child {
    border-bottom: none;
}
.topReadAndComment-item .p-10 {
    padding: 0px 15px;
}
.topReadAndComment input.tab-selector-1:checked ~ .topReadAndComment-content .topReadAndComment-item:nth-child(1),
.topReadAndComment input.tab-selector-2:checked ~ .topReadAndComment-content .topReadAndComment-item:nth-child(2){
    display: block;
    z-index:100 !important;
}
.topReadAndComment .clear-shadow{
    clear:both; 
    height: 0;
}
/*End Äá»c PH NN*/
/* áº¨n hiá»‡n box tin má»›i*/
.box {
    display: inline-block;
}
.button-box-new24h {
    width: 100px;
}
.box-new24h {
    position: relative;
    width: 980px;
    margin: 0 auto;
    z-index: 1000;
}
.box-new24h .w-980 {
    position: absolute;
    top: 20px;
    left: 0;
    height: 0px

}
.box-new24h input{
    position:absolute;
    top:0;
    left:0;
    display:none;   
}
.box-new24h label {
    cursor: pointer;
    display: block;
    width: 100px;
    text-align: center;
    background: #fff;
    position:relative;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-family: "Roboto-Regular";
    left: 776px;
    top: -77px;
}
.box-new24h label span {
    background: #0e76bc;
    display: block;
    width: 100%;
    line-height: 30px;
}
.box-new24h label:after {
    content:"";
    display:block;
    position:absolute;
    width:100%;
    height: 0px;
    left: 0;
    bottom: 0px;
}
.box-new24h input:checked + label {
    padding-bottom: 24px;
    z-index:6;  
    border-bottom: 2px solid #0e76bc;
}
.box-new24h-list {
    box-shadow: 5px 0 8px -3px rgba(154, 154, 154, 0.8), -5px 0 8px -3px rgba(154, 154, 154, 0.8);
    width: 980px;
    background: #fff;
    position: relative;
    top: -95px;
    left: 0;
    background: #fff;
    display: none;
    overflow:hidden;
    transition:opacity .4s;
    border-bottom: 2px solid #0e76bc;
}
.view-add-new24h a {
    display: block;
    width: 150px;
    line-height: 22px;
    margin: 0px auto;
    background: #0e76bc;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    text-align: center;
    color: #fff;
}
.box-new24h input.tab-selector-1:checked ~ .box-new24h-list {
    display: block;
    z-index:100 !important;
}
.box-new24h .clear-shadow {
    clear:both; 
    height: 0px
}
.box-new24h .box-horizontal-style-1-title {
    height: 58px;
    overflow: hidden;
}
.view-add-new24h {
    margin-top: 7px;
}
/*box-right-24h*/
.list-24h-right ul li {
    padding: 10px 0;
    border-bottom: 1px solid #e9e9e9;
    font-size: 14px;
    color: #5d5d5d;
    font-family: "NotoSans";
}
.list-24h-right ul li:last-child {
    border-bottom: none;
}

/* End áº¨n hiá»‡n tin má»›i*/

/*page 404*/
.page404 {
    padding: 20px 0px;
    margin: 0px auto;
}
.page404 .page404-left {
    background: url('../images/404-images.jpg') center center no-repeat;
    height: 395px;
}
.page404 .page404-right {
    padding-top: 140px;
    text-align: center;
}.page404 
.page404-right h3 {
    font-family: "Roboto-Bold";
    color: #17317e;
    font-size: 30px;
    padding-bottom: 20px;
}
.page404 .page404-right p {
    display: inline-block;
    line-height: 29px;
    padding: 0px 5px;
    font-weight: bold;
    color: #4d525b;
    font-size: 18px;
    font-family: "Roboto-Regular";
}
.page404 .page404-right a {
    font-weight: normal;
    line-height: 23px;
    display: inline-block;
    color: #fff;
    background: #17317e;
    padding: 0px 15px;
    border-radius: 20px;
    font-size: 14px;
    font-family: "Roboto-Bold";
}
.page404 .box-search404 {
    margin-top: 20px;
    position: relative;
    top: 0;
}
.page404 .box-search404 input:first-child {
    width: 520px;
    border-radius: 20px;
    line-height: 38px;
    padding: 0px 15px;
    font-size: 14px;
    font-family: "Roboto-REGULAR";
    border: 1px solid #e4e4e4;
}
.page404 .box-search404 input:last-child {
    position: absolute;
    background: url('../images/icon-search404.png') center center no-repeat;
    width: 38px;
    height: 38px;
    top: 0;
    right: 20px;
    border: none;
}
/*end page 404*/
.hidden,
.none {
    display: none
}
