iframe.html 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853
  1. <!DOCTYPE html>
  2. <html lang="zh_TW">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
  7. <meta http-equiv="Cache-Control" content="no-cache">
  8. <title>TV Table</title>
  9. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css"
  10. rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x"
  11. crossorigin="anonymous">
  12. <style>
  13. @media (min-width: 576px){
  14. .modal-dialog {
  15. max-width: 750px;
  16. margin: 1.75rem auto;
  17. }
  18. }
  19. .entry-content {
  20. text-align: center;
  21. }
  22. .article-title,
  23. .entry-title {
  24. clear: left;
  25. border: 1px solid;
  26. height: auto;
  27. text-align: center;
  28. font-weight: bold;
  29. font-size: 24px;
  30. color: #302519;
  31. border-top: 1px dotted #302519;
  32. margin: 0px 0px 0px 0px;
  33. padding: 10px 0px 7px 0px;
  34. border-bottom: 3px solid #302519;
  35. }
  36. .article-content-div,
  37. div.entry-content {
  38. width: 800px;
  39. background: white;
  40. text-align: center;
  41. margin: 0 0;
  42. }
  43. .article-content ul,
  44. div.entry-content ul {
  45. list-style: none;
  46. height: 50px;
  47. margin: 0 auto;
  48. width: 720px;
  49. min-height: 40px;
  50. margin: 0px 0px 0px 0px;
  51. border: 1px solid #ED912C;
  52. float: left;
  53. background: lightyellow;
  54. padding: 20px 0px 0px 0px;
  55. border-top: none;
  56. border-right: none;
  57. border-left: none;
  58. clear: both;
  59. padding-left: 70px;
  60. }
  61. .article-content ul li,
  62. div.entry-content ul li {
  63. float: left;
  64. width: 120px;
  65. /* width: 100px; */
  66. /* height: 40px; */
  67. text-align: center;
  68. float: left;
  69. font-weight: bold;
  70. text-shadow: 1px 1px 1px white;
  71. font-size: 15px;
  72. color: #643604;
  73. }
  74. .entry-content p,
  75. .article-content-div p {
  76. clear: both;
  77. width: 100%;
  78. height: 50px;
  79. text-align: left;
  80. padding: 20px 0px 0px 100px;
  81. font-size: 20px;
  82. }
  83. /****/
  84. .article-content ul,
  85. div.entry-content ul {
  86. height: 35px;
  87. margin: 0 auto;
  88. width: 720px;
  89. min-height: 20px;
  90. margin: 0px 0px 0px 0px;
  91. border: 1px solid #ED912C;
  92. float: left;
  93. /* background: lightyellow; */
  94. padding: 5px 0px 0px 0px;
  95. border-top: none;
  96. border-right: none;
  97. border-left: none;
  98. clear: both;
  99. padding-left: 70px;
  100. }
  101. .article-content ul li,
  102. div.entry-content ul li {
  103. float: left;
  104. width: 120px;
  105. /* width: 100px; */
  106. height: 30px;
  107. text-align: center;
  108. float: left;
  109. font-weight: normal;
  110. text-shadow: 1px 1px 1px white;
  111. font-size: 15px;
  112. color: #522c03;
  113. font-family: "微軟正黑體";
  114. }
  115. .hometv_ul_title {
  116. height: 25px;
  117. color: #C57A28;
  118. font-weight: normal;
  119. letter-spacing: 0.2em;
  120. font-size: 16px;
  121. background: lightyellow !important;
  122. border-bottom: 5px solid #cdcc00 !important;
  123. border-top: 1px dotted rgb(197, 122, 40) !important;
  124. }
  125. .entry-content p,
  126. .article-content-div p {
  127. clear: both;
  128. width: 790px;
  129. height: 25px;
  130. text-align: center;
  131. padding: 5px 0px 0px 0px;
  132. font-size: 16px;
  133. color: white;
  134. background: gray;
  135. margin: 0px 20px 0px 100px;
  136. font-weight: bold;
  137. }
  138. /****/
  139. .hometv_ul_title {
  140. height: 30px !important;
  141. color: #C57A28;
  142. font-weight: normal;
  143. letter-spacing: 0.2em;
  144. font-size: 16px;
  145. background: lightyellow !important;
  146. border-bottom: 5px solid #cdcc00 !important;
  147. border-top: 1px dotted rgb(197, 122, 40) !important;
  148. margin-top: 0px !important;
  149. padding-top: 0px !important;
  150. }
  151. .article-content-div,
  152. div.entry-content {
  153. width: 800px;
  154. background: white;
  155. text-align: center;
  156. margin: 0 auto 0px 0px;
  157. padding-top: 10px;
  158. height: 2400px;
  159. }
  160. .article-content-div {
  161. padding: 50px 0px;
  162. height: 100%;
  163. padding-bottom: 1150px !important;
  164. }
  165. .article-content ul,
  166. div.entry-content ul {
  167. height: 35px;
  168. margin: 0 auto;
  169. width: 720px;
  170. min-height: 20px;
  171. margin: 0px 0px 0px 0px;
  172. border: 1px solid #ED912C;
  173. float: left;
  174. background: white;
  175. padding: 5px 0px 0px 0px;
  176. border-top: none;
  177. border-right: none;
  178. border-left: none;
  179. clear: both;
  180. padding-left: 70px;
  181. }
  182. .article-content ul li,
  183. div.entry-content ul li {
  184. width: 138px !important;
  185. }
  186. .navigation,
  187. .post-navigation {
  188. clear: both;
  189. }
  190. .hometv_schedule3 ul {
  191. float: left;
  192. width: 205px;
  193. height: 200px;
  194. margin: 0 auto;
  195. text-align: center;
  196. padding: 35px 30px 0px 30px;
  197. }
  198. .hometv_schedule3 ul li {
  199. float: left;
  200. }
  201. .hometv_schedule3 {
  202. max-width: 1340px;
  203. margin: 0 auto !important;
  204. }
  205. .hometv_schedule3 ul li h3 {
  206. margin-top: 5px;
  207. border-left: 5px solid rgb(205, 204, 0);
  208. padding: 0px 40px;
  209. background-color: rgb(205, 204, 0);
  210. width: 100px;
  211. }
  212. .hometv_schedule3 ul li h3 {
  213. margin-top: 5px;
  214. border-left: 5px solid rgb(205, 204, 0);
  215. padding: 40px 50px 40px 60px;
  216. background-color: rgb(205, 204, 0);
  217. width: 1150px;
  218. font-size: 20px;
  219. }
  220. @media screen and (max-width: 1496px) {
  221. .hometv_video {
  222. width: 800px;
  223. height: 340px;
  224. margin: 0 auto !important;
  225. text-align: center;
  226. }
  227. }
  228. @media screen and (max-width: 1000px) {
  229. /****/
  230. .hometv_schedule3 ul {
  231. float: left;
  232. width: 100%;
  233. min-height: 50px;
  234. margin: 0 auto;
  235. text-align: center;
  236. margin: 0px 0px !important;
  237. padding: 0px 0px !important;
  238. }
  239. h4 {
  240. font-size: 14px;
  241. color: #262623;
  242. margin: 0px 0px !important;
  243. font-weight: bold;
  244. margin-top: 10px;
  245. }
  246. .schedule1_h4_0,
  247. .hometv_schedule3 h2.title1,
  248. .schedule1_h4_0,
  249. .schedule2 li h4,
  250. .schedule1_h4,
  251. .hometv_schedule3 h2 {
  252. margin: 0px 0px !important;
  253. }
  254. .hometv_schedule3 ul li h3 {
  255. margin: 5px;
  256. border-left: 5px solid rgb(205, 204, 0);
  257. padding: 0px 40px;
  258. background-color: rgb(205, 204, 0);
  259. height: 40px;
  260. }
  261. .hometv_schedule3 ul li,
  262. .hometv_schedule3 h2,
  263. .hometv_schedule3 h4 {
  264. float: left !important;
  265. width: 100% !important;
  266. }
  267. .hometv_schedule3 ul {
  268. float: left;
  269. width: 100%;
  270. min-height: 0px !important;
  271. margin: 0 auto;
  272. text-align: center;
  273. margin: 0px 0px !important;
  274. padding: 0px 0px !important;
  275. height: auto !important;
  276. }
  277. .hometv_schedule3 ul li h3 {
  278. padding: 5px 0px 0px 0px;
  279. background-color: rgb(205, 204, 0);
  280. height: 40px;
  281. width: 99%;
  282. margin: 5px 0px;
  283. }
  284. }
  285. @media screen and (max-width: 768px) {
  286. .jcarousel-wrapper {
  287. margin: 29px auto !important;
  288. }
  289. .hometv_menu {
  290. float: left;
  291. top: 170px;
  292. position: absolute;
  293. z-index: 100;
  294. width: 100%;
  295. height: 25px;
  296. padding: 10px 0px 5px 0px;
  297. margin: 0px 0px 0px 0px;
  298. background: #cdcc00;
  299. color: white;
  300. }
  301. div.entry-content ul {
  302. margin: 0px 0px;
  303. }
  304. .hometv_area {
  305. padding: 0px 0px !important;
  306. }
  307. /****/
  308. .hometv_schedule3 ul {
  309. float: left;
  310. width: 100%;
  311. min-height: 50px;
  312. margin: 0 auto;
  313. text-align: center;
  314. margin: 0px 0px !important;
  315. padding: 0px 0px !important;
  316. }
  317. h4 {
  318. font-size: 14px;
  319. color: #262623;
  320. margin: 0px 0px !important;
  321. font-weight: bold;
  322. margin-top: 10px;
  323. }
  324. .schedule1_h4_0,
  325. .hometv_schedule3 h2.title1,
  326. .schedule1_h4_0,
  327. .schedule2 li h4,
  328. .schedule1_h4,
  329. .hometv_schedule3 h2 {
  330. margin: 0px 0px !important;
  331. }
  332. .hometv_schedule3 ul li h3 {
  333. margin: 5px;
  334. border-left: 5px solid rgb(205, 204, 0);
  335. padding: 0px 40px;
  336. background-color: rgb(205, 204, 0);
  337. height: 40px;
  338. }
  339. .hometv_schedule3 ul li,
  340. .hometv_schedule3 h2,
  341. .hometv_schedule3 h4 {
  342. float: left !important;
  343. width: 100% !important;
  344. }
  345. .hometv_schedule3 ul {
  346. float: left;
  347. width: 100%;
  348. min-height: 0px !important;
  349. margin: 0 auto;
  350. text-align: center;
  351. margin: 0px 0px !important;
  352. padding: 0px 0px !important;
  353. height: auto !important;
  354. }
  355. .hometv_schedule3 ul li h3 {
  356. padding: 5px 0px 0px 0px;
  357. background-color: rgb(205, 204, 0);
  358. height: 40px;
  359. width: 99%;
  360. margin: 5px 0px;
  361. }
  362. }
  363. @media screen and (max-width: 800px) {
  364. .hometv_live {
  365. display: block !important;
  366. }
  367. }
  368. .hometv_schedule2 {
  369. float: left;
  370. width: 100%;
  371. text-align: center;
  372. margin: 0 auto;
  373. clear: both;
  374. background: white;
  375. }
  376. .header {
  377. background: white;
  378. width: 100%;
  379. height: 170px;
  380. }
  381. div.div_info ul li {
  382. min-width: 132px !important;
  383. max-height: 180px !important;
  384. text-align: left !important;
  385. height: auto !important;
  386. }
  387. div.div_info ul {
  388. max-height: 110px !important;
  389. height: auto;
  390. }
  391. .hometv_ul_title {
  392. min-height: 35px !important;
  393. }
  394. div.div_info ul li.location {
  395. width: 250px !important;
  396. }
  397. div.div_info ul li {
  398. vertical-align: middle !important;
  399. }
  400. div.div_info ul li.location_title {
  401. text-align: center !important;
  402. }
  403. .hometv_live {
  404. display: none;
  405. }
  406. .hometv_logo2 {
  407. margin: 0px 30px;
  408. }
  409. .hometv_schedule3 h2 {
  410. color: #643604;
  411. }
  412. .hometv_time {
  413. margin-top: 0px !important;
  414. }
  415. .hometv_area {
  416. min-height: 500px !important;
  417. padding: 0px;
  418. width: 700px !important;
  419. margin: 0px auto;
  420. clear: both;
  421. height: 100%;
  422. padding-bottom: 1150px !important;
  423. }
  424. .hometv_logo2 {
  425. margin: -40px 0px 0px 0px;
  426. width: 80%;
  427. }
  428. .hometv_schedule3 h2 {
  429. color: #643604;
  430. /* padding-top: 40px;*/
  431. width: 210px;
  432. border-bottom: 1px solid rgb(246, 218, 187);
  433. }
  434. .hometv_schedule3 h2.title1 {
  435. /* margin-top: -50px;*/
  436. margin-left: 15px;
  437. }
  438. .schedule1 {
  439. border: none;
  440. }
  441. .schedule1_h4 {
  442. margin: 28px 0px 0px -287px;
  443. }
  444. .hometv_program ul li {
  445. text-align: left;
  446. padding-left: 20px;
  447. }
  448. .hometv_program ul {
  449. width: 330px;
  450. height: 390px;
  451. background: white;
  452. float: left;
  453. margin: 20px 20px;
  454. box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  455. position: relative;
  456. }
  457. .hometv_program_link {
  458. color: black;
  459. position: absolute;
  460. bottom: 0;
  461. padding: 0 0 20px 0;
  462. }
  463. .hometv_program_title {
  464. color: #cdcc00;
  465. font-size: 18px;
  466. }
  467. .hometv_video ul li a {
  468. font-size: 17px;
  469. }
  470. .schedule2 li h4 {
  471. margin: 0px 0px 0px 10px !important;
  472. }
  473. .schedule1_h4_0 {
  474. margin: 0px 0px 0px 45px !important;
  475. }
  476. .schedule_left {
  477. text-align: left !important;
  478. }
  479. .schedule_program {
  480. letter-spacing: 20px !important;
  481. }
  482. @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  483. .container,
  484. .center,
  485. .article,
  486. .article.next,
  487. .article-content-div {
  488. width: 1200px !important;
  489. height: auto !important;
  490. margin: 0px 0px !important;
  491. padding: 0px 0px !important;
  492. }
  493. }
  494. @media screen and (max-width: 480px) {
  495. .container,
  496. .center,
  497. .article,
  498. .article.next,
  499. .article-content-div {
  500. width: 480px !important;
  501. height: auto !important;
  502. margin: 0px 0px !important;
  503. padding: 0px 0px !important;
  504. }
  505. header {
  506. width: 100% !important;
  507. height: 270px !important;
  508. margin: 0px 0px !important;
  509. }
  510. .article-content ul,
  511. .article-content-div,
  512. .article-content,
  513. .article-content ul li,
  514. div.entry-content ul li.col ul,
  515. .col2 ul,
  516. .article-content-div,
  517. div.entry-content,
  518. article,
  519. #main,
  520. .entry-title,
  521. #primary,
  522. .col2,
  523. footer,
  524. .hometv_video,
  525. .hometv_program,
  526. .hometv_schedule3,
  527. .hometv_area,
  528. div.entry-content ul,
  529. .col,
  530. .col2,
  531. .col ul li,
  532. .col2 ul li,
  533. .article-content-div,
  534. div.entry-content,
  535. .entry-content p,
  536. .article-content-div p {
  537. width: 100% !important;
  538. margin: 0px 0px !important;
  539. padding: 0px 0px !important;
  540. height: auto !important;
  541. }
  542. /****/
  543. .hometv_schedule3 ul {
  544. float: left;
  545. width: 100%;
  546. min-height: 50px;
  547. margin: 0 auto;
  548. text-align: center;
  549. margin: 0px 0px !important;
  550. padding: 0px 0px !important;
  551. }
  552. h4 {
  553. font-size: 14px;
  554. color: #262623;
  555. margin: 0px 0px !important;
  556. font-weight: bold;
  557. margin-top: 10px;
  558. }
  559. .schedule1_h4_0,
  560. .hometv_schedule3 h2.title1,
  561. .schedule1_h4_0,
  562. .schedule2 li h4,
  563. .schedule1_h4,
  564. .hometv_schedule3 h2 {
  565. margin: 0px 0px !important;
  566. }
  567. .hometv_schedule3 ul li h3 {
  568. margin: 5px;
  569. border-left: 5px solid rgb(205, 204, 0);
  570. padding: 0px 40px;
  571. background-color: rgb(205, 204, 0);
  572. height: 40px;
  573. }
  574. .hometv_schedule3 ul li,
  575. .hometv_schedule3 h2,
  576. .hometv_schedule3 h4 {
  577. float: left !important;
  578. width: 100% !important;
  579. }
  580. .hometv_schedule3 ul {
  581. float: left;
  582. width: 100%;
  583. min-height: 0px !important;
  584. margin: 0 auto;
  585. text-align: center;
  586. margin: 0px 0px !important;
  587. padding: 0px 0px !important;
  588. height: auto !important;
  589. }
  590. .hometv_schedule3 ul li h3 {
  591. padding: 5px 0px 0px 0px;
  592. background-color: rgb(205, 204, 0);
  593. height: 40px;
  594. width: 99%;
  595. margin: 5px 0px;
  596. }
  597. .hometv_menu {
  598. top: 170px !important;
  599. width: 480px !important;
  600. }
  601. .hometv_menu a {
  602. margin: 10px 5px !important;
  603. letter-spacing: -0.1em !important;
  604. height: 30px !important;
  605. }
  606. /***/
  607. div.div_info ul li.location {
  608. width: 200px !important;
  609. /*padding-bottom: 25px !important;*/
  610. height: auto !important;
  611. max-height: 100px !important;
  612. }
  613. div.div_info ul li.system {
  614. padding-left: 15px !important;
  615. }
  616. .hometv_area,
  617. div.entry-content {
  618. height: 500px !important;
  619. padding: 0px 0px !important;
  620. width: 100% !important;
  621. margin: 0px 0px !important;
  622. clear: both;
  623. }
  624. div.div_info ul {
  625. height: auto !important;
  626. }
  627. /****/
  628. .article-content ul li.li_program,
  629. .entry-content ul li.li_program {
  630. width: 155px !important;
  631. /*border:1px solid red ;*/
  632. }
  633. .article-content ul li,
  634. div.entry-content ul li,
  635. div.entry-contentul ul.hometv_ul_title li {
  636. /*border:1px solid gray;*/
  637. width: 70px !important;
  638. height: 30px !important;
  639. }
  640. div.entry-content ul li.schedule_left,
  641. div.article-content-div ul li.schedule_left,
  642. .schedule_program {
  643. width: 185px !important;
  644. }
  645. div.col ul li {
  646. width: auto !important;
  647. float: left !important;
  648. margin: 50px 5px 0px 5px !important;
  649. height: 30px !important;
  650. }
  651. .article-content ul,
  652. div.entry-content ul {
  653. height: 35px;
  654. }
  655. .article-content ul,
  656. div.entry-content ul {
  657. margin: 0px 0px 0px 0px;
  658. }
  659. }
  660. .v-dialog--scrollable {
  661. position: relative;
  662. }
  663. .btn-dismiss {
  664. position: absolute;
  665. right: -2rem;
  666. top: -1.5rem;
  667. background: transparent;
  668. outline: none;
  669. border: 1px solid white;
  670. color: white;
  671. border-radius: 50%;
  672. width: 2rem;
  673. height: 2rem;
  674. font-size: 1.2rem;
  675. }
  676. .modal-dialog-scrollable .modal-content {
  677. overflow: visible;
  678. }
  679. </style>
  680. </head>
  681. <body style="background-color: transparent;">
  682. <div class="modal fade show" id="exampleModal" style="display: block;background-color: rgba(67, 53, 60, 0.459);" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  683. <div class="modal-dialog modal-dialog-scrollable">
  684. <div class="modal-content">
  685. <button type="button" class="btn-dismiss" data-bs-dismiss="modal" aria-label="Close">X</button>
  686. <div class="modal-body">
  687. <div class="entry-content hometv_area" id="hometv_area">
  688. <div id="div_info" class="div_info">
  689. <font size="5" color="522C03">中華電信MOD 全省CH266 皆可收看GSTV幸福空間居家台</font>
  690. <ul class="hometv_ul_title">
  691. <li class="system">系統業者</li>
  692. <li class="ch">數位頻道</li>
  693. <li class="location_title location">播出地區</li>
  694. </ul>
  695. <ul><li class="system">凱擘-陽明山有線<li class="ch">CH125</li><li class="location">台北:士林區、北投區</li></ul>
  696. <ul><li class="system">凱擘-大安文山<li class="ch">CH125</li><li class="location">台北:文山區、大安區</li></ul>
  697. <ul><li class="system">凱擘-金頻道<li class="ch">CH125</li><li class="location">台北:松山區、大同區、中山區</li></ul>
  698. <ul><li class="system">凱擘-新台北<li class="ch">CH125</li><li class="location">台北:信義區、南港區、內湖區</li></ul>
  699. <ul><li class="system">凱擘-全聯<li class="ch">CH125</li><li class="location">新北:蘆洲區、三重區、八里區</li></ul>
  700. <ul><li class="system">凱擘-新唐城<li class="ch">CH125</li><li class="location">新北:新店區、深坑區、坪林區、石碇區、烏來區</li></ul>
  701. <ul><li class="system">凱擘-大新店民主<li class="ch">CH125</li><li class="location">新北:新店區、深坑區、坪林區、石碇區、烏來區</li></ul>
  702. <ul><li class="system">大大寬頻-大豐有線<li class="ch">CH125</li><li class="location">新北:板橋區、土城區、中和區、永和區、三峽區、鶯歌區、樹林區</li></ul>
  703. <ul><li class="system">凱擘-北桃園<li class="ch">CH125</li><li class="location">桃園:桃園區、八德區、龜山區、蘆竹區、大園區</li></ul>
  704. <ul><li class="system">凱擘-振道有線<li class="ch">CH125</li><li class="location">新竹:新竹市</li></ul>
  705. <ul><li class="system">凱擘-豐盟有線<li class="ch">CH125</li><li class="location">台中:豐原區、東勢區、后里區、神岡區、潭子區、大雅區、新社區、石岡區、外埔區、和平區</li></ul>
  706. <ul><li class="system">凱擘-新頻道<li class="ch">CH125</li><li class="location">彰化:和美鎮、鹿港鎮、秀水鄉、芬園鄉、線西鄉、伸港鄉、花壇鄉、福興鄉、彰化市、埔鹽鄉、大村鄉</li></ul>
  707. <ul style="height: 120px; max-height: 120px !important;"><li class="system">凱擘-南天有線<li class="ch">CH125</li><li class="location">台南:新營區、鹽水區、下營區、柳營區、後壁區、白河區、東山區、六甲區、官田區、佳里區、麻豆區、西港區、七股區、將軍區、北門區、學甲區</li></ul>
  708. <ul><li class="system">凱擘-觀昇<li class="ch">CH125</li><li class="location">屏東:長治鄉、鹽埔鄉、高樹鄉、九如鄉、霧台鄉、萬丹鄉、里港鄉、麟洛鄉、瑪家鄉、新園鄉、三地門鄉、內埔鄉、泰武鄉、屏東市</li></ul>
  709. <ul style="height: 120px; max-height: 120px !important;"><li class="system">凱擘-屏南</li><li class="ch">CH125</li><li class="location" style="height: 140px;">
  710. 屏東:潮州鎮、恆春鎮、獅子鄉、萬巒鄉、牡丹鄉、春日鄉、佳冬鄉、枋山鄉、南州鄉、崁頂鄉、滿州鄉、來義鄉、東港鎮、竹田鄉、枋寮鄉、林邊鄉、車城鄉、琉球鄉、新埤鄉
  711. </li>
  712. </ul>
  713. <ul><li class="system">台固-永佳樂<li class="ch">CH125</li><li class="location">新北:新莊區、五股區、林口區、泰山區</li></ul>
  714. <ul><li class="system">台固-紅樹林<li class="ch">CH125</li><li class="location">新北:淡水區、三芝區、石門區、金山區、萬里區</li></ul>
  715. <ul><li class="system">台固-觀天下<li class="ch">CH125</li><li class="location">新北:汐止區、瑞芳區、雙溪區、平溪區、貢寮區</li></ul>
  716. <ul><li class="system">台固-聯禾<li class="ch">CH125</li><li class="location">宜蘭:宜蘭縣</li></ul>
  717. <ul><li class="system">台固-鳳信<li class="ch">CH125</li><li class="location">高雄:林園區、大寮區、鳥松區、仁武區、大樹區、大社區、鳳山區</li></ul>
  718. <ul><li class="system">中嘉-吉隆<li class="ch">CH125</li><li class="location">基隆市全區</li></ul>
  719. <ul><li class="system">中嘉-長德<li class="ch">CH125</li><li class="location">台北:松山區、大同區、中山區</li></ul>
  720. <ul><li class="system">中嘉-麗冠<li class="ch">CH125</li><li class="location">台北:信義區、南港區、內湖區</li></ul>
  721. <ul><li class="system">中嘉-萬象<li class="ch">CH125</li><li class="location">台北:文山區、大安區</li></ul>
  722. <ul><li class="system">中嘉-新視波<li class="ch">CH125</li><li class="location">新北:永和區、中和區</li></ul>
  723. <ul><li class="system">中嘉-數位天空<li class="ch">CH125</li><li class="location">新北:板橋區、土城區</li></ul>
  724. <ul><li class="system">中嘉-家和<li class="ch">CH125</li><li class="location">新北:三峽區、鶯歌區、樹林區</li></ul>
  725. <ul><li class="system">中嘉-北健<li class="ch">CH125</li><li class="location">桃園:桃園市、龜山鄉、蘆竹鄉、八德市、大園鄉</li></ul>
  726. <ul><li class="system">中嘉-三冠王<li class="ch">CH125</li><li class="location">台南:中西區、東區、南區</li></ul>
  727. <ul><li class="system">中嘉-雙子星<li class="ch">CH125</li><li class="location">台南:北區、安南區、安平區</li></ul>
  728. <ul><li class="system">中嘉-慶聯<li class="ch">CH125</li><li class="location">高雄:左營區、楠梓區、三民區、鼓山區、旗津區、鹽埕區</li></ul>
  729. <ul><li class="system">中嘉-港都<li class="ch">CH125</li><li class="location">高雄:前金區、新興區、苓雅區、前鎮區、小港區</li></ul>
  730. <ul><li class="system">台灣寬頻-南桃園<li class="ch">CH125</li><li class="location">桃園:中壢市、平鎮市、楊梅鎮、龍潭鄉、新屋鄉、觀音鄉、大溪鎮、復興鄉</li></ul>
  731. <ul><li class="system">台灣寬頻-北視<li class="ch">CH125</li><li class="location">新竹 : 竹北市、新豐鄉、湖口鄉、新埔鎮、關西鎮、竹東鎮、寶山鄉、北埔鄉、峨眉鄉、芎林鄉、橫山鄉、尖石鄉、五峰鄉</li></ul>
  732. <ul><li class="system">台灣寬頻-信和<li class="ch">CH125</li><li class="location">苗栗北區 : 竹南鎮、頭份鎮、造橋鄉、三灣鄉、南庄鄉</li></ul>
  733. <ul><li class="system">台灣寬頻-吉元<li class="ch">CH125</li><li class="location">苗栗南區 : 頭屋鄉、後龍鎮、獅潭鄉、泰安鄉、苗栗市、西湖鄉、苑裡鎮、銅鑼鄉、三義鄉、公館鄉、大湖鄉、卓蘭鎮、通宵鎮</li></ul>
  734. <ul><li class="system">台灣寬頻-群健<li class="ch">CH125</li><li class="location">台中 : 北區、中區、西屯區、北屯區、東區、南區、西區、南屯區</li></ul>
  735. <ul><li class="system">台灣佳光電訊<li class="ch">CH125</li><li class="location">台中:大肚區、龍井區、梧棲區、清水區、大安區、大甲區、沙鹿區</li></ul>
  736. <ul><li class="system">大屯有線<li class="ch">CH125</li><li class="location">台中:太平區、大里區、霧峰區、烏日區</li></ul>
  737. <ul><li class="system">中投有線<li class="ch">CH125</li><li class="location">南投:南投縣</li></ul>
  738. <ul><li class="system">佳聯有線<li class="ch">CH125</li><li class="location">雲林:斗六市、古坑鄉、林內鄉、土庫鎮、大埤鄉、虎尾鎮、莿桐鄉、西螺鎮、二崙鄉、斗南鎮</li></ul>
  739. <ul><li class="system">北港有線<li class="ch">CH125</li><li class="location">
  740. 麥寮鄉、台西鄉、東勢鄉、崙背鄉、褒忠鄉、四湖鄉、北港鎮、水林鄉、口湖鄉、元長鄉</li></ul>
  741. <ul><li class="system">大揚有線<li class="ch">CH125</li><li class="location">嘉義:布袋鎮、六腳鄉、東石鄉、鹿草鄉、朴子市、太保市、義竹鄉、水上鄉、新港鄉</li></ul>
  742. <ul><li class="system">世新、國聲<li class="ch">CH125</li><li class="location">嘉義:嘉義市、大林鎮、民雄鄉、溪口鄉、中埔鄉、竹崎鄉、梅山鄉、番路鄉、大埔鄉、阿里山鄉</li></ul>
  743. <ul><li class="system">三大有線<li class="ch">CH125</li><li class="location">彰化:員林鎮、田尾鄉、溪湖鎮、竹塘鄉、社頭鄉、北斗鎮、埤頭鄉、田中鎮、二林鎮、二水鄉、溪州鄉、大城鄉、永靖鄉、埔心鄉、芳苑鄉</li></ul>
  744. <ul><li class="system">澎湖有線<li class="ch">CH106</li><li class="location">澎湖:馬公市、湖西鄉、白沙鄉、西嶼鄉、望安鄉、七美鄉</li></ul>
  745. <ul><li class="system">金門名城有線<li class="ch">CH106</li><li class="location">金門 : 金城鎮、金湖鎮、金沙鎮、金寧鎮、烈嶼鄉、烏坵鄉</li></ul>
  746. <ul><li class="system">聯維有線<li class="ch">CH120</li><li class="location">台北:中正區、萬華區</li></ul>
  747. <ul><li class="system">寶福有線<li class="ch">CH120</li><li class="location">台北:中正區、萬華區</li></ul>
  748. <ul><li class="system">新永安有線<li class="ch">CH210</li><li class="location">台南:新化區、善化區、新市區、永康區、仁德區、歸仁區、關廟區、山上區、大內區、玉井區、南化區、左鎮區、龍崎區、安定區、楠西區</li></ul>
  749. <ul><li class="system">大台中數位有線<li class="ch">CH216</li><li class="location">台中:太平區、大里區、霧峰區、烏日區</li></ul>
  750. <ul><li class="system">天外天數位有線<li class="ch">CH243</li><li class="location">新北:蘆洲區、三重區、八里區、新莊區、五股區、泰山區、淡水區</li></ul>
  751. <ul><li class="system">全國數位<li class="ch">CH119</li><li class="location">新北:板橋區、新莊區、三重區</li></ul>
  752. </div>
  753. </div>
  754. </div>
  755. </div>
  756. </div>
  757. </div>
  758. <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
  759. integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
  760. crossorigin="anonymous"></script>
  761. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
  762. integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
  763. crossorigin="anonymous"></script>
  764. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  765. <script>
  766. document.getElementByIdx_x=function(id){
  767. return document.getElementById(id);
  768. }
  769. $('.btn-dismiss').click(function () {
  770. $('.modal').css('display', 'none');
  771. $('.modal').removeClass('show');
  772. $('.modal').css('backgroundColor', 'transparent');
  773. $('body').css('display', 'none');
  774. parent.window.document.getElementById("main").style.display = 'none';
  775. })
  776. </script>
  777. </body>
  778. </html>