/* Global */
.jwplayer {
	display: block !important;
	clear: both !important
}

.entry embed {
	max-width: 560px !important;
	max-height: 585px;
	display: block;
	width: 560px;
	height: 350px;
}

* {
	margin: 0;
	padding: 0
}

body {
	width: 1242px;
	margin: 0 auto;
	background: #fff;
	color: #555;
	padding: 0;
	position: relative
}

body,
select,
input,
textarea {
	font-family: SimSun, Arial, Verdana, Sans-Serif;
	font-size: 12px
}

p {
	margin-top: 15px
}

a {
	color: #2583AD;
	text-decoration: underline;
	outline: none
}

a:hover {
	color: #D54E21;
	text-decoration: underline
}

small {
	font-size: 15px;
	padding: 3px 6px 12px;
	overflow: hidden;
	white-space: nowrap
}

small,
small a {
	font-size: 12px;
	color: #888;
	font-weight: normal
}

img,
img a {
	border: 0
}

.fl {
	float: left
}

.fr {
	float: right
}

.al {
	text-align: left
}

.ar {
	text-align: right
}

.ac {
	text-align: center
}

.avm {
	vertical-align: middle
}

.avt {
	vertical-align: top
}

.clearfloat:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: "."
}

.clearfloat {
	display: inline-block
}

.clearfloat {
	display: block
}

#sitename span,
h1 {
	font-size: 28px;
	font-weight: bold;
	font-family: SimHei, Verdana, Arial
}

h2,
h3 {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	color: #2583AD
}

h4 {
	font-size: 15px;
	margin-bottom: 6px
}

/*	Header */
#mininav {
	width: 100%;
	height: 24px;
	margin: 0 auto;
	background: #f8f8f8;
	color: #888;
	border-bottom: 1px solid #e6e6e6;
	line-height: 24px;
	overflow: hidden;
	white-space: nowrap
}

#mininav a {
	color: #888;
	padding: 0 2px;
	text-decoration: none
}

#mininav a:hover,
#header_r a:hover {
	color: #009900;
	text-decoration: underline
}

#mininav img {
	width: 15px;
	height: 15px;
	vertical-align: sub;
}

#header {
	width: 100%;
	height: 51px;
	margin: 0 auto
}

#logo img {
	width: 110px;
	height: 50px;
	margin-left: 0px
}

#siteinfo {
	height: 50px
}

#sitename {
	height: 30px;
	line-height: 30px;
	text-indent: 15px;
}

#sitename a,
#sitename a:hover {
	color: #2583AD;
	text-decoration: none
}

#sitedesc {
	height: 13px;
	line-height: 13px;
	text-indent: 18px;
	color: #2583AD;
	font-size: 12px;
	padding-top: 1px;
	font-family: Verdana, Arial;
	overflow: hidden;
	white-space: nowrap
}

#header_r {
	width: 122px;
	margin-top: 1px;
	float: right;
	line-height: 25px;
	color: #888
}

#header_r a {
	color: #009900;
	padding: 0 2px;
	text-decoration: none
}

#header_rbanner {
	float: right;
}

/* Navbar */
.nav {
	width: 100%;
	height: 26px;
	margin: 0 auto;
	background: #E4F2FD;
	border-top: 1px solid #2583AD;
	font-size: 14px;
	line-height: 26px;
	white-space: nowrap;
	overflow: hidden;
}

.nav a,
.nav a:hover {
	display: block;
	text-decoration: none
}

.nav a {
	display: block;
	font-weight: bold;
	color: #2583AD;
	letter-spacing: 0.001px;
	padding: 0px 5px
}

.nav a:hover,
.on,
.on a,
.current-cat a,
.current_page_item a {
	color: #D54E21
}

.nav li {
	float: left;
	list-style: none
}

.nav a:hover {
	display: block;
	text-decoration: none
}

.breadcrumb {
	width: 100%;
	margin: 0 auto;
}

#menu-main_menu {
	width: 100%;
	height: 26px;
	margin: 0 auto;
	background: #E4F2FD;
	border-top: 1px solid #2583AD;
	font-size: 14px;
	line-height: 26px;
	white-space: nowrap;
	overflow: hidden
}

#menu-main_menu li {
	float: left;
	list-style: none;
}

#menu-main_menu a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #2583AD;
	letter-spacing: 0.001px;
	padding: 0px 3px
}

#menu-main_menu a:hover,
.on,
.on a,
.current-menu-item a,
.current_page_item a {
	color: #D54E21
}

#menu-main_menu .current-menu-item a {
	color: #D54E21
}

#menu-main_menu li ul {
	line-height: 27px;
	list-style-type: none;
	text-align: left;
	left: -999em;
	width: 90px;
	position: absolute;
}

#menu-main_menu li ul li {
	float: left;
	width: 90px;
	background: #eff6fe;
}

