@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1359px) {
#Wrap {padding-top: 0px;}
}
@media screen and (min-width: 1360px) {
#Wrap {}
}

/*----------------------------------------------------------------------*/
/* Header */
#Header { padding-top:40px; }
@media screen and (max-width: 1359px) {
#Header > div, .Topper > div { padding-left:10px; padding-right:10px; }
#Header > div { height:64px; }
}
@media screen and (min-width: 1360px) {
#Header > div, .Topper > div { padding-left:20px; padding-right:20px; }
#Header > div { height:80px; }
}

/* topper */
.Topper { position:absolute; top:0; left:0; width:100%; background-color:#333; }
.Topper::after { content:''; display:block; clear:both; }
.Topper .top_links { float:right; margin-right:-14px; }
.Topper .top_links li { position:relative; }
.Topper .top_links li > a { display:block; text-decoration:none; }

.Topper .top_links .list > li { float:left; margin-left:10px; }
	.Topper .top_links .list > li:first-child { margin-left:0; }
.Topper .top_links .list > li > a { 
	display:block; padding-left:28px; padding-right:14px; position:relative; 
	color:#fff; font-size:0.9375rem; text-decoration:none; line-height:40px; 
	}
.Topper .top_links .list > li > a:hover, .Topper .top_links .list > li > a:focus { color:#ffcc00; outline:0; }
.Topper .top_links .list > li > a::before { 
	content:''; display:block; position:absolute; top:50%; left:0; width:20px; height:20px; margin-top:-10px; 
	background:url("../images/icon_topper.png") no-repeat; background-size:200%; 
	}
	.Topper .top_links li.member > a:before { background-position:0 0; }
	.Topper .top_links li.search > a:before { background-position:0 50%; }
	.Topper .top_links li.lang > a:before { background-position:0 100%; }
	.Topper .top_links li.member > a:hover:before, .Topper .top_links li.member > a:focus:before { background-position:right 0; }
	.Topper .top_links li.search > a:hover:before , .Topper .top_links li.search > a:focus:before { background-position:right 50%; }
	.Topper .top_links li.lang > a:hover:before, .Topper .top_links li.lang > a:focus:before { background-position:right 100%; }
	
.Topper .top_links .list > li > ul { 
	position:absolute; top:40px; left:50%; width:150px; margin-left:-75px; display:none; z-index:10003; 
	background-color:#fff; padding:10px;
	-webkit-box-shadow:0 0 8px rgba(0,0,0,0.5);
	-moz-box-shadow:0 0 8px rgba(0,0,0,0.5);
	box-shadow:0 0 8px rgba(0,0,0,0.5);
	}
.Topper .top_links .list > li:hover > ul { display:block; }
.Topper .top_links .list > li > ul::before { 
	content:''; display:block; position:absolute; top:-4px; left:50%; width:8px; height:8px; margin-left:-4px; 
	background-color:#fff; z-index:10003; 
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	}
.Topper .top_links .list > li > ul > li > a { 
	display:block; padding:5px 0; 
	text-align:center; color:#333; font-size:0.9375rem; line-height:150%; text-decoration:none; 
	}
.Topper .top_links .list > li > ul > li > a:hover, .Topper .top_links .list > li > ul > li > a:focus { color:#006ec5; }
	
.Topper .top_links .list > li > .search_box { width:300px; left:auto; right:0; margin-left:0; padding:20px; }
.Topper .top_links .list > li > .search_box::before { left:auto; right:24px; margin-left:0; }
.Topper .top_links .search_box li > * { float:left; }
.Topper .top_links .search_box li::after { content:''; display:block; clear:both; }
.Topper .top_links .search_box label { display:none; }
.Topper .top_links .search_box input[type="text"] { 
	padding:0 20px; border:1px solid #666; width:260px; height:40px; line-height:40px; 
	font-size:0.9375rem; color:#333;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.Topper .top_links .search_box input[type="text"]::placeholder { color:#333; }
.Topper .top_links .search_box input[type="text"]:focus { outline:0; background-color:#eaeaea; color:#000; }
.Topper .top_links .search_box input[type="text"]:focus::placeholder { color:#000; }
.Topper .top_links .search_box .btn { 
	width:60px; height:40px; background-color:#333; text-align:center; line-height:40px; color:#fff; font-size:0.9375rem;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.Topper .top_links .search_box .btn:hover, .Topper .top_links .search_box .btn:focus { background-color:#00478b; }

/* logo */
#Header .logo { width:120px; }
#Header .logo h1 { padding:5px 0; }

/* 球隊 */
@media screen and (max-width: 1359px) {
#Header .teams li { padding-top:16px; padding-bottom:16px; }
}
@media screen and (min-width: 1360px) {
#Header .teams li { padding-top:24px; padding-bottom:24px; }
}

/* CPBL TV */
@media screen and (max-width: 1359px) {
#Header .cpbltv { padding-top:16px; padding-bottom:16px; }
}
@media screen and (min-width: 1360px) {
#Header .cpbltv { padding-top:24px; padding-bottom:24px; }
}

/* 浮動效果 */
.MenuFix #Header { 
	position:fixed; padding-top:0; z-index:10003; 
	-webkit-box-shadow:0 8px 8px rgba(0,0,0,0.2);
	-moz-box-shadow:0 8px 8px rgba(0,0,0,0.2);
	box-shadow:0 8px 8px rgba(0,0,0,0.2);
	animation:header 0.5s ease 1;
	}
	@-webkit-keyframes header{
		0%{
			top:-50px;
		}
		100%{
			 top:0;
		}
	}
.MenuFix #Header > div { height:64px; }
.MenuFix #Header .Topper { display:none; }
.MenuFix #Header .teams li { padding-top:16px; padding-bottom:16px; }
.MenuFix #Header .cpbltv { padding-top:16px; padding-bottom:16px; }


/*----------------------------------------------------------------------*/
/* Menu */
/* 先隱藏子選單,等網頁載入完畢後再顯示 */
#Menu .superfish { overflow:hidden; z-index:10002; }
#Menu .superfish.sf-js-enabled { overflow:visible; }

#Menu { z-index:10002; }
#Menu .menu_list::after { content:''; display:block; clear:both; }
#Menu .menu_list li { position:relative; }
#Menu .menu_list a { display:block; text-align:left; color:#333; text-decoration:none; position:relative; }
#Menu .menu_list li:hover > a, #Menu .menu_list li > a:focus { color:#00478b; }

#Menu .menu_list > li { display:inline-block; }
#Menu .menu_list > li > a { letter-spacing:0.05em; color:#333; font-weight:bold; }
#Menu .menu_list > li.selected > a { color:#00478b; }
#Menu .menu_list > li > a::after { 
	content:''; display:block; position:absolute; bottom:25%; left:50%; width:0; height:3px; 
	background-color:#00478b; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
#Menu .menu_list > li:hover > a::after, #Menu .menu_list > li.selected > a::after { width:100%; margin-left:-50%; }
#Menu .menu_list > li.home { width:160px; height:100%; display:none; }
#Menu .menu_list > li.home > a { 
	display:block; height:100%; padding-top:3px; padding-bottom:3px; vertical-align:middle; 
	line-height:100%; text-align:center; 
	}
#Menu .menu_list > li.home > a::before { content:''; display:inline-block; height:100%; vertical-align:middle; }
#Menu .menu_list > li.home > a img { display:inline-block; max-width:100%; max-height:100%; vertical-align:middle; }
@media screen and (max-width: 1359px) {
#Menu .menu_list > li { padding:0 0.25vw; }
#Menu .menu_list > li > a { padding:0 0.4vw; line-height:64px; }
}
	@media screen and (max-width: 1139px) {
	#Menu .menu_list > li > a { font-size:1rem; letter-spacing:0; }
	}
	@media screen and (min-width: 1140px) and (max-width: 1359px) {
	#Menu .menu_list > li > a { font-size:1.125rem; }
	}
@media screen and (min-width: 1360px) {
#Menu .menu_list > li { padding:0 1vw; }
#Menu .menu_list > li > a { padding:0 0.6vw; line-height:80px; font-size:1.25rem; }
}

/* 子選單 */
#Menu .menu_list ul { 
	position:absolute; display:none; width:160px; padding:5px 0; background-color:#fff; border-top:1px solid #ccc; 
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	}
	#Menu .menu_list li:hover > ul { display:block; }
	#Menu .menu_list > li > ul { left:50%; margin-left:-80px; }
	#Menu .menu_list > li > ul ul { top:0; left:160px; }
#Menu .menu_list ul li { padding:0 10px; }
	#Menu .menu_list ul li:first-child { border-top:0; }
#Menu .menu_list ul a { 
	padding:10px 10px 10px 10px; border-top:1px solid #d4d4d4;
	line-height:125%; color:#616060; font-size:1rem; text-align:center; position:relative; 
	}
	#Menu .menu_list ul li:first-child > a { border-top:0; }
#Menu .menu_list ul a.sf-with-ul::after { 
	content:''; position:absolute; top:18px; right:0; width:6px; height:6px; 
	border-top:1px solid #616060; border-right:1px solid #616060;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	}
#Menu .menu_list ul li:hover > a.sf-with-ul::after, #Menu .menu_list ul a.sf-with-ul:focus::after { border-color:#3974b7; }
@media screen and (max-width: 1279px) {
#Menu .menu_list > li > ul { top:64px; }
}
@media screen and (min-width: 1280px) {
#Menu .menu_list > li > ul { top:80px; }
}

/* 倒數第1個選單的處理 */
/*#Menu .menu_list > li:last-child > ul { left:auto; right:50%; margin-left:0; margin-right:-80px; }
#Menu .menu_list > li:last-child > ul > li > ul { left:auto; right:160px; }
#Menu .menu_list > li:last-child ul a.sf-with-ul::after { 
	left:0; right:auto; 
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
	}*/
	
/* 倒數第2個選單的處理 */
/*#Menu .menu_list > li:nth-last-child(2) > ul { left:auto; right:50%; margin-left:0; margin-right:-80px; }
#Menu .menu_list > li:nth-last-child(2) > ul > li > ul { left:auto; right:160px; }
#Menu .menu_list > li:nth-last-child(2) a.sf-with-ul::after { 
	left:0; right:auto; 
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
	}*/

/* 浮動效果 */
.MenuFix #Menu .menu_list > li > a { line-height:64px; }
.MenuFix #Menu .menu_list > li > ul { top:64px; }

	/* 浮動時取消倒數第1個選單的處理 */
/*	.MenuFix #Menu .menu_list > li:last-child > ul { left:0; right:auto; }
	.MenuFix #Menu .menu_list > li:last-child > ul > li > ul { left:180px; right:auto; }
	.MenuFix #Menu .menu_list > li:last-child a.sf-with-ul::after { 
		left:auto; right:10px; 
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		}*/
		
	/* 浮動時取消倒數第2個選單的處理 */
	/*.MenuFix #Menu .menu_list > li:nth-last-child(2) > ul { left:0; right:auto; }
	.MenuFix #Menu .menu_list > li:nth-last-child(2) > ul > li > ul { left:150px; right:auto; }
	.MenuFix #Menu .menu_list > li:nth-last-child(2) a { text-align:left; }
	.MenuFix #Menu .menu_list > li:nth-last-child(2) a.sf-with-ul::after { 
		left:auto; right:10px; 
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		}*/


/*----------------------------------------------------------------------*/
/* KeyVisual */
#KeyVisual .bx-wrapper .bx-controls-direction a { width:48px; height:48px; margin-top:-24px; }
#KeyVisual .bx-wrapper .bx-controls-direction a::after { width:12px; height:12px; margin-top:-6px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-prev::after { left:20px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-next::after { right:20px; }


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


/*----------------------------------------------------------------------*/
/* Footer */
@media screen and (max-width: 1279px) {
#Footer > div { padding-left:20px; padding-right:20px; }
}
@media screen and (min-width: 1280px) {
#Footer > div { padding-left:40px; padding-right:40px; }
#Footer .col_left { float:left; }
#Footer .col_right { float:right; }
}

#Footer .btn_links ul { margin:0 -20px; }
#Footer .btn_links li { width:20%; padding:10px 20px; }

@media screen and (max-width: 1439px) {
#Footer .teams li { margin-left:3vw; margin-right:3vw; }
}
@media screen and (min-width: 1440px) {
#Footer .teams li { margin-left:40px; margin-right:40px; }
}


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


/*----------------------------------------------------------------------*/
/* 首頁賽程表 */
.IndexScheduleGroup { margin-top:-48px; }
.IndexScheduleGroup > .tabs { margin-bottom:50px; }
.IndexScheduleGroup > .tabs ul { float:right; }
.IndexScheduleGroup > .tabs li { float:left; }
.IndexScheduleGroup > .tabs li a span { padding:0 3.125vw; }

/* 首頁賽程簡表 */
.IndexScheduleList .game_item { padding:10px 20px; }
.IndexScheduleList .game_brief { display:table; width:100%; }
.IndexScheduleList .game_brief > div { display:table-cell; vertical-align:middle; }

.IndexScheduleList .game_brief .Tags { width:80px; }
.IndexScheduleList .game_brief .VSBox { width:24%; }
.IndexScheduleList .game_brief .VSBox .w-l-t { width:4.5em; margin-left:auto; margin-right:auto; }
.IndexScheduleList .game_brief .PlaceInfo { width:12%; padding-right:20px; box-sizing:content-box; }
	.IndexScheduleList.taiwan_series .game_brief .PlaceInfo { padding-right:10px; }
	.IndexScheduleList.taiwan_series .game_brief .PlaceInfo .row { padding-left:10px; text-align:left; }
.IndexScheduleList .game_brief .GameMatchupBasic { padding-left:30px; }
.IndexScheduleList .game_brief .ScheduleListNote > div { font-size:1.125rem; }
.IndexScheduleList .game_brief .ScheduleListEnd { text-align:right; }
.IndexScheduleList .game_brief .ScheduleListEnd .CPBLTVReview { width:calc(100% - 150px); text-align:center; }
.IndexScheduleList .game_brief .ScheduleListEnd .Btns { margin-left:20px; }
.IndexScheduleList .game_brief .ScheduleListEnd .Btns a { width:110px; line-height:40px; font-size:1rem; }
@media screen and (max-width: 1399px) {
.IndexScheduleList .game_brief .VSBox { width:30%; }
.IndexScheduleList .game_brief .VSBox > div .team_name a { width:30px; height:30px; }
.IndexScheduleList .game_brief .VSBox .score_wrap > div { width:2em; font-size:28px; line-height:30px; }
.IndexScheduleList .game_brief .VSBox > div .w-l-t { font-size:0.9375rem; }
.IndexScheduleList .game_brief .VSBox .place_info { display:block; }

.IndexScheduleList .game_brief .PlaceInfo { display:none; }

.IndexScheduleList .game_brief .GameMatchupBasic {padding-left:15px; }
.IndexScheduleList .game_brief .GameMatchupBasic .inning { padding-right:25px; font-size:2rem; }
.IndexScheduleList .game_brief .GameMatchupBasic .bases_wrap { width:44px; height:44px; margin:0 25px -20px; }
.IndexScheduleList .game_brief .GameMatchupBasic .base { width:20px; height:20px; }
.IndexScheduleList .game_brief .GameMatchupBasic .sbo > div > span { width:14px; height:14px; }

.IndexScheduleList .game_brief .ScheduleListEnd .Btns { margin-left:10px; }
}

@media screen and (max-width: 1119px) {
.IndexScheduleList .game_item { padding-left:10px; padding-right:10px; }
.IndexScheduleList .game_brief .VSBox { padding:0 10px; }
.IndexScheduleList .game_brief .VSBox .score_wrap .num { width:1.2em; font-size:28px; }
.IndexScheduleList .game_brief .VSBox .place_info { font-size:0.9375rem; }
.IndexScheduleList .game_brief .VSBox .place_info .row { position:relative; }
.IndexScheduleList .game_brief .VSBox .place_info .time { position:absolute; top:100%; left:0; width:100%; }
.IndexScheduleList .game_brief .Weather, .IndexScheduleList .game_brief .PlayerMatchup { padding:0 5px; }
.IndexScheduleList .game_brief .ScheduleListEnd .Broadcaster > * { margin-left:5px; }
}

@media screen and (max-width: 1399px) {
.IndexScheduleList .game_brief .Weather { width:90px; }
.IndexScheduleList .game_brief .Weather .text { font-size:0.8125rem; }

.IndexScheduleList .game_brief .PlayerMatchup { width:90px; }
.IndexScheduleList .game_brief .PlayerMatchup .player .name a { font-size:1rem; }

.IndexScheduleList .game_brief .ScheduleListEnd .Broadcaster > * { max-width:72px; height:36px; }
}

@media screen and (min-width: 1400px) {
.IndexScheduleList .game_brief .Weather { width:110px; }
.IndexScheduleList .game_brief .PlayerMatchup { width:110px; }
}

/* 首頁賽程詳細資料-記分板 */
.IndexScheduleList .game_detail .ScoreBoard { padding-right:10px; }
	.IndexScheduleList.minor .final .game_detail .ScoreBoard { padding-right:0; margin:0 auto; }

.IndexScheduleList .game_detail > div .ScoreBoard > div { padding-top:65px; }
.IndexScheduleList .game_detail .ScoreBoard > div > div { float:left; }
@media screen and (max-width: 1299px) {
.IndexScheduleList .game_detail .ScoreBoard { width:calc(100% - 270px); }
.IndexScheduleList .game_detail .ScoreBoard .team { width:calc((100% - 401px) / 2); }
.IndexScheduleList .game_detail .ScoreBoard .team .team_name { width:100px; height:100px; }

.IndexScheduleList .game_detail .linescore_wrap { width:401px; }
.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:84px; }
}
@media screen and (min-width: 1300px) {
.IndexScheduleList .game_detail .ScoreBoard { width:75%; }
.IndexScheduleList .game_detail .ScoreBoard .team { width:calc((100% - 545px) / 2); }
.IndexScheduleList .game_detail .ScoreBoard .team .team_name { width:120px; height:120px; }

.IndexScheduleList .game_detail .linescore_wrap { width:545px; }
.IndexScheduleList .game_detail .linescore_table .linescore.scrollable { width:360px; }
.IndexScheduleList .game_detail .linescore_table .linescore.scrollable th span { width:34px; }
.IndexScheduleList .game_detail .linescore_table .linescore.fixed { width:120px; }
}

/* 首頁賽程詳細資料-MVP */
.IndexScheduleList .game_detail .MVP { padding-left:10px; }
.IndexScheduleList .game_detail .MVP > div { padding-top:40px; }

.IndexScheduleList .game_detail .MVP .record { margin-top:20px; }
@media screen and (max-width: 1359px) {
.IndexScheduleList .game_detail .MVP { width:270px; }
}
@media screen and (min-width: 1360px) {
.IndexScheduleList .game_detail .MVP { width:25%; }
}

/* 首頁賽程詳細資料-壘包狀態 */
.IndexScheduleList .game_detail .GameMatchup { padding-left:10px; }
@media screen and (max-width: 1359px) {
.IndexScheduleList .game_detail .GameMatchup { width:270px; }
.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; }
}
@media screen and (min-width: 1360px) {
.IndexScheduleList .game_detail .GameMatchup { width:25%; }
.IndexScheduleList .game_detail .GameMatchup .bases_wrap { width:170px; height:170px; }
.IndexScheduleList .game_detail .GameMatchup .bases_wrap .base { width:36px; height:36px; }
.IndexScheduleList .game_detail .GameMatchup .bases .picther { top:22%; }
.IndexScheduleList .game_detail .GameMatchup .bases .batter { bottom:-5px; }
.IndexScheduleList .game_detail .GameMatchup .bases .team a { width:28px; height:28px; }
.IndexScheduleList .game_detail .GameMatchup .footer { margin-top:35px; padding-top:15px; }
}

/* 首頁賽程詳細資料-先發攻守名單 */
.IndexScheduleList .index_lineup_table_wrap { width:50%; }
.IndexScheduleList .index_lineup_table_wrap.away { float:left; }
.IndexScheduleList .index_lineup_table_wrap.home { float:right; }
.IndexScheduleList .index_lineup_table_wrap.away .team { left:0; }
.IndexScheduleList .index_lineup_table_wrap.home .team { right:0; }
@media screen and (max-width: 1279px) {
.IndexScheduleList .index_lineup_table_wrap.away { padding-right:10px; }
.IndexScheduleList .index_lineup_table_wrap.home { padding-left:10px; }
.IndexScheduleList .index_lineup_table_wrap .team { width:25%; }
.IndexScheduleList .index_lineup_table_wrap .team a { width:100px; height:100px; }
.IndexScheduleList .index_lineup_table_wrap.away .index_lineup_table { margin-left:26%; }
.IndexScheduleList .index_lineup_table_wrap.home .index_lineup_table { margin-right:26%; }
}
@media screen and (min-width: 1280px) {
.IndexScheduleList .index_lineup_table_wrap.away { padding-right:2.1%; }
.IndexScheduleList .index_lineup_table_wrap.home { padding-left:2.1%; }
.IndexScheduleList .index_lineup_table_wrap .team { width:30%; }
.IndexScheduleList .index_lineup_table_wrap .team a { width:120px; height:120px; }
.IndexScheduleList .index_lineup_table_wrap.away .index_lineup_table { margin-left:32%; }
.IndexScheduleList .index_lineup_table_wrap.home .index_lineup_table { margin-right:32%; }
}


/*----------------------------------------------------------------------*/
/* 首頁雜誌 */
@media screen and (max-width: 1279px) {
.IndexMag { width:100%; }
.IndexMag .cont { float:left; width:calc(100% - 440px); padding-right:20px; border-right:1px solid #c0c0c0; }
.IndexMag .history { float:right; width:200px; }
.IndexMag .history dt { padding:5px 0; margin-bottom:10px; }
.IndexMag .history dd { padding:5px 0; }
}
@media screen and (min-width: 1280px) {
.IndexMag { width:50%; padding-right:20px; }
.IndexMag .history { clear:both; padding-top:20px; }
.IndexMag .history dl { padding-left:80px; height:80px; }
.IndexMag .history dt { 
	position:absolute; top:0; left:0; width:80px; height:80px; padding:16px; border-right:1px solid #c0c0c0; text-align:center; 
	}
.IndexMag .history dd { float:left; width:50%; padding:16px 0 16px 40px; }
}


/*----------------------------------------------------------------------*/
/* 首頁球隊戰績 */
@media screen and (max-width: 1279px) {
.IndexStanding { width:100%; }
}
@media screen and (min-width: 1280px) {
.IndexStanding { width:50%; padding-left:20px; }
#Center .IndexRow .IndexMag + .IndexBlock.IndexStanding { margin-top:0; }
}


/*----------------------------------------------------------------------*/
/* 首頁總冠軍賽 */
@media screen and (max-width: 1279px) {
.IndexTaiwanSeries { width:100%; }
}
@media screen and (min-width: 1280px) {
.IndexTaiwanSeries { width:50%; padding-left:20px; }
#Center .IndexRow .IndexMag + .IndexBlock.IndexTaiwanSeries { margin-top:0; }
}


/*----------------------------------------------------------------------*/
/* 首頁年度獎項 */
@media screen and (max-width: 1279px) {
.IndexHonor { width:100%; }
}
@media screen and (min-width: 1280px) {
.IndexHonor { width:50%; padding-right:20px; }
}

.index_honor_list li { width:20%; }
@media screen and (min-width: 1100px) and (max-width: 1279px) {
.index_honor_list .img { float:left; margin:0 8px 0 0; }
.index_honor_list .title { text-align:left; }
.index_honor_list .player { text-align:left; }
}
@media screen and (min-width: 1280px) and (max-width: 1399px) {
.index_honor_list .title { font-size:0.9375rem; }
.index_honor_list .name span { width:16px; height:16px; }
.index_honor_list .name a { font-size:1rem; }
}


/*----------------------------------------------------------------------*/
/* 首頁新聞輪播 */
.IndexNewsSlider .bxSlider_list a { color:#fff; }
.IndexNewsSlider .bxSlider_list li .img { padding-bottom:44.4444%; }
.IndexNewsSlider .bxSlider_list li .cont { position:absolute; bottom:0; left:0; width:100%; padding:20px; 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 { margin-top:5px; }
.IndexNewsSlider .bxSlider_list .title a:hover, .IndexNewsSlider .bxSlider_list .title a:focus { text-decoration:underline; }
.IndexNewsSlider .bxSlider_list .desc { margin-top:10px; }

.IndexNewsSlider .bx-wrapper .bx-controls-direction a { top:50%; }
@media screen and (max-width: 1279px) {
.IndexNewsSlider .bxSlider_list .title { font-size:1.875rem; }
.IndexNewsSlider .bxSlider_list .desc { font-size:1.125rem; }
.IndexNewsSlider .bx-wrapper .bx-controls-direction a { width:44px; height:44px; margin-top:-22px; }
.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; }
}
@media screen and (min-width: 1280px) {
.IndexNewsSlider .bxSlider_list .title { font-size:2.25rem; }
.IndexNewsSlider .bxSlider_list .desc { font-size:1.25rem; }
.IndexNewsSlider .bx-wrapper .bx-controls-direction a { width:54px; height:54px; margin-top:-27px; }
.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:23px; }
.IndexNewsSlider .bx-wrapper .bx-controls-direction .bx-next::after { right:23px; }
}

@media screen and (max-width: 1439px) {
.IndexNewsSlider { margin-top:-40px; }
}
@media screen and (min-width: 1440px) {
.IndexNewsSlider { margin-top:0; margin-bottom:0; }
}


/*----------------------------------------------------------------------*/
/* 首頁TOP5 */
.IndexTopFive { width:50%; }
.IndexBlock.IndexTopFive.batting { margin-top:0 !important; }

@media screen and (max-width: 1279px) {
.index_topfive_list .photo_player_1st { width:120px; }
}


/*----------------------------------------------------------------------*/
/* 首頁最新消息 */
.index_news_focus { float:left; width:67%; }
.index_news_list { float:right; width:33%; }
.index_news_focus .desc { -webkit-line-clamp:3; max-height:6em; }

.index_news_list .img { width:40%; }
@media screen and (max-width: 1279px) {
.index_news_focus { padding-right:10px; }
.index_news_list { padding-left:10px; }
}
	@media screen and (max-width: 1119px) {
	.index_news_list .title a { font-size:1.125rem; }
	}
	@media screen and (min-width: 1120px) and (max-width: 1279px) {
	.index_news_list .title a { font-size:1.25rem; }
	}
@media screen and (min-width: 1280px) {
.index_news_focus { padding-right:20px; }
.index_news_list { padding-left:20px; }
.index_news_list .title a { font-size:1.375rem; }
}


/*----------------------------------------------------------------------*/
/* 首頁精彩短片 */
@media screen and (max-width: 1279px) {
.IndexHighLight { width:50%; }
.index_highlight_list .img { width:200px; }
}
@media screen and (min-width: 1280px) {
.IndexHighLight { width:33.3333%; }
.IndexHighLight .block_title h2 { font-size:1.5rem; }
.IndexHighLight .block_title h2 .en { font-size:0.875rem; }
.index_highlight_list .img { width:50%; }
}


/*----------------------------------------------------------------------*/
/* 首頁精選商品 */
.IndexBlock.IndexShop { margin-top:0 !important; }
@media screen and (max-width: 1279px) {
.IndexShop { width:50%; }
.index_shop_list .img { width:150px; }
.index_shop_list.single_item .img { width:180px; }
}
@media screen and (min-width: 1280px) {
.IndexShop { width:33.3333%; }
.IndexShop .block_title h2 { font-size:1.5rem; }
.IndexShop .block_title h2 .en { font-size:0.875rem; }
.index_shop_list .img { width:35%; }
.index_shop_list.single_item .img { width:40%; }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
.index_shop_list .price, .index_shop_list .cart { float:left; clear:left; } 
.index_shop_list .cart { margin-top:0; }
}


/*----------------------------------------------------------------------*/
/* 首頁新聞公告 */
@media screen and (max-width: 1279px) {
.IndexAnn { width:100%; }
.index_ann_list ul { table-layout:fixed; }
.index_ann_list li { display:table-cell; }
.index_ann_list li > div { display:block; border-bottom:0; padding:2px 10px; }
}
@media screen and (min-width: 1280px) {
.IndexAnn { width:33.3333%; }
.IndexBlock.IndexAnn { margin-top:0 !important; }
.IndexAnn .block_title h2 { font-size:1.5rem; }
.IndexAnn .block_title h2 .en { font-size:0.875rem; }
}


/*----------------------------------------------------------------------*/
/* 首頁廣告 */
.IndexAD { padding-left:20px; padding-right:20px; }

.IndexAD.pair .item { width:50%; }
.IndexAD.pair .item:last-child { padding-right:0; }

.IndexAD.triple.right .item:first-child { position:absolute; top:0; left:0; width:50%; }
.IndexAD.triple.right .item:nth-child(2) { position:absolute; bottom:0; left:0; width:50%; }
.IndexAD.triple.right .item:last-child { width:50%; margin-left:auto; }

.IndexAD.triple.left .item:first-child { position:absolute; top:0; right:0; width:50%; }
.IndexAD.triple.left .item:nth-child(2) { position:absolute; bottom:0; right:0; width:50%; }
.IndexAD.triple.left .item:last-child { width:50%; margin-right:auto; }

.IndexAD.quadruple .item { width:25%; }

@media screen and (max-width: 1279px) {
.IndexAD.pair .item { padding-right:10px; }
.IndexAD.pair .item:last-child { padding-left:10px; }
	
.IndexAD.triple.right .item:first-child,
.IndexAD.triple.right .item:nth-child(2) { padding-right:10px; }
.IndexAD.triple.right .item:last-child { padding-left:10px; }

.IndexAD.triple.left .item:first-child,
.IndexAD.triple.left .item:nth-child(2) { padding-left:10px; }
.IndexAD.triple.left .item:last-child { padding-right:10px; }
	
.IndexAD.quadruple > div { margin:0 -10px; }
.IndexAD.quadruple .item { padding-left:10px; padding-right:10px; }
}
@media screen and (min-width: 1280px) {
.IndexAD.pair .item { padding-right:20px; }
.IndexAD.pair .item:last-child { padding-left:20px; }
	
.IndexAD.triple.right .item:first-child,
.IndexAD.triple.right .item:nth-child(2) { padding-right:20px; }
.IndexAD.triple.right .item:last-child { padding-left:20px; }

.IndexAD.triple.left .item:first-child,
.IndexAD.triple.left .item:nth-child(2) { padding-left:20px; }
.IndexAD.triple.left .item:last-child { padding-right:20px; }
	
.IndexAD.quadruple > div { margin:0 -20px; }
.IndexAD.quadruple .item { padding-left:20px; padding-right:20px; }
}


/*----------------------------------------------------------------------*/
/* 表單 */
.FormGroupWarp { margin-top:60px; margin-bottom:60px; }
.FormGroup { padding:20px 40px 40px; }
table.FormTable { border-top:1px solid #d9d9d9; }
table.FormTable > tbody > tr > th, table.FormTable > tbody > tr > td { border-bottom:1px solid #d9d9d9; vertical-align:top; }
	table.FormTable > tbody > tr:nth-child(even) th, table.FormTable > tbody > tr:nth-child(even) td { background-color:#f7f7f7; }
table.FormTable > tbody > tr > th { width:180px; padding:22px 20px 22px 10px; text-align:right; }
table.FormTable > tbody > tr > th::after { 
	content:''; display:block; position:absolute; top:0; right:0; width:1px; height:100%; box-sizing:border-box; 
	background-color:rgba(0,0,0,0.15); border-top:10px solid #fff; border-bottom:10px solid #fff; 
	}
	table.FormTable > tbody > tr:nth-child(even) th:after { border-color:#f7f7f7; }
table.FormTable > tbody > tr > td { padding:15px 10px 10px 20px; }

table.FormTable.text > tbody > tr > th, table.FormTable.text > tbody > tr > td { padding:10px 15px; line-height:150%; }


/*----------------------------------------------------------------------*/
/* 內頁 */
@media screen and (max-width: 1279px) {
#Content { padding-left:20px; padding-right:20px; }
}
@media screen and (min-width: 1280px) {
#Content { padding-left:40px; padding-right:40px; }
}


/*----------------------------------------------------------------------*/
/* 內頁元素 */	
/* 導覽列(麵包屑) */
#Breadcrumbs { max-width:50%; margin-left:50%; margin-top:-60px; margin-bottom:30px; }
#Breadcrumbs ul { 
	max-width:100%; padding:20px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:right; 
	}
#Breadcrumbs li, #Breadcrumbs a { display:inline; }

/* 工具列 */
.ToolBar .colm_left a, .ToolBar dl.font_size, .ToolBar dl.share { line-height:36px; }
.ToolBar .colm_left a span, .ToolBar dl.font_size a, .ToolBar dl.share a { width:36px; height:36px; }
.ToolBar .colm_left { float:left; }
.ToolBar .colm_right { float:right; }

/* 標題 */
h3.articleTitle { font-size:1.75rem; }

/* 分類下拉 */
.CatTitle h3 { float:left; }
.CatTitle h3 + .cat_select { float:right; }

/* 列表搜尋 */
.ListSearch { padding:19px 29px 14px 29px; }
.ListSearch .title { display:none; }

/* 頁碼 */
#Pagination { border-top:3px solid #e2e2e2; font-size:0.875rem; }
#Pagination a { margin:-3px 2px 0; border-top:3px solid #e2e2e2; border-left:0; border-right:0; border-bottom:0; }
#Pagination a:not(.first):not(.last):not(.prev):not(.next) { font-family:'Montserrat', sans-serif; font-weight:700; }
#Pagination a:hover, #Pagination a:focus, #Pagination a.focuz { border-color:#006ec5; background-color:#fff; color:#006ec5; }

/* 內頁顯示欄位 */
.content_info ul { display:table; }
.content_info li { display:table-row; }
.content_info li span { display:table-cell; vertical-align:top; padding:5px 0; }
.content_info li span.title { text-align:right; }

/* 編輯器 */
.editable_content blockquote { margin-left:60px; margin-right:60px; }
@media screen and (max-width: 1279px) {
.editable_content blockquote { padding:40px 60px; }
.editable_content blockquote::before, .editable_content blockquote::after { font-size:80px; }
.editable_content blockquote::before { left:10px; }
.editable_content blockquote::after { right:10px; }
.editable_content .imgleft { margin-right:15px; }
.editable_content .imgright { margin-left:15px; }
}
@media screen and (min-width: 1280px) {
.editable_content blockquote { padding:50px 90px; }
.editable_content blockquote::before, .editable_content blockquote::after { font-size:100px; }
.editable_content blockquote::before { left:20px; }
.editable_content blockquote::after { right:20px; }
.editable_content .imgleft { margin-right:25px; }
.editable_content .imgright { margin-left:25px; }
}

/* colorbox */
#colorbox_thum a { width:180px; height:135px; margin:10px; }


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

/* 內頁menu */
.ContNav .nav_list ul { display:table; width:100%; }
.ContNav .nav_list li { display:table-cell; }
.ContNav .nav_list li a { line-height:54px; font-size:1.25rem; }
.ContNav .nav_retired { height:54px; }

/* 球隊menu */
.TeamNav { margin-top:60px; }
.TeamNav .team_name { left:20px; margin-top:-60px; width:130px; height:120px; }
.TeamNav .nav_list ul { padding-left:150px; }

/* 先發戰報次menu */
.StartersSubNav .nav_list li a { font-size:1.125rem; }

/* 數據統計menu */
@media screen and (max-width: 1279px) {
.StatsNav .nav_list li a { font-size:1.125rem; }
}
@media screen and (min-width: 1280px) {
.StatsNav .nav_list li a { font-size:1.25rem; }
}


/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable { margin-top:30px; margin-bottom:30px; }
.ListTable table th { background-color:#424242; padding:8px 15px; white-space:nowrap; color:#fff; letter-spacing:0.05em; }
.ListTable table td { border-bottom:1px solid #e5e5e5; padding:12px 15px; line-height:30px; vertical-align:top; }

.ListTable th.no { width:30px; }
.ListTable td.no { width:30px; white-space:nowrap; letter-spacing:0.05em; text-align:right; }
.ListTable th.date { width:80px; }
.ListTable td.date { width:80px; white-space:nowrap; letter-spacing:0.05em; position:relative; }
.ListTable th.date.range, .ListTable td.date.range { width:140px; }
.ListTable td.title { letter-spacing:0.05em; }

.ListTable table .tc { text-align:center; }


/*----------------------------------------------------------------------*/
/* 賽事新聞 */
.NewsList .desc { max-height:6em; -webkit-line-clamp:3; }
@media screen and (max-width: 1279px) {
.NewsList .title a { font-size:1.625rem; }
}
@media screen and (min-width: 1280px) {
.NewsList .title a { font-size:1.75rem; }
}


/*----------------------------------------------------------------------*/
/* 精彩短片 */
.HighlightList .item { width:20%; }
@media screen and (max-width: 1279px) {
.HighlightList { margin:0 -10px; }
.HighlightList .item { padding:0 10px; }
.HighlightList .title a { font-size:0.9375rem; }
}
@media screen and (min-width: 1280px) {
.HighlightList { margin:0 -20px; }
.HighlightList .item { padding:0 20px; }
}


/*----------------------------------------------------------------------*/
/* 賽程表 */
/* 頁籤 */
.ScheduleGroup .tab_cont { padding:0; transform:scaleY(0); height:0; visibility:hidden; opacity:0; overflow:hidden; }
.ScheduleGroup .tab_cont.active { transform:scaleY(1); height:auto; visibility:visible; opacity:1; overflow:visible; }	
.ScheduleGroup .tab_cont > .title { display:none; }
.ScheduleGroup .tab_cont > .cont::after { content:''; display:block; clear:both; }

/* 條列式 */
.ScheduleTableList {
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.3);
	box-shadow: 0 0 20px rgba(0,0,0,0.3);
	}
.ScheduleTableList td { border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; }
	.ScheduleTableList tr td:last-child { border-right:0; }

.ScheduleTableList td.date { width:3.5em; }
.ScheduleTableList td.game_no { width:2em; }
.ScheduleTableList td.game_no .mobile-only { display:none; }
.ScheduleTableList .team { width:24em; }
.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; }

@media screen and (min-width: 1280px) {
.ScheduleTableList td.team .score .num { width:2em; }
.ScheduleTableList td.team .score .text { width:1.5em; }
}


/*----------------------------------------------------------------------*/
/* 成績看板通用元素 */
.GameHeader::before { height:100%; }
.GameHeader .game_list ul { display:table; width:100%; table-layout:fixed; }
.GameHeader .game_list li { display:table-cell; }
.GameHeader .game_list li:first-child a::after, .GameHeader .game_list li.actived a::after, .GameHeader .game_list li.actived + li a::after {
	display:none;
	}

/* 先發 */
.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 .cont { padding:20px 120px 20px 20px; }
.GameHeader .game_detail .Starter .player .name { font-size:1.5rem; }
.GameHeader .game_detail .Starter .player .b_t { width:2em; margin-left:15px; padding-left:15px; }
.GameHeader .game_detail .Starter .stats .label { font-size:0.875rem; }
.GameHeader .game_detail .Starter .stats .desc { font-size:1.25rem; }
.GameHeader .game_detail .Starter .team { top:20px; right:20px; }
.GameHeader .game_detail .Starter .team .name { width:80px; height:80px; }
.GameHeader .game_detail .Starter .team .w-l { font-size:0.875rem; }
@media screen and (max-width: 1279px) {
.GameHeader .game_detail .Starter .stats { margin-left:15px; }
}
@media screen and (min-width: 1280px) {
.GameHeader .game_detail .Starter .stats { margin-left:30px; }
}

/* 記分板 */
	.GameHeader .game_detail.line-up .ScoreBoard { padding-right:0; margin-left:auto; margin-right:auto; }
	.GameHeader .game_detail.minor.final .ScoreBoard { padding-right:0; margin-left:auto; margin-right:auto; }
.GameHeader .game_detail .ScoreBoard > div > div { float:left; }

.GameHeader .game_detail .game_info > div { display:inline-block; margin:0 10px; line-height:40px; vertical-align:middle; }
@media screen and (max-width: 1299px) {
.GameHeader .game_detail .ScoreBoard {width: 100%;}
.GameHeader .game_detail .ScoreBoard .team { width:calc((100% - 401px) / 2); }
.GameHeader .game_detail .ScoreBoard .team .team_name { width:100px; height:100px; }

.GameHeader .game_detail .linescore_wrap { width:401px; }
.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:84px; }
}
@media screen and (min-width: 1300px) {
.GameHeader .game_detail .ScoreBoard {width: 100%;}
.GameHeader .game_detail .ScoreBoard .team { width:calc((100% - 545px) / 2); }
.GameHeader .game_detail .ScoreBoard .team .team_name { width:120px; height:120px; }
	
.GameHeader .game_detail .linescore_wrap { width:545px; }
.GameHeader .game_detail .linescore_table .linescore.scrollable { width:360px; }
.GameHeader .game_detail .linescore_table .linescore.scrollable th span { width:34px; }
.GameHeader .game_detail .linescore_table .linescore.fixed { width:120px; }
}

/* MVP */
.GameHeader .game_detail .MVP > div { padding-top:40px; }

.GameHeader .game_detail .MVP .record { margin-top:20px; }
@media screen and (max-width: 1359px) {
.GameHeader .game_detail .MVP {width: 100%;}
}
@media screen and (min-width: 1360px) {
.GameHeader .game_detail .MVP {width: 100%;}
}

/* 壘包狀態 */
.GameHeader .game_detail .GameMatchup { padding-left:10px; }
@media screen and (max-width: 1359px) {
.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; }
}
@media screen and (min-width: 1360px) {
.GameHeader .game_detail .GameMatchup {width: 100%;}
.GameHeader .game_detail .GameMatchup .bases_wrap { width:170px; height:170px; }
.GameHeader .game_detail .GameMatchup .bases_wrap .base { width:36px; height:36px; }
.GameHeader .game_detail .GameMatchup .bases .picther { top:22%; }
.GameHeader .game_detail .GameMatchup .bases .batter { bottom:-5px; }
.GameHeader .game_detail .GameMatchup .bases .team a { width:28px; height:28px; }
.GameHeader .game_detail .GameMatchup .footer { margin-top:35px; padding-top:15px; }
}


/*----------------------------------------------------------------------*/
/* 先發戰報 */
.StartersNav a[name=starters_nav_top] { top:-80px; }


/*----------------------------------------------------------------------*/
/* 文字轉播 */
.GamePlaysDetail > .tabs { width:50%; }
.GamePlaysDetail > .tabs li { width:50%; }
.GamePlaysDetail.live > .tabs li:last-child { display:none; }
.GamePlaysDetail.final > .tabs li { display:none; }

.GamePlaysDetail > .tab_container > .tab_cont { float:left; width:50%; }
.GamePlaysDetail > .tab_container > .tab_cont.all_plays { 
	float:right; 
	transform:scaleY(1); height:auto; visibility:visible; opacity:1; overflow:visible;
	}
.GamePlaysDetail.live > .tab_container > .tab_cont.all_plays { margin-top:-70px; }
.GamePlaysDetail.live .tab_cont.now_player .col_title, .GamePlaysDetail.live .tab_cont.scoring .col_title { display:none; }
@media screen and (max-width: 1279px) {
.GamePlaysDetail > .tabs { padding-right:15px; }
.GamePlaysDetail > .tab_container > .tab_cont { padding-right:15px; }
.GamePlaysDetail > .tab_container > .tab_cont.all_plays { padding-left:15px; }

.InningPlaysGroup .tab_container { margin-right:55px; }
}
@media screen and (min-width: 1280px) {
.GamePlaysDetail > .tabs { padding-right:30px; }
.GamePlaysDetail > .tab_container > .tab_cont { padding-right:30px; }
.GamePlaysDetail > .tab_container > .tab_cont.all_plays { padding-left:30px; }

.InningPlaysGroup .tab_container { margin-right:70px; }
}


/*----------------------------------------------------------------------*/
/* 成績看板 */
/* 頁籤 */
.GameBoxDetail > .tabs li a { line-height:64px; font-size:1.5rem; }
.GameBoxDetail > .tabs li a > span span { width:36px; height:36px; }


/*----------------------------------------------------------------------*/
/* 球隊通用元素 */
/* 球隊header */
.TeamBrief dd { width:25%; margin:12px 0; }
.TeamBrief dd .label { font-size:1rem; }
.TeamBrief dd .desc { font-size:1.125rem; }
@media screen and (max-width: 1279px) {
.TeamBrief > div { padding:20px 20px 10px; }
}
@media screen and (min-width: 1280px) {
.TeamBrief > div { padding:30px 40px 20px; }
}

/* 球員header */
.PlayerBrief .img { width:15%; max-width:200px; }
.PlayerBrief dd { margin-top:12px; margin-bottom:12px; }
.PlayerBrief dd .label { font-size:1rem; }
.PlayerBrief dd .desc { font-size:1.25rem; }
@media screen and (max-width: 1359px) {
.PlayerBrief > div { padding:20px 20px 10px; }
.PlayerBrief .img { margin-right:25px; }
.PlayerBrief dd { width:25%; }
.PlayerBrief dd.draft { width:100%; }
}
@media screen and (min-width: 1360px) {
.PlayerBrief > div { padding:30px 40px 20px; }
.PlayerBrief .img { margin-right:40px; }
.PlayerBrief dd { width:20%; }
.PlayerBrief dd.draft { width:40%; }
}

/* 球員header(大圖) */
.PlayerHardcover .row1 { padding-bottom:28%; }
.PlayerHardcover .row1 .img { bottom:-75px; left:20px; }
.PlayerHardcover .row1 dt .player .name { font-size:2.25rem; }
.PlayerHardcover .row1 dt .player .team { font-size:1.125rem; }
.PlayerHardcover .row1 dt .number { font-size:3.375rem; }
.PlayerHardcover .row1 dt .pos_b_t { font-size:1.25rem; line-height:26px; }
.PlayerHardcover .row1 dd > div { line-height:26px; }
.PlayerHardcover .row1 dd .desc { font-size:1.5rem; }
.PlayerHardcover .row1 .follow { bottom:20px; right:20px; }
.PlayerHardcover .row1 .follow .following { position:absolute; top:-30px; left:0; width:100%; }

.PlayerHardcover .row2 li { padding-top:3px; padding-bottom:2px; }
.PlayerHardcover .row2 li .desc { font-size:1.25rem; }
@media screen and (max-width: 1279px) {
.PlayerHardcover .row1::after { height:60%; }
.PlayerHardcover .row1 .img { width:135px; }
.PlayerHardcover .row1 dl { left:185px; }
.PlayerHardcover .row1 dd { margin-right:50px; }
.PlayerHardcover .row2 { padding-left:185px; }
.PlayerHardcover .row2 ul { margin-left:-30px; }
.PlayerHardcover .row2 li { margin-left:30px; }
}
@media screen and (min-width: 1280px) and (max-width: 1439px) {
.PlayerHardcover .row1::after { height:40%; }
.PlayerHardcover .row1 .img { width:135px; }
.PlayerHardcover .row1 dl { left:185px; }
.PlayerHardcover .row1 dt { display:inline-block; margin-right:20px; }
.PlayerHardcover .row1 dd { margin-right:20px; }
.PlayerHardcover .row2 { padding-left:185px; }
.PlayerHardcover .row2 ul { margin-left:-30px; }
.PlayerHardcover .row2 li { margin-left:30px; }
}
@media screen and (min-width: 1440px) {
.PlayerHardcover .row1::after { height:40%; }
.PlayerHardcover .row1 .img { width:160px; }
.PlayerHardcover .row1 dl { left:220px; }
.PlayerHardcover .row1 dt { display:inline-block; margin-right:40px; margin-bottom:0; }
.PlayerHardcover .row1 dd { margin-right:40px; }
.PlayerHardcover .row2 { padding-left:220px; }
.PlayerHardcover .row2 ul { margin-left:-80px; }
.PlayerHardcover .row2 li { margin-left:80px; }
}


/*----------------------------------------------------------------------*/
/* 數據統計-單項排行榜 */
.TopFiveList { margin-left:-20px; margin-right:-20px; }
.TopFiveList .item { width:50%; padding-left:20px; padding-right:20px; }
.TopFiveList .item:nth-child(1) { order:1; }
.TopFiveList .item:nth-child(2) { order:3; }
.TopFiveList .item:nth-child(3) { order:5; }
.TopFiveList .item:nth-child(4) { order:7; }
.TopFiveList .item:nth-child(5) { order:9; }
.TopFiveList .item:nth-child(6) { order:2; }
.TopFiveList .item:nth-child(7) { order:4; }
.TopFiveList .item:nth-child(8) { order:6; }
.TopFiveList .item:nth-child(9) { order:8; }
.TopFiveList .item:nth-child(10) { order:10; }
@media screen and (max-width: 1279px) {
.TopFiveList .photo_player_1st { width:120px; }
}


/*----------------------------------------------------------------------*/
/* 數據統計-單月MVP */
.MonthlyMVP { margin-left:-20px; margin-right:-20px; }
.MonthlyMVP .item { float:left; width:50%; padding:0 20px; }

.MonthlyMVP .MVPcover > div::after { height:70%; }
@media screen and (max-width: 1359px) {
.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:15px; }
.MonthlyMVP .MVPcover dd > div { line-height:18px; }
.MonthlyMVP .MVPcover dt .name { font-size:1.75rem; }
.MonthlyMVP .MVPcover dt .name .team { font-size:0.875rem; }
.MonthlyMVP .MVPcover dt .number { font-size:2.5rem; }
.MonthlyMVP .MVPcover dt .pos_b_t { font-size:1rem; line-height:20px; }
.MonthlyMVP .MVPcover dd .label { font-size:0.875rem; }
.MonthlyMVP .MVPcover dd .desc { font-size:1rem; }
}
@media screen and (min-width: 1360px) {
.MonthlyMVP .MVPcover > div { padding-bottom:56.25%; }
.MonthlyMVP .MVPcover .img { width:100px; bottom:15px; left:15px; }
.MonthlyMVP .MVPcover dl { left:140px; }

.MonthlyMVP .MVPcover dd { margin-right:40px; }
.MonthlyMVP .MVPcover dd > div { line-height:22px; }
.MonthlyMVP .MVPcover dt .name { font-size:2rem; }
.MonthlyMVP .MVPcover dt .name .team { font-size:1rem; letter-spacing:0.1em; }
.MonthlyMVP .MVPcover dt .number { font-size:3rem; }
.MonthlyMVP .MVPcover dt .pos_b_t { font-size:1.125rem; line-height:22px; }
.MonthlyMVP .MVPcover dd .label { font-size:0.9375rem; }
.MonthlyMVP .MVPcover dd .desc { font-size:1.25rem; }
}

.MonthlyMVP .RecordTable { font-size:0.9375rem; }
.MonthlyMVP .record_table_swipe_guide { font-size:0.8125rem; }


/*----------------------------------------------------------------------*/
/* 球員點將錄 */
.PlayersSearch { display:table; width:100%; }
.PlayersSearch > div { display:table-cell; vertical-align:middle; }
.PlayersSearch .note { padding-right:30px; }
.PlayersSearch .note span::before { content:'右方'; }
.PlayersSearch .search { text-align:right; }

@media screen and (max-width: 1279px) {
.PlayersList dd { width:16.6666%; }
}
@media screen and (min-width: 1280px) {
.PlayersList dd { width:12.5%; }
}


/*----------------------------------------------------------------------*/
/* 球員列表 */
.TeamPlayersListWrap { padding-right:120px; }
.TeamPlayersListWrap .cat_title a[name] { top:-72px; }

@media screen and (max-width: 1279px) {
.TeamPlayersListWrap .cat_ancher.fixedTop { top:64px; right:20px; }
.TeamPlayersList { margin-left:-1.2vw; margin-right:-1.2vw; }
.TeamPlayersList .item { padding-left:1.2vw; padding-right:1.2vw; width:20%; }
.TeamPlayersList .item > div { padding:15px 15px 10px 15px; }
}
@media screen and (min-width: 1280px) and (max-width: 1439px) {
.TeamPlayersListWrap .cat_ancher.fixedTop { top:64px; right:40px; }
.TeamPlayersList { margin-left:-1.8vw; margin-right:-1.8vw; }
.TeamPlayersList .item { padding-left:1.8vw; padding-right:1.8vw; width:20%; }
.TeamPlayersList .item > div { padding:20px 20px 10px 20px; }
}
@media screen and (min-width: 1440px) {
.TeamPlayersListWrap .cat_ancher.fixedTop { top:64px; right:calc((100vw - 1460px)/2); }
.TeamPlayersList { margin-left:-24px; margin-right:-24px; }
.TeamPlayersList .item { padding-left:24px; padding-right:24px; width:16.6666%; }
.TeamPlayersList .item > div { padding:20px 20px 10px 20px; max-width:180px; }
}


/*----------------------------------------------------------------------*/
/* 球員-個人獎項 */
.PlayerAwardsList { margin-left:-20px; margin-right:-20px; }
.PlayerAwardsList .item { width:33.3333%; padding-left:20px; padding-right:20px; }


/*----------------------------------------------------------------------*/
/* 職棒大事記 */
@media screen and (min-width: 1280px) {
.CPBLTimeline .time_line::before { left:50%; }
.CPBLTimeline .time_line > li { margin-left:50%; }
	.CPBLTimeline .time_line > li:nth-child(even) { margin-left:0; margin-right:50%; }
.CPBLTimeline .time_line .date { left:-32px; }
	.CPBLTimeline .time_line > li:nth-child(even) .date { left:auto; right:-32px; }
.CPBLTimeline .time_line .desc { margin-left:80px; }
.CPBLTimeline .time_line > li:nth-child(even) .desc { margin-left:0; margin-right:80px; }
.CPBLTimeline .time_line > li:nth-child(even) .desc::after { left:auto; right:-10px; }
}


/*----------------------------------------------------------------------*/
/* 聯絡我們 */
.CPBLContact .item > div { 
	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; 
	}
.CPBLContact .item .icon { flex: 0 1 auto; width:120px; height:120px; }
.CPBLContact .item .cont { flex: 0 1 auto; width:calc(100% - 120px); padding-left:40px; }

.CPBLContact .contact_list { display:table; width:100%; height:100%; }
.CPBLContact .contact_sec { display:table-cell; width:50%; vertical-align:middle; }


/*----------------------------------------------------------------------*/
/* 球場介紹 */
.StadiumLocation { display:block; }
@media screen and (max-width: 1439px) {
.StadiumList .item { width:25%; }
}
@media screen and (min-width: 1440px) {
.StadiumList { margin:0 -20px; }
.StadiumList .item { padding:0 20px; margin:20px 0; width:20%; }
}

.StadiumHeader .stadium_img { padding-bottom:28%; }
.StadiumHeader .stadium_img::after { height:40%; }

.StadiumHeader .stadium_spec dl { display:table; width:100%; }
.StadiumHeader .stadium_spec dd { display:table-cell; }

.StadiumMap { display:table; width:100%; table-layout:fixed; }
.StadiumMap > div { display:table-cell; vertical-align:top; }
.StadiumMap .floor_plan { width:470px; }


/*----------------------------------------------------------------------*/
/* 登入 */
.LoginBox .colm_left { float:left; width:50%; border-right:1px solid #e5e5e5; }
.LoginBox .colm_right { float:right; width:50%; }
@media screen and (max-width: 1439px) {
.LoginBox .colm_left { padding-right:4.166vw; }
.LoginBox .colm_right { padding-left:4.166vw; }
}
@media screen and (min-width: 1440px) {
.LoginBox .colm_left { padding-right:60px; }
.LoginBox .colm_right { padding-left:60px; }
}