/*
Theme Name: meliasoft.wecan-group.net
Theme URI: http://meliasoft.wecan-group.net
Author: httpp://meliasoft.wecan-group.net
Author URI: http://meliasoft.wecan-group.net
Description: Description
Version: 1.0.0
Text Domain: http://meliasoft.wecan-group.net
Email : info@meliasoft.com
Tags: meliasoft.wecan-group.net

--------------------------------------------------------------*/
img {
    max-width: 100%;
}
.wp-lh2 input[type="submit"] {
    width: 100%;
    height: 55px;
    border: none;
    background: #ffa569;
    border-radius: 5px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin-top: 20px;
}
.text-0101{ 
    border:0px
}
.text-0102{
    border-top: 1px solid #f1f1f1;
}
.pagination .page-numbers{
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #428bca;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
    border: 1px solid #f3f3f3;
    color: #666;
}
.pagination .page-numbers:hover,.pagination .page-numbers.current{
    background: #6ca0fe;
    color: #fff;
}
.imgct-tt1 img{
    width: 100%;
    height: auto;
    height: 209px;
}
.wp-gp-1 img{
    width: 65px;
    height: 65px
}
.none100
{
    margin-left: -200px;
        transition: .5s all;
        width: 0;
        display: none !important;
}
.hienthi100
{
    margin-left:0;
 margin-top: 40px;
border-top: 1px solid #ccc;
padding: 0 30px;
width: 100%;
display: block !important;
}
td , p , .img-sibar , .imgct-tt1 , .img-01 , .img-tt{
    overflow: hidden; 
}
/* Thumbnail */
td img , p img , .img-sibar img , .imgct-tt1 img , .img-01 img , .img-tt img {
    width: 100%; 
    height: 100%;  
	display: block;
    margin: 0 auto;
    transition-duration: 0.5s;
    /* Safari & Google Chrome */
    -webkit-transition-duration: 0.5s; 
    /* Mozilla Firefox */
    -moz-transition-duration: 0.5s; 
    /* Opera */
    -o-transition-duration: 0.5s;
    /* IE 9 */
    -ms-transition-duration: 0.5s;
}
/* Hover chuột vào thumbnail */
/*
td img:hover , p img:hover , .img-sibar img:hover , .imgct-tt1 img:hover , .img-01 img:hover , .img-tt img:hover {
    transform: scale(1.2);
    /* Safari & Google Chrome */
    -webkit-transform: scale(1.2);
    /* Mozilla Firefox */
    -moz-transform: scale(1.2); 
    /* Opera */
    -o-transform: scale(1.2);
    /* IE 9 */
    -ms-transform: scale(1.2);
    cursor: pointer; 
}
*/

/* CSS CUSTOM MENU MOBILE */

#wprmenu_bar .bar_logo {
height:30px !important;
}
@media only screen and (max-width: 768px) {
    .menu-mobile{
	display:none !important;
	}
}
.sec-gt1 ul{
	margin-top:10px !important;
	padding-left: 0 !important;
}
.sec-gt1 ul li {
    border-left: 0px !important;
    padding-left: 10px !important;
    list-style: none !important;
    line-height: 1.6;
}
.v-share-icon{
    position: fixed;
    bottom: 155px;
    left: 30px;
    z-index: 999999999;
    font-size: 30px;
    display: none;
}
.v-share-icon a{
    color: #fff;
    margin: 0 6px;
}
.v-share-icon.active{display: block;}
/*.menu_title>a{display: block !important;text-align: center !important;}*/
.wp-vhdn ul li {
    list-style-image: none!important;
    list-style-type: none;
    padding-left: 10px;
    margin-left: -10px;
    border-left: 1px solid #ccc;
}
.conten-cttt iframe {

    width: 700px!important;
    height: 378px;
    overflow: hidden;
}
.share-ft{
	padding-bottom:20px;
}
.slider-cctc img{
	margin:auto;
	width:auto!important;
	max-height:120px;
}
.slide-linear img,.gallery-afc {
	text-align: center;
}
.slide-linear img,.gallery-afc img{
    width: auto!important;
    height: 80px!important;
    margin: 0 auto!important;
}
.col-half-offset {
    margin-left: 2.166666667%;
	margin-bottom:20px;
}


