﻿
  #fade{/*--Transparent background layer--*/display: none; /*--hidden by default--*/background: #000;position: fixed;left: 0;top: 0;width: 100%;height: 100%;opacity: .80;z-index: 9999;}      
  
.popup_block{display: none; /*--hidden by default--*/background: #fff;border: 1px solid black;float: left;font-size: 1.2em;position: fixed;
             top: 53%;left: 50%;
    z-index: 99999; /*--CSS3 Box Shadows--*/-webkit-box-shadow: 28px 28px 28px #000;-moz-box-shadow: 28px 28px 28px #000;box-shadow: 28px 28px 28px #000; /*--CSS3 Rounded Corners--*/
    width:800px;height:505px;}    
/*  top: 55%;left: 50%;  dùng để chỉnh nơi hiển thị của popup*/    
    
 
img.btn_close{float: right;margin: -18px -138px 0;}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade{position: absolute;}
*html .popup_block{position: absolute;}

.contentpopup{float:left;width:900px;height:505px;padding:10px; background-color:#fbf7f6;}
.grouptab{float:left;width:100%;height:0 auto;overflow:hidden;}   
    .captiontab{float:left;width:25%;height:0 auto;overflow:hidden;margin-top:80px;}
        .captiontab h3{float:left;width:100%;text-transform:uppercase;font:30px 'PROXIMANOVACOND-REGULAR';}
        .captiontab ul{float:left;width:100%;margin:20px 0px 0px;padding:0px;list-style:none;}
            .captiontab ul li{float:left;width:99%;margin:20px 0px 0px 0px; border-left:solid 5px #0187c4;}
            .captiontab ul li a{float:left;width:95%;margin-left:5%;color:#1196a7;font:18px 'PROXIMANOVACOND-REGULAR';}
            .captiontab ul li a:hover{color:#ef9c00;}
                        
    .contenttab{float:left;width:70%;height:0 auto;overflow:hidden;}
    .contentdetail{float:left;width:85%;height:0 auto;overflow:hidden;margin:30px 0px 0px 5%}
        .contentdetail h3{float:left;width:100%;text-transform:uppercase;font:30px 'PROXIMANOVACOND-REGULAR';color:#0187c4;text-align:left;}
                
.fckDefault{float:left;width:100%;height:0 auto;overflow:hidden;}
    .fckDefault p{float:left;width:100%;text-align:left;font:16px 'PROXIMANOVACOND-REGULAR';line-height:21px;margin-top:10px;}
    
.pcontentwebsite{float:left;width:95%;height:0 auto;overflow:hidden;margin:30px 0px 0px 3%;}
    .pcontentwebsite h2{float:left;width:100%;text-transform:uppercase;font:36px 'PROXIMANOVACOND-REGULAR';color:White;background-color:#1195a6;
                        text-align:center;padding:5px 0px 5px 0px;}
    .pcontentwebsite h3{float:left;width:100%;text-transform:uppercase;font:36px 'PROXIMANOVACOND-REGULAR';color:#0187c4;}
    .pcontentwebsite h4{float:left;width:100%;text-transform:uppercase;font:22px 'PROXIMANOVACOND-REGULAR';}
    .pcontentwebsite ul{float:left;width:100%;margin:40px 0px 0px;padding:0px;list-style:none;}
        .pcontentwebsite ul li{float:left;width:28%;height:150px; margin:0px 5% 0px 0px;}
            .pcontentwebsite ul li label{float:left;width:100%;text-transform:uppercase;font:18px 'PROXIMANOVACOND-REGULAR';}
            .pcontentwebsite ul li img{float:left;width:35%;margin-top:10px;}
            .pcontentwebsite ul li p{float:left;width:60%;margin:10px 0px 0px 10px;font:12px 'PROXIMANOVACOND-REGULAR';}
            
            .pcontentwebsite ul li.listcustomer{width:24%;margin-right:1%;height:80px;}
                .pcontentwebsite ul li.listcustomer img{width:100%;}
.pcontentwebsite .psolugun{float:left;width:100%;height:auto auto;overflow:hidden;margin:20px 0px 20px 0px;}
    .pcontentwebsite .psolugun img{float:left;width:100%;}


@media (max-width: 400px) {
     .contenttab{width:100%;}
    .pcontentwebsite{margin-left:0px;width:100%;}
    .mCSB_inside > .mCSB_container{margin-right:15px;}
    .pcontentwebsite ul li{width:100%;}
    .pcontentwebsite ul li.listcustomer{width:49%;}
} 