@charset "UTF-8";
@media screen and (min-width:1025px) {
    #banner {
        padding-top: 109px;
		width: 100%;
		margin:0 auto 0 auto;
		border: 0px solid hsla(0,0%,0%,1.00);
		
    }
    #banner img {
        width: 100%;
		
        display: block;
		
    }
    #home_content {
        min-height: 80vh;
        border: 0px solid #000;
		/*max-width: 1300px;*/
		margin:0 auto 0 auto;
		padding-bottom:60px;
    }
	
	#home_about{
	width: 100%;
	min-height: 100vh;
	background-image: url(../images/index_bg1.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
	padding: 0% 20% 5% 20%;
	}
	
	#about{
		padding-top:80px;
	}
	
	#home_about h1{
	font-weight: 100;
	font-size: 32pt;
	}
	
	#online{
	width: 100%;
	text-align: center;
	padding: 30px 0 150px 0;
	background-color: hsla(185,47%,86%,1.00);
	}
	
	#online h2 {
	font-weight: 100;
	font-size:32pt;
    border-bottom: 0px solid #A7A7A7;
    padding: 110px 0 30px 0;
    display: block;
    text-align: center;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
	
    }
	
	.online_wrap{
	border:0px solid hsla(0,0%,0%,1.00);
	width: 60%;
	min-height: 100px;
    margin-left: auto;
    margin-right: auto;
	}
	
	.online_wrap h3{
	font-weight: 300;
	font-size: 20pt;
	width: 100%;
	text-align: center;
	border-top: 0px solid hsla(0,0%,0%,1.00);
	padding-top: 35px;
	margin-top: 50px;
	}
	
	.online_wrap iframe{
		width:100%;
		height:500px;
		padding:15px;
	}
	
	#champion{
	width: 100%;
	text-align: center;
	background-color: hsla(176,90%,32%,1.00);
	padding-bottom:40px;
	min-height:100vh;
	}
	
	
	#champion h2{
	font-weight: 100;
	font-size:32pt;
	border-bottom: 0px solid #FFFFFF;
	padding: 110px 0 30px 0;
	display: block;
	text-align: center;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	color: hsla(0,0%,100%,1.00);
	}
	
	#champion_PC{
	display: block;
	color: hsla(0,0%,100%,1.00);
	}
	
	#champion_MOB{
	display: none;		
	}
	
	.champion_wrap{
	border: 0px solid hsla(0,0%,0%,1.00);
	width: 60%;
	min-height: 100px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-wrap: wrap;
	}
	
	.champion_item{
		border:0px solid hsla(0,0%,0%,1.00);
		width:21%;
		margin:2%;
		padding:1%;
	}
	
	.champion_item_SUB{
	color: hsla(0,0%,100%,1.00);
	font-weight: 300;
	font-size: 16px;
	}
	
	.champion_item p{
	font-size: 30px;
	font-weight: bold;
	color: hsla(0,0%,100%,1.00);
	}
	
	.champion_item img{
	width: 100%;
	display: block;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 5px hsla(0,0%,0%,0.40);
	box-shadow: 0px 0px 5px hsla(0,0%,0%,0.40);
	}
	
	.champion_item a{
	background-color: hsla(183,95%,37%,1.00);
	display: block;
	padding: 10px 0 10px 0;
	color: hsla(0,0%,100%,1.00);
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px hsla(0,0%,0%,0.40);
	box-shadow: 0px 0px 5px hsla(0,0%,0%,0.40);
	}

    .home_news {
    width: 100%;
    /*max-width: 1200px;*/
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    padding: 100px 15% 30px 15%;
    background-color: hsla(0,0%,96%,1.00);
    }
    .home_news h2 {
        font-weight: 100;
	    font-size:32pt;
        border-bottom: 0px solid #A7A7A7;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        display: block;
		margin-bottom:40px;
    }
	
	.home_news_item{
		display:flex;
		border-bottom:1px dashed #000;
		padding-bottom:15px;
		padding-left:10px;
		padding-top:15px;
		width:80%;
		margin: 0 auto 0 auto;
		
	}
	
	.home_news_item span{
		display: block;
		margin-right:3%;
	}
	
	.home_news_item a{
		display: block;
		color:hsla(0,0%,29%,1.00);
	}
	
	.home_news_more{
		background-color: #019b91;
		color:#fff;
		padding:10px;
		display: inline-block;
		margin-top:20px;
		border-radius:5px;
	}
	
	.home_news_link{
		display:flex;
		flex-wrap: wrap;
		border-bottom:0px dashed #000;
		padding-bottom:15px;
		padding-left:10px;
		padding-top:15px;
		justify-content: center;/*水平置中*/
		align-items: center; /*垂直置中*/
		width:80%;
		margin: 0 auto 0 auto;
		
	}

	
	.home_news_link a{
		display:inline-block;
		margin:10px;
	}
	
	
	.home_news_link img{
    height: 120px;
    width: auto;
    display: block;
    border: 1px solid hsla(0,0%,85%,1.00);
		padding:5px;
	}
	
	/*================賽事新聞===============*/
	#competition{
	border: 0px solid hsla(0,0%,0%,1.00);
	padding: 100px 15% 70px 15%;
    background-color: hsla(0,0%,96%,1.00);
	}
	
	#competition h2 {
	font-weight: 100;
	font-size: 32pt;
	border-bottom: 0px solid #A7A7A7;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
	margin-bottom: 40px;
	text-align: center;
    }
	
	
	#competition_wrap{
	border: 0px solid hsla(0,0%,0%,1.00);
	display: flex;
	
	}
	
	#competition_left{
	border: 0px solid hsla(0,0%,0%,1.00);
	width: 40%;
	padding:2%;
	}
	
	#competition_left h3{
	color: hsla(0,0%,39%,1.00);
	font-weight: 500;
	}
	
	#competition_left p{
	padding: 20px 0 20px 0;
	text-align: justify;
	}
	
	#competition_left a{
	color: hsla(0,0%,100%,1.00);
	display: inline-block;
	margin-left: 5px;
	background-color: hsla(0,0%,61%,1.00);
	border-radius: 3px;
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
	top: 3px;
	}
	
	#competition_left a:hover{
	background-color: hsla(359,39%,50%,1.00);		
	}
	
	#competition_left img{
	display: block;
	width: 100%;
	height: auto;
	border-radius: 5px;
	}
	
	#competition_right{
	border: 0px solid hsla(0,0%,0%,1.00);
	width:60%;
	padding-left:2%;
	}
	
	.competition_right_item{
	display: flex;
	border-bottom: 1px dashed #000;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-top: 15px;
	width: 100%;
	margin: 0 auto 0 auto;
	text-align: left;		
	}
	
	.competition_right_item span{
		display: block;
		margin-right:2%;
		width:15%;
	}
	
	.competition_right_item a{
		display: block;
		color:hsla(0,0%,29%,1.00);
	}
	
	.competition_right_more{
	width: 80px;
	background-color: #019b91;
	color: #fff;
	padding: 10px;
	display: block;
	margin: 20px auto 0 auto;
	border-radius: 5px;
	text-align: center;
	}
	
	/*================賽事新聞===============*/
	
	/*================連結===============*/
	#down_link{
		/*display: flex;
		flex-wrap: wrap;*/
		border: 0px solid hsla(0,0%,0%,1.00);
		padding:5% 10% 2% 10%;
	}
	
	.down_link_item {
    width: 100%;
    border: 0px solid hsla(0,0%,0%,1.00);
    padding: 3%;
}

