﻿@charset "utf-8";
/* CSS Document */
body {
	font-family: "微軟正黑體" !important;
	font-size: 14px;
}
body.large {
	font-size: 16px;
}
body.small {
	font-size: 12px;
}
ul, li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1; /*For IE 6&7 only*/
}
a.accesskey {
	position: absolute;
}
body label {
	display: inline;
}
body .menu_box .navbar-default .accesskey {
	top: 11px;
}
/*----------------------------------*/
body .container, body .top_linkbox, body .menu_box, body .menu_box .navbar-default, body .news_box, body .home_box, body .ad_box, body .fat_box, body .footer_box, body .footer_box .footer {
	width: 100%;
	padding-right: 5px;
	padding-left: 5px;
	position: relative;
}
body .event {
	clear: both;
	margin-top: 15px;
	/* float: left; */
	z-index: 1;
	display: flex;
}

body .event_firstpic {
    /* padding: 0 5px; */
    /*background-color: #555;*/
    float: left;
    display: block;
    border-radius: 20px;
    text-indent: -9999px;
    background-position: center;
    border: 10px #fff solid;
}

body .event_firstpic.a1 {
    background-image: url(../images/index/event_pic01.jpg);
}
body .event_firstpic.a2 {
    background-image: url(../images/index/event_pic02.jpg);
}
body .event_firstpic.a3 {
    background-image: url(../images/index/event_pic03.jpg);
}
.row {
	margin-right: 10px;
	margin-left: 10px;
}
body .top img, body .link_box .slick-slide img, body .service_box img, body.home .content img {
	width: 100%;
}
/*-----------------top----------------------*/
body .top h1 {
	margin: 15px;
	max-width: 296px;
	z-index: 9999999;
	display: block;
}
body .top h1 a {
	display: block;/* margin-right: 50px; */
}
/*--------------toplink-----------------------*/
body .top_link {
	line-height: 28px;
	color: #0db5c3;
	position: relative;
}
body .top_link ul {
	position: absolute;
	right: 0;
	top: -69px;
}
body .top_link ul li, body .menu_box .link li {
	float: left;
}
body .top_link .version li a {
	background-color: #10b2bf;
	margin: -1px;
	padding: 10px 5px;
	color: #fff;
}

body .top_link .version li.fb a {
	background-image: url(../images/all/icon_fb.png);
	background-repeat: no-repeat;
	background-position: 2px center;
	padding: 4px 5px 4px 35px;
	background-color: #3b5998;
	float: left;
	margin-right: 5px;
	}
