html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden], template {
	display: none
}
a {
	background-color: transparent
}
a:active, a:hover {
	outline: 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: bold
}
dfn {
	font-style: italic
}
h1 {
	font-size: 2em;
	margin: 0.67em 0
}
mark {
	background: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -0.5em
}
sub {
	bottom: -0.25em
}
img {
	border: 0
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 1em 40px
}
hr {
	box-sizing: content-box;
	height: 0
}
pre {
	overflow: auto
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0
}
button {
	overflow: visible
}
button, select {
	text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}
input {
	line-height: normal
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
	height: auto
}
input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em
}
legend {
	border: 0;
	padding: 0
}
textarea {
	overflow: auto
}
optgroup {
	font-weight: bold
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
td, th {
	padding: 0
}
.row {
	margin-left: -15px;
	margin-right: -15px;
	clear: both;
	zoom: 1
}
.row:before, .row:after {
	content: "";
	display: table
}
.row:after {
	clear: both
}
.row>div {
	box-sizing: border-box
}
html {
	font-size: 100%;
	line-height: 1em
}
.vertical_rhythm {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2JiYmJiYiIgc3RvcC1vcGFjaXR5PSIwLjQiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjYmJiYmJiIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, rgba(187, 187, 187, 0.4)), color-stop(5%, rgba(187, 187, 187, 0)));
	background-image: -moz-linear-gradient(bottom, rgba(187, 187, 187, 0.4) 5%, rgba(187, 187, 187, 0) 5%);
	background-image: -webkit-linear-gradient(bottom, rgba(187, 187, 187, 0.4) 5%, rgba(187, 187, 187, 0) 5%);
	background-image: linear-gradient(to top, rgba(187, 187, 187, 0.4) 5%, rgba(187, 187, 187, 0) 5%);
	-moz-background-size: 100% 2em;
	-o-background-size: 100% 2em;
	-webkit-background-size: 100% 2em;
	background-size: 100% 2em;
	background-position: left top
}
.vertical_rhythm img {
	float: left;
	margin: 0 16px 0 0
}
.cp {
	font-size: 1em;
	line-height: 2em
}
.cp h1 {
	font-size: 2em;
	line-height: 1.5em;
	padding-top: 0em;
	margin-bottom: .5em
}
.cp h2 {
	font-size: 1.5em;
	line-height: 1.33333em;
	padding-top: 0em;
	margin-bottom: 0em
}
.cp h3 {
	font-size: 1.25em;
	line-height: 1.6em;
	padding-top: 0em;
	margin-bottom: 0em
}
.cp h4 {
	font-size: 1.25em;
	line-height: 1.6em;
	padding-top: 0em;
	margin-bottom: 0em
}
.cp h5 {
	font-size: 1.25em;
	line-height: 1.6em;
	margin-top: 0em;
	margin-bottom: 0em
}
.cp h6 {
	font-size: 1em;
	line-height: 2em;
	margin-top: 0em;
	margin-bottom: 0em
}
.cp p {
	font-size: 1em;
	line-height: 2em;
	margin-top: 0em;
	margin-bottom: 2em
}
.cp ul, .cp ol {
	font-size: 1em;
	line-height: 2em;
	margin-top: 0em;
	margin-bottom: 2em
}
.cp dd, .cp th, .cp td figure {
	font-size: 1em;
	line-height: 2em
}
.cp blockquote {
	background: #f2f2f2;
	font-style: normal;
	display: block;
	font-size: 1em;
	line-height: 2em;
	border-left: 5px solid #E15706, #C1328E, #FF7900;
	padding: 32px;
	box-sizing: border-box;
	margin-left: .5em;
	margin-right: .5em;
	margin-top: 0em;
	margin-bottom: 2em
}
.cp img {
	max-width: 100%
}
@media screen and (max-width: 767px) {
	.cp img {
		max-width: 100%;
		width: auto;
		clear: both
	}
}
body {
	font-size: 1em;
	font-weight: normal;
	color: #333;
	line-height: 1.5em;
	font-family: Lato, "PingFang TC", "Helvetica Neue", Helvetica, 微軟正黑體, Arial, sans-serif;
	-webkit-text-size-adjust: none
}
a {
	color: #2288d1;
	text-decoration: none
}
a:hover, a:focus {
	color: #1b6ba5;
	cursor: pointer
}
a:hover {
	text-decoration: underline
}
p {
	line-height: 1.65em
}
.btn_grp {
	text-align: center;
	padding: 1em 0
}
.btn, button, input[type="button"], input[type="submit"], input[type="reset"], .upload_grp .upload_btn {
	font-size: 1em;
	touch-action: manipulation;
	background-image: none;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	white-space: nowrap;
	line-height: normal;
	width: auto;
	padding: 0.5em 1em;
	margin: .25em
}
.btn i, button i, input[type="button"] i, input[type="submit"] i, input[type="reset"] i, .upload_grp .upload_btn i {
	margin-right: .3em;
	margin-left: .3em
}
input[type="submit"], button[type="submit"], .btn-submit, .btn-primary {
	background-color: #E15706;
	border-color: #E15706;
	color: #fff;
	border-radius: 30px;
	padding: .5em 1.5em;
	display: inline-block;
	transition: .3s ease-in
}
input[type="submit"]:hover, button[type="submit"]:hover, .btn-submit:hover, .btn-primary:hover, input[type="submit"]:focus, button[type="submit"]:focus, .btn-submit:focus, .btn-primary:focus {
	background-color: #f4573f;
	color: #fff !important;
	outline: none;
	box-shadow: 0 0px 0px 2px #e8aa0f inset
}
input[type="submit"]:disabled, button[type="submit"]:disabled, .btn-submit:disabled, .btn-primary:disabled {
	background: #ccc;
	border-color: #ccc;
	cursor: auto
}
.btn {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.btn:hover, .btn.active {
	color: #E15706;
	outline: none;
	border-color: #E15706
}
.btn:focus {
	box-shadow: 0 0px 0px 2px #e8aa0f inset
}
input[type="submit"]:before, button[type="submit"]:before, .btn-submit:before, .btn-primary:before {
	background: #f4573f
}
button[type="submit"], .btn-submit, .btn-primary {
	transition: .3s ease-in
}
button[type="submit"]:hover, .btn-submit:hover, .btn-primary:hover {
	color: #fff;
	border-color: #af4405;
	background: #af4405;
	text-decoration: none
}
.btn-reset, .btn-del {
	background-color: #eee;
	border-color: #eee;
	color: #7e7e7e;
	border-radius: 30px;
	padding: .5em 1.5em;
	transition: .3s ease-in
}
.btn-reset:hover, .btn-del:hover {
	background: #d5d5d5;
	border-color: #d5d5d5;
	color: #333
}
.btn-nostyle {
	background: transparent;
	border-color: rgba(255, 255, 255, 0);
	color: #E15706;
	border-radius: 30px;
	padding: .5em 1.5em;
	transition: .3s ease-in
}
.btn-nostyle:before {
	background: #f4f4f4
}
.btn-nostyle:hover {
	border-color: #f4f4f4;
	background: #f4f4f4;
	text-decoration: none
}
.del_btn, .add_btn {
	font-size: 0;
	width: 22px;
	height: 22px;
	border-radius: 2px;
	border: none;
	background: #eee url(../images/icon/icon_close.svg) no-repeat center;
	background-size: 12px;
	opacity: .6;
	border-radius: 30px;
	transition: .3s
}
.del_btn:hover, .add_btn:hover {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5)
}
.add_btn {
	background-image: url(../images/icon/icon_add.svg)
}
.btn_switch {
	position: relative;
	margin: .5em auto;
	background: none;
	color: #7e7e7e;
	border: none;
	border-radius: 0
}
.btn_switch:hover, .btn_switch:focus {
	background: none;
	color: #333;
	outline: none
}
.btn_switch:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 4px;
	margin-left: -3px;
	border-width: 2px 0 0 2px;
	border-color: #333;
	border-style: solid;
	width: 6px;
	height: 6px;
	transform: rotate(225deg);
	transition: .5s
}
.btn_switch.turnicon:after {
	content: '';
	top: 6px;
	transform: rotate(45deg)
}
.btn_sendmail:after {
	background: url(../images/icon/icon_email_invert.svg) center no-repeat;
	background-size: 60%
}
.btn_addbookmark:after {
	background: url(../images/icon/icon_bookmark_normal_invert.svg) center no-repeat;
	background-size: 60%
}
select::-ms-expand {
	display: none
}
.form_grid {
	font-size: .938em;
	margin: .5em 0
}
.form_grid .form_grp {
	border-bottom: 1px dashed #DDD;
	overflow: hidden;
	padding: .2em 0
}
.form_grid .form_grp:first-of-type {
	border-top: 1px solid #DDD
}
.form_grid .form_grp.agree {
	border-bottom: none
}
.form_grid .form_grp.agree label {
	float: left;
	width: auto;
	margin: 0 .5em .5em 0
}
.form_grid .form_title {
	float: left;
	width: 150px;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 5px
}
@media screen and (max-width: 767px) {
	.form_grid .form_title {
		width: 100%;
		position: relative;
		min-height: 1px;
		padding-left: 0;
		padding-right: 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}
}
.form_grid .form_content {
	float: right;
	display: flex;
	align-items: center;
	padding-top: 3px;
	width: calc(100% - 150px);
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden
}
@media screen and (max-width: 767px) {
	.form_grid .form_content {
		width: 100%;
		position: relative;
		min-height: 1px;
		padding-left: 2.5px;
		padding-right: 2.5px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}
}
.form_grid .form_content.form_inline input, .form_grid .form_content.form_inline textarea, .form_grid .form_content.form_inline select {
	width: auto;
	min-width: 100px;
	margin: 0 .3em .3em
}
.form_grid .form_content.form_inline input:first-child, .form_grid .form_content.form_inline textarea:first-child, .form_grid .form_content.form_inline select:first-child {
	margin-left: 0
}
.form_grid .form_content.form_inline input:last-child, .form_grid .form_content.form_inline textarea:last-child, .form_grid .form_content.form_inline select:last-child {
	margin-right: 0
}
@media screen and (max-width: 575px) {
	.form_grid .form_content.form_inline input, .form_grid .form_content.form_inline textarea, .form_grid .form_content.form_inline select {
		width: 100%;
		display: block
	}
}
.form_grid .form_content.form_inline .flex-grow {
	flex: 1 1 auto
}
.form_grid .form_content .form_grp {
	min-height: 2.5em
}
.form_grid .form_content .form_grp .form_content {
	float: none;
	display: block;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.form_grid .form_content .form_grp:last-child {
	border-bottom: none;
	margin-bottom: 0
}
.form_grid .form_content .tel input[type="text"]:first-child {
	background: url(../images/icon/icon_add.svg) no-repeat 0.5em center;
	background-size: 12px;
	padding-left: 1.5em
}
.form_grid .form_content .tel input[type="text"]:first-child, .form_grid .form_content .tel select:first-child {
	width: 100px !important
}
.form_grid .form_content .tel input[type="text"]:first-child~input, .form_grid .form_content .tel select:first-child~input {
	width: calc(100% - 200px)
}
@media screen and (max-width: 575px) {
	.form_grid .form_content .tel input[type="text"]:first-child~input, .form_grid .form_content .tel select:first-child~input {
		width: 100% !important;
		display: block !important
	}
}
.form_grid .form_content .birthday select {
	display: inline-block;
	margin-right: .5em;
	text-align-last: center
}
@media screen and (max-width: 575px) {
	.form_grid .form_content .birthday select {
		width: 88% !important;
		min-width: 88% !important;
		display: inline-block !important;
		text-align-last: left
	}
}
.form_grid .form_content .birthday select option {
	text-align: center
}
.form_grid .form_content .birthday select~select {
	margin-left: .2em
}
@media screen and (max-width: 575px) {
	.form_grid .form_content .birthday select~select {
		margin-left: 0
	}
}
.form_grid .form_content .address select {
	min-width: 100px
}
.form_grid .form_content .address select option {
	text-align: center
}
@media screen and (max-width: 575px) {
	.form_grid .form_content .address select {
		width: 100px;
		display: inline-block !important
	}
}
.form_grid .form_content .address input[type="text"] {
	width: calc(100% - 211px) !important
}
@media screen and (max-width: 767px) {
	.form_grid .form_content .address input[type="text"] {
		display: block !important;
		width: 100% !important
	}
}
.form_grid .form_content .datepick {
	padding-right: .5em;
	position: relative;
	display: inline-block
}
@media screen and (max-width: 575px) {
	.form_grid .form_content .datepick {
		width: 100%;
		display: block
	}
}
.form_grid .form_content .datepick+.datepick {
	margin-left: .3em;
	margin-right: 0;
	padding-right: 0
}
.form_grid .form_content .datepick+.datepick:before {
	content: "~";
	font-size: 1.5em;
	display: inline-block;
	position: absolute;
	left: -.65em;
	top: .3em;
	color: #777
}
@media screen and (max-width: 575px) {
	.form_grid .form_content .datepick+.datepick {
		margin-left: 0em
	}
	.form_grid .form_content .datepick+.datepick:before {
		display: none
	}
}
.form_grid .form_content .datepick+.datepick i {
	right: .5em
}
.form_grid .form_content .datepick i {
	position: absolute;
	padding: .37em .1em !important;
	right: 1em;
	top: .2em;
	min-width: 1em;
	background: none;
	border: none;
	width: auto;
	pointer-events: none
}
.form_grid .form_content .datepick i:hover, .form_grid .form_content .datepick i:focus {
	box-shadow: none;
	border: none !important
}
.form_grid .form_content .datepick>input[type="text"] {
	width: 10em;
	padding-right: 2em
}
@media screen and (max-width: 575px) {
	.form_grid .form_content .datepick>input[type="text"] {
		width: 100%
	}
}
.form_grp, .check_grp, .radio_grp, .btn_grp, .upload_grp {
	margin-bottom: .2em
}
.check_grp label, .radio_grp label {
	display: block
}
.check_grp.form_inline label, .radio_grp.form_inline label {
	display: inline-block;
	margin: .2em .5em 0 0
}
.form_grp.form_inline label, .upload_grp.form_inline label {
	display: inline-block;
	margin-right: .5em
}
.form_grp.form_inline input, .form_grp.form_inline textarea, .form_grp.form_inline select, .upload_grp.form_inline input, .upload_grp.form_inline textarea, .upload_grp.form_inline select {
	width: auto;
	margin:0 5px 0 0;
}
.form_grp.form_flex, .upload_grp.form_flex {
	display: flex
}
.form_grp.form_flex input, .form_grp.form_flex textarea, .form_grp.form_flex select, .upload_grp.form_flex input, .upload_grp.form_flex textarea, .upload_grp.form_flex select {
	margin: 0 .25em .3em
}
.form_inline label {
	display: inline-block;
	vertical-align: middle;
	margin-right: .5em
}
.form_inline label~input, .form_inline label~textarea {
	display: inline-block;
	width: auto;
	vertical-align: middle
}
.form_inline input[type="text"], .form_inline input[type="email"], .form_inline input[type="password"], .form_inline select, .form_inline textarea {
	width: auto;
	display: inline-block
}
.form_inline .form_grp, .form_inline .check_grp, .form_inline .radio_grp, .form_inline .btn_grp, .form_inline .upload_grp {
	display: inline-block;
	margin-right: .5em
}
.form_inline .btn_grp .btn, .form_inline .btn_grp input[type="submit"], .form_inline .btn_grp input[type="reset"], .form_inline .btn_grp input[type="button"], .form_inline .btn_grp input[type="search"] {
	padding: .45em 1em
}
.form_inline select, .form_inline textarea {
	width: auto
}
label, legend {
	display: inline-block;
	margin: 0 0 .5em 0
}
@media screen and (max-width: 575px) {
	label, legend {
		display: block
	}
}

@media screen and (max-width: 1360px){
.nlpi .form_grp.form_inline .keyboardInput {
	width: 150px;
}
	}

@media screen and (max-width: 992px){
.nlpi .mp .search_system input[type="text"]  {
	flex: 1 1 auto;
	width:auto;
	display: inline-block
		}
}
label.inline input, label.inline select, label.inline textarea, legend.inline input, legend.inline select, legend.inline textarea {
	width: auto
}
fieldset {
	border: none;
	padding: 0;
	margin: 0
}
input, textarea, select, button {
	color: #333;
	font-size: 1em;
	border: 1px solid #929292;
	padding: .5em;
	background: #fff;
	vertical-align: middle;
	margin-bottom: .3em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-transition: border, .2s, ease-out;
	-o-transition: border, .2s, ease-out;
	-webkit-transition: border, .2s, ease-out;
	transition: border, .2s, ease-out;
	-moz-transition: box-shadow, .2s, ease-out;
	-o-transition: box-shadow, .2s, ease-out;
	-webkit-transition: box-shadow, .2s, ease-out;
	transition: box-shadow, .2s, ease-out
}
button:hover, button:focus {
	outline: none
}
input, select, textarea {
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
input.error, select.error, textarea.error {
	box-shadow: 0px 0px 0px 2px #ff3e4d
}
input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="file"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder {
	color: #999
}
input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="file"]::-moz-placeholder, input[type="tel"]::-moz-placeholder {
	color: #999
}
input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="file"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder {
	color: #999
}
input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="file"]:-moz-placeholder, input[type="tel"]:-moz-placeholder {
	color: #999
}
textarea {
	color: #333;
	font-size: 1em;
	border: 1px solid #929292;
	padding: .5em;
	background: #fff;
	vertical-align: middle;
	margin-bottom: .3em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-transition: border, .2s, ease-out;
	-o-transition: border, .2s, ease-out;
	-webkit-transition: border, .2s, ease-out;
	transition: border, .2s, ease-out;
	-moz-transition: box-shadow, .2s, ease-out;
	-o-transition: box-shadow, .2s, ease-out;
	-webkit-transition: box-shadow, .2s, ease-out;
	transition: box-shadow, .2s, ease-out;
	height: 5em;
	overflow-y: scroll
}
@media screen and (max-width: 575px) {
	textarea {
		width: 100%
	}
}
input[type="text"]:focus, input[type="reset"]:focus, input[type="file"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="number"]:focus, textarea:focus, select:focus {
	border: 1px solid #fddc76;
	-moz-box-shadow: 0px 0px 0px 2px #fddc76;
	-webkit-box-shadow: 0px 0px 0px 2px #fddc76;
	box-shadow: 0px 0px 0px 2px #fddc76;
	outline: none
}
select {
	height: 40px;
	padding: 0 34px 0 .8em;
	border: 1px solid #929292;
	background: #fff url(../images/icon/icon_arrow_down.svg) no-repeat right 10px center;
	background-size: 12px
}
select option {
	outline: none;
	border: none
}
select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000
}
input[type="reset"] {
	text-shadow: none
}
input[type="checkbox"], input[type="radio"] {
	font-size: 1em;
	margin: -4px .4em 0 0;
	width: 1.1em;
	height: 1.1em;
	background-color: #f7f6ee;
	border: 2px solid #929292
}
input[type="radio"] {
	border-radius: 50%
}
input[type="checkbox"] {
	border-radius: 4px
}
input[type="checkbox"]:checked, input[type="radio"]:checked {
	border-color: #E15706;
	background-color: #E15706
}
input[type="checkbox"]:focus, input[type="radio"]:focus {
	outline: none;
	box-shadow: 0 0px 0px 2px #e8aa0f inset
}
input[type="checkbox"]:checked {
	background-image: url(../images/basic/icon_checked.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 98%
}
input[type="radio"]:checked {
	box-shadow: #fff 0 0 0 3px inset, #E15706 0 0 0 1px
}
input[readonly], input[disable] {
	background: #f2f2f2;
	color: #b3b3b3;
	border-color: #b3b3b3
}
input[readonly]~label, input[disable]~label {
	color: #b3b3b3
}
input[readonly]:hover, input[readonly]:focus, input[disable]:hover, input[disable]:focus {
	border-color: #b3b3b3;
	box-shadow: none
}
.upload_grp {
	position: relative
}
.upload_grp input[readonly], .upload_grp input[disable] {
	background: transparent;
	color: #666
}
.upload_grp .upload_btn {
	position: absolute;
	overflow: hidden;
	top: 1px;
	right: 3px;
	padding: .2em 1em !important;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}
.upload_grp .upload_btn:hover, .upload_grp .upload_btn:focus {
	cursor: pointer !important
}
input[type="file"] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 1.25em;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0)
}
img.captcha {
	display: inline-block;
	vertical-align: middle;
	max-height: 44px;
	max-height: 100px;
	margin-bottom: .3em
}
img.captcha+input {
	display: inline-block;
	width: auto;
	vertical-align: middle
}
img.captcha~.btn {
	margin-top: -1px
}
img.captcha~img {
	display: inline-block;
	vertical-align: middle;
	max-height: 2.4em;
	margin-bottom: .5em
}
abbr[title] {
	border-bottom: none;
	text-decoration: none
}

