@charset "utf-8";

/******************************************
各ページ共通のスタイルを定義
*******************************************/

/* ----------------------------------------

再定義

---------------------------------------- */
html {
	overflow-y: scroll;
}
body {
	line-height: 1.67;
	background-color: #fff;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	color: #000;
	word-wrap: break-word;
}
@media screen and (max-width:767px){
	body {
		font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	}
}
body * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
a {
	color: #000;
	outline: none;
}
a:hover,
a:visited:hover {
	text-decoration: none;
}
button:hover,
a:hover {
	opacity: 0.6;
}
img {
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}
table {
	table-layout: fixed;
}
input,select,textarea {
	max-width: 100%;
}
input[type="button"],select{cursor: pointer;outline: none;}
:focus::-webkit-input-placeholder {color: transparent;}/* Webkit */
:focus:-moz-placeholder {color: transparent;}/* Firefox 18 以前 */
:focus::-moz-placeholder {color: transparent;}/* Firefox 19 以降 */
::-webkit-input-placeholder {color: #888; opacity: 1;}
:-moz-placeholder {color: #888; opacity: 1;}
::-moz-placeholder {color: #888; opacity: 1;}
input[type="submit"],
input[type="button"] {
	-webkit-appearance: button;
	appearance: button;
}
input[type="text"],input[type="email"],input[type="password"],input[type="tel"],textarea {
	-webkit-appearance: none; 
	border-radius: 0;
	outline: none;
}
select {
	outline: none;
}
body ::-webkit-scrollbar { width: 12px;}
body ::-webkit-scrollbar-track { background: #f1f1f1;}
body ::-webkit-scrollbar-thumb,
body ::-webkit-scrollbar-thumb:window-inactive { background: #bcbcbc;}
@media screen and (max-width:767px){
	body ::-webkit-scrollbar { width: 8px;}
}
@media all and (min-width:768px){
	a[href^="tel:"] {
		cursor: default;
		text-decoration: none;
		pointer-events: none;
		display: inline-block;/*for ie11*/
	}
}
@media screen and (max-width:767px){
	body {
		line-height: 1.464;
	}
	input,select,textarea {
		font-size: 16px;
	}
}
._isPC { display: block !important;}
img._isPC{display: inline-block !important;}
._isSP { display: none !important;}
@media screen and (max-width:768px){
	._isPC,
	img._isPC{ display: none !important;}
	._isSP { display: block !important;}
	img._isSP{display: inline-block !important;}
}

.living{color: #f87a7a;}
.living:before {content: "\f2b9"; font-family: FontAwesome; margin-right:5px;}
.skill{color: #42c982;}
.skill:before {content: "\f0c6"; font-family: FontAwesome; margin-right:5px;}
.society{color: #c3b225;}
.society:before {content: "\f19d"; font-family: FontAwesome; margin-right:5px;}
.reading{color: #1cc7c9;}
.reading:before {content: "\f02d"; font-family: FontAwesome; margin-right:5px;}
.news{color: #7a97f0;}
.news:before {content: "\f0a1"; font-family: FontAwesome; margin-right:5px;}

/* ----------------------------------------

container

---------------------------------------- */
#container {
	margin: 0 auto;
	/*font-size: 100%;  fontsize 13px */
	font-size: 107.7%; /* fontsize 14px */
	/*min-width: xxxxpx;*/
	position: relative;
	width: 100%;
}
@media screen and (max-width:767px){
	#container {
		min-width: inherit;
	}
}

/*
**
子要素のフォントサイズ指定は以下を参照
http://bueltge.de/test/emchart.html
例)
基準フォントサイズが13pxで、
特定の要素を12pxにしたい時は92.4%と指定
**
*/

/* ----------------------------------------

header

---------------------------------------- */
#header {
	border-bottom: 1px solid #000;
	position: relative;
	z-index: 5;
}
#header .headerInner {
	width: 1140px;
	height: 108px;
	margin: 0 auto;
	position: relative;
}
#header .headerInner .siteID {
	position: absolute;
	left: 0;
	top: 17px;
}
#header .headerInner .siteID a {
	text-decoration: none;
	display: block;
}
#header .headerInner .siteID a span {
	display: block;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 10px;
}
#header .headerInner .hdSearch {
	position: absolute;
	right: 335px;
	top: 16px;
}
#header .headerInner .hdSearch form {
	background: #f2f2f2;
	width: 200px;
	height: 28px;
	position: relative;
}
#header .headerInner .hdSearch form input {
	-webkit-appearance: none!important;
	-moz-appearance: none!important;
	appearance: none!important;
	outline: none!important;
	background:transparent;
	border: none; 
	font-size: 14px;
	height: 28px;
	width: 170px;
	padding: 5px;
}
#header .headerInner .hdSearch form button {
	display: block;
	width: 30px;
	height: 28px;
	position: absolute;
	top: 0;
	right: 0;
}
#header .headerInner .hdNav {
	position: absolute;
	right: 137px;
	top: 22px;
}
#header .headerInner .hdNav li {
	float: left;
	height: 17px;
}
#header .headerInner .hdNav li:first-of-type {
	border-right: 1px dotted #ccc;
	padding-right: 20px;
	margin-right: 19px;
}
#header .headerInner .hdNav li a {
	display: block;
	text-decoration: none;
	line-height: 17px;
	font-weight: bold;
	font-size: 13px;
}
#header .headerInner .hdNav li a i {
	font-size: 15px;
	font-weight: normal;
	color: #999;
	margin-right: 5px;
	font-weight: bold;
}
#header .headerInner .hdMember {
	position: absolute;
	right: 0;
	top: 16px;
}
#header .headerInner .hdMember a {
	display: block;
	width: 118px;
	height: 28px;
	background: #000;
	text-align: center;
	color: #fff;
	text-decoration: none;
	line-height: 28px;
	font-size: 13px;
}
#header .headerInner .globalNav {
	position: absolute;
	right: 30px;
	bottom: 0;
}
#header .headerInner .globalNav ul li {
	display: inline-block;
	margin-left: 55px;
}
#header .headerInner .globalNav ul li a {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	height: 40px;
	line-height: 1;
	position: relative;
}
#header .headerInner .globalNav ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #000;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
#header .headerInner .globalNav ul li a:hover {
	opacity: 1;
}
#header .headerInner .globalNav ul li a:hover:after {
  transform: scale(1, 1);
}
#header .headerInner .globalNav ul li a.active:after {
	transform: scale(1, 1)!important;
}

