* { font-family: '맑은 고딕' ,微软雅黑, Dotum,Tahoma; }
body { padding: 0; margin: 0; color: #333; font-size: 12px; text-align: center; scrollbar-face-color: #aaa; scrollbar-highlight-color: #ddd; scrollbar-shadow-color: #eee; scrollbar-3dlight-color: #aaa; scrollbar-arrow-color: #ff9900; scrollbar-track-color: #ddd; scrollbar-darkshadow-color: #aaa; font-family: '맑은 고딕' , Dotum, 微软雅黑,黑体; background: #f3f4f5; transition: All 0.2s ease-in-out; }
a { text-decoration: none; }
ul, li { list-style: none; margin: 0px; padding: 0px; }

#header { height: 50px; line-height: 50px; background: #fff; }
#logo { float: left; display: inline-block; padding-left: 20px; font-size: 16px; font-weight: bold; color: #3ad72a; cursor: pointer; }
#tr_menu { float: right; display: inline-block; padding-right: 20px; }
#tr_menu .login_button { display: inline-block; border-radius: 8px; background: #368acb; color: #fff; height: 30px; line-height: 30px; padding-left: 10px; padding-right: 10px; margin-right: 10px; cursor: pointer; }
#tr_menu .region_button { display: inline-block; border-radius: 8px; background: #e54646; color: #fff; height: 30px; line-height: 30px; padding-left: 10px; padding-right: 10px; cursor: pointer; }
#tr_menu .reghistory_button { display: inline-block; border-radius: 8px; background: #20a032; color: #fff; height: 30px; line-height: 30px; padding-left: 10px; padding-right: 10px; cursor: pointer; }
#tr_menu span:hover { transition: All 0.2s ease-in-out; box-shadow: 0px 0px 8px #999; font-weight: bold; }

#m_menu { display: flex; flex-derection: row; width: 100%; justify-content: center; align-items: center; text-align: center; color: #fff600; font-weight: bold; background: #ddd; border-bottom: 1px solid #444; height: 36px; line-height: 36px; }
#m_menu .in_button { flex: 1; background: #ed7325; color: #fff; cursor: pointer; }
#m_menu .in_button:hover { transition: All 0.2s ease-in-out; background: #dd6111; }
#m_menu .out_button { flex: 1; background: #0db124; color: #fff; cursor: pointer; }
#m_menu .out_button:hover { transition: All 0.2s ease-in-out; background: #019616; }


#scrollDiv { width: 100%; height: 640px; line-height: 32px; margin: 50px auto; overflow: hidden; }
#scrollDiv ul { margin: 0px; padding: 0px; }
#scrollDiv li { height: 32px; cursor: pointer; list-style: none; font-weight: bold; font-size: 14px; margin: 0px; padding: 0px; }

.finish_list {
    font-weight: bold;
    border-bottom: 2px solid #1ba110;
    padding: 8px;
    font-size: 14px;
    color: #1ba110;
}
.login_page { font-weight: bold; border-bottom: 2px solid #368acb; padding: 8px; font-size: 14px; color: #368acb; }
.register_page { font-weight: bold; border-bottom: 2px solid #e54646; padding: 8px; font-size: 14px; color: #e54646; }
.history_page { font-weight: bold; border-bottom: 2px solid #20a032; padding: 8px; font-size: 14px; color: #20a032; }


#history li.pointlist { padding: 20px; border: 1px solid #eee; background: #fff; margin-bottom: 20px; border-radius: 6px; box-shadow: 0px 0px 6px #eee; }
#history li.usehistory { padding: 20px; background: #fff; margin-bottom: 20px; font-size: 12px; }

#history .state_wait { padding: 6px 20px 6px 20px; border-radius: 8px; text-align: center; font-weight: bold; background: #eee; }
#history .state_ok { padding: 6px 20px 6px 20px; border-radius: 8px; text-align: center; font-weight: bold; background: #67ab17; color: #fff; }
#history .state_error { padding: 6px 20px 6px 20px; border-radius: 8px; text-align: center; font-weight: bold; background: #ab1717; color: #fff; }


#regin_quick_frm { padding-top: 20px; }
.txt2 { padding: 8px; font-size: 16px; text-align: center; backround: #eee; border: 1px solid #aaa; border-radius: 8px; font-weight: bold; }
.btn2 { padding: 6px; background: #ed4343; color: #fff; border: 1px solid #9b1d1d; border-radius: 8px; font-weight: bold; font-size: 14px; cursor: pointer; }
.btn3 { padding: 6px; background: #479b1d; color: #fff; border: 1px solid #2d710c; border-radius: 8px; font-weight: bold; font-size: 14px; cursor: pointer; }

/*common*/

.ipt { border: 1px solid #ccc; padding: 5px; padding-left: 8px; padding-right: 8px; width: 300px; font-size: 14px; font-weight: bold; border-radius: 3px; }
.txt { width: 80%; padding: 0px 10px 0px 10px; border-radius: 8px; font-size: 20px; text-align: left; font-weight: bold; border: 1px solid #eee; background: #fff; border: 1px solid #ddd; height: 60px; }
.btn { width: 80%; padding: 0px 10px 0px 10px; border-radius: 8px; font-size: 20px; text-align: center; font-weight: bold; height: 60px; display: inline-block; line-height: 60px; background: #333; color: #fff; text-decoration: none; }

.btn:hover { transition: All 0.4s ease-in-out; box-shadow: 0px 0px 8px #333; }

.btn_yes { border: 0px; background-color: #27cf92; color: #fff; font-size: 16px; padding: 12px; font-weight: bold; border-radius: 5px; text-align: center; }
.btn_use { border: 0px; background-color: #f75752; color: #fff; font-size: 16px; padding: 12px; font-weight: bold; border-radius: 5px; text-align: center; }

#register_msg { font-size: 14px; color: #e54646; font-weight: bold; }


.history_in { font-weight: bold; color: #67ab17; }
.history_out { font-weight: bold; color: #ab1717; }
.history_money { font-weight: bold; }

.information {padding: 20px; border: 1px solid #eee; background: #fff; margin-bottom: 20px; border-radius: 6px; box-shadow: 0px 0px 6px #eee; }
.i_title{font-weight:bold;color:#ff6600;font-size:14px;}


/* Page */
DIV.page { padding-right: 0px; padding-left: 0px; font-size: 13px; padding-bottom: 10px; color: #fff; padding-top: 10px; font-family: Arial, Helvetica, sans-serif; text-align: center; font-family: Tahoma; }
DIV.page A { display: inline-block; margin-right: 5px; color: #333; text-decoration: none; background-color: #f9f9f9; border: 1px solid #ccc; font-family: Tahoma; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 30px; height: 30px; text-align: center; line-height: 30px; }
DIV.page A:hover { border: 1px solid #999; color: #444; }

DIV.page SPAN.current { display: inline-block; color: #fff; margin-right: 5px; font-weight: bold; text-decoration: none; background-color: #5284ec; border: 1px solid #3865cd; font-family: Tahoma; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 30px; height: 30px; text-align: center; line-height: 30px; }
DIV.page SPAN.split { display: inline-block; line-height: 30px; height: 30px; color: #444; padding-left: 3px; padding-right: 5px; }