#content_pc {position: relative;}
#content_m {position: relative;}
	
.tag1 {  width: 228px; height: 47px; display: block; background:url(../images/pc/button_top3.png); position: absolute; top:110px;  right: -178px; transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; }


 #pckeyvew >a{ color:#000000;}
 #pckeyvew >a:hover{ color:#000000;text-decoration: none;}

#content_m >a{ color:#000000; font-size: 18px; right:5px;}
 #pckeyvew >a:hover{ color:#000000;text-decoration: none;}



/*活動用*/
/*#pckeyvew{background-image: url(../images/pc/keyview.jpg); width:910px; height:531px; overflow: hidden;}*/
#pckeyvew{background-image: url(../images/pc/keyview.jpg); width:300px; height:446px; background-size: 300px 446px; position: absolute; left: 0; top: 0; z-index: 100;}
#pckeyvew a.why199{ text-indent:-99999px}
#pckeyvew div.word01{ position:absolute; width: 288px; height: 44px; bottom: 10px; left: 7px; display: block;}
#pckeyvew div.word01 a{ width: 288px; height: 44px; display: block;}
#pckeyvew div.word01 h1{ font-size: 0; }
.tag1:hover{ -webkit-transform: translate(-150px, 0); -moz-transform: translate(-150px, 0);-o-transform: translate(-150px, 0);transform: translate(-150px, 0);}



