@charset "UTF-8";


/*Browser Default Initialization*/

html {
	overflow-y: scroll;
	height: 100%;
}
body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th {text-align: left;}

q::before ,q::after {content: '';}

object, embed {vertical-align: top;}

hr, legend {display: none;}



img, abbr, acronym, fieldset {border: 0;}

img {
	
	height: auto;
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}

ul li {list-style-type: none;}

*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
a {
	outline: none;
	text-decoration: underline;
	color: #094;
}
button{outline: none;}
html:not(.sp) a:hover {
	text-decoration: none;
	color: #9fd25b;
}



/*---------------------------------------------
	General Settings
  ---------------------------------------------*/

#wrapper {
	position: relative;
	width: 100%;
	min-width: 320px;
	overflow: hidden;
}


p:empty {display: none;}

.red {color: #c02;}

strong {
	font-weight: bold;
	color: #000;
}

.hidden {visibility: hidden;}

.center {text-align: center;}

.copy {
	
	font-size: 160%;
	font-weight: 500;
	line-height: 160%;
	color: #000;
}
p + .copy {padding-top: 40px;}


.xiy1{margin-bottom:10px;}
.xiy1 span{position: relative;
display:inline-block;
min-width: 100px;
padding: 7px 20px;
line-height: 140%;
font-size: 90%;
text-decoration: none;
text-align: center;
overflow: hidden;
border: solid 2px #005BA9;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
-o-border-radius: 100px;
-ms-border-radius: 100px;
border-radius: 100px;
color: #005BA9;
-moz-transition: background-color .2s linear, border .2s linear;
-webkit-transition: background-color .2s linear, border .2s linear;
-o-transition: background-color .2s linear, border .2s linear;
-ms-transition: background-color .2s linear, border .2s linear;
transition: background-color .2s linear, border .2s linear;}
.xiy1 span:hover{background:#005BA9;color:#FFF;}
.topy{text-align:center !important;background:#1C2D3D !important;}
	.topy ul li{/* -webkit-transition: width .45s, opacity .1s;border-top:3px solid #1C2D3D; */margin:0 2%;display:inline-block;padding:18px 0;position:relative;}
	.topy ul li h3{
	height: 3px;
    left: 0;
    margin: auto;
    opacity: 0;
    pointer-events: none;
    position: absolute;
	top:0px;
    right: 0;
    transition:0.5s;
    width: 0%;background:#f4f8fb;}
	.topy ul li:hover h3{ opacity: 1;width:100%;}
	.topy ul li h2{font-size:15px;color:#FFFFFF;font-weight:300;}
	.topy ul li a{text-decoration:none;}
	.topy ul li dl{padding:0 18px;text-align:left;display:none;width:154px;background:#f4f8fb;position:absolute;left:-18px;top:57px;}
	.topy ul li:hover dl{display:block;}
	.topy ul li dl dt span{padding:15px 0;display:block;border-top:1px solid #e9e9e9;font-size:14px;color:#999;}
	.topy ul li dl dt:hover span{color:#B11818;}
	.topy .topy1{border-top:0px;}
/*---------------------------------------------
	Header
  ---------------------------------------------*/
body,html{font-family:微软雅黑;font-size:12px;color:#333;background:#fff;word-wrap:break-word;}
@media screen and (min-width: 1000px) {
	
	.topy{text-align:center !important;background:#1C2D3D !important;}
	.topy ul li{/* -webkit-transition: width .45s, opacity .1s;border-top:3px solid #1C2D3D; */margin:0 2%;display:inline-block;padding:18px 0;position:relative;}
	.topy ul li h3{
	height: 3px;
    left: 0;
    margin: auto;
    opacity: 0;
    pointer-events: none;
    position: absolute;
	top:0px;
    right: 0;
    transition:0.5s;
    width: 0%;background:#f4f8fb;}
	.topy ul li:hover h3{ opacity: 1;width:100%;}
	.topy ul li h2{font-size:15px;color:#FFFFFF;font-weight:300;}
	.topy ul li a{text-decoration:none;}
	.topy ul li dl{padding:0 18px;text-align:left;display:none;width:154px;background:#f4f8fb;position:absolute;left:-18px;top:57px;}
	.topy ul li:hover dl{display:block;}
	.topy ul li dl dt span{padding:15px 0;display:block;border-top:1px solid #e9e9e9;font-size:14px;color:#999;}
	.topy ul li dl dt:hover span{color:#B11818;}
	.topy .topy1{border-top:0px;}
	
	.ind_exa{text-align:center;padding:45px 0;}
	.ind_exa1 h2{margin-bottom:10px;font-size:26px;color:#000;font-weight:300;}
	.ind_exa1 span{display:block;margin-bottom:30px;font-size:14px;color:#999;}
	.ind_exa2{text-align:center;}
	.ind_exa2 ul li{padding:29px 31px;background:#FFF;width:30%;display:inline-block;margin:0 1%;}
	.ind_exa2 ul li:hover{box-shadow:0 0 10px #005BA9;}
	.ind_exa2 ul li h2{padding:20px 25px 20px 15px;background:url(../images/ind_exa1.png) no-repeat center center;font-size:15px;color:#000;}
	.ind_exa2 ul li h3{padding:20px 0;font-size:16px;color:#000;}
	.ind_exa2 ul li p{float:left;display:block;height:245px;font-size:14px;color:#555;line-height:30px;overflow:hidden;}
	
	
	.ind_exb{text-align:center;width:100%;}
	.ind_exb1{position:relative;}
	.ind_exb1 h3{border:1px solid #3C82BD;position:absolute;right:6%;bottom:0px;padding:8px 20px;border-radius:50px;font-size:14px;color:#005BA9;}
	.ind_exb2 ul li{margin-bottom:60px;display:inline-block;width:15%;}
	.ind_exb2 ul li h2{margin-bottom:20px;font-size:12px;color:#000;}
	.ind_exb2 ul li h2 span{font-size:22px;color:#005BA9;}
	.ind_exb2 ul li h3{height:19px;overflow:hidden;margin-top:20px;font-size:14px;color:#000;}
	.ind_exb2 ul li h4{height:40px;}.ind_exb2 ul li h4 img{max-height:40px;}
	.ind_exb3{display:block;font-size:14px;color:#999;text-align:center;}
	
	/*地图*/
	.map{position:relative;}
	.map1 img{width:100%;}
	.map2{position:absolute;top:38%;left:18%;}
	.map3{position:relative;}
	.map4{width:35px;height:45px;background:url(../images/map2.png) no-repeat center center;}
	.map5{background:#005CA9;position:absolute;top:-80px;left:-77px;width:167px;padding:5px 13px;display:none;}
	.map5 p{font-size:14px;color:#FFF;}
	.map6{position:relative;}
	.map7{width:20px;height:14px;background:url(../images/map5.png) no-repeat center center;position:absolute;bottom:-18px;left:50%;width:20px;}
	.map2:hover .map5{display:block;background:#AD1F23;}
	.map2:hover .map7{background:url(../images/map4.png) no-repeat center center;}
	.map2:hover .map4{background:url(../images/map3.png) no-repeat center center;}
	.map8{position:absolute;top:49%;left:50%;}
	.map9{position:absolute;top:28%;left:82%;}
	
	.footer{background:#1C2E3C;padding:35px 0 0 58px;overflow:hidden;}
	.footera{margin-bottom:30px;overflow:hidden;}
	.footer1{width:30%;float:left;margin-right:3%;}
	.footer1 p{font-size:13px;color:#BBD1E1;line-height:30px;font-weight:300;}
	.footer1 h2{font-size:17px;color:#FFF;font-weight:300;margin-bottom:17px;}
	.footer2{border-top:1px solid #2E4456;text-align:center;padding:24px 0;}
	.footer2 p{font-size:12px;color:#697C8C;}
	.footer3{width:26% !important;margin-left:4%;}
	/*二维码*/
	.ert{position:fixed;top:45%;right:0px;z-index:1000;background-color:#292D33;}
	.ert ul li{border-bottom:1px solid #596169;width:54px;height:54px;}
	.ert .ert1{background:url(../images/ert1.png) no-repeat center center;}
	.ert .ert2{background:url(../images/ert2.png) no-repeat center center;position:relative;}
	.ert .ert3{background:url(../images/ert3.png) no-repeat center center;}
	.ert4{display:none;text-align:center;background:#FFF;position:absolute;top:0%;right:54px;padding:10px;}
	.ert4 h2{font-size:12px;color:#005BA9;margin-bottom:10px;}
	.ert2:hover .ert4{display:block;}
	header {display: block !important;}
	#header-bar {
		position: fixed;
		z-index: 5;
		width: 100%;
		height: 58px;
		top: 0;
		left: 0;
		text-align: right;
		background-color: #333;
	}

	#target-menu {display: inline-block;}

	#target-menu li {float: left;}

	#target-menu li a {
		display: block;
		padding: 0 15px;
		line-height: 40px;
		font-size: 83%;
		color: #ccc;
		text-decoration: none;
		border-left: solid 1px #222;
		-moz-transition: background-color .2s linear, color .2s linear;
		-webkit-transition: background-color .2s linear, color .2s linear;
		-o-transition: background-color .2s linear, color .2s linear;
		-ms-transition: background-color .2s linear, color .2s linear;
		transition: background-color .2s linear, color .2s linear;
	}
	html:not(.sp) #target-menu li a:hover {
		color: #fff;
		background-color: #555;
	}

	#utility-menu {
		float: right;
		overflow: hidden;
	}

	#utility-menu li {float: left;}

	#utility-menu li a {
		position: relative;
		display: block;
		width: 40px;
		height: 40px;
		color: #fff;
		text-align: left;
		text-decoration: none;
		background-color: #094;
		border-left: solid 1px #007b36;
		-moz-transition: background-color .2s linear;
		-webkit-transition: background-color .2s linear;
		-o-transition: background-color .2s linear;
		-ms-transition: background-color .2s linear;
		transition: background-color .2s linear;
	}
	#utility-menu li:first-of-type a {border-left: 0 none;}

	#utility-menu .utility-menu-icon a {
		text-indent: -9999px;
		overflow: hidden;
	}
	#utility-menu .utility-menu-icon-text a,
	#utility-menu .utility-menu-lang a {
		width: auto;
		padding: 0 15px 0 35px;
		line-height: 40px;
		font-size: 83%;
		text-align: center;
	}

	html:not(.sp) #utility-menu li a:hover,
	#utility-menu li.current a {background-color: #9fd25b;}

}

#utility-menu .utility-menu-icon a:after,
#utility-menu .utility-menu-icon-text a:after,
#utility-menu .utility-menu-lang a:after {
	content: "";
	position: absolute;
	display: block;
	width: 24px;
	height: 24px;
	top: 50%;
	left: 8px;
	margin: -12px 0 0 0;
	background-image: url(../images/icon.png);
	background-repeat: no-repeat;
	-moz-background-size: 240px 120px;
	-webkit-background-size: 240px 120px;
	-o-background-size: 240px 120px;
	-ms-background-size: 240px 120px;
	background-size: 240px 120px;

	-moz-transition: opacity .2s linear;
	-webkit-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	transition: opacity .2s linear;

	opacity: .6;
}
#utility-menu-search a:after {background-position: -168px -48px;}
#utility-menu-access a:after {background-position: 0 -24px;}
#utility-menu-contact a:after {background-position: -24px -24px;}
.utility-menu-lang a:after {background-position: -120px 0;}

html:not(.sp) #utility-menu .utility-menu-icon a:hover:after,
#utility-menu .utility-menu-icon.current a:after,
html:not(.sp) #utility-menu .utility-menu-icon-text a:hover:after,
html:not(.sp) #utility-menu .utility-menu-lang a:hover:after {opacity: 1;}

#search-box {
	position: absolute;
	display: block;
	width: 50%;
	height: 0;
	top: 40px;
	right: 0;
	text-align: center;
	background-color: #444;
	overflow: hidden;
	transition: height .2s ease-out;

}
.current #search-box {height: 60px;}

#search-box span {
	position: absolute;
	display: block;
	width: 100%;
	bottom: 15px;
}

#search-box .search-text {
	width: 300px;
	height: 30px;
	padding: 0 15px;
	border: 0 none;
	font-family:微软雅黑;
	color: #fff;
	background-color: #555;
	outline: 0;
	border-radius: 15px 0 0 15px;
	-moz-border-radius: 15px 0 0 15px;
	-webkit-border-radius: 15px 0 0 15px;
	-o-border-radius: 15px 0 0 15px;
	-ms-border-radius: 15px 0 0 15px;
}
#search-box .search-btn {
	width: 60px;
	height: 30px;
	color: #fff;
	background-color: #094;
	border: 0 none;
	font-family:微软雅黑;
	cursor: pointer;
	word-break: break-all;
	-mox-border-radius: 0 15px 15px 0;
	-webkit-border-radius: 0 15px 15px 0;
	-o-border-radius: 0 15px 15px 0;
	-ms-border-radius: 0 15px 15px 0;
	border-radius: 0 15px 15px 0;

	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;

	-moz-transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	-ms-transition: background-color .2s linear;
	transition: background-color .2s linear;
}
#search-box .search-btn:hover {background-color: #9fd25b;}

#utility-menu li.current a:before {
	content: "";
	position: absolute;
	display: block;
	left: 50%;
	bottom: 0;
	margin: 0 0 0 -7px;
	border-bottom: solid 7px #444;
	border-left: solid 7px transparent;
	border-right: solid 7px transparent;
}

#logo {
	position: fixed;
	z-index: 2;
	display: table;
	width: 180px;
	height: 180px;
	top: 70px;
	left: 30px;
	padding: 0;
	overflow: hidden;
	background-image: url(../images/logo_bg.jpg);
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	background-size: 100% 100%;
}

#logo a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}



/*---------------------------------------------
	Global Navigation
  ---------------------------------------------*/

@media screen and (min-width: 1000px) {

	#gnav {
		position: fixed;
		z-index: 2;
		width: 180px;
		height: 400px;
		top: 250px;
		left: 30px;
	}
	#gnav:hover {z-index: 6;}

	#gnav > ul {
		height: 100%;
		background-color: rgba(0, 0, 0, .7);
	}

	#gnav.gnav-item-4 > ul > li {height: 25%;}
	#gnav.gnav-item-5 > ul > li {height: 20%;}
	#gnav.gnav-item-6 > ul > li {height: 11.1%;}
	#gnav.gnav-item-7 > ul > li {height: 14.28571429%;}

	#gnav > ul > li > span {
		position: relative;
		display: table;
		height: 100%;
		    font-size: 15px;
	}

	#gnav > ul > li > span > a {
		display: table-cell;
		width: 180px;
		padding: 0 10px 0 20px;
		line-height: 140%;
		color: #fff;
		font-size: 83%;
		text-decoration: none;
		border-bottom: solid 1px rgba(255, 255, 255, .1);
		vertical-align: middle;

		-moz-transition: background-color .2s linear, border-bottom .2s linear;
		-webkit-transition: background-color .2s linear, border-bottom .2s linear;
		-o-transition: background-color .2s linear, border-bottom .2s linear;
		-ms-transition: background-color .2s linear, border-bottom .2s linear;
		transition: background-color .2s linear, border-bottom .2s linear;
	}
	#gnav > ul > li.gnav-icon > span > a {padding: 0 10px 0 50px;}

	#gnav > ul > li:last-child > span > a {border-bottom: 0 none;}
	html:not(.sp) #gnav > ul > li:hover > span > a,
	#gnav > ul > li.parent > span > a {background-color: rgba(255, 255, 255, .1);}
	#gnav > ul > li.parent:not(:last-child) > span > a {border-bottom: solid 1px rgba(255, 255, 255, .0);}
	html:not(.sp) #gnav > ul > li:last-child:hover > span > a {border-bottom: 0 none;}

	html:not(.sp) #gnav > ul > li > span > a:hover,
	#gnav > ul > li.current > span > a {background-color:#B11818 !important;}

	#gnav > ul > li > ul {
		position: fixed;
		display: block !important;
		width: 0;
		height: 540px;
		top: 70px;
		margin: 0 0 0 180px;
		overflow: hidden;
		background-color: rgba(24, 24, 24, .7);
		-moz-transition: width .2s ease-out, height .2s ease-out;
		-webkit-transition: width .2s ease-out, height .2s ease-out;
		-o-transition: width .2s ease-out, height .2s ease-out;
		-ms-transition: width .2s ease-out, height .2s ease-out;
		transition: width .2s ease-out, height .2s ease-out;
	}
	#gnav > ul > li:hover > ul {
		width: 180px;
		height: 88%;
	}
	#gnav > ul > li > ul:hover {overflow: visible;}

	#gnav > ul > li > ul > li {
		clear: both;
		float: right;
	}

	#gnav > ul > li > ul > li > span > a {
		position: relative;
		display: block;
		width: 180px;
		padding: 15px 20px;
		line-height: 140%;
		color: #fff;
		font-size: 13px;
		text-decoration: none;
		-moz-transition: background-color .2s linear;
		-webkit-transition: background-color .2s linear;
		-o-transition: background-color .2s linear;
		-ms-transition: background-color .2s linear;
		transition: background-color .2s linear;
	}
	html:not(.sp) #gnav > ul > li > ul > li:hover > span > a,
	#gnav > ul > li > ul > li.parent > span > a {background-color: rgba(255, 255, 255, .1);}
	html:not(.sp) #gnav > ul > li > ul > li > span > a:hover,
	#gnav > ul > li > ul > li.current > span > a {background-color: #9fd25b !important;}

	#gnav > ul > li > ul > li > ul  {
		position: fixed;
		display: block !important;
		width: 0;
		height: 540px;
		top: 70px;
		margin: 0 0 0 180px;
		overflow: hidden;
		background-color: rgba(47, 47, 47, .7);
		-moz-transition: width .2s ease-out, height .2s ease-out;
		-webkit-transition: width .2s ease-out, height .2s ease-out;
		-o-transition: width .2s ease-out, height .2s ease-out;
		-ms-transition: width .2s ease-out, height .2s ease-out;
		transition: width .2s ease-out, height .2s ease-out;
	}

	#gnav > ul > li > ul:hover > li > ul  {height: 88%;}
	#gnav > ul > li > ul > li:hover > ul  {width: 180px;}

	#gnav > ul > li > ul > li > ul > li {
		clear: both;
		float: right;
	}

	#gnav > ul > li > ul > li > ul > li > span > a {
		position: relative;
		display: block;
		width: 180px;
		padding: 15px 20px;
		line-height: 140%;
		color: #fff;
		font-size: 83%;
		text-decoration: none;
		-moz-transition: background-color .2s linear;
		-webkit-transition: background-color .2s linear;
		-o-transition: background-color .2s linear;
		-ms-transition: background-color .2s linear;
		transition: background-color .2s linear;
	}
	html:not(.sp) #gnav > ul > li > ul > li > ul > li > span > a:hover,
	#gnav > ul > li > ul > li > ul > li.current > span > a {background-color: #9fd25b;}

}
#gnav ul li:hover{background:#B11818;}
#gnav ul li span a{padding-left:50px;}
#gnav ul li .headet span a{background:url(../images/ppppppp.png);}
.header1 span a{background:url(../images/header1.png) no-repeat 20px center;}
.header2 span a{background:url(../images/header2.png) no-repeat 20px center;}
.header3 span a{background:url(../images/header3.png) no-repeat 20px center;}
.header4 span a{background:url(../images/header4.png) no-repeat 20px center;}
.header5 span a{background:url(../images/header5.png) no-repeat 20px center;}
.header6 span a{background:url(../images/header6.png) no-repeat 20px center;}
.header7 span a{background:url(../images/header7.png) no-repeat 20px center;}
.header8 span a{background:url(../images/header8.png) no-repeat 20px center;}
.header9 span a{background:url(../images/header9.png) no-repeat 20px center;}


#sp-gnav-btn,
.sp-gnav-layer-btn {display:none;}



/*---------------------------------------------
	Branding Image
  ---------------------------------------------*/

#branding-container {
	position: fixed;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 57px 50% 0 0;
}

#branding-element {
	position: relative;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #222;
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size: 60px 60px;
	-webkit-background-size: 60px 60px;
	-o-background-size: 60px 60px;
	-ms-background-size: 60px 60px;
	background-size: 60px 60px;
}

.branding-img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
}
.branding-img:not(:first-of-type) {display: none;}

.branding-movie {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}

.branding-movie video{
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
}

.branding-text {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 570px 30px 0 30px;
}
.branding-text:before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url(../images/branding_cover.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	background-size: 100% 100%;
}
.branding-text:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}

.branding-text p {
	position: relative;
	display: inline-block;
	padding: 0;
	color: #fff;
	font-family:微软雅黑;
	font-size: 240%;
	line-height: 140%;
	vertical-align: middle;
}



/*---------------------------------------------
	Page Title
  ---------------------------------------------*/

#heading-level1 {
	padding: 40px 6%;
	background-color: #fff;
}

#bread-crumb {
	overflow: hidden;
	margin: -20px 0 0;
	padding: 0 0 30px;
}

#bread-crumb li {
	float: left;
	font-size: 76%;
	line-height: 200%;
}

#bread-crumb li:before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 10px;
	border-top: solid 1px #999;
	border-right: solid 1px #999;

	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: .5;
}
#bread-crumb li:first-of-type:before {display: none;}

#bread-crumb a {text-decoration: none;}

#heading-level1 h1 {
	display: inline-block;
	padding: 0 0 10px;
	font-family:微软雅黑;
	font-size: 180%;
	font-weight: 500;
	line-height: 140%;
	color: #000;
	vertical-align: middle;
}

#heading-level1-sub-text {
	display: inline-block;
	margin: 0 0 10px 15px;
	padding: 0 0 0 15px;
	color: #707070;
	font-size: 90%;
	line-height: 120%;
	vertical-align: middle;
	border-left: solid 1px #dce4e9;
}

#heading-level1-date {
	margin: 0 0 -5px;
	padding: 0;
	font-size: 83%;
	line-height: 160%;
	color: #999;
}

#heading-level1-category {
	margin: -5px 0 0;
	padding: 0;
	font-size: 90%;
	line-height: 160%;
	color: #999;
}
#heading-level1-date + #heading-level1-category {margin-top: 5px;}

#heading-level1-text {
	margin: 10px 0 -10px;
	padding: 0;
	font-size: 96%;
	line-height: 180%;
}

#heading-level1-tag {
	padding: 0;
	background-color: #fff;
	overflow: hidden;
}

