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

/*----------------------------------------------------------------------*/
/* 內頁 */
#Content { padding-top:20px; max-width:1440px; margin-left:auto; margin-right:auto; box-sizing:content-box; position:relative; }
#Content::after { content:''; clear:both; display:block; }
#Center > *:last-child, #Content > *:last-child, #ColumnCenter > *:last-child { margin-bottom:0; }


/*----------------------------------------------------------------------*/
/* 內頁元素 */
/* 導覽列(麵包屑) */
#Breadcrumbs { position:relative; }
#Breadcrumbs ul { padding:10px 0; }
#Breadcrumbs li { 
	display:inline-block; padding-right:14px; margin-right:10px; color:#666; line-height:20px; font-size:0.9375rem; position:relative; 
	}
#Breadcrumbs li:after { 
	content:''; position:absolute; top:50%; right:0; margin-top:-9px; width:1px; height:18px; background-color:#c4c4c4; 
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	transform: rotate(20deg); 
	}
#Breadcrumbs a { display:block; color:#666; text-decoration:none; }
#Breadcrumbs a:hover, #Breadcrumbs a:focus { color:#006ec5; }
#Breadcrumbs li:last-child { padding-right:0; margin-right:0; }
#Breadcrumbs li:last-child a { color:#006ec5; font-weight:bold; }
	#Breadcrumbs li:last-child a:hover { color:#006ec5; }
	#Breadcrumbs li:last-child:after { display:none; }

