﻿
/* common */
body{ background-color:#fdfdfd; font-family:'微软雅黑'; font-size:14px;}
.center{width:1100px;margin:0px auto; position:relative;}
a{text-decoration:none; cursor:pointer; color:#666;}
a:hover{ color:#000; text-decoration:underline;}

/* header */
.header .logo{ width:100%; height:107px; background-image:url(images/logo_bj.png)}
.header .navigation{ height:35px; background-image:url(images/dhbj.png);}
.header .navigation ul li{ float:left;}
.header .navigation ul li a{ display:block; width:120px; text-align:center; height:30px; line-height:30px; color:#305996; font-size:14px; }
.header .navigation ul li a:hover,.header .navigation ul li .on{ font-weight:bold; text-decoration:underline;}
.header .navigation ul .line{  width:2px; overflow:hidden;  height:30px; line-height:30px; color:#305996}


.index { width:800px; height:590px; background-image:url(images/index_background.png); margin:50px auto; position:relative;}
.index a{ position:absolute; display:block; background-color:#FFF;}
.index a:hover img{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.index .dwdj{ left:388px; top:120px;}
.index .hyzx{ left:98px; top:172px;}
.index .pxzx{ left:636px; top:172px;}
.index .zxpy{ left:676px; top:392px;}
.index .ryzxpy{ left:476px; top:432px;}

.index .xzzx{ left:268px; top:430px;}
.index .ksxt{ left:58px; top:379px;}


/* login */
.login .top{ height:255px; background-image:url(images/login_top.png); background-position:center; background-repeat:no-repeat; background-color:#2c699f;}
.login .box{ background-color:#f2f9ff;background-image:url(images/login_bottom.png); background-position:center top; min-height:400px; background-repeat:no-repeat;}
.login .box .win{ position:absolute; top:70px; right:10px; width:430px; }
.login .box .win .form-group .form-button{ padding-left:106px;}
.nologin{ border:1px solid red; background-color:#FFFFD9; color:red; height:34px; line-height:34px; width:300px; position:absolute; left:500px; top:20px; text-align:center;}

/* column */
.column { padding-top:15px;}
.column .left{ float:left;}
.column .left .box{ border:1px solid #ddd; margin-bottom:15px;  width:225px;}
.column .left .info { padding:15px;}
.column .left .info p{ margin-top:8px;}
.column .left .info span{ font-weight:bold;}
.column .left .info font{ color:#C00}
.column .left .btns{ padding-left:155px; padding-bottom:20px;}
.column .left .title{ width:225px; height:30px; background-image:url(images/column-title-bj.png); color:#FFF;  line-height:30px; text-indent:35px;}
.column .left ul { padding-bottom:20px;}
.column .left ul li a{ display:block; width:200px; height:28px;background-image:url(images/column-ul-li.png); text-indent:25px; margin-left:15px; margin-top:10px; line-height:28px;}
.column .left ul li a:hover,.column .left ul li .on{ text-decoration:none;background-image:url(images/column-ul-li-hover.png);}
.column .right{ width:835px;  border:1px solid #f1f1f1;  box-shadow: 0 0 3px  #ddd; background-color:#fdfdfd; float:right;padding:8px; min-height:500px;}
.column .right .no-content{ height:100px;line-height:100px;}
.column .right .article-list li{ height:40px; border-bottom:1px dotted #ddd; line-height:40px;}
.column .right .article-list li span{ margin-left:10px; color:#CCC;}
.column .right h1{ font-size:16px; line-height:22px; padding-top:10px; padding-bottom:10px;}
.column .right .attr{ font-size:12px; color:#999; border-bottom:1px dotted #ccc; padding-bottom:10px; padding-top:10px;}
.column .right .box{ padding-top:20px; padding-bottom:20px; line-height:22px;}

/* member-modify */
.member-modify .title{ text-align:center; font-size:22px; color:#F07800; padding-top:20px; padding-bottom:30px;}
.member-modify .line{ font-size:16px; padding-top:20px; padding-bottom:10px; margin-bottom:20px; border-bottom:1px dotted #ddd;}
.member-modify  .form  .form-group label{ width:120px}
.member-modify  .form  .form-group .form-button{ padding-left:130px;}
.member-modify  .form .text1{ width:100px;}
.member-modify  .form  .text4{ width:300px;}
.member-modify .form #MemberName{ width:300px;}

/* member-payment */
.member-payment .line{font-size:16px; padding-top:20px; padding-bottom:10px; margin-bottom:20px; border-bottom:1px dotted #ddd;}

/* train-list */
.train-list .conditions{ padding:20px; background-color:#f5f5f5;}
.train-list .conditions .title{ font-size:14px; padding-bottom:10px;}
.train-list .conditions .padd{ padding-top:20px;}
.train-list .conditions .btn{ margin-right:10px;}
.train-list .list .table{ margin-top:25px;font-family:'微软雅黑'; font-size:14px;}
.train-list .list .train-attr{ padding:3px;}
.train-list .list .train-attr span{ font-weight:bold;}
.train-list .list .btns{ padding-top:10px;}
.train-list .list .btn{ margin-right:10px;}

/* train-info */
.train-info .train-title{ font-size:14px; padding-top:5px; padding-bottom:5px; color:#006}
.train-info .contents{ line-height:2em;}
.train-info .btns{ padding-top:10px;}
.train-info .btn{ margin-right:10px;}

/* train-lecturer */
.train-lecturer .title{ font-size:16px; padding-top:20px; padding-bottom:20px;}
.train-lecturer .table th{ width:50px;}
.train-lecturer .table td{ text-align:left;}
.train-lecturer .contents{ line-height:2em;}

/* train-registration */
.train-registration h2{ font-size:20px; text-align:center; padding-bottom:30px; color:#090; font-weight:bold; font-weight:normal;}
.train-registration .train-title{ font-size:16px; padding-bottom:5px; padding-top:5px; }
.train-registration .table td{ text-align:left;}
.train-registration .tab-content .alert{ margin-top:20px;}
.train-registration .form{ padding-top:40px;}
.train-registration .form label{ text-align:right;}
.train-registration .form #Name{ width:100px;}
.train-registration .form #Code{ width:50px;}
.train-registration .tab-content { padding-bottom:50px;}

/* .train-registration-list */
.train-registration-list { min-height:400px;}
.train-registration-list h2{ font-size:18px; font-weight:bold; padding-bottom:30px;font-weight:normal;}

/* .train-registration-info */
.train-registration-info { min-height:400px;}
.train-registration-info h2{ font-size:18px; font-weight:bold; padding-bottom:30px;font-weight:normal;}
.train-registration-info .train-title{font-size:16px; padding-top:20px; padding-bottom:10px; color:#006}
.train-registration-info .form #Code{ width:50px;}
.train-registration-info .form #Num{ width:80px;}
.train-registration-info .alert{ margin-top:30px;}


/* comparison */
.comparison h2{ font-size:18px; font-weight:normal; padding-bottom:30px;}
.comparison .title{ font-size:12px; padding-bottom:15px; font-weight:bold;}
.comparison .form{ padding-bottom:30px; padding-top:20px;}
.comparison .tab-nav{ padding-top:20px;}
.comparison .tab-nav .tab-content{ padding-top:20px;font-size:14px; }
.comparison .tab-nav .tab-content .contents{  line-height:2em;}
.comparison .tab-nav .tab-content .box{ border-bottom:1px dotted #ddd; padding-bottom:10px;}
.comparison .tab-nav .tab-content h3{ font-size:14px;}

.comparison .tab-nav .tab-content .sbzl{ color:#999; line-height:18px; padding:15px; padding-top:0px;}
.comparison .tab-nav .tab-content .sbzl dl dd{ padding-top:3px; padding-bottom:3px;}

.comparison .comparison-title{ font-size:14px; padding-bottom:10px;}
.comparison .comparison-attr{ color:#999; padding-bottom:10px; font-size:12px}
.comparison .list ul li{ border-bottom:1px dotted #ddd; padding-bottom:15px; margin-bottom:20px;}
.comparison .alert{ margin-top:15px;}
.comparison .btns{ margin-top:15px; }

/* register */
.register .title{ font-size:22px; text-align:center; font-weight:bold; font-family:'宋体'; color:#305996;  padding-bottom:30px;}
.register .tab-content{ padding-top:40px;}
.register .form{ border:1px solid #ccc; padding:40px; margin-top:20px;}
.register .form #MemberName{ width:150px;}
.register .form #Code{ width:60px;}
.register .form .line{ font-size:16px; padding-bottom:10px; border-bottom:1px dotted #ddd; margin-bottom:20px;}
.register .form .text {width:150px}
.register .form .text1{ width:80px;}
.register .form  .text4{ width:200px;}
.register .form  .basic .form-group label{ width:125px; min-width:75px}
.register .form  .basic .columns { width:90%;}
.register .form  .basic .columns tr td{ width:50%;}
.register .form  .line-mini{font-size:12px; font-weight:bold;padding-bottom:5px; margin-bottom:10px;}
.register .form .item{ padding:10px; border:1px solid #ddd; margin-bottom:20px; background-color:#f9f9f9;}
.register .form .item table{ width:90%;}
.register .form .item table tr td{ width:50%;}
.register .form .item .form-group label{ width:90px; min-width:60px;}

/* select-user */
.select-user { padding:10px;}
.select-user .list{ overflow:hidden; padding-top:10px;}
.select-user .attr tr td{ padding:4px;}

/* footer */
.footer{ width:100%; height:133px; background-image:url(images/footer.png); margin-top:20px;}
.footer .copyright{ line-height:22px; text-align:center; color:#FFF; padding-top:20px;}


.meeting-registration h2{ font-size:20px; text-align:center; padding-bottom:30px; color:#090; font-weight:bold; font-weight:normal;}
.meeting-registration .train-title{ font-size:16px; padding-bottom:5px; padding-top:5px; }
.meeting-registration .table td{ text-align:left;}
.meeting-registration .tab-content .alert{ margin-top:20px;}
.meeting-registration .form{ padding-top:10px;}
.meeting-registration .form label{ text-align:right;}
.meeting-registration .form #Name{ width:100px;}
.meeting-registration .form #Code{ width:50px;}
.meeting-registration .tab-content { padding-bottom:50px;}