@charset "UTF-8";
/*
Theme Name: Giấc Mơ Việt Nam
Theme URI: http://mbox360.mobie.in
Author: Quyetdaik - Nguyễn Hữu Quyết
Author URI: http://wapvn.mobi
Description: Giao diện Giấc Mơ Việt Nam đơn giản nhưng đẹp!
Version: 2.0
Tags: style gmvn, style qdk, theme giacmovn
Modify by RoSino18k - Trần Văn Cầu
Mọi sao chép vui lòng ghi rõ nguồn gốc và tác giả!
*/
@import url(font.css);

body {
background-color: #C0DEED;
color: #232323;
font-family: tyvncms;
font-size: 12px;
margin: 0 auto;
padding: 0;
max-width: 640px;
}
* {
word-wrap: break-word;
}
<style>.admin { -webkit-animation:hue 1s linear infinite; color: Black; text-shadow: 0px 0px 1px #FFFF00 !important; } .tab { display:table; width:100%; margin:0 0 3px; vertical-align:middle; }
.smod { -webkit-animation:hue 1s linear infinite; color: green; text-shadow: 0px 0px 1px #FFFF00 !important; } .tab { display:table; width:100%; margin:0 0 3px; vertical-align:middle; }
.mod { -webkit-animation:hue 1s linear infinite; color: red; text-shadow: 0px 0px 1px #FFFF00 !important; } .tab { display:table; width:100%; margin:0 0 3px; vertical-align:middle; }</style>
.listbv {
background-color : #fff;
margin-top : 1px;
margin-bottom : 1px;
padding : 4px;
border : #d5d5d5 solid 1px;
background-image:url("/css/vgrad.png");
background-repeat:repeat-x
}
.listbv a {
color:#0066ff;
}
textarea {
width: 99%;
max-width:635px;
}
input[type="submit"] {
color:#fff;
background:#1895d4 url('/css/til.gif') 50% top repeat-x;
padding:2px 4px 2px 4px;
border:1px solid #8fdcff;
}
input[type="submit"]:hover {
color:#000;
background:#1895d4 url('/css/til.gif') 0 top repeat-x;
border:1px solid #000;
padding:2px 4px 2px 4px;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
img {
max-width: 90%;
}
.alarm {
background-color: #FF0000;
border: 1px solid white;
color: #ffffff;
font-weight: bold;
padding: 3px 0 3px 4px;
}
.bmenu {
background-color: #bfc6cf;
border: 1px solid white;
margin: 0;
padding: 4px;
}
.fmenu {
background-color: #586776;
color: #FFFFFF;
margin: 0;
padding: 3px 1px 5px 3px;
}
.func {
border-left: 4px solid #9acd32;
color: #757575;
font-size: x-small;
margin-left: 2px;
margin-top: 4px;
padding-left: 4px;
}
.gmenu {
background-color: #c7e8d5;
border: 1px solid white;
margin: 0;
padding: 3px 4px 3px 4px;
}
.gray {
color: #586776;
}
.greply {
border-left: 4px solid #009900;
color: #009900;
padding: 2px 0 2px 4px;
}
.hdr {
background-color: #f1f1f1;
border-bottom: 1px solid #595959;
font-weight: bold;
padding-left: 2px;
}
.header {
background: #67a6d2 url('/css/bg.gif') repeat-x top left;
border-top: 2px solid #65a5d1;
color: #fff;
margin: 0;
padding: 5px 0 6px 4px;
}
.footer {
background: #67a6d2 url('/css/bg.gif') repeat-x top left;
border-bottom: 2px solid #8cbcdd;
color: #fff;
margin: 0;
padding: 3px 0 4px 4px;
}
.list1 {
background-color: #ebebeb; 
border-top: 1px solid #fff;
border-bottom: 1px solid #cacaca;
margin: 0;
padding: 4px;
}
.list2 {
background-color: #f5f5f5;
border-top: 1px solid #fff;
border-bottom: 1px solid #cacaca;
margin: 0;
padding: 4px;
}
.maintxt {
background-color: #fff;
border: 1px solid #2b485c;
font-weight: normal;
margin: 0;
padding: 1px;
}
.menu {
background-color: #ebebeb;
border: 1px solid white;
margin: 0;
padding: 3px 4px 3px 4px;
}
.news {
background-color: #EEEEEE;
border: 1px solid white;
color: #333333;
padding: 3px 4px 4px 4px;
}
.phdr {
background-color: #176093;
color: #fff;
font-size: 14px;
border: 2px solid #8cbcdd;
padding: 4px;
margin: 0;
}
.phpcode {
background-color: #E0E6E9;
border: 1px dotted #9FAEBB;
margin-top: 4px;
padding: 0 2px 0 2px;
overflow: auto;
}
.quote {
border-left: 4px solid #c0c0c0;
color: #878787;
font-size: x-small;
margin-left: 2px;
margin-bottom: 4px;
padding: 2px 0 2px 4px;
}
.reply {
border-left: 4px solid #EE0000;
color: #EE0000;
padding: 2px 0 2px 4px;
}
.rmenu {
background-color: #e9ccd2;
border: 1px solid white;
margin: 0;
padding: 2px 0 3px 4px;
}
.sitemap {
background-color: #eeecd9;
margin: 0;
padding: 2px 4px 3px 4px;
font-size: xx-small;
height: 38px;
overflow: auto;
}
.status {
color: #CD853F;
font-size: x-small;
font-weight: bold;
padding-left: 0;
}
.sub {
background-color: #fff1f1;
border-top: 1px dotted #c8e9ff;
font-size: x-small;
margin: 4px -4px -4px -4px;
padding: 2px;
}
.postItem {
background-color: #fff;
padding: 4px 4px 8px 4px;
margin: 4px 0px 4px 0px;
border: 1px solid #afbbd7;
box-shadow: 0px 1px 1px #ccc;
-moz-box-shadow: 0px 1px 1px #ccc;
-webkit-box-shadow: 0px 1px 1px #ccc;
}
.delItem {
background-color: #e9ccd2;
padding: 4px 4px 8px 4px;
margin: 4px 0px 4px 0px;
border: 1px solid #ee88a3;
box-shadow: 0px 1px 1px #ccc;
-moz-box-shadow: 0px 1px 1px #ccc;
-webkit-box-shadow: 0px 1px 1px #ccc;
}
.postItem .sub, .delItem .sub {
background-color: #fff1f1;
border-top: 1px dotted #c8e9ff;
font-size: x-small;
margin: 4px -4px -8px -4px;
padding: 2px 2px 4px 2px;
}
.postItem .memInfo, .delItem .memInfo {
background-color: #e4f3fd;
border-bottom: 1px dotted #c8e9ff;
margin: -4px -4px 0 -4px;
padding: 2px;
}
.timePost {
border-bottom: 1px dotted #c8e9ff;
padding: 2px;
font-size: 10px;
color: gray;
margin-bottom: 6px;
}
.likePost {
margin-top: 8px;
}
a.like {
background-color: #e4f3fd;
font-size: 11px;
color: #fff;
padding: 1px 2px 1px 2px;
border: 1px solid #c8e9ff;
}
.tmn {
background-color: #2b485c;
border-top: 3px solid #032a46;
color: #FFFFFF;
margin: 0;
padding: 5px 0 5px 4px;
}
.topmenu {
background-color: #8cbcdd;
font-size: x-small;
padding: 4px 4px 4px 4px;
border-top: 1px solid #8cbcdd;
border-bottom: 1px solid #8cbcdd;
border-right: 2px solid #8cbcdd;
border-left: 2px solid #8cbcdd;
line-height: 5px;
}
.postclip {
background-color: #e4e6fd;
font-size: 11px;
padding: 4px;
margin: 1px 0px 4px 0px;
border: 1px solid #afbbd7;
box-shadow: 0px 1px 1px #ccc;
-moz-box-shadow: 0px 1px 1px #ccc;
-webkit-box-shadow: 0px 1px 1px #ccc;
}
.topmenu input{
font-size: x-small
}
.user {
background-color: #CBDBE7;
border: 1px solid white;
margin: 0;
padding: 3px 4px 3px 4px;
}
.copy, .copy a:link, .copy a:visited {
color: #fff;
}
.alarm a:link, .alarm a:visited {
color: #FFFFFF;
font-size: x-small;
}
.clip a:link, .clip a:visited {
color: #424e59;
}
.footer a:link, .footer a:visited {
color: #fff;
text-decoration: none;
}
.green, .green a:link, .green a:visited {
color: #008000;
}
.greply a:link, .greply a:visited {
color: #008800;
}
.red, .red a:link, .red a:visited {
color: #FF0000;
}
.reply a:link, .reply a:visited {
color: #DD0000;
}
.tmn a:hover, .fmenu a:hover {
text-decoration: underline;
}
.tmn a:link, .tmn a:visited, .fmenu a:link, .fmenu a:visited {
color: #FFFFFF;
text-decoration: none;
}
.phdr a:link, .phdr a:visited {
color: #FFFFFF;
text-decoration: none;
}
.backlink a:link, .backlink a:visited {
color: gray;
text-decoration: none;
}
a:hover, a:active {
color: #03406a;
text-decoration: none;
}
a:link, a:visited {
color: #176093;
text-decoration: none;
}
.wholike {
margin-top: 8px;
border: 1px solid #d7edfc;
background-color: #f1f7fc;
color: gray;
font-size: 11px;
padding: 2px 4px 2px 4px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.mod-stt {
background-color: #d8dce6;
padding-top: 1px;
margin: 0;
}
.mod-stt .list1, .mod-stt .list2 {
background-color: #fff;
border: 1px solid #c2c2c2;
padding: 4px;
margin: 4px;
}
.mod-stt .list1 .content, .mod-stt .list2 .content {
padding: 4px 0px 4px 0px;
}
.list1 .albumImage, .list2 .albumImage {
text-align: center;
margin: 0 auto;
margin-top: 4px;
margin-bottom: 4px;
max-width: 340px;
background-color: #fff;
box-shadow: 0 0 10px #666;
-moz-box-shadow: 0 0 10px #666;
-webkit-box-shadow: 0 0 10px #666;
}
.list1 .albumImage .image, .list2 .albumImage .image {
padding: 8px 4px 8px 4px;
max-width: 340px;
}
.list1 .albumImage .info, .list2 .albumImage .info {
text-align: left;
padding: 4px;
border-top: 1px solid #e5e5e5;
}
.file-attach {
background-color: #fff7eb;
border: 1px solid #f9d9b0;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 6px 2px 2px 3px;
padding: 0;
max-width: 360px;
}
.file-attach .attach {
background: #fadeba url(images/bg-att.png) repeat-x top left;
font-weight: bold;
margin: 0;
padding: 2px 4px 2px 2px;
border-bottom: 1px solid #f9bc6d;
border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
}
.file-attach .attach img {
width: 16px;
height: 16px;
margin-right: 2px;
vertical-align: - 2px;
}
.file-attach .file {
background-color: #fff7eb;
margin: 0;
padding: 4px 4px 0 4px;
font-size: 11px;
border-bottom-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
}
.file-attach .file .f {
margin: 0;
padding: 2px 0px 2px 0px;
color: gray;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #f9d9b0;
}
.mod-quote {
background-color: #f5fafd;
border: 1px solid #d7edfc;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 6px 2px 2px 3px;
padding: 0;
max-width: 640px;
}
.mod-quote .author {
background: #dbeffc url(images/bg-quote.png) repeat-x top left;
margin: 0;
padding: 2px 4px 2px 2px;
border-bottom: 1px solid #a5cae4;
border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
}
.mod-quote .content {
background-color: #f5fafd;
margin: 0;
padding: 4px;
font-style: italic;
border-bottom-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
}
.bbcode_container {
margin:7px;
margin-right: 5px;
margin-top:5px;
display:block;
}
.bbcode_container div.bbcode_quote {
margin:0 10px;
margin-right: 5px;
margin-bottom: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #f2f6f8 none   ;
border-radius: 5px;
border: 1px solid #417394;
font: normal 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
position: relative;
top: 0;
}
.bbcode_quote div.quote_container {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 5px 10px 5px 10px;
}
.currentpage {
background-color: #f9d9b0;
border: 1px solid #f9bc6d;
padding: 5px 5px 5px 5px;
color: #8f6c3f;
display: inline-block;
border-radius: 4px;}
a.pagenav {
background-color: #f0f7fc;
border: 1px solid #6cb2e4;
padding: 5px 5px 5px 5px;
color: #2b485c;
display: inline-block;
border-radius: 4px;
}
a.pagenav:hover {
background-color: #fff4e5;
border: 1px solid #f9d9b0;
color: #8f6c3f;
}
.avatar_hide {
background-color: #d8dce6;
padding: 18px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #c2c2c2;
display: none;
overflow: auto;
max-width: 300px;
max-height: 150px;
position: absolute;
}
.avatar_hide img {
box-shadow: 0px 0px 3px #666;
-moz-box-shadow: 0px 0px 3px #666;
-webkit-box-shadow: 0px 0px 3px #666;
border: 1px solid #c5c5c5;
}
.avatar:hover .avatar_hide {
display: block;
}
.backlink {
color: gray;
}
.prefix {
background: transparent url('/css/white-blog.png') repeat-x top;
padding: 0px 6px;
margin: -1px 0;
border: 1px solid transparent;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
display: inline-block;
}
a.prefixLink:hover {
text-decoration: none;
}
a.prefixLink:hover .prefix {
color: #176093;
text-decoration: none;
background-color: #f0f7fc;
padding: 0 6px;
border: 1px solid #a5cae4;
}
.prefix a {
color: inherit;
}
.prefix.prefixPrimary {
color: #176093;
background-color: #d7edfc;
border-color: #d7edfc;
margin-right:3px;
}
.prefix.prefixSecondary {
color: #8f6c3f;
background-color: #f9d9b0;
border-color: #f9d9b0;
margin-right:3px;
}
.prefix.prefixred {
color: white;
background-color: red;
border-color: #F88;
margin-right:3px;
}
.prefix.prefixgreen {
color: white;
background-color: green;
border-color: green;
margin-right:3px;
}
.prefix.prefixOlive {
color: black;
background-color: olive;
border-color: olive;
margin-right:3px;
}
.prefix.prefixTaiVe {
color: white;
background-color:#2d6987;
border-color:#2d6987;
margin-right:3px;
}
.prefix.prefixLightGreen {
color: white;
background-color: lightgreen;
border-color: lightgreen;
margin-right:3px;
}
.prefix.prefixxanh {
color: white;
background-color: blue;
border-color: #88F;
margin-right:3px;
}
.prefix.prefixRoyalBlue {
color: white;
background-color: royalblue;
border-color: #81A9E1;
margin-right:3px;
}
.prefix.prefixblue {
color: white;
background-color: skyblue;
border-color: skyblue;
margin-right:3px;
}
.prefix.prefixGray {
color: white;
background-color: gray;
border-color: #AAA;
margin-right:3px;
}
.prefix.prefixSilver {
color: white;
background-color: silver;
border-color: silver;
margin-right:3px;
}
.prefix.prefixvang {
color: red;
background-color: yellow;
border-color: #E0E000;
margin-right:3px;
}
.prefix.prefixcam {
color: white;
background-color: orange;
border-color: #FFC520;
margin-right:3px;
}
.prefix.prefixpink {
color: white;
background-color: #ff00ff;
border-color: #ff00ff;
margin-right:3px;
}
.prefix.prefixnau {
color: white;
background-color: #800000;
border-color: #800000;
margin-right:3px;
}
.prefix.prefixviolet {
color: white;
background-color: violet;
border-color: violet;
margin-right:3px;
}
.blogitem {
background-color: #fff;
border-bottom: 1px dashed #DDD;
padding: 5px 5px 5px 5px;
margin: 0px 0px 0px 0px;
}
.file {
background-color: #d7edfc;
border-left: 1px solid skyblue;
border-right: 1px solid skyblue;
border-bottom: 1px solid skyblue;
margin-left:5px;
margin-right:5px;
margin-top:0px;
margin-bottom:0px;
padding:3px;
}
.downloads {
color:black;
border: 1px solid skyblue;
background-color: skyblue;
background-image: url('/css/pre-blog.png');
background-repeat : repeat-x;
background-position : 50% top;
padding : 3px;
margin-left:5px;
margin-right:5px;
margin-top :3px;
margin-bottom:0px;
}
.label-1 {
background-color:#F89406;
border-radius:3px;
color:#FFF;
font-size:11.844px;
font-weight:700;
line-height:14px;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
vertical-align:baseline;
white-space:nowrap;
padding:1px 4px 2px;
}
.label-2 {
background-color:#3A87AD;
border-radius:3px;
color:#FFF;
font-size:11.844px;
font-weight:700;
line-height:14px;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
vertical-align:baseline;
white-space:nowrap;
padding:1px 4px 2px;
}
.label-3 {
background-color:#B94A48;
border-radius:3px;
color:#FFF;
font-size:11.844px;
font-weight:700;
line-height:14px;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
vertical-align:baseline;
white-space:nowrap;
padding:1px 4px 2px;
}
.label-4 {
background-color:#CD0000;
border-radius:3px;
color:#FFF;
font-size:11.844px;
font-weight:700;
line-height:14px;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
vertical-align:baseline;
white-space:nowrap;
padding:1px 4px 2px;
}
.label-5 {
background-color:#093;
border-radius:3px;
color:#FFF;
font-size:11.844px;
font-weight:700;
line-height:14px;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
vertical-align:baseline;
white-space:nowrap;
padding:1px 4px 2px;
}
.label-6 {
background-color:#999999;
border-radius:3px;
color:#FFF;
font-size:11.844px;
font-weight:700;
line-height:14px;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
vertical-align:baseline;
white-space:nowrap;
padding:1px 4px 2px;
}
.label-7 {
background-color:#009933;
border-radius:3px;
color:#FFF;
font-size:11.844px;
font-weight:700;
line-height:14px;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
vertical-align:baseline;
white-space:nowrap;
padding:1px 4px 2px;
}
.label-8 {
background-color:#FF8C00;
border-radius:3px;
color:#FFF;
font-size:11.844px;
font-weight:700;
line-height:14px;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
vertical-align:baseline;
white-space:nowrap;
padding:1px 4px 2px;
}
#hbpta {
padding: 1px;
margin: 4px 4px 0 0;
border: 1px solid #d5d5d5;
transition: all 0s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0s ease;
transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
width: 280px;
}
#hbpta:hover {
box-shadow: 0px 0px 10px #666;
-moz-box-shadow: 0px 0px 10px #666;
-webkit-box-shadow: 0px 0px 10px #666;
border-radius: 5px;
background-color: #ffffff;
padding: 5px;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
position: relative;
width: 340px;
}
.image {
padding: 1px;
margin: 4px 4px 0 0;
border: 1px solid #d5d5d5;
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 1;
margin: 0 10px 5px 0;
}
.images:hover {
box-shadow: 0px 0px 10px #666;
-moz-box-shadow: 0px 0px 10px #666;
-webkit-box-shadow: 0px 0px 10px #666;
border-radius: 5px;
background-color: #ffffff;
padding: 5px;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
box-shadow:0px 0px 30px gray;
-webkit-box-shadow:0px 0px 30px gray;
-moz-box-shadow:0px 0px 30px gray;
opacity: 1;
}
.zoom {
max-width: 640px;
background-color: #fff;
padding: 1px 1px 1px 1px;
border:1px solid #999;
box-shadow: 0 0 5px #999;
-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
position: relative;
opacity: 1;
}
.zoom:hover {
box-shadow: 0 0 55px #999;
-moz-box-shadow: 0 0 55px #999;
-webkit-box-shadow: 0 0 55px #999;
transform: scale(1.2);
-ms-transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
z-index: 1;
opacity: 1;
}
@-webkit-keyframes hue {
100% {
-webkit-filter:hue-rotate(360deg);
}
}
.nhapnhay {
-webkit-animation:hue 1s linear infinite;
color:#f00;
text-shadow:0px 0px 1px #FFFF00 !important
}
input, textarea, select {
color:#000;
background:url('/css/bg_input.jpg') #fff left bottom repeat-x;
border:1px solid #88beff;
margin:1px;
padding:2px;
}
.quote textarea {
width: 95%;
}
.gmenu input[type="text"] {
width: 80%;
}
.phdr h1 {
font-size: 14px;
font-weight: normal;
padding: 1px;
margin: 0;
display: inline;
}
.phdr h2 {
font-size: 14px;
font-weight: bold;
padding: 1px;
margin: 0;
display: inline;
}
.postclip input[type="text"] {
width: 98%;
}
.listbv h3 {
padding: 1px;
margin: 1px 0px 1px 0px;
display: inline;
font-weight: normal;
color: #6a60ec;
}
.list1 h3 {
padding: 1px;
margin: 1px 0px 1px 0px;
display: inline;
font-weight: normal;
color: #6a60ec;
}
.list2 h3 {
padding: 1px;
margin: 1px 0px 1px 0px;
display: inline;
font-weight: normal;
}
.postItem h2, h3, h4 {
display: inline;
padding: 0px;
margin: 0;
font-size: 14px;
}
.list2 input[type="text"] {
width: 95%;
}
input[type="file"]{
width: 95%;
}
.avatarvip img {
transition: all 15s ease;
-webkit-transition: all 15s ease;
-moz-transition: all 15s ease;
transition-delay: 5s; -webkit-transition-delay: 5s;
-moz-transition-delay: 5s;
background-color: #FFFFFF;
max-width:143px;
border-radius:5px;
margin:1px 3px 3px 1px;
padding:3px;
border:1px solid #d4d4d4;
box-shadow: 3px 3px 3px #8A8A8A;
transform:rotate(-20deg);
-moz-transform:rotate (-20deg);
-webkit-transform:rotate(-20deg);
}
.postItem img:hover {
box-shadow: 0px 0px 10px #666;
-moz-box-shadow: 0px 0px 10px #666;
-webkit-box-shadow: 0px 0px 10px #666;
border-radius: 5px;
}
a:hover, a:focus {
text-decoration: underline;
background-image: url('/css/star.gif');
text-shadow: 0 0 6px #666;
}
.end {
background: url('/css/en-mp3.png') center top no-repeat;
height: 18px;
background-size: 100% 100%;
}
.tmn a {
text-decoration: underline;
background-image: url('/css/star.gif');
}
.download-media {
padding:0.5em 0 1em 0;
text-align:center;
border-bottom:0.1em solid #a4a4a4;
margin-bottom:0.6em;
}
.download-media a{
color: #FFFFFF;
}
.down-file-media {
font-weight: normal;
border-radius: 0.4em;
border:none;
padding: 0.3em 0.7em;
color: #FFFFFF;
display: inline-block;
background: #00ae19;
}
#cudemvn {
box-shadow: 0px 0px 10px #666;
-moz-box-shadow: 0px 0px 10px #666;
-webkit-box-shadow: 0px 0px 10px #666;
border-radius: 5px;
background-color: #ffffff;
padding: 5px;
transition: all 3s ease;
-webkit-transition: all 3s ease;
-moz-transition: all 3s ease;
transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
position: relative;
width: 90%;
height: 90%;
}
.listt {
border-bottom: 1px solid #E8E8E8;
overflow: hidden;
padding: 8px;
transition: all 0.3s;
-moz-transition: all 0.3s;
}
.listt:hover{
background: #F4F4F4;
transition: all 0.3s;
-moz-transition: all 0.3s;
padding-left: 12px;
}
#top-up {
background:none;
font-size: 3em;
cursor: pointer;
position: fixed;
z-index: 99999;
color: green;
bottom: 70px;
right: 25px;
display: none;
}
hr {
height: 1200px;
font-size: 3em;
}
.two:after {
content: "";
position: absolute;
width: 0px;
height: 0px;
border-top: 0.8rem solid transparent;
border-right: 0.8rem solid #CE2833;
border-bottom: 0.8rem solid transparent;
top: 0.3rem;
left: -0.6rem;
}
.two {
position: relative;
background: none repeat scroll 0% 0% #CE2833;
color: #FFF;
border: 1px solid #CE2833;
padding: 0.5rem 1rem;
margin: 0rem 0rem 0rem -0.5rem;
}
.two {
cursor: pointer;
}

.two:hover:after, .two:focus:after {
width: 0px;
height: 0px;
border-top: 0.8rem solid transparent;
border-right: 0.8rem solid #710109;
border-bottom: 0.8rem solid transparent;
}
.two:hover{
background: none repeat scroll 0% 0% #710109;
border: 1px solid #710109;
}

.one {
background: linear-gradient(to bottom, #FFF 0%, #EFEFEF 100%) repeat scroll 0% 0% transparent;
border: 1px solid #CCC;
padding: 0.5rem 1rem;
width: 70%;
color: #24262A;
}
.news h2 {
display: inline;
padding: 0px;
margin: 0;
font-size: 14px;
}