/*--------------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;
}


/* 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: 'Barlow Condensed', 'Noto Sans TC', sans-serif;
	background:#fff;
	color:#262626;
}

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;
}

::selection {
	background:#ffb15a;
}


/************************************************************************************************************************************************
************************************************************************************************************************************************
************************************************************************************************************************************************/
/*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 {
	position:relative;
}
.dex .item {
	min-height:705px;
}
.dex .item:nth-of-type(1) {
	background:url(../../flash/dex1.jpg) top center no-repeat;
	background-size:cover;
}
.dex .item:nth-of-type(2) {
	background:url(../../flash/dex2.jpg) top center no-repeat;
	background-size:cover;
}
.dex .item:nth-of-type(3) {
	background:url(../../flash/dex3.jpg) top center no-repeat;
	background-size:cover;
}
.dex .item:nth-of-type(4) {
	background:url(../../flash/dex4.jpg) top center no-repeat;
	background-size:cover;
}
/*---header-------------------------------------------------------------------------------------------------------------------------------------*/
header {
	text-align:center;
	position:relative;
	background:#fff;
	z-index:50;
	transition:1s ease all;
}
/*membership*/
.membership {
	position:absolute;
	top:1em;
	right:5em;
}
.membership a {
	color:#212023;
	font-size:21px;
	vertical-align:middle;
}
.membership i {
	color:#3f7f9f;
	font-size:2em;
	vertical-align:middle;
	transition:.2s ease all;
}
/*hover*/
.membership:hover i {
	color: #F44336;
}
/*logo_block*/
.logo_block {
	padding:2em 1em;
	transition:.5s ease all;
}
.logo_block a {
	display:inline-block;
	transition:.3s ease all;
}
img.logo {
	max-width:100%;
}
.logo_block a:hover {
	opacity:.7;
}
/*ibutton*/
.ibutton {
	text-align:center;
	transition:.5s ease all;
	background: #beebeb;
}
.ibutton ul {
}
.ibutton ul li {
	display:inline-block;
	vertical-align:top;
	text-align:left;
	border-top:solid 1px #beebeb;
	width: calc(100% / 7 - 5em);
    margin: 0 3em;
	position:relative;
	transition:.5s ease all;
}
.ibutton li a {
	color:#4d4d4d;
	font-size:20px;
	padding: .5em 0em .5em 2em;
	position:relative;
	transition:.2s ease all;
}
	.ibutton li a:after {
		content:'';
		background:#beebeb;
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		height:0;
		z-index:-1;
		transition:.3s ease all;
	}
.ibutton li span {
	display:block;
}
/*dropmenu*/
ul.dropmenu {
	position: absolute;
    top: 5em;
    left: 0;
    width: 205px;
    z-index: 5;
    background: #fff;
	-webkit-filter: drop-shadow(0px 0px 3px rgba(51, 51, 51, .2));
	filter: drop-shadow(0px 0px 3px rgba(51, 51, 51, .2));
	transition:.3s ease all;
	opacity:0;
	visibility:hidden;
}
ul.dropmenu li {
	display: block;
    width: 100% !important;
    text-align: left;
    margin: 0;
    border: none;
}
ul.dropmenu a {
	color:#4d4d4d;
	font-size:16px;
}
ul.dropmenu a:after {
	display:none;
}
ul.dropmenu span {
	display:block;
}
/*hover*/
.ibutton li a:hover:after {
	height:100%;
	bottom:inherit;
	top:0;
}
ul.dropmenu a:hover {
	background:#beebeb;
}
.ibutton li:hover ul.dropmenu {
	opacity:1;
	visibility:visible;
	top:3em;
}
/***mobile ibutton***/
.mibutton {
	position: fixed;
	top:2%;
    right:1%;
	z-index: 120;
 	cursor:pointer;
	transition:.2s ease all;
	width: 45px;
    height: 45px;
    color: #fff;
	display:none;
	-webkit-filter: drop-shadow(2px 2px 2px rgba(255, 255, 255,.6));
	filter: drop-shadow(2px 2px 2px rgba(255, 255, 255,.6));
}
	.mibutton span {
		display: inline-block;
		width: 80%;
		height: 3px;
		transition: .3s ease all;
		position: absolute;
		right:0px;
		background:#000;
		display: block;
	}
		.mibutton span:nth-child(2) {
			top:10px;
		}
		.mibutton span:nth-child(3) {
			top:19px;
		}
	.mibutton_ani {
		background:#fffff;
		opacity:1;
	}
		.mibutton_ani span:nth-child(1) {
			-webkit-transform:rotate(35deg);
					transform:rotate(35deg);
			-webkit-transform-origin:left top;
					transform-origin:left top;
		}
		.mibutton_ani span:nth-child(2) {
			opacity:0;
		}
		.mibutton_ani span:nth-child(3) {
			-webkit-transform:rotate(-35deg);
					transform:rotate(-35deg);
			-webkit-transform-origin:left bottom;
					transform-origin:left bottom;
		}
