* {margin: 0;padding: 0;}
body {margin:0px;padding:0px;background:#ffffff;color:#555555;font-family:"Î¢ÈíÑÅºÚ","ËÎÌå","arial";}
body,input,option,div,select,a,th,td {font-family:"Î¢ÈíÑÅºÚ","ËÎÌå","arial";font-size:12px;}
div {text-align:left;}
input,opiton,select,textarea {font:12px Arial, Helvetica, sans-serif;}
ul,ol {list-style:none;margin:0;padding:0;}
img {border:none;}

a,button {cursor:pointer;}
a:link, a:visited {color:7b7b7b;text-decoration:none;}
a:hover {color:#002e98;text-decoration:underline;}

.c {text-align:center;margin-left:auto;margin-right:auto;}
.left {text-align:left;}
.b {font-weight:bolder;}
.red {color:#ff4800;}
.f14 {font-size:14px;}
.border {border:solid 1px #cecece;}
.padding {padding:20px;}

.icon_job {background:url("/img/match/icon_job.gif") no-repeat 0px -1px;padding:0 20px;}
.icon_yen {background:url("/img/match/icon_yen.gif") no-repeat 0px -1px;padding:0 20px;}
.icon_folder {background:url("/img/match/icon_folder.gif") no-repeat 0px -1px;padding:0 20px;}
.icon_chk {background:url("/img/match/icon_chk.gif") no-repeat 0px -1px;padding:0 20px;}
.icon_del {background:url("/img/match/icon_del.gif") no-repeat 0px -1px;padding:0 20px;}

.scrollpage {line-height:30px;padding:5 0 15 0px;*padding:10 0px;clear:both;}
.scrollpage .chk {padding:0 0 0 8px;*padding:2 0 0 4px;float:left;}


#container {width:100%;text-align:center;background:url("/img/match/header_bg.gif") repeat-x;border:none;}
#header {width:937px;height:104px;margin:auto;}
#logo {padding:16 0 0 20px;float:left;}
#status {}

#footer {width:100%;height:94px;clear:both;text-align:center;border-top:solid 1px #d5e1f8;background:#f7f9ff;margin:auto;margin-top:10px;}
#footer div {width:937px;text-align:center;margin:20 auto 0px;}
#footer div span {height:12px;padding:0 7 0 6px;}
#footer .copyright {text-align:center;margin:12 auto 0px;}

.AlertBox {clear:both;margin:20 0px;padding:10px;border:solid 1px #a7bbe5;background:#e5edfc;display:none;}
.AlertBox li {padding:0px;*line-height:20px;list-style-type:none;margin:0;}
.AlertBox div {line-height:20px;}

#content {width:937px;margin:auto;}
#content .home_tab {width:254px;height:175px;background:url("/img/match/home_tab_bg.gif") no-repeat;}
#content .login_tab {height:48px;padding:8 0 0 18px;*padding:8 0 16 18px;}
#content .login_area {padding:0 0 0 18px;}
#content .login_area div {padding:0 0 8 0px;}
#content .login_area span {padding:0 4px;*padding:0 2px;}
#UserLogin .l {width:175px;height:20px;}

#reg {background:#f8f8f8;width:893px;*width:935px;border:solid 1px #cccccc;padding:18 22px;display:inside;}
#reg .box {border:solid 1px #cccccc;padding:1px;margin-top:10px;}
#content .title {height:18px;*height:22px;background:#e8f0fc;font-weight:bold;font:bolder 13px;padding:2 0 0 60px;*padding:5 0 0 60px;}
#content .info {padding:10 0 10 60px;height:20px;clear:both;}
#content .t {float:left;width:70px;padding:0 10 0 0px;*padding:4 10 0 0px;text-align:right;}
#content .tb {float:left;width:200px;padding:0 10 0 0px;*padding:4 10 0 0px;color:#3a4f7f;}
#content .f {float:left;width:200px;}
#content .tip {}
#content .info .input {width:160px;height:20px;}

#menu {width:213px;float:left;margin:10 20 0 0px;}
#menu .header {height:53px;*height:63px;background:url("/img/match/menu_header.gif");color:#3a4f7f;padding:10 0 0 10px;}
#menu .nav {height:300px;border:solid 1px #a9d9f4;}
#menu .icon {padding:15 13px;}
//#menu .company {height:50px;background:#a9dbf5;}
#right {width:652px;*width:704px;float:left;margin:10 0 0 0px;padding:15 25px;}
#right .info {padding:10 0 10 0px;*padding:10 0px;height:20px;}

#bar {height:33px;width:100%;clear:both;margin:0 0 12 0px;background:url("/img/match/bar_bg.gif") repeat-x;}
#bar .l {height:33px;width:8px;background:url("/img/match/bar_left.gif") no-repeat;float:left}
#bar .bg {height:33px;float:left;padding:9 0 0 10px;color:#3a4f7f;font-size:14px;font-weight:bolder;}
#bar .r {height:33px;width:8px;background:url("/img/match/bar_right.gif") no-repeat;float:right;}

#tab1 {list-style:none;margin:0 !important;padding:0;height:34px;border-bottom:1px solid #d5e1f8;}
#tab1 li {float:left;text-indent:0;padding:0;margin:0 !important;list-style-image:none !important; }
#tab1 li a {background: url(/img/match/tab1_bg.gif) no-repeat -132px 0;font-size:12px;display:block;height:34px;line-height:34px;width:133px;text-align:center;text-decoration:none;color:#000;padding:0px;margin:0px;position:relative;top:1px;}

#job {}
#job .line {min-height:35px;height:30px;*height:40px;background:url("/img/match/dashline.gif") repeat-x bottom;padding:5 0 3 0px;clear:both;vertical-align:top;}
#job .f {width:120px;background:url("/img/match/tab_bg.gif") no-repeat;height:21px;color:#fff;padding:4 0 0 5px;font-size:12px;float:left;*margin:5 0 0 0px;}
#job .job {*float:left;padding:2 0 0 0px;*padding:4 0 0 0px;}
#job .job li {float:left;list-style:none;width:90px;*padding:2 0px;}
#job .job li a{color:#577dd4;}


.tbl {width:100%;}
.tbl tr {padding:4px;background:#fff url("/img/match/td_line.gif") repeat-x bottom;}
.tbl tr th {padding:8 4px;color:#577dd4;background:#f4f4f4;}
.tbl tr td {color:#4d4d4d;padding:8 0px;*padding:6 0px;text-align:center;}
.tbl tr td.l {text-align:left;}
.tbl tr.odd  {background:f4f4f4 url("/img/match/td_line.gif") repeat-x bottom;;}
.tbl tr.highlight {background:#f4f4f4 url("/img/match/td_line.gif") repeat-x bottom;;}
.tbl tr.selected  {background:#f3f7ff url("/img/match/td_line.gif") repeat-x bottom;;}

#duty {}
#duty .btn_line {background:#fff;padding:20 20 0 20px;border-left:solid 1px #e6e6e6;border-right:solid 1px #e6e6e6;}
#duty .bar {height:12px;*height:36px;background:#f4f4f4;padding:12 0 12 10px;color:#ff4800;}
#duty .bar div {float:left;}
#duty .position {width:250px;}
#duty .add {background:url("/img/match/icon_add.gif") no-repeat 0px -1px;padding:0 20px;}
#duty .buy {background:url("/img/match/icon_buy.gif") no-repeat 0px -1px;padding:0 20px;}
#duty .contact {background:url("/img/match/icon_contact.gif") no-repeat 0px -1px;padding:0 10 0 20px;}
#duty .duty {background:#f4f4f4;padding:10px;}
#duty .duty_list {color:#577dd4;border-bottom:solid 1px #e1e1e1;padding:10 0px;}
#duty .task {color:#4d4d4d;background:url("/img/match/list_blue.gif") no-repeat 5px 13px;padding:8 25px;line-height:18px;}
#JobDesc {display:none;}

#rest_point {border:solid 1px #d6e1f8;padding:6 20px;color:#577dd4;background:#f7faff;margin:0 0 20 0px;}

.tbl th {color:#577dd4;font-weight:normal;}

div.overlay {background:url(/img/match/transparent.gif);display:none;padding:20px;}
/*div.overlay div.close {width:37px;height:17px;position:absolute;right:30px;top:20px;cursor:pointer;}*/
div.overlay button.close {background:url(/img/match/btn_close.gif);width:72px;height:28px;border:none;}
div.overlay button.confirm {background:url(/img/match/btn_confirm.gif);width:72px;height:28px;border:none;}
div.overlay.title {background:#f8f8f8;padding:5px;}
div.overlay.btn {border-top:solid 1px #e0e0e0;padding:20 0 0 0px;*padding:10 0px;clear:both;}

#LyJobDesc {width:620px;*width:660px;}
#LyNewAccount {width:320px;*width:280px;background:#f3f3f3 url(/img/match/transparent.gif);height:224px;border:solid 1px #e0e0e0;}
#LyNewAccount .logo {text-align:center;border-bottom:solid 1px #e0e0e0;padding:0 0 10 0px;}
#LyNewAccount .line {padding:5px;clear:both;line-height:30px;}
#LyNewAccount span {padding:0 8px;}
#LyNewAccount .t {text-align:left;float:left;width:110px;}
#LyNewAccount .f {float:left;padding:3 0 0 0px;width:100px;}

#Account {border:solid 1px #e6e6e6;padding:20px;background:#fff;min-height:300px;*height:300px;}

#LyUserReport {width:600px;background:#f3f3f3 url(/img/match/transparent.gif);border:solid 1px #e0e0e0;}

.searchTbl {}
.searchTbl input {width:60px;}
.searchTbl td {padding:2 4px;}

#LyJobFunction {width:670px;border:solid 1px #e0e0e0;background:#fff;}