/* // cau hoi nganh */

.cau-hoi-nganh{
    padding: 20px;
}

.cau-hoi-nganh .banner-contaner{
    position: relative;
    background-repeat: no-repeat;
    background-position: center
    ;
    background-size: cover;
   
}
.cau-hoi-nganh .banner-contaner::before{
    content:" ";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #19A24A;
    clip-path: polygon(0 100px, 0 100%, 100% 100%);
}

.cau-hoi-nganh .banner-contaner::after{
    content:" ";
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: white;
    clip-path: polygon(0 100px, 100% calc(100% - 40px), 100% 100%, 0 140px);
}

.cau-hoi-nganh .shape{
    shape-outside: polygon(0 0, 100% 0, 100% 300px);
    width: 100%;
  height: 300px;
  float: right;
  
  
}

.cau-hoi-nganh .title{
  width: 100%;
  color: white;
  padding:3%;
  padding-bottom:10px;
  position: relative;
 font-family: "Tahoma", Sans-serif;
    font-weight: 900;
    font-size: 3vw;
    text-transform: uppercase;
  
}

.cau-hoi-nganh .title img{
    margin-top: 200px;
    width: 10%;
    max-width: 85px;
    margin-bottom: 15px
}

.cau-hoi-nganh .cau-hoi{
    position: relative;
    top: -1px;
    background-color: #19A24A;
    padding: 30px 3%;
    color: white;
    padding-bottom: 100px;
}

.cau-hoi-nganh .noi-dung{
    background: #39B54A;
    /* background: #f6821f; */
    margin-bottom: 25px;
    border-radius: 5px;
    padding: 7px 10px;
    display: flex;
    align-items: center;

}
.cau-hoi-nganh .number{
    font-size: 30px;
    font-weight: 600;
    width: 45px;
    height: 45px;
    padding: 5px;
    border-radius: 50%;
    flex-shrink: 0;
    background-color: white;
    color: #19A24A;
    /* color: #f6821f; */
    text-align: center;
    line-height: 35px;
    margin-right: 20px;
}
.cau-hoi-nganh .noi-dung .data{
    font-size: 16px;
    /* font-weight: 500; */
    font-style: italic;
    text-shadow: 1px 1px #7b7b7b;
}

@media only screen and (max-width: 800px) {
  
  .cau-hoi-nganh .title{
      margin-left:0px;
      font-size: 45px;
      padding:30px;
  }
  .cau-hoi-nganh .title img{
     width:150px;
  }
  
  .cau-hoi-nganh  .noi-dung .data{
      font-weight: 400;
  }
  .cau-hoi-nganh .cau-hoi{
        padding: 30px 40px;
  }
}

@media only screen and (max-width: 600px) {
  
  .cau-hoi-nganh .title{
      margin-left:0px;
      font-size: 30px;
      padding:20px;
  }
  .cau-hoi-nganh .title img{
     width:50px!important;
    display: block;
    margin-top:170px
     
  }
  
  .cau-hoi-nganh  .noi-dung .data{
      font-weight: 400;
  }
  
  .cau-hoi-nganh .shape{
    display:none;
  }
  
  .cau-hoi-nganh .banner-contaner::before{
    content:" ";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #19A24A;
    clip-path: polygon(0 150px, 0 100%, 100% 100%, 100% 250px);
}

.cau-hoi-nganh .banner-contaner::after{
    content:" ";
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: white;
    clip-path: polygon(0 150px, 0 170px, 100% 270px, 100% 250px);
}

.cau-hoi-nganh .cau-hoi{
  
    padding: 20px 10px;
    font-size:14px;
   
}

.cau-hoi-nganh .noi-dung{
    margin-bottom: 15px;
}

.cau-hoi-nganh .noi-dung .data{
    font-size:14px;
}
.cau-hoi-nganh .number{
     font-size: 26px;
    font-weight: 600;
    width: 40px;
    color: #008400;
    height: 40px;
    line-height: 30px;
}
}


 /* Kho khan cac nganh */

 .kho-khan-nganh{
     padding: 20px;
 }
 .kho-khan-nganh .mota{
     text-align: justify;
     margin-bottom: 20px;
 }


 .kho-khan-nganh{
    padding: 30px;
    background: white;
    margin: 20px;
}
.kho-khan-nganh .mota{
    text-align: justify;
    margin-bottom: 30px;
}
.kho-khan-nganh .nganh{
    text-align: center;
    font-size: 28px;
    color: #f6821f;
     font-family: "Tahoma", Sans-serif;
     font-weight: 900;
     text-transform: uppercase; 
     margin-bottom: 50px;
   
    
}

