/*管理页面 头部*/
#logo_banner{
	width:100%;
	height:90px;
	margin:0 auto;
	background:#eee;
}
#logo_banner img{
    margin:10px 3px 0 20px;
    width:90px;

    float:left;
}
dl.logo_title{
    margin-left:15px;
    width:500px;
    height:90px;
    float:left;
    color:#444;
}
dl.logo_title dt{
    margin:18px 0 0 0;
    font-size: 25px;
    letter-spacing: 6px;
}
dl.logo_title dd{
    margin:2px 0 0 0;
    font-size: 15px;
    letter-spacing: 1px;
}
dl.register{
	margin:5px 25px 0 0;
	width:300px;
	height:30px;
	float:right;
}
dl.register dd{
	margin:0 10px;
	width:auto;
	height:30px;
	line-height: 30px;
    font-size: 14px;
    color:#666;
	float:right;
}
dl.register dd a{
    color:#666;
}
dl.register dd a:hover{
    color:#f60;
}
/*头部导航*/
#manage_nav{
	width:100%;
	height:36px;
	margin:0 auto;
	background:#3A7EE9;
}
#manage_nav ul#manage_daohang{
	width:100%;
	height:36px;
	margin:0 auto;
	color:#fff;
}
#manage_nav ul#manage_daohang li{
	margin:10px 0;
	width:100px;
	height:17px;
	line-height:17px;
	text-align:center;
	font-size:13px;
	letter-spacing: 1px;
	float:left;
	border-right:1px solid #aaa;
}
#manage_nav ul#manage_daohang li a{
	display:block;
	color:#fff;
}
#manage_header #manage_nav ul#manage_daohang li a:hover,#manage_header #nav ul#manage_daohang li a.click{
	color:orange;
}
/*左侧导航CSS*/
.layout-west{
	width:180px;
	background:#f9f9f9;
}
.layout-west ul#tree{
	padding:12px 8px;
	font-size:14px !important;
}
.layout-west ul#tree li{
	padding:3px 0;
}
.layout-west ul#tree li a{
	font-size:13px;
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
	color:#666;
}
.tree-node-selected{
	background:#ccc;
    border-radius:3px;
}
/*页面顶部的工具栏toolbar*/
.toolbar,.toolbar_my{
    margin:0 auto;
	padding:5px;
	font-size:13px;
}
span.search{
	float:right;
	margin-right:15px;
	margin-top:3px;
}
span input{
	height:24px;
	line-height:24px;
	padding:0 3px;
	margin-right:5px;
}
.toolbar strong{
	font-weight:normal;
	margin:5px 5px;
}
/*后台 起始页*/
#manage_p{
	display:table;
	margin:5px auto;
	width:98%;
	height:40px;
	line-height: 40px;
	font-size: 14px;
	color:#444;
	text-indent:30px;
	background:#f3f3f3 url(/Public/images/dot4.png) no-repeat 15px 12px;
}
div.main_div{
	width:47%;
	height:250px;
	margin:10px 0 0 15px;
    overflow: hidden;
	float:left;
	border:1px solid #eee;
	border-radius: 5px;
	color:#444;
	background:#fafafa;
}
div.main_div p{
	width:100%;
	height:38px;
	line-height: 38px;
	display: block;
	text-indent: 26px;
	font-size:13px;
	letter-spacing: 1px;
	background:#E8F1F6 url(/Public/images/dot1.gif) no-repeat 15px center;
}
span.float_right{
    float:right;
    color:#888;
    font-size: 13px;
}
a.red{
    color:#f60;
    margin:0 5px;
}
a.red:hover{
    color:red;
}
/*表单CSS*/
.myForm{
	width:100%;
	margin:0 auto;
	margin-top:15px;
}
.dialog_dl{
    display:table;
    width:90%;
    margin:10px auto;
    color:#444;
	background:#fff;
}
.dialog_dl dt{
    display:table;
    width:100%;
    height:40px;
    line-height: 40px;
    font-size:18px;
    font-weight:bold;
    text-align: center;
}
.dialog_dl dd{
	display:table;
    padding:3px 0;
    width:93%;
    height:28px;
    line-height: 28px;
    font-size:15px;
	margin:4px auto;
	border-bottom:1px dashed #ddd;
	background:#fcfcfc;
}
.dialog_dl dd img{
    margin:10px auto;
}
dd.submit{
	text-align: center;
	background:none !important;
	border-bottom:none !important;
}
.dialog_dl dd textarea{
    margin:0;
    width:500px;
    height:80px;
	border-radius: 4px;
}
.dialog_dl dd ul{
    width:90%;
    margin:5px auto;
    font-size:13px;
}
.dialog_dl dd ul li{
    display: table;
    width:100%;
    margin:5px auto;
    border-bottom: 1px dashed #ccc;
    background:url(/Public/images/dot3.png) no-repeat 5px 10px;
    text-indent:20px;
}
.dialog_dl dd ul li span{
    float:right;
    position: relative;
    top:-3px;
}
.dialog_dl dd ul li span input[type="radio"]{
    position: relative;
    top:5px;
}
/*easyui CSS*/
.datagrid{
    margin-top:-15px;
}
.datagrid-cell{
	padding:6px;
	font-size: 13px;
}
/*详情页模板的CSS*/
#details_content{
	width:90%;
	height:200px;
	margin:15px auto;
	font-size:14px;
	
}
#details_content p{
	display:table;;
	width:100%;
	line-height:180%;
	margin:5px auto;
}
#details_content p img{
	max-width:660px;
	margin:10px auto;
}
/*后台 修改密码设置页面*/
dl.setWeb{
	margin:20px auto;
	padding:15px;
	width:85%;
	height:auto;
	background:#f6f6f6;
}
dl.setWeb dt{
	font-size:20px;
	text-align:center;
	margin:15px auto;
}
dl.setWeb dd{
	margin:5px auto;
}
/*后台 dialog布局*/
table.buju{
	margin:0 auto;
	width:95%;
}
table.buju caption{
	font-size:24px;
	margin:10px auto;
	margin-top:2px;
}
table.buju td{
	border:1px solid #ddd;
	height:36px;
	line-height:36px;
	font-size:13px;
	padding:2px 5px;
	background:#fff;
}
table.buju td.center{
	text-align:center;
}
table.buju td img{
	width:130px;
	margin:5px auto;
}
/*文章页面添加图片（可添加多图）*/
dl.pic_list{
	display:table;
	width:150px;
	height:110px;
	margin:7px;
	float:left;
}
dl.pic_list dd,dl.pic_list dt{
	display:table;
}
dl.pic_list dd img{
	width:150px;
	height:100px;
}
/*为某一试卷设置试题*/
div#set_shiti p{
	height:30px;
	line-height: 30px;
	margin:0 auto;
	padding:5px 0;
	font-size:16px;
	letter-spacing: 1px;
	text-align: center;
}
div#set_shiti p.select_tiku{
    height:30px;
	line-height: 30px;
	margin:0 auto;
	padding:3px 0;
	font-size:13px;
    text-align: left;
    font-weight:normal;
}
p.select_tiku a{
    margin:0 4px;
    color:#444;
}
div#shiti_list{
    width:55%;
    height:600px;
    float:left;
    background:#eee;
}
div#shijuan_list{
    margin-left:10px;
    width:43%;
    height:600px;
    float:right;
    background:#eee;
}
/*试卷详情页面*/
/*试卷 页面头部*/
.shijuan_shiti_title{
	display:table;
	width:100%;
	height:80px;
	line-height: 80px;
	margin-bottom:30px;
}
.shijuan_shiti_title dl{
	display:table;
	margin:10px auto;
	width:100%;
	height:40px;
	line-height: 40px;
	color:#444;
}
.shijuan_shiti_title dl dt{
	text-align: center;
	font-size:24px;
	letter-spacing: 2px;
}
.shijuan_shiti_title dl dd{
	text-align: center;
	font-size:14px;
}
.shijuan_shiti_title dl dd span{
	display:inline-block;
	height:22px;
	line-height: 22px;
	border-bottom:1px solid #666;
	letter-spacing: 2px;
}
.shijuan_shiti_title dl dd strong{
	color:#f40;
	font-size:18px;
	font-weight:normal;
}
/*试卷 主体部分*/
.shijuan_shiti_list{
	width:100%;
	height:auto;
	margin:15px auto;
	
}
.shijuan_shiti_list p{
	font-size:16px;
	font-weight:bold;
}
.shijuan_shiti_list dl{
	display:table;
	margin:10px auto;
	width:100%;
	color:#444;
	text-indent:25px;
}
.shijuan_shiti_list dl dt{
	display:table;
	width:100%;
	height:30px;
	line-height: 30px;
	font-size:15px;
	background:#fafafa;
}
.shijuan_shiti_list dl dd{
	display:table;
	height:25px;
	line-height: 25px;
	font-size:14px;
}
.shijuan_shiti_list dl dd.my_answer{
	border:none;
	background:lightgoldenrodyellow;
	text-align: right;
	padding-right:20px;
}
.shijuan_shiti_list dl dd.my_answer:hover{
	background:lightgoldenrodyellow;
}
.shijuan_shiti_list dl dd.my_answer span{
	letter-spacing: 5px;
}
.shijuan_shiti_list dl dd.my_answer strong{
	color:#f40;
	font-size:20px;
	margin-right:10px;
}
/*试题列表*/
dl.shiti_list{
	width:92%;
	padding:10px;
	margin:20px auto;
	font-size:13px;
	color:#333;
	border:1px solid #ccc;
    border-radius:4px;
    background:#fff;
}
dl.shiti_list:hover{
	border:1px solid orange;
}
dl.shiti_list dt{
	display:table;
	margin:0 auto;
	width:96%;
	height:35px;
	line-height:170%;
	font-size:15px;
	font-weight:bold;
	background:url(../../Public/images/dot1.gif) no-repeat 5px 10px;
	text-indent:18px;
}
dl.shiti_list dt span{
	font-size:13px;
	color:#666;
	font-weight:normal;
	float:right;
}
dl.shiti_list dd{
	display:table;
	margin:5px auto;
	width:92%;
	height:30px;
	line-height:30px;
	background:#f9f9f9;
	text-indent:25px;
	border-bottom:1px solid #ccc;
}
dl.shiti_list dd:hover{
	background:#eee;
}
dl.shiti_list dd span{
	float:right;
	margin-right:20px;
}
/*媒体查询*/
@media (max-width: 500px){
    /*PC端的各个区块 隐藏起来*/
	#manage_header,#manage_footer,#manage_left,#manage_center,#details,#menu,#download{
		display:none;
	}
    /*表单控件*/
    dd input[type="text"],dd input[type="password"]{
        padding:0 6px;
        width:95%;
        height:40px;
        line-height:40px;
        border:1px solid #ccc;
        border-radius:4px;
    }
    dd select{
        width:99%;
        padding:0 6px;
        height:40px;
        line-height:40px;
        border:1px solid #ccc;
        border-radius:6px;
    }
    dd textarea{
        margin:0;
        width:99%;
        border:1px solid #ccc;
        border-radius:6px;
    }
    dd input[type="submit"]{
        margin:10px auto;
        padding:0 6px;
        width:100%;
        height:38px;
        line-height:38px;
        border-radius:6px;
        border:none;
        font-size:17px;
		letter-spacing:3px;
		background:#f60;
    }
	dd input[type="submit"]:hover{
		background:orange;
	}
	dd a.button{
		margin:10px auto;
        padding:0 6px;
        width:95%;
        height:38px;
        line-height:38px;
        border-radius:6px;
        border:none;
        font-size:17px;
		text-align:center;
		letter-spacing:3px;
		background:#f60;
		display:block;
		color:#fff;
	}
	dd a.button:hover{
		background:orange;
	}
	/*中间主体区块*/
	#main_mobile{
		width:100%;
		background:#ededed;
	}
	/*中间区块里面的表格，用于展现手机版的记录*/
	#main_mobile table{
		width:100%;
		margin:10px auto;
		border:1px solid #ddd;
		font-size:14px;
		color:#444;
	}
	/*提示信息*/
	#note_message{
		margin:20px auto;
		width:100%;
		height:40px;
		line-height: 40px;
		text-align: center;
		font-size:18px;
		color:#f40;
		letter-spacing: 2px;
		background:#fff;
	}
	#main_mobile table caption{
		width:90%;
		height:30px;
		line-height: 30px;
		border-bottom: 1px solid #ddd;
		font-size:18px;
		color:#555;
		margin:15px auto;
		letter-spacing: 3px;
		font-weight:bold;
		margin-top: 5px;
	}
	#main_mobile table caption span{
		float:right;
		font-size:14px;
		font-weight:normal;
		letter-spacing: 1px;
	}
	#main_mobile table tr{
		background:#f9f9f9;
	}
	#main_mobile table tr th,#main_mobile table tr td{
		text-align: center;
		padding:8px 5px;
		border-bottom:1px solid #ddd;
	}
	/*导航区块 图标，仿微信后台主页面*/
	dl.daohang_list{
		display: table;
		width:100%;
		margin:10px auto;
		background:#fff;
	}
	dl.daohang_list dt{
		width:100%;
		height:46px;
		line-height: 46px;
		font-size:17px;
		text-indent:22px;
		letter-spacing: 2px;
		border-bottom:1px solid #ccc;
		background:#c3e4f5 url(/Public/images/dot1.gif) no-repeat 10px center;
	}
	dl.daohang_list dd{
		background:table;
		width:100%;
		height:46px;
		line-height: 46px;
		margin:10px auto;
		font-size:16px;
		background:#fff;
	}
	dl.daohang_list dd figure{
		width:100%;
		height:46px;
		line-height: 46px;
		margin:5px 0;
	}
	dl.daohang_list dd figure img{
		margin:3px 15px 0 20px;
		width:35px;
		float:left;
	}
	dl.daohang_list dd figcaption{
		text-align:left;
		font-size:16px;
		height:46px;
		line-height: 43px;
		background:#fff;
		border-bottom:1px solid #eee;
	}
	dl.daohang_list dd figcaption a{
		display:block;
	}
	dl.daohang_list dd figcaption span{
		font-size:30px;
		margin:0 30px 0 0;
		height:46px;
		line-height: 38px;
		float:right;
		color:#ccc;
	}
	dl.daohang_list dd input{
		height:32px;
		line-height: 32px;
		padding:0 5px;
		border-radius: 4px;
	}
	dl.daohang_list ul li{
		margin:10px auto !important;
		font-size:16px !important;
	}
	/*搜索 区块*/
	.searcher{
		width:100%;
		height:50px;
		line-height: 50px;
		margin:15px auto;
		text-align: center;
		margin-top:2px;
		background:#fff;
	}
	.searcher input,.searcher select{
        height: 28px;
		line-height: 28px;
	}
    .searcher input[type="submit"]{
        margin:0 4px;
        display:inline;
    }
	/*我的基本信息*/
	dl.daohang_list dd ul{
		margin:10px auto;
		width:90%;
		border-radius: 5px;
	}
	dl.daohang_list dd ul li{
		display:table;
		width:90%;
		height:28px;
		line-height: 28px;
		margin:5px auto;
		font-size:13px;
		border-bottom: 1px dashed #ccc;;
	}
	dl.daohang_list dd ul li.button_jiebang{
		font-size:15px;
		border:none;
		text-align: right;
	}
	/*修改注册信息、修改密码 两个按钮*/
	dl.daohang_list dd u{
		margin:10px 15px ;
		width:40%;
		height:36px;
		line-height: 36px;
		text-decoration: none;
		float:left;
		border:1px solid lightgreen;
		border-radius: 8px;
		text-align: center;
		cursor: pointer;
		background:orange;
	}
	dl.daohang_list dd u:hover{
		background:#f40;
	}
	dl.daohang_list dd u a{
		display:block;
		color:#fff;
	}
	/*记录列表CSS（左边不带缩图）*/
	dl.list_mobile{
		display:table;
		width:100%;
		margin:8px auto;
		padding-bottom:6px;
		background:#fff;
		color:#444;
		box-shadow:3px 3px 3px #ccc;
		transition: all 0.5s;
	}
	dl.list_mobile dt{
        position: relative;
		display:table;
		margin:5px auto;
		width:92%;
		height:40px;
		line-height:40px;
		font-size:16px;
		font-weight:bold;
		background:url(/Public/images/dot1.gif) no-repeat 0 16px;
		text-indent:14px;
	}
    dl.list_mobile dt figure{
        width:140px;
        height:140px;
        position:absolute;
        top:5px;
        right:5px;
    }
    dl.list_mobile dt figure img{
        width:130px;
        height:130px;
        margin:5px auto;
        border-radius: 5px;
    }
	dl.list_mobile dd{
		display:table;
		margin:5px auto;
		width:92%;
		height:22px;
		line-height:160%;
		font-size:14px;
	}
	dl.list_mobile dd.list_mobile_date{
		font-size:12px;
		color:#888;
	}
	/*一行有三张小图*/
	dl.list_mobile dd.list_mobile_img03 figure{
		display: table;
		margin:0 0 0 3px;
		width:32%;
		height:95px;
		float:left;
	}
	dl.list_mobile dd.list_mobile_img03 figure img{
		display: block;
		margin:0 auto;
		width:100%;
		height:90px;
		border-radius: 3px;
	}
	/*一行有两张小图*/
	dl.list_mobile dd.list_mobile_img02 figure{
		display: table;
		margin:0 0 0 3px;
		width:48%;
		height:135px;
		float:left;
	}
	dl.list_mobile dd.list_mobile_img02 figure img{
		display: block;
		margin:0 auto;
		width:100%;
		height:130px;
		border-radius: 4px;
	}
	/*一行有一张小图*/
	dl.list_mobile dd.list_mobile_img01 figure{
		display: table;
		margin:0 0 0 3px;
		width:99%;
		height:225px;
		float:left;
	}
	dl.list_mobile dd.list_mobile_img01 figure img{
		display: block;
		margin:0 auto;
		width:90%;
		height:220px;
		border-radius: 5px;
	}
	span.is_shouli_ok{
		float:right;
		color:blue;
		margin-right:8px;
	}
	span.is_shouli_no{
		float:right;
		color:#f40;
		margin-right:8px;
	}
    /*记录列表CSS（左边带缩图，用于显示员工小图）*/
    div.user_list{
        display:table;
		width:100%;
		margin:8px auto;
		padding-bottom:6px;
		background:#fff;
		color:#444;
		box-shadow:3px 3px 3px #ccc;
		transition: all 0.5s;
    }
    div.user_list dl.user_img{
        display:table;
        width:32%;
        height:200px;
        float:left;
        margin-left:7px;
    }
    dl.user_img dt{
        width:90%;
        margin:10px auto;
    }
    dl.user_img dd{
        text-align: center;
        letter-spacing: 3px;
    }
    div.user_list dl.user_item{
        display:table;
        width:65%;
        height:200px;
        float:left;
    }
    dl.user_item dd{
        display:table;
		margin:5px auto;
		width:92%;
		height:22px;
		line-height:160%;
		font-size:14px;
    }
    dl.user_item dt{
        color:#999;
        text-align: right;
    }
	/*修改页面*/
	dl.show_mobile{
        margin:2px 0;
        padding:10px 0;
        width:100%;
        background:#006699;
    }
    dl.show_mobile dt{
        color:#fff;
        margin:20px auto;
        text-align: center;
        font-size:20px;
        letter-spacing: 5px;
    }
    dl.show_mobile dd{
        margin:8px auto;
        padding:8px 10px 12px 10px;
        width:86%;
        line-height: 160%;
        border:none;
        border-radius: 5px;
        background:#fff;
    }
    .show_mobile dd ul{
        width:90%;
        margin:5px auto;
        font-size:13px;
    }
    .show_mobile dd ul li{
        display: table;
        width:100%;
        margin:5px auto;
        border-bottom: 1px dashed #ccc;
        background:url(/Public/images/dot3.png) no-repeat 5px 10px;
        text-indent:20px;
    }
    .show_mobile dd ul li span{
        float:right;
        position: relative;
        top:-3px;
    }
    .show_mobile dd ul li span input[type="radio"]{
        position: relative;
        top:5px;
    }
    /*新增按钮*/
    a.add_button{
        display: block;
        margin:10px auto;
        width:92%;
        height:40px;
        line-height:40px;
        text-align: center;
        text-indent:0;
        color:#fff;
        font-size:16px;
        letter-spacing: 2px;
        border-radius: 6px;
        background:forestgreen;
    }
    /*新增、修改记录页面的dl*/
    dl.add_dl{
        display: table;
        margin:20px auto;
        width:95%;
        color:#444;
    }
    dl.add_dl dt{
        display:table;
        width:100%;
        height:40px;
        line-height: 40px;
        font-size:18px;
        font-weight:bold;
        text-align: center;
        letter-spacing: 2px;
    }
    dl.add_dl dd{
        display:table;
        width:95%;
        height:35px;
        line-height: 35px;
        font-size:15px;
        margin:10px auto;
        padding:5px 6px 10px 10px;
        border-bottom:1px dashed #ddd;
        background:#fcfcfc;
    }
    /*页面头部 导航条*/
	table.mobile_nav{
		width:98%;
		margin:10px auto;
        background:#fff;
	}
	table.mobile_nav td{
		width:110px;
		height:40px;
		line-height: 40px;
		text-align: center;
		font-size:14px;
		letter-spacing: 1px;
	}
	table.mobile_nav td a{
		display:block;
		width:90%;
		height:36px;
		line-height: 36px;
		margin:5px auto;
		background:#eee;
		border-radius: 4px;
	}
	table.mobile_nav td a:hover,table.mobile_nav td a.click{
		background: #888;
		color:#fff;
		font-weight: bold;
	}
	/*试卷列表*/
    dl.mobile_list{
		display:table;
		width:92%;
		height:100px;
		margin:10px auto;
		padding:10px;
		border-radius: 5px;
		background:#fff;
	}
	dl.mobile_list dt{
		display:table;
		width:100%;
		height:30px;
		line-height: 30px;
		margin:10px auto;
		font-size: 18px;
		letter-spacing: 1px;
		font-weight: bold;
		background:url(/Public/images/dot1.gif) no-repeat 0px 12px;
		text-indent: 12px;
	}
	dl.mobile_list dt span{
		font-size: 12px;
		font-weight: normal;
		float:right;
		color:#666;
		letter-spacing: 0;
	}
	dl.mobile_list dd{
		display:table;
		width:100%;
		height:25px;
		color:#444;
		font-size: 14px;
		line-height: 25px;
	}
    /*提示 区块*/
    div.note{
        padding:8px;
        width:95%;
        margin:15px auto;
        font-size:15px;
        color:#444;
        background:#f3f3f3;
        line-height:160%;
    }
    /*链接 区块，里面放链接按钮*/
    .link_div{
        display:table;
        width:100%;
        padding:10px 0;
        margin:5px auto;
        background:#fff;
    }
    .link_div p{
        margin-bottom:8px;
        width:100%;
        height:35px;
        line-height: 35px;
        letter-spacing: 2px;
        border-bottom: 1px solid #ccc;
        background:#eee url(/Public/images/dot4.png) no-repeat 10px center;
        text-indent:30px;
    }
    /*链接 按钮（未选中状态）*/
    .button_link{
        display:table;
        margin:4px 5px;
        padding:5px 8px;
        border:1px solid #ddd;
        border-radius: 6px;
        background:orange;
        color:#fff;
        float:left;
    }
    /*链接 按钮（已选中状态）*/
    .button_link_click{
        display:table;
        margin:4px 5px;
        padding:5px 8px;
        border:1px solid #ddd;
        border-radius: 6px;
        background:orangered;
        color:#fff;
        float:left;
    }
}