@charset "euc-kr";
@import url("default.css"); 
@import url("button.css");
/*@import "http://admin.benepia.co.kr/style/css/default.css";
@import "http://admin.benepia.co.kr/style/css/button.css";  */
/**************************************************
ÇÁ·Î±×·¥ ID : cus_admin.css
ÇÁ·Î±×·¥ ¸í : °í°´»ç administrator Cascading Style Sheets
ÀÛ   ¼º   ÀÚ : ÀÌÇöÁÖ(aransnow@gmail.com)
ÃÖÃÊ ÀÛ¼ºÀÏ : 2010/01/15
ÃÖÁ¾ ÀÛ¼ºÀÏ : 
Âü°í »çÇ× : °í°´»ç°ü¸®ÀÚ(°ü¸®ÀڽýºÅÛ)
**************************************************** */

.gnbArea .tr {top:0; right:0; background:url(../../images/box/gnbCus_tr.gif) no-repeat top !important; width:5px; height:5px;}

/* °í°´»ç ·Î°í¸¦ À§ÇÑ css 
------------------------------------------------------------------------------- */
.adminLogo {padding:10px 0 0 6px; margin-top:-1px;}
.adminLogo img {margin-right:5px; margin-bottom:13px; vertical-align:middle;} 

/* °øÅë¿ä¼Ò 
------------------------------------------------------------------------------- */
.tl, .tr, .bl, .br, .b, .t {position:absolute;}
.p01, .p01 a {font-weight:bold; color:#ff6002 !important;}
.p02 {font-weight:bold; color:#ff6002 !important; padding-bottom:5px;}
.divReset {position:relative;}
.divReset .bbsTopBtn {position:relative; top:-60px; right:0; padding:5px 0;}
.bbsTopBtn2 {text-align:right; margin:-30px 0 5px 0;}
.bbsTopBtn3 {text-align:right; margin:10px 0 -15px 0;}

.caption {margin-top:20px; padding-bottom:5px; color:#000; background:url(../../images/bl/bl005.gif) no-repeat 0 5px; padding-left:7px;}
.caption01 {margin-bottom:30px; line-height:17px;}
.fColor01 {color:#ff2002 !important; font-weight:bold;}

.fl {clear:both; height:100%; overflow:hidden; margin-top:15px !important; *margin-top:10px !important;}
.borNo {border:none;}

/* layout 
------------------------------------------------------------------------------- */
.gnb .sm01 {left:10px;}
.gnb .sm02 {left:20px;}
.gnb .sm03 {left:180px;}
.gnb .sm04 {left:220px;}
.gnb .sm05 {left:40px;}
.gnb .sm06 {left:350px;}
.gnb .sm07 {left:400px;}		

/* search
------------------------------------------------------------------------------- */
.searchBox {position:relative; border-top:1px solid #e3e3e3; border-right:1px solid #e3e3e3; zoom:1; _margin-bottom:1px;}
.searchBox .tl {top:-1px; *top:0; left:0; background:url(../../images/box/searchBox_tl.gif) no-repeat; width:5px; height:5px;}
.searchBox .tr {top:-1px; *top:0; right:-1px; background:url(../../images/box/searchBox_tr.gif) no-repeat; width:5px; height:5px;}
.searchBox .b {bottom:0; _bottom:-12px; left:0; background:url(../../images/box/searchBox_b.gif) repeat-x; width:100%; height:2px;}
.searchBox .bl {bottom:0; _bottom:-8px; left:0; background:url(../../images/box/searchBox_bl.gif) no-repeat; width:6px; height:6px;}
.searchBox .br {bottom:0; _bottom:-8px; right:-1px; background:url(../../images/box/searchBox_br.gif) no-repeat; width:6px; height:6px;}
.searchBox .searchSelect {width:88%; float:left; margin-right:10px;}
.searchBox .SearchBt {display:inline; position:absolute; top:50%; margin-top:-22px;}
.searchBox .SearchBt2 {display:inline; position:absolute; top:50%; margin-top:-13px;}
.searchSelect table {width:100%; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3;  _margin-bottom:-1px;}
.searchSelect table th {background:#f5f5f5 url(../../images/bl/bl002.gif) no-repeat 12px 15px; border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; padding:10px 20px; color:#555; text-align:left;}
.searchSelect table td {padding:10px; border-bottom:1px solid #e3e3e3;}
.searchSelect table td img {vertical-align:middle;}
.searchSelect table td .bor_non {border:none;}
/* tab
------------------------------------------------------------------------------- */
.tabList {height:100%; overflow:hidden; margin-top:20px;}
.tabList li {position:relative; background:url(../../images/bg/tabOffBg.gif) repeat-x; float:left; height:8px; overflow:hidden; padding:13px 19px; font-weight:bold; margin-right:2px;}
.tabList li span {font-size:11px; color:#000;}
.tabList li .tl {top:0; left:0; background:url(../../images/box/tabList_tl.gif) no-repeat top; width:7px; height:34px;}
.tabList li .tr {top:0; right:0; background:url(../../images/box/tabList_tr.gif) no-repeat top; width:7px; height:34px;}
.tabList li.on {background:url(../../images/box/tabCusOnBg.gif) repeat-x; color:#FFF;}
.tabList li.on a {color:#fff;}
.tabList li.on .tl {top:0; left:0; _left:-1px; background:url(../../images/box/tabListCusOn_tl.gif) no-repeat top; width:7px; height:34px;}
.tabList li.on .tr {top:0; right:0; _right:-1px; background:url(../../images/box/tabListCusOn_tr.gif) no-repeat top; width:7px; height:34px;}

.achTabList {width:100%; height:40px; background:url(../../images/bg/achTabListBg02.gif) repeat-x; margin:6px 0 30px 0;}
.achTabList li {float:left; height:25px; padding:15px 20px 0 20px; background:url(../../images/bl/bar004.gif) no-repeat right bottom;}
.achTabList li a {font-weight:bold; color:#000 !important;}
.achTabList li a:hover, .achTabList li a:active {color:#ff2002 !important;}

.basicTabList {width:100%; height:40px; background:url(../../images/bg/achTabListBg02.gif) repeat-x; margin:6px 0 15px 0;}
.basicTabList li {float:left; background:url(../../images/bl/bar004.gif) no-repeat right bottom;}
.basicTabList li.on, .basicTabList li.on a {color:#FFF !important; background:#8085f9;}
.basicTabList li a {font-weight:bold; color:#000 !important; height:25px; padding:15px 50px 0 50px; display:inline-block;}
.basicTabList li a:hover, .basicTabList li a:active {color:#FFF !important; background:#8085f9;}

/* table
------------------------------------------------------------------------------- */
td.no {font-size:11px; font-family:Verdana; letter-spacing:-1px;}
input.bn {border:none;}
.inp01 {width:520px; margin-right:10px;}
.inp02 {width:360px; margin-right:5px;}
/* list */
.tbSt01 {width:100%; margin-bottom:1px; border-top:2px solid #8085f9;}
.tbSt01 th, .tbSt01 td {border:1px solid #dcdcdc; text-align:center;}
.tbSt01 th {padding:14px 5px; font-size:11px; font-weight:bold; background:#f5f5f5;}
.tbSt01 td {padding:8px 5px;}
.tbSt01 td.placeImg {border-right:1px solid #fff;}
.tbSt01 td.placeImg img {border:1px solid #dcdcdc;}
.tbSt01 td.placeList {text-align:left;}
.tbSt01 td.placeList .tit {font-weight:bold; padding-bottom:3px; color:#000;}
.tbSt01 td.placeList .info {font-size:11px; line-height:16px;}
.tbSt01 td.appNum a:hover {text-decoration:underline; color:#ff2002;}
.tbSt01 td .msg {padding:5px 0 0 3px;}
.tbSt01 td .msg strong {padding-right:5px;}
.tbSt01 td .msg span {font-size:11px; margin-left:6px;}
.tbSt01 td .msg span strong {color:#000;}
.tbSt01 td .msg span.msgTxt {font-size:12px; background:url(../../images/bl/bar001.gif) left top no-repeat; padding-left:12px;}
.tbSt01 .tbOn td {color:#000; background:#ffd297;}
.tbSt01 .tbOn td a {color:#000;}
.tbSt01 td img {vertical-align:middle; margin-right:2px;}
.tbSt01 td.right {text-align:right !important;}
.tbSt01 td.left {text-align:left !important;}
.tbSt01 td.sum {text-align:right; background:#f5f5f5; color:#000; font-weight:bold; padding-right:15px;}
.tbSt01 td.sum span {font-size:14px;}

/* Write, View */
.tbSt02 {width:100%; border-top:2px solid #8085f9; border-bottom:1px solid #dcdcdc; line-height:20px; margin-bottom:1px; position:relative;}
.tbSt02.center th, .tbSt02.center td {text-align:center !important;}
.tbSt02 .btn {margin-top:-4px; _position:relative; _top:0;}
.tbSt02 th {border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; font-size:11px; color:#666565; padding:6px 13px; text-align:left; background:#f5f5f5;}
.tbSt02 th.tit {font-weight:bold; color:#000; text-align:center; font-size:14px;}
.tbSt02 th.tit2 {background:#8085f9; font-size:14px; color:#FFF; font-weight:bold; text-align:center;}
.tbSt02 th.tit2 p {text-align:right; margin-top:-20px;}
.tbSt02 td {border:1px solid #dcdcdc; padding:6px 10px;}
.tbSt02 td textarea {padding:10px;}
.tbSt02 td select {margin-right:5px;}
.tbSt02 td img {vertical-align:middle;}
.tbSt02 td em {font-style:normal; font-weight:normal; margin-right:3px;}
.tbSt02 td .file {margin-top:10px;}
.tbSt02 td .file img {vertical-align:middle;}
.tbSt02 td.right {text-align:right !important;}
.tbSt02 td.left {text-align:left !important;}
.tbSt02 td.dept01 {background:url(../../images/bl/bl002.gif) no-repeat 5px 13px; padding-left:13px;}
.tbSt02 td.dept02 {background:url(../../images/bl/bl005.gif) no-repeat 18px 13px; padding-left:25px;}
.tbSt02 td.dept03 {background:url(../../images/bl/bl005.gif) no-repeat 28px 13px; padding-left:35px;}
.tbSt02 td.dept04 {background:url(../../images/bl/bl005.gif) no-repeat 38px 13px; padding-left:45px;}
.tbSt02 td.dept05 {background:url(../../images/bl/bl005.gif) no-repeat 48px 13px; padding-left:55px;}
.tbSt02 .listItem li {float:left; padding:5px 15px; background:url(../../images/bl/bar001.gif) no-repeat right; display:inline;white-space:nowrap;}
.tbSt02 .listItem a:hover {text-decoration:underline; color:#ff6001;}


/* Scroll */
.tableContainer {width:985px; border-top:2px solid #8085f9;}
.tableContainer .scroll {height:150px; overflow:auto;}

.tbSt03 {width:100%; line-height:20px; table-layout:fixed;}
.tbSt03.center th, .tbSt03.center td {text-align:center !important;}
.tbSt03 .btn {margin-top:-4px; _position:relative; _top:28px;}
.tbSt03 th {border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; font-size:11px; color:#666565; padding:6px 13px; text-align:left; background:#f5f5f5;}
.tbSt03 td {border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc; padding:6px 5px;}
.tbSt03 td select {margin-right:5px;}
.tbSt03 td em {font-style:normal; font-weight:normal; margin-right:3px;}
.tbSt03 td .file {margin-top:10px;}
.tbSt03 td .file img {vertical-align:middle;}
.tbSt03 td.right {text-align:right !important;}

/* sms, popup Table */
.smsTbTop {width:100%; border:none; table-layout:fixed;}
.smsTbTop th {background:#e2ecf2; border:none; padding:5px 0; text-align:center;}

.smsTb {width:100%; border:none; table-layout:fixed; }
.smsTb th {background:#e2ecf2; border:none; padding:5px 0; text-align:center;}
.smsTb td {padding:5px 0; text-align:center; border:none; border-bottom:1px solid #dcdcdc;}
.smsTb .tbOn td {background:#f5f5f5; cursor:pointer;}
.smsTb .tbOn td a {}

/* scroll table new */
.treeTable {border-top:2px solid #8085f9; position:relative;}
.treeTable .scroll {overflow:auto;}
.treeTable .scroll table {margin-top:-1px;}
.tbSt04 {width:100%; border:none; table-layout:fixed;}
.tbSt04 th {background:#f5f5f5; border:1px solid #dcdcdc; font-size:11px; color:#666565; padding:6px 0; text-align:center;}

.tbSt04 td {padding:6px 0; border:1px solid #dcdcdc; text-align:center;}
.tbSt04 .tbOn td {background:#f5f5f5; cursor:pointer;}
.tbSt04 .tbOn td a {}

.liTable {clear:both; border-top:2px solid #8085f9; padding-top:1px; height:100%; overflow:hidden;}
.liTable li {background:#f5f5f5; border:1px solid #dcdcdc; width:139px; height:35px; float:left; text-align:center; margin:-1px -1px 0 0; padding-top:9px;}
.liTable li a:link {color:#000;}
.liTable li a:hover {color:#ff2002; text-decoration:underline;}

/* sort
------------------------------------------------------------------------------- */
.listSortNo {width:100%; height:25px; overflow:hidden; background:#8085f9; text-align:right; color:#FFF; font-weight:bold; padding-top:5px;}
.listSortNo select {margin-right:10px; color:#000; font-weight:bold; font-size:11px;}

.listSortItem {position:relative; width:100%; height:25px; overflow:hidden; background:#8085f9; color:#fff; padding:5px 0 0 0; font-size:11px;}
.listSortItem .btn.btnSt01 * {_vertical-align:top; _padding-top:5px;}
.listSortItem .btnIco08 {_background:url(../../images/bl/bl008.gif) no-repeat 0 2px;}
.listSortItem ul {float:left; margin:0 5px;}
.listSortItem ul li {float:left; margin-right:3px;}
.listSortItem p {background:url(../../images/bl/bar005.gif) no-repeat left; padding-left:8px; height:100%; overflow:hidden;}
.listSortItem p .txt {display:inline-block; margin-top:5px;}
.listSortItem .listSortNo {width:200px; position:absolute; top:0; right:0;}
.listSortItem .listSortNo2 {text-align:right; position:absolute; top:5px; right:10px; font-size:12px; font-weight:bold;}
.listSortItem .listSortNo2 p {float:left; background:none;}

/* pageing
------------------------------------------------------------------------------- */
.pageing {text-align:center; margin-top:10px; font-size:14px;}
.pageing a {color:#000;}
.pageing img {vertical-align:top;}
.pageing span {padding:0 5px;}
.pageing span.on {font-weight:bold; color:#ff6002;}
/* top
------------------------------------------------------------------------------- */
.top {width:100%; text-align:right; height:100%; overflow:hidden; margin-top:5px;}

/* login
------------------------------------------------------------------------------- */
.login {width:760px; position:absolute; top:50%; left:50%; margin:-171px 0 0 -380px;}
.login h1 {margin-bottom:15px;}
/* CRM */
.crmLoginBox {position:relative; zoom:1; border:3px solid #8085f9; border-bottom:none; padding:30px 0 25px 0;}
.crmLoginBox .tl {top:-3px; left:-3px; background:url(../../images/box/loginCus_tl.gif) no-repeat; width:6px; height:6px;}
.crmLoginBox .tr {top:-3px; right:-3px; _right:-4px; background:url(../../images/box/loginCus_tr.gif) no-repeat; width:6px; height:6px;}
.crmLoginBox .bl {bottom:0; _bottom:-1px; left:-3px; background:url(../../images/box/loginCus_bl.gif) no-repeat bottom; width:8px; height:8px;}
.crmLoginBox .b {bottom:0; _bottom:-1px; background:url(../../images/box/loginCus_b.gif) repeat-x bottom; width:100%; height:8px;}
.crmLoginBox .br {bottom:0; _bottom:-1px; right:-3px; _right:-4px; background:url(../../images/box/loginCus_br.gif) no-repeat bottom; width:8px; height:8px;}
.login .txt {text-align:center; margin-bottom:20px;}
.login .lgoin_inp {margin-top:20px;}
.login .lgoin_inp .cusLogo {display:none;}
.login .lgoin_inp dl {width:435px; border-top:1px solid #f1f1f1; margin:0 auto; padding:20px 0 0 80px; margin-bottom:40px;}
.login .lgoin_inp dt {clear:both; float:left; font-weight:bold; width:67px; height:17px; background:url(../../images/bl/bl001.gif) no-repeat 0 5px; padding:3px 0 5px 13px;}
.login .lgoin_inp dd {background:url(../../images/bl/bar001.gif) no-repeat 0 5px; padding:0 0 5px 23px; height:100%; overflow:hidden;}
.login .lgoin_inp dd input {background:#fbfbfb; border:1px solid #e2e2e2; width:180px;}
.login .lgoin_inp .bt {position:absolute; top:115px; left:402px; }
.login .lgoin_inp .idSave {position:absolute; top:170px; left:207px;}.login .info {width:516px; margin-left:28px; padding-top:10px; font-size:11px; text-align:center;  }
.login .info {width:516px; margin-left:28px; padding-top:10px; font-size:11px; text-align:center; border-top:1px solid #f1f1f1;}
.login .info span {background:url(../../images/bl/bl001.gif) no-repeat 0 2px; padding-left:9px;}
.login .info a {color:#000; text-decoration:underline;}
.login .info img {vertical-align:middle; margin-bottom:2px;}
.login .loginEtcBtn {width:515px; height:28px; padding-top:7px; background:url(../../images/bg/bgLoginBox01.gif) no-repeat; text-align:center; margin:10px 0 0 28px;}
.login .loginEtcBtn li {display:inline;}

/* contetns
------------------------------------------------------------------------------- */
.cusMain {background:url(../../images/bg/bgCusMain.gif) no-repeat; margin-top:0; position:relative; height:100%; overflow:hidden;}
.cusMain .bTxt {position:absolute; top:45px; left:242px;}
.cusMain .leftBox {clear:both; width:475px; float:left; margin-right:10px; _margin-right:7px;}
.cusMain  h2.coBox {border:1px solid #5057df; background:url(../../images/bg/todayBarBgCus.gif) repeat-x top; height:23px; padding:5px 0 0 9px; margin-bottom:0;}
.cusMain  h2.spec {background:url(../../images/ico/ico003.gif) no-repeat; padding-left:20px;}
.cusMain h3 {background:url(../../images/bl/bl003.gif) no-repeat 0 3px; padding-left:8px;}
.cusMain .date {font-size:11px; color:#777;}
.cusMain .point {font-weight:bold;}
.cusMain .more {text-align:right;}
.cusMain .mainBox01 {position:relative; border:1px solid #c7c7c7; padding:0 0 10px 0; _padding:15px 0 0 0; zoom:1;}
.cusMain .mainBox01 .bl {position:absolute; bottom:-1px; _bottom:-7px; left:-1px; background:url(../../images/box/todayBox_bl.gif) no-repeat; width:6px; height:6px;}
.cusMain .mainBox01 .br {position:absolute; bottom:-1px; _bottom:-7px; right:-1px; _right:-2px; background:url(../../images/box/todayBox_br.gif) no-repeat; width:6px; height:6px;}
.cusMain .mainBox01 .bar {border-right:1px solid #ededed;}
.cusMain .mainBox01 .box01 {border:1px solid #ededed; padding:9px 9px 5px 9px; _padding:9px 9px 0 9px; margin-top:10px;}
.cusMain .mainBox01 .box01 ul {padding-left:11px; height:60px;}
.cusMain .mainBox01 .item01 {background:#f2f2f2; padding:10px 13px 5px 13px; width:424px; height:100%; overflow:hidden;}
.cusMain .mainBox01 .item01 dt {float:left; background:url(../../images/bl/bar001.gif) no-repeat right; padding:0 9px 0 0; margin:0 9px 2px 0;}
.cusMain .mainBox01 .item01 dd {padding:0 9px 0 0; height:100%; overflow:hidden; margin-bottom:2px;}
.cusMain .mainBox01 .item01 dd strong a {color:#000;}
.cusMain .mainBox01 .item01 dd em {font-style:normal; color:#ccc;}
.cusMain .mainBox01 li {background:url(../../images/bl/bl005.gif) no-repeat 0 5px; padding-left:7px; height:20px;}
.cusMain .mainBox01 .date {float:left; width:90px;}
.cusMain .mainBox01 .tit {float:left; width:233px; letter-spacing:-1px; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; padding-right:10px;}
.cusMain .mainBox01 .state {background:url(../../images/bl/bar001.gif) no-repeat left top; width:90px; height:100%; overflow:hidden; text-align:center;}
.cusMain .mainBox02 {width:210px; float:left; position:relative; padding:0 10px 0 16px;}
.cusMain .mainBox02 h3 {margin-bottom:15px;}
.cusMain .mainBox02 .more {text-align:right; padding:5px 8px 0 0;}
.cusMain .mainBox02 ul {clear:both; height:100%; overflow:hidden;}
.cusMain .mainBox02 li {background:url(../../images/bl/bl005.gif) no-repeat 0 5px; padding-left:7px; height:20px;}
.cusMain .mainBox02 .date {float:left; width:80px;}
.cusMain .mainBox02 .name {float:left; width:50px; letter-spacing:-1px; text-overflow:ellipsis; overflow:hidden; white-space: nowrap;}
.cusMain .mainBox02 .point {width:70px; text-align:right; height:100%; overflow:hidden;}
.cusMain .mainBox03 {background:url(../../images/bg/cusMBox01.gif) no-repeat; width:517px; height:181px; padding:16px 0 0 33px;}
.pointState {position:relative; left:484px; width:500px; margin-bottom:15px;}
.pointState h2 {background:url(../../images/bl/bl007.gif) no-repeat; margin-bottom:0; padding:0 0 5px 22px; font-size:12px; font-weight:normal; margin-top:23px;}
.pointState h2 span {font-size:14px; font-weight:bold;}
.pointState table th {text-align:center; padding:8px 0;}
.pointState table td {text-align:right; padding:3px 5px;}
.estimate {width:420px; height:100%; overflow:hidden;}
.estimate dl {background:url(../../images/bg/cusMBox02.gif) no-repeat; width:420px; height:104px;}
.estimate dt {clear:both; background:url(../../images/bl/bl005.gif) no-repeat 16px 24px; width:121px; height:32px; padding:20px 0 0 22px; float:left;}
.estimate dd {padding:20px 0 0 0; height:32px; overflow:hidden;}
.estimate .date {padding-left:18px; font-size:12px; color:#555;}
.workRequest {height:230px; overflow:hidden;}
.workRequest .mainBox01 {padding:15px 14px 10px 14px;}
.mWork {float:left; margin-right:15px; _margin-right:12px; width:470px;}
.mNoti {height:100%; overflow:hidden;}
.mNoti ul {border:1px solid #ededed; padding:12px 20px 5px 20px; height:103px; _height:99px; margin-bottom:5px; font-size:0;}
.mNoti li {margin:0; font-size:12px;}
.mNoti li .tit2 {width:340px; float:left; text-overflow:ellipsis; overflow:hidden; white-space: nowrap;}
.mNoti li .date {width:65px !important; padding-left:10px}
.specService {width:550px; height:100%; overflow:hidden; float:left; margin-right:15px; _margin-right:12px;}
.specService li {float:left; width:243px; padding:0 0 25px 0; margin:0;}
.specService li.end {padding-left:30px; width:213px;}
.downGo {margin-top:14px;}
.downGo li {float:left; margin-right:10px;}
.downGo li.end {margin-right:0;}
.workList {position:relative; background:#f5f5f5 url(../../images/box/workList_b.gif) repeat-x bottom; width:100%; height:100%; overflow:hidden; border-top:3px solid #8085f9; margin-bottom:10px;}
.workList .bl {bottom:0; _bottom:-1px; left:0; background:url(../../images/box/workList_bl.gif) no-repeat; width:5px; height:150px;}
.workList .br {bottom:0; _bottom:-1px; right:0; _right:-1px; background:url(../../images/box/workList_br.gif) no-repeat; width:5px; height:150px;}
.workList dl {width:30%; height:100%; border-left:1px solid #ddd; float:left; padding:10px;}
.workList dl.bdLNone {border:none;}
.workList dt {background:url(../../images/bl/bl003.gif) no-repeat 0 3px; padding-left:10px; margin-bottom:13px;}
.workList dd li {background:url(../../images/bl/bl005.gif) no-repeat 3px 4px; padding-left:10px; margin-bottom:5px;}
.workList em {font-style:normal; color:#cecece;}

.kickOff {margin-top:5px;}
.kickOff .txt01 {margin:20px 0 0 0;}
.kickOff .bbsTopBtn3 {margin:10px 0 -10px 0;}
.companyInfo {margin:20px 0 10px 0; height:100%; overflow:hidden;}
.companyInfo .logo {float:left; padding-right:10px; background:url(../../images/bl/bar003.gif) no-repeat right bottom;}
.companyInfo .code {height:100%; overflow:hidden; padding:25px 0 0 10px; color:#000; font-weight:bold;}
.oldVer {text-align:right; margin:-20px 0 10px 0;}

.pageTxt .item01 {float:left; border-right:1px solid #d1d1d1; padding-right:15px;}
.pageTxt .item02 {height:100%; overflow:hidden; padding-left:15px;}

.structureBox {margin-top:30px; height:100%; overflow:hidden;}

.treeBox {border-top:2px solid #8085f9; width:390px; float:left; margin-right:29px; _margin-right:26px;}
.treeBox .top {background:url(../../images/bg/bgTreeTop.gif) repeat-x; border-bottom:1px solid #a5a5a5; text-align:left; height:30px; overflow:hidden; font-size:11px; color:#000; padding-top:3px;}
.treeBox .top img {vertical-align:middle;}
.treeBox .top .item01 {float:left; padding-right:8px; padding-bottom:3px;}
.treeBox .top .item02 {border-left:1px solid #d1d1d1; padding-left:8px; height:100%; overflow:hidden;}
.treeBox .top .bt li {float:left; margin-right:5px;}
.treeBox .treeMenu {background:#ededed; margin-top:-1px; line-height:14px; padding:10px; height:356px; overflow:auto; border:1px solid #a5a5a5; color:#000;}
.treeBox .treeMenu a {color:#000;}
.treeBox .treeMenu li {padding:0 0 0 20px; font-weight:normal; line-height:26px; _line-height:16px; _padding:11px 0 0 20px; _height:16px; _vertical-align:middle;}
.treeBox .treeMenu li img {vertical-align:middle; margin-right:5px;}
.treeBox .treeMenu li span {background:url(../../images/ico/icoFolder01.gif) no-repeat left top; padding:0 0 0 21px;}
.treeBox .treeMenu li.last span {background:url(../../images/ico/icoFolderLast.gif) no-repeat left top; _display:block; _height:16px; _line-height:16px;}
.treeBox .treeMenu li.first {font-weight:bold; _display:block; _height:16px; _line-height:16px; _padding-top:5px;}

.treeContents {width:565px; height:100%; overflow:hidden;}
.treeContents .tit {font-weight:bold; color:#000; padding:10px 0 10px 10px; background:url(../../images/bl/bl005.gif) no-repeat 0 14px;}
.treeContents .bbsBottomBtn {border-bottom:1px solid #ececec; padding-bottom:20px;}
.treeContents .table {margin-top:1px;}
.treeContents .rightBtn {text-align:right; margin:-30px 0 10px 0;}
.treeContents .rightBtn li {display:inline;}

.pointStep li {float:left; background:url(../../images/bl/bl011.gif) no-repeat 17px 44px; padding-left:53px;}
.pointStep li.first {background:none; padding-left:0;}

.cpationBox dt {margin-bottom:5px;}
.cpationBox dd {padding-left:15px; line-height:16px;}
.cpationBox dd .item01 {float:left; margin-right:10px;}
.cpationBox dd .item02 {border-left:1px solid #ececec; padding-left:10px; height:100%; overflow:hidden;}

.stepBox {clear:both; border-top:1px solid #ececec; padding-top:15px; margin-top:20px;}
.stepBox h3 {float:none; background:url(../../images/bl/bl007.gif) no-repeat; padding-left:22px; color:#000; font-size:14px;}
.stepBox h3 .nor {font-size:12px; font-weight:normal;}
.stepBox .stepTit {margin-bottom:30px;}
.stepBox .stepTit .tit {float:left; margin-right:5px;}
.stepBox .stepTit .tit img {vertical-align:middle; margin-right:15px;}
.stepBox .stepTit ul {border-left:1px solid #ececec; padding-left:10px; height:100%; overflow:hidden; }
.stepBox .stepTit li {background:url(../../images/bl/bl002.gif) no-repeat 0 3px; padding:0 0 3px 7px;}
.stepBox .stepTit li.bgNone {background:none; padding:3px 0 0 0;}
.stepBox .popBtn {text-align:center;}
.stepBox .liPoint dl {margin-right:12px; float:left;}
.stepBox .liPoint dl.last {margin-right:0;}
.stepBox .liPoint dt {font-size:14px; font-weight:bold; color:#000; margin-bottom:10px;}
.stepBox .liPoint .bt {text-align:right; margin:5px 9px 0 0;}
.stepBox .liPoint .item01 {background:url(../../images/bg/bgUploadBox01.gif) no-repeat; width:224px; height:89px; padding:19px 0 0 96px;}
.stepBox .liPoint .item02 {background:url(../../images/bg/bgUploadBox02.gif) no-repeat; width:224px; height:89px; padding:19px 0 0 96px;}
.stepBox .liPoint .item03 {background:url(../../images/bg/bgUploadBox03.gif) no-repeat; width:224px; height:89px; padding:19px 0 0 96px;}

.smsSelect .table {width:725px; height:100%; overflow:hidden; float:left; padding-right:15px; border-right:1px solid #ececec; margin-right:15px; _margin-right:12px;}
.smsSelect .table strong {color:#000;}
.smsSelect .table .rightBt {text-align:right; margin:-15px 0 5px 0;}
.smsSelect .table .sms {width:600px;}
.rightCaption {background:url(../../images/bl/bl005.gif) no-repeat 0 5px; padding-left:7px; float:right; margin-top:-14px;}
.smsEnter {height:100%; overflow:hidden;}
.smsEnter .smsForm {background:url(../../images/bg/bgSms.gif) no-repeat; width:229px; height:158px; color:#2a3b77; padding-top:60px;}
.smsEnter .smsForm textarea.txtBox {background-color:transparent; border:none; color:#2a3b77; width:175px; height:115px; margin-left:30px; overflow:hidden; line-height:18px;}
.smsEnter .smsForm p.num {margin-top:10px; color:#555; text-align:right; padding-right:12px;}
.smsEnter .smsDate {margin:10px 0;}
.smsEnter .smsDate img {vertical-align:middle; margin-right:5px;}
.smsEnter .smsBtn {text-align:center; border-top:1px solid #ececec; padding-top:7px;}


/* Ưȭ¼­ºñ½º */
.srvTopinfo {margin:20px 0 30px 0; background:url(../../images/bg/bgDotGray.gif) left bottom repeat-x; padding-bottom:30px;}
.srvTopinfo2 {margin:20px 0 30px 0;}
.srvTopinfo2 .srvListBox {border-top:3px solid #8085f9; margin-top:35px;}
.srvTopinfo2 .srvListBox .mid {height:100%; border-left:1px solid #dedede; border-right:1px solid #dedede; padding:10px 20px;}
.srvTopinfo2 .srvListBox .bot {overflow:hidden; clear:both; height:5px; font-size:0; background:url(../../images/box/grayLineBox_b.gif) no-repeat;}
	.srvListBox .mid .colList {float:left; width:360px; background:url(../../images/bg/bgDotGray02.gif) right top repeat-y; margin-right:20px; padding:10px 0;}
	.srvListBox .mid .colList li {background:url(../../images/bl/bl005.gif) left 4px no-repeat; padding-left:7px; margin-top:7px; font-weight:bold;}
	.srvListBox .mid .last {background:none; margin-right:0;}

	.srvListBox .mid .rowList {background:url(../../images/bg/bgDotGray.gif) left bottom repeat-x; margin-bottom:15px; padding:10px 0 18px 0;}
	.srvListBox .mid .rowList dt {background:url(../../images/bl/bl005.gif) left 4px no-repeat; padding-left:7px; margin-bottom:5px; font-weight:bold;}
	.srvListBox .mid .rowList dd {padding-left:10px;}
	.srvListBox .mid .last {background:none; margin-bottom:0; padding-bottom:0;}

.useStep {float:left; width:185px; margin:0 15px 15px 0;}
.useStep .top {}
.useStep .mid {width:159px; height:122px; border-left:1px solid #dedede; border-right:1px solid #dedede; padding:12px 12px 0 12px;}
.useStep .bot {height:10px; font-size:0; background:url(../../images/box/infoBox_b.gif) no-repeat;}
	.list {font-size:11px; color:#444; letter-spacing:-1px;}
	.list li {background:url(../../images/bl/bl005.gif) left 5px no-repeat; padding-left:6px; margin-top:7px;}

.infoBox {border:1px solid #dcdcdc; margin-top:7px; padding:10px 13px; line-height:18px;}

.comment {margin-top:10px; font-size:11px;}

.titleTopH2 {position:relative; margin-bottom:-3px;}
.titleTopH2 .titBtn {position:absolute; top:0; right:0}

.titleTopH3 {position:relative; height:20px;}
.titleTopH3 .titBtn {position:absolute; top:-5px; right:0}

.bbsBotBtn {border-top:1px solid #dcdcdc; margin-top:30px; padding-top:10px; text-align:center;}
.bbsBotBtn02 {border-bottom:1px solid #dcdcdc; margin-top:10px; padding-bottom:30px; text-align:center;}

.bbsTopRightBtn {width:100%; text-align:right;}

.srvListTb {clear:both; margin-top:20px;}

.srvGoodsInfo {width:100%; border-top:2px solid #8085f9; border-bottom:1px solid #dcdcdc; padding:0 12px 30px 12px; margin-bottom:1px; position:relative;}
.srvGoodsInfo h3 {margin-top:30px;}
.srvGoodsInfo dl {padding-left:10px;}
.srvGoodsInfo dl dt {background:url(../../images/bl/bl013.gif) left 3px no-repeat; padding-left:6px; margin-top:17px; font-weight:bold;}
.srvGoodsInfo dl dd {padding-left:8px;}
.srvGoodsInfo dl dd ul {padding-top:7px;}
.srvGoodsInfo dl dd ul li {background:url(../../images/bl/bl005.gif) left 3px no-repeat; padding-left:6px; margin-top:1px;}

.specialSrvList .tabList {border-bottom:2px solid #8085f9; margin-top:15px;}
.specialSrvList h3 {height:15px; background:url(../../images/bl/bl007.gif) no-repeat left top; line-height:17px; padding-left:23px; color:#000; font-size:12px; margin:20px 0 9px 0;}
.specialSrvList h4 {background:url(../../images/bl/bl003.gif) no-repeat 1px 2px; padding-left:10px; color:#000; font-size:12px; margin:30px 0 5px 0;}

.srvListTop {clear:both; overflow:hidden; height:100%; border:1px solid #dcdcdc; border-top:2px solid #8085f9; background:#f5f5f5; padding:15px;}
.srvListTop .img {float:left; margin-right:18px;}
.srvListTop .img img {border:1px solid #dcdcdc;}
.srvListTop .list {padding-top:5px;}
.srvListTop .list dl {width:503px; height:auto; margin-bottom:3px; overflow:hidden; font-size:12px; letter-spacing:0;}
.srvListTop .list dl dt {float:left; width:73px; padding-top:3px;}
.srvListTop .list dl dd {float:left; width:430px; padding-top:3px;}
.srvListTop .list .tit {font-size:16px; font-weight:bold; color:#000; padding-bottom:12px;}
.srvListTop .goodslist {position:relative;}
.srvListTop .goodslist p.goods input {vertical-align:top;}
.srvListTop .goodslist p.goods img {border:1px solid #dcdcdc;}
.srvListTop .goodslist ul {padding-top:8px;}
.srvListTop .goodslist ul li {text-align:center;}
.srvListTop .bbsBottomBtn02 {border-top:1px solid #dcdcdc; padding-top:8px; margin-top:15px; text-align:right;}

.srvGoods {border:1px solid #dcdcdc;}
.srvGoods .goodslist p.goods input {vertical-align:top;}
.srvGoods .goodslist p.goods img {border:1px solid #dcdcdc;}
.srvGoods .goodslist ul {padding-top:8px;}
.srvGoods .goodslist ul li {text-align:center;}
.srvGoods .goodslist {margin:20px 0; background:url(../../images/bg/bgDotGray02.gif) left top repeat-y; padding-left:10px;}
.srvGoods td.bt {border-left:1px solid #dcdcdc; padding-left:15px;}
.srvGoods .first {background:none; padding-left:5px;}