/*--------------copyright by alva start-------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video  {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height:2;
	letter-spacing: 1px;
	font-size: 16px;
	font-family: Arial, sans-serif, 微軟正黑體, "Microsoft JhengHei";
	background:url(../../images/pattern.png) repeat;
	color:#fff;
}

ol,
ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

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

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

td {
	vertical-align: top;
}

a {
	display: block;
	color: #333;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

.clear {
	clear: both;
}


/************************************************************************************************************************************************
************************************************************************************************************************************************
************************************************************************************************************************************************/
/*---header-------------------------------------------------------------------------------------------------------------------------------------*/
/*gotop*/
#gotop {
	position:fixed;
	bottom:1%;
	right:1%;
	cursor:pointer;
	display:none;
	z-index:9;
	transition:.3s ease-in-out;
	width:80px;
}
	#gotop img {
		max-width:100%;
	}
	#gotop:hover {
		transform:scale(.9);
	}
	@media screen and (max-width:500px) {
		#gotop {
			width:12%;
			bottom:0;
		}
		#gotop img {
			width:100%;
		}
	}
/*carousel-fade*/
.carousel-fade .carousel-inner .item {
	transition-property: opacity;
}
.carousel-fade .carousel-inner .item,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
   opacity: 0;
}
.carousel-fade .carousel-inner .active,  
.carousel-fade .carousel-inner .next.left,  
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,  
.carousel-fade .carousel-inner .prev,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}
/*---dex---*/
.dex {
	position:relative;
}
.ilogo {
	position: absolute;
    bottom: 8em;
    left: 50%;
    transform: translateX(-50%);
}
	.ilogo img {
		max-width:100%;
	}
/*---nav---*/
nav {
	background:#000;
	position:relative;
	width:100%;
	padding:1.2em 3em 1em;
	z-index:50;
	top:0;
}
.sticky {
	top:0;
	position:sticky;
}
#intop {
	position:fixed;
	background:rgba(0,0,0,1);
}
	/*logo*/
	.logo {
		display:inline-block;
		vertical-align:bottom;
		width:20%;
		text-align:left;
		margin-bottom: -3%;
	}
		.logo img {
		}
	/*ibutton*/
	.ibutton {
		display:inline-block;
		vertical-align:bottom;
		width:75%;
		text-align:right;
	}
		.ibutton ul {
		}
			.ibutton li {
				display: inline-block;
				width: 9%;
				text-align: center;
			}
				.ibutton a {
				}
				/*ibutton_img*/
				.ibutton_img {
					position:relative;
				}
					.ibutton_img img {
						max-width:100%;
					}
					.ibutton_img:after {
						content:'';
						background:rgba(255,255,255,.36);
						position:absolute;
						top:2px;
						left:calc(50% - 31px);
						width:62px;
						height:62px;
						border-radius:100%;
						transform: scale(0);
						transition:.2s linear;
					}
				/*ibutton_tit*/
				.ibutton_tit {
					position:relative
				}
					.ibutton_tit h1 {
						color:#fff;
						display:block;
						transition:.2s linear;
					}
					.ibutton_tit h2 {
						color: #fff;
						position: absolute;
						top: 15px;
						left: 50%;
						transform: translateX(-50%);
						font-size: 95%;
						letter-spacing: 0;
						opacity:0;
						transition:.2s linear;
					}
					.ibutton a:hover h1 {
						transform: translateY(-15px);
						opacity:0;
					}
					.ibutton a:hover h2 {
						opacity:1;
						top:0px;
					}
					.ibutton a:hover .ibutton_img:after {
						transform: scale(1);
					}
/*mobile ibutton*/
.mibutton {
	position: absolute;
	top:0;
    right:2em;
	padding: 0 10px;
	z-index:100;
	cursor:pointer;
	display:none;
}
	.mibutton span {
		display: inline-block;
		width: 40px;
		height:4px;
		transition: .3s ease all;
		position: absolute;
		left:50%;
		transform:translateX(-50%);
		background:#fff;
		border-radius: 20px;
	}
		.mibutton span:nth-child(1) {
			top:35px;
		}
		.mibutton span:nth-child(2) {
			top:47px;
		}
		.mibutton span:nth-child(3) {
			top:59px;
		
		}
	.mibutton_ani span {
		background:#eb6712;
	}
		.mibutton_ani span:nth-child(1) {
			top:45px;
			-webkit-transform:rotate(45deg) translateX(-50%);
					transform:rotate(45deg) translateX(-50%);
			-webkit-transform-origin:left top;
					transform-origin:left top;
		}
		.mibutton_ani span:nth-child(3) {
			display: none;
		}
		.mibutton_ani span:nth-child(2) {
			-webkit-transform:rotate(-45deg) translateX(-50%);
					transform:rotate(-45deg) translateX(-50%);
			-webkit-transform-origin:left bottom;
					transform-origin:left bottom;
		}
		@media screen and (max-width:1440px) {
			.ilogo {
				bottom:3em;
			}
			.ibutton li {
				width:12%;
			}
		}
		@media screen and (max-width:1220px) {
			.ilogo {
				bottom:3em;
				width:18%;
			}
			.ibutton li {
				width:15%;
			}
			.logo {
				width:22%;
			}
			.logo img {
				max-width:100%;
			}
		}
		@media screen and (max-width:1010px) {
			nav {
				position:fixed;
				top:0;
				padding: 1em 3em 0em;
			}
			.sticky {
				position:fixed;
			}
			.dex {
				margin-top:12%;
			}
			.mibutton {
				display:block;
			}
			.ibutton {
				display:none;
				width:100%;
				padding: 3em 0 2em;
				text-align:center;
			}
			.ibutton li {
				width: 17%;
			}
			.logo {
				width:275px;
			}
		}
		@media screen and (max-width:768px) {
			.logo {
				width: 215px;
			}
			.ibutton li {
				width: 19%;
			}
			.ilogo {
				bottom: 2em;
				width: 16%;
			}
			.dex {
				margin-top: 13%;
			}
		}
		@media screen and (max-width:650px) {
			.ibutton li {
				width: 30%;
			}
			.dex {
				margin-top: 14%;
			}
			.logo {
				width: 190px;
			}
		}
		@media screen and (max-width:530px) {
			.dex {
				margin-top: 18%;
			}
			.ilogo {
				bottom: 1em;
				width: 18%;
			}
		}
		@media screen and (max-width:430px) {
			nav {
				padding:1em 1em 0;
			}
			.ibutton {
				padding: 2em 0 2em;
			}
			.ibutton li {
				width: 32%;
			}
			.dex {
				margin-top: 21%;
			}
			.ilogo {
				bottom: 0em;
				width: 20%;
			}
			.logo {
				margin-bottom: -5%;
			}
		}
		@media screen and (max-width:380px) {
			.dex {
				margin-top: 25%;
			}
			.ibutton_tit h2 {
				font-size:13px;
			}
		}
		@media screen and (max-width:330px) {
			.logo {
				margin-bottom: -7%;
			}
			.dex {
				margin-top: 27%;
			}
		}