/***mob_ibut***/
.mob_ibut {
	position:fixed;
	top:0;
	right:0;
	width:300px;
	height:100vh;
	background:#fff;
	z-index:100;
	padding:5em 0;
	box-shadow: 0px 0px 10px rgba(0,0,0,.3);
	transform:translateX(105%);
    transform-origin: right;
}
.open {
	transform:translateX(0%);
}
.logo_s {
	padding: 1em 1em 2em 1em;
}
.logo_s a {
	transition:.3s ease all;
}
.logo_s a:hover {
	opacity:.7;
}
.logo_s img {
	max-width:100%;
}
.mob_ibut ul {
	border-bottom: solid 1px #beebeb;
}
.mob_ibut ul li {
	display: block;
    width: 100% !important;
	margin:0;
}
.membership.mobmember {
	position: relative;
    top: 0;
    right: 0;
    margin: 2em auto;
    max-width: 80%;
    border: solid 1px #86ccf1;
    border-radius: 10px;
	transition:.3s ease all;
}
.mobmember a {
	padding: .5em 0;
}
.mobmember:hover {
	    background: rgba(134, 204, 241, .3);
}
/***/
.mob_ibut ul.dropmenu {
	position: relative;
    top: 0;
    width: 100%;
    opacity: 1;
    visibility: visible;
	filter: drop-shadow(0px 0px 3px rgba(51, 51, 51, .0));
	-webkit-filter: drop-shadow(0px 0px 3px rgba(51, 51, 51, .0));
	display:none;
	transition:none;
	background: #ecf5f9;
}
.mob_ibut li:hover ul.dropmenu {
	top:0;
}

