@charset "UTF-8"; @import url(fontsize.css); @import url(../font-awesome/css/font-awesome.css); @import url(jquery.ad-gallery.css); /*////////////////////////////////////*/ /*! jQuery UI - v1.9.2 - 2016-12-15 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.datepicker.css, jquery.ui.theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=2191c0&bgTextureHeader=gloss_wave&bgImgOpacityHeader=75&borderColorHeader=4297d7&fcHeader=eaf5f7&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=0078ae&bgColorDefault=0078ae&bgTextureDefault=glass&bgImgOpacityDefault=45&borderColorDefault=77d5f7&fcDefault=ffffff&iconColorDefault=e0fdff&bgColorHover=79c9ec&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=448dae&fcHover=026890&iconColorHover=056b93&bgColorActive=6eac2c&bgTextureActive=gloss_wave&bgImgOpacityActive=50&borderColorActive=acdd4a&fcActive=ffffff&iconColorActive=f5e175&bgColorHighlight=f8da4e&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcd113&fcHighlight=915608&iconColorHighlight=f7a50d&bgColorError=e14f1c&bgTextureError=gloss_wave&bgImgOpacityError=45&borderColorError=cd0a0a&fcError=ffffff&iconColorError=fcd113&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=75&opacityOverlay=30&bgColorShadow=999999&bgTextureShadow=flat&bgImgOpacityShadow=55&opacityShadow=45&thicknessShadow=0px&offsetTopShadow=5px&offsetLeftShadow=5px&cornerRadiusShadow=5px * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } /* RTL support */.ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url("images/ui-bg_inset-hard_100_fcfdfd_1x100.png") 50% bottom repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #4297d7; background: #2191c0 url("images/ui-bg_gloss-wave_75_2191c0_500x100.png") 50% 50% repeat-x; color: #eaf5f7; font-weight: bold; } .ui-widget-header a { color: #eaf5f7; } /* Interaction states----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #77d5f7; background: #0078ae url("images/ui-bg_glass_45_0078ae_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #ffffff; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #448dae; background: #79c9ec url("images/ui-bg_glass_75_79c9ec_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #026890; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #026890; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #acdd4a; background: #6eac2c url("images/ui-bg_gloss-wave_50_6eac2c_500x100.png") 50% 50% repeat-x; font-weight: normal; color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcd113; background: #f8da4e url("images/ui-bg_glass_55_f8da4e_1x400.png") 50% 50% repeat-x; color: #915608; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #915608; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #e14f1c url("images/ui-bg_gloss-wave_45_e14f1c_500x100.png") 50% top repeat-x; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */ /* Icons----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url("images/ui-icons_0078ae_256x240.png"); } .ui-widget-content .ui-icon {background-image: url("images/ui-icons_0078ae_256x240.png"); } .ui-widget-header .ui-icon {background-image: url("images/ui-icons_d8e7f3_256x240.png"); } .ui-state-default .ui-icon { background-image: url("images/ui-icons_e0fdff_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url("images/ui-icons_056b93_256x240.png"); } .ui-state-active .ui-icon {background-image: url("images/ui-icons_f5e175_256x240.png"); } .ui-state-highlight .ui-icon {background-image: url("images/ui-icons_f7a50d_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url("images/ui-icons_fcd113_256x240.png"); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; }.ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } .ui-widget-overlay { background: #aaaaaa; opacity: .3;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: 5px 0 0 5px; padding: 0px; background: #999999; opacity: .45;filter:Alpha(Opacity=45); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /*---------------------------------*/ /*=========================================================================================================================*/ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {padding: 0; margin: 0; border: 0; outline: none; vertical-align: top;} .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020;} .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030;} .fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner {position: relative; } .fancybox-inner { overflow: hidden; width:450px; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%;} #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox/fancybox_sprite.png');} #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px;} .fancybox-nav:hover span { visibility: visible;} .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock {overflow: hidden !important;width: auto;} .fancybox-lock body {overflow: hidden !important;} .fancybox-lock-test {overflow-y: hidden !important;} .fancybox-overlay { position: absolute;top: 0; left: 0;overflow: hidden;display: none; z-index: 8010;background: url('fancybox/fancybox_overlay.png');} .fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;} .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050;} .fancybox-opened .fancybox-title { visibility: visible;} .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center;} .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap;} .fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;} .fancybox-title-inside-wrap {padding-top: 10px;} .fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: #000;background: rgba(0, 0, 0, .8);} #fancybox-buttons { position: fixed; left: 0; width: 100%; z-index: 8050; } #fancybox-buttons.top { top: 10px; } #fancybox-buttons.bottom { bottom: 10px; } #fancybox-buttons ul { display: block; width: 166px; height: 30px; margin: 0 auto; padding: 0; list-style: none; border: 1px solid #111; border-radius: 3px; -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); background: rgb(50,50,50); background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51))); background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );} #fancybox-buttons ul li { float: left; margin: 0; padding: 0; } #fancybox-buttons a { display: block; width: 30px; height: 30px; text-indent: -9999px; background-color: transparent; background-image: url('fancybox_buttons.png'); background-repeat: no-repeat; outline: none; opacity: 0.8; } #fancybox-buttons a:hover { opacity: 1;} #fancybox-buttons a.btnPrev { background-position: 5px 0; } #fancybox-buttons a.btnNext { background-position: -33px 0; border-right: 1px solid #3e3e3e; } #fancybox-buttons a.btnPlay { background-position: 0 -30px; } #fancybox-buttons a.btnPlayOn { background-position: -30px -30px; } #fancybox-buttons a.btnToggle { background-position: 3px -60px; border-left: 1px solid #111; border-right: 1px solid #3e3e3e; width: 35px } #fancybox-buttons a.btnToggleOn { background-position: -27px -60px; } #fancybox-buttons a.btnClose { border-left: 1px solid #111; width: 35px; background-position: -56px 0px; } #fancybox-buttons a.btnDisabled { opacity : 0.4; cursor: default;} .highlight { background: #FFFF00;} /*=========================================================================================================================*/ @font-face {font-family:'UTMAvo';src: url('../fonts/Utm-Avo/UTMAvo.ttf');} @font-face {font-family:'UTMAvo-Bold';src: url('../fonts/Utm-Avo/UTMAvo-Bold.ttf');} @font-face {font-family:'NotoSerif-Regular';src: url('../fonts/Noto/NotoSerif-Regular.ttf');} @font-face {font-family:'NotoSerif-Bold';src: url('../fonts/Noto/NotoSerif-Bold.ttf');} @font-face {font-family: 'RobotoCondensed-Bold';src: url('../fonts/RobotoCondensed-Bold.ttf');} /*=======================================*/ .container .container-fluid {padding-right: 10px;padding-left: 10px;} .main-content {max-width: 1400px;width: 100%;margin: auto;} .main-content>.main-center {max-width: 1200px;width: 100%;margin:0 auto;} .main-cover {display: flex;justify-content: space-between;} .wrapper { max-width: 1200px;width: 100%; margin: auto;} .site-content {display: flex;justify-content: space-between;border-left: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;} .col-left {width:calc(100% - 300px);margin-top: 10px;} .col-left2 {flex: 0 0 64%; max-width: 64%;} .col-right2 {flex: 0 0 35%;max-width: 35%;} .col-left3 {flex:0 0 70%; max-width: 70%;} .col-right3 {flex: 0 0 30%;max-width: 30%;margin-top: 16px;} .box-cover {width: 590px;padding-bottom: 15px;margin-right: 10px;} .box-cover .article-title {font-size: 1.5rem;margin-bottom: 5px !important;} .box-cover .artilce-desc {-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;} .bx-left {display: flex;justify-content: space-between;} .bx-left-content {display: block;} .bx-right {margin: 0;padding: 0;margin-top: 10px;} .cat-section-news {width: 57%;padding-right: 9px; } .cat-section-exnews .article:nth-child(1) {margin-top: 0; padding-top: 0; border-top: 0;} .cat-section-news .article {position: relative; padding-bottom: 10px;margin-bottom: 3px;} .cat-section-news .article-image {max-width: 100%;overflow: hidden; display: block;border-radius: 2px;border: 1px solid #cdcdcd;background-size: cover;} .cat-section-news .article-title {font-size: 18px; margin-bottom: 10px;margin-top: 7px} .cat-section-exnews {width: 42%;display: block;} article {position: relative; padding-top: 10px;padding-bottom: 10px;border-top: 1px solid #dcdcdc;} .cat-section-exnews .article .inner {display: flex;align-content: flex-start;gap:10px;margin-bottom: 10px} .cat-section-exnews .article .inner .article-image { width: 40% !important;flex-shrink: 0;aspect-ratio: 16 /9;overflow: hidden} .cat-section-exnews .article .inner .article-image img {width: 100%;height: 100%;object-fit: cover;display: block} .cat-section-exnews .article .inner .info {flex: 1;min-width: 0} .cat-section-exnews .article .article-title {margin: 0;padding: 0; line-height: 14px} .cat-section-news2 {padding-top: 3px;} .cat-section-news2 .article {position: relative;padding-bottom: 8px;margin-bottom: 5px;} .cat-section-news2 .article-image {max-width: 100%;overflow: hidden; display: block; border-radius: 2px;border: 1px solid #cdcdcd; background-size: cover;} .cat-section-news .article-image-news {overflow: hidden; display: block; border-radius: 2px;border: 1px solid #cdcdcd; background-size: cover} .cat-section-news2 .article-title {font-size: 1rem;margin-bottom: 10px;} .cat-section-topnews .article {position: relative;padding-bottom: 10px;margin-bottom: 10px;width: 55%;} .cat-section-topnews .inner {display: block;} .cat-section-topnews .info {width: 65%;padding-left: 14px;} .cat-section-topnews .article .inner .article-image { max-width: 100%; display: block; border-radius: 2px; border: 1px solid #cdcdcd; background-size: cover;} .cat-section-topnews .info .article-desc {-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;font-family: Arial, Helvetica, sans-serif;color: #999;font-size: 14px;} .cat-section-topnews .article-title {margin-bottom: 10px;margin-top: 10px;} .fw {width: 100%} .f0 {font-family: 'NotoSerif-Bold', Arial, sans-serif;font-weight: normal;} .f3 {font-family: 'UTMAvo-Bold', sans-serif;font-weight: bold;} .w300 {width: 300px;} /*--- block---*/ .bx-sub-cover {display: flex;justify-content: space-between;} .bx-sub-coverpt {display: flex;flex-wrap: wrap;-ms-flex-wrap: wrap;justify-content: space-between;} .bx-cat-content { width: 300px;display: block;padding-right: 15px;border-right: 1px solid #eee;} .bx-cat-content .article-title {padding-bottom: 4px; font-size: 16px; font-weight: 400;} .bx-cat-contentpt { display: flex;flex-wrap: wrap;-ms-flex-wrap: wrap;web-flex-wrap: wrap;} .bx-cat-contentvote {display: flex;justify-content: space-between;} .bx-cate-votefb{width: 295px;display: block;margin-right: 5px;} .bx-cate-votefb .articlevote {width: 300px;border-bottom: 1px solid rgba(0,0,0,.1);margin-right: 5px;position: relative;border-bottom: 1px solid rgba(0,0,0,.1);} .bx-cate-votefb .articlevote:nth-child(2){margin-top: 25px;} .bx-sub-cover .article {width: 270px;position: relative;margin-bottom: 6px; border-bottom: 1px solid rgba(0,0,0,.1);} .bx-sub-cover .article:nth-child(2n+2) { margin-top: 20px} .bx-sub-cover .article-title {padding-bottom: 6px;padding-top: 3px;width: 270px;} .bx-sub-coverpt .article {width: 295px; margin-bottom: 20px;margin-right: 5px;border-bottom: 1px solid rgba(0,0,0,.1);} .bx-sub-coverpt .article-title {font-size: 15px;margin-top: 3px; clear: both;} .bx-sub-coverpt .article-image img {height: 97% !important;} .bx-sub-coverpt .article-image { padding: 0 0 4px 1px;max-width: 100%;position: relative;display: block;} .bx-cat-left {width:calc(100% - 500px);} .bx-cat-right {width: 200px} /*--- block right--*/ .bx-cat-national-pc {} .bx-cat-national-era{ background: url(../images/nation-era.png) 0 0 no-repeat; border: 1px solid rgb(0, 0, 0, .2); margin-bottom: 10px; background-size: cover; } .bx-cat-name-head {margin: 0 0 2px 0px !important;} .bx-cat-name-head a{ background: url(../images/new-heading-era-min.png) 0 0 no-repeat;text-indent: -999em;background-size: cover; aspect-ratio: 16 / 9;width: 100%; height: 100%;} .bx-cat-name-head .head-title{line-height: 1.4;color: #fff; text-transform: uppercase; display: inline-block;padding: 5px 12px 2px;position: relative;} .bx-cat-national-era .box-content { padding: 0 16px 5px; } .bx-cat-national-era .article{display: flow-root;} .bx-cat-national-era .article:not(:last-child) { padding-bottom: 4px; margin-bottom: 7px; border-bottom: 1px solid rgba(0, 0, 0, .1);} .bx-cat-national-era .article {margin-bottom: 7px;} .bx-cat-national-era .article-image { width: 105px; float: left; margin-right: 12px; position: relative; } .bx-cat-national-era .article-image img { text-indent: -9999px; width: 100%; height: auto; height: auto; } .bx-cat-national-era .article-image a{ display: flex; width: 100%; height: 100%; } /*--- article ---*/ .article-item {margin-top: 4px; clear: both} .article-title {font-size: 14px;} .article-desc {font-size: 14px;color: #333;} .article-link {text-decoration: none !important;line-height: 1.3;} .article-image-news::before {content:'';display: block;padding-top: 116%;} .article-image::before {content:'';display: block;padding-top: 56.25%;} .article-image-news img {position: absolute;top: 0;z-index: 1;width: 100%;min-height: 90%;object-fit: cover;} .article-image img {position: absolute;top: 0;z-index: 1;width: 100%;height: 100%;object-fit: cover;} .col-right {width: 300px;padding-top: 10px !important;} .banner {width: 100%;display: block;clear: both;padding-bottom: 10px;text-align: center;} .banner ul {list-style: none} /*----- end coverage----*/ .block-cat {margin-top: 0;padding-top: 0;} .bx-cat {margin-bottom: 20px;} .bx-cat-link {color: inherit;display: inline-block;line-height: 16px; padding-right: 2px; position: relative;bottom: 3px;} .bx-cat-title {border-bottom: 1px solid #ebebeb;} .bx-cat-name {line-height: 50px;font-size: 18px;color: #2940d1;overflow: hidden;position: relative;border-bottom:2px solie #2940d1} .clearfix:after {content: "";display: block;height:0;width: 100%;clear: both;} *-- multimedia---*/ .box-media { display: block;} .home_multimedia {background: #fafafc;box-shadow: inset 0 4px 22px rgb(0 0 0 / 4%); padding-bottom: 26px;font-family: Merriweather;font-size: 14px;line-height: 20px;} .home_multimedia .container {width: 1300px; margin-right: auto; margin-left: auto;padding-left: 10px;padding-right: 10px;} .home_multimedia .box {position: relative;} .home_multimedia .box-category-top {padding: 20px 0;display: flex;justify-content:flex-start;align-items: center;} .home_multimedia .box-category-link-with-avatar { position: relative; display: block; width: 1180px !important; height: 576px; overflow: hidden;} .home_multimedia .box .box-category-top .box-category-title {display: flex;align-items: center;font-size: 23px;line-height: 23px;color:#141725;} .home_multimedia h3 {margin: 0;} .box-category-top .box-category-title {margin-right: 13px;display: flex;} .home_multimedia .box .box-category-middle {position: relative;} .home_multimedia .box-focus-avatar {width: 100%;} .home_multimedia .box-category-item-content { position: absolute;width: 1280px;left: 50%;bottom: 80px;transform: translate(-50%,0);max-width: 80%;} .home_multimedia .box .box-category-middle .box-category-item-content .box-category-link-title .icon { width: 96px; margin-right: 37px; } .home_multimedia .box .box-category-middle .box-category-item-content .box-category-link-title .text { width: calc(100% - 133px); font-family: Merriweather; font-style: normal; font-weight: 700; font-size: 36px; line-height: 48px; color: #fff; } .home_multimedia .box-category-link-with-avatar:after { content: ""; background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.6) 100%); position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; } .home_multimedia .box-category-link-with-avatar .zoominout { animation: zoominout 5s ease-out infinite; -webkit-animation: zoominout 10s ease-out infinite; -moz-animation: zoominout 10s ease-out infinite; } @-webkit-keyframes zoominout { 0%{ -webkit-transform: scale(1,1); } 50% { -webkit-transform: scale(1.2,1.2); } 100%{ -webkit-transform: scale(1,1); } } @keyframes zoominout{ 0% { transform: scale(1,1); } 50% { transform: scale(1.2,1.2); } 100% { transform: scale(1,1); } } .home_multimedia .home_msection { margin-top: 20px; } .home_msection { display: flex; justify-content: space-between; } .home_multimedia .home_msection .home_mrow { width: calc(100% - 30px); border-left: 1px solid #eee; border-right: 1px solid #eee; padding: 0 20px; } .home_multimedia .box[data-layout="9"] { display: flex; flex-wrap: wrap; justify-content: space-between; } .home_multimedia .box[data-layout="9"] .box-focus-item { width: calc(100% - 753px); margin-bottom: 5px; } .home_multimedia .box[data-layout="9"] .box-focus-item .box-focus-link-with-avatar { display: block; margin-bottom: 12px; position: relative; } .home_multimedia .box[data-layout="9"] .box-focus-item .box-focus-link-with-avatar::before { content: ''; display: block; padding-top: 56.25%; } .home_multimedia .box[data-layout="9"] .box-focus-item .box-focus-link-with-avatar .icon { position: absolute; left: 20px; bottom: 20px; } .home_multimedia .box[data-layout="9"] .box-focus-item .box-focus-link-title { display: block; font-family: Merriweather; font-style: normal; font-weight: 700; font-size: 15px; line-height: 23px; color: #182940; } .home_multimedia .box[data-layout="9"] .box-focus-item .box-focus-link-with-avatar img { position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; } .home_multimedia .box[data-layout="9"] .box-focus-item .box-focus-link-with-avatar img { transition: transform .5s; } .home_multimedia .box[data-layout="9"] .box-focus-item .box-focus-link-with-avatar .icon { z-index: 9; } .box-category-top .box-category-menu { display: flex; display: -webkit-flex; -webkit-flex-wrap: wrap; align-items: center; margin-left: 50px; } .box-category-top .box-category-menu a {display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;align-items: center;margin-left: 35px;font-family: 'SFProDisplay';font-style: normal;font-weight: 500;font-size: 15px;line-height: 18px;letter-spacing: .02em;color: #182940;} .box-category-top .box-category-menu a .icon {display: flex;margin-right: 5px;} .box-category-menu .box-category-menu-item {display: flex;list-style: none;align-items: center;margin-right: 15px;} a.bx-cat-link::after { display: block;bottom: 0;left: 0;top: 34px;right: 1rem;height: 2px;background-color: #2940d1;} a {text-decoration: none;border: none;} a:hover,.breadcrumb a:hover,.breadcrumb li a:hover{color: #3f4b95;} span.subtitle {color: #666;} /*** News and read news **/ .__MB_NEWS_TAB { list-style: none; padding: 0; margin: 0; width: 100%; background-color: #f1f1f1; margin-bottom: 10px; } .__MB_NEWS_TAB li{ float:left; } .__MB_NEWS_TAB li a { display: block; font-family: 'NotoSans-Regular', sans-serif; height: 32px; line-height: 32px; background-color: #f1f1f1; padding: 0 10px; margin-right: 1px; text-transform: uppercase; } .__MB_NEWS_TAB li a.active { color: #fff; background-color: #3f4b95; } .__MB_CONTAINER_READ ul{ list-style:none; margin:0; padding:0; } .__MB_CONTAINER_READ ul li { margin-top: 5px; padding-top: 5px; border-top: 1px dashed #ccc; margin-left: 4px; } .__MB_CONTAINER_READ ul li:first-child{ margin-top: 0; padding-top: 0; border-top: 0; margin-left: 4px; } .__MB_CONTAINER_READ ul li i { background-color: #9ba2ce; color: #fff; font-style: normal; padding: 0 5px; border-radius: 3px; } .__MB_CONTAINER_READ ul li i span{} .__MB_CONTAINER_READ ul li a{ font-family: 'NotoSerif-Bold', sans-serif; font-size: 14px;} * {margin: 0;padding: 0;} a {color: #333;} .fimily {font-family: "RobotoSlab-Regular";} .fimilyBold {font-family: "RobotoSlab-Bold";} body {margin: 0;background: #FFF;font: 400 14px/1.4 'NotoSerif-Regular', sans-serif;padding: 0;font-size: 13px; color: #333; position: relative; min-width: 1152px; line-height: 1.3; } #fixMainBdy { margin: 0 auto; padding: 0; position: relative; width: 100%; max-width: 1200px; /* hoặc chiều rộng thật của layout */ min-height: 100vh; /* giữ chiều cao toàn màn hình, tránh shift khi nội dung load */ overflow-x: hidden; /* tránh tràn ngang khi các banner co giãn */ box-sizing: border-box; } #header { margin: 0;padding: 0;position: relative;clear: both;} .topHder { background: #efefef; border-bottom: 1px solid #d4d4d4; padding: 4px 0 4px 0; clear: both; position: relative; font-size: 12px;} .datetime {background: url(../images/p/icon-clock.png) left no-repeat;padding-left: 22px;display: inline-block;float: left;color: #333;font-size: 12px;line-height: 16px;} a.viewpaperNangluong {background: #505da7; color: #FFF; font-weight: bold; padding: 0 8px 0 8px; border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px; display: inline-block; font-size: 11px; line-height: 20px; font-family: 'RobotoCondensed-Bold'; text-transform: uppercase;margin-right: 10px;} a.viewpaperNangluong:hover { background: #5b68b3; color: #FFF;text-decoration: none;} span.hotline { color: #CD201A; font-weight: bold;} .boxSharecoll {width: 1280px; margin: 0 auto;position: relative;} .headerCter { clear: both;position: relative;padding: 10px 0 } .headerCter .boxSharecoll{display: flex; justify-content: space-between; align-items: center;} @media screen and (min-width: 960px) and (max-width: 1024px) { .headerCter {background-size: 1660px 170px;} } .logo {float: left;} .boxSearch { background: url(../images/p/box-search.jpg) no-repeat; width: 200px; height: 20px;float: right; position: relative;background-size: 200px 20px; margin-left: 10px;} .boxSearch input[type=text] { border: none;background: none;padding: 0 5px; width: 168px; height: 20px;float: left;color: #666; font-family: "Roboto-Regular", Helvetica, sans-serif; font-size: 11px; line-height: 20px; outline: none;} .boxSearch input[type=button] { border: none; float: right;width: 30px;height: 20px;background: none; outline: none;} .header-nav {width: 1218px;margin: 0 auto;position: relative;} #barMnu {background: #3f4b95;clear: both;position: relative;height: 45px;border-bottom: 5px solid #bfbfbf;font-family: "Roboto-Condensed-Bold";text-transform: uppercase;font-size: 11px;color: #FFF;transition: all 0.5s ease;position: sticky;top: 0;z-index: 9999;} #barMnu ul.mnuMainBdy {margin: 0;padding: 0;position: relative;} #barMnu ul.mnuMainBdy li {margin: 0;padding: 0;list-style: none;position: relative;float: left;display: inline-block} #barMnu ul.mnuMainBdy li.menu-name{/*background: url(../images/p/menu-bg.png) center left no-repeat;*/} #barMnu ul.mnuMainBdy li.menu-name:first-child{background: none;} #barMnu ul.mnuMainBdy li a, #barMnu ul.mnuMainBdy li a:hover, #barMnu ul.mnuMainBdy li a.selected {color: #FFF;padding: 0 4px 0 5px; display: block;line-height: 40px;text-decoration: none;font: 13px/44px 'UTMAvo', sans-serif} #barMnu ul.mnuMainBdy li a.first, #barMnu ul.mnuMainBdy li a.first:hover {background: url(../images/p/icon-home.png) center 8px no-repeat;display: block;padding: 0 6px 0 6px;width: 40px;} #barMnu ul.mnuMainBdy li a.first:hover {background: url(../images/p/icon-home.png) #cc1317 center 8px no-repeat;} #barMnu ul.mnuMainBdy li a:hover, #barMnu ul.mnuMainBdy li a.selected,#barMnu ul.mnuMainBdy li a.active { background: #cc1317;} #barMnu ul.mnuMainBdy li ul.subMnu, #barMnu ul.mnuMainBdy li:hover ul.subMnu {position: absolute;z-index: 100;left: 0;width: 210px; margin: 0;padding: 0;background: #2b3780;display: none;} #barMnu ul.mnuMainBdy li:hover ul.subMnu {display: block; } #barMnu ul.mnuMainBdy li:hover ul.subMnu li {width: 100%;clear: both;text-transform: none!important;} #barMnu ul.mnuMainBdy li:hover ul.subMnu li a {display: block;line-height: 30px;} #barMnu .boxDropMnuMain{background-color:#f5f5f5; position:absolute; top:100%; right:0; left:0; z-index:10000; border:1px solid #d4d4d4; border-radius:3px; display:none; -moz-border-radius:3px} #barMnu .boxDropMnuMain div.itemMnu{border-bottom:1px solid #d9d9d9; clear:both; position:relative; text-align:center; display: block; /*float: right; margin-left: calc(((90vw - 1100px) / -2) - -8px); margin-right: calc(((0vw - 1100px) / -2) - -9px)*/} #barMnu .boxDropMnuMain div.itemMnu::last-child{border:none;} #barMnu .boxDropMnuMain a.view-all{color:#F00!important;} #barMnu .boxDropMnuMain div.itemMnu div.item, #barMnu .boxDropMnuMain div.itemMnu div.itemed{font-size:12px; font-family:"RobotoCondensed-Bold", sans-serif; color:#333; font-weight:bold; font-weight:700; text-transform:uppercase;line-height:20px; display:inline-block; padding:8px;} #barMnu .boxDropMnuMain div.item span, #barMnu .boxDropMnuMain div.itemed span{background:url(../images/m/ico-plug.png) no-repeat; width:17px; height:17px; display:inline-block; position:absolute; right:9px; top:9px;} #barMnu .boxDropMnuMain div.itemed span{background:url(../images/m/ico-minus.png) no-repeat;} #barMnu .boxDropMnuMain div.itemMnu a, #barMnu .boxDropMnuMain div.itemMnued a{color:#00539c;} #barMnu span.icoMnu{background:url(../images/m/icon-menu.png) #7582c1 center no-repeat; height:40px; width:40px; position:relative; cursor:pointer; display:inline-block; margin-left:1px;} #barMnu .boxDropMnuMain .subMnuMain{margin:0; padding:0 8px 8px 8px; position:relative; display:none;} .barnewsHot {background: #f1f1f1;clear: both;position: relative;height: 80px;overflow: hidden;} .newsHOtbox {float: left;width: 915px;line-height: 28px;background: url(../images/p/icon-news-hot.png) left 6px no-repeat;padding-left: 40px;} .newsHOtbox ul {margin: 0;padding: 0;} .newsHOtbox ul li {list-style: circle inside;color: #999;float: left;padding-right: 10px;font-size: 13px;} .newsHOtbox ul li a {color: #666;} a.btnRss {background: url(../images/p/icon-rss.png) no-repeat; width: 33px; height: 18px; float: left;position: relative;top: 10px; display:none;} .boxgroupShareSocial {float: right;margin-top:7px;} .boxgroupShareSocial a.linkshareFace, .boxgroupShareSocial a.linkshareYoutu, .boxgroupShareSocial a.linkshareTiwch, .boxgroupShareSocial a.linksharePinet { background: url(../images/p/con-share-social.png) top left no-repeat; width: 24px;height: 24px;display: inline-block;margin-left: 1px;} .fb_iframe_widget > span,.fb_iframe_widget > span > iframe{width: 140px !important;} .boxgroupShareSocial a.linkshareYoutu {background-position: -30px 0;} .boxgroupShareSocial a.linkshareTiwch {background-position: -58px 0;display:none;} .boxgroupShareSocial a.linksharePinet {background-position: -87px 0;} .containner { width: 1152px; display: inherit;display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative;margin: 0 auto } .sidebar_2 {width: 320px; float: left;position: relative;padding: 0 3px 0 2px;margin-left: 9px;margin-right: 7px;} .sidebar_3 {width: 160px;padding-left: 3px;border-left: 1px solid #e2e2e3;} .colLeftHotNewsblog {float: left;width: 820px;} .colRightAdsTopNews {width: 307px;padding-left: 5px;overflow: hidden;} .blogAds { padding-bottom: 10px;clear: both;position: relative;} .blogAds img {width: 294px;} .banner.blogAds .bx-viewport { /*min-height: 200px; /* hoặc giá trị bạn đo được lớn nhất */ overflow: hidden; position: relative; } .banner.blogAds ul li { position: absolute; top: 0; left: 0; } .blogadvert img {width: 357px} #mainBdy {position: relative;margin: 0;padding: 0;clear: both; } .mainBdyCter {width: 1152px;margin: 0 auto;position: relative;padding: 14px 0 14px 0;} .blogHotnews {width: 530px;float: left;} .blogListhotNews {width: 270px;float: right;} .fullboxNewsHotItem { clear: both;line-height: 18px;margin-bottom:15px;} .fullboxNewsHotItem h1 { font-size: 22px;margin: 0;padding: 0 0 10px 0;clear: both;font-family: 'Roboto Slab', serif;font-weight: 700;} .fullboxNewsHotItem h1 a {color: #333;} .rightBlog ul li span.icovideo_1, span.icoimg_1, span.icocment_1 { background: url(../images/p/ico-video.png) left center no-repeat;margin-left: 5px;padding-left: 13px;width: 13px;height: 9px;display: inline-block;} span.icovideo_1, span.icoimg_1, span.icocment_1 {background: url(../images/p/ico-video.png) left center no-repeat; margin-left: 5px;padding-left: 13px;width: 13px;height: 9px;display: inline-block;} .fullboxNewsHotItem img.fullImgitem {width: 100%;margin-bottom: 10px;} .itemHotblog li span.icoimg_1 {background: url(../images/p/ico-img.png) left center no-repeat no-repeat;padding-left: 13px;width: 13px;height: 11px;} span.icoimg_1 {background: url(../images/p/ico-img.png) left center no-repeat no-repeat;padding-left: 13px;width: 13px;height: 11px;display: inline-block;} span.icocment_1 {background: url(../images/p/ico-cment.png) left no-repeat;padding-left: 15px;color: #999;font-size: 12px;font-family: "Roboto-Regular", Helvetica, sans-serif;position: relative;} ul.listItemthreeNewsHot {margin: 0; padding: 0;width: 512px;flex-wrap: wrap;margin-bottom: 7px;} ul.listItemthreeNewsHot li {list-style: none;float: left;width: 160px;padding:5px 0;border-bottom: 0; margin-top: 15px;clear:both;} ul.listItemthreeNewsHot li img.imgHot {width: 100%;margin-bottom: 4px;clear: both;} ul.listItemthreeNewsHot li:first-child {margin-left: 0;margin-top:0} h3.tite {font-size: 14px;/*font-family: "RobotoSlab-Bold"!important;*/margin: 0; padding: 0; line-height: 18px;font-family: 'Roboto Slab', serif;font-weight: 700;} h3.title {font-size: 14px;margin: 0;padding: 0;line-height: 1.4;font-family: 'Roboto Slab', serif;font-weight: 600;} h3.title a { color: #4a4949;} h3.tite a {color: #333;} ul.listItemHotnewsTop {margin: 0; padding: 0;} ul.listItemHotnewsTop li { list-style: none;clear: both;margin-bottom: 20px;} ul.listItemHotnewsTop li img.itemNewsTop {width: 100%;margin-bottom: 4px;} #colLeftMain {float: left;width: 512px;position: relative;margin-bottom: 20px;} #colCterMain {width: 300px; float: left;margin: 0 0 20px 14px;position: relative;} #colRightMain { width: 160px; float: right; position: relative;margin-bottom: 20px;} #colRightSkyScraper-ch{ width: 160px; position:absolute;top:0; left: calc(((100% - 1330px)/ 2) - 80px);right: unset !important;} .blogColLeftShare {position: relative; margin: 0; padding-bottom: 14px;clear: both;line-height: 18px;} .box-cate-content {flex-wrap: wrap;display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex;display: flex; } .sub-news-cate {justify-content: space-between;position: relative;} h2.titleTab { text-transform: uppercase;/*font-size: 18px;*/display: inline-block;float: left;background: url(../images/p/bg_box_news.gif) right top no-repeat; height: 30px; margin-top: 0px; margin-left: 2px;line-height: 12px; } h2.titleTab a {color: #FFF; font-size: 12px; text-decoration: none; background: none; padding-left: 3px; padding-right: 20px;} .submnuTab {display: inline-block;float: left;margin: 0;padding: 1px 0 0 10px;} .submnuTab ul {margin: 0;padding: 0;} .submnuTab ul li { list-style: none; float: left;padding: 0 1px 0 8px; color: #666; background: url(../images/p/bg-sub.png) left 4px no-repeat;} .submnuTab ul li:first-child{background:none;padding-left:0;} .submnuTab ul li a {color: #666;font-family: 'RobotoCondensed-Bold';text-transform: uppercase;font-size: 10px; } .tabColLeftShare {border-bottom: 1px solid #dadada;padding-bottom: 4px;margin-bottom: 14px; clear: both;position: relative; } .leftTab {float: left; background: url(../images/p/bg-box-main.jpg) left top no-repeat; height: 30px; width: 100%; display: flex; flex-wrap: wrap; display: -webkit-flex; -webkit-flex-wrap: wrap; } .rightTab {float: right; width: 10%; text-align: right; position: relative;} .leftBlog {float: left; width: 314px; position: relative } .leftBlog ul.itemlistitem { margin: 0; padding: 0 0 0 3px; list-style: none; } .leftBlog ul.itemlistitem li { color: #333; margin: 0 0 4px 0; padding: 0 0 4px 0; line-height: 18px; clear: both; border-bottom: 1px dotted #c1c1c1; font-family: 'Roboto Slab', serif; font-weight: 400; list-style:none; } .leftBlog ul.itemlistitem li:nth-child(1) .bx-img { display: block; overflow: hidden; float: left; width: 310px !important; height: auto;} .leftBlog ul.itemlistitem li:nth-child(2) .bx-img { display: none;} .leftBlog ul.itemlistitem li:nth-child(3) .bx-img { display: none;} .leftBlog ul.itemlistitem li:nth-child(2) h3.titleblog { font-size: 14px; margin: 0; padding: 0 0 2px 0; line-height: 1.3;} .leftBlog ul.itemlistitem li:nth-child(3) h3.titleblog { font-size: 14px; margin: 0; padding: 0 0 2px 0; line-height: 1.3;} .leftBlog ul.itemlistitem li:nth-child(1) img.itemIMfull{width: 100%; margin-bottom: 0; } .leftBlog ul.itemlistitem li:nth-child(2) img.itemIMfull {display: none !important;} .leftBlog ul.itemlistitem li:nth-child(3) img.itemIMfull { display: none !important;} .leftBlog ul.itemlistitem li:nth-child(2)>div{ display: none !important;} .leftBlog ul.itemlistitem li:nth-child(3)>div{ display: none !important;} .rightBlog {float: right;width: 184px;position: relative; } .leftBlog img.itemIMfullblog {width: 100%;margin-bottom: 6px;clear: both;} h3.titleblog {font-size: 18px;/*font-family: 'RobotoSlab-Bold' !important;*/margin: 0;padding: 0 0 8px 0;line-height:1.3;font-family: 'Roboto Slab', serif;font-weight: 700; } h3.tite a {color: #333;} .rightBlog .itemHotblog {clear: both;position: relative;padding-bottom: 8px;} .rightBlog .itemHotblog img.imhotblog {width: 100%;clear: both;margin-bottom: 6px; } .rightBlog ul {margin: 0;padding: 0; } .rightBlog ul li {border-bottom: 1px dotted #8d8d8d;list-style: none;padding: 5px 0;clear: both; } .rightBlog ul li:last-child {border-bottom: none; } .rightBlog ul li a { color: #333; font-family: 'Roboto Slab', serif; font-weight: 400; } .adsLeftCol {padding: 0 0 10px 0;clear: both;} .adsafterimage {clear: both;width: 336px; height:228px;margin-bottom: 60px; display: block;margin-left: auto;margin-right: au} ul.listItemBlog {margin: 0;padding: 0;} ul.listItemBlog li {list-style: none;border-bottom: 1px dotted #939393;padding: 0 0 10px 0; margin-bottom: 10px;clear: both;} ul.listItemBlog li a {/*font-family: "RobotoSlab-Bold"!important;*/ font-family: 'Roboto Slab', serif;font-weight: 700;} ul.listItemBlog li:last-child {border-bottom: none;padding-bottom: 0;margin: 0;} ul.listItemBlog li img.itemIm {width: 100%;margin-bottom: 6px;} .groupThreeCol .col1, .groupThreeCol .col2, .groupThreeCol .col3 {width: 170px;float: left;position: relative;line-height: 18px;} .groupThreeCol .itemTop {margin: 0; padding: 0;clear: both;list-style:none;} .groupThreeCol ul li {border-bottom: 1px dotted #5f5c56;list-style: none; padding: 0 0 4px 0;margin-bottom: 4px;} .groupThreeCol ul li:last-child {border-bottom: none;} .groupThreeCol .itemTop img.im {width: 100%;margin-bottom: 6px;clear: both;} .groupThreeCol ul li a, .groupThreeCol .itemTop a {color: #000;font-family: 'Roboto Slab', serif;font-weight: 400;font-size: 13px;} .groupThreeCol h2.title {font-size: 13px;font-family: 'RobotoCondensed-Bold';text-transform: uppercase; border-bottom: 1px dotted #b4aea3; padding-bottom: 6px;margin-bottom: 10px;clear: both;} .groupThreeCol h2.title a {color: #303b83;} .groupThreeCol ul.listItem {margin: 0;padding: 0; } .groupThreeCol ul.listItem li { border-bottom: 1px dotted #5e5b55;padding: 0 0 4px 0;margin-bottom: 8px;clear: both;} .groupThreeCol ul.listItem li:last-child {border: none; } .groupThreeCol ul.listItem li img {width: 100%;clear: both;margin-bottom: 6px; } h2.titleGalleryVdeo { margin: 0 0 10px 0; clear: both; display: inline-block; border-bottom: 1px solid #ce1a1b; padding-bottom: 6px; font-family: 'RobotoCondensed-Bold'; text-transform: uppercase; font-size: 18px;} h2.titleGalleryVdeo a { color: #3f4b95; } .boxvideoAnhhot {background: #f4f4f4;clear: both;width: 100%;} .boxvideoAnhhot .itemanhHot, .boxvideoAnhhot .itemVdeoHot {width: 152px;float: left;margin-left:13px;} .boxvideoAnhhot .itemVdeoHot:first-child {margin: 0;} .boxvideoAnhhot .itemVdeoHot div.boxImg {position: relative;height: 90px;overflow: hidden; margin-bottom: 6px;} .boxvideoAnhhot .itemVdeoHot div.boxImg .bx-img{height:100%;} .boxvideoAnhhot .itemanhHot img, .boxvideoAnhhot .itemVdeoHot img {width: 100%;margin-bottom: 0; clear: both;min-height:100% } .tabShareColCter { margin: 0 0 10px 0;padding: 0;clear: both;position: relative; } .tabShareColCter h2.titleColCter { margin: 0; padding: 0; position: relative; display: inline-block; font-size: 18px; text-transform: uppercase; font-family: 'RobotoCondensed-Bold'; } .tabShareColCter h2.titleColCter a {color: #3f4b95;} .tabShareColCter h2.titleColCter a:hover {text-decoration: none;} .tabShareColCter h2.titleColCter span {width: 45%;height: 3px;background: #ce1a1b;display: block;clear: both;margin-top: 4px; display: none; } ul.listItemHotNewsHome {margin: 0;padding: 1px 0px 0px 3px;clear: both; } ul.listItemHotNewsHome li {border-bottom: 1px dotted #727272; list-style: none;padding: 1px 0 4px 3px;margin-bottom: 4px; clear: both;position: relative; } ul.listItemHotNewsHome li:last-child {border-bottom: none;} ul.listItemHotNewsHome li a {font-size: 14px; color: #333;line-height: normal;font-family: 'Roboto Slab, serif';font-weight: 400;} /*scrooll bar*/ .slimScrollDiv { position: relative; overflow-y: scroll; height: 450px; width: auto; background-color: #fff; float: left; border-left: 1px solid #CCC; } #slimScrollBar::-webkit-scrollbar {width: 6px;background-color: #999;} #slimScrollBar::-webkit-scrollbar-thumb {background-color: #cdc6bf; border-radius: 4px;opacity: 0.4; height: 8px; } #slimScrollBar::-webkit-scrollbar-track { background-color: #F5F5F5;} .force-overflow {min-height: 400px;} .boxShareColCter {border-bottom: 1px solid #dcdcdc; margin-bottom: 14px;background-color: #f4f6fa;padding: 13px;clear: both;position: relative;border-top: 2px solid #3f4b95;} .boxTvtime { width: 100%; position: relative; clear: both; background: #000; } .boxHoidaukhi, .boxPetrol {width: 100%;margin: 0;padding: 0;position: relative;} ul.listingOtherNewsHot { margin: 0; padding: 0; } ul.listingOtherNewsHot li { border-bottom: 1px dotted #8d8d8d; padding: 0 0 10px 0; margin-bottom: 10px; clear: both; position: relative; list-style: none; font-family: "RobotoSlab-Bold"!important; } ul.listingOtherNewsHot li .bx-img{ float:left; width:85px; margin-right:10px; height:55px;} ul.listingOtherNewsHot li .bx-img img{ width:100%; margin-right:0; min-height:100%; } .boxHoidaukhi img, .boxPetrol img { width: 100%; clear: both; margin-bottom: 6px; } .blogChuyende { clear: both; position: relative; margin-top: 9px;} .blogChuyende .tabCde { clear: both; padding-bottom: 10px; position: relative;} .blogChuyende .tabCde h2.cde {position: relative;display: inline-block;font-size: 18px;text-transform: uppercase;font-family: 'RobotoCondensed-Bold';border-bottom: 1px solid #ce1a1b; float: left} .boxslideBtn { float: right; position: relative; } .boxCterCde { border: 1px solid #e9e9e9; padding: 15px; width: 1200px; overflow: hidden;} .boxCterCde ul {margin: 0;padding: 0; } .boxCterCde ul li {list-style: none;float: left;overflow: hidden;width:100%;} .boxCterCde ul li .bx-img{ width:100%; height:110px; margin-bottom:10px;} .boxCterCde ul li img {width: 100%;clear: both;min-height:100%;} #footer {clear: both;position: relative;margin: 0;padding: 0;} #footer #barMnu {height: 40px;line-height: 40px;} #footer #barMnu li a {line-height: 35px;} .fterCtner { background: url(../images/p/bgfooter.jpg) top left repeat-x; clear: both; position: relative; line-height: 22px!important; font-size: 13px;} .fterBtom { border-top: 1px solid #d9d9d9; padding: 12px 0 12px 0; clear: both; text-align: center; color: #d2d2d2;} .fterBtom a {color: #d2d2d2;} .boxslideBtn .owl-prev,.boxslideBtn .owl-next,a.btnPrev, a.btnNext { background: url(../images/p/btngrslidecmuc.jpg) no-repeat; height: 20px; width: 20px; margin-left: 2px; float: left; text-indent: -9999px; cursor: pointer;} .boxslideBtn .owl-next,a.btnNext { background-position: -22px 0; } .boxBaonangluongmoi {border: 1px solid #dadada;clear: both;margin-bottom: 14px;background: #f3f3f3;} .boxBaonangluongmoi img {width: 100%;} .titleBaonluongmoi {border-bottom: 1px dotted #999;} ul.listItemNangluong {margin: 0;padding: 0;} ul.listItemNangluong li { color: #a1a1a1; list-style: decimal inside;border-bottom: 1px solid #ebebeb; line-height: 18px;padding: 6px 0 6px 0;} ul.listItemNangluong li:last-child {border-bottom: none;} ul.listItemNangluong li a {color: #333;font-family: 'RobotoSlab-Regular';padding-left: 10px;} #coleftListing {float: left;width: 656px;margin-bottom: 30px;} #colRightListing {float: right;width: 474px;margin-bottom: 20px;} .blogNewsHotListing {float: left;width: 160px;} .groupNewsToplisting {border-bottom: 1px solid #d8d8d8;width: 100%;margin-bottom: 14px;float: right;} ul.listdumb {margin: 0;padding: 0 0 0 10px;float: left;background: url(../images/p/bulet.jpg) left no-repeat;} ul.listdumb li {list-style: none;float: left;margin: 0;padding: 0 4px 0 4px;color: #999;line-height: 37px;} ul.listdumb li a, ul.listdumb li a.acted {color: #999;font-family: 'RobotoCondensed-Bold';font-size: 11px;text-transform: uppercase;} ul.listdumb li a.acted {color: #333;} ul.listINewsHotListing {margin: 0;padding: 0;} ul.listINewsHotListing li { list-style: none; float: left; width: 205px; margin-left: 16px; } ul.listINewsHotListing li img.imgHot {width: 100%;margin-bottom: 4px;clear: both;} ul.listINewsHotListing li:first-child {margin-left: 0;} .boxlistingNewsgr {margin: 0;padding: 0;clear: both;position: relative;} .boxlistingNewsgr ul {margin: 0;padding: 0;} .boxlistingNewsgr ul li { list-style: none; border-bottom: 1px dotted #a4a4a4; clear: both; padding-bottom: 14px; position: relative; margin-bottom: 14px;} .boxlistingNewsgr ul li img.itemListim { margin: 0 14px 0 0; float: left; width: 184px; } ul.listingOtherNewsHot { margin: 0; padding: 0;} ul.listingOtherNewsHot li { border-bottom: 1px dotted #8d8d8d; padding: 0 0 10px 0; margin-bottom: 10px; clear: both; position: relative; list-style: none; /*font-family: "RobotoSlab-Bold"!important*/ font-family: 'Roboto Slab', serif; font-weight: 700; } ul.listingOtherNewsHot li:last-child { border: none; margin: 0; padding: 0; } ul.listingOtherNewsHot li img { width: 85px; float: left; margin: 0 10px 0 0; } .boxBarListing { padding: 10px 0 0 0; clear: both; position: relative;} .boxPagegingNext { width: 50%; float: left;} .boxPagegingNext a,.boxPagegingNext span { padding: 0 12px 0 12px; line-height: 30px; font-size: 12px; display: block; margin-right: 1px; background: #cfcfcf; float: left; color: #FFF;} .boxPagegingNext a:hover, .boxPagegingNext a.selected,.boxPagegingNext span.current { background: #3f4b95; color: #FFF; text-decoration: none; } .boxPagegingNext span:first-child{display:none;} .boxSortDate {float: right;width: 218px;padding: 3px;border: 1px solid #cfcfcf;position: relative;} .boxSortDate input[type=text] {width: 188px;height: 24px;outline: none; background: none; border: none; font-size: 12px; float: left; } .boxSortDate input[type=button] { background: url(../images/p/icontimedate.png) no-repeat; width: 22px; height: 22px; outline: none; border: none; cursor: pointer; float: right;} #colLeftDetails { float: left; width: 840px; position: relative; margin-bottom: 4px; } #coRightDtails {float: right;width: 300px; position: relative; margin-bottom: 30px; } h1.titleDtails {font-size: 32px;/*font-family: "RobotoSlab-Bold"!important;*/line-height: normal;clear: both;margin-bottom: 10px;font-family: 'Roboto Slab', serif;font-weight: 700; } .boxsharesocial {margin-bottom: 2px;padding: 4px 0 2px 0;border-top: 1px dotted #e2e2e2;border-bottom: 1px dotted #ccc;clear: both;width: 100%; } .boxsharesocial1 {border-top: 1px dotted #e2e2e2;border-bottom: 1px dotted #ccc;margin: -9px 0 10px 0; padding: 10px 0 9px 0; clear: both; float: left; width: 100%; } .sharesocialDtail {float: left;width: 50%;} #views{float:left;width:102px; font-size:14px; color:#333;font-weight: 700;} .boxPrintemail { float: right;text-align: right;line-height: 16px;margin-left: 2px;padding-top: 4px;} a.print, a.email{ background: url(../images/p/print-email.png) no-repeat; width: 18px;height: 14px;float: left;margin-left: 2px;display: inline-block; } span.li {float: left;display: inline-block;} a.email {background-position: -22px 0;} div.sapo {width: 512px; font-size: 15px; margin-bottom: 10px; font-family: 'Roboto Slab', serif; font-weight: 700; text-align: justify; line-height: 20px;} .__MASTERCMS_CONTENT b,.__MASTERCMS_CONTENT strong{font-family: 'NotoSerif-Bold';} ul.OtherNewsinside {margin: 0;padding: 0;} ul.OtherNewsinside li { list-style: disc inside; color: #333; margin-bottom: 4px; font-size: 12px;} ul.OtherNewsinside li a { color: #3f4b95; line-height: 18px; border-bottom: 1px dotted #cdcdcd; padding: 0 0 4px 0;} ul.OtherNewsinside li:last-child a {border-bottom: none;} .imgFulldetail { width: 100%; background: #ebebeb; color: #999; font-family: 'RobotoSlab-Regular'; font-size: 12px; margin-bottom: 14px;} .imgFulldetail img {width: 100%;clear: both;} .colLeftDtails { float: left; width: 512px; position: relative; } .colRightDtails { width: 160px; float: right; position: relative; } .boxTextDtails { margin: 0; padding: 0; position: relative; font-size:16px; overflow:hidden; } .boxNewsQuantam { margin: 0; padding:0; clear: both; position: relative; } ul.listItemNewsQtam {margin: 0;padding: 0;} ul.listItemNewsQtam li {border-bottom: 1px dotted #b3b3b3;list-style: none;padding: 0 0 10px 0;margin-bottom: 10px;} ul.listItemNewsQtam li:last-child {border-bottom: none;} ul.listItemNewsQtam li img { width: 100%; padding-bottom: 4px; clear: both;} .boxTags {margin: 0;padding: 0 0 30px 0;clear: both; background: url(../images/p/ico-tags.png) left 6px no-repeat;} .boxTags ul {margin: 0;padding: 0 0 0 30px; } .boxTags ul li { margin: 0 4px 4px 0; padding: 0; list-style: none; float: left; line-height: 18px; } .boxTags ul li a {background: #ebebeb;border-radius: 3px;padding: 4px 10px 4px 10px;display: block;color: #3f4b95;font-size: 13px;} .boxTinLQuan {position: relative; padding: 17px; clear: both; } .boxTinLQuan ul.listWide {margin: 0;padding: 0;width:104%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;} .boxTinLQuan ul.listWide li { list-style: none; margin-right: 14px; margin-bottom: 10px;} .boxTinLQuan ul.listWide li img { width: 100%;margin-bottom: 4px;} .boxTinLQuan ul.listWide li:last-child { margin: 0;} .listOtherNews { margin: 0; padding: 0; padding-left: 20px; padding-top: 8px; color: #3f4b95; border: 1px solid #ebebee;} .listOtherNews .article-last {display: flex;justify-content: space-between;width: 100%;list-style: none;margin: 0;padding: 0 0 4px 0;} .listOtherNews .article-last .inner { display: flex; justify-content: space-between; margin: 0 12px 0 0; } .article-last .article-image:first-child {margin-top: 0;padding-top: 0;border-top: 0;} .article-last .article-title { color: #333; font-size: 16px; font-family: 'Roboto Slab', serif; font-weight: 400; width: 65%; line-height: 17px; } .article-link, .article-detail-title { color: inherit; } .article-last .article-image {width: 35%; margin-top: 7px;margin-right: 10px; padding-top: 7px;border-top: 1px solid #ebebeb;position: relative;} .article-title .article-desc { padding-top: 5px; font-size: 15px; font-family: Arial, san-serif; font-weight: 400; text-align: justify; } .article-image {position: relative;display: block;overflow: hidden;width: 100%;} .boxCmentDtails {margin: 0;padding: 0;position: relative;} span.countCment {color: #F36804;font-size: 14px;float: left;} .itemCment, .itemCmentlevel {border-radius: 10px;padding: 10px;clear: both;margin-bottom: 11px;background: #f7f4f4;position: relative;} .itemCmentlevel {margin-left: 30px; background: none;} .itemCmentlevel span.arr {background: url(../images/p/ico-comment.png) no-repeat; width: 16px;height: 11px;display: block;position: absolute;top: -11px;left: 30px;} span.countlike {background: url(../images/p/ico-like.png) left 2px no-repeat;line-height: 20px;display: inline-block;cursor: pointer;padding-left: 20px;color: #FF0000;margin-left: 6px;} a.btnCment {background: url(../images/p/ico-comment.png) left no-repeat;padding-left: 20px;line-height: 16px;cursor: pointer;display: inline-block;margin-left: 2px;position: relative;color: #999;font-size: 10px;text-transform: uppercase; } div.avantar {float: left;width: 38px;margin: 0 10px 0 0;} div.avantar img {width: 100%;} div.titleCment, div.titleCment2 {float: left;width: 420px;} div.titleCment2 {width: 330px;} .boxCmentDtails textarea { width: 512px; padding: 10px; border: 1px solid #dbdbdb; height: 90px; color: #aaa; font-family: 'RobotoSlab-Regular'; font-size: 13px;} .boxCmentDtails .btnSendCment { background: #3f4b95;border: none;padding: 4px 10px 4px 10px;display: inline-block;cursor: pointer;color: #FFF;text-transform: uppercase; } .boxCtnerCmment {clear: both;border-top: 1px solid #c2c2c2; border-bottom: 2px solid #c2c2c2; padding: 15px 0 20px 0;} .pageNaviCmnent {margin: 0;padding: 8px; clear: both;text-align: center;} .pageNaviCmnent a, .pageNaviCmnent a:hover, .pageNaviCmnent a.atedcm { color: #092C4F; display: inline-block; padding: 0 8px 0 8px; border: 1px solid rgba(0, 0, 0, 0.0); text-decoration: none;} .pageNaviCmnent a:hover, .pageNaviCmnent a.atedcm, .pageNaviCmnent span.current, .pageNaviCmnent span { border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } a.viewMoreList, a.viewMoreList:hover {color: #ff0000;display: inline-block;font-size: 11px;text-transform: uppercase;font-family: 'Roboto Slab', serif;font-weight: 400;} .bx-img{display:block;overflow:hidden;float: left;} .fullboxNewsHotItem .bx-img{margin-bottom: 10px; width: 100%; } .fullboxNewsHotItem .bx-img img.fullImgitem{ margin-bottom:0; min-height: 100%; } ul.listItemthreeNewsHot li .bx-img{height: 95px;margin-bottom: 4px;margin-right: 6px;} ul.listItemthreeNewsHot li .bx-img img.imgHot{margin-bottom:0;min-height:100%;} ul.listItemthreeNewsHot li .titleNewsHot { width: 510px; display: block; line-height: 19px; position: relative;} ul.listItemHotnewsTop li .bx-img{margin-bottom:4px;height:140px;} ul.listItemHotnewsTop li .bx-img img.itemNewsTop{margin-bottom:0;min-height:100%;} .blogAds ul,.adsLeftCol ul {list-style:none;margin:0;padding:0;overflow:hidden;} .category-link { line-height: 20px !important; padding: 5px 8px !important;} .itemHotblog li .bx-img{display:none;} .itemHotblog li:first-child .bx-img{ display:block;} .itemHotblog li:first-child { padding-top:0;} .itemHotblog li:first-child .bx-title{ font-family: 'Roboto Slab', serif;font-weight: 700;} .itemHotblog li:last-child{border-bottom:0;} .leftBlog .bx-img{ height:200px;margin-bottom:6px;} .leftBlog .bx-img img.itemIMfullblog{min-height:100%;margin-bottom:0;} .rightBlog .itemHotblog .bx-img,ul.listItemBlog li .bx-img{height:115px;margin-bottom:6px;} .rightBlog .itemHotblog .bx-img img.imhotblog,ul.listItemBlog li .bx-img img.itemIm{min-height:100%;margin-bottom:0;} .groupThreeCol .itemTop li .bx-img{display:none;height:80px;margin-bottom:6px;} .groupThreeCol .itemTop li:first-child .bx-img{display:block;} .groupThreeCol .itemTop .bx-img img.im{min-height:100%; margin-bottom:0;} .bx-large-home{display:block;overflow:hidden;width:100%;margin-bottom:10px;} .bx-large-home .bx-img{height:330px;margin-bottom:10px;} .bx-large-home .bx-img img.itempl{margin-bottom:0;min-height:100%;} .groupThreeCol ul.listItem li .bx-img {height: 80px; margin-bottom: 6px;} .groupThreeCol ul.listItem li .bx-img img {margin-bottom: 0; min-height: 100%;} .boxTvtime .bx-img{ height:180px;} .boxTvtime .bx-img img{min-height:100%; margin-bottom:0;width:100%;} .boxTvtime .icoVdeo {background: url(../images/p/ico-play.png) no-repeat;width: 48px; height: 48px;display: block;position: absolute; top: 70px;left: 135px;z-index: 10;} .boxHoidaukhi .bx-img:first-child {width: 316px !important; height: 190px !important; margin-bottom: 10px;} .boxHoidaukhi .bx-img img{margin-bottom:0;min-height:100%;} .boxCategory .bx-img{height: 90px; margin-bottom: 10px;width: 120px;float: left;padding: 0px;margin-right: 5px;object-fit: cover;} .boxCategory .bx-img img {margin-bottom: 0;min-height: 100%;width: 100%;} .tabShareColCter h4.title_box_category {margin: 0;padding: 0; position: relative;display: block;font-size: 14px;text-transform: uppercase;font-family: 'RobotoCondensed-Bold';} .tabShareColCter h4.title_box_category a { color: #3f4b95;} h4.title-news {margin: 0;padding: 0; position: relative;display: block;font-weight: 700;font-family: 'Roboto Slab', serif; line-height: 12px;font-size: 12px} h4.title-news a { color: #333;position: relative;z-index: 3;} .tabShareColCter h4.title_box_category span {width: 45%;height: 3px;background: #ce1a1b;display: block;clear: both; margin-top: 4px;} .tabShareColCter h4.title_box_category a:hover {text-decoration: none;} .blogAds.bx-ads-bottom ul li{margin-bottom:10px;text-align: center;} .boxBaonangluongmoi .pad15 .padT15{color: #333; font-family: 'Roboto Slab', serif;font-weight: 400;} .boxBaonangluongmoi .pad15 .padT15 strong{font-family: 'Roboto-Regular';} .boxBaonangluongmoi .pad15 .padT15 .clearfix{background-color:#ebebeb;display:block;height:1px;width:100%;margin:6px 0;} .boxBaonangluongmoi .pad15 .padT15 .highlight { background: none !important;padding-right: 10px;color: #999;} .gotop { background: url(../images/p/gotop.png) no-repeat;width: 36px; height: 36px; display: none;position: fixed;bottom: 20px; right: 20px;cursor: pointer;z-index:10;} #colRightListing .blogNewsHotListing ul li .bx-img{height:125px;} #colRightListing #colCterMain{margin-left:0;} #coleftListing ul.listINewsHotListing li .bx-img{margin-bottom:6px; height:150px;width:200px;} #coleftListing ul.listINewsHotListing li .bx-img img.imgHot{margin-bottom:0;min-height:100%;} .boxlistingNewsgr ul li .bx-img {width: 184px;float: left;margin-right: 14px; max-height: 116px;overflow: hidden;} .boxlistingNewsgr ul li .bx-img img.itemListim { margin: 0; width: 100%;} #coleftListing .boxlistingNewsgr ul li h3.tite{margin-bottom:5px;} #coleftListing .bx-border-category{ border-bottom: 1px dotted #a4a4a4;clear: both;padding-bottom: 14px; margin-bottom: 14px;} ul.listingOtherNewsHot li .bx-img{float:left; width:85px;margin-right:10px;height:55px;} ul.listingOtherNewsHot li .bx-img img{width:100%;margin-right:0; min-height:100%;} .blogAds.bx-ads-bottom,.adsLeftCol.bx-ads-right{padding-bottom:0;} .adsLeftCol.bx-ads-right ul li{ margin-bottom:10px;} .bx-1-3,.bx-1-3-content{width:100%;overflow:hidden;line-height:18px;} .bx-1-3-content{ margin-bottom:10px;} .bx-1-3 .bx-img { width: 130px;float: left; margin-right: 10px; height: 85px;} .bx-1-3 .bx-img img{width:100%;min-height:100%;} .bx-1-3 h3.tite {margin-bottom: 8px;} .bx-1-3-list{padding-left:15px;margin:0;} .bx-1-3-list li .bx-title{ color:#333;font-family: 'Roboto Slab', serif;font-weight: 700;} .video-page .fullboxNewsHotItem .bx-img,.video-page #coleftListing ul.listINewsHotListing li .bx-img,.video-page .boxlistingNewsgr ul li .bx-img{ position:relative;} .video-page .fullboxNewsHotItem .bx-img .icoVdeo { background: url(../images/p/ico-play.png) no-repeat; width: 48px; height: 48px; display: block;position: absolute;top: 130px; left: 235px;z-index: 10; } .video-page #coleftListing ul.listINewsHotListing li .bx-img .icoVdeo,.video-page .boxlistingNewsgr ul li .bx-img .icoVdeo { background: url(../images/p/ico-play-small.png) no-repeat;width: 39px;height: 39px;display: block; position: absolute; right: 5px;bottom: 5px;z-index: 10;} .boxTinLQuan ul.listWide li .bx-img { margin-bottom: 6px; width: 100px;} .boxTinLQuan ul.listWide li .bx-img img { margin-bottom: 0; min-height: 100%;} /*=========================================================================================================================*/ .box-reply,.article-comment,.box-comment,#commnet-top,.comments,.comment-actions,.comment-actions .reply{width:100%;float:left;} .article-comment{margin-bottom:28px;} .box-comment textarea,.comment-actions .reply textarea{ width:100%;max-width:100%; min-width:100%; height:90px;border:1px solid #ddd;padding:5px; }.__MB_ACTION_POST_COMMENT,.__MB_ACTION_POST_COMMENT-SUB{ width:67px; height:24px; display:block; float:right; text-align:center; color:#fff; text-transform:uppercase; background-color:#3f4b95; border:none; font-family: 'RobotoCondensed-Bold'; font-size:12px;}#commnet-top{ border-bottom:1px solid #f0f0f0; margin-bottom:13px;} #commnet-top label { color: #555; display: block; height: 25px; float: left; text-transform: uppercase; font-size: 16px; font-family: 'RobotoCondensed-Bold'; margin-bottom:0; } #commnet-top label img{padding-right:8px;} .__MB_FILTER_COMMENT { float: right; display: block; height: 25px; line-height: 25px; text-transform: uppercase; padding: 0 5px; background-color: #f7f4f4; font-family: 'RobotoCondensed-Bold'; font-size: 11px; margin-top: -2px; } .article-comment .h-title a,.article-comment .h-title span{font-size:16px;} .__MB_FILTER_COMMENT:hover{text-decoration:none; } .__MB_FILTER_COMMENT.current{color:#3f4b95;} .orderbytime{margin-left:5px;} .comments { padding: 0;margin:0;list-style: none;} .comments li {width: 100%; float: left; margin-bottom:10px;} .comments li .meta { font-family: 'RobotoCondensed-Bold';} .comments li .meta img.avatar{vertical-align:-4px; } .comments li .meta .time{ color:#797979; font-family:Arial, Helvetica, sans-serif;font-size:12px;} .comment-content { width: 100%; float: left; font-size: 13px; color: #333;} .comment-content p{margin-bottom:0;} .comment-actions a,a.btnLike { display: inline-block;margin-left: 10px;padding-left: 20px;line-height: 23px; height: 20px;color: #333; text-decoration: none; float: right;font-size:13px;} .comment-actions a.btnLike,a.btnLike {background: url(../images/p/ico-like.png) no-repeat left 3px;} .comment-actions a.btnDislike {display:none;} .comment-actions a.btnReply { background: url(../images/p/ico-comment.png) no-repeat left 7px; margin-right: 0; padding-left: 19px; font-size: 11px;font-weight: bold;line-height: 26px;} .w970{width: 970px;height: 90px;margin: 0; } @-webkit-keyframes my { 0% { color: #f9111c; } 50% { color: #fff; } 100% { color: #fa0410; } } @-moz-keyframes my { 0% { color: #f9111c; } 50% { color: #fff; } 100% { color: #fa0410; } } @-o-keyframes my { 0% { color: #f9111c; } 50% { color: #fff; } 100% { color: #fa0410; } } @keyframes my { 0% { color: #F8CD0A; } 50% { color: #fff; } 100% { color: #fa0410; } } .animation{float: right; font-family: 'RobotoCondensed-Bold';color:#F80308;text-transform: uppercase;font-size:22px;font-weight:bold; -webkit-animation: my 700ms infinite; -moz-animation: my 700ms infinite; -o-animation: my 700ms infinite; animation: my 700ms infinite;} /*---- Magazine ---*/ .comment-actions .reply{padding-left:10%;margin-top:13px;display:none;} .comment-actions .reply textarea{height:50px;} .comments.sub-comments { padding: 10px 0 0 10%; border: none;} .comments.sub-comments .btnDislike{margin-right:0;} .paging-comment{width:100%;float:left; text-align:center;border-top: 1px solid #dfdfdf; padding-top:10px;} .grNextPage.paging-comment a:hover, .grNextPage.paging-comment a, .grNextPage.paging-comment span.current {background: #a4a4a4; color: #FFF;border: 1px solid #a4a4a4;display: inline-block;padding: 2px 4px;} .bx-comment-pt{background-color: #f7f4f4;padding: 10px;border-radius: 10px;} .comments li .sub-comments li a.btnLike{float:none;} #comment-system-cms{ margin-bottom:20px;} #barMnu.f-nav{position: fixed; top: 0; left: 0;right: 0; z-index: 999999999;} .banner-728x90{width: 850px;display: block;margin-left: 75px;} .oilpricenettable2{width: 100%;border: 0px solid #dadada !important; margin-bottom: 15px;} .video-container {position: relative; padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;} .video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .groupThreeCol span.subtitle{display: none;} .boxTextDtails.__MASTERCMS_CONTENT p{padding-right: 5px;line-height: 25px;margin: 0 0 1em;} .boxTextDtails.__MASTERCMS_CONTENT p:last-child{padding-right: 5px;} .boxTextDtails.__MASTERCMS_CONTENT strong{padding-right: 0px; justify-content:right} .b-listing-content,.col-left-video,.video-list-cate{width: 100%;float: left;} .video-list-cate { margin-bottom: 15px;} .video-list-cate .video-highlight {float: left;width: 515px;display: block;overflow: hidden;position: relative;} .video-right-list {width: 467px;float: right;display: block;overflow: hidden;} .video-list-cate .video-highlight ul {list-style: none;margin: 0;padding: 0;} .video-list-cate .video-highlight ul li { width: 100%;float: left;} .video-list-cate .video-highlight ul li a.tv-center-image { display: block;width: 100%; overflow: hidden; margin-bottom: 15px;position: relative;} .video-list-cate .video-highlight ul li a.tv-center-image:before, .video-right-list ul.video-right-item li a.tv-center-image:before, .hot-video-list ul li a.tv-center-image:before{content: '';padding-top: 56.26%;display: block;} .video-list-cate .video-highlight ul li a.tv-center-image img.image, .video-right-list ul.video-right-item li a.tv-center-image img.image, .hot-video-list ul li a.tv-center-image img.image { min-height: 100%; position: absolute; left: 0; top: 0;right: 0; bottom: 0;width: 100%;} .video-list-cate .video-highlight ul li .ico-play {background: url(../images/ico-play-large.png) center center no-repeat;height: 100%;width: 100%; position: absolute;left: 0;top: 0;} .video-list-cate .video-highlight ul li a.tv-center-title { font-family: 'RobotoCondensed-Bold';font-weight: normal;font-size: 26px; line-height: 30px;} .video-right-list ul.video-right-item {list-style: none;padding: 0;margin: 0;width: 105%;} .video-right-list ul.video-right-item li {width: 225px;display: block;overflow: hidden;margin-right: 17px;float: left;margin-bottom: 15px; } .video-right-list ul.video-right-item li a.tv-center-image, .hot-video-list ul li a.tv-center-image { display: block; width: 100%;overflow: hidden;margin-bottom: 10px;position: relative; } .video-right-list ul.video-right-item li a.tv-center-image .ico-play, .hot-video-list ul li a.tv-center-image .ico-play { background: url(../images/ico-play-small.png) center center no-repeat;height: 100%;width: 100%;position: absolute;left: 0;top: 0; } .video-right-list ul.video-right-item li .tv-center-title, .hot-video-list ul li .tv-center-title{font-weight: bold;font-family: 'RobotoCondensed-Bold';font-size: 14px; } .border-cover {display: block;width: 100%;background: url(../images/bg-border.png) left top repeat-x;height: 11px;margin-bottom: 15px;} .hot-video-list { width: 100%; float: left;overflow: hidden; } .hot-video-list .b-title { display: block; float: left;width: 100%;height: 28px;line-height: 26px;margin-bottom: 15px;} .hot-video-list .h-title { display: block;float: left;padding-right: 5px;font-size: 24px; } .hot-video-list .h-title span {font-family: 'RobotoCondensed-Bold';text-transform: uppercase;float: left;color: #ee2b30;font-size: 22px;line-height: 30px;} .hot-video-list ul { list-style: none;width: 105%;margin: 0;padding: 0; } .hot-video-list ul li {float: left;display: block;width: 236px;overflow: hidden;margin-right: 19px;margin-bottom: 15px;} #video-2336 .video-right-list h1.video-title { font-family: 'RobotoCondensed-Bold';font-weight: normal;font-size: 26px;line-height: 30px; margin-bottom: 10px; } .bx-share-detail{font-size: 14px;} .article-desc, .desc-video-author, .desc-video-source{font-size: 14px;font-family: arial;} .desc-video-author,.desc-video-large{font-weight: bold;font-family: arial;} .desc-video-source{font-style: italic;} .desc-video-large a{color: #3f4b95;} .more-article {font-family: 'RobotoCondensed-Bold';float: right;text-transform: uppercase;color: #cf1613;margin-bottom: 20px;} .boxdropMnu:hover .boxDropMnuMain{display: block !important;} .detail-page .colLeftDtails,.detail-page #colLeftDetails div.sapo{width: 80%;} .detail-page .colRightDtails{} .bx-gold{border: 1px solid #d9d9d9;padding: 10px 15px;} .bx-gold .bx-cat-title{position: relative;} .bx-gold .bx-cat-name{font-size: 18px;} .bx-gold .bx-cat-link{border-left: 0;padding-left: 0;} .bx-gold .bx-gold-slider .bx-gold-item{width:268px !important;height: 250px;overflow-y: scroll;scrollbar-width: thin;} .bx-gold-item::-webkit-scrollbar {width: 3px;} .bx-gold-item::-webkit-scrollbar-thumb {background: #888;} .table-gold {border: 1px solid #eee;color: inherit;border-collapse: collapse;text-align: left;} .table-gold td, .table-gold th {padding: 5px;vertical-align: middle;border: 1px solid #eee;font-size: 14px;} .table-gold thead{background: #20419b;color: #fff;} .table-gold th{white-space: nowrap;} .down_rate,.up_rate{font-size: 12px;} .table-gold.table-striped>tbody>tr:nth-of-type(odd) {background: #f8f9fa;color: inherit;} .table-gold .text-right{text-align: right;} #ico-gold-prev,#ico-gold-next{display: block;width: 25px;height: 25px;cursor: pointer;position: absolute;top: -4px;border-radius: 2px;} #ico-gold-prev{background: #ebebeb url(../images/ico-gold-prev.png) center no-repeat;right: 30px;} #ico-gold-next{background: #ebebeb url(../images/ico-gold-next.png) center no-repeat;right: 0;} /* bx-exchange-rate */ .bx-exchange-rate{border: 1px solid #d9d9d9;padding: 10px 15px;} .bx-exchange-rate .bx-cat-title{position: relative;} .bx-exchange-rate .bx-cat-name{font-size: 18px;} .bx-exchange-rate .bx-cat-link{border-left: 0;padding-left: 0;} .bx-exchange-rate .bx-exchange-rate-slider .bx-exchange-rate-item{width:268px !important;height: 250px;overflow-y: scroll;scrollbar-width: thin;} .bx-exchange-rate-item::-webkit-scrollbar {width: 3px;} .bx-exchange-rate-item::-webkit-scrollbar-thumb {background: #888;} .table-exchange-rate {border: 1px solid #eee;color: inherit;border-collapse: collapse;text-align: left;} .table-exchange-rate td, .table-exchange-rate th {padding: 5px;vertical-align: middle;border: 1px solid #eee;font-size: 13px;text-align: center;word-break: break-word;} .table-exchange-rate thead{background: #20419b;color: #fff;} .table-exchange-rate th{font-size: 12px;} .down_rate,.up_rate{font-size: 12px;} .table-exchange-rate.table-striped>tbody>tr:nth-of-type(odd) {background: #f8f9fa;color: inherit;} .table-exchange-rate .text-right{text-align: right;} #ico-exchange-rate-prev,#ico-exchange-rate-next{display: block;width: 25px;height: 25px;cursor: pointer;position: absolute;top: -4px;border-radius: 2px;} #ico-exchange-rate-prev{background: #ebebeb url(../images/ico-gold-prev.png) center no-repeat;right: 30px;} #ico-exchange-rate-next{background: #ebebeb url(../images/ico-gold-next.png) center no-repeat;right: 0;} /* bx-covid */ .fw{width: 100%;} .lt{float: left;} .rt{float: right;} /* .bx-covid{border: 1px solid #d9d9d9;padding: 10px 15px;} */ .bx-covid .bx-cat-title{position: relative;} .bx-covid .bx-cat-name{font-size: 18px;} .bx-covid .bx-cat-link{border-left: 0;padding-left: 0;} .bx-covid .bx-covid-item{height: 250px;overflow-y: scroll;scrollbar-width: thin;} .bx-covid-item::-webkit-scrollbar {width: 3px;} .bx-covid-item::-webkit-scrollbar-thumb {background: #888;} .table-covid {border: 1px solid #eee;color: inherit;border-collapse: collapse;text-align: left;} .table-covid:not(:first-child){margin-top: 15px;} .table-covid td, .table-covid th {padding: 5px;vertical-align: middle;border: 1px solid #eee;font-size: 12px;} .table-covid thead{background: #20419b;color: #fff;} .table-covid th{white-space: nowrap;} .table-covid.table-striped>tbody>tr:nth-of-type(odd) {background: #f8f9fa;color: inherit;} .table-covid .text-right{text-align: right;} .box-pad {padding: 0 18px; } .justify-content-end { justify-content: flex-end !important; } .align-items-center { align-items: center !important; } .bx-category > h2, .bx-category > div > h2, .bx-category > div > .bx-heading, .bx-lastest > h3, .bx-hot > h3 {font: normal 18px/24px Roboto-Bold, sans-serif;padding: 18px 0 13px; border-bottom: solid 1px #e1e1e1; display: block; position: relative; } .bx-category > div {position: relative;} .fw{width: 100%;} .lt{ float: left;} .table-gold {margin: 10px 0;border: 1px solid #eee; color: inherit;border-collapse: collapse;} .table-gold th {font-family: "Roboto-Bold",sans-serif; } .table-gold td, .table-gold th { padding: 12px; vertical-align: middle;border: 1px solid #eee;} .table-gold.table-striped>tbody>tr:nth-of-type(odd) {background: #f8f9fa;color: inherit;} .table-gold .text-bold { font-family: "Roboto-Bold",sans-serif;} .table-gold td, .table-gold th { padding: 12px; vertical-align: middle;border: 1px solid #eee;} /*animation text */ .bar { position: relative; width: 100%;padding: 5px 0;color: white;font-family: Gelasio;font-size: 18px;font-weight: 700;overflow: hidden;height: 37px; } .bar_content {position: absolute;display: -webkit-flex;display: -moz-box;display: flex;-moz-animation: bar_content 200s linear infinite;-webkit-animation: bar_content 200s linear infinite; animation: bar_content 200s linear infinite; will-change: transform;} .bar_content li {list-style: circle inside;color: #F00;float: left; padding-right: 10px;} .bar_content:hover {-webkit-animation-play-state:paused; -moz-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused;cursor: pointer;} .__MASTERCMS_CONTENT ul { margin-top: 0 !important; padding-left: revert !important; margin-bottom: 19px; } .__MASTERCMS_CONTENT ul li {text-align: justify; padding-left: initial;} .box-center { margin: 10px 0 10px 0;} .box-center .container1 { display: block; } .container1 { text-align: center } /* category metal --- */ /* menu metal*/ /* Tổng menu */ .precious-menu { background: linear-gradient(to bottom, #fff6cc, #f2d27a); border-bottom: 1px solid #d4b35a; font-family: Arial, sans-serif; } /* Danh sách menu */ .menu-list {display: flex;align-items: center;list-style: none;margin: 0;padding: 0 20px;} /* Item */ .menu-item {position: relative;padding: 12px 18px;} /* Link */ .menu-item a {text-decoration: none;color: #000;font-weight: 600;font-size: 14px;} /* Hover */ .menu-item:hover {background: rgba(255, 255, 255, 0.4);} /* Trang chủ */ .menu-item.home a {font-size: 18px;} /* Icon home (có thể thay bằng FontAwesome) */ .icon-home::before {font-family: "Font Awesome 5"; } /* Item nổi bật */ .menu-item.highlight a {color: #8b5a00; } /* Gạch phân cách */ .menu-item:not(:last-child)::after {content: "|"; position: absolute;right: -2px;color: #8b7500;} header { width: 100%; margin: 0 auto; padding: 0; box-sizing: border-box; } /* Container chuẩn cho header */ header .boxSharecoll { width: 100%; /*max-width: 1100px; */ /* hoặc 1200px tùy layout trang dưới */ margin: 0 auto; padding: 0 15px; box-sizing: border-box; } header .topHder {margin-left: 34px} /* Nếu nav cũng bị lệch */ header nav.precious-menu { width: 98%; margin-left: 46px } header nav.precious-menu .menu-list { /*max-width: 1100px; /* đồng bộ với boxSharecoll */ margin: 0 auto; padding: 0 15px; box-sizing: border-box; } .wrapper {margin-top: 20px; margin-bottom: 24px} .container {width: 1290px;padding: 0 15px;margin: 0 auto} .cat-layout{display: flex;flex-direction: row;gap: 17px;} .cat-box-col {display: flex;flex-direction: column;width: 70%} .cat-box {display: flex;flex-direction: column;margin-top: 10px} .cat-box .cat-coverage {display: flex;flex-direction: column; gap:9px} .cat-coverage .article-content .article-title {font-size: 20px;margin: 0;font-weight: 700;padding-bottom: 10px} .cat-box-content {display: flex;margin-top: 3px} .cat-box13 .cat-box13-left {width: 55%} .cat-box13 .cat-box13-left .article-title {font-size: 19px;font-weight: 700;color:#333} .cat-box13 .cat-box13-right {width: 45%;margin-left: 15px;} .cat-box13 .cat-box13-right .article {display: flex;flex-direction: row;} .cat-box13 .cat-box13-right .article:first-child {padding-bottom:11px;padding-left:10px} .cat-box13 .cat-box13-right .article:not(:first-child){padding-top: 11px;padding-bottom:11px;padding-left:10px;border-top:1px solid #b4b3b3;width: 100% } .cat-box13 .cat-box13-right .article .article-image {width: 45%;margin-right: 15px} .cat-box13 .cat-box13-right .article .article-content {width: calc(100% - 45%);} .cat-box4 {display: flex;flex-direction: column} .cat-box4 .article {width: 100%; display: flex;margin-bottom: 7px} .cat-box4 .article .article-image {width: 33%;margin-right: 6px} .cat-box4 .article:not(:first-child){border-top: 1px solid #ebebeb;padding-top: 10px} .cat-box4 .article-content {margin-left: 13px;width: calc(100% - 31%);} .cat-box4 .article-content .article-title {font-size: 19px; font-weight: 600} .cat-box14 .cat-box14-left {width: 55%} .cat-box14 .cat-box14-left .article-title {font-size: 19px;font-weight: 700;color:#333} .cat-box14 .cat-box14-right {width: 45%;margin-left: 20px;display: flex;flex-wrap:wrap} .cat-box14 .cat-box14-right .article:nth-child(odd) {margin-right:10px} .cat-box14 .cat-box14-right .article {width: calc((100% - 10px)/2);} .cat-box3{margin-top: 5px;display: flex;} .cat-box3 .article {width: calc((100% - 15px)/3); margin-right: 10px} .cat-box3 .article .article-title {font-size: 16px;;font-weight: 700;color:#333;line-height: 6px} .cat-box-title {display: flex;padding-bottom: 10px} .cat-box-container {margin: 0;padding: 0;} .cat-mostread .cat-box-title {padding-left: 0} .cat-box .cat-mostread {padding-bottom: 8px;border-bottom: 1px solid #e4e4e5; } .cat-mostread .cat-box-content { display: flex;flex-direction: column;gap:6px;} .cat-mostread .article:first-child {display: flex;flex-direction: row;gap:12px;} .cat-mostread .article:not(:first-child) {display:flex; flex-direction: row;justify-content: space-between;border-top: 1px solid #ebebeb;} .cat-mostread .article {width: 100%;display: flex;} .cat-mostread .article .article-image {display: none;} .cat-mostread .article .article-content {width: 95%} .cat-present {background:#fffff7} .cat-present .article p {font-style:italic;} .cat-head-name {line-height: 32px;border-bottom: 3px solid #feeeb3;font-size:13px;text-transform: uppercase; color:#274583;width: 55%;position: relative;} .cat-head-name::after {content: "";position: absolute;left: 100%;bottom: -3px; /* căn thẳng hàng với border-bottom */height: 1px; width: calc(100% - 55%);background: #e5e5e5; /* màu đường kẻ dài */ } .cat-box-link {display: block;padding: 8px 20px;text-decoration: none;color: #666;background: #f5f5f5; /* Màu nền cho tab không active */ border-radius: 5px 5px 0 0; /* Bo góc trên */transition: all 0.2s ease;} .cat-box-link.active {background:#f2d27a;color:#555 !important;font-weight: bold} .cat-box-link-concern::before{ content: ""; display: inline-block; width: 9px; height: 9px; background: #da251c; margin-right: 6px; vertical-align: middle; line-height: 1;} .cat-box-link::before {content:"";display: inline-block;width: 13px;height: 16px;background: #da251c;margin-right: 3px;clip-path: polygon( 0 0, /* góc trên trái */ 85% 50%, /* mũi nhọn */ 0 100%, /* góc dưới trái */ 20% 50% /* đáy chuốt vào */ );} .cat-article-link::before {content:"";display: inline-block;width:6px;height:6px;background:#da251c;margin-right:6px;vertical-align: middle;line-height: 1;} .cat-metal-title-line{position: relative;margin: 0;padding: 0 0 8px 0;font-size: 15px;font-weight: 700;text-transform: uppercase;color: #1f3e9a;line-height: 1.2;} /* span để chữ nằm trên đường kẻ */ .cat-metal-title-line > span{position: relative;z-index: 2;display: inline-block;padding-right: 10px;background: #fff; /* nếu nền block không phải trắng, đổi theo nền */ } /* đường mảnh chạy hết */ .cat-metal-title-line::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:#e6e6e6;} /* gạch vàng dày dưới phần chữ */ .cat-metal-title-line::before{content:"";position:absolute;left:0;bottom:0;width: 55%;;height:3px;background:#f6dc6a;} /**/ .box-topic-slider {height: auto !important} .box-cate .bx-controls{margin: 20px 0 0 0;text-align: center;} .box-cate .bx-pager-item {display: inline-block;margin: 0 2px;} .box-cate .bx-pager-link.active{background:#F30307} .box-cate .bx-pager-link {display: block;height: 8px;width: 8px;background: #e1e1e1;text-indent: -9999px;border-radius: 4px; } /*category*/ .cat-detail-content {width: 844px; display: flex;flex-direction: column;gap:22px;} .cat-detail-grid {display: grid;grid-template-columns: 62px 780px} .cat-detail-grid-left {width: 64px} .cat-detail-grid-right {width: 780px;display: flex;flex-direction: column;gap: 15px;} .cat-detail-desc {font-family: 'NotoSerif-Bold';font-size: 16px;font-weight: 700;color:#333} .cat-detail-info {display: flex;flex-direction: row;justify-content:space-between;border: 1px solid #ebebeb;} .cat-author {display: flex;flex-direction: row;gap:15px;justify-content: space-between} .cat-sidebar {width: 400px;display: flex;flex-direction:column;gap:22px} .cat-post .article:first-child {display: flex;flex-direction: column} .cat-post .article .article-image:nth-child(1) {width:790px;display: flex;flex-direction: column} .cat-post .article:first-child .article-content{width:790px!important} .cat-post .article:not(:first-child) {width: 790px;float:left;display: flex;flex-direction: row} .cat-post .article:not(:first-child) .article-image {width: 250px;float:left;display: flex;flex-direction: row;margin-right: 12px} .cat-post .article-content:first-child{width:790px!important} .cat-post .article-content {width: 520px;display: flex;flex-direction: column;gap:12px} .cat-post .article-title {font-size: 26px;line-height: 1.2} .cat-post .article-desc {text-align: justify} .cat-postex .article:first-child {display: flex;flex-direction: row;} .cat-postex .cat-content {display: flex;flex-direction: column;gap:30px} .cat-postex .article {display: flex;flex-direction: row} .cat-postex .article-content {max-width: 520px;display: flex;flex-direction: column;gap:12px} .cat-postex .article-title {font-size: 26px;line-height: 1.2} .cat-postex .article .article-image {width: 290px; float: left;display: flex;flex-direction: row;margin-right: 12px} .cat-category {display: flex;flex-direction: column;gap: 25px;} .cat-catx6 .article:nth-child(1), .cat-catx6 .article:nth-child(2), .cat-catx6 .article:nth-child(3){margin-top:0} .cat-catx6 .article {width: calc((100% - 72px)/3);float: left;margin-left: 18px;margin-top: 18px;} .cat-catx6 .article:nth-child(3n+1) {clear: both;margin-left: 0} .cat-layout {display: flex;flex-direction: row;gap:22px;} .cat-catx6 .article-content {padding-top: 15px;display: flex;flex-direction: column;gap: 12px;} .cat-colx1 {width: 844px;display: flex;flex-direction: column;gap:36px;} .cat-post {display: flex;flex-direction: column;} .cat-post .cat-content {display: flex;flex-direction: column;gap:30px} .cat-title-left {display: flex;flex-direction: row; align-items: baseline;} .cat-heading {padding-left: 30px;font-family: Noto-Serif;font-size: 28px;margin: 0;display: inline-block;color: #009f4c;background: url('../images/icon/icon-border-cat-orange.png') left 8px no-repeat;text-transform: uppercase;} a {text-decoration: none;color: black} a:hover{color: #3f4b95} /*article */ .btn-size {height: 110px !important;position:relative} .article-detail-button {display: flex;flex-direction: column;gap: 8px;position: sticky;top:60px} .article-detail-button > div, .article-detail-button > a {display: flex;width: 32px;align-items: center;justify-content: center;border: 1px solid #ebebeb;border-radius: 32px;cursor: pointer;color: #555} .btn-size-plus, .btn-size-minus {display: flex;width: 26px;height: 26px;align-items: center;justify-content: center;border: 1px solid #ebebeb;border-radius: 26px;font-size:12px} .btn-size-plus {position: absolute;top: 2px} .btn-size-minus {position: absolute;bottom: 2px} .tooltip {position :relative} .tooltip .tooltiptext {visibility: hidden;width: 140px;background-color:#555;color: #fff;text-align:center;border-radius: 6px;padding: 5px;position:absolute;z-index: 1;bottom:150%;left:50%;margin-left:-75px;transition: opacity 0.3s;} .tooltip:hover .tooltiptext {visibility: visible;opacity:1} .tooltip .tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left: -5px;border-width:5px;border-style:solid;border-color:#555} .btn-size-text > span {font-size: 20px;} .article-detail-button img {filter: opacity(0.5)} .cat-sidebar {width: 29%;display: flex; flex-direction: column;gap:22px} .article-content{display: flex;flex-direction: column;margin-top: 6px} .article-title {margin: 0;font-size:14px;line-height: 1.4;color:#555} .article-keyword { display: inline; } .article-tag span { display: inline-block; height: 32px; font-size: 16px; line-height: 32px; background: url(../images/p/ico-tags.png) left top 9px no-repeat; color: #666; margin-right: 15px; padding: 0 0 0 30px; text-transform: uppercase; } .article-keyword a { height: 32px; line-height: 32px; display: inline-block; margin-right: 5px; margin-bottom: 10px; background: #f4f4f4; border: 1px solid #e9e9e9; border-radius: 4px; padding: 0 10px; } .article-content1 { max-height: 250px; /* giới hạn chiều cao ban đầu */ overflow: hidden; transition: max-height 0.4s ease; text-align: justify; } .article-content1.expanded { max-height: 1000px; /* đủ lớn để hiện hết */ }.article-content1::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 25px; background: linear-gradient(to bottom, rgba(255,255,255,0), #fff); } .article-content1.expanded::after { display: none; } .article-content2 { max-height: 343px;overflow: hidden; transition: max-height 0.4s ease; text-align: justify;width: 97%;} .article-content2.expanded { max-height: 1000px; /* đủ lớn để hiện hết */} .article-content2::after { content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 25px;background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);} .article-content2.expanded::after {display: none;} .read-more {display: block;margin-top: 8px;color: #333;font-style: italic; /* chữ nghiêng */font-weight: normal;cursor: pointer;text-align: right;} .pt-external-links{ width:100%; border:1px solid #e5e5e5; border-radius:8px; background:#ffffff; font-family:Arial, sans-serif; overflow:hidden; } .pt-external-header{padding:10px 14px;background:linear-gradient(to right,#fff6cc,#f2d27a);border-bottom:1px solid #d4b35a; font-weight:700;font-size:14px;text-transform:uppercase;color:#8b5a00; } .pt-external-list{list-style:none;margin:0;padding:0;} .pt-external-item{border-bottom:1px solid #eee;} .pt-external-item:last-child{border-bottom:none;} .pt-external-item a{display:block; padding:12px 14px; text-decoration:none; color:#1f3e9a; font-size:14px; font-weight:600; transition:background 0.2s ease; } .pt-external-item a:hover{ background:#f8f8f8; } .pt-external-item a::after{ content:"↗"; float:right; font-size:12px; color:#999; } /* Mobile */ @media(max-width:768px){ .pt-external-item a{ font-size:13px; padding:10px 12px; } }