#header .spGlobalNav,
#header .spBtnMember,
#header .spBtnLoggedIn,
#header .spBtnSearch,
#header .spMember,
#header .spLoggedIn,
#header .spSearch {
	display: none;
}
#header .spBtnMember a,
#header .spBtnLoggedIn a,
#header .spBtnSearch a{
	opacity: 1 !important;
}

/* noscript
------------------------------- */
#noscript {
	margin-bottom: 15px;
	padding: 0.5em 1em;
	border: 2px solid #ccc;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@media screen and (max-width:767px){
	#header .headerInner .siteID a span,
	#header .headerInner .hdSearch,
	#header .headerInner .hdNav,
	#header .headerInner .hdMember,
	#header .headerInner .globalNav {
		display: none;
	}
	#header {
		border-bottom: 1px solid #000;
	}
	#header .headerInner {
		width: auto;
		height: 51px;
		border-bottom: 1px solid #ccc;
	}
	#header .headerInner .siteID {
		position: static;
		text-align: center;
		padding-top: 12px;
	}
	#header .headerInner .siteID a {
		display: inline;
	}
	#header .headerInner .siteID img {
		width: 162px;
		height: auto;
	}
	#header .spGlobalNav {
		display: block;
		position: relative;
		z-index: 1;
	}
	#header .spGlobalNav ul li {
		display: inline-block;
		width: 25%;
	}
	#header .spGlobalNav ul li a {
		display: block;
		height: 40px;
		text-decoration: none;
		text-align: center;
		font-weight: bold;
	}
	#header .spGlobalNav ul li a span {
		display: inline-block;
		height: 19px;
		line-height: 19px;
		border-right: 1px dotted #ccc;
		width: 100%;
		margin-top: 10px;
	}
	#header .spGlobalNav ul li:last-of-type a span {
		border: none;
	}
	#header .spBtnMember,
	.flagLoggedIn #header .spBtnLoggedIn,
	#header .spBtnSearch {
		position: absolute;
		top: 13px;
		display: block;
	}
	#header .spBtnMember a,
	#header .spBtnLoggedIn a,
	#header .spBtnSearch a {
		width: 24px;
		height: 24px;
		display: block;
		background: url(../../img/common/sp_btn_close.png);
		background-size: cover;
	}
	#header .spBtnMember a.active img,
	#header .spBtnLoggedIn a.active img,
	#header .spBtnSearch a.active img {
		display: none;
	}
	#header .spBtnMember,
	#header .spBtnLoggedIn{
		left: 16px;
	}
	#header .spBtnSearch {
		right: 16px;
	}
	#header .spMember {
		display: block; display: none;
		position: absolute;
		top: 50px;
		height: 300px;
		width: 100%;
		background: #fff;
		overflow: scroll;
		z-index: 2;
	}
	#header .spMember form {
		margin: 0 10px;
		border-top: 2px solid #000;
		padding: 20px 0 25px;
	}
	#header .spMember form h2 {
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 17px;
	}
	#header .spMember form dl {
		max-width: 320px;
		margin: 0 auto 20px;
	}
	#header .spMember form dl dt {
		margin-bottom: 5px;
	}
	#header .spMember form dl dd {
		margin-bottom: 12px;
	}
	#header .spMember form dl dd input {
		width: 100%;
		height: 44px;
		-webkit-appearance: none!important;
		-moz-appearance: none!important;
		appearance: none!important;
		outline: none!important;
		background:transparent;
		border: 1px solid #ccc;
		background: #fff;
		font-size: 16px;
		padding: 15px;
	}
	#header .spMember form .btnLogin {
		width: 215px;
		margin: 0 auto 7px;
	}
	#header .spMember form .btnLogin button {
		width: 100%;
		height: 41px;
		background: #000;
		text-align: center;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
	}
	#header .spMember form .btnPW {
		margin-top:30px;
		text-align: center;
	}
	#header .spMember form .btnPW a {
		font-size: 13px;
		text-decoration: none;
	}
	#header .spMember form .btnPW a:before {
		margin-right: 3px;
		content: "\f105";
		font-family: FontAwesome;
	}
	#header .spMember .assigned {
		border-top: 1px solid #ccc;
		padding: 30px 0;
	}
	#header .spMember .assigned a {
		display: block;
		text-align: center;
		width: 260px;
		height: 41px;
		border: 1px solid #000;
		text-decoration: none;
		font-size: 13px;
		font-weight: bold;
		line-height: 39px;
		letter-spacing: 0.05em;
		margin: 0 auto;
	}
	#header .spMember .assigned a:before {
		font-size: 15px;
		margin-right: 5px;
		content: "\f040";
		font-family: FontAwesome;
		font-weight: normal;
	}
	#header .spLoggedIn {
		display: block; display: none;
		position: absolute;
		top: 50px;
		height: 301px;
		width: 100%;
		background: #fff;
		overflow: scroll;
		z-index: 2;
	}
	#header .spMenuList {
		margin: 0 10px;
		border-top: 2px solid #000;
		padding-bottom: 20px;
	}
	#header .spMenuList > li {
		border-bottom: 1px solid #ccc;
	}
	#header .spMenuList > li > a {
		display: block;
		height: 42px;
		line-height: 42px;
		text-decoration: none;
		font-weight: bold;
		padding: 0 10px;
		position: relative;
	}
	#header .spMenuList > li > a:after {
		content: "";
		display: block;
		width: 16px;
		height: 9px;
		background: url(../../img/common/icon_arrow_01.png) no-repeat;
		background-size: 100% 100%;
		position: absolute;
		top: 50%;
		right: 10px;
		margin-top: -5px;
	}
	#header .spMenuList .cat {
		border-top: 1px dotted #ccc;
	}
	#header .spMenuList .cat li {
		display: inline-block;
		width: 50%;
	}
	#header .spMenuList .cat li:nth-of-type(3) a:before {
		margin: 0 2px 0 -3px;
	}
	#header .spMenuList .cat li a {
		display: block;
		height: 40px;
		line-height: 40px;
		color: #000;
		text-decoration: none;
		padding-left: 10px;
		font-size: 14px;
		position: relative;
	}
	#header .spMenuList .cat li a:after {
		content: "\f105";
		font-family: FontAwesome;
		display: block;
		position: absolute;
		top: 50%;
		right: 10px;
		-webkit-transform:translate(0%, -50%); transform:translate(0%, -50%);
	}
	#header .spSearch {
		display: block; display: none;
		position: absolute;
		top: 50px;
		height: 400px;
		width: 100%;
		background: #fff;
		overflow: scroll;
		z-index: 2;
	}
	#header .spSearch .formWrapper {
		padding: 15px 10px 30px;
	}
	#header .spSearch form {
		background: #f2f2f2;
		max-width: 315px;
		height: 43px;
		margin: 0 auto;
		position: relative;
	}
	#header .spSearch form input {
		-webkit-appearance: none!important;
		-moz-appearance: none!important;
		appearance: none!important;
		outline: none!important;
		background:transparent;
		border: none; 
		font-size: 16px;
		height: 43px;
		width: 100%;
		padding: 5px 30px 5px 5px;
	}
	#header .spSearch form button {
		display: block;
		width: 30px;
		height: 43px;
		position: absolute;
		top: 0;
		right: 0;
		font-size: 15px;
	}
	#header .spSearch .spSearchNav {
		background: url(../../img/common/bg_dotted_01.png) repeat;
		padding: 20px;
	}
	#header .spSearch .spSearchNav ul {
		margin-bottom: 15px;
	}
	#header .spSearch .spSearchNav ul li {
		margin-bottom: 8px;
	}
	#header .spSearch .spSearchNav ul li a {
		font-size: 12px;
		text-decoration: none;
	}
	#header .spSearch .spSearchNav .banner {
		text-align: center;
	}
}

