OK
http://www.ustv.com.tw/UstvMedia/
Websites
Runtime: 5.8s
On April 27, 2025, 01:21 AM UTC, http://www.ustv.com.tw/UstvMedia/ was accessible when tested on AS18182 in Taiwan.
Failures
HTTP Experiment
null
DNS Experiment
null
Control
null
DNS Queries
Resolver:
168.95.43.167
Query:
IN A www.ustv.com.tw
Engine:
system
Name
Class
TTL
Type
DATA
@
IN
A
34.111.98.22
TCP Connections
Connection to 34.111.98.22:80 succeeded.
HTTP Requests
URL
GET https://news.ustv.com.tw
Response Headers
Access-Control-Allow-Headers:Origin, Content-Type, x-csrf-token, X-Auth-Token, Authorization, Accept,charset,boundary,Content-LengthAlt-Svc:h3=":443"; ma=2592000,h3-29=":443"; ma=2592000Cache-Control:no-cache, privateContent-Type:text/html; charset=UTF-8Date:Sun, 27 Apr 2025 01:21:45 GMTServer:Apache/2.4.58 (Ubuntu)Set-Cookie:XSRF-TOKEN=eyJpdiI6InpIUjBMQjBwdzNmQk9tNklVR09SZFE9PSIsInZhbHVlIjoiUW9MT09Zcmlub01oQktNdjhhRndSWUtxMjREMGFLK3BZQUJ5TUo4ZXp0VTNudWdKWkgvN0FtSk8vOVJTOWVtczVyNmRjVFo0NHZhTnZJd05iZHdYWFNkY0E4LzB4Y2NzUTAvczY5cTJJZElIR0FiaHNCM2xzcUFJVUVNRWt0cnoiLCJtYWMiOiJiNjBhOGI1ZWE5ZTk2ZjRjZGNmMzc3MzUyZmI2OGViY2E5NzRhZGI5Yzg3NWFlMjBiZTQzN2MyMTQ2ZmI4YWVmIiwidGFnIjoiIn0%3D; expires=Sun, 27 Apr 2025 03:21:45 GMT; Max-Age=7200; path=/; domain=.ustv.com.twVary:Accept-Encoding,User-AgentVia:1.1 googleX-Content-Type-Options:nosniffX-Frame-Options:SAMEORIGINX-Ratelimit-Limit:30X-Ratelimit-Remaining:28X-Xss-Protection:1; mode=block
Response Body
<!doctype html>
<html lang="zh-TW">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, viewport-fit=cover, user-scalable=no">
<title>非凡新聞台</title>
<meta itemprop="name" content="非凡新聞台">
<meta name="description" content="由非凡電視台製播的非凡新聞台，是全國第一個專業財經新聞頻道，全天候提供最新財經資訊，國際商情，專業的新聞團隊，堅強的主播陣容，多元的國際視野。"/>
<meta itemprop="description" content="由非凡電視台製播的非凡新聞台，是全國第一個專業財經新聞頻道，全天候提供最新財經資訊，國際商情，專業的新聞團隊，堅強的主播陣容，多元的國際視野。">
<meta property="og:title" content="非凡新聞台"/>
<meta property="og:description" content="由非凡電視台製播的非凡新聞台，是全國第一個專業財經新聞頻道，全天候提供最新財經資訊，國際商情，專業的新聞團隊，堅強的主播陣容，多元的國際視野。"/>
<meta property="og:type" content="WEB"/>
<meta property="og:image" content="https://cdn.ustv.com.tw/img/core-img/ustv_news_logo_3x2.jpg"/>
<meta property="og:image:type" content="image/jpg">
<!--<meta property="og:image:width" content="200">
<meta property="og:image:height" content="200">-->
<meta property="og:url" content="https://news.ustv.com.tw"/>
<meta property="fb:app_id" content="778390509674835"/>
<!-- CSRF Token -->
<meta name="csrf-token" content="6lPS1v1Oh9NDHBha9FPUIrmheVdUbVxILQJcqOrY">
<meta http-equiv="Cache-control" content="max-age=3600, must-revalidate">
<meta property="fb:pages" content="100639426653043" />
<meta property="fb:app_id" content="778390509674835" />
<META HTTP-EQUIV="EXPIRES" CONTENT="3600">
<meta name="source" content="非凡新聞" />
<meta itemprop="name" content="非凡新聞">
<meta name="author" content="非凡新聞" />
<meta name="copyright" content="非凡新聞" />
<meta name="application-name" content="非凡新聞" />
<!--<meta name="description" content="由非凡電視台製播的非凡新聞台，是全國第一個專業財經新聞頻道，全天候提供最新財經資訊，國際商情，專業的新聞團隊，堅強的主播陣容，多元的國際視野。"> -->
<!-- preconnect -->
<link rel="preconnect" href="https://cdn.ustv.com.tw">
<link rel="preconnect" href="https://securepubads.g.doubleclick.net/">
<link rel="preconnect" href="https://cdnjs.cloudflare.com/">
<link rel="preconnect" href="https://cdn.jsdelivr.net/">
<link rel="preconnect" href="https://unpkg.com/">
<link rel="preconnect" href="https://www.youtube.com/">
<!--<link rel="shortcut icon" href="https://cdn.ustv.com.tw/img/favicon.ico">-->
<!--<link rel="icon" type="image/png" sizes="32x32" href="https://cdn.ustv.com.tw/img/favicon-32x32.png">-->
<link rel="icon" type="image/svg+xml" href="https://cdn.ustv.com.tw/img/favicon.svg">
<!--<link rel="icon" type="image/png" sizes="16x16" href="https://cdn.ustv.com.tw/img/favicon-16x16.png">-->
<link rel="icon" type="image/png" sizes="96x96" href="https://cdn.ustv.com.tw/img/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="300x300" href="https://cdn.ustv.com.tw/img//favicon-300x300.png">
<link rel="stylesheet" href="https://cdn.ustv.com.tw/product_asset/css/app.css?id=b0999c2ab4d057352bac3512bd536583">
<link rel="stylesheet" href="https://cdn.ustv.com.tw/css/swiper-bundle.min.css" >
<link rel="stylesheet" href="https://cdn.ustv.com.tw/css/classy-nav.css" >
<link rel="stylesheet" href="https://cdn.ustv.com.tw/css/owl.carousel.css" >
<link rel="stylesheet" href="https://cdn.ustv.com.tw/css/animate.css">
<link rel="stylesheet" href="https://cdn.ustv.com.tw/css/jquery.bxslider.min.css" >
<link rel="stylesheet" href="https://cdn.ustv.com.tw/css/tiny-slider.css" >
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.css" >
<style>
.app_outbox{
padding:0.45rem 0 !important;
}
@media screen and (max-width: 992px){
.app_outbox{
}
}
@media screen and (max-width: 767px){
.app_outbox{
padding: 0.45rem 5px !important;
}
}
@media screen and (max-width: 576px){
.app_outbox{
padding: 0 10px !important;
}
}
.sticky-col{}
#top_nav{margin-top:1px;}
</style>
<style type="text/css">
/*
* nav/top_nav
*/
#top_nav .container
{
padding-top:0;
padding-bottom:0;
width:100%;
min-height: 35px;
z-index: 500;
font-size: 0.875rem;
}
#top_nav a
{
color:#fff;
margin-right: 1em;
outline:none;
}
#header-logo{padding: 8px 0 8px 0; }
#header-logo-img{
margin-left: 10px !important;
}
.mobile_header_box{
position: relative;
width: 100%;
display: none;
}
#navbarSupportedContent ul .text-white:hover>a{
color: #d1d1d1;
}
@media only screen and (max-width: 992px) {
#top_nav{
padding: 0px 0 0 0 !important;
z-index: 1001;
width: 100%;
}
#top_nav a{
margin-right: 0.5em;
}
#top_nav .container{
min-height: 40px;
background-color: #fff !important;
}
#header-logo-img{
display: inline-block !important;
}
.classy-navbar-toggler .navbarToggler span{
background-color: #303030 !important;
}
#top-search-wrapper #top-search {
color: #303030 !important;
border-color: #303030 !important;
}
#top-search-wrapper:after{
background-color: #303030 !important;
}
.mobile_header_box{
display: block;
}
#navbarSupportedContent{
background-color: #343a40 !important;
width: 100%;
}
#navbarSupportedContent ul{
overflow-x: auto;
padding-left: 10px;
flex-direction:row;
}
#navbarSupportedContent ul .text-white{
line-height: 2rem;
white-space: nowrap;
}
#navbarSupportedContent ul .text-white .nav_line{
color: rgba(255,255,255,0.1);
}
}
</style>
<style>
@media (max-width: 992px) {
.header-area{
/*height: 53px !important;*/
}
}
</style>
<style type="text/css">
/*
* header/logo_area
*/
.logo-area .container{padding:5px 0 0 0;}
.logo-area #main-logo a{
display: table;
border-right: 1px solid #aaa !important;
}
.logo-area #main-logo img{
max-width: 211px;
width: 100%;
margin: 0 20px 0 0 !important;
/*gif logo none*/
aspect-ratio: 97/30;
}
.logo-area #main-other {
}
.logo-area .logo-area_wrap{
border-left: 1px solid #c0c0c0;
font-size: 14px;
padding: 0 20px;
}
.logo-area #logo-area_keyword{
font-size: 14px;
color:#d0000d;
white-space: nowrap;
overflow: hidden;
margin-top: 10px;
}
.logo-area #logo-area_keyword .logo-area_keyword-title{
border:1px solid #e60412; border-radius: 3px; font-size:10px; padding:0 2px;
}
.logo-area #logo-area_keyword a{
color:#d0000d;
}
.logo-area #logo-area_newstopic{
line-height:1;
margin-top:7px;
}
.logo-area #logo-area_newstopic div{
background-color: #5a5a5a;
color: #fff;
border-radius: 3px;
line-height: 25px;
white-space: nowrap;
}
.logo-area #logo-area_newstopic div select{
background-color: #5a5a5a;
color: #fff;
border: 0;
}
.logo-area #logo-area_date {
max-width: 166px;
position: relative;
right: 18px;
}
.logo-area #logo-area_date div{
color:#303030;
white-space: nowrap;
position: relative;
top: 2px;
letter-spacing: 2.3px;
}
.logo-area #other-link {
width: 100%;
overflow-x: auto;touch-action: pan-x;
padding-right: 25px !important;
}
.logo-area #other-link::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.logo-area #other-link {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.logo-area #other-link a{
font-size: 14px;
font-weight: bold;
white-space: nowrap;
}
.logo-area #other-link a:hover {color:#e60412;}
.logo-area #other-link [class^="icon-"]{
font-size: 18px;
position: relative;
top: 3px;
}
.logo-area #ustvlive svg {
vertical-align: -6px;
}
.logo-area svg{
position: relative;
bottom: 1px;
}
.logo-area #ustvmag:hover > svg path{
fill: #0D3C8C !important;
}
.logo-area #ustvfront:hover > svg path{
fill:#00a8ef!important;
}
.logo-area #ustvfront:hover{
color:#00a8ef!important;
}
.logo-area #ustvlive:hover > svg path{
fill: red !important;
}
.logo-area #ustvfood:hover > svg path{
fill: #7E1FFF !important;
}
.logo-area #ustv100:hover > svg path{
fill: #AE0002 !important;
}
.logo-area #ustv8:hover > svg path{
fill: #E29E29 !important;
}
.logo-area #ustvmorning:hover > svg path{
fill: #FF8200 !important;
}
.logo-area #ustvmorning:hover > svg circle{
fill: #FF8200 !important;
}
.logo-area #ustvhealth:hover > svg path{
fill: #93C82A !important;
}
.logo-area #ustvhealth:hover > svg rect{
fill: #93C82A !important;
}
.logo-area #ustvhealth:hover > .health-text{
color: white;
background: #387D2B;
padding:0 3px;
border-radius: 3px 50px 50px 3px ;
line-height: 1;
}
.logo-area #social-area{
height: 23px;
/* font-size: 25px; */
/* margin-left: -5px; */
padding-left: 18px;
margin-top: 8px;
margin-bottom: 0px;
}
.logo-area #social-area a:hover{
}
.logo-area #social-area .flex-fill {
display: flex;
max-width: 33px;
justify-content: center;
align-items: center;
position: relative;
bottom: 0.5px;
}
.logo-area #social-area .flex-fill svg{
fill: currentColor;
color: #303030;
border-radius: 5px;
display: flex;
bottom: 0;
}
.logo-area #social-area .flex-fill .icon-youtube svg:hover{
fill: #D9000D;
}
.logo-area #social-area .flex-fill .icon-facebook svg:hover{
fill: #4267B2;
}
.logo-area #social-area .flex-fill .icon-ig svg:hover{
fill: #F54F52;
}
.logo-area #social-area .flex-fill .icon-line svg:hover{
fill: #00C300;
}
.logo-area #social-area .flex-fill .icon-telegram svg:hover{
fill: #149BD0;
}
.logo-area #social-area .flex-fill .icon-telegram svg:hover{
fill: #149BD0;
}
.logo-area #social-area .flex-fill .icon-podcast svg:hover > #podcast_bg{
fill: #9933CC;
}
#main-other #main-other-1{
border-bottom: 1px solid #aaa;
}
.logo-area #logo-area_newstopic_select{display: inline-block; width: 100%;}
#top-stock-frame{
width: 100%;
max-width:835px;
height:30px;
margin-top:8px;
padding-right:5px;
}
@media only screen and (max-width: 1300px) {
#logo-area_keyword{
font-size: 13px;
}
.logo-area_wrap{
font-size: 13px;
padding: 0 10px;
}
#logo-area_newstopic {
max-width: 207px;
overflow: hidden;
}
#logo-area_date {
max-width: 146px;
display:none !important;
}
.logo-area #other-link a{
font-size: 13px;
}
#top-stock-frame{
width: 100%;
max-width:710px;
height:25px;
}
}
@media only screen and (max-width: 992px) {
#top-stock-frame{
display:none;
}
}
@media (min-width: 767px){
#main-logo a{
border:0px;
}
#main-other{padding: 0 !important;}
}
@media (max-width: 767px){
.logo-area #main-other{padding: 0 !important;}
.logo-area #main-other #main-other-1{
padding-right: 0 !important;
/*margin-right: 10px !important;*/
}
.logo-area #main-other #main-other-2{
margin-right: 10px !important;
}
}
@media only screen and (max-width: 767px) {
.logo-area #main-logo{
display: none;
}
}
</style>
<style>
.breakpoint-on .classy-menu {
background-color: #ffffff;
position: absolute;
top: auto;
left: -100%;
z-index: 1000;
width: 100%;
height: auto;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
padding: 0;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
display: block;
overflow-x: hidden;
overflow-y: auto; }
.breakpoint-on .classy-menu.menu-on { left: 0; }
.classynav ul li .megamenu li {overflow-x:hidden; width: 100%;}
.breakpoint-on .classynav ul li .megamenu li a{overflow: unset;}
#sitemap{
padding-left: 15px;
}
#mobile_close_btn{
position: fixed;
right: 20px;
top: 5px;
BORDER-RADIUS: 20PX;
line-height: 10px;
padding: 0;
font-size: px;
color: white;
background: rgba(0,0,0,0.5);
outline: none;
height: 35px;
width: 35px;
border: none;
z-index: 9999;
display:none;
}
#sitemap.megamenu-item{font-size:15px; color: #fff;}
#sitemap.megamenu .single-mega .title{padding: 0; position: relative; border-bottom: 2px solid #ffe300;}
#sitemap.megamenu .single-mega .title ul{ width: 84%;}
#sitemap.megamenu .single-mega .title a{ color: #ffe300;width: 100%;}
#sitemap.megamenu .single-mega .title:hover {
background-color: transparent;
}
#sitemap.megamenu .single-mega .title a:hover {
color: white !important;background: black!important;
}
#sitemap.megamenu .single-mega .sub_title a{font-size:15px; padding: 0 !important; border-bottom: 1px solid #ffffffaa; }
#sitemap.megamenu .single-mega li a{padding: 0;}
#sitemap.megamenu .single-mega.megamenu-news{width: 50%; display: inline-block; float: left; padding: 15px;}
#sitemap.megamenu .single-mega .megamenu-news-news{flex:0 0 20%; max-width: 20%; padding: 0 10px 0 0; }
#sitemap.megamenu .single-mega .megamenu-news-program{flex:0 0 80%; max-width: 80%; padding: 0 0 0 10px;}
#sitemap.megamenu .single-mega.megamenu-business{width:17%;display: inline-block; float: left; padding: 15px 15px 0 0px; }
#sitemap.megamenu .single-mega.megamenu-mag{width:262px;display: inline-block; float: left; padding: 15px 15px 0 0px; }
#sitemap.megamenu .single-mega.megamenu-mag .megamenu-title{flex: 0 0 59%; max-width: 59%; padding:0; margin:0; background-color: transparent !important;}
#sitemap.megamenu .single-mega.megamenu-mag .megamenu-title:hover a{color: white; background: black;}
#sitemap.megamenu .single-mega.megamenu-mag .megamenu-order{flex: 0 0 30%; max-width: 30%; padding:0; margin:0; background: none!important;}
#sitemap.megamenu .single-mega.megamenu-mag .megamenu-order a span:hover > { background: black; color: white;}
#sitemap.megamenu .single-mega.megamenu-mag .megamenu-order a span{font-size: 12px; color: #fff; border:1px solid #fff; padding:0 4px;}
#sitemap.megamenu .single-mega.magamenu-showtimetable{width: 100px; display: inline-block; float: left; padding: 15px 15px 0 0px;}
#sitemap.megamenu .single-mega.magamenu-showtimetable li{flex-flow: column;}
#sitemap.megamenu .single-mega.magamenu-live{ width: auto;display:inline-block;float: left;padding: 15px 0 0 0px;}
#sitemap.megamenu .single-mega.magamenu-live li{flex-flow: column;}
#sitemap.megamenu .menu_collapse_btn{display: none;}
#news_mega,#biz_mega,#mag_mega{
transition: max-height 0.3s ease-in;
max-height: 800px;
overflow: hidden;
}
@media only screen and (max-width: 1300px) {
#sitemap.megamenu .single-mega.megamenu-news{width: 49%;}
#sitemap.megamenu .single-mega.megamenu-business{width:24%;}
#sitemap.megamenu .single-mega.magamenu-showtimetable{width: 246px;}
#sitemap.megamenu .single-mega.magamenu-showtimetable div{display: flex;}
#sitemap.megamenu .single-mega.magamenu-live{width: 246px; padding: 15px 0 0 0px;}
#sitemap.megamenu .single-mega.magamenu-live div{display: flex;}
}
@media (max-width: 992px) {
#sitemap{
padding-left: 0px;
}
#topmega{
padding-left: 0px;
}
#sitemap.megamenu .single-mega.megamenu-news{width: 100%;}
#sitemap.megamenu .single-mega.megamenu-business{width:35%; padding: 15px 15px 0 15px;}
#sitemap.megamenu .single-mega.megamenu-mag{width:35%; padding: 15px 15px 0 15px;}
#sitemap.megamenu .single-mega.megamenu-mag .megamenu-title{flex: 0 0 45%; max-width: 45%; padding:0; margin:0;}
#sitemap.megamenu .single-mega.magamenu-showtimetable{width: 208px;}
#sitemap.megamenu .single-mega.magamenu-live{width: 208px;}
}
@media (max-width: 767px) {
#topmega{
padding-left: 0px;
}
#news_mega,#biz_mega,#mag_mega{
max-height:inherit;
}
#sitemap.megamenu .menu_collapse_btn{
background: none;
color: #ffe300;
border: none;
outline: none;
position: absolute;
right: 0;
top: 0;
display: inline-block;
}
#all-link-menu .menu-body{
overflow-y:scroll;
height:100vh;
}
#sitemap{
padding-top:20px;
}
.hide_mega{
transition: max-height 0.3s ease-out;
max-height: 0 !important;
}
.breakpoint-on .classy-menu {
position: fixed;
top:0;
}
#sitemap {padding-bottom: 150px;min-height: 100vh;}
#sitemap .row {padding: 0 !important;margin-right:0 !important;margin-left:0 !important;margin-bottom: 20px !important;}
#sitemap.megamenu .single-mega .sub_title{text-align: center; background:#575757; }
#sitemap.megamenu .single-mega .megamenu-news-news{flex:0 0 100%; max-width: 100%; padding: 0 0px; margin-bottom: 0px;}
#sitemap.megamenu .single-mega.megamenu-business{width:100%;padding: 15px 15px 15px 15px; border-bottom: none;}
#sitemap.megamenu .single-mega.megamenu-business .col-16{padding: 0;}
#sitemap.megamenu .single-mega.megamenu-business .megamenu-business-program{margin-bottom: 0px;}
#sitemap.megamenu .single-mega .megamenu-news-program{flex:0 0 100%; max-width: 100%; padding: 0 0px;}
#sitemap.megamenu .single-mega .megamenu-news-program li{ max-width: 51%; flex: 0 0 50%;}
#sitemap.megamenu .single-mega.megamenu-mag{width:100%; padding: 15px 15px 15px 15px; border-bottom: none;}
#sitemap.megamenu .single-mega.megamenu-mag .megamenu-title{display: inline-block;flex: none;max-width: none;width: auto;border:none; }
#sitemap.megamenu .single-mega.megamenu-mag .megamenu-order{display: inline-block;flex:none;max-width:none;width: auto; margin-left: 10px;border:none; }
#sitemap.megamenu .single-mega.megamenu-mag .megamenu-order a span{font-size: 15px; color:#c0c0c0; border:1px solid #c0c0c0;padding:2px 4px; }
#sitemap.megamenu .single-mega.megamenu-mag .col{padding: 0;}
#sitemap.megamenu .single-mega.megamenu-mag .col li{padding: 0 10px;}
#sitemap.megamenu .single-mega.magamenu-showtimetable{width: 100%; padding: 15px 15px 0px 15px ;}
#sitemap.megamenu .single-mega.magamenu-showtimetable div li{text-align: left !important;}
#sitemap.megamenu .single-mega.magamenu-live{width: 100%; padding: 15px 15px 0px 15px ;}
#sitemap.megamenu .single-mega.magamenu-live div li{text-align: left !important;}
#sitemap.megamenu .single-mega li a{font-size: 18px;margin: 0;white-space: normal;letter-spacing: normal;line-height: 1.3;padding: 10px 0;}
#sitemap.megamenu .single-mega li small img{min-width: 35px !important;}
#sitemap.megamenu .single-mega .sub_title a{font-size: 19px;color:#c0c0c0;padding:7px 0 !important;}
#sitemap ul li{ border-bottom: 1px solid #ffffff44; }
}
@media only screen and (max-width: 475px) {
.breakpoint-on .classynav ul li .megamenu li a{margin: 10px 0;}
}
#sitemap.megamenu .single-mega .title a{ width:auto;}
}
</style>
<style type="text/css">
#ad_970x250_300x250pay.box{display:flex; margin-top:0px; margin-bottom: 0px; align-items: center; justify-content: center;}
.ad-right{margin-top:7px; margin-left:20px;width:300px; height:250px; }
@media only screen and (max-width: 1300px) {
.box{margin:0;margin: 0 auto;}
.ad-left{margin-top:0;}
.ad-right{display: none;}
}
@media only screen and (max-width: 991px) {
.box{margin-bottom:0;}
}
</style>
<style type="text/css">
#div-ad-970x250 div{width:970px; height: 250px;}
@media only screen and (max-width: 1300px) {
#div-ad-970x250 div{width:970px; height: 250px;}
}
@media only screen and (max-width: 992px) {
#div-ad-970x250 div{width:728px; height: 90px;}
}
@media only screen and (max-width: 767px) {
#div-ad-970x250 div{width:468px; height: 60px;}
}
@media only screen and (max-width: 576px) {
#div-ad-970x250 div{width:320px; height: 100px;}
}
</style>
<style>
@media screen and (max-width: 992px){
.right-fix{
display:flex;
flex-wrap: wrap;
}
}
</style>
<style>
#news_on_top .owl-carousel .owl-dots
{
position: relative;
bottom: 20px;
margin-top: -10px;
}
#news_on_top .owl-carousel .owl-dot
{
margin: 0 5px;
}
#news_on_top .nav .nav-link
{
font-size:18px;
color: #5a5a5a;
}
#news_on_top .nav .nav-link.active
{
border-top: 3px solid #d9000d;
color: #d9000d;
margin-bottom: -1px;
}
#news_on_top .tab-content
{
font-size:14px;
border: 1px solid #adb5bd;
}
#news_on_top .tab-content ul
{
padding-left: 13px;
margin-bottom: 0px;
height:328px;
overflow-y: auto;
border-bottom: 1px solid #c0c0c0;
}
#news_on_top .tab-content ul li
{
list-style-type: none;
line-height:1.3;
padding: 6px 0 ;
margin-right: 10px;
overflow: visible;
white-space: normal;
text-overflow: unset;
border-bottom: 1px solid #c0c0c0;
font-size:1rem;
display:flex;
}
#news_on_top .tab-content ul li a
{
overflow : hidden;
text-overflow : ellipsis;
display:-moz-box;
-moz-box-orient: vertical ;
-moz-line-clamp:2;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -o-box;
-o-box-orient: vertical;
-o-line-clamp: 2;
display: box;
box-orient: vertical;
line-clamp: 2;
}
#news_on_top #new-tabs-news .type_time_box{
width: 100%;
max-width: 40px;
}
#news_on_top #new-tabs-news .type_time_box a{
font-size: 0.8rem;
background: rgba(0, 0, 0, 0.6);
padding: 0px 2px;
color: white;
display: inline-block;
margin-bottom: -3.5px;
margin-top: 0px;
}
#news_on_top #new-tabs-news .type_time_box span{
font-size: 0.8rem;
display: inline-block;
letter-spacing: 0px;
color:#5a5a5a;
}
#news_on_top .tab-content ul li .sort-number-out
{
min-height: 41.6px;
display: flex;
margin-right: 10px;
justify-content: center;
align-items: center;
}
#news_on_top .tab-content ul li .sort-number
{
color: #fff;
font-family: sans-serif;
width: 28px;
height: 28px;
border-radius: 1px;
background-color: #a60700;
display: inline-block;
text-align: center;
padding: 1px 5px 0 5px;
margin-right: 2px;
vertical-align: middle;
font-size: 14px;
line-height: 28px;
}
#news_on_top .tab-content ul li .sort-number2
{
background-color: #5a5a5a;
}
#news_on_top .tab-content .more{text-align: right; border:0; line-height: 1.15em;padding: 8px 0;margin-right: 10px;}
#news_on_top .tab-content a{ color:#303030;}
#news_on_top #companynews-tabs-info li{
flex-direction: column;
}
#news_on_top .tab-content .company_tabs_time_box{
font-size: 14px;
margin-bottom: 5px;
color: #303030;
display: inline-block;
}
#news_on_top .tab-content .company_tabs_time_box span{
vertical-align: middle;
}
#news_on_top .tab-content .company_tabs_time_box a {
font-size: 14px;
font-weight: 500;
color: #a60700;
display: inline-block;
vertical-align: middle;
}
#news_on_top .tab-content .company_tabs_title{
font-size: 16px;
font-weight: 500;
color: #303030;
display: block;
overflow: hidden;
text-overflow: ellipsis;
display:-moz-box;
-moz-box-orient: vertical ;
-moz-line-clamp:2;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -o-box;
-o-box-orient: vertical;
-o-line-clamp: 2;
display: box;
box-orient: vertical;
line-clamp: 2;
}
#news_on_top .hero-slides .owl-item{display:inline-block;}
#news_on_top .hero-slides .slide-content{
margin:0; padding:10px 0 0 0;
}
#news_on_top .hero-slides .single-hero-slide a
{
word-break: keep-all;
}
#news_on_top .hero-slides .single-hero-slide .slide-content h2{margin:0; color:#fff !important; line-height: 1.2;}
.stock_market_slide iframe{
width: 100%;
height: 32px;
border-left: 4px solid red;
}
#top-stock-frame-mob {
display:none;
}
@media (max-width: 1300px) {
#news_on_top .nav .nav-link
{
padding:0 0.3em;
}
#news_on_top .nav .nav-link span
{
font-size:13px;
}
#news_on_top .tab-content ul li .sort-number {
margin-right: 5px;
}
#news_on_top .hero-slides .single-hero-slide a{
word-break: normal;
}
#news_on_top .tab-content ul{
height:208px;
}
#news_on_top .tab-content ul li
{
padding: 5px 0 ;
}
.stock_market_slide iframe{
width: 100%;
height: 26px;
padding: 2px 5px 0 5px;
background: rgba(229, 231, 235, 1);
}
}
@media (max-width: 992px) {
#top-stock-frame-mob{
display: block;
border-left: 4px solid red;
padding: 5px 5px 0 5px;
height: 32px;
background: rgba(229, 231, 235, 1);
}
#top-stock-frame-mob iframe{
width: 100%;
height:27px;
border-bottom:1px solid gray;
}
}
@media (min-width: 767px) and (max-width: 1300px) {
}
@media (max-width: 576px) {
#news_on_top .tab-content
{
font-size:18px;
}
#news_on_top .hero-slides .single-hero-slide{
height: 280px !important;
}
#news_on_top .tab-content ul{
height:313px;
}
}
@media (max-width: 475px) {
#news_on_top .nav .nav-link
{
font-size:22px;
}
#news_on_top .hero-slides .single-hero-slide{
height: 240px !important;
}
#news_on_top .tab-content ul{
height:315px;
}
#news_on_top .hero-slides .single-hero-slide a{
word-break: normal;
}
}
</style>
<style>
.newslist_slide .swiper-container {
height: 397px !important;
}
@media screen and (max-width: 1300px){
.newslist_slide .swiper-container {
height: 273px !important;
}
}
</style>
<style>
.newslist_slide{
margin:0 0 10px 0;
}
.newslist_slide .swiper-container {
position: relative;
overflow:hidden;
height: 357px ;
}
.newslist_slide .swiper-wrapper {
-webkit-transform-style: preserve-3d;
}
.newslist_slide .swiper-slide {
background:black;
text-align: center;
font-size: 18px;
background: #fff;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: flex-start;
position: relative;
}
.newslist_slide .swiper-slide a{
width: 100%;
height: auto;
display:block;
overflow:hidden;
}
.newslist_slide .swiper-slide a img{
width: 100%;
aspect-ratio:16/9;
}
.newslist_slide .inner-title{
background:linear-gradient(to top, rgba(0,0,0,1) 40%,rgba(0,0,0,0.8) 60%,transparent);
position: absolute;
bottom: 0;
text-align:center;
width: 100%;
padding:30px 20px 18px 20px;
word-break: keep-all;
}
.newslist_slide .inner-title span{
text-align:center;
font-size:28px;
font-weight: 500;
line-height: 1.2;
color:white;
padding:0px;
overflow : hidden;
text-overflow : ellipsis;
display:-moz-box;
-moz-box-orient: vertical ;
-moz-line-clamp:2;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -o-box;
-o-box-orient: vertical;
-o-line-clamp: 2;
display: box;
box-orient: vertical;
line-clamp: 2;
}
.newslist_slide .swiper-pagination{
bottom:5px !important;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
padding: 0 5px;
}
.newslist_slide .swiper-pagination-bullet {
width: 100%;
max-width:35px;
height: 5px;
border-radius:0px;
opacity: 1;
background: white;
}
.newslist_slide .swiper-pagination-bullet-active {
background: linear-gradient(to right,#d9000d 0% 50%, white 50% 100%);
background-size: 200% 200%;
-webkit-animation: slide_load 8s ease ;
-moz-animation: slide_load 8s ease ;
animation: slide_load 8s ease ;
}
@-webkit-keyframes slide_load {
0%{background-position:90% 90%}
100%{background-position:0% 0%}
}
@-moz-keyframes slide_load {
0%{background-position:90% 90%}
100%{background-position:0% 0%}
}
@keyframes slide_load {
0%{background-position:90% 90%}
100%{background-position:0% 0%}
}
.newslist_slide .swiper-button-prev{
left:0;
justify-content: flex-start;
}
.newslist_slide .swiper-button-next{
right:0;
justify-content: flex-end;
}
.newslist_slide .swiper-button-next,.newslist_slide .swiper-button-prev{
top:0px;
height:90%;
/*width: 150px;*/
outline: none;
margin-top:0 !important;
}
.newslist_slide .swiper-button-next:after, .newslist_slide .swiper-button-prev:after {
background:rgba(0,0,0,0.7);
border:10px solid rgba(0,0,0,0);
}
.swiper-button-white{
color:white !important;
}
@media screen and (max-width: 1300px){
.newslist_slide .swiper-container {
height: 232px ;
}
.newslist_slide .swiper-button-next,.newslist_slide .swiper-button-prev{
/*width: 50px;*/
}
.newslist_slide .inner-title span{
font-size:25px;
}
}
@media screen and (max-width: 992px){
.newslist_slide .inner-title span{
font-size:23px;
}
}
@media screen and (max-width: 767px){
.newslist_slide .swiper-container {
height: auto ;
}
.newslist_slide .swiper-button-next,.newslist_slide .swiper-button-prev{
background:none;
width: auto;
}
.newslist_slide .inner-title span{
font-size:20px;
}
.newslist_slide .swiper-button-prev{
padding-left:0px;
}
.newslist_slide .swiper-button-next{
padding-right:0px;
}
}
@media screen and (max-width: 576px){
.newslist_slide .swiper-container {
height: 280px !important;
}
.newslist_slide .swiper-slide a{
word-break: normal;
}
}
@media screen and (max-width: 475px){
.newslist_slide .swiper-container {
height: 240px !important;
}
}
</style>
<style>
.news-home-hot {
margin-bottom:15px;
}
.news-home-hot-inner{
display:flex;
justify-content: space-between;
}
.news-home-hot-col1,.news-home-hot-col2{
width: 49%;
}
.news-home-hot .news-home-hot-top {
border-bottom: 1px solid #303030;
margin-bottom: 10px;
position: relative;
}
.news-home-hot .news-home-hot-top .title-name {
font-size: 20px;
font-weight: bold;
color: #000;
background-color: #fff;
padding: 0px;
border-bottom: 3px solid #e60412;
margin-bottom: -2px;
display:inline-block;
}
.news-home-hot .sort-number {
color: #fff;
font-family: sans-serif;
width: 28px;
height: 28px;
border-radius: 1px;
background-color: #a60700;
display: inline-block;
text-align: center;
padding: 1px 5px 0 5px;
margin-right: 2px;
vertical-align: middle;
font-size: 14px;
line-height:28px;
margin-right:10px;
}
.news-home-hot .sort-number2 {
background-color: #5a5a5a;
}
.news-home-hot-inner .home_hot_row{
display: flex;
border-bottom: 0.5px solid #c0c0c0;
margin-bottom: 6px;
padding-bottom: 6px;
align-items: center;
}
.news-home-hot-inner .home_hot_row .media{
width: 100%;
}
.news-home-hot-inner .home_hot_row .media_time{
bottom:-2px;
}
.news-home-hot-inner .home_hot_row img{
max-width: 35%;
width:100%;
aspect-ratio:16/9;
}
.news-home-hot-inner .home_hot_row .subject{
font-weight: 600;
white-space: initial;
overflow : hidden;
text-overflow : ellipsis;
display:-moz-box;
-moz-box-orient: vertical ;
-moz-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -o-box;
-o-box-orient: vertical;
-o-line-clamp: 2;
display: box;
box-orient: vertical;
line-clamp: 2;
min-height:54px;
}
.news-home-hot-inner .home_hot_row .share-block{
min-height:25px;
}
.news-home-hot-inner .home_hot_row .media_type{
display: inline-block;
position: absolute;
bottom: -3px;
right: 0;
font-size: 12px;
background: gray;
color: white;
padding: 1px 5px;
z-index: 2;
}
@media only screen and (max-width: 1300px) {
.news-home-hot-inner .home_hot_row .subject {
font-size: 16px;
line-height: 1.2;
min-height:38.4px;
}
.news-home-hot-inner .home_hot_row .media_time{
bottom:2px;
}
.news-home-hot-inner .home_hot_row .share-button{
right: -5px;
}
.news-home-hot-inner .home_hot_row img {
max-width: 41%;
}
}
@media only screen and (max-width: 767px) {
.news-home-hot-inner {
justify-content: flex-start;
flex-direction: column;
}
.news-home-hot-col1, .news-home-hot-col2 {
width: 100%;
}
.news-home-hot-inner .home_hot_row .subject {
font-size: 16px;
line-height: 1.5;
font-weight: 500;
min-height:inherit;
}
.news-home-hot-inner .home_hot_row .media_time{
display: block;
position: inherit;
margin-left:1px;
}
.news-home-hot-inner .home_hot_row .share-button{
display:none;
}
.news-home-hot-inner .home_hot_row img {
display:none;
}
.news-home-hot-inner .home_hot_row .media{
min-height:inherit;
}
.news-home-hot-inner .home_hot_row .share-block{
display:none;
}
}
</style>
<style>
.sp-list-mobile {
/*border-bottom: 1px solid #303030;*/
margin-bottom:25px;
display:none;
}
.sp-list-mobile ul{
list-style: none;
}
.sp-list-mobile .sp-list-mobile-top {
border-bottom: 1px solid #303030;
}
.sp-list-mobile .sp-list-mobile-top .title-name {
font-size: 20px;
font-weight: bold;
color: #000;
background-color: #fff;
padding: 0px;
border-bottom: 3px solid #e60412;
margin-bottom: -2px;
display:inline-block;
}
.sp-list-mobile ul li{
padding:7.5px 0;
border-bottom: solid 0.5px #979797;
}
.sp-list-mobile ul li a{
font-size:16px;
line-height:23.5px;
width: calc(100% - 30px);
display:inline-block;
vertical-align: middle;
font-weight: 500;
}
.sp-list-mobile ul li a:hover{
color: #ff5050;
}
.sp-list-mobile ul li .list_type {
color: #ff5050;
font-family: sans-serif;
font-size: 16px;
display: inline-block;
text-align: center;
vertical-align: middle;
width: 20px;
height: 20px;
text-align: center;
/* padding: 1px 5px 0 5px; */
margin-right: 2px;
line-height: 20px;
}
.sp-list-mobile ul li .list_type2 {
background-color: #5a5a5a;
}
@media (max-width: 992px) {
.sp-list-mobile{
display:block;
}
}
</style>
<style type="text/css">
/*
* youtube/tv_program_assign4
*/
#tv_program_assign4 .owl-carousel .owl-dots{
position: relative;
bottom: 20px;
margin-top: -10px;
}
#tv_program_assign4 .owl-carousel .owl-dot{
margin: 0 5px;
}
.hero-slides .owl-nav .owl-prev, .hero-slides .owl-nav .owl-next {
background-color: transparent;
font-size: 60px;
}
#tv_program_assign4 .hero-slides .slide-content{
margin:0; padding:10px 20px 25px 20px; background-color: #000;
}
#tv_program_assign4 .hero-slides .slide-content a{color:#fff; font-size: 18px;}
#tv_program_assign4 .card-body .card-body-other .media{
margin-bottom: 7px;
padding-bottom: 7px;
}
#tv_program_assign4 .card-body .card-body-other .media_time{
bottom: 4px;
}
#tv_program_assign4 .card-body .card-body-other .media{
border-bottom: 0.5px solid #c0c0c0;
}
@media only screen and (min-width: 1300px) {
#tv_program_assign4 .card-body .card-body-other .media{
margin-bottom: 15px;
padding-bottom: 7px;
}
}
#tv_program_assign4 .module_title {
font-weight: 500;
}
#tv_program_assign4 .module_title_small{
font-size:12px;
color:red;
}
#tv_program_assign4 .card {
}
#tv_program_assign4 .card-title {
margin: 10px 0 10px 0;
line-height: 1em;
border-bottom: 1px solid #adb5bd;
}
#tv_program_assign4 .card-title-name{
padding-left: 10px;
border-left: 1.5px solid #000;
line-height: 1em;
font-size: 20px;
}
#tv_program_assign4 .card-body .card-body-main .subject{
font-weight: bold;
}
#tv_program_assign4 .card-body .card-body-other .media{
margin-left: 20px;
}
#tv_program_assign4 .card-body .card-body-other .main_pic{
height:80px;
aspect-ratio:16/9;
}
#tv_program_assign4 .card-body .card-body-other .subject{
font-weight: 500;
font-size: 1rem;
margin-top: -5px !important;
}
#tv_program_assign4 .single-hero-slide {
height: 293px;
}
@media only screen and (min-width: 992px) and (max-width: 1300px) {
#tv_program_assign4 .single-hero-slide {height: 254px; }
#tv_program_assign4 .card-body .card-body-other .main_pic{
height:75px;
}
#tv_program_assign4 .card-body .card-body-other .subject{
font-size: 1rem;
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
#tv_program_assign4 .card-body .card-body-other .description{
display: none !important;
}
}
@media only screen and (min-width: 767px) and (max-width: 992px) {
#tv_program_assign4 .single-hero-slide {height: 222px; }
#tv_program_assign4 .card-body .card-body-other .main_pic{ height: 64px; }
#tv_program_assign4 .card-body .card-body-other .subject{font-size: 1rem;
-webkit-line-clamp: 2;}
#tv_program_assign4 .card-body .card-body-other .media{
padding-bottom: 0px;
}
#tv_program_assign4 .card-body .card-body-other .media_time{
bottom: 0;
}
}
@media only screen and (max-width: 767px) {
#tv_program_assign4 .hero-slides .slide-content a{color:#fff; font-size: 20px;}
#tv_program_assign4 .single-hero-slide {height: 303px; }
#tv_program_assign4 .card-body .card-body-other .main_pic{
max-width: 211px;
height: auto;
}
#tv_program_assign4 .card-body .card-body-other{
padding: 0 !important;
padding-top: 0 !important;
margin:0;
}
#tv_program_assign4 .card-body .card-body-other .media{
padding-left: 0 !important;
margin-left: 0;
}
#tv_program_assign4 .card-body .card-body-other .subject{
font-size: 1rem;
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
#tv_program_assign4 .card-body .card-body-other .description{
font-size: 1rem;
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
}
@media only screen and (max-width: 576px) {
#tv_program_assign4 .single-hero-slide {height: 250px; }
#tv_program_assign4 .card-body .card-body-other .main_pic{
height: auto;
}
#tv_program_assign4 .card-body .card-body-other .media{
margin-left: 0;
}
#tv_program_assign4 .card-body .card-body-other .subject{
font-size: 1rem;
}
#tv_program_assign4 .card-body .card-body-other .description{
display: none;
}
}
@media only screen and (max-width: 475px) {
#tv_program_assign4 .single-hero-slide {height: 206px; }
#tv_program_assign4 .card-body .card-body-other .main_pic{
margin-right: 10px !important;max-width: 148px;
}
#tv_program_assign4 .card-body .card-body-other .subject {
font-size: 1rem;
overflow : hidden;
text-overflow : ellipsis;
display:-moz-box;
-moz-box-orient: vertical ;
-moz-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -o-box;
-o-box-orient: vertical;
-o-line-clamp: 2;
display: box;
box-orient: vertical;
line-clamp: 2;
}
#tv_program_assign4 .module_title_small{
display:none;
}
#tv_program_assign4 #Tab-tabs-youtube{
position: relative;
bottom: -1px;
}
#tv_program_assign4 #Tab-tabs-youtube li a{
padding: 10px 70px 5px 70px;
}
}
</style>
<style>
.tv_program_assign_playlistonly_slide{
margin:0 0 10px 0;
/*height: 322px;*/
}
.tv_program_assign_playlistonly_slide .swiper-container {
padding: 0px 0 0px 0;
position: relative;
overflow:hidden;
}
.tv_program_assign_playlistonly_slide .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
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;
transition: 300ms;
transform: scale(0.85);
position: relative;
}
.tv_program_assign_playlistonly_slide .swiper-slide a{
width: 100%;
}
.tv_program_assign_playlistonly_slide .img_box{
position: relative;
}
.tv_program_assign_playlistonly_slide .swiper-slide a .main_pic{
width: 100%;
aspect-ratio:16/9;
}
.tv_program_assign_playlistonly_slide .swiper-slide-active,.tv_program_assign_playlistonly_slide .swiper-slide-duplicate-active{
transform: scale(1.1);
}
.tv_program_assign_playlistonly_slide .inner-title{
text-align:left;
/* background:linear-gradient(to top, rgba(0,0,0,0.9) 40%, transparent);*/
width: 100%;
padding:5px 0px 10px 2px;
transition: 300ms;
}
.tv_program_assign_playlistonly_slide .inner-title span{
text-align:left;
font-size:16px;
letter-spacing: 1px;
color:black;
padding:0px;
overflow : hidden;
text-overflow : ellipsis;
display:-moz-box;
-moz-box-orient: vertical ;
-moz-line-clamp:2;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -o-box;
-o-box-orient: vertical;
-o-line-clamp: 2;
display: box;
box-orient: vertical;
line-clamp: 2;
}
.tv_program_assign_playlistonly_slide .swiper-pagination-bullet-active {
background: #d9000d;
}
.tv_program_assign_playlistonly_slide .swiper-slide-active .inner-title,.tv_program_assign_playlistonly_slide .swiper-slide-duplicate-active .inner-title{
opacity: 1;
}
.tv_program_assign_playlistonly_slide .swiper-button-prev{
left:-50px;
justify-content: flex-start;
/*padding-left:10px;*/
/*background:linear-gradient(to right, rgba(255,255,255,1) 10%, rgba(255,255,255,0.8) 30%, rgba(255,255,255,0.5) 70%, transparent);*/
}
.tv_program_assign_playlistonly_slide .swiper-button-next{
right:-50px;
justify-content: flex-end;
/*padding-right:10px;*/
/*background:linear-gradient(to left, rgba(255,255,255,1) 10%, rgba(255,255,255,0.8) 30%, rgba(255,255,255,0.5) 70%, transparent);*/
}
.tv_program_assign_playlistonly_slide .swiper-button-next,.tv_program_assign_playlistonly_slide .swiper-button-prev{
width: 30px;
height: 100px;
font-size: 30px;
text-align: center;
outline: none;
transform: translateY(-50%);
border-radius: 5px;
background: rgba(128,128,126,0.8);
box-shadow: 0px 0px 10px black;
color: #cacaca !important;
justify-content: center;
transition:0.5s;
}
.tv_program_assign_playlistonly_slide:hover .swiper-container .swiper-button-next{
right:0px;
}
.tv_program_assign_playlistonly_slide:hover > .swiper-container .swiper-button-prev{
left:0px;
}
.tv_program_assign_playlistonly_slide .swiper-button-next:after, .tv_program_assign_playlistonly_slide .swiper-button-prev:after {
/*background:#828282;
border:10px solid #828282;*/
content: none !important;
}
.swiper-button-white{
color:white !important;
}
@media screen and (max-width: 1300px){
.tv_program_assign_playlistonly_slide .swiper-button-next,.tv_program_assign_playlistonly_slide .swiper-button-prev{
/* width: 50px;*/
}
.tv_program_assign_playlistonly_slide .inner-title span{
/*font-size:20px;*/
}
.tv_program_assign_playlistonly_slide{
/*height: 232px;*/
}
}
@media screen and (max-width: 1200px){
.tv_program_assign_playlistonly_slide{
/*height: 290px;*/
}
}
@media screen and (max-width: 992px){
.tv_program_assign_playlistonly_slide{
/*height: 323px;*/
}
}
@media screen and (max-width: 767px){
.tv_program_assign_playlistonly_slide .inner-title span{
/*font-size:18px;*/
}
.tv_program_assign_playlistonly_slide .swiper-button-prev{
left:0px;
}
.tv_program_assign_playlistonly_slide .swiper-button-next{
right:0px;
}
.tv_program_assign_playlistonly_slide{
/*height: 349px;*/
}
}
@media screen and (max-width: 576px){
.tv_program_assign_playlistonly_slide{
/* height:66vw;*/
}
}
</style>
<style>
#live_ontop_out_box{
margin-bottom: 25px;
margin-top: 20px;
position: relative;
display:block;
}
#live_ontop_box{
position: relative;
width:100%; height:auto; margin: 0 auto; margin-bottom:0px;aspect-ratio: 16/9;overflow: hidden;
}
#live_ontop_box #live_ontop_box_player{
width:100%; height:100%;border:1px solid #f5f4f4;
}
.live_ontop_box_header{
display:flex;
align-items: center;
flex-wrap: nowrap;
margin-bottom: 5px;
}
.live_ontop_box_title_link{
width:calc(100% - 380px)
}
.live_ontop_btn_group{
width:380px;
text-align:right;
}
.live_ontop_box_title{
line-height: 0px;
padding: 0px;
}
.live_ontop_box_title .live_title_logo{
display: inline-block;
font-size: 14px;
color: white;
padding: 0 10px;
background: #d9000d;
line-height: 20px;
border-radius: 10px;
width: 90px;
vertical-align: middle;
position: relative;
top: 0px;
text-align: center;
margin: 0;
}
.live_ontop_box_title .live_title_logo i{
font-size: 12px;
position: relative;
bottom: 1px;
color: white;
}
.live_ontop_box_title .live_title_inner{
overflow: hidden;
display: inline-block;
line-height: 20px;
font-size:20px;
width: calc(100% - 100px);
/*width: 200px;*/
vertical-align: middle;
text-align: left;
color:black;
margin: 0;
}
#live_ontop_source_btn1{
/* position: absolute;
right: 240px;
top: 14px;*/
padding: 0 10px;
font-size: 12px;
border: none;
border-radius: 5px;
height: 28px;
line-height: 0px;
border: 1px solid #ff0000;
background: rgba(255 ,255,255,0.9);
color: #ff0000;
opacity: 1;
transition: 0.5s;
display: none;
}
#live_ontop_source_btn2{
/*position: absolute;
right: 160px;
top: 14px;*/
padding: 0 10px;
font-size: 12px;
border: none;
border-radius: 5px;
height: 28px;
line-height: 0px;
border: 1px solid gray;
background: rgba(0 ,0,0,0.5);
color: rgb(191, 191, 191);;
opacity: 1;
transition: 0.5s;
display: none;
}
#live_ontop_source_other{
padding: 0 10px;
font-size: 14px;
border: none;
border-radius: 0px;
height: 28px;
line-height: 0px;
border: 2px solid #c01010;
background: rgba(0 ,0,0,0.1);
color: #a72121;
opacity: 1;
transition: 0.5s;
font-weight: 600;
position: relative;
top: 1px;
display:none;
}
#live_ontop_menu_btn{
/*position: absolute;
right: 25px;
top: 14px;*/
padding: 0 10px;
font-size: 16px;
border: none;
border-radius: 5px;
height: 28px;
line-height: 0px;
background: rgba(255, 0, 0, 1);
color: white;
opacity: 1;
transition: 0.5s;
/*box-shadow: 0px 0px 50px black;*/
display: none;
}
#live_ontop_mute_btn{
position: absolute;
left: 65px;
bottom: 5px;
font-size: 24px;
line-height: 24px;
border: none;
border-radius: 5px;
width: 45px;
height: 35px;
background: none;
color: #b2b2b2;
opacity: 1;
transition: 0.5s;
text-align: center;
display: inline-block;
}
#live_ontop_box_menu {
height: 100%;
width: 100%;
position: absolute;
top: 0;
right: -300px;
transition: 0.3s;
background:rgba(0,0,0,0.8);
max-width: 300px;
overflow-y: auto;
padding: 70px 10px 10px 10px;
}
#live_ontop_box_menu ul .active_item{
background: rgba(255,255,255,0.2);
}
#live_ontop_box_menu ul li{
margin-bottom:20px;
}
#live_ontop_box_menu ul li p{
color: #ff7880;
font-size: 16px;
margin:0;
}
#live_ontop_box_menu ul li a{
color: white;
font-size: 16px;
display: block;
cursor: pointer;
}
#live_ontop_box_menu ul li a:hover{
color: rgb(190, 190, 190);
}
.live_ontop_info_declare {
display: none;
margin-top: 0px;
color: black;
padding: 5px;
background: #b3b3b3;
font-size: 12px;
text-align: center;
position: relative;
bottom:1px;
}
@media only screen and (max-width: 992px) {
.live_ontop_box_title .live_title_inner{
line-height: 20px;
font-size: 18px;
}
#live_ontop_menu_btn {
padding: 0 15px;
font-size: 12px;
height: 25px;
}
#live_ontop_source_btn2,#live_ontop_source_btn1 {
padding: 0 5px;
font-size: 12px;
height: 25px;
}
.live_ontop_btn_group {
width: 240px;
}
.live_ontop_box_title_link {
width: calc(100% - 240px);
}
.live_ontop_btn_group {
margin-bottom: 2px;
}
}
@media only screen and (max-width: 767px) {
.live_ontop_box_title .live_title_inner{
line-height: 18px;
font-size: 16px;
}
}
@media only screen and (max-width: 475px) {
#live_ontop_box_menu {
padding: 50px 10px 10px 10px;
}
.live_ontop_box_title{
text-align: left;
line-height: 0px;
}
.live_ontop_box_title .live_title_inner{
display: block;
width: 100%;
}
.live_ontop_box_title_link {
width: 100%;
}
.live_ontop_box_title .live_title_inner b{
-webkit-line-clamp: 2 !important;
line-height:20px;
margin:10px 0;
}
.live_ontop_box_title .live_title_logo {
line-height: 25px;
border-radius: 50px;
}
.live_ontop_btn_group {
position: absolute;
right: 0;
top: 0;
}
.live_ontop_box_header{
position: relative;
}
.live_ontop_info_declare {
height: 80px;
display: flex !important;
align-items: center;
padding: 5px 10px;
letter-spacing: 2px;
}
}
</style>
<style>
.live_ontop_stock_info{
display:none;
}
.live_ontop_stock_info .stock_list{
padding:0 !important;
margin: 0px -5px -10px -5px;
}
.live_ontop_stock_info .stock_list iframe{
width: 100%;
}
.live_ontop_stock_info .stock_run_list {
padding: 15px 0 0 0!important;
margin-bottom: 10px;
background: #dddddd;
border-radius: 4px;
}
.live_ontop_stock_info .stock_run_list iframe{
width: 100%;
height: 35px;
}
</style>
<style>
#live_video_ad{
position: absolute;
/*display: inline-flex;*/
display: none;
justify-content: space-around;
padding:0;
background: white;
width: 100%;
height:100%;
margin: 0 auto;
top: 0;
left: 0;
}
.live_video_ad_cover_box{
position: absolute;
right: 0px;
top: 0px;
width: 100%;
height:100%;
z-index: 1;
}
.live_video_ad_close_btn_box{
position: absolute;
right: 10px;
top: 10px;
z-index: 2;
}
.live_video_ad_close_text{
background: #676767;
color: white;
padding: 5px;
}
.live_video_ad_close_btn{
display: none;
color: white;
background: gray;
border: 1.8px solid white;
padding: 0 10px;
font-size: 14px;
/*width: 40px;*/
height: 40px;
text-align: center;
/*border-radius: 100px;*/
}
.live_video_ad_close_btn i{
line-height: 20px;
font-size: 12px;
}
#live_video_ad_inner,#live_video_ad_inner iframe,#live_video_ad_inner video{
width: 100%;
height:100%;
display:block;
}
#live_video_ad_mute_btn{
position: absolute;
right: 10px;
top: 55px;
font-size: 25px;
border: none;
border-radius: 5px;
width: 40px !important;
height: 40px !important;
line-height: 40px;
background: #676767;
color: #b2b2b2;
transition: 0.5s;
text-align:center !important;
display:inline-block !important;
padding:0px;
z-index: 2;
}
</style>
<style type="text/css">
/*
* youtube/tv_program_assign5
*/
#tv_program_assign5{
height:290px;
overflow: hidden;
}
#tv_program_assign5 .owl-carousel .owl-dots{
position: relative;
bottom: 20px;
margin-top: -10px;
}
#tv_program_assign5 .owl-carousel .owl-dot{
margin: 0 5px;
}
.hero-slides .owl-nav .owl-prev, .hero-slides .owl-nav .owl-next {
background-color: transparent;
font-size: 60px;
}
#tv_program_assign5 .hero-slides .slide-content{
margin:0; padding:10px 20px 25px 20px; background-color: #000;
}
#tv_program_assign5 .hero-slides .slide-content a{color:#fff; font-size: 18px;}
#tv_program_assign5 .card-body .card-body-other .media{
margin-bottom: 7px;
padding-bottom: 7px;
}
#tv_program_assign5 .card-body .card-body-other .media_time{
bottom: 4px;
}
#tv_program_assign5 .card-body .card-body-other .media{
border-bottom: 0.5px solid #c0c0c0;
}
@media only screen and (min-width: 1300px) {
#tv_program_assign5 .card-body .card-body-other .media{
margin-bottom: 15px;
padding-bottom: 7px;
}
}
#tv_program_assign5 .module_title {
padding-right: 0;
border-bottom: none;
margin-right: 10px;
cursor: pointer;
font-weight: 300;
}
#tv_program_assign5 .module_title_active{
border-bottom: 3px solid #e60412;
font-weight: 500;
}
#tv_program_assign5 .module_title_small{
font-size:12px;
color:red;
}
#tv_program_assign5 .card {
}
#tv_program_assign5 .card-title {
margin: 10px 0 10px 0;
line-height: 1em;
border-bottom: 1px solid #adb5bd;
}
#tv_program_assign5 .card-title-name{
padding-left: 10px;
border-left: 1.5px solid #000;
line-height: 1em;
font-size: 20px;
}
#tv_program_assign5 .card-body .card-body-main .subject{
font-weight: bold;
}
#tv_program_assign5 .card-body .card-body-other .media{
margin-left: 20px;
}
#tv_program_assign5 .img_box{
position: relative;
}
#tv_program_assign5 .card-body .card-body-other .main_pic{
height:80px;
aspect-ratio:16/9;
}
#tv_program_assign5 .card-body .card-body-other .subject{
font-weight: 500;
font-size: 1rem;
margin-top: -5px !important;
}
#tv_program_assign5 .single-hero-slide {
height: 293px;
}
#tv_program_assign5 .business-tabs{
/*display:none;*/
visibility: hidden;
}
#tv_program_assign5 .business-tabs-show{
display:block !important;
}
@media only screen and (min-width: 992px) and (max-width: 1300px) {
#tv_program_assign5{
height:250px;
overflow: hidden;
}
#tv_program_assign5 .single-hero-slide {height: 254px; }
#tv_program_assign5 .card-body .card-body-other .main_pic{
height:75px;
}
#tv_program_assign5 .card-body .card-body-other .subject{
font-size: 1rem;
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
#tv_program_assign5 .card-body .card-body-other .description{
display: none !important;
}
}
@media only screen and (min-width: 767px) and (max-width: 992px) {
#tv_program_assign5 .single-hero-slide {height: 222px; }
#tv_program_assign5 .card-body .card-body-other .main_pic{ height: 64px; }
#tv_program_assign5 .card-body .card-body-other .subject{font-size: 1rem;
-webkit-line-clamp: 2;}
#tv_program_assign5 .card-body .card-body-other .media{
padding-bottom: 0px;
}
#tv_program_assign5 .card-body .card-body-other .media_time{
bottom: 0;
}
}
@media only screen and (max-width: 767px) {
#tv_program_assign5{
height:270px;
overflow: hidden;
}
#tv_program_assign5 .hero-slides .slide-content a{color:#fff; font-size: 20px;}
#tv_program_assign5 .single-hero-slide {height: 303px; }
#tv_program_assign5 .card-body .card-body-other .main_pic{
max-width: 211px;
height: auto;
}
#tv_program_assign5 .card-body .card-body-other{
padding: 0 !important;
padding-top: 0 !important;
margin:0;
}
#tv_program_assign5 .card-body .card-body-other .media{
padding-left: 0 !important;
margin-left: 0;
}
#tv_program_assign5 .card-body .card-body-other .subject{
font-size: 1rem;
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
#tv_program_assign5 .card-body .card-body-other .description{
font-size: 1rem;
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
#tv_program_assign5 .module_title {
padding-right: 0;
border-bottom: none;
margin-right: 10px;
cursor: pointer;
font-weight: 300;
font-size:12px;
background: none;
}
#tv_program_assign5 .module_title_active{
border-bottom: 3px solid #e60412;
font-weight: 500;
font-size:20px;
}
}
@media only screen and (max-width: 576px) {
#tv_program_assign5{
height:auto;
overflow: hidden;
}
#tv_program_assign5 .single-hero-slide {height: 250px; }
#tv_program_assign5 .card-body .card-body-other .main_pic{
height: auto;
}
#tv_program_assign5 .card-body .card-body-other .media{
margin-left: 0;
}
#tv_program_assign5 .card-body .card-body-other .subject{
font-size: 1rem;
}
#tv_program_assign5 .card-body .card-body-other .description{
display: none;
}
}
@media only screen and (max-width: 475px) {
#tv_program_assign5 .single-hero-slide {height: 206px; }
#tv_program_assign5 .card-body .card-body-other .main_pic{
margin-right: 10px !important;max-width: 148px;
}
#tv_program_assign5 .card-body .card-body-other .subject {
font-size: 1rem;
overflow : hidden;
text-overflow : ellipsis;
display:-moz-box;
-moz-box-orient: vertical ;
-moz-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -o-box;
-o-box-orient: vertical;
-o-line-clamp: 2;
display: box;
box-orient: vertical;
line-clamp: 2;
}
#tv_program_assign5 .module_title_small{
display:none;
}
#tv_program_assign5 #Tab-tabs-youtube{
position: relative;
bottom: -1px;
}
#tv_program_assign5 #Tab-tabs-youtube li a{
padding: 10px 70px 5px 70px;
}
}
</style>
<style>
.tv_program_assign_playlistonly_slide2{
margin:0 0 10px 0;
/*height: 322px;*/
}
.tv_program_assign_playlistonly_slide2 .swiper-container {
padding: 0px 0 0px 0;
position: relative;
overflow:hidden;
}
.tv_program_assign_playlistonly_slide2 .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
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;
transition: 300ms;
transform: scale(0.85);
position: relative;
}
.tv_program_assign_playlistonly_slide2 .swiper-slide a{
width: 100%;
}
.tv_program_assign_playlistonly_slide2 .swiper-slide a .main_pic{
width: 100%;
aspect-ratio:16/9;
}
.tv_program_assign_playlistonly_slide2 .swiper-slide-active,.tv_program_assign_playlistonly_slide2 .swiper-slide-duplicate-active{
transform: scale(1.1);
}
.tv_program_assign_playlistonly_slide2 .inner-title{
text-align:left;
/* background:linear-gradient(to top, rgba(0,0,0,0.9) 40%, transparent);*/
width: 100%;
padding:5px 0px 10px 2px;
min-height: 48px;
transition: 300ms;
}
.tv_program_assign_playlistonly_slide2 .inner-title span{
text-align:left;
font-size:16px;
letter-spacing: 1px;
color:black;
padding:0px;
overflow : hidden;
text-overflow : ellipsis;
display:-moz-box;
-moz-box-orient: vertical ;
-moz-line-clamp:2;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -o-box;
-o-box-orient: vertical;
-o-line-clamp: 2;
display: box;
box-orient: vertical;
line-clamp: 2;
}
.tv_program_assign_playlistonly_slide2 .swiper-pagination-bullet-active {
background: #d9000d;
}
.tv_program_assign_playlistonly_slide2 .swiper-slide-active .inner-title,.tv_program_assign_playlistonly_slide2 .swiper-slide-duplicate-active .inner-title{
opacity: 1;
}
.tv_program_assign_playlistonly_slide2 .swiper-button-prev{
left:-50px;
justify-content: flex-start;
/*padding-left:10px;*/
/*background:linear-gradient(to right, rgba(255,255,255,1) 10%, rgba(255,255,255,0.8) 30%, rgba(255,255,255,0.5) 70%, transparent);*/
}
.tv_program_assign_playlistonly_slide2 .swiper-button-next{
right:-50px;
justify-content: flex-end;
/*padding-right:10px;*/
/*background:linear-gradient(to left, rgba(255,255,255,1) 10%, rgba(255,255,255,0.8) 30%, rgba(255,255,255,0.5) 70%, transparent);*/
}
.tv_program_assign_playlistonly_slide2 .swiper-button-next,.tv_program_assign_playlistonly_slide2 .swiper-button-prev{
width: 30px;
height: 100px;
font-size: 30px;
text-align: center;
outline: none;
transform: translateY(-50%);
border-radius: 5px;
background: rgba(128,128,126,0.8);
box-shadow: 0px 0px 10px black;
color: #cacaca !important;
justify-content: center;
transition:0.5s;
}
.tv_program_assign_playlistonly_slide2:hover .swiper-container .swiper-button-next{
right:0px;
}
.tv_program_assign_playlistonly_slide2:hover > .swiper-container .swiper-button-prev{
left:0px;
}
.tv_program_assign_playlistonly_slide2 .swiper-button-next:after, .tv_program_assign_playlistonly_slide2 .swiper-button-prev:after {
/*background:#828282;
border:10px solid #828282;*/
content: none !important;
}
.swiper-button-white{
color:white !important;
}
@media screen and (max-width: 1300px){
.tv_program_assign_playlistonly_slide2 .swiper-button-next,.tv_program_assign_playlistonly_slide2 .swiper-button-prev{
/* width: 50px;*/
}
.tv_program_assign_playlistonly_slide2 .inner-title span{
/*font-size:20px;*/
}
.tv_program_assign_playlistonly_slide2{
/*height: 232px;*/
}
}
@media screen and (max-width: 1200px){
.tv_program_assign_playlistonly_slide2{
/*height: 290px;*/
}
}
@media screen and (max-width: 992px){
.tv_program_assign_playlistonly_slide2{
/*height: 323px;*/
}
}
@media screen and (max-width: 767px){
.tv_program_assign_playlistonly_slide2 .inner-title span{
/*font-size:18px;*/
}
.tv_program_assign_playlistonly_slide2 .swiper-button-prev{
left:0px;
}
.tv_program_assign_playlistonly_slide2 .swiper-button-next{
right:0px;
}
.tv_program_assign_playlistonly_slide2{
/*height: 349px;*/
}
}
@media screen and (max-width: 576px){
.tv_program_assign_playlistonly_slide2{
/* height:66vw;*/
}
}
</style>
<style type="text/css">
/*
* youtube/tv_program_assign6
*/
#tv_program_assign6{
height:290px;
overflow: hidden;
}
#tv_program_assign6 .owl-carousel .owl-dots{
position: relative;
bottom: 20px;
margin-top: -10px;
}
#tv_program_assign6 .owl-carousel .owl-dot{
margin: 0 5px;
}
.hero-slides .owl-nav .owl-prev, .hero-slides .owl-nav .owl-next {
background-color: transparent;
font-size: 60px;
}
#tv_program_assign6 .hero-slides .slide-content{
margin:0; padding:10px 20px 25px 20px; background-color: #000;
}
#tv_program_assign6 .hero-slides .slide-content a{color:#fff; font-size: 18px;}
#tv_program_assign6 .card-body .card-body-other .media{
margin-bottom: 7px;
padding-bottom: 7px;
}
#tv_program_assign6 .card-body .card-body-other .media_time{
bottom: 4px;
}
#tv_program_assign6 .card-body .card-body-other .media{
border-bottom: 0.5px solid #c0c0c0;
}
@media only screen and (min-width: 1300px) {
#tv_program_assign6 .card-body .card-body-other .media{
margin-bottom: 15px;
padding-bottom: 7px;
}
}
#tv_program_assign6 .module_title {
padding-right: 0;
border-bottom: none;
margin-right: 10px;
cursor: pointer;
font-weight: 300;
}
#tv_program_assign6 .module_title_active{
border-bottom: 3px solid #e60412;
font-weight: 500;
}
#tv_program_assign6 .module_title_small{
font-size:12px;
color:red;
}
#tv_program_assign6 .card {
}
#tv_program_assign6 .card-title {
margin: 10px 0 10px 0;
line-height: 1em;
border-bottom: 1px solid #adb5bd;
}
#tv_program_assign6 .card-title-name{
padding-left: 10px;
border-left: 1.5px solid #000;
line-height: 1em;
font-size: 20px;
}
#tv_program_assign6 .card-body .card-body-main .subject{
font-weight: bold;
}
#tv_program_assign6 .card-body .card-body-other .media{
margin-left: 20px;
}
#tv_program_assign6 .img_box{
position: relative;
}
#tv_program_assign6 .card-body .card-body-other .main_pic{
height:80px;
aspect-ratio:16/9;
}
#tv_program_assign6 .card-body .card-body-other .subject{
font-weight: 500;
font-size: 1rem;
margin-top: -5px !important;
}
#tv_program_assign6 .single-hero-slide {
height: 293px;
}
#tv_program_assign6 .business-tabs{
/*display:none;*/
visibility: hidden;
}
#tv_program_assign6 .business-tabs-show{
display:block !important;
}
@media only screen and (min-width: 992px) and (max-width: 1300px) {
#tv_program_assign6{
height:250px;
overflow: hidden;
}
#tv_program_assign6 .single-hero-slide {height: 254px; }
#tv_program_assign6 .card-body .card-body-other .main_pic{
height:75px;
}
#tv_program_assign6 .card-body .card-body-other .subject{
font-size: 1rem;
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
#tv_program_assign6 .card-body .card-body-other .description{
display: none !important;
}
}
@media only screen and (min-width: 767px) and (max-width: 992px) {
#tv_program_assign6 .single-hero-slide {height: 222px; }
#tv_program_assign6 .card-body .card-body-other .main_pic{ height: 64px; }
#tv_program_assign6 .card-body .card-body-other .subject{font-size: 1rem;
-webkit-line-clamp: 2;}
#tv_program_assign6 .card-body .card-body-other .media{
padding-bottom: 0px;
}
#tv_program_assign6 .card-body .card-body-other .media_time{
bottom: 0;
}
}
@media only screen and (max-width: 767px) {
#tv_program_assign6{
height:270px;
overflow: hidden;
}
#tv_program_assign6 .hero-slides .slide-content a{color:#fff; font-size: 20px;}
#tv_program_assign6 .single-hero-slide {height: 303px; }
#tv_program_assign6 .card-body .card-body-other .main_pic{
max-width: 211px;
height: auto;
}
#tv_program_assign6 .card-body .card-body-other{
padding: 0 !important;
padding-top: 0 !important;
margin:0;
}
#tv_program_assign6 .card-body .card-body-other .media{
padding-left: 0 !important;
margin-left: 0;
}
#tv_program_assign6 .card-body .card-body-other .subject{
font-size: 1rem;
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
#tv_program_assign6 .card-body .card-body-other .description{
font-size: 1rem;
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
#tv_program_assign6 .module_title {
padding-right: 0;
border-bottom: none;
margin-right: 10px;
cursor: pointer;
font-weight: 300;
font-size:12px;
background: none;
}
#tv_program_assign6 .module_title_active{
border-bottom: 3px solid #e60412;
font-weight: 500;
font-size:20px;
}
}
@media only screen and (max-width: 576px) {
#tv_program_assign6{
height:auto;
overflow: hidden;
}
#tv_program_assign6 .single-hero-slide {height: 250px; }
#tv_program_assign6 .card-body .card-body-other .main_pic{
height: auto;
}
#tv_program_assign6 .card-body .card-body-other .media{
margin-left: 0;
}
#tv_program_assign6 .card-body .card-body-other .subject{
font-size: 1rem;
}
#tv_program_assign6 .card-body .card-body-other .description{
display: none;
}
}
@media only screen and (max-width: 475px) {
#tv_program_assign6 .single-hero-slide {height: 206px; }
#tv_program_assign6 .card-body .card-body-other .main_pic{
margin-right: 10px !important;max-width: 148px;
}
#tv_program_assign6 .card-body .card-body-other .subject {
font-size: 1rem;
overflow : hidden;
text-overflow : ellipsis;
display:-moz-box;
-moz-box-orient: vertical ;
-moz-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -o-box;
-o-box-orient: vertical;
-o-line-clamp: 2;
display: box;
box-orient: vertical;
line-clamp: 2;
}
#tv_program_assign6 .module_title_small{
display:none;
}
#tv_program_assign6 #Tab-tabs-youtube{
position: relative;
bottom: -1px;
}
#tv_program_assign6 #Tab-tabs-youtube li a{
padding: 10px 70px 5px 70px;
}
}
</style>
<style>
.tv_program_assign_playlistonly_slide3{
margin:0 0 10px 0;
/*height: 322px;*/
}
.tv_program_assign_playlistonly_slide3 .swiper-container {
padding: 0px 0 0px 0;
position: relative;
overflow:hidden;
}
.tv_program_assign_playlistonly_slide3 .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
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;
transition: 300ms;
transform: scale(0.85);
position: relative;
}
.tv_program_assign_playlistonly_slide3 .swiper-slide a{
width: 100%;
}
.tv_program_assign_playlistonly_slide3 .swiper-slide a .main_pic{
width: 100%;
aspect-ratio:16/9;
}
.tv_program_assign_playlistonly_slide3 .swiper-slide-active,.tv_program_assign_playlistonly_slide3 .swiper-slide-duplicate-active{
transform: scale(1.1);
}
.tv_program_assign_playlistonly_slide3 .inner-title{
text-align:left;
/* background:linear-gradient(to top, rgba(0,0,0,0.9) 40%, transparent);*/
width: 100%;
padding:5px 0px 10px 2px;
min-height: 48px;
transition: 300ms;
}
.tv_program_assign_playlistonly_slide3 .inner-title span{
text-align:left;
font-size:16px;
letter-spacing: 1px;
color:black;
padding:0px;
overflow : hidden;
text-overflow : ellipsis;
display:-moz-box;
-moz-box-orient: vertical ;
-moz-line-clamp:2;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -o-box;
-o-box-orient: vertical;
-o-line-clamp: 2;
display: box;
box-orient: vertical;
line-clamp: 2;
}
.tv_program_assign_playlistonly_slide3 .swiper-pagination-bullet-active {
background: #d9000d;
}
.tv_program_assign_playlistonly_slide3 .swiper-slide-active .inner-title,.tv_program_assign_playlistonly_slide3 .swiper-slide-duplicate-active .inner-title{
opacity: 1;
}
.tv_program_assign_playlistonly_slide3 .swiper-button-prev{
left:-50px;
justify-content: flex-start;
/*padding-left:10px;*/
/*background:linear-gradient(to right, rgba(255,255,255,1) 10%, rgba(255,255,255,0.8) 30%, rgba(255,255,255,0.5) 70%, transparent);*/
}
.tv_program_assign_playlistonly_slide3 .swiper-button-next{
right:-50px;
justify-content: flex-end;
/*padding-right:10px;*/
/*background:linear-gradient(to left, rgba(255,255,255,1) 10%, rgba(255,255,255,0.8) 30%, rgba(255,255,255,0.5) 70%, transparent);*/
}
.tv_program_assign_playlistonly_slide3 .swiper-button-next,.tv_program_assign_playlistonly_slide3 .swiper-button-prev{
width: 30px;
height: 100px;
font-size: 30px;
text-align: center;
outline: none;
transform: translateY(-50%);
border-radius: 5px;
background: rgba(128,128,126,0.8);
box-shadow: 0px 0px 10px black;
color: #cacaca !important;
justify-content: center;
transition:0.5s;
}
.tv_program_assign_playlistonly_slide3:hover .swiper-container .swiper-button-next{
right:0px;
}
.tv_program_assign_playlistonly_slide3:hover > .swiper-container .swiper-button-prev{
left:0px;
}
.tv_program_assign_playlistonly_slide3 .swiper-button-next:after, .tv_program_assign_playlistonly_slide3 .swiper-button-prev:after {
/*background:#828282;
border:10px solid #828282;*/
content: none !important;
}
.swiper-button-white{
color:white !important;
}
@media screen and (max-width: 1300px){
.tv_program_assign_playlistonly_slide3 .swiper-button-next,.tv_program_assign_playlistonly_slide3 .swiper-button-prev{
/* width: 50px;*/
}
.tv_program_assign_playlistonly_slide3 .inner-title span{
/*font-size:20px;*/
}
.tv_program_assign_playlistonly_slide3{
/*height: 232px;*/
}
}
@media screen and (max-width: 1200px){
.tv_program_assign_playlistonly_slide3{
/*height: 290px;*/
}
}
@media screen and (max-width: 992px){
.tv_program_assign_playlistonly_slide3{
/*height: 323px;*/
}
}
@media screen and (max-width: 767px){
.tv_program_assign_playlistonly_slide3 .inner-title span{
/*font-size:18px;*/
}
.tv_program_assign_playlistonly_slide3 .swiper-button-prev{
left:0px;
}
.tv_program_assign_playlistonly_slide3 .swiper-button-next{
right:0px;
}
.tv_program_assign_playlistonly_slide3{
/*height: 349px;*/
}
}
@media screen and (max-width: 576px){
.tv_program_assign_playlistonly_slide3{
/* height:66vw;*/
}
}
</style>
<!-- 專題報導 -->
<style type="text/css">
.news_topic .module_title_wrap_type-1 {
}
.news_topic .module_title_wrap_type-1 .module_title {
}
.news_topic .card {
border-bottom: 0.5px solid #c0c0c0 !important;
border-radius: 0;
}
.news_topic .card-title {
margin: 10px 0 10px 0;
line-height: 1em;
}
.news_topic .description{
font-size:0.875em;
}
.news_topic .card-body-main .description{
line-height: 1.8;
margin-top: 2px !important;
}
.news_topic .card-title-name{
padding-left: 10px;
border-left: 4px solid #d9000d;
line-height: 1.3em;
font-size: 20px;
padding-bottom: 2px;
}
.news_topic .card-body .card-body-main .subject{
font-weight: 500;
}
.news_topic .card-body .card-body-other{
padding-left: 10px !important;
margin-left: 10px;
margin-right: -10px;
padding-right: 10px !important;
}
.news_topic .card-body .card-body-other .media{
border-bottom: 0.5px solid #c0c0c0;
margin-bottom: 6px;
padding-bottom: 6px;
}
.news_topic .card-body .card-body-other img{
max-width: 27%;
width: 100%;
aspect-ratio:16/9;
}
.news_topic .card-body .card-body-other .subject{
font-weight: 500;
}
.share-block{
min-height:25px;
}
@media only screen and (max-width: 1300px) {
.news_topic .card-body-main .description{
-webkit-line-clamp: 2;
}
.news_topic .card-body .card-body-other img{
max-width: 40%;
}
.news_topic .card-body .card-body-other .media{
padding-right: 0 !important;
}
.news_topic .card-body .card-body-other .subject{
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.news_topic .card-body .card-body-other .description{
display: none !important;
}
}
@media only screen and (max-width: 992px) {
.news_topic .card-body .card-body-main{padding-bottom: 25px !important;}
.news_topic .card-body .card-body-other img{max-width: 37%; }
.news_topic .card-body .card-body-other .subject{ -webkit-line-clamp: 2;}
.share-block{
min-height:inherit;
}
}
@media only screen and (max-width: 767px) {
.news_topic .card-body .card-body-other img{
max-width: 211px;
margin-right: 10px !important;
}
.news_topic .card-body .card-body-other{
padding: 0 !important;
padding-top: 15px !important;
margin-left: 0;
margin-right: 0;
}
.news_topic .card-body .card-body-other .media{
padding-left: 0 !important;
}
.news_topic .card-body .card-body-other .subject{
white-space: nowrap;
}
.news_topic .card-body .card-body-other .description{
font-size: .875rem;
line-height: 1.5;
white-space: initial;
display: -webkit-box !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
}
@media only screen and (max-width: 576px) {
.news_topic .card-body .card-body-other img{
max-width: 211px;
}
.news_topic .card-body .card-body-other{
padding: 0 !important;
padding-top: 15px !important;
margin-left: 0;
margin-right: 0;
}
}
@media only screen and (max-width: 475px) {
.news_topic .card-body .card-body-main{
border-bottom: 0.5px solid #c0c0c0;
}
.news_topic .card-body .card-body-other img{max-width: 148px;}
.news_topic .card-body .card-body-other .subject{
white-space: initial;
overflow : hidden;
text-overflow : ellipsis;
display:-moz-box;
-moz-box-orient: vertical ;
-moz-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -o-box;
-o-box-orient: vertical;
-o-line-clamp: 2;
display: box;
box-orient: vertical;
line-clamp: 2;
}
.news_topic .card-body .card-body-other .description{
display: none !important;
}
.news_topic .card-title-name{
width: 90%;
}
}
</style>
<style>
#ustvshop_ad_300x250_02{
width:300px; height:250px; margin: 0 auto 20px auto; display: none;background:#f1f1f1;border:1px solid#dbdbdb;
}
#ustvshop_ad_300x250_02 .logo_block{
height:40px;
display:block;
text-align:center;
background:white;
}
#ustvshop_ad_300x250_02 .logo_block img{
width: auto;
height: 38px;
padding: 3px 0px;
}
#ustvshop_300x250_swiper_02 {
width: 100%;
height: 190px;
margin:10px 0;
background:rgb(206 206 206);
}
#ustvshop_300x250_swiper_02 .swiper-slide {
text-align: center;
font-size: 18px;
background:#f1f1f1 !important;
height:100% ;
/* Center slide text vertically */
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;
}
#ustvshop_300x250_swiper_02 .swiper-slide a {
width: 100%;
height: 100%;
display: inline-block;
text-align: center;
color: gray;
}
#ustvshop_300x250_swiper_02 .swiper-slide a img{
display: block;
width: auto;
height: 48%;
object-fit: cover;
background: white;
border-radius: 10px;
margin: 3px auto 0 auto;
padding:3px 0;
border-right: 15px solid white;
border-left: 15px solid white;
}
#ustvshop_300x250_swiper_02 .swiper-slide a h5{
font-size: 12px;
padding: 0 10px ;
margin:5px 0 0 0 ;
letter-spacing: 1.5px;
font-weight: 600;
line-height: 1.4;
overflow : hidden;
text-overflow : ellipsis;
display:-moz-box;
-moz-box-orient: vertical ;
-moz-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -o-box;
-o-box-orient: vertical;
-o-line-clamp: 2;
display: box;
box-orient: vertical;
line-clamp: 2;
color:black;
}
#ustvshop_300x250_swiper_02 .swiper-slide a p{
margin:0;
font-size: 16px;
line-height: 1.2;
margin-top: 3px;
font-weight: 900;
color: #c90b0b;
}
#ustvshop_300x250_swiper_02 .swiper-slide .buy_btn{
display: inline-block;
font-size: 12px;
padding: 2px 10px;
margin-top: 10px;
color: white;
background: #c90b0b;
border-radius: 50px;
}
#ustvshop_300x250_swiper_02 .swiper-slide a:hover > .buy_btn {
background: #af6363;
}
#ustvshop_300x250_swiper_02 .swiper-slide a:hover > p {
color: #af6363;
}
#ustvshop_300x250_swiper_02 .swiper-slide a:hover > img{
box-shadow: 0px 0px 8px black;
}
#ustvshop_300x250_swiper_02 .swiper-button-next{
top: 50%;
right: 5px;
width: 26px;
height: 26px;
background: white;
color: gray;
box-shadow: 0px 0px 7px #2a2a2a;
border-radius: 100px;
font-size: 12px;
padding-left: 3px;
opacity: 0.8;
}
#ustvshop_300x250_swiper_02 .swiper-button-prev {
top: 50%;
left: 5px;
width: 26px;
height: 26px;
background: white;
color: gray;
box-shadow: 0px 0px 7px #2a2a2a;
border-radius: 100px;
font-size: 12px;
padding-right: 3px;
opacity: 0.8;
}
#ustvshop_300x250_swiper_02 .swiper-button-prev:hover,#ustvshop_300x250_swiper_02 .swiper-button-next:hover{
background: #dbdbdb;
}
#ustvshop_300x250_swiper_02 .swiper-button-next:after,#ustvshop_300x250_swiper_02 .swiper-button-prev:after{
content: none !important;
}
</style>
<style>
.sp-list {
/*border-bottom: 1px solid #303030;*/
margin-bottom:25px;
}
.sp-list ul{
list-style: none;
}
.sp-list .sp-list-top {
border-bottom: 1px solid #303030;
}
.sp-list .sp-list-top .title-name {
font-size: 20px;
font-weight: bold;
color: #000;
background-color: #fff;
padding: 0px;
border-bottom: 3px solid #e60412;
margin-bottom: -2px;
display:inline-block;
}
.sp-list ul li{
padding:7.5px 0;
border-bottom: solid 0.5px #979797;
}
.sp-list ul li a{
font-size:16px;
line-height:23.5px;
width: calc(100% - 30px);
display:inline-block;
vertical-align: middle;
font-weight: 500;
}
.sp-list ul li a:hover{
color: #ff5050;
}
.sp-list ul li .list_type {
color: #ff5050;
font-family: sans-serif;
font-size: 16px;
display: inline-block;
text-align: center;
vertical-align: middle;
width: 20px;
height: 20px;
text-align: center;
/* padding: 1px 5px 0 5px; */
margin-right: 2px;
line-height: 20px;
}
.sp-list ul li .list_type2 {
background-color: #5a5a5a;
}
@media (max-width: 992px) {
.sp-list{
display:none ;
}
}
</style>
<style type="text/css">
/*
* youtube/tv_program_assign3
*/
#tv_program_assign3 .owl-carousel .owl-dots{
position: relative;
bottom: 20px;
margin-top: -10px;
}
#tv_program_assign3 .owl-carousel .owl-dot{
margin: 0 5px;
}
.hero-slides .owl-nav .owl-prev, .hero-slides .owl-nav .owl-next {
background-color: transparent;
font-size: 60px;
}
#tv_program_assign3 .hero-slides .slide-content{
margin:0; padding:10px 20px 25px 20px; background-color: #000;
}
#tv_program_assign3 .hero-slides .slide-content a{color:#fff; font-size: 18px;}
#tv_program_assign3 .card-body .card-body-other .media{
margin-bottom: 7px;
padding-bottom: 7px;
}
#tv_program_assign3 .card-body .card-body-other .media_time{
bottom: 4px;
}
#tv_program_assign3 .card-body .card-body-other .media{
border-bottom: 0.5px solid #c0c0c0;
}
@media only screen and (min-width: 1300px) {
#tv_program_assign3 .card-body .card-body-other .media{
margin-bottom: 15px;
padding-bottom: 7px;
}
}
#tv_program_assign3 .module_title {
font-weight: 500;
}
#tv_program_assign3 .card {
}
#tv_program_assign3 .card-title {
margin: 10px 0 10px 0;
line-height: 1em;
border-bottom: 1px solid #adb5bd;
}
#tv_program_assign3 .card-title-name{
padding-left: 10px;
border-left: 1.5px solid #000;
line-height: 1em;
font-size: 20px;
}
#tv_program_assign3 .card-body .card-body-main .subject{
font-weight: bold;
}
#tv_program_assign3 .card-body .card-body-other .media{
margin-left: 20px;
}
#tv_program_assign3 .card-body .card-body-other .main_pic{
height:80px;
aspect-ratio:16/9;
}
#tv_program_assign3 .card-body .card-body-other .img_box{
position: relative;
display: inline-block;
}
#tv_program_assign3 .card-body .card-body-other .subject{
font-weight: 500;
font-size: 1rem;
margin-top: -5px !important;
}
#tv_program_assign3 .single-hero-slide {
height: 293px;
}
@media only screen and (min-width: 992px) and (max-width: 1300px) {
#tv_program_assign3 .single-hero-slide {height: 254px; }
#tv_program_assign3 .card-body .card-body-other .main_pic{
height:75px;
}
#tv_program_assign3 .card-body .card-body-other .subject{
font-size: 1rem;
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
#tv_program_assign3 .card-body .card-body-other .description{
display: none !important;
}
}
@media only screen and (min-width: 767px) and (max-width: 992px) {
#tv_program_assign3 .single-hero-slide {height: 222px; }
#tv_program_assign3 .card-body .card-body-other .main_pic{ height: 64px; }
#tv_program_assign3 .card-body .card-body-other .subject{font-size: 1rem;
-webkit-line-clamp: 2;}
#tv_program_assign3 .card-body .card-body-other .media{
padding-bottom: 0px;
}
#tv_program_assign3 .card-body .card-body-other .media_time{
bottom: 0;
}
}
@media only screen and (max-width: 767px) {
#tv_program_assign3 .hero-slides .slide-content a{color:#fff; font-size: 20px;}
#tv_program_assign3 .single-hero-slide {height: 303px; }
#tv_program_assign3 .card-body .card-body-other .main_pic{
max-width: 211px;
height: auto;
}
#tv_program_assign3 .card-body .card-body-other{
padding: 0 !important;
padding-top: 0 !important;
margin:0;
}
#tv_program_assign3 .card-body .card-body-other .media{
padding-left: 0 !important;
margin-left: 0;
}
#tv_program_assign3 .card-body .card-body-other .subject{
font-size: 1rem;
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
#tv_program_assign3 .card-body .card-body-other .description{
font-size: 1rem;
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
}
@media only screen and (max-width: 576px) {
#tv_program_assign3 .single-hero-slide {height: 250px; }
#tv_program_assign3 .card-body .card-body-other .main_pic{
height: auto;
}
#tv_program_assign3 .card-body .card-body-other .media{
margin-left: 0;
}
#tv_program_assign3 .card-body .card-body-other .subject{
font-size: 1rem;
}
#tv_program_assign3 .card-body .card-body-other .description{
display: none;
}
}
@media only screen and (max-width: 475px) {
#tv_program_assign3 .single-hero-slide {height: 206px; }
#tv_program_assign3 .card-body .card-body-other .main_pic{
margin-right: 10px !important;max-width: 148px;
}
#tv_program_assign3 .card-body .card-body-other .subject {
font-size: 1rem;
overflow : hidden;
text-overflow : ellipsis;
display:-moz-box;
-moz-box-orient: vertical ;
-moz-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -o-box;
-o-box-orient: vertical;
-o-line-clamp: 2;
display: box;
box-orient: vertical;
line-clamp: 2;
}
#tv_program_assign3 #Tab-tabs-youtube{
position: relative;
bottom: -1px;
}
#tv_program_assign3 #Tab-tabs-youtube li a{
padding: 10px 70px 5px 70px;
}
}
</style>
<style type="text/css">
.news_industy .card-title {
border-bottom: 1px solid #303030;
}
.news_industy .media_time{bottom: 6px;}
.news_industy .card-title-name{
font-size: 20px;
font-weight: bold;
color: #000;
background-color: #fff;
padding: 0px;
border-bottom: 3px solid #e60412;
margin-bottom: -2px;
}
.news_industy .card-body {padding:10px;}
.news_industy .card-body .card-body-main{
padding-bottom: 25px !important;
margin-bottom: 10px;
border-bottom: 1px solid #c0c0c0;
}
.news_industy .card-body .card-body-main .subject{
font-weight: 500;
}
.news_industy .card-body .card-body-main img{
width: 100%;
height: 270px;
object-fit: cover;
aspect-ratio:16/9;
}
.news_industy .card-body .card-body-other img{
max-width: 32%;
padding: 0;
margin-right: 10px;
aspect-ratio:16/9;
}
.news_industy .card-body .card-body-other .media{padding-bottom: 8px;
margin-bottom: 10px;
border-bottom: 1px solid #c0c0c0;}
.news_industy .card-body .card-body-other .subject{
font-weight: 500;
}
.padding-right-with-border{ padding-right: 29px !important; border-right: 1px solid #c0c0c0 !important; border-radius: 0;}
.news_industy .card-title-more-right-position{right: 29px;}
.padding-left{ padding-left: 29px !important; }
@media only screen and (max-width: 1300px) {
.news_industy .card-body .card-body-main img{
height: 177px;
}
.news_industy .card-body .card-body-other img{
max-width: 49%;
}
.news_industy .card-body .card-body-other .media{
padding-right: 0 !important;
}
.news_industy .card-body .card-body-other .subject{
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.news_industy .card-body .card-body-other .description{
display: none !important;
}
}
@media only screen and (max-width: 992px) {
.news_industy .card-body .card-body-other .subject{
-webkit-line-clamp: 2;
}
}
@media only screen and (max-width: 767px) {
.padding-right-with-border{ padding-right: 0 !important; border-right: 0 solid #c0c0c0 !important;}
.news_industy .card-title-more-right-position{right: 0;}
.padding-left{ padding-left: 0px !important; }
.news_industy .card-title-more a {right: 0;}
.news_industy .card-body .card-body-main img{
height: auto;
}
.news_industy .card-body .card-body-other img{
max-width: 241px;
}
.news_industy .card-body .card-body-other{
padding: 0 !important;
padding-top: 0 !important;
}
.news_industy .card-body .card-body-other .media{
padding-left: 0 !important;
}
.news_industy .card-body .card-body-other .subject{
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.news_industy .card-body .card-body-other .description{
font-size: .875rem;
line-height: 1.5;
white-space: initial;
display: -webkit-box !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
}
@media only screen and (max-width: 576px) {
.padding-right-with-border{ padding-right: 0 !important; border-right: 0 solid #c0c0c0 !important;}
.news_industy .card-title-more-right-position{right: 0;}
.padding-left{ padding-left: 0px !important; }
.news_industy .card-title-more a {right: 0;}
.news_industy .card-body .card-body-other img{
max-width: 241px;
}
.news_industy .card-body .card-body-other .description{
display: -webkit-box !important;
}
}
@media only screen and (max-width: 475px) {
.news_industy .card-body .card-body-other img{max-width: 148px;}
.news_industy .card-body .card-body-other .subject{
white-space: initial;
-webkit-line-clamp: 2;
}
.news_industy .card-body .card-body-other .description{
display: none !important;
}
}
</style>
<style type="text/css">
.tv_program_featured .card-title{
padding:0; position: relative; margin-top: 0.875rem;
}
.tv_program_featured .card-title a{
display: inline-block;
}
.tv_program_featured .card-title span{
color:#fff;
font-size:1.125rem;
line-height: 1.125rem;
font-weight: 500;
background-color: #d9000d;
padding: 7px 20px;
display: inline-block;
}
.tv_program_featured .card-body{
position: relative;
}
.tv_program_featured .card-text{
font-weight: 500;
padding-top: 5px;
}
.tv_program_featured .img_box{
position: relative;
}
.tv_program_featured .card-title-more a {
line-height: 0;
font-size: 1.125rem;
display: inline-block;
padding: 7px;
top: 50%;
transform: translateY(-50%);
width: auto;}
@media only screen and (min-width: 992px) and (max-width: 1300px) {
.tv_program_featured .card-title span{
font-size:0.825rem;
}
.tv_program_featured .card-title-more a {
font-size:0.825rem;
}
}
@media only screen and (max-width: 475px) {
}
</style>
<style type="text/css">
#footer .container{padding: 0;}
#footer-logo{display: flex; align-items: center;padding: 0;min-height: 130px;}
#footer #about a{display: inline-block;}
#footer #address{clear:both; padding-top:20px;}
#footer #address div{display: inline-block; font-size:11px;}
.ssl_mini{
display: flex;
align-items: center;
}
.ssl_mini .MINI #twcad2{
right: 10px !important;
bottom: 45px !important;
left: inherit !important;
top: inherit !important;
}
.stock_statement{
padding: 20px 10px;
background:#b3b3b3;
text-align:center;
}
.stock_statement_infobox{
width:100%;
max-width:1200px;
font-size:12px;
text-align:center;
display: inline-block;
}
.stock_statement_infobox a{
color:blue;
}
@media only screen and (max-width: 992px) {
#footer-logo{margin-bottom: 10px; min-height: inherit;}
.ssl_mini{
display: none;
}
}
@media (max-width: 767px) {
#footer-logo{display: none; }
#footer{font-size: 15px;}
#footer #about{text-align: center;}
#footer #address div{display: block; text-align: center;}
}
</style>
<style>
.popup-btn{
padding:2px 7px;
margin:2px;
line-height: 20px;
border-radius: 3px;
}
.popup-btn:hover{
background: rgba(255,255,255,0.8);
}
.copy-btn:hover > span{
color: #e60412;
transition: 0.2s;
}
.copy-btn:hover > svg path{
fill:#D9000D;
}
.facebook-btn:hover > span{
color:#4267B2;
transition: 0.2s;
}
.facebook-btn:hover > svg #fb-box{
fill:#4267B2;
}
.facebook-btn:hover > svg #fb-font{
fill:#FFF;
}
.line-btn:hover > span{
color:#00C300;
transition: 0.2s;
}
.line-btn:hover > svg path{
fill:#00C300;
}
.popup-btn-name{
color:white;
}
</style>
<style>
#CF_container,#CFfixedbox,#cfOutDiv,#cf_a,#cfContainer,#CFOutDiv,#outDiv,#fixedbox,#con,#CFDiv,#alogo,#CfBox,#topDiv,#cfDiv{
z-index: 120 !important;
transform: translateY(400px);
opacity: 0;
}
[id^="appier_preview_slot_"]{
z-index: 120 !important;
transform: translateY(400px);
opacity: 0;
}
#CF_btn--close,#DivClose,#CFClose,#close_btn,#top_close_btn,#cfClose{
display:none !important;
}
#alogo img{
z-index: 120 !important;
}
.googla_float_box{
position: fixed;
bottom: 0;
width: 100%;
left: 0;
right: 0;
margin:0 auto;
background: rgba(0,0,0,0.5);
text-align: center;
padding: 10px;
z-index: 120;
/*display: none;*/
transition: 0.5s;
min-height: 50px;
justify-content:center;
}
.ad_close_btn{
position: absolute;
right: 0px;
top: -20px;
color: white;
background: rgba(0,0,0,0.5);
border: none;
padding: 0;
font-size: 12px;
width: 20px;
height: 20px;
text-align: center;
}
.ad_close_btn i{
line-height: 20px;
font-size: 12px;
}
.ad_close_btn2{
position: fixed;
right: 0px;
bottom:125px;
color: white;
background: rgba(0,0,0,0.5);
border: none;
padding: 0;
font-size: 12px;
width: 20px;
height: 20px;
text-align: center;
display:none;
z-index: 121 !important;
}
.ad_close_btn2 i{
line-height: 20px;
font-size: 12px;
}
.hidden_ad_style{
transform: translateY(100px);
opacity: 0;
}
</style>
<style>
#live_fixed_out_box {position: fixed;bottom: 100px;right: 5px; display:none;z-index:9999;transition: 0.5s;}
#live_fixed_box{
position: relative;
width:300px; height:170px; margin: 0 auto; margin-bottom:0px;
}
#live_fixed_box .loading_img{
width: 30px;
height: 30px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top:50%;
transform: translateY(-50%);
}
#live_fixed_box #live_fixed_box_player{
width:300px; height:170px;
}
#live_fixed_box_cover{
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
transition: 0.3s;
}
#live_fixed_box_cover2{
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
transition: 0.3s;
background:rgba(0, 0, 0, 0.5);
}
#live_fixed_mute_btn{
position: absolute;
right: 10px;
top: 10px;
font-size: 25px;
border: none;
border-radius: 5px;
width: 40px !important;
height: 40px !important;
line-height: 40px;
background: #676767;
color: #b2b2b2;
opacity: 0;
transition: 0.5s;
text-align:center !important;
display:inline-block !important;
padding:0px;
}
#live_fixed_show_btn{
position: absolute;
left: -22.8px;
top: 50%;
transform: translateY(-30%);
font-size: 30px;
border: none;
border-radius: 2px;
width:23px !important;
height: 100px !important;
line-height: 100px !important;
background: gray;
color: #cacaca;
transition: 0.5s;
box-shadow: 0px 0px 5px black;
display:inline-block !important;
text-align:center !important;
padding:0px;
}
#live_fixed_box_title{
height: 40px;
line-height: 40px;
padding: 0 5px;
letter-spacing: 4px;
background: #d9000d;
color: white;
font-size: 18px;
text-align: center;
white-space: nowrap;
}
#live_fixed_box_title .live_title_logo{
display: inline-block;
font-size: 14px;
color: #d9000d;
padding: 0 10px;
background: white;
line-height: 20px;
border-radius: 10px;
vertical-align: 80%;
}
#live_fixed_box_title .live_title_logo i{
font-size: 12px;
position: relative;
bottom: 1px;
color: #d9000d;
}
#live_fixed_box_title .live_title_inner{
white-space: nowrap;
overflow: hidden;
display: inline-block;
width: 200px;
vertical-align: 10%;
}
</style>
<style>
#live_video_ad2 {
position: absolute;
/*display: inline-flex;*/
display: none;
justify-content: space-around;
padding:0;
background: white;
width: 100%;
height:100%;
margin: 0 auto;
top: 0;
left: 0;
}
#live_video_ad2 .live_video_ad_cover_box{
position: absolute;
right: 0px;
top: 0px;
width: 100%;
height:100%;
z-index: 1;
}
#live_video_ad2 .live_video_ad_close_btn_box{
position: absolute;
right: 10px;
top: 10px;
z-index: 2;
}
#live_video_ad2 .live_video_ad_close_text{
background: #676767;
color: white;
padding: 5px;
}
#live_video_ad2 .live_video_ad_close_btn{
display: none;
color: white;
background: gray;
border: 1.8px solid white;
padding: 0 10px;
font-size: 14px;
/*width: 40px;*/
height: 40px;
text-align: center;
/**border-radius: 100px;*/
}
#live_video_ad2 .live_video_ad_close_btn i{
line-height: 20px;
font-size: 12px;
}
#live_video_ad_inner2,#live_video_ad_inner2 iframe,#live_video_ad_inner2 video{
width: 100%;
height:100%;
display:block;
}
#live_video_ad_mute_btn2{
position: absolute;
right: 10px;
top: 55px;
font-size: 25px;
border: none;
border-radius: 5px;
width: 40px !important;
height: 40px !important;
line-height: 40px;
background: #676767;
color: #b2b2b2;
transition: 0.5s;
text-align:center !important;
display:inline-block !important;
padding:0px;
z-index: 2;
}
</style>
<style>
html,body{touch-action:pan-y;}
div.loadingdiv{
height:40px; /*100%覆蓋網頁內容, 避免user在loading時進行其他操作*/
width:40px;
position:fixed;
z-index:90; /*須大於網頁內容*/
top:0px;
right:0px;
display:block;
}
.back-to-top {position: fixed;bottom: 5px;right: 5px;opacity:0.5;display: none;z-index:121;}
.back-to-top:hover {opacity:0.9}
</style>
<style type="text/css">
/*
* play video model
*/
#play_video{
padding-right:0 !important;
}
#play_video .modal-dialog{max-width: 1212px;}
#play_video .modal-header {
padding: 5px 10px 0px 10px;
border:none;
}
#play_video .modal-body{
padding:0 1rem;
}
#play_video .video-container {
position: relative;
width: 100%;
aspect-ratio: 16/9 !important;
min-height: 410px;
height: auto;
overflow: hidden;
margin-top: 8px;
}
#play_video .video-container iframe,
#play_video .video-container object,
#play_video .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#play_video .subject_block1{position: relative; width: 100%; margin:7px 0; }
#play_video .subject_block1 .subject{ overflow:hidden; font-weight: 500; font-size: 20px; padding:0;-webkit-line-clamp: 2;height: 60px;-webkit-box-orient: vertical;display: -webkit-box;}
#play_video .social{padding:0; width: 100%; text-align: right;margin-bottom: 5px;padding-bottom: 3px;border-bottom: 1px solid #979797; display:flex;justify-content: space-between;}
#play_video #back_program{color: #3490dc;}
#play_video .ad2{padding-top: 10px;}
#play_video .card-body-other{
padding-left: 10px !important;
margin: 0;
padding-right: 0 !important;
}
#play_video .card-body-other .media{
border-bottom: 0.5px solid #c0c0c0;
padding: 7px 20px;
cursor: pointer;
}
#play_video .card-body-other .media-body{
min-height: 65px;
}
#play_video .card-body-other img{
max-width: 41.5%;
}
#play_video .card-body-other .subject_small{
font-size:16px;
line-height:1.2;
}
#play_video .play_icon:before {
font-size: 12px;
font-family: FontAwesome;
content: "\f04b";
display: inline-block;
padding-right: 8px;
vertical-align: middle;
font-weight: 900;
color:#d9000d;
}
#play_video .play_icon{
position: absolute;
left: 5px;
top: 50%;
transform: translateY(-50%);
display:none;
}
#play_video .list_title {
border-bottom: 1px solid #303030;
}
#play_video .list_title .title-name {
font-size: 18px;
font-weight: bold;
color: #000;
background-color: #fff;
padding: 0px;
border-bottom: 3px solid #e60412;
margin-bottom: -2px;
display:inline-block;
}
@media only screen and (max-width: 1300px) {
#play_video .modal-body{padding: 0 1rem 1rem 1rem;}
#play_video #logo img{ max-width: 150px; margin: 0; }
#play_video .modal-dialog{max-width: 790px;}
#play_video .video-container {min-height: 236px;}
#play_video .modal-header .close { padding: 10px 10px; }
#play_video .ad1{display: none;}
#play_video .card-body-other img {
max-width: 43%;
margin-right: 10px !important;
}
#play_video .card-body-other .subject_small{-webkit-line-clamp:2;}
#play_video .card-body-other .media-body{
min-height: 37px;
}
#play_video .card-body-other .media{
min-height: 37px;
}
#play_video .card-body-other .media:nth-last-child(1),#play_video .card-body-other .media:nth-last-child(2){
display:none;
}
}
@media only screen and (max-width: 767px) {
#play_video .modal-dialog{max-width: 95%;}
#play_video .ad1{display: flex;}
#play_video .video-container {min-height: 48vw;}
#play_video .card-body-other .media:nth-last-child(3){
border-bottom:1px solid #303030;
}
}
@media only screen and (max-width: 600px) {
#play_video #logo img{ max-width: 100px; margin: 0; }
#play_video .ad{display: none;}
#play_video .video-container {min-height: 47vw;}
}
@media (max-width: 576px) {
#play_video .card-body-other img {
max-width: 35%;
}
#play_video .video-container {min-height:46vw;}
}
</style>
<style>
#program_video_modal_ad{
position: absolute;
/*display: inline-flex;*/
display: none;
justify-content: space-around;
padding:0;
background: white;
width: 100%;
height:100%;
margin: 0 auto;
top: 0;
left: 0;
}
.program_video_modal_ad_cover_box{
position: absolute;
right: 0px;
top: 0px;
width: 100%;
height:100%;
z-index: 1;
}
.program_video_modal_ad_close_btn_box{
position: absolute;
right: 10px;
top: 10px;
z-index: 2;
}
.program_video_modal_ad_close_text{
background: #676767;
color: white;
padding: 5px;
}
.program_video_modal_ad_close_btn{
display: none;
color: white;
background: gray;
border: 1.8px solid white;
padding: 0 10px;
font-size: 14px;
/*width: 40px;*/
height: 40px;
text-align: center;
/*border-radius: 100px;*/
}
.program_video_modal_ad_close_btn i{
line-height: 20px;
font-size: 12px;
}
#program_video_modal_ad_inner,#program_video_modal_ad_inner iframe,#program_video_modal_ad_inner video{
width: 100%;
height:100%;
display:block;
}
#program_video_modal_ad_mute_btn{
position: absolute;
right: 10px;
top: 55px;
font-size: 25px;
border: none;
border-radius: 5px;
width: 40px !important;
height: 40px !important;
line-height: 40px;
background: #676767;
color: #b2b2b2;
transition: 0.5s;
text-align:center !important;
display:inline-block !important;
padding:0px;
z-index: 2;
}
</style>
<style type="text/css">
/*
* play video model
*/
#heatmap_modal{
padding-right:0 !important;
}
#heatmap_modal .modal-dialog{max-width: 1212px;}
#heatmap_modal .modal-header {
padding: 5px 10px 0px 10px;
border:none;
}
#heatmap_modal .modal-body{
padding:0 1rem;
}
@media only screen and (max-width: 1300px) {
#heatmap_modal .modal-body{padding: 0 1rem 1rem 1rem;}
}
@media only screen and (max-width: 767px) {
#heatmap_modal .modal-dialog{max-width: 95%;}
}
@media only screen and (max-width: 600px) {
}
@media (max-width: 576px) {
}
</style>
<style type="text/css">
/*
* play video model
*/
#program_post_slider{
padding-right:0 !important;
}
#program_post_slider .modal-dialog{max-width: 100%;margin:0;}
#program_post_slider .modal-header {
padding: 5px 10px 5px 10px;
border:none;
}
#program_post_slider .modal-body{
padding:0 1rem;
height: 100%;
/*display: flex;*/
flex-direction: column;
justify-content: center;
align-items: center;
}
#program_post_slider .modal-content{
height: 100vh;
overflow:hidden;
border-radius: 0;
background: rgb(0, 0, 0, 0.8);
}
#program_post_slider .modal-header .close{
font-size: 40px;
color: white;
}
@media only screen and (max-width: 1300px) {
#program_post_slider .modal-body{padding: 0 1rem 1rem 1rem;}
}
@media only screen and (max-width: 767px) {
#program_post_slider .modal-dialog{max-width: 100%;}
}
@media only screen and (max-width: 600px) {
}
@media (max-width: 576px) {
}
</style>
<style>
.program_post_swiper_out_box{
width: 100%;
margin: 0 auto;
position: relative;
max-width: 700px;
/*max-height:400px;*/
overflow: hidden;
background: rgb(10,10,10);
height: calc(100% - 210px);
}
.program_post_swiper_out_box_show{
display:block !important;
}
.program_post_swiper2,.program_post_swiper {
width: 100%;
position: relative;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.program_post_swiper2 .swiper-slide,.program_post_swiper .swiper-slide {
background-size: cover;
background-position: center;
text-align: center;
font-size: 18px;
background: rgb(10,10,10);
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.program_post_swiper .swiper-slide img,.program_post_swiper .swiper-slide .program_post_swiper_link img,.program_post_swiper .swiper-slide canvas{
display: block;
width: 100%;
height: 100%;
object-fit:contain;
}
.program_post_swiper2 .swiper-slide img,.program_post_swiper2 .swiper-slide .program_post_swiper_link img,.program_post_swiper2 .swiper-slide canvas{
width: 100%;
height: 100%;
object-fit:contain;
max-width: 700px;
}
.program_post_swiper2 {
height: calc(100% - 100px);
position: relative;
overflow:visible;
/*height: 80%;
width: 100%;*/
}
.program_post_swiper2 .swiper-slide {
padding: 0 15px;
position: relative;
}
.program_post_swiper2 .swiper-slide .post_share{
width: 100%;
object-fit:contain;
max-width: 700px;
position: absolute;
top:0;
left:0;
right:0;
margin:0 auto;
}
.program_post_swiper2 .swiper-slide .post_share a{
font-size:14px;
background: #242424;
cursor: pointer;
color:white;
border: 1px solid gray;
margin: 5px 3px;
}
.program-post-copy-btn,.program-post-facebook-btn,.program-post-line-btn,.program-post-download-btn{
padding:2px 7px;
margin:2px;
line-height: 20px;
border-radius: 3px;
}
.program-post-copy-btn:hover ,.program-post-facebook-btn:hover,.program-post-line-btn:hover,.program-post-download-btn:hover{
background: rgba(255,255,255,0.8);
}
.program-post-copy-btn:hover > span{
color: #e60412;
transition: 0.2s;
}
.program-post-copy-btn:hover > svg path{
fill:#D9000D;
}
.program-post-facebook-btn:hover > span{
color:#4267B2;
transition: 0.2s;
}
.program-post-download-btn:hover > span{
color:gray;
transition: 0.2s;
}
.program-post-download-btn:hover > i{
color:gray;
transition: 0.2s;
}
.program-post-facebook-btn:hover > svg #fb-box{
fill:#4267B2;
}
.program-post-facebook-btn:hover > svg #fb-font{
fill:#FFF;
}
.program-post-line-btn:hover > span{
color:#00C300;
transition: 0.2s;
}
.program-post-line-btn:hover > svg path{
fill:#00C300;
}
.program_post_swiper2 .swiper-slide .program_post_swiper_link{
display: block;
overflow: hidden;
width: 100%;
max-width: 700px;
height: 100%;
aspect-ratio: 16/9;
cursor: pointer;
}
.program_post_swiper2 .swiper-pagination{
z-index: 1;
}
.program_post_swiper2 .program_post_button_row {
height: 100%;
aspect-ratio: 16/9;
display:flex;
flex-direction:column;
justify-content:center;
max-height:160px;
max-width:500px;
border:1px solid white;
border-radius:5px;
color:white;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.program_post_swiper2 .program_post_button_row a{
aspect-ratio: auto;
max-width: 300px;
display: inline;
height: auto;
}
.program_post_swiper {
height: 100px;
box-sizing: border-box;
padding: 10px 0;
}
.program_post_swiper .swiper-slide {
width: 25%;
height: 100%;
opacity: 0.4;
cursor: pointer;
padding: 5px;
}
.program_post_swiper .program_post_swiper_pic_cover{
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
}
.program_post_swiper .swiper-slide-thumb-active {
opacity: 1 !important;
}
.program_post_swiper2 .swiper-button-disabled{
cursor: unset;
pointer-events: unset;
}
.program_post_swiper2 .swiper-button-next,.program_post_swiper2 .swiper-button-prev{
color:white;
}
.program_post_swiper2 .swiper-button-next::after, .program_post_swiper2 .swiper-button-prev::after {
background:rgba(58, 57, 57, 0.7);
border:1px solid #777;
}
.program_post_swiper2 .swiper-button-next::after {
border-radius: 5px 0 0 5px;
border-right:1px solid #353535;
padding:20px 20px 20px 25px;
}
.program_post_swiper2 .swiper-button-prev::after {
border-radius: 0 5px 5px 0;
border-left:1px solid #353535;
padding: 20px 25px 20px 20px;
}
.program_post_swiper2 .swiper-button-next:hover::after, .program_post_swiper2 .swiper-button-prev:hover::after {
background:rgba(0,0,0,0.8);
}
.program_post_swiper2 .swiper-button-next::after,.program_post_swiper2 .swiper-button-prev::after {
font-family: 'FontAwesome';
}
.program_post_swiper2 .swiper-button-next::after,.program_post_swiper2 .swiper-rtl .swiper-button-prev::after {
content: '\f0da';
}
.program_post_swiper2 .swiper-button-prev::after, .program_post_swiper2 .swiper-rtl .swiper-button-next::after {
content: '\f0d9';
}
.program_post_button_row{
width: 100%;
max-width: 700px;
height: 180px;
margin:0px auto;
/* border:1px solid white;*/
padding: 10px;
color:white;
}
.program_post_button_row_inner_box{
width: 100%;
height: 100%;
text-align:center;
border-radius:5px;
padding:20px 10px;
border:1px solid white;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.program_post_button_row p{
font-size:16px;
margin:5px 0;
font-weight: 400;
}
.program_post_button_row h3{
font-size:20px;
margin:5px 0;
font-weight:600;
}
.program_post_button_row h3 a{
color: #d9000d;
text-decoration: underline;
}
.post_modal_button{
text-align: center;
display: inline-block;
/* width: 100%; */
padding: 10px 10px;
line-height: 22px;
font-size: 20px;
border: none;
background: #d9000d;
color: white;
width: 100%;
max-width: 300px;
margin-top: 5px;
border-radius: 3px;
}
.post_modal_button:hover{
color:white !important;
background: #850008 !important;
}
@media (max-width: 576px) {
.program_post_swiper {
height: 100px;
}
.program_post_button_row p{
font-size:12px;
}
}
</style>
<style>
.context-menu {
position: absolute;
display: none;
background-color: #fff;
border: 1px solid #ccc;
padding: 5px;
z-index: 2;
border-radius:5px;
}
.context-menu .mutiple_show{
display: none;
}
.context-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.context-menu ul li {
padding: 5px 10px;
cursor: pointer;
}
.context-menu ul li:hover {
background-color: #f0f0f0;
}
</style>
<style type="text/css">
/*
* play video model
*/
#program_post_img_big{
padding-right:0 !important;
}
#program_post_img_big .modal-dialog{max-width: 100%;margin:0;}
#program_post_img_big .modal-header {
padding: 5px 10px 5px 10px;
border:none;
}
#program_post_img_big .modal-body{
height: calc(100% - 50px);
padding: 0 1rem;
position: relative;
}
#program_post_img_big .modal-content{
height: 100vh;
border-radius: 0;
background: rgb(0, 0, 0);
}
#program_post_img_big_link{
display: block;
height: 100%;
}
#program_post_img_big_link canvas{
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
#program_post_img_big .modal-body .close{
font-size: 40px;
color: white;
position: absolute;
right: 10px;
top:10px;
}
@media only screen and (max-width: 1300px) {
#program_post_img_big .modal-body{padding: 0 1rem 1rem 1rem;}
}
@media only screen and (max-width: 767px) {
#program_post_img_big .modal-dialog{max-width: 100%;}
}
@media only screen and (max-width: 600px) {
}
@media (max-width: 576px) {
}
</style>
<style type="text/css">
.modal-open{
padding-right:0 !important;
}
#search_modal{
padding-right: 0px !important;
}
#search_modal .modal-dialog{max-width: 500px;padding:10px;}
#search_modal .modal-header {
padding: 20px 10px 20px 10;
}
#search_modal .modal-body {
padding: 20px 10px 15px 10;
}
#search_modal .modal-header .close{
}
#search_modal .modal-footer {
border-top: 0;
}
#search_modal .modal-footer .btn-cancel{
background: #6c757d;
color: white;
}
#search_modal .modal-dialog{
margin: 5rem auto;
}
.block-radio {
display: inline-block;
text-align: center;
width: 100%;
padding: 10px;
position: relative;
}
.block-radio img{
height: 20px;
margin-bottom: 5px;
}
.block-radio input {
visibility:hidden;
position: absolute;
}
.block-radio label {
cursor: pointer;
position: relative;
border: 1px solid #d0d0d0;
background: #f9f9f9;
color: #666666;
padding:15px 10px 10px 10px;
margin: 0px;
min-height: 80px;
min-width: 120px;
width: 100%;
vertical-align: top;
border-radius: 5px;
}
.block-radio label::after{
content:"▼";
position: absolute;
bottom: -18px;
left: 0;
right: 0;
margin:0 auto;
color: transparent;
}
.block-radio input:checked + label {
background: #5aa9ff;
color: white !important;
border: 1px solid #5aa9ff;
}
.block-radio input:checked + label::after {
color: #5aa9ff;
}
.block-radio input:checked + label .icon-search::before{
color: #ffff !important;
}
.block-radio input:checked + label .icon-search path{
fill: #ffff !important;
}
.foodsearchtab{
border:1px solid #d0d0d0;
display: flex;
flex-wrap: nowrap;
justify-content: space-evenly;
padding: 2px;
}
.foodsearchtab .tab_line{
background: #d0d0d0;
width: 1px;
margin: 0 -10px;
}
.foodsearchtab li{
width: calc((100% - 1px) / 2);
text-align:center;
}
.foodsearchtab li a{
line-height: 32px;
font-size: 14px;
display: inline-block;
}
.foodsearchtab li .active{
color: #5aa9ff;
}
#foodsearch2 select{
border:1px solid #d0d0d0;
color: #5a5a5a;
font-size: 14px;
padding:8px 10px;
margin-top: 15px;
}
.dialog_food_title{
font-size: 14px;
/*color: #5aa9ff;*/
}
.dialog_food_title span{
font-size: 14px;
cursor: pointer;
color: #5aa9ff;
}
.dialog_food_title2{
font-size: 14px;
color: #717171;
font-weight: 600;
}
.dialog_food_title a{
border-bottom: 1px solid #5aa9ff;
cursor: pointer;
}
#foodsearch4 input{
margin-top: 15px;
font-size: 14px;
}
#type_raio_box,#type_raio_box2,#city_raio_box,#city_raio_box2{
margin-top: 5px;
background-color: #f5f5f5;
border: 1px solid #ededed;
}
#type_raio_box2,#city_raio_box2{
display:none;
}
.dialog_radio {
display: inline-block;
text-align: center;
width: 19%;
font-size: 14px;
position: relative;
}
.dialog_radio input {
visibility:hidden;
position: absolute;
}
.dialog_radio label {
cursor: pointer;
position: relative;
font-size: 13px;
color: #5a5a5a;
padding: 5px 6px;
margin: 2px 0px;
}
.dialog_radio input:checked + label {
color: #5aa9ff !important;
}
.dialog_radio2 {
display: inline-block;
text-align: center;
width: 24%;
font-size: 14px;
position: relative;
}
.dialog_radio2 input {
visibility:hidden;
position: absolute;
}
.dialog_radio2 label {
cursor: pointer;
position: relative;
font-size: 13px;
color: #5a5a5a;
padding: 5px 2px;
margin: 2px 0px;
}
.dialog_radio2 input:checked + label {
color: #5aa9ff !important;
}
.food_recent_search h5{
font-size: 12px;
color: #bcbcbc;
margin-top: 5px;
font-weight: 600;
}
.food_recent_search a{
font-size: 12px;
color: #bcbcbc;
border-bottom: 1px solid #d7d7d7;
padding: 5px 0;
display: block;
}
@media screen and (max-width: 992px) {
.block-radio label {
min-width: 100px;
font-size: 12px;
min-height: 75px;
}
.block-radio label::after{
bottom: -13px;
}
}
@media screen and (max-width: 475px) {
#search_modal .modal-body {
padding: 10px 5px;
}
.block-radio {
margin:5px -8px !important;
}
.block-radio label {
min-width: 90px;
}
.dialog_radio{
width: 32%;
}
.dialog_radio2{
width: 49%;
}
}
</style>
<style type="text/css">
/*
* idel page
*/
#ie-block-modal .modal-dialog{max-width: 650px; padding:10px;}
#ie-block-modal .modal-header {
padding: 10px 10px 10px 10;
}
#ie-block-modal .modal-body {
padding:20px;
text-align: center;
}
#ie-block-modal .modal-header h2{
font-size: 24px;
}
#ie-block-modal .modal-header .close{
}
#ie-block-modal .modal-body a{
display: inline-block;
padding:15px 5px;
color: white;
background:#5ca8f5;
width: 100%;
max-width: 180px;
margin:10px 5px;
transition: 0.2s;
}
#ie-block-modal .modal-body a:hover{
background:gray;
}
@media screen and (max-width: 992px){
#ie-block-modal .modal-header h2{
font-size: 20px;
}
#ie-block-modal .modal-body {
padding:0px;
}
#ie-block-modal .modal-body a{
max-width: 250px;
}
}
</style>
<style type="text/css">
#cookie_use_info{
position: fixed;
bottom: 10px;
margin:0 auto;
left: 0;
right: 0;
width: 90%;
max-width: 600px;
padding:10px 23px ;
background: white;
box-shadow: 0 0 5px rgba(0,0,0,0.7);
border:1px solid #d9000d;
border-radius: 3px;
z-index: 100;
display: none;
}
.cookie_use_info{
width: 100%;
float: left;
}
.cookie_use_info a{
color: #d9000d;
text-decoration: underline;
}
.cookie_use_btn{
width: 20%;
float: left;
display: inline-flex;
align-items: center;
justify-content: center;
}
.cookie_use_btn button{
background: #d9000d;
border-radius: 3px;
padding:9px 13px;
color: white;
border:none;
}
@media screen and (max-width: 475px){
.cookie_use_info{
width: 100%;
font-size: 12px;
}
.cookie_use_btn{
width: 20%;
float: left;
display: inline-flex;
align-items: center;
justify-content: center;
}
.cookie_use_btn button{
background: #d9000d;
border-radius: 3px;
padding:9px 13px;
color: white;
border:none;
}
}
@media screen and (max-width: 475px){
.cookie_use_info{
width: 100%;
font-size: 12px;
}
.cookie_use_btn{
width: 30%;
}
#cookie_use_info{
padding:10px ;
}
#cookie_use_info{
padding:10px ;
}
}
</style>
<style>
.ad_background_color {background-color:#f5f4f4;}
</style>
<style type="text/css">
/*
* idel page
*/
#idle_page{
padding: 0 !important;
top:50%;
transform: translateY(-50%);
}
#idle_page .modal-content{
padding: 15px 0;
}
#idle_page .modal-dialog{max-width: 1033px;}
#idle_page .modal-header {
padding: 0px 30px 0px 0; border-bottom: 0;
}
#idle_page .modal-body {
padding: 0 1rem 1rem;
}
#idle_page .modal-header .close b{
font-size:14px;
vertical-align: middle;
}
#idle_page .modal-header .close span{
font-size:30px;
vertical-align: middle;
color:black;
}
#idle_page .data-container {
position: relative;
overflow: hidden;
width: 100%;
max-width:990px;
margin: 0 auto !important;
}
#idle_page .data-container .idle_media{width: 33.333333333333%;padding:20px 10px 5px 10px;}
#idle_page .data-container .idle_media a{border:1px solid #979797; display:inline-block;}
#idle_page .data-container .idle_media img{width: 100%; object-fit: cover;aspect-ratio:16/9;border-bottom: 1px solid #bfbfbf;}
#idle_page .data-container .idle_inner_box{padding:5px 10px;min-height:100px;}
#idle_page .data-container .idle_media h5{
font-size: 18px; fonURL
GET http://www.ustv.com.tw/UstvMedia/
Response Headers
Access-Control-Allow-Headers:Origin, Content-Type, x-csrf-token, X-Auth-Token, Authorization, Accept,charset,boundary,Content-LengthContent-Length:290Content-Type:text/html; charset=iso-8859-1Date:Sun, 27 Apr 2025 01:21:45 GMTLocation:https://news.ustv.com.twServer:Apache/2.4.58 (Ubuntu)Set-Cookie:GCLB="b0c1be5086a90e31"; Path=/; HttpOnlyVia:1.1 googleX-Content-Type-Options:nosniffX-Frame-Options:SAMEORIGINX-Xss-Protection:1; mode=block
Response Body
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"> <html><head> <title>302 Found</title> </head><body> <h1>Found</h1> <p>The document has moved <a href="https://news.ustv.com.tw">here</a>.</p> <hr> <address>Apache/2.4.58 (Ubuntu) Server at www.ustv.com.tw Port 443</address> </body></html>
Resolver
Resolver ASN
AS3462
Resolver IP
168.95.43.167
Resolver Network Name
Chunghwa Telecom Co., Ltd.
Report ID
20250426T234749Z_webconnectivity_TW_18182_n1_VL9j19vCi9E2j8Mi
Platform
linux
Software Name
ooniprobe-cli (3.20.0)
Measurement Engine
ooniprobe-engine (3.20.0)