/*串場動畫*/
.da-thumbs { list-style: none; width: 910px; height:892px; position: relative; margin: 0; padding: 0;}
.da-thumbs li { float: left; margin: 5px; background: #fff; padding: 0; position: relative; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.da-thumbs li h2,.da-thumbs li h2 img { display: block; position: relative; width: 100%; height: 100%;font-weight: normal;  font-size: 16px; text-align: center; color: rgba(255,255,255,0.9); text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
.da-thumbs li h2 { overflow: hidden; }
.da-thumbs li h2 div { position: absolute; background: #333333; background: rgba(75,75,75,0.8); width: 100%; height: 100%; }
.da-thumbs li h2 div span { position: relative; height: 100%; display: block; padding: 5px 0; margin: 10px; font-size: 16px; text-align: justify; line-height: 22px; text-transform: uppercase; font-weight: normal; color: rgba(255,255,255,0.9); text-shadow: 1px 1px 1px rgba(0,0,0,0.2); }
.da-thumbs li h2 div span a { opacity: 0.7; position: absolute; width: 100%; display: block; padding: 5px; margin: 0; font-size: 16px; text-align: center; line-height: 22px; text-transform: uppercase; font-weight: normal; color: rgba(0,0,0,0.9); background: #FFFFFF; border-radius: 5px; text-decoration: none; letter-spacing: 1px;}
.da-thumbs li h2 div span a:hover { opacity: 1; background: #FFFFFF; }
.da-thumbs li h2 div span a.link1 { left:0; bottom:65px; opacity: 1;}
.da-thumbs li h2 div span a.link2 { left:0; bottom:25px;}
/*串場動畫*/



#content_pc section  .post{ position: absolute; width: 148px; height: 221px; margin: 1px; float: left;}
#content_pc section li.post1 { left:307px; top:1px; }
#content_pc section li.post2 { left:457px; top:1px; }
#content_pc section li.post3 { left:607px; top:1px; }
#content_pc section li.post4 { left:757px; top:1px; }
#content_pc section li.post5 { left:307px; top:224px; }
#content_pc section li.post6 { left:457px; top:224px; }
#content_pc section li.post7 { left:607px; top:224px; }
#content_pc section li.post8 { left:757px; top:224px; }
#content_pc section li.post9 { left:7px; top:447px; }
#content_pc section li.post10 { left:157px; top:447px; }
#content_pc section li.post11 { left:307px; top:447px; }
#content_pc section li.post12 { left:457px; top:447px; }
#content_pc section li.post13 { left:607px; top:447px; }
#content_pc section li.post14 { left:757px; top:447px; }
#content_pc section li.post15 { left:7px; top:670px; }
#content_pc section li.post16 { left:157px; top:670px; }
#content_pc section li.post17 { left:307px; top:670px; }
#content_pc section li.post18 { left:457px; top:670px; }

.da-thumbs li.post1 h2 div { position: absolute; background: #4e60c7; background: rgba(78,96,199,0.8); width: 100%; height: 100%; }
.da-thumbs li.post7 h2 div { position: absolute; background: #c3319e; background: rgba(195,49,158,0.8); width: 100%; height: 100%; }
.da-thumbs li.post11 h2 div { position: absolute; background: #be8a21; background: rgba(190,138,33,0.8); width: 100%; height: 100%; }
.da-thumbs li.post15 h2 div { position: absolute; background: #7dad38; background: rgba(125,173,56,0.8); width: 100%; height: 100%; }






/***手機版***/
/***手機版***/
/***手機版***/
@media screen and (max-width: 640px) {


  #container_pc{ display: none;}
  #container_m{ display: block; width: 100%; max-width: 640px; min-width: 320px;}
  #header_m{ display:block; width: 100%; height: 53px; padding: 16px 5px;}
  #content_m{ font-size:30px; font-weight: bold; text-align: center; display:block;}


#content_m div.word01{ position:absolute; width: 320px; height: 60px; bottom: 10px; left: 7px; display: block;}
#content_m div.word01 a{ width: 320px; height: 60px; display: block;}
#content_m div.word01 h1{ font-size: 0; }


#mokv01{background-image: url(../images/mo/mokeyview.jpg); width:100%; height:530px; background-color:#333}
.mo_moverword{position:absolute;font-family: Arial,Helvetica, heiti tc, SimHei, 微軟正黑體,Microsoft JhengHei,serif; font-size:22px; text-align: center; width:640px; color:#fff; margin:275px 0px 0px 0px; line-height:32px}
.mo_moversale01{position:absolute; text-align:center; width:640px; margin: 0px; padding: 0px;}
.mo_moversale01 a, .mo_moversale02 a{ }
.mo_moversale01 a.watch{ float:left; position: absolute;display: block;width: 200px;height: 47px;top: 22px; left: 71px; background: url(../images/pc/watchtv01.png)no-repeat; transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; }
#tag1_m{position: absolute;left: 285px; top:22px;}
.tag1:hover{ -webkit-transform: translate(0px, 0);  -moz-transform: translate(0px, 0);-o-transform: translate(0px, 0);transform: translate(0px, 0);}



#menu_pad_m {background-color:#00afc7; height: 315px; width: 640px; padding:10px 0 0 10px;}
#menu_pad_m ul li{width: 304px; height: 141px; float: left; margin:0 10px 10px 0;}
#menu_pad_m ul li.menu01_m a{ display: block; background:url(../images/mo/bookmenu_m.jpg); background-position: 0 0; width: 304px;height: 141px;}
#menu_pad_m ul li.menu02_m a{ display: block; background:url(../images/mo/bookmenu_m.jpg); background-position: 0 423px; width: 304px;height: 141px;}
#menu_pad_m ul li.menu03_m a{ display: block; background:url(../images/mo/bookmenu_m.jpg); background-position: 0 282px; width: 304px;height: 141px;}
#menu_pad_m ul li.menu04_m a{ display: block; background:url(../images/mo/bookmenu_m.jpg); background-position: 0 141px; width: 304px;height: 141px;}


/*主要內容 #main_m */
#content_m {width: 640px; height: 100%; position: relative;  overflow: hidden;}
#content_m a:hover{ text-decoration: none;}

#content_m .mct_area1,.mct_area2,.mct_area3,.mct_area4{ width:640px;position: relative;padding-top: 15px;}

#content_m .content-wrap a.left_btn{ position: absolute; left:224px; top:-120px; background:url(../images/pc/moremoive_btn.jpg); background-position: 0 0; width: 207px; height: 77px; }
#content_m .content-wrap a.right_btn{ position: absolute; left:492px; top:-120px; background:url(../images/pc/moremoive_btn.jpg); background-position: 0 77px; width: 207px; height: 77px; }

#content_m .link2{ opacity: 0.7; }

#mo_zoneall01{background-color: #fff; position:absolute;z-index:-99;opacity:1;}
.mo_moversale02{ text-align:center; width:640px;height: 63px;margin:0px 0px 30px 0px}
  #content_m .mo_moversale02 a{  float: left; width: 200px; height: 60px; font-size: 22px; line-height: 60px; font-weight: bold; text-decoration: none;    transition:all 0.3s;    -ms-transition:all 0.3s;    -moz-transition:all 0.3s;    -webkit-transition:all 0.3s;    -o-transition:all 0.3s;}
  #content_m .mo_moversale02 a.left_btn{ margin: 0; background: #9a9a9a; color:#FFFFFF; }
  #content_m .mo_moversale02 a.right_btn{ background: #1c95ff; color:#FFFFFF; }

.cs-style-1 figcaption span {
    display: block;
    font-size: 25px;
    line-height: 33px;
}

cs-style-1 figcaption h3 {
    margin-top: 20px;
    font-size: 27px;
    letter-spacing: -1px;
}



}/*手機版結尾*/