.media_event_wrap{ border:0px;height:auto; max-width:1140px; padding:0; margin:20px 0 40px 0; }
.media_event_wrap .title{font-size:24px; line-height:2em; color:#4a4a4a !important; font-weight:500; }
.media_event_wrap .line{background-color:#9b9b9b; height:1px; width:100%; margin:0px 0px 10px 0;}
.media_event_wrap ul {list-style:none; padding:0; margin:0 0 5px 0; display:block;}
.media_event_wrap ul li{ float:left; background-color:#9b9b9b; width:24.8%; margin-right:0.26%; text-align:center; cursor:pointer; font-size:18px; line-height:1.8em; color:#fff; transition:all 0.2s;}
.media_event_wrap ul .news_act{background-color:#006fb7;}
.media_event_wrap ul li:last-child {margin-right:0px;}
.media_event_wrap ul .space{float:left; background-color:#fff; width:1%;}
.media_event_wrap ul li:hover{background-color:#006fb7;}

.media_event_wrap .submenu{ position: relative; margin: 0 0 10px 0;  width: 100%; }
.media_event_wrap .submenu a{ color:#9b9b9b; word-spacing:10px; display: inline-block; margin:0 1em 0 0; text-decoration:none;   transition:all 0.2s; font-size: 18px;}
.media_event_wrap .submenu a::after{content:"/"; margin:0 0 0 1em; color:#9b9b9b;}
.media_event_wrap .submenu a:last-child:after{content:""; }
.media_event_wrap .submenu a:hover{ color:#006fb7;}
.media_event_wrap .submenu .act{color:#006fb7;}
.media_event_wrap .submenu a:first-child{ margin:0 1em 0 0; }


.media_event_wrap .album_wrap{ position: relative; width:100%; height:auto; margin-top:30px;}
.media_event_wrap .album_wrap .album_fun{position: relative; margin-bottom:10px;  width:100%; height:2em; }
.media_event_wrap .album_wrap .album_fun input{widows: 250px; background:url(../images/news/magnifier_icon.svg)5px center no-repeat;
text-indent:1.5em;   border-radius: 5px; border: solid 1px #9b9b9b; font-size: 18px; margin-right:2%; color:#4a4a4a;  margin-bottom:20px; }
.media_event_wrap .album_wrap .album_fun input:focus{outline:none; border:1px solid #006fb7;}

.media_event_wrap .album_wrap .album_fun .news_sec{ width:160px ; background-color:#9b9b9b; color:#fff; border-radius:5px; font-size:14px; margin-right:2%; padding-right:10px; border:none;}
.media_event_wrap .album_wrap .album_fun .news_sec:focus{outline:none; border:1px solid #ffb81c;}
.media_event_wrap .album_wrap .album_fun .search_btn{border: solid 0px #9b9b9b;font-size: 16px; background-color:#006fb7; color:#fff; padding: 0px 20px 0px 20px; border-radius:5px; line-height:2em; transition:all .2s  }
.media_event_wrap .album_wrap .album_fun .search_btn:hover{transform:translate(1px,1px); }
.media_event_wrap .album_wrap .news_album_pic_warp{position:relative; height:300px;  width:100%; margin-right:1%; margin-top:10px; }
.media_event_wrap .album_wrap .news_album_pic_warp .item{margin-top:3%; padding:10px; border:0px solid #eee; width:100%; margin-right:1%; min-height:300px; float:left; cursor:pointer; }
.media_event_wrap .album_wrap .news_album_pic_warp .item .pic{position:relative; width:100%; overflow:hidden; }
.media_event_wrap .album_wrap .news_album_pic_warp .item .pic img{width:100%; position:relative; transition:all 0.2s;}
.media_event_wrap .album_wrap .news_album_pic_warp .item .news_title{font-size:14px; font-weight:500; line-height:1.6em; margin-top:10px; color:#4a4a4a; transition:all 0.2s; text-align:justify; min-height:3.3em;}
.media_event_wrap .album_wrap .news_album_pic_warp .item .date{font-size:14px; color:#9b9b9b; float:left; transition:all 0.2s;}
.media_event_wrap .album_wrap .news_album_pic_warp .item .more_btn {font-size:14px; color:#9b9b9b; float:right;  transition:all 0.2s; text-decoration: none; }

.media_event_wrap .album_wrap .news_album_pic_warp .item .lable_y{background-color: #ffb81c; padding:0px 20px 0px 20px; position:absolute; top:0; left:0; transition:all 0.2s;}
.media_event_wrap .album_wrap .news_album_pic_warp .item .lable_b{background-color: #006fb7; padding:0px 20px 0px 20px; position:absolute; top:0; left:0; transition:all 0.2s; color:#fff;}
.media_event_wrap .album_wrap .news_album_pic_warp .item:hover .date {color:#006fb7;}
.media_event_wrap .album_wrap .news_album_pic_warp .item:hover .more_btn {color:#006fb7;}
.media_event_wrap .album_wrap .news_album_pic_warp .item:hover .news_title {color:#006fb7;}
.media_event_wrap .album_wrap .news_album_pic_warp .item:hover .pic img{transform:scale(1.1);}
.media_event_wrap .album_wrap .news_album_pic_warp .item:nth-child(4n){margin-right:0; }
.news_more_btn{display:none;}
.wd50{width:49.2%}


/*精選集錦*/
#choice {margin-bottom:20px; }
#choice  .row .item{width:48%; position: relative; float:left; margin:1% 4% 3% 0; overflow:hidden;}
#choice  .row .item:nth-child(2n) {margin-right:0px;}
#choice  img{width:100%; transition:all 0.2s; cursor:pointer;}
#choice  .row .item:hover img{width:100%; transform:scale(1.1,1.1);}
#choice  .row .item:hover .pic_txt_wrap a span{color:#ffb81c;}
#choice  .pic_txt_wrap{position: absolute; bottom: 0; left: 0; width: 100%; height:10vh;}
#choice  .pic_txt_wrap .bg{position: absolute; bottom: 0; left: 0; width: 100%; height:100%; background-color: #000; opacity:0.5; z-index:1;}
#choice  .pic_txt_wrap a{position: absolute;bottom: 0;left: 0; width:100%; height:auto; z-index:1; }
#choice  .pic_txt_wrap a:hover span{color:#ffb81c;}
#choice  .pic_txt_wrap a span{display:inline-block; color:#fff; width:100%; padding:1% 0 1.5% 5%;  transition:all 0.2s;}
#choice  .pic_txt_wrap div{display:inline-block; color:#fff; width:100%; padding:5% 0 0% 5%;} 
#choice  .pic_txt_wrap .pic_txt_icon{position: absolute; bottom:11%; right:2%; width:20px; height:15px; background:url(../images/pic_icon.svg) no-repeat; z-index:2; }
#choice  .more_btn{display:inline-block; margin:0px auto 40px 40%; position:relative;  text-align:center; height:2em;line-height:2em; padding:0 15px 0 15px; width:20%; background-color:#006fb7; color:#fff; text-decoration:none; transition:all 0.2s;}
#choice  .more_btn:hover{background-color:#0c5c90; box-shadow:0 2px 2px rgb(0,0,0,0.4);}
.page_list_wrap{  width:50%; margin:0px 0 0 25%; }

/*競賽公告---相簿*/
.media_pics_wrap{display:flex; width:100%; margin-top:20px; flex-wrap: wrap; border:0px solid #eee;  justify-content:left; align-items:center;}
.media_pics_wrap .media_pic{display:flex; flex:0 0 32%; margin: 0 2% 2% 0; width:33%; position:relative; overflow:hidden; transition: all .2s; cursor:pointer;}
.media_pics_wrap .media_pic:hover img{transform:scale(1.1);}
.media_pics_wrap .media_pic::after{content:''; top:0px; left:0px; width:100%; height:100%; background-color:#000; opacity:0; position: absolute;  transition: all .2s;}
.media_pics_wrap .media_pic:hover::after{content:''; opacity:.5;}
.media_pics_wrap .media_pic:nth-child(3n){margin: 0 0% 2% 0;  flex:0 0 32%;}
.media_pics_wrap .media_pic img{width: 100%; transition: all .2s;}

/*相簿---彈跳視窗*/
.lightbox_bg{width:100vw; height:100vh; background-color:black; opacity:0.9; z-index:9999; display:none; position: fixed; top:0; left:0;}
.lg_pic_wrap{width:100vw; margin:auto auto; height:100vh;  z-index:10000; display:none; position: fixed; top:0; left:0; background:transparent; }
.lg_pic{ width:50%; position: relative; margin:10% auto 0 auto; display:flex; justify-content:center; align-items:center; border:0px solid #eee;  }
.lg_pic img{ width:100%; display:flex; justify-content:center; align-items:center;}
.lg_pic_wrap .arrow_left{position: absolute; left:-10%; top:calc(50%-62px); height:62px; width:33px; background:url(../images/media_viedo/media_arrow_left.svg)no-repeat; cursor:pointer;}
.lg_pic_wrap .arrow_right{position: absolute; right:-10%; top:calc(50%-62px); height:62px; width:33px; background:url(../images/media_viedo/media_arrow_right.svg)no-repeat; cursor:pointer;}
.lg_pic_wrap .lg_close_btn{position: absolute; right:-10%; top:0px; height:30px; width:30px; background:url(../images/media_viedo/close_btn.svg)no-repeat; cursor:pointer; background-size:cover;}
.lg_pic_wrap .lg_close_btn:hover{transform:translate(1px,1px);}
.lg_pic_wrap .arrow_left:hover{transform:translate(1px,1px);}
.lg_pic_wrap .arrow_right:hover{transform:translate(1px,1px);}

/*精選影片---列表*/
.video_list{margin-top:10px; border:0px solid #eee; display:block;   width:100%;}
.video_list .row .item {display:block; float:left; margin: 0 1% 4% 0; width:calc(98% / 3); position:relative; overflow:hidden; flex-wrap:wrap; padding:0; border:0px solid #eee;}
.video_list .row .item:nth-child(3n){margin:0 0 2% 0;}
.video_list .row .pics{height:80%; min-height:240px; width:100%; position:relative; border:1px solid #eee; background:#000; overflow:hidden; }
.video_list .row .item img{cursor:pointer; transition:all 0.2s; width:100%;}
.video_list .row .item:hover img {transform:scale(1.05); }
.video_list .row .item {display:block; min-height:2.5em; border:0px solid #eee;}
.video_list .row .item .event_title{color:#4a4a4a; font-size:18px; display:inline-block; padding:10px 0px 0px 0px; font-weight:500; cursor:pointer; transition: all 0.2s;}
.video_list .row .item .event_date{color:#4a4a4a; font-size:14px; display:inline-block; padding:5px 0px 0px 0px; font-weight:300; cursor:pointer; transition: all 0.2s;}
.video_list .row .item:hover .event_title{color:#006fb7;}
.video_list .row .item:hover .event_date{color:#006fb7;}
.video_play_btn{position: absolute; top:calc(50% - 2.5em); left:calc(50% - (54px / 2)); background:url(../images/video_play@2x.png)center center no-repeat; width: 54px; height: 38px; -webkit-background-size:cover ;
background-size:cover ; cursor:pointer;}

.video_main_wrap{width:100%; margin: 30px 0 30px 0;}
.video_main_wrap .video_main_play{position: relative; overflow:hidden;}
.video_main_wrap .video_main_play img{width: 100%;}
.video_main_wrap .video_main_text{width:100%;height:auto;   display:inline-block;}
.video_main_wrap .video_main_text .event_title{color:#fff; font-size:18px; display:inline-block; padding:10px 0px 0px 0px; font-weight:500;}
.video_main_wrap .video_main_text .event_date{color:#fff; font-size:14px; display:inline-block; padding:5px 0px 0px 0px; font-weight:300;}


.wd-md{width:80%; margin-left:10%;}
.wd-full{width:100%; margin-left:0%; }
h6 {color:#4a4a4a; font-weight:300; clear:both;}
h6 a{color:#006fb7; transition: all .2s; }
h6 a:hover{color:#0c5c90; text-decoration:none; }


/*現場直播--日期--*/
.date_labe{ display:inline-block; position:relative; width:100%; margin-top:10px; }
.date_labe span{display:block; float:left; line-height:1em; width:16.333%; padding:0.5em 0 0.5em 0; margin-right:0.4%; background-color: #9b9b9b; font-size:24px; text-align:center; color:#fff; transition: all 0.2s; cursor:pointer;}	
.date_labe span:last-child{margin-right:0;}
.date_labe span:hover {background-color:#006fb7;}
.date_labe span.dact{background-color:#006fb7;}

/*現場直播---列表*/
.liveshow_list{margin-top:10px; border:0px solid #eee; display:block;   width:100%;}
.liveshow_list .row .item {display:block; float:left; margin: 1% 6% 2% 0; width:calc(94% / 2); position:relative; overflow:hidden; flex-wrap:wrap; padding:0; border:0px solid #eee;}
.liveshow_list .row .item:nth-child(2n){margin:1% 0 2% 0;}
.liveshow_list .row .pics{height:80%; min-height:240px; width:100%; position:relative; border:1px solid #eee; background:#000; overflow:hidden; }
.liveshow_list .row .item img{cursor:pointer; transition:all 0.2s; width:100%;}
.liveshow_list .row .item:hover img {transform:scale(1.05); }
.liveshow_list .row .item a {display:block; min-height:2.5em; border:0px solid #eee;}
.liveshow_list .row .item a .event_title{color:#4a4a4a; font-size:18px; display:inline-block; padding:10px 0px 0px 0px; font-weight:500; cursor:pointer; transition: all 0.2s;}
.liveshow_list .row .item a .event_date{color:#4a4a4a; font-size:14px; display:inline-block; padding:5px 0px 0px 0px; font-weight:300; cursor:pointer; transition: all 0.2s;}
.liveshow_list .row .item:hover a .event_title{color:#006fb7;}
.liveshow_list .row .item:hover a .event_date{color:#006fb7;}

.news_article h2{display:block; margin-top:2%; font-size:24px; min-height:2.5em; width:100%; font-weight:300; color:#4a4a4a;}
.news_article .subtitle_wrap{width: 100%; margin-bottom:1.5em; color:#9b9b9b; border:0px solid #eee; float:both; height:25px;}
.news_article .subtitle_wrap .date{float:left;}
.news_article .subtitle_wrap .news_icons_wrap{float:right;}

.news_article .page_list_wrap{ display:inline-block;  border:0px solid #eee; height:2.8em; width:100%; position:relative; margin:0 auto; text-align:center; margin:20px 0 20px 0%; }
.news_article .page_list_wrap a{display:block; position:absolute;  padding:1px; font-size:13px; color:#4a4a4a; line-height:3em;  text-align:center; border:0px solid #eee; border-radius:0%; transition:all 0.2s; height:3em; width:9%;  }
.news_article .page_list_wrap .back_btn{display:block; position:absolute;  padding:0px; font-size:18px; color:#4a4a4a; line-height:3em;  text-align:center; border:0px solid #eee; border-radius:0%; transition:all 0.2s; height:3em; width:40%; left:30%; text-align:center;  }
.news_article .page_list_wrap a:hover {color:#006fb7;  text-decoration:none; transform:translate(2px,2px); background:transparent; }
.news_article .page_list_wrap a:first-child {background:url(../images/news/list_arrow_left@2x.png) 0 center no-repeat; background-size:20%; overflow:hidden;  cursor:pointer; transition:all 0.2s; width:10%; min-width:5em; text-indent:0; border:0px solid #eee; left:0; text-align:right; font-size:16px;}
.news_article .page_list_wrap a:last-child  {background:url(../images/news/list_arrow_right@2x.png) 100% center no-repeat; background-size:20%; overflow:hidden;  cursor:pointer; transition:all 0.2s; width:10%; min-width:5em; text-indent:0; border:0px solid #eee; right:0; top:0; text-align:left; font-size:16px;}


.news_article .pic{width:100%; margin-bottom:30px;}
.news_article .pic img{max-width:100%;height:auto;}
.news_article .text { font-size:14px; line-height:2em; text-align:justify;  margin-bottom:30px;}
.news_article .text a,.news_article .text a:hover { 
	color: #006fb7;
}
/*賽事直播--標籤日期--2021/03/19*/
.game_date_labe { display:inline-block; position:relative; width:100%; margin-top:10px; }
.game_date_labe ul{margin-top:1.5em; }
.game_date_labe ul li{ 
	position: relative; 
	display:block; 
	float:left; 
	line-height:1em;  
	padding:0.5em 0 0.5em 0; 
	margin-right:0.4%; 
	background-color: #e8e8e8; 
	font-size:20px; 
	text-align:center; 
	transition: all 0.2s; 
	cursor:pointer; 
	border-radius:5px; 
	border: solid 1px #9b9b9b; 
	color:#9b9b9b;
	/*width:16.333%;*/
	width:calc((100% - 1% - 55px)/6);
	margin:0 0.5% 25px 0.5%;
}	
.game_date_labe ul li:last-child{margin-right:0;}
.game_date_labe ul li:hover {background-color:#006fb7; color:#fff;  border-color:#006fb7;}
.game_date_labe ul li.selected{background-color:#006fb7; color:#fff; border-color:#006fb7;}
.game_date_labe ul li.selected .triangle{
position: absolute; bottom: -15px; left: calc(50% - 20px); width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 20px;
border-color: #006fb7 transparent transparent transparent; opacity:1; transition: all 0.2s;}


/*賽事直播--時間表標籤內容--2021/03/19*/
.game_tb_wrap .game_tb{ margin:0; padding:0.5em 0 0.5em 0; position: relative; float:left; width: 49%; }
.game_tb_wrap .game_tb:last-child{margin-left:2%;}
.game_tb_wrap .game_tb .time{display: inline-block; width: 30%; height: 100%; vertical-align: top; padding-bottom: 0.5em; color:#006fb7; font-size: 14px;}
.game_tb_wrap .game_tb .info{display: inline-block; width: 60%; height: 100%; vertical-align: top; padding-bottom: 0.5em;}
.hide{display:none;}


/*賽事直播---列表--2021/03/19*/
.gameshow_list {margin-top:10px; border:0px solid #eee; display:block; width:100%;}
.gameshow_list .row .item {display:block; float:left; margin: 1% 1% 2% 0; width:calc(97% / 4); position:relative; overflow:hidden; flex-wrap:wrap; padding:0; border:0px solid #eee;}
.gameshow_list .row .item:nth-child(4n){margin:1% 0 1% 0;}
.gameshow_list .row .pics{height:80%; min-height:240px; width:100%; position:relative; border:1px solid #eee; background:#000; overflow:hidden; }
.gameshow_list .row .item img{cursor:pointer; transition:all 0.2s; width:100%;}
.gameshow_list .row .item:hover img {transform:scale(1.05); }
.gameshow_list .row .item a {display:block; min-height:2.5em; border:0px solid #eee;}
.gameshow_list .row .item a .event_title{color:#4a4a4a; font-size:18px; display:inline-block; padding:10px 0px 0px 0px; font-weight:500; cursor:pointer; transition: all 0.2s;}
.gameshow_list .row .item a .event_date{color:#4a4a4a; font-size:14px; display:inline-block; padding:5px 0px 0px 0px; font-weight:300; cursor:pointer; transition: all 0.2s;}
.gameshow_list .row .item:hover a .event_title{color:#006fb7;}
.gameshow_list .row .item:hover a .event_date{color:#006fb7;}


/*筆電版本*/
@media(max-width: 1439px) {
	/*最新消息單元首頁*/
	.page_list_wrap{ display:inline-block;  border:0px solid #eee; height:2.8em; width:50%; position:relative; margin:0 auto; text-align:center; margin:20px 0 0 25%; }
	.news_article .page_list_wrap{ width:70%;  margin:20px 0 20px 15%; }
}


/*平板版本*/
@media (max-width: 990px ) {
/*影音媒體*/
.media_event_wrap .album_wrap .news_album_pic_warp{position:relative; height:auto;  width:100%; margin-right:1%; margin-top:10px; }
.media_event_wrap .album_wrap .news_album_pic_warp .item{margin-top:3%; padding:10px; border:0px solid #eee; width:49.5%; margin-right:1%; min-height:200px; float:left; cursor:pointer; }
.media_event_wrap .album_wrap .news_album_pic_warp .item:nth-child(2n){margin-right:0; }
.page_list_wrap{  width:80%; margin:0px 0 0 10%; }
.news_article .page_list_wrap{ width:80%;  margin:20px 0 20px 10%; }

/*精選集錦*/
#choice  .pic_txt_wrap{height:8vh;}
.lg_pic{ width:70%; position: relative; margin:10% auto 0 auto; display:flex; justify-content:center; align-items:center; border:0px solid #eee;  }

/*現場直播--日期--*/
.date_labe span{ font-size:20px;}


}


/*手機版本*/
@media (max-width: 767px ) {
/*影音媒體*/
.media_event_wrap{ margin:60px 0 0px 0; }
.media_event_wrap.sel{
	margin:30px 0 0px 0;
}
.media_event_wrap .submenu a{ font-size: 16px; margin:0 0.5em 0 0;}
.media_event_wrap .submenu a::after{content:"/"; margin:0 0 0 0.5em; color:#9b9b9b;}
.media_event_wrap .submenu a:first-child{ margin:0 0.5em 0 0; }
.media_event_wrap .album_wrap{ position: relative; width:100%; height:auto; margin-top:0px;}
.media_event_wrap .album_wrap .news_more_btn{display:block; margin:10% auto 30px 5%; position:relative;  text-align:center; height:2em;line-height:2em; padding:0 15px 0 15px; width:90%; background-color:#006fb7; color:#fff; text-decoration:none; transition:all 0.2s; display:block;}
.media_event_wrap .album_wrap .news_more_btn:hover{background-color:#0c5c90; box-shadow:0 2px 2px rgb(0,0,0,0.4);}
.media_event_wrap .album_wrap .page_list_wrap{display:block;}
.media_event_wrap .album_wrap .album_fun{position: relative; margin-bottom:0px; width:100%; height:0em; border:none; }
.media_event_wrap .album_wrap .album_fun .news_sec{ width:40%; margin:-10px 60% 10px 0;}
.media_event_wrap .album_wrap .album_fun input{width:60%; margin-bottom:20px;}
.media_event_wrap .album_wrap .album_fun .search_btn{width:38%;}
.media_event_wrap .album_wrap .news_album_pic_warp .item:nth-child(n){margin-right:0; }
.media_event_wrap .album_wrap .news_album_pic_warp .item:last-child{margin-right:0; margin-bottom:40px; }
.media_event_wrap .album_wrap .news_album_pic_warp .item{margin-top:2%; padding:0%; border:1px solid #eee; width:100%; background-color:#e8e8e8; margin-right:0%;  float:left; cursor:pointer; min-height:auto; position:relative;   }
.media_event_wrap .album_wrap .news_album_pic_warp .item .pic{position:relative; width:50%; overflow:hidden; float:left; margin-right:2.5%; }
.media_event_wrap .album_wrap .news_album_pic_warp .item .pic img{width:100%; position:relative; transition:all 0.2s;}
.media_event_wrap .album_wrap .news_album_pic_warp .item .news_title{ border:1px solid #eee; font-size:14px; font-weight:500; line-height:1.6em; margin:10px 0 0 10px; color:#4a4a4a; transition:all 0.2s; text-align:justify; min-height:auto; padding-right:2.5%; }
.media_event_wrap .album_wrap .news_album_pic_warp .item .date{font-size:14px; color:#9b9b9b; float:left; transition:all 0.2s; position: absolute;bottom:30%; left:52.5%;}
.media_event_wrap .album_wrap .news_album_pic_warp .item .more_btn {font-size:14px; color:#9b9b9b; float:right;  transition:all 0.2s; text-decoration: none; position: absolute;bottom:10%; left:52.5%; }

/*精選集錦*/
#choice .pic_txt_wrap{height:8.5vh;}
#choice .row .item{width:90%; position: relative; float:left; margin:1% 0 5% 5%; overflow:hidden;}


/*競賽公告---相簿*/
.media_pics_wrap{display:flex; width:100%; margin-top:20px; flex-wrap: wrap; border:0px solid #eee;  justify-content:center; align-items:center;}
.media_pics_wrap .media_pic{display:flex; flex:0 0 98%; margin: 0 2% 4% 2%;}
.media_pics_wrap .media_pic:nth-child(3n){margin: 0 2% 4% 2%;  flex:0 0 98%;}
.lg_pic{ width:100%; position: relative; margin:50% auto 0 auto; display:flex; justify-content:center; align-items:center; border:0px solid #eee;  }
.lg_pic_wrap .arrow_left{position: absolute; left:-10%; top:calc(50%-31px); height:31px; width:16px; background:url(../images/media_viedo/media_arrow_left.svg)no-repeat; cursor:pointer;}
.lg_pic_wrap .arrow_right{position: absolute; right:-10%; top:calc(50%-31px); height:31px; width:16px; background:url(../images/media_viedo/media_arrow_right.svg)no-repeat; cursor:pointer;}
.lg_pic_wrap .lg_close_btn{position: absolute; right:5%; top:-20%; height:30px; width:30px; background:url(../images/media_viedo/close_btn.svg)no-repeat; cursor:pointer; background-size:cover;}
.lg_pic_wrap .lg_close_btn:hover{transform:translate(1px,1px);}

/*精選影片---列表*/
.video_list .row .item {display:block; float:left; margin:0 0 35px 0; width:100%;}
.video_list .row .item:nth-child(3n){margin:0 0 2% 0;}


/*現場直播--日期--*/
.date_labe span{ font-size:18px;}

/*現場直播---列表*/	
.liveshow_list .row .item { margin: 3% 0 3% 0; width:99%;}

.news_article .subtitle_wrap{width:100%;}
.news_article .subtitle_wrap .date{float:left; width:100%; margin: 5px 0 15px 0;}
.news_article .subtitle_wrap .news_icons_wrap{float:left; margin: 5px 0 25px 0;}
.news_wrap .album_wrap .page_list_wrap{display:block;}
.news_article .page_list_wrap{ display:inline-block;  border:0px solid #eee; height:2.8em; width:50%; position:relative; margin:0 auto; text-align:center; margin:20px 0 20px 25%; }
.news_article .page_list_wrap{ width:90%;  margin:20px 0 20px 5%; }

.news_article .pic{width:100%; margin:10px 0 30px 0; clear:both;}
.news_article .pic img{max-width:100%;height:auto;}

.wd-md{width:100%; margin-left:0px;}



/*賽事直播--標籤日期--2021/03/19*/
.game_date_labe ul li{ width:calc((100% - 3% - 8px)/4); margin:0 0.5% 15px 0.5%; font-size: 14px;}
.game_date_labe ul li.selected .triangle{ border-width: 10px 10px 0 10px; left: calc(50% - 10px); bottom: -10px;}	

/*賽事直播--時間表標籤內容--2021/03/19*/
.game_tb_wrap .game_tb{ width: 98%; }
.game_tb_wrap .game_tb:last-child{margin-left:1%;}
.game_tb_wrap .game_tb .time{width: 20%; }
.game_tb_wrap .game_tb .info{width: 78%; font-size: 14px;}
.hide{display:none;}
.gameshow_list .row .item {margin: 1% 0% 2% 0%; width:100%; min-height: 90px;}
.gameshow_list .row .item img{width: 44%; display:inline-block; margin-right:1%; }
.gameshow_list .row .item a{width: 53%; display:inline-block; vertical-align:top; height:100%; position: relative; }
.gameshow_list .row .item a .event_title{text-align:justify; font-size:14px; padding-top:0px;}
.gameshow_list .row .item a .event_date{font-size:12px; }
}

}



/* Star*/
.star_event_wrap{ 
	border:0px;
	height:auto; 
	min-height: 400px;
	max-width:1140px; 
	padding:0; 
	margin:20px 0 40px 0; 
}
.star_event_wrap .line{background-color:#9b9b9b; height:1px; width:100%; margin:0px 0px 10px 0;}

.star_event_wrap .profile-list{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.star_event_wrap .profile-list a{
	position: absolute;
	top:0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
}
.star_event_wrap .profile-list .pic{
	transition: all 0.2s;
}
.star_event_wrap .profile-list:hover .pic:first-child{
	width:100%; 
	transform:scale(1.1,1.1);
}

.star_event_wrap .profile-list .kind{
	position: absolute;
	top:30px;
	left: 30px;
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.15px;
	color: #ffcf20;
	/*text-shadow:2px 2px 2px #666;*/
}

.star_event_wrap .profile-list .msg{
	position: absolute;
	bottom:0px;
	left: 0px;
	width: 100%;
	height:auto;
	padding: 25px;
	background-color: rgba(0, 0, 0, 0.5);
}

.star_event_wrap .profile-list .msg:after{
	position: absolute;
	bottom:0px;
	left: 0px;
	width: 100%;
	height:100%;
	background-color: rgba(0, 0, 0, 0.5);
}

.star_event_wrap .profile-list .msg .title{
	position: relative;
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.15px;
	color: #FFF;
}

.star_event_wrap .profile-list .msg .name{
	position: relative;
	font-size: 36px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.3px;
	color: #FFF;
}

.star_event_wrap .profile-list .msg .icon{
	position: absolute;
	bottom:35px;
	right: 25px;
	width: 50px;
	height:50px;
}


.star_event_wrap .profile{
	position: relative;
	width: 100%;
	height: auto;
	padding: 20px;
	background-color: #71afd7;
	margin-top: -10px;
}

.star_event_wrap .profile .name{
  position: relative;
  padding-left: 10%;
  font-size: 36px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.3px;
  color: #FFF;
}

.star_event_wrap .profile .title{
  position: relative;
  padding-left: 10%;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.15px;
  color: #FFF;
}
.star_event_wrap .profile .sport-box{
	position: relative;
	width: 100%;
	max-width: 50%;
	padding-left: 10%;
}
.star_event_wrap .profile .kind{
  position: relative;
  width: auto;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.15px;
  text-align: center;
  color: #FFF;
}

.star_event_wrap .profile .title-box{
	position: relative;
	width: 100%;
}
.star_event_wrap .profile .title-box:after{
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	border-left: solid 1px #e8e8e8;
	width: 100%;
	height: 100%;
}
.star_event_wrap .profile .title-box:before{
	content: '';
	position: absolute;
	right: 0px;
	top: 0px;
	border-right: solid 1px #e8e8e8;
	width: 100%;
	height: 100%;
}
.star_event_wrap .profile .icon{
	position: absolute;
	right: 10%;
	top: 50%;
	margin-top: -32px;
}

.star_event_wrap .profile-xs{
	position: relative;
	width: 100%;
	height: auto;
	padding: 15px;
	background-color: #71afd7;
	margin-top: -10px;
}

.star_event_wrap .profile-xs .name{
  position: relative;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.2px;
  color: #FFF;
}
.star_event_wrap .profile-xs .title{
  position: relative;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.12px;
  color: #FFF;
}
.star_event_wrap .profile-xs .kind{
  position: relative;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.12px;
  color: #FFF;
  text-align: center;
  margin-top: -5px;
}
.star_event_wrap .profile-xs .kind img{
  width: 35px;
  height: auto;
  margin-bottom: 5px;
}

.star_event_wrap .starmenu{
	position: relative;
	width: 100%;
	padding: 0px;
	margin: 0px;
	margin-top: 15px;
	clear: both;
	overflow: hidden;
}
.star_event_wrap .starmenu a{
	position: relative;
	display: inline-block;
	float: left;
	width: 50%;
	height: 33px;
	background-color: #9b9b9b;
	padding: 0px;
	margin: 0px;
	border: 0;
	font-size: 18px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 33px;
	letter-spacing: 0.3px;
	text-align: center;
	color: #FFF;
}

.star_event_wrap .starmenu a:last-child{
	border-left: solid 2px #FFF;
}
.star_event_wrap .starmenu a.nowpage{
	background-color: #006fb7;
}


.star-summery{
	position: relative;
	width: 100%;
	height: auto;
	padding: 15px 0px;
	overflow: hidden;
}

.star-summery img{
	max-width: 100%;
	height: auto;
}

.star-summery .star-awarded{
	display: none;
}

.star-summery .star-awarded .t1{
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.23px;
  color: #4a4a4a;
  border-bottom: solid 1px #9b9b9b;
  padding: 10px 0px;
}



.star_event_wrap .profile-list .title-places{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	padding: 15px;
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	text-shadow: rgb(82, 82, 82) 2px 2px 4px;
}
.star_event_wrap .profile-list .icon-places{
	position: absolute;
	bottom: 6px;
	right: 6px;
}
.star_event_wrap .profile-list .icon-places img{
	width: 100px;
	height: 100px;
}

.star_event_wrap .submenu{ position: relative; margin: 0 0 10px 0;  width: 100%; text-align:justify;  }
.star_event_wrap .submenu a{ color:#9b9b9b; word-spacing:10px; display: inline-block; margin:0 1em 0 0; text-decoration:none;   transition:all 0.2s; font-size: 18px;}
.star_event_wrap .submenu a::after{content:"/"; margin:0 0 0 1em; color:#9b9b9b;}
.star_event_wrap .submenu a:last-child:after{content:""; }
.star_event_wrap .submenu a:hover{ color:#006fb7;}
.star_event_wrap .submenu .act{color:#006fb7;}
.star_event_wrap .submenu a:first-child{ margin:0 1em 0 0; }





@media (max-width: 991.98px ) {
	.star_event_wrap .profile-list .msg .title{
		font-size: 16px;
		letter-spacing: 0.15px;
	}
	.star_event_wrap .title{
		font-size: 24px;
		letter-spacing: 0.3px;
	}
	.star_event_wrap .profile-list .msg .name{
		font-size: 24px;
		letter-spacing: 0.3px;
	}
	.star_event_wrap .profile-list .kind{
		position: absolute;
		top:15px;
		left: 25px;
		font-size: 16px;
	}

	.star_event_wrap .profile-list .title-places{
		font-size: 18px;
	}
	.star_event_wrap .profile-list .icon-places img{
		width: 64px;
		height: 64px;
	}
}

@media (max-width: 575.98px ) {
	.star_event_wrap{
		margin-top: 70px;
	}

}