#menu-main_menu li ul li ul li {
	float: left;
	width: 100px;
	background: #eff6ee;
}

#menu-main_menu li ul a {
	display: block;
	width: 90px;
	text-align: left;
	padding-left: 15px;
}

#menu-main_menu li ul a:link {
	color: #4b978d;
	text-decoration: none;
	font-weight: normal;
}

#menu-main_menu li ul a:visited {
	color: #4b978d;
	text-decoration: none;
	font-weight: normal;
}

#menu-main_menu li ul a:hover {
	color: #D54E21;
	text-decoration: none;
	font-weight: normal;
}

#menu-main_menu li:hover>ul {
	left: auto;
}

#menu-main_menu li.sfhover>ul {
	left: auto;
}

#menu-main_menu li ul li:hover>ul {
	left: 30px;
	position: relative;
}

#menu-main_menu li ul li.sfhover>ul {
	left: 30px;
	position: relative;
}


/* Page Content */

#page {
	width: 100%;
	margin-bottom: 10px;
    display: inline-flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: flex-start;
}

.page::after {
	content: "";
	flex: auto;
}

#center {
	width: 913px;
	top: 3px;
    height: auto !important;
    position: -webkit-sticky;
    position: sticky;
    flex: auto;
}

#center2 {
	width: 613px;
	min-height: 700px;
	height: auto !important;
	height: 700px;
	overflow: visible;
	margin: 0px 222px 0px 120px;
	padding: 0 12px;
	border-left: 1px solid #e6e6e6
}

#left {
	width: 160px;
	float: left;
	background-color: #EFF6FE;
}

#left-ads {
	float: left;
	margin-bottom: 5px;
}

#left1 {
	float: left;
	width: 71px;
}

#left2 {
	float: right;
	width: 88px;
	border-left: 1px solid #e6e6e6;
}

#left2 h2 {
	font-weight: 900 !important;
	background-color: #FF1493 !important;
}

#left0-left {
	float: left;
	width: 71px;
}

#left0-right {
	float: right;
	width: 88px;
}

#left3 {
	max-width: 160px;
	float: left;
	margin-bottom: 10px;
}

#left3 img {
	max-width: 160px;
}

#left4 {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	clear: both;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	height: 1200px;
}

#right {
	font-size:15px;
	width: 356px;
    position: -webkit-sticky;
    position: sticky;
    top: 3px;
    flex: auto;
}
#right iframe{width:100%;}
#right h2,#right h3,#right h4{line-height:28px;font-size:14px;font-weight:bold;color:#fff;letter-spacing:1px;background-color:#12A3EB}

#right .box{width:99%;height:250px;padding:10px;border:1px solid #e6e6e6;margin-bottom:20px}

#right .list{border:0px solid #e6e6e6;margin-bottom:10px;padding:0 0 0 0px;}
#right ul,#right ol{padding-top:5px;background-color:#EFF6FE;}
#right li{
	list-style:disc;
    color: #12a3eb;
    margin-left: 15px;
    margin-bottom: 10px;
    padding-left: 0;
    list-style-position: outside;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    line-height: 1.5;
}

#left h2,
#left h3,
#left h4 {
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 1px;
	padding-left: 1px;
	background-color: #12A3EB
}

#left ul {
	padding: 5px 10px 5px 1px;
	background-color: #EFF6FE;
}

#left li {
	list-style: none;
	width: 99%;
	overflow: hidden;
	white-space: nowrap;
	line-height: 22px
}

.pagelist li.current_page_item a,
.pagelist LI a:hover {
	color: #D54E21
}

#searchform {
	width: 100px;
	padding: 0px 10px 20px 1px
}

.input {
	width: 90px;
	height: 16px;
	margin-bottom: 6px;
	color: #2583AD;
	font-weight: bold;
	padding: 3px 3px 0 3px;
	background: #E4F2FD;
	border: 1px solid #2583AD;
}

