@import "http://www.kitereisen.com/kite/templates/css3-buttons/css-buttons.css";
@charset "utf-8";*{margin:0;padding:0;outline:none}
body{
  margin: auto;
  padding:0;
  font:13px Verdana, Arial, Helvetica, sans-serif;
  font-size:small;
  color:#3C3C3C;
  line-height:16px;
  position:relative;
  max-width: 800px;
  
  background: #fdc;
background: -moz-linear-gradient(0deg, #fed 50%, #fdc 50%);
background: -o-linear-gradient(0deg, #fed 50%, #fdc 50%);
background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fed), color-stop(50%, #fdc));
-webkit-background-size: 100px;
-moz-background-size: 100px;
}
.smaller{font-size:smaller}
strong,b,.bold{font-weight:700}
em,i,.fontItalic{font-style:italic}
hr{color:#fff;background:transparent;border-bottom:1px #eee solid}
h1,h2,h3,h4,h5,h6{padding:0;margin:0;}
h1{font-size:18px;font-weight:700;font-size:small}
h2{font-size:16px;font-weight:700;font-size:small}
h3{font-size:13px}
h4{font-size:12px;line-height:normal}
h5{font-size:11px}
h6{font-size:10px}
a,img{border:none;text-decoration:none;transition: border .25s linear,color .25s linear,background-color .25s linear;}
.clearfix{clear:both}
.fLeft{float:left}
.fRight{float:right}
.alignleft{float:left}
.alignright{float:right}
.clor6{color:#3366FF;display:block}
a.clor6{color:#3366FF}
a.clor6:hover{color:#3366FF;text-decoration:underline}
p{margin:0}
a{color:#13a89e}
a:hover{text-decoration:underline}

input[type="text"], textarea, select {
padding: 5px;
border: 1px solid #dddddd;
border-radius: 5px;
color: #777;
margin: 3px;
}
input[type="submit"], .btn {
  padding: 4px 4px;
  background-color: #fff;
  background-image: url(http://www.kitereisen.com/kite/templates/css3-buttons/button-images/small-button-overlay.png);
  border: 1px solid #CCCCCC;
  color: #666666 !important;
  font-weight: normal;
  text-shadow: 0 1px 1px #FFFFFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.50);
  cursor: pointer;
  display: inline-block;
  overflow: visible;
  position: relative;
  text-decoration: none;
  text-align: center;
  border-radius: 3px;
  margin: 1px;
}
input[type="submit"]:hover, .btn:hover{
  background-color: #eee;
}
.phpcode, .code {
  line-height: initial;
  background-color: #E0E6E9;
  border: 1px dotted #9FAEBB;
  margin: auto;
  padding: 2px 2px 2px 2px;
  overflow: auto;
  color: #0000BB;
  font-size: 12px;
  font-family: "Courier New", Courier, monospace;
  max-width: 70%;
}
#body {
    display: block;
    max-width: 650px;
    min-width: 240px !important;
    margin: auto;
    position: relative;
}

a:link, a:active, a:visited {
    color: #0066FF;
    text-decoration: none;
}

a:hover {
    color: #81557E;
}

img {
    max-width: 100%;
}

p {

}
b {
    font-weight: 600;
}

img {
max-width: 100%;
}

#header {
background: url(http://thegioitruyen.mobi/wp-content/themes/Touch/images/bgDer.png) #99d6f9 top left repeat-x;
position: relative;
text-align: center;
padding: 10px 0 10px 10px;
color: #fff;
}
#footer {
background: url(http://thegioitruyen.mobi/wp-content/themes/Touch/images/bgDer.png) #99d6f9 top left repeat-x;
padding: 5px;
}
.phdr {
font-weight: 700;
color: #fff;
background: url(http://thegioitruyen.mobi/wp-content/themes/Touch/images/nav_bar.png) right no-repeat #2CAAD3;
padding: 6px;
text-align: justify;
}
.phdr a {color:#fff;}
.hot {
background-color: white;
border-color: #E6DB55;
}
.list2 {
background-color: white;
border-color: #E6DB55;
padding: 3px;
border-bottom: 1px dotted #ddd;
}

.list1:nth-child(even) {
height: auto;
overflow: hidden;
position: relative;
background-color: #edeff4;
}
.list1:nth-child(odd) {
height: auto;
overflow: hidden;
position: relative;
background-color: #fff;
}
.item3 {
    background: #C6E2FF url('images/rowbg.png') repeat-x bottom;
    border-bottom: 1px solid #E2E2E2;
    padding: 5px 5px 5px 10px;
}
.detail_content {
    background: #FAFAFA;
    border: 1px solid #D6D6D6;
    border-radius: 4px;
    margin-bottom: 8px;
    box-shadow: -2px 2px 1px #E4E4E4;
}
.quote {
    background: #FFFAEC;
    border: 1px solid #FFE9C0;
    border-left: 3px solid #FFE9C0;
    padding: 6px;
    display: block;
    margin: 4px 0px;
    overflow: auto;
    width: 90%;
    max-width: 600px;
}

.left {
text-align: center;
float: left;
max-width: 10px;
width: 10%;
padding: 16px 6px;
}
.left img {
border-radius: 19%;
border: 1px solid #d8d8d8;
max-width: 40px;
}
.info {
padding-left: 60px;
text-align: justify;
padding-top: 14px;
}
.des {
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.5em;
max-height: 3em;
}
.center {text-align:center;}
/*------Filelist page-----------*/

.filelist_paging, .page, .xt_pagination {
padding: 6px;
background: #fff;
border: 1px solid #ddd;
}
.currentpage, .page span, .filelist_paging span, .xt_pagination .selected {
background: #13a89e;
color: #FFF;
margin-right: 3px;
display: inline-block;
padding: 3px 6px;
}
.filelist_paging a, .page a, .xt_pagination a, .currentpage a {
background: #5387bc;
color: #FFF;
margin-right: 3px;
display: inline-block;
padding: 3px 6px;
}
.filelist_paging a:hover, .page a:hover, .currentpage a:hover {
 	background: #13a89e;
}


.trang {
  padding: 2px;
}
.trang a {
  padding: 3px 4px;
  background-color: #fff;
  background-image: url(http://www.kitereisen.com/kite/templates/css3-buttons/button-images/small-button-overlay.png);
  border: 1px solid #CCCCCC;
  color: #666666 !important;
  font-weight: normal;
  text-shadow: 0 1px 1px #FFFFFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.50);
  cursor: pointer;
  display: inline-block;
  overflow: visible;
  position: relative;
  text-decoration: none;
  text-align: center;
  border-radius: 3px;
  margin: 1px;
}
.trang a:hover {
  background: #ddd;
}
.trang span {
  padding: 3px;
  background-color: #fff;
  background-image: url(http://www.kitereisen.com/kite/templates/css3-buttons/button-images/small-button-overlay.png);
  border: 1px solid #CCCCCC;
  color: #000 !important;
  font-weight: bold;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.50);
  display: inline-block;
  overflow: visible;
  position: relative;
  text-decoration: none;
  text-align: center;
  border-radius: 3px;
  margin: 1px;
}


.bderTop {
padding: 3px;
background: #CCCCCF;
text-align: center;
}
a.linkviewMore {
background: url(http://thegioitruyen.mobi/wp-content/themes/Touch/images/ArrRightBlue.png) right 6px no-repeat;
padding-right: 15px;
display: block;
line-height: 20px;
text-decoration: none;
float: center;
}
.linkMnuF {
background: url(http://thegioitruyen.mobi/wp-content/themes/Touch/images/iconRF.png) right 6px no-repeat;
padding-right: 15px;
display: block;
line-height: 20px;
color: #FFF;
text-decoration: none;
float: left;
cursor: default;
}

#content {
  background: #fff;
  padding: 2px;
}
#content h2,#content h3 {
  display:inline;
}
#head-menu {
background: #2CAAD3;
}
nav ul {
display: table;
list-style: none;
width: 100%;
table-layout: fixed;
}
#head-menu li {
vertical-align: middle;
display: table-cell;
text-align: center;
}
#head-menu a {
display: block;
padding: 10px;
color: #fff;
text-decoration: none;
}
#head-menu li:hover a {
    background: #39C1EE;
    text-decoration: none;
}
.toggle {
padding: 10px;
display: block;
transition: border .25s linear,color .25s linear,background-color .25s linear;
cursor: pointer;
}
.white {
color: #fff;
}

#navmenu {
  background: #00bde2;
  padding: 8px 0;
}
#navmenu a {
  padding: 8px;
  color: #fff;
  text-decoration: none;
  vertical-align: middle;
}
#navmenu a:hover {
  background:#00829b;
}
.ico-kaspersky {
background: url(http://thegioitruyen.mobi/wp-content/themes/Touch/images/kaspersky.png) no-repeat left center;
padding-left: 20px;
}
.ico-security {
color: #42ba6f;
background: url(http://thegioitruyen.mobi/wp-content/themes/Touch/images/security.png) no-repeat left center;
padding-left: 20px;
}
.info2 {
background: #fff;
padding-left: 60px;
text-align: justify;
padding-top: 2px;
}
.cate {
border-bottom: 1px dotted #ddd;
padding: 1px;
text-align: justify;
}

.loading {
background: #000;
	background: rgba(0, 0, 0, 0.65);
	filter: alpha(opacity = 65); -moz-border-radius: 4px;
	-webkit-border-radius: 4px; border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	font-family: Tahoma;
	font-size: 12px;
	width:200px;
	left:50%;
	top:50%;
	margin-left:-100px;
	margin-top:-33px;
	color:#FFF;
	text-align:center;
	padding:10px;
	position: fixed;
}

.image {
  	border-radius: 3px;
    padding: 2px;
    border: 1px solid #d5d5d5;
  	max-width: 90%;
	background: url("http://shopgame.net/images/loading.gif") no-repeat center center;
}

#image {
  	border-radius: 5px;
  	max-width: 320px !important;
}

.file-attach {
    background-color: #fff7eb;
    border: 1px solid #f9d9b0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 4px;
    padding: 0;
    max-width: 360px;
}
.admin-say .here {
    background: transparent url(http://viptruyen.mobie.in/css/img/admin-say.png) no-repeat bottom left;
    width: 15px;
    height: 12px;
    position: absolute;
    left: 106px;
    bottom: -12px;
    z-index: 1;
}
.file-attach .attach {
    background: #fadeba url(http://viptruyen.mobie.in/css/img/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 .file {
    font-size: 11px;
    background-color: #fff7eb;
    margin: 0;
    padding: 4px;
    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;
}

.cover {
  text-shadow: 0 0 0.2em yellow, 0 0 0.2em yellow;
}