|
|
@@ -0,0 +1,844 @@
|
|
|
+<!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;
|
|
|
+}
|
|
|
+.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: 100px !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;
|
|
|
+ }
|
|
|
+}
|
|
|
+.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;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+ </style>
|
|
|
+ </head>
|
|
|
+ <body>
|
|
|
+ <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
|
|
|
+ Launch demo modal
|
|
|
+ </button>
|
|
|
+ <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog modal-dialog-scrollable">
|
|
|
+ <div class="modal-content">
|
|
|
+ <button type="button" class="btn-dismiss" data-bs-dismiss="modal" aria-label="Close">Ｘ</button>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="entry-content 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">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 style="height: 120px; max-height: 120px !important;"><li class="system">凱擘-屏南</li><li class="ch">CH125</li><li class="location" style="height: 140px;">
|
|
|
+ 屏東：潮州鎮、恆春鎮、獅子鄉、萬巒鄉、牡丹鄉、春日鄉、佳冬鄉、枋山鄉、南州鄉、崁頂鄉、滿州鄉、來義鄉、東港鎮、竹田鄉、枋寮鄉、林邊鄉、車城鄉、琉球鄉、新埤鄉
|
|
|
+ </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">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>
|
|
|
+ </div>
|
|
|
+ </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>
|
|
|
+ </body>
|
|
|
+</html>
|
huaisian