.button {
	height: 22px;
	margin: 0px;
	color: #555;
	font-weight: bold;
	padding: 1px;
	background: #e6e6e6;
	border-left: 1px solid #f8f8f8;
	border-top: 1px solid #f8f8f8;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

.boxTitle {
	background-color: #E1EFFA;
	border-left: 1px solid #FFFFFF;
	color: #DD0000;
	font-size: 14px;
	font-weight: bold;
	line-height: 26px;
	margin-bottom: 5px;
	padding: 5px 0 5px 5px;
	text-align: justify;
}

.banner {
	height: auto;
	margin-bottom: 12px
}

/* Archive */
.pagetitle {
	text-align: center;
	margin-bottom: 10px;
	font-size: 1.5em;
	font-weight: 900;
	color: #12A3EB;
	letter-spacing: 1px
}

.postlist {
	height: 115px;
	overflow: hidden;
	border: 1px solid #e6e6e6;
	margin-top: 12px;
	OVERFLOW: hidden;
	background: #EFF6FE;
}

.postlist h4 {
	white-space: nowrap;
	overflow: hidden;
	font-size: 15px;
	font-weight: bold;
	color: #2583AD;
	letter-spacing: 1px;
	background: #E4F2FD;
	margin: 4px;
	padding: 5px 7px;
	position: relative
}

.postlist h4 a {
	color: #12A3EB;
	text-decoration: none
}

.postlist h4 span a {
	margin-left: 20px;
	color: #12A3EB;
	text-decoration: none
}

.postlist div {
	padding: 0px 10px;
	overflow: hidden
}

.postlist div.postcontent {
	height: 55px;
	line-height: 19px;
}

.postlist div.postcontent p {
	MARGIN: 0;
	line-height: 19px;
	padding: 0px
}

.postlist div.postmeat {
	margin-top: 3px;
	height: 24px;
	line-height: 24px;
	color: #888;
	white-space: nowrap
}

.postlist div.postmeat a {
	color: #888
}

.postlist img {
	margin: 0 0 0 5px;
	float: left;
	width: 115px;
	height: 77px;
}

.banner-ads {
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	border: 1px solid #e6e6e6;
	margin-top: 12px;
	background: #EFF6FE;
}

.banner-ads div {
	margin: 0 auto;
	text-align: center;
}

.banner-ads img {
	width: 99%;
}

#index-banner-ads1 {
	width: 100%;
	text-align: center;
	margin-bottom: 5px;
	overflow: hidden;
}

#index-banner-ads2 {
	width: 100%;
	text-align: center;
	margin: 10px 0 5px 0;
	overflow: hidden;
}

.index-banner-ads {
	width: 100%;
	overflow: hidden;
}

.index-banner-ads img {
	width: 100%;
}

.index-cat-ads {
	margin: 10px 0;
}

#adroid-blank-line {
	display: none;
	width: 0;
	height: 0;
}

.navigation {
	padding: 15px 3px
}

.navigation a {
	display: block;
	padding: 5px 15px;
	margin: 0 10px;
	text-decoration: none;
	color: #2583AD;
	background-color: #E4F2FD
}

/* Post */
.post {
	padding: 1px 12px 5px 12px;
	border: 1px solid #e6e6e6;
	overflow: hidden;
	background: #EFF6FE;
}

.post h2 {
	color: #12A3EB;
	font-size: 20px;
	text-align: center;
	line-height: 22px;
	letter-spacing: 0px;
	border-bottom: 1px solid #e6e6e6;
	POSITION: relative;
	margin-bottom: 2px;
	padding: 2px 0;
	font-weight: 900;
}

.post img {
	margin: 5px 0
}

.post div.postmeat {
	color: #888
}

.post div.postmeat a {
	color: #888
}

.entry {
	position: relative;
	padding-bottom: 12px;
	font-size: 16px;
}

.entry a {
	padding: 0px 0px;
}

.entry a:hover {
	color: #009900;
}

.entry h3,
.entry h4,
.entry h5 {
	margin-top: 15px;
	text-indent: 2em;
	font-size: 18px;
}

.entry p {
	line-height: 200%;
	text-indent: 2em
}

.entry blockquote {
	padding-left: 2em;
	margin: 8px 0 8px 15px;
	text-indent: none
}

.entry ul {
	padding-left: 2em;
	margin: 8px 0 8px 15px
}

.entry li {
	line-height: 24px;
	list-style: disc;
}

.postfooter {
	border-top: 1px solid #e6e6e6
}

.postfooter div {
	width: 728px;
	color: #888;
}

.postfooter div a {
	color: #2583AD
}

.postfooter div.ads_left_336x280 {
	float: left;
	WIDTH: 336px;
	MARGIN: 0px 0 0 0px
}

.postfooter div.ads_right_336x280 {
	float: right;
	WIDTH: 336px;
	MARGIN: 0px 0 0 0px
}

.postfooter #likeus {
	border-top: 1px solid #e6e6e6;
	width: 728px;
	margin: 5px 0px 2px 0px;
	padding: 2px 0 0 0;
	color: #FF1493;
}

/* Comments */
h3#comments,
h3#respond {
	border-top: 1px solid #e6e6e6;
	padding-top: 10px;
	margin: 10px 0
}

.commentlist {
	color: #666
}

.commentlist a {
	color: #73AA00
}

.commentlist p,
.commentlist small {
	padding: 0px;
	margin: 0;
	line-height: 20px
}

.commentlist li {
	background: #f9f9f9;
	padding: 6px 10px;
	margin-bottom: 6px;
	line-height: 20px;
	margin-left: 25px
}

