/*
.main-header {
	margin-top: 0; }
.main-slider-left {
	float: left; width: 718px; }
.main-slider-right {
	float: right; width: 400px; }
*/


.main-content {
	border: 1px solid #DEDCDD; background-color: #FFFFFF; padding: 15px 10px 10px; }

.main-content > h4 {
	margin-top: 0; margin-bottom: 6px; padding-left: 10px; }

.main-content > table,
.main-content > table > tbody {
	border-bottom: 0; }

.main-content > table > tbody > tr > td {
	padding: 7px 5px; font-size: 13px; }
.main-content > table > tbody > tr > td:first-child {
	padding-left: 10px; }

.main-content > table > tbody > tr > td > span{
	font-size: 10px; padding: 3px; }

@media (max-width: 768px) {
	.main-content {
		padding: 20px 10px 10px; }
}


.main-tb-content {
	border: 0; background-color: #FFFFFF; padding: 0; }

.main-tb-content > table > thead > tr > th {
	padding: 5px 20px; }

.main-tb-content > table > tbody > tr > td {
	padding: 5px 20px; vertical-align: top; text-align: left; }
.main-tb-content > table > tbody > tr > td > ul {
	list-style-type: disc; }
.main-tb-content > table > tbody > tr > td > ul > li {
	margin-left: 20px; }





/* jssor main slider css */
.main-slider1 {
	position: relative; margin: 0 auto; top: 0px; left: 0px; width: 973px; height: 300px; overflow: hidden; }
.main-slider1 > .main-loading {
	position: absolute; top: 0px; left: 0px; }
.main-slider1 > .main-loading > .option-loading1 {
	filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; }
.main-slider1 > .main-loading > .option-loading2 {
	position: absolute; display: block; background: url('../images/js/loading.gif') no-repeat center center; top: 0px; left: 0px; width: 973px; height: 300px; }
.main-slider1 > .main-slide-img {
	cursor: move; position: absolute; left: 0px; top: 0px; width: 973px; height: 300px; overflow: hidden; }
.main-slider1 > .main-slide-img > div {
	width: 973px; height: 300px; }


/* jssor slider bullet navigator skin 21 css */
/*
.jssorb21 div		   (normal)
.jssorb21 div:hover	 (normal mouseover)
.jssorb21 .av		   (active)
.jssorb21 .av:hover	 (active mouseover)
.jssorb21 .dn		   (mousedown)
*/
.jssorb21 {
	position: absolute; bottom: 26px; right: 6px;
}
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
	position: absolute;
	/* size of bullet elment */
	width: 19px;
	height: 19px;
	text-align: center;
	line-height: 19px;
	color: white;
	font-size: 12px;
	background: url('../images/js/b21.png') no-repeat;
	overflow: hidden;
	cursor: pointer;
}
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }


