.final {
	width: 100%;
	position: relative;
	background: url('../images/bg-5.jpg') center top fixed;
	background-size: cover;
	overflow: hidden;
}
.final .title {
	text-align: left;
	width: 60%;
	position: relative;
	margin: 5% 0 2% 0;
}

/*積分表*/
.final_time {
	color: #fff;
    font-weight: 700;
    font-size: 1.2rem;
    letter-spacing: 2px;
    text-shadow: 1px 2px 3px #000;
	position: relative;
    margin: 2% 0 0 0;
}
.game_point {
	position: relative;
	background: rgb(0 0 0 / 85%);
	box-shadow: 5px 5px 0 rgb(0 0 0/40%);
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 3% 0;
}
.game_point .team_tw,
.game_point .team_jp {
	width: 48%;
	position: relative;
}
.team_tw .title_txt {
	position: relative;
    width: 100%;
    background: linear-gradient(to bottom, #ff8787, #d11010);
    background: -webkit-linear-gradient(to bottom, #ff8787, #d11010);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-size: 2rem;
    font-weight: 800;
    display: inline-flex;
    margin: 0 auto 4% 5%;
	line-height: 2.2rem;
}
.title_txt .tw { width: 60%;}
.title_txt .wL {
	width: 32%;
    text-align: center;
    letter-spacing: 0.8rem;
}
.team_tw .team_list {
	position: relative;
	background: rgb(209 16 16);
	width: 100%;
	clip-path: polygon(5% 0, 100% 0%, 100% 100%, 5% 100%, 0% 50%);
	-webkit-clip-path: polygon(5% 0, 100% 0%, 100% 100%, 5% 100%, 0% 50%);
	font-size: 2rem;
	color: #fff;
	font-weight: 900;
	text-shadow: 2px 2px 0 #760000;
	box-shadow: 0 0 7px rgba(255 255 255/60%) inset;
	display: inline-flex;
    align-items: center;
    margin: 3px 0;
}
.team_list .gp_teamname {
	width: 60%;
    text-align: center;
    letter-spacing: 0.3rem;
    padding: 4%;
    text-indent: 2rem;
}
.team_list .point {
	width: 40%;
    text-align: center;
    letter-spacing: 1rem;
    background: rgba(0 0 0/60%);
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
    padding: 4%;
	text-indent: 2rem;
}

.team_jp .title_txt {
	position: relative;
    width: 100%;
    background: linear-gradient(to bottom, #8095ff, #1131d1);
    background: -webkit-linear-gradient(to bottom, #8095ff, #1131d1);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-size: 2rem;
    font-weight: 800;
    display: inline-flex;
    margin: 0 auto 4% 5%;
	line-height: 2.2rem;
}
.title_txt .jp { width: 60%;}
.team_jp .team_list {
	position: relative;
	background: rgb(17 49 209);
	width: 100%;
	clip-path: polygon(0% 0%, 95% 0, 100% 50%, 95% 100%, 0% 100%);
	-webkit-clip-path: polygon(0% 0%, 95% 0, 100% 50%, 95% 100%, 0% 100%);
	font-size: 2rem;
	color: #fff;
	font-weight: 900;
	text-shadow: 2px 2px 0 #001475;
	box-shadow: 0 0 7px rgba(255 255 255/60%) inset;
	display: inline-flex;
    align-items: center;
    margin: 3px 0;
}

/*賽程表*/
.final_schedule {
	position: relative;
	margin: 0 auto;
	width: 100%;
}
.final_schedule table {
	width: 100%;
	border-collapse:collapse;
	border-spacing:0;
	table-layout:fixed;
	box-shadow: 5px 5px 0 rgb(0 0 0 / 40%);
	background: rgba(0 0 0/ 80%);
	color: #fff;
	font-size: 1.6rem;
    font-weight: 700;
	text-align: center;
}
.final_schedule table td {
	border: 2px solid #930000;
	padding: 2% 0;
	vertical-align: middle;
}
.final_schedule table td.td_head {
	background: linear-gradient(to top, #dfcdcf 0%, #f1e9eb 100%);
	font-size: 1.9rem;
    font-weight: 800;
    letter-spacing: 0.1rem;
}
.td_head span {
	background: linear-gradient(to bottom, #d11010, #4d0000);
    background: -webkit-linear-gradient(to bottom, #d11010, #4d0000);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
.final_schedule table td.td_body {
	letter-spacing: 0.4rem;
}



/*總冠軍賽*/
.final .vs_game {
	position: relative;
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 10%;
}
.vs_game .tw_champion {
	width: 45%;
	height: 370px;
    background: url(../images/final_frame_red.png) center top no-repeat;
    background-size: contain;
    overflow: hidden;
    font-size: 1.8rem;
    font-weight: 800;
    color: #fff;
    text-align: center;
	padding: 2% 0 0 0;
    text-indent: 3rem;
	text-shadow: 2px 2px 0 #92090b;
}
.vs_game .vs {
	position: absolute;
    z-index: 2;
    width: 20%;
}
.vs_game .jp_champion {
	width: 45%;
	height: 370px;
    background: url(../images/final_frame_blue.png) center top no-repeat;
    background-size: contain;
    overflow: hidden;
    font-size: 1.8rem;
    font-weight: 800;
    color: #fff;
    text-align: center;
	padding: 2% 0 0 0;
	text-shadow: 2px 2px 0 #081592;
}
.vs_game .tw_champion p { color: #ec8f8f;}
.vs_game .jp_champion p { color: #9cacff;}
.vs_game .winner_n {
	margin: 24px 0;
    font-size: 3rem;
    letter-spacing: 0.2rem;
	color: #ffcc00;
}
.vs_game ul li {
	margin: 3% auto;
    font-weight: 700;
    position: relative;
    top: 12px;
    font-size: 1.6rem;
}


/*----------------------------------------4K---------------------------------------------------*/
@media screen and (min-width:2200px) {

	
}
/*----------------------------------------Mac book---------------------------------------------------*/
@media screen and (max-width:1440px) {
	
	
	
}
/*----------------------------------------小尺寸筆電---------------------------------------------------*/
@media screen and (max-width:1280px){
	
	.team_tw .team_list, .team_jp .team_list { font-size: 1.6rem;}

	.final_schedule table td.td_body { letter-spacing: 0;}

	.vs_game .tw_champion, .vs_game .jp_champion { width: 50%; height: 320px;}
	.vs_game .winner_n { margin: 15px 0;}
	
}
/*----------------------------------------ipad pro-----------------------------------------*/
@media screen and (max-width:1024px) {
	
	.vs_game .winner_n { font-size: 2.4rem;}
	.vs_game .vs { width: 16%;}
	.vs_game .tw_champion, .vs_game .jp_champion { height: 300px;}
	
}
/*----------------------------------------ipad air-----------------------------------------*/
@media screen and (max-width:970px) {

	.final_time { font-size: 0.8rem;}
	.team_tw .title_txt, .team_jp .title_txt { font-size: 1.6rem; line-height: 2rem;}
	.title_txt .tw, .title_txt .jp { width: 62%;}
	.team_tw .team_list, .team_jp .team_list { font-size: 1.2rem;}

	.final_schedule table { font-size: 1.2rem;}
	.final_schedule table td.td_head { font-size: 1.4rem;}

	.vs_game .tw_champion, .vs_game .jp_champion { height: 235px; font-size: 1.2rem;}
	.vs_game .winner_n { font-size: 2rem;}
	.vs_game ul li { font-size: 1.1rem;}
}
/*----------------------------------------ipad mini-----------------------------------------*/
@media screen and (max-width:768px) {

	.team_tw .title_txt, .team_jp .title_txt { font-size: 1.4rem;}
	.team_list .gp_teamname { letter-spacing: 2px; text-indent: 1rem;}

	.vs_game .winner_n { margin: 12px 0;}
	.vs_game ul li { top: 8px;}
}
/*----------------------------------------------------------------------------------------------------*/
@media screen and (max-width:700px) {

	.final .title { width: 100%;}
	.game_point { flex-direction: column;}
	.game_point .team_tw, .game_point .team_jp { width: 90%;}
	.team_tw .team_list, .team_jp .team_list { font-size: 1rem;
		clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0% 50%);
    	-webkit-clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0% 50%);}
	.team_tw .title_txt, .team_jp .title_txt { font-size: 1.2rem; margin: 0 auto 0 5%;}

	.final_schedule table { font-size: 12px;}
	.final_schedule table td.td_head { font-size: 14px;}

	.final .vs_game { flex-direction: column;}
	.vs_game .tw_champion, .vs_game .jp_champion { width: 100%; text-indent: 0; padding: 5% 0 0 0; height: 190px;}
	.vs_game .tw_champion { background: url(../images/final_frame_red_m.png) center top no-repeat; background-size: contain;}
	.vs_game .jp_champion { background: url(../images/final_frame_blue_m.png) center top no-repeat; background-size: contain;}
	.vs_game .winner_n { margin: 18px 0; font-size: 1.6rem;}
	.vs_game ul li { top: 0; font-size: 14px; margin: 2% auto;}
	.vs_game .vs { position: relative; width: 25%;}
}
/*----------------------------------------------------------------------------------------------------*/
@media screen and (max-width:375px) {
	
	.team_tw .team_list, .team_jp .team_list { font-size: 14px;}
	.team_list .point { letter-spacing: 14px; text-indent: 22px;}
	.vs_game .tw_champion, .vs_game .jp_champion { height: 180px;}
}