/* Dành cho điện thoại */
.icon_eye_recent{background-image:url('../../img/pages/post/glyphicons-52-eye-open_recent.png');}
#main div[name='post_navi_right']{max-width:300px;margin:0px auto;}
#main div[name='post_content']{}

#main div.navi_item{margin-right:1px;margin-bottom:5px/*30px*/;/*background-color: #ffffff;*/padding: 0.5em 1px;}
#main div.navi_item:first-child{margin-top:0.5em;}
#main div.navi_item_header{cursor:pointer;font-size:16px;text-transform: uppercase;font-family: 'Roboto', Helvetica, Arial,sans-senif;color:#150a69;/*#26a1dd*/}
#main div.navi_item_header a{color:#150a69/*#26a1dd*/;}
#main div.navi_submenu{border-left: 1px solid #666666;margin-left:0.9em;}
#main div.navi_submenu div.item{padding-left:0.5em;font-size:14px;color:#6666aa;border-bottom:1px dotted #ddddff;background-color: #ffffff;}
#main div.navi_submenu div.item>span.action{cursor:pointer;}
#main div.navi_submenu div.item:last-child{border:0px;}
#main div.navi_submenu div.item:hover{transition:all 0.5s;background-color:#ffffff;}
#main div.navi_submenu ul li {list-style-type: none;}

