body{margin:0;font-family:roboto;font-size:16px;background:#111 url('../../images/tocoop-19.png') no-repeat top center;}

.p_m.p_s1{position:relative;width:100%;float:right;line-height:0;display:inline-block;z-index:1;}
.p_m.p_s1 .p_h{width:100%;display:inline-block;}
.p_m.p_s1 .p_f{width:100%;display:inline-block;}
.p_m.p_s1 .p_p1{width:100%;float:left;display:inline-block;}

h1.ht{display:inline-block;font-family:Ubuntu;line-height:1.2;margin-bottom:10px;text-align:left;width:100%;}
h1.ht a {color:#eee;}
.m{width:98%;max-width:600px;margin:10px auto;line-height:0;display:table;}
.m h1, .m h2, .m h3, .m h4, .m h5, .m h6{margin:0;}
.m a{text-decoration:none;}
.m .in{width:98%;height:35px;margin-top:1px;padding:0 1%;font-size:16px;color:#333;background:#eee;border:0;line-height:35px;display:inline-block;}
.m .sb{width:100px;height:30px;margin-top:1px;font-size:16px;color:#333;background:#eee;border:0;text-align:center;line-height:30px;}
.m .se{width:100%;margin-top:1px;display:inline-block;}
.m .msg{width:100%;color:#eee;text-align:center;line-height:35px;display:inline-block;}
.m .msg.er{font-size:30px;font-weight:bold;}
.m .msg .lo{width:100px;height:35px;background:url('../../images/tocoop-23.gif') no-repeat scroll center center / contain;vertical-align:middle;display:inline-block;}
.m .bu{width:100%;height:35px;font-family:robotoB;font-size:14px;color:#333;background:#eee;border:0;text-align:center;text-decoration:none;text-transform:uppercase;line-height:35px;display:inline-block;cursor:pointer;}
.m .bu.disabled{background:#ccc;color:#eee;}
.m .shm{width:100%;height:35px;margin:0 auto 10px auto;font-family:robotoB;color:#333;background:#eee;text-align:center;line-height:35px;display:none;cursor:pointer;}
.m .shm div{width:100%;height:100%;line-height:35px;display:inline-block;}
.m .nc{width:100%;margin:100px 0;font-size:22px;text-align:center;display:inline-block;}
.m .bup{position:relative;width:100%;display:inline-block;}
.m .bup .buc{position:absolute;top:-100px;left:calc(50% - 155px);width:300px;display:none;}
.m .bup .buc .bg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0, .5);display:inline-block;z-index:999;}
.m .bup .buc .bub{position:relative;width:calc(100% - 10px);padding:10px;background:rgba(255, 255, 255, 0.9);display:inline-block;z-index:1000;}
.m .bup .buc .bub .ti{width:100%;margin:10px 0 20px;padding:0;font-family:robotoB;font-size:14px;color:#444;background:none;border-radius:0;direction:ltr;text-align:center;line-height:1.2;display:inline-block;}
.m .bup .buc .bub .bu.no{width:125px;float:left;background:#ddd;}
.m .bup .buc .bub .bu.ye{width:125px;float:right;background:#ddd;}
.m .bup .buc .bub .bu:hover{color:#eee;background:#333;}

.mf_bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#333 url('../../images/tocoop-19.png') top center no-repeat;line-height:0;display:inline-block;z-index:1000;}
.mf{top:0;left:0;width:100%;height:100%;font-family:roboto;font-size:16px;line-height:0;display:table;z-index:1000;}
.mf.mf_ab{position:absolute;}
.mf.mf_fi{position:fixed;}
.mf .mf_p{height:100%;vertical-align:middle;display:table-cell;}
.mf .mf_pi{width:60%;margin:0 auto;text-align:center;display:table;}
.mf .mf_pi .ti{width:100%;font-family:robotoB;font-size:24px;color:#eee;text-align:left;text-transform:uppercase;line-height:35px;display:inline-block;}
.mf .mf_pi .te{width:100%;margin:5px 0;font-family:roboto;font-size:20px;color:#eee;text-align:left;line-height:25px;display:inline-block;}
.mf .mf_pi .de{width:100%;font-family:roboto;font-size:14px;color:#eee;text-align:left;line-height:25px;display:inline-block;}
.mf .mf_pi select{width:100%;height:30px;font-size:16px;color:#333;background:#eee;border:0;text-align:center;line-height:30px;}
.mf .mf_pi .bu.ca{width:49%;float:left;}
.mf .mf_pi .bu.se{width:49%;float:right;background:#fff;}
.mf .mf_pi .bu.ne{width:49%;float:right;background:#fff;}

@media only screen and (max-width:620px) {
.mf .mf_pi{width:90%;}
}

.exi{background:url('../../images/experience-v1.png') no-repeat scroll center top / cover;}
.mei{background:url('../../images/medal-v1.png') no-repeat scroll center top / cover;}
.coi{background:url('../../images/coins-v1.png') no-repeat scroll center top / cover;}

.img{max-width:100%;margin:10px auto;display:table;}

.ui-dialog{position:fixed !important;height:auto !important;width:300px !important;left:50% !important;top:50% !important;transform:translate(-50%, -50%) !important;}
.ui-dialog .ui-widget-content{border:0;}
.ui-dialog .ui-dialog-titlebar{display:none;}
.ui-dialog .ui-dialog-content{padding:5px;font-family:roboto;font-size:13px;color:#141414;background:#eee;}
.ui-dialog .ui-dialog-buttonpane{margin:0;padding:0;}
.ui-dialog .ui-dialog-buttonpane button{font-family:roboto;font-size:14px;color:#333;background:#eee;border-radius:100px;padding:0 10px;margin:0 5px;border:none;}

.p_u_1_m .p_u_1_p2{width:39%;padding:5%;display:none;border-left:1px solid #999;}
@media only screen and (max-width:620px) {
.m{width:98%;}
}