/* Form Elements */
#commentform input {
	width: 170px;
	margin: 5px 5px 1px 0
}

#commentform textarea {
	width: 100%;
	margin-top: 5px
}

#commentform p {
	margin: 8px 0
}

/* Footer*/
#footer {
	width: 980px;
	margin: 0 auto;
	padding: 15px 0;
	color: #666
}

#footer a {
	color: #666;
	text-decoration: none
}

.wp_keywordlink a {
	text-decoration: underline;
}

.wp_keywordlink_affiliate a {
	text-decoration: underline;
	color: #555;
}

.adtxt {
	font: 15px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #D54E21
}

.adtxt a {
	font: 15px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #D54E21
}

/* Navbar on foot */
.foot_nav {
	width: 100%;
	height: 26px;
	margin: 0 auto;
	background: #E4F2FD;
	border-top: 1px solid #2583AD;
	font-size: 14px;
	line-height: 26px;
	white-space: nowrap;
	overflow: hidden;
}

.foot_nav a,
.foot_nav a:hover {
	display: block;
	text-decoration: none
}

.foot_nav a {
	display: block;
	font-weight: bold;
	color: #2583AD;
	letter-spacing: 0.001px;
	padding: 0px 5px
}

.foot_nav a:hover,
.on,
.on a,
.current-cat a,
.current_page_item a {
	color: #D54E21
}

.foot_nav li {
	float: right;
	list-style: none;
	cursor: pointer;
	margin: 0 5px;
}

.foot_nav a:hover {
	display: block;
	text-decoration: none
}

#relpostlist {
	float: none;
	clear: both;
	width: 100%;
	height: 275px;
}

.related_post_tab {
	float: left;
	width: 336px;
}

.related_post_tab ul {
	padding-left: 0;
	margin: 0;
}

.related_post_tab li {
	overflow: hidden;
	white-space: nowrap;
}

#sharethis-banner {
	float: none;
	clear: both;
	width: 100%;
}

#sharethis-banner img {
	display: inline
}

#bnews-tab-single {
	float: right;
	clear: right;
	width: 336px;
}

#bnews-tab-single iframe {
	height: 305px !important;
}

#catweekhot {
	float: right;
	clear: right;
	width: 336px;
	height: 280px;
	margin: 0px 0px 2px 0px;
}

.related_post {
	padding: 0px;
	text-align: justify;
	float: left;
	width: 336px;
	height: 280px;
	margin: 0px 0px 0px 0px;
}

.related_post h3,
#catweekhot h3 {
	margin-top: 0px;
	text-indent: 0em;
	color: #D54E21;
	line-height: 28px !important;
	font-size: 14px !important;
	font-weight: bold;
	letter-spacing: 1px;
	background-color: #eff6fe;
	text-decoration: none
}

.related_post ul,
#catweekhot ul {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.related_post li,
#catweekhot li {
	overflow: hidden;
	white-space: nowrap;
	margin-left: 0px;
	width: 336px;
	line-height: 26px
}

.related_post li a {
	text-decoration: underline !important;
	font-weight: normal !important;
}

#bnews-tab,
#home-bnews-tab {
	margin: 10px 0 0 0;
	clear: both;
}

#home-bnews-tab .mainTabListBlock {
	margin-bottom: 5px !important;
}

figure {
	max-width: 100% !important
}

.entry img,
.entry p img,
.mh-table,
figure img {
	max-width: 560px !important;
	max-height: 585px;
	display: block;
}

.entry img,
.entry p img,
figure img {
	display: block;
}

.entry p iframe {
	margin-left: -2em;
}

.entry p img {
	margin-left: 0;
}

.entry iframe {
	max-width: 100%;
}

.entry p {
	text-align: left;
}

.bn12 {
	font-size: 12px;
	color: #cc3333;
	text-align: center;
	display: block;
	width: 380px;
	line-height: 120%;
}

td .bn12 {
	max-width: 365px;
}

.entry table tbody tr td div img,
div>.bn12 {
	margin: 0 auto !important;
	text-align: center;
}

.arttop p {
	text-indent: 0em;
}

.entry div {
	margin: 0 auto;
}

.entry div img {
	margin: 0 auto;
	text-align: center;
	margin-top: 5px;
}

#divpic1,
.photo,
.arttop,
.rtecenter {
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 13px;
	color: #cc3333;
	text-align: center !important;
}

.photo a,
.arttop a,
.bn12 a,
.rtecenter a {
	color: #cc3333 !important;
}

#divpic1 img,
.photo img,
.arttop img,
.rtecenter img {
	margin: 0 auto;
	text-align: center;
	margin-top: 5px !important;
	margin-bottom: 5px;
}

.photo span {
	display: block;
}

.externallink-1 {
	color: #555;
}

.st_tag {
	color: #555;
}

.st_tag a {
	color: #555;
}

