/* Phần css reset */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
    overflow: auto ! important
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, u, i, center,
dl, dt, dd, ol, ul, li, input,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: none;
	border-spacing: 0;
	border-collapse: collapse;
	font-weight: normal;
	color: #222;
	font-size: 14px;
	line-height: 22px;
	font-family: "tahoma", arial, sans-serif;
	font-style: normal;
	text-decoration: none;
	vertical-align: baseline;
}

.fix-clear {clear: both}
.fix-left {float: left}
.fix-right {float: right !important}
.no-margin-right {margin-right: 0 !important}
.no-margin-left {margin-left: 0 !important}
img {width: 100%; height: auto; display: block}


/* Bắt đầu phần thân Website */
#mhnd-header { background: url(../images/banner.jpg) no-repeat;padding: 10px 0}
.mhnd-ct-header {background: url(../images/banner.jpgh) repeat-x; height: 100px; width: 100%}
.mhnd-nd-header {display: block; padding: 5px 10px 0 10px; margin: 0 auto; max-height: 97px}
.mhnd-nd-header img{max-width:100%}

#mhnd-nav {background: #1377ad none repeat scroll 0 0; width: 100%; height: 32px; padding: 4px 10px; position: relative}
.mhnd-menu-drop {position: relative; top: 4px; z-index: 20}
.mhnd-icon-menu-drop {float: left; margin-right: 10px; height: 17px; width: 28px; background: url(../images/icon-menu-1.png) no-repeat;}
.mhnd-menu-drop:hover .mhnd-ct-drop {display: block}
.mhnd-ct-drop {position: absolute; left: -10px; top: 17px; padding-top: 7px; display: none}
.mhnd-ct-drop > ul {background: #1377ad; padding: 5px 10px; width: 100%}
.mhnd-ct-drop > ul li {display: block; padding: 6px 0; border-top: solid 1px #ffffff; border-bottom: solid 1px #00517c}
.mhnd-ct-drop > ul li:first-child {border-top: none}
.mhnd-ct-drop > ul li:last-child {border-bottom: none}
.mhnd-ct-drop > ul li > a {font-weight: bold; color: #fff}
.mhnd-form-search {position: absolute; width: 100%; padding: 0 88px 0 36px}
#mhnd-search {background: #fff; position: relative; width: 100%; height: 24px; padding: 0px 32px 2px 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.mhnd-input-search {width: 100%; font-size: 12px; padding-right: 10px}
.mhnd-btn-search {position: absolute; right: 8px; top: 5px; width: 24px; height: 16px; background: url(../images/icon-search.png) no-repeat right; border-left: solid 1px #e0e0e0}
.mhnd-language {position: absolute; top: 6px; right: 10px; z-index: 10}

.mhnd-language .vi-vn
{
    width: 28px;
    height: 20px;
    background: url(background/lang-vi.png) no-repeat 0 0;
    margin-left: 5px;
    display: inline-block;
}
.mhnd-language .en-us
{
    width: 28px;
    height: 20px;
    background: url(background/lang-en.png) no-repeat 0 0;
    margin-left: 5px;
    display: inline-block;
}
.mhnd-icon-lang {float: right; width: 28px; height: 20px; margin-left: 5px}

#mhnd-wrapper {margin-bottom: 10px}

.mhnd-box-news-top{background: #f2f2f2; border-bottom: solid 1px #e9e9e9;padding: 0 10px 10px 10px; float: left; height: auto;width: 100%;clear:both;}
.mhnd-box-news-top-hot{background: #f2f2f2; border-bottom: solid 1px #e9e9e9;padding: 10px;float: left; height: auto;width: 100%;clear:both;}

.mhnd-big-news {display: block; position: relative}
.mhnd-tt-big-news {font-size: 16px; color: #c80000; font-weight: bold; margin: 10px 0 5px 0; display: block}
.mhnd-description-big-news {}
.mhnd-list-mini-news {margin-top: 10px; position: relative}
.mhnd-list-mini-news > ul {overflow: hidden}
.mhnd-list-mini-news > ul > li {float: left; display: inline-block; width: 48%; margin-right: 2%}
.mhnd-list-mini-news > ul > li:last-child {margin-right: 0}
.mhnd-tt-mini-news {font-weight: bold; display: block; margin-top: 5px}
.mhnd-arrow-left {position: absolute; left: 0; top: 0; width: 20px; height: 100%; background: url(../images/preSlide.png) no-repeat center right}
.mhnd-fix-arrow-left {height: 64%}
.mhnd-arrow-right {left: inherit; right: 0; background: url(../images/nextSlide.png) no-repeat center left}
.mhnd-fix-arrow-right {height: 64%}
.mhnd-content {padding: 0 10px}

.mhnd-columb { margin-top: 15px;display: inline-block;width: 100%;}
.mhnd-menu-1 {border-bottom: solid 1px #e0e0e0}
.mhnd-menu-1 > h2 > a {color: #660000; font-weight: bold; text-transform: uppercase; border-bottom: solid 2px #660000; padding-bottom: 2px; margin-bottom: -1px; display: inline-block}
.mhnd-text-link-columb {margin-top: 5px}
.mhnd-text-link-columb > ul {}
.mhnd-text-link-columb > ul > li {display: block; padding: 8px 0; border-bottom: dashed 1px #d0d0d0}
.icon-new {display: inline-block; margin: 0 0 -6px 5px; width: 29px; height: 19px; background: url(../images/icon-new.png) no-repeat}
.mhnd-text-link-columb > ul > li:last-child {border-bottom: none; padding-bottom: 0}
.mhnd-menu-2 {background: #1377ad; padding: 0 10px; height: 28px; position: relative}
.mhnd-menu-2 > h3 > a {color: #fff; font-weight: bold; text-transform: uppercase; line-height: 30px; position: relative; z-index: 10; display: inline-block}
.mhnd-box-news {background: #f2f2f2; border: solid 1px #e9e9e9; padding: 10px}
.mhnd-box-news > ul {overflow: hidden}
.mhnd-box-news > ul > li {float: left; width: 100%; display: block; padding: 8px 0; border-bottom: dashed 1px #d0d0d0}
.mhnd-box-news > ul > li:first-child {padding-top: 0}
.mhnd-box-news > ul > li:last-child {border-bottom: none; padding-bottom: 0}
.mhnd-box-news > ul > li:first-child .mhnd-img-clb-box {width: 100%; height: auto; margin: 0 0 5px 0; overflow: hidden}
.mhnd-box-news > ul > li:first-child > a {font-weight: bold; color: #c80000}

.mhnd-box-video {background: #f2f2f2; border: solid 1px #e9e9e9; padding: 10px}
.mhnd-box-video > ul {overflow: hidden}
.mhnd-box-video > ul > li {float: left; width: 100%; display: block; padding: 8px 0; border-bottom: dashed 1px #d0d0d0}

.mhnd-img-clb-box {position: relative; width: 130px; height: 90px; float: left; margin-right: 10px}
.mhnd-img-clb-box > img {height: 100%}
.icon-play {background: url(../images/icon-play.png) no-repeat; width: 36px; height: 36px; position: absolute; left: 10px; bottom: 10px}
.fix-box-item {background: transparent; border: none; padding: 10px 0 0 0}
.mhnd-drop-menu-item {position: absolute; right: 0; top: 0; width: 50%; height: 100%}
.mhnd-drop-menu-item:hover .mhnd-ct-drop-menu-item {display: block}
.icon-menu-2 {background: url(../images/icon-menu-2.png) no-repeat; width: 15px; height: 14px; float: right; margin: 8px 10px 0 0}
.mhnd-ct-drop-menu-item {position: absolute; top: 0; right: 0; z-index: 10; width: 100%; display: none}
.mhnd-ct-drop-menu-item > ul {margin-top: 28px; background: #fff; border: solid 1px #f0f0f0; padding: 2px 10px 10px 10px}
.mhnd-ct-drop-menu-item > ul > li {display: block; background: url(../images/icon-li.png) no-repeat left 15px; padding: 8px 0 8px 12px; border-bottom: dashed 1px #e0e0e0}
.mhnd-ct-drop-menu-item > ul > li:last-child {border-bottom: none; padding-bottom: 0}
.mhnd-tt-gallery {background: url(../images/bg-opacity.png) repeat; color: #fff; font-weight: bold; padding: 5px 10px; position: absolute; left: 0; bottom: 0; width: 100%}
.mhnd-menu-ft {background: #1377ad; padding: 12px 10px}

.mhnd-menu-ft > ul {}
.mhnd-menu-ft > ul > li {display: block; padding: 5px 0; border-bottom: solid 1px #00517c; border-top: solid 1px #ffffff}
.mhnd-menu-ft > ul > li:first-child {border-top: none}
.mhnd-menu-ft > ul > li:last-child {border-bottom: none}
.mhnd-menu-ft > ul > li > a {font-weight: bold; color: #fff}
#mhnd-ft {padding: 15px 10px; text-align: center}
.mhnd-top-ft {margin-bottom: 10px; background: #f2f2f2; padding: 5px}
.mhnd-top-ft > a {color: #660000; font-weight: bold}


/* Bắt đầu trang list news */
.mhnd-btn-load-more {background: #f2f2f2; text-align: center; padding: 5px 0; margin-top: 10px}
.mhnd-btn-load-more > a {color: #660000; font-weight: bold}


/* Bắt đầu trang details */
.mhnd-ct-details {padding: 10px 0;text-align: justify;}
.subtitle {
    color: #6d552b;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 5px;
    width: 100%;
}
.mhnd-tt-ct-details {font-size: 20px; color: #c80000; line-height: 24px}
.time-post {font-size: 12px; color: #999; margin: 5px 0 10px 0; display: block}
.sapodt {color: #222;font-weight: bold;padding:0px 0px 10px 0px;width: 100%;}
.tt-img {display: block; margin: 5px 0 10px 0; text-align: center}
.tt-img > em {color: #004bc7; font-style: italic; margin-right: 5px}
.user-post {display: block; text-align: right; margin-top: 15px; font-weight: bold}
.mhnd-like-fb {margin: 10px 0; text-align: center}
.mhnd-like-fb > img {width: 154px; height: 20px}
.mhnd-tag {margin-top: 10px}
.mhnd-tag > ul {}
.mhnd-tag > ul > li {display: inline-block; background: #f2f2f2; margin: 0 5px 5px 0; font-weight: bold; color: #c80000; padding: 5px 10px}
.mhnd-tag > ul > li > a {}
.fix-box-item-edit {background: transparent; border: none; padding: 10px 0 0 0}
.fix-box-item-edit > ul > li:first-child > a {color: #222; font-weight: normal}
.fix-box-item-edit > ul > li:first-child > a > .mhnd-img-clb-box {width: 130px; height: 90px; float: left; margin-right: 10px}




/* Bắt đầu trang details tac gia*/
.mhnd-ct-author {padding: 10px 0;text-align: right;}

/* Fix mobile */
@media screen and (max-width: 320px) and (min-width: 176px) {
	.mhnd-nd-header {padding-top: 20px}
}
@media screen and (max-width: 480px) and (min-width: 321px) {
}
@media screen and (max-width: 736px) and (min-width: 481px) {
	
}
@media screen and (min-width: 737px) {
	
}

/*nhm*//*
#slide_hot{width:100%;height:100%;margin-top:10px;padding:0;position:relative}
#slide_hot ul {overflow: hidden;height:100%;}
#slide_hot ul li {float: left;position: relative;text-align: center;height:100%;overflow:hidden;width:100%;vertical-align:middle !important}
#slide_hot ul li .item{width:48%;height:100%;vertical-align:middle;margin-right:4%;float:left}
#slide_hot ul li .item:last-child{margin-right:0;}
#slide_hot ul li .photo{width:100%;height:auto;vertical-align:middle;position:relative;}
#slide_hot ul li .photo img{max-height:300px;width: 100%}
#slide_hot ul li .title {display: block; margin-top: 5px;text-align: left;font-weight:bold}
#slide_hot .prev {background: url("../images/preSlide.png") no-repeat center center ;left: 0;width:20px;height:70px;display:block;position:absolute;top:15px}
#slide_hot .next {background: url("../images/nextSlide.png") no-repeat center center;right: 0;width:20px;height:70px;display:block;position:absolute;top:15px}
#slide_hot .dot_slide {display:none}*/

#slide_hot{width:100%;height:100%;margin-top: 10px;padding:0;position: relative;clear: both;}
#slide_hot ul {overflow: hidden;height:100%;}
#slide_hot ul li {float: left;position: relative;text-align: center;height:100%;overflow:hidden;width:100%;vertical-align:middle !important}
#slide_hot ul li .item{width:48%;height:100%;vertical-align:middle;margin-right:4%;float:left}
#slide_hot ul li .item:last-child{margin-right:0;}
#slide_hot ul li .photo{width:100%;height:auto;vertical-align:middle;position:relative;}
#slide_hot ul li .photo img{height:120px;width: 100%}
#slide_hot ul li .title {display: block; margin-top: 5px;text-align:left}
#slide_hot .prev {background: url("../images/preSlide.png") no-repeat center center ;left: 0;width:22px;height:50%;display:block;position:absolute;top:15px}
#slide_hot .next {background: url("../images/nextSlide.png") no-repeat center center;right: 0;width:22px;height:50%;display:block;position:absolute;top:15px}

#slide_hot_top{width:100%;height:100%;margin-top: 10px;padding:0;position: relative;clear: both;}
#slide_hot_top ul {overflow: hidden;height:100%;}
#slide_hot_top ul li {float: left;position: relative;text-align: center;height:100%;overflow:hidden;width:100%;vertical-align:middle !important}
#slide_hot_top ul li .item{width:100%;height:100%;vertical-align:middle;margin-right:4%;float:left}
#slide_hot_top ul li .item:last-child{margin-right:0;}
#slide_hot_top ul li .photo{width:100%;height:auto;vertical-align:middle;position:relative;}
#slide_hot_top ul li .photo img{max-height:190px;width: 100%}
#slide_hot_top ul li .title {display: block; margin-top: 5px;text-align:left}
#slide_hot_top .prev {background: url("../images/preSlide.png") no-repeat center center ;left: 0;width:22px;height:50%;display:block;position:absolute;top:15px}
#slide_hot_top .next {background: url("../images/nextSlide.png") no-repeat center center;right: 0;width:22px;height:50%;display:block;position:absolute;top:15px}


#slide_h_photo{width:100%;height:100%;margin-top:10px;padding:0;position:relative}
#slide_h_photo ul {overflow: hidden;height:100%;}
#slide_h_photo ul li {float: left;position: relative;text-align: center;height:100%;overflow:hidden;width:100%;vertical-align:middle !important}
#slide_h_photo ul li .item{width:48%;height:100%;vertical-align:middle;margin-right:4%;float:left}
#slide_h_photo ul li .item:last-child{margin-right:0;}
#slide_h_photo ul li .photo{width:100%;height:auto;vertical-align:middle;position:relative;}
#slide_h_photo ul li .photo img{max-height:300px;width: 100%;height: 140px}
#slide_h_photo .prev {background: url("../images/preSlide.png") no-repeat center center ;left: 0;width:20px;height:100%;display:block;position:absolute;top:0}
#slide_h_photo .next {background: url("../images/nextSlide.png") no-repeat center center;right: 0;width:20px;height:100%;display:block;position:absolute;top:0}


#Box_Gallery_Out{width:100% !important;height:100% !important;position:fixed !important}
.gallery-main{position:fixed;top:20px;bottom:20px;left:20px;right:20px;border:solid 1px #434343}
#close-box{position:absolute;right:-20px;top:-20px;display:block;z-index:9999}
#close-box #closeScreen{display:block;z-index:9999;width:21px;height:21px;cursor:pointer; background: url("../Facebox/icon_close.gif") no-repeat left top rgba(0, 0, 0, 0);}
#photoDetail{width:100%;height:100%;margin:0;padding:0;}
#photoDetail ul {overflow: hidden;height:100%;}
#photoDetail ul li {float: left;position: relative;text-align: center;height:100%;overflow:hidden;width:100%;vertical-align:middle !important}
#photoDetail ul li .container{width:100%;height:100%;vertical-align:middle}
#photoDetail ul li .photo{width:auto;height:auto;vertical-align:middle;position:relative;}
#photoDetail ul li .photo img{}
#photoDetail ul li .tit {background: url("../Facebox/bg_trans_black.png") repeat 0 0 rgba(0, 0, 0, 0);bottom: 0px;padding: 10px 0;position: absolute;width: 100%;}
#photoDetail ul li .tit a {float: left;height: 100%;position: absolute;top: 0;width: 30px;}
#photoDetail ul li .nav {width:100%;height:auto;position:absolute;left:0;top:40%}
#photoDetail ul li .nav a {float: left;height: 100%;position: absolute;top: 0;width: 20px;}
#photoDetail ul li .nav a.prev {background: url("../Facebox/bg_slide_big.png") no-repeat left 0 rgba(0, 0, 0, 0);left: 5px;width:20px;height:36px;display:block;}
#photoDetail ul li .nav a.next {background: url("../Facebox/bg_slide_big.png") no-repeat left -36px rgba(0, 0, 0, 0);right: 5px;width:20px;height:36px;display:block;}
#photoDetail ul li .nav a.prev:hover {background: url("../Facebox/bg_slide_big.png") no-repeat left -108px rgba(0, 0, 0, 0);}
#photoDetail ul li .nav a.next:hover {background: url("../Facebox/bg_slide_big.png") no-repeat left -72px rgba(0, 0, 0, 0);}
#photoDetail ul li .tit h1 {color: White;float: left;font: bold 15px/1.3 arial;margin-left: 5%;width: 90%;}
#photoDetail .dot_slide {display:none}
.VideoContainer{width:100%;text-align:center}
.play-video {width:510px;height:340px;margin:0 auto}
.play-video video{width:100%;height:100%}

.video-title{ color: #c80000;font-size: 18px;line-height: 20px;width: 100%;display: block;padding: 5px 0;text-align: left}
.v-time-post {font-size: 12px; color: #999; margin-top: 5px;display: block;text-align: left}
@media screen and (min-width: 240px) 
{
    .play-video video{width:220px;height:180px}
    .play-video {width:220px;height:180px}
}

@media screen and (min-width: 320px) 
{
     .play-video video{width:300px;height:240px}
     .play-video {width:300px;height:240px}
}
@media screen and (min-width: 480px) 
{
     .play-video video{width:480px;height:360px}
     .play-video {width:480px;height:360px}
}
@media screen and (min-width: 600px) 
{
}

.h-link-slide{width:100%;display:inline-block;}
.jcarousel-skin-tango .jcarousel-container {}
.jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width: 100%;float:left;display:inline !important;padding:15px;background-color:#f5f5f5}
.jcarousel-skin-tango .jcarousel-clip {overflow: hidden;}
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:  100%; /* height: 140px;*/}
.jcarousel-skin-tango .jcarousel-clip-horizontal ul { height: 100%; float:left}
.jcarousel-skin-tango .jcarousel-clip-horizontal ul li { height:40px ; text-align:left; margin-right:15px; width: 80px; position:relative}
.jcarousel-skin-tango .jcarousel-item-horizontal {/*margin-left: 8px; margin-right: 8px;*/margin:0; display:inline;}
.jcarousel-skin-tango .jcarousel-item-horizontal img{width:80px;height:40px;float:left}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left: 10px; margin-right: 0;}
.jcarousel-skin-tango .jcarousel-item-placeholder {  background: #fff;  color: #000;}
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute;top: 25px; right: -8px;width: 22px; height: 41px;cursor: pointer; background: transparent url(background/next.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {  left: 5px; right: auto; /* background-image: url(../Images/Backgrounds/pre-video.png);*/}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus { /*background-position: -32px 0;*/}
.jcarousel-skin-tango .jcarousel-next-horizontal:active { /*background-position: -64px 0;*/}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default;opacity:0.5 /*background-position: -96px 0;*/}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute; top: 25px; left: 1px;width: 22px; height: 41px;cursor: pointer; background: transparent url(background/pre.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto;  right: 5px;/*background-image: url(../Images/Backgrounds/next-video.png);*/}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus { /* background-position: -32px 0;*/}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {/*  background-position: -64px 0;*/}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default;opacity:0.5 /* background-position: -96px 0;*/}