.kho-khan-nganh .kho-khan .noi-dung{
    display: flex;
    justify-content: center
}
.kho-khan-nganh .kho-khan .noi-dung .number, .kho-khan-nganh .kho-khan .noi-dung .data {
    width: 300px;
}

.kho-khan-nganh .noi-dung .shape{
    width: 70px;
    flex-shrink: 0;
    display: flex;
    flex-direction:column;
    position: relative;
}
.kho-khan-nganh .noi-dung .shape .top,
.kho-khan-nganh .noi-dung .shape .bottom{
    flex-shrink: 0;
}

 .kho-khan-nganh .noi-dung .shape .area{
     flex-grow: 1;
 }

.kho-khan-nganh .shape .top{
    position: relative;
    z-index: 2;
}
.kho-khan-nganh .shape .area{
    position: relative;
    z-index: 2;
    top: -1px;
    overflow: hidden;
}
 .kho-khan-nganh .shape .middle{
    position: absolute;
   
}
 .kho-khan-nganh .shape .bottom{
    position: relative;
    z-index: 2;
    top: -3px;
}

 .kho-khan-nganh .noi-dung .data{
    margin: 40px 0px;
    text-align: justify;
    position: relative
     
 }
 .kho-khan-nganh .noi-dung.left .data{
     left: 20px;
    padding-left: 10px;
    border-left: 8px solid #274A12;
     
 }
  .kho-khan-nganh .noi-dung.right .data{
       right: 20px;
    padding-right: 10px;
    border-right: 8px solid #274A12;
     
 }
 
 
   .kho-khan-nganh .noi-dung .number{
       z-index:3;
       position: relative;
       font-size: 36px;
       line-height: 30px;
       font-weight:700;
       letter-spacing: 2px;
       bottom: 15px;
       display: flex;
              align-items: center;
       color: #2E671A;
       
   }
   
    .kho-khan-nganh .noi-dung .number-sub{
        font-size: 30px;
         letter-spacing: 2px;
   font-weight:900;
        color: #2E671A;
        display: none;
    }
   
   .kho-khan-nganh .noi-dung.right .number-sub{
       text-align: right;
   }
   
   .kho-khan-nganh .kho-khan .noi-dung.left .number{
        justify-content: flex-end;
   
     
 }
   
   .kho-khan-nganh .noi-dung .number div{
       width: 30%;
       border-bottom: 1px solid #2A8926;
       position: relative
   }
   .kho-khan-nganh .noi-dung.right .number div{
       text-align: right;
   }

   
   .kho-khan-nganh .noi-dung.left .number div::after{
       content:" ";
       position: absolute;
       width: 5px;
       height: 5px;
       background-color: #274A12;
       right: 0;
       bottom: 0;
       border-radius: 50%;
       transform: translate(50%,50%);
   }
   
   .kho-khan-nganh .noi-dung.right .number div::before{
       content:" ";
       position: absolute;
       width: 5px;
       height: 5px;
       background-color: #274A12;
       left: 0;
       bottom: 0;
       border-radius: 50%;
       transform: translate(-50%,50%);
   }
   
   
@media only screen and (max-width: 800px) {
    .kho-khan-nganh .nganh{
        font-size:24px;
    }
    .kho-khan-nganh .noi-dung .shape{
        width:60px;
    }
    
     .kho-khan-nganh .kho-khan .noi-dung .number, .kho-khan-nganh .kho-khan .noi-dung .data {
    width: 270px;
}
}