/* ----------------------------------------

content

---------------------------------------- */
#content {
	width: 1012px;
	margin: 0 auto 80px;
	position: relative;
	z-index: 1;
}
@media screen and (max-width:767px){
	#content {
		width: auto;
		margin: 0;
	}
}

/* topicPath
------------------------------- */
#topicPath {
	background: url(../../img/common/bg_dotted_01.png) repeat;
}
#topicPath ol {
	width: 1140px;
	margin: 0 auto;
	padding: 9px 0;
	font-size: 92.9%;
}
#topicPath li {
	display: inline;
	padding-right: 4px;
}
#topicPath li:before {
	content: '＞';
	margin-right: 5px;
	font-size: 77%;
	padding-top: 2px;
	vertical-align: top;
	display: inline-block;
}
#topicPath li a:link,
#topicPath li a:visited {
	text-decoration: underline;
}
#topicPath li a:hover,
#topicPath li a:active {
	text-decoration: none;
}
#topicPath li:first-child:before,
#topicPath li:first-child a span {
	display: none;
}
#topicPath li:first-child a:link,
#topicPath li:first-child a:visited,
#topicPath li:first-child a:hover,
#topicPath li:first-child a:active {
	text-decoration: none;
}
@media screen and (max-width:767px){
	#topicPath ol {
		width: auto;
		padding-right: 10px;
		padding-left: 10px;
	}
}