.yarpp-related img {
	width: 0px;
	height: 0px;
}

pre {
	white-space: pre-wrap;
	/* css-3 */
	white-space: -moz-pre-wrap;
	/* 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+ */
	text-indent: 2em;
	margin-top: 10px;
	line-height: 200%;
	background: #E4F2FD;
	color: #222;
}

.wp-polls-ul {
	padding: 0px 0px 0px 5px !important;
	margin: 0 !important;
}

#wp-djdsitepostcontent-media-buttons img {
	width: 15px;
	height: 15px;
	display: inline;
}

#wp-djdsitepostcontent-media-buttons a {
	vertical-align: middle;
}

#hot_topics {
	width: 100%;
	margin: 5px 0px 0px 0px !important;
	font-size: 150%;
	white-space: nowrap;
	overflow: auto;
}

#hot_topics a {
	color: #12A3EB;
	font-weight: 900;
}

#ad-in-post-mid-placeholder {}

#ad-in-post-mid-placeholder-rectangle {
	float: left;
	width: 1px;
	height: 600px;
	margin: 5px 0px 7px 0px;
}

#ad-in-post-auto2 {
	float: right;
	clear: right;
	margin: 5px 0px 7px 5px;
	width: 160px;
	height: 600px;
}

#ad-in-post-auto2-rectangle {
	float: right;
	clear: right;
	margin: 15px 0px 7px 5px;
	width: 336px;
	height: 280px;
}

#ad-in-post-auto1 {
	position: absolute;
	top: 627px;
	left: 0;
	right: 0;
	width: 336px;
	overflow: hidden;
	height: 280px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 10px;
	border-style: solid;
	border-color: #E6E6E6;
	border-width: 1px 0 1px 0;
}

#ad-in-post-auto1-placeholder {
	float: left;
	width: 728px;
	overflow: hidden;
	height: 280px;
	text-align: center;
	margin: 5px 0px 10px 0px;
	border-style: solid;
	border-color: #E6E6E6;
	border-width: 1px 0 1px 0;
}

.post-top-link {
	margin-top: 3px !important;
}

div.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 10px
}

#booklogo {
	height: 28px;
	width: 28px;
	vertical-align: text-bottom;
}

.hotbook_icon {
	vertical-align: text-bottom;
	width: 20px;
	height: 20px;
}

#under-post-banner {
	clear: both;
	width: 738px;
	height: 90px;
	margin: 5px 0px 5px 0px;
}

#underpost_ads {
	width: 729px;
	height: 280px;
	clear: both;
	border: 0px solid #e1ebf4;
	margin: 10px 0px 15px 0px;
}

/* June 1, 2015, left right exchange position */
#underpost_right_ads {
	float: left;
	width: 336px;
	height: 280px;
	margin: 0px 0px 10px 0px;
}

#underpost_left_ads {
	float: right;
	width: 336px;
	height: 280px;
	margin: 0px 0px 10px 0px;
}

#friendlink li {
	font-size: 13px;
	color: #2583AD;
	text-decoration: underline;
}

#friendlink li a {
	font-size: 13px;
}

.entry .youtube {
	width: 558px;
	height: 315px;
}

.entry p .youtube {
	width: 530px;
	height: 315px;
}

#google-related-rrticles {}

#underpost_wechat_share {
	text-align: center;
}

#underpost_wechat_share img {
	height: 30px;
}

#underpost_wechat_share-new {
	display: inline
}

#underpost_wechat_share-new img {
	height: 30px;
}

#posttop_wechat_share {
	font-weight: bold;
}

#posttop_wechat_share a {
	background-color: #78AB00;
	color: white;
}

#home_slider_nav_div {
	background: #E4F2FD;
	margin-bottom: 1px;
	padding-bottom: 3px;
}

.home_slider_nav {
	border: 1px solid #333333;
	margin: 0 5px 0 0;
	padding: 1px 5px 1px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none
}

#respond-link {
	display: inline
}

#respond-wechat {
	text-align: center;
}

#respond-wechat img {
	display: inline;
}

#likelang-option {
	display: inline-block;
	word-wrap: break-word;
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #e6e6e6;
	padding: 0 5px 0 0;
}

#likelang-option input[type="radio"] {
	vertical-align: text-top;
	margin-top: 0;
}

#likelang-option input[type="button"] {
	background-color: #33bdef;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #057fd0;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-size: 12px;
	padding: 0px 16px;
	text-decoration: none;
}

#likelang-option input[type="button"]:hover {
	background-color: #019ad2;
}

#likelang-option input[type="button"]:active {
	position: relative;
	top: 1px;
}

.entry p .jw-videobox {
	margin-left: -2em;
}

.entry .jw-videobox {
	display: block;
	max-width: 560px;
}

.entry .jw-videobox video {
	max-width: 560px;
}