.post_follow_content_label{cursor:pointer;text-align: center;color:#666;font-family: 'Roboto', Helvetica, Arial,sans-senif;border-bottom: 2px solid #c0c0c0;padding-top:2px;}
.post_follow_content_label.stt_highlight,.post_follow_content_label:hover{border-bottom: 2px solid #6666aa;color:#26a1dd;background-color:#dbe8ef;border-top-left-radius: 4px;border-top-right-radius: 4px;}

#main div[name='post_new_content'] div.item{cursor:pointer;}
#main div[name='post_new_content'] div.item div.d{text-align:right;margin-top:10px;font-size:14px;font-family:'time new roman';display:none;}
#main div[name='post_new_content'] div.item:hover div.d{display:block;}

#main div[name='post_mostview_content'] div.item{cursor:pointer;}
#main div[name='post_mostview_content'] div.item div.d{text-align:right;margin-top:10px;font-size:14px;font-family:'time new roman';display:none;}
#main div[name='post_mostview_content'] div.item:hover div.d{display:block;}

#main div[name='post_mostlike_content'] div.item{cursor:pointer;}
#main div[name='post_mostlike_content'] div.item div.d{text-align:right;margin-top:10px;font-size:14px;font-family:'time new roman';display:none;}
#main div[name='post_mostlike_content'] div.item:hover div.d{display:block;}

/*danh sách danh mục tin tức*/
#post_content_menu{font-size:16px;}
.sub_menu{height:auto !important;overflow: visible;z-index: 100;}
.sub_menu_header{display:block;padding: 0.5em;background-color: #fff;margin: 0px;text-transform: uppercase;}
.sub_menu_header:hover{background-color: #fee;}
.sub_menu_header_arrow{display:inline-block;margin-right:-0.75em;margin-top:0.5em;background-color:#fff}
.sub_menu_header:hover .sub_menu_header_arrow{background-color:#fee}
.sub_menu_header *{color:#333333}
.sub_menu_header .icon_list{vertical-align: middle;}
.sub_menu_list{position:absolute;z-index:100;min-width:200px;width:100%;clear:both;background-color: #fefefe;display:none;padding-top:0px}
.sub_menu.extra .sub_menu_list{display:block;}

.sub_menu_list .submenu_item{background-color: #dddddd;padding:0.5em;border-radius:0px}
.sub_menu_list .submenu_item a{color:#e48c2e;}
.sub_menu_list .submenu_item a:hover{color:#000033}
.sub_menu_list .submenu_item_sub{padding-left: 1em;}
.sub_menu_list .submenu_item_sub a:hover{color:#000033}
.sub_menu_list .submenu_item_sub:before{content: "- ";color:#82a8de;}
.sub_menu_list_toparrow_box{overflow: hidden;margin-top:-1.25em}
.sub_menu_list_toparrow{background-color: #fefefe;display:inline-block;}
/*end danh sách danh mục tin tức*/

#post_content_header_box{font-size:12px;color:#bbbbbb;background-color:rgba(229,242,248,0.5);position: relative;}
#main div[name='post_content_header']{text-transform:uppercase;padding-top:0.5em;}
#main div[name='post_content_header'] a{transition:all 0.2s;color:#6666aa;padding:0.5em 0.3em;}
#main div[name='post_content_header'] a.type_item{font-size:80%;}
#main a.quan_ly_bai_viet_btn{margin-top:0em;padding-right:1em;display:inline;background-color:#e06060;color:#ffffff}
#main a.quan_ly_bai_viet_btn *{color: #ffffff;}
#main div[name='post_content_header'] a:hover{transition:all 0.2s;color:#333333;}
#main div[name='post_content_header'] a.type_item:before{content:"/";color:#666666;margin-right: 0.5em;}
div[name='post_content_header'] a.type_item.no_icon::before{display:none}
#main div[name='post_content_nd']{padding:5px 0px;}

#main  div.post_content_bigitem{padding:5px 0px;min-height:300px;}
#main  div.post_content_bigitem_avata{display:block;float:none;margin:0px auto;width:300px;height:300px;overflow:hidden;}
#main  div.post_content_bigitem_avata img{width:100%;height:300px;cursor:pointer;}
#main  div.post_content_bigitem_title{padding:5px 0px 5px 0px;font-family:Arial;cursor:pointer;}

#main  div.post_content_bigitem_subcontent{padding:5px 0px 5px 0px;font-size:90%;font-family:tahoma;color:#333333;max-height:200px;overflow: hidden;}

#main  div.post_content_medium{background-color:#ffffff;padding: 0.5em;border-radius: 0.5em;}
#main  div.post_content_medium_avata{width:100%;height:150px;overflow:hidden;}
#main  div.post_content_medium_avata>img{width:150px;height:150px;display:block;margin:0px auto;background-image:url('../../bg/white_20.png')}
#main  div.post_content_medium_title{width:100%;height:4em;overflow:hidden;cursor:pointer;padding:2px 0px;}
#main  div.post_content_medium_title:before{content:'';display:inline-block;height:1em;width:1em;margin-right: 0.2em;vertical-align: baseline;background-image:url('../../img/post-title-icon.png');background-size: 100% 100%;overflow: hidden;}
#main  div.post_content_medium:hover div.post_content_item_title{}
#main  div.post_content_medium_title h3{display: inline;}

#main  div.post_content_smallitem{background-color:#ffffff;padding: 0em;border-radius:0px;border-top-right-radius: 0.5em;border-bottom-right-radius: 0.5em;border:1px solid #ddddff;}
#main  div.post_content_smallitem_avata{width:3em;height:3em;float:left;overflow:hidden;}
#main  div.post_content_smallitem_avata>img{transition:all 0.5s;max-width:5em;height:3em;margin:0px;border-radius: 0px;}
#main  div.post_content_smallitem:hover div.post_content_smallitem_avata>img{transition:all 0.3s;max-width:6em;height:6em;margin-left:-1.5em;margin-top:-1.5em}
#main  div.post_content_smallitem_title{margin-left:1px;height:3em;overflow:hidden;cursor:pointer;}
#main  div.post_content_smallitem_title *{font-family: arial, sans-serif !important;font-weight: normal;height:1.5em;overflow:hidden;}
#main  div.post_content_smallitem:hover div.post_content_item_title{}
#main  div.post_content_smallitem_title h3{display: inline;}

div.page_seperator_box{margin-top:0.5em;background-color: transparent;}

#main div[name='post_detailcontent_title']{margin-bottom: 0.2em;font-family:tahoma;color:#26a1dd;padding:0.5em 0.3em;border-bottom: 1px solid #a5a1a1;}
#main div[name='post_detailcontent_title'] img{height:2em;max-width: 5em;margin-right:0.5em;border:1px solid #26a1dd;padding:0px;}
#main div[name='post_detailcontent_title'] h1{font-size: 90%;font-weight: normal;font-family: 'Roboto', Helvetica, Arial,sans-senif;display: inline;vertical-align: middle;}
#main div[name='post_detailcontent_avatabox']{margin:10px 0px;padding:10px;min-height:150px;box-sizing:border-box;text-align:center;}
#main div[name='post_detailcontent_avatabox']>img{min-height:150px;max-height:300px;max-width:100% !important}
#main div[name='post_detailcontent_date']{margin-top:20px;text-align:right;font-size:14px;}
#main div[name='post_detailcontent_action']{margin-bottom:10px;text-align:right;min-height:30px;line-height: 30px;}
#main div[name='post_detailcontent_action'] span.button{padding:5px 0.5em;margin-left:5px;}
#main div[name='post_detailcontent_action'] span.button>img{height:20px;margin-right:5px;vertical-align:middle;}
#main div[name='post_detailcontent_content']{line-height: 1.5em;word-spacing: 0.15em;padding: 0 10px;}
#main div[name='post_detailcontent_content'] *{font-family: Helvetica, Arial, sans-serif;} 
#main div[name='post_detailcontent_content'] img{max-width:100%;}

.font_roboto div {
    padding-bottom: 0.7rem;
}
.font_roboto {
    word-wrap: break-word;
}

/*p4 add code*/
.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*add 12-09-2023 for lyric*/
.rabbit-lyrics__line {
    color: black;
    line-height: 1.5em;
    font-size: 20pt;
}
.rabbit-lyrics {
    height: auto;
}


#main div[name='post_detailcontent_content'] .font_roboto p{margin-bottom: 1em; line-height: 1.5em;}

#main div[name='post_detailcontent_comment']>div.h{padding:5px 0px;border-bottom:2px solid #ddddff;}
#main div[name='post_detailcontent_comment']>div.h>a{background-color:#ddddff;padding:5px 10px;border-radius:0px;border-top-left-radius:5px;border-top-right-radius:5px}
#main div[name='post_detailcontent_comment']>div.c{padding:10px 0px;max-height:1000px;overflow-y: auto;}
#main textarea[name='post_detailcontent_comment_form']{display:block;width:100%;height:100px;padding:5px;margin:10px 0px;}
#main span[name='post_detailcontent_comment_buttonsend']{padding:5px 20px;float:right;}

#main div.post_comment_item{padding:20px 0px;border-bottom:1px dotted #ffffff;min-height:125px;}
#main div.post_comment_item:nth-child(2n){background-color: rgba(255,255,255,0.2);}
#main img.post_comment_item_avata{width:100px;height:100px;float:left;margin-right:20px;background-color: rgba(255,255,255,0.5);box-shadow: 2px 0px 5px #ffffff;}
#main div.post_comment_item_status{margin-left:110px;padding:5px;background-color:#ddddff;border-bottom:1px dotted #ddddff;font-size:20px;}
#main div.post_comment_item_content{margin-left:110px;padding:5px;font-family:'time new roman'}

#main div.post_search_item{margin:10px 0px;padding:5px;min-height:70px;border-bottom:1px dotted #aaaaff;cursor:pointer;}
#main div.post_search_item>img{float:left;height:70px;width:70px;margin-right:5px;}
#main div.post_search_item_title{margin-left:75px;padding:5px;border-bottom:1px dotted #ccccff;background-color:#ddddff;}
#main div.post_search_item_date{margin-left:75px;padding:5px;text-align:right;font-size:14px;font-family:'time new roman'}

@media all and (min-width: 240px) 
{
	
}
 
/* Dành cho máy tính bảng chiều dọc */
@media all and (min-width: 600px) 
{
    #main{padding:0px}
    #main  div.post_content_bigitem_avata{display:inline;float:left;margin:0px 0px;}
    #main  div.post_content_bigitem_subcontent{padding:5px 0px 5px 10px;}
    #main div[name='post_detailcontent_title'] h1{font-size: 20px;}
    .post_content_bigitem_info_wrap{margin-left:310px;}
    
    #main div[name='post_content_header'] a.type_item{font-size:100%;}
    #main a.quan_ly_bai_viet_btn{margin-top:-0.5em;}
    #post_content_menu{margin-right:20px;}
    .sub_menu{float: left;}
    .sub_menu_header{float:left;}
}
 
/* Dành cho máy tính bảng chiều ngang */
@media all and (min-width: 1024px)
{	
    #main .main_post{display:table;width:100%;}
    #main div[name='post_detailcontent_content']{padding: 0px;}
	#main div[name='post_navi_right']{display: table-cell;width:300px;max-width:300px;margin: 0px 0px;vertical-align: top;}
	#main div[name='post_content']{display: table-cell;vertical-align: top;padding-right: 0.5em;}
}
 
/* Dành cho màn hình desktop */
@media all and (min-width: 1280px)
{
	
}