/*dex*/
.dex_deco {
	position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
	color:#fff;
}
.dex_deco p:nth-of-type(1) {
	font-size:48px;
	text-shadow: 2px 2px 6px rgba(0,0,0,.7);
}
.dex_deco p:nth-of-type(2) {
	font-size:36px;
	text-shadow: 2px 2px 6px rgba(0,0,0,.7);
}
.btn1 {
	position:relative;
	padding: 9em 0 7em;
}
.btn1:after {
	content:'';
	width:2px;
	height:100px;
	position:absolute;
	bottom:0;
	left:50%;
	background:#647c89;
}
.btn1 a {
	display:inline-block;
	color:#fff;
	font-size:20px;
	background:#0077b3;
	letter-spacing: 3px;
    padding: .4em 4em;
	transition:.2s ease all;
}
/*hover*/
.btn1 a:hover {
	background:#fff;
	color:#0077b3;
}
/*inews_area*/
.inews_area {
	position:relative;
}
.inews {
	padding:2em 3em 8em 3em;
	display:inline-block;
	width:50%;
	text-align:right;
	position:relative;
	min-height:700px;
}
.inews3 {
	background: #83bedb;
	text-align:right;
}
.inews4 {
	background:#ecf5f9;
	text-align:left;
	float: right;
    width: 50%;
}
.inews_contain {
	width:100%;
    max-width: 100%;
	display: inline-block;
}
.inews_title {
	position:relative;
}
.inews3 .inews_title img {
	transform: translateX(70%);
}
.inews4 .inews_title img {
	transform: translateX(-70%);
}
.font1 {
	font-size:35px;
	font-weight:bold;
	letter-spacing:2px;
	padding:0 1em;
}
.inews3 .font1 {
	color:#ecf5f9;
}
.inews4 .font1 {
	color:#83bedb;
}
.font2 {
	color:#4e4e4e;
	font-size:2em;
	text-align:center;
	letter-spacing:3px;
	position:relative;
}
.inews3 .font2:after {
	content: '+';
    position: absolute;
    bottom: 0;
    right: 3.5em;
    color: #fff;
    font-size: 5vmin;
    line-height: 1;
    font-family: auto;
}
.inews4 .font2:after {
	content: '+';
    position: absolute;
    bottom: 0;
    left: 3.5em;
    color: #83bedb;
    font-size: 5vmin;
    line-height: 1;
    font-family: auto;
}
/*---footer-------------------------------------------------------------------------------------------------------------------------------*/
/*ft_top*/
.ft_top {
	background:url(../../images/ft_top.png) bottom center no-repeat;
	background-size:cover;
	min-height:99px;
	position:relative;
	text-align:center;
	margin-top:-90px;
}
.ft_top div:nth-of-type(1) {
	color: #001c2a;
    font-size: 4em;
    width: 47%;
    text-align: right;
    position: absolute;
    left: 0;
    top: 7px;
	line-height:1;
}
.ft_top span {
	color: #fff;
	font-weight:normal;
}
.ft_top div:nth-of-type(2) {
	color: #fff;
    font-size: 24px;
    width:36%;
	text-align:left;
	position:absolute;
	right:1em;
	top:18px;
}
.line {
	width:75px;
	background:#fff;
	height:1px;
	position:relative;
	display:inline-block;
	margin-left:10px;
}
.line:after {
	content:'';
	background:#fff;
	width: 20px;
    height: 1px;
    position: absolute;
    bottom: 7px;
    right: -3px;
    transform: rotate(45deg);
}
footer {
	background:url(../../images/ft_bg.png) repeat;
}
.ft_contain {
	width:1200px;
	margin:0 auto;
	max-width:90%;
	padding:3em 0;
}
.sitemap {
	text-align:left;
}
.sitemap ul {
	display:inline-block;
	vertical-align:top;
	width: 15%;
}
.sitemap li {
	padding-bottom: .3em;
}
.sitemap a {
	transition:.2s ease all;
	display:inline-block;
	position:relative;
}
.sitemap a:after {
	content:'';
	background:#1677b3;
	width:0%;
	height:2px;
	position:absolute;
	right:0;
	bottom:0;
	transition:.3s ease all;
	transition-delay:.1s;
}
.sitemap a:hover:after {
	width:100%;
	left:0;
	right:inherit;
}
.ft_info {
	text-align:right;
}
.ft_info ul {
	text-align:left;
	display:inline-block;
}
.ft_info li {
}
.ft_info i {
	width:25px;
	display:inline-block;
	text-align:center;
	color:#48464c;
}
.ft_info p {
	display:inline-block;
	vertical-align:top;
	padding:0 5px;
}
.ft_btn {
	text-align:right;
	position:relative;
	padding:1em 0 0 0;
}
img.ft_logo {
	max-width:90%;
	position:absolute;
	top:0;
	left:0;
}
.copyright {
	display:inline-block;
	text-align:right;
}
.copyright a {
	display:inline-block;
}
/*****gotop******/
#gotop {
	cursor:pointer;
	position:fixed;
	bottom: 15em;
    right: 3em;
	z-index:80;
	transition:.3s ease all;
	display:none;
}
#gotop img {
	max-width:100%;
	-webkit-filter: drop-shadow(1px 1px 2px #fff);
	filter: drop-shadow(1px 1px 2px #fff);
}
#gotop:hover {
	transform:translateY(-10px);
}
	@media screen and (max-width:1530px) {
		.ibutton ul li {
			width: calc(100% / 6 - 5em);
		}
	}
	@media screen and (max-width:1200px) {
		.dex .item {
			min-height: 600px;
		}
		.btn1 {
			padding: 6em 0 7em;
		}
		.inews3 .font2:after {
			right: 2em;
		}
		.inews4 .font2:after {
			left: 2em;
		}
		.ibutton {
			display:none;
		}
		.mob_ibut {
			display:block;
		}
		.mibutton {
			display:block !important;
			opacity:1 !important;
			right:2%;
		}
	}
	@media screen and (max-width:1100px) {
		.dex .item {
			min-height: 540px;
		}
		.inews3 .font2:after {
			right: 1em;
		}
		.inews4 .font2:after {
			left: 1em;
		}
		.inews_area {
			background: #ecf5f9;
		}
		.inews {
			padding: 1em;
			width: 100%;
			min-height: 300px;
			overflow-x:hidden;
		}
		.inews4 {
			padding: 1em 1em 9em 1em;
		}
		.inews_contain {
			width:100%;
		}
	}
	@media screen and (max-width:768px) {
		.dex_deco p:nth-of-type(1) {
			font-size:45px;
		}
		.dex .item {
			min-height: 480px;
		}
		.btn1 {
			padding: 2em 0 7em;
		}
		.inews {
			padding:1em;
		}
		.inews4 {
			padding: 1em 1em 9em 1em;
		}
		.inews3 .inews_title img {
			transform: translateX(25%);
		}
		.inews4 .inews_title img {
			transform: translateX(-25%);
		}
		.font1 {
			font-size:30px;
			line-height:1.5;
		}
		.ft_top div:nth-of-type(1) {
			font-size:3em;
			top:21px;
		}
		.ft_top div:nth-of-type(2) {
			font-size: 22px;
			width: 42%;
			top:30px;
		}
		.line {
			width:55px;
		}
		img.ft_logo {
			position:relative;
			padding:1em 0;
		}
		.copyright {
			display:block;
		}
		.ft_contain {
			padding:2em 0;
		}
	}
	@media screen and (max-width:640px) {
		.sitemap ul {
			width:20%;
		}
		.sitemap li {
			padding-bottom: .5em;
		}
		.dex_deco p:nth-of-type(1) {
			line-height:1.5;
		}
		#gotop {
			right:2em;
		}
	}
	@media screen and (max-width:500px) {
		.logo_block {
			padding: 4em 1em 2em;
		}
		.membership {
			right: 4em;
		}
		.dex .item {
			min-height: 300px;
		}
		.dex_deco p:nth-of-type(1) {
			font-size: 6vmin;
		}
		.dex_deco p:nth-of-type(2) {
			font-size: 5vmin;
		}
		.btn1 {
			padding:2em 0 3em;
		}
		.btn1 a {
			font-size:16px;
		}
		.btn1:after {
			height:40px;
		}
		.ft_top {
			background-size:auto;
			display: inline-block;
			width: 100%;
			padding: 0 0 0 3em;
			min-height:70px;
		}
		.ft_top div:nth-of-type(1) {
			font-size: 2.5em;
			top: 0;
			position: relative;
			text-align: left;
			display: inline-block;
			width: 40%;
		}
		.ft_top div:nth-of-type(2) {
			font-size: 16px;
			top: 0;
			position: relative;
			text-align: left;
			right: 0;
			display: inline-block;
			width: 50%;
		}
		.line {
			width: 34px;
		}
		.line:after {
			width: 10px;
			bottom: 3px;
			right: -2px;
		}
		#gotop {
			right: .2em;
		}
		.sitemap ul {
			width: 23%;
		}
		.copyright {
			font-size:14px;
		}
		.font1 {
			font-size:22px;
		}
		.font2 {
			font-size:26px;
		}
		.ft_top {
			position:absolute;
			margin-top: -3em;
		}
		.inews {
			padding:1em;
		}
		.inews4 {
			padding: 1em 1em 7em 1em;
		}
	}
	@media screen and (max-width:430px) {
		.mob_ibut {
			padding:3.5em 0;
		}
		#gotop {
			bottom:18em;
		}
		.mibutton {
			top:3%;
			right:3%;
		}
		.sitemap ul {
			width: 24%;
			font-size: 14px;
			line-height: 1.5;
		}
		.ft_info {
			font-size:14px;
			text-align:left;
		}
		.ft_btn {
			padding:0;
		}
		.copyright {
			font-size:12px;
			letter-spacing:0;
		}
	}
	@media screen and (max-width:400px) {
		.ft_top {
			padding:0 0 0 1em;
			min-height: 77px;
		}
		.ft_top div:nth-of-type(1) {
			font-size:40px;
		}
		.ft_top div:nth-of-type(2) {
			font-size:15px;
		}
	}
	@media screen and (max-width:350px) {
		.dex .item {
			min-height: 250px;
		}
		img.logo {
			max-width: 90%;
		}
		.logo_block {
			padding: 4em 1em 1em;
		}
		.sitemap ul {
			width: 30%;
		}
	}
