/* Color Preset */
	/*
		main color deeper : #004D40 (900)
		main color : #00897B (600)
		main color lighter : #80CBC4 (200)
		main color lightest : #E0F2F1 (50)
		sub color : #FFB300 (600)
		sub color lighter : #FFE082 (200)
		sub color lightest : #FFF8E1 (50)
	*/

/* z-index define */
	/*
		header .fixer : 1000
		video_pop_outter : 1000
	*/

/* article_main_slider */  /* fixed */
	.article_main_slider {
		font-size:0;
	}
		@media screen and (min-width: 0px) and (max-width: 720px) {
			.article_main_slider {
				padding:12% 0 0;
			}		
		}
	.main_slider {	
		max-width: 1800px;
		margin:0 auto;
	}
	.main_slider .swiper-slide {
		overflow: hidden;
	}
		@media screen and (min-width: 0px) and (max-width: 720px) {
			.main_slider .swiper-slide img{
				width:180%;
				height:auto;
			}	
		}
	.main_pagination {
		position: absolute;
		bottom: 4%;
		z-index: 100;
	}
	.main_pagination .swiper-pagination-bullet {
		display: inline-block;
		vertical-align: top;
		cursor: pointer;
		width: 16px;
		height: 16px;
		border-radius: 4px;
		background: #fff;
		border: 1px solid #aaa;
		margin:0 4px;
	}
		@media screen and (min-width: 0px) and (max-width: 720px) {
			.main_pagination .swiper-pagination-bullet:hover {
				background: #00897B;
			}
		}
	.main_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
		background: #00897B;
	}
	.main_slider_bg {
		position:absolute;
		z-index:90;
		text-align:center;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
	}
		@media screen and (min-width: 0px) and (max-width: 720px) {
			.main_slider_bg {
				width:100%;
				top: 50%;
				left: 0;
				transform: translate(0,-50%);
				-ms-transform: translate(0,-50%);
				-moz-transform: translate(0,-50%);
				-webkit-transform: translate(0,-50%);
			}
			.main_slider_bg img{
				width:100%;
				height:auto;
				max-width:640px;
			}
		}
	.slider_loader_box {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:400;
		opacity:1;
		visibility:visible;
		transition: all ease 0.6s;
		background: #E0F2F1;
	}
	.slider_loader_box.off {
		opacity:0;
		visibility:hidden;
	}
	.slider_loader,
	.slider_loader:before,
	.slider_loader:after {
		border-radius: 50%;
	}
	.slider_loader {
		color: #80CBC4;
		font-size: 0.4vw;
		width: 10em;
		height: 10em;
		box-shadow: inset 0 0 0 1em;
	}
		@media screen and (min-width: 1210px) {
			.slider_loader { 
				font-size:10px;
			}
		}
	.slider_loader:before,
	.slider_loader:after {
		position: absolute;
		content: '';
	}
	.slider_loader:before {
		width: 5.2em;
		height: 10.2em;
		background: #E0F2F1;
		border-radius: 10.2em 0 0 10.2em;
		top: -0.1em;
		left: -0.1em;
		-webkit-transform-origin: 5.2em 5.1em;
		transform-origin: 5.2em 5.1em;
		-webkit-animation: load2 1.6s infinite ease 0.8s;
		animation: load2 1.6s infinite ease 0.8s;
	}
	.slider_loader:after {
		width: 5.2em;
		height: 10.2em;
		background: #E0F2F1;
		border-radius: 0 10.2em 10.2em 0;
		top: -0.1em;
		left: 5.1em;
		-webkit-transform-origin: 0px 5.1em;
		transform-origin: 0px 5.1em;
		-webkit-animation: load2 1.6s infinite ease;
		animation: load2 1.6s infinite ease;
	}
		@-webkit-keyframes load2 {
			0% {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
			}
			100% {
				-webkit-transform: rotate(360deg);
				transform: rotate(360deg);
			}
		}
		@keyframes load2 {
			0% {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
			}
			100% {
				-webkit-transform: rotate(360deg);
				transform: rotate(360deg);
			}
		}
/* article_main_slider end */

