@charset "utf-8";
/* CSS Document */

.comindexContent {
	padding:0 0 5em 0;
	margin: 1em 0 0 0;
	overflow:hidden;
}
@media screen and (max-width:990px) {
	.comindexContent {
	   padding:0 10px 5em 10px;
	}
}

.comindexSearch {
	position:relative;
	display:block;
	width:100%;
	max-width:1000px;
	padding:10px 98px 10px 10px;
	margin:0 auto;
	background:#f2f2f2;
	box-sizing: border-box;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
}
.comindexSearch .ogbox {	
	display:block;
	padding:1px;
	margin:0 auto;
	background:#fd822a;
	box-sizing: border-box;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.comindexSearch .cistit {
	position:relative;
	float:left;
	width:140px;
	text-align:center;
}
.comindexSearch .cistit span {
	color:#FFF;
	font-size:19px;
	font-weight:bold;
	line-height:38px;
	padding-left:20px;
	margin:0;
	background:url(../images/template/comindexSearch-icon.png) no-repeat 0 50%;
}
.comindexSearch .cistit:after {
    content: "";
    display: block;
    position: absolute;
    right: -5px;
    top: 50%;
    width: 0;
    height: 0;
    margin-top: -5px;
    border-style: solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent #fd822a;
}
.comindexSearch .listBar {	
	float:left;
	width:200px;
	height:38px;
	padding:0 0 0 10px;	
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow:"";
	border:1px solid #fd822a;
}
.comindexSearch .search-query {
	width: 550px;
	height:38px;
	color: #000;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height:38px;
	padding:0 10px;
	background:#FFF;
	border:1px solid #fd822a;
	box-sizing:border-box;
    -webkit-border-radius: 0 2px 2px 0;
       -moz-border-radius: 0 2px 2px 0;
            border-radius: 0 2px 2px 0;
}
.comindexSearch .search-btn {
	position:absolute;
	right:10px;
	top:10px;
	width:78px;
	height:40px;
	color: #FFF;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height:40px;
	text-align:center;
	border:none;
	cursor:pointer;
	background: #666666; /* Old browsers */
	background: -moz-linear-gradient(top, #666666 0%, #666666 50%, #333333 50%, #333333 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #666666 0%,#666666 50%,#333333 50%,#333333 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #666666 0%,#666666 50%,#333333 50%,#333333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.comindexSearch .search-btn:hover {
	border:none;
	background:#333;
}
@media screen and (max-width: 990px) {
	.comindexSearch .ogbox {	
		width:100%;
	}
	.comindexSearch .cistit {
		width:22%;
	}
	.comindexSearch .listBar {
		width:26%;
	}
	.comindexSearch .search-query {
		width:52%;
	}
}
@media screen and (max-width: 680px) {
	.comindexSearch {
		padding:10px;
	}
	.comindexSearch .ogbox {	
		padding:1px 4px 4px 4px;
	}
	.comindexSearch .cistit {
		width:100%;
	}
	.comindexSearch .cistit:after {
		content: "";
		display: block;
		position: absolute;
		right: 50%;
		top: 100%;
		width: 0;
		height: 0;
		margin: 0 -5px 0 0;
		border-style: solid;
		border-width: 5px 5px 0 5px;
		border-color: #fd822a transparent transparent transparent;
	}
	.comindexSearch .listBar {
		width:100%;
	}
	.comindexSearch .search-query {
		width:100%;
	}	
	.comindexSearch .search-btn {
		position:relative;
		right:0;
		top: 0;
		width:100%;
		margin-top:10px;
	}
}

.comindexBanner {
	width:100%;
	margin:3em auto 0 auto;
}
.comindexBanner.cmb2 {
	margin:2em auto 0 auto;
}
.comindexBanner img {
	width:100%;
	height:auto;
}

.comindex-listhead {
	display:inline-block;
	width:100%;
	padding-bottom:8px;
	margin:0 auto;
    border-bottom: 1px solid #a0a0a0;
}
.comindex-listhead.chd2 {
    border-bottom:none;
}
.comindex-listhead h3 {
	float: left;
	margin:0;
}
.comindex-listhead h3 span {
    font-size: 31px;
    font-weight: bold;
    text-transform: uppercase;
}
.comindex-listhead h3 em {
    font-size: 17px;
    font-weight: bold;
	font-style:normal;
    margin-left: 0.5em;
}
.comindex-listhead .readMore {
    float: right;
    color: #eb6100!important;
    position: relative;
    font-weight: bold;
	margin-top:12px;
}

.bookmenu {
	width:100%;
	margin:3em auto 0 auto;
}
.bookmenu ul {
	list-style:none;
	padding:0;
	margin:0;
}
.bookmenu ul li {
	position:relative;
	float:left;
	width:11.11%;
	text-align:center;
	box-sizing:border-box;
}
.bookmenu ul li:hover {
	background-color:#e5f3ff;
}
.bookmenu ul li span {
	display:block;
	width:100%;
	font-size:17px;
	font-weight:bold;
	padding:25px 0;
	box-sizing:border-box;
	border:1px solid #DDD;
	border-left:none;
}
.bookmenu ul li:first-child span {
    border-left: 1px solid #DDD;
}
.bookmenu ul li span i {
	display:inline-block;
	font-style:normal;
	padding-top:45px;
}
.bookmenu ul li span.bm1 i {
	background:url(../images/template/bookmenu-icon1.png) no-repeat 50% 0;
}
.bookmenu ul li span.bm2 i {
	background:url(../images/template/bookmenu-icon2.png) no-repeat 50% 0;
}
.bookmenu ul li span.bm3 i {
	background:url(../images/template/bookmenu-icon3.png) no-repeat 50% 0;
}
.bookmenu ul li span.bm4 i {
	background:url(../images/template/bookmenu-icon4.png) no-repeat 50% 0;
}
.bookmenu ul li span.bm5 i {
	background:url(../images/template/bookmenu-icon5.png) no-repeat 50% 0;
}
.bookmenu ul li span.bm6 i {
	background:url(../images/template/bookmenu-icon6.png) no-repeat 50% 0;
}
.bookmenu ul li span.bm7 i {
	background:url(../images/template/bookmenu-icon7.png) no-repeat 50% 0;
}
.bookmenu ul li span.bm8 i {
	background:url(../images/template/bookmenu-icon8.png) no-repeat 50% 0;
}
.bookmenu ul li span.bm9 i {
	background:url(../images/template/bookmenu-icon9.png) no-repeat 50% 0;
}
.bookmenu ul li a {
	display: block;
	color:#000;
}
.bookmenu ul li a:hover {
	color:#1b85e5;
}
.bookmenu ul li a:hover span {
	border-color:#1b85e5;
}
.bookmenu ul li a:hover span:before {
	content: "";
	display: block;
	position: absolute;
	top:0;
	left:-1px;
	width:100%;
	height:100%;
	border-left:1px solid #1b85e5;
}
.bookmenu ul li:first-child a:hover span:before {
	left:0;
}
.bookmenu ul li a:hover span.bm1 i {
	background-image:url(../images/template/bookmenu-icon1-hover.png);
}
.bookmenu ul li a:hover span.bm2 i {
	background-image:url(../images/template/bookmenu-icon2-hover.png);
}
.bookmenu ul li a:hover span.bm3 i {
	background-image:url(../images/template/bookmenu-icon3-hover.png);
}
.bookmenu ul li a:hover span.bm4 i {
	background-image:url(../images/template/bookmenu-icon4-hover.png);
}
.bookmenu ul li a:hover span.bm5 i {
	background-image:url(../images/template/bookmenu-icon5-hover.png);
}
.bookmenu ul li a:hover span.bm6 i {
	background-image:url(../images/template/bookmenu-icon6-hover.png);
}
.bookmenu ul li a:hover span.bm7 i {
	background-image:url(../images/template/bookmenu-icon7-hover.png);
}
.bookmenu ul li a:hover span.bm8 i {
	background-image:url(../images/template/bookmenu-icon8-hover.png);
}
.bookmenu ul li a:hover span.bm9 i {
	background-image:url(../images/template/bookmenu-icon9-hover.png);
}
@media screen and (max-width: 990px) {
	.bookmenu ul li {
		width:33.33%;		
	}
	.bookmenu ul li span {
		padding: 0;
		border:1px solid #DDD;
		border-left:none;		
	}
	.bookmenu ul li:first-child span {
		border-left: 1px solid #DDD;
	}
	.bookmenu ul li:nth-of-type(4) span,
	.bookmenu ul li:nth-of-type(5) span,
	.bookmenu ul li:nth-of-type(6) span,
	.bookmenu ul li:nth-of-type(7) span,
	.bookmenu ul li:nth-of-type(8) span,
	.bookmenu ul li:nth-of-type(9) span {
		border-top:none;
	}
	.bookmenu ul li:nth-of-type(3n+1) span {
		border-left: 1px solid #DDD;
	}
	.bookmenu ul li span.bm1 i,
	.bookmenu ul li span.bm2 i,
	.bookmenu ul li span.bm3 i,
	.bookmenu ul li span.bm4 i,
	.bookmenu ul li span.bm5 i,
	.bookmenu ul li span.bm6 i,
	.bookmenu ul li span.bm7 i,
	.bookmenu ul li span.bm8 i,
	.bookmenu ul li span.bm9 i {
		background-size:auto 30px;
	}
	.bookmenu ul li:nth-of-type(3n+1) a:hover span:before {
		left:0;
	}
	.bookmenu ul li:nth-of-type(4) a:hover span:before,
	.bookmenu ul li:nth-of-type(5) a:hover span:before,
	.bookmenu ul li:nth-of-type(6) a:hover span:before,
	.bookmenu ul li:nth-of-type(7) a:hover span:before,
	.bookmenu ul li:nth-of-type(8) a:hover span:before,
	.bookmenu ul li:nth-of-type(9) a:hover span:before {
		top:-1px;
		border-top: 1px solid #1b85e5;
	}
}
@media screen and (min-width: 421px) and (max-width: 990px) {
	.bookmenu ul li span i {
		padding:15px 0 15px 40px;
	}
	.bookmenu ul li span.bm1 i,
	.bookmenu ul li span.bm2 i,
	.bookmenu ul li span.bm3 i,
	.bookmenu ul li span.bm4 i,
	.bookmenu ul li span.bm5 i,
	.bookmenu ul li span.bm6 i,
	.bookmenu ul li span.bm7 i,
	.bookmenu ul li span.bm8 i,
	.bookmenu ul li span.bm9 i {
		background-position:0 50%;
	}
}
@media screen and (max-width: 420px) {
	.bookmenu ul li span {
		font-size:16px;	
		padding:15px 0;	
	}
	.bookmenu ul li span i {
		padding-top:35px;
	}
}


.bookList {
	width:100%;
	margin:3em auto 0 auto;
}
.bookList .selfbox {
	margin:0 -1em;
}
.bookList .selfbox .box {
	float:left;
	width:50%;
	padding:0 1em;
	box-sizing:border-box;
}
.bookList ul {
	list-style:none;
	padding:0;
	margin:0 -12px;
}
.bookList ul li {
	position:relative;
	display:inline-block;
	text-align:center;
	padding:0 12px;
	box-sizing:border-box;
	margin-top:20px;
	vertical-align:top;
}
.bookList .selfbox ul li {
	width:33.33%;
}
.bookList .fullbox ul li {
	width:16.66%;
}
.bookList .book {
	width:100%;
	margin:0 auto;
}
.bookList .book .cover {
	position:relative;
	display:block;
	width:115px;
	height:162px;
	border:1px solid #e5e5e5;
	padding-right:5px;	
	margin:0 auto;
}
.bookList .book .cover:before {
	content: "";
	display: block;
	position: absolute;
	right:2px;
	top:0;
	width:1px;
	height:100%;
	background:#e5e5e5;
}
.bookList .book .cover:after {
	content: "";
	display: block;
	position: absolute;
	right:4px;
	top:0;
	width:1px;
	height:100%;
	background:#e5e5e5;
}
.bookList .book .cover img {
	float:left;
	width:100%;
	height:100%;
}
.bookList .book .cover span {
	position: absolute;
	display: flex;
	width:38px;
	height:38px;
	color:#FFF;	
	border:2px solid #FFF;
	background:#fd822a;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;	
	-webkit-align-items: center;
			align-items: center;
	-webkit-justify-content: center;
			justify-content: center;
	flex-flow: column wrap;
	z-index:5;
}
.bookList .book .cover span.tgNew {
	right:-10px;
	top:-10px;
}
.bookList .book .cover span.tgTop {
	left:-10px;
	top:-10px;
}
.bookList .book .cover span i {
	font-style:normal;
	text-align:center;
	font-size:12px;
	line-height:100%;
	-webkit-font-size: 10px;
	-webkit-transform: scale(0.85) ;
}
.bookList .book .cover span strong {	
	font-size:15px;
	line-height:100%;
	margin-top:-2px;
}
.bookList .wd {
	width:100%;	
	text-align:center;
	margin:0 auto;
}
.bookList .wd h4 {
	min-height:60px;
	color:#000;
	font-size:15px;	
	line-height: 135%;
	margin:5px auto;
}
.bookList a:hover .wd h4 {	
	color:#1b85e5;
}
.bookList .wd p {
	color:#fd822a;
	font-size:14px;
	margin:0 auto;
}
.bookList .wd p span {
	font-size:13px;
	padding:1px 5px;
	border:1px solid #fd822a;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
	margin-right:5px;
}
@media screen and (max-width: 990px) {
	.bookList ul {
		margin-top:15px;
	}
	.bookList ul li {
		margin:15px 0;
	}
	.bookList .selfbox {
		margin:-20px auto;
	}
	.bookList .selfbox .box {
		width:100%;
		padding:0;
		margin:20px auto;
	}
	.bookList .fullbox ul li {
		width:33.33%;
	}
	.bookList .wd h4 {
		min-height:45px;
	}
}
@media screen and (max-width: 700px) {
	.bookList .wd h4 {
		min-height:60px;
	}
}
@media screen and (max-width: 500px) {
	.bookList ul {
		margin:15px 0 0 0;
	}
	.bookList .selfbox ul li,
	.bookList .fullbox ul li {
		position:relative;
		width:100%;
		min-height:120px;
		padding:0 0 0 110px;		
	}
	.bookList .book {
		position:absolute;
		left:0;
		width:100px;
	}
	.bookList .book .cover {
		width:85px;
		height:120px;
	}
	.bookList .wd {
		display:block;
		text-align:left;
	}
	.bookList .wd h4 {	
		font-size:17px;
		min-height:inherit;
	}
	.bookList .wd p {
		font-size:15px;
	}
}


.eventList {
	width:100%;
	margin:3em auto 0 auto;
}
.eventList ul {
	list-style:none;
	padding:0;
	margin:0 -10px;
}
.eventList.newev ul {
	margin-top:-20px;
}
.eventList ul li {
	position:relative;
	display:inline-block;
	width:33.33%;
	padding:0 10px;
	box-sizing:border-box;
	margin:25px 0 0 0;
	vertical-align:top;
}
.eventList .pic {
	position:relative;
	float:left;
	width:100%;
	margin:0 auto;
}
.eventList .pic img {
	float:left;
	width:100%;
	height:100%;
}
.eventList .pic .tgFree {
	position: absolute;
	right:8px;
	top:-10px;
	display: flex;
	width:70px;
	height:70px;
	color:#FFF;	
	border:2px solid #FFF;
	background:#fd822a;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;	
	-webkit-align-items: center;
			align-items: center;
	-webkit-justify-content: center;
			justify-content: center;
	flex-flow: column wrap;
	z-index:5;
}
.eventList .pic .tgFree i {
	width:30px;
	font-family: 微軟雅黑, "Microsoft YaHei";
	font-style:normal;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	line-height:120%;
}
.eventList .wd {
	position:relative;
	float:left;
	width:100%;
	padding:15px 10px;
	margin:0 auto;
	background:#f4f4f4;
	box-sizing:border-box;
}
.eventList .wd .tagBox {
	position:absolute;
	left:10px;
	top:-10px;
}
.eventList .wd .tagBox span {
	color:#FFF;
	font-size:14px;
	padding:5px 10px;
	margin-right:5px;
	z-index:5;
}
.eventList .wd .tagBox .tgSign {
	background:#f29100;
}
.eventList .wd .tagBox .tgFull {
	background:#cc0011;
}
.eventList .wd .tagBox .tgIEK {
	background:#0068b7;
}
.eventList .wd .tagBox .tgEnd {
	background:#666666;
}
.eventList .wd .tagBox .tgReady {
	color:#f29100;
	font-weight:bold;
	background:#FFF;
	padding:3px 8px;
	border:2px solid #f29100;	
}
.eventList .wd h4 {	
	color:#000;
	font-size:17px;	
	line-height: 135%;
	text-align:justify;
	margin:0 auto;
}
.eventList.newev .wd h4 {
	margin-top:10px;
}
.eventList .wd a {	
	color:#000;
}
.eventList .wd a:hover {	
	color:#1b85e5;
}
.eventList .wd p {
	color:#666666;
	font-size:13px;
	margin:5px auto 0 auto;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.eventList .wd p span {
	font-size:0;
	float:left;
	display:block;
	width:13px;
	height:13px;
	margin-right:5px;
	margin-top:2px;
}
.eventList .wd p span.eic1 {
	background:url(../images/template/eventList-icon1.png) no-repeat 50% 50%;
}
.eventList .wd p span.eic2 {
	background:url(../images/template/eventList-icon2.png) no-repeat 50% 50%;
}
@media screen and (max-width:990px) {
	.eventList ul li {
		width:50%;
	}
}
@media screen and (max-width:540px) {
	.eventList ul li {
		width:100%;
	}
}


.pptdnList {
	width:100%;
	margin:2em auto 0 auto;
}
.pptdnList .dnbox {
	float:left;
	width:100%;
	padding:20px 0;
	border-bottom:1px dashed #CCC;
}
.pptdnList .pic {
	float:left;
	width:445px;
}
.pptdnList .pic img {
	float:left;
	width:100%;
	height: auto;
}
.pptdnList .wd {
	float:right;
	width:540px;
}
.pptdnList .wd h4 {	
	color:#000;
	font-size:21px;	
	line-height: 125%;
	text-align:justify;
	margin:0 auto;
}
.pptdnList .wd a {	
	color:#000;
}
.pptdnList .wd a:hover {	
	color:#1b85e5;
}
.pptdnList .wd dl {
	position:relative;
	display:block;
	width:100%;
	padding:5px 5px 5px 50px;
	background:#f4f4f4;
	box-sizing:border-box;
	margin:5px 0 0 0;
}
.pptdnList .wd dl:before {
	content: "";
	display: block;
	position: absolute;
	left:5px;
	top:5px;
	width:37px;
	height:37px;
	background:#0068b7 url(../images/template/pptdnList-icon.png) no-repeat 50% 50%;
}
.pptdnList .wd dl dt {
	color:#000;
	font-size:15px;
}
.pptdnList .wd dl dd {
	color:#999;
	font-size:13px;
}
.pptdnList .wd dl dd span {
	padding-left:15px;
	background:url(../images/template/pptdnList-icon2.png) no-repeat 0 50%;
}
.pptdnList .wd dl dd a {	
	color:#999;
	margin-right:2px;
}
.pptdnList .wd dl dd a:hover {	
	color:#1b85e5;
}
.pptdnList .wd .tagBox {
	display:block;
	width:100%;
	text-align:left;
	margin:10px 0 10px 0;
}
.pptdnList .wd .tagBox span {
	display:inline-block;
	color:#FFF;
	font-size:12px;
	line-height: 1.7em;
	padding:2px 5px;
	background:#6f6f6f;
	margin-left:5px;
    margin-bottom: 5px;
}
@media screen and (max-width:990px) {
	.pptdnList .pic {
		width:42%;
	}
	.pptdnList .wd {
		width:56%;
	}
}
@media screen and (max-width:540px) {
	.pptdnList .pic {
		width:100%;
	}
	.pptdnList .wd {
		width:100%;
		margin-top:10px;
	}
}


.newsTopview {
	width:100%;
	margin:3em auto 0 auto;
}
.newsTopview .trendBox {
	float:left;
	width:100%;
	max-width:660px;
}
.newsTopview .hotlistBox {
	float:right;
	width:330px;
}
.newsTopview .hotlistBox .listTit {
	float:left;
	width:100%;
	font-size: 18px;
    padding: 12px 15px;
	background: #1b85e5;
	box-sizing:border-box;
    -webkit-border-radius: 3px 3px 0 0;
       -moz-border-radius: 3px 3px 0 0;
            border-radius: 3px 3px 0 0;
}
.newsTopview .hotlistBox .listTit h3 {
	color:#FFF;
	font-size:23px;
	margin:0;
}
.newsTopview .hotlistBox .listBox {
	float:left;
	width:100%;
    padding: 5px 15px 25px 15px;
	background: #f4f4f4;
	box-sizing:border-box;
}
.newsTopview .hotlistBox .listBox ul {
	list-style:none;
	padding:0;
	margin:0 auto;
}
.newsTopview .hotlistBox .listBox ul li {
	position:relative;
	min-height:70px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding:15px 0;
	box-sizing:border-box;
	border-bottom:1px dotted #CCC;
}
.newsTopview .hotlistBox .listBox h4 {	
	color:#000;
	font-size:16px;
	font-weight:normal;
	line-height: 125%;
	text-align:justify;
	padding-left:45px;
	margin:0;
	box-sizing:border-box;
}

.newsTopview .hotlistBox .listBox a {	
	color:#000;
}
.newsTopview .hotlistBox .listBox a:hover {	
	color:#1b85e5;
}
.newsTopview .hotlistBox .listBox .tgTop {	
	position: absolute;
	left:0;
	top:15px;
	display: flex;
	width:38px;
	height:38px;
	color:#fd822a;	
	border:2px solid #fd822a;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;	
	-webkit-align-items: center;
			align-items: center;
	-webkit-justify-content: center;
			justify-content: center;
	flex-flow: column wrap;
	z-index:5;
}
.newsTopview .hotlistBox .listBox .tgTop i {
	font-size:12px;
	line-height:100%;
	font-style:normal;
	font-weight:bold;
	text-align:center;
}
.newsTopview .hotlistBox .listBox .tgTop strong {	
	font-size:21px;
	line-height:100%;
	margin-top:-2px;
}
@media screen and (max-width:990px) {
	.newsTopview .trendBox {
		float:none;
		margin:0 auto;
	}
	.newsTopview .hotlistBox {
		width:100%;
	}
}


.newsidList {
	width:100%;
	margin:3em auto 0 auto;
}
.newsidList > ul {
	list-style:none;
	padding:0;
	margin:0 -10px;
	margin-top:-20px;
}
.newsidList > ul > li {
	position:relative;
	display:inline-block;
	width:25%;
	padding:0 10px;
	box-sizing:border-box;
	margin:20px 0 0 0;
	vertical-align:top;
}
.newsidList .pic {
	position:relative;
	float:left;
	width:100%;
	margin:0 auto;
}
.newsidList .pic img {
	float:left;
	width:100%;
	height:auto;
}
.newsidList .pic .listTit {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:7px;
	margin:0 auto;
	box-sizing:border-box;
	background: rgba(27,133,229,.9);
}
.newsidList .pic .listTit h4 {
	float:left;
	color:#fff;
	font-size:17px;
	line-height:100%;
	margin:0;
}
.newsidList .pic .listTit .readMore {
    float: right;
    color: #7ecef4!important;
	font-size:12px;
	line-height:100%;
	-webkit-font-size: 11px;
	-webkit-transform: scale(0.92) ;
	margin-top:3px;
}
.newsidList .pic .listTit .readMore:hover {
    color: #FFF!important;
}
.newsidList > ul > li ul {	
	float:left;
	width:100%;
	list-style:none;
	padding:0;
	margin:0;
}
.newsidList > ul > li li {	
	color:#000;
	font-size:15px;
	padding:10px 0 10px 18px;
	background:url(../images/template/newsidList-icon.png) no-repeat 0 14px;
	border-bottom:1px dotted #CCC;
}
.newsidList > ul > li li:last-child {	
	border-bottom:none;
}
.newsidList > ul > li li a {	
	color:#000;
}
.newsidList > ul > li li a:hover {	
	color:#1b85e5;
}
@media screen and (max-width:990px) {
	.newsidList > ul > li {
		width:33.33%;
	}
}
@media screen and (max-width:768px) {
	.newsidList > ul > li {
		width:50%;
	}
}
@media screen and (max-width:440px) {
	.newsidList > ul > li {
		width:100%;
	}
	.newsidList .pic {
		display: flex;
		height:120px;
		padding-bottom:30px;
		flex-direction: column;
		justify-content: center;
		overflow:hidden;
	}	
}


.monthlyPreface {
	width:100%;
	padding:23px;
	margin:0 auto;
	background:url(../images/template/monthlyPreface-bg.png);	
}
.monthlyPreface .tit {
	position:relative;
	width:100%;
	text-align:center;
	padding:0 40px;
	margin:0 auto -10px auto;
	box-sizing:border-box;
	background:#FFF;
}
.monthlyPreface .tit h3 {
	position:relative;
	top:-23px;
	display:inline-block;
	color:#0068b7;
	font-size:25px;	
	padding:0 20px;
	margin:0 auto;
	z-index:2;
}
.monthlyPreface .tit h3:before {
	content: "";
	display: block;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:25px;
	background:#FFF;
	z-index:-1;
}
.monthlyPreface .wd {
	top:-23px;
	width:100%;
	color:#000;
	font-size:15px;
	line-height:160%;
	text-align:justify;
	padding:15px 20px;
	box-sizing:border-box;
	background:#FFF url(../images/template/monthlyPreface-bg2.jpg) no-repeat right bottom;
	margin:0 auto;
}
.monthlyPreface .wd p:first-child {
	margin-top:0;
}
@media screen and (max-width:990px) {
	.monthlyPreface {
		padding:20px;
	}
	.monthlyPreface .tit h3 {
		top:-20px;
	}
	.monthlyPreface .wd {
		top:-20px;
		background-size:130% auto;
	}
}
@media screen and (max-width:440px) {
	.monthlyPreface .tit {
		padding:0 20px;
	}
}


.monthlyNew {
	width:100%;
	margin:3em auto 0 auto;	
}
.monthlyNew .newbox {
	float:left;
	width:100%;
	background:#f4f4f4;	
}
.monthlyNew .pic {
	position:relative;
	float:left;
	width:360px;
	margin:0 auto;
}
.monthlyNew .pic img {
	float:left;
	width:100%;
	height:auto;
}
.monthlyNew .wd {
	float:left;
	width:640px;
	padding:30px;
	box-sizing:border-box;
	margin:0 auto;
}
.monthlyNew .wd .top h3 {
	display:inline-block;
	color:#fd822a;
	font-size:33px;
	margin:0;
}
.monthlyNew .wd .top span {
	display:inline-block;
	color:#FFF;
	font-size:19px;
	padding:4px 10px;
	background:#fd822a;
	vertical-align:top;
	margin-left:10px;
}
.monthlyNew .wd h4 {
	color:#fd822a;
	font-size:25px;
	line-height:130%;
	margin:10px 0;
}
.monthlyNew .wd a {	
	color:#000;
}
.monthlyNew .wd a:hover {	
	color:#1b85e5;
}
.monthlyNew .wd p {
	color:#666;
	font-size:13px;
	line-height:160%;
	text-align:justify;
	margin:0;
}
@media screen and (max-width:990px) {
	.monthlyNew .pic {
		width:35%;
		padding:20px 0 20px 20px;
	}
	.monthlyNew .wd {
		width:65%;
		padding:20px;
	}
}
@media screen and (max-width:480px) {
	.monthlyNew .pic {
		width:100%;
		padding:0;
	}
	.monthlyNew .wd {
		width:100%;
	}
}


.monthlyReview {
	width:100%;
	margin:3em auto 0 auto;	
}
.monthlyReview ul {
	list-style:none;
	padding:0;
	margin:0;
}
.monthlyReview ul li {
	float:left;
	width:100%;
	padding:15px 0;
	margin:0 auto;
	border-bottom:1px dotted #CCC;
}
.monthlyReview .pic {
	position:relative;
	float:left;
	width:210px;
	margin:0 auto;
}
.monthlyReview .pic img {
	float:left;
	width:100%;
	height:auto;
}
.monthlyReview .wd {
	float:right;
	width:770px;
	box-sizing:border-box;
	margin:0 auto;
}
.monthlyReview .wd .top {
	margin-top:10px;
}
.monthlyReview .wd .top span {
	display:inline-block;
	color:#FFF;
	font-size:15px;
	padding:3px 10px;
	background:#1b85e5;
	vertical-align:top;
}
.monthlyReview .wd h4 {
	color:#fd822a;
	font-size:19px;
	line-height:130%;
	margin:7px 0;
}
.monthlyReview .wd a {	
	color:#000;
}
.monthlyReview .wd a:hover {	
	color:#1b85e5;
}
.monthlyReview .wd p {
	color:#666;
	font-size:13px;
	line-height:160%;
	text-align:justify;
	margin:0;
}
@media screen and (max-width:990px) {
	.monthlyReview .pic {
		width:35%;
	}
	.monthlyReview .wd {
		width:65%;
		padding-left:20px;
	}
	.monthlyReview .wd .top {
		margin-top:0;
	}
}
@media screen and (max-width:480px) {
	.monthlyReview .pic {
		width:100%;
	}
	.monthlyReview .wd {
		width:100%;
		padding:20px 0 0 0;
	}
}


.monthlyHistory {
	width:100%;
	margin:3em auto 0 auto;	
}
.monthlyHistory ul {
	list-style:none;
	padding:0;
	margin:0;
}
.monthlyHistory ul li {
	position:relative;
	float:left;
	width:100%;
	padding:15px 0;
	margin:0 auto;
	border-bottom:1px dotted #CCC;
}
.monthlyHistory ul li span {
	position:absolute;
	left:0;
	top:15px;
	display:inline-block;
	color:#1b85e5;
	font-size:13px;
	padding:3px 10px;
	border:1px solid #1b85e5;
}
.monthlyHistory ul li h4 {
	color:#fd822a;
	font-size:17px;
	line-height:130%;
	padding:0 0 0 100px;
	margin:0;
	box-sizing:border-box;
}
.monthlyHistory ul li a {	
	color:#000;
}
.monthlyHistory ul li a:hover {	
	color:#1b85e5;
}