@charset "utf-8";

/* ---------------------------------------------------------
top-peage
----------------------------------------------------------*/
.topics .tabblock{
	display: none;
}
.topics .tab .tabnav {
	border-bottom: 2px solid #e5e5e5;
	font-size: 100%;
}
.topics .tab .tabnav li{
	float: left;
	position: relative;
	width: 33.33333%;
	font-size: 100%;
	list-style: none;
	text-align: center;
}
.topics .tab .tabnav li:first-child{
	-webkit-border-radius: 6px 0 0 0;
	        border-radius: 6px 0 0 0;
}
.topics .tab .tabnav li:first-child a{
	-webkit-border-radius: 6px 0 0 0;
	        border-radius: 6px 0 0 0;
}
.topics .tab .tabnav li:before{
	position: absolute;
	content: '';
	width: 2px;
	height: 30px;
	background: #e5e5e5;
	top: 16px;
	right: -1px;
}
.topics .tab .tabnav li:last-child:before{
	display: none;
}
.topics .tab .tabnav li a{
	display: block;
	padding: 20px 48px;
	font-weight: bold;
	color: #fff;
	background: #0063AE;
}
.topics .tab .tabnav li.active{
	background: #3787BC;
}
.topics .tab .tabnav li.active a{
	color: #000;
	background: #FFF;
}
.topics dl dt{
	position: absolute;
	padding-left: 14px;
	background: url(/shared/templates/police/img/bg_inner_li.png) no-repeat left center;
}
.topics dl dd{
	margin-bottom: 14px;
	padding-left: 10em;
}
.topics dl dd a{
	background: none;
	padding-left: 0;
}
/* safe-living
--------------------------------------------------------- */
.safe-living h2{
	color: #006837;
	padding-left: 14px;
	border-left: 6px solid #006837;
	font-size: 18px;
}
/* ----- bnr-main ----- */
.safe-living .bnr-main ul li{
	float: left;
	width: 238px;
	height: 64px;
	margin: 0 8px 8px 0;
	border: 1px solid #52914c;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	overflow: hidden;
	background: linear-gradient(#fefcb7, #fffffc);
	list-style: none;
}
.safe-living .bnr-main li:nth-of-type(3n){
	margin-right: 0;
}
.safe-living .bnr-main ul li a{
	display: table;
	width: 100%;
	height: 100%;
	padding-left: 80px;
	background:  no-repeat left 14px center;
	transition: 0.4s;
	font-weight: bold;
}
.safe-living .bnr-main ul li a span{
	display: table-cell;
	vertical-align: middle;
}
.safe-living .bnr-main ul li:first-child a{
	background-image: url(/shared/templates/police/img/bg_ber-main_01.png);
}
.safe-living .bnr-main ul li:nth-child(2) a{
	background-image: url(/shared/templates/police/img/bg_ber-main_02.png);
}
.safe-living .bnr-main ul li:nth-child(3) a{
	background-image: url(/shared/templates/police/img/bg_ber-main_03.png);
}
.safe-living .bnr-main ul li:nth-child(4) a{
	background-image: url(/shared/templates/police/img/bg_ber-main_04.png);
}
.safe-living .bnr-main ul li:nth-child(5) a{
	background-image: url(/shared/templates/police/img/bg_ber-main_05.png);
}
.safe-living .bnr-main ul li:nth-child(6) a{
	background-image: url(/shared/templates/police/img/bg_ber-main_06.png);
}
.safe-living .bnr-main ul li:nth-child(7) a{
	background-image: url(/shared/templates/police/img/bg_ber-main_07.png);
}
.safe-living .bnr-main ul li:nth-child(8) a{
	background-image: url(/shared/templates/police/img/bg_ber-main_08.png);
}
.safe-living .bnr-main ul li:nth-child(9) a{
	background-image: url(/shared/templates/police/img/bg_ber-main_09.png);
}
.safe-living .bnr-main ul li:nth-child(10) a{
	background-image: url(/shared/templates/police/img/bg_ber-main_10.png);
}
.safe-living .bnr-main ul li:nth-child(11) a{
	background-image: url(/shared/templates/police/img/bg_ber-main_11.png);
}
.safe-living .bnr-main ul li:last-child a{
	background-image: url(/shared/templates/police/img/bg_ber-main_12.png);
}
.safe-living .bnr-main ul li a:hover{
	background-color: #fefcb7;
	transition: 0.4s;
}

/* ----- bnr-sub ----- */
.safe-living .bnr-sub ul li{
	float: left;
	width: 238px;
	height: 64px;
	margin: 0 8px 8px 0;
	border: 1px solid #b8cbd4;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	overflow: hidden;
	list-style: none;
}
.safe-living .bnr-sub li:nth-of-type(3n){
	margin-right: 0;
}
.safe-living .bnr-sub ul li a{
	display: table;
	width: 100%;
	height: 100%;
	background: linear-gradient(#d0e1fb, #fbfce8);
	transition: 0.4s;
	font-weight: bold;
}
.safe-living .bnr-sub ul li a:hover{
	background: #D0E1FB;
	transition: 0.4s;
}
.safe-living .bnr-sub ul li a span{
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}

.aside #side-slide img{
	width: 100%;
}
.aside #side-slide{
	width:190px;
	margin: auto;
	overflow:hidden;
	margin-top: 93px;
}
.aside #side-slide ul{
	width:2000px;
	margin-left:-190px;
	transition-duration: 0s;
	transition-timing-function: ease;
	transform:translate(0,0);
}
.aside #side-slide ul li{
	display:block;
	width:190px;
	float:left;
	list-style: none;
	background: none;
}
.aside #side-slide-ctl{
	text-align:center;
}
.aside #side-slide-ctl a{
	display:inline-block;
	width:38px;
	background:rgba(0,0,0,0.3);
	margin-top: 4px;
}
.aside #side-slide-ctl #side-pausebtn{
	width:81px;
}
.aside #side-slide-ctl #side-playbtn{
	width:81px;
}
.aside #side-slide-ctl a:first-child{
	float:left;
}
.aside #side-slide-ctl a:last-child{
	float:right;
}
.aside #side-slide-ctl a.hide{
	display:none;
}
/* cooperation
--------------------------------------------------------- */
.cooperation ul li {
	padding-left: 14px;
	list-style: none;
	background: url(/shared/templates/police/img/bg_inner_li.png) no-repeat left center;
}
/* relation
--------------------------------------------------------- */
.relation ul li{
	float: left;
	width: 179px;
	height: 48px;
	margin-right: 6px;
	color: #FFF;
	list-style: none;
}
.relation ul li:last-child{
	margin-right: 0;
}
.relation ul li a{
	display: table;
	width: 100%;
	height: 100%;
	padding-left: 52px;
	color: #FFF;
	background: #0063ae no-repeat left 12px center;
	transition: 0.4s;
}
.relation ul li a span{
	display: table-cell;
	vertical-align: middle;
}
.relation ul li:first-child a{
	background-image: url(/shared/templates/police/img/bg_relation_01.png);
}
.relation ul li:nth-child(2) a{
	background-image: url(/shared/templates/police/img/bg_relation_02.png);
}
.relation ul li:nth-child(3) a{
	background-image: url(/shared/templates/police/img/bg_relation_03.png);
}
.relation ul li:last-child a{
	background-image: url(/shared/templates/police/img/bg_relation_04.png);
}
.relation ul li a:hover{
	background-color: #3787BC;
	transition: 0.4s;
}
.aside .banner ul li{
	margin-bottom: 10px;
}