@media only screen and (max-width: 600px) {
   
   .kho-khan-nganh .nganh{
        font-size:24px;
        margin-bottom: 10px;
    }
   
   .kho-khan-nganh .shape,
   .kho-khan-nganh .number{
       display:none!important;
   }
   
    .kho-khan-nganh .kho-khan .noi-dung .number, .kho-khan-nganh .kho-khan .noi-dung .data {
    width: auto;
    left:0;
    right:0;
    margin:20px 0;
    }
    
    .kho-khan-nganh .noi-dung .number-sub{
        display:block;
    }
    .kho-khan-nganh .noi-dung .data{
        border-width:5px!important;
    }
}


.ung-dung-gp{
    background-color: white;
    margin: 0px 20px 20px 20px;
    
}

.ung-dung-gp .header{
     text-align: center;
    font-size: 28px;
    color: #f6821f;
     font-family: "Tahoma", Sans-serif;
     font-weight: 900;
     text-transform: uppercase; 
     margin-bottom: 50px;
}

.ung-dung-gp .ung-dung .item{
    display: flex;
    justify-content: center
}

.ung-dung-gp .item > *{
    width: 400px;
    flex-shrink: 0;

}

.ung-dung-gp .content ul{
    padding-left: 10px;
}
.ung-dung-gp .title{
     font-size: 22px;
   font-weight:700;
        color: #2E671A;
        text-transform: uppercase;
        border-bottom: 2px solid #2E671A;
}

.ung-dung-gp .data{
     display: flex;
     flex-flow: column;
   justify-content: center;
   margin: 20px 0;
   padding: 10px
}

.ung-dung-gp .item.right .data{
    padding-right: 30px 
}

.ung-dung-gp .item.left .data{
    padding-left: 30px 
}

.ung-dung-gp .content{
    margin-top: 10px;
    text-align: justify;
   
}

.ung-dung-gp .content p{
   padding: 0!important;
   margin: 0!important;
   border-width: 0!important;
   
}
.ung-dung-gp .shape-container{
    display: flex;
    align-items: center;
    position:relative;

}

.ung-dung-gp .shape{
       width: 220px;
    height: 220px;
    position: relative;
}

.ung-dung-gp .item.left .shape-container{
    justify-content: flex-end;

}

.ung-dung-gp .item.left .title{
    text-align: right;
}

.ung-dung-gp .shape img.icon{
    width: 220px;
     border-radius: 50%;
    border:15px solid  #274B13;
    background-color: white;
    position: relative;
    z-index: 10
    
}

.ung-dung-gp .bus{
    height: 25px;
    width: 300px;
    position: relative;
    background-color: #274B13;
    margin: 0 auto;
    transform: rotate(50deg)
}

.ung-dung-gp .bus.right{
    transform: rotate(-50deg)
}

.ung-dung-gp .ung-dung .item-container:last-child .bus{
    display: none;
}


@media only screen and (max-width: 800px) {
    .ung-dung-gp .item > .data{
      width: 400px;
      flex-shrink: 0;
  
  }
  .ung-dung-gp .item > .shape-container{
      width: 300px;
      flex-shrink: 0;
  
  }
  
  .ung-dung-gp .bus{
  
      transform: rotate(40deg)
  }
  
  .ung-dung-gp .bus.right{
      transform: rotate(-40deg)
  }
  
  }
  
  
  
  @media only screen and (max-width: 600px) {
      .ung-dung-gp .item{
          flex-direction: column;
      }
      
      .ung-dung-gp .item.right{
          flex-direction: column-reverse;
      }
      
      .ung-dung-gp .item >*{
          width:auto!important;
          padding:0!important;
      }
      
     .ung-dung-gp .bus{
         display: none;
     }
     
     .ung-dung-gp .shape {
      width: 100px;
      height: 100px;
      margin: 0 auto;
      position: relative;
  }
     .ung-dung-gp .shape img{
         border-width:5px!important;
     }
  }