@font-face { font-family:"cfont"; src:url("muff.otf"); }
html { height: 100%; }
body { height:91vh; position:relative; background-color:#303030; color:#303030; background-image:url("bgw.gif"); /* background-size:cover; */ font-family:"times.ttf"; font-size:16px; }

.column { float:left; width:33.33%; height:91vh; }
.row:after { content:""; display:table; clear:both; }
.speech-bubble { background:#75F5CA; left:80px; -moz-border-radius:10px; -webkit-border-radius: 10px; border-radius:10px; }
.speech-bubble:before { content:""; position:absolute; width:0; height:0; border-top:13px solid transparent; border-right:26px solid #003E7C; border-bottom: 13px solid transparent; margin:13px 0 0 -35px; }

#msgList { width:100%; display:inline-block; margin:0; padding:0; }
#msglist li { cursor:pointer; border:1px solid #000000; margin-top: -1px; background-color:rgb(245,245,220); opacity:0.9; padding:12px; color:black; display:block; }
#dmList { width:100%; display:inline-block; margin:0; padding:0; }
#viewjob { position:fixed;width:460px;height:93vh;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border:1px solid black;background-color:rgb(245,245,220,1);z-index:100;overflow:auto;display:none; }
#viewwait { position:fixed;width:460px;height:190px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border:1px solid black;background-color:rgb(245,245,220,0.9);z-index:100;overflow:auto;display:none; }
#viewuser { position:fixed;width:460px;height:93vh;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border:1px solid black;background-color:rgb(245,245,220,1);z-index:100;overflow:auto;display:none; }
#m0 { position:fixed;width:460px;height:200px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border:1px solid black;z-index:100;overflow:auto;text-align:center;display:none; }

.hitle { width:100%;font-size:19px;font-weight:bold;color:#1A0DAB;padding:2px; }
.footer { position:fixed;left:0;bottom:0;width:100%;height:30px;background-color:#6BA826;text-align:center;display:flex;justify-content:center;align-items: center; margin-top:10px;z-index:99; }
.overlay { height: 100%; width: 0; position: fixed; z-index: 100; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden; }
.audiv1 { width:100%; padding:2px 0 2px 0; background-color:#e5e513; }
.audiv11 { width:100%; padding:2px 0 2px 0; background-color:#e5e513; }
.audiv2 { width:100%; padding:2px 0 2px 0; height:466px; overflow:auto; background-color:rgb(139,197,63); opacity:1; }
.audiv3 { width:100%; max-height:40%; text-align:center; margin-top:10px; background-color:rgb(139,197,63); padding:2px 0 2px 0; }
.pmdiv0 { position:relative; width:53%; height:100%; float:left; padding-bottom:2px; background-color: rgb(139,197,63); opacity:1; }
.dmdiv0 { position:relative; width:46%; height:100%; float:right; padding-bottom:2px; background-color: rgb(139,197,63); opacity:1; }

.pmdiv1 { width:100%; padding:2px 0; background-color:#e5e513; }
.pmdiv2 { width:100%; padding:2px; height:510px; overflow:auto; margin:2px 0 5px 0; }
.dmdiv1 { width:100%; padding:2px; background-color:#e5e513; }
.dmdiv2 { width:100%; padding:2px; height:78%; overflow:auto; margin: 10px 0 3px 0; }
.dmdiv3 { width:100%; padding:0 2px 0 2px; overflow:auto; margin:0; }
.divhead { position:fixed;width:100%;top:0;left:0;background-color:#6BA826;z-index:13; }
.divheadmenu { position:relative; width:100%; top:28px; left:0; z-index:13; }
.div01 { position:relative; width:67%; float:right; border-left:6px solid #e5e513; top:40px; bottom:40px; z-index:6; overflow:auto; display:block; }
.div02 { position:relative; width:31%; float:left; top:40px; bottom:40px; z-index:6; overflow:auto; display:block; }
.menu { position:fixed; width:98%; padding:0; margin-top:38px; z-index:6; display: inline-block; }
.rw { margin-top:-1px; opacity:0.9; padding:6px; text-decoration:none; background-color:#4DCDA2; }
.rw:hover { background-color:#CEED68; }
.rx { margin-top:-1px; opacity:0.9; padding:6px; text-decoration:none; background-color:#75F5CA; }
.rx:hover { background-color:#CEED68; }
.rc { margin-top:-1px; opacity:0.9; padding:6px; text-decoration:none; background-color:#C2B283; }
.rc:hover { background-color:#CEED68; }
.rw1 { height:28px;line-height:28px;background-color:#F5F5DC; }
.rx1 { height:28px;line-height:28px;background-color:#E5DEC9; }
.acell { background-color:#CEED68; text-align:center; line-height:32px; cursor:pointer; border-top: 3px solid #303030; border-bottom: 3px solid #303030; }
.acell:hover { background-color:#E5E513; }
.bcell { background-color:#B2DD5D;text-align:center;line-height:25px;cursor:pointer; }
.bcell:hover { background-color:#C7EA46; }
.dcell { background-color:#76FF7A; text-align:center; line-height:32px; cursor:pointer; border-top: 3px solid #303030; border-bottom: 3px solid #303030; }
.dcell:hover { background-color:#E5E513; }
.tcell { background-color:aquamarine;cursor:pointer;width:110px;text-align:center; }
.tcell:hover { background-color:#CEED68; }
#slogo { width:110px; }
.tbounce { font-family: 'cfont'; font-size:15px; animation: bounce .4s ease infinite alternate; }
@keyframes bounce { 100% { transform:translateY(-5px); } }
.tips { font-size:12px; }
.tinput { height:28px; border-radius:6px; }
#w0 { display:none; }
#w1 { display:none; }
@keyframes fO { 0% { opacity: 1; } 100% { opacity: 0; } }
#uList { width:100%; display: inline-block; margin: 0; padding:0; }
#uList li { margin-top: -1px; background-color:rgb(245,245,220); opacity:0.9; padding:8px; color:black; display:block; }
#bezel { font-size:19px; text-align:left; }
.div0L { position:relative; float:left; width:268px; top:38px; }
.uid { cursor:pointer; color: #1A0DAB; }
.uid:hover { color: #EC4D37; }
                                        /* myjobs - browse - applied - R Col */
.d10  { width:68%; margin-top:40px; float:right; } 
.d10t { width:100%; height:22px; background-color:#e5e513; }
.d10c { width:100%; height:calc(100vh - 113px); overflow:auto; }

.d20  { width:31%; margin-top:40px; float:left; }/* myjobs - applied - L Col */
.d20t { width:100%; height:auto; background-color:#e5e513; }
.d20c { width:100%; height:calc(100vh - 144px); overflow:auto; }
.d21c { width:100%; height:auto; overflow:visible; }
.d30  { width:31%; margin-top:40px; float:left; } /* postnew-postupd - L Col */
.d30t { width:100%; height:22px; background-color:#e5e513; }
.d30c { width:100%; height:auto; overflow:visible; }
.d31c { width:100%; height:calc(100vh - 144px); overflow:visible; }
.d40  { width:68%; margin-top:40px; float:right; }/* postnew-postupd - R Col */
.d40t { width:100%; height:22px; background-color:#e5e513; }
.d41c { width:53%; height:auto; float:left; }
.d42c { width:46%; height:auto; float:right; margin-bottom:30px; }

.d50  { width:31%; margin-top:40px; float:left; }         /* profile - L Col */
.d50t { width:100%; height:22px; background-color:#e5e513; }
.d51c { width:100%; height:auto; overflow:visible; }
.d52c { width:100%; height:auto; overflow:visible; }
.d60  { width:68%; margin-top:40px; float:right; }  /* profile-ufile - R Col */
.d60t { width:100%; height:22px; background-color:#e5e513; }
.d61c { width:53%; height:auto; float:left; }
.d62c { width:46%; height:auto; float:right; margin-bottom:30px; }
.d70  { width:31%; margin-top:40px; float:left; }           /* ufile - L Col */
.d70t { width:100%; height:22px; background-color:#e5e513; }
.d71c { width:100%; height:auto; overflow:visible; }
.d72c { width:100%; height:auto; overflow:visible; }
.d73c { width:100%; height:auto; overflow:visible; }

.d80  { width:31%; margin-top:40px; float:left; }            /* browse L Col */
.d80t { width:100%; height:auto; background-color:#e5e513; }
.d80c { width:100%; height:auto; overflow:visible; margin-bottom:40px; }

@media screen and (max-width:700px){
.d10 { width:100%; float:none; }
.d11c { width:100%; float:none; }
.d12c { width:100%; float:none; }
.d20 { width:100%; float:none; margin-top:20px; }
.d30 { width:100%; float:none; overflow:visible; }
.d40 { width:100%; float:none; margin-top:0; }
.d41c { width:100%; float:none; }
.d42c { width:100%; float:none; }
.d50 { width:100%; float:none; margin-top:0; overflow:visible; }
.d51c { width:100%; float:none; margin-bottom:10px; }
.d52c { width:100%; float:none; margin-bottom:40px; }
.d60 { width:100%; float:none; }
.d61c { width:100%; float:none; }
.d62c { width:100%; float:none; margin-bottom:0; }
.d70 { width:100%; float:none; margin-top:30px; overflow:visible; }
.d71c { width:100%; float:none; margin-bottom:20px; }
.d72c { width:100%; float:none; margin-bottom:20px; }
.d73c { width:100%; float:none; margin-bottom:60px; }
.d80 { width:100%; float:none; margin-top:20px; }

body { height:81vh; background-color:rgb(139,197,63); }
     .div01 { width: 100%; float:none; top:40px; padding:0; border-left:0; }
     .div02 { width:100%; float:none; top:40px; padding: 8px 0 36px 0; }
     .pmdiv0 { position:relative; width:100%; height:65%; float:none; padding:0; }
     .dmdiv0 { position:relative; width:100%; height:35%; float:none; padding:6px 0 0 0; }
     .audiv11 { margin-top:20px; }
.div0L { float:none; width:100%; top:38px; }
.div0L1 { width:99%; padding:5px; background-color:#303030; border-radius:10px; }
.div0R { width:100%; margin-left:0; margin-top:10px; }
.div0R img { width:100%; height:auto; }
.column { width:100%; height:auto; }
#viewjob { width:100%; }
#viewuser { width:100%; }
#m0 { width:100%;min-height:160px; }
#stitle { display: none; }
#slogo { width:32px; }
}