#heading-level1-tag li {
	display: inline-block;
	margin: 0 2px 6px 0;
	vertical-align: middle;
}

#heading-level1-tag li a {
	display: block;
	padding: 0 10px;
	line-height: 20px;
	font-size: 76%;
	color: #555;
	text-decoration: none;
	overflow: hidden;
	border: solid 2px #75c69b;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-o-border-radius: 30px;
	-ms-border-radius: 30px;
	border-radius: 30px;

	-moz-transition: background-color .2s linear, color .2s linear, border .2s linear;
	-webkit-transition: background-color .2s linear, color .2s linear, border .2s linear;
	-o-transition: background-color .2s linear, color .2s linear, border .2s linear;
	-ms-transition: background-color .2s linear, color .2s linear, border .2s linear;
	transition: background-color .2s linear, color .2s linear, border .2s linear;
}
html:not(.sp) #heading-level1-tag li a:hover {
	color: #fff;
	background-color: #9fd25b;
}
html:not(.sp) #heading-level1-tag li a:hover {border: solid 2px #9fd25b;}



/*---------------------------------------------
	Contents
  ---------------------------------------------*/

#contents-container {
	position: relative;
	z-index: 4;
	width: 50%;
	padding: 57px 0 0;
	left: 50%;
}

article {background-color: #f4f8fb;}

.contents-element {
	position: relative;
	margin: 0 auto;
	padding: 40px 6% 20px;
}
.contents-element.bg-color-gray {background-color: #dce4e9;}
.contents-element + .contents-element:not(.bg-color-gray) {padding-top: 20px;}
.contents-element.bg-color-gray + .contents-element.bg-color-gray {padding-top: 20px;}



/*---------------------------------------------
	Image
  ---------------------------------------------*/

.contents-element img {
	display: block;
	margin: 0 auto;
}



/*---------------------------------------------
	Column
  ---------------------------------------------*/

.col-container {
	position: relative;
	margin: 0 -3.5% 0 0;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}

.col-half {
	display: inline-block\9;
	width: 46.66666666%;
	margin-right: 3.33333333%;
	margin-right: 2.5%\9;
	vertical-align: top\9;
}

.col-one-third {
	display: inline-block\9;
	width: 30%;
	margin-right: 3.33333333%;
	margin-right: 2.5%\9;
	vertical-align: top\9;
}

.col-two-third {
	display: inline-block\9;
	width: 63.33333333%;
	margin-right: 3.33333333%;
	margin-right: 2.5%\9;
	vertical-align: top\9;
}

.col-half img,
.col-one-third img,
.col-two-third img {width: 100%;}



/*---------------------------------------------
	Heading
  ---------------------------------------------*/

.top-heading-level2 {
	padding: 0 0 30px;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	line-height: 140%;
	color: #000;
	font-size:26px;
	font-weight:300;
}

.top-heading-level2 + .heading-sub-text {
	margin: -25px 0 0;
	padding: 0 0 30px;
	font-size: 90%;
	text-align: center;
	line-height: 140%;
	color: #999;
}

.heading-level2 {
	position: relative;
	padding: 0;
	font-size: 150%;
	font-weight: 500;
	line-height: 140%;
	color: #000;
}
.heading-level2:after {
	content: "";
	display: block;
	background-color: #9fd25b;
	width: 40px;
	height: 3px;
	margin: 10px 0 20px;
}
.contents-element > .heading-level2:not(:first-child),
.contents-tab-element .heading-level2:not(:first-child) {padding-top: 40px;}

heading-level2 .heading-sub-text {
	display: block;
	padding: 0;
	font-size: 50%;
	line-height: 140%;
	color: #999;
}

.heading-level3 {
	position: relative;
	margin: 0 0 20px;
	padding: 20px 0 10px;
	font-size: 130%;
	font-weight: 500;
	line-height: 140%;
	color: #000;
	border-bottom: solid 1px #ddd;
}
.heading-level3:after {
	content: "";
	position: absolute;
	display: block;
	width: 100px;
	height: 1px;
	bottom: -1px;
	left: 0;
	background-color: #9fd25b;
}
.heading-level2 + .heading-level3,
.box-text-container > .heading-level3:first-child,
.col-half > .heading-level3:first-child, 
.col-one-third > .heading-level3:first-child,
.col-two-third > .heading-level3:first-child {padding-top: 0;}

.heading-level4 {
	padding: 15px 0;
	font-size: 110%;
	font-weight: bold;
	line-height: 140%;
	color: #000;
}
.heading-level2 + .heading-level4,
.heading-level3 + .heading-level4,
.box-text-container > .heading-level4:first-child,
.col-half > .heading-level4:first-child, 
.col-one-third > .heading-level4:first-child,
.col-two-third > .heading-level4:first-child {padding-top: 0;}

.heading-level2 + .heading-sub-text {
	margin: -8px 0 0;
	color: #000;
	font-size: 100%;
}
.heading-level3 + .heading-sub-text {
	margin: -9px 0 0;
	color: #000;
	font-size: 100%;
}
.heading-level4 + .heading-sub-text {
	margin: -10px 0 0;
	color: #000;
	font-size: 100%;
}



/*---------------------------------------------
	Button
  ---------------------------------------------*/

.btn {
	display: inline-block;
	padding-right: 10px;
}
.btn.btn-stretch {
	display: block;
	padding-right: 0;
}
.btn.btn-position-center {
	display: block;
	padding-right: 0;
	text-align: center;
}
.btn.btn-position-right {
	display: block;
	padding-right: 0;
	text-align: right;
}
.btn.btn-position-top-right {
	position: absolute;
	top: 20px;
	right: 6%;
	padding-right: 0;
}
.contents-element:first-of-type .btn.btn-position-top-right,
.contents-element.bg-color-gray:first-of-type .btn.btn-position-top-right {top: 40px;}
section section .btn.btn-position-top-right {right: 0;}

.btn a {
	position: relative;
	display: block;
	min-width: 100px;
	padding: 7px 20px;
	line-height: 140%;
	font-size: 90%;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
	border: solid 2px #005BA9;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	-o-border-radius: 100px;
	-ms-border-radius: 100px;
	border-radius: 100px;
	color:#005BA9;
	-moz-transition: background-color .2s linear, border .2s linear;
	-webkit-transition: background-color .2s linear, border .2s linear;
	-o-transition: background-color .2s linear, border .2s linear;
	-ms-transition: background-color .2s linear, border .2s linear;
	transition: background-color .2s linear, border .2s linear;
}
html:not(.sp) .btn a:hover {
	color: #fff;
	background-color: #005BA9;
	border: solid 2px #005BA9;
}

.btn.btn-position-center a,
.btn.btn-position-right a {
	display: inline-block;
	vertical-align: bottom;
}

.btn.btn-icon a {padding-right: 40px;}

.btn.btn-icon a:after {
	content: "";
	position: absolute;
	display: block;
	width: 24px;
	height: 24px;
	top: 50%;
	right: 10px;
	margin: -12px 0 0 0;
	background-image: url(../images/icon.png);
	background-repeat: no-repeat;
	
	-moz-background-size: 240px 120px;
	-webkit-background-size: 240px 120px;
	-o-background-size: 240px 120px;
	-ms-background-size: 240px 120px;
	background-size: 240px 120px;
	opacity: .6;
}
.btn.btn-icon-view-all a:after {background-position: -72px -96px;}
.btn.btn-icon-window a:after {background-position: -24px -96px;}
.btn.btn-icon-pdf a:after {background-position: -48px -96px;}
.btn.btn-icon-open a:after {background-position: -96px -96px;}
.btn.btn-icon-close a:after {background-position: -120px -96px;}
.btn.btn-icon-search a:after {background-position: -168px -96px;}

html:not(.sp) .btn.btn-icon a:hover:after {opacity: 1;}
html:not(.sp) .btn.btn-icon-view-all a:hover:after {background-position: -72px -48px;}
html:not(.sp) .btn.btn-icon-window a:hover:after {background-position: -24px -48px;}
html:not(.sp) .btn.btn-icon-pdf a:hover:after {background-position: -48px -48px;}
html:not(.sp) .btn.btn-icon-open a:hover:after {background-position: -96px -48px;}
html:not(.sp) .btn.btn-icon-close a:hover:after {background-position: -120px -48px;}
html:not(.sp) .btn.btn-icon-search a:hover:after {background-position: -168px -48px;}



/*---------------------------------------------
	List
  ---------------------------------------------*/

.list-container {
	padding: 0 0 20px;
	font-size: 96%;
	line-height: 160%;
}

.list-container li {
	position: relative;
	padding: 0 0 5px 1em;
}
.list-container li:before {
	content: "";
	position: absolute;
	display: block;
	width: 4px;
	height: 4px;
	top: .5em;
	left: .3em;
	background-color: #999;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}

.list-container ul {padding: 5px 0 0;}

.link-list-container {
	padding: 0 0 15px;
	font-size: 96%;
	line-height: 160%;
}

.link-list-container li a {
	position: relative;
	display: inline-block;
	padding: 0 0 5px 25px;
	text-decoration: none;
}
.link-list-container li a:before {
	content: "";
	position: absolute;
	display: block;
	width: 19px;
	height: 19px;
	top: 2px;
	left: 0;
	border: solid 1px #094;
	background-image: url(../images/icon.png);
	background-repeat: no-repeat;
	background-position: -4px -99px;
	-moz-background-size: 240px 120px;
	-webkit-background-size: 240px 120px;
	-o-background-size: 240px 120px;
	-ms-background-size: 240px 120px;
	background-size: 240px 120px;

	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
.link-list-container .link-list-icon-window a:before {
	border: 0 none;
	background-position: -27px -99px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
}
.link-list-container .link-list-icon-pdf a:before {
	border: 0 none;
	background-position: -51px -99px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
}

.link-list-container ul {padding: 5px 0 0 25px;}

.note-container {
	padding: 0 0 20px;
	font-size: 90%;
	line-height: 160%;
}

.note-container li {
	position: relative;
	padding: 0 0 5px 1.3em;
}
.note-container li:before {
	content: "※";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
}

.contents-element ol {
	padding: 0 0 20px 2em;
	font-size: 96%;
	line-height: 160%;
}

.contents-element ol li {
	position: relative;
	padding: 0 0 5px .5em;
}



/*---------------------------------------------
	Table
  ---------------------------------------------*/

.table {
	margin: 0 0 20px;
	overflow-x: auto;
}

.table table {
	width: 100%;
	min-width: 600px;
}

.table th,
.table td {
	padding: 10px 15px;
	font-size: 90%;
	line-height: 160%;
}

.table thead th {
	color: #000;
	background-color: #dce4e9;
}
.table thead th:not(:last-of-type) {border-right: solid 1px #f4f8fb;}

.table tbody th {
	color: #000;
	background-color: #e6eef3;
}
.table tbody tr:not(:last-of-type) th {border-bottom: solid 1px #fff;}

.table td {background-color: #fff;}
.table tr:not(:last-of-type) td {border-bottom: solid 1px #e6eef3;}
.table tr td:not(:last-of-type) {border-right: solid 1px #e6eef3;}



/*---------------------------------------------
	Caption
  ---------------------------------------------*/

.caption-heading {
	margin-top: -5px;
	color: #000;
	line-height: 160%;
	font-weight: 500;
}

.caption-text {
	margin-top: -5px;
	font-size: 90%;
	line-height: 160%;
	color: #707070;
}
.caption-heading + .caption-text {margin-top: -10px;}



/*---------------------------------------------
	Box
  ---------------------------------------------*/

.box-element {
	position: relative;
	margin-bottom: 20px;
	background-color: #fff;
}

.box-element > a {
	display: block;
	height: 100%;
	text-decoration: none;
}
.box-element > a:before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	-moz-transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	-ms-transition: background-color .2s linear;
	transition: background-color .2s linear;
}
html:not(.sp) .box-element > a:hover:before  {background-color:#AD1F23;}

.box-img-container {
	position: relative;
	overflow: hidden;
}

.box-img {
	width: 100%;
	padding: 0;
	-moz-transition: -moz-transform .2s ease-out;
	-webkit-transition: -webkit-transform .2s ease-out;
	-o-transition: -o-transform .2s ease-out;
	-ms-transition: -ms-transform .2s ease-out;
	transition: transform .2s ease-out;
}
html:not(.sp) .box-element > a:hover .box-img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.box-text-container {padding: 25px 25px 5px;}
.col-half .box-text-container,
.col-one-third .box-text-container,
.col-two-third .box-text-container {
	min-height: 200px;
	padding: 15px 15px 0;
}
.box-element:not(.view-movie) > a > .box-text-container {padding-bottom: 30px;}

.box-img img {width: 100%;}

.col-half .box-img-container ~ .box-text-container,
.col-one-third .box-img-container ~ .box-text-container,
.col-two-third .box-img-container ~ .box-text-container {min-height: 0;}

.box-category {
	position: relative;
	z-index: 1;
	float: right;
	display: table;
	width: 60px;
	height: 70px;
	margin: -35px 15px 0 0;
	padding: 5px 0;
}

.box-category p {
	display: table-cell;
	width: 60px;
	height: 60px;
	padding: 0 5px;
	font-size: 67%;
	color: #fff;
	line-height: 140%;
	text-align: center;
	vertical-align: middle;
	background-color: #094;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
.box-category.course-color1 p {background-color: #cf9287 !important;}
.box-category.course-color2 p {background-color: #7d85b2 !important;}
.box-category.course-color3 p {background-color: #d2516c !important;}
.box-category.course-color4 p {background-color: #70a68c !important;}
.box-category.course-color5 p {background-color: #de8351 !important;}
.box-category.course-color6 p {background-color: #6d9bc4 !important;}
.box-category.course-color7 p {background-color: #89bd6f !important;}
.box-category.course-color8 p {background-color: #b3bd6f !important;}
.box-category.course-color9 p {background-color: #7cab56 !important;}

.img-half .box-category,
.img-one-third .box-category,
.img-two-third .box-category {
	position: absolute;
	left: 0;
	top: 50%;
	margin: -35px 0 0 -30px;
}
.img-half .box-category {left: 51.75%;}
.img-one-third .box-category {left: 69%;}
.img-half .box-img-container ~ .box-category {left: 48.25%;}
.img-one-third .box-img-container ~ .box-category {left: 31%;}

.img-half .box-category ~ .box-text-container,
.img-one-third .box-category ~ .box-text-container {padding-right: 45px;}
.img-half .box-img-container ~ .box-category ~ .box-text-container,
.img-one-third .box-img-container ~ .box-category ~ .box-text-container {padding-left: 45px;}

.box-element > a .box-text-container p {color: #555;}

.box-text-container p {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.box-heading {
	color: #000 !important;
	font-size: 110%;
	font-weight: bold;
	line-height: 160%;
}
.col-half .box-heading,
.col-one-third .box-heading,
.col-two-third .box-heading {
	font-size: 96%;
	font-weight: normal;
}

.box-heading + p {margin-top: -10px;}

.box-text-container .box-date {
	float: left;
	width: auto;
	padding: 0 0 5px;
	color: #094;
	font-size: 76%;
	line-height: 160%;
	text-decoration: none;
}
.box-element > a .box-text-container .box-date {color: #094;}

.box-text {
	color: #555;
	font-size: 90%;
	line-height: 160%;
}
.box-element > a .box-text-container .box-text {color: #555;}

.box-sub-text {
	margin: -25px 0 0;
	color: #707070;
	font-size: 83%;
	line-height: 160%;
	text-decoration: none;
}
.box-element > a .box-text-container .box-sub-text {color: #707070;}
.box-sub-text:before {
	content: "";
	display: block;
	width: 40px;
	height: 3px;
	background-color: #9fd25b;
	margin: 15px 0 10px;
}
.box-heading + .box-sub-text {margin-top: -25px;}

html:not(.sp) .box-element > a .box-text-container p {
	-moz-transition: color .2s linear;
	-webkit-transition: color .2s linear;
	-o-transition: color .2s linear;
	-ms-transition: color .2s linear;
	transition: color .2s linear;
	
}
html:not(.sp) .box-element > a:hover .box-text-container p {color: #FFF !important;}

html:not(.sp) .box-element > a .box-sub-text:before {
	-moz-transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	-ms-transition: background-color .2s linear;
	transition: background-color .2s linear;
}
html:not(.sp) .box-element > a:hover .box-sub-text:before {background-color: #fff !important;}

.view-movie > a .box-img-container:after {
	content: "";
	position: absolute;
	z-index: 1;
	display: block;
	width: 0;
	height: 0;
	top: 50%;
	left: 50%;
	margin: -9px 0 0 -3px;
	border-left: solid 9px #fff;
	border-top: solid 9px transparent;
	border-bottom: solid 9px transparent;
}

.view-movie > a .box-img:before,
.view-movie > a .box-img:after {
	content: "";
	position: absolute;
	display: block;
	z-index: 1;
	top: 50%;
	left: 50%;
	background-color: #094;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;

	-moz-transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	-ms-transition: background-color .2s linear;
	transition: background-color .2s linear;
}
.view-movie > a .box-img:before {
	width: 50px;
	height: 50px;
	margin: -25px 0 0 -25px;
	background-color: #094;
	opacity: .5;
}
.view-movie > a .box-img:after {
	width: 36px;
	height: 36px;
	margin: -18px 0 0 -18px;
}
html:not(.sp) .view-movie > a:hover .box-img:before,
html:not(.sp) .view-movie > a:hover .box-img:after {background-color: #9fd25b;}

.img-half,
.img-one-third {
	position: relative;
	overflow: hidden;
}
.img-half:after,
.img-one-third:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 200px;
	vertical-align: middle;
}

.img-half > a,
.img-one-third > a {
	float: left;
	width: 100%;
}

.img-half > a:after,
.img-one-third > a:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 200px;
	vertical-align: middle;
}

.img-half ~ .col-container + .img-half,
.img-one-third ~ .col-container + .img-one-third,
.img-half ~ p + .img-half,
.img-one-third ~ p + .img-one-third {margin-top: 40px;}
.btn + .img-one-third{margin-top: 0 !important;}

.box-element:not(.view-movie) > a .box-text-container:after {
	content: "";
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	bottom: 15px;
	background-image: url(../images/icon2.png);
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	opacity: .3;
}
html:not(.sp) .box-element:not(.view-movie) > a:hover .box-text-container:after {
	background-image: url(../images/icon.png);
	opacity: 1;
}
.box-element.box-icon-window:not(.view-movie) > a .box-text-container:after {background-position: -24px -72px;}
.box-element.box-icon-pdf:not(.view-movie) > a .box-text-container:after {background-position: -48px -72px;}
.box-element.view-img:not(.view-movie) > a .box-text-container:after {background-position: -144px -72px;}
html:not(.sp) .box-element.box-icon-window:not(.view-movie) > a:hover .box-text-container:after {background-position: -24px -48px;}
html:not(.sp) .box-element.box-icon-pdf:not(.view-movie) > a:hover .box-text-container:after {background-position: -48px -48px;}
html:not(.sp) .box-element.view-img:not(.view-movie) > a:hover .box-text-container:after {background-position: -144px -48px;}

.img-half .box-img-container {
	position: absolute;
	width: 48.25%;
	height: 100%;
	top: 0;
	overflow: hidden;
}

.img-one-third .box-img-container {
	position: absolute;
	width: 31%;
	height: 100%;
	top: 0;

}
.img-half .box-img-container:first-child,
.img-one-third .box-img-container:first-child {left: 0;}
.img-half .box-text-container ~ .box-img-container,
.img-one-third .box-text-container ~ .box-img-container {right: 0;}

.img-half .box-img,
.img-one-third .box-img {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center 10%;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
}

.img-half .box-text-container {
	display: inline-block;
	width: 51.75%;
	padding-right: 3.5%;
	vertical-align: middle;
}
.img-half .box-img-container ~ .box-text-container {
	width: 50%;
	margin: 0 0 0 48.25%;
	padding-right: 15px;
	padding-left: 3.5%;
}

.img-one-third .box-text-container {
	display: inline-block;
	width: 69%;
	padding: 25px 25px 5px;
	vertical-align: middle;
}
.img-one-third .box-img-container ~ .box-text-container {
	width: 67%;
	margin: 0 0 0 31%;
	padding-right: 15px;
}



/*---------------------------------------------
	Course Box
  ---------------------------------------------*/

.course-box-element .course-box-heading {
	position: relative;
	background-color: #094;
}

.course-box-element .course-box-heading p {
	display: table-cell;
	height: 55px;
	padding: 5px 40px 5px 25px ;
	color: #fff;
	font-size: 100%;
	font-weight: 500;
	line-height: 140%;
	vertical-align: middle;
}
.col-half.course-box-element .course-box-heading p,
.col-one-third.course-box-element .course-box-heading p {padding-left: 15px;}

.course-box-element > a .course-box-heading p:after {
	content: "";
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	right: 10px;
	top: 50%;
	margin: -13px 0 0;
	border: solid 1px #fff;
	background-image: url(../../common/images/icon.png);
	background-repeat: no-repeat;
	background-position: 0 -48px;
	-moz-background-size: 240px 120px;
	-webkit-background-size: 240px 120px;
	-o-background-size: 240px 120px;
	-ms-background-size: 240px 120px;
	background-size: 240px 120px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}

.course-box-element:not(.view-movie) .box-text-container {
	min-height: 100px !important;
	padding-bottom: 0 !important;
}
.course-box-element:not(.view-movie) .box-text-container:after {display: none !important;}

.course-box-element.course-color1 .course-box-heading,
.course-box-element.course-color1 .box-sub-text:before {background-color: #cf9287 !important;}
.course-box-element.course-color2 .course-box-heading,
.course-box-element.course-color2 .box-sub-text:before {background-color: #7d85b2 !important;}
.course-box-element.course-color3 .course-box-heading,
.course-box-element.course-color3 .box-sub-text:before {background-color: #d2516c !important;}
.course-box-element.course-color4 .course-box-heading,
.course-box-element.course-color4 .box-sub-text:before {background-color: #70a68c !important;}
.course-box-element.course-color5 .course-box-heading,
.course-box-element.course-color5 .box-sub-text:before {background-color: #de8351 !important;}
.course-box-element.course-color6 .course-box-heading,
.course-box-element.course-color6 .box-sub-text:before {background-color: #6d9bc4 !important;}
.course-box-element.course-color7 .course-box-heading,
.course-box-element.course-color7 .box-sub-text:before {background-color: #89bd6f !important;}
.course-box-element.course-color8 .course-box-heading,
.course-box-element.course-color8 .box-sub-text:before {background-color: #b3bd6f !important;}
.course-box-element.course-color9 .course-box-heading,
.course-box-element.course-color9 .box-sub-text:before {background-color: #7cab56 !important;}

html:not(.sp) .course-box-element.course-color1 > a:hover:before {background-color: #d9a89f !important;}
html:not(.sp) .course-box-element.course-color2 > a:hover:before {background-color: #979ec2 !important;}
html:not(.sp) .course-box-element.course-color3 > a:hover:before {background-color: #db7489 !important;}
html:not(.sp) .course-box-element.course-color4 > a:hover:before {background-color: #8db8a3 !important;}
html:not(.sp) .course-box-element.course-color5 > a:hover:before {background-color: #e59c74 !important;}
html:not(.sp) .course-box-element.course-color6 > a:hover:before {background-color: #8aafd0 !important;}
html:not(.sp) .course-box-element.course-color7 > a:hover:before {background-color: #a1ca8c !important;}
html:not(.sp) .course-box-element.course-color8 > a:hover:before {background-color: #c2ca8c !important;}
html:not(.sp) .course-box-element.course-color9 > a:hover:before {background-color: #9bbb75 !important;}



/*---------------------------------------------
	Contact
  ---------------------------------------------*/

.contact-box-element {margin-top: 20px;}

.contact-box-heading-container {
	display: inline-block;
	width: 31%;
	text-align: center;
	vertical-align: middle;
}
.contact-box-heading-container:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 130px;
	margin: 0 0 0-.3em;
	vertical-align: middle;
}
.contact-box-heading-container:after {
	content: "";
	position: absolute;
	width: 31%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #e6eef3;
}

.contact-box-heading {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 15px;
	vertical-align: middle;
}

.contact-box-heading-text {
	padding: 0;
	color: #000;
	font-size: 100%;
	line-height: 160%;
}

.contact-box-heading-sub-text {
	padding: 0;
	color: #707070;
	font-size: 90%;
	line-height: 160%;
}

.contact-box-text-container {
	display: inline-block;
	width: 67%;
	text-align: center;
	vertical-align: middle;
}

.contact-box-text-container dl {
	display: inline-block;
	padding: 15px;
	text-align: left;
	color: #094;
	vertical-align: middle;
	overflow: hidden;
}

.contact-box-text-container dl dt {
	clear: both;
	float: left;
	min-width: 4em;
	color: #707070;
	font-size: 90%;
	line-height: 30px;
}

.contact-box-text-container dl dd {
	float: left;
	font-size: 120%;
	font-weight: bold;
	line-height: 30px;
	overflow: hidden;
}
.contact-box-text-container dl .contact-box-text-tel {font-size: 150%;}
.contact-box-text-container dl .contact-box-text-address {
	padding: .3em 0;
	font-size: 90%;
	font-weight: normal;
	color: #555;
	line-height: 160%;

}

.contact-box-text-container dl a {text-decoration: none;}
html:not(.sp) .contact-box-text-container dl .contact-box-text-tel a {display: none;}
.sp .contact-box-text-container dl .contact-box-text-tel span {display: none;}



/*---------------------------------------------
	Anchor Link
  ---------------------------------------------*/

.anc-container {
	position: relative;
	letter-spacing: -0.3em\9;
	background-color: #e6eef3;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.anc-container:after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #f4f8fb;
}

.anc-container li {
	position: relative;
	display: inline-block\9;
	letter-spacing: normal\9;
	border-bottom: solid 1px #f4f8fb;
	border-right: solid 1px #f4f8fb;
}
.anc-col-half {width: 50%;}
.anc-col-one-third {width: 33.33333333%;}
.anc-col-quarter {width: 25%;}
.anc-col-half:nth-of-type(2n+2),
.anc-col-one-third:nth-of-type(3n+3),
.anc-col-quarter:nth-of-type(4n+4) {border-right: 0 none;}

.anc-container li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 90%;
	color: #555;
	text-align: center;
	text-decoration: none;
	line-height: 140%;
	-moz-transition: color .2s linear;
	-webkit-transition: color .2s linear;
	-o-transition: color .2s linear;
	-ms-transition: color .2s linear;
	transition: color .2s linear;
}
.anc-container li a:before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	-moz-transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	-ms-transition: background-color .2s linear;
	transition: background-color .2s linear;
}
html:not(.sp) .anc-container li a:hover {color:#fff;}
html:not(.sp) .anc-container li a:hover:before {background-color: #a7cf5d;}

.anc-container li a:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	min-height: 60px;
	vertical-align: middle;
}

.anc-container li span {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 10px 40px 10px 15px;
	vertical-align: middle;
}
.anc-container li span:before {
	content: "";
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	top: 50%;
	right: 10px;
	margin: -12.5px 0 0;
	border: solid 1px #000;
	background-image: url(../../common/images/icon.png);
	background-repeat: no-repeat;
	background-position: 0 -72px;
	-moz-background-size: 240px 120px;
	-webkit-background-size: 240px 120px;
	-o-background-size: 240px 120px;
	-ms-background-size: 240px 120px;
	background-size: 240px 120px;

	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);

	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;

	opacity:.3;
}
html:not(.sp) .anc-container li a:hover span:before {
	border: solid 1px #fff;
	background-position: 0 -48px;
	opacity: 1;
}



/*---------------------------------------------
	Tab
  ---------------------------------------------*/

.box-tab-container > ul,
.contents-tab-container > ul {
	position: relative;
	letter-spacing: -0.3em\9;
	
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.box-tab-container > ul {background-color: #dce4e9;}
.contents-tab-container > ul {background-color: #e6eef3;}

.box-tab-container > ul li,
.contents-tab-container > ul li {
	position: relative;
	display: inline-block\9;
	letter-spacing: normal\9;
}
.box-tab-container > ul li {border-right: solid 1px #e6eef3;}
.contents-tab-container > ul li {border-right: solid 1px #f4f8fb;}

.box-tab-col-half,
.contents-tab-col-half {width: 50%;}

.box-tab-col-one-third,
.contents-tab-col-one-third {width: 33.33333333%;}

.box-tab-col-quarter,
.contents-tab-col-quarter {width: 25%;}

.box-tab-col-half:nth-of-type(2n+2),
.contents-tab-col-half:nth-of-type(2n+2),
.box-tab-col-one-third:nth-of-type(3n+3),
.contents-tab-col-one-third:nth-of-type(3n+3),
.box-tab-col-quarter:nth-of-type(4n+4),
.contents-tab-col-quarter:nth-of-type(4n+4) {border-right: 0 none;}

.box-tab-container > ul li a,
.contents-tab-container > ul li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 90%;
	color: #555;
	text-align: center;
	text-decoration: none;
	line-height: 140%;
}
.box-tab-container > ul li a:before,
.contents-tab-container > ul li a:before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	-moz-transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	-ms-transition: background-color .2s linear;
	transition: background-color .2s linear;
}
.box-tab-container > ul li a:hover,
.contents-tab-container > ul li a:hover {color: #555;}
html:not(.sp) .box-tab-container >ul li a:hover:before,
.box-tab-container > ul .current a:before {background-color: #e6eef3 !important;}
html:not(.sp) .contents-tab-container >ul li a:hover:before,
.contents-tab-container > ul .current a:before {background-color: #f4f8fb !important;}

.box-tab-container > ul li a:after,
.contents-tab-container > ul li a:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	min-height: 60px;
	vertical-align: middle;
}

.box-tab-container > ul li span,
.contents-tab-container > ul li span {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 10px 15px;
	vertical-align: middle;
}

.box-tab-element {
	padding: 30px 6% 10px;
	background-color: #e6eef3;
}
.box-tab-element:not(.current),
.contents-tab-element:not(.current) {display: none;}



/*---------------------------------------------
	Select Box
  ---------------------------------------------*/

.select-box {
	position: relative;
	width: 100%;
	max-width: 480px;
	margin: 0 auto 20px;
	background-color: #fff;
	overflow: hidden;
}
.select-box:before {
	content: "";
	position: absolute;
	display: block;
	display: none\9;
	width: 9px;
	height: 9px;
	top: 50%;
	right: 12px;
	margin: -7px 0 0;
	border-bottom: solid 1px #000;
	border-right: solid 1px #000;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);

	opacity: .3;
}

/* select {
	position: relative;
	width: 100%;
	height: 40px;
	padding: 0 30px 0 15px;
	padding: 0 0 0 15px\9;
	font-family:微软雅黑;
	font-size: 90%;
	border: 0 none;
	background-color: transparent;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
}
select::-ms-expand {display: none;}

 */

/*---------------------------------------------
	Pagination Link
  ---------------------------------------------*/

.pagination-container {
	position: relative;
	letter-spacing: -0.3em\9;
	background-color: #e6eef3;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.pagination-container li {
	position: relative;
	display: inline-block\9;
	width: 33.33333333%;
	letter-spacing: normal\9;
	border-right: solid 1px #f4f8fb;
}
.pagination-container li:nth-of-type(3n+3) {border-right: 0 none;}

.pagination-container li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 90%;
	color: #555;
	text-align: center;
	text-decoration: none;
	line-height: 140%;
	-moz-transition: color .2s linear;
	-webkit-transition: color .2s linear;
	-o-transition: color .2s linear;
	-ms-transition: color .2s linear;
	transition: color .2s linear;
}
.pagination-container li a:before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	-moz-transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	-ms-transition: background-color .2s linear;
	transition: background-color .2s linear;
}
html:not(.sp) .pagination-container li a:hover {color:#fff;}
html:not(.sp) .pagination-container li a:hover:before {background-color: #a7cf5d;}

.pagination-container li a:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	min-height: 60px;
	vertical-align: middle;
}

.pagination-container li span {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 10px 40px 10px 15px;
	vertical-align: middle;
}
.pagination-container .pagination-icon-back span {
	padding: 10px 15px 10px 40px;
}

.pagination-container li span:before {
	content: "";
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	top: 50%;
	right: 10px;
	margin: -12.5px 0 0;
	border: solid 1px #000;
	background-image: url(../../common/images/icon.png);
	background-repeat: no-repeat;
	
	-moz-background-size: 240px 120px;
	-webkit-background-size: 240px 120px;
	-o-background-size: 240px 120px;
	-ms-background-size: 240px 120px;
	background-size: 240px 120px;

	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;

	opacity:.3;
}
.pagination-container .pagination-icon-back span:before {
	left: 10px;
	right: auto;
	background-position: 0 -72px;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.pagination-container .pagination-icon-next span:before {
	background-position: 0 -72px;
}
.pagination-container .pagination-icon-view-all span:before {
	border: 0 none;
	background-position: -72px -72px;
}
html:not(.sp) .pagination-container .pagination-icon-back a:hover span:before,
html:not(.sp) .pagination-container .pagination-icon-next a:hover span:before {
	border: solid 1px #fff;
	background-position: 0 -48px;
	opacity: 1;
}

html:not(.sp) .pagination-container .pagination-icon-view-all a:hover span:before {
	background-position: -72px -48px;
	opacity: 1;
}



/*---------------------------------------------
	Page Number Link
  ---------------------------------------------*/

.page-num-container {
	position: relative;
	letter-spacing: -0.4em;
	text-align: center;
	background-color: #e6eef3;
	overflow: hidden;
}

.page-num-container li {
	position: relative;
	display: inline-block;
	width: 7%;
	font-size: 90%;
	color: #aaa;
	text-align: center;
	line-height: 140%;
	letter-spacing: normal;
	border-right: solid 1px #f4f8fb;
}
.page-num-container li:nth-of-type(11) {border-right: 0 none;}
.page-num-container .page-num-icon-back,
.page-num-container .page-num-icon-next {width: 18.5%;}
.page-num-container li:first-of-type:after {
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: #f4f8fb;
	top: 0;
	left: -1px;
}

.page-num-container li:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	min-height: 60px;
	vertical-align: middle;
}

.page-num-container li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #555;
	text-decoration: none;
	-moz-transition: color .2s linear;
	-webkit-transition: color .2s linear;
	-o-transition: color .2s linear;
	-ms-transition: color .2s linear;
	transition: color .2s linear;
}
.page-num-container li a:before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	-moz-transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	-ms-transition: background-color .2s linear;
	transition: background-color .2s linear;
}
html:not(.sp) .page-num-container li a:hover,
.page-num-container li.current a {color:#fff;}
html:not(.sp) .page-num-container li a:hover:before,
.page-num-container li.current a:before {background-color: #a7cf5d;}

.page-num-container li a:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	min-height: 60px;
	vertical-align: middle;
}

.page-num-container li span {
	position: relative;
	display: inline-block;
	width: 100%;
	vertical-align: middle;
}
.page-num-container .page-num-icon-back span {padding: 10px 5px 10px 35px;}
.page-num-container .page-num-icon-next span {padding: 10px 35px 10px 5px;}

.page-num-container .page-num-icon-back span:before,
.page-num-container .page-num-icon-next span:before {
	content: "";
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	top: 50%;
	right: 10px;
	margin: -12.5px 0 0;
	border: solid 1px #000;
	background-image: url(../../common/images/icon.png);
	background-repeat: no-repeat;
	
	-moz-background-size: 240px 120px;
	-webkit-background-size: 240px 120px;
	-o-background-size: 240px 120px;
	-ms-background-size: 240px 120px;
	background-size: 240px 120px;

	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;

	opacity:.3;
}
.page-num-container .page-num-icon-back span:before {
	left: 10px;
	right: auto;
	background-position: 0 -72px;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.page-num-container .page-num-icon-next span:before {
	background-position: 0 -72px;
}
html:not(.sp) .page-num-container .page-num-icon-back a:hover span:before,
html:not(.sp) .page-num-container .page-num-icon-next a:hover span:before {
	border: solid 1px #fff;
	background-position: 0 -48px;
	opacity: 1;
}



/*---------------------------------------------
	Urgency
  ---------------------------------------------*/

.urgency-container {
	padding: 40px 6% 20px;
	background-color: #fff;
}

.urgency-heading {
	padding: 0 0 20px;
	font-size: 130%;
	font-weight: 500;
	line-height: 140%;
	color: #000;
	text-align: center;
}
.urgency-heading:before {
	content: "!";
	display: inline-block;
	width: 1.3em;
	height: 1.3em;
	margin: 0 10px 0 0;
	font-size: 83%;
	line-height: 1.3em;
	color: #c02;
	border: solid 1px #c02;
	border-radius: 50%;
}
.urgency-date {
	padding: 0 0 5px;
	color: #999;
	font-size: 76%;
	line-height: 160%;
	text-decoration: none;
}

.urgency-text {
	position: relative;
	padding: 0 0 20px 25px;
	color: #000;
	line-height: 160%;
}
.urgency-text a:before {
	content: "";
	position: absolute;
	display: block;
	width: 19px;
	height: 19px;
	top: 2px;
	left: 0;
	border: solid 1px #094;
	background-image: url(../images/icon.png);
	background-repeat: no-repeat;
	background-position: -4px -99px;
	-moz-background-size: 240px 120px;
	-webkit-background-size: 240px 120px;
	-o-background-size: 240px 120px;
	-ms-background-size: 240px 120px;
	background-size: 240px 120px;

	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}

.urgency-text a {
	font-weight: 500;
	text-decoration: none;
}

.urgency-sub-text {
	padding: 0 0 20px;
	font-size: 90%;
	line-height: 160%;
	color: #555;
}
.urgency-text + .urgency-sub-text {
	margin-top: -15px;
	padding-left: 25px;
}



/*---------------------------------------------
	Page Top Button
  ---------------------------------------------*/

#page-top-btn {
	position: fixed;
	z-index: 5;
	width: 40px;
	bottom: -40px;
	right: 0;
	padding: 0;
	-moz-transition: bottom .2s ease-out;
	-webkit-transition: bottom .2s ease-out;
	-o-transition: bottom .2s ease-out;
	-ms-transition: bottom .2s ease-out;
	transition: bottom .2s ease-out;
}
#page-top-btn.scroll {bottom: 0;}

#page-top-btn a {
	display: block;
	height: 40px;
	text-indent: -9999px;
	background-color: #094;
	overflow: hidden;
	-moz-transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	-ms-transition: background-color .2s linear;
	transition: background-color .2s linear;
}
html:not(.sp) #page-top-btn a:hover {background-color: #9fd25b;}

#page-top-btn a:before {
	content: "";
	position: absolute;
	display: block;
	width: 1px;
	height: 17px;
	top: 12px;
	left: 19px;
	background-color: #fff;
}
#page-top-btn a:after {
	content: "";
	position: absolute;
	display: block;
	width: 9px;
	height: 9px;
	top: 12px;
	left: 15px;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}



/*---------------------------------------------
	Promotion
  ---------------------------------------------*/

.promotion-container {
	height: 0;
	padding-bottom:37.5%;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.promotion-element li {
	background-color: #000;
	overflow: hidden;
}

.promotion-element li a {
	display: block;
	-moz-transition: opacity .2s linear;
	-webkit-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	transition: opacity .2s linear;
}
html:not(.sp) .promotion-element a:hover {opacity: .8;}

.promotion-element img {width: 100%;}

.promotion-pagenation {
	position: absolute;
	width: 100%;
	height: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	line-height: 0;
}

.promotion-pagenation ol {padding: 0;}

.promotion-pagenation li {
	position: relative;
	display: inline-block;
	top: -30px;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	vertical-align: middle;
}

.promotion-pagenation li a {
	display: block;
	width: 10px;
	height: 10px;
	background-color: #fff;
	text-indent: -9999px;
	text-align: left;
	overflow: hidden;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;

	-moz-transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	-ms-transition: background-color .2s linear;
	transition: background-color .2s linear;
}
html:not(.sp) .promotion-pagenation a:not(.flex-active):hover {background-color: #9fd25b;}

.promotion-pagenation .flex-active {
	background-color: transparent;
}
.promotion-pagenation .flex-active:before,
.promotion-pagenation .flex-active:after {
	content: "";
	position: absolute;
	display: block;
	background-color: #094;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
.promotion-pagenation .flex-active:before {
	width: 20px;
	height: 20px;
	top: -5px;
	left: -5px;
	opacity: .5;
}
.promotion-pagenation .flex-active:after {
	width: 10px;
	height: 10px;
	top: 0;
	left: 0;
}

.promotion-btn-back,
.promotion-btn-next {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	top: 50%;
	margin: -20px 0 0;
}
.promotion-btn-back {left: 3%;}
.promotion-btn-next {right: 3%;}

.promotion-btn-back a,
.promotion-btn-next a {
	display: block;
	width: 100%;
	height: 100%;
	border: solid 2px #fff;
	text-indent: -9999px;
	overflow: hidden;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;

	-moz-transition: background-color .2s linear, border .2s linear;
	-webkit-transition: background-color .2s linear, border .2s linear;
	-o-transition: background-color .2s linear, border .2s linear;
	-ms-transition: background-color .2s linear, border .2s linear;
	transition: background-color .2s linear, border .2s linear;
}
.promotion-btn-back a:before,
.promotion-btn-next a:before {
	content: "";
	position: absolute;
	display: block;
	width: 17px;
	height: 1px;
	top: 20px;
	left: 11px;
	background-color: #fff;
}
.promotion-btn-back a:after {
	content: "";
	position: absolute;
	display: block;
	width: 9px;
	height: 9px;
	top: 16px;
	left: 12px;
	border-bottom: solid 1px #fff;
	border-left: solid 1px #fff;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.promotion-btn-next a:after {
	content: "";
	position: absolute;
	display: block;
	width: 9px;
	height: 9px;
	top: 16px;
	right: 12px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
html:not(.sp) .promotion-btn-back a:hover,
html:not(.sp) .promotion-btn-next a:hover {
	background-color: #9fd25b;
	border: solid 2px #9fd25b;
}



/*---------------------------------------------
	Nodai Now
  ---------------------------------------------*/

.nodai-now-container-tag {
	padding: 0 0 20px;
	text-align: center;
	overflow: hidden;
}

.nodai-now-container-tag li {
	display: inline-block;
	margin: 0 1px 6px 1px;
	vertical-align: middle;
}
.nodai-now-container-tag li:nth-of-type(n+7):not(.nodai-now-container-tag-more-btn) {display: none;}
.nodai-now-container-tag.nodai-now-container-tag-open li:nth-of-type(n+7) {display: inline-block;}
.nodai-now-container-tag-more-btn:nth-child(-n+7) {display: none !important;}

.nodai-now-container-tag li a {
	display: block;
	padding: 0 10px;
	line-height: 25px;
	font-size: 83%;
	color: #555;
	text-decoration: none;
	overflow: hidden;
	border: solid 2px #75c69b;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-o-border-radius: 30px;
	-ms-border-radius: 30px;
	border-radius: 30px;

	-moz-transition: background-color .2s linear, color .2s linear, border .2s linear;
	-webkit-transition: background-color .2s linear, color .2s linear, border .2s linear;
	-o-transition: background-color .2s linear, color .2s linear, border .2s linear;
	-ms-transition: background-color .2s linear, color .2s linear, border .2s linear;
	transition: background-color .2s linear, color .2s linear, border .2s linear;
}
html:not(.sp) .nodai-now-container-tag li a:hover {
	color: #fff;
	background-color: #9fd25b;
}
html:not(.sp) .nodai-now-container-tag li:not(.nodai-now-container-tag-more-btn) a:hover {border: solid 2px #9fd25b;}

.nodai-now-container-tag .nodai-now-container-tag-more-btn a {
	position: relative;
	width: 29px;
	height: 29px;
	text-indent: -9999px;
	background-color: #094;
	border: 0 none;
	background-image: url(../images/icon.png);
	background-repeat: no-repeat;
	background-position: -93px -45px;
	-moz-background-size: 240px 120px;
	-webkit-background-size: 240px 120px;
	-o-background-size: 240px 120px;
	-ms-background-size: 240px 120px;
	background-size: 240px 120px;
}
.nodai-now-container-tag-open .nodai-now-container-tag-more-btn a {background-position: -117px -45px;}

.nodai-now-element {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 0 20px;
	overflow: hidden;
}

.nodai-now-text-container {position: relative;}

.nodai-now-text-container a {
	display: block;
	padding: 20px 25px 15px 30px;
	text-decoration: none;
	background-color: #fff;
	-moz-transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	-ms-transition: background-color .2s linear;
	transition: background-color .2s linear;
}
.nodai-now-text-container a:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 60px;
	vertical-align: middle;
}
html:not(.sp) .nodai-now-text-container a:hover {background-color: #9fd25b;}

.nodai-now-element-img {
	position: absolute;
	width: 140px;
	height: 100%;
	top: 0;
	right: 0;
	overflow: hidden;
}
.nodai-now-element-img div {
	position: relative;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;

	-moz-transition: transform .2s ease-out;
	-webkit-transition: transform .2s ease-out;
	-o-transition: transform .2s ease-out;
	-ms-transition: transform .2s ease-out;
	transition: transform .2s ease-out;
}
html:not(.sp) .nodai-now-text-container a:hover .nodai-now-element-img div {transform: scale(1.1);}

.nodai-now-text {
	display: inline-block;
	width: 98%;
	padding: 0;
	font-family:微软雅黑;
	font-size: 160%;
	font-weight: 500;
	color: #000;
	line-height: 140%;
	text-decoration: none;
	vertical-align: middle;
	-moz-transition: color .2s linear;
	-webkit-transition: color .2s linear;
	-o-transition: color .2s linear;
	-ms-transition: color .2s linear;
	transition: color .2s linear;
}
html:not(.sp) .nodai-now-text-container a:hover .nodai-now-text {color: #fff;}
.nodai-now-element-img + .nodai-now-text {padding: 0 140px 0 0;}

.nodai-now-sub-text {
	display: block;
	font-size: 75%;
	line-height: 140%;
}

.nodai-now-element-tag {
	padding: 8px 25px 2px 30px;
	background-color: #fff;
	border-top: solid 1px #e6eef3;
	overflow: hidden;
}

.nodai-now-element-tag li {
	display: inline-block;
	margin: 0 2px 6px 0;
	vertical-align: middle;
}

.nodai-now-element-tag li a {
	display: block;
	padding: 0 10px;
	line-height: 20px;
	font-size: 76%;
	color: #555;
	text-decoration: none;
	overflow: hidden;
	border: solid 2px #75c69b;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-o-border-radius: 30px;
	-ms-border-radius: 30px;
	border-radius: 30px;

	-moz-transition: background-color .2s linear, color .2s linear, border .2s linear;
	-webkit-transition: background-color .2s linear, color .2s linear, border .2s linear;
	-o-transition: background-color .2s linear, color .2s linear, border .2s linear;
	-ms-transition: background-color .2s linear, color .2s linear, border .2s linear;
	transition: background-color .2s linear, color .2s linear, border .2s linear;
}
html:not(.sp) .nodai-now-element-tag li a:hover {
	color: #fff;
	background-color: #9fd25b;
}
html:not(.sp) .nodai-now-element-tag li a:hover {border: solid 2px #9fd25b;}



/*---------------------------------------------
	Viewer
  ---------------------------------------------*/

#viewer-container {
	position: fixed;
	z-index: 3;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 40px 0 0;
}

#viewer-container > div {
	position: relative;
	width: 50%;
	height: 100%;
}

#viewer-element {
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#viewer-element a,
#viewer-element iframe {
	display: block;
	width: 100%;
	height: 100%;
}

#viewer-cover {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #222;
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size: 60px 60px;
	-webkit-background-size: 60px 60px;
	-o-background-size: 60px 60px;
	-ms-background-size: 60px 60px;
	background-size: 60px 60px;
}

#viewer-close-btn {
	position: absolute;
	top: 30px;
	right: 30px;
}

#viewer-close-btn a {
	display: block;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	border: solid 2px #fff;
	overflow: hidden;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
	border-radius: 20px;

	-moz-transition: background-color .2s linear, border.2s linear;
	-webkit-transition: background-color .2s linear, border .2s linear;
	-o-transition: background-color .2s linear, border .2s linear;
	-ms-transition: background-color .2s linear, border .2s linear;
	transition: background-color .2s linear, border .2s linear;
}
#viewer-close-btn a:before,
#viewer-close-btn a:after {
	content: "";
	position: absolute;
	display: block;
	width: 20px;
	height: 1px;
	top: 19px;
	left: 10px;
	background-color: #fff;
}
#viewer-close-btn a:before {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#viewer-close-btn a:after {
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

html:not(.sp) #viewer-close-btn a:hover {
	background-color: #9fd25b;
	border: solid 2px #9fd25b;
}

#viewer-text {
	padding: 15px 0 0;
	color: #fff;
	font-size: 90%;
	line-height: 160%;
}



/*---------------------------------------------
	Course Navigator
  ---------------------------------------------*/

#course-nav-container {padding-bottom: 40px;}

.top .course-nav-element.course-color7,
.top .course-nav-element.course-color8 {display: none;}

.course-nav-element > section {
	position: relative;
	background-color: #fff;
	left: 0;
	-moz-transition: left .2s ease-out;
	-webkit-transition: left .2s ease-out;
	-o-transition: left .2s ease-out;
	-ms-transition: left .2s ease-out;
	transition: left .2s ease-out;
}
@media screen and (min-width: 1000px) {
	.course-nav-element > section:hover {left: -6.818182%;}
}

.course-nav-element > section:before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	background-color: #e6eef3;
}
.course-nav-element:first-of-type > section:before {display: none;}

.course-nav-element > section:after {
	content: "";
	position: absolute;
	display: block;
	width: 31%;
	height: 100%;
	top: 0;
	left: 0;
}
.course-nav-element.course-color1 > section:after {background-color: #cf9287;}
.course-nav-element.course-color2 > section:after {background-color: #7d85b2;}
.course-nav-element.course-color3 > section:after {background-color: #d2516c;}
.course-nav-element.course-color4 > section:after {background-color: #70a68c;}
.course-nav-element.course-color5 > section:after {background-color: #de8351;}
.course-nav-element.course-color6 > section:after {background-color: #6d9bc4;}
.course-nav-element.course-color7 > section:after {background-color: #89bd6f;}
.course-nav-element.course-color8 > section:after {background-color: #b3bd6f;}

.course-nav-element > section > a {
	position: relative;
	z-index: 3;
	display: block;
	padding: 10px 0;
	color: #555;
	text-decoration: none;
}
.course-nav-element > section > a:hover {color: #555;}
.course-nav-element > section > a:before {
	content: "";
	position: absolute;
	display: block;
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	background-size: 100% 100%;

	-moz-transition: width .2s ease-out, left .2s ease-out;
	-webkit-transition: width .2s ease-out, left .2s ease-out;
	-o-transition: width .2s ease-out, left .2s ease-out;
	-ms-transition: width .2s ease-out, left .2s ease-out;
	transition: width .2s ease-out, left .2s ease-out;
}
.course-nav-element.course-color1 > section > a:before {background-image: url(../images/course_nav_bg_01.png);}
.course-nav-element.course-color2 > section > a:before {background-image: url(../images/course_nav_bg_02.png);}
.course-nav-element.course-color3 > section > a:before {background-image: url(../images/course_nav_bg_03.png);}
.course-nav-element.course-color4 > section > a:before {background-image: url(../images/course_nav_bg_04.png);}
.course-nav-element.course-color5 > section > a:before {background-image: url(../images/course_nav_bg_05.png);}
.course-nav-element.course-color6 > section > a:before {background-image: url(../images/course_nav_bg_06.png);}
.course-nav-element.course-color7 > section > a:before {background-image: url(../images/course_nav_bg_07.png);}
.course-nav-element.course-color8 > section > a:before {background-image: url(../images/course_nav_bg_08.png);}

@media screen and (min-width: 1000px) {
	.course-nav-element > section:hover > a:before {
		width: 40px;
		left: -38px;
	}
}

.course-nav-element > section > a:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 60px;
	vertical-align: middle;
}

.course-nav-element-heading {
	position: relative;
	display: inline-block;
	width: 31%;
	padding: 0 15px 0 50px;
	color: #fff;
	line-height: 140%;
	font-weight: 500;
	vertical-align: middle;
}
.course-nav-element-heading:before {
	content: "";
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	top: 50%;
	left: 15px;
	margin: -12.5px 0 0;
	background:url(../images/icon.png) no-repeat center center;

	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.course-nav-element-heading:after {
	content: "";
	position: absolute;
	display: block;
	width: 0;
	height: 0px;
	border-top: solid 10px transparent;
	border-bottom: solid 10px transparent;
	top: 50%;
	right: -9px;
	margin: -10px 0 0;
}
.course-nav-element.course-color1 .course-nav-element-heading:after {border-left: solid 10px #cf9287;}
.course-nav-element.course-color2 .course-nav-element-heading:after {border-left: solid 10px #7d85b2;}
.course-nav-element.course-color3 .course-nav-element-heading:after {border-left: solid 10px #d2516c;}
.course-nav-element.course-color4 .course-nav-element-heading:after {border-left: solid 10px #70a68c;}
.course-nav-element.course-color5 .course-nav-element-heading:after {border-left: solid 10px #de8351;}
.course-nav-element.course-color6 .course-nav-element-heading:after {border-left: solid 10px #6d9bc4;}
.course-nav-element.course-color7 .course-nav-element-heading:after {border-left: solid 10px #89bd6f;}
.course-nav-element.course-color8 .course-nav-element-heading:after {border-left: solid 10px #b3bd6f;}


.course-nav-element-text {
	display: inline-block;
	width: 67%;
	padding: 0 20px;
	font-size: 90%;
	line-height: 140%;
	vertical-align: middle;
}

.course-nav-detail-container {
	position: fixed;
	width: 50%;
	height: 100%;
	padding: 40px 0 0;
	top: 0;
	left: 0;
	display: none;
}

.course-nav-detail-container > section {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #002134;
}

.course-nav-detail-img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;

	opacity: .6;
}

.course-nav-detail-container h4 {
	position: absolute;
	z-index: 1;
	width: 100px;
	height: 100%;
	top: 0;
	left: 0;
	font-size: 200%;
	font-family:微软雅黑;
}
.course-nav-element.course-color1 .course-nav-detail-container h4 {background-color: #cf9287;}
.course-nav-element.course-color2 .course-nav-detail-container h4 {background-color: #7d85b2;}
.course-nav-element.course-color3 .course-nav-detail-container h4 {background-color: #d2516c;}
.course-nav-element.course-color4 .course-nav-detail-container h4 {background-color: #70a68c;}
.course-nav-element.course-color5 .course-nav-detail-container h4 {background-color: #de8351;}
.course-nav-element.course-color6 .course-nav-detail-container h4 {background-color: #6d9bc4;}
.course-nav-element.course-color7 .course-nav-detail-container h4 {background-color: #89bd6f;}
.course-nav-element.course-color8 .course-nav-detail-container h4 {background-color: #b3bd6f;}

.course-nav-detail-container h4 a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 30px 40px 0 0;
	color: #fff;
	text-decoration: none;
	-moz-transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	-ms-transition: background-color .2s linear;
	transition: background-color .2s linear;

	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}
html:not(.sp) .course-nav-detail-container h4 a:hover {
	color: #fff;
	background-color: rgba(255, 255, 255, .2);
}

.course-nav-detail-container h4 a:after {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 10px 0 0;
	background-image: url(../images/icon1.png);
}

.course-nav-detail-element {
	position: absolute;
	width: 94%;
	max-height: 100%;
	bottom: 0;
	right: 0;
	padding: 40px 6% 20px 100px;
	overflow-y: auto;
}

.course-nav-detail-element::-webkit-scrollbar {
	overflow: hidden;
	width: 8px;
	background-color: transparent;
}
.course-nav-detail-element::-webkit-scrollbar:horizontal {
	height: 8px;
}
.course-nav-detail-element::-webkit-scrollbar-button {
	display: none;
}
.course-nav-detail-element::-webkit-scrollbar-piece {
	background-color: transparent;
}
.course-nav-detail-element::-webkit-scrollbar-piece:start {
	background-color: transparent;
}
.course-nav-detail-element::-webkit-scrollbar-thumb {
	overflow: hidden;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: rgba(48, 48, 48, .5);
}
.course-nav-detail-element::-webkit-scrollbar-corner {
	overflow: hidden;
	background-color: transparent;
}

.course-nav-detail-element section {
	padding: 0 0 20px;
}
.course-nav-detail-element h5 {
	padding: 0 0 10px;
	font-size: 140%;
	font-family:微软雅黑;
	line-height: 140%;
}

.course-nav-detail-element h5 a {
	position: relative;
	display: inline-block;
	padding: 0 28px 0 0;
	color: #fff;
	text-decoration: none;
	-moz-transition: opacity .2s linear;
	-webkit-tranistion: opacity .2s linear;
	-o-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	transition: opacity .2s linear;
}
html:not(.sp) .course-nav-detail-container h5 a:hover {
	color: #fff;
	opacity: .6;
}
.course-nav-detail-container h5 a:after {
	content: "";
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	top: 15%;
	right:-10%;
	margin: -9.5px 0 0 0;
	background-image: url(../images/icon.png);
}

.course-nav-detail-element p {
	padding: 0;
	color: #fff;
	line-height: 160%;
	text-decoration: none;
}


/*---------------------------------------------
	News Release
  ---------------------------------------------*/

#news-tab {
	margin: 0 0 30px;
	padding: 0 0 10px;
	text-align: center;
	border-bottom: solid 1px rgba(0, 0, 0, .1);
}
#news-tab li {
	position: relative;
	display: inline-block;
	margin: 0 2%;
}
html:not(.sp) #news-tab li:hover:after,
#news-tab li.current:after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	bottom: -11px;
	background-color: #094;
}

#news-tab li a {
	color: #555;
	line-height: 140%;
	font-size: 90%;
	text-decoration: none;
}
html:not(.sp) #news-tab li a:hover,
#news-tab li.current a {color: #094;}

.news-category {
	position: relative;
	z-index: 1;
	float: right;
	display: table;
	width: 60px;
	height: 60px;
	margin: -15px 15px 0 0;
}

.news-category p {
	display: table-cell;
	width: 60px;
	height: 60px;
	padding: 0 5px;
	font-size:18px;
	font-weight:700;
	font-style: italic;
	color: #FFFFFF;
	line-height: 140%;
	text-align: center;
	vertical-align: middle;
	background-color: #005BA9;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}

.box-text-container .news-date {
	float: left;
	width: auto;
	padding: 0 0 10px;
	color: #094;
	font-size: 90%;
	font-weight: bold;
	line-height: 140%;
}
.box-element > 	a .box-text-container .news-date {color: #005BA9;}

.news-date span {
	font-size: 180%;
	line-height: 100%;
}

/* .news-icon-new:after {
	content: "NEW!";
	display: inline-block;
	width: 40px;
	height: 18px;
	margin: 0 0 0 5px;
	padding: 5px 0 0;
	color: #fff;
	font-size: 67%;
	text-align: center;
	line-height: 100%;
	background-color: #094;
	vertical-align: middle;
}
 */


/*---------------------------------------------
	Banner
  ---------------------------------------------*/

.banner-container {
	position: relative;
	padding: 30px 6%;
	background-color: #333;
}

.banner-slide-container {
	position: relative;
	overflow: hidden;
	margin: 0 -1.66666666%;
}

.banner-slide-container ul {
	width: 1000%;
	overflow: hidden;
}

.banner-slide-container li {
	float: left;
	width: 3.125%;
	margin: 0;
}

.banner-slide-container a {
	display: block;
	padding: 0 5%;
	-moz-transition: opacity .2s linear;
	-webkit-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	transition: opacity .2s linear;
}
html:not(.sp) .banner-slide-container a:hover {opacity: .8;}

.banner-slide-container img {width: 100%;}

.banner-pagenation {
	margin: 15px 0 -15px;
	text-align: center;
}

.banner-pagenation li {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	vertical-align: middle;
}

.banner-pagenation li a {
	display: block;
	width: 10px;
	height: 10px;
	background-color: #fff;
	text-indent: -9999px;
	text-align: left;
	overflow: hidden;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;

	-moz-transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	-ms-transition: background-color .2s linear;
	transition: background-color .2s linear;
}
html:not(.sp) .banner-pagenation li:not(.current) a:hover {background-color: #9fd25b;}

.banner-pagenation .current a {
	width: 20px;
	height: 20px;
	background-color: transparent;
}
.banner-pagenation .current a:before,
.banner-pagenation .current a:after {
	content: "";
	position: absolute;
	display: block;
	background-color: #094;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
.banner-pagenation .current a:before {
	width: 20px;
	height: 20px;
	top: -5px;
	left: -5px;
	opacity: .5;
}
.banner-pagenation .current a:after {
	width: 10px;
	height: 10px;
	top: 0;
	left: 0;
}

.banner-btn {
	margin: 15px 0 -25px;
	text-align: center;
}

.banner-btn-back,
.banner-btn-next {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 5px;
}

.banner-btn-back a,
.banner-btn-next a {
	display: block;
	width: 100%;
	height: 100%;
	border: solid 2px #fff;
	text-indent: -9999px;
	overflow: hidden;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;

	-moz-transition: background-color .2s linear, border .2s linear;
	-webkit-transition: background-color .2s linear, border .2s linear;
	-o-transition: background-color .2s linear, border .2s linear;
	-ms-transition: background-color .2s linear, border .2s linear;
	transition: background-color .2s linear, border .2s linear;
}
.banner-btn-back a:before,
.banner-btn-next a:before {
	content: "";
	position: absolute;
	display: block;
	width: 14px;
	height: 1px;
	top: 14px;
	left: 8px;
	background-color: #fff;
}
.banner-btn-back a:after {
	content: "";
	position: absolute;
	display: block;
	width: 7px;
	height: 7px;
	top: 11px;
	left: 9px;
	border-bottom: solid 1px #fff;
	border-left: solid 1px #fff;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.banner-btn-next a:after {
	content: "";
	position: absolute;
	display: block;
	width: 7px;
	height: 7px;
	top: 11px;
	right: 9px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

html:not(.sp) .banner-btn-back a:hover,
html:not(.sp) .banner-btn-next a:hover {
	background-color: #9fd25b;
	border: solid 2px #9fd25b;
}



/*---------------------------------------------
	Footer
  ---------------------------------------------*/

footer .col-container {margin: 0;}

#quick-nav-container {
	padding: 40px 6% 0;
	background-color: #03442f;
}

#quick-nav-container-logo {padding: 0 0 40px;}

#quick-nav-container a {text-decoration: none;}

#quick-nav-container nav > ul > li {padding: 0 0 30px;}

#quick-nav-container nav > ul > li {line-height: 130%;}

#quick-nav-container nav > ul > li > a {
	display: inline-block;
	margin: 0 0 8px;
	color: #fff;
	font-weight: bold;
	font-size: 96%;
}
html:not(.sp) #quick-nav-container nav > ul > li > a:hover {color: #9fd25b;}

#quick-nav-container nav > ul > li > ul > li > a {
	display: inline-block;
	margin: 0 0 2px;
	color: #c8e7dd;
	font-size: 83%;
}
html:not(.sp) #quick-nav-container nav > ul > li > ul > li > a:hover {color: #fff;}

#quick-nav-container nav > ul > li > ul > li > ul > li > a {
	display: inline-block;
	padding: 0 0 0 1em;
	color: #c8e7dd;
	font-size: 76%;
}
#quick-nav-container nav > ul > li > ul > li > ul > li:last-of-type > a {margin: 0 0 8px;}
html:not(.sp) #quick-nav-container nav > ul > li > ul > li > ul > li > a:hover {color: #fff;}

#footer-container {
	padding: 30px 6% 20px;
	background-color: #023727;
	overflow: hidden;
}

#footer-container a {text-decoration: none;}

#footer-container-menu {
	float: left;
}

#footer-container-menu li {
	line-height: 140%;
}

#footer-container-menu li a {
	font-size: 76%;
	color: #a4aeaa;
}
html:not(.sp) #footer-container-menu li a:hover {color: #fff;}

#footer-accreditation-container {
	float: right;
	width: 50%;
	min-width: 230px;
	margin: 0 0 20px;
	background-color: rgba(255, 255, 255, .1);
}

#footer-accreditation-container dl {
	display: table;
	width: 100%;
	overflow: hidden;
}

#footer-accreditation-container dt{
	position: relative;
	display: table-cell;
	width: 100px;
	padding: 5px 0;
	text-align: center;
	background-color: #fff;
	vertical-align: middle;
}

#footer-accreditation-container dt img {
	position: relative;
	margin: 0 2px;
	vertical-align: middle;
}

#footer-accreditation-container dd{
	display: table-cell;
	padding: 10px;
	font-size: 76%;
	color: #fff;
	line-height: 140%;
	vertical-align: middle;
}

#footer-container-copyright {
	clear: both;
	float: right;
	padding: 0;
	text-align: right;
	font-size: 76%;
	line-height: 140%;
	color: #758780;
}

#footer-container-copyright a {color: #758780;}
html:not(.sp) #footer-container-copyright a:hover {color: #fff;}

#footer-container-copyright br {display: none;}



/*---------------------------------------------
	Google Custom Search
  ---------------------------------------------*/

table.gsc-search-box {
	max-width: 500px !important;
	margin: 0 auto !important;
}

.gsc-input-box {
	height: 40px !important;
	border: 0 none !important;
	overflow: hidden !important;
	-moz-border-radius: 20px 0 0 20px !important;
	-webkit-border-radius: 20px 0 0 20px !important;
	-o-border-radius: 20px 0 0 20px !important;
	-ms-border-radius: 20px 0 0 20px !important;
	border-radius: 20px 0 0 20px !important;
}
.gsc-search-box .gsc-input > input:focus,
.gsc-input-box-focus {
	border: 0 none !important;
	box-shadow: none !important;
}

input.gsc-input,
.gsc-input-box,
.gsc-input-box-hover,
.gsc-input-box-focus {
	border: 0 none !important;
	box-shadow: none !important;
}

.gsib_a {padding: 0 10px !important;}

.gsst_a {padding-top: 10px !important;}

table.gsc-search-box td {vertical-align: top !important;}

.gsc-search-box-tools .gsc-search-box .gsc-input {
	height: 40px !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family:微软雅黑;   
}

input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
	margin: 0 !important;
	padding: 13px 23px 14px 24px !important;
	color: #fff !important;
	background-color: #094 !important;
	border: 0 none !important;
	font-family:微软雅黑;
	cursor: pointer !important;
	word-break: break-all !important;

	-moz-box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
	-o-box-sizing: content-box !important;
	-ms-box-sizing: content-box !important;
	box-sizing: content-box !important;

	-mox-border-radius: 0 20px 20px 0 !important;
	-webkit-border-radius: 0 20px 20px 0 !important;
	-o-border-radius: 0 20px 20px 0 !important;
	-ms-border-radius: 0 20px 20px 0 !important;
	border-radius: 0 20px 20px 0 !important;

	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	-o-appearance: none !important;
	-ms-appearance: none !important;
	appearance: none !important;

	-moz-transition: background-color .2s linear !important;
	-webkit-transition: background-color .2s linear !important;
	-o-transition: background-color .2s linear !important;
	-ms-transition: background-color .2s linear !important;
	transition: background-color .2s linear !important;
}
input.gsc-search-button:hover, input.gsc-search-button:focus {background-color: #9fd25b !important;}

.gsc-control-cse {background-color: transparent !important;}
.cse .gsc-control-cse,
.gsc-control-cse {padding: 0 !important;}

.gsc-control-cse,
.gsc-control-cse .gsc-table-result {
	font-family:微软雅黑;
	line-height: 1.8em !important;
	border: 0 none !important;
}

.gsc-webResult.gsc-result, 
.gsc-results .gsc-imageResult {
	border: 0 none !important;
	background-color: transparent !important;
}

.gsc-webResult.gsc-result {border: 0 none !important;}

.gsc-result .gs-title {height: 1.5em !important;}

.gs-webResult.gs-result a.gs-title:visited,
.gs-webResult.gs-result a.gs-title:visited b,
.gs-imageResult a.gs-title:visited,
.gs-imageResult a.gs-title:visited b {color: #094 !important;}

.gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link b,
.gs-imageResult a.gs-title:link,
.gs-imageResult a.gs-title:link b {color: #094 !important;}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
	color: #094 !important;
	background-color: transparent !important;
}



/*---------------------------------------------
	For Narrow Screen
  ---------------------------------------------*/

@media screen and (min-width: 1000px) and (max-width: 1199px) {
	.ert4{display:none;text-align:center;background:#FFF;position:absolute;top:0%;right:54px;padding:10px;}
	.ert4 h2{font-size:12px;color:#005BA9;margin-bottom:10px;}
	.ert2:hover .ert4{display:block;}
.ind_exa{text-align:center;padding:45px 0;}
	.ind_exa1 h2{margin-bottom:10px;font-size:26px;color:#000;font-weight:300;}
	.ind_exa1 span{display:block;margin-bottom:30px;font-size:14px;color:#999;}
	.ind_exa2{text-align:center;}
	.ind_exa2 ul li{padding:29px 31px;background:#FFF;width:80%;display:inline-block;margin-bottom:20px;}
	.ind_exa2 ul li:hover{box-shadow:0 0 10px #005BA9;}
	.ind_exa2 ul li h2{padding:20px 25px 20px 15px;background:url(../images/ind_exa1.png) no-repeat center center;font-size:15px;color:#000;}
	.ind_exa2 ul li h3{padding:20px 0;font-size:16px;color:#000;}
	.ind_exa2 ul li p{float:left;display:block;height:245px;font-size:14px;color:#555;line-height:30px;overflow:hidden;}
	
	
	.ind_exb{text-align:center;width:100%;}
	.ind_exb1{position:relative;}
	.ind_exb1 h3{border:1px solid #3C82BD;position:absolute;right:6%;bottom:0px;padding:5px 20px;border-radius:50px;font-size:14px;color:#005BA9;}
	.ind_exb2 ul li{margin-bottom:60px;display:inline-block;width:25%;}
	.ind_exb2 ul li h2{margin-bottom:20px;font-size:12px;color:#000;}
	.ind_exb2 ul li h2 span{font-size:22px;color:#005BA9;}
	.ind_exb2 ul li h3{height:19px;overflow:hidden;margin-top:20px;font-size:14px;color:#000;}
	.ind_exb2 ul li h4{height:40px;}.ind_exb2 ul li h4 img{max-height:40px;}
	.ind_exb3{display:block;font-size:14px;color:#999;text-align:center;}
	
	/*地图*/
	.map{position:relative;}
	.map1 img{width:100%;}
	.map2{position:absolute;top:38%;left:18%;}
	.map3{position:relative;}
	.map4{width:35px;height:45px;background:url(../images/map2.png) no-repeat center center;}
	.map5{background:#005CA9;position:absolute;top:-80px;left:-77px;width:167px;padding:5px 13px;display:none;}
	.map5 p{font-size:14px;color:#FFF;}
	.map6{position:relative;}
	.map7{width:20px;height:14px;background:url(../images/map5.png) no-repeat center center;position:absolute;bottom:-18px;left:50%;width:20px;}
	.map2:hover .map5{display:block;background:#AD1F23;}
	.map2:hover .map7{background:url(../images/map4.png) no-repeat center center;}
	.map2:hover .map4{background:url(../images/map3.png) no-repeat center center;}
	.map8{position:absolute;top:49%;left:50%;}
	.map9{position:absolute;top:28%;left:82%;}
	
	.footer{background:#1C2E3C;padding:35px 0 0 58px;overflow:hidden;}
	.footera{margin-bottom:30px;overflow:hidden;}
	.footer1{width:30%;float:left;margin-right:3%;}
	.footer1 p{font-size:13px;color:#BBD1E1;line-height:30px;font-weight:300;}
	.footer1 h2{font-size:17px;color:#FFF;font-weight:300;margin-bottom:17px;}
	.footer2{border-top:1px solid #2E4456;text-align:center;padding:24px 0;}
	.footer2 p{font-size:12px;color:#697C8C;}
	body {font-size: 90%;}
#gnav ul li:hover{background:#B11818;}
#gnav ul li span a{padding-left:50px;}
#gnav ul li .headet span a{background:url(../images/ppppppp.png);}
.header1 span a{background:url(../images/header1.png) no-repeat 20px center;}
.header2 span a{background:url(../images/header2.png) no-repeat 20px center;}
.header3 span a{background:url(../images/header3.png) no-repeat 20px center;}
.header4 span a{background:url(../images/header4.png) no-repeat 20px center;}
.header5 span a{background:url(../images/header5.png) no-repeat 20px center;}
.header6 span a{background:url(../images/header6.png) no-repeat 20px center;}
.header7 span a{background:url(../images/header7.png) no-repeat 20px center;}
.header8 span a{background:url(../images/header8.png) no-repeat 20px center;}
.header9 span a{background:url(../images/header9.png) no-repeat 20px center;}
}

@media screen and (min-width: 1000px) and (max-height: 799px) {
	.topy{text-align:center !important;background:#1C2D3D !important;}
	.topy ul li{/* -webkit-transition: width .45s, opacity .1s;border-top:3px solid #1C2D3D; */margin:0 2%;display:inline-block;padding:18px 0;position:relative;}
	.topy ul li h3{
	height: 3px;
    left: 0;
    margin: auto;
    opacity: 0;
    pointer-events: none;
    position: absolute;
	top:0px;
    right: 0;
    transition:0.5s;
    width: 0%;background:#f4f8fb;}
	.topy ul li:hover h3{ opacity: 1;width:100%;}
	.topy ul li h2{font-size:15px;color:#FFFFFF;font-weight:300;}
	.topy ul li a{text-decoration:none;}
	.topy ul li dl{padding:0 18px;text-align:left;display:none;width:154px;background:#f4f8fb;position:absolute;left:-18px;top:57px;}
	.topy ul li:hover dl{display:block;}
	.topy ul li dl dt span{padding:15px 0;display:block;border-top:1px solid #e9e9e9;font-size:14px;color:#999;}
	.topy ul li dl dt:hover span{color:#B11818;}
	.topy .topy1{border-top:0px;}
	
	
	
	
	
	
	
	
	
	
	
	
	.ert4{display:none;text-align:center;background:#FFF;position:absolute;top:0%;right:54px;padding:10px;}
	.ert4 h2{font-size:12px;color:#005BA9;margin-bottom:10px;}
	.ert2:hover .ert4{display:block;}
	#gnav ul li:hover{background:#B11818;}
#gnav ul li span a{padding-left:50px;}
#gnav ul li .headet span a{background:url(../images/ppppppp.png);}
.header1 span a{background:url(../images/header1.png) no-repeat 20px center;}
.header2 span a{background:url(../images/header2.png) no-repeat 20px center;}
.header3 span a{background:url(../images/header3.png) no-repeat 20px center;}
.header4 span a{background:url(../images/header4.png) no-repeat 20px center;}
.header5 span a{background:url(../images/header5.png) no-repeat 20px center;}
.header6 span a{background:url(../images/header6.png) no-repeat 20px center;}
.header7 span a{background:url(../images/header7.png) no-repeat 20px center;}
.header8 span a{background:url(../images/header8.png) no-repeat 20px center;}
.header9 span a{background:url(../images/header9.png) no-repeat 20px center;}
	.ind_exa{text-align:center;padding:45px 0;}
	.ind_exa1 h2{margin-bottom:10px;font-size:26px;color:#000;font-weight:300;}
	.ind_exa1 span{display:block;margin-bottom:30px;font-size:14px;color:#999;}
	.ind_exa2{text-align:center;}
	.ind_exa2 ul li{padding:2% 3%;background:#FFF;width:30%;display:inline-block;margin:0 1%;}
	.ind_exa2 ul li:hover{box-shadow:0 0 10px #005BA9;}
	.ind_exa2 ul li h2{padding:20px 25px 20px 15px;background:url(../images/ind_exa1.png) no-repeat center center;font-size:15px;color:#000;}
	.ind_exa2 ul li h3{padding:20px 0;font-size:16px;color:#000;}
	.ind_exa2 ul li p{float:left;display:block;height:245px;font-size:14px;color:#555;line-height:30px;overflow:hidden;}
	
	
	.ind_exb{text-align:center;width:100%;}
	.ind_exb1{position:relative;}
	.ind_exb1 h3{border:1px solid #3C82BD;position:absolute;right:6%;bottom:0px;padding:8px 20px;border-radius:50px;font-size:14px;color:#005BA9;}
	.ind_exb2 ul li{margin-bottom:60px;display:inline-block;width:15%;}
	.ind_exb2 ul li h2{margin-bottom:20px;font-size:12px;color:#000;}
	.ind_exb2 ul li h2 span{font-size:22px;color:#005BA9;}
	.ind_exb2 ul li h3{height:19px;overflow:hidden;margin-top:20px;font-size:14px;color:#000;}
	.ind_exb2 ul li h4{height:40px;}.ind_exb2 ul li h4 img{max-height:40px;}
	.ind_exb3{display:block;font-size:14px;color:#999;text-align:center;}
	
	/*地图*/
	.map{position:relative;}
	.map1 img{width:100%;}
	.map2{position:absolute;top:38%;left:18%;}
	.map3{position:relative;}
	.map4{width:35px;height:45px;background:url(../images/map2.png) no-repeat center center;}
	.map5{background:#005CA9;position:absolute;top:-80px;left:-77px;width:167px;padding:5px 13px;display:none;}
	.map5 p{font-size:14px;color:#FFF;}
	.map6{position:relative;}
	.map7{width:20px;height:14px;background:url(../images/map5.png) no-repeat center center;position:absolute;bottom:-18px;left:50%;width:20px;}
	.map2:hover .map5{display:block;background:#AD1F23;}
	.map2:hover .map7{background:url(../images/map4.png) no-repeat center center;}
	.map2:hover .map4{background:url(../images/map3.png) no-repeat center center;}
	.map8{position:absolute;top:49%;left:50%;}
	.map9{position:absolute;top:28%;left:82%;}
	
	.footer{background:#1C2E3C;padding:35px 0 0 15px;overflow:hidden;}
	.footera{margin-bottom:30px;overflow:hidden;}
	.footer1{width:32%;float:left;margin-right:1%;}
	.footer1 p{font-size:13px;color:#BBD1E1;line-height:30px;font-weight:300;}
	.footer1 h2{font-size:17px;color:#FFF;font-weight:300;margin-bottom:17px;}
	.footer2{border-top:1px solid #2E4456;text-align:center;padding:24px 0;}
	.footer2 p{font-size:12px;color:#697C8C;}
	#logo {height: 160px;}

	#logo img {width: 160px;}

	#gnav {
		top: 230px;
		height: 400px;
	}

	#gnav > ul > li > ul,
	#gnav > ul > li > ul > li > ul  {height: 490px;}

	#gnav > ul > li:hover > ul,
	#gnav > ul > li > ul:hover > li > ul {height: 86.5%;}

	.branding-text {padding-top: 520px;}

}

@media screen and (min-width: 1000px) and (max-height: 699px) {
	.topy{text-align:center !important;background:#1C2D3D !important;}
	.topy ul li{/* -webkit-transition: width .45s, opacity .1s;border-top:3px solid #1C2D3D; */margin:0 2%;display:inline-block;padding:18px 0;position:relative;}
	.topy ul li h3{
	height: 3px;
    left: 0;
    margin: auto;
    opacity: 0;
    pointer-events: none;
    position: absolute;
	top:0px;
    right: 0;
    transition:0.5s;
    width: 0%;background:#f4f8fb;}
	.topy ul li:hover h3{ opacity: 1;width:100%;}
	.topy ul li h2{font-size:15px;color:#FFFFFF;font-weight:300;}
	.topy ul li a{text-decoration:none;}
	.topy ul li dl{padding:0 18px;text-align:left;display:none;width:154px;background:#f4f8fb;position:absolute;left:-18px;top:57px;}
	.topy ul li:hover dl{display:block;}
	.topy ul li dl dt span{padding:15px 0;display:block;border-top:1px solid #e9e9e9;font-size:14px;color:#999;}
	.topy ul li dl dt:hover span{color:#B11818;}
	.topy .topy1{border-top:0px;}
	.ert4{display:none;text-align:center;background:#FFF;position:absolute;top:0%;right:54px;padding:10px;}
	.ert4 h2{font-size:12px;color:#005BA9;margin-bottom:10px;}
	#gnav ul li:hover{background:#B11818;}
#gnav ul li span a{padding-left:50px;}
#gnav ul li .headet span a{background:url(../images/ppppppp.png);}
.header1 span a{background:url(../images/header1.png) no-repeat 20px center;}
.header2 span a{background:url(../images/header2.png) no-repeat 20px center;}
.header3 span a{background:url(../images/header3.png) no-repeat 20px center;}
.header4 span a{background:url(../images/header4.png) no-repeat 20px center;}
.header5 span a{background:url(../images/header5.png) no-repeat 20px center;}
.header6 span a{background:url(../images/header6.png) no-repeat 20px center;}
.header7 span a{background:url(../images/header7.png) no-repeat 20px center;}
.header8 span a{background:url(../images/header8.png) no-repeat 20px center;}
.header9 span a{background:url(../images/header9.png) no-repeat 20px center;}
.ind_exa{text-align:center;padding:45px 0;}
	.ind_exa1 h2{margin-bottom:10px;font-size:26px;color:#000;font-weight:300;}
	.ind_exa1 span{display:block;margin-bottom:30px;font-size:14px;color:#999;}
	.ind_exa2{text-align:center;}
	.ind_exa2 ul li{padding:29px 31px;background:#FFF;width:30%;display:inline-block;margin:0 1%;}
	.ind_exa2 ul li:hover{box-shadow:0 0 10px #005BA9;}
	.ind_exa2 ul li h2{padding:20px 25px 20px 15px;background:url(../images/ind_exa1.png) no-repeat center center;font-size:15px;color:#000;}
	.ind_exa2 ul li h3{padding:20px 0;font-size:16px;color:#000;}
	.ind_exa2 ul li p{float:left;display:block;height:245px;font-size:14px;color:#555;line-height:30px;overflow:hidden;}
	
	
	.ind_exb{text-align:center;width:100%;}
	.ind_exb1{position:relative;}
	.ind_exb1 h3{border:1px solid #3C82BD;position:absolute;right:6%;bottom:0px;padding:8px 20px;border-radius:50px;font-size:14px;color:#005BA9;}
	.ind_exb2 ul li{margin-bottom:60px;display:inline-block;width:15%;}
	.ind_exb2 ul li h2{margin-bottom:20px;font-size:12px;color:#000;}
	.ind_exb2 ul li h2 span{font-size:22px;color:#005BA9;}
	.ind_exb2 ul li h3{height:19px;overflow:hidden;margin-top:20px;font-size:14px;color:#000;}
	.ind_exb2 ul li h4{height:40px;}.ind_exb2 ul li h4 img{max-height:40px;}
	.ind_exb3{display:block;font-size:14px;color:#999;text-align:center;}
	
	/*地图*/
	.map{position:relative;}
	.map1 img{width:100%;}
	.map2{position:absolute;top:38%;left:18%;}
	.map3{position:relative;}
	.map4{width:35px;height:45px;background:url(../images/map2.png) no-repeat center center;}
	.map5{background:#005CA9;position:absolute;top:-80px;left:-77px;width:167px;padding:5px 13px;display:none;}
	.map5 p{font-size:14px;color:#FFF;}
	.map6{position:relative;}
	.map7{width:20px;height:14px;background:url(../images/map5.png) no-repeat center center;position:absolute;bottom:-18px;left:50%;width:20px;}
	.map2:hover .map5{display:block;background:#AD1F23;}
	.map2:hover .map7{background:url(../images/map4.png) no-repeat center center;}
	.map2:hover .map4{background:url(../images/map3.png) no-repeat center center;}
	.map8{position:absolute;top:49%;left:50%;}
	.map9{position:absolute;top:28%;left:82%;}
	
	.footer{background:#1C2E3C;padding:35px 0 0 15px;overflow:hidden;}
	.footera{margin-bottom:30px;overflow:hidden;}
	.footer1{width:33%;float:left;margin-right:0%;}
	.footer1 p{font-size:13px;color:#BBD1E1;line-height:30px;font-weight:300;}
	.footer1 h2{font-size:17px;color:#FFF;font-weight:300;margin-bottom:17px;}
	.footer2{border-top:1px solid #2E4456;text-align:center;padding:24px 0;}
	.footer2 p{font-size:12px;color:#697C8C;}
	#logo {height: 140px;}

	#logo img {width: 140px;}

	#gnav {
		top: 210px;
		height: 400px;
	}

	#gnav > ul > li > ul,
	#gnav > ul > li > ul > li > ul  {height: 440px;}

	#gnav > ul > li:hover > ul,
	#gnav > ul > li > ul:hover > li > ul {height: 85%;}

	.branding-text {padding-top: 470px;}

}



/*---------------------------------------------
	For - 999px and Print
  ---------------------------------------------*/

@media screen and (max-width: 999px), print {
.ert4{display:none;text-align:center;background:#FFF;position:absolute;top:0%;right:54px;padding:10px;}
	.ert4 h2{font-size:12px;color:#005BA9;margin-bottom:10px;}
	.ert2:hover .ert4{display:block;}
/* 	body {background-color: #222 !important;} */
.ind_exa{text-align:center;padding:45px 0;}
	.ind_exa1 h2{margin-bottom:10px;font-size:26px;color:#000;font-weight:300;}
	.ind_exa1 span{display:block;margin-bottom:30px;font-size:14px;color:#999;}
	.ind_exa2{text-align:center;}
	.ind_exa2 ul li{padding:29px 31px;background:#FFF;width:30%;display:inline-block;margin:0 1%;}
	.ind_exa2 ul li:hover{box-shadow:0 0 10px #005BA9;}
	.ind_exa2 ul li h2{padding:20px 25px 20px 15px;background:url(../images/ind_exa1.png) no-repeat center center;font-size:15px;color:#000;}
	.ind_exa2 ul li h3{padding:20px 0;font-size:16px;color:#000;}
	.ind_exa2 ul li p{float:left;display:block;height:245px;font-size:14px;color:#555;line-height:30px;overflow:hidden;}
	
	
	.ind_exb{text-align:center;width:100%;}
	.ind_exb1{position:relative;}
	.ind_exb1 h3{border:1px solid #3C82BD;position:absolute;right:6%;bottom:0px;padding:8px 20px;border-radius:50px;font-size:14px;color:#005BA9;}
	.ind_exb2 ul li{margin-bottom:60px;display:inline-block;width:20%;}
	.ind_exb2 ul li h2{margin-bottom:20px;font-size:12px;color:#000;}
	.ind_exb2 ul li h2 span{font-size:22px;color:#005BA9;}
	.ind_exb2 ul li h3{height:19px;overflow:hidden;margin-top:20px;font-size:14px;color:#000;}
	.ind_exb2 ul li h4{height:40px;}.ind_exb2 ul li h4 img{max-height:40px;}
	.ind_exb3{display:block;font-size:14px;color:#999;text-align:center;}
	
	/*地图*/
	.map{position:relative;}
	.map1 img{width:100%;}
	.map2{position:absolute;top:38%;left:18%;}
	.map3{position:relative;}
	.map4{width:35px;height:45px;background:url(../images/map2.png) no-repeat center center;}
	.map5{background:#005CA9;position:absolute;top:-80px;left:-77px;width:167px;padding:5px 13px;display:none;}
	.map5 p{font-size:14px;color:#FFF;}
	.map6{position:relative;}
	.map7{width:20px;height:14px;background:url(../images/map5.png) no-repeat center center;position:absolute;bottom:-18px;left:50%;width:20px;}
	.map2:hover .map5{display:block;background:#AD1F23;}
	.map2:hover .map7{background:url(../images/map4.png) no-repeat center center;}
	.map2:hover .map4{background:url(../images/map3.png) no-repeat center center;}
	.map8{position:absolute;top:49%;left:50%;}
	.map9{position:absolute;top:28%;left:82%;}
	
	.footer{background:#1C2E3C;padding:35px 0 0 58px;overflow:hidden;}
	.footera{margin-bottom:30px;overflow:hidden;}
	.footer1{width:30%;float:left;margin-right:3%;}
	.footer1 p{font-size:13px;color:#BBD1E1;line-height:30px;font-weight:300;}
	.footer1 h2{font-size:17px;color:#FFF;font-weight:300;margin-bottom:17px;}
	.footer2{border-top:1px solid #2E4456;text-align:center;padding:24px 0;}
	.footer2 p{font-size:12px;color:#697C8C;}
	
	
	#wrapper {
		-moz-transition: -moz-transform .3s ease-in-out;
		-webkit-transition: -webkit-transform .3s ease-in-out;
		-o-transition: -o-transform .3s ease-in-out;
		-ms-transition: -ms-transform .3s ease-in-out;
		transition: transform .3s ease-in-out;
	}
	.sp-gnav-open #wrapper {
		left: -255px\9;
		-moz-transform: translate3d(-255px, 0, 0);
		-webkit-transform: translate3d(-255px, 0, 0);
		-o-transform: translate3d(-255px, 0, 0);
		-ms-transform: translate3d(-255px, 0, 0);
		transform: translate3d(-255px, 0, 0);
	}

	.copy {font-size: 140%;}

	#logo {
		position: absolute;
		width: 150px;
		height: 150px;
		top: 30px;
		left: 30px;
	}

	#logo img {width: 150px;}

	header {
		position: absolute;
		z-index: 0;
		display: none;
		width: 255px;
		top: 0;
		right: 0;
		overflow: hidden;
		-moz-transition: width .3s ease-in-out;
		-webkit-transition: width .3s ease-in-out;
		-o-transition: width .3s ease-in-out;
		-ms-transition: width .3s ease-in-out;
		transition: width .3s ease-in-out;
	}

	#target-menu {padding: 15px;}

	#target-menu a {
		position: relative;
		display: block;
		padding: 12px 15px;
		color: #ccc;
		font-size: 90%;
		text-decoration: none;
		border-bottom: solid 1px #222;
		background-color: #333;
		-moz-transition: background-color .2s linear, color .2s linear;
		-webkit-transition: background-color .2s linear, color .2s linear;
		-o-transition: background-color .2s linear, color .2s linear;
		-ms-transition: background-color .2s linear, color .2s linear;
		transition: background-color .2s linear, color .2s linear;
	}
	html:not(.sp) #target-menu a:hover {
		color: #fff;
		background-color: #444;
	}

	#utility-menu {padding: 0 15px;}

	#utility-menu a {
		position: relative;
		display: block;
		padding: 12px 15px 12px 50px;
		color: #fff;
		font-size: 90%;
		text-decoration: none;
		border-bottom: solid 1px #007b36;
		background-color: #094;
		-moz-transition: background-color .2s linear;
		-webkit-transition: background-color .2s linear;
		-o-transition: background-color .2s linear;
		-ms-transition: background-color .2s linear;
		transition: background-color .2s linear;
	}
	#utility-menu li:last-of-type a {border-bottom: 0 none;}
	html:not(.sp) #utility-menu a:hover {background-color: #9fd25b;}

	#utility-menu .utility-menu-icon-text a:after,
	#utility-menu .utility-menu-lang a:after {left: 15px;}

	#utility-menu .utility-menu-icon a:after {
		left: 50%;
		margin: -12px 0 0 -12px;
	}

	#utility-menu #utility-menu-search a {display: none;}

	#search-box {
		position: relative;
		z-index: 1;
		display: block;
		width: 100%;
		height: auto;
		top: 0;
		left: 0;
		padding: 15px 0 30px;
		background-color: transparent;
	}
	.current #search-box {height: auto;}

	#search-box span {
		position: relative;
		bottom: auto;
		padding: 0px;
	}

	#search-box .search-text {
		width: 175px;
		background-color: #333;
	}
	#search-box .search-btn {width: 50px;}

	#gnav a {
		color: #fff;
		text-decoration: none;
		line-height: 140%;
		-moz-transition: background-color .2s linear, color .2s linear;
		-webkit-transition: background-color .2s linear, color .2s linear;
		-o-transition: background-color .2s linear, color .2s linear;
		-ms-transition: background-color .2s linear, color .2s linear;
		transition: background-color .2s linear, color .2s linear;
	}
	html:not(.sp) #gnav a:hover,
	#gnav .current > span > a {background-color: #9fd25b;}
	#gnav .parent > span > a {background-color: rgba(159, 210, 91, .3);}

	#gnav li > span {
		position: relative;
		display: table;
		width: 100%;
	}
#gnav ul li:hover{background:#B11818;}
#gnav ul li span a{padding-left:50px;display:table-cell;height:70px;font-size:90%;border-bottom:solid 1px #333;overflow:hidden;vertical-align:middle;}
#gnav ul li .headet span a{background:url(../images/ppppppp.png);}
.header1 span a{background:url(../images/header1.png) no-repeat 20px center;}
.header2 span a{background:url(../images/header2.png) no-repeat 20px center;}
.header3 span a{background:url(../images/header3.png) no-repeat 20px center;}
.header4 span a{background:url(../images/header4.png) no-repeat 20px center;}
.header5 span a{background:url(../images/header5.png) no-repeat 20px center;}
.header6 span a{background:url(../images/header6.png) no-repeat 20px center;}
.header7 span a{background:url(../images/header7.png) no-repeat 20px center;}
.header8 span a{background:url(../images/header8.png) no-repeat 20px center;}
.header9 span a{background:url(../images/header9.png) no-repeat 20px center;}
	/* #gnav > ul > li > span > a {
		
		padding: 0 15px;
		
	} */
	#gnav > ul > li.gnav-icon > span > a {padding: 0 15px 0 50px;}

	#gnav > ul  ul {
		display: none;
		overflow: hidden;
	}

	#gnav > ul > li > ul > li > span > a {
		display: table-cell;
		padding: 15px 15px 15px 30px;
		font-size: 90%;
		background-color: #333;
		border-bottom: solid 1px #444;
		overflow: hidden;
	}

	#gnav > ul > li > ul > li > ul > li > span > a {
		display: table-cell;
		padding: 15px 15px 15px 45px;
		font-size: 90%;
		background-color: #444;
		border-bottom: solid 1px #555;
		overflow: hidden;
	}

	#sp-gnav-btn {
		position: absolute;
		z-index: 11;
		display: block;
		top: 30px;
		right: 25px;
		cursor: pointer;
	}
	#sp-gnav-btn:before,
	#sp-gnav-btn:after {
		content: "";
		position: absolute;
		z-index: 1;
		display: block;
		width: 28px;
		height: 3px;
		right: 11px;
		background-color: #fff;

		-moz-transition: -moz-transform 0.3s ease-in-out, top 0.3s linear, bottom 0.3s linear, right 0.3s linear, width 0.3s linear;
		-webkit-transition: -webkit-transform 0.3s ease-in-out, top 0.3s linear, bottom 0.3s linear, right 0.3s linear, width 0.3s linear;
		-o-transition: -o-transform 0.3s ease-in-out, top 0.3s linear, bottom 0.3s linear, right 0.3s linear, width 0.3s linear;
		-ms-transition: -ms-transform 0.3s ease-in-out, top 0.3s linear, bottom 0.3s linear, width 0.3s linear;
		transition: transform 0.3s ease-in-out, top 0.3s linear, bottom 0.3s linear, right 0.3s linear, width 0.3s linear;
	}
	#sp-gnav-btn:before {top: 5px;}
	#sp-gnav-btn:after {top: 25px;}
	html:not(.sp) #sp-gnav-btn:hover:before {width: 23px;}

	#sp-gnav-btn a {
		position: relative;
		display: block;
		width: 50px;
		height: 50px;
		padding: 35px 0 0;
		text-decoration: none;
		color: #fff;
		font-size: 10px;
		line-height: 140%;
		text-align: center;
	}

	#sp-gnav-btn a:before {
		content: "";
		position: absolute;
		display: block;
		width: 28px;
		height: 3px;
		top: 15px;
		right: 11px;
		background-color: #fff;

		-moz-transition: width 0.3s linear;
		-webkit-transition: width 0.3s linear;
		-o-transition: width 0.3s linear;
		-ms-transition: width 0.3s linear;
		transition: width 0.3s linear;
	}
	html:not(.sp) #sp-gnav-btn:hover a:before {width: 18px;}

	.sp-gnav-open #sp-gnav-btn:before {
		width: 28px !important;
		top: 16px;
		right: 7;
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.sp-gnav-open #sp-gnav-btn:after {
		width: 28px !important;
		top: 16px;
		right: 7;
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.sp-gnav-open #sp-gnav-btn a:before {width: 0 !important;}

	#gnav > ul > li > span > .sp-gnav-layer-btn,
	#gnav > ul > li > ul > li > span > .sp-gnav-layer-btn {
		display: table-cell;
		width: 40px;
		cursor: pointer;
		-moz-transition: background-color .2s linear;
		-webkit-transition: background-color .2s linear;
		-o-transition: background-color .2s linear;
		-ms-transition: background-color .2s linear;
		transition: background-color .2s linear;
	}
	#gnav > ul > li > span > .sp-gnav-layer-btn {
		border-left: solid 1px #333;
		border-bottom: solid 1px #333;
	}
	#gnav > ul > li > ul > li > span > .sp-gnav-layer-btn {
		border-left: solid 1px #444;
		border-bottom: solid 1px #444;
		background-color: #333;
	}
	.sp-gnav-layer-btn:before {
		content: "";
		position: absolute;
		display: block;
		width: 16px;
		height: 2px;
		top: 50%;
		right: 12px;
		margin: -1px 0 0;
		background-color: #fff;
	}
	.sp-gnav-layer-btn:after {
		content: "";
		position: absolute;
		display: block;
		width: 2px;
		height: 16px;
		top: 50%;
		right: 19px;
		margin: -8px 0 0;
		background-color: #fff;
		-moz-transition: -moz-transform .2s linear;
		-webkit-transition: -webkit-transform .2s linear;
		-o-transition: -o-transform .2s linear;
		-ms-transition: -ms-transform .2s linear;
		transition: transform .2s linear;
	}
	html:not(.sp) #gnav > ul > li > span > .sp-gnav-layer-btn:hover,
	#gnav > ul > li > span > .sp-gnav-layer-btn.current {
		border-left: solid 1px #444;
		border-bottom: solid 1px #444;
		background-color: #333;
	}
	html:not(.sp) #gnav > ul > li > ul > li > span > .sp-gnav-layer-btn:hover,
	#gnav > ul > li > ul > li > span > .sp-gnav-layer-btn.current {
		border-left: solid 1px #555;
		border-bottom: solid 1px #555;
		background-color: #444;
	}

	.sp-gnav-layer-btn.current:after {
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	#wrapper-cover {
		position: absolute;
		z-index: 10;
		display: none;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: #000;
		opacity: .6;
	}

	#page-top-btn {right: 30px;}
	#page-top-btn.scroll {bottom: 30px;}
	.sp-gnav-open #page-top-btn.scroll {bottom: -40px;}

	#branding-container {
		position: relative;
		width: 100%;
		height: 400px;
		padding: 0;
	}
/* 
	#branding-element {position: absolute;} */

	.branding-text {padding: 180px 30px 0;}
	.branding-text:before {background-image: url(../images/branding_cover_sp.png);}

	.branding-text p {font-size: 200%;}
.branding-movie{background:blue;}
	#contents-container {
		width: 100%;
		padding: 0;
		left: 0;
	}

	#viewer-container {
		width: 100%;
		padding: 0;
		z-index: 20;
	}

	#viewer-container > div {width: 100%;}

	#viewer-cover {background-color: rgba(0, 0, 0, .8);}

	.course-nav-element > section > a:before {
		width: 31%;
		background-image: none !important;
		background-color: #fff;
		opacity: 0;
		-moz-transition: opacity .2s linear;
		-webkit-transition: opacity .2s linear;
		-o-transition: opacity .2s linear;
		-ms-transition: opacity .2s linear;
		transition: opacity .2s linear;
	}
	html:not(.sp) .course-nav-element > section > a:hover:before {opacity: .2;}

	.course-nav-element-heading:after {
		-moz-transition: opacity .2s linear;
		-webkit-transition: opacity .2s linear;
		-o-transition: opacity .2s linear;
		-ms-transition: opacity .2s linear;
		transition: opacity .2s linear;
	}
	html:not(.sp) .course-nav-element > section > a:hover .course-nav-element-heading:after {opacity: .8;}

	.course-nav-detail-container {
		position: relative;
		z-index: 1;
		display: none;
		width: auto;
		height: auto;
		padding: 0;
		visibility: visible;
		overflow: hidden;
	}

	.course-nav-detail-container > section {
		width: auto;
		height: auto;
	}

	.course-nav-element-heading:before {background-position: -96px -48px;}
	.course-nav-element > section > a.current .course-nav-element-heading:before {background-position: -120px -48px;}

	.course-nav-detail-element {
		position: relative;
		max-height: none;
		bottom: auto;
		right: auto;
		left: 6%;
	}

}



/*---------------------------------------------
	For - 599px
  ---------------------------------------------*/

@media screen and (max-width: 599px) {
	.topy{text-align:left !important;background:none !important;}
	.topy ul li{width:100%;padding:0px 0 0px 20px;border-bottom:1px solid #333;}
	.topy ul li h2{padding:25px 0 25px 30px;font-size:17px;color:#FFFFFF;font-weight:300;}
	.topy ul li:hover{color:#FFF;}
	.topy ul li a{text-decoration:none;}
	.topy ul li dl{background:none;text-align:left;display:none;width:100%;position:relative;top:0px;}
	.topy ul li:hover dl{display:block;}
	.topy ul li dl dt span{padding:15px 0;display:block;font-size:14px;color:#FFF;}
	.topy ul li dl dt:hover span{color:#B11818;}
	.topy .topy1{border-top:0px;}
	.ert4{display:none;}
.ind_exa{text-align:center;padding:45px 0;}
	.ind_exa1 h2{margin-bottom:10px;font-size:26px;color:#000;font-weight:300;}
	.ind_exa1 span{display:block;margin-bottom:40px;font-size:14px;color:#999;}
	.ind_exa2{text-align:center;}
	.ind_exa2 ul li{padding:29px 31px;background:#FFF;width:80%;display:inline-block;margin-bottom:30px;}
	.ind_exa2 ul li:hover{box-shadow:0 0 10px #005BA9;}
	.ind_exa2 ul li h2{padding:20px 25px 20px 15px;background:url(../images/ind_exa1.png) no-repeat center center;font-size:15px;color:#000;}
	.ind_exa2 ul li h3{padding:20px 0;font-size:16px;color:#000;}
	.ind_exa2 ul li p{float:left;display:block;height:150px;font-size:14px;color:#555;line-height:30px;overflow:hidden;}
	
	
	.ind_exb{text-align:center;width:100%;}
	.ind_exb1{position:relative;}
	.ind_exb1 h3{border:1px solid #3C82BD;position:absolute;right:6%;bottom:0px;padding:5px 20px;border-radius:50px;font-size:14px;color:#005BA9;}
	.ind_exb2 ul li{margin-bottom:60px;display:inline-block;width:30%;}
	.ind_exb2 ul li h2{margin-bottom:20px;font-size:12px;color:#000;}
	.ind_exb2 ul li h2 span{font-size:22px;color:#005BA9;}
	.ind_exb2 ul li h3{height:19px;overflow:hidden;margin-top:20px;font-size:14px;color:#000;}
	.ind_exb2 ul li h4{height:40px;}.ind_exb2 ul li h4 img{max-height:40px;}
	.ind_exb3{display:block;font-size:14px;color:#999;text-align:center;}
	
	/*地图*/
	.map{position:relative;}
	.map1 img{width:100%;}
	.map2{position:absolute;top:38%;left:18%;}
	.map3{position:relative;}
	.map4{width:35px;height:45px;background:url(../images/map2.png) no-repeat center center;}
	.map5{background:#005CA9;position:absolute;top:-80px;left:-77px;width:167px;padding:5px 13px;display:none;}
	.map5 p{font-size:14px;color:#FFF;}
	.map6{position:relative;}
	.map7{width:20px;height:14px;background:url(../images/map5.png) no-repeat center center;position:absolute;bottom:-18px;left:50%;width:20px;}
	.map2:hover .map5{display:block;background:#AD1F23;}
	.map2:hover .map7{background:url(../images/map4.png) no-repeat center center;}
	.map2:hover .map4{background:url(../images/map3.png) no-repeat center center;}
	.map8{position:absolute;top:49%;left:50%;}
	.map9{position:absolute;top:28%;left:82%;}
	
	.footer{background:#1C2E3C;padding:35px 0 0 58px;overflow:hidden;}
	.footera{margin-bottom:30px;overflow:hidden;}
	.footer1{width:80%;float:left;margin-left:3%;text-align:center;}
	.footer1 p{font-size:13px;color:#BBD1E1;line-height:30px;font-weight:300;}
	.footer1 h2{font-size:17px;color:#FFF;font-weight:300;margin-bottom:17px;}
	.footer2{border-top:1px solid #2E4456;text-align:center;padding:24px 0;}
	.footer2 p{font-size:12px;color:#697C8C;}
	
	#gnav ul li:hover{background:#B11818;}
#gnav ul li span a{padding-left:50px;}
#gnav ul li .headet span a{background:url(../images/ppppppp.png);}
.header1 span a{background:url(../images/header1.png) no-repeat 20px center;}
.header2 span a{background:url(../images/header2.png) no-repeat 20px center;}
.header3 span a{background:url(../images/header3.png) no-repeat 20px center;}
.header4 span a{background:url(../images/header4.png) no-repeat 20px center;}
.header5 span a{background:url(../images/header5.png) no-repeat 20px center;}
.header6 span a{background:url(../images/header6.png) no-repeat 20px center;}
.header7 span a{background:url(../images/header7.png) no-repeat 20px center;}
.header8 span a{background:url(../images/header8.png) no-repeat 20px center;}
.header9 span a{background:url(../images/header9.png) no-repeat 20px center;}

.box-element:not(.view-movie) > a .box-text-container:after {
	content: "";
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	bottom: 5px;
	background-image: url(../images/icon2.png);
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	opacity: .3;
}








	#logo {
		position: absolute;
		width: 120px;
		height: 120px;
		top: 15px;
		left: 15px;
	}

	#logo img {width: 120px;}

	#sp-gnav-btn {
		top: 15px;
		right: 10px;
	}

	#page-top-btn {right: 15px;}
	#page-top-btn.scroll {bottom: 15px;}

	#branding-container {height: 300px;}

	.branding-text {padding: 135px 15px 0;}

	.branding-text p {font-size: 150%;}

	.col-container {
		display: block;
		margin: 0;
	}

	.col-half,
	.col-one-third,
	.col-two-third {
		display: block\9;
		width: auto;
		margin-right: 0;
	}

	#heading-level1 h1 {font-size: 150%;}

	.top-heading-level2 {font-size: 160%;}

	.heading-level2 {font-size: 130%;}

	.heading-level3 {font-size: 110%;}

	.heading-level4 {font-size: 100%;}

	.btn {
		display: block;
		padding-right: 0;
	}
	.btn.btn-position-center a,
	.btn.btn-position-right a {display: block;}
	.btn.btn-position-top-right {
		position: relative;
		top: 0;
		left: 0;
	}
	.contents-element:first-of-type .btn.btn-position-top-right,
	.contents-element.bg-color-gray:first-of-type .btn.btn-position-top-right {top: 0;}

	.btn a {
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.pagination-container .btn {display: inline-block;}

	.page-num-container li,
	.page-num-container .page-num-icon-back,
	.page-num-container .page-num-icon-next {width: 9.09090909%;}

	.page-num-container .page-num-icon-back a span,
	.page-num-container .page-num-icon-next a span {
		text-indent: -9999px;
		overflow: hidden;
	}

	.page-num-container .page-num-icon-back span,
	.page-num-container .page-num-icon-next span {padding: 0;}

	.page-num-container .page-num-icon-back span:before,
	.page-num-container .page-num-icon-next span:before {
		left: 50%;
		right: auto;
		margin: -12.5px 0 0 -12.5px;
		border: 0 none;
	}
	.page-num-container .page-num-icon-back span:before {left: 50%;}
	html:not(.sp) .page-num-container .page-num-icon-back a:hover span:before,
	html:not(.sp) .page-num-container .page-num-icon-next a:hover span:before {border: 0 none;}

	.table th,
	.table td {font-size: 86%;}

	.box-text-container {padding: 15px 15px 0;}
	.col-half .box-text-container,
	.col-one-third .box-text-container,
	.col-two-third .box-text-container {min-height: 0;}

	.box-heading {font-size: 96%;}

	.img-half,
	.img-one-third {padding: 56.25% 0 0;}

	.img-half:after,
	.img-one-third:after,
	.img-half > a:after,
	.img-one-third > a:after {display: none;}

	.img-half > a,
	.img-one-third > a {
		float: none;
		margin: -56.25% 0 0;
		padding: 56.25% 0 0;
	}

	.img-half .box-img-container,
	.img-one-third .box-img-container {
		position: absolute;
		width: 100%;
		height: 0;
		padding: 0 0 56.25%;
	}
	.img-half .box-text-container + .box-img-container,
	.img-one-third .box-text-container + .box-img-container {right: auto;}

	.img-half .box-img,
	.img-one-third .box-img {
		position: absolute;
		top: 0;
		left: 0;
	}

	.img-half .box-text-container,
	.img-half .box-img-container ~ .box-text-container,
	.img-one-third .box-text-container,
	.img-one-third .box-img-container ~ .box-text-container {
		display: block;
		width: auto;
		margin: 0;
		padding: 15px 15px 0 15px;
	}

	.img-half .box-category,
	.img-one-third .box-category {
		position: relative;
		left: auto;
		top: auto;
		margin: -35px 15px 0 0;
	}
	.img-half .box-category,
	.img-one-third .box-category,
	.img-half .box-img-container ~ .box-category,
	.img-one-third .box-img-container ~ .box-category {left: auto;}

	.img-half .box-category ~ .box-text-container,
	.img-one-third .box-category ~ .box-text-container {padding-right: 15px;}
	.img-half .box-img-container ~ .box-category ~ .box-text-container,
	.img-one-third .box-img-container ~ .box-category ~ .box-text-container {padding-left: 15px;}

	.contact-box-heading-container {
		display: block;
		width: auto;
		background-color: #e6eef3;
	}
	.contact-box-heading-container:before,
	.contact-box-heading-container:after {display: none;}

	.contact-box-text-container {
		display: block;
		width: auto;
	}

	.contact-box-text-container dl {display: inline-block;}

	.anc-col-one-third,
	.anc-col-quarter {width: 50%;}

	.anc-col-one-third:nth-of-type(2n+2),
	.anc-col-quarter:nth-of-type(2n+2) {border-right: 0 none;}
	.anc-col-one-third:nth-of-type(3n+3):not(:nth-of-type(2n+2)),
	.anc-col-quarter:nth-of-type(4n+4):not(:nth-of-type(2n+2)) {border-right: solid 1px #f4f8fb;}

	.nodai-now-text-container a {padding: 10px 0 10px 15px;}

	.nodai-now-element-img {width: 80px;}
	.nodai-now-element-img + .nodai-now-text {padding: 0 80px 0 0;}

	.nodai-now-text {font-size: 120%;}

	.nodai-now-element-tag {padding: 8px 15px 8px 15px;}

	#movie-player-close-btn {
		top: 15px;
		right: 15px;
	}

	.course-nav-element > section:after {width: 100%;}

	.course-nav-element > section > a {padding: 0;}
	.course-nav-element > section > a:before {width: 100%;}

	.course-nav-element-heading {
		position: static;
		display: block;
		width: auto;
		padding: 15px 30px 15px 15px;
	}
	.course-nav-element-heading:after {display: none;}
	.course-nav-element-heading:before {
		left: auto;
		right: 10px;
	}

	.course-nav-element-text {
		display: block;
		width: auto;
		padding: 0 40px 15px 15px;
		color: #fff;
	}
	.course-nav-element > section > a:after {display: none;}

	.course-nav-detail-container {padding: 0;}

	.course-nav-detail-img {
		position: relative;
		height: 130px;
	}

	.course-nav-detail-container h4 {
		display: table;
		width: 100%;
		left: 0;
		height: 130px;
		font-size: 160%;
		background-color: transparent !important;
	}

	.course-nav-detail-container h4 a {
		display: table-cell;
		padding: 0 15px;
		vertical-align: middle;
		-ms-writing-mode: lr-tb;
		-webkit-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
	}
	html:not(.sp) .course-nav-detail-container h4 a:hover {background-color: rgba(0, 0, 0, .2);}

	.course-nav-detail-container h4 a:after {margin: 0 0 0 10px;}

	.course-nav-detail-element {
		width: auto;
		padding: 20px 15px 0;
		background-color: #fff;
		left: 0;
	}

	.course-nav-detail-element h5 a {color: #000;}
	.course-nav-detail-container h5 a:after {
		border: solid 1px #000;
		background-position: -4px -75px;
		opacity: .3;
	}
	html:not(.sp) .course-nav-detail-element h5 a:hover {color: #000;}

	.course-nav-detail-element p {color: #555;}

	.news-element .box-text-container {min-height: 0;}

	.banner-slide-container ul {width: 3000%;}

	.banner-slide-container li {
		width: 3.33333333%;
		margin: 0 20px 0 0;
	}

	.banner-slide-container a {padding: 0 1.63%;}

	#quick-nav-container {display: none;}

	#footer-container {padding: 0 0 20px;}

	#footer-container-menu {overflow: hidden;}

	#footer-container-menu li a {
		display: block;
		padding: 12px 6%;
		font-size: 90%;
		border-bottom: solid 1px #03442f;
		-moz-transition: color .2s linear, background-color .2s linear;
		-webkit-transition: color .2s linear, background-color .2s linear;
		-o-transition: color .2s linear, background-color .2s linear;
		-ms-transition: color .2s linear, background-color .2s linear;
		transition: color .2s linear, background-color .2s linear;
	}
	html:not(.sp) #footer-container-menu li a:hover {background-color: #9fd25b;}

	#footer-container-menu {float: none;}

	#footer-accreditation-container {
		float: none;
		width: auto;
		margin: 20px 6%;
	}

	#footer-container-copyright {
		float: none;
		text-align: center;
	}

	#footer-container-copyright br {display: inline;}

}