@charset "utf-8";

/** Layout **/
.btn-more {
	float:right;
	display:block;
	width:18px;
	height:18px;
	text-indent:-9999px;
	margin:8px 0 0 0;
	background:url(../images/btn-more.png) no-repeat 50% 50%;
}
.btn-more:hover {
	background:url(../images/btn-more-hover.png) no-repeat 50% 50%;
}
.btn-rss {
	float:left;
	display:block;
	width:53px;
	height:19px;
	text-indent:-9999px;
	border:1px solid #FFF;
	background:url(../images/btn-rss.png) no-repeat 50% 50%;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	margin:0 10px 0 0;
}
.btn-rss:hover {
	border:1px solid #FF9326;
	background-color:#FF9326;
}


/** flexslider **/
.flexslider {
	position:relative;
	width:100%;
	margin:0 auto;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
.flexslider .slides {
	position:relative;
	width:100%;
	list-style:none;
	margin:0 auto;
}
.flexslider .slides li {
	width:100%;
	overflow:hidden;
}
.flexslider .slides li a {	
	width:100%;
	height:100%;
}
.flexslider .slides li a img {
	width: 100%;
	height: auto;
}
.flexslider .slides li a:hover img {}
.flexslider .slides li a:focus img {
	opacity: 0.9;
	transform: scale(0.986, 1);
	border: 2px dotted #F60;
}
.flex-direction-nav {
	position:absolute;
	list-style:none;
	z-index:25;
	width:100%;
	top:50%;
	margin-top:-20px;
}
.flex-direction-nav li a {
	display:block;
	width:30px;
	height:40px;
	/*font-size:0;*/	
	cursor:pointer;
	position:absolute;
}
.flex-direction-nav li a.focus {
	border: 1px dotted #FFF;
}
.flex-direction-nav li a.flex-prev{
	left:30px;
	background:url(../images/prev.png) 50% 50% no-repeat;
}
.flex-direction-nav li a.flex-next{
	right:30px;
	background:url(../images/next.png) 50% 50% no-repeat;
}

/** slick-prev slick-next **/
.flexslider .slides .slick-prev,
.flexslider .slides .slick-next {
	position:absolute;
	display:block;
	/*font-size:0;*/
	top:50%;
	margin-top:-20px;
	width:30px;
	height:40px;
	z-index:25;	
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.flexslider .slides .slick-prev {
	left:30px;
	background:url(../images/prev.png) 50% 50% no-repeat;
}
.flexslider .slides .slick-next {
	right:30px;
	background:url(../images/next.png) 50% 50% no-repeat;
}


.flexslider .controler{
	position:absolute;
	left:20px;top:20px;
	padding:0;
	z-index:3;
}
.flexslider .controler button{
	background-color:rgba(255,255,255,0.6);
}
.flexslider .controler button:hover,
.flexslider .controler button:focus{
	background-color:rgba(0,0,0,0.9);
}

/* ----- highlight ----- */
.hiBox {
	width: 100%;
	position: relative;
	z-index: 2;
}
.acKey{
	position: absolute;
}
.hiBox .container{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
	gap: 15px;
}
.highlight {
	width: 100%;
	display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
	gap: 0;
}
.highlight .pic {
	width: 100%;
	height: 0%;
	padding-bottom: 56.25%;
	background: 50% 50% no-repeat;
	background-size: cover;
	overflow: hidden;
} 
.highlight dl {
	width: 100%;
	padding: 26px 22px;
	background: url(../images/highlight-bg.jpg) repeat;
	box-sizing: border-box;
}
.highlight dl dt {
	color:#fff;
	font-size:2.5em;
	font-weight:bold;
	-webkit-text-shadow:1px 1px 1px rgba(0,0,0,0.6);
	-moz-text-shadow:1px 1px 1px rgba(0,0,0,0.6);
	-ms-text-shadow:1px 1px 1px rgba(0,0,0,0.6);
	text-shadow:1px 1px 1px rgba(0,0,0,0.6);
	padding: 4px 0 13px 0;
}
.highlight dl dd {
	color:#fc0;
	font-size:1.6em;
	font-weight:bold;
	line-height:1.5;
}
.highlight dl dd a {
	color:#fff;
}
.highlight dl dd a:hover {
	text-decoration: underline;
}

@media screen and ( min-width: 481px) and ( max-width: 768px){
	.highlight{
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}
	.highlight dl{
		width: 60%;
		padding: 15px;
	}
	.highlight .pic{
		width: 40%;
		height: 100%;
		padding-bottom: 0%;
	}
}
@media screen and ( max-width: 480px) {
	.highlight dl{padding: 15px;}
	.highlight .pic{ padding-bottom: 28%;}
}
@media screen and ( min-width: 768px) {
	.hiBox{ margin-top: -100px;}
	.hiBox .container{
		grid-template-columns: repeat(auto-fill, minmax(calc(33.33% - 15px), 1fr));
	}
}
@media screen and ( min-width: 991px) {
	.hiBox{ margin-top: -190px;}
}
@media screen and ( min-width: 1260px) {
	.hiBox{ margin-top: -400px;}
}
/* ----- news-section ----- */
.news-section {
	width:100%;
	margin:0 auto;
	padding:50px 0;
}
.top-tit {
	font-size:3em;
	font-weight:bold;
}	
.news-box {
	width: 100%;
	margin: 0 auto;
	padding-top: 22px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.news-box *{box-sizing: border-box;}
.news-box .fist-L {
	width: 100%;
	padding-bottom: 20px;
	border-bottom: 1px dashed #a7a7a7;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}
.news-box .list-R {
	width: 100%;
}
.news-box .fist-L .nPic { 
	width:100px; 
}
.news-box .fist-L .nPic img{
	width: 100%;
	height: auto;
}
.news-box .fist-L .nTit {
	width: calc(100% - 100px);
	padding-left: 15px;
}
.news-box .fist-L .nTit .tit {
	color:#000;
	font-size:1.8em;
	font-weight:bold;
	line-height:140%;
	margin-top:5px;
}
.news-box .fist-L .nTit .tit a {
	color:#000;
}
.news-box .fist-L .nTit .tit a:hover {
	color: #ff6600;
}
.news-box .fist-L .nTit .date {
	color:#17871B;
	font-size:1.6em;
	line-height:120%;
	margin-top:5px;
}
.news-box .fist-L .nTxt {
	width: 100%;
	color:#000;
	font-size:1.6em;
	line-height:160%;
	margin-top:14px;
}
.news-box .list-R dl {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.news-box .list-R dl dt {
	width: calc(100% - 100px);
	color: #333;
	font-size:1.6em;
	font-weight: bold;
	line-height: 1.25;
	margin-top: 5px;
	background: url(../images/com-ico-3.png) no-repeat left center;
	padding-left: 20px;
}
.news-box .list-R dl dt a {
	color:#333;
}
.news-box .list-R dl dt a:hover {
	color:#f60;
}
.news-box .list-R dl dt a:has(+ span){
	margin-right:10px;
}
.news-box .list-R dl dt span{
	color: #17871B;
	font-weight: normal;
}	
.news-box .list-R dl dd {
	width: 100px;
	color: #333;
	font-size:1.6em;
	line-height: 1.25;
	margin-top: 5px;
	text-align: right;
}
@media screen and ( min-width: 991px) {
	.news-box .fist-L {
		width: 33.33%;
		padding: 0;
		border-bottom: none;
		padding-right: 20px;
		border-right: 1px dashed #a7a7a7;
	}
	.news-box .list-R {width: calc(66.66% - 20px);}
}
@media screen and ( min-width: 1260px) {
	.news-box .fist-L {width: 397px;}
	.news-box .list-R {width: calc(100% - 397px - 20px);}
}
/* ----- results ----- */
.results-section {
	width:100%;
	margin:0 auto;
	padding:50px 0;
	background:#1F5D0E;
}
.results-section .topTit {
	font-size: 3.8em;
	color: #FFF;
	text-align: center;
	-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,1);
	-moz-text-shadow: 1px 1px 1px rgba(0,0,0,1);
	-ms-text-shadow: 1px 1px 1px rgba(0,0,0,1);
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
	margin-bottom: 5px;
}
.results-section .icoList {
	list-style:none;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding-top: 30px;
}
.results-section .icoList li {
	margin:0;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
.results-section .icoList .ico {
	width: 77px;
}
.results-section .icoList dl {
	width: calc(100% - 77px - 15px);
	display: flex;
	flex-direction: column;
}
.results-section .icoList dt {
	color: #FFF;
	font-size: 2em;
	margin: 8px 0;
	font-weight: bold;
}
.results-section .icoList dt a {
	color:#FFF;
}
.results-section .icoList dt a:hover {
	color:#fff45c;
}
.results-section .icoList dd {
	color:#adcfa7;
	font-size: 1.4em;
	line-height:1.3;
}
@media screen and ( min-width: 601px) {
	.results-section .icoList li { width: calc(50% - 10px);}
}
@media screen and ( min-width: 991px) {
	.results-section .icoList { gap: 50px;}
	.results-section .icoList li { width: calc(33.33% - (100px / 3));}
}

/* ----- group-section ----- */
.group-section {
	margin: 45px 0 50px 0;
}
.teamList {
	float:left;
	width: 372px;
	margin-right: 26px;
	background: url(../images/teamMan.jpg) no-repeat right top;
}
.teamList h2{
	font-size: 3em;
	font-weight: bold;
	color: #17871B;
	padding: 15px 0 17px 0;
}
.teamList ul{
	list-style:none;	
}
.teamList ul li{
	font-size: 1.6em;
	font-weight: bold;
	background: url(../images/com-ico-2.png) no-repeat left center;
	padding-left: 35px;
	line-height: 2.6;
	border-bottom: 1px dotted #00a0c8;
}
.teamList ul li a{	
	color: #334433;
}
.teamList ul li a:hover{	
	color: #f60;
}
.group-section .container{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.idb-fb {
	width: 100%;
	background: #ededed;
	padding: 10px;
	box-sizing: border-box;
}
.idb-fb .box{
	width: 100%;
	height: 0%;
	padding-bottom: 89%;
	display: block;
	position: relative;
}
.idb-fb .box .fb-page{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.moea-banner {
	width: 100%;
	background: #ededed;
	padding: 10px;
	box-sizing: border-box;
}
.moea-banner .img{
	width: 100%;
	height: 0%;
	padding-bottom: 38%;
	display: block;
	position: relative;
}
.moea-banner .img img{
	object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    max-width: none;
    position: absolute;
    left: 50%;
    top: 0%;
    transform: translate3d(-50%, 0%, 0);
}
@media screen and ( min-width: 768px) {
	.idb-fb {width: calc(32% - 20px);}
	.moea-banner {width: 68%;}
}
@media screen and ( min-width: 1200px) {
	.idb-fb {width: 352px;}
	.moea-banner {width: calc(100% - 372px);}
}
.idb-ebook {
	float:left;
	width:372px;
	height:270px;
	margin: 10px 0 0 0;
	background:#000;
}
.idb-ebook .tit {
	float: left;
	width: 372px;
	color: #FFF;
	font-size:2.5em;
	line-height: 1.2;
	height: 80px;
	padding: 25px 0 0 120px;
	background: url(../images/ebook-lable.png) no-repeat;
}
.idb-ebook .tit p{
	font-size:1.7em;
}
.idb-ebook dl.d1 {
	float: left;
	margin-left: 22px;
	width: 117px;
	border-right: 1px dotted #CCC;
}
.idb-ebook dl.d2 {
	float: left;
	margin: 0 15px 0 13px;
	width: 195px;
}	
.idb-ebook dt {
	color: #17871B;
	font-size:1.7em;
	line-height: 20px;
	background: url(../images/com-ico-4.png) no-repeat left center;
	padding-left: 20px;
	margin-bottom: 10px;
}
.idb-ebook dd {
	font-size:1.3em;
	line-height:1;
	text-align:center;	
}
.idb-ebook dd a {
	color:#FFF;
}
.idb-ebook dd a:hover {
	color:#FFFF00;
}
.idb-ebook dd .code {
	float:left;
	width:94px;
}
.idb-ebook dd .code img {
	float:left;
	margin:0 0 4px 0;
}
.idb-ebook dd .code.c2 {
	float:right;
}


/* ----- adLink ----- */
.adLink {
	width: 100%;
	margin: 0 auto;
	background: #f7f7f7;
	border-top: 1px solid #dddddd;
}
.adbanner {
	position:relative;
	float:left;
	width: 100%;
	padding-bottom:50px;
	margin:0;	
}
.adbanner button {
	overflow:hidden;
	width:100%;
}
.adbanner button.slick-prev,
.adbanner button.slick-next{
	position:absolute;
	display:block;
	width:13px;
	height:25px;
	top:50%;
	cursor:pointer;
	z-index:50;
	background:url(../images/adbanner-btn.png) no-repeat;
}
.adbanner button.slick-prev{
	left:-20px;
	background-position:0 0;
}
.adbanner button.slick-next{
	right:-20px;
	background-position:-13px 0;
}
.adbanner button.slick-prev:hover,
.adbanner button.slick-prev:focus{
	background-position:0 -25px;
}
.adbanner button.slick-next:hover,
.adbanner button.slick-next:focus{
	background-position:-13px -25px;
}
.adbanner .box{
	width:100%;
	padding:0px;
	margin:0 auto;
}
.adbanner .box .item{
	padding: 5px;
	text-align: center;
	box-sizing: border-box;
}
.adbanner .box .item a{
	border: 1px solid #ddd;
	box-sizing: border-box;
	display: block;
}
.adbanner .box .item a img{
	width: 100%;
	height: 60px;
}
/* ctrlWrap */
.ctrlWrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 50px 0 15px;
}
/* slide_control */
.slide_control{
	position:relative;
	display: block;
	width:100%;
	text-align:center;
	z-index:2;
	margin-top:20px;
}
.slide_control .total {
	display:inline-block;
	min-height:44px;
	letter-spacing:0;
	vertical-align:middle;
	margin:0 7.5px;
}
.slide_control .total span {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:44px;
}
.slide_control .total .line {
	position:relative;
	display:inline-block;
	width:16px;
	text-indent:-9999px;
	margin:0 5px;
}
.slide_control .total .line::before {
	position:absolute;
	display:block;
	content:'';
	left:50%;
	top:50%;
	width:1px;
	height:18px;
	background:#000;
	margin-top:-9px;
	margin-left:-6px;
	-webkit-transform-origin:bottom;
	-webkit-transform:skewX(-30deg);
	-moz-transform-origin:bottom;
	-moz-transform:skewX(-30deg);
	-ms-transform-origin:bottom;
	-ms-transform:skewX(-30deg);
	-o-transform-origin:bottom;
	-o-transform:skewX(-30deg);
	transform-origin:bottom;
	transform:skewX(-30deg);
}
.slide_control .button {
	display:inline-block;
	width:44px;height:44px;
	background-color:#eee;
	cursor:pointer;
	border:none;
	box-sizing:border-box;
	vertical-align:middle;
	padding:0;
	margin:0 3px;
	border-radius:50px;
	transition:all 0.5s ease;
}
.slide_control .button:hover,
.slide_control .button:focus {
	background-color:#2A7E11;
}
.slide_control .play,
.slide_control .dot {
	display:none;
}
.slide_control .button span {
	position:relative;
	display:block;
	width:100%;
	height:100%;
}
.slide_control .play span:before {
	position:absolute;
	content:"";
    display:block;
	top:50%;
	left:50%;
    width:0;
	height:0;
	border-style:solid;
	border-width:6px 0 6px 9px;
	border-color:transparent transparent transparent #000;
	box-sizing:border-box;
	margin:-6px 0 0 -3px; 
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.slide_control .play:hover span:before,
.slide_control .play:focus span:before {
	border-color:transparent transparent transparent #ffffff;
}
.slide_control .stop span:before,
.slide_control .stop span:after {
	position:absolute;
	content:"";
    display:block; 
	top:50%;  
	left:50%;
    width:3px;
    height:14px;
	background:#000;
	margin:-7px 0 0 0;   
    z-index:2;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.slide_control .stop span:before {
	margin-left:-5px;
}
.slide_control .stop span:after {
	margin-left:2px;
}
.slide_control .stop:hover span:before,
.slide_control .stop:focus span:before,
.slide_control .stop:hover span:after,
.slide_control .stop:focus span:after {
	background:#ffffff;
}
.slide_control .prev span:before,
.slide_control .next span:before {
	position:absolute;
	content:"";
    display:block;   
    width:12px;
    height:12px;    
    z-index:2;
	box-sizing:border-box;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.slide_control .prev span:before {
	left:14px;
    top:50%;
	margin:-6px 0 0 0;
	border-left:2px solid #000;
    border-top:2px solid #000;
    -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
}
.slide_control .next span:before {
	right:14px;
    top:50%;
	margin:-6px 0 0 0 ;
	border-right:2px solid #000;
    border-top:2px solid #000;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
.slide_control .prev span:after,
.slide_control .next span:after {
	position:absolute;
	content:"";
	left:50%;
    top:50%;
    display:block;
    width:18px;
    height:2px;
	margin:-1px 0 0 -9px;
	background:#000;
    z-index:2;
	box-sizing:border-box;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;


	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.slide_control .prev:hover span:before,
.slide_control .prev:focus span:before,
.slide_control .next:hover span:before,
.slide_control .next:focus span:before {
	border-color:#ffffff;
}
.slide_control .prev:hover span:after,
.slide_control .prev:focus span:after,
.slide_control .next:hover span:after,
.slide_control .next:focus span:after {
	background:#ffffff;
}
@media screen and (max-width:990px) {
	.slide_control .stop {
		display:none !important;
	}
}
/* controler */
.controler{
	width:auto;
	box-sizing:border-box;
	padding:0 15px;
}
.controler button{
	display: inline-block;
    width: 44px;height: 44px;
    cursor: pointer;
	background:#fff;
    border:none;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 0;margin:0 3px;
    border-radius: 100%;
    transition: all 0.5s ease;
}
.controler button:hover,
.controler button:focus{
	background-color:#2A7E11;
}
.controler button span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.controler .play span:before {
	position:absolute;
	content:"";
    display:block;
	top:50%;
	left:50%;
    width:0;
	height:0;
	border-style:solid;
	border-width:6px 0 6px 9px;
	border-color:transparent transparent transparent #000;
	box-sizing:border-box;
	margin:-6px 0 0 -3px; 
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.controler .play:hover span:before,
.controler .play:focus span:before {
	border-color:transparent transparent transparent #ffffff;
}
.controler .stop span:before,
.controler .stop span:after {
	position:absolute;
	content:"";
    display:block; 
	top:50%;  
	left:50%;
    width:3px;
    height:14px;
	background:#000;
	margin:-7px 0 0 0;   
    z-index:2;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.controler .stop span:before {
	margin-left:-5px;
}
.controler .stop span:after {
	margin-left:2px;
}
.controler .stop:hover span:before,
.controler .stop:focus span:before,
.controler .stop:hover span:after,
.controler .stop:focus span:after {
	background:#ffffff;
}
.controler.on .play,
.controler.off .stop{
	display:none;
}