.main-wrapper {
    background-color: #FFFFFF;
}

.module-grid { 
    padding-top: 82px !important;
}

.cc-link-dtl {
    width: 1260px;
    height: 650px;
    background-image: url('/content/images/chococard/link/link-detail.png');
    background-repeat: no-repeat; 
    background-color: #FFFFFF;
}

.cc-usr-wrp {
    width: 1260px;
    height: 423px;
}

.cc-usr-wrp .ph {
    float: left;
    width: 500px;
    height: 423px;
    background-image: url('/content/images/chococard/link/link-placeholder.png');
    background-repeat: no-repeat; 
}

.cc-usr-wrp .info-wrp {
    float: left;
    width: 756px;
    height: 419px;
    background-color: #FFFFFF;
    border: 2px solid #FFE8AC;
    border-left: 0px;
}

.cc-usr-wrp .info-wrp .link-wrp {
    margin-top: 72px;
    width: auto;
    height: auto;
    overflow: auto;
}

.cc-usr-wrp .info-wrp .link-wrp .arr-lframe {
    float: left;
    margin: 30px 0px 0px 64px;
}

.cc-usr-wrp .info-wrp .link-wrp .arr-lframe .rarr-wrp {
    float: left;
    width: 20px;
    height: 34px;
    margin: 0px 8px 0px 0px;
}

.cc-usr-wrp .info-wrp .link-wrp .arr-lframe .rarr-wrp .rarr {
    width: 20px;
    height: 34px;
    background-image: url('/content/images/chococard/link/link-arrow-right.png');
    background-repeat: no-repeat; 
}

.cc-usr-wrp .info-wrp .link-wrp .link-btn {
    float: left;
    width: 390px;
    height: 93px;
    margin: 0px 10px 0px 10px;
    background-image: url('/content/images/chococard/link/link-btn.png');
    background-repeat: no-repeat; 
}

.cc-usr-wrp .info-wrp .link-wrp .link-btn:hover {
    cursor: pointer;
    background-position: -390px 0px;    
}

.cc-usr-wrp .info-wrp .link-wrp .arr-rframe {
    float: left;
    margin: 30px 0px 0px 8px;
}

.cc-usr-wrp .info-wrp .link-wrp .arr-rframe .larr-wrp {
    float: left;
    width: 20px;
    height: 34px;
    margin: 0px 8px 0px 0px;
}

.cc-usr-wrp .info-wrp .link-wrp .arr-rframe .larr-wrp .larr {
    width: 20px;
    height: 34px;
    background-image: url('/content/images/chococard/link/link-arrow-left.png');
    background-repeat: no-repeat; 
}

.cc-usr-wrp .info-wrp .pt-wrp {
    overflow: auto;
}

.cc-usr-wrp .info-wrp .pt-wrp .pt-frm-wrp {
    float: left;
    width: 200px;
    height: auto;
    margin: 50px 0px 0px 36px;
}

.cc-usr-wrp .info-wrp .pt-wrp .pt-frm-wrp .lbl {
    width: 200px;
    text-align: center;
    font-family: 'helvethaicaXBd';
    font-size: 30px;
    color: #311A0F;
}

.cc-usr-wrp .info-wrp .pt-wrp .pt-frm-wrp .cframe {
    width: 117px;
    height: 117px;
    margin: 20px 0px 0px 41px;
    background-image: url('/content/images/chococard/common/choco-point-frame.png');
    background-repeat: no-repeat; 
    overflow: auto;
}

.cc-usr-wrp .info-wrp .pt-wrp .pt-frm-wrp .cframe .ptxt {
    width: 117px;  
    margin: 24px 0px 0px 0px;
    font-family: 'myriadProBold';
    font-size: 60px;
    text-align: center;      
    color: #F28019;    
}

.cc-footer {
    width: 1260px;
    height: auto;
    overflow: auto;
    background-color: #FFFFFF;
}

