|
|
@@ -1,890 +1,1133 @@
|
|
|
<!DOCTYPE html>
|
|
|
<html lang="zh_TW">
|
|
|
- <head>
|
|
|
- <meta charset="UTF-8">
|
|
|
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
- <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
|
|
|
- <meta http-equiv="Cache-Control" content="no-cache">
|
|
|
- <title>TV Table</title>
|
|
|
- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css"
|
|
|
- rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x"
|
|
|
- crossorigin="anonymous">
|
|
|
- <style>
|
|
|
- @media (min-width: 576px){
|
|
|
- .modal-dialog {
|
|
|
- max-width: 750px;
|
|
|
- margin: 1.75rem auto;
|
|
|
- }
|
|
|
- }
|
|
|
- .entry-content {
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-
|
|
|
-.article-title,
|
|
|
-.entry-title {
|
|
|
- clear: left;
|
|
|
- border: 1px solid;
|
|
|
- height: auto;
|
|
|
- text-align: center;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 24px;
|
|
|
- color: #302519;
|
|
|
- border-top: 1px dotted #302519;
|
|
|
- margin: 0px 0px 0px 0px;
|
|
|
- padding: 10px 0px 7px 0px;
|
|
|
- border-bottom: 3px solid #302519;
|
|
|
-}
|
|
|
-
|
|
|
-.article-content-div,
|
|
|
-div.entry-content {
|
|
|
- width: 800px;
|
|
|
- background: white;
|
|
|
- text-align: center;
|
|
|
- margin: 0 0;
|
|
|
-}
|
|
|
-
|
|
|
-.article-content ul,
|
|
|
-div.entry-content ul {
|
|
|
- list-style: none;
|
|
|
- height: 50px;
|
|
|
- margin: 0 auto;
|
|
|
- width: 720px;
|
|
|
- min-height: 40px;
|
|
|
- margin: 0px 0px 0px 0px;
|
|
|
- border: 1px solid #ED912C;
|
|
|
- float: left;
|
|
|
- background: lightyellow;
|
|
|
- padding: 20px 0px 0px 0px;
|
|
|
- border-top: none;
|
|
|
- border-right: none;
|
|
|
- border-left: none;
|
|
|
- clear: both;
|
|
|
- padding-left: 70px;
|
|
|
-}
|
|
|
-.article-content ul li,
|
|
|
-div.entry-content ul li {
|
|
|
- float: left;
|
|
|
- width: 120px;
|
|
|
- /* width: 100px; */
|
|
|
- /* height: 40px; */
|
|
|
- text-align: center;
|
|
|
- float: left;
|
|
|
- font-weight: bold;
|
|
|
- text-shadow: 1px 1px 1px white;
|
|
|
- font-size: 15px;
|
|
|
- color: #643604;
|
|
|
-}
|
|
|
-
|
|
|
-.entry-content p,
|
|
|
-.article-content-div p {
|
|
|
- clear: both;
|
|
|
- width: 100%;
|
|
|
- height: 50px;
|
|
|
- text-align: left;
|
|
|
- padding: 20px 0px 0px 100px;
|
|
|
- font-size: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-/****/
|
|
|
-.article-content ul,
|
|
|
-div.entry-content ul {
|
|
|
- height: 35px;
|
|
|
- margin: 0 auto;
|
|
|
- width: 720px;
|
|
|
- min-height: 20px;
|
|
|
- margin: 0px 0px 0px 0px;
|
|
|
- border: 1px solid #ED912C;
|
|
|
- float: left;
|
|
|
- /* background: lightyellow; */
|
|
|
- padding: 5px 0px 0px 0px;
|
|
|
- border-top: none;
|
|
|
- border-right: none;
|
|
|
- border-left: none;
|
|
|
- clear: both;
|
|
|
- padding-left: 70px;
|
|
|
-}
|
|
|
-
|
|
|
-.article-content ul li,
|
|
|
-div.entry-content ul li {
|
|
|
- float: left;
|
|
|
- width: 120px;
|
|
|
- /* width: 100px; */
|
|
|
- height: 30px;
|
|
|
- text-align: center;
|
|
|
- float: left;
|
|
|
- font-weight: normal;
|
|
|
- text-shadow: 1px 1px 1px white;
|
|
|
- font-size: 15px;
|
|
|
- color: #522c03;
|
|
|
- font-family: "微軟正黑體";
|
|
|
-}
|
|
|
-
|
|
|
-.hometv_ul_title {
|
|
|
- height: 25px;
|
|
|
- color: #C57A28;
|
|
|
- font-weight: normal;
|
|
|
- letter-spacing: 0.2em;
|
|
|
- font-size: 16px;
|
|
|
- background: lightyellow !important;
|
|
|
- border-bottom: 5px solid #cdcc00 !important;
|
|
|
- border-top: 1px dotted rgb(197, 122, 40) !important;
|
|
|
-}
|
|
|
-
|
|
|
-.entry-content p,
|
|
|
-.article-content-div p {
|
|
|
- clear: both;
|
|
|
- width: 790px;
|
|
|
- height: 25px;
|
|
|
- text-align: center;
|
|
|
- padding: 5px 0px 0px 0px;
|
|
|
- font-size: 16px;
|
|
|
- color: white;
|
|
|
- background: gray;
|
|
|
- margin: 0px 20px 0px 100px;
|
|
|
- font-weight: bold;
|
|
|
-}
|
|
|
-
|
|
|
-/****/
|
|
|
-.hometv_ul_title {
|
|
|
- height: 30px !important;
|
|
|
- color: #C57A28;
|
|
|
- font-weight: normal;
|
|
|
- letter-spacing: 0.2em;
|
|
|
- font-size: 16px;
|
|
|
- background: lightyellow !important;
|
|
|
- border-bottom: 5px solid #cdcc00 !important;
|
|
|
- border-top: 1px dotted rgb(197, 122, 40) !important;
|
|
|
- margin-top: 0px !important;
|
|
|
- padding-top: 0px !important;
|
|
|
-}
|
|
|
-
|
|
|
-.article-content-div,
|
|
|
-div.entry-content {
|
|
|
- width: 800px;
|
|
|
- background: white;
|
|
|
- text-align: center;
|
|
|
- margin: 0 auto 0px 0px;
|
|
|
- padding-top: 10px;
|
|
|
- height: 2400px;
|
|
|
-}
|
|
|
-
|
|
|
-.article-content-div {
|
|
|
- padding: 50px 0px;
|
|
|
- height: 100%;
|
|
|
- padding-bottom: 1150px !important;
|
|
|
-}
|
|
|
-.article-content ul,
|
|
|
-div.entry-content ul {
|
|
|
- height: 35px;
|
|
|
- margin: 0 auto;
|
|
|
- width: 720px;
|
|
|
- min-height: 20px;
|
|
|
- margin: 0px 0px 0px 0px;
|
|
|
- border: 1px solid #ED912C;
|
|
|
- float: left;
|
|
|
- background: white;
|
|
|
- padding: 5px 0px 0px 0px;
|
|
|
- border-top: none;
|
|
|
- border-right: none;
|
|
|
- border-left: none;
|
|
|
- clear: both;
|
|
|
- padding-left: 70px;
|
|
|
-}
|
|
|
-
|
|
|
-.article-content ul li,
|
|
|
-div.entry-content ul li {
|
|
|
- width: 138px !important;
|
|
|
-}
|
|
|
-
|
|
|
-.navigation,
|
|
|
-.post-navigation {
|
|
|
- clear: both;
|
|
|
-}
|
|
|
-.hometv_schedule3 ul {
|
|
|
- float: left;
|
|
|
- width: 205px;
|
|
|
- height: 200px;
|
|
|
- margin: 0 auto;
|
|
|
- text-align: center;
|
|
|
- padding: 35px 30px 0px 30px;
|
|
|
-}
|
|
|
-.hometv_schedule3 ul li {
|
|
|
- float: left;
|
|
|
-}
|
|
|
-
|
|
|
-.hometv_schedule3 {
|
|
|
- max-width: 1340px;
|
|
|
- margin: 0 auto !important;
|
|
|
-}
|
|
|
-.hometv_schedule3 ul li h3 {
|
|
|
- margin-top: 5px;
|
|
|
- border-left: 5px solid rgb(205, 204, 0);
|
|
|
- padding: 0px 40px;
|
|
|
- background-color: rgb(205, 204, 0);
|
|
|
- width: 100px;
|
|
|
-}
|
|
|
-
|
|
|
-.hometv_schedule3 ul li h3 {
|
|
|
- margin-top: 5px;
|
|
|
- border-left: 5px solid rgb(205, 204, 0);
|
|
|
- padding: 40px 50px 40px 60px;
|
|
|
- background-color: rgb(205, 204, 0);
|
|
|
- width: 1150px;
|
|
|
- font-size: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-@media screen and (max-width: 1496px) {
|
|
|
- .hometv_video {
|
|
|
- width: 800px;
|
|
|
- height: 340px;
|
|
|
- margin: 0 auto !important;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-@media screen and (max-width: 1000px) {
|
|
|
- /****/
|
|
|
- .hometv_schedule3 ul {
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
- min-height: 50px;
|
|
|
- margin: 0 auto;
|
|
|
- text-align: center;
|
|
|
- margin: 0px 0px !important;
|
|
|
- padding: 0px 0px !important;
|
|
|
- }
|
|
|
-
|
|
|
- h4 {
|
|
|
- font-size: 14px;
|
|
|
- color: #262623;
|
|
|
- margin: 0px 0px !important;
|
|
|
- font-weight: bold;
|
|
|
- margin-top: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- .schedule1_h4_0,
|
|
|
- .hometv_schedule3 h2.title1,
|
|
|
- .schedule1_h4_0,
|
|
|
- .schedule2 li h4,
|
|
|
- .schedule1_h4,
|
|
|
- .hometv_schedule3 h2 {
|
|
|
- margin: 0px 0px !important;
|
|
|
- }
|
|
|
-
|
|
|
- .hometv_schedule3 ul li h3 {
|
|
|
- margin: 5px;
|
|
|
- border-left: 5px solid rgb(205, 204, 0);
|
|
|
- padding: 0px 40px;
|
|
|
- background-color: rgb(205, 204, 0);
|
|
|
- height: 40px;
|
|
|
- }
|
|
|
-
|
|
|
- .hometv_schedule3 ul li,
|
|
|
- .hometv_schedule3 h2,
|
|
|
- .hometv_schedule3 h4 {
|
|
|
- float: left !important;
|
|
|
- width: 100% !important;
|
|
|
- }
|
|
|
-
|
|
|
- .hometv_schedule3 ul {
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
- min-height: 0px !important;
|
|
|
- margin: 0 auto;
|
|
|
- text-align: center;
|
|
|
- margin: 0px 0px !important;
|
|
|
- padding: 0px 0px !important;
|
|
|
- height: auto !important;
|
|
|
- }
|
|
|
-
|
|
|
- .hometv_schedule3 ul li h3 {
|
|
|
- padding: 5px 0px 0px 0px;
|
|
|
- background-color: rgb(205, 204, 0);
|
|
|
- height: 40px;
|
|
|
- width: 99%;
|
|
|
- margin: 5px 0px;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-@media screen and (max-width: 768px) {
|
|
|
- .jcarousel-wrapper {
|
|
|
- margin: 29px auto !important;
|
|
|
- }
|
|
|
-
|
|
|
- .hometv_menu {
|
|
|
- float: left;
|
|
|
- top: 170px;
|
|
|
- position: absolute;
|
|
|
- z-index: 100;
|
|
|
- width: 100%;
|
|
|
- height: 25px;
|
|
|
- padding: 10px 0px 5px 0px;
|
|
|
- margin: 0px 0px 0px 0px;
|
|
|
- background: #cdcc00;
|
|
|
- color: white;
|
|
|
- }
|
|
|
-
|
|
|
- div.entry-content ul {
|
|
|
- margin: 0px 0px;
|
|
|
- }
|
|
|
- .hometv_area {
|
|
|
- padding: 0px 0px !important;
|
|
|
- }
|
|
|
-
|
|
|
- /****/
|
|
|
- .hometv_schedule3 ul {
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
- min-height: 50px;
|
|
|
- margin: 0 auto;
|
|
|
- text-align: center;
|
|
|
- margin: 0px 0px !important;
|
|
|
- padding: 0px 0px !important;
|
|
|
- }
|
|
|
-
|
|
|
- h4 {
|
|
|
- font-size: 14px;
|
|
|
- color: #262623;
|
|
|
- margin: 0px 0px !important;
|
|
|
- font-weight: bold;
|
|
|
- margin-top: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- .schedule1_h4_0,
|
|
|
- .hometv_schedule3 h2.title1,
|
|
|
- .schedule1_h4_0,
|
|
|
- .schedule2 li h4,
|
|
|
- .schedule1_h4,
|
|
|
- .hometv_schedule3 h2 {
|
|
|
- margin: 0px 0px !important;
|
|
|
- }
|
|
|
-
|
|
|
- .hometv_schedule3 ul li h3 {
|
|
|
- margin: 5px;
|
|
|
- border-left: 5px solid rgb(205, 204, 0);
|
|
|
- padding: 0px 40px;
|
|
|
- background-color: rgb(205, 204, 0);
|
|
|
- height: 40px;
|
|
|
- }
|
|
|
-
|
|
|
- .hometv_schedule3 ul li,
|
|
|
- .hometv_schedule3 h2,
|
|
|
- .hometv_schedule3 h4 {
|
|
|
- float: left !important;
|
|
|
- width: 100% !important;
|
|
|
- }
|
|
|
-
|
|
|
- .hometv_schedule3 ul {
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
- min-height: 0px !important;
|
|
|
- margin: 0 auto;
|
|
|
- text-align: center;
|
|
|
- margin: 0px 0px !important;
|
|
|
- padding: 0px 0px !important;
|
|
|
- height: auto !important;
|
|
|
- }
|
|
|
-
|
|
|
- .hometv_schedule3 ul li h3 {
|
|
|
- padding: 5px 0px 0px 0px;
|
|
|
- background-color: rgb(205, 204, 0);
|
|
|
- height: 40px;
|
|
|
- width: 99%;
|
|
|
- margin: 5px 0px;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-@media screen and (max-width: 800px) {
|
|
|
- .hometv_live {
|
|
|
- display: block !important;
|
|
|
- }
|
|
|
-}
|
|
|
-.hometv_schedule2 {
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
- text-align: center;
|
|
|
- margin: 0 auto;
|
|
|
- clear: both;
|
|
|
- background: white;
|
|
|
-}
|
|
|
-
|
|
|
-.header {
|
|
|
- background: white;
|
|
|
- width: 100%;
|
|
|
- height: 170px;
|
|
|
-}
|
|
|
-
|
|
|
-div.div_info ul li {
|
|
|
- min-width: 132px !important;
|
|
|
- max-height: 180px !important;
|
|
|
- text-align: left !important;
|
|
|
- height: auto !important;
|
|
|
-}
|
|
|
-
|
|
|
-div.div_info ul {
|
|
|
- max-height: 110px !important;
|
|
|
- height: auto;
|
|
|
-}
|
|
|
-
|
|
|
-#tinan, #ping{
|
|
|
- height: 120px;
|
|
|
- max-height: 120px !important;
|
|
|
-}
|
|
|
-
|
|
|
-.hometv_ul_title {
|
|
|
- min-height: 35px !important;
|
|
|
-}
|
|
|
-div.div_info ul li.location {
|
|
|
- width: 250px !important;
|
|
|
-}
|
|
|
-div.div_info ul li {
|
|
|
- vertical-align: middle !important;
|
|
|
-}
|
|
|
-div.div_info ul li.location_title {
|
|
|
- text-align: center !important;
|
|
|
-}
|
|
|
-
|
|
|
-.hometv_live {
|
|
|
- display: none;
|
|
|
-}
|
|
|
-
|
|
|
-.hometv_logo2 {
|
|
|
- margin: 0px 30px;
|
|
|
-}
|
|
|
-.hometv_schedule3 h2 {
|
|
|
- color: #643604;
|
|
|
-}
|
|
|
-.hometv_time {
|
|
|
- margin-top: 0px !important;
|
|
|
-}
|
|
|
-.hometv_area {
|
|
|
- min-height: 500px !important;
|
|
|
- padding: 0px;
|
|
|
- width: 700px !important;
|
|
|
- margin: 0px auto;
|
|
|
- clear: both;
|
|
|
- height: 100%;
|
|
|
- padding-bottom: 1150px !important;
|
|
|
-}
|
|
|
-
|
|
|
-.hometv_logo2 {
|
|
|
- margin: -40px 0px 0px 0px;
|
|
|
- width: 80%;
|
|
|
-}
|
|
|
-
|
|
|
-.hometv_schedule3 h2 {
|
|
|
- color: #643604;
|
|
|
- /* padding-top: 40px;*/
|
|
|
- width: 210px;
|
|
|
- border-bottom: 1px solid rgb(246, 218, 187);
|
|
|
-}
|
|
|
-
|
|
|
-.hometv_schedule3 h2.title1 {
|
|
|
- /* margin-top: -50px;*/
|
|
|
- margin-left: 15px;
|
|
|
-}
|
|
|
-
|
|
|
-.schedule1 {
|
|
|
- border: none;
|
|
|
-}
|
|
|
-
|
|
|
-.schedule1_h4 {
|
|
|
- margin: 28px 0px 0px -287px;
|
|
|
-}
|
|
|
-
|
|
|
-.hometv_program ul li {
|
|
|
- text-align: left;
|
|
|
- padding-left: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.hometv_program ul {
|
|
|
- width: 330px;
|
|
|
- height: 390px;
|
|
|
- background: white;
|
|
|
- float: left;
|
|
|
- margin: 20px 20px;
|
|
|
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-
|
|
|
-.hometv_program_link {
|
|
|
- color: black;
|
|
|
- position: absolute;
|
|
|
- bottom: 0;
|
|
|
- padding: 0 0 20px 0;
|
|
|
-}
|
|
|
-
|
|
|
-.hometv_program_title {
|
|
|
- color: #cdcc00;
|
|
|
- font-size: 18px;
|
|
|
-}
|
|
|
-
|
|
|
-.hometv_video ul li a {
|
|
|
- font-size: 17px;
|
|
|
-}
|
|
|
-
|
|
|
-.schedule2 li h4 {
|
|
|
- margin: 0px 0px 0px 10px !important;
|
|
|
-}
|
|
|
-
|
|
|
-.schedule1_h4_0 {
|
|
|
- margin: 0px 0px 0px 45px !important;
|
|
|
-}
|
|
|
-.schedule_left {
|
|
|
- text-align: left !important;
|
|
|
-}
|
|
|
-.schedule_program {
|
|
|
- letter-spacing: 20px !important;
|
|
|
-}
|
|
|
-
|
|
|
-@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
|
|
|
- .container,
|
|
|
- .center,
|
|
|
- .article,
|
|
|
- .article.next,
|
|
|
- .article-content-div {
|
|
|
- width: 1200px !important;
|
|
|
- height: auto !important;
|
|
|
- margin: 0px 0px !important;
|
|
|
- padding: 0px 0px !important;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-@media screen and (max-width: 480px) {
|
|
|
- .container,
|
|
|
- .center,
|
|
|
- .article,
|
|
|
- .article.next,
|
|
|
- .article-content-div {
|
|
|
- width: 480px !important;
|
|
|
- height: auto !important;
|
|
|
- margin: 0px 0px !important;
|
|
|
- padding: 0px 0px !important;
|
|
|
- }
|
|
|
-
|
|
|
- header {
|
|
|
- width: 100% !important;
|
|
|
- height: 270px !important;
|
|
|
- margin: 0px 0px !important;
|
|
|
- }
|
|
|
- .article-content ul,
|
|
|
- .article-content-div,
|
|
|
- .article-content,
|
|
|
- .article-content ul li,
|
|
|
- div.entry-content ul li.col ul,
|
|
|
- .col2 ul,
|
|
|
- .article-content-div,
|
|
|
- div.entry-content,
|
|
|
- article,
|
|
|
- #main,
|
|
|
- .entry-title,
|
|
|
- #primary,
|
|
|
- .col2,
|
|
|
- footer,
|
|
|
- .hometv_video,
|
|
|
- .hometv_program,
|
|
|
- .hometv_schedule3,
|
|
|
- .hometv_area,
|
|
|
- div.entry-content ul,
|
|
|
- .col,
|
|
|
- .col2,
|
|
|
- .col ul li,
|
|
|
- .col2 ul li,
|
|
|
- .article-content-div,
|
|
|
- div.entry-content,
|
|
|
- .entry-content p,
|
|
|
- .article-content-div p {
|
|
|
- width: 100% !important;
|
|
|
- margin: 0px 0px !important;
|
|
|
- padding: 0px 0px !important;
|
|
|
- height: auto !important;
|
|
|
- }
|
|
|
-
|
|
|
- /****/
|
|
|
- .hometv_schedule3 ul {
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
- min-height: 50px;
|
|
|
- margin: 0 auto;
|
|
|
- text-align: center;
|
|
|
- margin: 0px 0px !important;
|
|
|
- padding: 0px 0px !important;
|
|
|
- }
|
|
|
-
|
|
|
- h4 {
|
|
|
- font-size: 14px;
|
|
|
- color: #262623;
|
|
|
- margin: 0px 0px !important;
|
|
|
- font-weight: bold;
|
|
|
- margin-top: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- .schedule1_h4_0,
|
|
|
- .hometv_schedule3 h2.title1,
|
|
|
- .schedule1_h4_0,
|
|
|
- .schedule2 li h4,
|
|
|
- .schedule1_h4,
|
|
|
- .hometv_schedule3 h2 {
|
|
|
- margin: 0px 0px !important;
|
|
|
- }
|
|
|
-
|
|
|
- .hometv_schedule3 ul li h3 {
|
|
|
- margin: 5px;
|
|
|
- border-left: 5px solid rgb(205, 204, 0);
|
|
|
- padding: 0px 40px;
|
|
|
- background-color: rgb(205, 204, 0);
|
|
|
- height: 40px;
|
|
|
- }
|
|
|
-
|
|
|
- .hometv_schedule3 ul li,
|
|
|
- .hometv_schedule3 h2,
|
|
|
- .hometv_schedule3 h4 {
|
|
|
- float: left !important;
|
|
|
- width: 100% !important;
|
|
|
- }
|
|
|
-
|
|
|
- .hometv_schedule3 ul {
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
- min-height: 0px !important;
|
|
|
- margin: 0 auto;
|
|
|
- text-align: center;
|
|
|
- margin: 0px 0px !important;
|
|
|
- padding: 0px 0px !important;
|
|
|
- height: auto !important;
|
|
|
- }
|
|
|
-
|
|
|
- .hometv_schedule3 ul li h3 {
|
|
|
- padding: 5px 0px 0px 0px;
|
|
|
- background-color: rgb(205, 204, 0);
|
|
|
- height: 40px;
|
|
|
- width: 99%;
|
|
|
- margin: 5px 0px;
|
|
|
- }
|
|
|
-
|
|
|
- .hometv_menu {
|
|
|
- top: 170px !important;
|
|
|
- width: 480px !important;
|
|
|
- }
|
|
|
-
|
|
|
- .hometv_menu a {
|
|
|
- margin: 10px 5px !important;
|
|
|
- letter-spacing: -0.1em !important;
|
|
|
- height: 30px !important;
|
|
|
- }
|
|
|
-
|
|
|
- /***/
|
|
|
- div.div_info ul li.location {
|
|
|
- width: 200px !important;
|
|
|
- /*padding-bottom: 25px !important;*/
|
|
|
- height: auto !important;
|
|
|
- max-height: 200px !important;
|
|
|
- }
|
|
|
-
|
|
|
- div.div_info ul li.system {
|
|
|
- padding-left: 15px !important;
|
|
|
- }
|
|
|
-
|
|
|
- .hometv_area,
|
|
|
- div.entry-content {
|
|
|
- height: 500px !important;
|
|
|
- padding: 0px 0px !important;
|
|
|
- width: 100% !important;
|
|
|
- margin: 0px 0px !important;
|
|
|
- clear: both;
|
|
|
- }
|
|
|
- div.div_info ul {
|
|
|
- height: auto !important;
|
|
|
- }
|
|
|
-
|
|
|
- /****/
|
|
|
- .article-content ul li.li_program,
|
|
|
- .entry-content ul li.li_program {
|
|
|
- width: 155px !important;
|
|
|
- /*border:1px solid red ;*/
|
|
|
- }
|
|
|
-
|
|
|
- .article-content ul li,
|
|
|
- div.entry-content ul li,
|
|
|
- div.entry-contentul ul.hometv_ul_title li {
|
|
|
- /*border:1px solid gray;*/
|
|
|
- width: 70px !important;
|
|
|
- height: 30px !important;
|
|
|
- }
|
|
|
-
|
|
|
- div.entry-content ul li.schedule_left,
|
|
|
- div.article-content-div ul li.schedule_left,
|
|
|
- .schedule_program {
|
|
|
- width: 185px !important;
|
|
|
- }
|
|
|
-
|
|
|
- div.col ul li {
|
|
|
- width: auto !important;
|
|
|
- float: left !important;
|
|
|
- margin: 50px 5px 0px 5px !important;
|
|
|
- height: 30px !important;
|
|
|
- }
|
|
|
-
|
|
|
- .article-content ul,
|
|
|
- div.entry-content ul {
|
|
|
- height: 35px;
|
|
|
- }
|
|
|
-
|
|
|
- .article-content ul,
|
|
|
- div.entry-content ul {
|
|
|
- margin: 0px 0px 0px 0px;
|
|
|
- display: flex;
|
|
|
- }
|
|
|
-
|
|
|
- div.entry-content ul li.ch {
|
|
|
- margin-right: -30px;
|
|
|
- }
|
|
|
-}
|
|
|
-.v-dialog--scrollable {
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-.btn-dismiss {
|
|
|
- position: absolute;
|
|
|
- right: -2rem;
|
|
|
- top: -1.5rem;
|
|
|
- background: transparent;
|
|
|
- outline: none;
|
|
|
- border: 1px solid white;
|
|
|
- color: white;
|
|
|
- border-radius: 50%;
|
|
|
- width: 2rem;
|
|
|
- height: 2rem;
|
|
|
- font-size: 1.2rem;
|
|
|
-}
|
|
|
-
|
|
|
-.modal-dialog-scrollable .modal-content {
|
|
|
- overflow: visible;
|
|
|
-}
|
|
|
-
|
|
|
-@media screen and (max-width: 768px) {
|
|
|
- .modal-dialog {
|
|
|
- width: calc(100% - 0.5rem);
|
|
|
- margin: 3.5rem 0.25rem;
|
|
|
- height: calc(100% - 11rem);
|
|
|
- }
|
|
|
- .btn-dismiss {
|
|
|
- right: 1.2rem;
|
|
|
- top: -2.4rem;
|
|
|
- width: 1.8rem;
|
|
|
- height: 1.8rem;
|
|
|
- padding: 0 0.1rem;
|
|
|
- font-size: 1.1rem;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .modal-body {
|
|
|
- padding: 0;
|
|
|
- }
|
|
|
- .div.entry-content ul li {
|
|
|
- font-size: 14px;
|
|
|
- }
|
|
|
- div.div_info ul {
|
|
|
- max-height: 220px !important;
|
|
|
- }
|
|
|
-
|
|
|
- #tinan, #ping{
|
|
|
- max-height: 220px !important;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
- </style>
|
|
|
- </head>
|
|
|
- <body style="background-color:rgba(39, 37, 38, 0.603);" class="modal fade show" id="exampleModal" style="display: block;">
|
|
|
-
|
|
|
- <div class="modal-dialog modal-dialog-scrollable">
|
|
|
- <div class="modal-content">
|
|
|
- <button type="button" class="btn-dismiss">Ｘ</button>
|
|
|
- <div class="modal-body">
|
|
|
- <div class="entry-content hometv_area" id="hometv_area">
|
|
|
- <div id="div_info" class="div_info">
|
|
|
- <font size="5" color="522C03">中華電信MOD 全省CH266 皆可收看GSTV幸福空間居家台</font>
|
|
|
- <ul class="hometv_ul_title">
|
|
|
- <li class="system">系統業者</li>
|
|
|
- <li class="ch">數位頻道</li>
|
|
|
- <li class="location_title location">播出地區</li>
|
|
|
- </ul>
|
|
|
- <ul><li class="system">凱擘-陽明山有線<li class="ch">CH91</li><li class="location">台北：士林區、北投區</li></ul>
|
|
|
- <ul><li class="system">凱擘-大安文山<li class="ch">CH91</li><li class="location">台北：文山區、大安區</li></ul>
|
|
|
- <ul><li class="system">凱擘-金頻道<li class="ch">CH91</li><li class="location">台北：松山區、大同區、中山區</li></ul>
|
|
|
- <ul><li class="system">凱擘-新台北<li class="ch">CH91</li><li class="location">台北：信義區、南港區、內湖區</li></ul>
|
|
|
- <ul><li class="system">凱擘-全聯<li class="ch">CH91</li><li class="location">新北：蘆洲區、三重區、八里區</li></ul>
|
|
|
- <ul><li class="system">凱擘-新唐城<li class="ch">CH91</li><li class="location">新北：新店區、深坑區、坪林區、石碇區、烏來區</li></ul>
|
|
|
- <ul><li class="system">凱擘-大新店民主<li class="ch">CH91</li><li class="location">新北：新店區、深坑區、坪林區、石碇區、烏來區</li></ul>
|
|
|
- <ul><li class="system">大大寬頻-大豐有線<li class="ch">CH91</li><li class="location">新北：板橋區、土城區、中和區、永和區、三峽區、鶯歌區、樹林區</li></ul>
|
|
|
- <ul><li class="system">凱擘-北桃園<li class="ch">CH91</li><li class="location">桃園：桃園區、八德區、龜山區、蘆竹區、大園區</li></ul>
|
|
|
- <ul><li class="system">凱擘-振道有線<li class="ch">CH91</li><li class="location">新竹：新竹市</li></ul>
|
|
|
- <ul><li class="system">凱擘-豐盟有線<li class="ch">CH91</li><li class="location">台中：豐原區、東勢區、后里區、神岡區、潭子區、大雅區、新社區、石岡區、外埔區、和平區</li></ul>
|
|
|
- <ul><li class="system">凱擘-新頻道<li class="ch">CH91</li><li class="location">彰化：和美鎮、鹿港鎮、秀水鄉、芬園鄉、線西鄉、伸港鄉、花壇鄉、福興鄉、彰化市、埔鹽鄉、大村鄉</li></ul>
|
|
|
- <ul id="tinan"><li class="system">凱擘-南天有線<li class="ch">CH91</li><li class="location">台南：新營區、鹽水區、下營區、柳營區、後壁區、白河區、東山區、六甲區、官田區、佳里區、麻豆區、西港區、七股區、將軍區、北門區、學甲區</li></ul>
|
|
|
- <ul><li class="system">凱擘-觀昇<li class="ch">CH91</li><li class="location">屏東：長治鄉、鹽埔鄉、高樹鄉、九如鄉、霧台鄉、萬丹鄉、里港鄉、麟洛鄉、瑪家鄉、新園鄉、三地門鄉、內埔鄉、泰武鄉、屏東市</li></ul>
|
|
|
- <ul id="ping"><li class="system">凱擘-屏南</li><li class="ch">CH91</li><li class="location" style="height: 140px;">
|
|
|
- 屏東：潮州鎮、恆春鎮、獅子鄉、萬巒鄉、牡丹鄉、春日鄉、佳冬鄉、枋山鄉、南州鄉、崁頂鄉、滿州鄉、來義鄉、東港鎮、竹田鄉、枋寮鄉、林邊鄉、車城鄉、琉球鄉、新埤鄉
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <ul><li class="system">台固-永佳樂<li class="ch">CH91</li><li class="location">新北：新莊區、五股區、林口區、泰山區</li></ul>
|
|
|
- <ul><li class="system">台固-紅樹林<li class="ch">CH91</li><li class="location">新北：淡水區、三芝區、石門區、金山區、萬里區</li></ul>
|
|
|
- <ul><li class="system">台固-觀天下<li class="ch">CH91</li><li class="location">新北：汐止區、瑞芳區、雙溪區、平溪區、貢寮區</li></ul>
|
|
|
- <ul><li class="system">台固-聯禾<li class="ch">CH91</li><li class="location">宜蘭：宜蘭縣</li></ul>
|
|
|
- <ul><li class="system">台固-鳳信<li class="ch">CH91</li><li class="location">高雄：林園區、大寮區、鳥松區、仁武區、大樹區、大社區、鳳山區</li></ul>
|
|
|
- <ul><li class="system">中嘉-吉隆<li class="ch">CH125</li><li class="location">基隆市全區</li></ul>
|
|
|
- <ul><li class="system">中嘉-長德<li class="ch">CH125</li><li class="location">台北：松山區、大同區、中山區</li></ul>
|
|
|
- <ul><li class="system">中嘉-麗冠<li class="ch">CH125</li><li class="location">台北：信義區、南港區、內湖區</li></ul>
|
|
|
- <ul><li class="system">中嘉-萬象<li class="ch">CH125</li><li class="location">台北：文山區、大安區</li></ul>
|
|
|
- <ul><li class="system">中嘉-新視波<li class="ch">CH125</li><li class="location">新北：永和區、中和區</li></ul>
|
|
|
- <ul><li class="system">中嘉-數位天空<li class="ch">CH125</li><li class="location">新北：板橋區、土城區</li></ul>
|
|
|
- <ul><li class="system">中嘉-家和<li class="ch">CH125</li><li class="location">新北：三峽區、鶯歌區、樹林區</li></ul>
|
|
|
- <ul><li class="system">中嘉-北健<li class="ch">CH125</li><li class="location">桃園：桃園市、龜山鄉、蘆竹鄉、八德市、大園鄉</li></ul>
|
|
|
- <ul><li class="system">中嘉-三冠王<li class="ch">CH125</li><li class="location">台南：中西區、東區、南區</li></ul>
|
|
|
- <ul><li class="system">中嘉-雙子星<li class="ch">CH125</li><li class="location">台南：北區、安南區、安平區</li></ul>
|
|
|
- <ul><li class="system">中嘉-慶聯<li class="ch">CH125</li><li class="location">高雄：左營區、楠梓區、三民區、鼓山區、旗津區、鹽埕區</li></ul>
|
|
|
- <ul><li class="system">中嘉-港都<li class="ch">CH125</li><li class="location">高雄：前金區、新興區、苓雅區、前鎮區、小港區</li></ul>
|
|
|
- <ul><li class="system">台灣寬頻-南桃園<li class="ch">CH125</li><li class="location">桃園：中壢市、平鎮市、楊梅鎮、龍潭鄉、新屋鄉、觀音鄉、大溪鎮、復興鄉</li></ul>
|
|
|
- <ul><li class="system">台灣寬頻-北視<li class="ch">CH125</li><li class="location">新竹 : 竹北市、新豐鄉、湖口鄉、新埔鎮、關西鎮、竹東鎮、寶山鄉、北埔鄉、峨眉鄉、芎林鄉、橫山鄉、尖石鄉、五峰鄉</li></ul>
|
|
|
- <ul><li class="system">台灣寬頻-信和<li class="ch">CH125</li><li class="location">苗栗北區 : 竹南鎮、頭份鎮、造橋鄉、三灣鄉、南庄鄉</li></ul>
|
|
|
- <ul><li class="system">台灣寬頻-吉元<li class="ch">CH125</li><li class="location">苗栗南區 : 頭屋鄉、後龍鎮、獅潭鄉、泰安鄉、苗栗市、西湖鄉、苑裡鎮、銅鑼鄉、三義鄉、公館鄉、大湖鄉、卓蘭鎮、通宵鎮</li></ul>
|
|
|
- <ul><li class="system">台灣寬頻-群健<li class="ch">CH125</li><li class="location">台中 : 北區、中區、西屯區、北屯區、東區、南區、西區、南屯區</li></ul>
|
|
|
- <ul><li class="system">台灣佳光電訊<li class="ch">CH125</li><li class="location">台中：大肚區、龍井區、梧棲區、清水區、大安區、大甲區、沙鹿區</li></ul>
|
|
|
- <ul><li class="system">大屯有線<li class="ch">CH125</li><li class="location">台中：太平區、大里區、霧峰區、烏日區</li></ul>
|
|
|
- <ul><li class="system">中投有線<li class="ch">CH125</li><li class="location">南投：南投縣</li></ul>
|
|
|
- <ul><li class="system">佳聯有線<li class="ch">CH125</li><li class="location">雲林：斗六市、古坑鄉、林內鄉、土庫鎮、大埤鄉、虎尾鎮、莿桐鄉、西螺鎮、二崙鄉、斗南鎮</li></ul>
|
|
|
- <ul><li class="system">北港有線<li class="ch">CH125</li><li class="location">
|
|
|
- 麥寮鄉、台西鄉、東勢鄉、崙背鄉、褒忠鄉、四湖鄉、北港鎮、水林鄉、口湖鄉、元長鄉</li></ul>
|
|
|
- <ul><li class="system">大揚有線<li class="ch">CH125</li><li class="location">嘉義：布袋鎮、六腳鄉、東石鄉、鹿草鄉、朴子市、太保市、義竹鄉、水上鄉、新港鄉</li></ul>
|
|
|
- <ul><li class="system">世新、國聲<li class="ch">CH125</li><li class="location">嘉義：嘉義市、大林鎮、民雄鄉、溪口鄉、中埔鄉、竹崎鄉、梅山鄉、番路鄉、大埔鄉、阿里山鄉</li></ul>
|
|
|
- <ul><li class="system">三大有線<li class="ch">CH125</li><li class="location">彰化：員林鎮、田尾鄉、溪湖鎮、竹塘鄉、社頭鄉、北斗鎮、埤頭鄉、田中鎮、二林鎮、二水鄉、溪州鄉、大城鄉、永靖鄉、埔心鄉、芳苑鄉</li></ul>
|
|
|
- <ul><li class="system">澎湖有線<li class="ch">CH106</li><li class="location">澎湖：馬公市、湖西鄉、白沙鄉、西嶼鄉、望安鄉、七美鄉</li></ul>
|
|
|
- <ul><li class="system">金門名城有線<li class="ch">CH106</li><li class="location">金門 : 金城鎮、金湖鎮、金沙鎮、金寧鎮、烈嶼鄉、烏坵鄉</li></ul>
|
|
|
- <ul><li class="system">聯維有線<li class="ch">CH120</li><li class="location">台北：中正區、萬華區</li></ul>
|
|
|
- <ul><li class="system">寶福有線<li class="ch">CH120</li><li class="location">台北：中正區、萬華區</li></ul>
|
|
|
- <ul><li class="system">新永安有線<li class="ch">CH210</li><li class="location">台南：新化區、善化區、新市區、永康區、仁德區、歸仁區、關廟區、山上區、大內區、玉井區、南化區、左鎮區、龍崎區、安定區、楠西區</li></ul>
|
|
|
- <ul><li class="system">大台中數位有線<li class="ch">CH216</li><li class="location">台中：太平區、大里區、霧峰區、烏日區</li></ul>
|
|
|
- <ul><li class="system">天外天數位有線<li class="ch">CH243</li><li class="location">新北：蘆洲區、三重區、八里區、新莊區、五股區、泰山區、淡水區</li></ul>
|
|
|
- <ul><li class="system">全國數位<li class="ch">CH119</li><li class="location">新北：板橋區、新莊區、三重區</li></ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8" />
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1" />
|
|
|
+ <meta http-equiv="Cache-Control" content="no-cache" />
|
|
|
+ <title>TV Table</title>
|
|
|
+ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
|
|
|
+ integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous" />
|
|
|
+ <style>
|
|
|
+ @media (min-width: 576px) {
|
|
|
+ .modal-dialog {
|
|
|
+ max-width: 750px;
|
|
|
+ margin: 1.75rem auto;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .entry-content {
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .article-title,
|
|
|
+ .entry-title {
|
|
|
+ clear: left;
|
|
|
+ border: 1px solid;
|
|
|
+ height: auto;
|
|
|
+ text-align: center;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 24px;
|
|
|
+ color: #302519;
|
|
|
+ border-top: 1px dotted #302519;
|
|
|
+ margin: 0px 0px 0px 0px;
|
|
|
+ padding: 10px 0px 7px 0px;
|
|
|
+ border-bottom: 3px solid #302519;
|
|
|
+ }
|
|
|
+
|
|
|
+ .article-content-div,
|
|
|
+ div.entry-content {
|
|
|
+ width: 800px;
|
|
|
+ background: white;
|
|
|
+ text-align: center;
|
|
|
+ margin: 0 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .article-content ul,
|
|
|
+ div.entry-content ul {
|
|
|
+ list-style: none;
|
|
|
+ height: 50px;
|
|
|
+ margin: 0 auto;
|
|
|
+ width: 720px;
|
|
|
+ min-height: 40px;
|
|
|
+ margin: 0px 0px 0px 0px;
|
|
|
+ border: 1px solid #ed912c;
|
|
|
+ float: left;
|
|
|
+ background: lightyellow;
|
|
|
+ padding: 20px 0px 0px 0px;
|
|
|
+ border-top: none;
|
|
|
+ border-right: none;
|
|
|
+ border-left: none;
|
|
|
+ clear: both;
|
|
|
+ padding-left: 70px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .article-content ul li,
|
|
|
+ div.entry-content ul li {
|
|
|
+ float: left;
|
|
|
+ width: 120px;
|
|
|
+ /* width: 100px; */
|
|
|
+ /* height: 40px; */
|
|
|
+ text-align: center;
|
|
|
+ float: left;
|
|
|
+ font-weight: bold;
|
|
|
+ text-shadow: 1px 1px 1px white;
|
|
|
+ font-size: 15px;
|
|
|
+ color: #643604;
|
|
|
+ }
|
|
|
+
|
|
|
+ .entry-content p,
|
|
|
+ .article-content-div p {
|
|
|
+ clear: both;
|
|
|
+ width: 100%;
|
|
|
+ height: 50px;
|
|
|
+ text-align: left;
|
|
|
+ padding: 20px 0px 0px 100px;
|
|
|
+ font-size: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /****/
|
|
|
+ .article-content ul,
|
|
|
+ div.entry-content ul {
|
|
|
+ height: 35px;
|
|
|
+ margin: 0 auto;
|
|
|
+ width: 720px;
|
|
|
+ min-height: 20px;
|
|
|
+ margin: 0px 0px 0px 0px;
|
|
|
+ border: 1px solid #ed912c;
|
|
|
+ float: left;
|
|
|
+ /* background: lightyellow; */
|
|
|
+ padding: 5px 0px 0px 0px;
|
|
|
+ border-top: none;
|
|
|
+ border-right: none;
|
|
|
+ border-left: none;
|
|
|
+ clear: both;
|
|
|
+ padding-left: 70px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .article-content ul li,
|
|
|
+ div.entry-content ul li {
|
|
|
+ float: left;
|
|
|
+ width: 120px;
|
|
|
+ /* width: 100px; */
|
|
|
+ height: 30px;
|
|
|
+ text-align: center;
|
|
|
+ float: left;
|
|
|
+ font-weight: normal;
|
|
|
+ text-shadow: 1px 1px 1px white;
|
|
|
+ font-size: 15px;
|
|
|
+ color: #522c03;
|
|
|
+ font-family: "微軟正黑體";
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_ul_title {
|
|
|
+ height: 25px;
|
|
|
+ color: #c57a28;
|
|
|
+ font-weight: normal;
|
|
|
+ letter-spacing: 0.2em;
|
|
|
+ font-size: 16px;
|
|
|
+ background: lightyellow !important;
|
|
|
+ border-bottom: 5px solid #cdcc00 !important;
|
|
|
+ border-top: 1px dotted rgb(197, 122, 40) !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .entry-content p,
|
|
|
+ .article-content-div p {
|
|
|
+ clear: both;
|
|
|
+ width: 790px;
|
|
|
+ height: 25px;
|
|
|
+ text-align: center;
|
|
|
+ padding: 5px 0px 0px 0px;
|
|
|
+ font-size: 16px;
|
|
|
+ color: white;
|
|
|
+ background: gray;
|
|
|
+ margin: 0px 20px 0px 100px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ /****/
|
|
|
+ .hometv_ul_title {
|
|
|
+ height: 30px !important;
|
|
|
+ color: #c57a28;
|
|
|
+ font-weight: normal;
|
|
|
+ letter-spacing: 0.2em;
|
|
|
+ font-size: 16px;
|
|
|
+ background: lightyellow !important;
|
|
|
+ border-bottom: 5px solid #cdcc00 !important;
|
|
|
+ border-top: 1px dotted rgb(197, 122, 40) !important;
|
|
|
+ margin-top: 0px !important;
|
|
|
+ padding-top: 4px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .article-content-div,
|
|
|
+ div.entry-content {
|
|
|
+ width: 800px;
|
|
|
+ background: white;
|
|
|
+ text-align: center;
|
|
|
+ margin: 0 auto 0px 0px;
|
|
|
+ padding-top: 10px;
|
|
|
+ height: 2400px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .article-content-div {
|
|
|
+ padding: 50px 0px;
|
|
|
+ height: 100%;
|
|
|
+ padding-bottom: 1150px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .article-content ul,
|
|
|
+ div.entry-content ul {
|
|
|
+ height: 35px;
|
|
|
+ margin: 0 auto;
|
|
|
+ width: 720px;
|
|
|
+ min-height: 20px;
|
|
|
+ margin: 0px 0px 0px 0px;
|
|
|
+ border: 1px solid #ed912c;
|
|
|
+ float: left;
|
|
|
+ background: white;
|
|
|
+ padding: 5px 0px;
|
|
|
+ border-top: none;
|
|
|
+ border-right: none;
|
|
|
+ border-left: none;
|
|
|
+ clear: both;
|
|
|
+ padding-left: 70px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .article-content ul li,
|
|
|
+ div.entry-content ul li {
|
|
|
+ width: 138px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .navigation,
|
|
|
+ .post-navigation {
|
|
|
+ clear: both;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_schedule3 ul {
|
|
|
+ float: left;
|
|
|
+ width: 205px;
|
|
|
+ height: 200px;
|
|
|
+ margin: 0 auto;
|
|
|
+ text-align: center;
|
|
|
+ padding: 35px 30px 0px 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_schedule3 ul li {
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_schedule3 {
|
|
|
+ max-width: 1340px;
|
|
|
+ margin: 0 auto !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_schedule3 ul li h3 {
|
|
|
+ margin-top: 5px;
|
|
|
+ border-left: 5px solid rgb(205, 204, 0);
|
|
|
+ padding: 0px 40px;
|
|
|
+ background-color: rgb(205, 204, 0);
|
|
|
+ width: 100px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_schedule3 ul li h3 {
|
|
|
+ margin-top: 5px;
|
|
|
+ border-left: 5px solid rgb(205, 204, 0);
|
|
|
+ padding: 40px 50px 40px 60px;
|
|
|
+ background-color: rgb(205, 204, 0);
|
|
|
+ width: 1150px;
|
|
|
+ font-size: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ @media screen and (max-width: 1496px) {
|
|
|
+ .hometv_video {
|
|
|
+ width: 800px;
|
|
|
+ height: 340px;
|
|
|
+ margin: 0 auto !important;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ @media screen and (max-width: 1000px) {
|
|
|
+
|
|
|
+ /****/
|
|
|
+ .hometv_schedule3 ul {
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ min-height: 50px;
|
|
|
+ margin: 0 auto;
|
|
|
+ text-align: center;
|
|
|
+ margin: 0px 0px !important;
|
|
|
+ padding: 0px 0px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ h4 {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #262623;
|
|
|
+ margin: 0px 0px !important;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .schedule1_h4_0,
|
|
|
+ .hometv_schedule3 h2.title1,
|
|
|
+ .schedule1_h4_0,
|
|
|
+ .schedule2 li h4,
|
|
|
+ .schedule1_h4,
|
|
|
+ .hometv_schedule3 h2 {
|
|
|
+ margin: 0px 0px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_schedule3 ul li h3 {
|
|
|
+ margin: 5px;
|
|
|
+ border-left: 5px solid rgb(205, 204, 0);
|
|
|
+ padding: 0px 40px;
|
|
|
+ background-color: rgb(205, 204, 0);
|
|
|
+ height: 40px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_schedule3 ul li,
|
|
|
+ .hometv_schedule3 h2,
|
|
|
+ .hometv_schedule3 h4 {
|
|
|
+ float: left !important;
|
|
|
+ width: 100% !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_schedule3 ul {
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ min-height: 0px !important;
|
|
|
+ margin: 0 auto;
|
|
|
+ text-align: center;
|
|
|
+ margin: 0px 0px !important;
|
|
|
+ padding: 0px 0px !important;
|
|
|
+ height: auto !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_schedule3 ul li h3 {
|
|
|
+ padding: 5px 0px 0px 0px;
|
|
|
+ background-color: rgb(205, 204, 0);
|
|
|
+ height: 40px;
|
|
|
+ width: 99%;
|
|
|
+ margin: 5px 0px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ @media screen and (max-width: 768px) {
|
|
|
+ .jcarousel-wrapper {
|
|
|
+ margin: 29px auto !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_menu {
|
|
|
+ float: left;
|
|
|
+ top: 170px;
|
|
|
+ position: absolute;
|
|
|
+ z-index: 100;
|
|
|
+ width: 100%;
|
|
|
+ height: 25px;
|
|
|
+ padding: 10px 0px 5px 0px;
|
|
|
+ margin: 0px 0px 0px 0px;
|
|
|
+ background: #cdcc00;
|
|
|
+ color: white;
|
|
|
+ }
|
|
|
+
|
|
|
+ div.entry-content ul {
|
|
|
+ margin: 0px 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_area {
|
|
|
+ padding: 0px 0px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ /****/
|
|
|
+ .hometv_schedule3 ul {
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ min-height: 50px;
|
|
|
+ margin: 0 auto;
|
|
|
+ text-align: center;
|
|
|
+ margin: 0px 0px !important;
|
|
|
+ padding: 0px 0px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ h4 {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #262623;
|
|
|
+ margin: 0px 0px !important;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .schedule1_h4_0,
|
|
|
+ .hometv_schedule3 h2.title1,
|
|
|
+ .schedule1_h4_0,
|
|
|
+ .schedule2 li h4,
|
|
|
+ .schedule1_h4,
|
|
|
+ .hometv_schedule3 h2 {
|
|
|
+ margin: 0px 0px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_schedule3 ul li h3 {
|
|
|
+ margin: 5px;
|
|
|
+ border-left: 5px solid rgb(205, 204, 0);
|
|
|
+ padding: 0px 40px;
|
|
|
+ background-color: rgb(205, 204, 0);
|
|
|
+ height: 40px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_schedule3 ul li,
|
|
|
+ .hometv_schedule3 h2,
|
|
|
+ .hometv_schedule3 h4 {
|
|
|
+ float: left !important;
|
|
|
+ width: 100% !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_schedule3 ul {
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ min-height: 0px !important;
|
|
|
+ margin: 0 auto;
|
|
|
+ text-align: center;
|
|
|
+ margin: 0px 0px !important;
|
|
|
+ padding: 0px 0px !important;
|
|
|
+ height: auto !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_schedule3 ul li h3 {
|
|
|
+ padding: 5px 0px 0px 0px;
|
|
|
+ background-color: rgb(205, 204, 0);
|
|
|
+ height: 40px;
|
|
|
+ width: 99%;
|
|
|
+ margin: 5px 0px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ @media screen and (max-width: 800px) {
|
|
|
+ .hometv_live {
|
|
|
+ display: block !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_schedule2 {
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ margin: 0 auto;
|
|
|
+ clear: both;
|
|
|
+ background: white;
|
|
|
+ }
|
|
|
+
|
|
|
+ .header {
|
|
|
+ background: white;
|
|
|
+ width: 100%;
|
|
|
+ height: 170px;
|
|
|
+ }
|
|
|
+
|
|
|
+ div.div_info ul li {
|
|
|
+ min-width: 132px !important;
|
|
|
+ max-height: 180px !important;
|
|
|
+ text-align: left !important;
|
|
|
+ height: auto !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ div.div_info ul {
|
|
|
+ max-height: 110px !important;
|
|
|
+ height: auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ #tinan,
|
|
|
+ #ping {
|
|
|
+ height: 120px;
|
|
|
+ max-height: 120px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_ul_title {
|
|
|
+ min-height: 35px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ div.div_info ul li.location {
|
|
|
+ width: 250px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ div.div_info ul li {
|
|
|
+ vertical-align: middle !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ div.div_info ul li.location_title {
|
|
|
+ text-align: center !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_live {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_logo2 {
|
|
|
+ margin: 0px 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_schedule3 h2 {
|
|
|
+ color: #643604;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_time {
|
|
|
+ margin-top: 0px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_area {
|
|
|
+ min-height: 500px !important;
|
|
|
+ padding: 0px;
|
|
|
+ width: 700px !important;
|
|
|
+ margin: 0px auto;
|
|
|
+ clear: both;
|
|
|
+ height: 100%;
|
|
|
+ padding-bottom: 1150px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_logo2 {
|
|
|
+ margin: -40px 0px 0px 0px;
|
|
|
+ width: 80%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_schedule3 h2 {
|
|
|
+ color: #643604;
|
|
|
+ /* padding-top: 40px;*/
|
|
|
+ width: 210px;
|
|
|
+ border-bottom: 1px solid rgb(246, 218, 187);
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_schedule3 h2.title1 {
|
|
|
+ /* margin-top: -50px;*/
|
|
|
+ margin-left: 15px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .schedule1 {
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .schedule1_h4 {
|
|
|
+ margin: 28px 0px 0px -287px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_program ul li {
|
|
|
+ text-align: left;
|
|
|
+ padding-left: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_program ul {
|
|
|
+ width: 330px;
|
|
|
+ height: 390px;
|
|
|
+ background: white;
|
|
|
+ float: left;
|
|
|
+ margin: 20px 20px;
|
|
|
+ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_program_link {
|
|
|
+ color: black;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ padding: 0 0 20px 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_program_title {
|
|
|
+ color: #cdcc00;
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_video ul li a {
|
|
|
+ font-size: 17px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .schedule2 li h4 {
|
|
|
+ margin: 0px 0px 0px 10px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .schedule1_h4_0 {
|
|
|
+ margin: 0px 0px 0px 45px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .schedule_left {
|
|
|
+ text-align: left !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .schedule_program {
|
|
|
+ letter-spacing: 20px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
|
|
|
+
|
|
|
+ .container,
|
|
|
+ .center,
|
|
|
+ .article,
|
|
|
+ .article.next,
|
|
|
+ .article-content-div {
|
|
|
+ width: 1200px !important;
|
|
|
+ height: auto !important;
|
|
|
+ margin: 0px 0px !important;
|
|
|
+ padding: 0px 0px !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ @media screen and (max-width: 480px) {
|
|
|
+
|
|
|
+ .container,
|
|
|
+ .center,
|
|
|
+ .article,
|
|
|
+ .article.next,
|
|
|
+ .article-content-div {
|
|
|
+ width: 480px !important;
|
|
|
+ height: auto !important;
|
|
|
+ margin: 0px 0px !important;
|
|
|
+ padding: 0px 0px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ header {
|
|
|
+ width: 100% !important;
|
|
|
+ height: 270px !important;
|
|
|
+ margin: 0px 0px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .article-content ul,
|
|
|
+ .article-content-div,
|
|
|
+ .article-content,
|
|
|
+ .article-content ul li,
|
|
|
+ div.entry-content ul li.col ul,
|
|
|
+ .col2 ul,
|
|
|
+ .article-content-div,
|
|
|
+ div.entry-content,
|
|
|
+ article,
|
|
|
+ #main,
|
|
|
+ .entry-title,
|
|
|
+ #primary,
|
|
|
+ .col2,
|
|
|
+ footer,
|
|
|
+ .hometv_video,
|
|
|
+ .hometv_program,
|
|
|
+ .hometv_schedule3,
|
|
|
+ .hometv_area,
|
|
|
+ div.entry-content ul,
|
|
|
+ .col,
|
|
|
+ .col2,
|
|
|
+ .col ul li,
|
|
|
+ .col2 ul li,
|
|
|
+ .article-content-div,
|
|
|
+ div.entry-content,
|
|
|
+ .entry-content p,
|
|
|
+ .article-content-div p {
|
|
|
+ width: 100% !important;
|
|
|
+ margin: 0px 0px !important;
|
|
|
+ padding: 3px 0px !important;
|
|
|
+ height: auto !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ /****/
|
|
|
+ .hometv_schedule3 ul {
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ min-height: 50px;
|
|
|
+ margin: 0 auto;
|
|
|
+ text-align: center;
|
|
|
+ margin: 0px 0px !important;
|
|
|
+ padding: 0px 0px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ h4 {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #262623;
|
|
|
+ margin: 0px 0px !important;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .schedule1_h4_0,
|
|
|
+ .hometv_schedule3 h2.title1,
|
|
|
+ .schedule1_h4_0,
|
|
|
+ .schedule2 li h4,
|
|
|
+ .schedule1_h4,
|
|
|
+ .hometv_schedule3 h2 {
|
|
|
+ margin: 0px 0px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_schedule3 ul li h3 {
|
|
|
+ margin: 5px;
|
|
|
+ border-left: 5px solid rgb(205, 204, 0);
|
|
|
+ padding: 0px 40px;
|
|
|
+ background-color: rgb(205, 204, 0);
|
|
|
+ height: 40px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_schedule3 ul li,
|
|
|
+ .hometv_schedule3 h2,
|
|
|
+ .hometv_schedule3 h4 {
|
|
|
+ float: left !important;
|
|
|
+ width: 100% !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_schedule3 ul {
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ min-height: 0px !important;
|
|
|
+ margin: 0 auto;
|
|
|
+ text-align: center;
|
|
|
+ margin: 0px 0px !important;
|
|
|
+ padding: 0px 0px !important;
|
|
|
+ height: auto !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_schedule3 ul li h3 {
|
|
|
+ padding: 5px 0px 0px 0px;
|
|
|
+ background-color: rgb(205, 204, 0);
|
|
|
+ height: 40px;
|
|
|
+ width: 99%;
|
|
|
+ margin: 5px 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_menu {
|
|
|
+ top: 170px !important;
|
|
|
+ width: 480px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_menu a {
|
|
|
+ margin: 10px 5px !important;
|
|
|
+ letter-spacing: -0.1em !important;
|
|
|
+ height: 30px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ /***/
|
|
|
+ div.div_info ul li.location {
|
|
|
+ width: 200px !important;
|
|
|
+ /*padding-bottom: 25px !important;*/
|
|
|
+ height: auto !important;
|
|
|
+ max-height: 200px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ div.div_info ul li.system {
|
|
|
+ padding-left: 15px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hometv_area,
|
|
|
+ div.entry-content {
|
|
|
+ height: 500px !important;
|
|
|
+ padding: 0px 0px !important;
|
|
|
+ width: 100% !important;
|
|
|
+ margin: 0px 0px !important;
|
|
|
+ clear: both;
|
|
|
+ }
|
|
|
+
|
|
|
+ div.div_info ul {
|
|
|
+ height: auto !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ /****/
|
|
|
+ .article-content ul li.li_program,
|
|
|
+ .entry-content ul li.li_program {
|
|
|
+ width: 155px !important;
|
|
|
+ /*border:1px solid red ;*/
|
|
|
+ }
|
|
|
+
|
|
|
+ .article-content ul li,
|
|
|
+ div.entry-content ul li,
|
|
|
+ div.entry-contentul ul.hometv_ul_title li {
|
|
|
+ /*border:1px solid gray;*/
|
|
|
+ width: 70px !important;
|
|
|
+ height: auto !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ div.entry-content ul li.schedule_left,
|
|
|
+ div.article-content-div ul li.schedule_left,
|
|
|
+ .schedule_program {
|
|
|
+ width: 185px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ div.col ul li {
|
|
|
+ width: auto !important;
|
|
|
+ float: left !important;
|
|
|
+ margin: 50px 5px 0px 5px !important;
|
|
|
+ height: 30px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .article-content ul,
|
|
|
+ div.entry-content ul {
|
|
|
+ height: 35px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .article-content ul,
|
|
|
+ div.entry-content ul {
|
|
|
+ margin: 0px 0px 0px 0px;
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+
|
|
|
+ div.entry-content ul li.ch {
|
|
|
+ margin-right: -30px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .v-dialog--scrollable {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn-dismiss {
|
|
|
+ position: absolute;
|
|
|
+ right: -2rem;
|
|
|
+ top: -1.5rem;
|
|
|
+ background: transparent;
|
|
|
+ outline: none;
|
|
|
+ border: 1px solid white;
|
|
|
+ color: white;
|
|
|
+ border-radius: 50%;
|
|
|
+ width: 2rem;
|
|
|
+ height: 2rem;
|
|
|
+ font-size: 1.2rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .modal-dialog-scrollable .modal-content {
|
|
|
+ overflow: visible;
|
|
|
+ }
|
|
|
+
|
|
|
+ @media screen and (max-width: 768px) {
|
|
|
+ .modal-dialog {
|
|
|
+ width: calc(100% - 0.5rem);
|
|
|
+ margin: 3.5rem 0.25rem;
|
|
|
+ height: calc(100% - 11rem);
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn-dismiss {
|
|
|
+ right: 1.2rem;
|
|
|
+ top: -2.4rem;
|
|
|
+ width: 1.8rem;
|
|
|
+ height: 1.8rem;
|
|
|
+ padding: 0 0.1rem;
|
|
|
+ font-size: 1.1rem;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .modal-body {
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .div.entry-content ul li {
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+
|
|
|
+ div.div_info ul {
|
|
|
+ max-height: 220px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ #tinan,
|
|
|
+ #ping {
|
|
|
+ max-height: 220px !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body style="background-color: rgba(39, 37, 38, 0.603)" class="modal fade show" id="exampleModal"
|
|
|
+ style="display: block">
|
|
|
+ <div class="modal-dialog modal-dialog-scrollable">
|
|
|
+ <div class="modal-content">
|
|
|
+ <button type="button" class="btn-dismiss">Ｘ</button>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="entry-content hometv_area" id="hometv_area">
|
|
|
+ <div id="div_info" class="div_info">
|
|
|
+ <font size="5" color="522C03" style="letter-spacing: 1px">
|
|
|
+ 中華電信MOD 全省CH266 皆可收看GSTV幸福空間居家台
|
|
|
+ </font>
|
|
|
+ <ul class="hometv_ul_title">
|
|
|
+ <li class="system">系統業者</li>
|
|
|
+ <li class="ch">數位頻道</li>
|
|
|
+ <li class="location_title location">播出地區</li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">凱擘-陽明山有線</li>
|
|
|
+ <li class="ch">CH91</li>
|
|
|
+ <li class="location">台北：士林區、北投區</li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">凱擘-大安文山</li>
|
|
|
+ <li class="ch">CH91</li>
|
|
|
+ <li class="location">台北：文山區、大安區</li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">凱擘-金頻道</li>
|
|
|
+ <li class="ch">CH91</li>
|
|
|
+ <li class="location">台北：松山區、大同區、中山區</li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">凱擘-新台北</li>
|
|
|
+ <li class="ch">CH91</li>
|
|
|
+ <li class="location">台北：信義區、南港區、內湖區</li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">凱擘-全聯</li>
|
|
|
+ <li class="ch">CH91</li>
|
|
|
+ <li class="location">新北：蘆洲區、三重區、八里區</li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">凱擘-新唐城</li>
|
|
|
+ <li class="ch">CH91</li>
|
|
|
+ <li class="location">
|
|
|
+ 新北：新店區、深坑區、坪林區、石碇區、烏來區
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">凱擘-北桃園</li>
|
|
|
+ <li class="ch">CH91</li>
|
|
|
+ <li class="location">
|
|
|
+ 桃園：桃園區、八德區、龜山區、蘆竹區、大園區
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">凱擘-振道有線</li>
|
|
|
+ <li class="ch">CH91</li>
|
|
|
+ <li class="location">新竹市全區</li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">凱擘-豐盟有線</li>
|
|
|
+ <li class="ch">CH91</li>
|
|
|
+ <li class="location">
|
|
|
+ 台中：豐原區、東勢區、后里區、神岡區、潭子區、大雅區、新社區、石岡區、外埔區、和平區
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">凱擘-新頻道</li>
|
|
|
+ <li class="ch">CH91</li>
|
|
|
+ <li class="location">
|
|
|
+ 彰化：和美鎮、鹿港鎮、秀水鄉、芬園鄉、線西鄉、伸港鄉、花壇鄉、福興鄉、彰化市、埔鹽鄉、大村鄉
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul id="tinan">
|
|
|
+ <li class="system">凱擘-南天有線</li>
|
|
|
+ <li class="ch">CH91</li>
|
|
|
+ <li class="location">
|
|
|
+ 台南：新營區、鹽水區、下營區、柳營區、後壁區、白河區、東山區、六甲區、官田區、佳里區、麻豆區、西港區、七股區、將軍區、北門區、學甲區
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">凱擘-觀昇</li>
|
|
|
+ <li class="ch">CH91</li>
|
|
|
+ <li class="location">
|
|
|
+ 屏東：長治鄉、鹽埔鄉、高樹鄉、九如鄉、霧台鄉、萬丹鄉、里港鄉、麟洛鄉、瑪家鄉、新園鄉、三地門鄉、內埔鄉、泰武鄉、屏東市
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul id="ping">
|
|
|
+ <li class="system">凱擘-屏南</li>
|
|
|
+ <li class="ch">CH91</li>
|
|
|
+ <li class="location" style="height: 140px">
|
|
|
+ 屏東：潮州鎮、恆春鎮、獅子鄉、萬巒鄉、牡丹鄉、春日鄉、佳冬鄉、枋山鄉、南州鄉、崁頂鄉、滿州鄉、來義鄉、東港鎮、竹田鄉、枋寮鄉、林邊鄉、車城鄉、琉球鄉、新埤鄉
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">台固-永佳樂</li>
|
|
|
+ <li class="ch">CH91</li>
|
|
|
+ <li class="location">新北：新莊區、五股區、林口區、泰山區</li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">台固-紅樹林</li>
|
|
|
+ <li class="ch">CH91</li>
|
|
|
+ <li class="location">
|
|
|
+ 新北：淡水區、三芝區、石門區、金山區、萬里區
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">台固-觀天下</li>
|
|
|
+ <li class="ch">CH91</li>
|
|
|
+ <li class="location">
|
|
|
+ 新北：汐止區、瑞芳區、雙溪區、平溪區、貢寮區
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">台固-聯禾</li>
|
|
|
+ <li class="ch">CH91</li>
|
|
|
+ <li class="location">宜蘭：宜蘭縣</li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">台固-鳳信</li>
|
|
|
+ <li class="ch">CH91</li>
|
|
|
+ <li class="location">
|
|
|
+ 高雄：林園區、大寮區、鳥松區、仁武區、大樹區、大社區、鳳山區
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">中嘉-吉隆</li>
|
|
|
+ <li class="ch">CH125</li>
|
|
|
+ <li class="location">基隆市全區</li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">中嘉-長德</li>
|
|
|
+ <li class="ch">CH125</li>
|
|
|
+ <li class="location">台北：松山區、大同區、中山區</li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">中嘉-麗冠</li>
|
|
|
+ <li class="ch">CH125</li>
|
|
|
+ <li class="location">台北：信義區、南港區、內湖區</li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">中嘉-萬象</li>
|
|
|
+ <li class="ch">CH125</li>
|
|
|
+ <li class="location">台北：文山區、大安區</li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">中嘉-新視波</li>
|
|
|
+ <li class="ch">CH125</li>
|
|
|
+ <li class="location">新北：永和區、中和區</li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">中嘉-數位天空</li>
|
|
|
+ <li class="ch">CH125</li>
|
|
|
+ <li class="location">新北：板橋區、土城區</li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">中嘉-家和</li>
|
|
|
+ <li class="ch">CH125</li>
|
|
|
+ <li class="location">新北：三峽區、鶯歌區、樹林區</li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">中嘉-北健</li>
|
|
|
+ <li class="ch">CH125</li>
|
|
|
+ <li class="location">
|
|
|
+ 桃園：桃園區、龜山區、蘆竹區、八德區、大園區
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">中嘉-三冠王</li>
|
|
|
+ <li class="ch">CH125</li>
|
|
|
+ <li class="location">台南：中西區、東區、南區</li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">中嘉-雙子星</li>
|
|
|
+ <li class="ch">CH125</li>
|
|
|
+ <li class="location">台南：北區、安南區、安平區</li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">中嘉-慶聯</li>
|
|
|
+ <li class="ch">CH125</li>
|
|
|
+ <li class="location">
|
|
|
+ 高雄：左營區、楠梓區、三民區、鼓山區、旗津區、鹽埕區
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">中嘉-港都</li>
|
|
|
+ <li class="ch">CH125</li>
|
|
|
+ <li class="location">
|
|
|
+ 高雄：前金區、新興區、苓雅區、前鎮區、小港區
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">台灣寬頻-南桃園</li>
|
|
|
+ <li class="ch">CH125</li>
|
|
|
+ <li class="location">
|
|
|
+ 桃園：中壢區、平鎮區、楊梅區、龍潭區、新屋區、觀音區、大溪區、復興區
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">台灣寬頻-北視</li>
|
|
|
+ <li class="ch">CH125</li>
|
|
|
+ <li class="location">新竹縣全區</li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">台灣寬頻-信和</li>
|
|
|
+ <li class="ch">CH125</li>
|
|
|
+ <li class="location">
|
|
|
+ 苗栗北區 : 竹南鎮、頭份市、三灣鄉、造橋鄉、南莊鄉
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">台灣寬頻-吉元</li>
|
|
|
+ <li class="ch">CH125</li>
|
|
|
+ <li class="location">
|
|
|
+ 苗栗南區 :
|
|
|
+ 頭屋鄉、後龍鎮、獅潭鄉、泰安鄉、苗栗市、西湖鄉、苑裡鎮、銅鑼鄉、三義鄉、公館鄉、大湖鄉、卓蘭鎮、通宵鎮
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">台灣寬頻-群健</li>
|
|
|
+ <li class="ch">CH125</li>
|
|
|
+ <li class="location">
|
|
|
+ 台中 : 北區、中區、西屯區、北屯區、東區、南區、西區、南屯區
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">台灣數位光訊-大屯</li>
|
|
|
+ <li class="ch">CH125</li>
|
|
|
+ <li class="location">台中：太平區、大里區、霧峰區、烏日區</li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">台灣數位光訊-中投</li>
|
|
|
+ <li class="ch">CH125</li>
|
|
|
+ <li class="location">南投：南投縣</li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">台灣數位光訊-佳聯</li>
|
|
|
+ <li class="ch">CH125</li>
|
|
|
+ <li class="location">
|
|
|
+ 雲林：斗六市、古坑鄉、林內鄉、土庫鎮、大埤鄉、虎尾鎮、莿桐鄉、西螺鎮、二崙鄉、斗南鎮
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">台灣數位光訊-北港</li>
|
|
|
+ <li class="ch">CH125</li>
|
|
|
+ <li class="location">
|
|
|
+ 雲林：麥寮鄉、台西鄉、東勢鄉、崙背鄉、褒忠鄉、四湖鄉、北港鎮、水林鄉、口湖鄉、元長鄉
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">世新、國聲</li>
|
|
|
+ <li class="ch">CH125</li>
|
|
|
+ <li class="location">
|
|
|
+ 嘉義：嘉義市、大林鎮、民雄鄉、溪口鄉、中埔鄉、竹崎鄉、梅山鄉、番路鄉、大埔鄉、阿里山鄉
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">澎湖有線</li>
|
|
|
+ <li class="ch">CH106</li>
|
|
|
+ <li class="location">澎湖：澎湖縣</li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">聯維、寶福</li>
|
|
|
+ <li class="ch">CH142</li>
|
|
|
+ <li class="location">台北：中正區、萬華區</li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">大台中數位有線</li>
|
|
|
+ <li class="ch">CH215</li>
|
|
|
+ <li class="location">台中：太平區、大里區、霧峰區、烏日區</li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">天外天數位有線</li>
|
|
|
+ <li class="ch">CH243</li>
|
|
|
+ <li class="location">
|
|
|
+ 新北：蘆洲區、三重區、八里區、新莊區、五股區、泰山區、淡水區
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="system">全國數位</li>
|
|
|
+ <li class="ch">CH241</li>
|
|
|
+ <li class="location">
|
|
|
+ 新北：板橋區、新莊區、三重區、土城區、蘆洲區
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
|
|
|
- integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
|
|
|
- crossorigin="anonymous"></script>
|
|
|
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
|
|
|
- integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
|
|
|
- crossorigin="anonymous"></script>
|
|
|
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
|
|
- <script>
|
|
|
-
|
|
|
- $('.btn-dismiss').click(function () {
|
|
|
- // $('.modal').css('display', 'none');
|
|
|
- $('.modal').removeClass('show');
|
|
|
- $('body').css('display', 'none');
|
|
|
- parent.window.document.getElementById("main").style.display = 'none';
|
|
|
- })
|
|
|
- </script>
|
|
|
- </body>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
|
|
|
+ integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
|
|
|
+ crossorigin="anonymous"></script>
|
|
|
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
|
|
|
+ integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
|
|
|
+ crossorigin="anonymous"></script>
|
|
|
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
|
|
+ <script>
|
|
|
+ $(".btn-dismiss").click(function () {
|
|
|
+ // $('.modal').css('display', 'none');
|
|
|
+ $(".modal").removeClass("show");
|
|
|
+ $("body").css("display", "none");
|
|
|
+ parent.window.document.getElementById("main").style.display = "none";
|
|
|
+ });
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+
|
|
|
</html>
|
