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

/* Global, Layout, Header, Footer, Sugget */

/*------------------------------*\
			  Global
\*------------------------------*/

body{
    font-family:"微軟正黑體", "新細明體", sans-serif, Arial;
    line-height:1.3;
    color:#111;
    background-color:#f2f2f2;
    }
a:link,
a:visited,
a:active{
    color:#111;
}
img {
    width:100%;
}

/*------------------------------*\
			  Swiper
\*------------------------------*/
.swiper-container, .swiper-wrapper{ z-index:0; }
.swiper-slide a{
    overflow:hidden;
}
.swiper-slide{
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
}
.swiper-button-prev::before,
.swiper-button-next::before{
    display:block;
    width:100%;
    height:100%;
    text-shadow:1px 1px 6px #000;
    opacity: 0.8;
}

/*------------------------------*\
			  Layout
\*------------------------------*/
.content{
    width:100%;
    max-width:1260px;
    margin:15px auto 0px;
    overflow:hidden;
}
section.content940{
    float:left;
    width:100%;
    max-width:940px;
    letter-spacing:1px;
    margin:0 auto;
    overflow:hidden;
}
.whitecon{
    float:left;
    width:100%;
    background-color:#fff;
    box-shadow: 0px 1px 5px #eaeaea;
    margin-bottom:20px;
    overflow: hidden;
}
.hero_dark{
    width:100%;
    height: auto;
    background:#000;
}
.hero_light{
    width:100%;
    height: auto;
    background:#f2f2f2;
}

/*------------------------------*\
		      Header
\*------------------------------*/
/* LTN 漢堡隱藏 */
#sport_rwd .ltnheader .Hcon .nav_bar{
    display:none;
}
/* Sport 漢堡隱藏 */
#sport_rwd .sportHeader .nav_bar{
    display:none;
}

/* Sport Header */
.sportHeader{
    width:100%;
    height:60px;
    background-color:#000;
    position:sticky;
    position: -webkit-sticky;
    top:0;
    z-index:200;
}
.sportHeader .con{
    width:100%;
    max-width:1260px;
    height:60px;
    padding:0 0 0 5px;
    margin:0px auto;
    position: relative;
}
.sportHeader .sportLogo{
    float:left;
    display:inline-block;
    width:123px;
    padding:12px 0px 8px;
}
.sportHeader .sportLogo img{
    width:123px;
    height:auto;
}

/* Primary Menu */
.sportHeader .level1{
    float:left;
    display:flex;
    flex-wrap: nowrap;
    width:940px;
    height:60px;
    margin:0 0 0 3%;
}
.sportHeader .level1 > li{
    flex:1;
    height: 60px;
    line-height: 3.2;
    text-align: center;
    margin:auto;
    position: relative;
}
.sportHeader .level1 > li a.L1{
    font-size:17px;
    color:#fff;
}

/* Secondary Menu */
.sportHeader .level2{
    display:none;
    width:100%;
    background-color:rgba(0,0,0,0.8);
    position:absolute;
    z-index:10;
    top:60px;
}
.sportHeader .level2 > li{
    height: 40px;
    line-height: 2.5;
}
.sportHeader .level2 > li a{
    color:#fff;
}
.sportHeader .level1 li:hover .level2{
    display:block;
}

