.mpClass_detail{float:left; position:relative;width:63%;border:0px solid #f00; padding:0px; text-align:left; margin-left:10px }
.mpClass_pic{float:left;height:73px; overflow:hidden;  width:131PX}

.mpClass18px{font-size:18px;font-family:'MyWebFontBk';color:#9A9A9A;text-align: center;}
      	
.mpClass12px{float:left; position:relative; width:100%;font-family:'MyWebFontR'; 
				font-size:12px; margin:0px 0px; color:#808080
			}
			
.mpClass14px{font-size:14px;font-family:'MyWebFontR'; color:#9A9A9A
			}

.mpClass15px{float:left; position:relative; width:100%;font-family:'MyWebFontR'; color:#000;margin-bottom:5px; text-transform:uppercase; font-size:15px;line-height:15px;}

.textC{text-align: center;}

#overlayPop {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8); /* Black background with opacity */
    z-index: 1000; /* Specify a stack order in case you're using a different order for other elements */
     /* Add a pointer on hover */
}

#overlayPopTnC {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8); /* Black background with opacity */
    z-index: 1000; /* Specify a stack order in case you're using a different order for other elements */
     /* Add a pointer on hover */
}

#overlayPopSuccess {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8); /* Black background with opacity */
    z-index: 1000; /* Specify a stack order in case you're using a different order for other elements */
     /* Add a pointer on hover */
     
     text-align: center; font-family: 'GB'; padding: 0px 0px;
}

#overlayPopShare {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.9); /* Black background with opacity */
    z-index: 3000; /* Specify a stack order in case you're using a different order for other elements */
     /* Add a pointer on hover */
}

#overlayPopSrchUrMP {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8); /* Black background with opacity */
    z-index: 1000; /* Specify a stack order in case you're using a different order for other elements */
     /* Add a pointer on hover */
}

#overlayPopTnC, p{ font-size: 12px; padding: 0px 0px; }

#overlayPopSuccess, P{ font-size:12px; line-height: 15px; font-family: 'Arial', sans-serif; color: #454545; }
#clsFinal{ font-size: 16px; font-family: 'GR'; margin-top: 30px; color: #454545; padding: 0px 10px; border-bottom: 1px solid #d7d7d7; cursor: pointer; }