/* ----------------------------------------

content - main

---------------------------------------- */
#main {
	width: 672px;
	float: left;
}
#main.fullColumn {
		width: 1012px;
		float: none;
		margin: 0 auto;
}
@media screen and (max-width:767px){
	#main,
	#main.fullColumn {
		width: auto;
		float: none;
		margin-bottom: 40px;
	}
}

/* ----------------------------------------

content - sub

---------------------------------------- */
#sub {
	width: 300px;
	float: right;
}
.catList {
	margin: 0 0 30px;
}
.catList ul {
	border-top: 1px solid #ccc;
}
.catList ul li {
	border-bottom: 1px solid #ccc;
}
.catList ul li a {
	display: block;
	height: 44px;
	line-height: 44px;
	text-decoration: none;
	padding: 0 10px;
	color: #000;
	position: relative;
}
.catList ul li a:before {
	margin-right: 12px;
	font-size: 17px;
}
.catList ul li:nth-of-type(3) a:before {
	margin: 0 7px 0 -3px;
}
.catList ul li a:after {
	content: "";
	display: block;
	width: 10px;
	height: 7px;
	background: url(../../img/common/icon_arrow_01.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 19px;
	right: 10px;
}
.articleList02 .article {
	border-bottom: 1px dotted #ccc;
}
.articleList02 .article a {
	display: block;
	padding: 15px 0;
	text-decoration: none;
}
.articleList02 .article a .fig {
	width: 90px;
	height: 90px;
	float: left;
	position: relative;
	background: url(/files/img/common/bg_dotted_01.png);
}
.articleList02 .article a .fig img {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.articleList02 .article a .fig .num {
	display: block;
	position: absolute;
	left: -6px;
	top: -6px;
	width: 22px;
	height: 22px;
	line-height: 19px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 50%;
	font-size: 13px;
	font-weight: bold;
	z-index: 10;
}
.articleList02 .article a .fig .img {
	display: block;
	width: 90px;
	height: 90px;
	background: url(/files/img/common/bg_dotted_01.png);
	overflow: hidden;
	position: relative;
}
.articleList02 .article a .fig .img img {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.articleList02 .article a .fig .limited {
	position:absolute;
	right:0;
	bottom:0;
	z-index:2;
	display:block;
	font-size:12px;
	line-height:18px;
}
.articleList02 .article a .fig .limited:before {
	content:"\f084";
	font-family:FontAwesome;
	position:relative;
	top:1px;
	z-index:2;
	display:inline-block;
	font-size:11px;
}
.articleList02 .article a .fig .limited:after {
	position:absolute;
	right:0;
	bottom:0;
	display:block;
	border-color:transparent transparent #fff;
	border-style:solid;
	border-width:0 0 24px 24px;
	content:"";
	z-index:1;
}
.articleList02 .article a .fig .limited span {
	display:none;
}

.articleList02 .article a .textArea {
	width: 100%;
	float: right;
	padding-left: 105px;
	margin-left: -105px;
	margin-top: -5px;
}
.articleList02 .article a .textArea .cat {
	font-size: 85.8%;
	margin-bottom: 3px;
}
.articleList02 .article a .textArea .cat:before {
	font-size: 116.7%;
}
.articleList02 .article a .textArea .title {
	line-height: 1.5;
	margin-bottom: 5px;
}
.articleList02 .article a .textArea .cite {
	display: block;
	font-size: 92.9%;
	color: #888;
	line-height: 1.5;
}
.articleList02 .article a p {
	clear: both;
	font-size: 92.9%;
	line-height: 1.5;
	padding-top: 8px;
}
.articleList02 .article a:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}
.articleList02 .article a {
	*zoom: 1;
}
.bannerCollege {
	margin-bottom: 40px;
}
.subRanking {
	margin-bottom: 20px;
}
.subRanking .articleList02 {
	margin-bottom: 12px;
}
.subTag {
	margin-bottom: 25px;
}
.subTag h2 {
	margin-bottom: 15px!important;
}
.subTag ul {
	margin-right: -10px;
}
.subTag ul li {
	display: inline-block;
	margin: 0 10px 10px 0;
	vertical-align: top;
}
.subTag ul li a {
	display: block;
	font-size: 92.9%;
	border: 1px solid #ccc;
	text-decoration: none;
	padding: 2px 10px;
}
.subTag ul li a:before {
	content: "#";
	color: #999;
	margin-right: 3px;
}

.subTag ul li a:hover {
	background: #f2f2f2;
	opacity: 1;
}
.subRecommend {
	margin-bottom: 40px;
}
#sub .banner {
	margin-bottom: 40px;
}
#sub .banner li {
	margin-bottom: 10px;
}
#sub .fb {
	margin-bottom: 40px;
}
#sub .tw {
	border: 1px solid #e6e6e6;
}
#sub h2 {
	font-size: 114.3%;
	font-weight: bold;
	border-bottom: 1px solid #000;
	letter-spacing: 0.05em;
	padding: 0 0 7px 0;
}
#sub h2:before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	vertical-align: -4px;
	margin-right: 5px;
}
#sub h2.ranking:before {
	background-image: url(../../img/common/icon_ranking_01.png);
}
#sub h2.tag:before {
	background-image: url(../../img/common/icon_tag_01.png);
}
#sub h2.recommend:before {
	background-image: url(../../img/common/icon_recommend_01.png);
}
#sub .social {
	display: none;
}

