/* CSS Document */
* { padding: 0; margin: 0; }

body{
margin: 0px;
	font-family: "MS PGothic";
	font-size: 12px;
	color:#fff;
	background-color:#fff;
}

a{ color:#000; text-decoration:none;}
a:hover{ color:#aaa;}
img{ border:0px;}
table input{ border:1px solid #b5b5b5}
.bot{background:url(../images/button_bg.gif) no-repeat; width:55px ; height:19px; border:0px; color:#fff; CURSOR: hand}

/* wrap */
#wrap{ width:800px; margin:0 auto;background:url(../images/wrap_bg.gif) repeat-y; }
#wrap2{ width:800px; margin:0 auto; border-left:1px solid #cdcdcd;  border-right:1px solid #cdcdcd;  border-bottom:1px solid #cdcdcd;  padding:10px 0 20px; 0}
.wrap_botom{ background:url(../images/wrap_bottom_bg.gif) no-repeat; height:11px;}

/* header */
#header{ background:url(../images/header_bg.gif) no-repeat; width:800px; height:45px;width:800px; margin:0 auto;s}
.logo{ padding-left:10px}


/* submenu */
#submenu{ background:url(../images/sub_bg.gif) repeat-x;  height:37px; border-left:1px solid #ccc;border-right:1px solid #ccc}
#submenu ul{ display:inline;  height:37px;letter-spacing:1px;}
#submenu ul li{float:left;list-style:none; width:81px; height:22px;  text-align:center;background:url(../images/sub_ul_bg.gif) no-repeat;padding-top:15px}
#submenu ul li a {list-style:none; width:81px; text-decoration:none; color:#000;}
#submenu ul li a:hover {list-style:none;color:#aaa;}

#login_submenu{ background:url(../images/sub_bg.gif) repeat-x;  height:37px; border-left:1px solid #ccc;border-right:1px solid #ccc; text-align:right; padding:15px 20px 0 0}

/* title */
#title{ background:url(../images/title_bg.gif) no-repeat; width:787; height:30px; margin:5px; padding:8px 0 0 20px; }

/* main */
#main{}
.main_t{ background:url(../images/main_top_bg.gif) no-repeat; width:787; height:7px;margin:5px 5px 0 5px;}
.main_b{ background:url(../images/main_bottom_bg.gif) no-repeat; width:787; height:7px;margin:0 5px 5px 5px;}
.main_m{ border-left:1px solid #ccc; margin:0 7px 0 5px; border-right:1px solid #ccc;padding:10px;}
.main_insert{ padding:20px 100px 20px 100px; border:1px solid #ccc; background-color:#f9f9f9;}
.main_table{ padding:10px; border:1px solid #ccc; }
.main_bottom{ text-align:center; margin-top:30px}
.main_m p{ margin:15px 0 15px 0;}

/* login_main */
#login_main{ background:url(../images/login_earch.gif) no-repeat center; height:385px;}
#login{ margin:130px 70px 0 0; width:260px; float:right}
.login_top{ background:url(../images/login_top.gif) no-repeat; height:25px;}
.login_mid{ background:url(../images/login_mid.gif) repeat-y;}
.login_bottom{background:url(../images/login_bottom.gif) no-repeat; height:7px;}

#login_left{ float:left; margin:80px 0 0 50px; width:300px; height:200px; color:#577693;}
#login_left span{font-size:12px; font-family:'ËÎÌå'; font-weight:100;}

/* table */
.chart{
border-collapse: collapse;
border: 1px #e7e7e7 solid; 
width:100%;
background-color:#fff;
}
.chart th{ 
padding:10px;
text-align:center;
font-weight:normal;
border: 1px #e7e7e7 solid;
width:20%;
color:#666;
font-weight:bold;
}
.chart td{
border: 1px #e7e7e7 solid;
padding: 10px;
}

.tab_chart{
border-collapse: collapse;
border: 1px #e7e7e7 solid; 
width:100%;
background-color:#fff;
}
.tab_chart th{ 
padding:10px;
text-align:center;
font-weight:normal;
border: 1px #e7e7e7 solid;
color:#000;
}
.tab_chart td{
border: 1px #e7e7e7 solid;
height:25px;
text-align:center;
color:#676767;
}
.table_login th{ color:#000; height:25px; text-align:right; padding-right:10px}
/* footer */
#footer{ text-align:center; padding:20px 0 20px 0; width:800px; margin:0 auto;}

/* footer */

/*botton_tab1*/
.but_css1{ background:url(../images/butt_cs1.gif) no-repeat; width:72px; height:19px; border:0px; cursor:hand}
.but_css2{ background:url(../images/butt_cs2.gif) no-repeat; width:72px; height:19px; border:0px; cursor:hand}
.but_css3{ background:url(../images/butt_cs3.gif) no-repeat; width:72px; height:19px; border:0px; cursor:hand}
.but_css4{ background:url(../images/butt_cs4.gif) no-repeat; width:72px; height:19px; border:0px; cursor:hand}
.but_css5{ background:url(../images/butt_cs5.gif) no-repeat; width:72px; height:19px; border:0px; cursor:hand}
.but_css6{ background:url(../images/butt_cs6.gif) no-repeat; width:72px; height:19px; border:0px; cursor:hand}


/*main_tab1*/
.main_tab1{border-collapse: collapse;border: 1px #e7e7e7 solid; width:100%;background-color:#fff;}
.main_tab1 th{padding:10px;text-align:center;font-weight:normal;border: 1px #e7e7e7 solid;width:20%;color:#000; background-color:#f1f5fe;}
.main_tab1 td{border: 1px #e7e7e7 solid;padding: 10px;color:#686868}

/*main_tab2*/
.main_tab2{border-collapse: collapse;border: 1px #e7e7e7 solid; width:100%;background-color:#fff;}
.main_tab2 th{padding:10px;text-align:left;font-weight:normal;border: 1px #e7e7e7 solid;width:25%;color:#000; background-color:#f1f5fe;}
.main_tab2 td{border: 1px #e7e7e7 solid;padding: 10px; color:#686868}

/*main_tab3*/
.main_tab3{border-collapse: collapse;border: 1px #e7e7e7 solid; width:100%;background-color:#fff;}
.main_tab3 th{text-align:center;font-weight:normal;border: 1px #e7e7e7 solid;color:#000; background-color:#f1f5fe;}
.main_tab3 td{border: 1px #e7e7e7 solid; text-align:center; height:30px;color:#686868}
.main_tab3_tr{ background-color:#f6f6f6}


/*tab_trial*/
.tab_trial{ width:100%;}
.tab_trial img{ border:0px;}
.trial_line{background:url(../images/line_topbg.gif) repeat-x; height:5px;}
.trial_line2{background:url(../images/line_bg2.gif) repeat-x; height:1px; }
.trial_th{ width:25%; background:url(../images/line_rightbg.gif) right repeat-y;text-align:left; padding:10px 15px 10px 0; }
.trial_input{width:45%; padding:5px 10px 40px 10px; }
.trial_inp{ width:200px;}


.trial_p{padding:10px 5px 0 5px;color:#686868; line-height:150%;}
#form_title{ background:url(../images/form_title.gif) no-repeat; height:40px;  width:787; margin:5px; padding:12px 0 0 20px; }
.but_css7{ background:url(../images/botton_bg.gif) no-repeat; width:195px; height:50px; border:0px; cursor:hand}