/*---about--------------------------------------------------------------------------------------------------------------------------------------*/
.about {
	background:url(../../images/about_bg.png) top center no-repeat fixed;
	background-size:cover;
	text-align:center;
	position:relative;
	padding:12em 0;
}
	/*abt_text*/
	.abt_text {
		position:relative;
		display:inline-block;
		border:solid 1px #fff;
		border-radius:100%;
	}
		.circle {
			display:block;
			background:rgba(225,84,1,.78);
			width:630px;
			height:630px;
			margin:0 auto;
			border-radius:100%;
			margin: 5px;
			padding: 12em 6em 3em;
		}
			.circle h3 {
				font-size: 3vmin;
				font-weight: bold;
				text-shadow: 0px -3px 6px rgba(0,0,0,.3);
			}
			.circle span {
				display: block;
				text-align: left;
				padding-top:3em;
			}
	/*abt_top*/
	.abt_top {
		background:url(../../images/about_top.png) bottom center no-repeat;
		background-size:cover;
		min-height:190px;
		width:100%;
		position:absolute;
		bottom:0;
		left:0;
	}
/*fifths_area*/
.fifths_area {
	text-align:center;
	padding:5em 1em 22em;
	position:relative;
	background:url(../../images/mapbg.png) top center no-repeat;
	background-size:auto;
	background-position-y: 10%;
}
.fifths_area:after {
	content:'';
	background:url(../../images/fifths_deco_01.png) top left no-repeat;
	background-size:contain;
	position:absolute;
	top:-5%;
	left:0;
	width:15%;
	height:50%;
}
.fifths_area:before {
	content:'';
	background:url(../../images/fifths_deco_02.png) bottom right no-repeat;
	background-size:contain;
	position:absolute;
	bottom:15%;
	right:0;
	width:15%;
	height:50%;
}
	.fifths_top {
	}
		.fifths_top img {
			max-width:100%;
		}
		.fifths_top span {
			display:block;
			color:#000;
			margin: 2em 1em 7em 46em;
			width: 27%;
			text-align: left;
		}
		.fifths_sub {
			background:url(../../images/fifths_sub.png) top center no-repeat;
			background-size:contain;
			min-height:53px;
			text-align:center;
			margin-bottom:8em;
			-webkit-filter: drop-shadow(3px 3px 3px rgba(51, 51, 51, .3));
			filter: drop-shadow(3px 3px 3px rgba(51, 51, 51, .3));
		}
	.fifths_area img {
		max-width:90%;
	}
	img.fifmob {
		display:none;
	}
	/*icourse_top*/
	.icourse_top {
		background:url(../../images/icourse_bg_01.png) bottom center no-repeat;
		background-size:cover;
		min-height:226px;
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
	}
