@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------*/
/* Header */
#Header { 
	position:static; 
	-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.1);
	-moz-box-shadow:0 5px 5px rgba(0,0,0,0.1);
	box-shadow:0 5px 5px rgba(0,0,0,0.1);
	}
#Header > div { height:48px; padding-left:54px; padding-right:10px; }
.Topper, #Header .teams { display:none; }

/* logo */
#Header .logo { width:80px; }
#Header .logo h1 { padding:8px 0; }

/* CPBL TV */
#Header .cpbltv { padding-top:11px; padding-bottom:11px; }
@media screen and (max-width: 479px) {
#Header .cpbltv { display:none; }
}


/*----------------------------------------------------------------------*/
/* Menu */
#Menu { display:none; height:0; }


/*----------------------------------------------------------------------*/
/* KeyVisual */
#KeyVisual .bx-wrapper .bx-pager { display:none; }
#KeyVisual .bx-wrapper .bx-controls-direction a { width:32px; height:32px; margin-top:-16px; }
#KeyVisual .bx-wrapper .bx-controls-direction a::after { width:8px; height:8px; margin-top:-4px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-prev::after { left:14px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-next::after { right:14px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-prev { left:5px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-next { right:5px; }


/*----------------------------------------------------------------------*/
/* Center */


/*----------------------------------------------------------------------*/
/* Footer */
#Footer > div { padding-left:10px; padding-right:10px; }
#Footer .btn_links ul { margin:0 -10px; }
#Footer .btn_links li { padding:10px 10px; }

#Footer .teams li a { width:100%; height:auto; padding-bottom:100%; }
@media screen and (max-width: 479px) {
#Footer .btn_links li { width:50%; }
#Footer .teams li { margin-left:0; margin-right:0; width:18%; }
}
@media screen and (min-width: 480px) {
#Footer .btn_links li { width:33.3333%; }
#Footer .teams li { margin-left:5px; margin-right:5px; width:15%; }
}

/*@media screen and (max-width: 539px) {
#Footer .col_right .app_qrcode, #Footer .col_right .follow_us { float:none; }
#Footer .col_right .follow_us { margin-top:30px; padding-left:0; }
}
@media screen and (min-width: 540px) {
#Footer .col_right .app_qrcode { width:50%; }
#Footer .col_right .follow_us { float:right; width:50%; padding-left:0; }
}*/


/*----------------------------------------------------------------------*/
/* KeyVisual */


/*----------------------------------------------------------------------*/
/* 首頁區塊 */
#Center section:nth-of-type(even) > div { padding-left:10px; padding-right:10px; }
.IndexBlock > div { padding-left:10px; padding-right:10px; }

@media screen and (max-width: 439px) {
.IndexBlock .block_title h2 { height:auto; }
.IndexBlock .block_title h2 .en { display:block; margin:-10px 0 0 0; padding-bottom:10px; line-height:20px; }
}