/*---main-----------------------------------------------------------------------------------------------------------------------------*/
#main {
}
/*intitle_area*/
.intitle_area {
	width:1200px;
	max-width:90%;
	text-align:center;
	position:relative;
	margin:3em auto;
}
/*crumb*/
.crumb {
	font-size:15px;
	position:absolute;
	bottom:0;
	left:0;
	color:#212023;
}
.crumb a {
	display:inline-block;
	vertical-align:bottom;
	transition:.2s ease all;
}
i.fa-home {
	color:#4b5767;
	font-size:13px;
	transition:.2s ease all;
}
.crumb .fa-angle-double-right {
	font-size:14px;
}
.crumb span {
}
/*hover*/
.crumb a:hover,.crumb a:hover i.fa-home {
	color:#2196f3;
}
/*intitle*/
.intitle {
	display:inline-block;
}
.intitle h3 {
	color:#212023;
	font-size:24px;
	padding-bottom:6px;
	font-weight:bold;
	letter-spacing:3px;
}
.intitle h4 {
	color:#beebeb;
	font-size:20px;
	border-top:solid 2px #beebeb;
	padding:5px 13px 0;
	font-weight:bold;
}
/***sub***/
.sub {
	position:relative;
	text-align:center;
	display:inline-block;
	padding:1em 0;
	z-index:10;
}
.sub:after {
	content:'';
	background:url(../../images/book.png) top center no-repeat;
	background-size:auto;
	width:80px;
	height:62px;
	position:absolute;
	top:.5em;
	left:50%;
	transform:translateX(-50%);
	z-index:-1;
}
.sub h5 {
	font-size:72px;
	font-weight:bold;
	letter-spacing:3px;
	padding:0 0 5px;
}
.sub h6 {
	font-size:18px;
}

/*---about-------------------------------------------------------------------------------------------------------------------------------*/
/***abt1***/
.abt1 {
	text-align:center;
	position:relative;
	width:1620px;
	margin:0 auto;
	max-width:90%;
	padding-bottom:2em;
}
/*ab1_text*/
.ab1_text {
	position: relative;
    padding: 3em 0em 7em;
}
.ab1_text:before {
	content:'';
	background:#c3a591;
	width:1px;
	height:40px;
	position:absolute;
	top:0;
	left:50%;
}
.ab1_text:after {
	content:'\f078';
	font-family: 'FontAwesome';
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	color:#c3a591;
}
/*abt1_deco*/
.abt1_deco {
	top:4em;
	position:absolute;
	width:28%;
}
.abt1_deco img {
	max-width:100%;
}
.abt1_deco01 {
	left:0;
}
.abt1_deco02 {
	right:0;
}
/***timeline***/
.timeline {
	background:url(../../images/indeco_02.png) top right no-repeat,url(../../images/indeco_01.png) bottom left no-repeat,url(../../images/gray_bg.png) repeat;
	position:relative;
	background-size:auto;
	padding:10em 0;
}
/*abt1_btm*/
.abt1_btm {
	background:url(../../images/a1_btm.png) top center no-repeat;
	background-size:cover;
	min-height:72px;
	width:100%;
	position:absolute;
	top:0;
}
/*tl_contain*/
.tl_contain {
	width:1565px;
	margin:0 auto;
	max-width:90%;
}
/*tl_title*/
.tl_title {
	text-align:left;
	padding: 0 1em 4em 6em;
}
.tl_title img {
	max-width:100%;
}
/*time*/
.time {
}
.time img {
	max-width:100%;
	vertical-align:top;
}
.time img:nth-of-type(1) {
}
.time img:nth-of-type(2) {
}
.time img:nth-of-type(3) {
}
.time img:nth-of-type(4) {
}
/*roll_top*/
.roll_top {
	background:url(../../images/roll_top.png) bottom center no-repeat;
	background-size:cover;
	min-height:65px;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}
	@media screen and (max-width:1740px) {
		.time img:nth-of-type(1) {
			width:17.5%;
		}
		.time img:nth-of-type(2) {
			width:25%;
		}
		.time img:nth-of-type(3) {
			width:28%;
		}
		.time img:nth-of-type(4) {
			width:28%;
		}
	}
	@media screen and (max-width:1200px) {
		.abt1_deco {
			top: 0;
			position: relative;
			width: 48%;
			display: inline-block;
			vertical-align: top;
			padding:0 1em;
		}
	}
	@media screen and (max-width:990px) {
		.tl_title {
			padding: 0 1em 4em 1em;
		}
		.timeline {
			background-size: 100%,70%,auto;
		}
		.ab1_text {
			padding: 3em 0em 5em;
		}
		.time {
			text-align:center;
		}
		.time img:nth-of-type(1) {
			width:30%;
		}
		.time img:nth-of-type(2) {
			width:43%;
		}
		.time img:nth-of-type(3),.time img:nth-of-type(4) {
			width:43%;
			padding-top:2em;
		}
	}
	@media screen and (max-width:800px) {
		.time img:nth-of-type(1) {
			width:35%;
		}
		.time img:nth-of-type(2) {
			width:50%;
		}
		.time img:nth-of-type(3),.time img:nth-of-type(4) {
			width:48%;
		}
		.intitle_area {
			margin:2em auto;
		}
	}
	@media screen and (max-width:570px) {
		.abt1_btm,.roll_top {
			min-height:30px;
		}
		.timeline {
			background-size: 100%,70%,auto;
			padding:8em 0;
		}
		.crumb {
			font-size:14px;
			position:relative;
			text-align:left;
		}
		.crumb .fa-angle-double-right {
			font-size: 12px;
		}
		.sub h5 {
			font-size:68px;
		}
		.sub h6 {
			font-size: 16px;
		}
	}
	@media screen and (max-width:500px) {
		.intitle_area {
			margin: 1em auto;
		}
		.timeline {
			padding: 5em 0 3em;
		}
		.tl_title {
			padding: 0 0em 3em 0em;
		}
		.time {
			text-align:left;
		}
		.time img:nth-of-type(1) {
			width: auto;
			max-width: 70%;
			margin-bottom: -20em;
		}
		.time img:nth-of-type(2),.time img:nth-of-type(3),.time img:nth-of-type(4) {
			width: auto;
			max-width: 90%;
		}
	}
	@media screen and (max-width:430px) {
		.ab1_text {
			padding: 3em 0em 3em;
		}
		.abt1_deco {
			padding: 2em 1em 0;
		}
		.timeline {
			padding: 4em 0px 0em;
		}
	}
	@media screen and (max-width:350px) {
		.sub h5 {
			font-size: 60px;
		}
	}