/* 工具列 */
.ToolBar { display:none; margin-bottom:20px; color:#666666; font-size:0.9375rem; }
.ToolBar::after, .ToolBar .colm_left::after, .ToolBar dl.font_size::after, .ToolBar dl.share::after { 
	content:''; display:block; width:100%; clear:both; 
	}
.ToolBar .colm_left a:hover span, .ToolBar dl.font_size a:hover,
.ToolBar .colm_left a:focus span, .ToolBar dl.font_size a:focus { background-color:#005496; border:1px solid #005496; }
.ToolBar .colm_left a span::after, .ToolBar dl.font_size a::after, .ToolBar dl.share dd > a::after {
	content:''; display:block; position:absolute; top:50%; left:50%; width:24px; height:24px; margin:-12px 0 0 -12px; 
	background:url("../images/icon_toolbar.png") no-repeat; background-size:200%; 
	}
.ToolBar .colm_left a span, .ToolBar dl.font_size a, .ToolBar dl.share a { 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.ToolBar .colm_left a, .ToolBar dl.font_size dd, .ToolBar dl.share dd { margin-bottom:10px; }
.ToolBar a { display:block; text-decoration:none; position:relative; }
.ToolBar a:focus { outline:0; }

.ToolBar .colm_left a { float:left; margin-left:20px; padding-left:38px; color:#666666; position:relative; }
.ToolBar .colm_left a:first-child { margin-left:0; }
.ToolBar .colm_left a span { position:absolute; top:0; left:0; }
	.ToolBar .colm_left a.return span::after { background-position:0 0; }
	.ToolBar .colm_left a.print span::after { background-position:0 10%; }
	.ToolBar .colm_left a.copy span::after { background-position:0 20%; }
.ToolBar .colm_left a:hover, .ToolBar .colm_left a:focus { color:#376ba1; }
.ToolBar .colm_left a:hover span, .ToolBar .colm_left a:focus span {}
	.ToolBar .colm_left a.return:hover span::after, .ToolBar .colm_left a.return:focus span::after { background-position:right 0; }
	.ToolBar .colm_left a.print:hover span::after, .ToolBar .colm_left a.print:focus span::after { background-position:right 10%; }
	.ToolBar .colm_left a.copy:hover span::after, .ToolBar .colm_left a.copy:focus span::after { background-position:right 20%; }

.ToolBar dl.font_size { float:left; }
.ToolBar dl.font_size > * { float:left; }
.ToolBar dl.font_size dd { margin-right:8px; }
.ToolBar dl.font_size a { cursor:pointer; text-indent:-10000px; }
	.ToolBar dl.font_size dd.font_small a::after { background-position:0 30%; }
	.ToolBar dl.font_size dd.font_medium a::after { background-position:0 40%; }
	.ToolBar dl.font_size dd.font_big a::after { background-position:0 50%; }
	.ToolBar dl.font_size dd.font_small a:hover::after, .ToolBar dl.font_size dd.font_small a:focus::after { background-position:right 30%; }
	.ToolBar dl.font_size dd.font_medium a:hover::after, .ToolBar dl.font_size dd.font_medium a:focus::after { background-position:right 40%; }
	.ToolBar dl.font_size dd.font_big a:hover::after, .ToolBar dl.font_size dd.font_big a:focus::after { background-position:right 50%; }

.ToolBar dl.font_size + dl.share { margin-left:5px; }
.ToolBar dl.font_size + dl.share dt { padding-left:10px; border-left:1px solid #e7e7e7; }
.ToolBar dl.share { float:left; }
.ToolBar dl.share > * { float:left; }
.ToolBar dl.share dd { margin-right:8px; position:relative; }
.ToolBar dl.share dd:last-of-type { margin-right:0; }
.ToolBar dl.share a { cursor:pointer; text-indent:-10000px; }
	.ToolBar dl.share dd.facebook a { border-color:#3b5998; }
	.ToolBar dl.share dd.twitter a { border-color:#00abf1; }
	.ToolBar dl.share dd.line a { border-color:#01b901; }

	.ToolBar dl.share dd.facebook a:hover, .ToolBar dl.share dd.facebook a:focus { background-color:#3b5998; }
	.ToolBar dl.share dd.twitter a:hover, .ToolBar dl.share dd.twitter a:focus { background-color:#00abf1; }
	.ToolBar dl.share dd.line a:hover, .ToolBar dl.share dd.line a:focus { background-color:#01b901; }
	
	.ToolBar dl.share dd.facebook a::after { background-position:0 60%; }
	.ToolBar dl.share dd.twitter a::after { background-position:0 70%; }
	.ToolBar dl.share dd.line a::after { background-position:0 90%; }
	
	.ToolBar dl.share dd.facebook a:hover::after, .ToolBar dl.share dd.facebook a:focus::after { background-position:right 60%; }
	.ToolBar dl.share dd.twitter a:hover::after, .ToolBar dl.share dd.twitter a:focus::after { background-position:right 70%; }
	.ToolBar dl.share dd.line a:hover::after, .ToolBar dl.share dd.line a:focus::after { background-position:right 90%; }
	
/* 標題 */
.PageTitle { border-bottom:1px solid #ccc; }
.PageTitle h2 { display:inline-block; font-weight:bold; font-size:2rem; line-height:60px; letter-spacing:0.05em; } 
.PageTitle h2 .en { 
	display:inline-block; margin-left:20px; vertical-align:top;
	font-family:'Roboto', sans-serif; font-weight:900; font-size:1rem; color:#6c6c6c; text-transform:uppercase;
	}
	
h3.articleTitle { border-bottom:1px solid #e7e7e7; margin-top:20px; margin-bottom:20px; position:relative; }
.GameHeader + h3.articleTitle { margin-top:-30px; }
h3.articleTitle span { display:block; padding-top:10px; padding-bottom:10px; line-height:150%; color:#00478b; }

.post_info { margin-bottom:20px; position:relative; }
	h3.articleTitle + .post_info { margin-top:-10px; }
.post_info { padding:5px 0; }
.post_info span { 
	display:inline-block; border-left:1px solid #dedede; padding-left:14px; margin-left:12px; 
	font-family:'Roboto', 'Heiti TC', '黑體-繁', 'Microsoft JhengHei', '微軟正黑體', sans-serif;
	font-size:0.9375rem; color:#999; line-height:180%;
	}
.post_info span:first-child { border-left:0; padding-left:0; margin-left:0; }
.post_info.below { text-align:right; }
.post_info span.date { font-weight:500; }
.post_info span.tag { border-left:0; padding-left:0; margin-left:6px; }
.post_info span.tag a { 
	display:inline-block; border:1px solid #ccc; margin:5px 0; padding:0 10px; margin-left:5px; line-height:28px; font-size:0.9375rem; color:#555; text-decoration:none; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.post_info span.tag a:hover, .post_info span.tag a:focus { background-color:#006ec5; border-color:#006ec5; color:#fff; }

/* 分類下拉 */
.CatTitle { margin:0 0 20px; }
.CatTitle::after { content:''; display:block; width:100%; clear:both; }
.CatTitle h3 { display:inline-block; font-size:1.25rem; line-height:36px; color:#d42828; }
.CatTitle .cat_select { font-size:0.8125rem; line-height:36px; }
.CatTitle .cat_select .btn {
	color:#fff; font-weight:bold; box-sizing:border-box; border:0; margin:0 0 0 5px; padding:0 8px; height:36px; line-height:36px;
	background-color:#d42828;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.CatTitle .cat_select .btn:hover, .CatTitle .cat_select .btn:focus { background-color:#e02347; }
.CatTitle .cat_select select, .CatTitle .cat_select .btn { vertical-align:top; }

/* 列表搜尋 */
.ListSearch { margin-bottom:40px; border:1px solid #c8c8c8; background-color:#fafafa; box-sizing:border-box; position:relative; }
.ListSearch .item { 
	display:inline-block; margin-right:20px; margin-bottom:5px; padding-top:30px; max-width:100%; 
	line-height:40px; color:#333333;
	vertical-align:top; position:relative; 
	}
.ListSearch .item::after { content:''; display:block; clear:both; }
.ListSearch .item > div { float:left; max-width:100%; }
.ListSearch .item .label { position:absolute; top:0; left:0; line-height:30px; font-size:0.9375rem; font-weight:bold; }
.ListSearch .item .label::after { content:'：'; }
.ListSearch .BtnCommon { display:inline-block; clear:none; padding-bottom:5px; margin:0; vertical-align:bottom; }
	.ListSearch .item .BtnCommon { margin-left:5px; }
.ListSearch .BtnCommon div { margin:0 0 5px 0; }
.ListSearch .BtnCommon span:hover { 
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	}
.ListSearch .BtnCommon span::before { 
	display:block; position:absolute; top:50%; right:10px; width:16px; height:16px; margin-top:-8px; content:''; 
	background:url("../images/icon_topper.png") no-repeat 0 50%; background-size:200%;
	}
.ListSearch .BtnCommon input { padding-left:15px; padding-right:30px; font-size:1rem; line-height:40px; }
.ListSearch .BtnCommon span:hover input { color:#fff; }

/* 頁碼 */
#Pagination { margin-top:60px; margin-bottom:40px; clear:both; text-align:center; }
#Pagination .pages { display:inline-block; }
#Pagination a { 
	display:inline-block; margin:0 2px; border:1px solid #c8c8c8; width:40px; position:relative; 
	text-align:center; color:#5b5b5b; line-height:40px; text-decoration:none; 
	}
#Pagination a:hover, #Pagination a:focus, #Pagination a.focuz { border-color:#006ec5; background-color:#006ec5; color:#fff; }
#Pagination a.first, #Pagination a.last, #Pagination a.prev, #Pagination a.next { width:auto; padding:0 10px; }
	
#Pagination .setting { padding-top:15px; line-height:36px; color:#5b5b5b; }
#Pagination .setting select { padding:0 5px; font-size:0.875rem; }
#Pagination .setting input[type="text"] { width:50px; vertical-align:top; box-sizing:border-box; }
#Pagination .setting select, #Pagination .setting input[type="text"] {
	background-color:#fafafa; border:1px solid #c8c8c8; height:36px;
	}
#Pagination .setting select:focus, #Pagination .setting input[type="text"]:focus {
	outline: 0;
	border:1px solid #006ec5; background-color:#f5fbff;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}
#Pagination .setting input[type="button"] { 
	padding:0 12px; margin-left:3px; vertical-align:top; background-color:#e2e2e2; height:36px; line-height:36px; 
	color:#000; font-size:0.875rem; 
	}
#Pagination .setting input[type="button"]:hover, #Pagination .setting input[type="button"]:focus { background-color:#00478b; color:#fff; }

/* 內頁頁碼 */
.inPagination { margin:30px 0; clear:both; text-align:center; display:none; }
.inPagination .pages { display:inline-block; }
.inPagination a { 
	display:inline-block; margin:5px 2px; width:36px; line-height:34px; border:1px solid #c8c8c8; 
	text-align:center; color:#918778; text-decoration:none; 
	}
.inPagination a:hover, .inPagination a:focus, .inPagination a.focuz { 
	border-color:#00478b; background-color:#00478b; color:#fff; 
	}

/* 檔案下載icon */
.file_ext { display:inline-block; position:relative; }
.file_ext::before { 
	content:''; display:block; position:absolute; top:50%; left:50%; width:26px; height:26px; margin:-13px 0 0 -13px;
	}
	.file_csv::before { background-color:#589c00; }
	.file_doc::before { background-color:#2372ba; }
	.file_img::before { background-color:#5b2d8d; }
	.file_mov::before { background-color:#c51700; }
	.file_other::before { background-color:#919191; }
	.file_pdf::before { background-color:#ea4c3a; }
	.file_ppt::before { background-color:#dd5b26; }
	.file_txt::before { background-color:#919191; }
	.file_xls::before { background-color:#08743b; }
	.file_xml::before { background-color:#157efb; }
	.file_zip::before { background-color:#e67e22; }
	.file_odt::before { background-color:#2372ba; }
	.file_ods::before { background-color:#08743b; }
	.file_odp::before { background-color:#dd5b26; }
	.file_wmf::before { background-color:#2f5483; }
	.file_dwg::before { background-color:#2f5483; }
.file_ext::after { 
	content:''; display:block; position:absolute; top:50%; left:50%; width:26px; height:26px; margin:-13px 0 0 -13px;
	background-repeat:no-repeat; background-position:center center; background-size:cover; 
	}
	.file_csv::after { background-image:url("../images/file_ext/csv.png"); }
	.file_doc::after { background-image:url("../images/file_ext/doc.png"); }
	.file_img::after { background-image:url("../images/file_ext/img.png"); }
	.file_mov::after { background-image:url("../images/file_ext/mov.png"); }
	.file_other::after { background-image:url("../images/file_ext/other.png"); }
	.file_pdf::after { background-image:url("../images/file_ext/pdf.png"); }
	.file_ppt::after { background-image:url("../images/file_ext/ppt.png"); }
	.file_txt::after { background-image:url("../images/file_ext/txt.png"); }
	.file_xls::after { background-image:url("../images/file_ext/xls.png"); }
	.file_xml::after { background-image:url("../images/file_ext/xml.png"); }
	.file_zip::after { background-image:url("../images/file_ext/zip.png"); }
	.file_odt::after { background-image:url("../images/file_ext/odt.png"); }
	.file_ods::after { background-image:url("../images/file_ext/ods.png"); }
	.file_odp::after { background-image:url("../images/file_ext/odp.png"); }
	.file_wmf::after { background-image:url("../images/file_ext/wmf.png");  }
	.file_dwg::after { background-image:url("../images/file_ext/dwg.png");  }

/* 內頁顯示欄位 */
.content_info { margin-top:10px; margin-bottom:30px; }
.content_info > div { background-color:#f8f8f8; border-left:5px solid #b1956e; padding:10px; }
.content_info li span { font-size:0.9375rem; line-height:135%; }
.content_info li span.title { font-weight:bold; color:#786b57; white-space:nowrap; }
.content_info li span.title::after { content:"："; }
.content_info li span.cont { color:#646464; }
.content_info li span.cont strong { color:#de0006; }
.content_info li a { word-break:break-all; }

/* 上下篇文章 */
.prevNextLink { padding:10px 0 10px; clear:both; }
.prevNextLink > div { display:table; width:100%; table-layout:fixed; overflow:hidden; }
.prevNextLink .prev, .prevNextLink .next { display:table-cell; width:50%; }
	.prevNextLink .next { text-align:right; }
.prevNextLink a { 
	display:block; background-color:#f8f8f8; padding:0 15px 10px 15px; height:100%; 
	text-decoration:none; color:#333; line-height:150%; 
	}
	.prevNextLink .prev a { border-left:5px solid #ccc; border-right:20px solid #fff; }
	.prevNextLink .next a { border-right:5px solid #ccc; border-left:20px solid #fff; }
.prevNextLink a:hover, .prevNextLink a:focus { background-color:#00478b; color:#fff; }
	.prevNextLink .prev a:hover, .prevNextLink .prev a:focus { border-left-color:#00478b; }
	.prevNextLink .next a:hover, .prevNextLink .next a:focus { border-right-color:#00478b; }
.prevNextLink a span { display:block; padding-top:10px; padding-bottom:10px; font-size:137.5%; color:#999999; position:relative; }
	.prevNextLink .prev a span { padding-left:30px; }
	.prevNextLink .next a span { padding-right:30px; }
.prevNextLink a:hover span, .prevNextLink a:focus span { color:#fff; }
.prevNextLink a span::after { 
	content:''; display:block; position:absolute; top:50%; margin-top:-7px; width:14px; height:14px; 
	border-bottom:2px solid #a4a4a4; border-left:2px solid #a4a4a4;
	}
	.prevNextLink .prev a span::after { 
		left:5px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		}
	.prevNextLink .next a span::after { 
		right:5px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(-135deg);
		}
.prevNextLink a:hover span::after, .prevNextLink a:focus span::after { border-color:#fff; }
.prevNextLink a, .prevNextLink a span, .prevNextLink a span::after {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}


/*----------------------------------------------------------------------*/
/* 內頁header */
.ContHeader { margin-bottom:50px; position:relative; }
.ContHeader a[name=ch_bottom] { position:absolute; bottom:-50px; left:0; }

/* 內頁menu */
.ContNav { position:relative; z-index:9999; }
.ContNav .nav_trigger { display:none; }
.ContNav .nav_list::after { content:''; display:block; clear:both; }
.ContNav .nav_list ul { 
	background:-ms-linear-gradient(top, #7d7d7d 0%, #454545 100%);
	background:linear-gradient(to bottom, #7d7d7d 0%, #454545 100%);
	}
.ContNav .nav_list li a { 
	display:block; color:#fff; text-align:center; text-decoration:none; opacity:0.7; position:relative; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.ContNav .nav_list li a:hover, .ContNav .nav_list li a:focus { background-color:rgba(0,0,0,0.2); opacity:1; }
.ContNav .nav_list li.actived a { 
	font-weight:bold; opacity:1; 
	background:-ms-linear-gradient(top, #333333 0%, #000000 100%);
	background:linear-gradient(to bottom, #333333 0%, #000000 100%);
	}
.ContNav .nav_list li.actived a::after { 
	display:block; content:''; position:absolute; bottom:-10px; left:50%; margin-left:-9px; 
	border-left:9px solid transparent; border-right:9px solid transparent; border-top:10px solid #000000;
	}
.ContNav .nav_retired { 
	background:-ms-linear-gradient(top, #7d7d7d 0%, #454545 100%);
	background:linear-gradient(to bottom, #7d7d7d 0%, #454545 100%);
	}

/* 球隊menu */
.TeamNav .team_name { position:absolute; top:50%; background-color:#fff; z-index:2; }
.TeamNav .team_name span { 
	display:block; position:absolute; top:50%; left:50%; margin:-48% 0 0 -45%; width:90%; height:96%; text-indent:-999px; overflow:hidden; 
	background-repeat:no-repeat; background-position:center center; background-size:contain;
	}

/* 球員menu */
.PlayerNav .nav_list ul { 
	background:-ms-linear-gradient(top, #ededed 0%, #cdcdcd 100%);
	background:linear-gradient(to bottom, #ededed 0%, #cdcdcd 100%);
	}
.PlayerNav .nav_list li a { color:#333; }
.PlayerNav .nav_list li a:hover, .PlayerNav .nav_list li a:focus { background-color:rgba(0,0,0,0.05); }
.PlayerNav .nav_list li.actived a { 
	color:#fff; 
	background:-ms-linear-gradient(top, #7e7e7e 0%, #434343 100%);
	background:linear-gradient(to bottom, #7e7e7e 0%, #434343 100%);
	}
.PlayerNav .nav_list li.actived a::after { border-top:10px solid #434343; }

/* 先發戰報次menu */
.StartersSubNav { margin-top:-30px; margin-bottom:40px; }
.StartersSubNav .nav_list ul { 
	background:-ms-linear-gradient(top, #5b5b5b 0%, #000000 100%);
	background:linear-gradient(to bottom, #5b5b5b 0%, #000000 100%);
	}
.StartersSubNav .nav_list li a:hover, .StartersSubNav .nav_list li a:focus { background:none; opacity:1; }
.StartersSubNav .nav_list li.actived a { font-weight:bold; opacity:1; background:none; }


/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable { osition:relative; overflow:hidden; }
.ListTable table { width:100%; }

.ListTable td.no { color:#999; font-family:'Montserrat', sans-serif; font-weight:600; }
.ListTable td.date { color:#999; font-family:'Montserrat', sans-serif; font-weight:600; }
.ListTable td.title { color:#333; font-weight:bold; }
.ListTable td.title a { color:#333; text-decoration:none; }
.ListTable td.title a:hover, .ListTable table td.title a:focus { color:#006ec5; }

.editable_content + .ListTable { margin-top:15px; }


/*----------------------------------------------------------------------*/
/* 賽事新聞 */
.NewsList .item { 
	background-color:#fff; padding:20px; margin-top:40px; 
	-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 0 10px rgba(0,0,0,0.2);
	}
	.NewsList .item:first-child { margin-top:0; }
.NewsList .item > div::after { content:''; display:block; clear:both; }

.NewsList .img { float:left; width:40%; max-width:400px; margin-right:20px; overflow:hidden; }
.NewsList .img a { 
	display:block; padding-bottom:56.25%; overflow:hidden; position:relative;
	background-repeat:no-repeat; background-position:center center; background-size:cover;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.NewsList .img a:hover, .NewsList .img a:focus { opacity:0.8; transform:scale(1.03); outline:0; }
.NewsList .img a span { display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-999px; }

.NewsList .cont { overflow:hidden; }
.NewsList .title { margin-bottom:5px; }
.NewsList .title a { 
	font-weight:bold; color:#333; letter-spacing:0.05em; text-decoration:none; 
	line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; 
	max-height:3em; -webkit-line-clamp:2;
	}
.NewsList .title a:hover, .NewsList .title a:focus { color:#006ec5; }
.NewsList .date { display:inline-block; margin:5px 0; font-family:'Roboto', sans-serif; color:#666; font-weight:500; line-height:30px; }
.NewsList .tags { display:inline; margin-left:5px; }
.NewsList .tags a { 
	display:inline-block; border:1px solid #ccc; margin:5px 0; padding:0 10px; margin-left:5px; line-height:28px; font-size:0.9375rem; color:#555; text-decoration:none; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.NewsList .tags a:hover, .NewsList .tags a:focus { background-color:#006ec5; border-color:#006ec5; color:#fff; }
.NewsList .desc { 
	margin-top:5px; color:#666; 
	line-height:2em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; 
	}


/*----------------------------------------------------------------------*/
/* 精彩短片 */
.HighlightList > div::after, .HighlightList .item > div::after, .HighlightList .cont::after { content:''; display:block; clear:both; }
.HighlightList > 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; 
	}
.HighlightList .item { flex:0 1 auto; margin-bottom:30px; }
.HighlightList .img { overflow:hidden; }
.HighlightList .img a { 
	display:block; padding-bottom:56.25%; overflow:hidden; position:relative;
	background-repeat:no-repeat; background-position:center center; background-size:cover;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.HighlightList .img a:hover, .HighlightList .img a:focus { opacity:0.8; transform:scale(1.05); outline:0; }
.HighlightList .img a span { display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-999px; }
.HighlightList .img a::after { 
	content:''; display:block; position:absolute; bottom:5px; left:5px; width:36px;height:36px; 
	background:url(../images/icon_play.png) no-repeat center center; background-size:contain;
	}
	
.HighlightList .cont { overflow:hidden; }
.HighlightList .title { clear:both; }
.HighlightList .title a { color:#333; line-height:150%; text-decoration:none; }
.HighlightList .title a:hover, .HighlightList .title a:focus { color:#006ec5; }
.HighlightList .game_no, .HighlightList .date { 
	width:50%; margin-bottom:10px; padding:0 10px; background-color:#efefef; 
	font-family:'Roboto', sans-serif; font-size:0.875rem; color:#666; line-height:25px; 
	}
	.HighlightList .game_no { float:left; }
	.HighlightList .date { float:right; text-align:right; }
.HighlightList .vs_box { padding-top:10px; font-size:0.875rem; color:#666; }
.HighlightList .vs_box .vs { margin:0 5px; font-family:'Montserrat', sans-serif; }


/*----------------------------------------------------------------------*/
/* 紀錄表格 */
.RecordTableWrap { margin-bottom:60px; }
.RecordTableWrap .record_table_caption { margin-top:30px; font-weight:bold; font-size:1.5rem; line-height:150%; letter-spacing:0.05em; }
.RecordTableWrap .record_table_caption a { 
	display:inline-block; text-decoration:none; color:#333; line-height:150%; position:relative; 
	}
.RecordTableWrap .record_table_caption a::after { 
	content:''; display:block; position:absolute; left:50%; bottom:2px; width:0; height:2px; background-color:#006ec5; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.RecordTableWrap .record_table_caption a:hover,
.RecordTableWrap .record_table_caption a:focus { color:#006ec5; }
.RecordTableWrap .record_table_caption a:hover::after,
.RecordTableWrap .record_table_caption a:focus::after { left:0; width:100%; }
.RecordTableWrap .record_table_note { margin-top:10px; font-size:0.9375rem; color:#666; }
.RecordTableOuter { position:relative; }

.RecordTable { width:100%; overflow-y:auto; _overflow:auto; -webkit-overflow-scrolling:touch; }
.RecordTable::-webkit-scrollbar { -webkit-appearance:none; width:14px; height:14px; }
.RecordTable::-webkit-scrollbar-thumb { border-radius:8px; border:3px solid #fff; background-color:rgba(0, 0, 0, .3); }
.RecordTable::-webkit-scrollbar-thumb:hover { background-color:#e60012; }
.RecordTable table { width:100%; border-collapse:collapse; border-spacing:0; }
.RecordTable th, .RecordTable td { padding:8px 10px; }
.RecordTable th { background-color:#424242; line-height:150%; white-space:nowrap; color:#fff; }
.RecordTable td { 
	border-bottom:1px solid #e5e5e5; background-color:#fff; vertical-align:top; 
	white-space:nowrap; line-height:150%; text-align:center; 
	}
	.RecordTable tr:nth-child(odd) td { background-color:#f7f7f7; }
.RecordTable th a { display:inline-block; color:#fff; text-decoration:none; position:relative; }
.RecordTable th a::after { 
	content:''; display:block; position:absolute; left:50%; width:0; height:2px; background-color:#fff; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.RecordTable th a:hover, .RecordTable th a:focus { color:#fff; }
.RecordTable th a:hover::after, .RecordTable th a:focus::after { left:0; width:100%; }
.RecordTable td a { display:inline-block; color:#333; text-decoration:none; position:relative; }
.RecordTable td a::after { 
	content:''; display:block; position:absolute; left:50%; width:0; height:2px; background-color:#006ec5; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.RecordTable td a:hover, .RecordTable td a:focus { color:#006ec5; }
.RecordTable td a:hover::after, .RecordTable td a:focus::after { left:0; width:100%; }

.RecordTable td.num { font-family:'Roboto', sans-serif; font-weight:400; }
.RecordTable td.num .integer { display:inline-block; width:1.25em; text-align:right; }
.RecordTable td.num .fraction { display:inline-block; margin-left:8px; width:1.8em; text-align:left; }
.RecordTable .player { width:180px; }
.RecordTable td.player { text-align:left; }
.RecordTable td.player > span { display:inline-block; }
.RecordTable td.player .order { width:10px; font-family:'Roboto', sans-serif; font-weight:400; color:#999; }
.RecordTable td.player .position { font-size:0.8125rem; font-family:'Roboto', sans-serif; font-weight:400; font-style:italic; }
.RecordTable td.player .position::before { content:' , '; }
.RecordTable td.player .number { font-size:0.8125rem; font-family:'Roboto', sans-serif; font-weight:400; }
.RecordTable td.player .number::before { content:'#'; margin-left:3px; }
.RecordTable td.player.sub .name { margin-left:1em; }
.RecordTable .pos_detail { display:none; }
.RecordTable .pos_detail > span { display:block; margin:8px 0; }
.RecordTable .pos_detail > span:last-child { margin-bottom:0; }
.RecordTable .pos_detail_toggle { padding-left:12px; }
.RecordTable .pos_detail_toggle::before { 
	content:''; display:block; position:absolute; top:50%;; left:0; 
	margin-top:-4px; border-left:2px solid #333; border-bottom:2px solid #333; width:5px; height:5px; 
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}
.RecordTable .pos_detail_toggle.open::before { 
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
	}
.RecordTable .pos_detail_toggle:hover::before { border-color:#006ec5; }

.RecordTable th.stats_player, .RecordTable td.stats_player { text-align:left; }
.RecordTable tr.total td { background-color:#fff5e0; }
.RecordTable tr.total td:first-child { text-align:left; }
.RecordTable tr.total td { font-weight:700; }

.RecordTable .player-w-logo { text-align:left; }
.RecordTable .team_logo { 
	display:inline-block; width:1.25em; height:1.25em; margin:0 0.25em 0.25em 0; vertical-align:middle; 
	}
.RecordTable .team_logo a { 
	display:block; width:100%; height:100%; text-indent:-999px; overflow:hidden; 
	background-repeat:no-repeat; background-position:center center; background-size:contain;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.RecordTable .team_logo a:hover, 
.RecordTable .team_logo a:focus { opacity:0.8; transform:scale(1.1); outline:0; }
.RecordTable .team_logo span { 
	display:block; width:100%; height:100%; text-indent:-999px; overflow:hidden; 
	background-repeat:no-repeat; background-position:center center; background-size:contain;
	}
.RecordTable .win { 
	display:inline-block; width:1.5em; height:1.5em; vertical-align:top; margin-right:0.25em; 
	background:url(../images/icon_win.png) no-repeat center center; background-size:contain; 
	}

/* 欄區隔顏色 */
.RecordTable th[data-div="col-even"] { background-color:#333; }
.RecordTable td[data-div="col-even"] { background-color:#f2f2f2; }
.RecordTable tr:nth-child(odd) td[data-div="col-even"] { background-color:#e8e8e8; }

/* 分項成績 */
.RecordTable.splits { position:relative; }
.RecordTable.splits tr:nth-child(odd) td { background-color:#fff; }
.RecordTable.splits tr.row-div td { background-color:#f7f7f7; }
.RecordTable.splits tr td:first-child { text-align:left; font-size:0.875rem; }

.RecordTable.splits .floatThead { position:absolute; top:0; left:0; width:100%; -webkit-overflow-scrolling:touch; }
	@media screen and (max-width: 1023px) {
	.RecordTable.splits .floatThead { 
		-webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
		}
	}
	@media screen and (min-width: 1024px) {
	.RecordTableWrap.float-thead .RecordTable.splits .floatThead { margin-top:64px; }
	}

.RecordTable.splits .floatThead tr:not(:first-child) td { visibility:hidden; height:0; line-height:0; padding-top:0; padding-bottom:0; border-bottom:0; }
.RecordTable.splits .floatThead tr:first-child th:first-child { visibility:hidden; }
.RecordTable.splits .sticky::before { content:''; display:block; position:absolute; bottom:-1px; left:0; width:100%; border-bottom: 1px solid #e5e5e5; }

@media screen and (min-width: 1024px) {
.RecordTableWrap.float-thead .record_table_scroll_ctrl { position:fixed; top:50%; left:0; width:100%; margin-top:-30px; z-index:999; }
.RecordTableWrap.float-thead .record_table_scroll_ctrl a { position:absolute; top:0; display:block; width:24px; height:60px; }
.RecordTableWrap.float-thead .record_table_scroll_ctrl a.scroll_left { 
	left:0; 
	-webkit-border-radius:0 5px 5px 0;
    -moz-border-radius:0 5px 5px 0;
    border-radius:0 5px 5px 0;
	}
.RecordTableWrap.float-thead .record_table_scroll_ctrl a.scroll_right { 
	right:0;
	-webkit-border-radius:5px 0 0 5px;
    -moz-border-radius:5px 0 0 5px;
    border-radius:5px 0 0 5px;
	}
}

/* 浮動 */
/* 
浮動左欄有兩種方式，一是用jquery，一是用純css，目前是用純css
純css優點是便捷，缺點是只有Chrome支援，Safari好像也有(不支援的話就不會有浮動效果)，而且只能浮動一欄，要浮動多欄，則使用sticky_wrap中的div來模擬多欄，sticky_wrap中的div都要個別指定寬度，若是無法確定div內的字數有多少會不好設定寬度，意即程式若要加欄位會不方便
jquery優點是跨瀏覽器支援，不須再煩惱寬度設定的問題，但因此效果是把表格再複製一份出來來做出浮動效果，因此原表格若有任何會造成寬度或高度變化，或是會造成資料變化的效果(如排序)，複製出來的表格會因無法同步而出現問題
*/
.RecordTable .floatLeftTheadWrap { 
	width:100%; position:absolute; top:0; left:0; z-index:2; overflow:hidden; 
	}
.RecordTable .left-thead { position:relative; }
.RecordTable .left-thead::after { 
	content:''; display:block; position:absolute; top:0; right:0; 
	height:100%; width:1px; background-color:#ccc; border-top:8px solid #fff; border-bottom:8px solid #fff; box-sizing:border-box;
	}
	.RecordTable th.left-thead::after { background-color:rgba(255,255,255,0.4); border-color:#424242; }
	.RecordTable tr:nth-child(odd) td.left-thead::after { border-color:#f7f7f7; }
	.RecordTable tr.total td.left-thead::after { border-color:#fff5e0; }
.RecordTable .left-thead + .left-thead::before { 
	content:''; display:block; position:absolute; top:0; left:-1px; 
	height:100%; width:1px; background-color:#fff; border-top:8px solid #fff; border-bottom:8px solid #fff; box-sizing:border-box;
}
	.RecordTable th.left-thead + .left-thead::before { background-color:#424242; border-color:#424242; }
	.RecordTable tr:nth-child(odd) td.left-thead + .left-thead::before { background-color:#f7f7f7; border-color:#f7f7f7; }
	.RecordTable tr.total td.left-thead + .left-thead::before { background-color:#fff5e0; border-color:#fff5e0; }

.RecordTable .sticky { position:sticky; left:0; z-index:2; }
.RecordTable .sticky::after { 
	content:''; display:block; position:absolute; top:0; right:0; box-sizing:border-box; 
	height:100%; width:1px; background-color:#ccc; border-top:8px solid #fff; border-bottom:8px solid #fff; 
	}
	.RecordTable th.sticky::after { background-color:rgba(255,255,255,0.4); border-color:#424242; }
	.RecordTable tr:nth-child(odd) td.sticky::after { border-color:#f7f7f7; }
	.RecordTable .row-div td.sticky::after { border-color:#f7f7f7; }

.RecordTable .sticky_wrap > div { 
	display:inline-block; vertical-align:top; padding:0 5px; text-align:center; white-space:normal; box-sizing:content-box; 
	}
	.RecordTable .sticky_wrap > div:first-child { padding-left:0; }
	.RecordTable .sticky_wrap > div:last-child { padding-right:0; }
.RecordTable .sticky_wrap .sn { width:2em; font-family:'Roboto', sans-serif; }
.RecordTable .sticky_wrap .rank { width:2em; font-family:'Montserrat', sans-serif; font-weight:600; }
.RecordTable .sticky_wrap .year { width:2.5em; font-family:'Roboto', sans-serif; }
	.RecordTable td .sticky_wrap .year { font-weight:400; }
.RecordTable .sticky_wrap .date { width:3em; font-family:'Roboto', sans-serif; }
	.RecordTable td .sticky_wrap .date { font-weight:400; }
.RecordTable .sticky_wrap .full-date { width:5.5em; font-family:'Roboto', sans-serif; }
	.RecordTable td .sticky_wrap .full-date { font-weight:400; }
.RecordTable .sticky_wrap .team { width:8.5em; }
.RecordTable .sticky_wrap .team-w-logo { width:10em; }
.RecordTable .sticky_wrap .team-w-trophy { width:10.25em; }
.RecordTable .sticky_wrap .player { width:5em; }
.RecordTable .sticky_wrap .player-w-logo { width:7em; }
.RecordTable td .sticky_wrap .player-w-logo { text-align:left; }
	@media screen and (max-width: 639px) {
	.RecordTable .sticky_wrap:not(.nowrap) > div { width:auto; display:block; padding:0; text-align:center; white-space:nowrap; }
	}

/* Swipe說明 */
.record_table_swipe_guide { display:none; margin-bottom:5px; text-align:center; font-size:0.875rem; }
.record_table_swipe_guide > div::before { display:inline-block; vertical-align:middle; }
	.record_table_swipe_guide .desktop::before { content:'在表格處按滑鼠滾輪中鍵後可左右滑動滑鼠看到更多資料 (或在表格處按滑鼠左鍵後按鍵盤左右方向鍵)'; }
	.record_table_swipe_guide .mobile::before { content:'行動裝置請用手指觸控滑動表格'; }
.record_table_swipe_guide > div::after { 
	content:''; display:inline-block; width:60px; height:20px; vertical-align:middle; opacity:0.7; 
	background-image:url(../images/icon_company_compare_table.png); background-repeat:no-repeat; background-size:100%; 
	}
	.record_table_swipe_guide .desktop::after { background-position:0 0; }
	.record_table_swipe_guide .mobile::after { background-position:0 bottom; }
@media screen and (min-width: 1441px) {
.record_table_swipe_guide .mobile { display:none; }
}
@media screen and (max-width: 1023px) {
.record_table_swipe_guide .desktop { display:none; }
}

/* 左右方向鍵 */
.record_table_scroll_ctrl { display:none; margin-top:-28px; text-align:right; }
.record_table_scroll_ctrl a { 
	display:inline-block; width:28px; height:28px; background-color:#333; position:relative; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.record_table_scroll_ctrl a:hover, .record_table_scroll_ctrl a:focus { background-color:#00478b; }
.record_table_scroll_ctrl a.disabled { background-color:#ccc; cursor:default; }
.record_table_scroll_ctrl a::before { 
	content:''; display:block; width:8px; height:8px; position:absolute; top:50%; opacity:0.7; 
	border-top:2px solid #fff; border-right:2px solid #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
	.record_table_scroll_ctrl a.scroll_left::before { 
		left:50%; margin:-5px 0 0 -3px;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		transform: rotate(-135deg);
		}
	.record_table_scroll_ctrl a.scroll_right::before { 
		right:50%; margin:-5px -3px 0 0;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		}
.record_table_scroll_ctrl a:hover::before, .record_table_scroll_ctrl a:focus::before { opacity:1; }
.record_table_scroll_ctrl a.disabled:hover::before, .record_table_scroll_ctrl a.disabled:focus::before { opacity:0.7;  }

/* 關注頁-球員-打擊紀錄 */
.RecordTable.followed_batter_record th > div, .RecordTable.followed_batter_record .batter_type, .RecordTable.followed_batter_record .pitcher { width:5em; }
.RecordTable.followed_batter_record tr:last-child td { border-bottom:0; }
.RecordTable.followed_batter_record td { width:5em; }
.RecordTable.followed_batter_record td:first-child { width:4em; }
.RecordTable.followed_batter_record td:last-child { width:auto; }
.RecordTable.followed_batter_record tr:nth-child(odd) td { background-color:transparent; }
.RecordTable.followed_batter_record .batter_type span {
	display:inline-block; padding:0 6px; line-height:26px; color:#fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
	.RecordTable.followed_batter_record .batter_type.red span { background-color:#ff3939; }
	.RecordTable.followed_batter_record .batter_type.yellow span { background-color:#ffb400; }
	.RecordTable.followed_batter_record .batter_type.blue span { background-color:#3599ff; }
	.RecordTable.followed_batter_record .batter_type.green span { background-color:#2ba800; }
	.RecordTable.followed_batter_record .batter_type.gray span { background-color:#8e8e8e; }

/* 排序 */
.RecordTable th.sort { cursor:pointer; }
.RecordTable th.sort .sort_type { display:inline-block; width:6px; height:14px; margin-left:5px; vertical-align:middle; position:relative; }
.RecordTable th.sort .sort_type::before, .RecordTable th.sort .sort_type::after { 
	content:''; display:block; position:absolute; left:0; border-left:3px solid transparent; border-right:3px solid transparent; opacity:0.3; 
	}
	.RecordTable th.sort .sort_type::before { top:0; border-bottom:6px solid #fff; }
	.RecordTable th.sort .sort_type::after { bottom:0;  border-top:6px solid #fff; }

.RecordTable th.sort.asc .sort_type::before { opacity:1; }
.RecordTable th.sort.asc .sort_type::after { opacity:0; }
.RecordTable th.sort.desc .sort_type::before { opacity:0; }
.RecordTable th.sort.desc .sort_type::after { opacity:1; }
.RecordTable th.sort:hover { color:#ffcc00; }
	
	
/*----------------------------------------------------------------------*/
/* 賽程表 */
.ScheduleSearch { text-align:center; }
.ScheduleSearch > div { display:inline-block; vertical-align:middle; margin:0 20px 10px 0; }
.ScheduleSearch .item input[type="text"], .ScheduleSearch .item select, .ScheduleSearch .btn input { 
	margin-bottom:0; height:54px; line-height:54px; font-size:1.25rem; 
	}
.ScheduleSearch .btn input { 
	padding:0 10px; background-color:#333; color:#fff; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.ScheduleSearch .btn input:hover, .ScheduleSearch .btn input:focus { background-color:#005496; }

/* 頁籤 */
.ScheduleGroup .tabs { margin-bottom:20px; text-align:center; position:relative; z-index:3; }
.ScheduleGroup .tabs li { display:inline-block; margin:0 8px; }
.ScheduleGroup .tabs li a { 
	display:block; padding:0 20px; background-color:#e6e6e6; 
	line-height:48px; color:#666; font-size:1.125rem; text-decoration:none; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.ScheduleGroup .tabs li:not(.download).active a { background-color:#003a83; color:#fff; }
.ScheduleGroup .tabs li a:hover, .ScheduleGroup .tabs li a:focus { background-color:#003a83; color:#fff; }
.ScheduleGroup .tabs li a::before { 
	content:''; display:inline-block; width:28px; height:28px; margin:0 10px 0.25em 0; vertical-align:middle; 
	background:url(../images/icon_schedule_group.png) no-repeat; background-size:200%;
	}
	.ScheduleGroup .tabs li.calendar a::before { background-position:0 0; }
	.ScheduleGroup .tabs li.list a::before { background-position:0 50%; }
	.ScheduleGroup .tabs li.download a::before { background-position:0 100%; }
	.ScheduleGroup .tabs li.calendar.active a::before, 
	.ScheduleGroup .tabs li.calendar a:hover::before, 
	.ScheduleGroup .tabs li.calendar a:focus::before { background-position:right 0; }
	.ScheduleGroup .tabs li.list.active a::before, 
	.ScheduleGroup .tabs li.list a:hover::before, 
	.ScheduleGroup .tabs li.list a:focus::before { background-position:right 50%; }
	.ScheduleGroup .tabs li.download a:hover::before, 
	.ScheduleGroup .tabs li.download a:focus::before { background-position:right 100%; }

/* 月曆式 */
.ScheduleTable {
	-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);
	}
.ScheduleTable table { width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed; }
.ScheduleTable table, .ScheduleTable tr, .ScheduleTable td { width:100%; height:100%; }
.ScheduleTable th { 
	background-color:#333; border-right:1px solid #333; padding:8px 10px; 
	color:#fff; font-weight:bold; line-height:150%; 
	}
.ScheduleTable td { border-right:1px solid #ccc; border-bottom:2px solid #5e5e5e; padding:0; vertical-align:top; position:relative; }
	.ScheduleTable tr td:first-child { border-left:1px solid #ccc; }
	.ScheduleTable tr:last-child td { border-bottom:1px solid #ccc; }
.ScheduleTable td > div { height:100%; min-height:44px; position:relative; z-index:2; }
.ScheduleTable .today::after { 
	content:''; display:block; position:absolute; top:-5px; left:-5px; width:100%; height:100%; 
	padding:5px; background-color:#fff; z-index:3; 
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3);
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
	}
.ScheduleTable .today > div { z-index:4; }
.ScheduleTable .other_month { background-color:#ebebeb; }
	
.ScheduleTable .date { 
	border-bottom:2px solid #ccc; box-sizing:content-box; 
	text-align:center; font-family:'Roboto', sans-serif; font-weight:700; color:#333; 
	}
	.ScheduleTable .today .date { color:#008edd; }
	.ScheduleTable .other_month .date { color:#d1d1d1; }

.ScheduleTable .game { border-top:1px solid #ccc; }
.ScheduleTable .date + .game { border-color:#fff; }
.ScheduleTable .date + .game.final { border-color:#f2f2f2; }
.ScheduleTable .game.final { background-color:#f2f2f2; }
.ScheduleTable .game a { 
	display:block; padding:10px; height:100%; text-decoration:none; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.ScheduleTable .game a:hover, .ScheduleTable .game a:focus { background-color:rgba(0,0,0,0.03); }
.ScheduleTable .game.final a:hover, .ScheduleTable .game.final a:focus { background-color:rgba(0,0,0,0.04); }
	
.ScheduleTable .info { text-align:center; }
.ScheduleTable .info > div { display:inline-block; color:#333; line-height:25px; vertical-align:middle; }
	.ScheduleTable .final .info > div { color:#666; }
.ScheduleTable .info .place { letter-spacing:2px; }
.ScheduleTable .info .game_no { margin-left:4px; font-family: 'Montserrat', sans-serif; font-weight:600; }
	
.ScheduleTable .vs_box { display:table; width:100%; }
.ScheduleTable .vs_box > div { display:table-cell; vertical-align:top; }
.ScheduleTable .vs_box .team span { 
	display:block; margin:0 auto; overflow:hidden; text-indent:-999px; 
	background-repeat:no-repeat; background-position:center center; background-size:cover;
	}
.ScheduleTable .vs_box .score { text-align:center; }
.ScheduleTable .vs_box .score > div { display:inline-block; vertical-align:top; font-family:'Montserrat', sans-serif; }
	.ScheduleTable .game.final .vs_box .score > div { color:#666; }
.ScheduleTable .vs_box .score .num { color:#333; font-weight:800; }
.ScheduleTable .vs_box .score .text { color:#666; font-weight:400; }
	
.ScheduleTable .remark { text-align:center; }
.ScheduleTable .remark > div { display:inline-block; vertical-align:middle; }
.ScheduleTable .remark > div + div { margin-left:10px; }
.ScheduleTable .remark .note { color:#d70000; }
.ScheduleTable .remark .time { font-family: 'Montserrat', sans-serif; font-weight:600; color:#666; }
.ScheduleTable .remark .tags .tag { 
	margin:0 1px; vertical-align:middle; color:#fff; font-weight:bold; font-size:0.9375rem;; overflow:hidden; 
	-webkit-border-radius:13px;
	-moz-border-radius:13px;
	border-radius:13px;
	}
	.ScheduleTable .remark .tags .tag.live { background-color:#ed1f27; }
	.ScheduleTable .remark .tags .tag.final { background-color:#0fb24c; }
	.ScheduleTable .remark .tags .tag.lineup { background-color:#d10404; }
.ScheduleTable .remark .tags .tag span {
	display:block; padding:0 8px; 
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
	}

/*
border:1
padding:20
info height:25
vs_box height:20
note height:24
=90

border:1
padding:20
info height:25+5
vs_box height:26+5
note height:26
=108
*/
@media screen and (max-width: 1279px) {
.ScheduleTable .game { height:90px; }
.ScheduleTable .game:last-child { height:calc(100% - 28px); }
.ScheduleTable .two_games .game:last-child { height:calc(100% - 28px - 90px); }
.ScheduleTable .three_games .game:last-child { height:calc(100% - 28px - (90px * 2)); }
.ScheduleTable .four_games .game:last-child { height:calc(100% - 28px - (90px * 3)); }
.ScheduleTable .date { line-height:26px; font-size:1.125rem; }
.ScheduleTable .info > div { font-size:0.9375rem; }
.ScheduleTable .vs_box .team { width:28px; }
.ScheduleTable .vs_box .team span { width:20px; height:20px; }
.ScheduleTable .vs_box .score { height:20px; }
.ScheduleTable .vs_box .score > div { line-height:20px; }
.ScheduleTable .vs_box .score .num { font-size:1.0625rem; }
.ScheduleTable .vs_box .score .text { padding:0 2px; }
.ScheduleTable .vs_box .score .time { font-size:1rem; }
.ScheduleTable .remark { min-height:24px; }
.ScheduleTable .remark > div { line-height:24px; }
.ScheduleTable .remark .time { font-size:0.9375rem; }
.ScheduleTable .remark .note { font-size:0.9375rem; }
}
@media screen and (min-width: 1280px) {
.ScheduleTable .game { height:108px; }
.ScheduleTable .game:last-child { height:calc(100% - 32px); }
.ScheduleTable .two_games .game:last-child { height:calc(100% - 32px - 108px); }
.ScheduleTable .three_games .game:last-child { height:calc(100% - 32px - (108px * 2)); }
.ScheduleTable .four_games .game:last-child { height:calc(100% - 32px - (108px * 3)); }
.ScheduleTable .info, .ScheduleTable .vs_box  { margin-bottom:5px; }
.ScheduleTable .date { line-height:30px; font-size:1.25rem; }
.ScheduleTable .vs_box .team { width:40px; }
.ScheduleTable .vs_box .team span { width:26px; height:26px; }
.ScheduleTable .vs_box .score { height:26px; }
.ScheduleTable .vs_box .score > div { line-height:26px; }
.ScheduleTable .vs_box .score .num { font-size:1.25rem; }
.ScheduleTable .vs_box .score .text { padding:0 5px; }
.ScheduleTable .vs_box .score .time { font-size:1.125rem; }
.ScheduleTable .remark { min-height:26px; }
.ScheduleTable .remark > div { line-height:26px; }
.ScheduleTable .remark .time { font-size:1rem; }
.ScheduleTable .remark .note { font-size:1rem; }
}

/* 條列式 */
.ScheduleTableList { position:relative; }
.ScheduleTableList table { width:100%; border-collapse:collapse; border-spacing:0; }
.ScheduleTableList th, .ScheduleTableList td { white-space:nowrap; }
.ScheduleTableList th { background-color:#424242; line-height:150%; color:#fff; }
.ScheduleTableList td { background-color:#fff; line-height:24px; }
.ScheduleTableList td > div { display:inline-block; vertical-align:top; }
.ScheduleTableList a { 
	display:inline-block; color:#333; text-decoration:none; position:relative; 
	-webkit-transition:color 0.3s ease;
	-moz-transition:color 0.3s ease;
	transition:color 0.3s ease;
	}
.ScheduleTableList a::after { 
	content:''; display:block; position:absolute; left:50%; bottom:-2px; width:0; height:2px; background-color:#006ec5; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.ScheduleTableList a:hover, 
.ScheduleTableList a:focus { color:#006ec5 !important; }
.ScheduleTableList a:hover::after, 
.ScheduleTableList a:focus::after { left:0; width:100%; }

.ScheduleTableList td.date { font-family:'Montserrat', sans-serif; font-weight:600; color:#333; text-align:center; }
.ScheduleTableList td.date .day { 
	display:inline-block; margin-left:5px; vertical-align:top; 
	font-family:"Heiti TC", "黑體-繁", "Microsoft JhengHei", "微軟正黑體", sans-serif; 
	}
.ScheduleTableList td.game_no { font-family:'Montserrat', sans-serif; font-weight:600; color:#333; text-align:center; }
.ScheduleTableList td.game_no .mobile-only { 
	position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; 
	-webkit-transition:background-color 0.3s ease;
	-moz-transition:background-color 0.3s ease;
	transition:background-color 0.3s ease;
	}
.ScheduleTableList td.game_no .mobile-only::after { display:none; }
.ScheduleTableList td.game_no .mobile-only:hover { background-color:rgba(0,0,0,0.05); }
.ScheduleTableList td.team .score { white-space:nowrap; }
.ScheduleTableList td.team .score > div { display:inline-block; font-family:'Montserrat', sans-serif; vertical-align:top; }
.ScheduleTableList td.team .score .num { width:1.6em; font-weight:800; color:#333; }
	.ScheduleTableList td.team .score .num.away { text-align:right; }
	.ScheduleTableList td.team .score .num.home { text-align:left; }
.ScheduleTableList td.team .score .text { width:1em; text-align:center; font-weight:400; color:#666; }


.ScheduleTableList td.info > div, .ScheduleTableList td.info > div span { height:24px; overflow:hidden; }
.ScheduleTableList td.info > div span { display:block; }
.ScheduleTableList td.info .place { font-weight:bold; }
.ScheduleTableList td.info .time { margin-left:10px; font-family:'Montserrat', sans-serif; font-weight:600; color:#333; }
.ScheduleTableList td.info .play_time { margin-left:10px; font-family:'Montserrat', sans-serif; font-weight:400; color:#333; }

.ScheduleTableList td.remark { white-space:normal; }
.ScheduleTableList td.remark > div { margin-right:10px; }
.ScheduleTableList td.remark > div:last-child { margin-right:0; }
.ScheduleTableList td.remark .wlsv > div { display:inline-block; border-right:1px solid rgba(0,0,0,0.1); }
.ScheduleTableList td.remark .wlsv > div:last-child { border-right:0; margin-right:0; padding-right:0; } 
.ScheduleTableList td.remark .note { min-height:24px; }
.ScheduleTableList td.remark .note > div { display:inline-block; line-height:24px; vertical-align:top; color:#d70000; }
.ScheduleTableList td.remark .tags .tag { 
	margin:0 1px; overflow:hidden; color:#fff; font-weight:bold; font-size:15px; 
	-webkit-border-radius:13px;
	-moz-border-radius:13px;
	border-radius:13px;
	}
	.ScheduleTableList td.remark .tags .tag.live { background-color:#ed1f27; }
	.ScheduleTableList td.remark .tags .tag.final { background-color:#0fb24c; }
	.ScheduleTableList td.remark .tags .tag.lineup { background-color:#d10404; }
.ScheduleTableList td.remark .tags .tag span {
	display:block; padding:0 8px; 
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
	}

.ScheduleTableList tr.final td:not(.date) { background-color:#f2f2f2; color:#666; }
.ScheduleTableList tr.final a { color:#666; }
.ScheduleTableList tr.today td.date { position:relative; }
.ScheduleTableList tr.today td.date::after { 
	content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; 
	border:3px solid #333; 
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3);
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
	}
	
@media screen and (max-width: 1279px) {
.ScheduleTableList table { font-size:0.9375rem; }
.ScheduleTableList th, .ScheduleTableList td { padding:6px 8px; }
.ScheduleTableList td.date { font-size:1rem; }
.ScheduleTableList td.team .score .num { font-size:1.125rem; }
.ScheduleTableList td.team .score .text { font-size:0.8125rem; }
.ScheduleTableList td.info .play_time { font-size:0.8125rem; }
.ScheduleTableList .wlsv > div { margin-right:10px; padding-right:13px; }
}
@media screen and (min-width: 1280px) {
.ScheduleTableList table { font-size:1rem; }
.ScheduleTableList th, .ScheduleTableList td { padding:8px 15px; }
.ScheduleTableList td.date { font-size:1.25rem; }
.ScheduleTableList td.team .score .num { font-size:1.25rem; }
.ScheduleTableList td.team .score .text { font-size:0.875rem; }
.ScheduleTableList td.info { width:8em; }
.ScheduleTableList td.info .play_time { font-size:0.875rem; }
/* 加上text-align:justify*/
.ScheduleTableList td.info .place span { 
	width:4em;  
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph; /*IE9*/
	-moz-text-align-last:justify; /*Firefox*/
	-webkit-text-align-last:justify; /*Chrome*/
	}
.ScheduleTableList td.info .place span::after { content:''; width:100%; display:inline-block; }
/* fix text-align:justify在td中的bug */
.ScheduleTableList .wlsv > div { margin-right:15px; padding-right:18px; }
}


/*----------------------------------------------------------------------*/
/* 成績看板通用元素 */
/* 搜尋 */
.GameSearch { text-align:center; }
.GameSearch > div { display:inline-block; vertical-align:middle; margin:0 20px 10px 0; }
.GameSearch .item input[type="text"], .GameSearch .item select, .GameSearch .btn input { 
	margin-bottom:0; margin-right:0; height:54px; line-height:54px; font-size:1.25rem; 
	}
.GameSearch .btn input { 
	padding:0 10px; background-color:#333; color:#fff; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.GameSearch .btn input:hover, .GameSearch .btn input:focus { background-color:#005496; }

.GameDateSelect { margin:15px 0 25px; text-align:center; }
.GameDateSelect > div { display:inline-block; padding:0 50px; position:relative; }
.GameDateSelect > div > div { display:inline-block; line-height:48px; vertical-align:middle; }
.GameDateSelect .prevNext a { 
	display:block; width:48px; height:48px; position:absolute; top:50%; margin-top:-24px; text-indent:-999px; overflow:hidden; 
	}
	.GameDateSelect .prevNext a.prev { left:0; }
	.GameDateSelect .prevNext a.next { right:0; }
.GameDateSelect .prevNext a::before { 
	content:''; display:block; width:16px; height:16px; position:absolute; top:50%; 
	border-top:5px solid #333; border-right:5px solid #333;

	}
	.GameDateSelect .prevNext a.prev::before { 
		left:50%; margin:-10px 0 0 -8px;  
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		transform: rotate(-135deg);
		}
	.GameDateSelect .prevNext a.next::before { 
		right:50%; margin:-10px -8px 0 -0;  
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		}
.GameDateSelect .prevNext a:hover::before, .GameDateSelect .prevNext a:focus::before { border-color:#006ec5; }
.GameDateSelect .date_selected > div { display:inline-block; vertical-align:middle; }
.GameDateSelect .date_selected .date { 
	font-family:'Montserrat', sans-serif; font-weight:700; font-size:1.875rem; 
	}
.GameDateSelect .date_selected .day { 
	margin-left:10px; font-family:"Heiti TC", "黑體-繁", "Microsoft JhengHei", "微軟正黑體", sans-serif; font-weight:bold; font-size:1.5rem; 
	}

.GameHeader { margin-top:35px; margin-bottom:70px; position:relative; }
.GameHeader::before { 
	content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:100%; background-color:#f8f8f8; 
	-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 0 10px rgba(0,0,0,0.2);
	}
.GameHeader a[name=gh_bottom] { position:absolute; bottom:-70px; left:0; }

/* 場次頁籤 */
.GameHeader .game_list li { position:relative; }
.GameHeader .game_list li a { 
	display:block; background-color:#f8f8f8; padding:25px 0 10px; height:88px; text-decoration:none; color:#999; position:relative; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.GameHeader .game_list li a::after { 
	content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:50px; margin-top:-25px; background-color:#ccc; 
	}
.GameHeader .game_list li.actived a { 
	color:#333;
	background:-ms-linear-gradient(top, #eeeeee 0%, #dedede 60%);
	background:linear-gradient(to bottom, #eeeeee 0%, #dddddd 100%); 
	}
.GameHeader .game_list li a:hover, .GameHeader .game_list li a:focus { background-color:#f4f4f4; color:#333; }

.GameHeader .game_list .Tags { position:absolute; top:-15px; left:0; width:100%; text-align:center; }
.GameHeader .game_list .Tags .tag { 
	display:inline-block; margin:0 0.5%;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	}
.GameHeader .game_list .Tags .tag.game_no { background-color:#666; }
	.GameHeader.taiwan_series .game_list .Tags .tag.game_no { background-color:#122f54; }
	.GameHeader.taiwan_series .game_list .Tags .tag.game_no.taiwan_series_minor { background-color:#666; }
.GameHeader .game_list li.final .Tags .tag.game_status { background-color:#0db14b; }
.GameHeader .game_list li.live .Tags .tag.game_status { background-color:#ed1c24; }
.GameHeader .game_list li.line-up .Tags .tag.game_status { background-color:#00b1eb; }
.GameHeader .game_list .Tags .tag.game_note { background-color:#d02537; }
.GameHeader .game_list .Tags .tag > * { 
	display:block; padding:0 10px; height:30px; line-height:30px; 
	text-decoration:none; text-align:center; font-weight:bold; font-size:15px; color:#fff; 
	}
.GameHeader .game_list .Tags .tag.game_no span { 
	font-family:'Roboto', sans-serif; font-size:16px; font-weight:400; 
	background: -ms-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.1) 100%);
	}
	.GameHeader.taiwan_series .game_list .Tags .tag.game_no span { width:auto; font-weight:500; text-transform:uppercase; }
	.GameHeader .game_list .Tags .tag.game_no.taiwan_series_minor span { font-weight:300; }
.GameHeader .game_list .Tags .tag.game_status span, .GameHeader .game_list .Tags .tag.game_note span { 
	background: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
	}
	
.GameHeader .game_list .VSBox { display:table; margin:0 auto; }
.GameHeader .game_list .VSBox > div { display:table-cell; vertical-align:top; }
.GameHeader .game_list .VSBox .team_name span { 
	display:block; width:28px; height:28px; margin:0 auto; text-indent:-999px; overflow:hidden; opacity:0.5; 
	background-repeat:no-repeat; background-position:center center; background-size:contain;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
	.GameHeader .game_list li.actived .VSBox .team_name span { opacity:1; }
	.GameHeader .game_list li a:hover .VSBox .team_name span, .GameHeader .game_list li a:focus .VSBox .team_name span { 
		opacity:1; 
		}
.GameHeader .game_list .VSBox .score_wrap {  white-space:nowrap; }
.GameHeader .game_list .VSBox .score_wrap > div { 
	display:inline-block; vertical-align:middle; font-family:'Montserrat', sans-serif; line-height:28px;
	}
.GameHeader .game_list .VSBox .score_wrap .num { width:1.6em; font-weight:800; font-size:26px;  }
	.GameHeader .game_list .VSBox .score_wrap .num.away { text-align:right; }
	.GameHeader .game_list .VSBox .score_wrap .num.home { text-align:left; }
.GameHeader .game_list .VSBox .score_wrap .text { width:1.2em; text-align:center; font-size:18px; color:#999; }
	.GameHeader .game_list li.final .VSBox .score_wrap .text,
	.GameHeader .game_list li.live .VSBox .score_wrap .text { font-weight:600; }
.GameHeader .game_list .VSBox .place_info { margin-top:4px; font-size:1rem; font-weight:bold; text-align:center; }
.GameHeader .game_list .VSBox .place_info .row > div { display:inline-block; }
.GameHeader .game_list .VSBox .place_info .time { font-family:'Montserrat', sans-serif; font-weight:600; }

/* owl-carousel */
.GameHeader .game_list .owl-stage-outer { padding-top:15px; }
.GameHeader .game_list .owl-carousel .owl-nav .owl-prev, 
.GameHeader .game_list .owl-carousel .owl-nav .owl-next { 
	text-indent:-10000px; position:absolute; top:15px; width:30px; height:calc(100% - 15px); 
	box-sizing:border-box;
	}
	.GameHeader .game_list .owl-carousel .owl-nav .owl-prev { left:0; }
	.GameHeader .game_list .owl-carousel .owl-nav .owl-next { right:0; }
.GameHeader .game_list .owl-carousel .owl-nav .owl-prev::after, 
.GameHeader .game_list .owl-carousel .owl-nav .owl-next::after {
	content:''; position:absolute; top:50%; margin-top:-8px; width:16px; height:16px; 
	border-width:3px 0 0 3px; border-style:solid; border-color:#333; box-sizing:border-box; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
	.GameHeader .game_list .owl-carousel .owl-nav .owl-prev::after {  
		left:50%; margin-left:-4px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
		}
	.GameHeader .game_list .owl-carousel .owl-nav .owl-next::after {  
		right:50%; margin-right:-4px;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		transform: rotate(135deg);
		}
.GameHeader .game_list .owl-carousel .owl-nav .owl-prev:hover::after, 
.GameHeader .game_list .owl-carousel .owl-nav .owl-next:hover::after { border-color:#006ec5; }
.GameHeader .game_list .owl-carousel .owl-nav .owl-prev.disabled, 
.GameHeader .game_list .owl-carousel .owl-nav .owl-next.disabled { display:none; }

/* 內容 */
.GameHeader .game_detail {
	background-color:#dddddd; padding:20px 20px 10px 20px; position:relative; z-index:2; 
	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; 
	}
.GameHeader .game_detail::after { 
	content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; 
	background:url(../images/index_game_item_bg.png) no-repeat bottom right;
	}
.GameHeader .game_detail > div { position:relative; z-index:2; }
.GameHeader .game_detail > .item { flex: 0 1 auto; margin:20px 0 10px; }
.GameHeader .game_detail > .item > div { 
	background-color:rgba(255,255,255,0.8); padding-left:10px; padding-right:10px; padding-bottom:10px; height:100%; position:relative;
	}
.GameHeader .game_detail > .item .title { float:none; position:absolute; top:-8px; left:0; width:100%; text-align:center; }
.GameHeader .game_detail > .item .title span { 
	display:inline-block; background-color:#005496; padding:0 20px;
	font-family:'Roboto', 'Heiti TC', '黑體-繁', 'Microsoft JhengHei', '微軟正黑體', sans-serif; 
	font-weight:bold; color:#fff; font-size:1.25rem; font-style:italic; line-height:35px; text-transform:uppercase; letter-spacing:0.1em;
	-webkit-border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
	}

/* 選單 */
.GameHeader .game_nav { width:100%; padding:10px 0 0; }
.GameHeader a[name=gn_bottom] { position:absolute; bottom:0; left:0; }
.GameHeader .game_nav ul { text-align:center; }
.GameHeader .game_nav ul li { display:inline-block; margin:0 10px 20px; }
.GameHeader .game_nav ul a { 
	display:block; padding:0 20px; background-color:#333; overflow:hidden; position:relative;
	line-height:50px; color:#fff; font-size:1.125rem; font-weight:bold; letter-spacing:0.1em; text-decoration:none;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.4);
	box-shadow:0 0 10px rgba(0,0,0,0.4);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.GameHeader .game_nav ul a:hover,
.GameHeader .game_nav ul a:focus,
.GameHeader .game_nav ul li.actived a { background-color:#00478b; }
.GameHeader .game_nav ul a::before { 
	content:''; display:inline-block; width:24px; height:24px; margin:0 8px 0.25em 0; vertical-align:middle; 
	background:url(../images/icon_btns.png?v=20220505) no-repeat; background-size:100%;
	}
	.GameHeader .game_nav ul .box a::before { background-position:0 20%; }
	.GameHeader .game_nav ul .game_news a::before { background-position:0 10%; }
	.GameHeader .game_nav ul .play_by_play a::before { background-position:0 30%; }
	.GameHeader .game_nav ul .highlights a::before { background-position:0 40%; }
	.GameHeader .game_nav ul .starters a::before { background-position:0 20%; }
	
	.GameHeader .game_nav ul .sportslottery_tw_1680 a { background-color:#de2123; width:80px; text-indent:-999px; }
	.GameHeader .game_nav ul .sportslottery_tw_1680 a::after { 
		content:''; display:block; position:absolute; top:50%; left:50%; width:60px; height:40px; margin:-20px 0 0 -30px;
		background:url(../images/logo_1680.png) no-repeat center center; background-size:contain;
		}

/* 先發 */
.GameHeader .game_detail .Starter > div { padding:0; }
.GameHeader .game_detail .Starter > div::after { content:''; display:block; clear:both; }

.GameHeader .game_detail .Starter .img { padding-bottom:56.25%; background-position:center top; background-size:cover; }
.GameHeader .game_detail .Starter .cont { min-height:100px; box-sizing:content-box; position:relative; }
.GameHeader .game_detail .Starter .cont::after { content:''; display:block; clear:both; }
.GameHeader .game_detail .Starter .cont > div { display:inline-block; vertical-align:middle; }
.GameHeader .game_detail .Starter .player > * { display:inline-block; vertical-align:middle; }
.GameHeader .game_detail .Starter .player .name { 
	color:#333; font-weight:bold; letter-spacing:0.05em; line-height:150%; text-decoration:none; position:relative; 
}
.GameHeader .game_detail .Starter .player .name::after { 
	content:''; display:block; position:absolute; left:50%; width:0; height:2px; background-color:#006ec5; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.GameHeader .game_detail .Starter .player .name:hover, .GameHeader .game_detail .Starter .player .name:focus { color:#006ec5; }
.GameHeader .game_detail .Starter .player .name:hover::after, .GameHeader .game_detail .Starter .player .name:focus::after { left:0; width:100%; }
.GameHeader .game_detail .Starter .player .b_t { 
	border-left:1px solid #ccc; box-sizing:content-box; 
	color:#666; font-weight:bold; font-size:0.9375rem; line-height:120%; 
	}
.GameHeader .game_detail .Starter .stats .desc { font-family:'Montserrat', sans-serif; font-weight:700; }
.GameHeader .game_detail .Starter .cont .brief { display:block; margin-top:10px; line-height:180%; color:#666; }
.GameHeader .game_detail .Starter .team { position:absolute; }
.GameHeader .game_detail .Starter .team .name { margin:0 auto 5px; }
.GameHeader .game_detail .Starter .team .name a { 
	display:block; width:100%; height:100%; text-indent:-999px; overflow:hidden; 
	background-repeat:no-repeat; background-position:center center; background-size:contain;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.GameHeader .game_detail .Starter .team .name a:hover, 
.GameHeader .game_detail .Starter .team .name a:focus { opacity:0.8; transform:scale(1.03); outline:0; }
.GameHeader .game_detail .Starter .team .w-l { font-family:'Montserrat', sans-serif; font-weight:700; line-height:120%; text-align:center; }

/* 記分板 */
.GameHeader .game_detail .ScoreBoard > div { padding-top:40px; }
.GameHeader .game_detail .ScoreBoard > div::after { content:''; display:block; clear:both; }

.GameHeader .game_detail .game_info { width:100%; text-align:center; }
.GameHeader .game_detail .game_info .place { font-size:1.5rem; font-weight:bold; }
.GameHeader .game_detail .game_info .game_no { font-size:1.125rem; }

.GameHeader .game_detail .ScoreBoard .team { text-align:center; }
.GameHeader .game_detail .ScoreBoard .team .team_name { margin:0 auto 10px; }
.GameHeader .game_detail .ScoreBoard .team .team_name a { 
	display:block; width:100%; height:100%; text-indent:-999px; overflow:hidden; 
	background-repeat:no-repeat; background-position:center center; background-size:contain;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.GameHeader .game_detail .ScoreBoard .team .team_name a:hover, 
.GameHeader .game_detail .ScoreBoard .team .team_name a:focus { opacity:0.8; transform:scale(1.03); outline:0; }
.GameHeader .game_detail .ScoreBoard .team .score { 
	font-family:'Montserrat', sans-serif; font-weight:700; font-size:3rem; line-height:120%; 
	}
.GameHeader .game_detail .ScoreBoard .team .w-l-t { 
	font-family:'Montserrat', sans-serif; font-weight:700; font-size:1.125rem; line-height:120%; 
	}

.GameHeader .game_detail .linescore_table { 
	background-color:#000; padding:15px 10px; font-family:'Roboto', sans-serif;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
.GameHeader .game_detail .linescore_table::after { content:''; display:block; clear:both; }
.GameHeader .game_detail .linescore_table table { width:100%; table-layout:fixed; }
	.GameHeader .game_detail .linescore_table .linescore.scrollable table { width:auto; }
.GameHeader .game_detail .linescore_table th, 
.GameHeader .game_detail .linescore_table td { padding:5px 3px; box-sizing:content-box; }
.GameHeader .game_detail .linescore_table th { height:30px; line-height:30px; color:#fff; font-size:20px; font-weight:500; }
.GameHeader .game_detail .linescore_table td { height:40px; line-height:40px; color:#fff; }
.GameHeader .game_detail .linescore_table > div:not(.team_name) td { font-size:22px; font-weight:600; }

.GameHeader .game_detail .linescore_table .team_name { 
	width:40px; float:left; padding-right:5px; box-sizing:content-box; font-size:16px; color:#fff; text-align:right; 
	}
.GameHeader .game_detail .linescore_table .team_name td { line-height:20px; }
.GameHeader .game_detail .linescore_table .team_name td,
.GameHeader .game_detail .linescore_table .team_name td a { 
	font-size:16px; color:#fff; text-decoration:none; position:relative; 
	}
.GameHeader .game_detail .linescore_table .team_name .full { display:none; }
/*.GameHeader .game_detail .linescore_table .team_name .full a::after { 
	content:''; display:block; position:absolute; left:50%; bottom:-2px; width:0; height:2px; background-color:#ffcc00; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.GameHeader .game_detail .linescore_table .team_name .full a:hover, 
.GameHeader .game_detail .linescore_table .team_name .full a:focus { color:#ffcc00; }
.GameHeader .game_detail .linescore_table .team_name .full a:hover::after, 
.GameHeader .game_detail .linescore_table .team_name .full a:focus::after { left:0; width:100%; }*/
.GameHeader .game_detail .linescore_table .team_name .short { 
	display:block; width:40px; height:40px; position:relative;
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 50%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 50%, rgba(255,255,255,1) 100%);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
.GameHeader .game_detail .linescore_table .team_name .short a { 
	display:block; position:absolute; top:50%; left:50%; width:30px; height:30px; margin:-15px 0 0 -15px; 
	text-indent:-999px; text-align:center; overflow:hidden; 
	background-repeat:no-repeat; background-position:center center; background-size:contain;
	}

.GameHeader .game_detail .linescore_table .linescore { float:left; }
	.GameHeader .game_detail .linescore_table .linescore.scrollable { overflow-y:auto; _overflow:auto; -webkit-overflow-scrolling:touch; }
	.GameHeader .game_detail .linescore_table .linescore.scrollable::-webkit-scrollbar { -webkit-appearance:none; width:14px; height:14px; }
	.GameHeader .game_detail .linescore_table .linescore.scrollable::-webkit-scrollbar-thumb { border-radius:8px; border:3px solid #000; background-color:#666; }
	.GameHeader .game_detail .linescore_table .linescore.scrollable::-webkit-scrollbar-thumb:hover { background-color:#005496; }

.GameHeader .game_detail .linescore_table .linescore th span { display:block; }
.GameHeader .game_detail .linescore_table .linescore td { text-align:center; }
.GameHeader .game_detail .linescore_table .linescore .card { 
	display:block; max-width:40px; width:100%; height:100%; margin:0 auto; color:#222; letter-spacing:-0.05em; position:relative; 
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 50%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 50%, rgba(255,255,255,1) 100%);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
.GameHeader .game_detail .linescore_table .linescore .card.focus::before { 
	content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:2px solid #f15158; box-sizing:border-box; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
.GameHeader .game_detail .linescore_table .linescore .card::after { 
	content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background-color:#000; opacity:0.3; 
	}

.GameHeader .game_detail .linescore_wrap .player_matchup { text-align:center; }
.GameHeader .game_detail .linescore_wrap .player_matchup > div { display:inline-block; margin:10px 10px 0; vertical-align:middle; }
.GameHeader .game_detail .linescore_wrap .player_matchup a { 
	display:inline-block; text-decoration:none; color:#333; line-height:150%; position:relative; 
	}
.GameHeader .game_detail .linescore_wrap .player_matchup a::after { 
	content:''; display:block; position:absolute; left:50%; bottom:-2px; width:0; height:2px; background-color:#006ec5; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.GameHeader .game_detail .linescore_wrap .player_matchup a:hover, 
.GameHeader .game_detail .linescore_wrap .player_matchup a:focus { color:#006ec5; }
.GameHeader .game_detail .linescore_wrap .player_matchup a:hover::after, 
.GameHeader .game_detail .linescore_wrap .player_matchup a:focus::after { left:0; width:100%; }
	
/* MVP */
.GameHeader .game_detail .MVP .player { margin-top:8px; text-align:center; }
.GameHeader .game_detail .MVP .player .team { display:inline-block; margin:0 2px 0 0; vertical-align:middle; }
.GameHeader .game_detail .MVP .player .team a { 
	display:block; width:32px; height:32px; text-indent:-999px; overflow:hidden; 
	background-repeat:no-repeat; background-position:center center; background-size:contain;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.GameHeader .game_detail .MVP .player .team a:hover, 
.GameHeader .game_detail .MVP .player .team a:focus { opacity:0.8; transform:scale(1.15); outline:0; }
.GameHeader .game_detail .MVP .player .name { display:inline-block; vertical-align:middle; }
.GameHeader .game_detail .MVP .player .name a { 
	display:block; text-decoration:none; font-size:1.25rem; font-weight:bold; color:#333; line-height:32px; position:relative; 
	}
.GameHeader .game_detail .MVP .player .name a::after { 
	content:''; display:block; position:absolute; left:50%; bottom:-2px; width:0; height:2px; background-color:#006ec5; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.GameHeader .game_detail .MVP .player .name a:hover, 
.GameHeader .game_detail .MVP .player .name a:focus { color:#006ec5; }
.GameHeader .game_detail .MVP .player .name a:hover::after, 
.GameHeader .game_detail .MVP .player .name a:focus::after { left:0; width:100%; }

.GameHeader .game_detail .MVP .record li { 
	border-top:1px solid #e1e1e1; padding:6px 3em 6px 0; font-size:15px; line-height:120%; position:relative; 
	}
.GameHeader .game_detail .MVP .record li:first-child { border-top:0; }
.GameHeader .game_detail .MVP .record li .count { 
	position:absolute; top:50%; right:0; margin-top:-10px; font-family:'Roboto', sans-serif; font-size:16px; line-height:20px; 
	}

/* 壘包狀態 */
.GameHeader .game_detail .GameMatchup > div { padding-top:40px; }

.GameHeader .game_detail .GameMatchup .bases { position:relative; }
.GameHeader .game_detail .GameMatchup .bases_wrap { 
	border:5px solid #bcbcbc; margin:30px auto 0; position:relative; 
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
	}
.GameHeader .game_detail .GameMatchup .bases_wrap .base { 
	display:block; position:absolute; background-color:#fff; border:5px solid #bcbcbc; 
	}
	.GameHeader .game_detail .GameMatchup .bases_wrap .base.first_base { bottom:-5px; right:-5px; }
	.GameHeader .game_detail .GameMatchup .bases_wrap .base.second_base { top:-5px; right:-5px; }
	.GameHeader .game_detail .GameMatchup .bases_wrap .base.third_base { top:-5px; left:-5px; }
	.GameHeader .game_detail .GameMatchup .bases_wrap .base.on_base { background-color:#d02537; }
	
.GameHeader .game_detail .GameMatchup .bases .team { text-align:center; }
.GameHeader .game_detail .GameMatchup .bases .team a { 
	display:inline-block; width:28px; height:28px; text-indent:-999px; overflow:hidden; 
	background-repeat:no-repeat; background-position:center center; background-size:contain;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.GameHeader .game_detail .GameMatchup .bases .team a:hover, 
.GameHeader .game_detail .GameMatchup .bases .team a:focus { opacity:0.8; transform:scale(1.15); outline:0; }
.GameHeader .game_detail .GameMatchup .bases .player { text-align:center; }
.GameHeader .game_detail .GameMatchup .bases .player a { 
	display:inline-block; font-weight:bold; color:#333; text-decoration:none; position:relative; 
	}
.GameHeader .game_detail .GameMatchup .bases .player a::after { 
	content:''; display:block; position:absolute; left:50%; bottom:-2px; width:0; height:2px; background-color:#006ec5; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.GameHeader .game_detail .GameMatchup .bases .player a:hover, 
.GameHeader .game_detail .GameMatchup .bases .player a:focus { color:#006ec5; }
.GameHeader .game_detail .GameMatchup .bases .player a:hover::after, 
.GameHeader .game_detail .GameMatchup .bases .player a:focus::after { left:0; width:100%; }

.GameHeader .game_detail .GameMatchup .bases .picther { position:absolute; left:0; width:100%; }
.GameHeader .game_detail .GameMatchup .bases .picther::after { 
	content:''; display:block; position:absolute; bottom:-12px; left:50%; 
	width:30px; height:8px; margin-left:-15px; background-color:#d7d7d7; 
	}
.GameHeader .game_detail .GameMatchup .bases .batter { position:absolute; left:0; width:100%; }
.GameHeader .game_detail .GameMatchup .bases .batter .home_plate { 
	position:absolute; bottom:-25px; left:50%; margin:0 0 0 -15px; width:30px; height:20px; background-color:#bcbcbc; 
	}
.GameHeader .game_detail .GameMatchup .bases .batter .home_plate:before{
	content:""; position:absolute; left:0; bottom:-10px; width:0; height:0;
	border-left:15px solid transparent; border-right:15px solid transparent; border-top:10px solid #bcbcbc;
	}
.GameHeader .game_detail .GameMatchup .bases .batter .home_plate span:before { 
	content:""; position:absolute; top:5px; left:5px; width:20px; height:12px; background-color:#fff; 
	}
.GameHeader .game_detail .GameMatchup .bases .batter .home_plate span:after{
	content:""; position:absolute; left:5px; bottom:-4px; width:0; height:0;
	border-left:10px solid transparent; border-right:10px solid transparent; border-top:7px solid #fff;
	}

.GameHeader .game_detail .GameMatchup .footer { position:relative; }

.GameHeader .game_detail .GameMatchup .sbo { position:absolute; bottom:100%; left:0; }
.GameHeader .game_detail .GameMatchup .sbo > div { white-space:nowrap; }
.GameHeader .game_detail .GameMatchup .sbo > div > span { 
	display:inline-block; width:16px; height:16px; border:2px solid #b9b9b9; background-color:#fff; 
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	}
	.GameHeader .game_detail .GameMatchup .sbo .strike > span.active { border-color:#ffcc00; background-color:#ffcc00; }
	.GameHeader .game_detail .GameMatchup .sbo .ball > span.active { border-color:#42d800; background-color:#42d800; }
	.GameHeader .game_detail .GameMatchup .sbo .out > span.active { border-color:#d02537; background-color:#d02537; }
.GameHeader .game_detail .GameMatchup .sbo > div::before { 
	display:inline-block; width:1em;
	color:#999; font-size:20px; font-family:'Montserrat', sans-serif; font-weight:700; 
	}
	.GameHeader .game_detail .GameMatchup .sbo .strike::before { content:'S'; }
	.GameHeader .game_detail .GameMatchup .sbo .ball::before { content:'B'; }
	.GameHeader .game_detail .GameMatchup .sbo .out::before { content:'O'; }

.GameHeader .game_detail .GameMatchup .picth_count { 
	position:absolute; bottom:100%; right:0; 
	font-family:'Montserrat', sans-serif; font-size:18px; color:#999; font-weight:700;
	}
.GameHeader .game_detail .GameMatchup .picth_count .count { margin-left:4px; font-size:28px; color:#333; }

.GameHeader .game_detail .GameMatchup .batter_event .event { 
	display:inline-block; padding:0 6px; margin:0 2px 5px 0; line-height:26px; color:#fff; font-size:0.875rem; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
	.GameHeader .game_detail .GameMatchup .batter_event .event.red { background-color:#ff3939; }
	.GameHeader .game_detail .GameMatchup .batter_event .event.blue { background-color:#3599ff; }
	.GameHeader .game_detail .GameMatchup .batter_event .event.yellow { background-color:#ffb400; }
	.GameHeader .game_detail .GameMatchup .batter_event .event.green { background-color:#2ba800; }
	.GameHeader .game_detail .GameMatchup .batter_event .event.gray { background-color:#8e8e8e; }
	
/* 賽事取消/延期 */	
.GameHeader .game_detail .game_canceled { 
	width:100%; padding:40px 20px; margin:-20px -20px -10px -20px; background-color:#ddd; box-sizing:content-box; 
	text-align:center; color:#666; font-size:1.25rem; font-weight:bold; letter-spacing:0.2em; 
	}


/*----------------------------------------------------------------------*/
/* 先發戰報 */
.StartersNav { margin-bottom:30px; position:relative; }
.StartersNav a[name=starters_nav_top] { position:absolute; top:0; left:0; }
.StartersNav ul { display:table; width:100%; table-layout:fixed; }
.StartersNav ul::after { content:''; display:block; clear:both; }
.StartersNav li { display:table-cell; width:33.3333%; position:relative; }
.StartersNav li a { 
	display:block; background-color:#cdcdcd; 
	line-height:54px; color:#555; font-size:1.25rem; text-align:center; text-decoration:none; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.StartersNav li a:hover, .StartersNav li a:focus { background-color:#00478b; color:#fff; }
.StartersNav li.actived a { background-color:#5b5b5b; color:#fff; font-weight:bold; }
.StartersNav li.actived::after { 
	display:block; content:''; position:absolute; bottom:-10px; left:50%; margin-left:-9px; 
	border-left:9px solid transparent; border-right:9px solid transparent; border-top:10px solid #5b5b5b;
	}
.StartersNav li a span { 
	display:block; padding:0 30px; 
	background: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 60%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 60%);
	}
	
	
/*----------------------------------------------------------------------*/
/* 文字轉播 */
.InningPlays .item .desc a, .InningPlays .item .call_desc a { 
	display:inline-block; text-decoration:none; color:#333; position:relative; 
	}
.InningPlays .item .desc a::after, .InningPlays .item .call_desc a::after { 
	content:''; display:block; position:absolute; left:50%; bottom:-2px; width:0; height:2px; background-color:#006ec5; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.InningPlays .item .desc a:hover, .InningPlays .item .call_desc a:hover, 
.InningPlays .item .desc a:focus, .InningPlays .item .call_desc a:focus { color:#006ec5; }
.InningPlays .item .desc a:hover::after, .InningPlays .item .call_desc a:hover::after, 
.InningPlays .item .desc a:focus::after, .InningPlays .item .call_desc a:focus::after { left:0; width:100%; }
.InningPlays .title, .InningPlays section > div { padding-left:20px; padding-right:20px; }
.InningPlays .title {
	color:#fff; font-size:1.125rem; letter-spacing:0.1em; line-height:48px;
	background: -ms-linear-gradient(top, #a2a2a2 0%, #6b6b6b 60%);
	background: linear-gradient(to bottom, #a2a2a2 0%, #6b6b6b 60%);
	}
.InningPlays .title .team { 
	display:inline-block; width:26px; height:26px; margin:0 8px 0.25em 0; vertical-align:middle; text-indent:-999px; overflow:hidden; 
	background-repeat:no-repeat; background-position:center center; background-size:contain;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.InningPlays .title .team:hover, 
.InningPlays .title .team:focus { transform:scale(1.15); outline:0; }
.InningPlays .item { 
	padding-top:12px; padding-bottom:12px; border-top:1px solid #e5e5e5;
	}
.InningPlays .item::after { content:''; display:block; clear:both; }
.InningPlays .item.action { 
	background: -ms-linear-gradient(top, #f3f3f3 0%, #dddddd 60%);
	background: linear-gradient(to bottom, #f3f3f3 0%, #dddddd 60%);
	}
.InningPlays .play .player { width:60px; float:left; margin:0 20px 0 0; overflow:hidden; }
.InningPlays .play .player a { 
	display:block; padding-bottom:125%; overflow:hidden; position:relative; 
	background-repeat:no-repeat; background-position:center center; background-size:cover;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.InningPlays .play .player a:hover, .InningPlays .play .player a:focus { opacity:0.9; transform:scale(1.03); outline:0; }
.InningPlays .play .player a span { display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-999px; }
.InningPlays .play .info { overflow:hidden; }
.InningPlays .play .desc { line-height:150%; }
.InningPlays .play .desc .outs { display:inline-block; margin-left:15px; font-weight:bold; }
.InningPlays .play .desc .outs .count { font-family:'Montserrat', sans-serif; font-weight:700; }
.InningPlays .play .sbo { display:inline-block; margin-top:5px; vertical-align:middle; }
.InningPlays .play .sbo > div { white-space:nowrap; }
.InningPlays .play .sbo > div > span { 
	display:inline-block; width:12px; height:12px; border:2px solid #b9b9b9; background-color:#fff; 
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	}
	.InningPlays .play .sbo .strike > span.active { border-color:#ffcc00; background-color:#ffcc00; }
	.InningPlays .play .sbo .ball > span.active { border-color:#42d800; background-color:#42d800; }
	.InningPlays .play .sbo .out > span.active { border-color:#d02537; background-color:#d02537; }
	
.InningPlays .play .batter_event { display:inline-block; margin-top:5px; margin-left:15px; vertical-align:middle; }
.InningPlays .play .batter_event a { 
	display:block; padding:0 10px 0 30px; line-height:32px; color:#fff; font-size:0.9375rem; text-decoration:none; position:relative; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
	.InningPlays .play .batter_event.red a { background-color:#ff3939; }
	.InningPlays .play .batter_event.blue a { background-color:#3599ff; }
	.InningPlays .play .batter_event.yellow a { background-color:#ffb400; }
	.InningPlays .play .batter_event.green a { background-color:#2ba800; }
	.InningPlays .play .batter_event.gray a { background-color:#8e8e8e; }

.InningPlays .play .batter_event a:hover, .InningPlays .play .batter_event a:focus {
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.4);
	box-shadow: 0 0 8px rgba(0,0,0,0.4);
	}
.InningPlays .play .batter_event a::after {
	content:''; display:block; position:absolute; top:12px; left: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;
	}
.InningPlays .play .batter_event.actived a::after {
	top:16px; 
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	transform: rotate(225deg);
	}
.InningPlays .play .no-pitch-action-remind {
	display:inline-block; margin-top:5px; margin-left:5px; vertical-align:middle; 
	background-color:#ffcc00; width:32px; height:32px; position:relative; cursor:pointer;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
.InningPlays .play .no-pitch-action-remind::before { 
	content:''; display:block; position:absolute; top:5px; left:5px; width:22px; height:22px; 
	background:url(../images/icon_no_pitch_action_remind.png) no-repeat center center; background-size:100%;
	}
.InningPlays .item .vs_box { display:inline-block; margin-top:5px; margin-left:15px; vertical-align:middle; }
	.InningPlays .item.action .vs_box { margin-left:0; }
.InningPlays .item .vs_box > div { display:inline-block; vertical-align:middle; }
.InningPlays .item .vs_box .team a { 
	display:inline-block; width:20px; height:20px; vertical-align:middle; text-indent:-999px; overflow:hidden; 
	background-repeat:no-repeat; background-position:center center; background-size:contain;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.InningPlays .item .vs_box .team a:hover, 
.InningPlays .item .vs_box .team a:focus { opacity:0.8; transform:scale(1.15); outline:0; }
.InningPlays .item .vs_box .score { white-space:nowrap; }
.InningPlays .item .vs_box .score > div { display:inline-block; vertical-align:middle;font-family:'Montserrat', sans-serif; }
.InningPlays .item .vs_box .score .num { font-weight:700; font-size:20px; }
	.InningPlays .item .vs_box .score .num.away { padding-left:5px; }
	.InningPlays .item .vs_box .score .num.home { padding-right:5px; }
.InningPlays .item .vs_box .score .text { width:0.5em; text-align:center; font-size:14px; color:#666; }

.InningPlays .play .detail { padding-top:10px; clear:both; }
.InningPlays .play .detail .detail_item { overflow:hidden; position:relative; }
.InningPlays .play .detail .pitch_num { position:absolute; top:0; left:0; width:60px; height:50px; box-sizing:content-box; }
.InningPlays .play .detail .pitch_num span { 
	display:block; position:absolute; top:9px; left:14px; width:32px; height:32px; line-height:32px; text-align:center; 
	font-family:'Montserrat', sans-serif; font-weight:700; font-size:1.125rem; color:#fff;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	}
	.InningPlays .play .detail .pitch-S .pitch_num span { background-color:#ffcc00; }
	.InningPlays .play .detail .pitch-B .pitch_num span { background-color:#42d800; }
	.InningPlays .play .detail .no-pitch .pitch_num span { background-color:#999; }
	.InningPlays .play .detail .no-pitch .pitch_num span::before { 
		content:''; position:absolute; top:14px; left:9px; width:14px; height:4px; background-color:#fff; 
		}
.InningPlays .play .detail .call_desc { margin-left:80px; padding:13px 55px 13px 5px; border-top:dashed 1px #b0b0b0; line-height:24px; }
	.InningPlays .play .detail .pitcher .call_desc, 
	.InningPlays .play .detail .no-pitch .call_desc { padding-right:5px; }
	.InningPlays .play .detail .no-pitch .call_desc { background-color:#f5f5f5; }
	.InningPlays .play .detail .event .call_desc { background-color:#f5f5f5; }
.InningPlays .play .detail .pitches_count { 
	position:absolute; top:0; right:5px; width:50px; line-height:50px; text-align:right; 
	font-family:'Montserrat', sans-serif; font-weight:700; font-size:1.125rem;
	}
	
/* 頁籤 */
.GamePlaysDetail .tabs { margin-bottom:20px; }
.GamePlaysDetail .tabs::after, .GamePlaysDetail .tabs ul::after { content:''; display:block; clear:both; }
.GamePlaysDetail > .tabs li { float:left; position:relative; }
.GamePlaysDetail > .tabs li a { 
	display:block; background-color:#cdcdcd; 
	line-height:48px; color:#555; font-size:1.25rem; font-weight:bold; text-align:center; text-decoration:none; 
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	transition: background 0.3s ease;
	}
.GamePlaysDetail > .tabs li a:hover, .GamePlaysDetail > .tabs li a:focus { background-color:#00478b; color:#fff; }
.GamePlaysDetail > .tabs li.active a { background-color:#434343; color:#fff; }
.GamePlaysDetail > .tabs li.active::after { 
	display:block; content:''; position:absolute; bottom:-10px; left:50%; margin-left:-9px; 
	border-left:9px solid transparent; border-right:9px solid transparent; border-top:10px solid #434343;
	}
.GamePlaysDetail > .tabs li a > span { 
	display:block; 
	background: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
	}
.GamePlaysDetail > .tabs li a .en { 
	margin-left:10px; vertical-align:middle;
	font-family:'Roboto', sans-serif; font-size:0.875rem; font-weight:900; color:#999; letter-spacing:0.05em; text-transform:uppercase; 
	}
.GamePlaysDetail > .tabs li a:hover .en,
.GamePlaysDetail > .tabs li a:focus .en,
.GamePlaysDetail > .tabs li.active a .en { color:#fff; opacity:0.5; }

.GamePlaysDetail .tab_cont { padding:0; transform:scaleY(0); height:0; visibility:hidden; opacity:0; overflow:hidden; }
.GamePlaysDetail .tab_cont.active { transform:scaleY(1); height:auto; visibility:visible; opacity:1; overflow:visible; }	
.GamePlaysDetail .tab_cont .col_title { border-bottom:1px solid #ccc; margin-bottom:20px; }
.GamePlaysDetail .tab_cont .col_title h3 { font-weight:bold; font-size:1.75rem; line-height:49px; letter-spacing:0.05em; }
.GamePlaysDetail .tab_cont .col_title .en { 
	display:inline-block; margin-left:10px; vertical-align:top;
	font-family:'Roboto', sans-serif; font-weight:900; font-size:1rem; color:#6c6c6c; text-transform:uppercase; 
	}
.GamePlaysDetail .tab_cont > .cont::after { content:''; display:block; clear:both; }

/* 各局紀錄 */
.InningPlaysGroup { position:relative; }
.InningPlaysGroup .tabs { float:right; }
.InningPlaysGroup .tabs li { margin-bottom:4px; position:relative; }
.InningPlaysGroup .tabs li a { 
	display:block; width:40px; height:40px; line-height:40px; 
	font-family:'Montserrat', sans-serif; color:#333; font-size:1.125rem; font-weight:700; text-align:center; text-decoration:none; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	}
.InningPlaysGroup .tabs li a:hover, 
.InningPlaysGroup .tabs li a:focus, 
.InningPlaysGroup .tabs li.active a { background-color:#005496; color:#fff; }
.InningPlaysGroup .tabs li.active::after { 
	display:block; content:''; position:absolute; top:50%; left:-10px; margin-top:-5px; 
	border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:12px solid #005496;
	}

.InningPlaysGroup .tab_container { overflow:hidden; }


/*----------------------------------------------------------------------*/
/* 成績看板 */
/* 頁籤 */
.GameBoxDetail { margin-bottom:60px; }
.GameBoxDetail .tabs { margin-bottom:35px; }
.GameBoxDetail .tabs::after, .GameBoxDetail .tabs ul::after { content:''; display:block; clear:both; }
.GameBoxDetail > .tabs li { float:left; width:50%; position:relative; }
.GameBoxDetail > .tabs li a { 
	display:block; background-color:#cdcdcd; 
	color:#999; font-weight:bold; text-align:center; letter-spacing:0.05em; text-decoration:none; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.GameBoxDetail > .tabs li a:hover, .GameBoxDetail > .tabs li a:focus { background-color:#00478b; color:#fff; }
.GameBoxDetail > .tabs li.active a { background-color:#434343; color:#fff; }
.GameBoxDetail > .tabs li.active::after { 
	display:block; content:''; position:absolute; bottom:-10px; left:50%; margin-left:-9px; 
	border-left:9px solid transparent; border-right:9px solid transparent; border-top:10px solid #434343;
	}
.GameBoxDetail > .tabs li a > span { 
	display:block; 
	background: -ms-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 60%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 60%);
	}
.GameBoxDetail > .tabs li a > span span { 
	display:inline-block; margin:0 10px 0.25em 0; vertical-align:middle; text-indent:-999px; overflow:hidden; opacity:0.6; 
	background-repeat:no-repeat; background-position:center center; background-size:75%; 
	background-color:rgba(255,255,255,0.0); box-sizing:content-box;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.GameBoxDetail > .tabs li a:hover > span span, 
.GameBoxDetail > .tabs li a:focus > span span, 
.GameBoxDetail > .tabs li.active a > span span { 
	opacity:1; background-color:rgba(255,255,255,0.9); 
	-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 0 10px rgba(0,0,0,0.2);
	}

.GameBoxDetail .tab_cont { padding:0; height:0; visibility:hidden; opacity:0; overflow:hidden; }
.GameBoxDetail .tab_cont.active { height:auto; visibility:visible; opacity:1; overflow:visible; }	
.GameBoxDetail .tab_cont .col_title { border-bottom:1px solid #ccc; margin-bottom:20px; }
.GameBoxDetail .tab_cont .col_title h3 { font-weight:bold; font-size:1.75rem; line-height:49px; letter-spacing:0.05em; }
.GameBoxDetail .tab_cont .col_title .en { 
	display:inline-block; margin-left:10px; vertical-align:top;
	font-family:'Roboto', sans-serif; font-weight:900; font-size:1rem; color:#6c6c6c; 
	}
.GameBoxDetail .tab_cont > .cont::after { content:''; display:block; clear:both; }
.GameBoxDetail .tab_cont > .cont > *:last-child { margin-bottom:0; }

.GameBoxDetail .tab_cont .DistTitle { margin-top:0; }

.GameNote { margin-bottom:50px; }
.GameNote ul { margin-left:-5vw; }
.GameNote li { display:inline-block; margin-left:5vw; margin-bottom:10px; line-height:24px; }
.GameNote li span { display:inline-block; border-right:1px solid #ccc; padding-right:15px; margin-right:12px; }


/*----------------------------------------------------------------------*/
/* 球隊通用元素 */
/* 球隊header */
.TeamBrief {
	padding:20px; margin-top:35px; position:relative;
	background: -ms-linear-gradient(top, #eeeeee 0%, #dedede 100%);
	background: linear-gradient(to bottom, #eeeeee 0%, #dedede 100%);
	}
.TeamBrief::after { 
	content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; 
	background:url(../images/index_game_item_bg.png) no-repeat bottom right;
	}
.TeamBrief > div { background-color:rgba(255,255,255,0.8); position:relative; z-index:2 }
.TeamBrief 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; 
	}
.TeamBrief dt { width:100%; margin-bottom:8px; padding-right:175px; }
.TeamBrief dt .name { font-size:2.25rem; letter-spacing:0.1em; line-height:150%; }
.TeamBrief dt .desc { color:#666; line-height:150%; }
.TeamBrief dd { flex:0 1 auto; padding:3px 10px; border-left:1px solid #c8c8c8; }
.TeamBrief dd .label { color:#666; line-height:150%; }
.TeamBrief dd .desc { 
	font-family:'Montserrat', 'Heiti TC', '黑體-繁', 'Microsoft JhengHei', '微軟正黑體', sans-serif;
	font-weight:600; color:#333; line-height:150%; 
	}
.TeamBrief dd .desc a { display:inline-block; color:#333; text-decoration:none; word-break:break-all; position:relative; }
.TeamBrief dd .desc a::after { 
	content:''; display:block; position:absolute; left:50%; bottom:-2px; width:0; height:2px; background-color:#006ec5; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.TeamBrief dd .desc a:hover, 
.TeamBrief dd .desc a:focus { color:#006ec5; }
.TeamBrief dd .desc a:hover::after, 
.TeamBrief dd .desc a:focus::after { left:0; width:100%; }

.TeamBrief .follow { position:absolute; top:25px; right:25px; }
.TeamBrief .follow .btn a { 
	display:inline-block; padding:0 15px; background-color:#0d7a79; overflow:hidden; position:relative;
	line-height:48px; color:#fff; font-size:1.125rem; font-weight:bold; letter-spacing:0.05em; text-decoration:none;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.4);
	box-shadow:0 0 10px rgba(0,0,0,0.4);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.TeamBrief .follow .btn a:hover,
.TeamBrief .follow .btn a:focus { background-color:#00478b; }
.TeamBrief .follow .btn a::before { 
	content:''; display:inline-block; width:24px; height:24px; margin:0 8px 0.25em 0; vertical-align:middle; 
	background:url(../images/icon_btns_follow.png) no-repeat 0 0; background-size:100%;
	}
.TeamBrief .follow .following { text-align:center; color:#666; font-size:0.875rem; line-height:150%; }

/* 球員header */
.PlayerHeader { margin-top:60px; margin-bottom:40px; }

.PlayerBrief {
	padding:20px; margin-top:35px; position:relative;
	background: -ms-linear-gradient(top, #eeeeee 0%, #dedede 100%);
	background: linear-gradient(to bottom, #eeeeee 0%, #dedede 100%);
	}
.PlayerBrief::after { 
	content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; 
	background:url(../images/index_game_item_bg.png) no-repeat bottom right;
	}
.PlayerBrief > div { background-color:rgba(255,255,255,0.8); position:relative; z-index:2 }
.PlayerBrief .img { float:left; }
.PlayerBrief .img span { 
	display:block; padding-bottom:125%; overflow:hidden;
	background-repeat:no-repeat; background-position:center center; background-size:cover;
	}
.PlayerBrief 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; 
	}
.PlayerBrief dt { width:100%; margin-bottom:8px; padding-right:175px; }
.PlayerBrief dt .team { font-size:1.125rem; letter-spacing:0.1em; line-height:100%; }
.PlayerBrief dt .name { font-size:2.25rem; letter-spacing:0.1em; line-height:150%; }
.PlayerBrief dt .name .number { margin-left:20px; font-family:'Montserrat', sans-serif; font-size:2.625rem; font-weight:600; }
.PlayerBrief dt .desc { color:#666; line-height:150%; }
.PlayerBrief dd { flex:0 1 auto; padding:3px 10px; border-left:1px solid #c8c8c8; }
.PlayerBrief dd .label { color:#666; line-height:150%; }
.PlayerBrief dd .desc { 
	font-family:'Montserrat', 'Heiti TC', '黑體-繁', 'Microsoft JhengHei', '微軟正黑體', sans-serif;
	font-weight:600; color:#333; line-height:150%; 
	}
.PlayerBrief dd .desc a { display:inline-block; color:#333; text-decoration:none; word-break:break-all; position:relative; }
.PlayerBrief dd .desc a::after { 
	content:''; display:block; position:absolute; left:50%; bottom:-2px; width:0; height:2px; background-color:#006ec5; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.PlayerBrief dd .desc a:hover, 
.PlayerBrief dd .desc a:focus { color:#006ec5; }
.PlayerBrief dd .desc a:hover::after, 
.PlayerBrief dd .desc a:focus::after { left:0; width:100%; }
.PlayerBrief dd.ht_wt .unit { font-size:14px; font-weight:400; }

.PlayerBrief .follow { position:absolute; top:25px; right:25px; }
.PlayerBrief .follow .btn a { 
	display:inline-block; padding:0 15px; background-color:#0d7a79; overflow:hidden; position:relative;
	line-height:48px; color:#fff; font-size:1.125rem; font-weight:bold; letter-spacing:0.05em; text-decoration:none;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.4);
	box-shadow:0 0 10px rgba(0,0,0,0.4);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.PlayerBrief .follow .btn a:hover,
.PlayerBrief .follow .btn a:focus { background-color:#00478b; }
.PlayerBrief .follow .btn a::before { 
	content:''; display:inline-block; width:24px; height:24px; margin:0 8px 0.25em 0; vertical-align:middle; 
	background:url(../images/icon_btns_follow.png) no-repeat 0 60%; background-size:100%;
	}
.PlayerBrief .follow .following { text-align:center; color:#666; font-size:0.9375rem; line-height:150%; }

/* 球員header(大圖) */
.PlayerHardcover { margin-top:35px; position:relative; }
.PlayerHardcover .row1 { 
	position:relative; 
	background-repeat:no-repeat; background-position:center top; background-size:cover;
	-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 0 10px rgba(0,0,0,0.2);
	}
.PlayerHardcover .row1::after {
	content:''; display:block; position:absolute; bottom:0; left:0; width:100%; 
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 20%, rgba(0,0,0,0.8) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 20%, rgba(0,0,0,0.8) 100%);
	}
	
.PlayerHardcover .row1 .img { 
	position:absolute; z-index:2; 
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.4);
	box-shadow: 0 0 15px rgba(0,0,0,0.4);
	}
.PlayerHardcover .row1 .img span { 
	display:block; padding-bottom:125%; overflow:hidden;
	background-repeat:no-repeat; background-position:center top; background-size:cover;
	}
.PlayerHardcover .row1 dl { position:absolute; bottom:0; z-index:2; text-shadow:1px 1px 5px #000; }
.PlayerHardcover .row1 dl { color:#fff; }
.PlayerHardcover .row1 dt { margin-bottom:5px; position:relative; }
.PlayerHardcover .row1 dt > div { display:inline-block; vertical-align:baseline; }
.PlayerHardcover .row1 dt .player .name { letter-spacing:0.1em; line-height:120%; }
.PlayerHardcover .row1 dt .player .team { display:block; letter-spacing:0.1em; line-height:120%; }
.PlayerHardcover .row1 dt .number { margin-left:20px; font-family:'Montserrat', sans-serif; font-weight:600; }
.PlayerHardcover .row1 dt .pos_b_t { 
	width:4em; border-left:1px solid #fff; padding-left:15px; margin-left:12px; box-sizing:content-box; font-weight:bold; 
	}
.PlayerHardcover .row1 dt .pos_b_t span { display:block; }
.PlayerHardcover .row1 dl dd:last-child { margin-right:0; }
.PlayerHardcover .row1 dd { display:inline-block; margin-bottom:10px; }
.PlayerHardcover .row1 dd > div { font-family:'Montserrat', 'Heiti TC', '黑體-繁', 'Microsoft JhengHei', '微軟正黑體', sans-serif; }
.PlayerHardcover .row1 dd .label { font-weight:600; }
.PlayerHardcover .row1 dd .desc { font-weight:600; letter-spacing:0.025em; }
.PlayerHardcover .row1 dd .desc a { display:inline-block; color:#333; text-decoration:none; word-break:break-all; position:relative; }
.PlayerHardcover .row1 dd .desc a::after { 
	content:''; display:block; position:absolute; left:50%; bottom:-2px; width:0; height:2px; background-color:#006ec5; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.PlayerHardcover .row1 dd .desc a:hover, 
.PlayerHardcover .row1 dd .desc a:focus { color:#fff; }
.PlayerHardcover .row1 dd .desc a:hover::after, 
.PlayerHardcover .row1 dd .desc a:focus::after { left:0; width:100%; }

.PlayerHardcover .row1 .follow { position:absolute; z-index:2; }
.PlayerHardcover .row1 .follow .btn a { 
	display:block; padding:0 15px; background-color:#0d7a79; overflow:hidden; position:relative;
	line-height:48px; color:#fff; font-size:1.125rem; font-weight:bold; letter-spacing:0.05em; text-decoration:none;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.4);
	box-shadow:0 0 10px rgba(0,0,0,0.4);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.PlayerHardcover .row1 .follow .btn a:hover,
.PlayerHardcover .row1 .follow .btn a:focus { background-color:#00478b; }
.PlayerHardcover .row1 .follow .btn a::before { 
	content:''; display:inline-block; width:24px; height:24px; margin:0 8px 0.25em 0; vertical-align:middle; 
	background:url(../images/icon_btns_follow.png) no-repeat 0 60%; background-size:100%;
	}
.PlayerHardcover .row1 .follow .following { text-align:center; color:#fff; line-height:20px; }

.PlayerHardcover .row2 { padding-top:5px; }
.PlayerHardcover .row2 li { 
	display:inline-block; margin-top:10px; padding-left:10px; padding-right:10px; border-left:1px solid #c8c8c8; vertical-align:top; 
	}
.PlayerHardcover .row2 li .label { color:#666; line-height:150%; }
.PlayerHardcover .row2 li .desc { 
	font-family:'Montserrat', 'Heiti TC', '黑體-繁', 'Microsoft JhengHei', '微軟正黑體', sans-serif;
	font-weight:600; color:#333; line-height:150%; 
	}
.PlayerHardcover .row2 li .desc a { display:inline-block; color:#333; text-decoration:none; word-break:break-all; position:relative; }
.PlayerHardcover .row2 li .desc a::after { 
	content:''; display:block; position:absolute; left:50%; bottom:-2px; width:0; height:2px; background-color:#006ec5; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.PlayerHardcover .row2 li .desc a:hover, 
.PlayerHardcover .row2 li .desc a:focus { color:#006ec5; }
.PlayerHardcover .row2 li .desc a:hover::after, 
.PlayerHardcover .row2 li dd .desc a:focus::after { left:0; width:100%; }


/*----------------------------------------------------------------------*/
/* 數據統計-記錄特別報導 */
.SpecialReport .team_title { 
	padding-left:140px; margin-bottom:30px; position:relative; 
	background: -ms-linear-gradient(top, #7d7d7d 0%, #454545 100%);
    background: linear-gradient(to bottom, #7d7d7d 0%, #454545 100%);
	}
.SpecialReport .team_title .team_logo { position:absolute; top:50%; background-color:#fff; z-index:2; }
.SpecialReport .team_title .team_logo { left:20px; margin-top:-50px; width:100px; height:100px; }
.SpecialReport .team_title .team_logo a { 
	display:block; position:absolute; top:50%; left:50%; margin:-45% 0 0 -45%; width:90%; height:90%; text-indent:-999px; overflow:hidden; 
	background-repeat:no-repeat; background-position:center center; background-size:contain;
	}
.SpecialReport .team_title .team_name { color:#fff; line-height:40px; font-size:1.25rem; font-weight:bold; letter-spacing:0.05em; }
.SpecialReport .team_report + .team_title { margin-top:60px; }


/*----------------------------------------------------------------------*/
/* 數據統計-單項排行榜 */
.TopFiveList { 
	padding-top:20px; 
	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; 
	}
.TopFiveList::after { content:''; display:block; clear:both; }
.TopFiveList .item { flex: 0 1 auto; padding-top:30px; margin-bottom:40px; }
.TopFiveList .item > div {
	background-color:#fff; height:100%; padding:20px; position:relative; 
	-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 0 10px rgba(0,0,0,0.2);
	}

.TopFiveList .title { 
	position:absolute; top:-40px; left:0; width:100%; padding:0 20px; border-bottom:5px solid #005496; 
	font-size:1.375rem; font-weight:bold; line-height:35px; 
	}
.TopFiveList .title .en { 
	display:inline-block; margin-left:10px; vertical-align:top; 
	font-family:'Roboto', sans-serif; font-size:1rem; font-weight:normal; color:#6c6c6c; 
	}
.TopFiveList .photo_player_1st { width:140px; float:left; margin:0 20px 0 0; overflow:hidden; }
.TopFiveList .photo_player_1st a { 
	display:block; padding-bottom:125%; overflow:hidden; position:relative; 
	background-repeat:no-repeat; background-position:center center; background-size:cover;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.TopFiveList .photo_player_1st a:hover, .TopFiveList .photo_player_1st a:focus { opacity:0.8; transform:scale(1.05); outline:0; }
.TopFiveList .photo_player_1st a span { display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-999px; }

.TopFiveList ul { padding-bottom:2px; overflow:hidden; }
.TopFiveList li { margin-bottom:14px; position:relative; }
	.TopFiveList li:last-child { margin-bottom:0; }
.TopFiveList li::before { content:''; display:block;position:absolute; top:12px; left:0; width:100%; border-top:1px solid #e5e5e5; }
.TopFiveList li::after { content:''; display:block; clear:both; }
.TopFiveList li > div { line-height:24px; position:relative; }
.TopFiveList li .rank { 
	position:absolute; top:0; left:0; width:24px; height:24px; background-color:#eeeeee; 
	font-family:'Roboto', sans-serif; font-size:14px; font-weight:900; font-style:italic; text-align:center; color:#666; 
	}
	.TopFiveList li:first-child .rank { background-color:#005496; color:#fff; }
.TopFiveList li .player { display:inline-block; background-color:#fff; margin:0 60px 0 24px; padding:0 8px; }
.TopFiveList li .player a { position:relative; color:#555; text-decoration:none; vertical-align:middle; }
	.TopFiveList li:first-child .player a { color:#005496; font-weight:bold; }
.TopFiveList li .player .name { font-size:1rem; }
	.TopFiveList li:first-child .player .name  { font-size:1.125rem; }
.TopFiveList li .player .team { margin-left:5px; font-size:0.8125rem; }
	.TopFiveList li:first-child .player .team  { font-size:0.875rem; }
.TopFiveList li .player a::after { 
	content:''; display:block; position:absolute; left:50%; bottom:-2px; width:0; height:2px; background-color:#006ec5; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.TopFiveList li .player a:hover, 
.TopFiveList li .player a:focus { color:#006ec5; }
.TopFiveList li .player a:hover::after, 
.TopFiveList li .player a:focus::after { left:0; width:100%; }
.TopFiveList li .num { 
	position:absolute; top:0; right:0; background-color:#fff; padding-left:8px; font-family:'Roboto', sans-serif; font-weight:900; color:#555; 
	}
	.TopFiveList li:first-child .num { color:#005496; font-size:1.125rem; }

.TopFiveList .btn_more { position:absolute; top:-40px; right:20px; }
.TopFiveList .btn_more a { 
	display:inline-block; padding-right:28px; line-height:40px; color:#666; letter-spacing:0.05em; text-decoration:none; position:relative; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.TopFiveList .btn_more a::before, .TopFiveList .btn_more a::after { 
	content:''; position:absolute; top:50%; display:block; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.TopFiveList .btn_more a::before {
	right:0; width:22px; height:22px; margin-top:-11px; border:1px solid #666; box-sizing:border-box; 
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	}
.TopFiveList .btn_more a::after {
	right:8px; width:8px; height:8px; margin-top:-4px; box-sizing:border-box; 
	border-width:0 2px 2px 0; border-style:solid; border-color:#666; 
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}
.TopFiveList .btn_more a:hover, .TopFiveList .btn_more a:focus { color:#006ec5; }
.TopFiveList .btn_more a:hover::before, .TopFiveList .btn_more a:focus::before { border-color:#006ec5; background-color:#006ec5; }
.TopFiveList .btn_more a:hover::after, .TopFiveList .btn_more a:focus::after { border-color:#fff; }


/*----------------------------------------------------------------------*/
/* 數據統計-單月MVP */
.MonthlyMVP { padding-top:20px; }
.MonthlyMVP::after { content:''; display:block; clear:both; }
.MonthlyMVP .item > div { height:100%; position:relative; }
.MonthlyMVP .title { 
	position:absolute; top:-40px; left:0; width:100%; padding:0 15px; border-bottom:5px solid #005496; 
	font-size:1.375rem; font-weight:bold; line-height:35px; 
	}
.MonthlyMVP .btn_more { position:absolute; top:-40px; right:15px; }
.MonthlyMVP .btn_more a { 
	display:inline-block; padding-right:28px; line-height:40px; color:#666; letter-spacing:0.05em; text-decoration:none; position:relative; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.MonthlyMVP .btn_more a::before, .MonthlyMVP .btn_more a::after { 
	content:''; position:absolute; top:50%; display:block; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.MonthlyMVP .btn_more a::before {
	right:0; width:22px; height:22px; margin-top:-11px; border:1px solid #666; box-sizing:border-box; 
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	}
.MonthlyMVP .btn_more a::after {
	right:8px; width:8px; height:8px; margin-top:-4px; box-sizing:border-box; 
	border-width:0 2px 2px 0; border-style:solid; border-color:#666; 
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}
.MonthlyMVP .btn_more a:hover, .MonthlyMVP .btn_more a:focus { color:#006ec5; }
.MonthlyMVP .btn_more a:hover::before, .MonthlyMVP .btn_more a:focus::before { border-color:#006ec5; background-color:#006ec5; }
.MonthlyMVP .btn_more a:hover::after, .MonthlyMVP .btn_more a:focus::after { border-color:#fff; }

.MonthlyMVP .MVPcover { padding-top:40px; position:relative; }
.MonthlyMVP .MVPcover > div { 
	position:relative; 
	background-repeat:no-repeat; background-position:center top; background-size:cover;
	-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 0 10px rgba(0,0,0,0.2);
	}
.MonthlyMVP .MVPcover > div::after {
	content:''; display:block; position:absolute; bottom:0; left:0; width:100%; 
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 20%, rgba(0,0,0,0.8) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 20%, rgba(0,0,0,0.8) 100%);
	}
	
.MonthlyMVP .MVPcover .img { 
	position:absolute; z-index:2; 
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.4);
	box-shadow: 0 0 15px rgba(0,0,0,0.4);
	}
.MonthlyMVP .MVPcover .img span { 
	display:block; padding-bottom:125%; overflow:hidden;
	background-repeat:no-repeat; background-position:center top; background-size:cover;
	}
.MonthlyMVP .MVPcover dl { position:absolute; bottom:0; z-index:2; text-shadow:1px 1px 5px #000; }
.MonthlyMVP .MVPcover dl { color:#fff; }
.MonthlyMVP .MVPcover dt { margin-bottom:10px; position:relative; }
.MonthlyMVP .MVPcover dt > div { display:inline-block; vertical-align:baseline; }
.MonthlyMVP .MVPcover dt .name { letter-spacing:0.1em; line-height:120%; }
.MonthlyMVP .MVPcover dt .name .team { display:block; letter-spacing:0; line-height:120%; }
.MonthlyMVP .MVPcover dt .number { margin-left:20px; font-family:'Montserrat', sans-serif; font-weight:600; }
.MonthlyMVP .MVPcover dt .pos_b_t { 
	width:4em; border-left:1px solid #fff; padding-left:15px; margin-left:12px; box-sizing:content-box; font-weight:bold; 
	}
.MonthlyMVP .MVPcover dt .pos_b_t span { display:block; }
.MonthlyMVP .MVPcover dl dd:last-child { margin-right:0; }
.MonthlyMVP .MVPcover dd { display:inline-block; margin-bottom:10px; }
.MonthlyMVP .MVPcover dd > div { font-family:'Montserrat', 'Heiti TC', '黑體-繁', 'Microsoft JhengHei', '微軟正黑體', sans-serif; }
.MonthlyMVP .MVPcover dd .label { font-weight:600; }
.MonthlyMVP .MVPcover dd .desc { font-weight:600; letter-spacing:0.025em; }
.MonthlyMVP .MVPcover dd .desc a { display:inline-block; color:#333; text-decoration:none; word-break:break-all; position:relative; }
.MonthlyMVP .MVPcover dd .desc a::after { 
	content:''; display:block; position:absolute; left:50%; bottom:-2px; width:0; height:2px; background-color:#006ec5; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.MonthlyMVP .MVPcover dd .desc a:hover, 
.MonthlyMVP .MVPcover dd .desc a:focus { color:#fff; }
.MonthlyMVP .MVPcover dd .desc a:hover::after, 
.MonthlyMVP .MVPcover dd .desc a:focus::after { left:0; width:100%; }

.MonthlyMVP .RecordTable th, .MonthlyMVP .RecordTable td { padding:8px 6px; }
.MonthlyMVP .record_table_scroll_ctrl { display:none; }


/*----------------------------------------------------------------------*/
/* 球員點將錄 */
.PlayersSearch::after { content:''; display:block; clear:both; }
.PlayersSearch .note { padding-right:30px; font-size:0.875rem; line-height:20px; }
.PlayersSearch .search input { margin-bottom:0; }

.PlayersList { margin:20px 0; }
.PlayersList 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; 
	}
.PlayersList dl > * { flex:0 1 auto; }
.PlayersList dt { display:block; width:100%; padding:5px 10px; border-left:4px solid #ccc; background-color:#f2f2f2; font-weight:bold; font-size:1.125rem; }
.PlayersList dt .logo { 
	display:inline-block; margin:0 5px 0.15em 0; width:24px; height:24px; vertical-align:middle; overflow:hidden; 
	background-repeat:no-repeat; background-position:center center; background-size:contain 
	}
.PlayersList dd { padding:10px; }
.PlayersList dd a { display:inline-block; text-decoration:none; color:#333; line-height:150%; font-size:0.9375rem; position:relative; }
.PlayersList dd a::after { 
	content:''; display:block; position:absolute; left:50%; bottom:-2px; width:0; height:2px; background-color:#006ec5; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.PlayersList dd a:hover, 
.PlayersList dd a:focus { color:#006ec5; }
.PlayersList dd a:hover::after, 
.PlayersList dd a:focus::after { left:0; width:100%; }


/*----------------------------------------------------------------------*/
/* 球員異動 */
.PlayerChangeList table { overflow:hidden; }
.PlayerChangeList td { border-left:1px solid #e5e5e5; }
	.PlayerChangeList td:last-child::after { content:''; display:block; position:absolute; top:0; right:0; height:100%; border-right:1px solid #e5e5e5; }
	.RecordTable.PlayerChangeList tr:nth-child(odd) td { background-color:#fff; }

.PlayerChangeList td.date { font-family:'Montserrat', sans-serif; font-weight:600; color:#333; position:relative; }
.PlayerChangeList td.date::after { content:''; display:block; position:absolute; top:0; left:0; width:1440px; border-bottom:2px solid #d9d9d9; }
.PlayerChangeList tr:first-child + tr td.date::after { display:none; }


/*----------------------------------------------------------------------*/
/* 球員列表 */
.TeamPlayersListWrap { margin-top:30px; position:relative; }
.TeamPlayersListWrap .cat_ancher { position:absolute; top:0; right:0; }
	.TeamPlayersListWrap .cat_ancher.fixedTop { position:fixed; top:64px; }
	.TeamPlayersListWrap .cat_ancher.fixedBottom { position:absolute; top:auto; bottom:40px; }
.TeamPlayersListWrap .cat_ancher a { 
	display:block; width:4em; line-height:48px; text-align:center; color:#333; text-decoration:none; position:relative; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
.TeamPlayersListWrap .cat_ancher .actived a { background-color:#005496; color:#fff; font-weight:bold; }
.TeamPlayersListWrap .cat_ancher .actived a::after { 
	display:block; content:''; position:absolute; top:50%; left:-12px; margin-top:-5px; 
	border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:12px solid #005496;
	}
.TeamPlayersListWrap .cat_title { 
	margin-bottom:35px; position:relative; 
	line-height:48px; text-align:center; color:#fff; font-size:1.25rem; font-weight:bold; letter-spacing:0.2em; 
	background: -ms-linear-gradient(top, #7e7e7e 0%, #454545 100%);
	background: linear-gradient(to bottom, #7e7e7e 0%, #454545 100%);
	}
.TeamPlayersListWrap .cat_title a[name] { position:absolute; top:0; left:0; }

.TeamPlayersList { 
	margin-bottom:20px; 
	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; 
	}
	.TeamPlayersList:last-child { margin-bottom:0; }
.TeamPlayersList .item { flex:0 1 auto; margin-bottom:40px; }
.TeamPlayersList .item > div { 
	background-color:#fff; max-width:160px; margin:0 auto; height:100%; 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.15);
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	}
.TeamPlayersList .item > div::after { content:''; display:block; clear:both; }
.TeamPlayersList .img { width:100%; margin:0 0 5px 0; overflow:hidden; }
.TeamPlayersList .img > * { 
	display:block; padding-bottom:125%; overflow:hidden; position:relative; 
	background-repeat:no-repeat; background-position:center center; background-size:cover;
	}
.TeamPlayersList .img a { 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.TeamPlayersList .img a:hover, .TeamPlayersList .img a:focus { opacity:0.8; transform:scale(1.05); outline:0; }
.TeamPlayersList .img > * span { display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-999px; }
.TeamPlayersList .cont { text-align:center; }
.TeamPlayersList .pos { border-bottom:1px solid #d9d9d9; padding:5px 0; color:#666; font-size:0.875rem; line-height:150%; }
.TeamPlayersList .name { padding:3px 0; color:#333; font-size:1.5rem; line-height:150%; letter-spacing:0.1em; }
.TeamPlayersList .name a { display:inline-block; position:relative; color:#333; text-decoration:none; }
.TeamPlayersList .name a::after { 
	content:''; display:block; position:absolute; left:50%; bottom:-2px; width:0; height:2px; background-color:#006ec5; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.TeamPlayersList .name a:hover, 
.TeamPlayersList .name a:focus { color:#006ec5; }
.TeamPlayersList .name a:hover::after, 
.TeamPlayersList .name a:focus::after { left:0; width:100%; }
.TeamPlayersList .number { font-family:'Montserrat', sans-serif; font-size:2.25rem; font-weight:600; }


/*----------------------------------------------------------------------*/
/* 球員-個人獎項 */
.PlayerAwardsList { 
	padding-top:20px; 
	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; 
	}
.PlayerAwardsList::after { content:''; display:block; clear:both; }
.PlayerAwardsList .item { flex: 0 1 auto; padding-top:30px; margin-bottom:40px; }
.PlayerAwardsList .item > div {
	background-color:#fff; height:100%; padding:10px 20px; position:relative; 
	-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 0 10px rgba(0,0,0,0.2);
	}

.PlayerAwardsList .title { 
	position:absolute; top:-40px; left:0; width:100%; padding:0 20px; border-bottom:5px solid #005496; 
	font-size:1.375rem; font-weight:bold; line-height:35px; 
	}

.PlayerAwardsList table { width:100%; font-family:'Roboto', 'Heiti TC', '黑體-繁', 'Microsoft JhengHei', '微軟正黑體', sans-serif; }
.PlayerAwardsList th, .PlayerAwardsList td { padding:8px 6px; line-height:150%; font-size:0.9375rem; text-align:center; }
.PlayerAwardsList th { border-bottom:1px solid #ccc; }
.PlayerAwardsList a { display:inline-block; text-decoration:none; color:#333; position:relative; }
.PlayerAwardsList a::after { 
	content:''; display:block; position:absolute; left:50%; width:0; height:2px; background-color:#006ec5; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.PlayerAwardsList a:hover, .PlayerAwardsList a:focus { color:#006ec5; }
.PlayerAwardsList a:hover::after, .PlayerAwardsList a:focus::after { left:0; width:100%; }


/*----------------------------------------------------------------------*/
/* 職棒大事記 */
.CPBLTimeline { margin:40px 0; }
.CPBLTimeline .title { 
	border-bottom:1px solid #ccc; margin-bottom:30px; padding-bottom:5px;
	font-weight:bold; font-size:1.75rem; line-height:150%; letter-spacing:0.05em; 
	font-family:'Roboto', 'Heiti TC', '黑體-繁', 'Microsoft JhengHei', '微軟正黑體', sans-serif;
	}
.CPBLTimeline .title .date { margin:0 5px; color:#006ec5; font-weight:400; }
.CPBLTimeline .time_line { position:relative; }
.CPBLTimeline .time_line::before { content:''; position:absolute; top:0; left:32px; width:4px; height:100%; margin-left:-2px; background-color:#006ec5; }
.CPBLTimeline .time_line > li { margin-bottom:40px; position:relative; }
	.CPBLTimeline .time_line > li:last-child { margin-bottom:0; }
.CPBLTimeline .time_line .date { 
	position:absolute; top:0; left:0; width:64px; padding:14px 0 10px; text-align:center; background-color:#006ec5;
	font-family:'Montserrat', sans-serif; font-weight:700; color:#fff; line-height:20px; 
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	}
.CPBLTimeline .time_line .date .year { display:block; }
.CPBLTimeline .time_line .desc { 
	margin-left:100px; min-height:30px; position:relative; z-index:1; 
    -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 0 10px rgba(0,0,0,0.2);
	}
	.CPBLTimeline .time_line .time_line > li:nth-child(even) .desc { background-color:#dfdfdf; }
.CPBLTimeline .time_line .desc::after { 
	content:''; display:block; position:absolute; top:22px; left:-10px; width:20px; height:20px; background-color:#fff; z-index:2;
	-webkit-box-shadow:0 0 12px rgba(0,0,0,0.2);
    -moz-box-shadow:0 0 12px rgba(0,0,0,0.2);
    box-shadow:0 0 12px rgba(0,0,0,0.2);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
	}	
	.CPBLTimeline .time_line > li:nth-child(even) .desc::after { background-color:#f3f3f3; }
.CPBLTimeline .time_line .desc .editable_content { margin:0; background-color:#fff; padding:20px 30px; position:relative; z-index:3; }
	.CPBLTimeline .time_line > li:nth-child(even) .desc .editable_content { background-color:#f3f3f3; }


/*----------------------------------------------------------------------*/
/* 球迷成長數 */
#CPBLFansChart { width:100%; height:720px; margin:30px 0; font-size:13px; color:#666; }


/*----------------------------------------------------------------------*/
/* 球隊沿革 */
.TeamHistoryTimeLine { width:100%; }
.TeamHistoryTimeLine .timeline_outer { width:100%; overflow-y:hidden; -webkit-overflow-scrolling:touch; }
	.TeamHistoryTimeLine .timeline_outer::-webkit-scrollbar { -webkit-appearance:none; width:14px; height:14px; }
	.TeamHistoryTimeLine .timeline_outer::-webkit-scrollbar-thumb { border-radius:8px; border:3px solid #fff; background-color:rgba(0, 0, 0, .3); }
	.TeamHistoryTimeLine .timeline_outer::-webkit-scrollbar-thumb:hover { background-color:#e60012; }
.TeamHistoryTimeLine table { width:100%; table-layout:fixed; }
.TeamHistoryTimeLine td { border-bottom:40px solid #fff; background-color:#fff; height:40px; line-height:40px; text-align:center; position:relative; }
	.TeamHistoryTimeLine tr:first-child td {border-bottom:0; }
.TeamHistoryTimeLine td::before { content:''; display:block; position:absolute; top:0; left:0; width:100%; border-top:1px solid #ccc; z-index:1; }
	.TeamHistoryTimeLine tr:first-child td::before { display:none; }
.TeamHistoryTimeLine td.year { 
	position:sticky; left:0; z-index:3; width:60px; 
	font-family:'Montserrat', sans-serif; font-weight:600; text-align:left; 
	}
.TeamHistoryTimeLine td.year::after { content:''; display:block; position:absolute; top:100%; left:0; width:100%; height:100%; background-color:#fff; }
	.TeamHistoryTimeLine tr:first-child tr:first-child.year::after { display:none; }
.TeamHistoryTimeLine .year .sub { position:absolute; top:20px; left:0; font-size:12px; font-weight:normal; color:#666; z-index:3; }
.TeamHistoryTimeLine .timeline_bar { width:40px; height:40px; margin:0 auto; position:relative; }
.TeamHistoryTimeLine .timeline_bar::after { 
	content:''; display:block; position:absolute; top:100%; left:0; width:100%; height:42px; background-color:inherit; z-index:2; 
	}
.TeamHistoryTimeLine .timeline_bar.est::after { display:none; }
.TeamHistoryTimeLine .timeline_bar.win::before { 
	content:''; display:block; position:absolute; top:50%; left:-24px; margin-top:-10px; width:20px; height:20px; 
	background:url(../images/icon_win.png) no-repeat center center; background-size:contain; 
	}

.TeamHistoryTimeLine .timeline_bar .team_logo a { 
	display:block; position:absolute; top:50%; left:50%; margin:-16px 0 0 -16px; width:32px; height:32px; text-indent:-999px; overflow:hidden; 
	background-repeat:no-repeat; background-position:center center; background-size:contain;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.TeamHistoryTimeLine .timeline_bar .team_logo a:hover, 
.TeamHistoryTimeLine .timeline_bar .team_logo a:focus { transform:scale(1.12); outline:0; }

.TeamHistoryTimeLine .team_name { 
	position:absolute; bottom:100%; left:50%; width:90%; margin-left:-45%; padding-bottom:5px; font-size:13px; text-align:center; line-height:15px; 
	}

/* editable_content fix */
.editable_content .TeamHistoryTimeLine, .editable_content .TeamHistoryTimeLine div { margin-top:0; margin-bottom:0; }
.editable_content .TeamHistoryTimeLine .tableWrap { width:auto; max-width:none; margin-bottom:0; overflow-y:hidden; }

/* Swipe說明 */
.timeline_swipe_guide { display:none; text-align:center; font-size:0.875rem; }
.timeline_swipe_guide > div::before { display:inline-block; vertical-align:middle; }
	.timeline_swipe_guide .desktop::before { content:'在表格處按滑鼠滾輪中鍵後可左右滑動滑鼠看到更多資料 (或在表格處按滑鼠左鍵後按鍵盤左右方向鍵)'; }
	.timeline_swipe_guide .mobile::before { content:'行動裝置請用手指觸控滑動表格'; }
.timeline_swipe_guide > div::after { 
	content:''; display:inline-block; width:60px; height:20px; vertical-align:middle; opacity:0.7; 
	background-image:url(../images/icon_company_compare_table.png); background-repeat:no-repeat; background-size:100%; 
	}
	.timeline_swipe_guide .desktop::after { background-position:0 0; }
	.timeline_swipe_guide .mobile::after { background-position:0 bottom; }
@media screen and (min-width: 1441px) {
.timeline_swipe_guide .mobile { display:none; }
}
@media screen and (max-width: 1023px) {
.timeline_swipe_guide .desktop { display:none; }
}


/*----------------------------------------------------------------------*/
/* 聯絡我們 */
/* reset */
.CPBLContact, .CPBLContact div { margin:0; }
.CPBLContact .contact_list ul { list-style:none; padding-left:0; margin:0; }

.CPBLContact .item {
	padding:20px; margin:40px 0; position:relative;
	background: -ms-linear-gradient(top, #eeeeee 0%, #dedede 100%);
	background: linear-gradient(to bottom, #eeeeee 0%, #dedede 100%);
	}
	.CPBLContact > *:first-child { margin-top:0; }
	.CPBLContact > *:last-child { margin-bottom:0; }
.CPBLContact .item::after { 
	content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; 
	background:url(../images/index_game_item_bg.png) no-repeat bottom right;
	}
.CPBLContact .item > div { padding:20px; background-color:rgba(255,255,255,0.8); position:relative; z-index:2; }
.CPBLContact .item > div::after { content:''; display:block; clear:both; }
.CPBLContact .item .icon { text-align:center; }
.CPBLContact .item .icon span { 
	display:inline-block; width:100%; height:100%; background-color:#eee; position:relative; 
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	}
.CPBLContact .item .icon span::before { 
	content:''; display:block; position:absolute; top:50%; left:50%; width:50%; height:50%; margin:-25% 0 0 -25%; 
	background:url(../images/icon_cpbl_contact.png) no-repeat; background-size:100%;
	}
	.CPBLContact .item.item1 .icon span::before { background-position:0 0; }
	.CPBLContact .item.item2 .icon span::before { background-position:0 50%; }
	.CPBLContact .item.item3 .icon span::before { background-position:0 100%; }

.CPBLContact .btn_ques_app a { 
	display:inline-block; margin-bottom:10px; background-color:#333; 
	margin-right:15px; padding:0 15px; line-height:40px; font-size:1rem; color:#fff; letter-spacing:0.05em; text-decoration:none; 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.CPBLContact .btn_ques_app a:hover,
.CPBLContact .btn_ques_app a:focus { background-color:#00478b; }
.CPBLContact .btn_ques_app a::before { 
	content:''; display:inline-block; width:20px; height:20px; margin:0 8px 0.25em 0; vertical-align:middle; 
	background:url(../images/icon_schedule_group.png) no-repeat right 100%; background-size:200%; 
	}


/*----------------------------------------------------------------------*/
/* 球場介紹 */
.StadiumLocation { display:none; background:url(../images/stadium_map.png) no-repeat 0 0; width:728px; height:770px; margin:0 auto; position:relative; }
.StadiumLocation li { position:absolute; }
	.StadiumLocation li.f10 { left:268px; top:7px; }
	.StadiumLocation li.f15 { left:486px; top:25px; }
	.StadiumLocation li.f08 { left:486px; top:75px; }
	.StadiumLocation li.f23 { left:231px; top:44px; }
	.StadiumLocation li.f11 { left:209px; top:78px; }
	.StadiumLocation li.f02 { left:154px; top:137px; }
	.StadiumLocation li.f19 { left:123px; top:205px; }
	.StadiumLocation li.f03 { left:85px; top:251px; }
	.StadiumLocation li.f13 { left:104px; top:326px; }
	.StadiumLocation li.f07 { left:10px; top:382px; }
	.StadiumLocation li.f14 { left:59px; top:437px; }
	.StadiumLocation li.f04 { left:5px; top:476px; }
	.StadiumLocation li.f09 { left:34px; top:542px; }
	.StadiumLocation li.f05 { left:34px; top:581px; }
	.StadiumLocation li.f06 { left:258px; top:625px; }
	.StadiumLocation li.f26 { left:271px; top:588px; }
	.StadiumLocation li.f01 { left:516px; top:123px; }
	.StadiumLocation li.f12 { left:486px; top:278px; }
	.StadiumLocation li.f17 { left:409px; top:547px; }
.StadiumLocation li a { 
	display:block; padding:7px 12px; background-color:#333; line-height:16px; color:#fff; font-size:15px; text-decoration:none; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
.StadiumLocation li a:hover, .StadiumLocation li a:focus { 
	background-color:#00478b; 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
	}

.StadiumList {
	margin:0 -10px;
	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; 
	}
.StadiumList .item { flex: 0 1 auto; padding:0 10px; margin:10px 0; }
.StadiumList dl { 
	height:100%; background-color:#fff; padding-bottom:10px; 
	-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 0 10px rgba(0,0,0,0.2);
	}
.StadiumList dt { 
	padding:0 20px; margin-bottom:5px; background-color:#333; 
	color:#fff; line-height:36px; text-align:center; font-size:1.125rem; font-weight:bold; letter-spacing:0.1em; 
	}
.StadiumList dd { padding:0 20px; text-align:center; }
.StadiumList dd a { 
	display:inline-block; padding:6px 0; line-height:135%; color:#666; text-decoration:none; position:relative; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.StadiumList dd a:hover, .StadiumList dd a:focus { color:#006ec5; }
.StadiumList dd a::after { 
	content:''; display:block; position:absolute; left:50%; bottom:0; width:0; height:2px; background-color:#006ec5; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.StadiumList dd a:hover::after, .StadiumList dd a:focus::after { left:0; width:100%; }

.StadiumHeader { margin-bottom:50px; }
.StadiumHeader .stadium_img { position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.StadiumHeader .stadium_img::after {
	content:''; display:block; position:absolute; bottom:0; left:0; width:100%; z-index:1; 
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 20%, rgba(0,0,0,0.6) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 20%, rgba(0,0,0,0.6) 100%);
	}
.StadiumHeader .stadium_info { position:absolute; bottom:0; left:0; width:100%; padding:0 20px; z-index:2; }
.StadiumHeader .stadium_info dt { 
	border-bottom:1px solid rgba(255,255,255,0.3); margin-bottom:10px; 
	font-weight:bold; font-size:1.375rem; color:#fff; line-height:200%; letter-spacing:0.05em;
	}
.StadiumHeader .stadium_info dd { 
	display:inline-block; min-width:4em; padding-bottom:25px; margin-right:30px; margin-bottom:10px; color:#fff; line-height:25px; position:relative; 
	}
	.StadiumHeader .stadium_info dd:last-child { margin-right:0; }
.StadiumHeader .stadium_info dd .label { position:absolute; bottom:0; left:0; font-size:0.9375rem; font-weight:bold; }
.StadiumHeader .stadium_info dd .desc { 
	font-family:'Montserrat', 'Heiti TC', '黑體-繁', 'Microsoft JhengHei', '微軟正黑體', sans-serif; font-weight:600; 
	font-size:1.125rem; letter-spacing:0.025em;
	}

.StadiumHeader .stadium_spec dt { display:none; }
.StadiumHeader .stadium_spec dd > div { padding:8px 6px; font-size:0.9375rem; line-height:150%; text-align:center; }
.StadiumHeader .stadium_spec dd .label { background-color:#333; color:#fff; white-space:nowrap; }
.StadiumHeader .stadium_spec dd .desc { border-bottom:1px solid #e5e5e5; }

.stadium_profile { margin-bottom:40px; }

.StadiumDetail { margin-bottom:50px; font-size:0.9375rem; }
.StadiumDetail .item { display:table; width:100%; margin-bottom:15px; }
.StadiumDetail .item > div { display:table-cell; vertical-align:middle; }
.StadiumDetail .item .label { width:150px; padding:5px 15px; background-color:#333; color:#fff; font-weight:bold; text-align:right; position:relative; }
.StadiumDetail .item .label::after { 
	display:block; content:''; position:absolute; top:50%; right:-8px; margin-top:-9px; 
	border-top:9px solid transparent; border-bottom:9px solid transparent; border-left:8px solid #434343;
	}
.StadiumDetail .item .desc { padding:5px 15px 5px 20px; }
.StadiumDetail .item .desc .editable_content { margin:0; word-break:break-all; }

.StadiumMap .map { height:300px; position:relative; }
.StadiumMap .map iframe { position:absolute; top:0; left:0; }
.StadiumMap .floor_plan { height:300px; background-repeat:no-repeat; background-position:center center; background-size:contain; }


/*----------------------------------------------------------------------*/
/* 搜尋結果 
.SearchResult { margin-top:20px; margin-bottom:30px; }
.SearchResult .results_count { margin-bottom:20px; color:#333; line-height:180%; }
.SearchResult .results_count span { color:#006ec5; }
.SearchResult .item { 
	padding:20px; margin:25px 0; overflow:hidden; 
	background-color:#fff;
	-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 25px rgba(0,0,0,0.2);
	box-shadow: 0 0 25px rgba(0,0,0,0.2);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	}
.SearchResult .title { line-height:130%; font-size:1.375rem; font-weight:bold; }
.SearchResult .title a { display:block; color:#333; letter-spacing:1px; text-decoration:none; }
.SearchResult .title span { color:#006ec5; }
.SearchResult .title a:hover, .SearchResult .title a:focus {  text-decoration:underline; }
.SearchResult .date { margin-top:10px; font-family:'Oswald', sans-serif; color:#535353; font-size:0.9375rem; line-height:180%; }
.SearchResult .cat { margin-right:20px; color:#535353; line-height:200%; }
.SearchResult .cat a { color:#8b8b8b; text-decoration:none; }
.SearchResult .cat a:hover, .SearchResult .cat a:focus { color:#d42828; text-decoration:underline; }
.SearchResult .desc { color:#000; line-height:180%; }
.SearchResult .desc span { color:#006ec5; font-weight:bold; }*/


/*----------------------------------------------------------------------*/
/* 網站導覽 */
.SitemapTree { 
	padding:20px; margin-top:20px; 
	-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 0 10px rgba(0,0,0,0.2);
	}
.SitemapTree .list { position:relative;  }
.SitemapTree .list::before { content:''; position:absolute; top:0; left:30px; width:4px; height:100%; margin-left:-2px; background-color:#00478b; }
.SitemapTree li { margin-top:5px; margin-bottom:5px; position:relative; font-weight:bold; }
.SitemapTree li a { display:inline-block; text-decoration:none; position:relative; }
.SitemapTree li a:hover, .SitemapTree li a:focus { text-decoration:underline; }
.SitemapTree .list li { line-height:150%; }

/* home */
.SitemapTree .list .home { display:inline-block; margin:0; padding:0 20px; background-color:#00478b; color:#fff; }
.SitemapTree .list .home::before { display:none; }
.SitemapTree .list .home a { color:#fff; }

/* 第1層 */
.SitemapTree .list  > li { padding-left:20px; margin-left:30px; color:#00478b; line-height:40px; }
.SitemapTree .list  > li::before { 
	content:''; display:block; position:absolute; top:10px; left:-10px; 
	width:20px; height:20px; border:5px solid #fff; background-color:#00478b; box-sizing:border-box;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	}
.SitemapTree .list  > li > a { color:#00478b; }
/* 第2層 */
.SitemapTree .list  > li > ol { margin-left:1em; }
.SitemapTree .list  > li > ol::after { content:''; display:block; clear:both; }
.SitemapTree .list  > li > ol > li { float:left; margin-right:40px; margin-bottom:20px; padding-left:10px; border-left:3px solid #ededed; font-size:0.9375rem; color:#37506e; }
.SitemapTree .list  > li > ol > li > a { color:#37506e; }
.SitemapTree .list  > li > ol > li > a::before { content:''; display:block; position:absolute; top:0; left:-13px; width:3px; height:100%; background-color:#bbb; }
/* 第3層 */
/*.SitemapTree .list  > li > ol > li > ol { margin-left:1em; }*/
.SitemapTree .list  > li > ol > li > ol > li { font-size:0.875rem; font-weight:normal; color:#666; }
.SitemapTree .list  > li > ol > li > ol > li > a { color:#666; }
/* 第4層 */
.SitemapTree .list  > li > ol > li > ol > li > ol { margin-left:1em; }
.SitemapTree .list  > li > ol > li > ol > li > ol > li { font-size:0.875rem; color:#666; }
.SitemapTree .list  > li > ol > li > ol > li > ol > li a { color:#666; }


/*----------------------------------------------------------------------*/
/* 登入 */
.LoginBox::after { content:''; display:block; clear:both; }
.LoginBox h3 { 
	border-bottom:1px solid #ccc; padding:12px 0; margin-bottom:20px; 
	font-weight:normal; font-size:1.5rem; color:#333; letter-spacing:0.1em; line-height:150%; 
	}
.LoginBox .text { margin:10px 0; font-size:1.125rem; line-height:200%; }
.LoginBox .BtnCommon { margin-top:25px; }
.LoginBox .forgot_pw a { color:#666; }
.LoginBox .forgot_pw a:hover, .LoginBox .forgot_pw a:focus { color:#006ec5; }

.LoginBox .divide { position:relative; margin-bottom:25px; text-align:center; line-height:150%; }
@media screen and (max-width: 767px) {
.LoginBox .divide { margin-top:50px; }
}
@media screen and (min-width: 768px) {
.LoginBox .divide { margin-top:70px; }
}

.LoginBox .divide span { display:inline-block; background-color:#fff; padding:0 20px; position:relative; z-index:1; color:#666; }
.LoginBox .divide::after { content:''; position:absolute; top:10px; right:0; border-top:1px solid #d8d8d8; width:100%; }

.LoginBox .login_form > div:first-child { margin-top:0; }
.LoginBox .login_form .wrap { border:1px solid #999; overflow:hidden; position:relative; }
.LoginBox .login_form .wrap::before { 
	content:''; position:absolute; top:0; width:1px; height:100%; box-sizing:border-box; 
	border-top:12px solid #fff; border-bottom:12px solid #fff; background-color:#c3c3c3; 
	}
.LoginBox .login_form .wrap::after { 
	content:''; position:absolute; top:50%; width:24px; height:24px; margin-top:-12px; 
	background:url("../images/icon_login.png") no-repeat; background-size:100%; 
	}
	.LoginBox .login_form .name .wrap::after { background-position:0 0%; }
	.LoginBox .login_form .pw .wrap::after { background-position:0 20%; }
	.LoginBox .login_form .random_code .wrap::after { background-position:0 40%; }
	
.LoginBox .login_form input[type="text"], .LoginBox .login_form input[type="password"] { 
	border:0; padding:0 20px; width:100%; background-color:transparent;
	font-size:16px; color:#666; box-sizing:border-box; 
	}
	.LoginBox .login_form input[type="text"]::placeholder,
	.LoginBox .login_form input[type="password"]::placeholder{ color:#666; }
	.LoginBox .login_form input[type="text"]:focus,
	.LoginBox .login_form input[type="password"]:focus{ background-color:#f2f2f2; outline:0; }

@media screen and (max-width: 639px) {
.LoginBox .login_form > div { margin-top:25px; }
.LoginBox .login_form .wrap { padding-left:46px; }
.LoginBox .login_form .wrap::before { left:46px; }
.LoginBox .login_form .wrap::after { left:12px; }
.LoginBox .login_form input[type="text"], .LoginBox .login_form input[type="password"] { height:46px; line-height:46px; }
}
@media screen and (min-width: 640px) {
.LoginBox .login_form > div { margin-top:30px; }
.LoginBox .login_form .wrap { padding-left:52px; }
.LoginBox .login_form .wrap::before { left:52px; }
.LoginBox .login_form .wrap::after { left:16px; }
.LoginBox .login_form input[type="text"], .LoginBox .login_form input[type="password"] { height:52px; line-height:52px; }
}

/* 社群登入 */
.LoginBox .login_by_social::after { content:''; display:block; clear:both; }
.LoginBox .login_by_social dt { display:none; }
@media screen and (max-width: 479px) {
.LoginBox .login_by_social dd { max-width:320px; margin-left:auto; margin-right:auto; }
.LoginBox .login_by_social dd.google { margin-top:20px; }
}
@media screen and (min-width: 480px) {
.LoginBox .login_by_social dd.fb { float:left; width:50%; }
.LoginBox .login_by_social dd.google { float:right; width:50%; }
}
@media screen and (min-width: 480px) and (max-width: 1279px) {
.LoginBox .login_by_social dd.fb { padding-right:10px; }
.LoginBox .login_by_social dd.google { padding-left:10px; }
}
@media screen and (min-width: 1280px) {
.LoginBox .login_by_social dd.fb { padding-right:30px; }
.LoginBox .login_by_social dd.google { padding-left:30px; }
}
.LoginBox .login_by_social dd a { 
	display:block; 
	text-decoration:none; color:#fff; font-family:'Roboto', sans-serif; text-align:center; line-height:48px; text-transform:uppercase; letter-spacing:0.05em;
	-webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
	.LoginBox .login_by_social dd.fb a { background-color:#3a589b; }
	.LoginBox .login_by_social dd.google a { background-color:#dc4a38; }
.LoginBox .login_by_social dd a:hover, .LoginBox .login_by_social dd a:focus { 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
	}
.LoginBox .login_by_social dd a span { 
	display:inline-block; border-right:1px solid rgba(255,255,255,0.4); margin:0 15px 0.15em 0; vertical-align:middle; 
	width:44px; height:32px; position:relative; 
	}
.LoginBox .login_by_social dd a span::before { 
	content:''; display:block; position:absolute; top:0; left:0; 
	width:32px; height:32px; background:url("../images/icon_social_login.png") no-repeat; background-size:100%;
	}
	.LoginBox .login_by_social dd.fb a span::before { background-position:0 0; }
	.LoginBox .login_by_social dd.google a span::before { background-position:0 100%; }
.LoginBox .login_by_social + .text { margin-top:20px; font-size:1rem; }
	
/* 驗證碼 */
.LoginBox .login_form .random_code .wrap > * { display:inline-block; vertical-align:middle; }
.LoginBox .login_form .random_code .input input { width:100%; }
.LoginBox .login_form .random_code .img img { display:block; }
.LoginBox .login_form .random_code .btns > * { 
	display:inline-block; border:0; margin:0 0 0 20px; padding:0 0 0 25px; height:32px; position:relative; 
	font-size:1rem; line-height:32px; color:#666; text-decoration:none;
	}
.LoginBox .login_form .random_code .btns > *:hover, .LoginBox .login_form .random_code .btns > *:focus { color:#006ec5; }
.LoginBox .login_form .random_code .btns > *::after { 
	display:block; content:''; position:absolute; top:50%; left:0; width:20px; height:20px; margin-top:-10px; 
	background:url("../images/icon_random_code.png") no-repeat; background-size:100%; 
	}
	.LoginBox .login_form .random_code .refresh::after { background-position:0 0; }
	.LoginBox .login_form .random_code .play::after { background-position:0 20%; }
@media screen and (max-width: 1023px) {
.LoginBox .login_form .random_code .input { width:100%; }
.LoginBox .login_form .random_code .img { margin-left:20px; }
.LoginBox .login_form .random_code .img, .LoginBox .login_form .random_code .btn { margin-bottom:10px; }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.LoginBox .login_form .random_code .input { width:120px; }
}
@media screen and (min-width: 1280px) {
.LoginBox .login_form .random_code .input { width:160px; }
}