audio {
	display: block;
}

.entry #tabs-24 li {
	line-height: 250%;
	list-style-type: decimal;
}

#activebooks iframe {
	height: 880px !important;
}

@media only screen and (max-width: 1241px) and (min-width: 768px) {}

@media only screen and (max-width: 767px) and (min-width: 480px) {}


@media only screen and (max-width: 479px) {
	body {
		width: 99%;
	}

	.entry p .jw-videobox {
		margin-left: 1px;
	}

	.entry .jw-videobox {
		max-width: 85%;
		text-align: center;
		margin: 0 auto;
	}

	.entry .jw-videobox video {
		max-width: 100%;
	}

	#center {
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0;
	}

	#center2 {
		width: 100%;
	}

	.postfooter div {
		width: 100%;
	}

	#footer {
		width: 100%;
	}

	.entry img,
	.entry p img,
	figure img {
		max-width: 99% !important;
		margin: 0 auto;
		text-align: center;
		max-height: 798px;
	}

	.entry embed {
		max-width: 99% !important;
		margin: 0 auto;
		text-align: center;
		max-height: 798px;
		width: 99%;
		height: 200px;
	}

	.entry p img {
		margin-left: 0;
	}

	.related_post {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	#catweekhot {
		margin-top: 5px;
		float: none;
		clear: both;
		width: 99%;
		height: 285px;
		overflow: hidden;
	}

	#commentform {
		width: 100%;
	}

	iframe {
		width: 98%;
	}

	#right {
		width: 100%;
	}

	#newest {
		width: 100%;
	}

	#newest h2 {
		margin-bottom: 8px;
	}

	#newest li {
		line-height: 25px;
	}

	.col1 {
		width: 100%;
	}

	.col2 {
		width: 100%;
	}

	.catlist {
		width: 99%;
	}

	#d13slideshow {
		width: 100% !important;
		margin-bottom: 0px;
	}

	#d13slideshow .d13slide img {
		width: 100%;
	}

	.post {
		padding: 0;
	}

	.catlist li {
		width: 100%;
	}

	#underpost_ads {
		width: 100%;
	}

	#underpost_left_ads {
		width: 100%;
		float: none;
		margin: 0 auto;
		text-align: center;
		height: auto !important;
		height: 280px;
		min-height: 280px;
	}

	#header_l {
		width: 100%;
		height: 31px;
		overflow: hidden;
	}

	#logo img {
		width: 66px;
		height: 30px;
	}

	#header {
		height: 31px;
	}

	.postlist h4 span,
	#left,
	#header_r,
	#header_rbanner,
	#sitename1,
	#sitedesc,
	#breadcrumb-post-title,
	#underpost_right_ads,
	#downaspdf,
	#breadcrumb-desc {
		display: none;
	}

	.post-top-link,
	#underpost_wechat_share,
	#underpost_wechat_share-new,
	#posttop_wechat_share {
		display: none;
	}

	#ad-in-post-auto1 {
		position: absolute;
		top: 800px;
		width: 100%;
		margin: 0 auto;
		text-align: center;
		height: 280px;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	#ad-in-post-auto1-placeholder {
		float: left;
		width: 100%;
		margin: 0 auto;
		text-align: center;
		height: 280px;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	#ad-in-post-mid-placeholder {
		float: left;
		width: 1px;
		height: 800px;
	}

	#ad-in-post-mid-placeholder-rectangle {
		float: left;
		width: 1px;
		height: 800px;
		margin: 0;
	}

	#ad-in-post-auto2-rectangle {
		width: 100%;
		float: left;
		margin: 0 auto;
		text-align: center;
		height: 100px;
		margin-top: 5px;
		margin-bottom: 5px;
		display: none;
	}

	#ad-in-post-auto2 {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		height: 100px;
		margin-top: 5px;
		margin-bottom: 5px;
		float: none;
		clear: both;
		display: none;
	}

	/* fix andoid browser problem */
	#adroid-blank-line {
		width: 100%;
		height: 280px;
		border-width: 0 0 1px 0;
		border-style: solid;
		border-color: #E6E6E6;
	}

	.wp-pagenavi {
		clear: both;
		overflow: hidden;
	}

	.wp-pagenavi a,
	.wp-pagenavi span {
		text-decoration: none;
		border: 1px solid #BFBFBF;
		padding: 3px 5px;
		margin: 2px;
		overflow: hidden;
		line-height: 200%;
	}

	#menu_container {
		margin-bottom: 0px;
	}

	.breadcrumb {
		margin-top: 9px;
	}

	.breadcrumb span {
		margin-left: 6px;
	}

	.post div.postmeat {
		margin-bottom: 8px;
	}

	#index-banner-ads1 {
		margin-top: 5px;
	}

	.banner-ads {
		margin-top: 16px;
	}

	.archive-auto1,
	.archive-auto2 {
		height: 100px;
	}

	#bnews-tab iframe,
	#home-bnews-tab iframe {
		height: 480px !important;
	}

	#activebooks iframe {
		height: 816px !important;
	}

	#bnews-tab-single {
		float: none;
		clear: both;
		width: 100%;
	}

	#bnews-tab-single iframe {
		height: 480px !important;
	}

	#relpostlist {
		height: auto;
	}

	#under-post-banner {
		width: 100%;
	}

	.related_post_tab {
		float: none;
		width: 100%;
	}

	#right-mobile-none,
	#right {
		display: none;
	}

	.ntd-video {}

	.entry .youtube {
		width: 99%;
		height: auto;
	}

	.entry p .youtube {
		width: 90%;
		height: auto;
	}

	.g-community {
		width: 100%;
	}

	#likelang-option {
		display: none
	}
}

