@media screen and (min-width:0px) and (max-width:318px) {
   .phaiweb{display: none}
   .w918{width: 100%}
   .Download{ width: 94%;margin: 0 3%}
   .tabletailieu{width: 100%}
   .contentlist{width: 100%}
}

@media screen and (min-width:319px) and (max-width:360px) {
   .phaiweb{display: none}
   .w918{width: 100%}
   .Download{ width: 94%;margin: 0 3%}
   .tabletailieu{width: 100%}
   .contentlist{width: 100%}
   .download .downloadHeader .textBox{width: 45px !important}
}

@media screen and (min-width:361px) and (max-width:767px) {
   .phaiweb{display: none}
   .w918{width: 100%}
   .Download{ width: 94%;margin: 0 3%}
   .tabletailieu{width: 100%}
   .contentlist{width: 100%}
   .download .downloadHeader .textBox{width: 60px !important}
}

@media screen and (min-width:768px) and (max-width:920px) {
   .phaiweb{display: none}
   .w918{width: 100%}
   .Download{ width: 94%;margin: 0 3%}
   .tabletailieu{width: 100%}
   .contentlist{width: 100%}
}

@media screen and (min-width:921px) and (max-width:1023px) {
   .phaiweb{display: none}
   .w918{width: 100%}
   .Download{ width: 94%;margin: 0 3%}
   .tabletailieu{width: 100%}
   .contentlist{width: 100%}
}

@media screen and (min-width:1024px) and (max-width:1199px) {
   .phaiweb{display: none}
   .w918{width: 100%}
   .Download{ width: 94%;margin: 0 3%}
   .tabletailieu{width: 100%}
   .contentlist{width: 100%}
   .textsearch{display: none}
}

@media screen and (min-width:1200px) {
   .Download{ width: 1198px;margin: 0 auto}
   .tabletailieu{width: 100%}
}


.captiondow{ padding-bottom: 9px;border-bottom: 1px solid #e4e4e4;width: 100%;float: left;}
.captiondow span{ color: #6c3d0b;font-weight: bold;text-transform: uppercase;font-size: 16px}
.download {  font: 12px/18px arial }
.download .contentFrame {}
.download .content-bg {  position: relative; width:100%}

.download .downloadHeader { width: 100%; height: 46px; line-height: 46px; background: #009030; color: #fff; font-weight: bold; }
.download .downloadHeader .date{width:126px;float:left; border-right:1px solid; padding:0px 5px;text-align:center}
.download .downloadHeader .leftCol { width: 46px; text-align: center; }
.download .downloadHeader .centerCol { width: 412px; padding-left: 15px;padding-right: 5px; min-height: 46px;border-left: 1px solid #D2EBFF; border-right: 1px solid #D2EBFF; position: relative; }
.download .downloadHeader .dropDownList {padding-top: 2px; width: 135px; height: 22px; border: 1px solid #7CA2BF; font: 12px/18px arial; position: relative; margin-left: 17px; }
.download .downloadHeader .textBox { width: 110px; height: 22px; border: 1px solid #7CA2BF; font: 13px/18px arial;color:#333;float:right;margin-top:10px;margin-right: 8px;padding: 2px 10px 0 10px }
.download .downloadHeader .rightCol { width: 77px; text-align: center; }

.download .downloadContent { width: 100%; }
.download .item { width: 100%; background: #EFEFEF; overflow: hidden; }
.download .item.odd { background: #fff; border-bottom:1px solid #EFEFEF}

.download .item .leftCol { width: 46px; line-height: 46px;font-weight: bold; color: #565656; text-align: center; position: relative; overflow: hidden; }
.download .item .date{float: left;    border-right: 1px solid #EFEFEF;    padding: 0px 5px;    width: 126px;    line-height: 46px;text-align:center}
.download .item .centerCol { width: 412px;padding:5px 15px; min-height:46px; border-left: 1px solid #fff; border-right: 1px solid #fff; position: relative; overflow: hidden; }
.download .item.odd .centerCol { border-left: 1px solid #EFEFEF; border-right: 1px solid #EFEFEF; }
.download .item .centerCol .docNo { color: #005120; font-weight: bold; }

.download .item .rightCol { width: 77px; padding: 0; position: relative; overflow: hidden;text-align: center}

.download .rightCol .downloadButton { width: 100%; height: 13px; position: absolute; top: 5px;  z-index: 100; }
.download .rightCol .downloadNo {margin-left: 0px; width: 100%; height: 18px; line-height: 18px; position: relative; color: #8F8F8F; padding-top: 8px; text-align: center; }
.resulttext { margin-top:10px;margin-bottom: 10px }
    
.btnSearch{ float: right}
.btnSearch .btnsearchDown{ height: 26px;cursor: pointer }
.inputMark{float: right}
.dll-search{ float: right;height: 26px;margin: 10px 8px 0 8px }
.textsearch{float: right}

.inputMark input[type='text'],.inputMark input::-webkit-input-placeholder { color:#333 }
.inputMark input[type='text'],.inputMark input::-moz-placeholder { color:#333 }
.inputMark input[type='text'],.inputMark input:-ms-input-placeholder { color:#333 }
.inputMark input[type='text'],.inputMark input:-moz-placeholder { color:#333 }


@media screen and (min-width:0px) and (max-width:767px) {
    .searchDownload{display: none !important}
}



/*.download .pager { width: 100%; position: relative; overflow: hidden; text-align: center; margin-top: 20px; }*/
/*.download .pager a.select, .download .pager a:hover { color: #fff !important; font-weight: bold; }*/
/*.download .pager a.num { background-color: #f3f3f3; border-radius: 5px 5px 5px 5px; color: #585858; display: inline-block; font-weight: bolder; height: 21px; line-height: 21px; margin-right: 5px; padding: 0 2px; text-align: center; width: 21px; }*/