/*---icourse_list-------------------------------------------------------------------------------------------------------------------------*/
.icourse_list {
	text-align:center;
}
	/*icourse*/
	.icourse {
		background:#000;
	}
		.icourse a {
			color:#fff;
			width: 1300px;
			max-width: 90%;
			margin: 0 auto;
		}
			/*icourse_img*/
			.icourse_img {
				position:relative;
				float:right;
				width:40%;
				overflow:hidden;
				border-radius: 100%;
			}
			.icourse_img:before {
				content:'';
				background:rgba(237,104,27,.5);
				width:100%;
				height:100%;
				position:absolute;
				top:0;
				left:0;
				z-index:1;
				transition:.2s linear;
				opacity:0;
			}
			.icourse_img:after {
				content:'';
				width:100%;
				height:100%;
				border:solid 1px #fff;
				top:50%;
				left:50%;
				transform:translate(-50%,-50%);
				position:absolute;
				border-radius:100%;
				z-index:2;
				opacity:0;
				transition:.2s linear;
			}
				.icourse_img img {
					vertical-align:top;
					max-width:100%;
					transition:.2s linear;
				}
				.icourse_img s {
					font-size:25px;
					position:absolute;
					top:47%;
					left:50%;
					transform:translate(-50%,-50%);
					text-decoration:none;
					z-index:2;
					opacity:0;
					transition:.2s linear;
				}
			/*icourse_text*/
			.icourse_text {
				display: inline-block;
				width:52%;
				text-align:center;
				padding:6em 0em 0 0;
			}
				.icourse_text img {
					max-width:100%;
					padding-bottom:12px;
					transition:.2s linear;
				}
				hr {
					border-top:solid 30px #ed681b;
					border-radius:12px;
					transition:.2s linear;
				}
				.icourse_text span {
					display:block;
					padding: 2em 2em 0 4em;
					text-align:left;
					transition:.2s linear;
				}
	/*icourse_line*/
	.icourse_line {
		background:url(../../images/icourse_bg_02.png) top center no-repeat;
		background-size:cover;
		min-height:264px;
	}
		/*hover*/
		.icourse a:hover .icourse_img:after {
			width:90%;
			height:90%;
			opacity:1;
		}
		.icourse a:hover .icourse_img:before {
			opacity:1;
		}
		.icourse a:hover .icourse_img img {
			-webkit-filter: blur(5px);
			filter: blur(5px);
		}
		.icourse a:hover .icourse_img s {
			top:50%;
			opacity:1;
			transition-delay:.3s;
		}
		.icourse a:hover hr {
			-webkit-filter: drop-shadow(4px 4px 0px #ed681b);
			filter: drop-shadow(4px 4px 0px #ed681b);
			border-color:#fff;
		}
		.icourse a:hover .icourse_text span {
			text-shadow: 2px 2px 10px rgba(255,255,255,1);
		}
		.icourse a:hover .icourse_text img {
			-webkit-filter: drop-shadow(2px 2px 5px rgba(255,255,255,.7));
			filter: drop-shadow(2px 2px 5px rgba(255,255,255,.7));
		}
		@media screen and (max-width:1440px) {
			.fifths_top span {
				margin: 2em 1em 7em 29em;
				width:36%;
			}
		}
		@media screen and (max-width:1200px) {
			.fifths_top span {
				padding: 2em 12em 7em 22em;
				width: 100%;
				margin: 0;
			}
			.about {
				padding:9em 0;
			}
			.icourse_text {
				padding:2em 0 0 0;
			}
			.icourse_img {
				width:43%;
			}
		}
		@media screen and (max-width:980px) {
			.fifths_top span {
				padding: 3em 12em 9em 15em;
			}
			.fifths_area {
				padding:5em 1em 15em;
			}
		}
		@media screen and (max-width:830px) {
			.about {
				padding: 7em 0;
			}
			.circle {
				width:570px;
				height:570px;
				padding: 10em 5em 3em;
			}
			.fifths_top span {
				padding: 3em 5em 9em 10em;
			}
			.icourse_top {
				min-height:100px;
			}
			.fifths_area {
				padding: 5em 1em 8em;
			}
			.icourse_img {
				width: 380px;
				float: none;
				margin-top:-5%;
			}
			.icourse_text {
				width:100%;
				text-align:right;
				margin-top: -7%;
			}
			.icourse_line {
				min-height:180px;
			}
			hr {
				border-top: solid 20px #ed681b;
			}
		}
		@media screen and (max-width:670px) {
			.about {
				padding: 5em 0;
			}
			.abt_top {
				min-height:80px;
			}
			.fifths_top span {
				padding: 3em 5em 7em 8em;
			}
			.fifths_sub {
				margin-bottom:6em;
			}
			.icourse_img {
				width:320px;
			}
			.icourse_text img {
				max-width: 70%;
				padding-bottom: 0;
			}
			.fifths_area img {
				max-width: 100%;
			}
		}
		@media screen and (max-width:585px) {
			.about {
				background-attachment:inherit;
			}
			.abt_text {
				border-radius: 8px;
				width: 80%;
			}
			.circle {
				width: 100%;
				height: auto;
				padding: 6em 5em 7em;
				border-radius: 8px;
				margin: 5px;
			}
			.circle h3 {
				font-size:5vmin;
			}
		}
		@media screen and (max-width:500px) {
			.circle {
				padding: 6em 2em 5em;
			}
			.fifths_top span {
				padding: 3em 2em 5em 5em;
			}
			.fifths_sub {
				margin-bottom: 4em;
			}
			.icourse_img {
				width: 280px;
			}
			.icourse_text span {
				padding: 1em 1em 0 1em;
			}
			img.fifdesk {
				display:none;
			}
			img.fifmob {
				display:block;
			}
		}
		@media screen and (max-width:430px) {
			.abt_text {
				width:90%;
			}
			.circle {
				padding: 5em 2em 5em;
			}
			.circle h3 {
				font-size: 6vmin;
			}
			.fifths_top span {
				padding: 2em 2em 5em 4em;
			}
			.fifths_sub {
				margin-bottom: 2em;
			}
			.fifths_area {
				padding: 5em 1em 6em;
			}
			.icourse_img {
				width: 260px;
			}
			.icourse_img s {
				font-size:18px;
			}
			hr {
				margin:10px 0;
			}
		}
		@media screen and (max-width:380px) {
			.fifths_area {
				padding: 3em 1em 4em;
			}
			.fifths_top span {
				padding: 2em 1em 5em 3em;
			}
			.icourse_top {
				min-height: 55px;
			}
			.icourse_img {
				width: 230px;
			}
			.icourse_line {
				min-height: 85px;
			}
			.icourse_text img {
				max-width:75%;
			}
			.fifths_sub {
				margin-bottom: 0em;
			}
		}
/*---ishare------------------------------------------------------------------------------------------------------------------------------------*/
/*icourse_bottom*/
.icourse_bottom {
	background:url(../../images/icourse_bg_03.png) top center no-repeat;
	background-size:cover;
	min-height:213px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.ishare {
	text-align:center;
	background:url(../../images/inews_bg.jpg) top center no-repeat fixed;
	background-size:cover;
	position:relative;
	padding:18em 1em 0;
}
.ishare:after {
	content:'';
	background:rgba(255,255,255,.8);
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:45%;
}
	.ititle {
		position:relative;
		z-index:3;
	}
		.ititle img {
			max-width:100%;
		}
		.ititle span {
			display:block;
			text-align:center;
			font-size:26px;
			padding:20px 0;
		}
		span.little {
			color: #161616;
			width: 400px;
			margin: 0 auto;
			max-width: 60%;
			font-size: 10px;
			letter-spacing: 0;
		}
	.ishare_news {
		position:relative;
		z-index:5;
		padding: 2em 0 5em;
		min-height:500px;
	}
	.ishare_news .page_num {
		display:none;
	}
	@media screen and (max-width:500px) {
		.ishare {
			background-attachment:inherit;
			padding: 14em 1em 0;
		}
		.ititle span {
			font-size:20px;
			padding: 10px 0;
		}
		span.little {
			width:100%;
			font-size:10px;
			max-width:100%;
		}
	}
/*---inews_list---*/
.inews_list {
	background:#ebdfdf;
	text-align:center;
	min-height:200px;
	border-top:solid 12px #cccccc;
	box-shadow: inset 0px 6px 10px rgba(0,0,0,.1)
}
	.inews_list table {
		width: 600px;
		margin: 0 auto;
		max-width: 90%;
		color: #000;
		padding-top: 4em;
		display: block;
	}
		.inews_list table a {
			display:inline-block;
			transition:.2s linear;
		}
		.inews_list table a:hover {
			color:#ff7317;
		}
/*---footer-------------------------------------------------------------------------------------------------------------------------------------*/
footer {
	position:relative;
}
	/*ft_top*/
	.ft_top {
		background:url(../../images/ft_top.png) bottom center no-repeat,#ebdfdf;
		background-size:cover;
		min-height:190px;
	}
	.inft {
		background:url(../../images/ft_top.png) bottom center no-repeat, url(../../images/pattern.png) repeat;
		background-size:cover,auto;
	}
	/*ft_inner*/
	.ft_inner {
		background:#eb6812;
		text-align:center;
	}
	/*ft_wrap*/
	.ft_wrap {
		width:900px;
		margin:0 auto;
		max-width:90%;
	}
		/*ft_logo*/
		.ft_logo {
			padding-bottom:1em;
		}
			.ft_logo img {
				max-width:100%;
				position:relative;
				margin-top: -15%;
			}
		/*ft_btn*/
		.ft_btn {
			display:inline-block;
			width:48%;
		}
			.ft_btn ul {
			}
				.ft_btn li {
					display:inline-block;
					vertical-align:bottom;
					width:31%;
					padding:0 1%;
				}
					.ft_btn a {
					}
						.ft_btn img:nth-of-type(1) {
							max-width:100%;
							transform:scale(.9) translateY(10px);
							transition:.2s linear;
						}
						.ft_btn img:nth-of-type(2) {
							max-width:100%;
						}
						.ft_btn a:hover img:nth-of-type(1) {
							transform:scale(1) translateY(0px);
							-webkit-filter: drop-shadow(5px 8px 0px rgba(98, 98, 98, .5));
							filter: drop-shadow(5px 8px 0px rgba(98, 98, 98, .5));
						}
		/*ft_info*/
		.ft_info {
			display:inline-block;
			width:50%;
		}
			.ft_info ul {
			}
				.ft_info li {
					text-align:left;
				}
					.ft_info img {
						display:inline-block;
						vertical-align:top;
						padding-top:7px;
						max-width: 100%;
						width: 5%;
					}
					.ft_info p {
						display:inline-block;
						vertical-align:top;
						color:#0f0f0f;
						font-size:15px;
						width:90%;
					}
		/*ft_link*/
		.ft_link {
			padding:1em 0;
		}
			.ft_link ul {
			}
				.ft_link li {
					display:inline-block;
					vertical-align:bottom;
					width:30%;
					padding:0 1%;
				}
					.ft_link a {
					}
					.ft_link img {
						max-width:100%;
					}
					.ft_link a:hover {
						animation:flsahimg 1s linear;
					}
					@keyframes flsahimg {
						0% {
							opacity:.5;
						}
						100% {
							opacity:1;
						}
					}
	/*ft_icon*/
	.ft_icon {
		background:#2c2c2c;
		text-align:center;
		padding:.8em 2em;
		box-shadow: inset 0px -1px 7px rgba(0,0,0,1);
	}
		.ft_icon a {
			display:inline-block;
			transition:.2s linear;
		}
			.ft_icon a:hover {
				-webkit-filter: drop-shadow(5px 5px 0px #111);
				filter: drop-shadow(5px 5px 0px #111);
				transform:translate(-2px,-3px);
			}
		.ft_icon img {
			display:inline-block;
			padding:0 7px;
		}
	/*copyright*/
	.copyright {
		background:#eb6812;
		text-align:center;
		color:#080808;
		font-size:14px;
		padding:1.2em 2em;
	}
		.copyright a {
			color:#080808;
			font-size:14px;
			display:inline-block;
			transition:.2s linear;
		}
		.copyright a:hover {
			color:#fff;
		}
		@media screen and (max-width:500px) {
			.ft_top {
				min-height:70px;
			}
			.ft_btn {
				width:100%;
			}
			.ft_btn li {
				width:30%;
				padding:0 1% 5%;
			}
			.ft_btn img:nth-of-type(2) {
				max-width: 100%;
				display: block;
				margin: 0 auto;
			}
			.ft_info {
				width:70%;
			}
			.ft_link li {
				width:32%;
			}
			.ft_icon img {
				padding:0 3px;
				max-width:100%;
			}
			.ft_icon a {
				width:8%;
			}
			.copyright {
				font-size:12px;
				line-height:20px
			}
		}
		@media screen and (max-width:430px) {
			.ft_info {
				width: 100%;
			}
			.ft_logo {
				padding:0;
			}
			.ft_logo img {
				margin-top: -19%;
				width: 45%;
			}
			.ft_link li {
				padding:0;
			}
			.ft_icon a {
				width: 13%;
			}
			.ft_icon {
				text-align:right;
			}
			.ft_info img {
				padding-top:3px;
			}
		}
/*---inbanner-----------------------------------------------------------------------------------------------------------------------------*/
.inbanner {
	min-height:695px;
	position:relative;
	text-align:center;
	margin-top:130px;
}
.inbanner_about {
	background:url(../../images/inbanner_about.png) top center no-repeat;
	background-size:cover;
}
.inbanner_campus {
	background:url(../../images/inbanner_campus.png) top center no-repeat;
	background-size:cover;
}
.inbanner_course {
	background:url(../../images/inbanner_course.png) top center no-repeat;
	background-size:cover;
}
.inbanner_news {
	background:url(../../images/inbanner_news.png) top center no-repeat;
	background-size:cover;
}
.inbanner_video {
	background:url(../../images/inbanner_video.png) top center no-repeat;
	background-size:cover;
}
/*intitle*/
.intitle {
	position:absolute;
	top:45%;
	left:50%;
	transform:translate(-50%,-50%);
	max-width:100%;
}
	.intitle img {
		max-width:100%;
	}
	@media screen and (max-width:1024px) {
		.inbanner {
			min-height:590px;
		}
	}
	@media screen and (max-width:1010px) {
		.inbanner {
			margin-top:120px;
			min-height: 470px;
		}
	}
	@media screen and (max-width:768px) {
		.inbanner {
			min-height:350px;
			margin-top:100px;
		}
	}
	@media screen and (max-width:650px) {
		.inbanner {
			min-height: 280px;
			margin-top: 95px;
		}
	}
	@media screen and (max-width:540px) {
		.intitle {
			width:60%;
		}
	}
	@media screen and (max-width:450px) {
		.inbanner {
			min-height: 205px;
			margin-top: 90px;
		}
		.intitle {
			top:50%;
		}
	}
/*---inmain---------------------------------------------------------------------------------------------------------------------------------*/
#inmain {
	position:relative;
	background:url(../../images/pattern.png) repeat;
	text-align:center;
	background-position-y: 6%;
	color:#161616;
}
#inmain:before {
	content:'';
	background:url(../../images/fifths_deco_01.png) top left no-repeat;
	background-size:contain;
	width:15%;
	height:50%;
	position:absolute;
	top: 120px;
    left: 0;
    z-index: 2;
}
#inmain:after {
	content:'';
	background:url(../../images/fifths_deco_02.png) top right no-repeat;
	background-size:contain;
	width:15%;
	height:50%;
	position:absolute;
	bottom: 100px;
    right: 0;
    z-index: 2;
}
/*inmain_top*/
.inmain_top {
	background: url(../../images/mapbg.png) top center no-repeat,#fff;
	background-size:auto;
	background-position-y: 150%;
    position: relative;
    padding: 5em 15em 8em;
}
.allnews {
	background: url(../../images/mapbg.png) top center no-repeat;
	background-size:auto;
	min-height:800px;
}
/*inmain_bottom*/
.inmain_bottom {
	padding: 5em 15em 0;
}
/*---intop_title---*/
.intop_title {
	display: inline-block;
    vertical-align: top;
    text-align: left;
    width: 40%;
    padding-right: 2%;
}
	.intop_title img {
		max-width:100%;
	}
	.intop_title span {
		display:block;
		padding: 4em 0 0 1em;
	}
	img.inpic {
		vertical-align: bottom;
		padding-top: 4em;
		width: 48%;
	}
/*inbt_img*/
.inbt_img {
	position:relative;
	margin-top: -11%;
}
.inbt_img:after {
	content:'';
	background:#2c2c2c;
	position:absolute;
	bottom: -5%;
    right: 4%;
    width: 58%;
    height: 63%;
}
	.inbt_img img:nth-of-type(1) {
		vertical-align:bottom;
		width:45%;
		position:relative;
		z-index:2;
		-webkit-filter: drop-shadow(-3px 9px 4px rgba(0, 0, 0, .3));
		filter: drop-shadow(-3px 9px 4px rgba(0, 0, 0, .3));
	}
	.inbt_img img:nth-of-type(2) {
		vertical-align:bottom;
		width: 45%;
		padding: 2% 2% 1% 1%;
		position:relative;
		z-index:2;
		-webkit-filter: drop-shadow(-6px 4px 5px rgba(0, 0, 0, .3));
		filter: drop-shadow(-6px 4px 5px rgba(0, 0, 0, .3));
	}
/*inbt_deco*/
.inbt_deco {
	text-align:left;
	padding: 5em 0 0 6em;
}
	.inbt_deco img {
		width:14%;
	}
	.inbt_deco ul {
		display:inline-block;
		vertical-align:top;
		padding: 0 0 0 2em;
		width: 80%;
	}
		.inbt_deco li:nth-of-type(1) {
			font-size: 3vmin
		}
		.inbt_deco li:nth-of-type(2) {
			font-size: 1vmin;
			width: 366px;
			line-height: 19px;
		}
		.inbt_deco li:nth-of-type(3) {
			font-size: 2vmin
		}
		@media screen and (max-width:1510px) {
			.inmain_top {
				padding:5em 7em 8em;
			}
			.inmain_bottom {
				padding: 5em 7em 0;
			}
		}
		@media screen and (max-width:1220px) {
			.inmain_top {
				padding:5em 7em 8em;
				background-size: 100%;
				background-position-y: 37%;
			}
			.inmain_bottom {
				padding: 5em 7em 0;
			}
			#inmain:before,#inmain:after {
				width:13%;
			}
			img.inpic {
				width:53%;
			}
			.inbt_deco img {
				width: 17%;
			}
		}
		@media screen and (max-width:1100px) {
			.intop_title {
				width:90%;
				padding:0;
			}
			img.inpic {
				width: 685px;
				max-width: 100%;
			}
			.inmain_top {
				padding:5em 7em 5em;
			}
			.inmain_bottom {
				padding: 5em 3em 0;
			}
		}
		@media screen and (max-width:768px) {
			.inmain_top {
				padding: 4em 3em 5em;
				background-position-y: 6%;
			}
			.intop_title span {
				padding: 3em 0 0 1em;
			}
			img.inpic {
				padding-top:2em;
			}
			.inbt_img {
				margin-top: -20%;
				text-align: left;
				padding-left: 1em;
			}
			.inbt_img img:nth-of-type(1) {
				width:80%;
				vertical-align:top;
			}
			.inbt_img img:nth-of-type(2) {
				width:80%;
				padding: 2% 0% 1% 0%;
			}
			.inbt_img:after {
				right:14%;
			}
			.inbt_deco {
				padding: 5em 0 0 1em;
			}
			.inbt_deco img {
				width: 20%;
			}
			.inbt_deco ul {
				width:70%;
				padding: 0 0 0 1em;
			}
			.inbt_deco li:nth-of-type(2) {
				width:70%;
			}
		}
		@media screen and (max-width:600px) {
			.inmain_top {
				padding: 4em 1em 5em;
			}
			.intop_title img {
				max-width: 80%;
			}
			.inmain_bottom {
				padding: 5em 2em 0;
			}
			.inbt_img {
				margin-top: -25%;
				padding-left: 0em;
			}
			.inbt_img img:nth-of-type(1),.inbt_img img:nth-of-type(2) {
				width:100%;
			}
			.inbt_img:after {
				right: -3%;
				bottom:-3%;
				width:100%;
			}
			.inbt_deco img {
				width: 24%;
			}
			.inbt_deco li:nth-of-type(2) {
				font-size:10px;
			}
		}
		@media screen and (max-width:430px) {
			.inbt_img {
				margin-top:-35%;
			}
			.inbt_deco {
				padding: 3em 0 2em 0em;
			}
			.inbt_deco img {
				width: 26%;
			}
			.inbt_deco ul {
				width:100%;
			}
			.inbt_deco li:nth-of-type(1) {
				font-size: 4vmin;
				font-weight: bold;
			}
			.inbt_deco li:nth-of-type(2) {
				width:100%;
				transform-origin:left;
			}
			.inbt_deco li:nth-of-type(3) {
				font-size: 4vmin;
			}
		}
		@media screen and (max-width:380px) {
			.inbt_img {
				margin-top: -42%;
			}
		}
/*---campus-----------------------------------------------------------------------------------------------------------------------------------*/
.bt_campus {
	margin-top: -15%;
}
.bt_campus:after {
	display:none;
}
.bt_campus img:nth-of-type(1) {
	vertical-align:middle;
	width:33%;
	filter:none;
}
.bt_campus img:nth-of-type(2) {
	vertical-align:middle;
	width: 56%;
	padding: 0% 0% 0% 3%;
	filter:none;
}
#map {
	padding: 7em 0;
}
	#map iframe {
		width:100%;
		height:600px;
	}
	@media screen and (max-width:1024px) {
		#map {
			padding: 7em 0 0;
		}
		#map iframe {
			height:450px;
		}
	}
	@media screen and (max-width:800px) {
		#map {
			padding: 7em 0 0;
		}
		#map iframe {
			height:400px;
		}
		.bt_campus {
			text-align:left;
			padding-left: 5em;
			margin-top:-19%;
		}
		.bt_campus img:nth-of-type(1) {
			width:50%;
		}
		.bt_campus img:nth-of-type(2) {
			width: 90%;
			padding: 2% 0% 0% 0%;
		}
	}
	@media screen and (max-width:630px) {
		.bt_campus {
			padding-left: 1em;
		}
		.bt_campus img:nth-of-type(1) {
			width: 65%;
		}
		.bt_campus img:nth-of-type(2) {
			width:100%;
		}
		#map {
			padding: 4em 0 0;
		}
		#map iframe {
			height:350px;
		}
	}
	@media screen and (max-width:500px) {
		.bt_campus {
			padding-left: 0em;
			margin-top: -33%;
		}
	}
	@media screen and (max-width:430px) {
		.bt_campus {
			margin-top: -40%;
		}
		#map {
			padding: 2em 0 0;
		}
		#map iframe {
			height:300px;
		}
	}