/*# sourceMappingURL=NCL.css.map */
.openid .news_mp {
	position:relative;
	width:85%;
	margin: 40px 0 0 0;
}
.openid .news_mp h2{
	color:#fff;
	background: #d55c2d;
	text-align:center;
	width:65px;
	padding:8px;
	font-size:1.125em;
	float:left;
	margin: 13px 10px 0 20px;
}
.openid .news_mp table{
	border:none;
}
.openid .news_mp td{
	border:none;
	padding:0;
}
.openid .news_mp ul{
	margin:0 10px 0 0px;
	padding:0;
}
.openid .news_mp li{
	color:#555;
	list-style: none;
	line-height:20px;
	padding:5px 0px;
	border-bottom:1px solid #cdcdcd;
}
.openid .news_mp a{
	color:#555;
}
.openid .news_mp a:hover{
	color:#d24a26;
}
.openid .news_mp span{
	color:#d24a26;
	padding:0 15px 0 0;
}
.openid .news_mp .more {
	display:inline-block;
	width：100px;
	border:1px solid #444;
	padding:5px;
	line-height:18px;
	margin:13px 0 0 0;
	word-break: keep-all;
}
.openid .video_mp  {
	position:relative;
	z-index:1;
	width:480px;
	margin:175px 0 20px 40px;
}
.openid .mp .search_system {
    width: 46%;
    margin: 260px 0 50px 48px;
    width: 90%;
    padding: 0;
}
.openid .mpSlider {
	position: relative;
	z-index: 100;
	height:240px;
	bottom:0;
}
@media (min-width: 768px) {
	.openid .col-6-6 .col {
		width: 100%
	}
}
@media (min-width: 992px) {
	.openid .col-6-6 .col {
		width: 50%
	}
}
@media (min-width: 1400px) {
	.openid .col-6-6 .col {
		width: 50%
	}
}
.openid .mpSlider .slick-dots {
	position:relative;
	bottom: 0;
	text-align: right;
	padding: 0 0;
	z-index:9999;
}
.mpSlider .slick-dots li, .mpSlider .slick-dots li button, .mpSlider .slick-dots li button:before {
	width: 50px;
	height: 6px;
	border-radius: 0
}
.openid .mpSlider .img-container {
	width:480px;
	height:270px;
	position: relative;
}
.openid .mpSlider .img-container img{
	width:480px;
	height:270px;
}
.openid .mpSlider .img-container .fv-figcaption{
	position: absolute;
	z-index: 1;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 50px;
	padding: 1.5rem;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.6)
}
.openid .mpSlider .img-container .fv-figcaption span {
	font-size: 16pt;
	text-overflow: ellipsis; 
	white-space: nowrap;
	overflow:hidden;
}
@media (max-width:768px) {
	.openid .video_mp {
	 text-align:center;
	 position:relative;
	 margin:0;
     width:480px;
	}
}
@media (max-width:992px) {
	.openid .video_mp {
     text-align:center;
	 margin:5% auto ;
	}
}
@media (max-width:992px) {
	.openid .video_mp .mpSlider .img-container img{
	 width:480px;
     height:270px;
	}
}
@media (max-width:992px) {
	.openid .video_mp .mpSlider .img-container {
	 width:480px;
     height:270px;
     margin:0;
	}
}
@media (max-width:992px) {
	.openid .news_mp{
	 text-align:center;
	 margin:40px 5% 20px 3%;
	 width:90%;
	}
}
.openid .header h1 img ,.openid .header h2 img{
	max-width:350px;
}
.openid .header h2 img{
	margin:0 0 0 20px;
}
@media screen and (max-width: 767px) {
	.openid .header h2{
		display:none;
	}
}
.openid .mp .search_system .tab-content {
	padding:20px 25px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
	width: 100%;
    min-height:185px;
	border-radius: 0 0 10px 10px;
	background: rgba(255, 255, 255, 0.9)
}
@media screen and (max-width: 767px) {
	.mp .search_system .tab-content {
		padding: 20px 10px;
		margin:100px 0 0 0;
		
	}
}
.openid .header .navigation {
	justify-content:right;
}
.openid .hotqa_block {
	margin: 15px 30px 15px 0;
}
.openid .hotqa_block .hotqa_children {
	border: 1px solid #d3d3d3;
	border-radius: 5px;
	padding: 0 0 1px 0;
	position: relative;
	width: 15%;
	float: left;
	box-shadow: 0 0 10px 3px #eee inset;
	margin: 0 10px 20px 10px;
}
.openid .hotqa_block .main_list {
	border: 1px solid #d3d3d3;
	border-radius: 5px;
	padding: 0 0 13px 0;
	position: relative;
	width: 40%;
	height:210px;
	float: left;
	box-shadow: 0 0 10px 3px #eee inset;
	margin: 0 10px 20px 10px;
}
.openid .hotqa_block .hotqa_children .childimg{
	width: 100%;
	height: 158px;
	vertical-align: top;
	object-fit: cover;
	bottom: 0;
	left: 0
}
.openid .hotqa_block .hotqa_children h2 {
	margin: 0;
	padding: 12px 15px;
	text-align: center;
	background-color: #027bb4;
	color: #fff;
	font-size: 1.25em;
	font-weight: 400;
}
.openid .hotqa_block .main_list h2 {
	margin: 0;
	padding: 12px 15px;
	text-align: center;
	background-color: #0853b0;
	color: #fff;
	font-size: 1.25em;
	font-weight: 400;
}
.openid .hotqa_block .hotqa_list {
	border: 1px solid #d3d3d3;
	border-radius: 5px;
	padding: 0 0 13px 0;
	position: relative;
	width: 40%;
	height:210px;
	float: left;
	box-shadow: 0 0 10px 3px #eee inset;
	margin: 0 10px 20px 10px;
}
@media (max-width: 900px) {
	.openid .hotqa_block .hotqa_list,.openid .hotqa_block .main_list ,.openid .hotqa_block .hotqa_children,.openid .hotbook_column .hotbooklist{
		width: 48%;
		margin: 0 .8% 25px;
	}
}
@media screen and (max-width: 767px) {
	.openid .hotqa_block .hotqa_list ,.openid .hotqa_block .main_list,.openid .hotqa_block .hotqa_children,.openid .hotbook_column .hotbooklist{
		width: 100%;
		margin: 0 0 15px 0
	}
}
.openid .hotqa_block .hotqa_list h2 {
	margin: 0;
	padding: 12px 15px;
	text-align: center;
	background-color: #019aac;
	color: #fff;
	font-size: 1.25em;
	font-weight: 400;
}
.openid .hotqa_block .hotqa_list .more , .openid .hotqa_block .main_list .more{
	text-align: center;
	font-size: 0.8em;
	float:right;
}
.openid .hotqa_block .hotqa_list .more .btna, .openid .hotqa_block .main_list .more .btna{
	color:#fff;
}
.openid .hotqa_block .hotqa_list ul ,.openid .hotqa_block .main_list ul{
	margin: 10px 10px 20px 10px;
	padding:0;
}
.openid .hotqa_block .hotqa_list ul li ,.openid .hotqa_block .main_list ul li{
	list-style: none;
	float:left;
	width:33%;
}
.openid .hotqa_block .hotqa_list ul li a ,.openid .hotqa_block .main_list ul li a{
	display: block;
	padding: 5px 5px 5px 15px;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #535353;
}
.openid .hotqa_block .hotqa_list ul li a:hover ,.openid .hotqa_block .main_list ul li a:hover{
	color: #e52104
}
.openid .hotqa_block .hotqa {
	border: 1px solid #d3d3d3;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0 0 10px 3px #eee inset;
	min-height: 280px;
	margin-bottom: 15px
}
@media screen and (max-width: 767px) {
	.openid .hotqa_block .hotqa {
		min-height: inherit
	}
}
.openid .hotrankings_block {
	position: relative;
	padding: 15px 0;
	text-align: left;
	background: #fcf1e2; /* Old browsers */
    background: -webkit-linear-gradient(#fcf1e2 0%, #ffdfb5 100%);
    background: -o-linear-gradient(#fcf1e2 0%, #ffdfb5 100%);
    background: linear-gradient(#fcf1e2 0%, #ffdfb5 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf1e2', endColorstr='#ffdfb5',GradientType=0 ); /* IE6-9 */
}
.openid .hotrankings_block .container {
	width: 100% !important;
	max-width: 100% !important;
	position: relative;
	min-height: 1px;
	padding-left: 30px;
	padding-right: 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media (max-width:1800px) {
	.openid .hotrankings  {
		display:flex;
	}
}
@media (max-width: 380px) {
	.openid .hotrankings_block .container {
		position: relative;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}
}
@media screen and (max-width: 767px) {
	.openid .hotrankings_block {
		padding: 0;
	}
}
.openid .hotrankings_block h2 {
	color: #000;
	font-size: 1.875em;
	text-align: center;
	font-weight: 700;
	width: 100%;
	margin: 0 auto 40px;
	clear: both
}
@media screen and (max-width: 767px) {
	.openid .hotrankings_block h2 {
		text-align: center
	}
}
.openid .hotrankings_block .more {
	text-align: center;
	width: 98%;
	margin: 20px auto;
	clear: both;
	float: none;
}
.openid .hotrankings_block .more a {
	padding: 10px 35px !important;
	display:inline-block;
	border:1px solid #8c8c8c;
	background: #f1f1f1;
	color:#3f3f3f;
}
.openid .hotrankings {
	margin: 30px 0 10px 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}
@media screen and (max-width: 992px) {
   .openid .hotrankings_block .hotbook_column {
	
	}
}
@media screen and (max-width: 480px) {
   .openid .hotrankings_block .hotbook_column {
		display:block;
	}
}
@media (max-width: 768px) {
	.openid .hotrankings_block .hotbook_column {
		display:block;
	}
}
.openid .hotrankings .sort {
	padding: 0 0 0  0;
	margin:0 1% 10px 0;
	display: inline-block;
	width:32%;
}
.openid .hotrankings .sort a {
	display: block;
	padding: 20px;
	background: #dcdcdc;
	background: -webkit-linear-gradient(top, #dcdcdc, #e5e5e5);
	background: linear-gradient(to bottom, #dcdcdc, #e5e5e5);
	color: #333;
	font-size: 1.25em;
	text-align: center;
	border-radius: 5px;
	position: relative;
	transition: .2s;
}
.openid .hotrankings .sort a:hover {
	background-image: none;
	background-color: #f4573f;
	color: #fff;
}
.openid .hotrankings .sort a.here {
	background: #f4573f;
	color: #fff;
}
.openid .hotrankings .slick-next {
	right: -45px;
	top: 0;
}
.openid .hotrankings .slick-prev {
	left: -45px;
	top: 0
}
.openid .hotbook_column {
	margin: 0 0 0 0;
	overflow: hidden;
	padding: 0px;
	position: relative;
	clear: both;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.openid .hotbook_column .hotbooklist {
	padding: 10px 15px;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	background-color: #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	margin-bottom: 10px;
	width: 32%;
	float: left;
	margin-right: 1%;
}
.openid .hotbook_column .hotbooklist .image{
	margin: 0 auto;
	text-align:center;
}
.openid .hotbook_column .hotbooklist .image>img{
	width: 70%;
	max-height: 270px;
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)
}
@media (min-width: 768px) {
	.openid .hotbook_column .hotbooklist {
		max-width: 50%;
	}
}
@media (min-width: 992px) {
	.openid .hotbook_column .hotbooklist  {
		max-width: 50%;
	}
}

.openid .hotbook_column h3 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 1.125em;
	line-height:38px;
	font-weight: normal;
	margin: 10px 0 0 13%;
	padding: 0
}
.openid .hotbook_column h3 a {
	color: #3b7bbd;
	text-decoration: underline
}
.openid .hotbook_column h3 a:hover, .hotbook_column h3 a:focus {
	color: #e52104
}
.openid .hotbook_column .ranking {
	background-color: #464646;
	color: #fff;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	display: inline-block;
	line-height: 35px;
	font-size: 1em;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	letter-spacing: .1em;
	float: left;
	margin-right: 5px
}
@media screen and (max-width: 767px) {
	.openid .hotbook_column  .ranking {
		display: block
	}
}
@media screen and (max-width: 575px) {
	.openid .hotbook_column .hotbook_block {
		margin-bottom: 10px
	}
}
@media screen and (max-width: 767px) {
	.openid .hotbook_column .hotbook_block {
		width: 95% !important
	}
}
@media screen and (max-width: 767px) {
	.openid .hotbook_column .hotbook_block {
		width: 95% !important;
		height: 240px !important;
		margin: 20px auto 0
	}
}
@media screen and (max-width: 767px) {
	.openid .hotbook_column .hotbook_block .image {
		width: 85% !important
	}
}
@media screen and (max-width: 767px) {
	.openid .hotbook_column .hotbook_block {
		width: 85% !important;
		height: 210px !important;
		margin: 50px auto 0
	}
}
@media screen and (max-width: 767px) {
	.openid .header h1 {
		padding: 2px 60px;
		width: 100%;
		max-width: 100%;
		text-align: center;
		height: 55px;
		margin: 0;
		display: flex;
		justify-content: center;
		align-items: center
	}
	.openid .header h1 img {
		display: none
	}
}
@media screen and (max-width: 992px) {
	.openid .mp .search_system {
		width:95%;
	    text-align:center;
		position:relative;
		margin:0 20px;
	    top:60px;
	}
}
@media screen and (max-width: 767px) {
	.openid .mp .search_system {
		width:90%;
		text-align:center;
		top:-20px;
	}
}
@media screen and (max-width: 767px) {
	.openid .mp .search_system input[type="submit"] {
		position: absolute;
		bottom: 0;
		right: 0;
		border-radius: 10px;
		font-size: 0em;
		width: 44px !important;
		height: 44px;
		background: #f4573f url(../images/icon/icon_search_invert.svg) no-repeat center center;
		outline: 1px solid transparent;
		border: none;
		display: block;
		min-width: 0em !important;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}
}
@media screen and (max-width: 575px) {
	.openid .mp .search_system input[type="submit"] {
		position: absolute;
		bottom: 0;
		right: 0;
		border-radius: 10px;
		font-size: 0em;
		width: 44px !important;
		height: 44px;
		background: #f4573f url(../images/icon/icon_search_invert.svg) no-repeat center center;
		outline: 1px solid transparent;
		border: none;
		display: block;
		min-width: 0em !important;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}
}
.openid .tabSet li a {
		text-shadow: #fff 0px 0px 2px, #fff 0px 0px 3px, #fff 0px 0px 4px, #fff 0px 0px 5px, #fff 0px 0px 6px
	}
@media screen and (max-width: 767px) {
	.openid .tabSet li a {
		font-size: 1em;
	    background:rgba(255, 255, 255, 0.7);
	}
}
@media screen and (max-width: 575px) {
	.openid .tabSet li a {
		font-size: 1em;
		padding: .8em .65em
	}
}



.openid .container {
	padding: 0;
	margin: 0 auto;
	max-width: none;
}
.openid .feature_block .container {
	clear:both;
	padding: 20px 0;
	margin:30px 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: stretch
}
.openid .col-12 .col {
	float: left;
	width: 100%;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
@media (min-width: 768px) {
	.openid .col-12 .col {
		float: left;
		width: 100%;
	}
}
@media (min-width: 992px) {
	.openid .col-12 .col {
		float: left;
		width: 100%
	}
}
@media (min-width: 1400px) {
	.openid .col-12 .col {
		float: left;
		width: 100%
	}
}
@media screen and (max-width: 991px) {
	.openid .no-js .hotrankings {
		width: 100%
	}
}
@media screen and (max-width: 1600px) {
	.openid .hotqa_block .hotqa_list ,.openid .hotqa_block .main_list,.openid .hotqa_block .hotqa_children,.openid .hotbook_column .hotbooklist{
		width: 32%;
		margin: 0 1% 15px 0;
	}
}
@media (max-width: 992px) {
	.openid .hotqa_block .hotqa_list,.openid .hotqa_block .main_list ,.openid .hotqa_block .hotqa_children,.openid .hotbook_column .hotbooklist{
		width: 32%;
		margin: 0 1% 15px 0;
	}
}
@media screen and (max-width: 767px) {
	.openid .hotqa_block .hotqa_list ,.openid .hotqa_block .main_list,.openid .hotqa_block .hotqa_children,.openid .hotbook_column .hotbooklist{
		width: 100%;
		margin: 0 0 15px 0
	}
}
@media screen and (max-width: 767px) {
    .openid .hotqa_block .hotqa_children .childimg{
		height:100%;
	}
}
.openid .feature_block .container .col {
    max-width: 32%;
    float:left;
    padding:0;
    margin:0 1% 3% 0;
	flex-wrap: wrap;}
@media screen and (max-width: 991px){
	.openid .feature_block .container .col {
    max-width: 48%;
    float:left;
	padding:0;
    margin:0 2% 3% 0;
	flex-wrap: wrap;
}
	}
@media screen and (max-width: 767px){
	.openid .feature_block .container .col {
    max-width: 100%;
	margin-top: 1.5em;
}
	}
@media (max-width:1100px) {
	.openid .mpSlider .img-container img{
	 height:270px;
     width:480px;
	}
}
@media (max-width:2000px) {
.openid .booklist_block {
	margin: 20px 0 20px 38px;
}
	}
@media (max-width:900px) {
.openid .booklist_block {
	margin: 20px 10px 20px 20px;
}
	}
.openid .search_system .tab-content .check_grp a {
	color:#2288d1;
	margin:0;
}
.openid .search_system .tab-content .check_grp {
	margin:-4px 0 0 0;
}
.openid .search_system .condition .delete {
	right:-165px;
}
@media screen and (max-width: 1360px){
	.openid .search_system .condition .delete {
	right:-165px;
		}
	}
@media screen and (max-width: 767px){
	.openid .search_system .condition .delete {
	right:115px;
		}
	}
.openid .mp .search_block .header_bg {
	position: absolute;
	width:100%;
	height:auto;
	object-fit: cover;
    top:-30px;
	left:0;
}
.openid .search_block .header_bg {
	position: absolute;
	width:100%;
	height:100%;
	object-fit: cover;
	top:0;
	left:0;
}
.openid .lp .search_block .header_bg {
	position: absolute;
	width:100%;
	height:100%;
	object-fit: cover;
	top:0;
	left:0;
}
.openid .search_block {
	background:#fff;
	flex-grow:0;
}
.openid .lp .search_block ,.openid .sp .search_block,.openid .personal .search_block{
	background:#4c8de3;
}
@media screen and (max-width: 768px){
	.detail_lightbox.normalPage .info_list .content img {
		max-width:400px;
	    }
	}
.news_top {
	position:absolute;
	top:0;
	z-index:1;
	background: #4d8ad6;
	opacity: .9;
	width:100%;
}
.news_top h2{
	background:#ee8c23;
	color:#fff;
	display:inline-block;
	padding:0 10px;
	border-radius:5px;
	font-size:1.2em;
	margin:10px 0 7px 40px;
	vertical-align: top;
}
@media screen and (max-width: 768px){
	.news_top h2 {
		margin:10px 0 0 20px;
	    }
	}
.news_top ul{
	margin:10px 0 0 0;
	padding:0 0 0 10px;
	display:inline-block;
}
.news_top li{
	list-style:none;
	margin:0px;
    padding:0;
}
@media screen and (max-width: 768px){
	.news_top ul {
		max-width:65%;
		margin:10px 0 0 0;
	    }
	}
.news_top span{
	color:#fcff00;
	padding:0 15px 0 0;
}
.news_top li a{
	color:#fff;
}
.news_top .more{
	background:#f1f1f1;
	color:#3f3f3f;
	padding:0 5px;
	margin:0 0 0 10px;
    white-space: nowrap;
}

.newbooks_block, .recommendbooks_block, .recommendbooks_block2 {
	padding:20px 0 0 0;
    background:#fff;
}
@media screen and (max-width: 992px) {
	.newbooks_block, .recommendbooks_block, .recommendbooks_block2 {
		padding:60px 0 0 0;
	}
}
.newbooks_block h2, .recommendbooks_block h2, .recommendbooks_block2 h2 ,.hotebooks_block h2{
	color: #222;
	font-size: 1.875em;
	text-align: center;
	font-weight: 700;
	width: 100%;
	margin: 0 auto 40px
}
@media screen and (max-width: 767px) {
	.newbooks_block h2, .recommendbooks_block h2, .recommendbooks_block2 h2 {
		text-align:left;
		padding-left:5%;
	}
}

.newbooks_block .newbooks, .newbooks_block .recommendbooks, .newbooks_block .recommendbooks2, .recommendbooks_block .newbooks, .recommendbooks_block .recommendbooks, .recommendbooks_block .recommendbooks2, .recommendbooks_block2 .newbooks, .recommendbooks_block2 .recommendbooks, .recommendbooks_block2 .recommendbooks2 {
	width: 95%;
	margin: 0 auto 50px;
	height: 240px;
	padding-left: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
@media screen and (max-width: 1399px) {
	.newbooks_block .newbooks, .newbooks_block .recommendbooks, .newbooks_block .recommendbooks2, .recommendbooks_block .newbooks, .recommendbooks_block .recommendbooks, .recommendbooks_block .recommendbooks2, .recommendbooks_block2 .newbooks, .recommendbooks_block2 .recommendbooks, .recommendbooks_block2 .recommendbooks2 {
		width: 92%
	}
}
.newbooks_block .newbooks div, .newbooks_block .recommendbooks div, .newbooks_block .recommendbooks2 div, .recommendbooks_block .newbooks div, .recommendbooks_block .recommendbooks div, .recommendbooks_block .recommendbooks2 div, .recommendbooks_block2 .newbooks div, .recommendbooks_block2 .recommendbooks div, .recommendbooks_block2 .recommendbooks2 div {
	text-align: center;
	display: inline-block;
	margin-right: 30px
}
.newbooks_block .newbooks div a, .newbooks_block .recommendbooks div a, .newbooks_block .recommendbooks2 div a, .recommendbooks_block .newbooks div a, .recommendbooks_block .recommendbooks div a, .recommendbooks_block .recommendbooks2 div a, .recommendbooks_block2 .newbooks div a, .recommendbooks_block2 .recommendbooks div a, .recommendbooks_block2 .recommendbooks2 div a {
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	width:156px;
	height: 260px;
	color: #000;
	vertical-align: bottom;
	margin: 0 auto;
	padding: 3px;
	box-sizing: border-box;
	font-size:1.17em;
	line-height:1.3em;
}
.newbooks_block .newbooks div a img, .newbooks_block .recommendbooks div a img, .newbooks_block .recommendbooks2 div a img, .recommendbooks_block .newbooks div a img, .recommendbooks_block .recommendbooks div a img, .recommendbooks_block .recommendbooks2 div a img, .recommendbooks_block2 .newbooks div a img, .recommendbooks_block2 .recommendbooks div a img, .recommendbooks_block2 .recommendbooks2 div a img {
	width: 148px;
	height: 200px;
	margin: 0 auto 10px;
	border: 1px solid #d3d3d3;
	display: block
}
.newbooks_block .newbooks div a .image_titlepage, .newbooks_block .newbooks div a .image_titlepage2, .newbooks_block .recommendbooks div a .image_titlepage, .newbooks_block .recommendbooks div a .image_titlepage2, .newbooks_block .recommendbooks2 div a .image_titlepage, .newbooks_block .recommendbooks2 div a .image_titlepage2, .recommendbooks_block .newbooks div a .image_titlepage, .recommendbooks_block .newbooks div a .image_titlepage2, .recommendbooks_block .recommendbooks div a .image_titlepage, .recommendbooks_block .recommendbooks div a .image_titlepage2, .recommendbooks_block .recommendbooks2 div a .image_titlepage, .recommendbooks_block .recommendbooks2 div a .image_titlepage2, .recommendbooks_block2 .newbooks div a .image_titlepage, .recommendbooks_block2 .newbooks div a .image_titlepage2, .recommendbooks_block2 .recommendbooks div a .image_titlepage, .recommendbooks_block2 .recommendbooks div a .image_titlepage2, .recommendbooks_block2 .recommendbooks2 div a .image_titlepage, .recommendbooks_block2 .recommendbooks2 div a .image_titlepage2 {
	margin: 0 auto 10px;
	max-width: 165px;
	height: 200px
}
.newbooks_block .newbooks div a .image_titlepage:before, .newbooks_block .newbooks div a .image_titlepage2:before, .newbooks_block .recommendbooks div a .image_titlepage:before, .newbooks_block .recommendbooks div a .image_titlepage2:before, .newbooks_block .recommendbooks2 div a .image_titlepage:before, .newbooks_block .recommendbooks2 div a .image_titlepage2:before, .recommendbooks_block .newbooks div a .image_titlepage:before, .recommendbooks_block .newbooks div a .image_titlepage2:before, .recommendbooks_block .recommendbooks div a .image_titlepage:before, .recommendbooks_block .recommendbooks div a .image_titlepage2:before, .recommendbooks_block .recommendbooks2 div a .image_titlepage:before, .recommendbooks_block .recommendbooks2 div a .image_titlepage2:before, .recommendbooks_block2 .newbooks div a .image_titlepage:before, .recommendbooks_block2 .newbooks div a .image_titlepage2:before, .recommendbooks_block2 .recommendbooks div a .image_titlepage:before, .recommendbooks_block2 .recommendbooks div a .image_titlepage2:before, .recommendbooks_block2 .recommendbooks2 div a .image_titlepage:before, .recommendbooks_block2 .recommendbooks2 div a .image_titlepage2:before {
	height: 100px
}
.newbooks_block .newbooks div a .image_titlepage .booktitle, .newbooks_block .newbooks div a .image_titlepage2 .booktitle, .newbooks_block .recommendbooks div a .image_titlepage .booktitle, .newbooks_block .recommendbooks div a .image_titlepage2 .booktitle, .newbooks_block .recommendbooks2 div a .image_titlepage .booktitle, .newbooks_block .recommendbooks2 div a .image_titlepage2 .booktitle, .recommendbooks_block .newbooks div a .image_titlepage .booktitle, .recommendbooks_block .newbooks div a .image_titlepage2 .booktitle, .recommendbooks_block .recommendbooks div a .image_titlepage .booktitle, .recommendbooks_block .recommendbooks div a .image_titlepage2 .booktitle, .recommendbooks_block .recommendbooks2 div a .image_titlepage .booktitle, .recommendbooks_block .recommendbooks2 div a .image_titlepage2 .booktitle, .recommendbooks_block2 .newbooks div a .image_titlepage .booktitle, .recommendbooks_block2 .newbooks div a .image_titlepage2 .booktitle, .recommendbooks_block2 .recommendbooks div a .image_titlepage .booktitle, .recommendbooks_block2 .recommendbooks div a .image_titlepage2 .booktitle, .recommendbooks_block2 .recommendbooks2 div a .image_titlepage .booktitle, .recommendbooks_block2 .recommendbooks2 div a .image_titlepage2 .booktitle {
	text-align: left !important;
	white-space: normal !important
}
.newbooks_block .newbooks div a .image_titlepage .author, .newbooks_block .newbooks div a .image_titlepage2 .author, .newbooks_block .recommendbooks div a .image_titlepage .author, .newbooks_block .recommendbooks div a .image_titlepage2 .author, .newbooks_block .recommendbooks2 div a .image_titlepage .author, .newbooks_block .recommendbooks2 div a .image_titlepage2 .author, .recommendbooks_block .newbooks div a .image_titlepage .author, .recommendbooks_block .newbooks div a .image_titlepage2 .author, .recommendbooks_block .recommendbooks div a .image_titlepage .author, .recommendbooks_block .recommendbooks div a .image_titlepage2 .author, .recommendbooks_block .recommendbooks2 div a .image_titlepage .author, .recommendbooks_block .recommendbooks2 div a .image_titlepage2 .author, .recommendbooks_block2 .newbooks div a .image_titlepage .author, .recommendbooks_block2 .newbooks div a .image_titlepage2 .author, .recommendbooks_block2 .recommendbooks div a .image_titlepage .author, .recommendbooks_block2 .recommendbooks div a .image_titlepage2 .author, .recommendbooks_block2 .recommendbooks2 div a .image_titlepage .author, .recommendbooks_block2 .recommendbooks2 div a .image_titlepage2 .author {
	text-align: left !important;
	white-space: normal !important;
	-webkit-line-clamp: 2 !important
}
.newbooks_block .newbooks div a:hover, .newbooks_block .recommendbooks div a:hover, .newbooks_block .recommendbooks2 div a:hover, .recommendbooks_block .newbooks div a:hover, .recommendbooks_block .recommendbooks div a:hover, .recommendbooks_block .recommendbooks2 div a:hover, .recommendbooks_block2 .newbooks div a:hover, .recommendbooks_block2 .recommendbooks div a:hover, .recommendbooks_block2 .recommendbooks2 div a:hover {
	color: #e52104
}
@media (min-width: 1200px) {
	.newbooks_block .newbooks .slick-next, .newbooks_block .recommendbooks .slick-next, .newbooks_block .recommendbooks2 .slick-next, .recommendbooks_block .newbooks .slick-next, .recommendbooks_block .recommendbooks .slick-next, .recommendbooks_block .recommendbooks2 .slick-next, .recommendbooks_block2 .newbooks .slick-next, .recommendbooks_block2 .recommendbooks .slick-next, .recommendbooks_block2 .recommendbooks2 .slick-next {
		right: -40px
	}
	.newbooks_block .newbooks .slick-prev, .newbooks_block .recommendbooks .slick-prev, .newbooks_block .recommendbooks2 .slick-prev, .recommendbooks_block .newbooks .slick-prev, .recommendbooks_block .recommendbooks .slick-prev, .recommendbooks_block .recommendbooks2 .slick-prev, .recommendbooks_block2 .newbooks .slick-prev, .recommendbooks_block2 .recommendbooks .slick-prev, .recommendbooks_block2 .recommendbooks2 .slick-prev {
		left: -30px
	}
}
@media screen and (max-width: 1399px) {
	.newbooks_block .newbooks .slick-next, .newbooks_block .recommendbooks .slick-next, .newbooks_block .recommendbooks2 .slick-next, .recommendbooks_block .newbooks .slick-next, .recommendbooks_block .recommendbooks .slick-next, .recommendbooks_block .recommendbooks2 .slick-next, .recommendbooks_block2 .newbooks .slick-next, .recommendbooks_block2 .recommendbooks .slick-next, .recommendbooks_block2 .recommendbooks2 .slick-next {
		right: -45px
	}
	.newbooks_block .newbooks .slick-prev, .newbooks_block .recommendbooks .slick-prev, .newbooks_block .recommendbooks2 .slick-prev, .recommendbooks_block .newbooks .slick-prev, .recommendbooks_block .recommendbooks .slick-prev, .recommendbooks_block .recommendbooks2 .slick-prev, .recommendbooks_block2 .newbooks .slick-prev, .recommendbooks_block2 .recommendbooks .slick-prev, .recommendbooks_block2 .recommendbooks2 .slick-prev {
		left: -45px
	}
}
@media screen and (max-width: 767px) {
	.newbooks_block .newbooks .slick-next, .newbooks_block .recommendbooks .slick-next, .newbooks_block .recommendbooks2 .slick-next, .recommendbooks_block .newbooks .slick-next, .recommendbooks_block .recommendbooks .slick-next, .recommendbooks_block .recommendbooks2 .slick-next, .recommendbooks_block2 .newbooks .slick-next, .recommendbooks_block2 .recommendbooks .slick-next, .recommendbooks_block2 .recommendbooks2 .slick-next {
		right: -25px
	}
	.newbooks_block .newbooks .slick-prev, .newbooks_block .recommendbooks .slick-prev, .newbooks_block .recommendbooks2 .slick-prev, .recommendbooks_block .newbooks .slick-prev, .recommendbooks_block .recommendbooks .slick-prev, .recommendbooks_block .recommendbooks2 .slick-prev, .recommendbooks_block2 .newbooks .slick-prev, .recommendbooks_block2 .recommendbooks .slick-prev, .recommendbooks_block2 .recommendbooks2 .slick-prev {
		left: -25px
	}
}
@media (max-width: 430px) {
	.newbooks_block .newbooks .slick-next, .newbooks_block .recommendbooks .slick-next, .newbooks_block .recommendbooks2 .slick-next, .recommendbooks_block .newbooks .slick-next, .recommendbooks_block .recommendbooks .slick-next, .recommendbooks_block .recommendbooks2 .slick-next, .recommendbooks_block2 .newbooks .slick-next, .recommendbooks_block2 .recommendbooks .slick-next, .recommendbooks_block2 .recommendbooks2 .slick-next {
		right: -20px
	}
	.newbooks_block .newbooks .slick-prev, .newbooks_block .recommendbooks .slick-prev, .newbooks_block .recommendbooks2 .slick-prev, .recommendbooks_block .newbooks .slick-prev, .recommendbooks_block .recommendbooks .slick-prev, .recommendbooks_block .recommendbooks2 .slick-prev, .recommendbooks_block2 .newbooks .slick-prev, .recommendbooks_block2 .recommendbooks .slick-prev, .recommendbooks_block2 .recommendbooks2 .slick-prev {
		left: -20px
	}
}
.newbooks_block .newbooks.slick-initialized, .newbooks_block .recommendbooks.slick-initialized, .newbooks_block .recommendbooks2.slick-initialized, .recommendbooks_block .newbooks.slick-initialized, .recommendbooks_block .recommendbooks.slick-initialized, .recommendbooks_block .recommendbooks2.slick-initialized, .recommendbooks_block2 .newbooks.slick-initialized, .recommendbooks_block2 .recommendbooks.slick-initialized, .recommendbooks_block2 .recommendbooks2.slick-initialized {
	height: auto;
	overflow: visible
}
.newbooks_block .newbooks.slick-initialized div, .newbooks_block .recommendbooks.slick-initialized div, .newbooks_block .recommendbooks2.slick-initialized div, .recommendbooks_block .newbooks.slick-initialized div, .recommendbooks_block .recommendbooks.slick-initialized div, .recommendbooks_block .recommendbooks2.slick-initialized div, .recommendbooks_block2 .newbooks.slick-initialized div, .recommendbooks_block2 .recommendbooks.slick-initialized div, .recommendbooks_block2 .recommendbooks2.slick-initialized div {
	margin: 0;
	display: inherit
}
.newbooks_block .slick-initialized>div, .recommendbooks_block .slick-initialized>div, .recommendbooks_block2 .slick-initialized>div {
	display: block;
	margin-right: 0px
}
.newbooks_block .more, .recommendbooks_block .more, .recommendbooks_block2 .more ,{
	text-align: center;
	width: 98%;
	margin: 20px auto;
	clear: both;
	float: none
}
.newbooks_block .more a, .recommendbooks_block .more a, .recommendbooks_block2 .more a ,.hotebooks_block .more a {
	padding: 10px 35px !important;
	background:#fff;
	border:1px solid #ababab;
	color:#020202;
	border-radius:5px;
	float:right;
	margin:-70px 30px 0 0;
}
@media (max-width: 620px) {
	.newbooks_block .more, .recommendbooks_block .more, .recommendbooks_block2 .more ,.hotebooks_block .more {
		text-align: center;
		width: 100%
	}
}
.hotebooks_block {
	margin:50px 0 0 0;
}


.openid .theme_eBook {
	background-color: #caf0fb;
	position: relative;
	padding: 40px 0 70px;
	text-align: left
}
.openid .theme_eBook .container {
	width: 100% !important;
	max-width: 100% !important;
	position: relative;
	min-height: 1px;
	padding-left: 30px;
	padding-right: 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
@media (max-width: 380px) {
.openid .theme_eBook .container {
		position: relative;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}
}
@media screen and (max-width: 767px) {
.openid .theme_eBook {
		padding: 55px 0 20px
	}
}
.openid .theme_eBook h2 {
	color: #000;
	font-size: 1.875em;
	text-align: center;
	font-weight: 700;
	width: 100%;
	margin: 0 auto 40px;
	clear: both
}
@media screen and (max-width: 767px) {
.openid .theme_eBook h2 {
		text-align: center
	}
}
.openid .theme_eBook .featured_data {
	width: 24%;
	float: left;
	margin-right: 1%;
	margin-bottom: 1%;
	max-height: 520px;
	background-color: #fff;
	overflow: hidden
}
@media screen and (max-width: 1399px) {
.openid .theme_eBook .featured_data {
		width: 32%;
		margin-right: 1%
	}
}
@media screen and (max-width: 991px) {
.openid .theme_eBook .featured_data {
		width: 49%;
		margin-right: 1%
	}
}
@media screen and (max-width: 767px) {
.openid .theme_eBook .featured_data {
		width: 100%;
		float: none;
		margin: 0 auto 20px;
		height: auto;
		max-height: none
	}
}
.openid .theme_eBook .featured_data a {
	display: block;
	position: relative;
	padding: 0px;
	background-color: #fff;
	overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #333
}
.openid .theme_eBook .featured_data a:hover {
	color: #333
}
.openid .theme_eBook .featured_data a:hover .description {
	display: block;
	width: 100%;
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}
@media screen and (max-width: 767px) {
.openid .theme_eBook .featured_data a:hover .description {
		display: none
	}
}
.openid .theme_eBook .featured_data a .datablock_top {
	position: relative;
	padding: 15px 15px 0 15px
}
.openid .theme_eBook .featured_data a .datablock_down {
	position: relative;
	padding: 0px 15px 20px 15px;
	overflow: hidden
}
.openid .theme_eBook .featured_data a .images {
	width: 100%;
	position: relative;
	overflow: hidden;
	background: #DEDEDE;
	background-color: #fff;
	outline: 1px solid #eee
}
.openid .theme_eBook .featured_data a .images:before {
	display: block;
	content: "";
	padding-top: 75%;
}
.openid .theme_eBook .featured_data a .images img {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto
}
.openid .theme_eBook .featured_data a .images img {
	width: 100%
}
.openid .theme_eBook .featured_data a .description {
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
	height: 100%;
	width: 100%;
	overflow: hidden;
	transition: .5s ease-out;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0
}
@media screen and (max-width: 767px) {
.openid .theme_eBook .featured_data a .description {
		display: none
	}
}
.openid .theme_eBook .featured_data a .description p {
	margin: 10px 15px;
	padding: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 30.5px;
	display: -webkit-box;
	-webkit-line-clamp: 9;
	-webkit-box-orient: vertical;
	text-align: left
}
@media (max-width: 1700px) {
.openid .theme_eBook .featured_data a .description p {
		-webkit-line-clamp: 8
	}
}
@media (max-width: 1500px) {
.openid .theme_eBook .featured_data a .description p {
		-webkit-line-clamp: 7
	}
}
@media (max-width: 1300px) {
.openid .theme_eBook .featured_data a .description p {
		-webkit-line-clamp: 6
	}
}
@media (max-width: 1300px) {
.openid .theme_eBook .featured_data a .description p {
		-webkit-line-clamp: 5
	}
}
.openid .theme_eBook .featured_data a h3 {
	color: #005d98, #5c9588, #5c9588, #0e664c, #1c4b82, #ff8b00, #00a79d, #774181, #088c6f, #00b7ee;
	overflow: hidden;
	text-overflow: ellipsis;
	height: calc(25px + 25px);
	line-height: 25px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: left
}
.openid .theme_eBook .featured_data a .datalist {
	list-style: none;
	margin: 10px 0;
	padding: 0
}
.openid .theme_eBook .featured_data a .datalist li {
	text-align: left;
	margin-bottom: 5px;
	font-family: Lucida Console;
	font-size: .938em
}
.openid .theme_eBook .featured_data a .datalist li span {
	display: inline-block
}
.openid .theme_eBook .featured_data a .personal_photos {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left
}
.openid .theme_eBook .featured_data a .personal_photos li {
	display: inline-block;
	width: 30px;
	height: 30px;
	position: relative;
	border-radius: 50%;
	text-align: center;
	font-size: 1.25em;
	font-weight: 500;
	line-height: 1.5em;
	color: #333
}
.openid .theme_eBook .featured_data a .personal_photos li.redbg {
	background-color: #f3b8bc
}
.openid .theme_eBook .featured_data a .personal_photos li.orangebg {
	background-color: #f6ce8a
}
.openid .theme_eBook .featured_data a .personal_photos li.yellowbg {
	background-color: #fef75f
}
.openid .theme_eBook .featured_data a .personal_photos li.greenbg {
	background-color: #cbe398
}
.openid .theme_eBook .featured_data a .personal_photos li.bluebg {
	background-color: #99d5f5
}
.openid .theme_eBook .featured_data a .personal_photos li.darkbluebg {
	background-color: #87b7f6
}
.openid .theme_eBook .featured_data a .personal_photos li.purplebg {
	background-color: #dab5d7
}
.openid .theme_eBook .featured_data a .personal_photos li img {
	width: 30px;
	height: 30px;
	border-radius: 50%
}
.openid .theme_eBook .featured_data a .personal_photos li.more:after {
	content: '99+';
	position: absolute;
	width: 27px;
	height: 27px;
	background-color: #fff;
	color: #333;
	bottom: -5px;
	font-size: .688em;
	right: -20px;
	border-radius: 50%;
	text-align: center;
	line-height: 27px
}
.openid .theme_eBook .featured_data .btn_grp {
	padding: .5em 0 1em;
	float: right;
	clear: none;
	margin-top: 8px;
	position: relative
}
.openid .theme_eBook .featured_data .btn_grp .btn {
	min-width: 4em;
	padding: .5em 0 !important;
	border: 1px solid #959595;
	color: #333
}
.openid .theme_eBook .featured_data .btn_grp .btn:hover, .theme_eBook .featured_data .btn_grp .btn:focus {
	background: #F77810;
	border: 1px solid #cd6007;
	color: #fff
}
.openid .theme_eBook .featured_data .btn_grp .btnstyle {
	padding: .5em 10px !important
}
.openid .theme_eBook .featured_data .btn_grp input[type="button"] {
	min-width: 4em !important
}
.openid .theme_eBook .featured_data .btn_grp input[type="button"]:focus {
	background-color: #ddd
}
.openid .theme_eBook .more {
	text-align: center;
	width: 98%;
	margin: 20px auto;
	clear: both;
	float: none
}
.openid .theme_eBook .more a {
	background-color: #fff;
	border:1px solid #ababab;
	text-align: center;
	border-radius:5px;
	color:#020202;
	background-image: none;
	padding: 10px 35px;
	float:right;
	margin:-70px 10px 0 0;
}

.openid .featured_data:before {
	background:none;
}
.openid .featured_data li {
	border-bottom:none;
	text-overflow:clip;
}
.openid .featured_data {
	padding:0;
}


.booklist_block {
	clear: both
}
@media (max-width: 380px) {
	.booklist_block.mystudyooklist .booklist2 .bookmidblock .bookdata {
		flex: auto !important
	}
}
.booklist_block .booklist {
	border-bottom: 1px solid #d3d3d3;
	padding: 18px 15px;
	clear: both;
	position: relative;
	display: flex;
	flex-wrap: wrap
}
.booklist_block .booklist.special {
	background-color: #fff0bc
}
.booklist_block .booklist .bookleftblock {
	margin-right: 20px;
	margin-bottom: 10px;
	flex: none;
	flex-basis: 120px;
	padding-left: 5px;
	vertical-align: top;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
@media screen and (max-width: 767px) {
	.booklist_block .booklist .bookleftblock {
		margin-right: 0
	}
}
@media (max-width: 480px) {
	.booklist_block .booklist .bookleftblock {
		padding-left: 0;
		flex-basis: 100px
	}
}
.booklist_block .booklist .bookleftblock label {
	display: block;
	margin-right: 15px
}
.booklist_block .booklist .bookleftblock label input {
	border-radius: 3px !important
}
.booklist_block .booklist .bookleftblock label input[type="checkbox"] {
	margin-right: 5px
}
.booklist_block .booklist .bookleftblock .book {
	float: left;
	width: 100px
}
@media (max-width: 480px) {
	.booklist_block .booklist .bookleftblock .book {
		float: none;
		clear: both;
		margin: 0;
		width: 80px
	}
}
.booklist_block .booklist .bookleftblock .book .image {
	margin-bottom: 3px;
	text-align: center;
	height: 150px
}
.booklist_block .booklist .bookleftblock .book .image>img {
	width: 100%;
	max-height: 200px;
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)
}
@media (max-width: 480px) {
	.booklist_block .booklist .bookleftblock .book .score_star, .booklist_block .booklist .bookleftblock .book .then {
		display: none
	}
}
.booklist_block .booklist .bookleftblock .book .score {
	display: block;
	clear: both;
	margin: 10px 0;
	overflow: hidden
}
.booklist_block .booklist .bookleftblock .book .score a {
	display: block;
	padding: 3px 10px;
	color: #333;
	text-align: center;
	border: 1px solid #d3d3d3;
	border-radius: 4px
}
@media screen and (max-width: 575px) {
	.booklist_block .booklist .bookleftblock .book .score a {
		padding: 3px 3px
	}
}
.booklist_block .booklist .bookleftblock .book .score a:hover {
	background-color: #fadb5b
}
.booklist_block .booklist .bookmidblock {
	vertical-align: top;
	position: relative;
	flex: auto;
	flex-basis: calc(100% - 150px);
	display: flex;
	flex-wrap: wrap
}
@media screen and (max-width: 767px) {
	.booklist_block .booklist .bookmidblock {
		flex-basis: calc(100% - 135px)
	}
}
@media (max-width: 480px) {
	.booklist_block .booklist .bookmidblock {
		flex-basis: calc(100% - 110px)
	}
}
.booklist_block .booklist .bookmidblock .bookdata {
	flex: none;
	flex-basis: calc(100% - 28%)
}
@media screen and (max-width: 991px) {
	.booklist_block .booklist .bookmidblock .bookdata {
		flex-basis: calc(100% - 18%)
	}
}
@media (max-width: 380px) {
	.booklist_block .booklist .bookmidblock .bookdata {
		flex-basis: calc(100% - 20%)
	}
}
.booklist_block .booklist .bookmidblock h2 {
	margin: 0 0 10px;
	padding: 0;
	font-weight: normal;
	font-size: 1.25em;
	line-height: 1.3em
}
@media screen and (max-width: 767px) {
	.booklist_block .booklist .bookmidblock h2 {
		margin: 0px 0 10px
	}
}
.booklist_block .booklist .bookmidblock h2 a {
	color: #774e2b;
	text-decoration: underline;
	transition: .5s
}
.booklist_block .booklist .bookmidblock h2 a:hover {
	color: #e52104
}
.booklist_block .booklist .bookmidblock .data_type_block {
	padding: 3px 15px;
	margin-bottom: 10px;
	font-size: 0.875em;
	background-color: #fed857;
	color: #000;
	border-radius: 50px;
	display: inline-block;
	position: relative
}
.booklist_block .booklist .bookmidblock .booktype {
	float: left;
	margin-right: 15px;
	background-color: #e47c26;
	width: 35px;
	height: 35px;
	border-radius: 5px;
	text-align: center;
	position: relative
}
.booklist_block .booklist .bookmidblock .booktype img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto
}
.booklist_block .booklist .bookmidblock .basic_data {
	overflow: hidden
}
.booklist_block .booklist .bookmidblock ul {
	margin: 0 0 6px 1px;
	padding: 0
}
.booklist_block .booklist .bookmidblock ul li {
	list-style-type: none;
	margin: 0 15px 0 0;
	padding: 0;
	display: block;
	position: relative;
	text-align: left;
	transition: .5s;
	display: inline-block
}
.booklist_block .booklist .bookmidblock ul li.aRight {
	text-align: right;
	float: right
}
.booklist_block .booklist .bookmidblock ul li.aRight a {
	border: 1px solid #d3d3d3;
	padding: 0px 10px;
	border-radius: 5px;
	display: block
}
.booklist_block .booklist .bookmidblock ul li.aRight a:hover {
	color: #333;
	background-color: #e5e5e5
}
.booklist_block .booklist .bookmidblock ul li a {
	color: #e52104;
	text-decoration: underline
}
.booklist_block .booklist .bookmidblock ul li a:hover {
	text-decoration: none
}
.booklist_block .booklist .bookmidblock ul li a img {
	vertical-align: middle
}
.booklist_block .booklist .bookmidblock ul li.more {
	margin-bottom: 5px !important
}
.booklist_block .booklist .bookmidblock ul li.more a {
	background-color: #fff !important;
	color: #333 !important;
	text-decoration: none !important
}
.booklist_block .booklist .bookmidblock ul li.more a:hover {
	color: #333 !important;
	background-color: #e5e5e5 !important
}
.booklist_block .booklist .bookmidblock ul li.commentblock {
	margin-bottom: 15px;
	height: 70px;
	overflow: hidden
}
.booklist_block .booklist .bookmidblock ul li.cancelrows {
	display: block
}
.booklist_block .booklist .bookmidblock ul li:before {
	content: '；';
	position: absolute;
	right: -17px;
	top: 0;
	font-weight: bolder;
	color: #333
}
.booklist_block .booklist .bookmidblock ul li:last-child:before, .booklist_block .booklist .bookmidblock ul li:only-child:before {
	content: ''
}
.booklist_block .booklist .bookmidblock ul li.no_semicolon {
	margin: 0 2px 0 0px
}
.booklist_block .booklist .bookmidblock ul li.no_semicolon:before {
	content: ''
}
.booklist_block .booklist .bookmidblock ul li.word_title {
	font-size: 1.125em;
	position: relative
}
.booklist_block .booklist .bookmidblock ul li.word_title:before {
	display: none
}
.booklist_block .booklist .bookmidblock ul li.word_title a {
	font-weight: bolder;
	color: #774e2b;
	text-decoration: underline;
	transition: .5s
}
.booklist_block .booklist .bookmidblock ul li.word_title a:hover {
	color: #e52104
}
.booklist_block .booklist .bookmidblock ul li input[type="button"] {
	border: 1px solid #d3d3d3;
	background-color: #fff;
	padding: 4px 20px 4px 33px;
	color: #313131;
	margin: 0.25em .2em
}
.booklist_block .booklist .bookmidblock ul li input[type="button"]:hover {
	background-color: #e5e5e5
}
.booklist_block .booklist .bookmidblock ul li input.download {
	background-image: url("../images/icon_download.png");
	background-repeat: no-repeat;
	background-position: 10px center
}
.booklist_block .booklist .bookmidblock ul li input.borrow {
	background-image: url("../images/icon_borrowing.png");
	background-repeat: no-repeat;
	background-position: 10px center
}
.booklist_block .booklist .bookmidblock ul li input.renew {
	background-image: url("../images/icon_renew.png");
	background-repeat: no-repeat;
	background-position: 10px center
}
.booklist_block .booklist .bookmidblock ul li input.delreservation {
	background-image: url("../images/icon_delreservation.png");
	background-repeat: no-repeat;
	background-position: 10px center
}
.booklist_block .booklist .bookmidblock ul li.addtag_block {
	display: none
}
.booklist_block .booklist .bookmidblock ul li.tagblock {
	margin: 0
}
.booklist_block .booklist .bookmidblock ul li .addtagbtn {
	display: inline-block
}
@media (max-width: 380px) {
	.booklist_block .booklist .bookmidblock ul li .addtagbtn {
		display: block
	}
}
.booklist_block .booklist .bookmidblock ul li .addtagbtn:focus {
	box-shadow: 0 0px 0px 2px #f1ad00
}
.booklist_block .booklist .bookmidblock ul li .addtag {
	position: relative;
	float: left;
	z-index: 3;
	margin-right: 2px
}
.booklist_block .booklist .bookmidblock ul li .addtag input[type="text"] {
	width: 210px;
	padding: 5px 8px 4px
}
@media screen and (max-width: 575px) {
	.booklist_block .booklist .bookmidblock ul li .addtag input[type="text"] {
		width: 170px
	}
}
@media (max-width: 480px) {
	.booklist_block .booklist .bookmidblock ul li .addtag input[type="text"] {
		width: 100%
	}
}
.booklist_block .booklist .bookmidblock ul li .addtag .addoption {
	position: relative;
	top: 0px;
	left: 0;
	width: 210px;
	border-radius: 5px;
	border: 1px solid #ccc;
	padding: 4px 10px;
	background-color: #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: none
}
@media screen and (max-width: 767px) {
	.booklist_block .booklist .bookmidblock ul li .addtag .addoption {
		width: 180px;
		top: auto;
		bottom: 45px
	}
}
@media (max-width: 480px) {
	.booklist_block .booklist .bookmidblock ul li .addtag .addoption {
		width: 100%
	}
}
.booklist_block .booklist .bookmidblock ul li .addtag .addoption ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.booklist_block .booklist .bookmidblock ul li .addtag .addoption ul li {
	display: block;
	margin: 0
}
.booklist_block .booklist .bookmidblock ul li .addtag .addoption ul li a {
	display: block;
	padding: 4px;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	color: #666
}
.booklist_block .booklist .bookmidblock ul li .addtag .addoption ul li a:hover {
	color: #e52104
}
.booklist_block .booklist .bookmidblock ul li .addtag .addoption ul li:last-child a {
	border: none
}
.booklist_block .booklist .bookmidblock ul li .addtag .addoption ul li:before {
	content: ""
}
.booklist_block .booklist .bookmidblock ul li .addtag+button.btn-xs {
	font-size: .938em !important
}
.booklist_block .booklist .bookmidblock ul li .addtag+button.btn {
	padding: .3em 1em .3em !important;
	margin: 0 .3em 0 .1em !important
}
.booklist_block .booklist .bookmidblock ul li .closebtn {
	display: inline-block
}
.booklist_block .booklist .bookmidblock ul li .closebtn:focus {
	box-shadow: 0 0px 0px 2px #f1ad00
}
.booklist_block .booklist .bookmidblock ul.borrowdate_data {
	margin: 0;
	padding: 0
}
.booklist_block .booklist .bookmidblock ul.borrowdate_data li {
	list-style-type: none;
	background-image: url("../images/icon_point.png");
	background-position: 0 center;
	background-repeat: no-repeat;
	background-size: 6px;
	padding-left: 15px;
	margin: 0 0 5px 0 !important;
	display: block !important;
	color: #000 !important
}
.booklist_block .booklist .bookmidblock ul.borrowdate_data li:after {
	content: ''
}
.booklist_block .booklist .bookmidblock p {
	padding: 0;
	margin: 15px 0;
	font-size: 1.125em
}
.booklist_block .booklist .bookmidblock .bookbtn {
	clear: both
}
.booklist_block .booklist .bookmidblock .bookbtn span {
	margin-right: 10px
}
.booklist_block .booklist .bookmidblock .bookbtn input[type="button"] {
	border: 1px solid #d3d3d3;
	background-color: #fff;
	padding: 4px 20px 4px 33px;
	color: #313131
}
.booklist_block .booklist .bookmidblock .bookbtn input[type="button"]:hover {
	background-color: #e5e5e5
}
.booklist_block .booklist .bookmidblock .bookbtn input.download {
	background-image: url("../images/icon_download.png");
	background-repeat: no-repeat;
	background-position: 10px center
}
.booklist_block .booklist .bookmidblock .bookbtn input.borrow {
	background-image: url("../images/icon_borrowing.png");
	background-repeat: no-repeat;
	background-position: 10px center
}
.booklist_block .booklist .bookmidblock .bookbtn input.renew {
	background-image: url("../images/icon_renew.png");
	background-repeat: no-repeat;
	background-position: 10px center
}
.booklist_block .booklist .bookmidblock .bookbtn input.delreservation {
	background-image: url("../images/icon_delreservation.png");
	background-repeat: no-repeat;
	background-position: 10px center
}
.booklist_block .booklist .bookmidblock .bookbtn input.recommend {
	background-image: url("../images/icon_recommend.png");
	background-repeat: no-repeat;
	background-position: 10px center
}
.booklist_block .booklist .bookmidblock .bookshare {
	position: relative;
	flex: none;
	flex-basis: 28%;
	display: flex;
	justify-content: flex-end
}
@media screen and (max-width: 991px) {
	.booklist_block .booklist .bookmidblock .bookshare {
		flex-basis: 15%
	}
}
@media (max-width: 380px) {
	.booklist_block .booklist .bookmidblock .bookshare {
		flex-basis: 20%;
		position: absolute;
		right: -5px
	}
}
.booklist_block .booklist .bookmidblock .bookshare ul {
	margin: 0;
	padding: 0
}
.booklist_block .booklist .bookmidblock .bookshare ul li {
	display: inline-block;
	margin-left: 0px;
	list-style-type: none;
	padding: 0;
	background-image: none;
	margin: 0
}
.booklist_block .booklist .bookmidblock .bookshare ul li:before {
	content: ""
}
.booklist_block .booklist .bookmidblock .bookshare ul li a {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #fff;
	line-height: 40px;
	text-align: center
}
.booklist_block .booklist .bookmidblock .bookshare ul li a:hover {
	background-color: #e5e5e5
}
@media screen and (max-width: 767px) {
	.booklist_block .booklist .bookmidblock .bookshare ul li a {
		background-color: transparent;
		line-height: 0
	}
	.booklist_block .booklist .bookmidblock .bookshare ul li a:hover {
		background-color: transparent
	}
}
.booklist_block .booklist .bookmidblock .bookshare ul li a img {
	width: 22px;
	height: 22px
}
@media screen and (max-width: 767px) {
	.booklist_block .booklist .bookmidblock .bookshare ul li {
		display: none
	}
	.booklist_block .booklist .bookmidblock .bookshare ul li:first-child {
		display: block
	}
}
.booklist_block .booklist .bookmidblock .bookshare .moreshareblock {
	position: absolute;
	top: 50px;
	right: 10px;
	width: 430px;
	background-color: #e5e5e5;
	border-radius: 5px;
	padding: 20px 30px 15px;
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
	display: none
}
.booklist_block .booklist .bookmidblock .bookshare .moreshareblock:after {
	content: '';
	position: absolute;
	border: 10px #e5e5e5 solid;
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
	right: 10px;
	top: -18px
}
@media screen and (max-width: 1399px) {
	.booklist_block .booklist .bookmidblock .bookshare .moreshareblock {
		position: relative;
		top: 10px;
		left: 10px;
		margin-bottom: 20px
	}
	.booklist_block .booklist .bookmidblock .bookshare .moreshareblock:after {
		left: 135px;
		right: auto
	}
}
@media screen and (max-width: 991px) {
	.booklist_block .booklist .bookmidblock .bookshare .moreshareblock {
		width: 90%
	}
}
.booklist_block .booklist .bookmidblock .bookshare .moreshareblock div {
	text-align: center
}
.booklist_block .booklist .bookmidblock .bookshare .moreshareblock div a {
	text-align: center;
	font-size: .939em
}
.booklist_block .booklist .bookmidblock .bookshare .moreshareblock div a img {
	width: 24px;
	margin: 0 auto 10px
}
.booklist_block .booklist .bookmidblock .bookshare .moreshareblock .slick-prev {
	background-image: url("../vendor/slick/icon_arrow_left2.png");
	left: 0;
	box-shadow: none
}
.booklist_block .booklist .bookmidblock .bookshare .moreshareblock .slick-next {
	background-image: url("../vendor/slick/icon_arrow_right2.png");
	right: 0;
	box-shadow: none
}
.booklist_block .booklist .bookmidblock .moreshare {
	flex-basis: 100%;
	position: absolute;
	bottom: 0px;
	right: 0;
	margin-top: 5px
}
@media screen and (max-width: 991px) {
	.booklist_block .booklist .bookmidblock .moreshare {
		position: relative;
		right: 0;
		bottom: auto;
		float: none;
		clear: both;
		text-align: right
	}
}
@media screen and (max-width: 767px) {
	.booklist_block .booklist .bookmidblock .moreshare {
		display: none
	}
}
.booklist_block .booklist .bookmidblock .moreshare ul {
	margin: 0;
	padding: 0;
	text-align: right
}
.booklist_block .booklist .bookmidblock .moreshare ul li {
	display: inline-block;
	margin-left: 0px;
	list-style-type: none;
	padding: 0;
	background-image: none;
	margin: 0
}
.booklist_block .booklist .bookmidblock .moreshare ul li:before {
	content: ""
}
.booklist_block .booklist .bookmidblock .moreshare ul li a {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #fff;
	line-height: 35px;
	text-align: center
}
.booklist_block .booklist .bookmidblock .moreshare ul li a:hover {
	background-color: #e5e5e5
}
.booklist_block .booklist .booklist_type {
	clear: both;
	float: none;
	flex: auto;
	flex-basis: 100%;
	position: relative;
	padding: 10px 0 0;
	margin-top: 10px;
	border-top: 1px solid #ccc;
	overflow: hidden
}
.booklist_block .booklist .booklist_type .displaymore {
	float: right;
	width: 60px;
	margin-bottom: 5px;
	position: relative;
	padding: 3px 5px 3px 25px;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 0.875em
}
@media screen and (max-width: 575px) {
	.booklist_block .booklist .booklist_type .displaymore {
		float: none;
		margin: 0 auto 5px
	}
}
.booklist_block .booklist .booklist_type .displaymore:before {
	content: '';
	position: absolute;
	top: 12px;
	left: 5px;
	border: 6px solid #666;
	border-color: #666 transparent transparent transparent
}
.booklist_block .booklist .booklist_type .displaymore a {
	display: block;
	color: #333
}
.booklist_block .booklist .booklist_type .displayonly {
	float: right;
	width: 60px;
	margin-bottom: 5px;
	position: relative;
	padding: 3px 5px 3px 25px;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 0.875em;
	display: none
}
@media screen and (max-width: 575px) {
	.booklist_block .booklist .booklist_type .displayonly {
		float: none;
		margin: 0 auto 5px
	}
}
.booklist_block .booklist .booklist_type .displayonly:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	border: 6px solid #666;
	border-color: transparent transparent #666 transparent
}
.booklist_block .booklist .booklist_type .displayonly a {
	display: block;
	color: #333
}
.booklist_block .booklist .booklist_type ul {
	margin: 0;
	padding: 0;
	float: left;
	width: calc(100% - 100px)
}
@media screen and (max-width: 575px) {
	.booklist_block .booklist .booklist_type ul {
		width: 100%;
		float: none;
		clear: both
	}
}
.booklist_block .booklist .booklist_type ul li {
	list-style: none;
	line-height: 1.5em;
	position: relative;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	display: none
}
.booklist_block .booklist .booklist_type ul li:first-child {
	display: block
}
.booklist_block .booklist .booklist_type ul li:before {
	position: absolute;
	content: '';
	width: 7px;
	height: 7px;
	background-color: #666;
	left: 0px;
	top: 9px
}
.booklist_block .booklist .booklist_type ul li span {
	padding: 0 15px 0 0;
	position: relative;
	display: inline-block
}
.booklist_block .booklist .booklist_type ul li span:after {
	position: absolute;
	content: '';
	width: 1px;
	height: 15px;
	right: 8px;
	top: 5px;
	background-color: #999
}
.booklist_block .booklist .booklist_type ul.morelist li {
	display: block
}
.booklist_block .booklist .booklist_type ul.onlylist {
	width: 100%;
	float: none
}
.booklist_block .booklist .score_star {
	position: relative;
	text-align: left;
	width: 100px;
	height: 29px;
	float: left;
	z-index: 0
}
.booklist_block .booklist .score_star>img {
	position: absolute;
	z-index: 5;
	width: 100px;
	height: 29px
}
.booklist_block .booklist .score_star .score_color {
	position: absolute;
	z-index: 4;
	top: 0;
	left: 0;
	width: 100px;
	height: 29px;
	overflow: hidden
}
.booklist_block .booklist .then {
	color: #b4b4b4;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px
}
.booklist_block .booklist2 {
	display: flex
}
.booklist_block .booklist2 .bookleftblock {
	width: auto;
	flex-basis: auto;
	margin-right: 0
}
.booklist_block .booklist2 .bookmidblock {
	flex: 1;
	width: auto;
	float: none
}
.booklist_block .booklist2 .bookmidblock .bookdata {
	flex: auto
}
@media screen and (max-width: 767px) {
	.booklist_block .booklist2 .bookmidblock .bookdata {
		flex-basis: calc(100% - 18%)
	}
}
@media (max-width: 380px) {
	.booklist_block .booklist2 .bookmidblock .bookdata {
		flex: none;
		flex-basis: calc(100% - 18%)
	}
}
.booklist_block .booklist2 .bookmidblock .bookshare {
	display: none
}
@media screen and (max-width: 767px) {
	.booklist_block .booklist2 .bookmidblock .bookshare {
		display: block;
		display: flex;
		flex-basis: 15%
	}
}
.booklist_block .booklist_hot_block {
	padding: 15px 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden
}
.booklist_block .booklist_hot_block .choosebtn {
	margin-left: 7px;
	clear: both
}
.booklist_block .booklist_hot {
	border: 1px solid #d3d3d3;
	border-radius: 5px;
	padding: 0;
	position: relative;
	width: 15%;
	float: left;
	margin: 0 .65% 15px;
	height: 350px
}
@media (max-width: 1200px) {
	.booklist_block .booklist_hot {
	    height: 270px;
	}
}
@media (max-width: 900px) {
	.booklist_block .booklist_hot {
		width: 48%;
		margin: 0 .8% 15px;
	    height: 290px;
	}
}
@media screen and (max-width: 767px) {
	.booklist_block .booklist_hot {
		width: 99%;
		margin: 0 0 15px 0;
		padding: 15px 0 0
	}
}
.booklist_block .booklist_hot .clickblock {
	overflow: hidden;
	margin: 0 auto 0;
	background-color: none;
	padding: 10px 10px;
	text-align: center
}
@media screen and (max-width: 767px) {
	.booklist_block .booklist_hot .clickblock {
		text-align: left;
		position: absolute;
		left: 100px;
		top: 10px;
		background-color: transparent
	}
}
.booklist_block .booklist_hot .clickblock .ranking {
	background-color: #ee8c23;
	color: #fff;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	display: inline-block;
	line-height: 35px;
	font-size: 1em;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	letter-spacing: .1em;
	margin-right: 5px
}
@media screen and (max-width: 767px) {
	.booklist_block .booklist_hot .clickblock .ranking {
		display: inline-block
	}
}
@media (max-width: 480px) {
	.booklist_block .booklist_hot .clickblock .ranking {
		display: block
	}
}
.booklist_block .booklist_hot .clickblock .clicktimes {
	display: inline-block;
	font-size: 1.125em;
	margin-top: 8px
}
.booklist_block .booklist_hot .bookleftblock {
	width: auto;
	overflow: hidden;
	text-align: center;
	margin-bottom: 10px;
	position: relative;
	padding: 0 15px 5px
}
@media screen and (max-width: 767px) {
	.booklist_block .booklist_hot .bookleftblock {
		float: left
	}
}
.booklist_block .booklist_hot .bookleftblock label {
	display: inline-block;
	position: absolute;
	top: 2px;
	margin-left: -45px
}
@media screen and (max-width: 767px) {
	.booklist_block .booklist_hot .bookleftblock label {
		display: none
	}
}
.booklist_block .booklist_hot .bookleftblock label input {
	border-radius: 3px !important
}
.booklist_block .booklist_hot .bookleftblock label input[type="checkbox"] {
	margin-right: 5px
}
.booklist_block .booklist_hot .bookleftblock .book {
	display: inline-block;
	width: 145px
}
@media screen and (max-width: 1200px) {
	.booklist_block .booklist_hot .bookleftblock .book {
		width: 100px;
	}
}
@media screen and (max-width: 767px) {
	.booklist_block .booklist_hot .bookleftblock .book {
		width: 80px
	}
}
.booklist_block .booklist_hot .bookleftblock .book .image {
	text-align: center;
}
@media screen and (max-width: 1200px) {
	.booklist_block .booklist_hot .bookleftblock .book .image {
		height: 100px;
	}
}
@media screen and (max-width: 767px) {
	.booklist_block .booklist_hot .bookleftblock .book .image {
		height: 120px
	}
}
.booklist_block .booklist_hot .bookleftblock .book .image>img {
	width: 100%;
	max-height: 200px;
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)
}
@media screen and (max-width: 767px) {
	.booklist_block .booklist_hot .bookleftblock .book .image>img {
		max-height: 120px
	}
}
.booklist_block .booklist_hot .bookleftblock .book .image_titlepage, .booklist_block .booklist_hot .bookleftblock .book .image_titlepage2 {
	margin: 0 auto;
	height: 200px;
	width: 145px
}
.booklist_block .booklist_hot .bookleftblock .book .score {
	display: block;
	clear: both;
	margin: 10px 0;
	overflow: hidden
}
.booklist_block .booklist_hot .bookleftblock .book .score a {
	display: block;
	padding: 3px 10px;
	color: #333;
	text-align: center;
	border: 1px solid #d3d3d3;
	border-radius: 4px
}
.booklist_block .booklist_hot .bookleftblock .book .score a:hover {
	background-color: #fadb5b
}
.booklist_block .booklist_hot .bookmidblock {
	padding: 0 15px
}
@media screen and (max-width: 767px) {
	.booklist_block .booklist_hot .bookmidblock {
		float: left;
		width: 74%;
		padding: 0
	}
}
@media (max-width: 480px) {
	.booklist_block .booklist_hot .bookmidblock {
		width: 65%
	}
}
@media (max-width: 400px) {
	.booklist_block .booklist_hot .bookmidblock {
		width: 60%
	}
}
@media screen and (max-width: 767px) {
	.booklist_block .booklist_hot .bookmidblock .bookdata {
		margin: 50px 0 0px 0
	}
}
.booklist_block .booklist_hot .bookmidblock h2 {
	margin: 0 0 10px;
	padding: 0;
	font-weight: normal;
	font-size: 1.17em;
	line-height: 1.3em;
	text-align: center
}
@media screen and (max-width: 767px) {
	.booklist_block .booklist_hot .bookmidblock h2 {
		text-align: left
	}
}
.booklist_block .booklist_hot .bookmidblock h2 a {
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: .5s;
	height:50px;
	display: inline-block;
	-webkit-line-clamp:2;
	width:100%;
	text-align:left;
}
.booklist_block .booklist_hot .bookmidblock h2 a:hover {
	color: #e52104
}
.booklist_block .booklist_hot .bookmidblock .bookshare {
	position: relative;
	text-align: center;
	margin-bottom: 10px
}
@media screen and (max-width: 767px) {
	.booklist_block .booklist_hot .bookmidblock .bookshare {
		position: absolute;
		top: 10px;
		right: 0px
	}
}
.booklist_block .booklist_hot .bookmidblock .bookshare ul {
	margin: 0 10px 0 0;
	padding: 0
}
.booklist_block .booklist_hot .bookmidblock .bookshare ul li {
	display: inline-block;
	margin-left: 0px;
	list-style-type: none;
	padding: 0;
	background-image: none;
	margin: 0
}
.booklist_block .booklist_hot .bookmidblock .bookshare ul li:before {
	content: ""
}
.booklist_block .booklist_hot .bookmidblock .bookshare ul li a {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: transparent;
	line-height: 50px;
	text-align: center
}
.booklist_block .booklist_hot .bookmidblock .bookshare ul li a:hover {
	background-color: #e5e5e5
}
.booklist_block .booklist_hot .bookmidblock .bookshare ul li a img {
	width: 22px
}
@media screen and (max-width: 767px) {
	.booklist_block .booklist_hot .bookmidblock .bookshare ul li {
		display: none
	}
	.booklist_block .booklist_hot .bookmidblock .bookshare ul li:nth-child(2) {
		display: block
	}
}
.booklist_block .booklist_hot .bookmidblock .bookshare .moreshareblock2 {
	position: absolute;
	top: -100px;
	left: 0;
	width: 100%;
	background-color: #e5e5e5;
	border-radius: 5px;
	padding: 20px 30px 15px;
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
	display: none
}
.booklist_block .booklist_hot .bookmidblock .bookshare .moreshareblock2 div {
	text-align: center
}
.booklist_block .booklist_hot .bookmidblock .bookshare .moreshareblock2 div a {
	text-align: center;
	font-size: .939em
}
.booklist_block .booklist_hot .bookmidblock .bookshare .moreshareblock2 div a img {
	width: 25px;
	margin: 0 auto 10px
}
.booklist_block .booklist_hot .bookmidblock .bookshare .moreshareblock2 .slick-prev {
	background-image: url("../vendor/slick/icon_arrow_left2.png");
	left: 0;
	box-shadow: none
}
.booklist_block .booklist_hot .bookmidblock .bookshare .moreshareblock2 .slick-next {
	background-image: url("../vendor/slick/icon_arrow_right2.png");
	right: 0;
	box-shadow: none
}
@media (max-width: 767px) and (min-width: 575px) {
	.booklist_block .booklist_hot {
		height: auto
	}
	.booklist_block .booklist_hot:nth-child(1), .booklist_block .booklist_hot:nth-child(2), .booklist_block .booklist_hot:nth-child(3) {
		width: 32%;
		float: left;
		margin-right: 1.4%;
		background-color: #eee;
		border: none
	}
	.booklist_block .booklist_hot:nth-child(1) .clickblock, .booklist_block .booklist_hot:nth-child(2) .clickblock, .booklist_block .booklist_hot:nth-child(3) .clickblock {
		position: relative;
		left: auto;
		top: auto;
		margin: 0 auto 10px;
		padding: 0
	}
	.booklist_block .booklist_hot:nth-child(1) .clickblock .ranking, .booklist_block .booklist_hot:nth-child(2) .clickblock .ranking, .booklist_block .booklist_hot:nth-child(3) .clickblock .ranking {
		margin: 0 auto;
		display: block
	}
	.booklist_block .booklist_hot:nth-child(1) .clickblock .clicktimes, .booklist_block .booklist_hot:nth-child(2) .clickblock .clicktimes, .booklist_block .booklist_hot:nth-child(3) .clickblock .clicktimes {
		font-size: 1.063em;
		text-align: center;
		display: block
	}
	.booklist_block .booklist_hot:nth-child(1) .bookleftblock, .booklist_block .booklist_hot:nth-child(2) .bookleftblock, .booklist_block .booklist_hot:nth-child(3) .bookleftblock {
		float: none
	}
	.booklist_block .booklist_hot:nth-child(1) .bookleftblock .book, .booklist_block .booklist_hot:nth-child(2) .bookleftblock .book, .booklist_block .booklist_hot:nth-child(3) .bookleftblock .book {
		width: 145px
	}
	.booklist_block .booklist_hot:nth-child(1) .bookleftblock .book .image, .booklist_block .booklist_hot:nth-child(2) .bookleftblock .book .image, .booklist_block .booklist_hot:nth-child(3) .bookleftblock .book .image {
		height: 200px;
		margin: 0 auto;
		vertical-align: bottom;
		position: relative
	}
	.booklist_block .booklist_hot:nth-child(1) .bookleftblock .book .image>img, .booklist_block .booklist_hot:nth-child(2) .bookleftblock .book .image>img, .booklist_block .booklist_hot:nth-child(3) .bookleftblock .book .image>img {
		max-height: 200px;
		max-width: 100%;
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto
	}
	.booklist_block .booklist_hot:nth-child(1) .bookmidblock, .booklist_block .booklist_hot:nth-child(2) .bookmidblock, .booklist_block .booklist_hot:nth-child(3) .bookmidblock {
		width: auto;
		float: none
	}
	.booklist_block .booklist_hot:nth-child(1) .bookmidblock .bookdata, .booklist_block .booklist_hot:nth-child(2) .bookmidblock .bookdata, .booklist_block .booklist_hot:nth-child(3) .bookmidblock .bookdata {
		margin: 0;
		padding: 0 10px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}
	.booklist_block .booklist_hot:nth-child(1) .bookmidblock .bookdata h2, .booklist_block .booklist_hot:nth-child(2) .bookmidblock .bookdata h2, .booklist_block .booklist_hot:nth-child(3) .bookmidblock .bookdata h2 {
		text-align: center
	}
	.booklist_block .booklist_hot:nth-child(1) {
		position: relative;
		left: 33.7%;
		height: 390px
	}
	.booklist_block .booklist_hot:nth-child(2) {
		position: relative;
		left: -33%;
		height: 390px
	}
	.booklist_block .booklist_hot:nth-child(2) .image {
		width: 85% !important
	}
	.booklist_block .booklist_hot:nth-child(2) .image_titlepage, .booklist_block .booklist_hot:nth-child(2) .image_titlepage2 {
		margin: 26px auto 0 !important;
		height: 180px !important;
		width: 85% !important
	}
	.booklist_block .booklist_hot:nth-child(3) {
		margin-right: 0%;
		position: relative;
		right: 0;
		height: 390px
	}
	.booklist_block .booklist_hot:nth-child(3) .image {
		width: 80% !important
	}
	.booklist_block .booklist_hot:nth-child(3) .image_titlepage, .booklist_block .booklist_hot:nth-child(3) .image_titlepage2 {
		margin: 35px auto 0 !important;
		height: 170px !important;
		width: 80% !important
	}
}
@media (max-width: 575px) {
	.booklist_block .booklist_hot {
		height: auto
	}
	.booklist_block .booklist_hot .image_titlepage, .booklist_block .booklist_hot .image_titlepage2 {
		margin: 0 auto;
		height: 150px !important;
		width: 80px !important
	}
}
.booklist_more {
	margin: 0 auto;
	position: relative
}
@media screen and (max-width: 767px) {
	.booklist_more {
		margin: 0 auto 55px
	}
}
.booklist_more a {
	display: block;
	text-align: center;
	padding: 20px 8px 30px;
	background-image: none;
	background-color: #F3F3F3;
	color: #333;
	border-radius: 0
}
@media screen and (max-width: 767px) {
	.booklist_more a {
		padding: 15px 8px
	}
}
.booklist_more a:hover {
	color: #e52104
}


@media screen and (max-width: 575px) {
	.openid .form_grp.form_inline input {
		margin:0 0 5px 0;
	}
}
@media screen and (max-width: 575px) {
.openid .search_system select{
		margin: 0 0 5px 0 !important;
	}
}
.bookimage {
		float:right;
		width:450px;
    	margin:20px 20px 30px 20px;
	    text-align:center;
	}
@media screen and (max-width: 996px) {
	.bookimage  {
		width:50%;
	}
	
}

@media screen and (max-width: 767px) {
	.bookimage  {
		width:100%;
	}
	
}
.bookimage img{
		width:200px;
	    padding:0;
	    margin:0 auto 30px auto;
	    vertical-align: top;
	    box-shadow:0 2px 8px rgb(0 0 0 / 20%);
	    text-align:center;
	}
.list_block .list_data button.btn_borrow {
	background: #E15706;
	border: 1px solid #d14d00;
	margin:-2px 0 4px 3px;
}
@media screen and (max-width: 767px) {
	.list_block .list_data button.btn_borrow  {
		margin:0 0 10px 3px;
	}
	
}
.list_block .list_data button.btn_borrow:hover {
	background: #d82900;
}
.list_block .list_data button.btn_borrow a{
	color: #fff;
}
.list_block .list_data button.btn_borrow a:hover{
	color: #fff;
	text-decoration: none;
}
.list_block .list_data button.btn_return {
	background: #4d4d4d;
	border: 1px solid #323232;
	margin:-7px 0 0 5px;
}
.list_block .list_data button.btn_return:hover {
	background: #323232;
}
.list_block .list_data button.btn_return a{
	color: #fff;
}
.list_block .list_data button.btn_return a:hover{
	color: #fff;
	text-decoration: none;
}
.list_block .list_data button.btn_order {
	background: #E15706;
	border: 1px solid #d14d00;
	margin-top:-2px;
	margin-bootm:0;
}
.list_block .list_data button.btn_order:hover {
	background: #d82900;
}
.list_block .list_data button.btn_order a{
	color: #fff;
}
.list_block .list_data button.btn_order a:hover{
	color: #fff;
	text-decoration: none;
}
.sp .main_content .container pre {
	overflow: hidden;
	white-space: pre-wrap;       /* css-3 */
 	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999*/
 	white-space: -pre-wrap;      /* Opera 4-6 */
 	white-space: -o-pre-wrap;    /* Opera 7 */
	 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.sp .main_content .container {
	padding:0 30px;
}
.personal_info {
	padding:10px 50px;
}
.bookimage .info_icon {
	width:100%;
	margin:0 auto 0 auto;
	text-align:center;
}
@media screen and (max-width: 996px) {
	.bookimage  {
	text-align:center;
	margin:0 5% 0 5%;
}
	
}
@media screen and (max-width: 996px) {
	.bookimage .info_icon {
	text-align:center;
	margin:0 5% 7% 5%;
}
	
}
.bookimage .info_icon .borrow{
	background: #E15706;
}
.bookimage .info_icon .order{
	background: #E15706;
}
.bookimage .info_icon .borrow .function_name ,.bookimage .info_icon .order .function_name{
	color:#fff;
}
.openid .main_content {
	flex-grow: 1;
}
.list_block .list_data .reminder {
  color: #42a142;
  margin: 0.5em 0;
}
.theme_book {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2e83ea+1,7db9e8+100 */
    background: #2e83ea; /* Old browsers */
    background: -moz-linear-gradient(top,  #2e83ea 1%, #7db9e8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #2e83ea 1%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #2e83ea 1%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e83ea', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
    position: relative;
    padding: 20px 0px ;
    text-align: left;
    border-bottom: 1px solid #d3d3d3;
}
.theme_data {
        margin: 0 20px;
        }
.theme_data .images { 
	width: 350px ; 
	position: relative; 
	overflow: hidden; 
	background: transparent; 
	float: left; 
	margin-right: 30px;
}

.theme_book .theme_data .images::before { 
	display: block; 
	content: ""; 
	padding-top:75%; 
}
.theme_book .theme_data .images img { 
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto
}
.theme_book .theme_data .images img { 
	width: 100%; 
}
@media (max-width: 620px) {

  .theme_book .theme_data .images { 
	  width: 96%; 
	  float: none; 
	  margin: 20px 0 0 0 ; }
}
@media screen and (max-width: 767px) {

  .theme_book .theme_data { margin: 0px; }

}
.theme_book .theme_data h3 { 
	color: rgb(51, 51, 51); 
	margin-bottom: 20px; 
}
@media (max-width: 620px) {
 .theme_book .theme_data h3 { 
	margin-top:-30px; }
}
.theme_book .theme_data .datalist { 
	list-style: none; 
	margin: 10px 0px; 
	padding: 0px; 
}
.theme_book .theme_data .datalist li { 
	text-align: left; 
	margin-bottom: 5px; 
}
.theme_book .theme_data .datalist li span { 
	display: inline-block; 
} 
.theme_book .theme_data .explain { 
	color: rgb(51, 51, 51); 
	line-height: 1.6em; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	display: -webkit-box; -webkit-line-clamp: 5; 
	-webkit-box-orient: vertical; 
	text-align: left; 
}
@media (max-width: 620px) {
 .theme_book .theme_data .explain { 
	margin:0 15px 0 0; }
}
.login_instructions .logo img {
	max-width:450px;
}
.openid .login_lightbox .social_slider a {
	width:60px;
	height:60px;
	margin:0 0.1em;
}
.openid .login_lightbox .social_slider a img {
	width:50px;
}
.openid .mp .search_system .scrolldown_fix {
	min-height:auto;
}
.openid .login_lightbox .loginblock p {
	text-align:start;
}
.openid .nodata {
	text-align: left;
}
.nodata .explain {
    padding: 20px 25px ;
    background-color: #E15706;
    border-radius: 5px;
    color: #fff;
    font-size: 1.125em;
}
.nodata .explain span {
    font-size: 1.25em;
    color: #fff992;
    padding: 0 20px;
}
.nodata .related_words h2 {
    font-size: 1.25em;
    margin: 50px 0 30px;
    color: #963a04;
}
.nodata .related_words ul {
    margin: 0;
    padding: 0;
}
.nodata .related_words ul li {
    display: inline-block;
    margin: 0 7px 7px 0;
    padding: 0;
    list-style: none;
}
.nodata .related_words ul li a {
    display: block;
    padding: 10px 20px;
    background-color: #eee;
    border-radius: 5px;
	color:#666;
}
.openid .search_system .advanced_search, .search_system .simple_search {
	background: #fff;
}
.openid .login_page .login_lightbox .main_img .logo img {
	max-height:50px;
}
.openid .login_page .login_lightbox .loginblock.noform {
	max-width:650px;
}
.openid .login_instructions .logo {
	margin:0;
}
.openid .login_lightbox .loginblock .notSignin {
	margin:0;
}
.login_lightbox .loginblock {
	width:650px;
	min-height:500px;
}
@media screen and (max-width: 650px) {
	.login_lightbox .loginblock {
    width:95%;
	min-height:300px;}
}
.repair {
	background:#fac533;
	border:1px solid #000;
	border-radius: 5px;
	color:#000;
	padding:0 10px;
	margin:0 0 0 15px;
}
@media screen and (max-width: 991px) {
  .openid .login_lightbox .function_grp {
    display: none;
  }
}
.openid .list_block .list_data .keyword a {
	line-height:1.2;
}
.openid .list_block .list_data > ul > li a {
	padding:0 3px 0 0;
}

@media screen and (max-width: 767px) {
  .openid .list_block .list_num ~ .sort_icon {
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .openid .list_block .list_num ~ .sort_icon {
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .openid .list_block .sort_icon + .list_data {
  -ms-flex-preferred-size: calc(100% - 120px);
      flex-basis: calc(100% - 120px);
  max-width: calc(100% - 120px);
  padding: 0 40px 0 20px !important;
  }
}
@media screen and (max-width: 767px) {
  .openid .list_block .list_data {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
  padding-left: 55px;
  }
}
@media screen and (max-width: 767px) {
  .openid .list_block .list_data h3 {
  font-size: 1.25em;
  margin-top: 0;
  width: calc(100% - 2.5em);
  }
}
@media screen and (max-width: 767px) {
  .openid .list_block .list_num {
  position: absolute;
  top: 1.3em;
  left: 0;
  color: #7e7e7e;
  min-width: 50px;
  }
}
@media screen and (max-width: 767px) {
  .openid .list_block .list_num ~ .sort_icon {
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .openid .list_block .sort_icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 120px;
          flex: 0 0 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .openid .list_block .sort_icon .pic {
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .openid .list_block .sort_icon .sort_name {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  text-align: center;
  margin-top: 0.5em;
  color: #7e7e7e;
  font-size: 0.875em;
  line-height: 1.25;
  border:none;
  }
}
.openid .list_block .list_data h3 a{
	line-height:1.2;
}
.openid .list_block .list_data > ul > li {
	margin-bottom:0;
}
.openid .list_block .list_data ul {
	margin:0 0 10px 0;
}
@media screen and (max-width: 767px) {
  .openid .search_system .advanced_search,
.openid .search_system .simple_search {
    display:inline-block;
	margin-right:60px;
  }
}
@media screen and (max-width: 575px) {
  .openid .search_system .advanced_search,
.openid .search_system .simple_search {
    display:none;
  }
}
@media screen and (max-width: 767px){
.openid .mp .search_system input[type="text"]  {
	flex: 0 0 auto;
	width:30%;
	display: inline-block
		}
}
@media screen and (max-width: 575px){
.openid .mp .search_system input[type="text"]  {
	flex: 1 0 auto;
	width:auto;
	display: inline-block
		}
}
.openid .sort_list h3 {
	line-height:30pt;
	padding:0 0 0 10px;
	border-bottom:1px solid #979997;
}
.openid .sort_list h3 span{
	color:#e15706;
}
.openid .accordion_content li a{
	font-size:11.5pt;
}
.openid .accordion_content .borrow_list{
	color:#979997;
}
.openid .accordion_content .orange{
	color:#e15706;
	font-weight:bold;
	padding:3px;
}
.openid .accordion_content .green{
	color:#70a200;
	font-weight:bold;
	padding:3px;
}
.openid .accordion_content .overtake{
	color:#de3242;
	font-weight:bold;
	padding:3px;
}
.openid .left_info {
	padding:15px 0 0 0;
	text-indent:-15px;
	margin:0 0 0 15px;
}
.openid .filter_search .accordion_content li ,.openid .filter_search .list_content li{
	padding-left:0.5em;
}
.openid .filter_search .accordion_content li:hover {
	background:#e0e0e0;
}
.openid .filter_search .accordion_content .here ,.openid .filter_search .list_content li{
	background:#faddca;
}
.openid .filter_search .accordion_content .here a{
	font-weight:bold;
}
.openid .filter_search .accordion_content ul,.openid .filter_search .list_content ul {
	padding:0;
}
.openid .path a {
	color:#333;
}
.openid .filter_search .sort_list > ul > li {
	border-bottom:1px solid #979997;
}
@media screen and (max-width: 767px){
.openid .list_block .function_btn button {
	width:23px;
	height:23px;}
}

.openid .detailblock .tabSet li  {
	text-shadow: none;
}
.openid .detailblock .tabSet li a {
	text-shadow: none;
	color:#898989;
	display:block;
	border-radius:10px 10px 0 0;
	background: #d6d6d6;
	box-shadow:inset 0 4px 4px 0 #a6a6a6;
}
.openid .detailblock .tabSet li.active a{
	background: #f9decd;
	box-shadow:inset 0 1px 2px 2px #f5bd9b;
}
.openid .detailblock .tabSet li.active:before, .tabSet li:focus:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 10px 10px 0 0;
  background: #E15706;
}
.openid .detailblock .tabSet li.active a,.openid .detailblock .tabSet li:focus a {
  color: #333;
}
.openid .detailblock .tabSet li a {
	padding:0.4em 1em;
}

.openid .detail_lightbox .detail_top  {
	border-bottom:1px solid #dddddd;
	margin-bottom:20px;
}
.openid .header h1 {
	max-width: 350px;
}
.personal_lightbox .personalblock .mytags li ,.info_list .mytags li{
	display:inline-block;
	padding-right:0.5em;
	background:#E15706;
	color:#fff;
	border-radius:5px;
}
.personal_lightbox .personalblock .mytags li:before ,.info_list .mytags li:before{
	background: url(../images/icon/icon_tag.svg) no-repeat center;
	  -webkit-filter: invert(1);
          filter: invert(1);
	vertical-align: center;
	padding:0 0 0 0.8em;
}
.personal_lightbox .del_btn {
	position: relative;
	top:-1px;
	left:3px;
}
.personal_lightbox .other_tag .del_btn:before {
		  -webkit-filter: invert(1);
          filter: invert(1);
}
.personal_lightbox .added_tag {
	margin:0;
}
.personalblock .newtag_input input {
    width: 70%;
}
.info_list .mytags {
    margin: 10px 0 20px 0;
}
.info_list .mytags ul {
    padding: 0;
}
.inmytags li {
	position: relative;
	padding-left: 1.5em !important
}
.inmytags li:before {
	content: "";
	position: absolute;
	left: 0;
	top: .25em;
	display: block;
	width: 1em;
	height: 1em;
	background: url(../images/icon/icon_tag.svg) no-repeat center;
	background-size: contain;
	vertical-align: middle;
	margin-right: .5em
}