@charset "utf-8";
/*index*/
.header_wrap {position:relative; width:730px; height:97px; margin:0 auto;}
.header_wrap h1 {float:left; width:149px; padding-top:67px;}
.header_wrap h2 {position:absolute; right:0; bottom:0; padding-bottom:12px;}
.visual {width:730px; height:274px; margin:0 auto;}
.idxBottom {width:100%; height:241px; background:url(../images/img_visua_bg.jpg) repeat-x; color:#686868;}
.idxBottom .inputBox {position:relative; width:728px; height:139px; margin:0 auto; border:1px solid #b2b2b2;}
.idxBottom .inputBox ul li label {width:65px; padding:0 0 0 15px; background:url(../images/icon/icon_dot.png) no-repeat 0 5px; font-size:12px; display:inline-block;}
.idxBottom .inputBox ul li label.wid64 {width:64px !important;}
.idxBottom .idx_footer {width:730px; padding-top:20px; margin:0 auto; color:#979797; font-size:11px; color:#979797; text-align:center;}
.idxBottom .idx_footer strong {color:#0aa2e1;}

.tab {position:absolute; left:0; top:-30px;}
.tab li {float:left; width:103px;  background:#979797; font-size:16px; text-align:center; font-weight:bold; color:#fff;}
.tab li:hover{float:left; background:#fff; color:#666;}
.tab li a {height:24px; padding-top:6px; line-height:20px; color:#fff; display:block;}
.tab li a:hover {color:#666;display:block;}
.loginBox {float:left; position:relative; width:307px; height:58px; margin:41px 0 0 32px;}
.loginBox li, 
.loginBox2 li {padding-bottom:2px;}
.loginBox input, 
.loginBox2 input {width:129px; height:20px; padding:2px 5px 0 5px; border:1px solid #d6d6d6;}
.loginBox2 {float:left; position:relative; width:317px; height:58px; margin:41px 0 0 41px;}
.loginBox .btnLogin, 
.loginBox2 .btnLogin {position:absolute; right:0; top:0; width:86px; height:29px; padding-top:15px; background:#282828; border:3px solid #0aa2e1; color:#fff; text-align:center; font-weight:bold;}
/*index*/

/*login*/
.tab .active{background:#fff;}
.tab .active a{color:#666;display:block;}
.tab .inactive{background:#979797; }
.tab .inactive a{color:#fff; display:block;}

.userLogin {float:left; position:relative; width:330px; height:58px; margin:41px 0 0 32px;}
.userLogin li, 
.companyLogin li {padding-bottom:2px;}
.userLogin input, 
.companyLogin input {width:129px; height:20px; padding:2px 5px 0 5px; border:1px solid #d6d6d6;}
.companyLogin {float:left; position:relative; width:317px; height:58px; margin:41px 0 0 32px; display: none;}
.login {float:left; position:relative; margin:41px 0 0 100px;}
.userLogin .btnLogin,
.login .btnLogin,
.companyLogin .btnLogin {position:absolute; right:0; top:0; width:86px; height:29px; padding-top:15px; background:#282828; border:3px solid #0aa2e1; color:#fff; text-align:center; font-weight:bold; cursor: pointer;}
/*login*/


/*logout*/
.wrap01 {width:100%; padding-top:200px;}
.logout_wrap {width:400px; height:310px; margin:0 auto; background:#f1f1f1;}
.logout_wrap02 {width:500px; height:310px; margin:0 auto; background:#f1f1f1;}
.logout_tit {height:57px; padding-left:38px; background:#454545; color:#f1f1f1; font-size:36px; line-height:57px;}
.logout_cot {padding:20px 40px; color:#454545; font-size:12px;}
.logout_img {background:url(../images/icon/icon_logout.png) no-repeat right bottom; overflow:hidden;}
.logout_cot h2 {height:21px; margin-bottom:22px; border-bottom:1px solid #454545; color:#000; font-size:16px;}
/*logout*/