/*---course--------------------------------------------------------------------------------------------------------------------------------*/
.course_btn {
	text-align:center;
	position: relative;
    z-index: 5;
}
	.course_btn ul {
	}
		.course_btn li {
			display:inline-block;
			vertical-align:top;
			width:31%;
			padding:0 1%;
		}
			.course_btn a {
				position:relative;
				transition:.2s linear;
			}
			img.coursebtn {
				max-width:100%;
				-webkit-filter: drop-shadow(-4px 5px 2px rgba(51, 51, 50, .5));
				filter: drop-shadow(-4px 5px 2px rgba(51, 51, 50, .5));
				transition:.2s linear;
			}
			img.coursebtn1 {
				position:absolute;
				top:0;
				left:50%;
				transform:translateX(-50%);
				max-width:100%;
				-webkit-filter: drop-shadow(-4px 5px 2px rgba(51, 51, 50, .0));
				filter: drop-shadow(-4px 5px 2px rgba(51, 51, 50, .0));
				opacity:0;
				transition:.2s linear;
			}
			.course_btn a:hover img.coursebtn {
				opacity:0;
			}
			.course_btn a:hover img.coursebtn1 {
				opacity:1;
			}
/*course_sub*/
.course_sub {
	margin: 10em 3em -5em;
}
	.course_sub img {
		max-width:100%;
		display:block;
		margin:0 auto;
		padding-bottom:20px;
	}
	.course_sub p:nth-of-type(1) {
		display: inline-block;
		width: 45%;
		text-align: left;
		font-size: 2vmin;
		color: #383838;
		vertical-align:top;
	}
	.course_sub p:nth-of-type(2) {
		display: inline-block;
		width: 35%;
		font-size: 1vmin;
		text-align: left;
		vertical-align:top;
		padding-right:5em;
		line-height:15px;
	}