.src_link {
	color: #555
}

.wpcc_current_lang {
	display: none
}

* {
	margin: 0;
	padding: 0
}

body {
	width: 1278px;
	margin: 0 auto;
	background: #eff6fe;
	color: #555;
	padding: 0;
	position: relative
}

body,
input {
	font-family: SimSun, Arial, Verdana, Sans-Serif;
	font-size: 12px
}

a {
	color: #12a3eb;
	text-decoration: underline;
	outline: 0
}

a:hover {
	color: #00a191;
	text-decoration: underline
}

img,
img a {
	border: 0
}

.fl {
	float: left
}

.clearfloat:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: "."
}

.clearfloat {
	display: inline-block
}

.clearfloat {
	display: block
}

#sitename span {
	font-size: 28px;
	font-weight: 700;
	font-family: SimHei, Verdana, Arial
}

#header {
	width: 100%;
	height: 51px;
	margin: 0 auto
}

#header_l {
	width: 555px;
	margin-top: 1px;
	float: left
}

#header_1_2 {
	float: left;
	margin: 0 9px
}

#logo img {
	width: 110px;
	height: 50px;
	margin-left: 0
}

#siteinfo {
	height: 50px
}

#sitename {
	width: 640px;
	height: 30px;
	line-height: 30px;
	text-indent: 10px;
	letter-spacing: 5px
}

#sitename a,
#sitename a:hover {
	color: #00a191;
	text-decoration: none
}

#sitename #wpcc_widget_inner .wpcc_lang {
	font-size: 16px !important;
	letter-spacing: 0 !important;
	text-indent: 0;
	line-height: 16px
}

#sitedesc {
	height: 13px;
	line-height: 13px;
	text-indent: 13px;
	color: #00a191;
	font-size: 12px;
	padding-top: 1px;
	font-family: Verdana, Arial;
	overflow: hidden;
	white-space: nowrap
}

#header_rbanner {
	float: right
}

.nav {
	width: 100%;
	height: 26px;
	margin: 0 auto;
	background: #e4f2fd;
	border-top: 1px solid #12a3eb;
	font-size: 14px;
	line-height: 26px;
	white-space: nowrap;
	overflow: hidden
}

.nav a,
.nav a:hover {
	display: block;
	text-decoration: none
}

.nav a {
	display: block;
	font-weight: 700;
	color: #12a3eb;
	letter-spacing: .001px;
	padding: 0 5px
}

.nav a:hover {
	color: #00a191
}

.nav li {
	float: left;
	list-style: none
}

.nav a:hover {
	display: block;
	text-decoration: none
}

#menu-main_menu {
	width: 100%;
	height: 26px;
	margin: 0 auto;
	background: #e4f2fd;
	border-top: 1px solid #12a3eb;
	font-size: 14px;
	line-height: 26px;
	white-space: nowrap;
	overflow: hidden
}

#menu-main_menu li {
	float: left;
	list-style: none
}

#menu-main_menu a {
	display: block;
	text-decoration: none;
	font-weight: 700;
	color: #12a3eb;
	letter-spacing: .001px;
	padding: 0 3px
}

#menu-main_menu a:hover {
	color: #00a191
}

#menu-main_menu li ul {
	line-height: 27px;
	list-style-type: none;
	text-align: left;
	left: -999em;
	width: 90px;
	position: absolute
}

#menu-main_menu li ul li {
	float: left;
	width: 90px;
	background: #eff6fe
}

#menu-main_menu li ul li ul li {
	float: left;
	width: 100px;
	background: #eff6ee
}

#menu-main_menu li ul a {
	display: block;
	width: 90px;
	text-align: left;
	padding-left: 15px
}

#menu-main_menu li ul a:link {
	color: #4b978d;
	text-decoration: none;
	font-weight: 400
}

#menu-main_menu li ul a:visited {
	color: #4b978d;
	text-decoration: none;
	font-weight: 400
}

