/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#fff;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


/*******global.css**************************************************************/
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,400,500,700,900&display=swap&subset=chinese-traditional");

:root{
	--primary: #006368;
	--secondary: #02BE62;
	--lightBackground: #effcfc;
	--text_1:#002823;
  --heightLight:#e9c03b;
  --heightLight_2:#288685;
  --heightLight_3:#028a46;
}


* {font-family: "Noto Sans TC", "Microsoft JhengHei UI", "Microsoft JhengHei", sans-serif;  box-sizing:border-box;}

html{ height:100%; scroll-behavior:smooth;/* 錨點滾動動畫*/
-webkit-text-size-adjust:none;/*修正旋轉後文字會變大*/
-webkit-overflow-scrolling:touch;/*修正ios滾動順暢*/
}

body { font-size:16px; line-height:1.6; color:#666;}

ul{ list-style:none;}

/*預設連結狀態*/
a:link, a:visited { color: #000; text-decoration:none;}
a:hover, a:active { color: var(--secondary); text-decoration:none;}

/*圖片無框*/
a img { border:none;}
/*去除圖片底下空白*/
img{ vertical-align: bottom;} 

/*h標題設定*/
h1{ font-size:28px; font-weight:normal;}
h2{ font-size:24px; font-weight:normal;}
h3{ font-size:20px; font-weight:normal;}
h4{ font-size:18px; font-weight:normal;}

/*清除 clearfix*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*btn_more*/
a.btn_more{ display:inline-block; min-width: 230px; position: absolute; left: 50%; transform: translateX(-50%); padding: 0 20px; font-size: 18px; color:#fff; border:2px solid var(--primary); text-align:center; background:var(--primary); border-radius:35px;} 
a.btn_more:hover{ background:var(--secondary); transition:all 0.3s ease-Out; }
a.btn_more::after{ content:"+"; font-size:22px; padding-left: 5px; font-weight: 500; vertical-align: -2px;}

@media only screen and (max-width:1000px){ 
	a.btn_more{ font-size: 16px;}
}



.tips{ font-size:15px; color:var(--secondary); text-align:right; margin-top:5px; font-weight: 500; }

@media only screen and (max-width:1000px){ 
	.tips {padding-right: 15px;}
}

/*gototop*/
.gototop{ width:45px; height:45px; border-radius:50%; box-shadow:1px 2px 5px rgba(0, 0, 0, 0.3); background:url("../images/gototop.png") var(--primary) no-repeat; opacity:.8; background-size:100% auto; position:fixed; right:2%; bottom:8%; text-indent:100%; white-space:nowrap; overflow:hidden; z-index:998;  cursor:pointer; display:none;/*初始隱藏*/}


/*******style.css**************************************************************/

.wrapper{ width:100%; max-width:1200px; margin:0px auto;}
/*side*/
.side{ width:100%; height:100%; padding:45px 0px 0px 0px; overflow:auto; background:rgba(255, 255, 255, 1); position:fixed; top:0px; right:-100%;/*從最外側*/ transition:0.3s; z-index:999;}
.side.active{ right:0%;}
.side .btn_close{ width:30px; height:30px; background:url("../images/btn_close.png") no-repeat; background-size:100% auto; position:absolute; top:10px; right:10px;}
.side .inner { width:100%; max-width:640px; margin:0px auto;}
.side .inner ul.nav_m{ text-align:center;}
.side .inner ul.nav_m li{ width:100%; padding:15px 0px; background:var(--primary); border-bottom:1px solid #FFF;}
.side .inner ul.nav_m li a{ display:block; color:#fff;}
.side .inner ul.nav_m li a.txt{ display:inline-block; color:var(--primary);}
.side .inner ul.nav_m li:first-child{ background:var(--secondary);}
.side .inner ul.nav_m li:first-child a{ color:#fff; font-weight:800;}
.side .inner ul.nav_m li:last-child{ background:#fff;}
.side .inner ul.nav_m li.wbc_news{ padding:10px 0px 0px 0px; border-bottom:1px solid var(--text_1);}
.side .inner ul.nav_m li.wbc_news span{ display:block; margin-bottom:5px;}

.side .inner ul.nav_m .sub{ display:flex; justify-content:center;}
.side .inner ul.nav_m .sub > a{ display:block; width:100%; padding:10px 0px; border-right:1px solid var(--text_1); border-top:1px solid var(--text_1); background:var(--heightLight_2);}
.side .inner ul.nav_m .sub > a:last-child{ border-right:0px;}

/*social_menu*/
.social_menu{ display:flex; flex-wrap:wrap; justify-content:center;}
.social_menu span.title_1{ width:100%; margin-bottom:5px; color:var(--primary);}
.social_menu a.btn{ display:block; width:30px; height:30px; margin-right:5px; border-radius:4px; background:url("../images/icon_01.jpg") no-repeat; background-size:auto 100%; text-indent:100%; white-space:nowrap; overflow:hidden; box-shadow:1px 1px 2px rgba(255, 255, 255, 0.3);}
.social_menu a.btn.fb{ background-position:0px 0px;}
.social_menu a.btn.line{ background-position:-120px 0px;}
.social_menu a.btn.app{ background-position:-150px 0px;}


/*top_bar*/
.top_bar{ width:100%; height:35px; display:flex; justify-content:flex-end;  }
.top_bar .inner{background-color: var(--lightBackground); display:flex; justify-content:flex-end; align-items:center; padding:0px 10px; height:35px; border-bottom-left-radius: 30px; width: 700px; }
.top_bar span{ margin-right:20px; font-weight: 400; font-size: 14px;}
.social_menu a.btn{ width:25px; height:25px;}
.social_menu a.btn.line{ background-position:-100px 0px;}

@media only screen and (max-width: 1000px){
	.top_bar{display: none;}
}

/*header*/
.header{ display:flex; margin-bottom:30px; height:70px; background:#fff; border-bottom:3px solid var(--heightLight_2); position:sticky; left:0px; top:0px; z-index:990; align-items: center; box-shadow: #a8eeb9 0px 2px 0px;}
/*btn_open*/
.header .btn_open{ width:30px; height:30px; background:url("../images/btn_open.png") no-repeat; background-size:100% auto; position:absolute; right:20px; top:20px; text-indent:100%; white-space:nowrap; overflow:hidden;}
.header .logo_wbc{ width:220px; height:60px; margin-right:30px; background:url("../images/wbc_logo.jpg") no-repeat; background-size:100% auto; position: relative; top:-10px;}
.header .logo_wbc a{ display:block; width:100%; height:100%; text-indent:100%; white-space:nowrap; overflow:hidden;}
.header ul.nav_pc{ display:none;}


@media only screen and (max-width: 1000px){
	.header{ height:60px; margin-bottom:20px;}
	.header .logo_wbc{ width:180px; height:50px;  top:0px;}
	.header .btn_open{top:15px;}
}

@media screen and (orientation:landscape) {
	.header .logo_wbc{ width:260px; height:80px; margin-right:20px; background-size:100% auto; bottom:15px; position: relative; flex-shrink: 0; bottom: 10px;}
	.header.sticky .logo_wbc{ width:215px; height:60px; bottom:0px; top:0px;}
	.header .btn_open{ display:none;}
	.header ul.nav_pc{ display:flex; justify-content: flex-end; width: 100%;}
	.header ul.nav_pc li a{ display:block; width:170px; height:60px; line-height:75px; color:var(--primary); font-size:24px; font-weight:500; text-align:center; position: relative;}
	.header ul.nav_pc li a.active{ color:var(--secondary)}
	.header ul.nav_pc li a.active::after{ content:""; display:block; width:80%; height:12px; background:var(--secondary); position:absolute; bottom:-10px; left:50%; transform: translate(-50%); border-radius: 8px;}
	.header ul.nav_pc li:hover > a { color:var(--secondary); transition:all 0.3s ease-Out; }

	.header ul.nav_pc li.wbc_news{ position:relative;}
	.header ul.nav_pc li.wbc_news > .sub{ display:none; background:#fff; position:absolute; left: 35px; box-shadow:-1px 3px 5px rgba(0, 0, 0, 0.3); border-left: 3px solid var(--heightLight_2);}
	.header ul.nav_pc li.wbc_news:hover > .sub{ display:block; width:200px;}
	.header ul.nav_pc li.wbc_news > .sub > a{ border-bottom:1px solid var(--heightLight_2); width: 100%; height: 50px; line-height: 50px; text-align: left; padding-left: 10px; font-size: 20px;}
	.header ul.nav_pc li.wbc_news > .sub > a:last-child{ border-bottom:0px;}
	.header ul.nav_pc li.wbc_news > .sub > a:hover{ color:#fa940c;}
}



/*footer*/
.footer{ padding:20px 10px;}
.footer .menu_1{ margin-bottom:5px; text-align:center; color:#888;}
.footer .menu_1 a{ margin:0px 5px; font-size:13px; color:#888;}
.footer a:link, .footer a:visited{ color:#555; text-decoration:none;}
.footer a:hover, .footer a:active{ color:var(--secondary); text-decoration:none;}
.footer address{ color:#999; font-size:12px; text-align:center; font-style:normal;}

@media only screen and (min-width: 1000px){
	.footer br{ display:none;}
}

/*pic_contest*/
.pic_contest{ margin-bottom:50px;}
.pic_contest .m{ width:100%; height:auto; margin-bottom:30px;overflow:hidden;}
.pic_contest .m img{ width:100%; height:100%; object-fit:cover;}
.pic_contest .pc{ display:none;}

@media only screen and (min-width:768px){
	.pic_contest .m{ display:none;}
	.pic_contest .pc{ display:block; margin-bottom:30px; overflow:hidden;}
	.pic_contest .pc img{  width:100%; height:auto;}
}

/*iframe_gallery*/
.iframe_gallery{margin-bottom: 20px;}
.iframe_gallery iframe { display:block; width:100%; max-width:1200px; margin:0px auto; }


.hot_zone {background: url(../images/bg_1.jpg); background-size: contain; border-radius: 15px; margin-bottom: 20px; display: flex; align-items: center; justify-content: flex-start; padding: 10px 30px; border: 3px solid var(--lightBackground); }
.hot_zone .title { font-weight:500; font-size: 28px; line-height: 1.4; color: var(--text_1); text-align: center; flex-shrink: 0; margin-right: 50px; }
.hot_zone .title_m{ display:none; }
.hot_zone .part_thumb_1{width: 100%; }
.hot_zone .part_thumb_1 .box_0 { width: 70%; gap: unset; justify-content: space-between; display: flex; align-items: center; margin-top: 0px; background: none; }
.hot_zone .part_thumb_1 .box_1{ width: 80px; }
.hot_zone .part_thumb_1 .box_1 p { font-size: 20px; color: var(--text_1);}
.hot_zone .part_thumb_1 .box_1 span { font-size: 20px; color: var(--text_1);}
.hot_zone .part_thumb_1 .box_1.out { opacity: 0.4;}
.hot_zone .part_thumb_1 .box_1.out p { color: #000;}
.hot_zone .part_thumb_1 .box_1.out span { color: #000;}
.hot_zone .part_thumb_1 .box_1.in { opacity: 1;}
.hot_zone .part_thumb_1 .box_1.in p { color: var(--heightLight_3); font-weight: 700;}
.hot_zone .part_thumb_1 .box_1.in span { color: var(--heightLight_3); font-weight: 700;}

.hot_zone a:link, .hot_zone a:visited { color: var(--text_1); text-decoration:none;}
.hot_zone a:hover, .hot_zone a:active { color: var(--secondary);}

@media only screen and (max-width:800px){
	.iframe_gallery{margin-bottom: 20px;}
	.hot_zone {padding: 0px 15px; padding-top: 10px; margin-bottom: 5px; width: 100%; overflow: hidden; flex-wrap: wrap; align-items: center; border-radius: 0; }
	.hot_zone .title{font-size: 15px; margin-right: 10px;}
	.hot_zone .part_thumb_1{padding: 0;}
	.hot_zone .part_thumb_1 .box_0 { width: 100%; padding: 0;  }
	/* .hot_zone .part_thumb_1 .box_1 { width: 50px; } */
	.hot_zone .part_thumb_1 .box_1{flex-wrap: wrap;}
	.hot_zone .part_thumb_1 .box_1 .pic img { display:block; width: 40px; height:auto; vertical-align:text-top; margin:8px auto; border:1px solid #ccc;}
	.hot_zone .part_thumb_1 .box_1 p { font-size: 15px; width: 100%; text-align: center;}
	.hot_zone .part_thumb_1 .box_1 span { font-size: 16px;}
	.hot_zone .title { display:none; }
	.hot_zone .title_m{ display:block; font-weight:500; font-size: 16px; width: 100%; text-align: center; margin-bottom: 5px;  color:#fff; background: var(--heightLight_2); border-top-left-radius: 5px; border-top-right-radius: 5px; }
}

.wbc_live_news{width:100%;position: relative; padding-top: 0px; height: 0; overflow: hidden;padding-bottom: 56.25%; margin-bottom:60px;}
.wbc_live_news iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@media only screen and (max-width:800px){
	.wbc_live_news{margin-bottom:30px;}
}

/*r1*/
.r1{ }

/*block*/
.block{ clear:both; margin-bottom:70px; position: relative; }
.block::before { content:""; display:block; width:100%; height:14px; background:url(../images/line.png) repeat-x; margin-bottom: 50px; }

/*id目標物預留上方空間*/
#iframe_gallery, #block_1, #block_1_1, #block_1_2, #block_1_3, #block_1_4, #block_2, #block_3, #block_4{ 
	scroll-margin-top:130px;
}
#block_2{padding-bottom: 50px;}

@media only screen and (max-width:800px){
	.block{ margin-bottom:50px;  }
	.block::before { margin-bottom: 30px; }
	#iframe_gallery, #block_1, #block_2, #block_3, #block_4 { 
		scroll-margin-top:100px;
	}
}

.block_title{ font-size:26px; font-weight:500; color:var(--text_1); margin-bottom:20px; position: relative; line-height: 1; padding-left: 40px;  }
.block_title::before{ content:""; display:block; width:32px; height:32px; background:url(../images/icon.png) no-repeat; background-size: contain; position:absolute; top: 0;  left:0px; }
.block_title span{ font-size:15px; font-weight:normal; margin-left:10px; color: #757575;}
@media only screen and (max-width:1000px){
.block_title{ font-size:22px;   }
.block_title::before{width:30px; height:30px; left:5px;}
.block_title span{ font-size:13px; display: block; margin-top: 10px; margin-left: 0;  }
}

/*part_pictxt_1*/
.part_pictxt_1{ margin-bottom:30px; width: 100%; display:grid; grid-template-columns: 1fr 1fr; gap: 30px;}
.part_pictxt_1 .col_2{ background: var(--lightBackground); padding:30px 20px 100px 20px; border-radius: 10px; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); position: relative;}
.part_pictxt_1 .col_2 .title{ font-size:20px; font-weight:500; margin-left: -20px; margin-bottom:25px; line-height: 35px; height: 35px; padding-bottom: 10px; display: inline-block; background-color: var(--secondary); color:#fff; border-bottom-right-radius: 7px; border-top-right-radius: 7px; padding: 0 50px 0 25px; position: relative; box-shadow: 1px 1px 2px #32887e; }
.part_pictxt_1 .col_2 .title::before{ content:""; display:block; width:8px; height:8px; border-radius: 50%; background: #fff; position:absolute; left:10px; top:55%; transform: translateY(-50%); }

.part_pictxt_1 .piece{ margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #cce6e9;  display:flex; justify-content: space-between; }
.part_pictxt_1 .piece a.pic{ display:block; overflow:hidden; position:relative; width: 180px; height: 120px; flex-shrink: 0; border-radius: 5px;  }
.part_pictxt_1 .piece a.pic img{ display:block; width: 180px; height: 120px; object-fit:cover; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; transition:all .2s ease-Out;}
.part_pictxt_1 .piece .box_1{ margin-right:15px; }
.part_pictxt_1 .piece h3{ margin-bottom:15px; font-size:18px; line-height: 1.3; 
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; width: 100%;}
.part_pictxt_1 .piece span.date{ font-size:14px; color:#888;} 
.part_pictxt_1 .piece a.pic:hover img{ transition:all .2s ease-Out; transform:scale(1.05);}
.part_pictxt_1 .piece h3 a:hover{ color:var(--secondary); transition:all 0.3s ease-Out;}
.part_pictxt_1 .piece:nth-last-child(2) { border-bottom: 0px;  padding-bottom: 0px; }
/* .part_pictxt_1 .btn_more{margin-top: 30px; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%);} */

.part_pictxt_1 .btn_more{margin-top: 30px; bottom: 30px; padding:0px 
	30px; font-size: 16px; color:var(--primary); border:2px solid var(--primary); text-align:center; border-radius:35px; background: none; font-weight: 500; } 
.part_pictxt_1 .btn_more:hover{ background:var(--primary); color: #fff; transition:all 0.3s ease-Out;}


@media only screen and (max-width:1000px){
	.part_pictxt_1 { grid-template-columns: 1fr; }
	.part_pictxt_1 .col_2{ padding:20px 15px 90px 15px;  }
	.part_pictxt_1 .col_2 .title{ font-size:18px;  }
	.part_pictxt_1 .piece{ width: 100%; }
	.part_pictxt_1 .piece a.pic{ width: 120px; height: 80px; }
	.part_pictxt_1 .piece a.pic img{ width: 120px; height: 80px; }
	.part_pictxt_1 .piece h3{ font-size:17px; }
	.part_pictxt_1 .btn_more{ bottom: 30px; font-size: 15px; width: 80%;}
}


/*part_thumb_1*/
.part_thumb_1 { display:flex; flex-wrap:wrap; justify-content: space-between; gap: 10px;}
.part_thumb_1 .box_0 { width: calc(50% - 10px); background: var(--lightBackground);  position: relative; margin-top: 30px;  }
.part_thumb_1 .box_0 .title{ font-size:48px; font-weight:bold; color:#fff; position: absolute; left: 50%; top: -25px; transform: translate(-50%); background: var(--secondary); border-radius: 50%; width: 60px; height: 60px; line-height: 43px; text-align: center; border: 5px solid #fff;}
.part_thumb_1 .box_0 .inner { display: flex; align-items: center; justify-content: space-around; background: url(../images/bg_1.jpg); background-size: cover; padding:40px 10px 20px 10px; border-radius: 10px; overflow: hidden;}
.part_thumb_1 .box_1 { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; width: 80px; }
.part_thumb_1 .box_1 .pic{}
.part_thumb_1 .box_1 .pic img { display:block; width: 100%; height:auto; vertical-align:text-top; margin:8px auto; border:1px solid #ccc;}
.part_thumb_1 .box_1 p { overflow: hidden; text-overflow:ellipsis; font-size: 18px;
	display:-webkit-box; 
	-webkit-box-orient:vertical; 
	-webkit-line-clamp:1;
	color: var(--text_1);
	font-weight: 500;
}
.part_thumb_1 .box_1 span{ display:block; width:100%; font-size:20px; font-weight:700; text-align: center; color: var(--text_1);}

.part_thumb_1 .box_1.in p, .part_thumb_1 .box_1.in span{ color:var(--heightLight_3); text-shadow: #d9fcff 1px 1px 5px, #d9fcff -1px -1px 5px; font-weight: 700; }
.part_thumb_1 .box_1.out{ opacity: 0.35;}
.part_thumb_1 .box_1.out p, .part_thumb_1 .box_1.out span{ color: #000;}

.part_thumb_1 a:link, .part_thumb_1 a:visited { color:#21358e; text-decoration:none;}
.part_thumb_1 a:hover, .part_thumb_1 a:active{ color:#fff; background:#21358e; text-decoration:none;}

@media only screen and (max-width:1000px){
.part_thumb_1{ padding: 0 15px;}
.part_thumb_1 .box_0 {width: 100%; margin-top: 20px; }
.part_thumb_1 .box_0 .title{ width: 40px; height: 40px; line-height: 30px; font-size: 28px; top: -20px; border-width: 4px; }
.part_thumb_1 .box_0 .inner{ padding:20px 10px 10px 10px;}
	.part_thumb_1 .box_1 { width: 63px; }
	.part_thumb_1 .box_1 p { font-size: 14px;}
	.part_thumb_1 .box_1 span{ font-size:16px;}
}

/*part_thumb_2*/
.part_thumb_2{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.part_thumb_2 .box_0 { margin-bottom: 30px; width: 100%; overflow: hidden; }
.part_thumb_2 .box_0 .t_0{margin-bottom: 20px;}
.part_thumb_2 .box_0 .title{ font-size:22px; font-weight:500; color:#fff; width: 100%; text-align: center; background: var(--heightLight_2); height: 40px; line-height: 40px; margin-bottom: 0; }
.part_thumb_2 .box_0 span{ text-align: center; display: block; font-size: 20px; font-weight: 500;  line-height: 1; }
.part_thumb_2 .box_1 { display: flex; align-items: center; justify-content: space-between; background: var(--lightBackground); padding: 8px 0; color: var(--text_1); border: 1px solid #bdbdbd; }
.part_thumb_2 .box_1 span {width: calc(50% - 23px); font-size: 16px; font-weight: 400;}
.part_thumb_2 .box_2{border: 1px solid #bdbdbd; border-top: none; display: flex; align-items: center; justify-content: space-between; padding: 5px; }
.part_thumb_2 .box_2 .box{ display: flex; align-items: center; justify-content: center; flex-direction: column; width: calc(50% - 30px / 3); gap: 10px; color: var(--text_1); padding: 5px 0;}
.part_thumb_2 .box_2 .box.s_1{width: 60px;}
.part_thumb_2 .box_2 .box.in{color: var(--secondary);}
.part_thumb_2 .box_2 .box.out{opacity: 0.4; color: #000;}
.part_thumb_2 .box_0 i{font-style: normal; background-color: var(--heightLight_2); display: block; width: 46px; text-align: center; border-radius: 15px; color: #fff; font-size: 20px; height: 20px; line-height: 16px; flex-shrink: 0;}

.part_thumb_2 .box_2 .team, .part_thumb_2 .box_2 .score{ display: flex; align-items: center; justify-content: space-between;}

.part_thumb_2 .box_0.col_2{ width: calc(50% - 10px); }

@media only screen and (max-width:1000px){
.part_thumb_2{padding: 0 15px;}
.part_thumb_2 .box_0 { margin-bottom: 20px; }
.part_thumb_2 .box_2 .box{ width: calc(50% - 15px / 3); }
.part_thumb_2 .box_0 .t_0{margin-bottom: 0px;}
.part_thumb_2 .box_0 .title{ font-size:16px; height: 30px; line-height: 30px;}
.part_thumb_2 .box_0 span{ font-size:16px; }
.part_thumb_2 .box_0 i{font-size: 14px; width: 40px; height: 15px; line-height: 12px;}
.part_thumb_2 .box_1{padding: 7px 0; border-top: none;}
.part_thumb_2 .box_1 span { font-size: 14px;}
.part_thumb_2 .box_0.col_2{ width: 100%; }
}


/*.part_video_1*/
.part_video_1 {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 15px; margin-bottom: 20px;}
.part_video_1 .piece{ margin-bottom:20px; width: calc((100% - 30px) / 3);}
.part_video_1 .piece .video_box{ margin-bottom:10px; clear:both; height:0; padding-bottom:56.25%;/* RWD 16:9 */ position:relative; border-radius: 8px; overflow: hidden;}
.part_video_1 .piece .video_box img{width:100%;transition:all .2s ease-Out;}
.part_video_1 .piece a:hover img{ transform:scale(1.03); transition:all .2s ease-Out;}
.part_video_1 .piece .video_box iframe{ width:100%; height:100%; position:absolute; top:0; left:0;z-index: 11;}
.part_video_1 .piece .video_box a{display:block;height:100%;cursor:pointer;}
.part_video_1 .piece h3{ font-size:20px; font-weight:500; padding: 0 10px;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;}

@media only screen and (max-width:768px){
	.part_video_1{ padding:15px;}
	.part_video_1 .piece{ margin-bottom:10px; width: 100%;}
	.part_video_1 .piece .video_box{ margin-bottom:5px;}
	.part_video_1 .piece h3{ font-size:18px; font-weight: 400;}
}

/*影音ICON*/
.part_video_1 .piece .video_box:before{ content: ""; display:block; width:20%; background: url(https://static.ettoday.net/style/ettoday2017/images/icon_play.png) center center no-repeat; background-size:100% auto; opacity:0.7; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; z-index:10;}



/*表格*/
table{ width:100%; margin:20px auto 0px; font-weight:bold; border-collapse:collapse;}
table.star{ border:2px solid #041f36;}
table th{ height:40px; line-height:40px; color:#fff; font-size:16px; }
table th:nth-of-type(1){ border-right:1px solid #fff;}
table th:nth-of-type(2){ border-right:1px solid #fff;}
table td{ height:40px; line-height:40px; padding:5px 5px; color:#073b66; font-size:16px; border:1px solid #555;}
table td em{ color:#fff; font-style:normal; font-weight:bold;}
table td span{ color:#e80c0c; font-weight:bold;}
table td img{ display:inline-block; width:30px; margin-right:3px; vertical-align:middle;}
table td a{ color:#f54444; font-weight:bolder;} 


@media only screen and (min-width:768px){
	table th{ font-size:18px;}
	table td{ font-size:16px;}
}

/*自行選想更換的顏色*/
.color_1{ color:#fff; background:#313131;}
.color_2{ background:#073B66;}
.color_3{ background:#095796;}
.color_4{ background:#ECEDEE;color:#000;}
.color_5{ background:#ECEDEE;color:#000;}
.color_6{ background:#ec9a29;}
.color_7{ background:#fcc062;}


/*比分表*/
.block_5 .block_content{display:flex;justify-content:space-between;flex-wrap:wrap;}
table.score{ width:100%;margin-bottom:40px; font-size:18px; border:2px solid #041f36;}
table.score th{ border:none;}
table.score tr:nth-of-type(1){ border-bottom:1px solid #fff;}
table.score td{ color:#095796; font-weight:bold; text-align:center; border:none;}

@media only screen and (min-width:768px){
	table.score{width:48%;}
}