body {margin:0;padding:0;background:#fafafa;font-family:sans-serif}



.bigwrapper {
}

.bigmenu1 {
 width:100%;
 background:#473129;
 padding:30px 0 30px 0;
 text-align:center;
 cursor:pointer;
}

.bigmenu1 img {
}

.bigmenu1 a {
 color:#ffffff;
 font-size:32px;
 font-family:'Hanna';
}

.bigmenu1 span {
 color:#fafafa;
 font-size:14px;
 font-family:'Jeju Gothic';
}




.bigmenu2 {
 width:100%;
 background:#563A2C;
 padding:30px 0 30px 0;
 text-align:center;
 cursor:pointer;
}

.bigmenu2 img {
}

.bigmenu2 a {
 color:#ffffff;
 font-size:32px;
 font-family:'Hanna';
}

.bigmenu2 span {
 color:#fafafa;
 font-size:14px;
 font-family:'Jeju Gothic';
}



.bigmenu3 {
 width:100%;
 background:#684632;
 padding:30px 0 30px 0;
 text-align:center;
cursor:pointer;
}

.bigmenu3 img {
}

.bigmenu3 a {
 color:#ffffff;
 font-size:32px;
 font-family:'Hanna';
}

.bigmenu3 span {
 color:#fafafa;
 font-size:14px;
 font-family:'Jeju Gothic';
}



.bigmenu4 {
 width:100%;
 background:#846A56;
 padding:30px 0 30px 0;
 text-align:center;
 cursor:pointer;
}

.bigmenu4 img {
}

.bigmenu4 a {
 color:#ffffff;
 font-size:32px;
 font-family:'Hanna';
}

.bigmenu4 span {
 color:#fafafa;
 font-size:14px;
 font-family:'Jeju Gothic';
}




.bigmenu5 {
 width:100%;
 background:#988369;
 padding:30px 0 30px 0;
 text-align:center;
 cursor:pointer;
}

.bigmenu5 img {
}

.bigmenu5 a {
 color:#ffffff;
 font-size:32px;
 font-family:'Hanna';
}

.bigmenu5 span {
 color:#fafafa;
 font-size:14px;
 font-family:'Jeju Gothic';
}


.bigsubmenu {
 width:100%;
 background:#f0f0f0;
 padding:13px 0 13px 0;
 text-align:center;
 cursor:pointer;
 border-bottom:1px solid #fff;
}

.bigsubmenu a {
 color:#333;
 font-size:14px;
 font-family:'Jeju Gothic';
}

.bigsubmenu em {
 position:absolute;
 right:10px;
 font-size:11px;
 color:#888;
 font-weight:bold;
 margin-top:5px;
 font-family:sans-serif;
 font-style:normal;
}

.bignext {
 width:100%;
 background:#684632;
 padding:20px 0 20px 0;
 text-align:center;
 cursor:pointer;
}

.bignext a {
 color:#FFE400;
 font-size:22px;
 font-family:'Jeju Gothic';
}


.bigsubmit {
}

.top {
 position:absolute;
 top:0;
 width:100%;
 text-align:center;
 font-size:30px;
 color:#684632;
 background:#efefef;
 padding:10px 0 10px 0;
 z-index:-10;
 line-height:90%;
 font-family:'Hanna';
}

.bottom {
 position:fixed;
 bottom:0;
 z-index:999;
 left:0;
 right:0;
}

.middle {
 position:fixed;
 text-align:center;
 top:50%;
 left:50%;
 /*transform: translate(-50%, -50%);*/


}



.disclaim {
 background-color:#FFE400;
 border:4px solid #ccc;
 padding:12px;
 font-size:12px;
 font-weight:bold;
 color:#444;
 line-height:160%;
}



.warning {
 font-size:12px;
 border:1px solid #eee;
 background:#f1f1f1;
 padding:12px;
 color:#777;
 text-align:justify;
}


.shout {
 font-size:24px;
 color:#555;
 padding-bottom:12px;
 padding-left:12px;
}



.shout span {
 padding:2px 8px;
 border-radius:8px;
 background:#534741;
 color:#FBEB33;
 font-weight:bold;
}


.smallhelp {
 font-size:11px;
 color:#888;
}


.btnload {
 margin-top:10px;
 border-radius:8px;
 background:#684632;
 padding:8px 0 8px 0;
 text-align:center;
 cursor:pointer;
 color:#ffffff;
 font-size:14px;
 font-family:'Jeju Gothic';
}




.lstwrapper {
 margin-top:50px;
}


.lst {
 width:100%;
 background: #fafafa;
 padding:13px 0 13px 0;
 text-align:left;
 cursor:pointer;
 border-bottom:1px solid rgba(90, 64, 48, 0.56);
 display:block;
 clear:both;
}


.lst_left {
 background-color:#ff0000;
 padding-left:13px;
 float:left;
 display:inline;
}

.lst_right {
 float:right;
 margin-right:10px;
 color:#555;
 font-size:11px;
 background-color:#aaa;
 display:inline;
}

.lst_right a {
 text-decoration:none;
 color:#555;
}


.tablelist {
 width:100%;
 padding:0px;
}

.table_left {
    padding-left:13px;
    border-bottom:1px solid rgba(90, 64, 48, 0.56);
    cursor:pointer;
}

.table_right {
    width:45px;
    text-align:center;
    font-size:14px;
    border-bottom:1px solid rgba(90, 64, 48, 0.56);
}

.table_right a {
    text-decoration:none;
    color:#555;
}

.table_left a {
    text-decoration:none;
}




.subjectbox {
 border-bottom:1px solid #ccc;
 padding:0;
 color:#888;
 text-align:center;
 margin-bottom:20px;
}

.inputsubject {
    -webkit-appearance: none;
 -moz-appearance: none;
    border:none;
    outline:none;
    border-radius:0;
    font-size:18px;
 -webkit-text-size-adjust: none;
 color:#444;
 font-weight:bold;
 text-align:center;
 /*box-shadow: 0 0 5px rgba(000,000,000, 0.5);*/
 width:90%;
 background: #f9f9f9;
}













.topbar {
 background:#534741;
 color:#fefefe;
 padding:10px 0;
 border-bottom:1px solid #2E1716;
 position:fixed;
 top:0;
 width:100%;
 z-index:9999;
}

.topbar .rbtn {
 font-size:12px;
 float:right;
 background:#2A1413;
 border-radius:8px;
 padding:10px 12px;
 font-weight:bold;
 color:#FBEB33;
 text-decoration:none;
 border:1px solid #777;
 margin-right:14px;
}

.topbar span {
 padding-left:12px;
}

.topbar .rbtn:hover {
 background:#472B2A;
}

.topbar small {
 font-size:11px;
}

.iconbox {
 z-index:9999;
}





.boxwrap {

}

.boxtitle {
 padding:8px 14px;
 margin-top:12px;
 color:#fff;
 /*border-radius:12px;*/
 background:#534741;
 font-size:12px;
 font-weight:bold;
}

.eachbox {
 border-bottom:1px solid #f0f0f0;
 padding:4px 10px;
 color:#888;
 font-size:12px;
}

.eachbox input {
 font-size:14px;
 color:#777;
 border:1px solid #ccc;
 padding:4px;
 border-radius:4px;
}

.inputlow {
 text-align:center;
 padding:10px;
}

.inputlow select {
 border:1px solid #ccc;
 color:#333;
 font-size:32px;
 padding:10px;
 
-webkit-appearance: none; 
-moz-appearance: none;
background:#534741;
width: 80px;
text-indent: 0.01px;
text-overflow: "";
color:#FBEB33;
font-weight:bold;
text-align:center;
border-radius:12px;
padding:8px 12px;
box-shadow: 0 0 5px rgba(000,000,000, 0.5);
}

.textlow {
 text-align:center;
 font-size:28px;
 color:#444;
 padding:0;
 font-family:'Jeju Gothic';
}



.footer {
 padding:10px 18px;
 font-size:12px;
 color:#888;
 line-height:250%;
 text-align:center;
}

.footer a {
 border-radius:8px;
 padding:8px 12px;
 background:#aaa;
 color:#fff;
 text-decoration:none;
}

.thelog {
 text-align:center;
 font-size:8px;
 color:#fff;
 margin-top:10px;
}


/* result page */


.resultwrapper {

}

.eachline {
 font-size:16px;
 border-bottom:1px solid #eee;
 padding:4px 20px 4px 10px;
}



.lineright {

}

.resulttitle {
 text-align:center;
 font-size:30px;
 color:#efefef;
 background:#684632;
 padding:10px 0 10px 0;
 z-index:-10;
 line-height:90%;
 font-family:'Hanna';
}

.resultsubject {
 font-family:'Jeju Gothic';
 text-align:center;
 padding:10px;
 font-weight:bold;
 color:#473129;
 font-size:18px;
 background:#efefef;
}