@charset "utf-8";
body {
	padding:0;
	margin:0;
	font-family:"microsoft jhengHei", arial, "apple Ligothic", heiti;
	background: #164498;
}

a img {
	border:none;
}
a {
    transition-duration: 0.5s; 
    -webkit-transition-duration: 0.5s; 
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}


.all {
	display:block;
	width:100%;
	margin:auto;
}
.all a {
	color:#3770c3;
}

.top {
	display:block;
	height:120px;
	/* background:url(../images/top_bg.jpg) center top; */
	background:url(../images/top_bg.jpg) center top no-repeat #FFF8A1;
	padding:65px 0 0 0;
}
.top_in {
	width:100%;
	margin:auto;
	max-width:1100px;
	display:block;
}

a.logo {
	float:left;
	display:block;
	height:120px;
}

.main_menu {
	margin:82px 0 0 0;
	display:inline-block;
	height:auto;
}
ul.main_menu_list {
	display: inline-block;
	list-style:none;
	padding:0;
	margin:0;
	vertical-align:bottom;
	height:34px;
	border:2px solid #06307b;
	border-right:1px solid #06307b;
	border-radius:2px;
	background:url(../images/menu_bg1.png) repeat-x;
}
ul.main_menu_list li {
	float:left;
	border-right:1px solid #103d90;
}
ul.main_menu_list li a {
	display:block;
	padding:0 15px ;
	color:#fff;
	text-decoration:none;
	line-height:34px;
	font-size:15px;
}
ul.logout_menu li a {
    padding: 0 30px;
}
ul.main_menu_list li a:hover {
	background:#54b5ff;
}
ul.main_menu_list li a.this_page {
	background:rgba(0,60,110,0.7);
}
ul.main_menu_list li ul {
	position:absolute;
	list-style:none;
	padding:0;
	margin:0;
	z-index:200;
	background:#06307b;
	background:rgba(0,45,125,0.8);
	display:none;
}
ul.main_menu_list li:hover ul {
	display:block;
}
ul.main_menu_list li ul li {
	display:block;
	float:none;
}

