代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<title>C<sup>2</sup>_net</title>
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://cdn.bootcss.com/animate.css/3.5.2/animate.css">
<link href="css/common.css" rel="stylesheet" type="text/css"/>
<link href="css/main.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<!--[if lt IE 9]>
<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="top-bar">
<div class="container">
<div class="nav-mobile visible-xs">
<button class="nav-ico"><span class="glyphicon glyphicon-align-justify"></span></button>
<ul>
<li class="active"><a href="index.html">主頁</a></li>
<li><a href="focus.html">文創焦點</a> </li>
<li><a href="report.html">報導</a></li>
<li><a href="blogs.html">文創博客</a></li>
<li><a href="goodday.html">好日子</a></li>
<li><a href="video.html">錄像</a></li>
<li><a href="periodical.html">期刊</a></li>
<div class="share pt-0">
<a href=""><img src="images/share-fb.jpg" alt=""/></a>
<a href=""><img src="images/share-yt.jpg" alt=""/></a>
<a href=""><img src="images/share-wt.jpg" alt=""/></a>
</div>
</ul>
</div>
<div class="lan-mobile visible-xs">
<button>中文</button>
<ul>
<li><a href="">中文</a></li>
<li><a href="">EN</a></li>
<li><a href="">PT</a></li>
</ul>
</div>
</div>
</div>
<div class="container block-relative">
<div class="logo block-center">
<a href="index.html"><img src="images/logo.png"/></a>
<div class="line"></div>
</div>
<div class="share">
<div class="share-con hidden-xs">
<a href=""><img src="images/share-fb.jpg" alt=""/></a>
<a href=""><img src="images/share-yt.jpg" alt=""/></a>
<a href=""><img src="images/share-wt.jpg" alt=""/></a>
</div>
<button class="book" data-toggle="modal" data-target="#book">訂閱</button>
<div class="search">
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#search"><img src="images/search.jpg" alt=""/></button>
</div>
<div class="lan hidden-xs"><a href="">中文</a>| <a href="">EN</a>| <a href="">PT</a></div>
</div>
</div>
<div class="nav hidden-xs">
<div class="container block-relative">
<div class="nav-logo">
<a href="index.html"><img src="images/logo.png" alt=""/></a>
</div>
<div class="nav-lan">
<button class="book" data-toggle="modal" data-target="#book">訂閱</button>
<div class="search">
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#search"><img src="images/search.jpg" alt=""/></button>
</div>
<div class="lan"><a href="">中文</a>| <a href="">EN</a>| <a href="">PT</a></div>
</div>
<ul>
<li ><a href="index.html">主頁</a></li>
<li><a href="focus.html">文創焦點</a></li>
<li><a href="report.html">報導</a>
<ul class="nav-well-menu">
<li><a href="">文創放大鏡</a></li>
<li><a href="">在地正文創</a></li>
<li><a href="">走過文創大地</a></li>
<li><a href="">品牌故事</a></li>
<li><a href="">文創新秀</a></li>
<li><a href="">世界正文創</a></li>
<li><a href="">文創數字在說話</a></li>
</ul>
</li>
<li><a href="blogs.html">文創博客</a></li>
<li><a href="goodday.html">好日子</a></li>
<li class="active"><a href="video.html">錄像</a></li>
<li><a href="periodical.html">期刊</a></li>
</ul>
</div>
</div>
<div class="banner-video animated scroll_response" data-animation="fadeInUp">
<div class="container">
<div class="item-img">
<img src="images/banner.jpg" alt=""/>
<div class="showdown">
<a href="video_info.html">
<div class="show-text" style=" margin-top: 15%;">
<h3>演藝新力量</h3>
<p>第二十二期</p>
</div>
<div class="show-ico-bg">
<i class="glyphicon glyphicon-play"></i>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="container">
<div class="report video row">
<div class="col-md-4 col-xs-6 animated scroll_response" data-animation="fadeInUp">
<a href="video_info.html">
<div class="item-img">
<div class="b-img" style="background:url(images/img1.jpg) no-repeat; background-size: cover;background-position: center;"></div>
<div class="showdown">
<div class="show-text"><span class="title">第二十二期</span><p>2017 / 08</p></div>
<div class="show-ico-bg">
<i class="glyphicon glyphicon-play"></i>
</div>
</div>
</div>
<h4 class="item-title">演藝新力量</h4>
</a>
</div>
<div class="col-md-4 col-xs-6 animated scroll_response" data-animation="fadeInUp">
<div class="item-img flex-video">
<iframe src="https://www.youtube.com/embed/FzhhirsntAw" frameborder="0" allowfullscreen=""></iframe>
</div>
<h4 class="item-title">演藝新力量</h4>
</div>
<div class="col-md-4 col-xs-6 animated scroll_response" data-animation="fadeInUp">
<div class="item-img flex-video">
<iframe src="https://www.youtube.com/embed/FzhhirsntAw" frameborder="0" allowfullscreen=""></iframe>
</div>
<h4 class="item-title">演藝新力量</h4>
</div>
<div class="col-md-4 col-xs-6 animated scroll_response" data-animation="fadeInUp">
<div class="item-img flex-video">
<iframe src="https://www.youtube.com/embed/FzhhirsntAw" frameborder="0" allowfullscreen=""></iframe>
</div>
<h4 class="item-title">演藝新力量</h4>
</div>
<div class="col-md-4 col-xs-6 animated scroll_response" data-animation="fadeInUp">
<div class="item-img flex-video">
<iframe src="https://www.youtube.com/embed/FzhhirsntAw" frameborder="0" allowfullscreen=""></iframe>
</div>
<h4 class="item-title">演藝新力量</h4>
</div>
<div class="col-md-4 col-xs-6 animated scroll_response" data-animation="fadeInUp">
<div class="item-img flex-video">
<iframe src="https://www.youtube.com/embed/FzhhirsntAw" frameborder="0" allowfullscreen=""></iframe>
</div>
<h4 class="item-title">演藝新力量</h4>
</div>
<div class="col-md-4 col-xs-6 animated scroll_response" data-animation="fadeInUp">
<div class="item-img flex-video">
<iframe src="https://www.youtube.com/embed/FzhhirsntAw" frameborder="0" allowfullscreen=""></iframe>
</div>
<h4 class="item-title">演藝新力量</h4>
</div>
<div class="col-md-4 col-xs-6 animated scroll_response" data-animation="fadeInUp">
<div class="item-img flex-video">
<iframe src="https://www.youtube.com/embed/FzhhirsntAw" frameborder="0" allowfullscreen=""></iframe>
</div>
<h4 class="item-title">演藝新力量</h4>
</div>
<div class="col-md-4 col-xs-6 animated scroll_response" data-animation="fadeInUp">
<div class="item-img flex-video">
<iframe src="https://www.youtube.com/embed/FzhhirsntAw" frameborder="0" allowfullscreen=""></iframe>
</div>
<h4 class="item-title">演藝新力量</h4>
</div>
</div>
<div class="text-center">
<a href="" class="active year-btn">2018</a>
<a href="" class="year-btn">2017</a>
<a href="" class="year-btn">2016</a>
<a href="" class="year-btn">2015</a>
</div>
</div>
<div class="footer">
<div class="container">
<div class="f-nav" >
<a href="about.html">關於我們</a>｜
<a href="contact.html">聯絡我們</a>｜
<a href="policy.html">服務條款及私隱權保護政策</a>
</div>
<p>
瀏覽此網站建議使用Safari 5.0、Firefox 27.0、Internet Explorer 9.0或以上版本 <br />
C<sup>2</sup>文創誌 © 2018
</p>
</div>
<a href="" class="to-top">
<span class="glyphicon glyphicon-chevron-up" aria-hidden="true"></span>
</a>
</div>
<!--book Modal -->
<div class="modal fade" id="book" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body book-con">
<h2 class="text-center">訂閱《C<sup>2</sup>文創誌》</h2>
<input type="text" class="form-control mt-5" placeholder="電郵地址">
<button class="btn btn-default block-center" type="button">搜索</button>
<h4 class="text-center">訂閱條款：</h4>
<p>
《C<sup>2</sup>文創誌》的訂閱服務有可能因技術或網絡問題而未能如期發出，《C<sup>2</sup>文創誌》不會因此而負上任何責任。
倘您要求本網站提供訂閱《C<sup>2</sup>文創誌》的服務，本網站只會要求您提供電郵地址。收集該資料的目的是提供最新的
《C<sup>2</sup>文創誌》予您。
如閣下已閱讀、瞭解並同意接受上述訂閱條款，請於以上空白格填寫欲接收每月《C<sup>2</sup>文創誌》的電郵地址。
</p>
</div>
</div>
</div>
</div>
<!--serach Modal -->
<div class="modal fade" id="search" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<div class="modal-body">
<div class="search-con">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
<button class="btn btn-default" type="button">搜索</button>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/waypoints/4.0.1/jquery.waypoints.min.js"></script>
<script src="js/common.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手