/*course_bg*/
.course_bg {
	min-height: inherit;
	position:relative;
	text-align:center;
	padding: 9em 18em;
}
.course_bg1 {
	background:url(../../images/course_bg1.jpg) top center no-repeat fixed;
	background-size:cover;
}
.course_bg2 {
	background:url(../../images/course_bg2.jpg) top center no-repeat fixed;
	background-size:cover;
}
.course_bg3 {
	background:url(../../images/course_bg3.jpg) top center no-repeat fixed;
	background-size:cover;
}
.course_bg:after {
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 560px 980px;
	border-color: transparent transparent rgba(92,144,1,.7) transparent;
	position:absolute;
	right:0;
	bottom:0;
	z-index:1;
}
.course_bg2:after {
	border-color: transparent transparent rgba(1,135,144,.7) transparent;
}
.course_bg3:after {
	border-color: transparent transparent rgba(144,82,1,.7) transparent;
}
/*course_intro*/
.course_intro {
	display: inline-block;
    vertical-align: top;
    text-align: left;
	color:#fff;
	width:49%;
	z-index:3;
	position:relative;
}
	.course_tit {
		position:relative;
		display: inline-block;
		text-align: right;
		padding:0 15px 0 45px;
	}
		.course_tit:after {
			content:'';
			background:url(../../images/course_tit_deco.png) bottom  left no-repeat;
			background-size:contain;
			width:83px;
			height:70px;
			position:absolute;
			bottom: -19px;
			left: 5px;
		}
		.course_tit:before {
			content:'';
			background:#5c9001;
			width:10px;
			height:100%;
			border-radius:10px;
			position:absolute;
			top:0;
			right:0;
		}
		.course_tit2:before {
			background:#018790;
		}
		.course_tit3:before {
			background:#905201;
		}
		.course_tit h4 {
			font-size:40px;
		}
		.course_tit h5 {
			color:#a5a5a5;
			font-size:40px;
			line-height:25px;
		}
	.course_intro span {
		display:block;
		text-align:left;
		padding: 4em 3em 0 0;
	}