.OlyPanel{ width:680px; height:590px;margin:3.5% auto; background-color:#fff;position: relative; }

.olyBtnContainer{ float:left;position:absolute; bottom:0; left:0; }

.olysubmitBtn{ float:left; width: 100%; bottom:0; left:0; margin-top: -5px; }
    
.OlyPanelShare{ width:690px; height:494px;margin:5% auto; border:0px solid #000; position: relative; }
    
.PnlContainerShare{position:relative;float: left;width:100%; margin:3% 3%; }

    .Pnlheader{position:relative;margin-left:20px;float: left; margin-top:20px;}

    .PnlClose{position:absolute;right:10px; top:10px;cursor: pointer;}
    
    .PnlCloseSrchUrMP{position:absolute;right:10px; top:10px;cursor: pointer;}
    
    .CloseTnC{position:absolute;right:10px; top:10px;cursor: pointer;}
    
    .CloseShare{position:absolute;right:10px; top:10px;cursor: pointer;}
    
    .CloseSuccess{position:absolute;right:10px; top:10px;cursor: pointer;}

    .PnlFooter{position:absolute;float: left; bottom:0px; width:100%; height: 100px; background-color: #fc7d74; }

    .PnlContainer{position:relative;float: left;width:92%; margin:1% 4%; border-top:2px solid #d7d7d7; }

    .PnlContainer h1{ font-family:'Khand', sans-serif; font-size:16px;color:#5b5b5b; }
    
    .SelMP{ padding: 0px 0px; }

    .PnlInput{ float:left; position:relative; width: 195px;
      border:none;border-bottom: 1px solid #ccc;height: 30px;;margin-right:10px; }
      
.CloseShare{ cursor: pointer; }

.sharIcon{float: left;position:relative; width: 37px; height: 37px; overflow: hidden; margin-bottom: 6px;cursor:pointer;}
    .sharIcon img{cursor:pointer;width:100%;}
.btnShare{ cursor: pointer; float: left; margin-top: 3px; }
.btnShare:hover { text-decoration: underline; }

.divImg { float: right; width: 35%; padding: 5px 0px; color: #454545; font-size: 14px; display: inline-block; box-sizing: border-box; }
.divImg label{ float: left; padding: 5px; cursor: pointer; }
.divImg span{ height: 15px; width: 15px; float: right; margin-right: 5px; padding: 5px; text-align: center; border: 1px solid #ccc; }
.divImg label:hover { text-decoration: underline; font-weight: 600; }
.close{ cursor: pointer; }
.check{ display: none; }
#readTnC{ cursor: pointer; float: left; margin-top: 3px; }
#readTnC:hover { text-decoration: underline; }
input[type="file"] {
    display: none;
}
.divLengthCount {
    float: left;
    width: 100%;
    margin-top: 2px;
    display: inline-block;
    box-sizing: border-box;
    font: 13.3333px Arial;
}

.PnlInput100{ float:left; position:relative; width: 100%;
      border:none;border-bottom: 1px solid #ccc;height: 30px;;margin-top:5px; }
      
textarea{ float:left; position:relative; width: 100%;
      border:none;border-bottom: 1px solid #ccc;margin-top: 5px; outline: none;
}
      
   .PnlBtn{float:left; position:relative; width: auto; height: 30px;margin-top:20px;margin-right:10px; padding:0px 20px;border-radius: 4px;  }
   .active{background-color:#E96465;border: 1px solid #E96465 }
   
   input[type=button]:disabled{background-color:#ccc;border: 1px solid #ccc; }
   input[type=button]:enabled{background-color:#E96465;border: 1px solid #E96465; }

   
    input[type=button]:active {outline: none;}
    input[type=button]:focus {outline:1;}
    input[type=text]:active {outline: none;}
    input[type=text]:focus {outline:0;border-bottom: 1px solid #000}

  #sOptionOLY {float:left; position:relative;width:100%; margin-top:0%; margin-bottom:4%}
 .cSl select{   background: transparent;
   width: 220px;
   padding: 5px;
   font-size: 12px;
 
   border: 0;
   
   height: 34px;
   -webkit-appearance: none;}



.cSl{float:left; position:relative; margin-right:10px;
   width: 195px;
   height: 30px;
   overflow: hidden;
   background: url(/images/Arrow%20icon_down1.png) no-repeat right;
   border-bottom: 1px solid #ccc;
   border-radius: 4px;
   }
   
   .cSl select:focus {outline:0;}
   
   
   .cBtn {float:left; position:relative; margin-right:10px;
   width: 100px;
   height: 30px;line-height: 30px; text-align:center;
  font-family:'MyWebFontR'; font-size:14px; color:#fff;
   background: #B2B2B2;
   border: 1px solid #fff;
   border-radius: 4px;
   }


   .mp_pic{float: left;
      border-radius: 50%; width:60px; height:60px; z-index:20;border:1px solid #ccc; 
      overflow: hidden; 
    }

    .mp_pic img{width:100%; }

    .mp_NmCo{float:left; position: relative;margin-left:20px;font-family: Roboto; }

    .TPA_tab_dtN {
    font-size: 14px;
    font-family: 'GB';
    color: #454545;
}

.TPA_tab_dtP {float:left; position: relative;padding-top: 5px;
    font-size: 12px;
    font-family: 'GR';
    color: #454545;
}
.TPA_tab_dtP2 {float:left; position: relative;padding-top: 1px;
    font-size: 12px;
    font-family: 'GR';
    color: #454545;
}


#MPDetailData{float: left; width: 100%; display: none; border-top:1px solid #F1F0F0;border-bottom:1px solid #F1F0F0; padding:2% 0% }
#MPSrchData{float: left; width: 100%; display: none; border-top:1px solid #F1F0F0;border-bottom:1px solid #F1F0F0; padding:2% 0% }
#USRDetail{float: left; width: 100%; height:180px; display: none;margin:1% 0%; margin-top: 0%; }
#USRDetailSrch{float: left; width: 100%; height:20px; display: none;margin:1% 0%;}
#USRDetailSrch a{float: left; width: 100%; font-size: 12px; color: #7a7a7a; }
#FORMDetail{float: left; width: 100%; height:180px; display: none;margin:1% 0%;}


#AuthDetail{float: left; width: 100%; height:140px; display: none;margin:1% 0%;padding-top:40px;}

input:required:invalid, input:focus:invalid {
    border-bottom:1px solid #fc7d74; 
  }
  input:required:valid {
   border-bottom:1px solid #ccc; 
  }

.col100{float: left; width: 100%;}

.pdT10{padding-top:10px }
.fntG14{font-family: 'GR'; font-size:14px; color:#bbb;}



@media only screen and (max-width: 500px) {

.mpClass_detail{float:left; position:relative;width:63%;border:0px solid #f00; padding:0px; text-align:left; margin-left:10px }
.mpClass_pic{float:left;height:73px; overflow:hidden;  width:131PX}

.mpClass18px{font-size:18px;font-family:'MyWebFontBk';color:#9A9A9A;text-align: center;}
      	
.mpClass12px{float:left; position:relative; width:100%;font-family:'MyWebFontR'; 
				font-size:12px; margin:0px 0px; color:#808080
			}
			
.mpClass14px{font-size:14px;font-family:'MyWebFontR'; color:#9A9A9A
			}

.mpClass15px{float:left; position:relative; width:100%;font-family:'MyWebFontR'; color:#000;margin-bottom:5px; text-transform:uppercase; font-size:15px;line-height:15px;}

.textC{text-align: center;}

#overlayPop {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0%; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8); /* Black background with opacity */
    z-index: 2000; /* Specify a stack order in case you're using a different order for other elements */
     /* Add a pointer on hover */
}

#overlayPopTnC {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0%; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8); /* Black background with opacity */
    z-index: 3000; /* Specify a stack order in case you're using a different order for other elements */
     /* Add a pointer on hover */
}

#overlayPopSuccess {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 93%; /* Full height (cover the whole page) */
    top: 7%; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8); /* Black background with opacity */
    z-index: 1000; /* Specify a stack order in case you're using a different order for other elements */
     /* Add a pointer on hover */
     
     text-align: center; font-family: 'GB'; padding: 0px 0px;
}

#overlayPopSuccess, P{ font-size: 11px; line-height: 13px; font-family: 'Arial', sans-serif; color: #454545; }
#clsFinal{ font-size: 16px; font-family: 'GR'; margin-top: 30px; color: #454545; padding: 0px 10px; border-bottom: 1px solid #d7d7d7; cursor: pointer; }

.OlyPanel{ width:100%; height:100%;margin:0%; background-color:#fff;position: relative; }

.olyBtnContainer{ float:left;position:absolute; bottom:44px; left:0; }

.olysubmitBtn{ float:left; width: 100%; bottom:0; left:0; margin-top: -5px; }
    
/*.OlyPanelShare{ width:690px; height:494px;margin:5% auto; border:0px solid #000; position: relative; }*/
    
/*.PnlContainerShare{position:relative;float: left;width:100%; margin:3% 3%; }*/
    
.OlyPanelShare{ width:690px; height:494; margin:15% auto; border:0px solid #000; position: relative; margin-left: -140px; transform: scale(.55); }
    
.PnlContainerShare{position:relative;float: left;width:100%; margin:0%; }

    .Pnlheader{position:relative;margin-left:10px;float: left; margin-top:20px;}

    .PnlClose{position:absolute;right:10px; top:10px;cursor: pointer;}
    
    .PnlCloseSrchUrMP{position:absolute;right:10px; top:10px;cursor: pointer;}
    
    .CloseTnC{position:absolute;right:10px; top:10px;cursor: pointer;}
    
    .CloseShare{position:absolute;right:10px; top:10px;cursor: pointer;}
    
    .CloseSuccess{position:absolute;right:10px; top:10px;cursor: pointer;}

    .PnlFooter{position:absolute;float: left; bottom:0px; width:100%; height: 80px; background-color: #fc7d74; }

    .PnlContainer{position:relative;float: left;width:92%; margin:1% 4%; border-top:2px solid #d7d7d7; }

    .PnlContainer h1{ font-family:'Khand', sans-serif; font-size:16px;color:#5b5b5b; }
    
    .SelMP{ padding: 0px 0px; }

    .PnlInput{ float:left; position:relative; width: 155px;
      border:none;border-bottom: 1px solid #ccc;height: 35px;;margin-right:10px; }
      
.CloseShare{ cursor: pointer; }

.sharIcon{float: left;position:relative; width: 37px; height: 37px; overflow: hidden; margin-bottom: 6px;cursor:pointer;}
    .sharIcon img{cursor:pointer;width:100%;}
.btnShare{ cursor: pointer; float: left; margin-top: 6px; width: 25px; }
.btnShare img{ width: 100%; }
.btnShare:hover { text-decoration: underline; }

.divImg { float: right; width: 48%; padding: 0px; color: #454545; font-size: 12px; display: inline-block; box-sizing: border-box; }
.divImg div{ padding-top: 3px; margin-top: 0px; margin-left: 0px; }
.divImg label{ float: left; padding: 0px; padding-top: 7px; cursor: pointer; }
.divImg span{ height: 15px; width: 15px; float: right; margin-right: 5px; padding: 5px; text-align: center; border: 1px solid #ccc; }
.divImg label:hover { text-decoration: underline; font-weight: 600; }
.close{ cursor: pointer; }
.check{ display: none; }
#readTnC{ cursor: pointer; float: left; margin-top: 3px; }
#readTnC:hover { text-decoration: underline; }
input[type="file"] {
    display: none;
}
.divLengthCount {
    float: left;
    width: 100%;
    margin-top: 2px;
    display: inline-block;
    box-sizing: border-box;
    font: 13.3333px Arial;
}

.PnlBtn{float:left; position:relative; width: auto; height: 30px;margin-top:10px;margin-right:10px; padding:0px 10px;border-radius: 4px;  }

.PnlInput100{ float:left; position:relative; width: 100%; border:none;border-bottom: 1px solid #ccc;height: 30px;;margin-top:5px; }
      
textarea{ float:left; position:relative; width: 100%;
      border:none;border-bottom: 1px solid #ccc;margin-top: 5px; outline: none;
}
   
   input[type=button]:disabled{background-color:#ccc;border: 1px solid #ccc; }
   input[type=button]:enabled{background-color:#E96465;border: 1px solid #E96465; }

   
    input[type=button]:active {outline: none;}
    input[type=button]:focus {outline:1;}
    input[type=text]:active {outline: none;}
    input[type=text]:focus {outline:0;border-bottom: 1px solid #000}

  #sOptionOLY {float:left; position:relative;width:100%; margin-top:1.5%; margin-bottom:4%}
 .cSl select{   background: transparent;
   width: 220px;
   padding: 5px;
   font-size: 12px;
 
   border: 0;
   
   height: 34px;
   -webkit-appearance: none;}



.cSl{float:left; position:relative; margin-right:10px;
   width: 155px;
   height: 35px;
   overflow: hidden;
   background: url(/images/Arrow%20icon_down1.png) no-repeat right;
   border-bottom: 1px solid #ccc;
   border-radius: 4px;
   }
   
   .cSl select:focus {outline:0;}
   
   
   .cBtn {float:left; position:relative; margin-right:10px;
   width: 100px;
   height: 30px;line-height: 30px; text-align:center;
  font-family:'MyWebFontR'; font-size:14px; color:#fff;
   background: #B2B2B2;
   border: 1px solid #fff;
   border-radius: 4px;
   }


   .mp_pic{float: left;
      border-radius: 50%; width:60px; height:60px; z-index:20;border:1px solid #ccc; 
      overflow: hidden; 
    }

    .mp_pic img{width:100%; }

    .mp_NmCo{float:left; position: relative;margin-left:20px;font-family: Roboto; }

    .TPA_tab_dtN {
    font-size: 14px;
    font-family: 'GB';
    color: #454545;
}

.TPA_tab_dtP {float:left; position: relative;padding-top: 5px;
    font-size: 12px;
    font-family: 'GR';
    color: #454545;
}
.TPA_tab_dtP2 {float:left; position: relative;padding-top: 1px;
    font-size: 12px;
    font-family: 'GR';
    color: #454545;
}


#MPDetailData{float: left; width: 100%; display: none; border-top:0px solid #F1F0F0;border-bottom:1px solid #F1F0F0; padding:3% 0% }
#MPSrchData{float: left; width: 100%; display: none; border-top:1px solid #F1F0F0;border-bottom:1px solid #F1F0F0; padding:2% 0% }
#USRDetail{float: left; width: 100%; height:180px; display: none;margin:1% 0%;}
#USRDetailSrch{float: left; width: 100%; height:20px; display: none;margin:1% 0%;}
#USRDetailSrch a{float: left; width: 100%; font-size: 12px; color: #7a7a7a; }
#FORMDetail{float: left; width: 100%; height:180px; display: none;margin:1% 0%;}


#AuthDetail{float: left; width: 100%; height:140px; display: none;margin:1% 0%;padding-top:40px;}

input:required:invalid, input:focus:invalid {
    border-bottom:1px solid #f00; 
  }
  input:required:valid {
   border-bottom:1px solid #ccc; 
  }

.col100{float: left; width: 100%;}

.pdT10{padding-top:10px }
.fntG14{font-family: 'GR'; font-size:14px; color:#bbb;}

}