@media screen and (max-width:767px){
	#sub {
		width: auto;
		float: none;
		margin-bottom: 30px;
	}
	.catList {
		margin: 0 0 25px;
	}
	.catList ul li a {
		padding: 0 10px 0 20px;
	}
	.articleList02 {
		margin-left: 10px;
		margin-right: 10px;
	}
	.articleList02 .article a {
		padding: 10px 0;
	}
	.articleList02 .article a .fig {
		width: 80px;
		height: 80px;
	}
	.articleList02 .article a .fig .img {
		width: 80px;
		height: 80px;
	}
	.articleList02 .article a .textArea {
		padding-left: 90px;
		margin-left: -90px;
		margin-top: -2px;
	}
	.articleList02 .article a .textArea .cat {
		margin-bottom: 3px;
	}
	.articleList02 .article a .textArea .title {
		margin-bottom: 3px;
		font-size: 92.9%;
		font-weight: normal;
	}
	.articleList02 .article a .textArea .cite {
		font-size: 85.8%;
	}
	.articleList02 .article a p {
		font-size: 85.8%;
	}
	.bannerCollege {
		margin: 0 20px 30px;
	}
	.subRanking {
		margin-bottom: 30px;
	}
	.subRanking .articleList02 {
		margin-bottom: 20px;
	}
	.subTag {
		margin-bottom: 30px;
	}
	.subTag ul {
		margin: 0 0 20px 10px;
	}
	.subTag ul li a {
		font-size: 85.8%;
	}
	.subRecommend {
		margin-bottom: 25px;
	}
	#sub .banner {
		margin: 0 20px 30px;
		text-align: center;
	}
	#sub h2 {
		margin: 0 10px;
	}
	#sub .fb,
	#sub .tw{
		display: none;
	}
	#sub .social {
		display: block;
		text-align: center;
		
		margin: 0 auto;
	}
	#sub .social div {
		margin-bottom: 10px;
	}
	#sub .social ul {
		max-width: 376px;
		padding: 0 10px;
		margin: 0 auto;
	}
	#sub .social ul li {
		width: 25%;
		display: inline-block;
	}
}