.course_bg img {
	z-index:3;
	width:47%;
	vertical-align:top;
	position:relative;
	-webkit-filter: drop-shadow(-4px 5px 2px rgba(0, 0, 0, .3));
	filter: drop-shadow(-4px 5px 2px rgba(0, 0, 0, .3));
}
/*bt_course*/
.bt_course {
}
	.bt_course img {
		max-width:100%;
		margin-top: -11em;
		position: relative;
		z-index: 3;
		-webkit-filter: drop-shadow(-4px 5px 2px rgba(0, 0, 0, .4));
		filter: drop-shadow(-4px 5px 2px rgba(0, 0, 0, .4));
	}
	.bt_course h6 {
		font-size:25px;
		background:#4c4c4c;
		color:#fff;
		border-radius:10px;
		padding:15px 0;
		width: 85%;
		margin: 3em auto 1em;
	}
	/*course_info*/
	.course_info {
		text-align:left;
		max-width:100%;
		padding-bottom:2em;
	}
		.course_info table {
			text-align:center;
			text-align: center;
			width: 1065px;
			margin: 0 auto;
		}
			.course_info table th {
				text-align:center;
			}
			.course_info table tr {
				text-align:center;
			}
				.course_info table td {
					vertical-align:middle;
					padding:2px;
				}
	/*course_list*/
	.course_list {
		width:33%;
		float:left;
		padding:1em 1em;
		text-align:center;
	}
		.type {
			color:#fff;
			background:#f49b15;
			margin-bottom:6px;
			width:100%;
			font-size:22px;
			line-height:80px;
			letter-spacing:2px;
			font-weight: bold;
		}
		.lesson {
			background:#fff;
			width:100%;
			padding:2em 1em 2em 2em;
			text-align:left;
		}
			.lesson ul {
			}
				.lesson li {
					padding-bottom:5px;
					position:relative;
				}
					.lesson li img {
						max-width: 100%;
						margin-top: 0;
						filter: none;
						vertical-align: middle;
					}
					.lesson li span:nth-of-type(1) {
						display:inline-block;
						vertical-align:top;
						font-size:18px;
						color:#c54040;
						width:100px;
						line-height:30px;
					}
					.lesson li span:nth-of-type(2) {
						vertical-align:top;
						font-size:18px;
						color:#303030;
						width:70%;
						line-height:30px;
					}
				@media screen and (max-width:1600px) {
					.course_bg {
						padding:9em 13em;
					}
				}
				@media screen and (max-width:1420px) {
					.lesson li span:nth-of-type(2) {
						width: 65%;
						display: inline-block;
						position: absolute;
						top: 0;
						right: 0;
					}
					.lesson li {
						padding-bottom: 1.5em;
					}
				}
				@media screen and (max-width:1360px) {
					.course_bg {
						padding:9em 6em;
					}
					.course_bg:after {
						border-width: 0 0 500px 850px;
					}
				}
				@media screen and (max-width:1190px) {
					.lesson li span:nth-of-type(2) {
						width:75%;
					}
					.type {
						line-height:65px;
					}
					.course_list {
						width:50%;
					}
				}
				@media screen and (max-width:1085px) {
					.course_bg {
						padding:7em 2em;
					}
					.course_bg:after {
						border-width: 0 0 400px 600px;
					}
					.course_sub {
						margin: 6em 3em -3em;
					}
					.course_btn li {
						width:32%;
					}
					.course_sub p:nth-of-type(1) {
						width:55%;
					}
					.course_sub p:nth-of-type(2) {
						width:40%;
						padding:0;
						font-size:10px;
					}
				}
				@media screen and (max-width:940px) {
					.lesson li span:nth-of-type(1) {
						width:95px;
					}
					.lesson li span:nth-of-type(2) {
						width: 70%;
					}
					.lesson {
						padding: 2em 1em 2em 1em;
					}
				}
				@media screen and (max-width:900px) {
					.course_btn li {
						padding:0;
					}
					.course_sub {
						margin: 6em 0em -3em;
					}
					.course_intro {
						width:90%;
					}
					.course_intro span {
						padding:4em 0 2em 0;
					}
					.course_bg img {
						width:75%;
					}
					.course_info {
						padding:0;
					}
				}
				@media screen and (max-width:795px) {
					.lesson li span:nth-of-type(1),.lesson li span:nth-of-type(2) {
						font-size:16px;
					}
				}
				@media screen and (max-width:745px) {
					.lesson li span:nth-of-type(2) {
						width: 65%;
					}
					.lesson {
						padding: 2em 1em 1em 1em;
					}
				}
				@media screen and (max-width:730px) {
					.course_bg {
						padding: 6em 0em;
					}
					.course_bg img {
						width: 87%;
					}
					.bt_course h6 {
						width:100%;
					}
				}
				@media screen and (max-width:695px) {
					.lesson li img {
						width:25%;
					}
					.lesson li span:nth-of-type(1) {
						width:76px;
					}
					.type {
						line-height: 55px;
						font-weight: normal;
					}
				}
				@media screen and (max-width:600px) {
					.bt_course img {
						vertical-align:top;
						margin-top: -8em;
					}
					.course_bg img {
						width: 90%;
					}
					.course_sub img {
						padding-bottom:10px;
					}
					.course_sub p:nth-of-type(1) {
						width: 100%;
						text-align:left;
						font-size: 3vmin;
					}
					.course_sub p:nth-of-type(2) {
						width: 100%;
						text-align:left;
						transform-origin:left;
					}
					.course_tit h4 {
						font-size: 30px;
					}
					.course_tit h5 {
						font-size:28px;
					}
					.bt_course h6 {
						margin: 1em auto 1em;
					}
					.lesson li span:nth-of-type(2) {
						width: 59%;
					}
					.lesson {
						padding: 1em 1em 0em 1em;
					}
					.course_list {
						padding:.5em;
					}
				}
				@media screen and (max-width:505px) {
					.course_list {
						width: 100%;
						padding: .5em 0;
					}
					.lesson li span:nth-of-type(2) {
						width: 80%;
					}
					.lesson li {
						padding-bottom: .7em;
					}
				}
				@media screen and (max-width:500px) {
					.course_sub {
						margin: 3em 0em -3em;
					}
					.course_btn li {
						width: 44%;
						padding:0 1%;
					}
					.course_bg {
						background-attachment:inherit;
					}
					.bt_course h6 {
						margin: 0em auto 2em;
					}
				}
				@media screen and (max-width:458px) {
					.lesson li span:nth-of-type(2) {
						width: auto;
						right: inherit;
						left: 76px;
					}
				}
				@media screen and (max-width:430px) {
					.course_sub p:nth-of-type(1) {
						font-size:4vmin;
					}
					.course_bg {
						padding: 4em 0em;
					}
					.course_intro span {
						padding: 2em 0 2em 0;
					}
					.course_bg img {
						width: 85%;
					}
					.bt_course h6 {
						margin: -2em auto 1em;
					}
					.course_btn li {
						width: 54%;
						padding:0 1%;
					}
					.type {
						line-height:45px;
						font-size:20px;
					}
					.lesson {
						padding: 1em 1em 1em 1em;
					}
					.lesson li {
						padding-bottom: 0;
					}
				}
				@media screen and (max-width:415px) {
					.bt_course img {
						margin-top: -8em;
					}
					.bt_course h6 {
						margin: -1em auto 1em;
					}
				}
				@media screen and (max-width:359px) {
					.lesson li span:nth-of-type(1), .lesson li span:nth-of-type(2) {
						font-size: 12px;
					}
					.type {
						font-size:18px;
					}
				}