/* jssor slider arrow navigator skin 21 css */
/*
.jssora21l	  (normal)
.jssora21r	  (normal)
.jssora21l:hover(normal mouseover)
.jssora21r:hover(normal mouseover)
.jssora21l.jssora21ldn	  (mousedown)
.jssora21r.jssora21rdn	  (mousedown)
*/
.jssora21l, .jssora21r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 55px;
	height: 55px;
	cursor: pointer;
	background: url('../images/js/a21.png') center center no-repeat;
	overflow: hidden;
}
.jssora21l { background-position: -3px -33px; top: 123px; left: 8px; }
.jssora21r { background-position: -63px -33px; top: 123px; right: 8px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21l.jssora21ldn { background-position: -243px -33px; }
.jssora21r.jssora21rdn { background-position: -303px -33px; }








.main-content-l-left {
	float: left; width: 75%; position: relative; min-height: 1px; }
.main-content-s-left {
	float: left; width: 24%; position: relative; min-height: 1px; }

.main-content-l-right {
	float: right; width: 74%; position: relative; min-height: 1px; }
.main-content-s-right {
	float: right; width: 24%; position: relative; min-height: 1px; }



.tab-my-picture {
	display: block; width: 60%; padding: 0; margin: 0 auto; }
.tab-my-picture > img,
.tab-my-picture > a > img {
	border: 1px solid #AAAAAA;
	width: 100%;
	-webkit-border-radius: 90px;
	-moz-border-radius: 90px;
	border-radius: 90px; }

.tab-my-community > li {
	padding-bottom: 5px; }
.tab-my-community > li > a > span{
	font-weight: 600; color: #333333; }

.tab-my-info
{ position: relative; padding: 10px 0; border-top: 1px solid #DDDDDD; }

.tab-my-info > div:nth-of-type(2)
{ border-left: 1px solid #DDDDDD; padding-left: 15px; }

.tab-my-info h5 {
	margin: 0; padding: 0 0 5px; }
.tab-my-info ul {
	margin: 0; padding: 0 0 0 10px; }
.tab-my-info ul > li {
	padding-bottom: 5px; }
.tab-my-info ul > li,
.tab-my-info ul > li > a {
	color: #777777; }
.tab-my-info ul > li > span,
.tab-my-info ul > li > a > span{
	font-weight: 600; color: #333333; }






.main-login
{ height: 300px; }
.main-login > h4
{ font-size: 22px; padding: 3px 0 10px; text-align: center; border-bottom: 1px solid #DDDDDD; }
.main-login input.form-control
{ font-size: 12px; }
.main-login .col-xs-3
{ padding: 0; }

.main-login button.btn-mlogin
{ float: left; width: 100%; padding: 18px 0 19px; margin: 0; color: #FFFFFF; background-color: #555555; border-color: #333333; }

.main-login button.btn-mlogin:hover,
.main-login button.btn-mlogin:focus,
.main-login button.btn-mlogin:active,
.main-login button.btn-mlogin.active
{ color: #FFFFFF; background-color: #333333; border-color: #111111; }

.main-login button.btn-mlogin > i
{ font-size: 26px; padding-bottom: 5px; }


@media all and (max-width: 1201px){
	.main-content-l-left,
	.main-content-l-right
	{ width: 70%; }
	.main-content-s-left,
	.main-content-s-right
	{ width: 28%; }
	.main-login
	{ height: auto; }
}

@media all and (max-width: 993px)
{
	.main-content-l-left,
	.main-content-l-right
	{ width: 100%; }
	.main-content-s-left,
	.main-content-s-right
	{ width: 100%; }

	.main-login
	{ height: auto; }
	.tab-my-picture
	{ width: 50%; }

}













ul.tabs
{ float: left; list-style: none; margin: 0 0 -2px; padding: 0; height: auto; border-bottom: 1px solid #eee; border-left: 1px solid #DDDDDD; width: 100%; }
ul.tabs li
{ float: left; text-align:center; cursor: pointer; width: auto; height: auto; padding: 12px 20px; border: 1px solid #DDDDDD; border-left: none; font-weight: 700; background: #fafafa; overflow: hidden; position: relative; }
ul.tabs li.active
{ color: #FF3366; background: #FFFFFF; border-bottom: 1px solid #FFFFFF; }
ul.tabs li > i
{ padding-left: 8px; }

@media all and (max-width: 720px)
{
	ul.tabs li
	{ padding: 12px 10px; font-size: 13px; }
}




.tab_container
{ float: left; width: 100%; clear: both; background: #FFFFFF; border: 1px solid #DDDDDD; }
.tab_container > .book-content
{ padding: 15px; display: none; }
.tab_container > .book-content > div
{ float: left; position: relative; min-height: 1px; padding-right: 5px; padding-left: 5px; }
.tab_container > .book-content > .tab-book-category
{ width: 20%; }
.tab_container > .book-content > .tab-book-category > p > a
{ font-weight: 600; font-size: 15px; }

.tab_container > .book-content > .tab-book-body
{ padding-left: 20px; width: 80%; border-left: 1px solid #EEEEEE; }
.tab_container > .book-content > .tab-book-body > .tab-body-left
{ float: left; position: relative; min-height: 1px; text-align: left; }
.tab_container > .book-content > .tab-book-body > .tab-body-left > h3
{ margin: 6px 0 0; padding: 0; font-size: 20px; }
.tab_container > .book-content > .tab-book-body > .tab-body-right
{ float: right; position: relative; min-height: 1px; text-align: right; }


.tab_container > .com-content > .tab-com-body
{ position: relative; min-height: 1px; padding: 0 10px; width: 100%; }
.tab_container > .com-content > .tab-com-body > table > thead > tr > th
{ font-weight: 600; border-right: 1px solid #EEEEEE; }
.tab_container > .com-content > .tab-com-body > table > thead > tr > th:last-child
{ border-right: 0; }
.tab_container > .com-content > .tab-com-body > table,
.tab_container > .com-content > .tab-com-body > table > tbody
{ border-bottom: 0; }
.tab_container > .com-content > .tab-com-body > table > tbody > tr:first-child > td
{ border-top: 0; }
.tab_container > .com-content > .tab-com-body > table > tbody > tr > td
{ padding-top: 6px; padding-bottom: 6px; }

.tab_container > .book-content > div > ul
{ width:100%; margin:0px; padding:0px; }
.tab_container > .book-content > div > ul > li
{ padding:5px; list-style: disc; }

.tab_container2
{ float: left; width: 100%; clear: both; background: #FFFFFF; border: 1px solid #DDDDDD; }
.tab_container2 > .book-content
{ padding: 15px; display: none; }

@media all and (max-width: 720px)
{
	.tab_container > .book-content > .tab-book-category
	{ width: 100%; padding-bottom: 10px; border-bottom: 1px solid #DDDDDD; }
	.tab_container > .book-content > .tab-book-body
	{ padding: 10px 0 0; width: 100%; border-left: 0; }
	.tab_container > .book-content > div > ul > li
	{ margin: 0; padding: 0 5px; line-height: 28px; list-style: none; display: inline; }
}








/*
#container {
	width: 100%; margin: 0 auto; }
*/

.print-book-list
{ float: left; position: relative; height: auto; margin-left:-16px; margin-right:-16px; text-align: center; }
.print-book-list > h2
{ font-weight: 600; font-size: 24px;  text-align: left; }

.print-book-list > .book-list-cut
{ float: left; display: block; min-height:1px; width: 100%; height: auto; }
.print-book-list > .book-list-cut > div
{ float: left; position: relative; min-height:1px; width: 20%; height: auto; padding: 0 10px; text-align: center; cursor: pointer; }
.print-book-list > .book-list-cut > div > img
{ width: 92%; }
.print-book-list > .book-list-cut > div > p
{ font-size: 11px; padding: 4px 0 0; line-height: 14px }
.print-book-list > .book-list-cut > div > p > span
{ padding: 0 2px; color: #999999; border: 2px solid #999999; font-size: 10px; font-weight: 600; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
.print-book-list > .book-list-cut > div > p > span.quiz
{ color: #0066FF; border: 2px solid #0066FF; }
.print-book-list > .book-list-cut > div > p > span.ws
{ color: #00A64E; border: 2px solid #00A64E; }
.print-book-list > .book-list-cut > div > p > span.ak
{ color: #21ACFF; border: 2px solid #21ACFF; }