.cc-footer .ft {
    width: 561px;
    height: 112px;
    margin: 20px auto 30px auto;
    background-image: url('/content/images/chococard/link/link-footer.png');
    background-repeat: no-repeat; 
}

.lnk-popup {
    width: 550px;
    height: 345px;
    background-color: #FFFFFF;
    z-index: 2500;
    overflow: auto;
}

.lnk-popup .hd {
    width: 550px;
    height: 85px;
    background-color: #FFC21A;  
    overflow: auto;  
}

.lnk-popup .hd .card {
    width: 377px;
    height: 33px;
    margin: 34px auto 0px auto;
    background-image:url('/content/images/chococard/link/link-card-hd.png');
    background-repeat:no-repeat;   
}

.lnk-popup .has-wrp {
    height: auto;
    margin: 22px 0px 0px 0px; 
}

.lnk-popup .has-wrp .has-chk {
    float: left;
    cursor: pointer;
    width: 22px;
    height: 22px;
    margin: 0px 0px 0px 25px;
    background-image:url('/content/images/chococard/common/choco-radio-btn.png');
    background-repeat:no-repeat;   
}

.lnk-popup .has-wrp .has-chk.act {
    background-position: -22px 0px;  
}

.lnk-popup .has-wrp .has-txt {
    float: left;
    width: 386px;
    height: 19px;
    margin: 0px 0px 0px 15px;
    background-image:url('/content/images/chococard/link/link-has-card.png');
    background-repeat:no-repeat;   
}

.lnk-popup .mob-frm {
    position: relative;
    width: 495px;
    height: 55px;
    margin: 20px 0px 0px 27px;
    overflow: auto; 
}

.lnk-popup .mob-frm .mob-inp {
    position: absolute;
    width: 455px;
    height: 51px;
    font-family: 'supermarket';
    font-size: 22px;
    color: #FFC21A;
    padding: 1px 10px 1px 10px;
    border: 1px solid #FDE39B;
}

.lnk-popup .mob-frm .mob {
    position: absolute;
    top: 7px;
    right: 30px;
    width: 25px;
    height: 38px;
    background-image: url('/content/images/chococard/link/link-mob-icon.png');
    background-repeat: no-repeat;   
}

.lnk-popup .not-has-wrp {
    height: auto;
    margin: 22px 0px 0px 0px; 
}

.lnk-popup .not-has-wrp .not-has-chk {
    float: left;
    cursor: pointer;
    width: 22px;
    height: 22px;
    margin: 0px 0px 0px 25px;
    background-image:url('/content/images/chococard/common/choco-radio-btn.png');
    background-repeat:no-repeat;   
}

.lnk-popup .not-has-wrp .not-has-chk.act {
    background-position: -22px 0px;  
}

.lnk-popup .not-has-wrp .not-has-txt {
    float: left;
    width: 92px;
    height: 19px;
    margin: 0px 0px 0px 15px;
    background-image:url('/content/images/chococard/link/link-not-has-card.png');
    background-repeat:no-repeat;   
}

.lnk-popup .not-has-txt-dtl {    
    display: none;
    margin: 10px 0px 0px 62px;
    font-family: 'helvethaicaXBd';
    font-size: 22px;    
    line-height: 26px;
}

.lnk-popup .not-has-txt-dtl .hlt {    
    color: #195FAD;
    text-decoration: none;
}

.lnk-popup .link-btn {    
    width: 225px;
    height: 39px;
    margin: 30px auto 0px auto;
    background-image:url('/content/images/chococard/link/link-phone-btn.png');
    background-repeat:no-repeat;   
}

.lnk-popup .link-btn:hover {    
    cursor: pointer;
    background-position: -225px 0px; 
}

.not-fnd-lnk-popup {
    width: 550px;
    height: 380px;
    background-color: #FFFFFF;
    z-index: 2500;
    overflow: auto;
}

.not-fnd-lnk-popup .hd {
    width: 550px;
    height: 85px;
    background-color: #FFC21A;  
    overflow: auto;  
}