#section1,#section2,#section3 {
	transform:translateY(-122px);
}
	@media screen and (max-width:1440px) {
		#section1,#section2,#section3 {
			transform:translateY(-135px);
		}
	}
	@media screen and (max-width:1200px) {
		#section1,#section2,#section3 {
			transform:translateY(-122px);
		}
	}
	@media screen and (max-width:768px) {
		#section1,#section2,#section3 {
			transform:translateY(-104px);
		}
	}
	@media screen and (max-width:430px) {
		#section1,#section2,#section3 {
			transform:translateY(-93px);
		}
	}
/*---news_area---*/
.news_area {
	width:600px;
	margin:0 auto;
	max-width:100%;
	position:relative;
	z-index:5;
}
	.news_area table {
		width:100%;
	}
		.news_area a {
			display:inline-block;
			color:#000;
			transition:.2s linear;
		}
			.news_area a:hover {
				color:#ff7317;
			}
		.tableimg img {
			max-width:100%;
		}
			.tableimg a {
				color:#000;
			}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    background: #e3600b;
    border: solid 1px #e3600b;
    border-radius: 3px;
    margin: 3px 5px;
    padding: 5px 20px;
    color: #ffffff;
	transition:.3s linear;
	box-shadow: inset 1px 1px 3px rgba(0,0,0,.5);
}
button:hover, html input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
	box-shadow: inset -2px -2px 3px rgba(0,0,0,.5);
	background:#f87520;
}
	@media screen and (max-width:800px) {
		.allnews {
			min-height:350px;
		}
	}
	@media screen and (max-width:500px) {
		.allnews {
			min-height:300px;
		}
	}
	@media screen and (max-width:430px) {
		.allnews {
			min-height:200px;
		}
	}
/*---newstable---*/
.newstable {
	position:relative;
	z-index:5;
	text-align:center;
}
.newstable table {
	width: 100%;
	color:#000;
}
	.newstable table a {
		color:#000;
		display:inline-block;
	}
	.newstable table h2 {
		font-size:24px;
		font-weight:bold;
	}
	.newslist_rwd a {
		display:block !important;
	}
	td.nbox a {
		display:inline-block !important;
	}
	
/****cus****/
.tableimg img {
	display: block;
	height: auto;
	max-width: 100%;
	max-height: auto;
	width: auto;
}
.tableimg iframe {
	display:block;
	max-width:100%;
	min-height:auto;
}

.newstitle {
	font-weight: 600;
}

.npic div {
}

.newstable .ntitle p {
	font-size: 16px;
	color: #fff;
	line-height: 20px;
	margin-bottom: 0px;
	padding:15px 5px;
	transition:.3s ease-in-out;
}

.newstable .ninfo p {
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 0px;
	margin-top: 9px;
	text-align: left;
	padding:5px;
}

.newstable .ninfo {
	font-size: 14px;
	line-height: 16px;
	color:#000;
}


/*******/

.newslist_rwd {
	width: 31%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 22px;
	padding:0 1em;
}
.newslist_rwd a {
	display:block;
}
.newslist_rwd td {
	vertical-align: top;
	width: 340px;
}

.newslist_rwd .npic {
	width: 100%;
}

.newslist_rwd .ntext {
	width: 100%;
}

.newslist_rwd .ntitle,
.newslist_rwd .ninfo {
}

.newslist_rwd .npicimg {
	min-height: 300px;
	background-size: 120%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	background-position:center;
}

.newslist_rwd .nbox:hover .npicimg {
	background-size: 130%;
}
.tableimg iframe {
    display: block;
    max-width: 100%;
    min-height: auto;
}

.ntitle {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,.6);
    text-align: center;
    color: #fff;
}
.newstable table .ntitle a {
	color: #fff;
}
.newslist_rwd .ninfo p {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding: .5em 0 0 0;
	transition:.3s linear;
}
.newstable .ninfo p {
	overflow: inherit;
	text-overflow: inherit;
	display: -webkit-box;
	-webkit-line-clamp: inherit;
}
.page_num {
	color:#000;
}
.page_num a {
	display:inline-block;
}
/*************/

.npic {
	position: relative;
}

.npict {
	position: absolute;
	bottom: 0;
	z-index: 999;
	width: 100%;
}

.npict p {
	background-color: rgba(0, 0, 0, 0.5);
	margin-bottom: 0px;
	color: #fff;
	padding: 5px;
	text-align: center;
	transition: all 0.5s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
}

.nbox:hover .npict p {
	padding: 20px 5px;
	transition:.3s ease-in-out;
}
td.nbox:hover .ntitle p {
	padding:20px 5px;
}
.nbox:hover .ninfo p {
	color: #ff7227;
}

@media screen and (max-width: 1199px) {
	.newslist_rwd .npicimg {
		min-height: 270px;
		background-size: auto 100%;
	}
	.newslist_rwd .newstable:nth-child(odd) {
		clear: both;
	}
	.newslist_rwd .npicimg {
		background-size: auto 120%;
	}
	.newslist_rwd .nbox:hover .npicimg {
		background-size: auto 130%;
	}
}

@media screen and (max-width: 991px) {
	.newslist_rwd .npicimg {
		min-height: 250px;
	}
}

@media screen and (max-width: 767px) {
	.newslist_rwd {
		padding:0 2%;
	}
	.newslist_rwd .npicimg {
		min-width: 100%;
		min-height: 200px;
	}
}

@media screen and (max-width: 650px) {
	.newslist_rwd .npicimg {
		background-size: auto 110%;
	}
	.newslist_rwd .nbox:hover .npicimg {
		background-size: auto 120%;
	}
}

@media screen and (max-width: 560px) {
	.newslist_rwd {
		width:320px;
		max-width:100%;
		display: block;
		margin: 0 auto 22px;
	}
	.newslist_rwd .npicimg {
		min-height:250px;
	}
	.ishare:after {
		height:64%;
	}
}

@media screen and (max-width: 400px) {
	.newslist_rwd .npicimg {
		min-width: 100%;
		min-height: 200px;
	}
	.newslist_rwd .npicimg {
		background-size: auto 120%;
	}
	.newslist_rwd .nbox:hover .npicimg {
		background-size: auto 130%;
	}
	.npict p {
		line-height: 20px;
	}
}
@media screen and (max-width: 330px) {
	.newslist_rwd {
		width:295px;
		max-width:100%;
	}
}
/****fac2***/
.fac2 {
	position:relative;
	margin:6em 0 3em;
}
	.fac2:after {
		content:'';
		background:url(../../images/fac2_deco.png) top left no-repeat;
		background-size:contain;
		position:absolute;
		top: 16em;
		left:0;
		width: 85%;
		height: 50%;
	}
.fac2_text {
	position:relative;
	z-index:3;
	text-align:left;
}
	.fac2_text span {
		display:inline-block;
		vertical-align:top;
		width: 41%;
		padding: 5em 1em 0 6em;
		line-height:25px;
	}
	.fac2_text img {
		vertical-align:top;
		width: 53%;
		margin-top: -2em;
		filter: drop-shadow(-2px 2px 2px rgba(0, 0, 0, .2));
		-webkit-filter: drop-shadow(-2px 2px 2px rgba(0, 0, 0, .2));
	}