/* article_hot_category */  /* fixed */
	.article_hot_category {
		font-size:0;
	}
	.article_hot_category .width_inner{
		margin:0 auto;
		max-width:1200px;
	}
		@media screen and (min-width: 0px) and (max-width: 720px) {
			.article_hot_category .width_inner{
				padding:1% 0 6%;
			}
		}
	.hot_category {
		display:inline-block;
		vertical-align:top;
		width:23%;
		margin:6% 1% 0;
	}
		@media screen and (min-width: 0px) and (max-width: 720px) {
			.hot_category {
				width:49%;
				margin:0.5% 0.5%;
			}
		}
		/*
		@media screen and (min-width: 0px) and (max-width: 479px) {
			.hot_category {
				width:98%;
				margin:6% 1% 0;
			}
		}*/
	.hot_category_tit {
		position:absolute;
		width:50%;
		line-height:1.6rem;
		left:25%;
		top:calc(50% - 2.6rem);
		font-size:1.4rem;
		font-weight:600;
		border:2px solid #fff;
		/*background:rgba(0,137,123,0.6);*/
		color:#fff;
		text-align:center;
	}
	.hot_category_tit .ratio_inner {
		padding:100% 0 0;
	}
	.hot_category_tit .ratio_inner > .txt{
		position:absolute;
		width:100%;
	}
		@media screen and (min-width: 720px) and (max-width: 1100px) {
			.hot_category_tit {
				top:50%;
				width:60%;
				left:20%;
			}
		}
		@media screen and (min-width: 0px) and (max-width: 480px) {
			.hot_category_tit {
				top:50%;
				width:60%;
				left:20%;
			}
		}
		.hot_category_tit:before {
			content:"";
			position:absolute;
			left:-1.6rem;
			bottom:0;
			height:1px;
			width:1.6rem;
			background:#fff;
			-ms-transform: rotate(-45deg);
			-ms-transform-origin: right 50%;
			-webkit-transform: rotate(-45deg);
			-webkit-transform-origin: right 50%;
			transform: rotate(-45deg);
			transform-origin: right 50%;
		}
		.hot_category_tit:after {
			content:"";
			position:absolute;
			right:-1.6rem;
			top:0;
			height:1px;
			width:1.6rem;
			background:#fff;
			-ms-transform: rotate(-45deg);
			-ms-transform-origin: left 50%;
			-webkit-transform: rotate(-45deg);
			-webkit-transform-origin: left 50%;
			transform: rotate(-45deg);
			transform-origin: left 50%;
		}
	.hot_category_ctn {
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		padding:1rem 0.4rem;
		font-size:1rem;
		line-height:1.6rem;
		min-height:5.2rem;
		/*background:rgba(0,137,123,0.6);*/
		color:#fff;
		text-align:center;
	}
		@media screen and (min-width: 720px) and (max-width: 1100px) {
			.hot_category_ctn {
				display:none;
			}
		}
		@media screen and (min-width: 0px) and (max-width: 480px) {
			.hot_category_ctn {
				display:none;
			}
		}
	.hot_category:nth-child(1) .hot_category_tit{
		background:rgba(66,165,245,0.725);
	}
	.hot_category:nth-child(1) .hot_category_ctn{
		background:rgba(66,165,245,0.725);
	}
	.hot_category:nth-child(2) .hot_category_tit{
		background:rgba(38,166,154,0.725);
	}
	.hot_category:nth-child(2) .hot_category_ctn{
		background:rgba(38,166,154,0.725);
	}
	.hot_category:nth-child(3) .hot_category_tit{
		background:rgba(255,202,40,0.725);
	}
	.hot_category:nth-child(3) .hot_category_ctn{
		background:rgba(255,202,40,0.725);
	}
	.hot_category:nth-child(4) .hot_category_tit{
		background:rgba(236,64,122,0.725);
	}
	.hot_category:nth-child(4) .hot_category_ctn{
		background:rgba(236,64,122,0.725);
	}
/* article_hot_category end */