.right_top {
	display:block;
	top:0;
	left:0;
	position: absolute;
	width:100%;	
}
.right_top div {
	width:100%;
	max-width:980px;
	margin:auto;
	display:block;
}
.right_top p {
	float:right;
	display:block;
	padding:5px 10px;
	border-radius:0 0  10px 10px;
	margin:0;
	text-align:center;
	min-width:120px;
	font-size:14px;
	text-shadow:0 1px 0px rgba(0,0,0,0.7);
	background: #376ed4;
background: -moz-linear-gradient(top,  #376ed4 0%, #18479f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#376ed4), color-stop(100%,#18479f));
background: -webkit-linear-gradient(top,  #376ed4 0%,#18479f 100%);
background: -o-linear-gradient(top,  #376ed4 0%,#18479f 100%);
background: -ms-linear-gradient(top,  #376ed4 0%,#18479f 100%);
background: linear-gradient(to bottom,  #376ed4 0%,#18479f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#376ed4', endColorstr='#18479f',GradientType=0 );
}
.right_top span {
	display:block;
	float:left;
	border-right:1px solid #6da1ff;
}
.right_top span+span {
	border-right:0px solid #6da1ff;
	border-left:1px solid #000000;
}
.right_top span.search_input {
	display:none;
	width:110px;
}
.search_input input {
	width:100px;
	border:1px solid #eee;
	font-family:"microsoft jhengHei", arial, "apple Ligothic", heiti;
	height:20px;
	vertical-align:middle;
	padding:0;
	margin:0 -25px 0 3px;
	float:left;
}
.search_input a {
	display:inline-block;
}
.right_top a {
	color:#fff;
	padding:0 5px;
	text-decoration:none;
	display:block;
}
.right_top a img {
	vertical-align:middle;
}

.all_content {
	display:block;
	width:100%;
	padding:30px 0 20px 0;
	min-height:400px;
	background:#fff8a1 url(../images/content_bg.jpg) top center no-repeat;
}
.content_in {
	display:block;
	width:96%;
	padding:0 2%;
	max-width:980px;
	margin:auto;
}


.home_banner {
	display:block;
	padding:0 0 15px 0;
}

.home_banner_in {
	display:block;
	padding:0 0 15px 0;
	background:url(../images/banner_bg.png) no-repeat bottom center;
	background-size: 100% 15px;
}
.video_show .home_banner_in {
	width:65%;
	float:left;
}
.home_video {
	display:inline-block;
	padding:0 0 15px 0;
	margin:0 0 0 2%;
	background:url(../images/banner_bg.png) no-repeat bottom center;
	background-size: 100% 15px;
	float:left;
	width:33%;
}
.home_video iframe , .home_video video {
	display:block;
	width:100%;
	height:208px;
	background:#000;
}


.index_news {
	display:block;
	width:100%;
	padding:0;
	max-width:980px;
	margin:auto;
}
.index_news h1 {
	display:block;
	color:#17469e;
	font-size:24px;
	padding:0;
	margin:0 0 10px 0;
	text-align:center;
	background:url(../images/news_title_bg.png) center no-repeat;
}

.index_news_in {
	display:block;
	width:100%;
	max-width:980px;
	margin:auto;
	height:560px;
	overflow:hidden;
}
.index_news_Column_all {
	display:block;
	width:1500px;
}

.index_news_Column {
	display:block;
	float:left;
	width:270px;
	margin:0 85px 0 0;
}
.index_news_Column a {
	display:block;
	font-size:14px;
	color:#515151;
	text-decoration:none;
	line-height:20px;
	height:265px;
	margin:0 0 15px 0;
}
.index_news_Column a b {
	display:block;
	color:#17469e;
	font-size:16px;
	line-height:25px;
}
.index_news_Column a span {
	width:270px;
	height:202px;
	display:block;
	overflow:hidden;
	text-align:center;
    position: relative;
	background:#fff;
}
.index_news_Column a span.index_news_bg {
	height:20px;
	background:url(../images/index_news_bg.png) no-repeat;
}

.index_news_Column a span img {
	width:270px;
}
.index_news_btn {
	display:block;
	float:right;
	width:80px;
	margin:0 0 0 -80px;
}
.index_news_btn p {
	display:inline-block;
	padding:0;
	margin:0;
	float:left;
	cursor:pointer;
}

.index_calendar {
	width:31%;
	display:block;
	float:left;
}
.index_calendar h1 {
	font-size:24px;
	color:#17469e;
	padding:0;
	margin:0 0 15px 0;
	height:35px;
	line-height:35px;
	background:url(../images/h1_bg.png) no-repeat 85px center;
}
.index_time_table {
	width:28%;
	margin:0 3%;
	display:block;
	float:left;
}
.index_time_table h1 {
	font-size:24px;
	color:#17469e;
	padding:0;
	margin:0 0 15px 0;
	height:35px;
	line-height:35px;
	background:url(../images/h1_bg.png) no-repeat 110px center;
}
.index_time_table ul {
	display:block;
	background:#fff;
	background:rgba(255,255,255,0.6);
	overflow:auto;
	height:280px;
	padding:5px 0 5px 25px;
	list-style:url(../images/ul_list.png);
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}
.index_time_table ul li {
	color:#515151;
	font-size:14px;
	padding:5px 0;
}
.index_time_table ul li b {
	font-size:16px;
	color:#17469e;
	display:block;
}
.index_icon {
	width:35%;
	padding:50px 0 0 0;
	display:block;
	float:left;
	text-align:center;
}
.index_icon span {
	display:block;
	width:102%;
}
.index_icon span img {
	width:33%;
	float:left;
}
.mobile_menu_btn , .mobile_menu_btn2{
	display:none;
}
	
.clear_both {
	width:100%;
	display:block;
	height:0px;
	clear:both;
}

.mobile_menu_bg {
	display:none;
}

.left_content {
	display:block;
	float:left;
	background:#fff;
	padding:0;
	background:#fff;
	min-height:200px;
	width:80%;
	box-shadow:0 0 8px rgba(0,0,0,0.2);
	border-radius:5px 5px 0 0;
}
.left_content h1.title01 {
	display:block;
	color:#fff;
	padding:0 2%;
	margin:0;
	font-weight:normal;
	font-size:24px;
	line-height:50px;
	background:url(../images/menu_bg1.png) top #265dc4 repeat-x;
	background-size:100% 100%;
	border-radius:5px 5px 0 0;	
}
.left_content_in {
	display:block;
	padding:2%;
	font-size:15px;
	color:#333;
	text-align:justify;
	text-justify:inter-ideograph;
	overflow-x:auto;
}
.left_content_in h1, .left_content_in h2, .left_content_in h3, .left_content_in h4 {
	padding:0;
	margin:0;
}
.left_content_in table {
    border-collapse:collapse; 
    border-spacing:0;
	width:auto;
}
.left_content_in table td {
	vertical-align:top;
	padding:3px 5px;
	border:none;
	border-bottom:1px dotted #ddd;
}
.left_content_in ol {
	padding:0 0 0 30px;
	margin:5px 0;
}
.left_content_in ul {
	padding:0 0 0 20px;
	margin:5px 0;
}
.right_menu {
	display:block;
	margin:0 0 0 82%;
	width:18%;
}
.right_menu ul {
	list-style:none;
	padding:0;
	margin:0;
}
.right_menu ul li {
	padding:0;
	margin:0 0 10px 0;
}
.right_menu ul li a {
	display:block;
	border-radius:5px;
	line-height:22px;
	padding:14px 25px;
	font-size:17px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	border:1px solid #17469e;
	background: #2e7cdb;
background: -moz-linear-gradient(top,  #2e7cdb 0%, #17469e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e7cdb), color-stop(100%,#17469e));
background: -webkit-linear-gradient(top,  #2e7cdb 0%,#17469e 100%);
background: -o-linear-gradient(top,  #2e7cdb 0%,#17469e 100%);
background: -ms-linear-gradient(top,  #2e7cdb 0%,#17469e 100%);
background: linear-gradient(to bottom,  #2e7cdb 0%,#17469e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e7cdb', endColorstr='#17469e',GradientType=0 );
}
.right_menu ul li a:hover {background: #87e0fd;
background: -moz-linear-gradient(top,  #87e0fd 0%, #05abe0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(100%,#05abe0));
background: -webkit-linear-gradient(top,  #87e0fd 0%,#05abe0 100%);
background: -o-linear-gradient(top,  #87e0fd 0%,#05abe0 100%);
background: -ms-linear-gradient(top,  #87e0fd 0%,#05abe0 100%);
background: linear-gradient(to bottom,  #87e0fd 0%,#05abe0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 );

}

.right_menu ul li a:before {
    content: url(../images/r_menu_bg.png);
    position: absolute;
	margin:0 0 0 -25px;
}

#calendar {
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}
.calendar_shadow {
	display:block;
}
.calendar_shadow span {
	display:block;
	background:#f2f2f2;
	height:2px;
	margin:0 1px 0 1px;
	border:1px solid #bcd0e0;
	border-top:none;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}
.calendar_shadow span+span {
	margin:0 2px;
}

ul.activity {
	display:block;
	list-style:none;
	padding:0;
	margin:0 0 10px 0;
}
ul.activity li {
	background:#f3f3f3;
	text-align:left;
	font-size:14px;
	border-bottom:1px solid #e7e7e7;
}
ul.activity li:nth-child(even) {
	background:#eaeaea;
}
ul.activity li:hover {
	background:#faf9ea;
}
ul.activity li.list_header {
	background:url(../images/menu_bg1.png) repeat-x top #265dc4;
	background-size:100% 100%;
	color:#fff;
	font-size:17px;
}

ul.activity li strong {
	display:block;
	padding:5px;
	line-height:20px;
	font-weight:normal;
	border-right:1px solid #e3e3e3;
	border-left:1px solid #f3f3f3;
}
ul.activity li span {
	padding:0;
	width:60%;
	margin:0;
	float:left;
	display:block;
	vertical-align:top;
}
ul.activity li span+span {
	width:20%;
}
ul.activity li.list_header strong {
	border-right:1px solid #103d90;
	border-left:1px solid #95aedd;
}
ul.activity li span.clear_both  {
	width:100%;
	padding:0;
	margin:0;
	height:0;
	float:none;
	clear:both;
}
ul.activity li a {
	display:block;
	min-height:30px;
	text-decoration:none;
}





.footer {
	color:#fff;
	text-align: center;
	font-size:14px;
	padding:20px 5px;
	display:block;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
	background: url(../images/footer_bg.png);
}
.footer p {
	max-width:980px;
	width:100%;
	padding:0;
	display:block;
	margin:auto;
}
.footer p span {
	margin:0 10px;
}
.footer a {
	color: #FE0;
}
.footer_menu {
	display:block;
	padding:10px 0;
	text-align:center;
	font-size:14px;
}
.footer  .footer_menu a {
	display:inline-block;
	padding:0 20px;
	margin:0 30px;
	color:#fff;
	text-decoration:none;
}
.footer  .footer_menu a img {
	vertical-align:middle;
}

h2.news_book_title {    
	background: #265dc4 url("../images/menu_bg1.png") repeat-x scroll center top / 100% 100%;
    color: #fff;
    font-size: 17px;
	padding:5px 8px;
border-radius:5px;
font-weight:normal;
}
ul.news_book_list {
	list-style:none;
	padding:5px 0 15px 0;
	margin:0;
}
ul.news_book_list li {
	float:left;
	width:23%;
	padding:0;
	margin:5px 1%;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	background:#f9f9f9;
}
ul.news_book_list li a  {
	color:#333;
	display:block;
	text-decoration:none;
	padding:7px;
}
ul.news_book_list li a:hover  {
	background:#FFC;
}
.book_pic {
	width:100%;
	height:150px;
	background:#fff;
	display:block;
	text-align:center;
	box-shadow:0 0 2px rgba(0,0,0,0.2);
}
.book_pic img {
	max-width:100%;
	max-height:100%;
}
p.book_content {
	display:block;
	padding:5px;
	margin:0;
	text-align:center;
	font-size:13px;
	overflow: hidden;
}
p.book_content b {
	display:block;
	padding:2px 0;
	font-size:15px;
	color:#3770c3;
	overflow: hidden;
    text-overflow: ellipsis;
}

.slider_book_div {
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

.slider_book_div ul li {
	width: 23% !important;
	margin-left:10px  !important;
}

.mobile_img {
	display:block;
	margin:10px auto;
	max-width:96%;
	min-width:96%;
	border:5px solid #fff;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}

.security_code .mobile_img {
	display: inline;
	margin:0;
	max-width:96%;
	min-width:auto;
	border:0px solid #fff;
	box-shadow:none;
}


.book_pic img.mobile_img {
	max-width:100%;
	max-height:100%;
	min-width:auto;
	border:0px solid #fff;
	box-shadow:none;
	margin:0 auto;
}

h2.member_title {
	padding:3px 0;
	margin:0;
	color:#265dc4;
	font-size:18px;
	font-weight:normal;
	border-bottom:1px dotted #265dc4;
}


.pc_icon {
	display: inline;
}
.mobile_icon {
	display:none;
}


@media screen and (max-width: 1100px){
	.top {
		min-height:120px;
		height:auto;
		padding:27px 0 0 0;
	}
	a.logo {
		float: none;
		height:120px;
	}
	.main_menu {
		margin:0 0 0 0;
		display:block;
	}


	/* Before login */
	.main_menu_list.logout_menu {
		width: 100%;
		text-align: center;
	}

	.main_menu_list.logout_menu li {
		width: 12%;
	}

	.main_menu_list.logout_menu li+li {
		width: 25%;
	}

	.main_menu_list.logout_menu li+li+li {
		width: 16%;
	}

	.main_menu_list.logout_menu li+li+li+li+li+li {
		width: 12%;
	}

	.main_menu_list.logout_menu li a {
    	padding: 0;
	}


	/* After Login */
	.main_menu_list {
		width: 100%;
		text-align: center;
	}

	.main_menu_list li {
		width: 9%;
	}

	.main_menu_list li+li {
		width: 16%;
	}

	.main_menu_list li+li+li {
		width: 12%;
	}

	.main_menu_list li+li+li+li+li+li+li+li {
		width: 10%;
	}

	.main_menu_list li a {
    	padding: 0;
	}

	/* sub menu */
	.main_menu_list li ul {
		width: auto;
		min-width: 120px;
	}

	.main_menu_list li ul li {
		clear: both;
		width: auto !important;
	}


	.main_menu_list li ul li a {
		padding: 0 15px !important;
	}

}


@media screen and (max-width: 800px){

ul.main_menu_list li a {
	padding:0 8px ;
}

.left_content {
	display:block;
	float: none;
	width:100%;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
}

.right_menu {
	display:block;
	margin:0;
	width:100%;
}


ul.news_book_list li {
	width:31%;
	margin:5px 1%;
}

.slider_book_div ul li {
	width: 48% !important;
	margin-top: 10px !important;
}


}


/*@media screen and (max-width: 640px){*/
@media screen and (max-width: 650px){


.video_show .home_banner_in {
	width:100%;
	float: inherit;
}
.home_video {
	display:block;
	margin:0;
	width:100%;
	float: inherit;
}
.home_video iframe , .home_video video {
	display:block;
	width:100%;
	height:240px;
}	
	

.index_calendar {
	width:98%;
	padding:1%;
	display:block;
	float:none;
	margin:0;
}
.index_time_table {	
	width:98%;
	padding:1%;
	display:block;
	float:none;
	margin:0;
}
.index_time_table ul {
	height:auto;
}
.index_icon {	
	width:98%;
	padding:1%;
	display:block;
	float:none;
	margin:0;
}
.top {
	padding:0;
	background-size: auto 120px;
}

a.logo {
    float: none;
	padding:0 2%;
	width:96%;
    height: 120px;
}
a.logo img {
	width:100%;
	max-width:340px;
	height:auto;
}
.all_content {
	padding:10px 0;
}
.mobile_menu_btn {
	display:block;
	/*height:50px;*/
	height:40px;
	background:url(../images/menu_bg1.png);
	background-size:100% 100%;
	padding:0 10px;
	margin:0;
	cursor:pointer;
	border-top:2px solid #06307b;
	border-bottom:2px solid #06307b;
}
.mobile_menu_btn img {
	/*height:50px;*/
	height:40px;
}
.mobile_menu_btn2 {
	display:block;
	/*height:55px;*/
	height:45px;
	padding:0;
	margin:0;
	cursor:pointer;
	background:url(../images/mobile_menu_btn2.png) right no-repeat;
}


.main_menu {
	display:block;
	position:absolute;
	z-index:250;
	background:url(../images/all_bg.png);
	width:100%;
	max-width:480px;
	top:0px;
	margin:0 0 0 -500px;
}



.main_menu_list {
    width: 100%;
    text-align: left;
}

ul.main_menu_list {
	display: block;
	list-style:none;
	vertical-align:top;
	height:auto;
	border:0px solid #06307b;
	border-radius:0px;
	background:none;
	width:100%;
	border-top:1px solid #ddd;
}
ul.main_menu_list li {
	float:none;
	border-right:0px solid #ddd;
	border-bottom:1px solid #ddd;
	width: 100%;
}
ul.main_menu_list li a {
	display:block;
	padding:0 15px ;
	color:#06307b;
	line-height:34px;
	font-size:15px;
}
ul.main_menu_list li a:hover {
	background:#54b5ff;
	color:#fff;
}
ul.main_menu_list li a.sub_li:after {
    content: url(../images/sub_li_bg.png);
    position: absolute;
	margin:0 0 0 15px;
}

.main_menu_list.logout_menu li a {
	padding: 0 15px;
}

.main_menu_list.logout_menu li, .main_menu_list li{
	width: 100%;
	text-align: left;
}

.main_menu_list.logout_menu li+li, .main_menu_list li+li{
	width: 100%;
	text-align: left;
}

.main_menu_list.logout_menu li+li+li, .main_menu_list li+li+li{
	width: 100%;
	text-align: left;
}

.main_menu_list.logout_menu li+li+li+li, .main_menu_list li+li+li+li{
	width: 100%;
	text-align: left;
}

.main_menu_list.logout_menu li+li+li+li+l, .main_menu_list li+li+li+li+li{
	width: 100%;
	text-align: left;
}

.main_menu_list.logout_menu li+li+li+li+li+li, .main_menu_list li+li+li+li+li+li{
	width: 100%;
	text-align: left;
}

.main_menu_list.logout_menu li+li+li+li+li+li+l, .main_menu_list li+li+li+li+li+li+li{
	width: 100%;
	text-align: left;
}

.main_menu_list.logout_menu li+li+li+li+li+li+li+li, .main_menu_list li+li+li+li+li+li+li+li{
	width: 100%;
	text-align: left;
}


ul.main_menu_list li ul , ul.main_menu_list li:hover ul {
	position:inherit;
	display:block;
	padding:0 0 5px 30px;
	margin:0;
	background:none;
}
ul.main_menu_list li ul li {
	border-bottom:1px solid #eee;
}

.mobile_menu_bg {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:210;
	background:rgba(0,0,0,0.7);
}
	
	
	

.right_top {
	display:block;
	left:auto;
	position:static;
	width:100%;
	min-height:40px;
	padding:5px 0;
}
.right_top div {
	width:100%;
	max-width:980px;
	margin:auto;
	display:block;
}
.right_top p {
	float:none;
	display:block;
	background:none;
	width:100%;
	padding:5px 0;
	text-align:left;
	font-size:17px;
	color: #06307b;
	text-shadow:0 1px 0px #fff;
	line-height:40px;
}
.right_top span {
	display: inline-block;
	float: none;
	border-right:0px solid #6da1ff;
}
.right_top span a {
	color: #06307b;
}
.right_top span+span {
	border-right:0px solid #6da1ff;
	border-left:0px solid #000000;
}
.right_top span.search_btn {
	display:none;
}
.right_top span.search_input {
	display:inline-block;
	width:auto;
}
.search_input input {
	width:150px;
	border:1px solid #eee;
	font-family:"microsoft jhengHei", arial, "apple Ligothic", heiti;
	height:25px;
	vertical-align: text-bottom;
	padding:0;
	margin:5px 0 0 3px;
	display:inline-block;
	float:left;
}
.search_input a {
	display:inline-block;
	color: #06307b;
	vertical-align:middle;
}	

ul.main_menu_list li a.this_page {
	background: url(../images/menu_bg1.png);
	background-size:100% 100%;
	color:#fff;
}



.index_news_in {
	display:block;
	height: auto;
}
.index_news_Column_all {
	display:block;
	width:auto;
}

.index_news_Column {
	display:block;
	float: none;
	width:auto;
	margin:0;
}
.index_news_Column a {
	display:block;
	line-height:20px;
	height:auto;
	margin:0 0 15px 0;
	clear:both;
	padding:10px 0 0 0;
}
.index_news_Column a b {
	display:block;
	color:#17469e;
	font-size:16px;
	line-height:25px;
}
.index_news_Column a span {
	width:40%;
	margin:0 5% 0 0;
	height:auto;
	display:block;
	overflow:hidden;
	text-align:center;
    position: relative;
	background:#fff;
	float:left;
}
.index_news_Column a span.index_news_bg {
	display:none;
}

.index_news_Column a span img {
	height:auto;
	width:100%;
	display:block;
	max-height:140px;
}
.index_news_btn {
	display:none;
}



ul.activity li.list_header {
	display:none;
}

ul.activity li {
	padding:0 0 5px 0;
}
ul.activity li span {
	width:96%;
	padding:0 2%;
	display:block;
	float:none;
}
ul.activity li span+span {
	width:46%;
	float:left;
	padding:0 2% 0 2%;
}
ul.activity li span strong {
	border:none;
	font-size:15px;
	border-bottom:1px dotted #CCC;
}
ul.activity li span+span strong {
	border-bottom:0px dotted #CCC;
	padding:2px 5px;
	font-size:13px;
	color:#444;
}
ul.activity li span strong::before {
    content: "項目: ";
	font-weight:bold;
}

ul.activity li span+span strong::before {
    content: "對象: ";
}
ul.activity li span+span+span strong::before {
    content: "日期: ";
}

/*
ul.activity li span+span strong::before {
    content: "開始日期: ";
}


ul.activity li span+span+span strong::before {
    content: "結束日期: ";
}
ul.activity li span+span+span+span strong::before {
    content: "開始時間: ";
}
ul.activity li span+span+span+span+span strong::before {
    content: "結束時間: ";
}*/





ul.news_book_list li {
	width:48%;
	margin:5px 1%;
}

	
.footer p span {
	margin:0 10px;
	display:block;
}

.footer  .footer_menu a {
	display:block;
	padding:0;
	margin:5px 0;
}
	
.security_code_flash {
	display:none;
}


.pc_icon {
	display:none;
}
.mobile_icon {
	display: inline;
}

ul.main_menu_list li ul, ul.main_menu_list li:hover ul, .inner_menu{
	display: none;
}

.slider_book_div ul li {
	width: 96% !important;
}


}


@media screen and (max-width: 480px){
	
	
ul.news_book_list li {
	width:100%;
	margin:5px 0;
}

.cbp-fwslider ul li {
	width: 48%;
}


}

.mobile_menu.current_menu {
	background: #54b5ff;
    color: #fff;
}

.mobile_menu_title {
	display: none;
	color: white;
	top: -9px;
	padding-left: 10px;
    font-size: 28px;
    position: relative;
}