.fac2 img {
	position:relative;
	z-index:3;
}
img.fac_title2 {
	position:relative;
	z-index:3;
	display: block;
    padding-left: 5em;
	max-width:80%;
}
img.fac2_img2 {
	max-width:100%;
	padding-top:4em;
	filter: drop-shadow(-2px 2px 2px rgba(0, 0, 0, .2));
	-webkit-filter: drop-shadow(-2px 2px 2px rgba(0, 0, 0, .2));
}
@media screen and (max-width: 1300px) {
	.fac2_text span {
		padding: 5em 1em 0 0em;
	}
	img.fac_title2 {
		padding:0;
	}
	.fac2_text img {
		width:58%;
	}
}
@media screen and (max-width: 1200px) {
	img.fac2_img2 {
		padding:2em 0;
	}
}
@media screen and (max-width: 1100px) {
	.fac2 {
		width:90%;
		margin:5em auto 2em;
	}
	.fac2_text {
		text-align:center;
	}
	.fac2_text span {
		display:block;
		width:100%;
		padding:4em 1em 0 0;
		text-align:left;
	}
	.fac2_text img {
		width: auto;
		margin: 0;
		max-width: 100%;
		padding-top: 2em;
	}
	.fac2:after {
		left: -5em;
		width: 97%;
		height: 50%;
	}
}
@media screen and (max-width: 768px) {
	.fac2:after {
		width: 724px;
		height: 400px;
	}
	.fac2 {
		margin: 5em auto 0em;
	}
	.fac2_text img {
		vertical-align:top;
	}
	#map {
		padding: 3em 0 0;
	}
}
@media screen and (max-width: 650px) {
	.fac2 {
		width:100%;
	}
	.fac2:after {
		width: 95%;
		height: 400px;
		left: 0;
	}
	.fac2_text span {
		padding: 4em 0 0 0;
	}
}
@media screen and (max-width: 510px) {
	.fac2_text span {
		padding: 3em 0 0 0;
	}
	.fac2_text img {
		padding-top:1em;
	}
}
@media screen and (max-width: 430px) {
	.fac2:after {
		top:14em;
	}
}
@media screen and (max-width: 380px) {
	.fac2:after {
		top:13em;
	}
}

/*---location-------------------------------------------------------------------------------------------------------------------*/
.locbg{
	background:rgba(204,185,155,.25);
}
.location {
	width:1000px;
	margin:0 auto;
	max-width:90%;
}
/***loc***/
.loc {
	padding:1em 0;
	text-align:left;
	position:relative;
	border-bottom:dashed 1px #000;
}
/*map*/
.map {
	position:relative;
	width:50%;
	min-height:345px;
	display:inline-block;
	vertical-align:top;
}
.map iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/*loc_info*/
.loc_info {
	display:inline-block;
	vertical-align:top;
	width:46%;
	padding:3em 0 1em 2em;
}
.loc_title {
	display:inline-block;
	vertical-align:bottom;
	min-width:195px;
}
.loc_title img {
	vertical-align:top;
}
.loc_title h4 {
	color:#373737;
	font-size:25px;
	font-weight:500;
	display:inline-block;
	vertical-align:top;
	padding:0 .2em;
}
.loc_info a {
	color:#639a21;
}
	.loc_info a:hover {
		color:#e77455;
	}
/*loc_area*/
.loc_area {
	display:inline-block;
	vertical-align:bottom;
	color:#9fa0a0;
	position: absolute;
    right: 0;
    top: 2.5em;
	font-size:25px;
	text-align:right;
	font-weight:500;
	line-height:1;
}
	.loc_area:after {
		content:'';
		position:absolute;
		bottom:0;
		left: 0;
	    width: 100%;
		height:1px;
		background:#9fa0a0;
	}
.loc_area sup {
	font-size:14px;
	right: 0;
    top:-.5em;
    display: block;
	font-weight:300;
}
.loc_info ul {
}
.loc_info li {
	position:relative;
	margin:1em 0;
	color: #555;
}
.loc_info li img {
	position:absolute;
	top:0;
	left:0;
}
.loc_info p {
	display:inline-block;
	vertical-align:top;
	border-bottom:dashed 1px #a0a0a0;
	width:100%;
	margin: 0 0 0 2em;
	line-height:1.5;
	padding-bottom:.3em;
}
.loc_info li span {
	font-size:25px;
	font-weight:500;
	line-height:1;
}
	.loc_info li:last-of-type p {
		border:0;
	}
	@media screen and (max-width:975px) {
		.loc_area:after {
			left: -2em;
			width: 50%;
		}
	}
	@media screen and (max-width:850px) {
		.loc_area:after {
			left: -1em;
			width: 25%;
		}
	}
	@media screen and (max-width:790px) {
		.map {
			width:100%;
		}
		.loc_info {
			width: 100%;
			padding: 2em 0 0em 0em;
			position:relative;
		}
		.loc {
			padding: 2em 0 1em;
		}
		.loc_info p {
			width:93%;
		}
		.loc_area {
			top:1.5em;
		}
		.loc_area:after {
			left:-150px;
			width:150px;
		}
	}
	@media screen and (max-width:510px) {
		.location {
			padding: 0 0 7em;
		}
		.map {
			min-height:280px;
		}
		.loc_area:after {
			left: -100px;
			width: 100px;
		}
	}
	@media screen and (max-width:430px) {
		.loc_area {
    font-size: 20px;
}
		.loc_area:after {
			left: 0;
			width: 12vw;
		}
		.loc_info li span {
			font-size:22px;
		}
	}
	@media screen and (max-width:380px) {
		.loc_area:after {
			left: -5vw;
			width: 5vw;
		}
	}
	@media screen and (max-width:350px) {
		.loc_title h4 {
			font-size:23px;
		}
		.loc_info li span {
			font-size:20px;
		}
		.loc_area {
			font-size:20px;
		}
		.loc_area sup {
			font-size:12px;
		}
		.loc_area {
			top: 2em;
		}
		.loc_area:after {
			left: -3vw;
			width: 3vw;
		}
		.map {
			min-height:230px;
		}
	}
#loc1,#loc2,#loc3,#loc4,#loc5,#loc6 {
	transform:translateY(-130px);
}
	@media screen and (max-width:1080px) {
		#loc1,#loc2,#loc3,#loc4,#loc5,#loc6 {
			transform:translateY(-120px);
		}
	}
	@media screen and (max-width:430px) {
		#loc1,#loc2,#loc3,#loc4,#loc5,#loc6 {
			transform:translateY(-80px);
		}
	}
/*ft_loc*/
ul.ft_loc {
}
ul.ft_loc p {
	display:block;
	vertical-align:middle;
	padding-right:1em;
}
ul.ft_loc p img {
	width: 40px;
    margin-right: -14px;
}
ul.ft_loc li {
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	width: 32%;
    padding: 0.5em;
}
ul.ft_loc a {
	border:solid 2px #cabaaa;
	border-radius:100px;
	transition:.3s ease all;
}
	ul.ft_loc a:hover {
		background:#cabaaa;
	}

@media screen and (max-width:414px){
	ul.ft_loc li {
    width: 42%;
}
	ul.ft_loc p {
    padding-right: 0;
}
}
@media screen and (max-width:360px){
	    ul.ft_loc li {
        width: 45%;
    }
}