/* article_recommand_contents */  /* fixed */
	.article_recommand_contents {
		font-size:0;
		text-align:center;
	}
		@media screen and (min-width: 0px) and (max-width: 720px) {
			.article_recommand_contents {
				border-top:1px solid #eee;
				background:#efefef;
			}
		}
	.article_recommand_contents .width_inner{
		margin:0 auto;
		max-width:1200px;
		overflow:hidden;
	}
	.recommand_contents {
		display:inline-block;
		vertical-align:top;
	}
	.recommand_contents_tit {
	    font-size: 1.2rem;
		font-weight: 600;
		color: #fff;
		padding: 0.4rem 0 0.8rem;
		text-shadow:0.1px 0.1px 0.1px #000;
	}
	.recommand_contents_ctn {
		font-size: 1rem;
		line-height: 1.4em;
		color: #f2f2f2;
		text-shadow:0.1px 0.1px 0.1px #000;
	}
	.recommand_contents_short_cut {
		text-align:right;
		font-size: 1rem;
		padding:1rem 2rem 0 0;
		color: #f2f2f2;
		text-shadow:0.1px 0.1px 0.1px #000;
	}
	.recommand_contents_link {
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
	}
	/* promotion_book */
		.promotion_book {
			width:23%;
			margin:6% 1% 0;
            border: 1px solid #f4f4f4;
			border-radius:6px;
			overflow:hidden;
			background:#fff;
		}
			@media screen and (min-width: 0px) and (max-width: 720px) {
				.promotion_book {
					width:48.5%;
					margin:6% 0.5% 0 1%;
				}	
			}
		.promotion_book .ratio_inner{
			/* temp */
			background:url(../img/main/promotion_book_bg.jpg) no-repeat center center;
			background-size:100% 100%;
			/* temp end */
			padding:117% 0 0;
		}
			@media screen and (min-width: 0px) and (max-width: 720px) {
				/*.promotion_book .ratio_inner{
					padding:80% 0 0;
					background-size:contain;
				}*/
			}
		.promotion_book .ratio_inner:before {
			content:"";
			position:absolute;
			top:0;
			left:0;
			right:0;
			bottom:0;
			background:rgba(255,255,255,0.3)
		}
		.promotion_book .position_inner {
			position:absolute;
			bottom:0.4rem;
			left:0.4rem;
			right:0.4rem;
			padding:0.4rem 0.4rem;
		}
	/* promotion_book end */

	/* promotion_video */
		.promotion_video {
			width:48%;
			margin:6% 1% 0;
			border-radius:6px;
			overflow:hidden;
		}
			@media screen and (min-width: 0px) and (max-width: 720px) {
				.promotion_video {
					width:98%;
					margin:1% 1% 6%;
					float:right;
				}
			}
	/* promotion_video end */

	/* promotion_photo */
		.promotion_photo {
			width:23%;
			margin:6% 1% 0;
			border-radius:6px;
			overflow:hidden;
			border:1px solid #f4f4f4;
		}
		.promotion_photo img {
			scale:1.1
		}
			@media screen and (min-width: 0px) and (max-width: 720px) {
				.promotion_photo {
					width:48.5%;
					margin:6% 1% 0 0.5%;
				}	
			}
		.promotion_photo .ratio_inner{
			padding:117% 0 0;
		}
			@media screen and (min-width: 0px) and (max-width: 720px) {
				/*.promotion_photo .ratio_inner{
					padding:80% 0 0;
				}*/
			}
		.promotion_photo .position_inner{
			position:absolute;
			top:0;
			left:0;
			right:0;
			bottom:0;
		}
		.promotion_photo_pager {
			position: absolute;
			bottom: 4%;
			z-index: 100;
		}
		.promotion_photo_pager .swiper-pagination-bullet {
			display: inline-block;
			vertical-align: top;
			cursor: pointer;
			width: 12px;
			height: 12px;
			border-radius: 4px;
			background: #fff;
			border: 1px solid #aaa;
			margin:0 4px;
		}
			@media screen and (min-width: 0px) and (max-width: 720px) {
				.promotion_photo_pager .swiper-pagination-bullet:hover {
					background: #00897B;
				}
			}
		.promotion_photo_pager .swiper-pagination-bullet.swiper-pagination-bullet-active {
			background: #00897B;
		}
	/* promotion_photo_slider end */

	/* voucher_program */
		.voucher_program {
			max-width:576px;
			width:48%;
			margin:2% 1% 6%;
			border-radius:6px;
			overflow:hidden;
			text-align:left;
		}
			@media screen and (min-width: 0px) and (max-width: 840px) {
				.voucher_program {
					width:98%;
					margin:6% 1% 0.5%;
				}
				.voucher_program:before {
					content:"";
					position:absolute;
					top:0;
					left:0;
					width:100%;
					height:1px;
					background:#ccc;
				}
			}
		.voucher_program .ratio_inner{
			background:url(../img/main/voucher_program.jpg) no-repeat center center; 
			padding:24% 0 0;
		}
			@media screen and (min-width: 0px) and (max-width: 575px) {
				.voucher_program .ratio_inner{
					padding:9rem 0 0;
				}
			}
		.voucher_program .recommand_contents_tit {
			position:absolute;
			top:0.4rem;
			left:0.4rem;
			right:0.4rem;
			padding:0.4rem 0.4rem;
		}
		.voucher_program .recommand_contents_ctn {
			position:absolute;
			bottom:0.4rem;
			left:0.4rem;
			right:0.4rem;
			padding:0.4rem 0.4rem;
		}
	/* voucher_program */

	/* education_center */
		.education_center {
			max-width:576px;
			width:48%;
			margin:2% 1% 6%;
			border-radius:6px;
			overflow:hidden;
			text-align:left;
		}
			@media screen and (min-width: 0px) and (max-width: 840px) {
				.education_center {
					width:98%;
					margin:0.5% 1% 6%;
				}
			}
		.education_center .ratio_inner{
			background:url(../img/main/education_center.jpg) no-repeat center center; 
			padding:24% 0 0;
		}
			@media screen and (min-width: 0px) and (max-width: 575px) {
				.education_center .ratio_inner{
					padding:9rem 0 0;
				}
			}
		.education_center .recommand_contents_tit {
			position:absolute;
			top:0.4rem;
			left:0.4rem;
			right:0.4rem;
			padding:0.4rem 0.4rem;
			/*color:#00897B;*/
			/*text-shadow:none;*/
		}
			/*
			.education_center .recommand_contents_tit em {
                background: #039BE5;
                border-radius: 2px;
                padding: 2px;
				font-weight:600;
				color:#039BE5;
				text-shadow:none;
			}*/
		.education_center .recommand_contents_ctn {
			position:absolute;
			bottom:0.4rem;
			left:0.4rem;
			right:0.4rem;
			padding:0.4rem 0.4rem;
		}
	/* education_center end */