.IndexBlock .btn_more { position:static; margin-top:20px; text-align:center; }
.IndexBlock .btn_more a { padding-right:36px; font-size:1.25rem; color:#333; }
.IndexBlock .btn_more a::before { width:30px; height:30px; margin-top:-15px; border-color:#666; }
.IndexBlock .btn_more a::after { right:12px; width:10px; height:10px; margin-top:-5px; border-color:#666; }


/*----------------------------------------------------------------------*/
/* 首頁賽程表 */
.IndexSchedule .date_select .date_selected .date { display:block; }

.IndexScheduleGroup > .tabs { margin:20px 0 40px; }
.IndexScheduleGroup > .tabs li { float:left; width:50%; }

/* 首頁賽程簡表 */
.IndexScheduleList .game_item { padding:20px 10px; }
	.IndexScheduleList .game_item.actived { padding-bottom:0; }
.IndexScheduleList .game_brief { 
	-ms-display:flex; -ms-flex-direction:row; -ms-flex-wrap:wrap; -ms-justify-content:center; -ms-align-items:center; -ms-align-content:center; 
	display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; 
	}
.IndexScheduleList .game_brief > div { flex:0 1 auto; }

.IndexScheduleList .game_brief .VSBox .score_wrap > div { width:1.5em; }
.IndexScheduleList .game_brief .Weather { margin-top:30px; }
.IndexScheduleList .game_brief .PlayerMatchup { width:110px; margin-top:30px; }
	.IndexScheduleList .game_brief .Weather ~ .PlayerMatchup { margin-top:20px; }
.IndexScheduleList .game_brief .GameMatchupBasic { width:100%; margin-top:20px; }
.IndexScheduleList .game_brief .GameMatchupBasic > div { margin:0 auto; }
.IndexScheduleList .game_brief .ScheduleListNote { margin-top:30px; }
.IndexScheduleList .game_brief .ScheduleListEnd { width:100%; }
.IndexScheduleList .game_brief .ScheduleListEnd > div > div { width:100%; margin-top:20px; }
.IndexScheduleList .game_brief .ScheduleListEnd .Broadcaster + .Btns { margin-top:20px; }
.IndexScheduleList .game_brief .ScheduleListEnd .Btns > div { display:inline-block; margin:0 0 0 10px; }
.IndexScheduleList .game_brief .ScheduleListEnd .Btns > div:first-child { margin-left:0; }

.IndexScheduleList .game_brief .Tags { width:100%; text-align:center; }
.IndexScheduleList .game_brief .Tags .tag { float:none; clear:none; display:inline-block; margin:0 5px; }

.IndexScheduleList .game_brief .VSBox { margin-top:20px; }
.IndexScheduleList .game_brief .VSBox > div { width:100%; }
.IndexScheduleList .game_brief .PlaceInfo { width:30%; margin-top:20px; }

@media screen and (max-width: 479px) {
.IndexScheduleList .game_brief .VSBox { width:100%; padding-left:0; padding-right:0; }
.IndexScheduleList .game_brief .VSBox .team.away { padding-left:15px; }
.IndexScheduleList .game_brief .VSBox .team.home { padding-right:15px; }
.IndexScheduleList .game_brief .VSBox .place_info { display:block; font-size:1rem; }
.IndexScheduleList .game_brief .PlaceInfo { display:none; }
}
@media screen and (min-width: 480px) {
.IndexScheduleList .game_brief .VSBox { width:70%; padding-left:0; }
.IndexScheduleList .game_brief .PlaceInfo { width:30%; margin-top:20px; }
}

	/* 底線設定 */
	.IndexScheduleList .game_brief .VSBox { position:relative; }
	.IndexScheduleList .game_brief .VSBox::after { content:''; display:block; position:absolute; bottom:-10px; left:0; width:1200px; border-bottom:1px solid #ccc; }
	.IndexScheduleList .game_brief .VSBox::after { left:0; }

	/* 天氣及勝敗救援設定 */
	.IndexScheduleList .game_brief .Weather { width:100%; }
	.IndexScheduleList .game_brief .Weather > div > div { display:inline-block; vertical-align:middle; }
		@media screen and (max-width: 439px) {
		.IndexScheduleList .game_brief .PlayerMatchup + .PlayerMatchup + .PlayerMatchup { margin-top:10px; }
		}


/* 首頁賽程詳細資料-記分板 */
.IndexScheduleList .game_detail .ScoreBoard { width:100%; }

.IndexScheduleList .game_detail .ScoreBoard .team { position:absolute; }
.IndexScheduleList .game_detail .ScoreBoard .team .score { position:absolute; top:50%; margin-top:-0.6em; }
	.IndexScheduleList .game_detail .ScoreBoard .team.away .score { right:0; margin-right:0.5em; }
	.IndexScheduleList .game_detail .ScoreBoard .team.home .score { left:0; margin-left:0.5em; }
.IndexScheduleList .game_detail .ScoreBoard .team.away::after { 
	content:':'; position:absolute; top:50%; right:0; margin:-15px -15px 0 0; width:30px; height:30px; line-height:30px; text-align:center; 
	font-family: 'Montserrat', sans-serif; font-weight:600;
	}
.IndexScheduleList .game_detail .ScoreBoard .team.away .team_name { margin-left:0; margin-bottom:0; }
.IndexScheduleList .game_detail .ScoreBoard .team.home .team_name { margin-right:0; margin-bottom:0; }

/*.IndexScheduleList .game_detail .linescore_table .team_name .full { display:none; }
.IndexScheduleList .game_detail .linescore_table .team_name .short { display:block; }*/

@media screen and (max-width: 479px) {
.IndexScheduleList .game_detail .ScoreBoard .team { top:35px; width:130px; }
.IndexScheduleList .game_detail .ScoreBoard .team .team_name { width:72px; height:72px; }
.IndexScheduleList .game_detail .ScoreBoard .team .score { font-size:2rem; }

.IndexScheduleList .game_detail .linescore_table .linescore .card { background:none; color:#fff; }
.IndexScheduleList .game_detail .linescore_table .linescore .card::after { display:none; }

.IndexScheduleList .game_detail .linescore_table th, 
.IndexScheduleList .game_detail .linescore_table td { padding:5px 1px; }
.IndexScheduleList .game_detail .linescore_table div:not(.team_name) th,
.IndexScheduleList .game_detail .linescore_table > div:not(.team_name) .away td { border-bottom:1px solid rgba(255,255,255,0.3); }
.IndexScheduleList .game_detail .linescore_table .linescore th, 
.IndexScheduleList .game_detail .linescore_table .linescore td {letter-spacing:-0.1em; }
.IndexScheduleList .game_detail .linescore_table td { height:30px; line-height:30px; }

.IndexScheduleList .game_detail .linescore_wrap { margin:90px auto 0; }
.IndexScheduleList .game_detail .linescore_table { padding-left:5px; padding-right:5px; }
.IndexScheduleList .game_detail .linescore_table .team_name { padding-right:0; }
.IndexScheduleList .game_detail .linescore_table .team_name .short { height:30px; }
.IndexScheduleList .game_detail .linescore_table .team_name .short a { width:20px; height:20px; margin:-10px 0 0 -10px; }
/*.IndexScheduleList .game_detail .linescore_table .linescore.scrollable { width:calc((((100vw - 70px) - 22px) / 12) * 9); }
.IndexScheduleList .game_detail .linescore_table .linescore.scrollable th span { width:calc((((100vw - 70px) - 22px) / 12) - 2px); }
.IndexScheduleList .game_detail .linescore_table .linescore.fixed { width:calc((((100vw - 70px) - 22px) / 12) * 3); }*/
}
	@media screen and (max-width: 399px) {
	.IndexScheduleList .game_detail .ScoreBoard .team { width:130px; }
	.IndexScheduleList .game_detail .ScoreBoard .team.away { left:calc((100% - 260px) / 2); }
	.IndexScheduleList .game_detail .ScoreBoard .team.home { right:calc((100% - 260px) / 2); }
	
	.IndexScheduleList .game_detail .linescore_table th,
	.IndexScheduleList .game_detail .linescore_table > div:not(.team_name) td { font-size:14px; }
	
	.IndexScheduleList .game_detail .linescore_wrap { width:260px; }
	.IndexScheduleList .game_detail .linescore_table .team_name { width:22px; }
	.IndexScheduleList .game_detail .linescore_table .team_name .short { width:20px; }
	.IndexScheduleList .game_detail .linescore_table .linescore.scrollable { width:171px; }
	.IndexScheduleList .game_detail .linescore_table .linescore.scrollable th span { width:17px; }
	.IndexScheduleList .game_detail .linescore_table .linescore.fixed { width:57px; }
	}
	@media screen and (min-width: 400px) and (max-width: 479px) {
	.IndexScheduleList .game_detail .ScoreBoard .team { width:170px; }
	.IndexScheduleList .game_detail .ScoreBoard .team.away { left:calc((100% - 340px) / 2); }
	.IndexScheduleList .game_detail .ScoreBoard .team.home { right:calc((100% - 340px) / 2); }
	
	.IndexScheduleList .game_detail .linescore_table th,
	.IndexScheduleList .game_detail .linescore_table > div:not(.team_name) td { font-size:16px; }

	.IndexScheduleList .game_detail .linescore_wrap { width:340px; }
	.IndexScheduleList .game_detail .linescore_table .team_name { width:30px; }
	.IndexScheduleList .game_detail .linescore_table .team_name .short { width:30px; }
	.IndexScheduleList .game_detail .linescore_table .linescore.scrollable { width:216px; }
	.IndexScheduleList .game_detail .linescore_table .linescore.scrollable th span { width:22px; }
	.IndexScheduleList .game_detail .linescore_table .linescore.fixed { width:72px; }
	}
@media screen and (min-width: 480px) {
.IndexScheduleList .game_detail .ScoreBoard .team { top:25px; width:200px; }
.IndexScheduleList .game_detail .ScoreBoard .team.away::after { font-size:1.5rem; }
	.IndexScheduleList .game_detail .ScoreBoard .team.away { left:calc((100% - 400px) / 2); }
	.IndexScheduleList .game_detail .ScoreBoard .team.home { right:calc((100% - 400px) / 2); }
.IndexScheduleList .game_detail .ScoreBoard .team .team_name { width:100px; height:100px; }
	
.IndexScheduleList .game_detail .linescore_wrap { width:400px; /*width:100%;*/ margin:110px auto 0; }
.IndexScheduleList .game_detail .linescore_table .team_name { width:45px; }
.IndexScheduleList .game_detail .linescore_table .linescore.scrollable { width:252px; }
.IndexScheduleList .game_detail .linescore_table .linescore.scrollable th span { width:22px; }
.IndexScheduleList .game_detail .linescore_table .linescore.fixed { width:78px; }
/*.IndexScheduleList .game_detail .linescore_table .linescore.scrollable { width:calc((((100vw - 80px) - 50px) / 12) * 9); }
.IndexScheduleList .game_detail .linescore_table .linescore.scrollable th span { width:calc((((100vw - 80px) - 50px) / 12) - 6px); }
.IndexScheduleList .game_detail .linescore_table .linescore.fixed { width:calc((((100vw - 80px) - 50px) / 12) * 3); }*/
}

/* 首頁賽程詳細資料-MVP */
.IndexScheduleList .game_detail .MVP { width:100%; margin-top:30px; }
.IndexScheduleList .game_detail .MVP > div { padding-top:30px; }

.IndexScheduleList .game_detail .MVP .record { margin-top:10px; }

/* 首頁賽程詳細資料-壘包狀態 */
.IndexScheduleList .game_detail .GameMatchup { width:100%; margin-top:30px; }
.IndexScheduleList .game_detail .GameMatchup .bases_wrap { width:150px; height:150px; }
.IndexScheduleList .game_detail .GameMatchup .bases_wrap .base { width:28px; height:28px; }
.IndexScheduleList .game_detail .GameMatchup .bases .picther { top:28px; }
.IndexScheduleList .game_detail .GameMatchup .bases .batter { bottom:0; }
.IndexScheduleList .game_detail .GameMatchup .bases .team a { width:20px; height:20px; }
.IndexScheduleList .game_detail .GameMatchup .footer { margin-top:50px; padding-top:10px; }

/* 首頁賽程詳細資料-先發攻守名單 */
.IndexScheduleList .index_lineup_table_wrap + .index_lineup_table_wrap { margin-top:20px; }
.IndexScheduleList .index_lineup_table { font-size:0.9375rem; }
@media screen and (max-width: 479px) {
.IndexScheduleList .game_detail > .LineUpTable > div { padding-left:0; padding-right:0; }
.IndexScheduleList .index_lineup_table_wrap .team { position:static; }
.IndexScheduleList .index_lineup_table_wrap .team a { width:100px; height:100px; }
}
@media screen and (min-width: 480px) {
.IndexScheduleList .game_detail > .LineUpTable > div { padding-right:0; }
.IndexScheduleList .index_lineup_table_wrap .team { width:80px; left:0; }
.IndexScheduleList .index_lineup_table_wrap .team a { width:80px; height:80px; }
.IndexScheduleList .index_lineup_table { margin-left:80px; }
}

/* 首頁賽程詳細資料-先發投手成績表 */
.IndexScheduleList .index_starter_group .tabs li a { font-size:1rem; line-height:42px; }

.IndexScheduleList .index_starter_table th { padding:6px 6px; font-size:0.875rem; }
.IndexScheduleList .index_starter_table td { padding:8px 6px; font-size:0.875rem; }
.IndexScheduleList .index_starter_table td.player .team a { width:24px; height:24px; }

/* 首頁賽程詳細資料-按鈕 */
.IndexScheduleList .game_detail .Btns {
	margin:0 -10px 10px; width:auto;
	display:flex; flex-wrap:wrap; align-items:stretch; align-content:center; justify-content:center;
	-ms-display:flex; -ms-flex-wrap:wrap; -ms-align-items:stretch; -ms-align-content:center; -ms-justify-content:center;
	}
.IndexScheduleList .game_detail .Btns > div { flex:0 1 auto; display:block; width:50% !important; margin:0 0 10px; padding:0 10px; }
.IndexScheduleList .game_detail .Btns a { font-size:1rem; }
	@media screen and (max-width: 479px) {
	.IndexScheduleList .game_detail .Btns a { padding:10px; letter-spacing:0; line-height:20px; }
	.IndexScheduleList .game_detail .Btns a::before { display:block; margin:0 auto 5px; }
	}


/*----------------------------------------------------------------------*/
/* 首頁雜誌 */
.IndexMag { width:100%; }
.IndexMag .history { clear:both; padding-top:20px; }
.IndexMag .current .desc { font-size:1rem; }

@media screen and (max-width: 539px) {
.IndexMag .current .cover { float:none; margin:0 auto 20px; }
.IndexMag .history dt { padding:5px 0; margin-bottom:10px; border-bottom:1px solid #c0c0c0; }
.IndexMag .history dd { padding:5px 0; }
}
@media screen and (min-width: 540px) {
.IndexMag .history dl { padding-left:68px; height:68px; }
.IndexMag .history dt { 
	position:absolute; top:0; left:0; width:68px; height:68px; padding:10px; border-right:1px solid #c0c0c0; text-align:center; 
	}
.IndexMag .history dd { float:left; width:50%; padding:10px 0 10px 15px; }
}


/*----------------------------------------------------------------------*/
/* 首頁球隊戰績 */
.IndexStanding { width:100%; }
.index_standing_table th:first-child, .index_standing_table td:first-child { position:sticky; left:0; z-index:2; }
.index_standing_table td:first-child { background-color:#fff; }
.index_standing_table th.team .wrap .rank { width:30px; }
.index_standing_table th.team .wrap .team_name { width:30px; }
.index_standing_table td { font-size:1rem; }
.index_standing_table td.team .wrap .rank { width:30px; }
.index_standing_table td.team .wrap .team_name { width:30px; }
.index_standing_table td.team .wrap .team_name a { width:24px; height:24px; }
@media screen and (max-width: 479px) {
.index_standing_group .tabs li a { font-size:1.125rem; }
}


/*----------------------------------------------------------------------*/
/* 首頁總冠軍賽 */
.IndexTaiwanSeries { width:100%; }

.index_taiwan_series_table .game_info .place_info { display:block; padding-left:0; padding-top:5px; }
.index_taiwan_series_table .player_matchup > div { font-size:0.875rem; }
@media screen and (max-width: 479px) {
.index_taiwan_series_table .place_info > div { display:block; }
.index_taiwan_series_table .vs_box { padding:30px 15px 0; }
.index_taiwan_series_table .vs_box .team { position:absolute; top:22px; width:50%; }
	.index_taiwan_series_table .vs_box .team.away { left:10px; }
	.index_taiwan_series_table .vs_box .team.home { right:10px; }
.index_taiwan_series_table .player_matchup { padding-left:0; }
}
@media screen and (min-width: 480px) {
.index_taiwan_series_table .player_matchup { padding-left:20px; }
}


/*----------------------------------------------------------------------*/
/* 首頁年度獎項 */
.IndexHonor { width:100%; }

@media screen and (max-width: 399px) {
.index_honor_list li { width:50%; }
}
@media screen and (min-width: 400px) and (max-width: 539px) {
.index_honor_list li { width:33.3333%; }
}
@media screen and (min-width: 540px) {
.index_honor_list li { width:25%; }
}


/*----------------------------------------------------------------------*/
/* 首頁新聞輪播 */
.IndexNewsSlider .bxSlider_list li .img { padding-bottom:50%; }
.IndexNewsSlider .bxSlider_list .title { font-size:1.5rem; }
.IndexNewsSlider .bxSlider_list .desc { margin-top:5px; font-size:1rem; }

@media screen and (max-width: 539px) {
.IndexNewsSlider { margin-top:-40px; margin-bottom:0; }
.IndexNewsSlider .bxSlider_list a { color:#333; }

.IndexNewsSlider .bxSlider_list li .cont { padding:10px 10px 0 10px; }
.IndexNewsSlider .bxSlider_list .tags a { border:1px solid #999; }
.IndexNewsSlider .bxSlider_list .tags a:hover, .IndexNewsSlider .bxSlider_list .tags a:focus { 
	border-color:#006ec5; background-color:#006ec5; color:#fff; 
	}
.IndexNewsSlider .bxSlider_list .title { -webkit-line-clamp:2; max-height:3em; }
.IndexNewsSlider .bxSlider_list .title a:hover, .IndexNewsSlider .bxSlider_list .title a:focus { color:#006ec5; }
.IndexNewsSlider .bxSlider_list .desc { -webkit-line-clamp:3; max-height:6em; }

.IndexNewsSlider .bx-wrapper .bx-controls-direction a { top:25vw; margin-top:-20px; }
}
@media screen and (min-width: 540px) {
.IndexNewsSlider { margin-top:-40px; margin-bottom:-70px; }
.IndexNewsSlider .bxSlider_list a { color:#fff; }

.IndexNewsSlider .bxSlider_list li .cont { padding:10px; }
.IndexNewsSlider .bxSlider_list li .cont { position:absolute; bottom:0; left:0; width:100%; color:#fff; }
.IndexNewsSlider .bxSlider_list li .cont::before { 
	content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; 
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 80%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 80%);
	}
.IndexNewsSlider .bxSlider_list .tags a { border:1px solid #fff; background-color:rgba(0,0,0,0.1); }
.IndexNewsSlider .bxSlider_list .tags a:hover, .IndexNewsSlider .bxSlider_list .tags a:focus { background-color:#fff; color:#006ec5; }
.IndexNewsSlider .bxSlider_list .title a:hover, .IndexNewsSlider .bxSlider_list .title a:focus { text-decoration:underline; }

.IndexNewsSlider .bx-wrapper .bx-controls-direction a { top:20px; }
}

.IndexNewsSlider .bx-wrapper .bx-controls-direction a { width:40px; height:40px; }
.IndexNewsSlider .bx-wrapper .bx-controls-direction a::after { width:12px; height:12px; margin-top:-6px; }
.IndexNewsSlider .bx-wrapper .bx-controls-direction .bx-prev::after { left:18px; }
.IndexNewsSlider .bx-wrapper .bx-controls-direction .bx-next::after { right:18px; }


/*----------------------------------------------------------------------*/
/* 首頁TOP5 */
.IndexTopFive { width:100%; }
@media screen and (max-width: 479px) {
.index_topfive_group { border-top:1px solid #ddd; }
.index_topfive_group .tabs { display:none; }
.index_topfive_group .tab_cont { 
	padding:0 !important; transform:scaleY(1); height:auto; visibility:visible; opacity:1; overflow:visible; 
	border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;
	}
.index_topfive_group .tab_cont .title { display:block; }
.index_topfive_group .tab_cont > .cont { 
	padding:0; height:0; visibility:hidden; opacity:0; overflow:hidden; transform-origin:center 0;
	}
.index_topfive_group .tab_cont.active > .cont { padding:15px; height:auto; visibility:visible; opacity:1; }

.index_topfive_list .photo_player_1st { display:none; }
.index_topfive_list li .num { font-size:0.875rem; }
	.index_topfive_list li:first-child .num { font-size:0.9375rem; }
}
@media screen and (min-width: 480px) {
.index_topfive_list .photo_player_1st { width:100px; }
}


/*----------------------------------------------------------------------*/
/* 首頁最新消息 */
.index_news_focus .img { float:none; width:360px; max-width:100%; margin:0 auto 20px; }
.index_news_focus .title a { font-size:1.375rem; -webkit-line-clamp:3; max-height:4.05em; }
.index_news_focus .date { font-size:0.9375rem; }
.index_news_focus .tags a { font-size:0.875rem; }
.index_news_focus .desc { display:none; }

.index_news_list { margin-top:40px; }
.index_news_list .img { width:45%; }
.index_news_list .title a { font-size:1.125rem; }


/*----------------------------------------------------------------------*/
/* 首頁精彩短片 */
.IndexHighLight { width:100%; }
.index_highlight_list .img { width:240px; }
@media screen and (max-width: 479px) {
.index_highlight_list .item { width:240px; margin:30px auto 0; }
.index_highlight_list .item:first-child { margin-top:0; }
.index_highlight_list .img { float:none; margin:0 auto; }
}


/*----------------------------------------------------------------------*/
/* 首頁精選商品 */
.IndexShop { width:100%; }
@media screen and (max-width: 479px) {
.index_shop_list .item { max-width:240px; width:90%; margin:40px auto 0; }
.index_shop_list .item:first-child { margin-top:0; }
.index_shop_list .img { float:none; width:100%; margin:0 auto 20px; }
.index_shop_list .price, .index_shop_list .cart { float:none; text-align:center; }
}
@media screen and (min-width: 480px) {
.index_shop_list .img { width:150px; }
.index_shop_list.single_item .img { width:180px; }
}


/*----------------------------------------------------------------------*/
/* 首頁新聞公告 */
.IndexAnn { width:100%; }
.IndexAnn .block_title { margin-bottom:5px; }
@media screen and (max-width: 479px) {
.index_ann_list ul, .index_ann_list li, .index_ann_list li > div { display:block; }
.index_ann_list li { border-bottom:1px solid #e5e5e5; padding:10px 0; }
.index_ann_list li > div { border-bottom:0; padding:2px 10px; }
}


/*----------------------------------------------------------------------*/
/* 首頁廣告 */
.IndexAD { padding-left:10px; padding-right:10px; }
.IndexAD:not(.single) .item { max-width:480px; margin:0 auto 20px; }
.IndexAD .item:first-child { margin-top:0; }
.IndexAD .item:last-child { margin-bottom:0; }


/*----------------------------------------------------------------------*/
/* 表單 */
.FormGroupWarp { margin-top:40px; margin-bottom:40px; }
.FormGroup { padding:15px 15px 15px; }
.FormGroup .FormTable { width:auto; }

table.FormTable { border-top:1px solid #d9d9d9; }
table.FormTable , table.FormTable > tbody, table.FormTable > tbody > tr, table.FormTable > tbody > tr > th, table.FormTable > tbody > tr > td { display:block; }
table.FormTable > tbody > tr { padding:15px 10px 10px 10px; border-bottom:1px solid #d9d9d9; }
table.FormTable > tbody > tr:nth-child(even) { background-color:#f7f7f7; }
table.FormTable > tbody > tr > th, table.FormTable > tbody > tr > td { font-size:0.9375rem; }
table.FormTable > tbody > tr > th { margin-bottom:5px; text-align:left; }
table.FormTable > tbody > tr > th::after { content:'：'; }
table.FormTable.text > tbody > tr { padding:10px 15px; }
table.FormTable.text > tbody > tr > th { margin-bottom:0; }
table.FormTable.text > tbody > tr > th, table.FormTable.text > tbody > tr > td { display:inline-block; line-height:150%; }

.FormElmt input[type="text"], .FormElmt input[type="password"], .FormElmt input[type="file"], 
.FormElmt input[type="number"], .FormElmt input[type="date"], .FormElmt input[type="month"],
.FormElmt input[type="week"], .FormElmt input[type="time"], .FormElmt input[type="datetime-local"],
.FormElmt input[type="email"], .FormElmt input[type="search"], .FormElmt input[type="tel"], .FormElmt input[type="url"],
.FormElmt input[type="color"], .FormElmt input[type="hidden"], .FormElmt input[type="range"],
.FormElmt select, .FormElmt textarea { 
	font-size:0.9375rem;
	}
.FormElmt input[type="file"] { width:100%; }

.BtnCommon.large a, .BtnCommon.large button { padding-left:20px; padding-right:20px; font-size:1.125rem; }
.BtnCommon.mid a, .BtnCommon.mid button { padding-left:15px; padding-right:15px; font-size:1rem; }
.BtnCommon.small a, .BtnCommon.small button { padding-left:10px; padding-right:10px; font-size:0.9375rem; }
.BtnCommon.large div[class] > * { padding-left:72px; }
.BtnCommon.mid div[class] > * { padding-left:67px; }
.BtnCommon.small div[class] > * { padding-left:62px; }
.BtnCommon.large div[class] span::before { left:20px; }
.BtnCommon.mid div[class] span::before { left:15px; }
.BtnCommon.small div[class] span::before { left:10px; }
.BtnCommon.large div[class] span::after { left:57px; }
.BtnCommon.mid div[class] span::after { left:52px; }
.BtnCommon.small div[class] span::after { left:47px; }


/*----------------------------------------------------------------------*/
/* 內頁 */
#Content { padding-left:10px; padding-right:10px; }


/*----------------------------------------------------------------------*/
/* 內頁元素 */
/* 導覽列(麵包屑) */
#Breadcrumbs { margin-bottom:20px; }
#Breadcrumbs li { font-size:0.875rem; }

/* 工具列 */
.ToolBar { display:none; border-top:1px solid #e7e7e7; }
.ToolBar .colm_left a, .ToolBar dl.font_size, .ToolBar dl.share { line-height:40px; }
.ToolBar .colm_left a span, .ToolBar .colm_left a, .ToolBar dl.font_size a, .ToolBar dl.share a { width:40px; height:40px; }
.ToolBar .colm_left, .ToolBar dl.font_size dt, .ToolBar dl.share dt { display:none; }
.ToolBar dl.font_size + dl.share { float:right; margin-left:0; }
/*@media screen and (max-width: 400px) {
.ToolBar dl.font_size + dl.share { float:none; clear:left; margin-left:0; }
}*/

/* 標題 */
.PageTitle h2 { font-size:1.75rem; line-height:120%; }
.PageTitle h2 .en { display:block; margin-left:0; font-size:0.875rem; }
h3.articleTitle { font-size:1.5rem; }
.DistTitle h3 { padding-bottom:10px; font-size:1.5rem; line-height:150%; }
.DistTitle .search { float:none; clear:both; }
@media screen and (max-width: 479px) {
.DistTitle .btn_more { position:static; clear:left; }
}

/* 列表搜尋 */
.ListSearch { padding:14px 19px 14px 19px; margin-top:60px; }
.ListSearch .title { 
	position:absolute; top:-40px; left:0; background-color:#838383; padding:0 10px; 
	font-size:1.125rem; color:#fff; line-height:40px; 
}

/* 頁碼 */
#Pagination a { display:none; }
#Pagination a.prev, #Pagination a.next { display:inline-block; }
#Pagination .setting { padding-top:10px; line-height:24px; }
#Pagination .dev-script-oper { display:none; }

/* 內頁顯示欄位 */
.content_info li { padding:5px 0; }
.content_info li span { display:block; }

/* 編輯器 */
.editable_content h4 { font-size:1.5rem; }
.editable_content h5 { font-size:1.375rem; }
.editable_content h6 { font-size:1.25rem; }
.editable_content blockquote { padding:20px 40px; margin-left:0; margin-right:0; }
	.editable_content blockquote::before, .editable_content blockquote::after { font-size:64px; }
	.editable_content blockquote::before { left:10px; top:10px; }
	.editable_content blockquote::after { right:10px; bottom:-30px; }
.editable_content .district .imgleft, .editable_content .district .imgright { 
	float:none; clear:both; max-width:100%; text-align:center; margin-left:auto; margin-right:auto; 
	}
.editable_content ul.ext_list { margin-left:0; padding-left:20px; border-left:0 !important; }

/* colorbox */
#colorbox_thum { margin-left:0; padding-left:0; }
#colorbox_thum a { width:120px; height:90px; margin:5px; }

/* 上下篇文章 */
.prevNextLink a { font-size:0.875rem; }
	.prevNextLink .prev a { border-right-width:10px; }
	.prevNextLink .next a { border-left-width:10px; }


/*----------------------------------------------------------------------*/
/* 內頁header */
.ContHeader { margin-top:20px; }

/* 內頁menu */
.ContNav .nav_list { 
	display:none; position:absolute; top:100%; left:0; width:100%; padding-bottom:20px; z-index:3; 
	}
.ContNav .nav_list ul { 
	-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 10px 10px rgba(0,0,0,0.4);
	box-shadow: 0 10px 10px rgba(0,0,0,0.4);
	}
.ContNav .nav_list li { background-color:#666; border-bottom:1px solid #999; }
.ContNav .nav_list li:last-child { border-bottom:0; }
/*.ContNav .nav_list li.actived { display:none; }*/
.ContNav .nav_list li.actived a::after { display:none; }
.ContNav .nav_list li a { padding:0 10px; line-height:48px; font-size:1rem; text-align:left; }
.ContNav .nav_retired { height:48px; }

.ContNav .nav_trigger { 
	display:block; padding:0 10px; line-height:48px; font-size:1.125rem; font-weight:bold; color:#fff; position:relative;
	background:-ms-linear-gradient(top, #7d7d7d 0%, #454545 100%);
	background:linear-gradient(to bottom, #7d7d7d 0%, #454545 100%);
	}
.ContNav .nav_trigger::after {
	content:''; display:block; position:absolute; top:20px; right:12px; width:8px; height:8px; margin-top:-3px; 
	border-width:0 2px 2px 0; border-style:solid; border-color:#fff; 
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.ContNav .nav_trigger.actived::after {
	top:24px; 
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg);
	}

/* 球隊menu */
.TeamNav { margin-top:25px; }
.TeamNav .team_name { left:10px; margin-top:-40px; width:90px; height:80px; }
.TeamNav .nav_trigger { padding-left:120px; }
.TeamNav .nav_list { padding-left:100px; }

/* 球員menu */
.PlayerNav .nav_list li a { color:#fff; }
.PlayerNav .nav_list li a:hover, .PlayerNav .nav_list li a:focus { background-color:rgba(0,0,0,0.2); }

/* 先發戰報次menu */
.StartersSubNav .nav_trigger { 
	font-size:1rem;
	background:-ms-linear-gradient(top, #5b5b5b 0%, #000000 100%);
	background:linear-gradient(to bottom, #5b5b5b 0%, #000000 100%);
	}
.StartersSubNav .nav_list li a { font-size:1rem; }


/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable table, .ListTable table tbody, .ListTable table tr, .ListTable table th, .ListTable table td { display:block; }
.ListTable { margin-top:40px; margin-bottom:60px; border:1px solid #e1e1e1; }
.ListTable table tr:first-child { position:absolute; left:-10000px; top:-10000px; }
.ListTable table tr { padding:10px 20px; border-bottom:1px solid #dddddd; }
.ListTable table tr:last-child { border-bottom:0; }
.ListTable table tr:nth-child(odd) { background-color:#fafafa; }

.ListTable table td { margin:5px 0; text-align:left; }
.ListTable td.no { display:none; }
.ListTable td:before { font-weight:bold; content: attr(data-th)"："; }
.ListTable td.no:before, .ListTable td:first-child.date:before, .ListTable td.title:before { 
	content:""; 
	}
.ListTable td.date { display:inline-block; font-size:0.875rem; position:relative; }
.ListTable td.date br { display:none; }
.ListTable td.title { margin-top:0; font-size:1.25rem; line-height:150%; position:relative; }
@media screen and (max-width: 479px) {
.ListTable td.title { font-size:1.125rem; }
.ListTable table tr { padding:10px 10px; }
}


/*----------------------------------------------------------------------*/
/* 賽事新聞 */
.NewsList .img { float:none; width:100%; max-width:400px; margin:0 auto 20px auto; }
.NewsList .date, .NewsList .tags a {font-size:0.875rem; }
.NewsList .desc { font-size:0.9375rem; }
@media screen and (max-width: 479px) {
.NewsList .item { padding:15px; }
.NewsList .title a { font-size:1.375rem; max-height:4.5em; -webkit-line-clamp:3; }
.NewsList .desc { max-height:10em; -webkit-line-clamp:5; }
}
@media screen and (min-width: 480px) {
.NewsList .title a { font-size:1.5rem; }
.NewsList .desc { max-height:8em; -webkit-line-clamp:4; }
}


/*----------------------------------------------------------------------*/
/* 精彩短片 */
@media screen and (max-width: 399px) {
.HighlightList .item { width:100%; max-width:220px; margin-left:auto; margin-right:auto; }
}
@media screen and (min-width: 400px) and (max-width: 499px) {
.HighlightList { margin:0 -10px; }
.HighlightList .item { padding:0 10px; width:50%; }
}
@media screen and (min-width: 500px) {
.HighlightList { margin:0 -20px; }
.HighlightList .item { padding:0 20px; width:50%; }
}


/*----------------------------------------------------------------------*/
/* 紀錄表格 */
.RecordTableWrap .record_table_caption { font-size:1.25rem; }
.RecordTableWrap .record_table_note { font-size:0.875rem; }

/* 分項成績 */
.RecordTable.splits tr td:first-child { text-align:left; font-size:0.8125rem; }

.record_table_swipe_guide { font-size:0.875rem; }
.RecordTable th, .RecordTable td { padding:6px 6px; }
.RecordTable td.player .position { font-size:0.75rem; }
@media screen and (max-width: 479px) {
.RecordTable { font-size:0.8125rem; }
}
@media screen and (min-width: 480px) {
.RecordTable { font-size:0.875rem; }
}

@media screen and (max-width: 439px) {
.record_table_scroll_ctrl { margin-top:0; }
}


/*----------------------------------------------------------------------*/
/* 賽程表 */
.ScheduleSearch > div { display:block; margin-right:0; }
.ScheduleSearch > div input, .ScheduleSearch > div select { width:100%; }
.ScheduleSearch .item input[type="text"], .ScheduleSearch .item select, .ScheduleSearch .btn input { 
	height:44px; line-height:44px; font-size:1.125rem; 
	}
@media screen and (max-width: 399px) {
.ScheduleSearch > div:not(.btn) { margin-bottom:15px; }
}
@media screen and (min-width: 400px) {
.ScheduleSearch .year, .ScheduleSearch .game_place { float:left; width:48%; margin-bottom:20px; text-align:left; }
.ScheduleSearch .month, .ScheduleSearch .game_type { float:right; width:48%; margin-bottom:20px; text-align:right; }
.ScheduleSearch .btn { clear:both; }
}

/* 頁籤 */
.ScheduleGroup .tabs li.calendar, .ScheduleGroup .tabs li.list, .ScheduleGroup .tab_cont.calendar { display:none; }
.ScheduleGroup .tabs { text-align:right; }
.ScheduleGroup .tabs li { margin:0; }
.ScheduleGroup .tabs li a { font-size:1rem; line-height:44px; }

/* 條列式 */
.ScheduleTableList { margin-top:-65px; }
.ScheduleTableList table, .ScheduleTableList table tbody, .ScheduleTableList table tr,
.ScheduleTableList table th, .ScheduleTableList table td { display:block; }
.ScheduleTableList table tr { 
	background-color:#fff; margin-top:10px; border:1px solid #d9d9d9; position:relative;
	display:flex; flex-wrap:wrap; align-items:stretch; align-content:center; 
	-ms-display:flex; -ms-flex-wrap:wrap; -ms-align-items:stretch; -ms-align-content:center; 
	}
	.ScheduleTableList tr.final { background-color:#f2f2f2; }
.ScheduleTableList table tr::after { content:''; display:block; clear:both; }
.ScheduleTableList table tr:first-child { position:absolute; left:-10000px; top:-10000px; }
.ScheduleTableList td { flex: 0 1 auto; }

.ScheduleTableList td.date { 
	width:100%; padding-top:20px; margin:-1px -1px 0 -1px; box-sizing:content-box; z-index:2; 
	border-bottom:1px solid #d9d9d9; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; 
	text-align:left; line-height:30px; 
	}
	.ScheduleTableList tr.today td.date { font-weight:700; font-size:1.5rem; color:#006ec5; }
	.ScheduleTableList tr.today td.date::after { display:none; }
.ScheduleTableList td.game_no { width:50px; text-align:left; }
.ScheduleTableList td.team { width:calc(100% - 160px); text-align:center; }
.ScheduleTableList td.info { width:110px; font-size:0.875rem; text-align:right; }
.ScheduleTableList td.info .play_time, .ScheduleTableList td.info .time { margin-left:5px; }
.ScheduleTableList td.remark { width:100%; padding-top:0; padding-bottom:0; text-align:center; font-size:0.8125rem; }
.ScheduleTableList td.remark > div { padding-top:6px; padding-bottom:6px; }
.ScheduleTableList td.remark .note > div { font-weight:bold; font-size:1rem; }

@media screen and (max-width: 559px) {
.ScheduleTableList td.team .name a { 
	display:inline-block; width:20px; height:20px; margin:0 0 0.25em 0; vertical-align:middle; text-indent:-999px; overflow:hidden; 
	background-repeat:no-repeat; background-position:center center; background-size:contain;
	}
.ScheduleTableList td.team .name a:hover, .ScheduleTableList .team .name a:focus { transform:scale(1.15); outline:0; }
}
@media screen and (min-width: 560px) {
.ScheduleTableList td.team .name { width:9em; text-align:right; }
.ScheduleTableList td.team .name:last-child { text-align:left; }
.ScheduleTableList td.team .name a { background-image:none !important; }
}

/*----------------------------------------------------------------------*/
/* 成績看板通用元素 */
.GameSearch { display:flex; flex-wrap:wrap; -ms-display:flex; -ms-flex-wrap:wrap; }
.GameSearch > div { display:block; margin-right:0; flex:0 1 auto; width:100%; }
	.GameSearch .item.year { width:40%; }
	.GameSearch .item.month { width:30%; padding-left:10px; }
	.GameSearch .item.day { width:30%; padding-left:10px; }
.GameSearch > div input, .GameSearch > div select { width:100%; }
.GameSearch .item input[type="text"], .GameSearch .item select, .GameSearch .btn input { 
	height:44px; line-height:44px; font-size:1.125rem; 
	}

.GameHeader .game_list .owl-carousel { display:block; }
.GameHeader .game_list li.actived a::after, .GameHeader .game_list li a::after {
	display:none;
	}
.GameHeader .game_list .Tags { position:static; margin-bottom:5px; }
.GameHeader .game_list li a { padding:10px 0; height:auto; }

/*.GameHeader::before { height:calc(100% - 15px); }
.GameHeader .game_nav ul li { margin-left:5px; margin-right:5px; }
.GameHeader .game_nav ul a { padding:0 10px; font-size:1rem; line-height:44px; }
.GameHeader .game_nav ul a::before { width:20px; height:20px; margin:0 5px 0.25em 0; }
@media screen and (max-width: 479px) {
.GameSearch > div:not(.btn) { margin-bottom:15px; }
.GameHeader .game_nav { padding-top:0; }
}
@media screen and (min-width: 480px) {
.GameSearch .game_type { float:left; width:48%; margin-bottom:20px; text-align:left; }
.GameSearch .date_select { float:right; width:48%; margin-bottom:20px; text-align:right; }
.GameSearch .btn { clear:both; }
}

.GameHeader .game_list { min-height:103px; }
.GameHeader .game_list .owl-item:first-child li a::after, .GameHeader .game_list li.actived a::after {
	display:none;
	}
@media screen and (min-width: 480px) and (max-width: 500px) {
.GameHeader .game_list .Tags .tag { margin:0; }
.GameHeader .game_list .Tags .tag > * { font-size:14px; }
}*/
	
.GameHeader .game_detail { padding:20px 10px 10px 10px; }

/* 先發 */
.GameHeader .game_detail .Starter .cont { padding:10px 15px; }
.GameHeader .game_detail .Starter .player { width:100%; }
.GameHeader .game_detail .Starter .player .name { font-size:1.25rem; }
.GameHeader .game_detail .Starter .player .b_t { font-size:0.875rem; }
.GameHeader .game_detail .Starter .stats { margin-top:10px; }
.GameHeader .game_detail .Starter .stats + .stats { margin-left:15px; }
.GameHeader .game_detail .Starter .stats .label { font-size:0.8125rem; }
.GameHeader .game_detail .Starter .stats .desc { font-size:1rem; }
.GameHeader .game_detail .Starter .brief { font-size:0.875rem; }
.GameHeader .game_detail .Starter .team { top:10px; right:15px; }
.GameHeader .game_detail .Starter .team .name { width:54px; height:54px; }
.GameHeader .game_detail .Starter .team .w-l { font-size:0.8125rem; }
@media screen and (max-width: 499px) {
.GameHeader .game_detail .Starter { width:100%; max-width:320px; margin-left:auto; margin-right:auto; }
.GameHeader .game_detail .Starter .player .b_t { margin-left:5px; padding-left:5px; }
}
@media screen and (min-width: 500px) {
.GameHeader .game_detail .Starter { width:50%; }
.GameHeader .game_detail .Starter.Away { padding-right:10px; }
.GameHeader .game_detail .Starter.Home { padding-left:10px; }
.GameHeader .game_detail .Starter .player .b_t { display:block; margin-left:0; padding-left:0; border:0; }
}

/* 記分板 */
.GameHeader .game_detail .game_info .place { font-size:1rem; }
.GameHeader .game_detail .game_info .game_no { font-size:1rem; }

.GameHeader .game_detail .ScoreBoard { width:100%; }
.GameHeader .game_detail .ScoreBoard .team { position:absolute; }
.GameHeader .game_detail .ScoreBoard .team .score { position:absolute; top:50%; margin-top:-0.6em; }
	.GameHeader .game_detail .ScoreBoard .team.away .score { right:0; margin-right:0.5em; }
	.GameHeader .game_detail .ScoreBoard .team.home .score { left:0; margin-left:0.5em; }
.GameHeader .game_detail .ScoreBoard .team.away::after { 
	display:none;content:':'; position:absolute; top:50%; right:0; margin:-15px -15px 0 0; width:30px; height:30px; line-height:30px; text-align:center; 
	font-family: 'Montserrat', sans-serif; font-weight:600;
	}
.GameHeader .game_detail .ScoreBoard .team.away .team_name { margin-left:0; margin-bottom:0; }
.GameHeader .game_detail .ScoreBoard .team.home .team_name { margin-right:0; margin-bottom:0; }
.GameHeader .game_detail .ScoreBoard .team.away .w-l-t { margin-left:0; margin-right:auto; }
.GameHeader .game_detail .ScoreBoard .team.home .w-l-t { margin-right:0; margin-left:auto; }

/*.GameHeader .game_detail .linescore_wrap .team_name .full { display:none; }
.GameHeader .game_detail .linescore_wrap .team_name .short { display:block; }*/

@media screen and (max-width: 479px) {
.GameHeader .game_detail .ScoreBoard .team { top:60px; }
.GameHeader .game_detail .ScoreBoard .team .team_name { width:72px; height:72px; }
.GameHeader .game_detail .ScoreBoard .team .score { font-size:2rem; }
.GameHeader .game_detail .ScoreBoard .team .w-l-t { width:72px; font-size:0.875rem; }

.GameHeader .game_detail .linescore_table .linescore .card { background:none; color:#fff; }
.GameHeader .game_detail .linescore_table .linescore .card::after { display:none; }

.GameHeader .game_detail .linescore_table th, 
.GameHeader .game_detail .linescore_table td { padding:5px 1px; }
.GameHeader .game_detail .linescore_table div:not(.team_name) th,
.GameHeader .game_detail .linescore_table > div:not(.team_name) .away td { border-bottom:1px solid rgba(255,255,255,0.3); }
.GameHeader .game_detail .linescore_table .linescore th, 
.GameHeader .game_detail .linescore_table .linescore td {letter-spacing:-0.1em; }
.GameHeader .game_detail .linescore_table td { height:30px; line-height:30px; }

.GameHeader .game_detail .linescore_wrap { margin:80px auto 0; }
.GameHeader .game_detail .linescore_table { padding-left:5px; padding-right:5px; }
.GameHeader .game_detail .linescore_table .team_name { padding-right:0; }
.GameHeader .game_detail .linescore_table .team_name .short { height:30px; }
.GameHeader .game_detail .linescore_table .team_name .short a { width:20px; height:20px; margin:-10px 0 0 -10px; }

.GameHeader .game_detail .linescore_wrap .player_matchup > div { margin-left:5px; margin-right:5px; font-size:0.875rem; }
}
	@media screen and (max-width: 399px) {
	.GameHeader .game_detail .ScoreBoard .team { width:130px; }
	.GameHeader .game_detail .ScoreBoard .team.away { left:calc((100% - 260px) / 2); }
	.GameHeader .game_detail .ScoreBoard .team.home { right:calc((100% - 260px) / 2); }
	
	.GameHeader .game_detail .linescore_table th,
	.GameHeader .game_detail .linescore_table > div:not(.team_name) td { font-size:14px; }
	
	.GameHeader .game_detail .linescore_wrap { width:260px; }
	.GameHeader .game_detail .linescore_table .team_name { width:22px; }
	.GameHeader .game_detail .linescore_table .team_name .short { width:20px; }
	.GameHeader .game_detail .linescore_table .linescore.scrollable { width:171px; }
	.GameHeader .game_detail .linescore_table .linescore.scrollable th span { width:17px; }
	.GameHeader .game_detail .linescore_table .linescore.fixed { width:57px; }
	}
	@media screen and (min-width: 400px) and (max-width: 479px) {
	.GameHeader .game_detail .ScoreBoard .team { width:170px; }
	.GameHeader .game_detail .ScoreBoard .team.away { left:calc((100% - 340px) / 2); }
	.GameHeader .game_detail .ScoreBoard .team.home { right:calc((100% - 340px) / 2); }
	
	.GameHeader .game_detail .linescore_table th,
	.GameHeader .game_detail .linescore_table > div:not(.team_name) td { font-size:16px; }

	.GameHeader .game_detail .linescore_wrap { width:340px; }
	.GameHeader .game_detail .linescore_table .team_name { width:30px; }
	.GameHeader .game_detail .linescore_table .team_name .short { width:30px; }
	.GameHeader .game_detail .linescore_table .linescore.scrollable { width:216px; }
	.GameHeader .game_detail .linescore_table .linescore.scrollable th span { width:22px; }
	.GameHeader .game_detail .linescore_table .linescore.fixed { width:72px; }
	}
@media screen and (min-width: 480px) {
.GameHeader .game_detail .game_info > div { display:inline-block; }

.GameHeader .game_detail .ScoreBoard .team { top:30px; width:200px; }
.GameHeader .game_detail .ScoreBoard .team.away::after { font-size:1.5rem; }
	.GameHeader .game_detail .ScoreBoard .team.away { left:calc((100% - 400px) / 2); }
	.GameHeader .game_detail .ScoreBoard .team.home { right:calc((100% - 400px) / 2); }
.GameHeader .game_detail .ScoreBoard .team .team_name { width:100px; height:100px; }
.GameHeader .game_detail .ScoreBoard .team .w-l-t { width:100px; font-size:0.9375rem; }
	
.GameHeader .game_detail .linescore_wrap { width:400px; /*width:100%;*/ margin:95px auto 0; }
.GameHeader .game_detail .linescore_table .team_name { width:45px; }
.GameHeader .game_detail .linescore_table .linescore.scrollable { width:252px; }
.GameHeader .game_detail .linescore_table .linescore.scrollable th span { width:22px; }
.GameHeader .game_detail .linescore_table .linescore.fixed { width:78px; }
}

/* MVP */
.GameHeader .game_detail .MVP { width:100%; }
.GameHeader .game_detail .MVP > div { padding-top:30px; }

.GameHeader .game_detail .MVP .record { margin-top:10px; }

/* 壘包狀態 */
.GameHeader .game_detail .GameMatchup { width:100%; }
.GameHeader .game_detail .GameMatchup .bases_wrap { width:150px; height:150px; }
.GameHeader .game_detail .GameMatchup .bases_wrap .base { width:28px; height:28px; }
.GameHeader .game_detail .GameMatchup .bases .picther { top:28px; }
.GameHeader .game_detail .GameMatchup .bases .batter { bottom:0; }
.GameHeader .game_detail .GameMatchup .bases .team a { width:20px; height:20px; }
.GameHeader .game_detail .GameMatchup .footer { margin-top:50px; padding-top:10px; }

/* 賽事取消/延期 */
.GameHeader .game_detail .game_canceled {margin:-20px -10px -10px -10px;padding: 40px 10px;}


/*----------------------------------------------------------------------*/
/* 先發戰報 */
.StartersNav li a { font-size:1.125rem; }
.StartersNav li a span { padding:0 10px; }


/*----------------------------------------------------------------------*/
/* 文字轉播 */
.GamePlaysDetail.live > .tabs li { width:33.3333%; }
.GamePlaysDetail.final > .tabs li { width:50%; }
.GamePlaysDetail > .tabs li a .en { display:none; }
.InningPlaysGroup .tabs li a { width:36px; height:36px; line-height:36px; }
.InningPlaysGroup .tab_container { margin-right:50px; }
@media screen and (max-width: 479px) {
.InningPlays .title, .InningPlays .item.action { padding-left:10px; padding-right:10px; }
.InningPlays .item.play { padding-left:0; padding-right:0; }

.GamePlaysDetail > .tabs li a { font-size:1rem; }
.GamePlaysDetail .tab_cont .col_title h3 { font-size:1.5rem; }
.GamePlaysDetail .tab_cont .col_title .en { font-size:0.875rem; }

.InningPlays .play .player { width:50px; margin:0 10px 0 0; }
.InningPlays .play .detail .pitch_num { width:50px; }
.InningPlays .play .detail .pitch_num span { left:9px; }
.InningPlays .play .detail .call_desc { margin-left:60px; padding-right:50px; }
.InningPlays .play .detail .pitches_count { width:45px; font-size:1rem; }
.InningPlays .item .desc, .InningPlays .item .detail .call_desc { font-size:0.875rem; }
.scoring .InningPlays .play .sbo { display:block; }
.scoring .InningPlays .play .sbo + * { margin-left:0; }
}
@media screen and (min-width: 480px) {

}

@media screen and (orientation: landscape) {
.InningPlaysGroup .tabs { float:none; }
.InningPlaysGroup .tabs li { float:left; margin-bottom:0; }
.InningPlaysGroup .tabs li.active::after { 
	display:block; content:''; position:absolute; top:auto; bottom:-10px; left:50%; margin-top:0; margin-left:-5px; 
	border-left:5px solid transparent; border-right:5px solid transparent; border-top:12px solid #005496; border-bottom:0; 
	}
.InningPlaysGroup .tab_container { margin-right:0; }
}


/*----------------------------------------------------------------------*/
/* 成績看板 */
/* 頁籤 */
@media screen and (max-width: 479px) {
.GameBoxDetail > .tabs li a { line-height:48px; font-size:1rem; letter-spacing:0; }
.GameBoxDetail > .tabs li a > span span { display:none; }
}
@media screen and (min-width: 480px) {
.GameBoxDetail > .tabs li a { line-height:48px; font-size:1.125rem; }
.GameBoxDetail > .tabs li a > span span { width:24px; height:24px; }
}

.GameNote ul { margin-left:-25px; }
.GameNote li { margin-left:25px; line-height:20px; font-size:0.875rem; }
.GameNote li span { padding-right:10px; margin-right:8px; }


/*----------------------------------------------------------------------*/
/* 球隊通用元素 */
/* 球隊header */
.TeamBrief { padding:20px 10px; margin-top:25px; }
.TeamBrief > div { padding:15px 10px; }
.TeamBrief dt .desc { font-size:0.875rem; }
.TeamBrief dd { width:auto; margin:5px 5px 5px 0; }
.TeamBrief dd .label { font-size:0.8125rem; }
.TeamBrief dd .desc { font-size:0.875rem; }
.TeamBrief dt .name { font-size:2rem; }

.TeamBrief .follow .btn a { font-size:1rem; }
.TeamBrief .follow .following { font-size:0.8125rem; }
@media screen and (max-width: 479px) {
.TeamBrief dt { padding-right:0; }
}
@media screen and (min-width: 480px) {
}

@media screen and (max-width: 479px) {
.TeamBrief .follow { position:static; margin-top:15px; }
.TeamBrief .follow > div { display:inline-block; vertical-align:middle; }
.TeamBrief .follow .following { margin-left:10px; }
}
@media screen and (min-width: 480px) {
.TeamBrief .follow { right:15px; }
.TeamBrief .follow .btn a { font-size:1rem; }
}

/* 球員header */
.PlayerBrief { padding:15px 10px; margin-top:25px; }
.PlayerBrief > div { padding:15px 10px; }

.PlayerBrief .img { float:none; width:100px; }
.PlayerBrief dl { margin-top:10px; }
.PlayerBrief dt { position:absolute; left:130px; top:20px; clear:both; width:auto; padding-right:0; }
.PlayerBrief dd { width:auto; margin:5px 5px 5px 0; }
.PlayerBrief dd .label { font-size:0.8125rem; }
.PlayerBrief dd .desc { font-size:0.9375rem; }
.PlayerBrief dd.ht_wt .unit { font-size:12px; }
@media screen and (max-width: 479px) {
.PlayerBrief dt .team { font-size:1rem; letter-spacing:0; }
.PlayerBrief dt .name { font-size:1.75rem; letter-spacing:0; }
.PlayerBrief dt .name .number { display:block; margin-left:0; font-size:2.5rem; }
}
@media screen and (min-width: 480px) {
.PlayerBrief dd.draft { width:100%; }
}
.PlayerBrief .follow { position:static; margin-top:15px; }
.PlayerBrief .follow > div { display:inline-block; vertical-align:middle; }
.PlayerBrief .follow .following { margin-left:10px; font-size:0.8125rem; }

/* 球員header(大圖) */
.PlayerHardcover .row1::after { height:70%; }
.PlayerHardcover .row1 dt .player .name { font-size:1.625rem; letter-spacing:0; font-weight:bold; }
.PlayerHardcover .row1 dt .player .team { font-size:0.875rem; letter-spacing:0; }
.PlayerHardcover .row1 dt .number { margin-left:10px; font-size:2.25rem; }
.PlayerHardcover .row1 dt .pos_b_t { font-size:0.9375rem; line-height:20px; }
.PlayerHardcover .row1 dd .label { font-size:0.8125rem; }
.PlayerHardcover .row1 dd .desc { font-size:0.9375rem; }
.PlayerHardcover .row1 .follow .btn a { font-size:1rem; }
.PlayerHardcover .row1 .follow .following { padding-top:5px; text-shadow:1px 1px 5px #000; font-size:0.8125rem; }

.PlayerHardcover .row2 li .label { font-size:0.8125rem; }
.PlayerHardcover .row2 li .desc { font-size:0.9375rem; }
@media screen and (max-width: 479px) {
.PlayerHardcover { padding-top:58px; }
.PlayerHardcover .row1 { height:260px; display:table; width:100%; padding-bottom:0; }
.PlayerHardcover .row1 > div { display:table-cell; vertical-align:bottom; }
.PlayerHardcover .row1 .img { width:64px; left:0; position:relative; margin:0 0 20px 10px; }
.PlayerHardcover .row1 dl { left:0; position:relative; margin:0 0 0 10px; }
.PlayerHardcover .row1 dt { margin-bottom:10px; }
.PlayerHardcover .row1 dd { margin-right:10px; }
.PlayerHardcover .row1 dd > div { line-height:18px; }
.PlayerHardcover .row1 .follow { top:-58px; right:0; width:100%; }
.PlayerHardcover .row1 .follow .btn { display:inline-block; vertical-align:middle; }
.PlayerHardcover .row1 .follow .following { display:inline-block; vertical-align:middle; margin-left:10px; color:#666; text-shadow:none; }

.PlayerHardcover .row2 ul { margin-left:-10px; }
.PlayerHardcover .row2 li { margin-left:10px; }
}
@media screen and (min-width: 480px) {
.PlayerHardcover .row1 { padding-bottom:260px; }
.PlayerHardcover .row1 .img { width:72px; bottom:15px; left:15px; }
.PlayerHardcover .row1 dl { left:100px; }
.PlayerHardcover .row1 dd { margin-right:20px; }
.PlayerHardcover .row1 dd > div { line-height:20px; }
.PlayerHardcover .row1 .follow { top:15px; right:15px; }

.PlayerHardcover .row2 ul { margin-left:-20px; }
.PlayerHardcover .row2 li { margin-left:20px; }
}


/*----------------------------------------------------------------------*/
/* 數據統計-記錄特別報導 */
.SpecialReport .team_title { padding-left:105px; margin-bottom:20px; }
.SpecialReport .team_title .team_logo { left:10px; margin-top:-40px; width:80px; height:80px; }
.SpecialReport .team_title .team_name { font-size:1.125rem; }
.SpecialReport .team_report + .team_title { margin-top:50px; }


/*----------------------------------------------------------------------*/
/* 數據統計-單項排行榜 */
.TopFiveList .item { width:100%; }
@media screen and (max-width: 479px) {
.TopFiveList .item > div { padding:15px; }
.TopFiveList .title { padding:0 15px; }
.TopFiveList .photo_player_1st { display:none; }
.TopFiveList li .num { font-size:0.9375rem; }
	.TopFiveList li:first-child .num { font-size:1rem; }
.TopFiveList .btn_more { right:15px; }
}
@media screen and (min-width: 480px) {
.TopFiveList .photo_player_1st { width:100px; }
}


/*----------------------------------------------------------------------*/
/* 數據統計-單月MVP */
.MonthlyMVP .item { margin-bottom:20px; }
	.MonthlyMVP .item:last-child { margin-bototm:0; }

.MonthlyMVP .MVPcover > div::after { height:70%; }
.MonthlyMVP .MVPcover dt .name { font-size:1.625rem; font-weight:bold; }
.MonthlyMVP .MVPcover dt .name .team { font-size:0.875rem; letter-spacing:0; }
.MonthlyMVP .MVPcover dt .number { margin-left:10px; font-size:2.25rem; }
.MonthlyMVP .MVPcover dt .pos_b_t { font-size:0.9375rem; line-height:20px; }
.MonthlyMVP .MVPcover dd .label { font-size:0.8125rem; }
.MonthlyMVP .MVPcover dd .desc { font-size:0.9375rem; }
@media screen and (max-width: 479px) {
.MonthlyMVP .MVPcover { height:250px; display:table; width:100%; }
.MonthlyMVP .MVPcover > div { display:table-cell; vertical-align:bottom; }
.MonthlyMVP .MVPcover .img { width:72px; left:0; position:relative; padding:0 0 10px 10px; }
.MonthlyMVP .MVPcover dl { left:0; position:relative; padding:0 0 0 10px; }
.MonthlyMVP .MVPcover dt { margin-bottom:5px; }
.MonthlyMVP .MVPcover dd { margin-right:10px; }
.MonthlyMVP .MVPcover dd > div { line-height:18px; }
}
@media screen and (min-width: 480px) {
.MonthlyMVP .MVPcover > div { padding-bottom:56.25%; }
.MonthlyMVP .MVPcover .img { width:80px; bottom:15px; left:15px; }
.MonthlyMVP .MVPcover dl { left:110px; }
.MonthlyMVP .MVPcover dd { margin-right:20px; }
.MonthlyMVP .MVPcover dd > div { line-height:20px; }
}


/*----------------------------------------------------------------------*/
/* 球員點將錄 */
.PlayersSearch .note { padding-bottom:10px; }
.PlayersSearch .note span::before { content:'下方'; }

@media screen and (max-width: 479px) {
.PlayersList dd { width:33.3333%; }
}
@media screen and (min-width: 480px) {
.PlayersList dd { width:25%; }
}


/*----------------------------------------------------------------------*/
/* 球員列表 */
.TeamPlayersListWrap { padding-right:85px; }
.TeamPlayersListWrap .cat_ancher.fixedTop { top:0; right:10px; }
.TeamPlayersListWrap .cat_title { margin-bottom:20px; }

.TeamPlayersList .item { margin-bottom:20px; }
.TeamPlayersList .item > div { padding:10px 10px 10px 10px; }
.TeamPlayersList .pos { font-size:0.8125rem; }
.TeamPlayersList .name { font-size:1.25rem; }
.TeamPlayersList .number { font-size:1.75rem; }
@media screen and (max-width: 399px) {
.TeamPlayersList { margin-left:0; margin-right:0; }
.TeamPlayersList .item { padding-left:0; padding-right:0; width:100%; }
.TeamPlayersList .item > div {  max-width:100%; }
.TeamPlayersList .img { float:left; width:40%; max-width:100px; margin-right:10px; }
.TeamPlayersList .cont { overflow:hidden; text-align:left; }
}
@media screen and (min-width: 400px) and (max-width: 499px) {
.TeamPlayersList { margin-left:-10px; margin-right:-10px; }
.TeamPlayersList .item { padding-left:10px; padding-right:10px; width:50%; }
.TeamPlayersList .item > div {  max-width:140px; }
}
@media screen and (min-width: 500px) {
.TeamPlayersList { margin-left:-10px; margin-right:-10px; }
.TeamPlayersList .item { padding-left:10px; padding-right:10px; width:33.3333%; }
}


/*----------------------------------------------------------------------*/
/* 球員-個人獎項 */
.PlayerAwardsList .item { width:100%; }
@media screen and (max-width: 479px) {
.PlayerAwardsList .item > div { padding:15px; }
.PlayerAwardsList .title { padding:0 15px; }
}


/*----------------------------------------------------------------------*/
/* 職棒大事記 */
.CPBLTimeline .title { font-size:1.5rem; }
.CPBLTimeline .time_line .date { 
	top:12px; width:auto; padding:0 0 0 20px; text-align:left; background-color:transparent; z-index:4;
	color:#006ec5; line-height:40px; font-size:1.125rem; 
	}
.CPBLTimeline .time_line .date .year { display:inline; }
.CPBLTimeline .time_line .date .year::after { content:'/'; }
.CPBLTimeline .time_line .desc .editable_content { padding:50px 20px 15px; }
@media screen and (max-width: 479px) {
.CPBLTimeline .time_line::before, .CPBLTimeline .time_line .desc::after { display:none; }
.CPBLTimeline .time_line .date { left:0; }
.CPBLTimeline .time_line .desc { margin-left:0; }
}
@media screen and (min-width: 480px) {
.CPBLTimeline .time_line::before { left:20px; }
.CPBLTimeline .time_line > li:first-child::before { 
	content:''; display:block; position:absolute; top:0; left:20px; width:4px; height:40px; margin-left:-2px; background-color:#fff;
	}
.CPBLTimeline .time_line > li::after { 
	content:''; display:block; position:absolute; top:26px; left:20px; width:16px; height:16px; margin-left:-8px; background-color:#006ec5;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	}
.CPBLTimeline .time_line .date { left:60px; }
.CPBLTimeline .time_line .desc { margin-left:60px; }
}


/*----------------------------------------------------------------------*/
/* 球迷成長數 */
#CPBLFansChart { height:640px; font-size:12px; }


/*----------------------------------------------------------------------*/
/* 球隊沿革 */
.TeamHistoryTimeLine td { border-bottom-width:32px; height:32px; line-height:32px; }
	.TeamHistoryTimeLine td:not(.year) { width:60px; }
.TeamHistoryTimeLine .year { width:45px; font-size:0.875rem; }
.TeamHistoryTimeLine .timeline_bar { width:32px; height:32px; }
.TeamHistoryTimeLine .timeline_bar::after { height:34px; }
.TeamHistoryTimeLine .timeline_bar.win::before { left:-18px; margin-top:-8px; width:16px; height:16px; }
.TeamHistoryTimeLine .timeline_bar .team_logo a {  margin:-13px 0 0 -13px; width:26px; height:26px; }
.TeamHistoryTimeLine .team_name { padding-bottom:0; font-size:12px; }


/*----------------------------------------------------------------------*/
/* 聯絡我們 */
.CPBLContact .item { padding:15px 15px; margin:30px 0; }
.CPBLContact .item > div { padding:5px 15px 15px; }

.CPBLContact .item .icon { width:100%; height:60px; border-bottom:2px solid #ccc; margin-bottom:20px; }
.CPBLContact .item .icon span { width:60px; background-color:transparent; }
.CPBLContact .item .cont { font-size:0.875rem; }


/*----------------------------------------------------------------------*/
/* 球場介紹 */
@media screen and (max-width: 399px) {
.StadiumList { margin:0; }
.StadiumList .item { padding:0; width:100%; }
}
@media screen and (min-width: 400px) {
.StadiumList .item { width:50%; }
}

.StadiumHeader .stadium_img { padding-bottom:0; }
.StadiumHeader .stadium_img::after { height:100%; }
.StadiumHeader .stadium_info { position:relative; padding:15px 15px 5px 15px; }
.StadiumHeader .stadium_info dt {  font-size:1.25rem; }
.StadiumHeader .stadium_info dd { padding-bottom:20px; margin-right:20px; line-height:20px; }
@media screen and (max-width: 479px) {
.StadiumHeader .stadium_info dd .label { font-size:0.8125rem; }
.StadiumHeader .stadium_info dd .desc { font-size:0.9375rem; }
}
@media screen and (min-width: 480px) {
.StadiumHeader .stadium_info dd .label { font-size:0.875rem; }
.StadiumHeader .stadium_info dd .desc { font-size:1rem; }
}

.StadiumHeader .stadium_spec dl {
	display:flex; flex-wrap:wrap; align-items:stretch; align-content:center; 
	-ms-display:flex; -ms-flex-wrap:wrap; -ms-align-items:stretch; -ms-align-content:center; 
	}
.StadiumHeader .stadium_spec dd { flex: 0 1 auto; }
.StadiumHeader .stadium_spec dd > div { font-size:0.875rem; }
@media screen and (max-width: 479px) {
.StadiumHeader .stadium_spec dd { width:33.3333%; }
.StadiumHeader .stadium_spec dd:last-child, .StadiumHeader .stadium_spec dd:nth-last-child(2) { width:50%; }
}
@media screen and (min-width: 480px) {
.StadiumHeader .stadium_spec dd { width:25%; }
}

.StadiumDetail { font-size:0.875rem; }
@media screen and (max-width: 479px) {
.StadiumDetail .item{ display:block; }
.StadiumDetail .item .label { display:inline-block; width:auto; }
.StadiumDetail .item .label::after { display:none; }
.StadiumDetail .item .desc { display:block; padding:5px 0; }
}
@media screen and (min-width: 480px) {
.StadiumDetail .item .label { width:120px; }
}

.StadiumMap .map { margin-bottom:20px; }
.StadiumMap .floor_plan { max-width:480px; margin:0 auto; height:auto; padding-bottom:64%; }


/*----------------------------------------------------------------------*/
/* 搜尋結果 
.SearchResult .title { font-size:1.25rem; }*/


/*----------------------------------------------------------------------*/
/* 網站導覽 */
.SitemapTree { 
	padding:0; 
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	}
.SitemapTree .list::before { left:20px; }
.SitemapTree .list .home { padding:0 10px; }
.SitemapTree .list  > li { margin-left:20px; }


/*----------------------------------------------------------------------*/
/* 登入 */
.LoginBox .colm_right { padding-top:40px; }