﻿*{ padding:0px; margin:0px;}
body {background-image:url('../resource/DT/bgr.gif'); background-attachment:fixed; font-size:10pt; font-weight:bold;font-family:Arial; }
#container{ width:1000px; margin-left:auto; margin-right:auto; background-color:White;}
#head,#nev,#content,#footer { width:1000px; clear:both;background-color:White;}
#footer{ background-color:white}
#footer a{color:#039}
.menum,#nev{ height:35px; background-image:url('../resource/DT/mnm.gif'); line-height:35px;position:relative}
.menum ul,#nev ul { list-style:none}
.menum li,#nev li { float:left; color:White; font-weight:normal; }
.menum a{font-weight:bold; text-decoration:none; height:35px; width:100%; padding:18px; padding-top:9px; padding-bottom:8px; color:White}
.menum{display:none}
#nev a{ font-weight:bold; text-decoration:none; height:35px; width:100%; padding:13px; padding-top:9px; padding-bottom:8px; color:White; font-size:11pt}
#nev a:hover{ font-weight:bold; color:Red}
.cm{background:rgb(254,234,184); height:32px; line-height:32px;}
.marTH{color:White; font-weight:bold}
#ctLeft,#ctRight{ float:left; width:197px;margin:0px 3px 0px 3px;}
#ctMain{ float:left; width: 578px; margin:0px 6px 0px 6px;}
.hbar{background-image:url('../resource/DT/hbar.png'); height:30px; line-height:30px; color:White; margin-top:10px; text-align:center; text-transform:uppercase}
.cbar,.cbar1{ text-align:center;background-image:url('../resource/DT/bgcbar.png'); border-bottom:solid 1px silver; padding:5px; overflow:hidden}
.cbar img{ max-width:180px}
.MauS1{ color:Maroon; font-size:12pt;}
.MauG1{ color:Red; font-weight:normal;}
.itemLst{ text-align:center; padding: 5px;}
a{ text-decoration:none;}
.menum a:hover,.cbar1 a:hover,a:hover{ color:Red;}
.cbar1 ul { list-style:none;}
.cbar1 li{ white-space:nowrap;border-bottom:solid 1px silver; padding-left:15px}
.cbar1 a{height:22px; line-height:22px; text-align:left; padding-left:20px; color:Black;  padding:5px; display:inherit}
.cbar1 a:hover{ color:Red;}
.tkRight{ width:6px;}
.tkLeft,.tkRight{white-space:nowrap;vertical-align: middle; padding-left:1px;text-align:left;}
.tkRight{text-align: right}
.tenHot{ color:White; padding:5px;}
.soHot{ color:Yellow; padding:5px;}
.tk{ color:Silver; padding:2px}
.tbSim,#ttNhom,.xemPT,.timK{ text-align:center; background-color:White; font-weight:normal; border:solid 1px silver; width:568px; padding:5px}
.hdTim{ text-decoration:underline; color:Red}
.hdTim:hover{ font-weight:bold; color:Red}
.m{background-image:url('../resource/DT/m.png'); background-repeat:no-repeat; width:580px; color: White; text-align:center; line-height:30px; margin-top:9px; height:30px;}
.tbSim{ width:580px; background-color:White; vertical-align:top; border: solid 1px #999; text-align:center;}
.hSim{background-image:url('../resource/DT/hSim.png'); height:30px; color:Maroon; text-align:center;}
.tdStt,.tdSimm,.tdSim{ padding:5px; border-bottom: solid 1px silver; border-right: solid 1px silver; padding-left:10px; font-weight:bold}
.tdSimm{ padding:5px; border-bottom: solid 1px silver; border-right: solid 1px silver; padding-left:10px;}
.MauGia{ color:Red; font-size:9pt; font-weight:600}
.MauSim{ color:Blue; font-size:12pt;}
.MauSim:hover{ color:Red}
#paging{ color:Blue;text-align:center;}
#paging a{ color:Blue; text-decoration:none; border: solid 1px silver; margin:0px; padding:0px 5px 0px 5px;}
#paging a:hover{ font-weight:bold; color:Red;}
.NgayDang{ font-size:9pt; font-weight:normal; font-style:italic}
.TomTat{ font-weight:normal;}
.itemTT{ padding:5px;}
.cky{ padding:10px; text-align:right;}
.dauso{ margin:10px 0px 10px 5px; padding:2px;}
dauso1{ padding:3px;}
.tbg{ text-align:right; font-weight:normal; padding:5px 10px 5px 0px;}
.tsns{  font-weight:normal; padding:5px;}
.ttnb{ text-align:left; font-weight:normal; padding-left:3px;}
.hr{background-color:silver; border:solid 1px silver; margin:5px}
.btn{background:url('../resource/bg_ts.png') no-repeat top; height:27px; width:81px; color:#333; font-weight:bold; border:0px; line-height:27px}
.btn:hover{background:url('../resource/bg_ts_hv.png') no-repeat top; color:#333}
.txtTim{ width:280px; height:23px; color:Black}
.MauKho{ color:Orange}
.nme{ float:left;background:url('../resource/menum.png') no-repeat; width:25px; position:absolute; right:2px; top:2px; padding:0px!important}
.dstd,.dsm,.dauso{ margin:2px; padding:2px; border:solid 1px silver; border-radius:3px}
.txtt{width:60%;height:25px; border-radius:3px; font-size:16px; border:solid 1px Silver; padding:2px}
.btnTim{ color:White; background-color:#FF8000; height:32px;Width:20%;min-width:40px; padding:2px; font-weight:bold; border-radius:5px}
.pnlHD{ width:100%;text-align:center; display:none}
.dm{ display:none}
.txtdh{ width:100%; max-width:279px}
.dro{border:solid 1px silver; border-radius:3px; padding:2px; margin:2px}
.an{ display:none}

.tdSim1,.tdSim2,.tdSim3,.tdSim4,.tdSim5,.tdSim6,.tdSim7,.tdSim8{width:90px; height:25px; margin-left:auto; margin-right:auto}
.tdSim3{background:url('http://simdepviettel.com/resource/anhMang/MobiFone.gif') no-repeat; }
.tdSim2{background:url('http://simdepviettel.com/resource/anhMang/VinaPhone.gif') no-repeat; }
.tdSim1{background:url('http://simdepviettel.com/resource/anhMang/Viettel.gif') no-repeat; }
.tdSim4{background:url('http://simdepviettel.com/resource/anhMang/Beeline.gif') no-repeat; }
.tdSim5{background:url('http://simdepviettel.com/resource/anhMang/VietNamobile.gif') no-repeat; }
.tdSim6{background:url('http://simdepviettel.com/resource/anhMang/Sfone.gif') no-repeat; }
.tdSim7{background:url('http://simdepviettel.com/resource/anhMang/mayban.jpg') no-repeat; }
.tdSim8{background:url('http://simdepviettel.com/resource/anhMang/itelecom.gif') no-repeat; }
/* 700px hoặc nhỏ hơn */
@media screen and (max-width: 810px) 
{
	#head,#nev,#content,#footer,#container{width:100%;}
	#head img{width:100%}
	#nev{ height:70px}
	#nev .nme{ display:block; top:21px}
	#ctLeft{ width:22%;min-width:140px; margin:0px; margin-left:1px}
	#ctRight{ clear:both; width:100%;margin:0px;}
	.m,.hbar{ background-image:url('../resource/DT/hbar.png') repeat-x}
	#ctMain{width:76%;margin:0px!important;margin-left:3px!important; overflow:hidden}
	.tbSim,.timK,.m{ width:100%!important}
	h2,.hbar{ font-size:10pt;}
	.cbar,.cbar1{ background-color:rgb(254,234,184);}
}
/*  480px hoặc nhỏ hơn */
@media screen and (max-width: 640px) {    
	#ctLeft{display:none; width:100%}
	#ctMain{ width:99%; padding:auto;}
	.m{ margin-top:3px}
	#head a{ display:none;}
	.headt{ display:block; padding:2px; font-weight:bold; color:Red; font-size:19px}
}
@media screen and (max-width: 465px) 
{
	#nev{ display:none}
	.menum{ display:block}
	.dsm{ width:98%}
	.btnTim{ width:25%; max-width:60px}
	.txtt{width:70%}
	.dm{ display:block}
	.tdStt{ display:none}
}
@media screen and (max-width: 430px) 
{
	.tdSimm{ display:none}
	.dstd{width:22%}
}