﻿body {
	font-size: 12px;
	color: #282828;
	text-align:center;
}
* { -webkit-appearance : none ;}
img{ border:0;}
a{ color:#005aa0; text-decoration:none;}
    a:hover { color:red; }

.nav_bt{color:#036924;
    font-weight:bold;
    font-size:14px;
    text-align:center;
    border-left:1px solid #999999;	}
td{font-size: 12px;}
.gray{ color:Gray;}
.red{ color:#FD463B!important;}
.red2{color:#D72C00!important}
.green{ color:Green!important;}
.tleft{ text-align:left;}
.tright{ text-align:right;}
.tb{ width:958px; border:solid 0px green;font-size: 12px; margin:10px auto; }
.tb td{ padding:8px 6px;}
.xing{ color:Red; margin-left:5px;}
.txt{border:solid 1px #00CA65!important; }
.txt0{background-color:#FFF8EE;border:solid 1px #FFA29A!important}
.msg{ background-color:#ECF7F1;border:solid 1px #ECF7F1; color:#333; padding:5px 10px; line-height:140%;background-color:#ECF7F1;}
.msg1{ color:Green; height:29px;line-height:140%; padding:5px;padding-left:25px; background:url(images/reg_right.gif) no-repeat 5px 5px;background-color:#fff; }
.msg0{border:0; color:#FD463B; line-height:140%; border:solid 0px red; padding:6px;padding-left:25px; background:url(images/reg_error.gif) no-repeat 5px 6px;background-color:#fff;  }
.fg td{ border-top: dashed 1px #99D6B7; }
.focus{ border:solid 1px #00CA65; background-color:#F9F3FF; }
.l_focus{border:solid 1px #00CA65;background-color:#D3EDDF; color:Black;}
.tb_c td{ padding:2px}
.td_tit{ line-height:20px; padding-left:40px!important;}
.sp_t{  padding-left:15px; background:url(images/Arrow.gif) no-repeat ;}
.btn { display:inline-block; padding:10px 10px; background-color:#52BE7F; color:#fff; border-radius:4px;transition:all 0.5s;}
    .btn:hover { color:#fff; background-color:#45AD70;}
    .btn:active { background-color:#3D9862;  }
.btn_sub {padding:15px 15px;  font:bold 18px/18px "Microsoft YaHei";display:inline-block; border:none; background-color:#00A9E8; color:#fff; border-radius:4px;transition:all 0.5s; margin-top:20px;cursor:pointer;}
.btn_sub:hover { background-color:#009DD7;color:#fff;}
    .btn_sub:active { background-color:#008BBE;  }

.header,.content {width:1000px; margin:0 auto;font-size:14px;  }
.header { height:70px;padding:10px 0 ; }
    .header .logo { float: left; width: 150px; padding-right: 20px; border-right: 1px solid #dddddd; }
    .header h1 { float:left; padding:0; margin:0; margin-left:20px;font-family:'Microsoft YaHei'; height:70px; line-height:60px;font-size:24px; font-weight:normal}
    .header .login { float:right; height:70px; line-height:70px; }
.content {position:relative; margin-top:20px; }

    .content .line { padding:10px 10px;text-align:left;position:relative; }
        .content .line input { border: 1px solid #cccccc;font:14px/36px "Microsoft YaHei";  height:36px; padding: 0 5px; transition: all 0.5s; margin-left:5px; }
    .content .line input:focus { outline: none; border: 1px solid #99D6B7; box-shadow: 2px 2px 3px #ebebeb inset; }
        .content .line .title { display: inline-block; width: 132px; text-align:right; margin-right:5px; }
        .content .line s pan { margin-right:10px }
        .content .line .msg { position:absolute; left:500px; top:10px; width:250px; font-size:12px; line-height:160%; display:none; }
        .content .line .msg1 { position:absolute; left:500px; top:10px; width:250px; font-size:12px; line-height:160%; background:url(images/reg_right.gif) no-repeat 5px 6px;   }
        .content .line .msg0 { position:absolute; left:500px; top:10px; width:250px; font-size:12px; line-height:160%; color:#FD463B;background:url(images/reg_error.gif) no-repeat 5px 6px;  }
    .content .UserName, .content .PassWord, .content .CorpName,.txt { width:300px }
    .content .Name , .content .Phone{width:200px; }
    .content .ValiDate { width:100px; }

    .content .infobox {position:absolute; top:0; right:0; width:200px; border:1px solid #e9e9e9;border-top:2px solid #036924; font-size:12px; text-align:left; line-height:180%; color:#666;}
    .content .infobox .title { background:#f6f6f6;  padding:10px; font-weight:bold;}
    .content .infobox .info { padding:10px; line-height:200%; }
        .content .infobox .info strong { color:#d7342b; font:bold 14px/180% Arial; padding:0 3px; }

        .msgwindow { position: fixed; _position: absolute; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; }
    .msgwindow .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background: #000; opacity: 0.2; filter: alpha(opacity=20); z-index: 998; }
    .msgwindow .ct { width: 720px; padding:15px 20px; background: #fff; position: absolute; z-index: 999; left: 50%; top: 50%; margin-left: -360px; margin-top: -210px; border-radius: 5px; border:2px solid #e9e9e9}
        .msgwindow .ct h2 { padding: 0 10px; font: normal 16px/38px 'Microsoft YaHei'; background-color: #F7F7F7; border-radius: 5px 5px 0 0; }
        .msgwindow .ct .msg {  font-size: 12px; padding:0;border:0; line-height: 1.6; text-align:left; font-size:12px;height:100%;background-color:#fff; }
            .msgwindow .ct .msg h3 {font-size:16px; padding:0; margin:0; }
              .msgwindow .ct .close{ display: inline-block; cursor: pointer; width: 10px; height: 10px; color: #ccc; line-height: 10px; font-size: 20px; position: absolute; top: 12px; right: 10px; font-family: Tahoma; text-decoration: none; }
            .msgwindow .ct .close:hover { color: #e0e0e0; }

@media screen and (max-width:600px) {
    .header, .content {width:auto; }
    .infobox,.foot { display:none; }
    .content .line .title { width:initial; }
    .content .line input { width:100%; padding:0; text-indent:5px;margin:0; }
    .content .line .msg,.content .line .msg0,.content .line .msg1 { position:initial; width:auto;margin:0 auto; }
    .msgwindow .ct {width:auto;height:auto;left:initial;top:30px; margin-left:initial;margin-top:initial;}
}