/***roll_area***/
.roll_area {
	background:#253e4c;
	position:relative;
	text-align:center;
	padding:5em 0 7em;
}
.roll_area:after {
	content:'';
	background:url(../../images/roll_line.png) top left repeat-x;
	background-size:auto;
	width:100%;
	height:7px;
	position:absolute;
	bottom:20px;
	left:0;
}
h5.roll_title {
	color:#d7ecf3;
	font-size:36px;
	font-weight:bold;
	padding:0 0 1em;
	letter-spacing:3px;
}
/*roll*/
.roll {
}
.roll_contain {
	width:1200px;
	margin:0 auto;
	position:relative;
	max-width:100%;
}
.roll_contain:after {
	content:'';
	border-right:solid 1px #3f7f9f;
	position:absolute;
	bottom:0;
	right:0;
	height:90%;
}
.roll_list {
	display:inline-block;
	width:22%;
	padding:0 1em;
	vertical-align:top;
	position:relative;
}
.roll_list:after {
	content:'';
	border-left:solid 1px #3f7f9f;
	position:absolute;
	bottom:0;
	left:0;
	height:90%;
}
.roll_list:nth-of-type(1) {
	text-align:center;
	width:30%;
}
.roll_list:nth-of-type(1) ul {
	text-align:left;
	display:inline-block;
}
.roll span {
	display:block;
	color:#9bcbd2;
	font-size:18px;
	padding-bottom:1em;
}
.roll ul {
}
.roll li {
	color:#d7ecf3;
}
/****a_imgs****/
.a_imgs {
}
.a_imgs img {
	float:left;
	width:25%;
	max-width:100%;
}
/***rights***/
.rights {
	background:url(../../images/a_rights_bg.png) top center no-repeat fixed;
	background-size:cover;
	text-align:right;
}
/*rights_text*/
.rights_text {
	display:inline-block;
	color:#dcdad8;
	width: 600px;
    margin:6em 18em 6em 1em;
}
.rights_text img {
	max-width:100%;
}
.rights_text h5 {
	font-size:48px;
	text-align:center;
}
.rights_text span {
	display:block;
	margin: 5em 9.5em 0;
	text-align:left;
	position:relative;
}
.rights_text span:after {
	content:'';
	height:43px;
	width:1px;
	background:#c3a591;
	position:absolute;
	top:-60px;
	left:0;
}
/***organization***/
.organization {
	text-align:center;
	background:url(../../images/indeco_02.png) top right no-repeat,url(../../images/indeco_01.png) bottom left no-repeat, url(../../images/human_bg.jpg) repeat;
	position:relative;
	background-size:auto;
	padding:8em 0 12em;
}
.organization h5 {
	font-size: 35px;
    padding: 0 0 1em;
    font-weight: bold;
    letter-spacing: 5px;
}
.organization img {
	max-width:90%;
}
	@media screen and (max-width:1400px) {
		.rights_text {
			margin: 4em 10em 4em 1em;
		}
	}
	@media screen and (max-width:1200px) {
		.rights_text {
			margin: 4em 10em 3em 1em;
			width:500px;
		}
		.rights_text span {
			margin: 5em 6em 0;
		}
		.roll {
			overflow-x:scroll;
			padding:0 2em;
		}
		.roll_area {
			padding: 4em 0 6em;
		}
	}
	@media screen and (max-width:990px) {
		.organization {
			background-size: 100%,70%,auto;
		}
		.rights_text {
			width: 350px;
			margin: 3em 6em 2em 1em;
		}
		.rights_text span {
			margin:3em 1.5em 0;
		}
		.rights_text span:after {
			height:30px;
			top: -38px;
		}
	}
	@media screen and (max-width:840px) {
		.roll_contain {
			width:800px;
			max-width:none;
		}
	}
	@media screen and (max-width:600px) {
		.roll_area {
			padding: 3em 0 5em;
		}
		.a_imgs img {
			width:50%;
		}
		.rights_text {
			margin: 3em 3em 2em 1em;
		}
		.organization {
			padding:5em 0 10em;
		}
	}
	@media screen and (max-width:430px) {
		.roll_area {
			padding: 2em 0 4em;
		}
		h5.roll_title,.organization h5 {
			font-size:32px;
		}
		.rights {
			background-attachment:inherit;
		}
		.rights_text {
			margin: 3em 2em 2em 2em;
			max-width: 90%;
			width:auto;
		}
		.organization {
			padding: 4em 0 6em;
		}
		.roll_list:nth-of-type(1) {
    width: 32%;
}
	}
    @media screen and (max-width:414px){
		    .roll_list {
    width: 20%;
}
		.roll_list:nth-of-type(1) {
        width: 33%;
    }
}
	@media screen and (max-width:374px) {
		.rights_text h5 {
			font-size:39px;
		}
		.rights_text span {
			margin: 3em .5em 0;
		}
	}