/* ----------------------------------------

Privilege Style

---------------------------------------- */
#privilege {
	background: url(../../img/common/bg_dotted_01.png) repeat;
	padding: 35px 0 45px;
}
#privilege .privilegeInner {
	width: 1012px;
	margin: 0 auto;
	text-align: center;
}
#privilege .privilegeInner h2 {
	font-weight: bold;
	font-size: 142.9%;
	letter-spacing: 0.05em;
	margin: 0 0 33px;
}
#privilege .privilegeInner ul {
	margin: 0 -11px 30px;
}
#privilege .privilegeInner ul li {
	display: inline-block;
	vertical-align: top;
	width: 20%;
	padding: 0 11px;
}
#privilege .privilegeInner ul li div {
	background: #fff;
	padding: 25px 0 22px;
}
#privilege .privilegeInner ul li div img {
	height: 80px;
	width: auto;
}
#privilege .privilegeInner ul li p {
	line-height: 1.5;
	font-weight: bold;
	margin-top: 17px;
}
#privilege .privilegeInner dl dt {
	width: 75px;
	height: 41px;
	background: url(../../img/top/privilege_tit_bg.png);
	background-size: 100% 100%;
	margin: 0 auto 7px;
}
#privilege .privilegeInner dl dt span {
	display: inline-block;
	line-height: 33px;
	font-weight: bold;
	margin-right: -8px;
}
#privilege .privilegeInner dl dd:nth-of-type(1) {
	margin-bottom: 15px;
}
#privilege .privilegeInner dl dd:nth-of-type(1) a {
	display: inline-block;
	width: 446px;
	height: 56px;
	background: #000;
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	line-height: 56px;
	letter-spacing: 0.05em;
}
#privilege .privilegeInner dl dd:nth-of-type(1) a i {
	font-size: 18px;
	margin-right: 4px;
}
#privilege .privilegeInner dl dd:nth-of-type(2) a {
	text-decoration: none;
}
#privilege .privilegeInner dl dd:nth-of-type(2) a:before {
	margin-right: 3px;
	content: "\f105";
	font-family: FontAwesome;
}