body .top_link .version li.fb span {
    color: #000;
    padding: 0 25px 0 4px;
    border: none;
    background-image: url(../images/all/search_bg.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #fff;
    display: block;
    line-height: 23px;
}
body .top_link .version .child a {
	background-color: #32c6d2;
}
body .top_link .version .pda a {
	background-color: #60dce6;
	display: none;
}
body .top_link .version li a:hover {
	background-color: #fdcd00;
	text-decoration: none;/* height: 35px; */
}
body .menu_box .link {
	max-width: 1000px;
	margin: auto;
	position: relative;
	color: #16c2d0;
	line-height: 28px;
}
body .menu_box .link ul {
	position: absolute;
	top: -76px;
	left: 0;
}
body .menu_box .link a {
	color: #0ba2b8;
	margin: 0 3px;
}
body .menu_box .link .rss a, body .news .rss a {
	background-image: url(../images/all/icon_rss.png);
	text-indent: -9999px;
	background-position: 0 0;
	width: 36px;
	height: 13px;
	display: block;
	margin-top: 7px;
}
body .menu_box .link .rss a:hover, body .news .rss a:hover {
	background-position: 0 13px;
}
body .menu_box .link .accesskey {
	left: -18px;
	position: absolute;
	top: 0;
}
body .menu_box .link a:hover {
	color: #fb7692;
	text-decoration: none;
}
/*---------------*/
/*--------search-------*/
body .search_box input[type="submit"] {
	background: #fb7692;
	border: 0;
	text-indent: -9999px;
	background-image: url(../images/all/icon_search.png);
	background-position: 50%;
	background-repeat: no-repeat;
	width: 40px;
	height: 31px;
	position: absolute;
	top: 0;
	right: 0;
}
body .search_box input[type="submit"]:hover {
	background-color: #e8c41d;
}
body .search_box {
	width: 100%;
	background-color: #e9e9e9;
}
body .search_box.smaller {
	position: fixed;
	z-index: 99;
	top: 0;
	max-width: none;
	padding: 0 0 6px 0;
}
body .search_box .search {
	position: relative;
	padding: 7px;
	/* display: flex; */
}
body .search_box.smaller .search {
	position: static;
	padding: 7px;
}
body .search_box .search .sort {
	clear: both;
	height: 23px;
	overflow: hidden;
}
body .search_box.smaller .search .sort {
	clear: none;
}
body .search_box .search .sort span {
	margin-right: 10px;
	color: #7b7b7b;
}
body .search_box .search .sort .hotword {
	background-image: url(../images/all/arrow03.png);
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding-left: 10px;
}
body .search_box .search .sort span a, body .search_box .search .sort .hotword {
	color: #fb7692;
}
body .search_box .search .sort .adv a {
	text-decoration: underline;
}
body .search_box .search .sort .adv a:hover {
	color: #16c2d0;
}
body .search_box .search .sort input[type="checkbox"], body .search_box .search .sort input[type="radio"] {
	margin-right: 5px;
}
body .search_box .search .keyin {
	width: 100%;
	position: relative;
	float: left;
	margin-right: 10px;
}
body .search_box.smaller .search .keyin {
	width: 40%;
	position: relative;
	float: left;
	margin-right: 10px;
}
body .search_box .subtitle {
	color: #419ec9;
	margin: 0;
	background-image: url(../images/all/arrow01.png);
	background-repeat: no-repeat;
	background-position: 5px;
	padding-left: 15px;
}
body .search_box input[type="text"] {
	border: 0;
	height: 31px;
	width: 100%;
	padding: 10px;
	line-height: 30px;
}
body .search_box.smaller input[type="text"] {
	background-color: #fff;
}
/*------------------menu--------------------*/

body .smaller .menu_box {
	background-color: #34628a;
	height: 30px;
}
body .menu_box .navbar-collapse {
	text-align: center;
	position: relative;
	padding: 0;
	border: none;
	background-color: #134371;
	overflow: visible;/* min-height: 46px !important; */
}
body .smaller .navbar-collapse.collapse {
	margin: 0;
}
body .menu_box .navbar-default .navbar-nav>li>a {
	color: #ffffff !important;
	font-size: 130%;
	/*padding: 13px 25px 13px 25px;MENUADJ*/
    padding: 13px 40px 13px 40px;
	white-space: nowrap;
	display: block;
	/* margin: 0 5px; */
	background-image: url(../images/all/menu_line.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
body .menu_box .navbar-default .navbar-nav>.n01>a {
	background: none;
}
body .menu_box .navbar-default .navbar-nav>li {
	text-align: center;
}
body .menu_box .navbar-default .navbar-nav {
	display: inline-block;
	float: none;
	margin-bottom: -5px;
}
body .menu_box.smaller .navbar-default .navbar-nav {
	position: relative;
}
body .menu_box .menu {
	position: absolute;
	width: 100%;
	bottom: 0;
}
body .menu_box .navbar-default .navbar-nav>li>a:focus, body .menu_box .navbar-default .navbar-nav>li>a:hover {
	border-bottom: 5px #16c2d0 solid;
	/*padding: 13px 25px 8px 25px; MENUADJ*/
    padding: 13px 40px 8px 40px;
	background-color: #16c2d0;
}
body .menu_box.smaller .navbar-default .navbar-nav>li>a:focus, body .menu_box.smaller .navbar-default .navbar-nav>li>a:hover, body .menu_box.smaller .navbar-default .navbar-nav>li>a {
	color: #fff !important;
}
/*-------------------------nav---------------------------*/


body .menu_box .navbar-default {
	border: 0;
	margin: 0 0 10px 0;
	padding: 0;
	min-height: 46px;
}
body .menu_box {
	background-color: #134371;
}
body .menu_box.smaller .navbar-default {
	min-height: auto;
	margin: 0;
}
body .menu_box .navbar-nav>li .end a {
	border: none;
}
body .menu_box .navbar-nav .caret {
	position: absolute;
	color: #d4d4d4;
	right: 7px;
	top: 23px;
}
body .menu_box .navbar-nav:not(.sm-collapsible) ul .caret {
	top: auto !important;
	margin-top: -25px;
}
body .menu_box .navbar-default .navbar-nav>.open>a, body .menu_box .navbar-default .navbar-nav>.open>a:focus, body .menu_box .navbar-default .navbar-nav>.open>a:hover {
	border-bottom: 5px #16c2d0 solid;
	/*padding: 13px 25px 8px 25px; MENUADJ*/
    padding: 13px 40px 8px 40px;
	background-color: #16c2d0;
	color: #fff !important;
}
body .menu_box .navbar-nav>li>.dropdown-menu {
	border-radius: 0;
	box-shadow: none;
	border: 0;
	background-color: transparent;
	padding: 0;
	width: auto !important;
	min-width: 100% !important;
}
body .menu_box .navbar-nav>li>ul .dropdown-menu {
	background-color: transparent;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
	margin-top: -42px !important;
	border: 0;
	left: -6px !important;
}
body .menu_box .dropdown-menu>li>a {
	color: #fff;
	line-height: 35px;
	font-size: 115%;
	background-color: #16c2d0;
	margin: 0;
	border-bottom: 1px #9ddce2 solid !important;
	width: auto !important;/* white-space: normal !important; */
}
body .menu_box .dropdown-menu .dropdown-menu>li>a {
	margin-left: 8px;
	background-color: #fb7692;/* border-bottom: 1px #efbfc9 solid !important; */
}
body .navbar-nav.sm-collapsible ul .dropdown-menu > li > a {
	background-color: #87ceef;
	padding-left: 16px;
}
body .menu_box .dropdown-menu>li>a:focus, body .menu_box .dropdown-menu>li>a:hover, body .menu_box .dropdown-menu .open>a, body .menu_box .dropdown-menu .open>a:focus, body .menu_box .dropdown-menu .open>a:hover {
	background-color: #fb7692 !important;
}
body .menu_box .dropdown-menu ul>li>a:focus, body .menu_box .dropdown-menu ul>li>a:hover {
	background-color: #59cae4 !important;
}
body .gotop a {
	display: block;
	position:fixed;;
	border-radius: 50px;
	background-image: url(../images/index/top.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	width: 60px;
	height: 60px;
	z-index: 9999999;
	right: 0;
	bottom: 20px;
	border: 1px #bdbdbd solid;
}
body.in .gotop a {
	background-color: rgba(0, 0, 0, 0.5);
	border: none;
}
body.in .gotop a:hover {
	background-color: rgb(255, 255, 255);
}
body .gotop a:hover {
	background-color: rgb(9, 44, 78);
}
/*----------抬頭顯示器-------------------*/
body .menu_box.smaller {
	position: fixed;
	transition: height 0.3s;
	z-index: 999;
	width: 100%;
	/* background-color: #34628a; */
	top: 44px;
}
body .menu_box.smaller .top_link, body .menu_box.smaller .search_box {
	display: none;
}
/*pad*/

body .menu_box .navbar-default .navbar-toggle {
	border: none;
	background-color: #fb7692;
	top: 0;
	z-index: 9999;
	position: absolute;
	right: 0;
	border-radius: 0;
	margin: 0;
	padding: 0;
	width: 47px;
	height: 35px;
	padding: 0 10px;
}
body .menu_box .navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
/*-----------------Main --------------*/
body .row {
	padding: 0;
	margin: 0;
}
/*banner*/
body .main {
	padding: 10px;
	position: relative;
}
body .main .accesskey {
	left: 0;
}
body .main .side2 .bread .accesskey {
	position: relative;
	color: #a5f1f7;
	margin-right: 2px;
}
body .main .side1 .accesskey {
	font-size: 60%;
	color: #b0f5fb;
	top: 0;
}
body .banner .slick-slide {
	position: relative;
	max-width: 1000px;
}
body .banner .slick-slide img {
	width: 100%;
}
body .banner .slick-slide .title {
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 20px 10px;
	color: #fff;
	font-size: 140%;
}
body .banner {
	width: 100%;
	border: 1px #d5d5d5 solid;
	padding: 5px;
	background-color: #fff;
	margin-bottom: 20px !important;
	clear: both;
}
body .banner .slick-prev, body .banner .slick-next {
	width: 15px;
	height: 25px;
	top: inherit;
	right: inherit;
	left: inherit;
	text-indent: -9999px;
	opacity: 0.5;
	bottom: 5px;
	z-index: 99;
}
body .banner .slick-prev:hover, .slick-prev:focus, body .banner .slick-next:hover, .slick-next:focus {
	opacity: 1;
}
body .banner .slick-prev {
	background: url(../images/index/banner_pre.png) !important;
	right: 29px;
}
body .banner .slick-next {
	background: url(../images/index/banner_next.png) !important;
	right: 5px;
}
body .banner .slick-dots {
	bottom: 10px;
}
body .slick-dots li button:before, body .slick-dots li.slick-active button:before {
	color: #fff;
}
/*--5個圈---*/
body .link_box .slick-slide {
	padding: 10px;
}
/*link_box*/
body .link_box .slick-prev, body .link_box .slick-next, body .count_box .slick-prev, body .count_box .slick-next, body .event .slick-prev, body .event .slick-next, body .ad_box .slick-prev, body .ad_box .slick-next {
	z-index: 999;
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 50px;
	width: 30px;
	background-position: 0 0;
	opacity: 0.2;
	top: 45%;
}
body .ad_box .slick-prev, body .ad_box .slick-next {
	width: 15px;
}
body .ad_box .slick-next {
	background-position: right 0;
}
body .link_box .slick-prev:hover, body .link_box .slick-prev:focus, body .link_box .slick-next:hover, body .link_box .slick-next:focus, body .count_box .slick-prev:hover, body .count_box .slick-prev:focus, body .count_box .slick-next:hover, body .count_box .slick-next:focus, body .event .slick-prev:hover, body .event .slick-prev:focus, body .event .slick-next:hover, body .event .slick-next:focus, body .ad_box .slick-prev:hover, body .ad_box .slick-prev:focus, body .ad_box .slick-next:hover, body .ad_box .slick-next:focus {
	opacity: 0.5;
}
body .link_box .slick-prev, body .count_box .slick-prev, body .event .slick-prev, body .ad_box .slick-prev {
	left: 0;
	background-image: url(../images/index/banner_pre.png);
}
body .link_box .slick-next, body .count_box .slick-next, body .event .slick-next, body .ad_box .slick-next {
	right: 0;
	background-image: url(../images/index/banner_next.png);
}
body .count_box .slick-next {
	background-image: url(../images/index/event_next.png);
}
body .count_box .slick-prev {
	background-image: url(../images/index/event_pre.png);
}
body .link_box {
	max-width: 1000px;
	margin: 0px auto 20px auto;
	z-index: 1;
}
body .link_box p {
	text-align: center;
	font-size: 115%;
	color: #0d7a8a;
}
body .link_box .slick-slide a:hover img {
	opacity: 0.7;
}
body .link_box .slick-slide a:hover p, body .link_box .slick-slide a:hover {
	color: #fb7692;
	text-decoration: none;
}
/*最新消息*/
body .news_box {
	background-color: #61c7d0;
}
body .news_box .news {
	padding: 10px 0 0 0;
}
body .news_box .size {
	position: absolute;
	right: 0;
	top: 14px;
}
body .news_box .size ul li {
	float: left;
	margin-right: 5px;
}
body .news_box .size ul li a {
	color: #fff;
	width: 25px;
	display: block;
	text-align: center;
	height: 25px;
	line-height: 25px;
}
body .news_box .size ul li a:hover {
	background-color: #fabe00;
	text-decoration: none;
}
body .news_box .size .s a {
	background-color: #18a2b7;
	font-size: 90%;
}
body .news_box .size .m a {
	background-color: #0c8fa2;
	font-size: 120%;
}
body .news_box .size .l a {
	background-color: #057788;
	font-size: 150%;
}
body .news_box .title {
	background-image: url(../images/index/news_title.png);
	background-repeat: no-repeat;
	font-size: 153%;
	color: #fff;
	padding-left: 43px;
	line-height: 38px;
	margin-bottom: 10px;
}
body .news .ui-widget-content {
	border-radius: 0;
	border: none;
	background: rgba(255,255,255,0.5)/*{bgColorContent};      url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
*/ 	padding: 0;
	padding: 0;
}
body .news .more a, body .count_title .more a, body .ad_box .more a {
	background-image: url(../images/index/bt_more.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 57px;
	height: 18px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	right: 10px;
	top: -33px;
}

body .count_title .more a {
    top: 0;
}
body .news .rss a {
	position: absolute;
	right: 75px;
	top: -37px;
}
body .ad_box .more a {
	top: 6px;
}
body .news .more a:hover, body .count_title .more a:hover, body .ad_box .more a:hover {
	background-position: 0 -18px;
}
body .news .ui-widget-content .info .title {
	color: #c51212;
	font-size: 110%;
	font-weight: 800;
	padding-left: 0;
	line-height: 22px;
	margin-top: 5px;
	background-image: none;
}
body .news .ui-widget-content .news_area .info .title {
	color: #3b9dcb;
	font-size: 100%;
	margin: 4px 0;
	line-height: 20px;
}
body .news .ui-widget-content .news_area .info .title.hot {
	background-image: url(../images/all/icon_hot.png);
	background-position: 0 5px;
	padding-left: 30px;
}
body .news .ui-widget-content .news_area .info a {
	font-size: 90%;
}
body .news .ui-widget-content .news_area .pic {
	float: left;
	margin-right: 10px;
	width: 32%;
}
body .news .ui-widget-content .news_area .pic img {
	width: 100%;
}
body .news .ui-widget-content .news_area {
	margin-bottom: 10px;
}
body .news .ui-widget-content .news_area .info {
	max-height: 85px;
	line-height: 18px;
}
body .news .ui-widget-content .info {
	max-height: 210px;
	overflow: hidden;
	font-size: 94%;
	line-height: 24px;
}
body .news .ui-widget-content a {
	color: #444;
}
body .news .ui-tabs .ui-tabs-panel {
	background-color: #fff;
	padding: 20px;
	margin-bottom: -5px;
	width: 100%;
	position: relative;
}
body .news .list li a {
	background-color: #e4e4e4;
	display: block;
	padding: 5px;
	color: #086388;
}
body .news .list li .hot {
	padding-right: 5px;
}
body .news .list li a:hover {
	background-color: #ffe9a0 !important;
	text-decoration: none;
}
body .news .list li:nth-child(2n+1) a {
	background-color: #ececec;
}
body .news .list li a p {
	color: #f96598;
	font-size: 80%;
}
body .news .ui-widget-header {
	border: none;
	background: none;
	padding: 0 75px 0 0;
}
body .news .ui-state-default, body .news .ui-widget-content .ui-state-default, body .news .ui-widget-header .ui-state-default {
	border: none;
	border-radius: 0;
	background: none;
	margin: 0;
}
body .news .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, body .news .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, body .news .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	background-color: #fff;
	border-top: 5px #f96598 solid;
	color: #167a96;
	border-right: none;
	border-left: none;
}
body .news .ui-state-default a, body .news .ui-state-default a:link, body .news .ui-state-default a:visited {
	color: #057788;
	font-size: 105%;
	border-top: 5px rgba(249,101,152,0) solid;
	border-bottom: 1px rgba(255,255,255,0.3) solid;
	border-left: 1px rgba(255,255,255,0.3) solid;
	width: 100%;
}
body .video .fram iframe {
	border: 0;
	height: 100%;
	width: 100%;
}
body .news_box .video .fram {
	height: 210px;
}
/*---------------服務專區-----------*/
body .service_box {
	margin-top: 20px !important;
}
body .service_box .pic img {
	border: 7px #dadada solid;
}
body .service_box .info .title {
	color: #3b9dcb;
	border-bottom: 4px #68b4d1 solid;
	font-size: 135%;
	font-weight: 700;
	line-height: 115%;
	margin-bottom: 10px;
	padding: 10px 0;
}
body .count_box .info .title {
	color: #4697b1;
	border-bottom: 4px #4491b1 solid;
}
body .service_box .info {
	padding-left: 0;
	max-height: 275px;
	overflow: hidden;
	line-height: 25px;
}
body .service_box .info a {
	font-size: 110%;
	color: #424242;
	
}
/*-------------指標--------------*/
body .count_title {
	max-width: 1000px;
	margin: 30px auto 0 auto;
	background-image: url(../images/index/count_title.png);
	background-repeat: no-repeat;
	background-position: 15px 0;
	color: #326ea9;
	font-size: 153%;
	padding-left: 47px;
	position: relative;
}
body .count_title2 {
	max-width: 1000px;
	margin: 30px auto 0 auto;
	background-image: url(../images/index/promotion.png)!important;
	background-repeat: no-repeat;
	background-position: 15px 0;
	color: #326ea9;
	font-size: 153%;
	padding-left: 47px;
	position: relative;
}
body .count_box {
	z-index: 1;
}
body .count_box .slick-prev, body .count_box .slick-next {
	top: 55%;
	width: 36px;
	height: 36px;
	opacity: 0.5;
}
body .count_box .slick-prev:hover, body .count_box .slick-next:hover {
	opacity: 1;
}
/*訊息*/
body .event_title {
	background-image: url(../images/index/event_line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 15px;
	margin-top: 20px;
}
body .event_title span {
	background-image: url(../images/index/event_titie.png);
	background-repeat: no-repeat;
	background-position: 9px 0;
	color: #326ea9;
	font-size: 153%;
	padding-left: 47px;
	position: relative;
	display: block;
}
body .event .slick-slide {
	margin: 0 5px;
	padding: 0 7px;
}
body .event .slick-slide a {
	display: block;
	position: relative;
}
body .event .more a {
	clear: both;
	background-color: #eaa229;
	color: #fff;
	padding: 8px 0;
	width: 109px;
	margin: 10px auto;
	display: block;
	text-align: center;
	font-size: 115%;
	border-radius: 50px;
}
body .event .more a:hover {
	background-color: #e0244c;
	text-decoration: none;
}
body .event.pic .slick-slide {
	height: 310px;
}
body .event .title {
	color: #ffffff;
	text-align: center;
	font-size: 110%;
	padding: 5px 0;
	position: absolute;
	width: 100%;
	background-image: url(../images/index/link_wbg.png);
	bottom: 0;
	border-radius: 0 0 10px 10px;
}
body .event .title span {
	float: right;
	padding: 4px 10px 0 5px;
	display: none;
}
body .event .title span img {
	width: 80%;
}
body .event .txt {
	padding: 5px 10px;
	line-height: 22px;
}
body .event .txt a {
	color: #000;
}
body .event .pic img {
	height: 100% !important;
	width: 100% !important;
	border-radius: 10px;
}

body .event .event_firstpic img {border-radius: 10px;float: left;width: 100%;}

body .event .box .more a {
	background-image: url(../images/index/bt_more.png);
	background-repeat: no-repeat;
	background-position: 50%;
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #a2ccdb;
	text-indent: -9999px;
	height: 40px;
	padding: 0;
	margin: 0;
}
body .event .box .more a:hover {
	background-image: url(../images/index/bt_morehover.png);
}
body .event .slick-prev:hover, .slick-prev:focus, body .event .slick-next:hover, .slick-next:focus {
	opacity: 1;
}
/*廣告專區*/
body .ad_box {
	background-color: #dee3e5;
	padding: 10px;
	z-index: 1;
}
body .ad_box .title {
	background-image: url(../images/index/ad_icon.png);
	background-repeat: no-repeat;
	background-position: 15px 0;
	padding-left: 55px;
	color: #326ea9;
	font-size: 153%;
	padding-bottom: 15px;
	position: relative;
}
body .ad_box .slick-slide img {
	border: 1px #d2d2d2 solid;
	margin: auto;
}
body .ad_box .slick-dots {
	top: -40px;
	text-align: right;
	bottom: inherit;
}
body .ad_box .slick-dots li {
	margin: 0;
}
body .ad_box .ad, body .ad_box .title {
	max-width: 1000px;
	margin: auto;
}
body .ad_box .ad {
	padding: 0 30px;
}
/*------------------ fat -----------------------*/
body .fat_box {
	background-color: #16c2d0;
	background-image: url(../images/index/fat_bg.gif);
	background-repeat: repeat-x;
}
body .fat_box .fat {
	font-family: "微軟正黑體" !important;
}
body .fat_box .ui-accordion .ui-accordion-header {
	padding: 0;
	height: 39px;
	text-indent: -9999px;
	background-color: transparent;
	background-repeat: no-repeat;
	border: none;
	margin: 0;
}
body .fat_box .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	display: none;
}
body .fat_box .ui-state-active, body .fat_box .ui-widget-content .ui-state-active, body .fat_box .ui-widget-header .ui-state-active {
	background-image: url(../images/all/fat_close.png) !important;
}
body .fat_box .ui-state-default, body .fat_box .ui-widget-content .ui-state-default, body .fat_box .ui-widget-header .ui-state-default {
	background-image: url(../images/all/fat_open.png);
}
body .fat_box .ui-widget-content {
	border-radius: 0;
	background: none;
	border: none;
	padding: 10px 0 10px 0;
	clear: both;
	/* height: auto !important; */
}
body .fat ul {
	float: left;
	margin: 0 10px 0 10px;
	white-space: nowrap;
	min-height: 300px;
}
body .fat ul li {
	/* width: 120px; */
	white-space: normal;
	margin: 10px 0;
	padding: 0 13px;
}
body .fat ul li a {
	color: #fff;
	font-size: 95%;
}
body .fat ul li a:hover {
	color: #fff;
}
body .fat ul .title {
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 110%;
	color: #fff;
	border-bottom: 4px #0a91a7 solid;
	text-align: center;
	padding-bottom: 10px;
}
/*----------footer----------*/
body .footer_box {
	background-color: #274461;/* height: 100%; */
}
body .footer_box .footer {
	padding: 10px;
	color: #fff;
	font-size: 90%;
}
body .footer_box .footer p {
	line-height: 24px;
}
body .footer_box .footer .txt_link a {
	color: #cacaca;
	white-space: nowrap;
	line-height: 30px;
}
body .footer_box .footer .txt_link a.first {
	padding-left: 0;
}
body .footer_box .footer .link {
	float: right;
	margin-top: 85px;
	/* width: 266px; */
}
body .footer_box .footer .link .top_area .search a {
	background-image: url(../images/all/icon_fb.png);
	background-repeat: no-repeat;
	background-position: 2px center;
	padding: 4px 5px 4px 35px;
	background-color: #3b5999;
	border: 1px #7d90a2 solid;
	float: left;
	margin-right: 5px;
	width: 173px;
}
body .footer_box .footer .link .top_area .search a:hover {
	background-color: #00bfc7;
	text-decoration: none;
	opacity: 1;
}
body .footer_box .footer .link .top_area .acce {
	float: right;
	/* text-align: center; */
}
body .footer_box .footer .link .top_area .search span {
	color: #000;
	padding: 3px 20px 3px 5px;
	border: none;
	background-image: url(../images/all/search_bg.png);
	background-repeat: no-repeat;
	background-position: right center;
	width: 100%;
	background-color: #fff;
	display: block;
}
body .footer_box .footer .txt_link {
	color: #cacaca;
	float: left;
}
body .footer_box .footer .logo {
	margin: 10px 0;
}

body .footer_box .footer .logo img {
    max-width: 100%;
}
body .footer_box .footer .link .qrcode {
	float: right;
}
body .footer_box .footer .link .icon01 {
	float: left;
}
body .footer_box .footer .link li {
	float: left;
	margin: 3px;
	border: none;
}
body .footer_box .footer .link .icon {
	/* clear: both; */
}
body .footer_box .footer .link li a {
	display: block;
}
body .footer_box .footer .link .qr {
}
body .footer_box .footer .link .qr a, body .footer_box .footer .link .qr .nsblock {
	border-radius: 0 !important;
}
body .footer_box .footer .link .qr p {
	width: 100%;
	text-align: center;
}
body .footer_box .footer .link .qr .nsoverlay {
	height: 77px !important;
	border-radius: 0 !important;
	background-image: url(../images/all/link_hover.png) !important;
	background-size: 37% !important;
}
body .footer_box .footer .link a:hover {
	opacity: 0.7;
}
body .footer_box .footer_box .footer .link li p {
	text-align: center;
	width: 100%;
}
/*-----------內頁-----------------*/
body .home_box .infobar {
	background-color: #16c2d0;
	min-height: 40px;
	width: 100%;
	text-indent: -9999px;
	background-image: url(../images/home/bar_bg.png);
	background-position: center;
}
body .home_box .infobar .sizebg {
	height: 40px;
	background-image: url(../images/home/bar_bg.png);
	background-repeat: no-repeat;
	background-position: 50% 0;
}
body .home_box {
	padding: 0;
	min-height: 500px;
	background-image: url(../images/home/home_bg.png);
	background-repeat: no-repeat;
	background-position: 5% bottom;
	margin-top: -10px;
}
body .side1, body .side2 {
	padding: 0;
}
body .side1 {
	margin-top: -43px;
}
body .side1 .navbar-default .navbar-collapse.collapse {
	padding: 0;
}
body .side1 ul li a {
	background-color: #e9e9e9;
	display: block;
	text-align: center;
	padding: 10px;
	font-size: 115%;
	color: #0096a2;
	border-top: 2px #fff solid;
	text-decoration: none;
}
body .side1 .dropdown-menu>li>a {
	background-color: #fb7692;
	color: #fff;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-bottom-color: #F99;
	text-align: left;
}
body .side1 ul li ul .dropdown-menu>li>a {
	background-color: #b72242;
}
body .side1 .dropdown-menu>li>a:hover, body .side1 .nav .dropdown-menu .open>a:hover, body .side1 .nav .dropdown-menu .open>a:focus, body .side1 .nav .dropdown-menu .open>a {
	background-color: #b72242 !important;
	border-bottom-color: #F99 !important;
}
body .side1 ul li ul .dropdown-menu>li>a:hover, body .side1 .nav ul .dropdown-menu .open>a:hover, body .side1 .nav ul .dropdown-menu .open>a:focus, body .side1 .nav ul .dropdown-menu .open>a {
	background-color: #76162C !important;
}
body .side1 ul {
	margin-top: 3px;
}
body .side1 .navbar-collapse ul {
	margin-top: 0;
	width: 100%;
}
body .side1 ul.dropdown-menu {
	left: 245px !important;
	top: 2px !important;
	border: none;
	padding: 0;
	margin: 0;
	border-radius: 0;
}
body .side1 ul.dropdown-menu ul {
	left: 0px !important;
	top: auto !important;
	margin-top: -43px !important;
}
body .side1 ul li a:hover, body .side1 .nav .open>a:hover, body .side1 .nav .open>a:focus, body .side1 .nav .open>a {
	background-color: #fb7692 !important;
	color: #fff !important;
	border-color: #fff !important;
}
body .side1 .title {
	background-color: #16c2d0;
	text-align: center;
	background-image: url(../images/home/leftmenu_bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 10px;
}
body .side1 .navbar-default {
	border: none;
	border-radius: 0;
}
body .side1 .navbar-nav>li {
	width: 100%;
}
body .side1 .title p {
	color: #fff;
	font-size: 150%;
	padding-top: 10px;
}
body .side2 {
	margin-top: -40px;
	min-height: 500px;
}
body .side2 .bread, body .side2 .bread a {
	color: #a5f1f7;
	overflow: hidden;
	height: 23px;
}
body .side2 .bread .in {
	color: #fff;
}
body .side2 .size {
	position: absolute;
	height: 40px;
	padding: 8px 5px 8px 100px;
	top: -10px;
	right: 0;
}
body .side2 .content .title {
	font-size: 150%;
	color: #06a5b2;
	padding-bottom: 15px;
	line-height: 24px;
}
body .side2 .content .pic {
	margin-bottom: 15px;
}
body .side2 .content .stitle {
	background-color: #39d2de;
	border-radius: 50px;
	color: #fff;
	padding: 4px 10px;
	font-size: 115%;/* min-width: 100px; */
}
body .side2 .content .name {
	font-size: 125%;
	padding: 15px 10px;
}
body .side2 .content.minister ul li {
	list-style-type: square;
	font-size: 105%;
	padding: 5px 0;
}
body .side2 .content.minister ul {
	margin: 10px 0 10px 35px;
}
body .side2 .content li, body .side2 .content.detail .titlebar {
	position: relative;
}
body .side2 .content {
	padding: 10px 15px;
	margin-top: 10px;
	position: relative;
}
body .side2 .content .sbar {
	background-color: #16c2d0;
	text-align: center;
	color: #fff;
	line-height: 30px;
	font-size: 120%;
	margin: 5px 0;
	display: inline-block;
	width: 100%;
}
body .side2 .content.faq .sbar {
	background-color: #0e477d;
}
body .side2 .size ul li {
	float: left;
}
body .side2 .size ul li a {
	display: block;
	margin-right: 5px;
	color: #fff;
	height: 25px;
	width: 25px;
	line-height: 25px;
	text-align: center;
}
body .side2 .size ul .l a {
	background-color: #21bbd2;
	font-size: 120%;
}
body .side2 .size ul .m a {
	background-color: #0ba2b8;
}
body .side2 .size ul .s a {
	background-color: #0794a9;
	font-size: 89%;
}
body .side2 .size ul a:hover {
	background-color: #e6d240;
	text-decoration: none;
}
/*--------------plug----------------*/
body .side2 .content .plug ul li a {
	float: left;
	display: block;
	width: 23px;
	height: 23px;
	margin-left: 3px;
	text-indent: -9999px;
	background-image: url(../images/home/plug.png);
}
body .side2 .content .plug .rss a:hover,body .side2 .content .plug .line a:hover {
	background-position: 0 -23px;
}
body .side2 .content .plug .rss a {
	background-image: url(../images/home/rss.png);
}

body .side2 .content .plug .line a {
    background-image: url(../images/home/line.png);
}

body .side2 .content .plug .rss a,body .side2 .content .plug .line a {
    background-position: 0 0;
}
body .side2 .content .plug ul li {
	float: left;
	padding: 0;
}
body .side2 .content .plug ul .fb a {
	background-position: -85px 0;
}
body .side2 .content .plug ul .fb a:hover {
	background-position: -85px -23px;
}
body .side2 .content .plug ul .twitter a {
	background-position: -108px 0;
}
body .side2 .content .plug ul .twitter a:hover {
	background-position: -108px -23px;
}
body .side2 .content .plug ul .google a {
	background-position: -131px 0;
}
body .side2 .content .plug ul .google a:hover {
	background-position: -131px -23px;
}
body .side2 .content .plug ul .plurk a {
	background-position: -154px 0;
}
body .side2 .content .plug ul .plurk a:hover {
	background-position: -154px -23px;
}
body .side2 .content .plug ul .print a {
	background-position: 0 0;
	width: 85px;
}
body .side2 .content .plug ul .print a:hover {
	background-position: 0 -23px;
}
body .side2 .content .plug ul {
	float: right;
}
body .side2 .content .plug {
	position: absolute;
	top: 12px;
	right: 17px;
}
/*--------內頁搜尋------------*/
body .side2 .content .main_search .subtitle {
	background-image: url(../images/home/search_icon.png);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	padding-left: 22px;
	position: absolute;/* height: 30px; *//* line-height: 30px; */
}
body .side2 .content .main_search .dateicon a {
	position: absolute;
	display: block;
	right: 5px;
	opacity: 0.7;
}
body .side2 .content .main_search .date02 .dateicon a {
	right: 43px;
}

body.large .side2 .content .main_search .date02 .dateicon a {
    right: 47px;
}
body .side2 .content .main_search .ww {
	position: absolute;
}
body .side2 .content .main_search .dateicon a:hover {
	opacity: 1;
}
body .side2 .content .main_search {
	font-size: 111%;
	border-top: 3px #bee7ea solid;
	padding-top: 15px;
}
body .side2 .content .main_search div {
	padding: 0;
}
body .side2 .content .main_search .unit {
	position: relative;
}
body .side2 .content .main_search input, body .side2 .content .main_search select {
	width: 100%;
	height: 25px;
	line-height: 25px;
	background-color: #ebebeb;
	border: none;
	padding: 0 5px;
	color: #555;
}
body .side2 .content .main_search .unit .input {
	padding: 0 25px 0 135px;
}

body.large .side2 .content .main_search .unit .input {
    padding:0 45px 0 153px;
}
body.large .side2 .content.contact .main_search .unit .input, 
body.large .side2 .content.apply .main_search .unit .input{padding: 0 0 0 155px;}
body .side2 .content.contact .main_search .unit .input, body .side2 .content.apply .main_search .unit .input {
	padding: 0 0 0 137px;
}
body .side2 .content .main_search .keyword .input {
	padding: 0 40px 0 122px;
}

body.large .side2 .content .main_search .keyword .input {
    padding: 0 44px 0 136px;
}
body .side2 .content.contact .main_search .keyword .input {
	padding: 0 0 0 90px;
}
body .side2 .content .main_search .date01 .input {
	padding: 0 33px 0 106px;
}

body.large .side2 .content .main_search .date01 .input {
    padding: 0 33px 0 115px;
}
body .side2 .content .main_search .date02 .input {
	padding: 0 71px 0 23px;
}

body.large .side2 .content .main_search .date02 .input {
    padding: 0 75px 0 23px;
}
body .side2 .content .main_search .input {
	width: 100%;
	position: relative;
	float: left;
}
body .side2 .content .main_search .bt {
	position: absolute;
	right: 0;
	top: 0;
}
body .side2 .content .main_search .date {
	margin: 10px 0;
	padding: 0;
}
body .side2 .content .main_search .date img {
	width: auto;
}
body .side2 .content .main_search .bt input {
	background-color: #000;
	border: none;
	color: #fff;
	padding: 0 5px;
	font-size: 95%;
	line-height: 25px;
	height: 25px;
}
body .side2 .content .main_search .bt input:hover {
	background-color: #16c2d0;
}
/*--------內頁搜尋end------------*/
/*----------換頁-------------*/
body .side2 .content .page .buttom li a {
	background-color: #16c2d0 !important;
	float: left;
	color: #fff;
	background-repeat: no-repeat;
	height: 30px;
	text-decoration: none;
}
body .side2 .content .page .buttom li {
	margin: 2px;
	display: inline-block;
}
body .side2 .content .page ul {
	display: inline-table;
}
body .side2 .content .page .buttom {
	margin: auto;
	text-align: center;
	border-top: 3px #555 solid;
	padding: 10px 0;
	clear: both;
}
body .side2 .content .page .fast {
	margin-top: 10px;
}
body .side2 .content .page .fast span {
	margin: 0 5px;
}
body .side2 .content .page .fast .red {
	color: #d21212;
}
body .side2 .content .page .buttom li a:hover {
	background-color: #fb7692 !important;
}
body .side2 .content .page .buttom .first a, body .side2 .content .page .buttom .pre a, body .side2 .content .page .buttom .back a {
	padding: 5px 15px 5px 25px;
	background-position: 10px 11px;
}
body .side2 .content .page .buttom .send a {
	padding: 5px 15px 5px 30px;
	background-position: 7px 6px;
}
body .side2 .content .page .buttom .clear a {
	padding: 5px 15px 5px 25px;
	background-position: 5px 8px;
}
body .side2 .content .page .buttom .first a {
	background-image: url(../images/home/page_first.png);
}
body .side2 .content .page .buttom .back a {
	background-image: url(../images/home/page_back.png);
}
body .side2 .content .page .buttom .clear a {
	background-image: url(../images/home/icon_clear.png);
}
body .side2 .content .page .buttom .send a {
	background-image: url(../images/home/icon_send.png);
}
body .side2 .content .page .buttom .pre a {
	background-image: url(../images/home/page_pre.png);
}
body .side2 .content .page .buttom .next a, body .side2 .content .page .buttom .end a {
	background-position: 68px 11px;
	padding: 5px 25px 5px 15px;
}
body .side2 .content .page .buttom .next a {
	background-image: url(../images/home/page_next.png);
}
body .side2 .content .page .buttom .end a {
	background-image: url(../images/home/page_end.png);
}
/*-------------換頁end------------------*/
/*-------------newslist----------------*/
body .side2 .content.newslist li:nth-child(odd) a, body .side2 .content.detail .titlebar, body .side2 .content.schedule .list li:nth-child(odd), body .side2 .content.newslist.node li:nth-child(odd) {
	background-color: #ececec;
}
body .side2 .content.newslist li a:hover {
	background-color: #f1ecb2;
	text-decoration: none;
}
body .side2 .content.newslist li .date, body .side2 .content.newslist li .office, body .side2 .content.detail .titlebar .date, body .side2 .content.detail .titlebar .office, body .side2 .content.schedule li .date, body .side2 .content.schedule li .time {
	font-size: 90%;
	/* position: absolute; */
	white-space: nowrap;
}
body.large .side2 .content.newslist li .office{left: 110px;}
body .side2 .content.newslist li .date, body .side2 .content.eventlist li .date, body .side2 .content.detail .titlebar .date, body .side2 .content.schedule li .date {
	color: #fb7692;
	/* left: 25px; */
	float: left;
	margin-right: 5px;
}
body .side2 .content.newslist li .office.long, body .side2 .content.eventlist li .office.long, body .side2 .content.detail .titlebar .office.long {
	/* left: 160px; */
}
body.large .side2 .content.newslist li .office.long, 
body.large .side2 .content.eventlist li .office.long, 
body.large .side2 .content.detail .titlebar .office.long {
	/* left: 167px; */
}

/*body.large .side2 .content.detail .titlebar .info, body .side2 .content.newslist .info,body .side2 .content.schedule .info {*/
  body.large .side2 .content.detail .titlebar .info, body .side2 .content.newslist .info, body .side2 .content.schedule .info, body .side2 .content .titlebar .info {                                                                                                                               
    position: absolute;
    left: 25px;
}
body .side2 .content.newslist li .line, body .side2 .content.detail .titlebar .line {
	text-indent: -9999px;
	border-left: 4px #43aab4 solid;
	padding-left: 5px;
	display: none;
}
body .side2 .content.newslist li .speak a, body .side2 .content.eventlist li .speak a {
	background-image: url(../images/home/speak.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 35px;
	height: 30px;
	position: absolute;
	right: 10px;
	bottom: 20px;
	text-indent: -9999px;
	background-color: transparent;
}

body .side2 .content.detail .titlebar .speak img {
    width: auto;
    position: absolute;
    right: 15px;
    bottom: 15px;
}
body .side2 .content.eventlist li .speak a {
	padding: 0;
	border: none;
}
body .side2 .content.newslist li .speak a:hover, body .side2 .content.eventlist li .speak a:hover, body .side2 .content.detail .titlebar .speak a:hover {
	background-position: 0 -30px;
	background-color: transparent;
}
body .side2 .content.newslist li .office, body .side2 .content.detail .titlebar .office, body .side2 .content.schedule li .time {
	color: #bb8913;
	/* left: 95px; */
}
body .side2 .content.schedule li .time {
	/* left: 105px; */
}

body.large .side2 .content.schedule li .time {
    left: 115px;
}
body .side2 .content.newslist li .article, body .side2 .content.detail .titlebar .article, body .side2 .content.schedule li .link {
	padding-top: 20px;
	color: #555;
	border-left: 4px #16c2d0 solid;
	padding-left: 10px;
	padding-right: 50px;
}
body .side2 .content.newslist.node li .article {
	padding-left: 6px;
	padding-right: 0;
}
body .side2 .content.newslist.node.nodate li .article {
	padding-top: 0;
}
body .side2 .content.newslist li .article.hot {
	background-image: url(../images/all/icon_hot.png);
	background-repeat: no-repeat;
	background-position: 11px 25px;
	padding-left: 41px;
}
body .side2 .content.newslist li a, body .side2 .content.detail .titlebar, body .side2 .content.schedule .list li, body .side2 .content.newslist.node .list li {
	padding: 10px;
	display: block;
	width: 100%;
}
body .side2 .content.newslist.node .list li {
	display: inline-block;
	padding: 10px 0;
}
body .side2 .content.newslist.node li .download {
	border-left: 1px #ababab dashed;
	display: inline-block;
	padding: 10px;
}
body .side2 .content.newslist.node.nodate li .download {
	padding: 0 0 0 5px;
}
body .side2 .content.newslist.node li .download p {
	display: none;
}
body .side2 .content.newslist.node li .download img {
	width: auto;
}
body .side2 .content.newslist.node li .download a {
	padding: 0;
	margin-left: 3px;
	float: left;
	width: auto;
}
body .side2 .content.newslist.node li .download a:hover {
	background-color: transparent;
}
body .side2 .content.detail .link .title, body .side2 .content.detail .annex .title, body .side2 .content.tree .annex .title {
	background-color: #fb7692;
	color: #fff;
	font-size: 130%;
	padding: 5px 0 5px 35px;
	background-repeat: no-repeat;
	background-position: 5px 9px;
}
body .side2 .content.detail .link .title {
	background-image: url(../images/home/icon_link.png);
	background-position: 7px 9px;
}
body .side2 .content.detail .link {
	margin-bottom: 20px;
}
body .side2 .content.detail .published {
	display: inline-block;
	width: 100%;
	margin: 10px 0;
}
body .side2 .content.detail .published ul {
	float: right;
}
body .side2 .content.detail .published ul li {
	padding: 2px 0;
	color: #909090;
	float: left;
	margin-left: 15px;
}
body .side2 .content.detail .link li a, body .side2 .content.detail .annex li, body .side2 .content.tree .annex li {
	background-image: url(../images/home/dot02.png);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 26px;
}
/*body .side2 .content.detail .link li a.talk {*/
body .side2 .content.detail a.talk {
    background-color: #bf0f0f;
    color: #fff;
    font-size: 85%;
    background-image: url(../images/all/icon_talk.png);
    background-repeat: no-repeat;
    border-radius: 50px;
    padding: 2px 10px 4px 30px;
    background-position: 10px 6px;
    white-space: nowrap;
    margin-left: 23px;
    text-decoration: none;
    float: right;
    margin: 10px 5px 0 0;
}

body .side2 .content.detail a:hover.talk {
    background-color: #f7ab00;
}
body .side2 .content.detail .annex li {
	background-position: 10px 16px;
	padding: 10px 25px 10px 26px !important;
}
body .side2 .content.tree .annex li {
	padding: 10px 0 10px 26px !important;
	background-position: 10px 16px;
}
body .side2 .content.detail .link li, body .side2 .content.detail .annex li, body .side2 .content.tree .annex li {
	padding: 10px 0;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #d0d0d0;
}
body .side2 .content.detail .annex .title, body .side2 .content.tree .annex .title {
	background-image: url(../images/home/icon_annex.png);
	background-position: 9px 6px;
}
body .side2 .content.detail .annex .download img, body .side2 .content.tree .annex .download img {
	width: auto;
}
body .side2 .content.detail .annex .download, body .side2 .content.tree .annex .download {
	position: absolute;
	right: 5px;
}
/*-------------newslist--end--------------*/
body .side2 .content.eventlist .list .pic {
	float: left;
	margin: 0 10px 0 0;
	width: 26%;
}
body .side2 .content.eventlist .list a {
	display: inline-block;
	padding: 15px 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ccc;
	text-decoration: none;
}
body .side2 .content.eventlist .list .last a {
	border: 0;
}
body .side2 .content.eventlist .list a:hover {
	background-color: #fff1bc;
}
body .side2 .content.eventlist li .date {
	font-size: 90%;
}
body .side2 .content.eventlist li .article {
	color: #3b9dcb;
	font-size: 110%;
	line-height: 105%;
	padding: 3px 0;
	float: left;
	width: 70%;
}
body .side2 .content.eventlist li .article.hot {
	background-image: url(../images/all/icon_hot.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 28px;
}
body .side2 .content.eventlist li .txt {
	line-height: 115%;
	color: #555;
	overflow: hidden;
	height: 50px;
	padding-right: 45px;
}
/*------------------訊息內容--------------*/
body .side2 .content.detail .titlebar .article {
	font-size: 120%;
}
body .side2 .content.detail .editor {
	padding: 10px 10px 10px 20px;
	display: inline-block;
	    font-size: 115%;
}
body .side2 .content.detail .editor p{
	margin:10px 0 10px 0;
	line-height:150%;
}
body .side2 .content.detail .editor .pic {
	padding: 10px 5px 0 5px;
}
body .side2 .content.detail .editor pic {
	padding: 10px 0;
}
/*--------------聯絡資訊------------------*/
body .side2 .content.contact .list_box .list, body .side2 .content.apply .list_box .list, body .side2 .content.tree .list_box .list {
	border-bottom: 1px #c3c3c3 solid;
	display: inline-block;
	width: 100%;
}
body .side2 .content.contact .list_box .list .info, body .side2 .content.apply.detail .list_box .list .info, body .side2 .content.tree .list_box .list .level2 {
	border-left: 1px #c3c3c3 solid;
	padding: 5px 0 5px 10px;
	margin-bottom: 5px;
}
body .side2 .content.contact .list_box .list .info .info_box {
	display: inline-block;
	width: 100%;
	margin: -10px 0 0 -10px;
}
body .side2 .content.contact .list_box .list .info .info_box .item {
	padding: 10px 0 10px 10px;
}
body .side2 .content.contact .list_box .list .info .item_info li, body .side2 .content.tree .list_box .list .level2 li {
	background-image: url(../images/all/arrow04.png);
	background-repeat: no-repeat;
	background-position: 0 11px;
	padding: 7px 0 7px 15px;
}
body .side2 .content.tree .list_box .list .level2 li {
	font-size: 110%;
	padding: 4px 0 7px 10px;
}
body .side2 .content.contact .list_box .list .info .info_box:nth-child(2n+2), body .side2 .content.tree .list_box .list:nth-child(2n+2) {
	background-color: rgba(85, 85, 85, 0.15);
}
body .side2 .content.contact .list_box .list .title, body .side2 .content.apply.detail .list_box .list .title {
	font-size: 105%;
	color: #000;
	padding: 0 0 0 15px;
}
body .side2 .content.contact .map {
	position: relative;
	padding-bottom: 44.25%;
	height: 0;
	padding-top: 0;
	border: 1px #e5e5e5 solid;
}
body .side2 .content.contact .map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 10px;
}
body .side2 .content.contact .traffic .title, body .side2 .content.apply .stitle {
	background-image: url(../images/home/arrow03.png);
	background-repeat: no-repeat;
	background-position: 0 5px;
	font-size: 125%;
	padding-left: 20px;
	color: #3f87b2;
}
body .side2 .content.contact .traffic {
	padding: 20px 5px;
}
/*--------------申辦表單-------------------------*/
body .side2 .content.apply .stitle {
	background-color: transparent;
	clear: both;
	border-radius: 0;
	margin: 0 0 0 4px;
	background-position: 0 10px;
	width: 100%;
}
body .side2 .content.apply .sbar li a {
	color: #fff;
	font-size: 100%;
	white-space: nowrap;
	padding: 0 15px;
	display: block;
	text-decoration: none;
}
body .side2 .content.apply .sbar li a:hover {
	background-color: #fb7692 !important;
}
body .side2 .content.apply .sbar li {
	float: left;
	padding: 5px 0 5px 0;
	margin: 0 0 -7px 0;
}
body .side2 .content.apply .sbar li:nth-child(2n+2) a {
	background-color: #06afbd;
}
body .side2 .content.apply .sbar ul {
	display: inline-block;
}
body .side2 .content.apply .item_bar {
	text-align: center;
	background-color: #e9e9e9;
	padding: 7px;
	font-size: 120%;
	color: #247eb3;
}
body .side2 .content.apply .item_title {
	background-repeat: no-repeat;
	display: block;
	padding: 6px 0 18px 47px;
	background-position: 5px 33%;
	border-bottom: 1px #c3c3c3 solid;
	font-size: 130%;
	color: #3f87b2;
	margin-bottom: 5px;
}
body .side2 .content.apply .item_title.download {
	background-image: url(../images/home/icon_form.png);
}
body .side2 .content.apply .item_title.online {
	background-image: url(../images/home/icon_online.png);
}
body .side2 .content.apply .list_box .list a {
	background-image: url(../images/home/icon_form.png);
	background-repeat: no-repeat;
	display: block;
	padding: 7px 0 8px 47px;
	background-position: 5px 7px;
}
body .side2 .content.apply .list_box .list .info a {
	background-image: none;
	padding: 0;
	float: left;
	margin-right: 10px;
}
body .side2 .content.apply .list_box .list .info a:hover {
	background-color: transparent;
}
body .side2 .content.apply .list_box .list .info a img {
	width: auto;
}
body .side2 .content.apply .list_box.online .list a {
	background-image: url(../images/home/icon_online.png);
}
body .side2 .content.apply .list_box .list .info .date, body .side2 .content.apply .list_box .list .info .unit {
	font-size: 90%;
}
body .side2 .content.apply .list_box .list .info .date {
	color: #969696;
}
body .side2 .content.apply .list_box .list .info .unit {
	color: #49b120;
	margin-left: 5px;
}
body .side2 .content.apply .list_box .list .item {
	font-size: 120%;
}
body .side2 .content.apply .list_box .list a:hover {
	background-color: rgba(247,211,91,0.5);
	text-decoration: none;
}
body .side2 .content.apply.detail .note .bar {
	background-color: #ce1e06;
	color: #e8e3ce;
	font-size: 130%;
	background-image: url(../images/home/icon_note.png);
	background-position: 5px 6px;
	background-repeat: no-repeat;
	padding: 5px 0 5px 35px;
}
body .side2 .content.apply.detail .note img {
	width: auto;
}
body .side2 .content.apply.detail .note li {
	color: #ce1e06;
	font-size: 105%;
	border-bottom: 1px #c3c3c3 solid;
	padding: 5px 0 5px 35px;
	background-image: url(../images/home/dot03.png);
	background-repeat: no-repeat;
	background-position: 21px 11px;
}
body .side2 .content.apply.detail .note li input {
	margin: 2px 5px;
}
body .side2 .content.apply.detail .note li .link a {
	font-size: 90%;
	margin-left: 10px;
}
body .side2 .content.apply.detail .note li ul li {
	padding: 3px 0;
	background: none;
	border: none;
	color: #555;
	font-size: 100%;
}
body .side2 .content.apply.detail .note li ul {
	margin-top: 5px;
}
/*-----------影音專區------*/
body .side2 .content .main_search.video .unit .input {
	padding: 0 10px 0 0px;
}
body .side2 .content .main_search.video .keyword .subtitle {
	background-position: 0;
}
body .side2 .content.video .list, body .side2 .content.image .list {
	margin: 10px 0;
}
body .side2 .content.video .pic, body .side2 .content.image .pic {
	margin: 0;
}
body .side2 .content.image .pic {
	border: 4px #dedede solid;
	overflow: hidden;
}
body .side2 .content.video li a:hover, body .side2 .content.image li a:hover {
	background-color: #e9e9e9;
	color: #16c2d0;
}
body .side2 .content.video li a:hover div.subject, body .side2 .content.image li a:hover div.subject {
	color: #16c2d0;
}
body .side2 .content.video li a, body .side2 .content.image li a {
	padding: 5px;
	display: block !important;
}
body .side2 .content.video li, body .side2 .content.image li {
	margin-bottom: 18px;
	padding: 0 5px;
}
body .side2 .content.video .list .date, body .side2 .content.image .list .date, body .side2 .content.image .list .unit, body .side2 .content.video .list .time, body .side2 .content.image .list .num, body .side2 .content.image .carousel-caption .date {
	font-size: 90%;
	padding: 2px 0;
}
body .side2 .content.video .list .date, body .side2 .content.image .list .date, body .side2 .content.image .carousel-caption .date {
	float: left;
	color: #ff8e9f;
}
body .side2 .content.video .subject, body .side2 .content.image .subject {
	clear: both;
	line-height: 120%;
	height: 35px;
	overflow: hidden;
	font-size: 105%;
	color: #545454;
}
body .side2 .content.image .list .unit, body .side2 .content.image .modal .unit {/* float: right; *//* color: #16c2d0; */
	background-image: url(../images/video/icon_unit.png);
}
body .side2 .content.video .time, body .side2 .content.image .num, body .side2 .content.image .list .unit, body .side2 .content.image .modal .unit {
	float: right;
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding: 2px 0 2px 14px !important;
	color: #16c2d0;
}
body .side2 .content.video .time {
	background-image: url(../images/video/icon_time.png);
}
body .side2 .content.image .num {
	background-image: url(../images/video/icon_album.png);
}
/*-------------fancybox--------------------------*/
body .fancybox-skin {
	border-radius: 0;
	padding: 10px !important;
}
body .fancybox-skin img {
	width: 100% !important;
}
body .fancybox-title-float-wrap {
	position: relative;
	width: 100%;
	margin: 0;
	text-align: left;
	right: auto;
}
body .fancybox-title-float-wrap .child {
	background-color: #fff;
	text-shadow: none;
	color: #000;
	font-size: 105%;
	font-weight: normal;
	margin: 0;
	text-align: left;
	border-radius: 0;
	padding: 5px 0 0 0;
	white-space: normal;
	font-family: "微軟正黑體";
	line-height: 135%;
}
body .fancybox-overlay {
	overflow-x: hidden !important;
}
body .fancybox-opened {
	width: auto !important;
	max-width: 990px !important;/* left: initial !important; */
}
body .fancybox-inner {
	width: 100% !important;
}
/*----------lightbox-------------------*/
body .modal.carousel {
	position: fixed;
	padding-right: 0 !important;
}
body .modal.in .modal-dialog {
	max-width: 990px;
	width: 70% !important;
	margin: 50px auto;/* padding: 0 10%; */
}
body .carousel-control.right, body .carousel-control.left {
	background-image: none;
}
body .carousel-control {
	bottom: auto;
	width: 10%;
	top: 45%;
}
body .modal-content {
	border-radius: 0;/* margin: 0 20%; */
}
body .modal-body {
	padding: 10px;
}
body .carousel-caption {
	position: relative;
	left: 0;
	right: 0;
	text-align: left;
	color: #000;
	text-shadow: none;
	padding: 5px 0 0 0;
	bottom: 0;
}
body .carousel-caption .fr {
	position: absolute;
	right: 2px;
	top: 10px;
}
body .carousel-caption .fr img {
	width: auto;
}
body .side2 .content.image .modal-content .subject {
	margin-right: 20px;
	height: auto;
	margin-bottom: 5px;
}
body .side2 .content.image .modal-content .subject.image {
	margin-right: 0;
}
body .side2 .content.image .modal-content .txt {
	color: #737373;
}
body .side2 .content.image a.btn.btn-primary {
	background-color: transparent;
	border: none;
	text-align: left;
	font-size: 105%;
	white-space: normal;
	line-height: 120%;
}
/*--------重大政策----------------*/
body .side2 .content.policy .sbar {
	border-radius: 20px;
	font-size: 140%;
	padding: 3px 0;
	margin-top: 12px;
}
body .side2 .content.policy .info {
	line-height: 160%;
	font-size: 110%;
	padding: 15px 10px;
}
body .side2 .content.policy .info .title {
	color: #000;
	font-size: 115%;/* padding: 8px 0; */
}
body .side2 .content.policy .menu_list ul li a {
	background-color: #ffebbb;
	display: block;
	border-radius: 50%;
}
body .side2 .content.policy .menu_list ul li {
	padding: 0 5px;
	margin: 5px 0;
}
body .side2 .content.policy .menu_list.area03 ul li img {
	padding: 2px;
}
body .side2 .content.policy .menu_list.area02 ul li {
	padding: 10px;
}
body .side2 .content.policy .menu_list {
	margin: 20px 0;
	display: inline-block;
}
body .side2 .content.policy .menu_list ul li a:hover {
	background-color: #bbebff;
}
body .side2 .content.policy .list .ui-state-default, body .side2 .content.policy .list .ui-widget-content .ui-state-default, body .side2 .content.policy .list .ui-widget-header .ui-state-default {
	border: none;
	border-radius: 50px;
	font-size: 110%;
	background: none;
 background-color: #;
	background-color: #555;
	background-image: url(../images/policy/list_bg.gif);
	padding: 10px 10px 10px 30px;
	background-repeat: repeat-x;
	background-position: 50%;
	font-family: "微軟正黑體";
}
body .side2 .content.policy .list .ui-state-hover, body .side2 .content.policy .list .ui-state-active {
	background-image: url(../images/policy/list_bgo.gif);
}
body .side2 .content.policy .list .ui-widget-content {
	border: none;
	padding: 0;
}
body .side2 .content.policy .list .ui-widget-content p {
	line-height: 150%;
	font-family: "微軟正黑體";
	padding: 10px 30px;
}
body .side2 .content.policy .page .buttom {
	border: none;
	margin-top: 20px;
}
body .side2 .content.policy .page .buttom .back a {
	border-radius: 50px;
}
/*------------公開行程--------------*/
body .schedule .calendar {
	margin-top: 25px;
}
body .schedule .calendar .fc-scroller {
	height: auto !important;
}
body .schedule .calendar .fc-widget-content {
	height: auto !important;
	min-height: 2em;
}
body .schedule .event_sc .titlebar {
	background-color: #16c2d0;
	color: #fff;
	padding: 10px;
	margin: 10px 0;
	font-size: 115%;
}
body .schedule .calendar .fc-row th {
	background-color: #555;
	color: #fff;
	line-height: 220%;
}
body .schedule .calendar .fc-widget-content .fc-today {
	background: #fb7692;
}
body .schedule .calendar .fc-widget-content .fc-today a {
	color: #fff;
}
body .schedule .calendar .fc-toolbar .fc-center {
	font-size: 130%;
	font-weight: bold;
}
/*------------faq--------*/
body .side2 .content.faq .category li {
	padding: 5px;
}
body .side2 .content.faq .list .answer {
	background-color: #ececec;
	background-image: url(../images/faq/icon_a.png);
}
body .side2 .content.faq .list .answer a {
	color: #000;
}
body .side2 .content.faq .list .quest {
	background-image: url(../images/faq/icon_q.png);
}
body .side2 .content.faq .list .quest .office {
	color: #bb8913;
	font-size: 95%;
	line-height: 100%;
}
body .side2 .content.faq .list li {
    padding: 10px 10px 10px 50px;
    background-repeat: no-repeat;
    background-position: 5px center;
    min-height: 60px;
}
body .side2 .content.faq .list .quest .article {
    margin-top: 5px;
}
body .side2 .content.faq .category li a {
	display: block;
	text-align: center;
	background-color: #16c2d0;
	border-radius: 5px;
	padding: 10px 0;
	font-size: 110%;
	color: #fff;
}
body .side2 .content.faq .category li a:hover {
	background-color: #fb7692;
	text-decoration: none;
}
/*---------訂閱電子報-----*/
body .side2 .content.epaper.faq .list {
    clear: both;
}
body .side2 .content.epaper .sub_info {
	background-image: url(../images/home/epaper_pic.png);
	background-repeat: no-repeat;
	padding-left: 165px;
	position: relative;
	min-height: 120px;
	clear: both;
	display: block;
	padding-top: 30px;
}
body .side2 .content.epaper .smenu li {
	padding: 1px;
}
body .side2 .content.epaper .smenu {
	display: block;
	margin-bottom: 55px;
}
body .side2 .content.epaper .smenu li a {
	background-color: #16c2d0;
	color: #fff;
	padding: 5px 13px;
	font-size: 120%;
	display: block;
	margin-bottom: 2px;
	text-align: center;
}
body .side2 .content.epaper .smenu li a:hover {
	background-color: #fb7692;
	text-decoration: none;
}
body .side2 .content.epaper .sub_info input {
	background-color: #e9e9e9;
	border: none;
	width: 100%;
	line-height: 200%;
}
body .side2 .content.epaper .sub_info .button input {
	background-color: #16c2d0;
	color: #fff;
	font-size: 110%;
	width: auto;
	padding: 0 10px;
}
body .side2 .content.epaper .sub_info .button input:hover {
	background-color: #fb7692;
}
body .side2 .content.epaper .sub_info .button {
	margin-top: 5px;
	position: absolute;
	right: 0;
}
body .side2 .content.epaper .sub_info .txt {
	color: #155ea5;
	font-size: 120%;
	line-height: 150%;
}
body .side2 .content.epaper .sub_info .txt .note {
	font-size: 90%;
	color: #fb7692;
	padding-left: 5px;
}
body .side2 .content.epaper.newslist ul {
    clear: both;
    display: block;
    margin-top: 10px;
}
/*-------政府資訊公開-----*/
body .side2 .content.tree .list_box .list .level1 {
	background-image: url(../images/home/icon_gov.png);
	background-repeat: no-repeat;
	padding: 10px 0 15px 41px;
	background-position: 5px 5px;
	font-size: 130%;
}

body .side2 .content.book.tree .list_box .list .level1 {
    background-image: url(../images/home/icon_book.png);
    background-position: 14px 8px;
}

body .side2 .content.book.tree .list_box .list .level1 ul li a {
    font-size: 95%;
    color: #000;
    background-image: url(../images/home/dot04.png);
    background-repeat: no-repeat;
    background-position: 3px 8px;
    margin-left: 5px;
    padding-left: 14px;
}

body .side2 .content.book.tree .list_box .list .level1 ul li {
    padding: 5px 0;
    position: relative;
}

body .side2 .content.book.tree .list_box .list .level1 ul li ul li {
    padding: 0px 0 10px 42px;
    background-image: url(../images/book/treeline03.png);
    background-position: 0 -36px;
    background-repeat: no-repeat;
    /* padding-top: 0; */
    line-height: 100%;
}

body .side2 .content.book.tree .list_box .list .level1 ul li ul {
    background-image: url(../images/book/treeline01.png);
    background-repeat: repeat-y;
    background-position: 0 0;
    margin-left: 68px;
    margin-top: -23px;
}

body .side2 .content.book.tree .list_box .list .level1 ul li ul li a {
    color: #555;
    font-size: 80%;
    padding-left: 0;
    background-image: none;
    margin: 0;
}

body .side2 .content.book.tree .list_box .list .level1 .start {
    padding-top: 0;
}

body .side2 .content.book.tree .list_box .list .level1 .start .white,body .side2 .content.book.tree .list_box .list .level1 .end .white {
    position: absolute;
}

body .side2 .content.book.tree .list_box .list .level1 .start .white {
    left: 17px;
    top: -14px;
}

body .side2 .content.book.tree .list_box .list .level1 .end .white {
    left: 17px;
    bottom: -4px;
}
body .side2 .content.tree.sitemap .list_box .list .level1 {
	background-image: url(../images/home/icon_sitemap.png);
	background-position: 5px 7px;
}
body .side2 .content.tree .list_box .list .level1 a {
	color: #115495;
}
body .side2 .content.tree .list_box .list {
	margin-top: -5px;
	padding-top: 5px;
}

body .side2 .content.book.tree .list_box .list {
    margin: 0;
    background-color: transparent;
}
body .side2 .content.tree .list_box {
	margin-bottom: 15px;
}
/*-------------sitemap---------------*/
body .side2 .content.sitemap.tree .txt {
	padding: 5px;
	line-height: 160%;
	font-size: 110%;
	margin-bottom: 11px;
}
/*-----rss訂閱--------------*/
body .side2 .content.rss.tree .txt {
	background-color: #e5e5e5;
	padding: 10px;
	margin-bottom: 10px;
}
body .side2 .content.rss.tree .txt p {
	padding-left: 27px;
	line-height: 150%;
}
body .side2 .content.rss.tree .txt .quest {
	background-image: url(../images/home/rss_quest.png);
	background-repeat: no-repeat;
	color: #bd1c00;
	font-size: 130%;
	padding-left: 27px;
	line-height: 165%;
	background-position: 0 center;
}
body .side2 .content.rss.tree .list_box .list .level1 {
	background-image: url(../images/home/icon_rss.png);
	background-position: 5px 10px;
	padding: 9px 0 15px 35px;
}
body .side2 .content.rss.tree .list_box .list .level1 a {
	color: #d42900;
}
/*--------------政府出版品--------------------*/
body .side2 .content.book .booklist, body .side2 .content.book .book_intro {
    display: inline-block;
}

body .side2 .content.book .ranklist ul li {padding: 15px 10px 15px 65px;background-repeat: no-repeat;background-position: 15px center;}

body .side2 .content.book .ranklist ul li.r02 {
    background-image: url(../images/book/r02.png);
}
body .side2 .content.book .ranklist ul li.r03 {
    background-image: url(../images/book/r03.png);
}
body .side2 .content.book .ranklist ul li.r04 {
    background-image: url(../images/book/r04.png);
}
body .side2 .content.book .ranklist ul li.r05 {
    background-image: url(../images/book/r05.png);
}
body .side2 .content.book .ranklist ul li.r06 {
    background-image: url(../images/book/r06.png);
}
body .side2 .content.book .ranklist ul li.r07 {
    background-image: url(../images/book/r07.png);
}
body .side2 .content.book .ranklist ul li.r08 {
    background-image: url(../images/book/r08.png);
}
body .side2 .content.book .ranklist ul li.r09{
    background-image: url(../images/book/r09.png);
}
body .side2 .content.book .ranklist ul li.r10 {
    background-image: url(../images/book/r10.png);
}

body .side2 .content.book .ranklist ul li .bookname a {
    display: block;
    font-size: 110%;
    color: #000;
}

body .side2 .content.book .ranklist ul li .office {
    color: #1996c4;
    font-size: 90%;
}

body .side2 .content.book .ranklist {
    clear: both;
    float: left;
    width: 100%;
}

body .side2 .content.book .ranklist li:nth-child(odd) {
    background-color: #ebebeb;
}

body .side2 .content.book .main_search .name .input {
    padding: 0 0 0 147px;
}

body .side2 .content.book .main_search .organ .input {
    padding: 0 0 0 178px;
}

body .side2 .content.book .main_search .number .input {
    padding: 0 0 0 122px;
}

body .side2 .content.book .main_search .date {
    margin-top: 0px;
}

body .side2 .content.book .main_search .input {
    margin-bottom: 5px;
}

body .side2 .content.book .main_search .date02 .input {
    padding: 0 29px 0 23px;
}

body .side2 .content.book .main_search .gpn .input {
    padding: 0 0 0 172px;
}

body .side2 .content.book .main_search .writer .input {
    padding: 0 0 0 144px;
}

body .side2 .content.book .main_search .name {
    font-size: 100%;
}

body .side2 .content.book .main_search {
    font-size: 110%;
}

body .side2 .content.book .main_search .send .bt{
    position: relative;
    float: right;
}

body .side2 .content.book .main_search .send .note {
    color: #d83658;
    font-size: 95%;
    position: absolute;
    right: 75px;
    top: 12px;
}
body .side2 .content.book .main_search .date02 .dateicon a{
    right: 0;
}
body .side2 .content.book .main_search .send {
    border-top: 1px #cecece solid;
    padding: 10px 0;
}

body .side2 .content.book .sbar {
    border-radius: 50px;
    text-align: left;
    padding: 5px 0 5px 40px;
    background-repeat: no-repeat;
    background-position: 13px 6px;
    position: relative;
    margin-bottom: 20px;
}

body .side2 .content.book.list .sbar {
    margin-bottom: 0;
}

body .side2 .content.book .sbar.newbook {
    background-image: url(../images/book/icon_newbook.png);
}

body .side2 .content.book .sbar.recbook {
    background-image: url(../images/book/icon_recbook.png);
    background-position: 13px 8px;
}

body .side2 .content.book .sbar.ranking {
    background-image: url(../images/book/icon_ranking.png);
    background-position: 13px 8px;
}

body .side2 .content.book .booklist {
    margin-bottom: 10px;
}
body .side2 .content.book .booklist p {
    text-align: center;
}

body .side2 .content.book .booklist .pic {
    margin-bottom: 5px;
    border: 1px #fff solid;
}

body .side2 .content.book .booklist a:hover .pic {
	    border: 1px #ead741 solid;
		opacity:0.8;
	}
body .side2 .content.book .booklist a:hover {
	color: #bf1d3f;
	text-decoration: none;
	}

body .side2 .content.book .info .project .bookname {
    border-left: 7px #1178ae solid;
    padding-left: 10px;
    font-size: 120%;
    color: #0570a9;
    margin: 10px 0;
}

body .side2 .content.book.list .info .project .bookname {
    margin: 5px 0 0 0;
}

body .side2 .content.book.list .info {border-bottom: 1px #ababab dashed;padding: 15px 0;}
body .side2 .content.book.list .info:nth-last-child(2) {
    border-bottom: none;
}
body .side2 .content.book .info .project .bookname.rank {
    color: #c7992b;
    background-image: url(../images/book/r01.png);
    background-repeat: no-repeat;
    border: none;
    background-position: 0 center;
    padding: 13px 0 13px 50px;
    margin: 0;
}

body .side2 .content.book .book_intro {
    clear: both;
    margin-top: 25px;
}

body .side2 .content.book .book_intro .stitle {
    background-image: url(../images/book/stitle_line.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-color: transparent;
    padding: 0;
}

body .side2 .content.book .book_intro .stitle.red {
    background-image: url(../images/book/stitle_line02.png);
}

body .side2 .content.book .book_intro .txt {
    padding: 15px;
}

body .side2 .content.book .book_intro .stitle .box {
    background-color: #1178ae;
    border-radius: 50px;
    padding: 3px 15px;
}

body .side2 .content.book .book_intro .stitle.red .box {
    background-color: #ae4111;
}

body .side2 .content.book .info .project .stitle {
    float: left;
    background-color: #000;
    font-size: 100%;
    width: 130px;
    text-align: center;
    border-radius: 0;
    padding: 2px;
    margin-right: 5px;
}

body .side2 .content.book.list .info .project .stitle {
    width: auto;
    padding: 2px 10px;
}

body .side2 .content.book .info .project li {
    float: left;
    clear: both;
    margin-top: 15px;
}

body .side2 .content.book.list .info .project li {
    margin-top: 10px;
}

body .side2 .content.book .info .project li.open {
    background-image: url(../images/home/dot03.png);
    background-repeat: no-repeat;
    background-position: 0 7px;
    padding-left: 13px;
}

body .side2 .content.book .info .project li.open a {
    color: #a80606;
    font-size: 110%;
}

body .side2 .content.book .info .project li p {
    padding-left: 135px;
    padding-top: 2px;
}

body .side2 .content.book.list .info .project li p {
    padding-left: 81px;
}

body .side2 .content.book .sbar .more a {
    background-image: url(../images/book/icon_more.png);
    text-indent: -9999px;
    display: block;
    position: absolute;
    width: 57px;
    height: 18px;
    right: 18px;
    top: 10px;
}

body .side2 .content.book .sbar .more a:hover {
    background-position: 0 19px;
}