/*---member_intro--------------------------------------------------------------------------------------------------------------------------*/
.member_intro {
	background:url(../../images/indeco_02.png) top right no-repeat,url(../../images/indeco_01.png) bottom left no-repeat, url(../../images/green_bg.png) repeat;
	position:relative;
	background-size:auto;
	text-align:center;
	letter-spacing:2px;
	padding: 8em 0 9em;
}
.members {
	margin:2em 0;
}
.members p {
	color:#4e4e4e;
	font-size:20px;
}
.members sub {
	color:#93aab5;
	display:block;
	bottom: 0;
    font-size:100%;
    padding: 1.3em 0 .3em;
}
.members span {
	font-size:18px;
	color:#4e4e4e;
	display:block;
	position:relative;
}
.members span:after {
	content:'';
	height:1px;
	width:240px;
	max-width:100%;
	left:50%;
	transform: translateX(-50%);
	bottom:0;
	position:absolute;
	background:#4e4e4e;
}
.members img {
	max-width:90%;
	box-shadow: 6px 4px 6px rgba(104, 137, 154, 0.4);
}
/*member_middle*/
.member_middle {
	background:url(../../images/member_middle.png) center bottom no-repeat;
	background-size:cover;
	min-height:68px;
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
}
/*mbintro2*/
.mbintro2 {
	background:url(../../images/indeco_01.png) bottom left no-repeat,url(../../images/blue_bg.png) repeat;
	background-size:auto;
	padding:3em 0 8em;
	position:relative;
}
/*mbintro3*/
.mbintro3 {
	background:#fff;
}
/*mbintrobtm*/
.mbintrobtm {
	padding:3em 0 10em;
}
.deco {
	background:url(../../images/a1_btm.png) bottom center no-repeat;
	background-size:cover;
	transform:rotate(180deg);
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	min-height:72px;
}
	@media screen and (max-width:990px) {
		.member_intro {
			background-size: 100%,70%,auto;
		}
		.mbintro2 {
			background-size:70%;
		}
	}
	@media screen and (max-width:700px) {
		.member_intro {
			padding: 6em 0 7em;
		}
		.mbintrobtm {
			padding: 2em 0 10em;
		}
		.mbintro2 {
			padding: 2em 0 5em;
		}
	}
	@media screen and (max-width:430px) {
		.member_intro {
			padding: 4em 0 5em;
		}
		.mbintro2 {
			padding: 0em 0 4em;
		}
		.mbintrobtm {
			padding: 1em 0 6em;
		}
		.members sub {
			font-size:80%;
		}
		.members p {
			font-size:18px;
		}
		.members span {
			font-size:17px;
		}
		.members {
			margin: 1em 0;
		}
		.member_middle,.deco {
			min-height:30px;
		}
	}