@media screen and (max-width:767px){
	#privilege {
		padding: 20px 20px 25px;
	}
	#privilege .privilegeInner {
		width: auto;
	}
	#privilege .privilegeInner h2 {
		font-size: 128.6%;
		margin: 0 0 20px;
	}
	#privilege .privilegeInner ul {
		margin: 0 -5px 10px;
		text-align: left;
	}
	#privilege .privilegeInner ul li {
		width: 50%;
		padding: 0 5px;
		margin-bottom: 10px;
		text-align: center;
	}
	#privilege .privilegeInner ul li div {
		padding: 25px 0 22px;
	}
	#privilege .privilegeInner ul li div img {
		height: 68px;
	}
	#privilege .privilegeInner ul li p {
		margin-top: 12px;
		font-size: 92.9%;
	}
	#privilege .privilegeInner dl dd:nth-of-type(1) a {
		width: auto;
		display: block;
		max-width: 335px;
		margin: 0 auto;
		height: 48px;
		font-size: 14px;
		line-height: 48px;
	}
	#privilege .privilegeInner dl dd:nth-of-type(1) a i {
		font-size: 16px;
	}
	#privilege .privilegeInner dl dd:nth-of-type(2) a {
		font-size: 92.9%;
	}
}

/* ----------------------------------------

footer

---------------------------------------- */
#footer {
	position: relative;
	border-top: 1px solid #000;
	background: #fff;
	z-index: 1;
}
#footer .ft01 {
	padding: 38px 0 45px;
	width: 1140px;
	margin: 0 auto;
}
#footer .ft01 .ft01_01 {
	height: 36px;
	position: relative;
	margin-bottom: 35px;
}
#footer .ft01 .ft01_01 p {
	display: none;
}
#footer .ft01 .ft01_01 ul {
	position: absolute;
	left: 293px;
	top: 13px;
	border-left: 1px dotted #ccc;
}
#footer .ft01 .ft01_01 ul li {
	float: left;
}
#footer .ft01 .ft01_01 ul li {
	border-right: 1px dotted #ccc;
}
#footer .ft01 .ft01_01 ul li a {
	display: block;
	text-decoration: none;
	padding: 0 20px;
	height: 17px;
	line-height: 17px;
	font-weight: bold;
	font-size: 13px;
}
#footer .ft01 .ft01_01 ul li a i {
	font-size: 15px;
	font-weight: normal;
	color: #999;
	margin-right: 5px;
	font-weight: 900;
}
#footer .ft01 .ft01_02 .colL {
	width: 880px;
	float: left;
}
#footer .ft01 .ft01_02 .colL ul {
	float: left;
	width: 33.333%;
}
#footer .ft01 .ft01_02 .colL ul li {
	margin-bottom: 7px;
}
#footer .ft01 .ft01_02 .colL ul li:last-of-type {
	margin-bottom: 0;
}
#footer .ft01 .ft01_02 .colL ul li a {
	text-decoration: none;
}
#footer .ft01 .ft01_02 .colR {
	width: 260px;
	float: right;
}
#footer .ft01 .ft01_02 .colR .ftSearch form {
	background: #f2f2f2;
	width: 100%;
	height: 34px;
	position: relative;
	margin-bottom: 20px;
}
#footer .ft01 .ft01_02 .colR .ftSearch form input {
	-webkit-appearance: none!important;
	-moz-appearance: none!important;
	appearance: none!important;
	outline: none!important;
	background:transparent;
	border: none; 
	font-size: 14px;
	height: 34px;
	width: 230px;
	padding: 5px;
}
#footer .ft01 .ft01_02 .colR .ftSearch form button {
	display: block;
	width: 30px;
	height: 34px;
	position: absolute;
	top: 0;
	right: 0;
}
#footer .ft01 .ft01_02 .colR .social {
	height: 32px;
	margin-bottom: 30px;
}
#footer .ft01 .ft01_02 .colR .social h3 {
	float: left;
	font-size: 11px;
	font-weight: bold;
	width: 70px;
	white-space: nowrap;
	line-height: 32px;
}
#footer .ft01 .ft01_02 .colR .social ul {
	float: right;
	width: 160px;
}
#footer .ft01 .ft01_02 .colR .social ul li {
	width: 32px;
	margin-left: 8px;
	float: left;
}
#footer .ft02 {
	height: 50px;
	background: #000;
}
#footer .ft02 p {
	width: 1140px;
	margin: 0 auto;
	line-height: 50px;
	color: #999;
	font-size: 13px;
	text-align: center;
}
@media screen and (max-width:767px){
	#footer .ft01 {
		padding: 25px 0;
		width: auto;
	}
	#footer .ft01 .ft01_01 {
		height: auto;
		margin-bottom: 16px;
		text-align: center;
	}
	#footer .ft01 .ft01_01 p {
		display: block;
		font-size: 85.8%;
		font-weight: bold;
		margin-bottom: 7px;
	}
	#footer .ft01 .ft01_01 ul {
		display: none;
	}
	#footer .ft01 .ft01_02 .colL {
		display: none;
	}
	#footer .ft01 .ft01_02 .colR {
		width: auto;
		float: none;
	}
	#footer .ft01 .ft01_02 .colR .ftSearch form {
		width: 290px;
		height: 38px;
		margin: 0 auto 20px;
	}
	#footer .ft01 .ft01_02 .colR .ftSearch form input {
		font-size: 16px;
		height: 38px;
		width: 260px;
	}
	#footer .ft01 .ft01_02 .colR .ftSearch form button {
		height: 38px;
	}
	#footer .ft01 .ft01_02 .colR .social {
		height: auto;
		margin-bottom: 0;
	}
	#footer .ft01 .ft01_02 .colR .social h3 {
		float: none;
		font-size: 11px;
		width: auto;
		line-height: 1;
		text-align: center;
		margin-bottom: 10px;
	}
	#footer .ft01 .ft01_02 .colR .social ul {
		float: none;
		width: auto;
		text-align: center;
	}
	#footer .ft01 .ft01_02 .colR .social ul li {
		width: 36px;
		margin: 0 5px;
		float: none;
		display: inline-block;
	}
	#footer .ft01 .ft01_02 .colR .social ul li:nth-of-type(3),
	#footer .ft01 .ft01_02 .colR .social ul li:nth-of-type(4) {
		display: none;
	}
	#footer .ft01 .ft01_02 .colR .banner {
		display: none;
	}
	#footer .ft02 p {
		width: auto;
		font-size: 11px;
	}
}

/* pagetop
------------------------------- */
#pagetop {
	z-index: 4;
	position: fixed;
	display: block!important;
	right: 20px;
	bottom: 20px;
	opacity: 0; 
	pointer-events: none;
	transition: opacity 0.1s;
}
#pagetop.active{ 
	pointer-events: auto;
	opacity: 1;
}
#pagetop.ab{
	position: absolute;
	bottom: 200px;
}
#pagetop a {
	display: block;
	position: relative;
	color: #000;
	text-decoration: none;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	font-family:'Poppins', sans-serif;
	font-weight: 700;
}
#pagetop a img {
	display: block;
	width: 32px;
	height: auto;
	margin: 0 auto 8px;
}
@media screen and (max-width:767px){
	#pagetop {
		position: static!important;
		opacity: 1!important; 
		pointer-events: auto!important;
		opacity: 1!important;
	}
	#pagetop a {
		padding: 10px 0;
	}
}


/* ----------------------------------------

clearfix

---------------------------------------- */

/* Modern Browsers
------------------------------- */
#content:after,
#footer .ft01 .ft01_02:after{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* Legacy IE
------------------------------- */
#content,
#footer .ft01 .ft01_02{
	*zoom: 1;
}