.not-fnd-lnk-popup .hd .oops {
    width: 140px;
    height: 49px;
    margin: 20px auto 0px auto;
    background-image:url('/content/images/chococard/link/link-oops.png');
    background-repeat:no-repeat;  
}

.not-fnd-lnk-popup .sry {
    width: 325px;
    height: 55px;
    margin: 22px auto 0px auto;
    background-image:url('/content/images/chococard/link/link-sry-phone.png');
    background-repeat:no-repeat;  
}

.not-fnd-lnk-popup .phone-no {
    width: 550px;
    font-family: 'myriadProBold';
    font-size: 36px;
    text-align: center;
    margin: 25px 0px 0px 0px;
    color: #FDB617;
}

.not-fnd-lnk-popup .dash {
    width: 550px;
    height: 3px;
    margin: 20px auto 0px auto;
    background-image:url('/content/images/chococard/link/link-dash.png');
    background-repeat:no-repeat;  
}

.not-fnd-lnk-popup .ft-dtl {
    width: 429px;
    height: 41px;
    margin: 20px auto 0px auto;
    background-image:url('/content/images/chococard/link/link-get-card.png');
    background-repeat:no-repeat;  
}

.not-fnd-lnk-popup .ok-btn {
    width: 122px;
    height: 39px;
    margin: 15px auto 0px auto;
    background-image:url('/content/images/chococard/link/link-ok-btn.png');
    background-repeat:no-repeat;  
}

.not-fnd-lnk-popup .ok-btn:hover {
    cursor: pointer;
    background-position: -122px 0px;
}

.cfm-lnk-popup {
    width: 550px;
    height: 390px;
    background-color: #FFFFFF;
    z-index: 2500;
    overflow: auto;
}

.cfm-lnk-popup .hd {
    width: 550px;
    height: 85px;
    background-color: #FFC21A;  
    overflow: auto;  
}

.cfm-lnk-popup .hd .regis {
    width: 315px;
    height: 33px;
    margin: 30px auto 0px auto;
    background-image:url('/content/images/chococard/link/link-registration.png');
    background-repeat:no-repeat;  
}

.cfm-lnk-popup .enter {
    width: 475px;
    height: 33px;
    margin: 26px auto 0px auto;
    background-image:url('/content/images/chococard/link/link-enter-code.png');
    background-repeat:no-repeat;   
}

.cfm-lnk-popup .phone-no {
    width: 550px;
    font-family: 'myriadProBold';
    font-size: 36px;
    text-align: center;
    margin: 10px 0px 0px 0px;
    color: #FDB617;
}

.cfm-lnk-popup .dash {
    width: 550px;
    height: 3px;
    margin: 15px auto 0px auto;
    background-image:url('/content/images/chococard/link/link-dash.png');
    background-repeat:no-repeat;  
}

.cfm-lnk-popup .cf-inp {
    width: 474px;
    height: 53px;
    font-family: 'myriadProBold';
    font-size: 24px;
    color: #FFC21A;
    margin: 20px auto 0px 27px;
    border: 1px solid #FDE39B;
    padding: 1px 10px 1px 10px;
}

.cfm-lnk-popup .ft-dtl {
    width: 550px;
    text-align: center;
    margin: 15px 0px 0px 0px;
    font-family: 'helvethaicaXBd';
    font-size: 22px;
    color: #613B1B;
    cursor: pointer;
}

.cfm-lnk-popup .ft-dtl .hlt {   
    color: #195FAD;
    text-decoration: none;
}

.cfm-lnk-popup .ok-btn {
    width: 122px;
    height: 39px;
    margin: 15px auto 0px auto;
    background-image:url('/content/images/chococard/link/link-ok-btn.png');
    background-repeat:no-repeat;  
}

.cfm-lnk-popup .ok-btn:hover {
    cursor: pointer;
    background-position: -122px 0px;
}