/*---member_list---------------------------------------------------------------------------------------------------------------------*/
.member_list {
	background:url(../../images/indeco_02.png) top right no-repeat,url(../../images/indeco_01.png) bottom left no-repeat, url(../../images/brown_bg.png) repeat;
	position:relative;
	background-size:auto;
	text-align:center;
	letter-spacing:2px;
	padding: 8em 0 13em;
}
/*mbcard_block*/
.mbcard_block {
	text-align:center;
	width:1280px;
	margin:4em auto 0;
	max-width:98%;
}
/*mbcard*/
.mbcard {
	background:url(../../images/list_bg_02.jpg) bottom left no-repeat, url(../../images/list_bg_01.jpg) repeat;
	background-size:auto;
	padding:2em;
	display:inline-block;
	vertical-align:top;
	width:31%;
	float:none;
	padding:2em 1em;
	margin:1em .5em;
	box-shadow: 1px 2px 10px rgba(0,0,0,.2);
}
.mbcard img {
	vertical-align:top;
	max-width:100%;
	padding-right:2em;
	width:34%;
	-webkit-filter:drop-shadow(3px 3px 3px rgba(104, 137, 154, 0.3));
	filter:drop-shadow(3px 3px 3px rgba(104, 137, 154, 0.3));
	min-height: 196px;
	max-width:187px;
	display:none;
}
/*mbcard_info*/
.mbcard_info {
	display:inline-block;
	vertical-align:top;
	width:100%;
	color:#212023;
}
/*number*/
.number {
	position:relative;
	border-bottom:solid 1px #779aab;
	text-align:left;
	margin-bottom:.5em;
}
.number h6 {
	display:inline-block;
	font-size:24px;
}
.number p {
	display:inline-block;
	font-size:14px;
	position:absolute;
	right:0;
	bottom:0;
	line-height:1.5;
}
.number strong {
	color:#253e4c;
	font-size:35px;
}
/*.mbcard_info ul*/
.mbcard_info ul {
	text-align:left;
}
.mbcard_info li {
	font-size:14px;
	line-height:1.3;
	padding:.5em 0 .3em;
	position:relative;
}
.mbcard_info i {
	color:#253e4c;
	text-align:center;
	width:18px;
}
.mbcard_info li p:nth-of-type(1) {
	color:#253e4c;
	display:inline-block;
	vertical-align:top;
	width: 28%;
}
.mbcard_info li p:nth-of-type(2) {
	display:inline-block;
	vertical-align:top;
	width: 70%;
}
.mbcard_info li:nth-of-type(1) p:nth-of-type(2),.mbcard_info li:nth-of-type(2) p:nth-of-type(2),.mbcard_info li:nth-of-type(3) p:nth-of-type(2) {
	font-size:18px;
	font-weight:bold;
}
.mbcard_info li:nth-of-type(1) p:nth-of-type(1),.mbcard_info li:nth-of-type(2) p:nth-of-type(1),.mbcard_info li:nth-of-type(3) p:nth-of-type(1) {
	font-size:16px;
}

/***tab-content***/
.tab-content {
	text-align:left;
}
	@media screen and (max-width:1270px) {
		.mbcard img {
			width:170px;
		}
	}
	@media screen and (max-width:1205px) {
		.mbcard_info li p:nth-of-type(1) {
			width:100px;
		}
		.mbcard_info li p:nth-of-type(2) {
			width:70%;
			position:absolute;
			top:auto;
			left:100px;
		}
		.mbcard_info li {
			padding: .7em 0 .3em;
		}
		.mbcard {
			float:none;
		}
	}
	@media screen and (max-width:1024px) {
		.mbcard {
			/*width:610px;
			max-width:95%;*/
			width:47%;
		}
	}
	@media screen and (max-width:768px) {
		.member_list {
			background-size:100%,70%,auto;
			padding: 5em 0 10em;
		}
		.mbcard_block {
			margin: 2em auto 0;
		}
		.mbcard {
			width:90%;
			margin:1em 0;
		}
		.tab-content {
			text-align: center;
		}
	}
	@media screen and (max-width:500px) {
		.member_list {
			padding: 5em 0 10em;
		}
		.mbcard_block {
			margin: 1em auto 0;
		}
		.mbcard img {
			/*display:block;*/
			margin:0 auto 1em;
			width:auto;
			max-width:40%;
			padding:0;
		}
		.mbcard_info {
			width:100%;
		}
		.mbcard_info ul {
			background-image:linear-gradient(to top, rgba(198, 236, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
			border-radius:5px;
			padding-left:.3em;
		}
		.mbcard {
			padding:2em 1em;
		}
	}
/*---activity-------------------------------------------------------------------------------------------------------------------------*/
/*activity*/
.activity {
	background:url(../../images/indeco_02.png) top right no-repeat,url(../../images/indeco_01.png) bottom left no-repeat, url(../../images/brown_bg.png) repeat;
	position:relative;
	background-size:auto;
	text-align:center;
	padding: 8em 0 20em;
}
	@media screen and (max-width:990px) {
		.activity {
			background-size:100%,70%,auto;
			padding: 5em 0 15em;
		}
	}
	@media screen and (max-width:768px) {
		.activity {
			padding: 5em 0 10em;
		}
	}
/*---news_block---------------------------------------------------------------------------------------------------------------------*/
.news_block {
	width:1000px;
	margin:0 auto;
	max-width:90%;
}
.search {
	position:relative;
	background:#fff;
	border:solid 1px #8bbdd6;
	margin: 2em 6em;
}
.search input {
	color:#779aab;
	padding:5px 100px 5px 13px;
	width:100%;
	border:0px;
}
.search button {
	background:#8bbdd6;
	position:absolute;
	top:0;
	right:0;
	width:100px;
	height:100%;
	color:#fff;
	border:0px;
}
.search button i {
	color:#262626;
}
/*news_list*/
.news_list {
	text-align:center;
}
.news_list img {
	margin:0 auto;
	max-width:100%;
	text-align:center;
}
.news_list table th {
	background:#dcf3fe;
	text-align:center;
	border:solid 3px #f2f0ed;
	letter-spacing:5px;
	padding:3px;
	font-weight:normal;
}
.news_list table tr,.news_list table td {
	vertical-align:middle;
	padding:8px;
}
.news_list table tr {
	border:solid 3px #f2f0ed;
	background:#fff;
	transition:.3s ease all;
}
.inews_contain .news_list table tr td:nth-of-type(1),.inews_contain .news_list table tr td:nth-of-type(2) {
	white-space:nowrap;
}
.news_list table tr td:nth-of-type(1),.news_list table tr td:nth-of-type(2) {
	white-space:nowrap;
}
.news_list table tr td:nth-of-type(3) {
	text-align:left;
}
.news_list table a {
	transition:.3s ease all;
	line-height:1.5;
	word-wrap: break-word;
	word-break: break-all;
}
.news_list table i {
    color: #2598ce;
	transition:.3s ease all;
	padding:0 5px;
	font-size:20px;
}
.news_list p {
	line-height:1.8;
}
.news_list h1,h2,h3,h4 {
	line-height:1.5;
	white-space: normal;
}
.news_list img {
	max-width:100%;
}
/*hover*/
.news_list table a:hover {
	color: #2598ce;
}
.activity .news_list table tr {
	background:#f3f2ef;
}
/*link*/
.link div {
	padding-bottom:1em;
}
.link p {
	font-size:15px;
	word-break:break-all;
	padding-top:5px;
}
.news_list table tr:hover {
    background: #f3f2ef;
}
	@media screen and (max-width:600px) {
		.search {
			margin:2em;
		}
	}
	@media screen and (max-width:500px) {
		.search {
			margin:1em 0;
			background: transparent;
			border: solid 0px #8bbdd6;
		}
		.search input {
			border: solid 1px #8bbdd6;
			border-radius:2px;
			padding: 5px 10px 5px 10px;
			background:rgba(255,255,255,.8);
		}
		.search button {
			position:relative;
			width:100%;
			border-radius:2px;
			margin-top:.5em;
			padding:5px;
		}
		.inews_contain .news_list table tr td:nth-of-type(1),.inews_contain .news_list table tr td:nth-of-type(2) {
			font-size:14px;
		}
	}
/*************************
*******service_album*******
**************************/

#service_album {
	padding-bottom: 40px;
	padding-top: 40px;
	min-height: 40vh;
}

#service_album a {
	color: #d0791d;
}

