.popup {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 9999999;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .pop_wrap {
        position: relative;
        width: 400px;
        height:400px;
        margin: 0;
        background: url('http://image.ichannela.com/images/common/cha_pop.jpg') no-repeat center center;
        background-size:contain;        
    }
    .pop_con {
        width: 400px;
        height:100%;        		
        display:table;       
    }
    .pop_con p {display:table-cell; vertical-align:middle; text-align:center; font-weight: bold; font-size:3.0rem; text-shadow: 2px 2px 2px black; }
    .popup .pop_wrap .popup-close {background: #333; width:100%; padding: 10px 0; position: relative; text-align: right;}
    
    @media all and (max-width:768px) {
      .popup {
          position: fixed;
          left: 2.5%;
          top: 85px;
          width: 94%;
          margin-left: 0px;
          z-index: 999;
          background:transparent;
          padding: 0;
          text-align: center;
          height: 44%;
      }
      .pop_wrap {width:100%; height:100%; margin: 0 auto; background: url('http://image.ichannela.com/images/common/cha_pop.jpg') no-repeat center center; background-size:cover;}
      .popup .pop_wrap .pop_con {width:100%; height:100%; display:table; text-align: center; font-weight: bold; font-size:0.85rem; color: #fff;  }
      .pop_con p { display:table-cell; vertical-align:middle; text-align:center; font-weight: bold; font-size:3.0rem; }
      .popup .pop_wrap .popup-close {background: #333; width:100%; padding: 10px 0; position: relative; text-align: right;}

    }