/* Menu Color */
/* 即時 */
.sportHeader .color01{
    border-bottom: 5px solid #E41D18;
}
.sportHeader .color01:hover a.L1{
    color:#E41D18;
}
/* 棒球 */
.sportHeader .color02{
    border-bottom: 5px solid #0079C3;
}
.sportHeader .color02:hover a.L1{
    color:#0079C3;
}
.sportHeader .color02 li:hover{
    background:#10396c;
}
/* 籃球 */
.sportHeader .color03{
    border-bottom: 5px solid #EE7941;
}
.sportHeader .color03:hover a.L1{
    color:#EE7941;
}
.sportHeader .color03 li:hover{
    background:#c03f02;
}
/* 競技 */
.sportHeader .color04{
    border-bottom: 5px solid #E7E400;
}
.sportHeader .color04:hover a.L1{
    color:#E7E400;
}
.sportHeader .color04 li:hover{
    background:#959300;
}
/* 網球 */
.sportHeader .color05{
    border-bottom: 5px solid #00A3BA;
}
.sportHeader .color05:hover a.L1{
    color:#00A3BA;
}
/* 足球 */
.sportHeader .color06{
    border-bottom: 5px solid #71BA30;
}
.sportHeader .color06:hover a.L1{
    color:#71BA30;
}
/* 休閒 */
.sportHeader .color07{
    border-bottom: 5px solid #F9BC10;
}
.sportHeader .color07:hover a.L1{
    color:#F9BC10;
}
.sportHeader .color07 li:hover{
    background:#c18f01;
}
/* 電競 */
.sportHeader .color08{
    border-bottom: 5px solid #595BA0;
}
.sportHeader .color08:hover a.L1{
    color:#595BA0;
}
/* 實況 */
.sportHeader .color09{
    border-bottom: 5px solid #E31A44;
}
.sportHeader .color09:hover a.L1{
    color:#E31A44;
}
/* 影音 */
.sportHeader .color10{
    border-bottom: 5px solid #00A2E8;
}
.sportHeader .color10:hover a.L1{
    color:#00A2E8;
}
/* 專訪 */
.sportHeader .color11{
    border-bottom: 5px solid #EC8AB2;
}
.sportHeader .color11:hover a.L1{
    color:#EC8AB2;
}
/* 看報紙 */
.sportHeader .color12{
    border-bottom: 5px solid #FF7F50;
}
.sportHeader .color12:hover a.L1{
    color:#FF7F50;
}