#menu-main_menu li ul a:hover {
	text-decoration: none;
	font-weight: 400
}

#menu-main_menu li:hover>ul {
	left: auto
}

#menu-main_menu li ul li:hover>ul {
	left: 30px;
	position: relative
}

.input {
	width: 90px;
	height: 16px;
	margin-bottom: 6px;
	color: #12a3eb;
	font-weight: 700;
	padding: 3px 3px 0 3px;
	background: #e4f2fd;
	border: 1px solid #12a3eb
}

.button {
	height: 22px;
	margin: 0;
	color: #555;
	font-weight: 700;
	padding: 1px;
	background: #e6e6e6;
	border-left: 1px solid #f8f8f8;
	border-top: 1px solid #f8f8f8;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa
}

.banner {
	height: auto;
	margin-bottom: 12px
}

.banner-ads {
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	border: 1px solid #e6e6e6;
	margin-top: 12px;
	background: #eff6fe
}

.banner-ads div {
	margin: 0 auto;
	text-align: center
}

.banner-ads img {
	width: 99%
}

#wpcc_widget_inner {
	display: inline
}

.banner-ads-mobile {
	display: none
}

#head-search-box {
	float: right
}

#head-search-box form {
	float: right
}

#head-search-box form input {
	font-size: 10px;
	line-height: 100%;
	background: #eff6fe;
	color: #12a3eb;
	vertical-align: 3px;
	-webkit-appearance: none;
	border-radius: 0
}

#mobile-menu-button {
	display: none
}

#mobile-menu-button2 {
	display: none
}

.l_name {
	float: none !important;
	margin: 0
}

@media only screen and (max-width:479px) {
	#mobile-menu-button {
		display: block;
		float: right;
		padding-right: 1px
	}

	#mobile-menu-button input {
		height: 30px;
		width: 28px
	}

	#mobile-menu-button2 {
		display: block;
		float: right;
		padding-right: 1px
	}

	#head-search-box,
	#header_l,
	#siteinfo,
	#sitename1 {
		overflow: hidden;
		white-space: nowrap
	}

	#sitename {
		width: 100%;
		margin-left: 5px;
		text-indent: 0;
		letter-spacing: 0
	}

	#head-search-box {
		float: none;
		text-align: center;
		margin: 0 auto;
		width: 185px !important
	}

	#head-search-box form {
		float: none
	}

	#head-search-box input[type=text] {
		width: 108px !important
	}

	.banner-ads-mobile {
		display: block
	}

	body {
		width: 99%
	}

	iframe {
		width: 100%
	}

	#header_l {
		width: 100%;
		height: 31px;
		overflow: hidden
	}

	#logo img {
		width: 66px;
		height: 30px
	}

	#header {
		height: 31px
	}

	#header_rbanner,
	#sitedesc,
	#sitename1 {
		display: none
	}

	#header_1_2 {
		display: none
	}

	.banner-ads {
		margin-top: 16px
	}

	#mobile-menu-button2 {
		margin: 0;
		padding: 0;
		height: 30px;
		color: #fff;
		text-shadow: rgba(0, 0, 0, .3) 1px 1px 1px
	}

	#mobile-menu-button2>ul>li:hover {
		background: #0077b2;
		background: -webkit-gradient(linear, left top, left bottom, from(#0b5c84), to(#0077b2));
		background: -moz-linear-gradient(top, #0b5c84, #0077b2);
		background: linear-gradient(to bottom, #0b5c84, #0077b2)
	}

	#mobile-menu-button2>ul>li {
		background: -webkit-gradient(linear, left top, left bottom, from(#12a2ea), to(#0076b1));
		background: -moz-linear-gradient(top, #12a2ea, #0076b1);
		background: linear-gradient(to bottom, #12a2ea, #0076b1)
	}

	#mobile-menu-button2 {
		z-index: 2;
		transition: opacity .5s ease;
		-moz-transition: opacity .5s ease;
		-webkit-transition: opacity .5s ease
	}

	.nav-block li,
	.nav-block ul {
		list-style-type: none;
		display: block;
		margin: 0;
		padding: 0
	}

	.nav-block>ul,
	.nav-block>ul>li {
		float: right
	}

	.nav-block>ul>li {
		height: 30px
	}

	.nav-block .menu-link {
		background-position: 50% 50%;
		background-repeat: no-repeat;
		display: block;
		width: 38px;
		height: 30px;
		margin: 0;
		padding: 0;
		border-left: solid 1px #fff;
		border-color: rgba(255, 255, 255, .2)
	}

	.nav-block .menu-link.main {
		background-image: url(/styles/art_mobile/theme/images/menu_sprite.png);
		background-size: 125px 16px;
		background-repeat: no-repeat
	}

	.nav-block .menu-link.main {
		background-position: -42px 50%
	}
}