body 
{
    margin:0;font:13px/1.5  Arial, Helvetica, sans-serif; background-color:#FFF;
    font-family:"Heiti TC","微軟正黑體","Microsoft Sans Serif",Helvetica,Geneva,sans-serif;
    font:"Heiti TC","微軟正黑體","Microsoft Sans Serif",Helvetica,Geneva,sans-serif ;
}
form { margin:0; padding:0; } 
form input {text-align:center;
    margin-bottom: 0px;
}
select { font-size:13px; }
label.error { color:Red; font-size:11px;}
label.remove { color:Red; font-size:12px; cursor:pointer;}


.main { border:1px solid #ccc; margin:0 auto; }
.lineCom  
{
    position:relative;
    width:100%; height:34px; line-height:34px; font-size:12px; color:#fff; text-align:right; 
    background: #145098;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0NTA5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI3NWM5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI3NWM5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  #145098 0%, #275c9e 50%, #275c9e 50%, #d6d6d6 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#145098), color-stop(50%,#275c9e), color-stop(50%,#275c9e), color-stop(100%,#d6d6d6));
    background: -webkit-linear-gradient(left,  #145098 0%,#275c9e 50%,#275c9e 50%,#d6d6d6 100%);
    background: -o-linear-gradient(left,  #145098 0%,#275c9e 50%,#275c9e 50%,#d6d6d6 100%);
    background: -ms-linear-gradient(left,  #145098 0%,#275c9e 50%,#275c9e 50%,#d6d6d6 100%);
    background: linear-gradient(to right,  #145098 0%,#275c9e 50%,#275c9e 50%,#d6d6d6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#145098', endColorstr='#d6d6d6',GradientType=1 );
}
.lineCom.float { position:fixed; top:0px; left:0px; }
.lineCom .title { height:34px; position:absolute; left:20px; top:2px; }
.lineCom .btn { color:#fff; height:24px; border:2px solid #fff; background: #046bba; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; cursor:pointer; margin-right:10px; }
.lineCom .btn:hover { color:#e02048; }

.jobHead  
{
    height:30px; line-height:30px; font-size:16px;
    font-weight:bolder; border-radius: 5px 5px 0px 0px; margin:10px auto 0px auto; 
    background:#d9b086; border:1px solid #ccc; color:#fff;
}
.jobHead > .ht { float:left; background:url(../images/tableHeadImg.png) no-repeat 0px 4px; padding: 0px 0px 0px 26px; height:30px; line-height:30px; }
.jobHead > .hi { float:right; background:url(../images/btn_sendResume.png) no-repeat; margin:2px 0px; width:80px; height:26px; cursor:pointer; }
.jobHead > .hl { float:right; background:url(../images/btn_hasResume.png) no-repeat; margin:2px 0px; width:80px; height:26px; }
.jobCD { border:1px solid #7e958f; padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px; font-size:12px; margin:auto auto; }
.jobCD label { color:#20456a; margin:10px auto 5px auto; height:14px; line-height:14px; font-size:14px; font-weight:bolder;}
.jobCD div { margin:4px 20px; min-height:14px; line-height:14px; }
.jobCD span { margin-right:10px; height:14px; line-height:14px; }
.msg { background:#740b0b; color:#fff; text-align:center; font-size:13px; height:30px; line-height:30px; margin-top:10px; }

.step { width:95%; margin:10px auto; }
.step input[type=text], .step input[type=password] { width:80px; }
.step input[type=text].dateField { width:70px; }
.step ul { list-style-type:none; margin:5px 0px 5px 30px; padding:0; } 
.step ul li { margin:2px 5px; padding:0; } 
.step ul li td { height:auto;} 
.step ul li span { color: #be0000; }
.stepHead { width:100%; height:30px; line-height:30px; font-size:14px; background:#6d88b7; color:#fff; font-weight:bolder; margin:auto auto; }
.stepHead span { float:left; margin-left:6px; }
.stepHead .btn { float:right; cursor:pointer; text-decoration:underline; }
.step table { width:100%; border:1px solid #cccccc; border-collapse:collapse; line-height:14px; font-size:12px; text-align:center; }
.step table td { border:1px solid #cccccc; height:20px; line-height:24px; height:30px;  }
.dataTable tr .hd { width:10%; background:#dae7f3; text-align:right; }
.dataTable tr .ct { width:40%; text-align:left; }
.dataTable tr .hd span { color:#be0000; font-size:14px; }
.dataTable tr .ct span { color:#167cd6; }
.dataTable tr .ct .btn { cursor:pointer; text-decoration:underline; }

.insideTable { border:0px; border-collapse:collapse;}
.insideTable tr td { border:none; line-height:24px; height:24px;  }
.insideTable tr .tt { width:8%; text-align:right; }
.insideTable tr .tc { width:42%; text-align:left; }
 
.step .itemTable { border:none; width:280px; text-align:left; }
.step .itemTable td { border:none; height: 14px; line-height:14px; }
.step .inputTable .entryTr { display:none; vertical-align:top; }
.step .inputTable .entryTr td { height:auto; }
.step .inputTable tr th { background:#dae7f3; border:1px solid #cccccc; height:24px; }
.step .inputTable tr td .btn { cursor:pointer; text-decoration:underline; }
.step .inputTable tr td span { color:#167cd6; }

.tabs { width:95%; margin:10px auto 0px auto; padding:0; list-style-type:none; font-size:14px; }
.tabs li { float:left; width:80px; height:26px; line-height:26px; text-align:center; border:1px solid #cccccc; background:#eeeeee; border-bottom:none; cursor:pointer; }
.tabs .on { background:#a73540; color:#fff; }
.tabs .off { background:#eeeeee; color:#000; } 

.chr { clear:both; width:100%; height:1px; background:#cccccc }
#ui-datepicker-div {display:none;}
.cleaner { clear:both;}