<style type="text/css" media="screen">
#cd-pk .clear{clear:both}
  #cd-pk h3 span{
    text-align:center ;
    clear:both ;
    text-transform:uppercase ;
    font-size:20px ;
    color:#7e2a28 ;
    border-bottom:3px #7e2a28 solid;
    display:block;
    width:90%; 
    max-width:300px;
    margin: 10px auto;
    padding:5px 0;}
  #cd-pk .body-cd{
    /*padding: 40px 0;*/
    margin-bottom:15px;
    background: url("images/shadow_top1.png") repeat-x scroll center top, url("images/shadow_bottom1.png") repeat-x scroll center bottom #f1f1f1;
  }
  #cd-pk .main{max-width:950px;}
  #cd-pk .body-cd span{display:block;text-align:center;padding:6px 0;width:90%;margin:0 auto;color:#7E2A28;}
  #cd-pk .body-cd span.cd{background: url("../images/line3.png") no-repeat bottom center;padding:4px;}
  #cd-pk .body-cd .doc span.cd{padding-top:66px;}
  #cd-pk .cols-2-item{width:24.6%;float:left;margin:0 0.2%;padding:0;}
  #cd-pk .cols-1-item{width:12.1%;float:left;margin:0 0.2%;padding:0;}
  #cd-pk .cols-3-item{width:37.1%;float:left;margin:0 0.2%;padding:0;}
  #cd-pk .cols-2-item.cols1 .ngang{width:98.5%;margin:0 0 4px 1.5%;float:left;min-height:100px;background:#F2B166;}
  #cd-pk .cols-2-item.cols1 .vuong{width:48.5%;margin:0 0 4px 1.5%;float:left;min-height:100px;}
  #cd-pk .cols-2-item.cols1 .vuong:nth-child(1){background:#D06191}
  #cd-pk .cols-2-item.cols1 .vuong:nth-child(2){background:#F2B166}
  #cd-pk .cols-2-item.cols1 .vuong:nth-child(3){background:#91B27F}
  #cd-pk .cols-2-item.cols1 .vuong:nth-child(4){background:#00A89E}
  #cd-pk .cols-1-item.cols2 .doc{width:100%;float:left;min-height:204px; background:#F15F5E;}
  #cd-pk .cols-3-item.cols3 .ngang{width:66.66%;float:left;margin:0 0 4px;min-height:100px;background:#6BA0DB}
  #cd-pk .cols-3-item.cols3 .ngang:nth-child(4){background:#F87B7A}
  #cd-pk .cols-3-item.cols3 .vuong{float:left;min-height:100px;}
  #cd-pk .cols-3-item.cols3 .vuong:nth-child(2){width:32.13%;background:#00C3DA;margin:0 0 4px 1.2%;}
  #cd-pk .cols-3-item.cols3 .vuong:nth-child(3){width:32.13%;background:#8361B9;margin:0 1.2% 4px 0}
  #cd-pk .cols-2-item.cols4 .vuong{width:48.5%;margin:0;float:left;min-height:100px;margin:0 1.5% 4px 0;}
  #cd-pk .cols-2-item.cols4 .vuong:nth-child(1){background:#5AA696} 
  #cd-pk .cols-2-item.cols4 .vuong:nth-child(2){background:#85B86A} 
  #cd-pk .cols-2-item.cols4 .vuong:nth-child(3){background:#538996} 
  #cd-pk .cols-2-item.cols4 .vuong:nth-child(4){background:#E1B885} 
        #cd-pk .doc, #cd-pk .vuong, #cd-pk .ngang{opacity:0.8;transition:0.3 all ease-in-out}
        #cd-pk .doc:hover, #cd-pk .vuong:hover, #cd-pk .ngang:hover{opacity:1;transition:0.3 all ease-in-out}
@media screen and (max-width:800px){
  #cd-pk .body-cd .main{max-width:320px;margin:0 auto;float:none}
  #cd-pk .body-cd .doc span.cd{padding-top: 18px;}
  #cd-pk .cols-2-item{width:100%;float:left;margin:0;padding:0;}
  #cd-pk .cols-1-item{width:98%;float:left;margin:1%;padding:0;}
  #cd-pk .cols-3-item{width:100%;float:left;margin:0;padding:0;}
  #cd-pk .cols-2-item.cols1 .ngang{width:31.33%;margin: 1%;float:left;min-height:100px;}
  #cd-pk .cols-2-item.cols1 .vuong{width:48%;margin:1%;float:left;min-height:100px;}
  #cd-pk .cols-3-item.cols3 .ngang{
    width: 48%;
    margin:1%;
    float: left;
    min-height: 100px;
    background: #6BA0DB;
  }
  #cd-pk .cols-3-item.cols3 .vuong:nth-child(2), #cd-pk .cols-3-item.cols3 .vuong:nth-child(3){
      width: 48%;
      margin:1%;
    min-height: 100px;
  }
  #cd-pk .cols-1-item.cols2 .doc {
    width: 100%;
    margin: 0;
    float: left;
    min-height: 100px;
  }
  #cd-pk .cols-2-item.cols4 .vuong{
        width: 48%;margin:1%;float:left;min-height:100px;
  }
  #cd-pk .cols-2-item.cols4 .vuong:nth-child(1), #cd-pk .cols-2-item.cols4 .vuong:nth-child(4){
        width: 98%;
  }
}
</style>