@charset "utf-8";
/* CSS Document */
/*main*/
.box_main{ width:912px; margin-left:33px; height:100%;}
.s_intro{ height:auto; padding:15px 10px 5px 10px; line-height:20px;}
.s_intro img{ padding-bottom:10px;}
.box_til{ height:20px; background:url(../images/xu2.gif) repeat-x left 9px; padding:5px 0px 0px 30px;}
.box_til .til{ padding:0px 15px 0px 10px; background:#FFF; width:auto; text-transform:uppercase;}
.box_til .til .pr{ padding-right:10px;}
.etiltext{ font-family:Arial Black;}
.comtitle{ height:20px; background:url(../images/xu2.gif) repeat-x left 9px; padding:5px 0px 0px 30px;}
.comtitle .til{ padding:0px 15px 0px 10px; background:#FFF; width:auto;}
.comtitle .til .pr{ padding-right:5px;}
.etiltext{ font-family:Arial; font-weight:bold;}

/*page*/
.box_page{ height:25px; padding:5px 8px 0px 5px; text-align:right; background:#F4F4F4;}
.box_page span{ padding:0px 20px 0px 0px;}
.box_page select{ width:auto; margin-left:5px;}

/*list*/
.sshowtil{ height:13px; padding:8px 0px; color:#6F6F6F;text-overflow:ellipsis;overflow:hidden;white-space: nowrap; width:104px;}
/*character*/
.charactercon{}
.charactercon .show{ width:134px; height:auto; text-align:center; padding-top:8px;}
.charactercon .show .bimg{ width:122px; height:134px; background:#E8E8E8; padding:6px;}
.charactercon .show .bimg img{ width:120px; height:130px;}
.charactercon .show .bimg a:link,.charactercon .show .bimg a:visited,.charactercon .show .bimg a:active{ border:1px solid #CCC9CC;}
.charactercon .show .bimg a:hover{ border:1px solid #87B600;}

.charactercon .showmar{ margin-right:21px;}
/*steps*/
.stepscon{}
.stepscon .show{ width:104px; height:auto; text-align:center; padding-top:6px;}
.stepscon .show .bimg{ width:92px; height:72px; background:#E8E8E8; padding:6px;}
.stepscon .show .bimg img{ width:90px; height:70px;}
.stepscon .show .bimg a:link,.stepscon .show .bimg a:visited,.stepscon .show .bimg a:active{ border:1px solid #CCC9CC;}
.stepscon .show .bimg a:hover{ border:1px solid #87B600;}
.stepscon .showmar{ margin-right:30px;}
/*fee_steps*/
.fee .bimg{ width:150px; height:150px; padding:5px; border:1px solid #E8E8E8; margin-right:15px;}
.fee .bcon{ width:400px;}
.fee .bcon ul{ height:145px;}
.fee .bcon li{ height:22px; line-height:22px; color:#7D7D7D; width:100%; clear:both;}
.fee .bcon .oinfo{ height:15px;}
.fee .bcon .oinfo img{ margin-right:10px;}
.fee .bcon .oinfo a{ margin-right:15px;}

/*stage*/
.stagecon{}
.stagecon .show{ width:154px; height:auto; text-align:center; padding-top:6px;}
.stagecon .show .bimg{ width:152px; height:102px; background:#E8E8E8; padding:6px;}
.stagecon .show .bimg img{ width:150px; height:100px;}
.stagecon .show .bimg a:link,.stagecon .show .bimg a:visited,.stagecon .show .bimg a:active{ border:1px solid #CCC9CC;}
.stagecon .show .bimg a:hover{ border:1px solid #87B600;}
.stagecon .showmar{ margin-right:32px!important; margin-right:23px;}

/*fee_steps*/
.fee .bimg{ width:150px; height:150px; padding:5px; border:1px solid #E8E8E8; margin-right:15px;}
.fee .bcon{ width:400px;}
.fee .bcon ul{ height:145px;}
.fee .bcon li{ height:22px; line-height:22px; color:#7D7D7D; width:100%; clear:both;}
.fee .bcon .oinfo{ height:15px;}
.fee .bcon .oinfo img{ margin-right:10px;}
.fee .bcon .oinfo a{ margin-right:15px;}

.feetab{ height:22px; clear:both;}
.feetab dd{ width:auto; float:left; padding:5px 8px 2px 8px; margin-right:5px; cursor:pointer;}
.feetab .bg1{ border:1px solid #009195; background:#00ABB0; color:#FFF;}
.feetab .bg2{ border:1px solid #BBB; background:#F0F0F0; color:#323232;}

.feecon{ width:302px; float:left; height:84px; padding:5px 0px;}
.feecon dt{ width:92px; height:72px; background:#E8E8E8; padding:6px; float:left;}
.feecon dt img{ width:90px; height:70px;}
.feecon dt a:link,.feecon dt a:visited,.feecon dt a:active{ border:1px solid #CCC9CC;}
.feecon dt a:hover{ border:1px solid #87B600;}
.feecon dd{ width:190px; float:left; padding-left:8px; line-height:21px; height:21px;}
.feecon .dblue{ font-weight:bold; font-family:Arial;}
.feeconh{ height:860px;}


/*guestbook*/
.gbookbtn{ height:19px; clear:both;}
.gbookcon{ background:#F5F5F5; padding:15px 12px 6px 12px; height:auto;}
.gbookcon .til{ height:20px; padding-left:80px;}
.gbookcon .til dt a{ padding-right:10px;}
.gbookcon .til dt img{ margin-right:5px;}
.gbookcon .conl{}
.gbookcon .conl dt{ width:52px; height:52px; padding:6px; background:#FFF; text-align:center; vertical-align:middle;}
.gbookcon .conl dt img{ width:50px; height:50px; border:1px solid #C0C0C0;}
.gbookcon .conl dd{ height:15px; text-align:center; padding:10px 0px; width:60px;}
.gbookcon .conr{ background:#FFF;  border:1px solid #E0E0E0; width:790px; height:auto!important; height:120px; min-height:120px; padding:5px 10px 10px 10px;}
.gbookcon .conr .h{ height:19px;}
.gbookcon .conr dt span{ width:auto; display:inline; float:left; padding-right:30px;}
.gbookcon .conr dt span img{ padding:0px 8px 0px 0px!important; padding:0px 8px 5px 0px;}
.gbookcon .conr dt .ddper{ padding-top:3px;}
.gbookcon .conr dt .ddtil{ padding-top:3px!important; padding-top:4px;}
.gbookcon .conr dt .floor{ background:#F4F4F4; padding:3px 5px 0px 5px; float:right; color:#484848;}
.gbookcon .conr .line{ background:url(../images/guestbook/xu.gif) repeat-x center bottom; padding:5px 0px 5px 0px;}

.gbookcon .conr dd{ line-height:21px; color:#484848;}
.gbookcon .conr dd img{ padding-right:8px;}
.gbookcon .conr dd p{ padding:8px 0px 3px 0px;}
.gbookcon .conr .yo .con{ border:1px solid #D4D4D4; background:#F3F3F3; padding:10px 15px; color:#B1B1B1;}
.gbookcon .conr .yo .zx{ width:24px; height:13px; position: relative; top:-1px; left:80px; background:url(../images/guestbook/ico7.gif) no-repeat center top;}
.gbookcon .conr .hf{ border:1px solid #ADDD1E; background:#F4FAE1; color:#63AC05; padding:10px 15px;}
.gbookcon .conr .display{ border:1px solid #F0B963; background:#FFF6E6; color:#EA8F00; padding:20px 15px;}
.gbookcon .text dd{ padding-left:20px; height:35px; line-height:35px; font-family:"宋体";}
.gbookcon .text dd img{ margin-right:10px;}
.gbookcon .text dd input{ height:19px; line-height:19px; border:1px solid #E1E1E1; margin-right:10px;}
.gbookcon .text dd .noborder{ border:0px;}
.gbookcon .text dt{ padding-bottom:10px;}
.gbookcon .text dt .borcon{ border:1px solid #E1E1E1; background:#FFF; padding:10px 20px;}
.gbookcon .text dt textarea{ width:100%; height:140px; border:1px solid #E1E1E1; overflow-y:auto;}
.qrfb{ height:21px; padding:10px 0px 10px 0px; width:100%; text-align:center;}
/*xrjc*/
.xrjccon{ border:1px solid #E1E1E1; padding:10px 30px;}
.xrjccon dd{ clear:both; height:16px; padding:4px 0px;}
.xrjccon dd img{ margin-right:5px;}

/*news*/
.box_news{ width:912px; margin-left:33px; height:100%; line-height:21px;}
.box_news h1{ font-size:14px; color:#F72362; text-align:center; width:100%;}
.box_news h2{ font-size:12px; text-align:center; width:100%; color:#A8A8A8; font-weight:normal;}
.box_news p{ text-indent:25px; padding:0px; margin:0px;}
/*down*/
#box_down{ height:250px;}
#box_down .bleft{ width:200px; text-align:center; float:left;}
#box_down .bleft img{ width:90px; height:70px; padding:5px; background:#E8E8E8;}
#box_down .bright{ width:680px; border-left:1px solid #DEDEDE; height:250px; padding-left:10px; line-height:180%; float:left;}
/*get password*/
.get_pw{ padding:10px 96px; line-height:180%;}
.get_pw .boxpw{ border:1px solid #EAEAEA; background:url(../images/boxpwbg.jpg) no-repeat 20px center; height:80px; padding:70px 0px 0px 200px;}
.get_pw .inputl{ border:1px solid #E1E1E1; height:17px; width:160px; vertical-align:middle; padding:3px 5px 0px 5px;}
.get_pw .boxbtn{ height:23px; text-align:center;}
.get_pw .boxbtn input{ padding:3px 12px 0px 12px; margin:0px 5px; height:23px;}
.btngreen{ background:#81AD00; color:#FFF; border:0px;}
.btnblack{ background:#000; color:#FFF; border:0px;}
/*register*/
.register{ border:1px solid #EAEAEA; padding:15px 35px;}
.register td,.register th{ height:40px;}
.register th{ text-align:right; padding-right:6px; width:85px; color:#000;}
.register th .red{ padding:10px 5px 0px 5px;}
.register .borxu{ background:url(../images/xu3.gif) repeat-x center bottom;}
.register .tdw2{ width:200px; padding-left:10px;}
.register input{ border:1px solid #E1E1E1; height:18px; width:160px; vertical-align:middle; padding:3px 5px 0px 5px;}
.register .tdr{ line-height:14px;}
.register .radio{ border:0px; width:auto;}
.register  img{ margin:0px 5px;}


/*Other_Down*/
.othercon{ padding:5px 10px; clear:both; background:url(../images/xu3.gif) repeat-x center bottom;}
.othercon .bimg{ width:152px; height:102px; float:left; padding:7px; background:#E8E8E8;}
.othercon .bimg img{ width:150px; height:100px;}
.othercon .bimg a:link,.othercon .bimg a:visited,.othercon .bimg a:active{ border:1px solid #CCC9CC;}
.othercon .bimg a:hover{ border:1px solid #87B600;}
.othercon .bcon{ width:700px; float:right; line-height:21px;}
.othercon .bcon h1{ font-size:13px; clear:both; text-indent:25px;}
.othercon .bcon h1 .gray{ text-indent:25px; font-size:12px; font-weight:normal;}
.othercon .bcon p{ text-indent:25px; color:#666;}
.othercon .bcon .unpink{ text-indent:25px;}
.othercon .bcon img{ margin-left:25px; border:5px solid #EBEBEB;}


/*course*/
.course{ width:100%; margin:0px auto;}
.course li{ width:100%; background:url(../images/xu1.gif) repeat-x center bottom; height:13px; padding:8px 0px 5px 0px; clear:both; text-indent:25px;}
.course li img{ margin:0px 5px;}
/*member*/
.member{ height:auto!important; height:300px; min-height:300px; clear:both; padding:10px;}
.member .ts{ border:1px solid #D5D5D5; background:#F1F1F1; padding:5px 15px; clear:both; line-height:21px; clear:both;}
.member .message{ position:relative; padding:10px 0px; clear:both;}
.member .message .portrait{ width:50px; position:absolute; top:20px; left:0px; text-align:center; line-height:22px;}
.member .message .portrait img{ width:48px; height:48px; border:1px solid #DDD; clear:both;}
.member table{ width:80%; margin-left:70px;}
.member th{ width:90px; text-align:right; padding-right:5px; height:25px;}
.member td{ color:#868686; height:25px; text-align:left;}
.member .tdbtn{ height:50px;}

/*search*/
#search{ padding:10px 30px; clear:both; height:auto!important; height:320px; min-height:320px; line-height:22px;}
#search .serchar{ clear:both;}
#search .serchar dt{ width:122px; height:134px; background:#E8E8E8; padding:6px;  float:left;}
#search .serchar dt img{ width:120px; height:130px;}
#search .serchar dt a:link,#search .serchar dt a:visited,#search .serchar dt a:active{ border:1px solid #CCC9CC;}
#search .serchar dt a:hover{ border:1px solid #87B600;}
#search .serchar dd{ width:700px; padding-left:15px; float:left;}

#search .serstep{ clear:both;}
#search .serstep dt{ width:92px; height:72px; background:#E8E8E8; padding:6px; float:left;}
#search .serstep dt img{ width:90px; height:70px;}
#search .serstep dt a:link,#search .serstep dt a:visited,#search .serstep dt a:active{ border:1px solid #CCC9CC;}
#search .serstep dt a:hover{ border:1px solid #87B600;}
#search .serstep dd{ width:720px; padding-left:15px; float:left;}

#search .sercourse{ clear:both; padding:10px 0px;}
#search .sercourse li{ clear:both; height:15px; padding:8px 0px 5px;}

#search .fruitless{ padding:40px 10px;}
#search .fruitless img{ margin-right:10px;}
#search .fruitless input{ border:1px solid #C7C7C7; height:15px; padding:3px 5px 0px 5px;}