/* Icon */
.sportHeader .con a.fb_icon{
    float:right;
    display:block;
    width:40px;
    height:60px;
    background:url(https://cache.ltn.com.tw/images/w_fb.svg) no-repeat center;
    background-size:14px;
    cursor:pointer;
    margin:0;
}
.sportHeader .con a.yt_icon{
    float:right;
    display:block;
    width:40px;
    height:60px;
    background:url(https://cache.ltn.com.tw/images/w_yt.svg) no-repeat center;
    background-size:23px;
    cursor:pointer;
    margin:0;
}

/* 搜尋共用 (使用點擊 ) */
.sportHeader .con a.Hsearch{
    float:right;
    display:block;
    width:40px;
    height:60px;
    background:url(https://cache.ltn.com.tw/images/w_search.svg) no-repeat center;
    background-size:23px;
    cursor:pointer;
    margin:0;
}
/* 搜尋 input */
::-webkit-input-placeholder{
    color:#252525;
    letter-spacing:0.5px;
}
:-moz-placeholder{
    color:#252525;
    letter-spacing:0.5px;
}
::-moz-placeholder{
    color:#252525;
    letter-spacing:0.5px;
}
:-ms-input-placeholder{
    color:#252525;
    letter-spacing:0.5px;
}
/* 搜尋 close */
.channel_search_close{
    width:97%;
    height:45px;
    background:url(https://cache.ltn.com.tw/images/bt-closew.png) no-repeat center right;
    background-size:21px;
    cursor:pointer;
}
/* 搜尋遮罩 */
.mask_search{
    display:none;
    width:500px;
    height:120px;
    position:absolute;
    top:75px;
    right:0px;
}
.mask{
    width:500px;
    height:120px;
    background:rgba(0,0,0,0.8);
    position:absolute;
    top:0px;
    right:0px;
}
/* 搜尋框箭頭 */
.mask:before{
    content:"";
    display:block;
    width:0;
    height:0;
    border-style:solid;
    border-color:transparent transparent rgba(0,0,0,0.8);
    border-width:0px 8px 10px;
    position:absolute;
    top:-9px;
    right:3%;
}
.mask_content{
    width:100%;
    position:relative;
}
/* 搜尋內容 */
.mask_search form.form-search{
    text-align:center;
    padding:0px;
    margin:0 auto;
}
.mask_search form input[type="text"]{
    width:70%;
    height:2rem;
    font-size:16px;
    padding:0 0 0 5px;
    border:none;
}
.mask_search form button{
    font-size:16px;
    letter-spacing:1px;
    color:#fff;
    padding:5px 12px;
    background-color:#008CC6;
    border:none;
    border-radius:3px;
    margin:10px 0px 10px 10px;
    cursor: pointer;
}

/*------------------------------*\
			  Footer
\*------------------------------*/
.sportFooter {
    clear:both;
    width:100%;
    text-align:center;
}
.sportFooter .footer_box{
    width:70%;
    height: 60px;
    max-width:740px;
    margin: 0 auto;
}
.sportFooter .footer_box ul{
    display: flex;
    width:30.7692%;
    line-height: 60px;
    margin:auto;
    float: left;
    overflow: hidden;
}
.sportFooter .footer_box ul:first-of-type{
    width:38.4615%;
}
.sportFooter .footer_box ul li{
    flex:1;
}
.sportFooter .footer_box ul li a{
    font-size:18px;
    font-weight: 100;
    color:#fefefe;
}
.sportFooter .footer_box ul li a:hover{
    color:#00b0ec;
}

.sportFooter .hero_light{
    padding:15px 0px;
}
.sportFooter .hero_light a {
    display:inline-block;
    margin:0px auto 5px;
}
.sportFooter .hero_light img {
    width:110px;
}
.sportFooter .hero_light p,
.sportFooter .hero_light p span {
    font-size:13px;
    letter-spacing:1px;
    line-height:1.5;
}

/* /* /* RWD */
@media screen and (max-width:1000px) {
    .sportFooter .footer_box{
        width:90%;
    }
}
@media screen and (max-width:800px) {
    .sportFooter .footer_box{
        width:300px;
        height: 120px;
        padding:15px 0px;
    }
    .sportFooter .footer_box ul{
        width:100%!important;
        line-height: 30px;
    }
}

/*------------------------------*\
		  	  Others
\*------------------------------*/
/*----- 比賽得分板 -----*/
.scorebox{ width:100%; height:119px;
	background:#f2f2f2;
	border-bottom:3px solid #000;
    width:100%;
	height:119px;
	overflow: hidden;
}
.score_wrapper{
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
	position: relative;
}
/* TAB */
.score_menu{
	width:50px;
	float:left;
}
.score_menu li{
    width:100%;
	display:block;
	font-size:13px;
	line-height:23px;
	text-align:center;
	color:#fff;
	background:#717171;
    border-top:1px solid #f2f2f2;
	cursor:pointer;
}
.score_menu li.on,
.score_menu li:hover{
	background:#222;
}
/* 比分表框架 */
.score_list{
	margin-left:67px;
	overflow: scroll;
	white-space:nowrap;
}
.score_list > li > ul{
	overflow:auto;
}
.score_list > li > ul > li{
	padding:5px 10px;
	border-right:1px solid #cacaca;
	display:inline-block;
	position:relative;
}
/* 日期 */
.s_time,
.s_time span{
	font-size:12px;
	line-height:1.1;
}
/* 1v1 比賽結果 */
.score_list .times a{
	display:inline-block;
    width:auto;
	min-width:64px;
	font-size:12px;
	line-height:1.5;
	text-align:center;
	background:#fff;
	border:1px solid #a0a0a0;
	padding:0px 3px;
    margin-top:4px;
}
.score_list .times a:hover{
	border:1px solid #00b0ec;
}
.s_01{
	border-bottom:1px solid #a0a0a0;
}
.score_list .times a ul{
	height:34px;
    padding-top:3.5px;
	position:relative;
}
.score_list .times a ul li{
    width:100%;
    font-size:12px;
	color:#000;
	padding-left:26px;
}
.score_list .times a ul li.img{
    width:24px;
	height:24px;
	padding:0px;
	position:absolute;
    top:3px;
    left:1px;
}
.score_list .times a ul li.img img{
    width:100%;
    max-width:24px;
    height:100%;
	max-height:24px;
}
.score_list .times a ul li span{
	display:block;
	height:14px;
	font-size:15px;
	line-height:0.9;
	font-weight:normal;
    margin-bottom:-1px;
    overflow: hidden;
}
.score_list span.win{
	color:#0079C3;
}
.vs /* 不知來源 */{
	font-size:0.8rem;
	font-weight:bold;
	color:#000;
	background:#fff;
	padding-right:7px;
	position:absolute;
	top:40px;
	left:4px;
}
/* 左右箭頭 */
.left_btn,
.right_btn{
	width:17px;
	height:119px;
	cursor:pointer;
	position:absolute;
	top:0px;
}
.left_btn{
	background:url(../../images/rwd/left_btn.png) no-repeat 4px center #fff;
	left:50px;
	border-right:1px solid #eee;
}
.right_btn{
	background:url(../../images/rwd/right_btn.png) no-repeat 5px center #fff;
	right:0px;
	border-left:1px solid #eee;
}
.left_btn:hover,
.right_btn:hover{
	background-color:#ddd;
}


/*----- Top -----*/
.top { clear:both; display:none; width:45px; height:45px; border-radius:100%; clear:both; position:fixed; bottom:120px; right:30px; z-index:50; box-shadow:0 0 6px 1px rgba(0,0,0,0.2); }
.top a { display:block; line-height:0;
    width:45px;
    height:45px;
    border-radius:100%;
    cursor:pointer;
    box-shadow:0 0 6px 1px rgba(0,0,0,0.2);
    position:absolute; top:0;
    background-color:#004796;
}
.top a:before{
    content: "︿";
    display: inline-block;
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    position: absolute;
    top: 7px;
    left: 10px;
}
.top a:after{
    content: "TOP";
    color: #fff;
    font-size:15px;
    font-family: "Heiti TC", "微軟正黑體";
    font-weight: 800;
    letter-spacing: 1px;
    position: absolute;
    bottom:18px;
    left:7px;
}
.top a:hover, .top a:active { background-color:#2d77ca; }

/*----- 麵包屑 -----*/
.breadcrumbs {
    clear:both;
    width:100%;
    height:30px;
    font-weight:bold;
    margin:0px;
    overflow:hidden;
}
.breadcrumbs a {
    color:#222;
    font-size:16px;
}
.breadcrumbs a:hover {
    color:#008CC6;
}
.breadcrumbs span{
    display: inline-block;
    margin:0px 0px 0px 5px;
}

/*----- 廣告共用移至 reset -----*/
/* 兩塊300*370廣告並排 */
.suggestWrapper-1-2{
    width: 100%;
    max-width: 640px;
    margin: 20px auto 0px;
    overflow: hidden;
}
.suggest-1-2{
    float: left;
    width: auto;
    margin:0px 10px;
}


/*----- 區塊標題 -----*/
.caption{
    width:100%;
    height: 30px;
    font-size:20px;
    font-weight:bold;
    line-height:1.25;
    letter-spacing: 0.5px;
    color:#fff;
    background: url(../../images/rwd/title_bg.png) no-repeat right top;
    background-size: auto 30px;
    background-color:#00b0ec;
    padding:2px 0px 2px 8px;
    overflow: hidden;
}

/*Clear: Bootstrap*/
.module_title {
    font-size:initial;
    margin-top:0;
    font-family:'Noto Sans TC', "微軟正黑體";

}
.module_title a:focus,
.module_title a:hover{
    color:#111;
    text-decoration:none;
}

/* 區塊標題 */
.module_title {
    display: block;
    height: 30px;
    line-height: 1.5;
    border-bottom: 1px solid #bbb;
    padding-right:15px;
    position: relative;
}
.module_title::before{
    content:"";
    width:20px;
    height: 30px;
    background:#63b3ee;
    position: absolute;
    top:0px;
    left:0px;
}
.module_title a {
    display: inline-block;
    font-size: 19px;
    font-weight: 500;
    margin-left: 25px;
}
.module_title a.more_arrow {
    display: inline-block;
    font-size: 14px;
    color: #63b3ee;
    float: right;
    padding-top: 4px;
}
.module_title a.more_arrow::before {
    content: '︾';
    transform: rotate(-90deg);
    font-size: 13px;
    font-family: arial;
    font-weight: bold;
    line-height: 10px;
    margin: 5px 0 0 2px;
    float: right;
}


/* Ajax Loading */
.waitAjax{
    text-align: center;
    display: none;
}
.waitAjax img {
    width: auto;
    margin: 15px 0;
}
.listEnd{
    text-align: center;
    display: none;
}

/*------------------------------*\
             圖片管理
\*------------------------------*/
.img_preview {
    background:#111;
}
.image img{
    width:100%;
    height: auto;
}
/* 縮圖水平垂直置中 */
.img_position{
    position: relative;
}
.img_position img{
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}
/* 標題後加影音小圖 */
span.video{
    display:inline-block!important;
    width:20px!important;
    height:16px!important;
    padding:0!important;
    background:url(../../images/rwd/video.svg) no-repeat!important;
    background-size:17px!important;
    position: initial!important;
}

/*------------------------------*\
			   RWD
\*------------------------------*/

/* Desktop */
@media screen and (max-width:1300px) and (min-width:1140px) {
    /*.content{
        margin:15px auto 10px;
    }*/
	section.content940 {
        width:calc(100% - 300px - 15px);
        max-width:100%;
    }
}

@media screen and (max-width:1260px) and (min-width:1140px) {
    .sportHeader .level1{
        width:860px;
        margin-left:1%;
    }
    .sportHeader .con a.Hsearch,
    .sportHeader .con a.yt_icon,
    .sportHeader .con a.fb_icon{
        width:36px;
    }
/* Keywords Search */
    .mask_search,
    .mask {
        right:0;
    }
    .mask:before {
        right:2%;
    }
}

@media screen and (max-width:1270px){
    .content,
    .sportHeader .con{
        padding:0 1%;
    }
}

@media screen and (max-width:1140px) {
/* 隱藏PC選單，M版漢堡選單出現  */
    #sport_rwd .sportHeader .nav_bar {
        display:inline-block;
        float:right;
        width:42px;
        height:60px;
        background:url(https://cache.ltn.com.tw/images/w_menu.svg) no-repeat center;
        background-size:25px;
        vertical-align:middle;
        -webkit-tap-highlight-color:rgba(0,0,0,0);
        cursor:pointer;
        position:static;
    }
    .sportHeader .con ul.level1 {
        display:none;
    }
}

/* Pad */
@media screen and (max-width:1139px) {
	section.content940 {
        float:none;
    }
/* Keywords Search */
    .mask_search,
    .mask {
        right:0.5%;
    }
    .mask:before {
        right:11%;
    }
}

@media screen and (max-width:960px) {
	.content{
        padding:0 2%;
        margin:10px auto 0px;
    }
}

/* Mobile */
@media screen and (max-width:800px) {
    .scorebox{
        display: none;
    }
	.content {
        width:100%;
        padding:0 1%;
    }
}

@media screen and (max-width:700px) {
/* Suggest */
    /* 廣告切換電腦版手機版 */
    .suggest_pc {
        display: none;
    }
    .suggest_m {
        display: block;
    }
    
    div.suggestBottom /*下推*/{
        margin-bottom:12px;
    }
    div.suggestTop /*上推*/{
        margin-top:12px;
    }
    div.suggestTopBorder /*上推加框線*/{
        border-top:1px solid #ddd;
        padding-top:12px;
    }
    div.suggestBottomBorder /*下推加框線*/{
        border-bottom:1px solid #ddd;
        padding-bottom:12px;
        margin-bottom:12px;
    }
}

@media screen and (max-width:600px) {
    .sportHeader .con a.yt_icon,
    .sportHeader .con a.fb_icon{
        display: none;
    }
    .breadcrumbs{
        margin-left:10px;
    }
/* 去底 */
    .content,
    section.content940{
        width:100%;
        padding:0;
        /*margin:0;*/
    }
/* Keywords Search */
    .mask:before{
        display:none;
    }
    .mask_search{
        width:100%;
        height:100vh;
        position: fixed;
        top:0px;
        left:0px;
        z-index:200;
    }
    .mask{
        width:100%;
        height:100vh;
        top:0px;
        left:0px;
    }
    .mask_content{
        width:100%;
        max-width:600px;
        min-width:300px;
        margin:10px auto 0px;
        position:relative;
    }
    .mask_search form input[type="text"]{
        width:65%;
        height:2rem;
        font-size:16px;
        line-height:2.5rem;
        color:#fff;
        border:none;
        background-color:transparent;
        border-bottom:1px solid #fff;
        padding:0 0 0 5px;
        margin:auto;
    }
    /* 搜尋 input */
    ::-webkit-input-placeholder {
        color:#fff;
        letter-spacing:0.5px;
    }
    :-moz-placeholder {
        color:#fff;
        letter-spacing:0.5px;
    }
    ::-moz-placeholder {
        color:#fff;
        letter-spacing:0.5px;
    }
    :-ms-input-placeholder {
        color:#fff;
        letter-spacing:0.5px;
    }
}

@media screen and (max-width:380px) {
/* Keywords Search */
    .mask_content{
        padding:0px 15px;
    }
    .mask_search form input[type="text"]{
        width:100%;
    }
    .mask_search form button{
        margin:30px 0px 0px;
    }
}


/*------------------------------*\
			 分類 Bar
\*------------------------------*/
.link_bar{
    width:100%;
    height: 40px;
    background:#dcdcdc;
    margin-bottom:20px;
    padding-left:1%;
    padding-right:1%;
}
.link_bar .swiper-slide {
    width: 60px;
    text-align: center;
}
.link_bar .swiper-slide.flexLong {
    width: 100px;
}
.link_bar .swiper-slide a{
    font-family: 'Noto Sans TC', "微軟正黑體";
    font-size: 16px;
    font-weight:400;
    color:#555;
}
.link_bar .swiper-slide a.active{
    /* 當前頁面文字變色 */
    color:#298ddd;
}

/* 手機裝置才顯示 */
@media screen and (min-width:911px) {
    .link_bar{
        display: none;
    }
}