/* Main */ 

@import url(font.css);

html {
cursor:url(/images/arrow.cur), progress;background: #DFDFDF;
}

body {
line-height: 22px;
color: #555;
background:#EEE url(/bg-pattern.png) center center fixed;
font-family: tyvncms;
font-size: 13px;
margin: auto;
}

a {
color:#FF0000;
cursor:url(/images/hover.cur), progress;
text-decoration:none;
}

a:hover {
color:#B30000;
cursor:url(/images/hover.cur), progress;
text-decoration:none;
}

p {
margin:1px;
}

ul,ol {
list-style-type:none;
margin:0;
padding:0;
}
  
.baiviet img{max-width: 100%;}

h1,h2,h3 {
font-size:small;
margin:0;
}
H1{font-size:24px}
#header,#wrap,#main,#right,#footer{width: 100%;
float: none;}
#header{box-shadow: 0 2px 4px #A8A8A8;background: #FFF;}
.width{overflow: hidden;
max-width: 1000px;
margin: auto;}
#footer{background: #FFF;rgba(240, 240, 240, 1);}
.box{margin: 10px 5px;
background: #FFF;overflow: hidden;
box-shadow: 0 2px 4px #A8A8A8;}
.header{overflow: hidden;
background: #FFF;
padding: 5px;}
.header h2,.h1_home{font-size: 16px;
color: #949494;
font-weight: normal;
font-style: italic;
}

.head,.search{float: none;}

.h1_home{text-align: center;
padding: 7px;
border: 1px solid #eee;
margin: 10px 5px;
background: #FFF;}
.h3_footer{}
.footer {
background:#FFF;text-align:center;
overflow:hidden;
}


.foot{padding:5px;
font-weight:700;}




.menu,.title {background: url(/images/Holidays-Christmas-Snowflake-icon.png) no-repeat 5px 10px #fafafa;
font-size: 15px;
font-weight: 700;
padding: 7px 7px 7px 25px;
display: block;
border-bottom: 1px solid #DBDBDB;
box-shadow: 0 1px 2px #D3D3D3;
color: #5A5A5A;
}

.menu a,.title a {
color: #848484;
}




.list,.clip,.post,.baiviet {
border-bottom: 1px solid #E8E8E8;
overflow: hidden;
padding: 8px;
transition: all 0.3s;
-moz-transition: all 0.3s;
}
.baiviet{border-bottom:0;}
.baiviet img{margin: auto;
display: block;
margin-top: 8px;
margin-bottom: 5px;}
.list:hover{background: #F4F4F4;
transition: all 0.3s;
-moz-transition: all 0.3s;
padding-left: 12px;}
.tieude, .tieude h2{font-size: 14px;
font-style: italic;}
.post img{border-radius: 15%;
width: 60px;
height: 60px;
box-shadow: 0 1px 1px rgba(0,0,0,0.2);
padding-bottom: 2px;
float: left;
margin: 5px 10px 5px 5px;}
.post p{overflow: hidden;
position: relative;
white-space: nowrap;}
.download a{float: right;
color: #FFF;
padding: 12px 12px;
background: url(/images/download.png) no-repeat left;
background-size: 23px 23px;}

.kichthuoc, .des{margin-right: 10px;
padding-right: 10px;
border-right: 0px solid #D7D7D7;}
.search{
width: 100%;
overflow: hidden;
margin: 5px;
text-align: center;}

.button {
background: #5E9D01;
border:1px solid #FFF;
color:#FFF;
font-weight:700;
height:30px;
padding:5px 15px;
}
.right{float: right;}
.submit{background: #738600;
color: #FFF;}
.menu_header{background: #F5F5F5;
border-top: 1px solid #DDD;
display: table;
width: 100%;
table-layout: fixed;
list-style: none;
margin: 0px;
padding: 0px;
box-shadow: rgb(221, 221, 221) -1px 0 0 inset;}
.menu_header li{width: 25%;
box-shadow: rgb(221, 221, 221) 1px 0 0 inset;
display: table-cell;
text-align: center;}
.menu_header li a{display: block;
padding: 7px 0;}
.menu_header li:hover, .menu_home{border-bottom: 2px solid rgb(174, 0, 0);}
.menu_home:hover{border-bottom: 0px solid rgb(174, 0, 0)}
@media screen and (min-width:1000px){
#header{}
#wrap{margin: 10px auto;
overflow: hidden;
max-width: 960px;}
#main{width: 66%;
float: left;}
#right{width: 34%;
float: right;}

.head{float: left;}
.search{float: right;
width: 60%;}
}
.download_3gp {
	-moz-box-shadow:inset 0px 39px 0px -24px #3dc21b;
	-webkit-box-shadow:inset 0px 39px 0px -24px #3dc21b;
	box-shadow:inset 0px 39px 0px -24px #3dc21b;
	background-color:#44c767;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:9px 21px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.download_3gp:hover {
	background-color:#5cbf2a;
	color:#ffffff;
}
.download_3gp:active {
	position:relative;
	top:1px;
}
.download_mp4 {
	-moz-box-shadow:inset 0px 39px 0px -24px #e67a73;
	-webkit-box-shadow:inset 0px 39px 0px -24px #e67a73;
	box-shadow:inset 0px 39px 0px -24px #e67a73;
	background-color:#e4685d;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:9px 21px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.download_mp4:hover {
	background-color:#eb675e;
	color:#ffffff;
}
.download_mp4:active {
	position:relative;
	top:1px;
}

.lat a {
display: inline-block;
background: url(images/tag-bg.png);
height: 20px;
line-height: 20px;
font-size: 11px;
color: #fff!important;
text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
-moz-border-radius: 0 3px 3px 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-radius: 0 3px 3px 0;
margin: 5px 5px 0 0;
padding: 0 7px 0 11px;}
.page1, .paging1 {
display: none;
}
/*------Filelist page-----------*/
.filelist_paging, .page, .xt_pagination {
padding: 5px;
background: #fff;
border: 1px solid #DBDBDB;
}
.currentpage, .page span, .filelist_paging span, .xt_pagination .selected {
background: #DBDBDB;
color: #000;
border: 1px solid #DBDBDB;
margin: 2px 2px;
display: inline-block;
border-radius: 4px;
padding: 2px 6px;
}
.filelist_paging a, .page a, .xt_pagination a, .currentpage a {
background: #fafafa;
color: #000;
margin: 2px 2px;
border: 1px solid #DBDBDB;
display: inline-block;
border-radius: 4px;
padding: 2px 6px;
}
.filelist_paging a:hover, .page a:hover, .currentpage a:hover {
background: #DBDBDB;
border: 1px solid #DBDBDB;
}