#service_album a:visited,
#service_album a:focus {
	color: #513c26;
}

#service_album a:hover {
	color: #7f4d18;
}

.table1 table {
	min-width: 23%;
}

.table2 td {
	max-width: 200px;
	height: 81px;
}

@media(max-width:992px) {
	.contactm {
		margin-bottom: 20px
	}
	.table1 table {
		width: 100%;
	}
}

@media(max-width:768px) {
	.table1 table {
		width: 98%
	}
}
/*album*/
.album {
	z-index:5;
	position:relative;
	width:1200px;
	max-width:90%;
	margin:0 auto;
}
.album a {
	display:inline-block;
}
.album tr.photo {
	transition:.2s ease-in-out;
}
.album tr.photo:hover {
	opacity:.6;
}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    background: transparent;
    border: solid 1px #65c1e4;
    border-radius: 2px;
	transition:.2s linear;
	padding:.3em 1em;
	color:#65c1e4;
}
button:hover, html input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
	color:#000;
	border: solid 1px #000;
}
.table-responsive {
	border:0px;
}
/*---city------------------------------------------------------------------------------------------------------------------------------*/
.city {
	position:relative;
	text-align:center;
	width: 600px;
    margin: 0 auto 2em;
    max-width: 95%;
}
.city span {
	display:inline-block;
	vertical-align:middle;
}
.option {
	display: inline-block;
    vertical-align: middle;
    background: #fff;
    width: 70%;
    border: solid 1px #d4d4d4;
    border-radius: 2px;
	text-align:left;
	padding:0 1em;
	position:relative;
	cursor:pointer;
}
.option .arrow {
	position: absolute;
    right: .5em;
    top: .5em;
}
.option ul {
	display:none;
	position: absolute;
    top: 2em;
    left: 0em;
    background: #fff;
    width: 100%;
    z-index: 20;
	border: solid 1px #d4d4d4;
	border-top:solid 1px #fff;
    border-radius:0 0 2px;
}
.option li {
}
.option a {
	padding:0 1em;
	transition:.2s ease all;
}
.option a:hover {
	background: #f3f3f3;
	color: #262626;
}
	@media screen and (max-width:500px) {
		.city {
			margin: 2em auto 1em;
			text-align:left;
		}
		.city span {
			display:block;
		}
		.option {
			width:100%;
		}
	}
	@media screen and (max-width:430px) {
		.city {
			margin: .5em auto 1em;
			text-align:left;
		}
	}
/*---member_demo---*/
.member_demo {
	position: absolute;
	width:100%;
	height:100vh;
	top:0;
	left:0;
	overflow-x:hidden;
}
.member_demo img {
}
/*---mem.php----------------------------------------------------------------------------------------------------------------------*/
/*---mem_list---*/
.mem_list {
	width: 600px;
    margin: 0 auto 2em;
    max-width: 90%;
	font-size:20px;
}
.form-control {
	font-size:17px;
	height: 40px;
}
.okisec {
 min-height:600px;   
    
}
.okisec .mid{
 min-height:600px;   
 padding-top:5em;   
}

.okisec .form1{
 max-width:640px;   
 width:90%;   
 display:block;
}
.mainbtn .row {
  padding:5px 0px;  
    
}
	@media screen and (max-width:1200px) {
		.okisec .mid {
			padding-top: 3em;
			min-height:auto;
		}
	}
	@media screen and (max-width:767px) {
		.mem_list {
			margin: 0 auto 7em;
		}
		.okisec {
			min-height:auto;
		}
	}
	@media only screen and (max-width: 640px) {
		.okisec .mid{
		 padding-top:6vw;   
		}
	}