/* article_recommand_contents end */

/* article_recent_board */
/* article_recent_board end */

/* main_board */
	.main_ctn1 .glide_itm .ratio_inner .list_module.main_board {
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
		font-size: 14px;
		padding: 5px 40px;
		border-right: 1px solid #dfdfdf;
	}
	@media (max-width:760px) {
		.main_ctn1 .glide_itm .ratio_inner .list_module.main_board {
			border-right: 0;
			border-bottom: 1px dashed #dfdfdf;
		}
	}
	@media (max-width:400px) {
		.main_ctn1 .glide_itm .ratio_inner .list_module.main_board {
			padding: 5px 20px;
		}
	}
	.main_ctn1 .glide_itm:last-child .ratio_inner .list_module.main_board {
		border: none;
	}
	.main_board .main_board_tit {
		
		font-size: 0;
	}
	.main_board .main_board_tit .txt {
		display: inline-block;
		font-size: 29px;
		color: #515151;
		width: 60%;
		text-align: left;
		vertical-align: middle;
		line-height: 70px;
	}
	@media (max-width:400px) {
		.main_board .main_board_tit .txt {
			font-size: 22px;
		}
	}
	.main_board .main_board_tit .more {
		display: inline-block;
		width: 40%;
		text-align: right;
		vertical-align: middle;
		cursor: pointer;
	}
	.main_board .main_board_tit .more .tit {
		display: inline-block;
		vertical-align: middle;
		font-size: 17px;
		color: #919191;
	}
	.main_board .main_board_tit .plus_icn {
		
		display: inline-block;
		vertical-align: middle;
		width: 14px;
		height: 14px;
		margin: 0 0 0 5px;
	}
	.main_board .main_board_tit .plus_icn .row {
		position: absolute;
		width: 100%;
		height: 2px;
		background: #00897B;
	}
	.main_board .main_board_tit .plus_icn .clm {
		position: absolute;
		width: 2px;
		height: 100%;
		background: #00897B;
	}
/* main_board end */

/* list_module */
	.list_module.main_board .list_ctn_box {
		height: calc(100% - 70px);
	}
	.list_module.main_board .list_ctn {
		height: 25%;
		width: 100%;
		min-height: 0;
	}
	.list_module .list_ctn_box .list_ctn .info_box {
		text-align: left;
		padding: 0 5px 0 10px;
	}
	.list_module .list_ctn_box .list_ctn .info_box .tit {
		
		font-size: 0;
	}
	.list_module.main_board .list_ctn .icn {
		display: inline-block;
		vertical-align: middle;
		width: 4px;
		height: 4px;
		background: #00897B;
		margin: 0 12px 0 0;
	}
	.list_module .list_ctn_box .list_ctn .info_box .tit .txt.itm_add1 {
		width: calc(100% - 116px);
	}
	.list_module .list_ctn_box .list_ctn .info_box .tit .txt {
		display: inline-block;
		vertical-align: middle;
		font-size: 16px;
		line-height: 2em;
		color: #515151;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.list_module .list_ctn_box .list_ctn .info_box .tit .date {
		display: inline-block;
		vertical-align: middle;
		font-size: 16px;
		line-height: 2em;
		color: #515151;
		width: 100px;
		text-align: right;
	}
/* list_module end */

/* video_module */
	.video_module > .ratio_inner {
		padding-top: 56.25%;
	}
	.video_module > .ratio_inner iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #000;
		/*box-shadow: 8px 8px 0 #6993CD;*/
	}
/* video_module end */