body {font-family:"微軟正黑體","Microsoft JhengHei", "新細明體";}
p {margin-bottom:1em; font-size:1.1em; line-height:1.2em; color:#666;/*電影簡介小字顏色*/}
hr {height:4px; background-color:#1499df;}
h2 {margin:1em auto; font-size:1.7em; font-weight:bold; line-height:1.8em; text-align:center; color:#5d5d5d;/*新片上架+電影台...字顏色*/}
h3 {font-size:1.3em; margin:0.5em auto;}
.fet {max-width:910px; margin:0 auto;}
.pbox {overflow:hidden; height:3.5em;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3; /* 第六行要顯示點點點 */-webkit-box-orient: vertical;}
.clear { float:none;}

.footer {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #999999;line-height:1.8em;text-align:center;padding-bottom:1em;}
.footer a{color:#999999;}
.quick_link a, .footer_cont a {color:#666; text-decoration:none;}
{color:#666; text-decoration:none;}

#ie8 > table {margin:0 auto;}
.ie8td > td {padding:15px; text-align:left; vertical-align:top;}
.testimg {border:10px solid #ff0000; background-color:#ff0000;}
.ie8td > td a{color:#0096d9;}
.ie8td > td > p.blue {height:43px; overflow:hidden;}
.movie-ie8 {position:relative; text-align:center;}
.movie-ie8 > img {border:1px solid #121212; width:135px; height:181px;}

.star1 {background:url(../../images/s1.jpg) no-repeat #a38949;}
.star2 {background:url(../../images/s2.jpg) no-repeat #a38949;}
.thumbnail-edit {background:#fff;}
.caption > h3 {font-size:28px; line-height:36px; color:#a17200/*8c6300*/;}
.caption > p {font-size:16px; line-height:28px; color:#3f3f3f; min-height:200px; overflow:hidden;}
.slogan {text-align:center; margin:40px auto; width:100%; max-width:601px;}
.slogan-s {text-align:center; margin:35px auto; width:100%; max-width:417px;}
.nav-tabs {border-bottom: 1px solid #5b0a36; background:#3f1800;}
.nav-tabs > li > a {color:#caa55e;font-size:20px; padding-left:50px; padding-right:50px; margin-top:10px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {background:#a38949; border:1px solid #5b0a36; border-bottom-color:transparent; color:#ededed;}
.nav > li > a:hover,
.nav > li > a:focus {text-decoration: none; background-color:#fff; color:#92004e;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background-color:#eee; border-color:#5b0a36;}
.dropdown-menu > li > a {color:#7a0037; font-size:14px;}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {color:#7a0037; text-decoration:none; background-color:#e5e5e5;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background:#6b4a0c;}
.navbar-inverse .navbar-toggle {border-color:#5a3b00;}

.att  {background:url(../../images/att.jpg) no-repeat; margin:40px 5px 50px 15px;}
.att > li {margin:0 0 0 180px; font-size:15px; line-height:24px; color:#4e3a08; list-style-type:decimal;}
.gold-50 {background:url(../../images/bar-501.jpg) no-repeat; overflow:hidden; width:100%; height:110px; padding:15px 0 0 30px;font-size:18px; line-height:28px; color:#2c1f08;}
.gold-50-2 {font-size:24px; line-height:40px; color:#fff; margin:0; padding:0; display:block;}


@media (max-width: 767px) {
  body {padding: 0;}
  .row {margin:0;}
  .hidden-xs {display: none !important;}
  .col-xs-12 {border-top:0px solid #efefef;}
  .head {height:37px; background-image:url(../../images/logo2.png); background-repeat:no-repeat;}
  .head a{width:30%; height:37px;}
  .fet-logo a{margin-top:10px;text-align:right;}
  /*.fet-logo a:link,a:visited {color:#fff;}*/
  .fet-logo a:hover {color:#ffff00; text-decoration:none;}
  h4 {font-size:1em;}
  h2 {font-size:1.8em; text-align:center;}
  h3 {font-size:1.3em; text-align:center;}
  .ad1 {display:none;}
  .ad2 {display:none;}
  .ad3 {background-image:url(../../images/ad-m.png); background-repeat:no-repeat; width:100%; height:auto; background-color:#000;}
  .navbar-static-top {border-width:0;}
  .navbar-inverse {background:#3f1800; margin:0 auto;}
  .navbar-collapse {max-height:50em; padding:0;}
  .container {padding:0;}
  .fb {padding:30px 0 0 5px;}  
  .slogan {width:100%; max-width:370px; padding-top:125px;}
  .step {color:#caa55e; /*font-size:6vw;*/ font-size:21px; margin-top:2.5vh; display:block;}
  .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {margin:0;}
  .slogan {display:none;}
  .caption > h3 {font-size:28px; line-height:40px;}
  .caption > p {font-size:18px; line-height:30px; height:auto;}
  .nav {display:none;}
  .navbar-collapse > a {font-size:20px; line-height:50px; color:#fff;  margin:10px;}  
  .att  {margin:10px 10px 20px 15px; padding-top:80px;}
  .att > li {margin:0 0 10px 30px; font-size:18px; line-height:24px;}  
  #promotion_header {display:none;}  
  #promotion_footer {display:none;}
  #web-nav, .web, .slogan {display:none;}
  } /*phone*/
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {display: none !important;}
  h3 {font-size:1.5em;}
  h4 {font-size:1.5em;}
  h2 {font-size:1.8em; text-align:center; font-weight:bold;}
  .blue {height:2.3em; font-size:1.3em; letter-spacing:0;}
  .movie > img,p,h3 {width:80%; margin-left:auto; margin-right:auto;} 
  .player > img{width:40%;}
  /*#footer {display:none;}*/
  .navbar-wrapper {display:none;} 
  .ad1 {display:none;}
  .ad3 {display:none;}
  .ad2 {background-image:url(../../images/ad-pad.pn); background-repeat:no-repeat; width:100%;}
  .fb2 {padding-top:20vw; position:absolute;}
  .step {color:red; font-size:24px; font-weight:bold; margin-top:20px;}
  .nav-tabs > li > a {color:#caa55e;font-size:20px; padding-left:12px; padding-right:12px; margin-top:10px;}
  .open > .dropdown-menu {margin-left:-111px;}  
  .caption > p {height:310px;}
  #mobile-header { display:none;}
  #footer {display:none;}
  #mobile-nav01, #mobile-nav02, .mobile, .slogan-s {display:none;}
} /*pad*/
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {display:none !important;}
  .blue {height:2.3em;}
  .left-line {border-left:1px dotted #939393;}
  /*#footer {display:none;}*/
  .navbar-wrapper {display:none;} 
  .ad2 {display:none;}
  .ad3 {display:none;}
  #mobile-header { display:none;}
  #footer {display:none;}
  #mobile-nav01, #mobile-nav02, .mobile, .slogan-s {display:none;}
} /*computer*/
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
  .blue {height:2.3em;}
  .left-line {border-left:1px dotted #939393;}
  /*#footer {display:none;}*/
  .navbar-wrapper {display:none;} 
  .ad2 {display:none;}
  .ad3 {display:none;}
  #mobile-header { display:none;}
  #footer {display:none;}
  #mobile-nav01, #mobile-nav02, .mobile, .slogan-s {display:none;}
} /*computer*/