/* ==========  Non-Mobile First Method  ========== */

	/* pagepack */
	.pagepack {
		padding-top: 20px;
		width: 100%;
		text-align: right;
	}
	.page {
		display: inline-block;
		text-align: center;
	}
	.page span {
		float: left;
		height: 30px;
		width: 50px;
		margin-right: 5px;
		font-size: 15px;
		line-height: 30px;
		color: #fff;
		background: #CF2C1D;
		border: 1px solid #CF2C1D;
		overflow: hidden;
	}
	.page .num {
		float: left;
		height: 30px;
		width: 50px;
		margin-right: 5px;
		font-size: 15px;
		line-height: 30px;
		color: #a4a4a4;
		background: #fff;
		border: 1px solid #D7DADF;
		overflow: hidden;
	}
	.page .prev,
	.page .next {
		float: left;
		height: 30px;
		width: 50px;
		margin-right: 5px;
		font-size: 15px;
		line-height: 30px;
		color: #a4a4a4;
		background: #fff;
		border: 1px solid #D7DADF;
		overflow: hidden;
	}


/* crumb */
	.crumb-box {
		position: relative;
		padding-top: 30px;
	}
	.crumb-box i.lines {
		position: absolute;
		left: 0;
		bottom: 10px;
		display: block;
		height: 1px;
		width: 100%;
		background: #021658;
	}
	/* crumb-title */
	.crumb-title {
		float: left;
	}
	.crumb-title strong {
		position: relative;
		display: inline-block;
		margin-right: 10px;
		margin-bottom: 10px;
		padding-bottom: 20px;
		font-size: 18px;
		color: #333;
	}
	.crumb-title i {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 3px;
		background: #17338B;
	}
	/* crumb */
	.crumb {
		float: right;
		padding-bottom: 20px;
	}
	.crumb li {
		float: left;
		margin-right: 5px;
	}
	.crumb span,
	.crumb a {
		font-size: 12px;
		color: #999;
	}
	.crumb a:focus,
	.crumb a:hover {
		color: #ff0000;
	}
	.crumb li:last-child {
		margin-right: 0;
	}
	.crumb li:last-child a,
	.crumb li:last-child span {
		display: inline-block;
		height: 20px;
		padding-left: 10px;
		padding-right: 10px;
		line-height: 20px;
		color: #fff;
		background: #17338B;
		border-radius: 4px;
	}


/* main-view */
	.main-view {
		padding-top: 40px;
		padding-bottom: 80px;
		min-height: 360px;
	}


/* main-menu */
	.main-menu {
		float: left;
		width: 280px;
		margin-right: 30px;
	}
	.menu-box {
		border: 1px solid #E7E7E7;
	}
	.menu-box dt {
		padding: 12px 30px;
		padding-top: 12px;
		padding-bottom: 12px;
		background: #17338B;
	}
	.menu-box dt strong {
		font-size: 18px;
		font-weight: normal;
		color: #fff;
	}
	.menu-box dt span {
		font-size: 12px;
		color: #fff;
	}
	.menu-box dd {
		position: relative;
		border-top: 1px solid #E7E7E7;
	}
	.menu-box .arrow {
		position: absolute;
		top: 50%;
		right: 30px;
		margin-top: -10px;
		font-size: 14px;
		color: #D0D0D0;
	}
	.menu-box .menulink {
		display: block;
		padding: 19px 30px;
		padding-top: 19px;
		padding-bottom: 19px;
		font-size: 14px;
		color: #666;
		background: #F3F3F3;
	}
	.menu-box dd:focus .arrow,
	.menu-box dd:hover .arrow {
		color: #15338d;
	}
	.menu-box dd:focus .menulink,
	.menu-box dd:hover .menulink {
		color: #15338d;
		background: #fff;
	}
	.menu-box dd.active .arrow {
		color: #15338d;
	}
	.menu-box dd.active .menulink {
		color: #15338d;
		background: #fff;
	}


/* main-content */
	.main-content {
		float: left;
		width: 970px;
	}
	/* edit-editor */
	.edit-editor {
		min-height: 100px;
	}
	.edit-editor img {
		/*display: block;*/
		max-width: 100%;
		height: auto;
	}

/* box-prob book */
	.box-prob-book {
		position: relative;
		margin-top: 30px;
		overflow: hidden;
	}
	.box-prob-book .boxprob {
		margin-right: -90px;
	}
	.box-prob-book .boxprob > li.li {
		float: left;
		width: 50%;
		margin-bottom: 5px;
		padding-right: 90px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			 -o-box-sizing: border-box;
				box-sizing: border-box;
		overflow: hidden;
	}
		/* prob-con */
	.box-prob-book li.middle {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -30px;
	}
	.box-prob-book .boxprob > li.right {
		text-align: right;
	}
	.box-prob-book .book_link {
		/*display: block;*/
		height: 20px;
		font-size: 13px;
		line-height: 20px;
		color: #999;
		overflow: hidden;
	}
	.box-prob-book .book_link:focus,
	.box-prob-book .book_link:hover {
		color: #e40000;
	}