.down_link_item h2 {
    font-weight: 100;
    font-size: 32pt;
    border-bottom: 0px solid #A7A7A7;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    margin-bottom: 20px;
    text-align: center;   
    width: 100%;
}
	
.down_link_item_wrap{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;  /*水平居中 */
    align-items: flex-start; /* 垂直靠上对齐 */
	}

.down_link_item a {
    display: block;
    width: 300px; /* 修改为100%以填充父元素的宽度 */
    padding: 10px;
    border: 0px solid hsla(0,0%,0%,1.00);
	margin:1%;
}

	
	.down_link_item a img{
		display: block;
		width:100%;
		height:auto;
		border:1px solid hsla(0,0%,45%,1.00);
	}
	/*================連結===============*/
    
}
@media screen and (max-width:1024px) {
    #banner {
        width: 100%;
        margin-top: 75px;
        border: 0px solid hsla(0, 0%, 18%, 1.00);
    }
    #banner img {
        width: 100%;
        display: block;
    }
    #home_content {
        min-height: 94vh;
        border: 0px solid #000;
    }
	
	#home_about{
	width: 100%;
	min-height: 100vh;
	background-image: url(../images/index_bg1.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
	padding: 5%;
	}
	
	#home_about h1{
	font-weight: 300;
	}
	
	
	#online{
		width:100%;
		text-align: center;
		padding:30px 0 150px 0;
		background-color: hsla(185,47%,86%,1.00);
		
	}
	
	#online h2 {
	font-weight: 100;
	font-size:26pt;
    border-bottom: 0px solid #A7A7A7;
    padding: 30px 0 30px 0;
    display: block;
    text-align: center;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
	
    }
	
	.online_wrap{
	border:0px solid hsla(0,0%,0%,1.00);
	width: 90%;
	min-height: 100px;
    margin-left: auto;
    margin-right: auto;
	}
	
	.online_wrap h3{
		font-weight: 400;
	    font-size:16pt;
		width:100%;
		text-align: center;
		border-top:0px solid hsla(0,0%,0%,1.00);
		padding-top:35px;
	}
	
	.online_wrap iframe{
		width:100%;
		height:250px;
		padding:15px;
	}
	
	#champion{
	width: 100%;
	text-align: center;
	background-color: hsla(176,90%,32%,1.00);
	padding-bottom:40px;
	min-height:100vh;
	}
	
	#champion_PC{
	display: none;
	}
	
	#champion_MOB{
	display: block;
	color: hsla(0,0%,100%,1.00);
	}
	
	
	#champion h2{
	font-weight: 100;
	font-size:26pt;
	border-bottom: 0px solid #FFFFFF;
	padding: 110px 0 30px 0;
	display: block;
	text-align: center;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	color: hsla(0,0%,100%,1.00);
	}
	
	.champion_wrap{
	border: 0px solid hsla(0,0%,0%,1.00);
	width: 80%;
	min-height: 100px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-wrap: wrap;
	}
	
	.champion_item{
	border: 0px solid hsla(0,0%,0%,1.00);
	border-radius: 5px;
	width: 90%;
	margin: 2% auto 20% auto;
	padding: 10%;
	background-color: hsla(176,60%,47%,1.00);
	-webkit-box-shadow: 0px 0px 5px hsla(0,0%,0%,0.30);
	box-shadow: 0px 0px 5px hsla(0,0%,0%,0.30);
	}
	
	.champion_item_SUB{
	color: hsla(0,0%,100%,1.00);
	font-weight: 300;
	font-size: 20px;
	}
	
	.champion_item p{
	font-size: 30px;
	font-weight: bold;
	color: hsla(0,0%,100%,1.00);
	}
	
	.champion_item img{
	width: 100%;
	display: block;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 5px hsla(0,0%,0%,0.40);
	box-shadow: 0px 0px 5px hsla(0,0%,0%,0.40);
	}
	
	.champion_item a{
	background-color: hsla(183,95%,37%,1.00);
	display: block;
	padding: 10px 0 10px 0;
	color: hsla(0,0%,100%,1.00);
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px hsla(0,0%,0%,0.40);
	box-shadow: 0px 0px 5px hsla(0,0%,0%,0.40);
	}
	
	
	.home_news {
        width: 90%;
        /*max-width: 1200px;*/
        margin-right: auto;
        margin-left: auto;
        padding-top: 70px;

    }
    .home_news h2 {
	font-size: 26pt;
	font-weight: lighter;
	border-bottom: 1px solid #A7A7A7;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
	margin-bottom: 40px;
	text-align: center;
    }
	
	.home_news_item{
		border-bottom:1px dashed #000;
		padding-bottom:15px;
		padding-left:10px;
		padding-top:15px;
		
	}
	
	.home_news_item span{
		display: block;
		margin-right:3%;
	}
	
	.home_news_item a{
		display: block;
		color:hsla(0,0%,29%,1.00);
	}
	
	.home_news_more{
		background-color: #019b91;
		color:#fff;
		padding:10px;
		display: block;
		margin:20px auto 0 auto;
		border-radius:5px;
		width:100px;
		text-align: center;
	}
	
		.home_news_link{
		display:flex;
		flex-wrap: wrap;
		border-bottom:0px dashed #000;
		padding-bottom:15px;
		padding-left:10px;
		padding-top:15px;
		justify-content: center;/*水平置中*/
		align-items: center; /*垂直置中*/
		
	}

	
	.home_news_link a{
		display:inline-block;
		margin:10px;
	}
	
	
	.home_news_link img{
    height: 120px;
    width: auto;
    display: block;
    border: 1px solid hsla(0,0%,85%,1.00);
		padding:5px;
	}
	
	/*================賽事新聞===============*/
	#competition{
	border: 0px solid hsla(0,0%,0%,1.00);
	padding: 100px 5% 70px 5%;
    background-color: hsla(0,0%,96%,1.00);
	}
	
	#competition h2 {
	font-weight: 100;
	font-size: 26pt;
	border-bottom: 0px solid #A7A7A7;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
	margin-bottom: 40px;
	text-align: center;
    }
	
	
	#competition_wrap{
	border: 0px solid hsla(0,0%,0%,1.00);
	
	}
	
	#competition_left{
	border: 0px solid hsla(0,0%,0%,1.00);
	width: 100%;
	padding:2%;
	}
	
	#competition_left h3{
	color: hsla(0,0%,39%,1.00);
	font-weight: 500;
	}
	
	#competition_left p{
	padding: 20px 0 20px 0;
	text-align: justify;
	}
	
	#competition_left a{
	color: hsla(0,0%,100%,1.00);
	display: inline-block;
	margin-left: 5px;
	background-color: hsla(0,0%,61%,1.00);
	border-radius: 3px;
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
	top: 3px;
	}
	
	#competition_left a:hover{
	background-color: hsla(359,39%,50%,1.00);		
	}
	
	#competition_left img{
	display: block;
	width: 100%;
	height: auto;
	border-radius: 5px;
	}
	
	#competition_right{
	border: 0px solid hsla(0,0%,0%,1.00);
	width:100%;
	padding-left:2%;
	}
	
	.competition_right_item{
	border-bottom: 1px dashed #000;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-top: 15px;
	width: 100%;
	margin: 0 auto 0 auto;
	text-align: left;		
	}
	
	.competition_right_item span{
		display: block;
		margin-right:2%;
	}
	
	.competition_right_item a{
		display: block;
		color:hsla(0,0%,29%,1.00);
	}
	
	.competition_right_more{
	width: 80px;
	background-color: #019b91;
	color: #fff;
	padding: 10px;
	display: block;
	margin: 20px auto 0 auto;
	border-radius: 5px;
	text-align: center;
	}
	
	/*================賽事新聞===============*/
	
	/*================連結===============*/
	#down_link{
		display: flex;
		flex-wrap: wrap;
		border: 0px solid hsla(0,0%,0%,1.00);
		padding:5% 2% 8% 2%;
	}
	
	.down_link_item {
    width: 100%;
    border: 0px solid hsla(0,0%,0%,1.00);
    padding: 3%;
}

.down_link_item h2 {
    font-weight: 100;
    font-size: 26pt;
    border-bottom: 0px solid #A7A7A7;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
    margin-top: 40px;
}
	
.down_link_item_wrap{
	display: flex;
    flex-wrap: wrap;
    justify-content: center; /* 水平居中 */
    align-items: flex-start; /* 垂直靠上对齐 */
	}

.down_link_item a {
    display: block;
    width: 48%; /* 修改为100%以填充父元素的宽度 */
    padding: 5px;
    border: 0px solid hsla(0,0%,0%,1.00);
}

	
	.down_link_item a img{
		display: block;
		width:100%;
		height:auto;
		border:1px solid hsla(0,0%,45%,1.00);
	}
	/*================連結===============*/
  
}