@charset "utf-8";
.show-guide {
  border: 1px solid #85d0cb; }

.frameset .frame {
  position: relative; }

@media (min-width: 768px) {
  .container {
    max-width: 9999px; } }
* {
  #background: rgba(33, 33, 33, 0.11);
  #border: 1px solid black; }

body {
  font-family: "微軟正黑體", "Microsoft JhengHei", "Arial", sans-serif;
  min-width: 924px;
  color: #454545;
  font-size: 15px;
  line-height: 1.8em;
  background-image: url("../images/assets/bg_2000.jpg");
  background-repeat: no-repeat;
  background-position: 80% 0; }

table {
  background: none; }

th {
  white-space: nowrap; }

a {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  color: #453a38;
  cursor: pointer; }
  a:hover {
    color: #145290;
    text-decoration: none; }

h1 {
  color: #fdfcc6;
  font-size: 78px;
  font-style: italic; }

input + label {
  margin-left: 3px;
  margin-right: 17px; }

label.sp {
  letter-spacing: 2em; }

strong {
  font-size: 120%; }

h2 {
  font-family: "新細明體", PMingLiu, MingLiU;
  font-size: 20px;
  font-weight: 900;
  color: #145290; 
  line-height: 2.5em;
  margin: 0;}

h3 {
  font-family: "新細明體", PMingLiu, MingLiU;
  font-size: 17px;
  font-weight: 600;
  line-height: 40px;
  color: #007062; }

h4 {
  font-size: 13px; }

h5 {
  font-family: "新細明體", PMingLiu, MingLiU;
  font-size: 17px;
  line-height: 1.8em;
  color: #ff3300;
  font-weight: 900;
  margin: 0;
  padding-bottom:10px;}
  h5.blue {
   color: #CA0A29; }

h6 {
  font-family: "新細明體", PMingLiu, MingLiU;
  margin: 0;
  font-size: 120%;
  font-weight: 900;
  letter-spacing: 0.3em; }

p {
  margin: 0;
  padding: 0;
  line-height: 1.8em;
  text-align:justify;}

p + p,
img + p {
  margin-top: 0.8em; }

h2 + p,
h3 + p {
  margin-top: 2em; }

.cjk > ol > li {
  list-style-type: cjk-ideographic; }

.wall {
  padding: 10px;
  background: #2e792f; }

.layer {
  position: relative; }
  .layer > * {
    position: absolute; }

.app-wrapper {
  background-image: url("");
  background-repeat: no-repeat;
  background-position: 50% 0; }

.container {
  max-width: 924px;
  _width: 924px;
  position: relative;
  margin: 0 auto;
  padding: 0; }

.row {
  position: relative;
  margin: 0; }

header,
section {
  display: block; }

header {
  width: 100%;
  margin:0 auto;
  position: relative;
  height: 60px;
  background-image: url("../images/assets/header.png");
  background-position: 0 0; }

@media (min-width: 768px) {
  header {
    min-width: 980px; }
    header .sponsors {
      visibility: hidden; } }
@media (min-width: 1200px) {
  header {
    min-width: 1240px; }
    header .sponsors {
      visibility: visible; } }
section {
  width: 100%;
  padding: 40px 0; }

footer {
  padding: 20px 0;
  background-color: #1f1710; }
  footer .logo-wrapper {
    width: 4.7619%;
    float: left;
    margin-right: 3.8961%;
    display: inline; }
  footer .siteinfo {
    width: 90%;
    float: right;
    margin-right: 0;
    *margin-left: -36px;
    display: inline;
    padding-left: 30px;
    font-size: 75%;
    line-height: 1.4em;
    color: white; }

.btn-fb-share {
	position: absolute;
	top: 15px;
	left: 478px;
}

span.sponsors {
  position: absolute;
  top: 15px;
  right: 10px; }

hr {
  clear: both;
  border: none;
  height: 10px;
  margin: 5px 0; }
  hr.line {
    border-bottom: 1px solid #cccccc;
    height: 20px;
    margin: 20px 0; }

.breadcrumb {
  position: absolute;
  z-index: 1;
  top: 200px;
  left: 0;
  background: none;
  vertical-align: bottom; }
  .breadcrumb a + a {
    margin-left: 7px; }
  .breadcrumb a + a + a::before {
    content: ">";
    margin-right: 7px; }

.float-right-bottom {
  position: fixed;
  bottom: 15px;
  right: 10px;
  z-index: 2;
  display: none; }

.popup {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  position: fixed;
  border: 2px solid white;
  width: 900px;
  height: 610px;
  z-index: 9999999;
  top: 50%;
  left: 50%;
  margin-top: -305px;
  margin-left: -450px;
  background-image: url("../images/assets/popup_bg.jpg");
  background-position: 100% 100%;
  #display: none; }
  .popup .container {
    width: 100%;
    min-width: 100%; }
  .popup .frame {
    position: relative; }
  .popup .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99999; }
  .popup .pic {
    width: 48.05195%;
    float: left;
    margin-right: 3.8961%;
    display: inline;
    overflow: hidden;
    height: 100%; }
    .popup .pic img {
      height: 100%; }
  .popup article {
    width: 48.05195%;
    float: right;
    margin-right: 0;
    *margin-left: -36px;
    display: inline;
    padding-top: 90px;
    padding-right: 33px; }
    .popup article h6 span.pre {
      font-size: 50%;
      letter-spacing: 0; }
    .popup article p + h6 {
      margin-top: 7px; }
    .popup article h5 + p {
      margin-top: 7px; }
    .popup article hr {
      height: 0;
      margin: 10px 0;
      border-top: 3px solid #0d2033; }

.aniloading {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999999; }

.mask,
.loading-mask {
  background-image: url("../images/assets/black70.png");
  position: fixed;
  z-index: 999999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.popup,
.mask,
.aniloading {
  display: none; }

.logo {
  position: absolute;
  top: 30px;
  left: 163px; }

.logo-txt {
  position: absolute;
  top: 102px;
  left: 115px; }

.debug {
  position: fixed;
  z-index: 999;
  padding: 7px;
  color: white;
  bottom: 0;
  right: 0;
  background: black;
  display: none; }

.panel {
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  -o-border-radius: 13px;
  border-radius: 13px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px;
  padding: 20px; }
  .panel.orange {
    background-image: url("../images/assets/bg_orange.jpg"); }

.sitemap ul {
  margin: 0;
  padding: 0; }
  .sitemap ul li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    list-style: none;
    margin: 0;
    padding: 0; }
  .sitemap ul li + li {
    margin-left: 13px; }

.album a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  border: 3px solid #cac3bd; }
.album a + a {
  margin-left: 7px; }

.book p {
  margin: 0;
  font-size: 80%; }
.book p + p {
  margin-top: 2px; }
.book strong {
  color: #c30202;
  font-size: 200%;
  font-weight: 900; }
.book i {
  color: #c30202;
  ont-size: 100%; }

.btn-club,
.btn-cart {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  width: 110px;
  text-align: center;
  color: white;
  background: #CA0A29;
  font-size: 14px;
  line-height: 25px; }
  .btn-club:hover,
  .btn-cart:hover {
    color: white;
    background: #eb122d; }

.btn-cart {
  background: #CA0A29; }
  .btn-cart:hover {
    background: #eb122d; }

.btn-club + .btn-cart {
  margin-left: 3px; }

.dreamer-box {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  cursor: pointer;
  width: 130px;
  height: 279px;
  margin-bottom: 10px;
  background-image: url(../images/assets/bg_panel_big.jpg);
  background-position: 100% 100%; }
  .dreamer-box p {
    font-size: 90%;
    white-space: nowrap; }
  .dreamer-box .pic {
    width: 100%;
    overflow: hidden;
    height: 200px; }
  .dreamer-box .description {
    width: 100%;
    text-align: left;
    padding: 5px 20px; }
  .dreamer-box.shy {
    visibility: hidden; }
    .dreamer-box.shy aside.book {
      top: 180px; }

.video-box {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  width: 340px;
  padding: 30px 15px;
  border: 1px solid #eeeeee;
  overflow: hidden;
  background-image: url(../images/assets/bg_panel_big.jpg);
  background-position: 100% 100%;
  background-color: white;
  background-repeat: no-repeat;
  position: absolute;
  top: 70px;
  left: -99px; }
  .video-box .btn-play {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%; }
  .video-box .hd p.video-catalog {
    text-align: right;
    font-size: 75%;
    margin: 0; }
  .video-box .hd p.video-title {
    font-family: "新細明體", PMingLiu, MingLiU;
    margin: 0;
    font-size: 120%;
    font-weight: 900;
    border-top: 2px solid #eeeeee; }
  .video-box .bd {
    position: relative;
    background-image: url(../images/assets/tv.gif);
    height: 173px; }
    .video-box .bd img {
      width: 100%;
      -webkit-transition-property: all;
      -moz-transition-property: all;
      -o-transition-property: all;
      transition-property: all;
      -webkit-transition-duration: 0.4s;
      -moz-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      transition-duration: 0.4s;
      -webkit-transition-timing-function: ease-in;
      -moz-transition-timing-function: ease-in;
      -o-transition-timing-function: ease-in;
      transition-timing-function: ease-in;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1; }
    .video-box .bd:hover img {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
      opacity: 0.85; }
  .video-box .ft {
    font-size: 80%;
    margin-top: 10px; }

.video-box + .video-box {
  top: 0;
  left: auto;
  right: 0; }

aside.book {
  position: absolute;
  top: 400px;
  left: -90px;
  z-index: 1; }
  aside.book .view3d {
    -webkit-transform: scale(0.6, 0.6);
    -moz-transform: scale(0.6, 0.6);
    -ms-transform: scale(0.6, 0.6);
    -o-transform: scale(0.6, 0.6);
    transform: scale(0.6, 0.6);
    position: absolute;
    top: 70px;
    left: -40px;
    width: 300px;
    height: 300px; }
  aside.book .view2d {
    position: absolute;
    top: 50px;
    left: 30px;
    width: 220px; }
    aside.book .view2d img {
      width: 100%; }
  aside.book .description {
    position: absolute;
    top: 330px;
    left: 0;
    width: 250px;
    text-align: left;
    padding-bottom: 10px;
    padding-left: 20px; }

.bk-cover img {
  width: 50%;
  height: 50%; }

.bk-right,
.bk-left {
  background: #145290; }

.bk-right img {
  width: 100%;
  height: 100%; }

.bk-bottom {
  background: #0d2033; }

.page-title {
  position: absolute;
  height: 333px;
  top: 60px;
  right: -23px; }

.nav.navbar-nav > li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  padding: 0;
  margin: 0;
  height: 60px; }
  .nav.navbar-nav > li > a,
  .nav.navbar-nav > li > span {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    font-size: 0;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    color: white;
    width: 100px;
    height: 60px;
    background-image: url("../images/assets/nav.png");
    background-position: 0 0;
    padding: 0;
    margin: 0; }
.nav.navbar-nav > li + li a:before {
  margin: 0 10px; }

.nav.navbar-nav > li > a.index,
.nav.navbar-nav > li > span.index {
  width: 64px;
  background-repeat: no-repeat;
  background-position: 0px 0; }
  .nav.navbar-nav > li > a.index:hover, .nav.navbar-nav > li > a.index.active,
  .nav.navbar-nav > li > span.index:hover,
  .nav.navbar-nav > li > span.index.active {
    background-position: 0px 100%; }
.nav.navbar-nav > li > a.book,
.nav.navbar-nav > li > span.book {
	width: 132px;
	background-repeat: no-repeat;
	background-position: -64px 0;
}
  .nav.navbar-nav > li > a.book:hover, .nav.navbar-nav > li > a.book.active,
  .nav.navbar-nav > li > span.book:hover,
  .nav.navbar-nav > li > span.book.active {
    background-position: -64px 100%; }
.nav.navbar-nav > li > a.dreamer,
.nav.navbar-nav > li > span.dreamer {
	width: 135px;
	background-repeat: no-repeat;
	background-position: -196px 0;
}
  .nav.navbar-nav > li > a.dreamer:hover, .nav.navbar-nav > li > a.dreamer.active,
  .nav.navbar-nav > li > span.dreamer:hover,
  .nav.navbar-nav > li > span.dreamer.active {
    background-position: -196px 100%; }
.nav.navbar-nav > li > a.quote,
.nav.navbar-nav > li > span.quote {
	width: 130px;
	background-repeat: no-repeat;
	background-position: -331px 0;
}
  .nav.navbar-nav > li > a.quote:hover, .nav.navbar-nav > li > a.quote.active,
  .nav.navbar-nav > li > span.quote:hover,
  .nav.navbar-nav > li > span.quote.active {
    background-position: -331px 100%; }
.nav.navbar-nav > li > a.plan,
.nav.navbar-nav > li > span.plan {
  width: 116px;
  background-repeat: no-repeat;
  background-position: -420px 0; }
  .nav.navbar-nav > li > a.plan:hover, .nav.navbar-nav > li > a.plan.active,
  .nav.navbar-nav > li > span.plan:hover,
  .nav.navbar-nav > li > span.plan.active {
    background-position: -420px 100%; }
.nav.navbar-nav > li > a.buy,
.nav.navbar-nav > li > span.buy {
  width: 101px;
  background-repeat: no-repeat;
  background-position: -536px 0; }
  .nav.navbar-nav > li > a.buy:hover, .nav.navbar-nav > li > a.buy.active,
  .nav.navbar-nav > li > span.buy:hover,
  .nav.navbar-nav > li > span.buy.active {
    background-position: -536px 100%; }
.nav.navbar-nav > li > a.event,
.nav.navbar-nav > li > span.event {
  width: 154px;
  background-repeat: no-repeat;
  background-position: -637px 0; }
  .nav.navbar-nav > li > a.event:hover, .nav.navbar-nav > li > a.event.active,
  .nav.navbar-nav > li > span.event:hover,
  .nav.navbar-nav > li > span.event.active {
    background-position: -637px 100%; }

.navbar-nav.dreamer {
  padding: 0; }
  .navbar-nav.dreamer li {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    font-size: 15px;
    list-style: none;
    padding: 0 7px;
    border-bottom: 2px solid transparent; }
    .navbar-nav.dreamer li a {
      color: white; }
    .navbar-nav.dreamer li:hover {
      border-bottom: 2px solid #fdfcc6; }
      .navbar-nav.dreamer li:hover a {
        color: #fdfcc6; }
  .navbar-nav.dreamer li + li {
    margin-left: 13px; }

.wrapper {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  position: relative;
  color: white;
  width: 750px;
  min-height: 415px;
  border: 1px solid white;
  padding: 30px 40px;
  margin-top: 190px;
  margin-left: 150px;
  background-image: url("../images/assets/page_bg.png"); }
  .wrapper .bd {
    position: relative;
    margin-top: 40px; }
  .wrapper .label {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    text-align: left;
    margin-left: -47px;
    width: 320px;
    height: 47px;
    background-image: url("../images/assets/label.png"); }
    .wrapper .label.s {
      width: 216px;
      background-image: url("../images/assets/label_s.png"); }
    .wrapper .label > h1 {
      margin: 0;
      margin-top: 4px;
      margin-left: 40px; }

.form-contact {
  border: 1px solid #cccccc;
  padding: 1px; }
  .form-contact table {
    width: 100%; }
    .form-contact table td,
    .form-contact table th {
      padding: 10px;
      border: 1px solid white; }
    .form-contact table th {
      background: #f7f3ef;
      color: #453a38; }
    .form-contact table input[type="value"],
    .form-contact table select,
    .form-contact table textarea {
      width: 100%;
      border: 1px solid #cccccc; }
    .form-contact table textarea {
      height: 120px; }

body.index .page-title {
  display: none; }
body.index aside.book {
	top: 425px;
	right: 140px;
	left: auto;
	width: 39.39394%;
	float: right;
	margin-right: 0;


















  *margin-left: -36px;
	display: inline;
}
  body.index aside.book .view3d {
    -webkit-transform: scale(0.95, 0.95);
    -moz-transform: scale(0.95, 0.95);
    -ms-transform: scale(0.95, 0.95);
    -o-transform: scale(0.95, 0.95);
    transform: scale(0.95, 0.95);
    top: 100px;
    left: -10px;
    height: 420px; }
  body.index aside.book .view2d {
    width: auto;
    top: 5px;
    left: 0; }
  body.index aside.book .description {
	top: 144px;
	left: 180px;
}
  body.index aside.book .description  p{
	  color:#FFF;
}
  body.index aside.book .title {
	top: 210px;
	left: -510px;
}
body.index .fade-in {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s; }
  body.index .fade-in.from {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }
  body.index .fade-in.to {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; }
body.index .move-up.from {
  margin-top: 40px; }
body.index .move-up.to {
  margin-top: 0; }
body.index .delay-2-sec {
  -webkit-transition-delay: 1.7s;
  -moz-transition-delay: 1.7s;
  -o-transition-delay: 1.7s;
  transition-delay: 1.7s; }
body.index .rotate.from {
  -webkit-transform: rotate3d(-1, 1, 0, -60deg);
  -moz-transform: rotate3d(-1, 1, 0, -60deg);
  transform: rotate3d(-1, 1, 0, -60deg); }

section.cover {
  height: 580px;
  padding-bottom: 20px; }
  
  section.cover2 {
  height: 350px;
  padding-bottom: 20px; }
section.cover h1.index {
	position: absolute;
	left: 400px;
	top: -10px;
}

section.cover h2.index {
	position: absolute;
	left: 400px;
	top: 291px;
}

section.intro {
  padding-top: 0; }
  section.intro article {
    width: 65.36797%;
    float: right;
    margin-right: 0;
    *margin-left: -36px;
    display: inline; }

section.about {
  color: #222;
  background-color:#fed501;}
  section.about .left {
    width: 15%;
    float: left;
    margin-right: 3%;
    display: inline;
    text-align: right; }
  section.about article {
    width: 55%;
    float: right;
    margin-right: 0;
    *margin-left: -36px;
    display: inline;
    padding-top: 0px; }

section.dreamer-deco {
  font-size: 0;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  min-height: auto;
  height: 330px;
  padding: 0; }
  section.dreamer-deco .deco {
    position: absolute;
    width: 2000px;
    text-align: center;
    left: 50%;
    margin-left: -1000px; }
  section.dreamer-deco .deco + .deco {
    margin-top: 3px;
    top: 150px; }
  section.dreamer-deco img {
    height: 150px; }
  section.dreamer-deco img + img {
    margin-left: 3px; }
  section.dreamer-deco .wall {
    height: 150px; }
    section.dreamer-deco .wall.row1 {
      background-image: url("../images/temp/wall_1.jpg");
      background-position: 0 0; }
    section.dreamer-deco .wall.row2 {
      background-image: url("../images/temp/wall_2.jpg");
      background-position: -75px 0; }
  section.dreamer-deco .wall + .wall {
    margin-top: 3px; }

section.dreamer-hd {
  padding-bottom: 0; }
  section.dreamer-hd .title {
    width: 48.05195%;
    float: left;
    margin-right: 3.8961%;
    display: inline;
    text-align: center;
    white-space: nowrap; }

section.dreamer-list .container {
  max-width: 1120px;
  _width: 1120px;
  width: 1180px; }
section.dreamer-list .row {
  *zoom: 1;
  max-width: 1120px;
  _width: 1120px;
  padding-left: 28px;
  padding-right: 28px;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
  section.dreamer-list .row:after {
    content: "";
    display: table;
    clear: both; }
section.dreamer-list .label-wrapper {
  width: 19.64286%;
  float: left;
  margin-right: 0.44643%;
  display: inline;
  margin-right: -100%;
  margin-left: 40.17857%;
  text-align: center; }
section.dreamer-list .row + .row {
  margin-top: 30px; }
@media (min-width: 768px) {
  section.dreamer-list .container {
    max-width: 670px; } }
@media (min-width: 1200px) {
  section.dreamer-list .container {
    max-width: 1120px; } }

body.quote .app-wrapper {
  background-image: url(../images/assets/digest.png);
  background-position: 50% 2px; }
@media (min-width: 768px) {
  body.quote aside.book {
    display: none; } }

section.quote-title .title {
  width: 48.05195%;
  float: left;
  margin-right: 3.8961%;
  display: inline;
  white-space: nowrap;
  text-align: center; }
  section.quote-title .title h1.small {
    letter-spacing: 0.5em;
    font-size: 22px; }
  section.quote-title .title h1.ming {
    font-family: "新細明體", PMingLiu, MingLiU;
    font-size: 40px;
    line-height: 55px;
    letter-spacing: 0.3em;
    color: white; }

section.quote-hd {
  height: 550px; }
  section.quote-hd article {
    width: 100%;
    background: red; }

section.quote-say {
  padding: 20px 0;
  background-image: url(../images/assets/white70.png); }
  section.quote-say h5 {
    text-shadow: white 2px 1px 0; }

section.quote-bd {
  background: white;
  padding-top: 30px; }
  section.quote-bd article.left {
    width: 48.05195%;
    float: left;
    margin-right: 3.8961%;
    display: inline; }
  section.quote-bd article.right {
    width: 48.05195%;
    float: right;
    margin-right: 0;
    *margin-left: -36px;
    display: inline; }
  section.quote-bd h5 {
    margin-bottom: 10px; }
  section.quote-bd .photo {
    width: 100%;
    height: 600px;
    background-image: url(../images/assets/digest_panel.png);
    background-color: #4acab5;
    background-position: 0 0;
    background-repeat: no-repeat; }
    section.quote-bd .photo article.right {
      color: white;
      padding: 100px 60px 0 80px; }
  section.quote-bd .dreamer-info {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-top: 60px;
    border: 1px solid #eeeeee;
    width: 100%;
    background-image: url(../images/assets/bg_panel_big.jpg);
    background-position: 100% 100%;
    background-repeat: no-repeat; }
    section.quote-bd .dreamer-info .pic {
      position: relative;
      width: 22.07792%;
      float: left;
      margin-right: 3.8961%;
      display: inline;
      padding-bottom: 5px; }
      section.quote-bd .dreamer-info .pic label {
        position: absolute; }
      section.quote-bd .dreamer-info .pic img {
        height: 100%; }
    section.quote-bd .dreamer-info article {
      width: 74.02597%;
      float: right;
      margin-right: 0;
      *margin-left: -36px;
      display: inline;
      padding: 20px;
      padding-top: 30px;
      font-size: 90%;
      color: #0d2033; }
    section.quote-bd .dreamer-info .label.po-lin-chi {
      position: absolute;
      right: -100px;
      top: -60px; }

section.event-title,
section.dreams-title {
  padding-bottom: 20px; }
  section.event-title .title,
  section.dreams-title .title {
    width: 56.70996%;
    float: left;
    margin-right: 3.8961%;
    display: inline;
    text-align: left;
    white-space: nowrap; }
    section.event-title .title h1 + p,
    section.dreams-title .title h1 + p {
      margin-top: 20px; }
    section.event-title .title p,
    section.dreams-title .title p {
      line-height: 1.5em;
      color: white;
      margin-left: 10px; }
    section.event-title .title p + p,
    section.dreams-title .title p + p {
      margin-top: 3px;
      margin-left: 20px; }
    section.event-title .title p + p + p,
    section.dreams-title .title p + p + p {
      margin-left: 30px; }
    section.event-title .title p + p + p + p,
    section.dreams-title .title p + p + p + p {
      margin-left: 40px; }
    section.event-title .title p + p + p + p + p,
    section.dreams-title .title p + p + p + p + p {
      margin-left: 50px; }
    section.event-title .title p + p + p + p + p + p,
    section.dreams-title .title p + p + p + p + p + p {
      margin-left: 60px; }
  section.event-title .row.time,
  section.dreams-title .row.time {
    margin-top: 20px;
    margin-left: 20px; }
    section.event-title .row.time .left,
    section.dreams-title .row.time .left {
      width: 65.36797%;
      float: left;
      margin-right: 3.8961%;
      display: inline;
      padding-left: 17.31602%;
      padding-right: 0%; }
    section.event-title .row.time .right,
    section.dreams-title .row.time .right {
      width: 30.73593%;
      float: right;
      margin-right: 0;
      *margin-left: -36px;
      display: inline; }
    section.event-title .row.time .label,
    section.dreams-title .row.time .label {
      display: block;
      text-align: left;
      letter-spacing: 2em;
      color: #454545;
      font-size: 100%;
      padding: 0; }
    section.event-title .row.time p,
    section.dreams-title .row.time p {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      font-weight: 900;
      font-size: 200%;
      letter-spacing: -0.05em; }
    section.event-title .row.time p + p,
    section.dreams-title .row.time p + p {
      margin: 0; }
    section.event-title .row.time p.small,
    section.dreams-title .row.time p.small {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      letter-spacing: 0;
      float: right;
      font-weight: normal;
      font-size: 100%; }
    section.event-title .row.time span.thu,
    section.dreams-title .row.time span.thu {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      text-align: center;
      line-height: 70px;
      width: 70px;
      height: 70px;
      margin-top: -10px;
      background-image: url("../images/assets/white40.png"); }

section.event-bd,
section.dreams-bd {
  padding-top: 0;
  padding-bottom: 30px; }
  section.event-bd .left,
  section.dreams-bd .left {
    width: 30.73593%;
    float: left;
    margin-right: 3.8961%;
    display: inline;
    position: relative; }
    section.event-bd .left .label,
    section.dreams-bd .left .label {
      position: absolute;
      top: -20px;
      right: 0; }
  section.event-bd article,
  section.dreams-bd article {
    width: 65.36797%;
    float: right;
    margin-right: 0;
    *margin-left: -36px;
    display: inline;
    position: relative;
    padding-top: 20px; }
    section.event-bd article dl dt,
    section.dreams-bd article dl dt {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      font-size: 100%;
      line-height: 1.4em;
      width: 100px;
      text-align: left;
      letter-spacing: 0.5em;
      color: #145290;
      padding: 0;
      border-right: 1px solid #0d2033;
      float: left; }
    section.event-bd article dl dd,
    section.dreams-bd article dl dd {
      margin-left: 120px; }
    section.event-bd article span.big,
    section.dreams-bd article span.big {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      font-family: "新細明體", PMingLiu, MingLiU;
      font-size: 22px;
      line-height: 1.5em;
      font-style: italic;
      margin-top: -10px;
      color: #0d2033; }
    section.event-bd article p.sp,
    section.dreams-bd article p.sp {
      color: #c30202;
      font-size: 85%; }
    section.event-bd article .btn-register,
    section.dreams-bd article .btn-register {
      position: absolute;
      top: -95px;
      right: 0; }
    section.event-bd article .row-guest,
    section.dreams-bd article .row-guest {
      font-size: 0; }
      section.event-bd article .row-guest .guest-box,
      section.dreams-bd article .row-guest .guest-box {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        font-size: 15px;
        background: #cccccc;
        width: 300px;
        margin-bottom: 2px;
        padding: 10px;
        background-repeat: no-repeat;
        background-position: 100% 100%;
        background-image: url(../images/assets/bg_guest.png); }
        section.event-bd article .row-guest .guest-box .pic,
        section.dreams-bd article .row-guest .guest-box .pic {
          float: left; }
          section.event-bd article .row-guest .guest-box .pic img,
          section.dreams-bd article .row-guest .guest-box .pic img {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            width: 80px;
            height: 80px;
            border: 1px solid #cccccc; }
        section.event-bd article .row-guest .guest-box .description,
        section.dreams-bd article .row-guest .guest-box .description {
          font-size: 90%;
          margin-left: 100px;
          margin-top: 15px; }
          section.event-bd article .row-guest .guest-box .description p,
          section.dreams-bd article .row-guest .guest-box .description p {
            line-height: 1.4em; }
      section.event-bd article .row-guest .guest-box + .guest-box,
      section.dreams-bd article .row-guest .guest-box + .guest-box {
        margin-left: 2px; }
      section.event-bd article .row-guest .guest-box + .guest-box + guest-box,
      section.dreams-bd article .row-guest .guest-box + .guest-box + guest-box {
        margin-left: 0; }
    section.event-bd article .btn-more-dreamer,
    section.dreams-bd article .btn-more-dreamer {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      width: 100%;
      color: white;
      background: #145290;
      text-align: center;
      padding: 3px 0;
      margin: 10px 0; }
      section.event-bd article .btn-more-dreamer:hover,
      section.dreams-bd article .btn-more-dreamer:hover {
        background: #0d2033; }
    section.event-bd article .left,
    section.dreams-bd article .left {
      width: 48.05195%;
      float: left;
      margin-right: 3.8961%;
      display: inline; }
    section.event-bd article .right,
    section.dreams-bd article .right {
      width: 48.05195%;
      float: right;
      margin-right: 0;
      *margin-left: -36px;
      display: inline; }
    section.event-bd article ul.warning,
    section.dreams-bd article ul.warning {
      margin: 0;
      padding: 0; }
      section.event-bd article ul.warning li,
      section.dreams-bd article ul.warning li {
        white-space: nowrap;
        list-style: none;
        font-size: 90%;
        padding-left: 17px;
        background-repeat: no-repeat;
        background-position: 0 3px;
        background-image: url(../images/assets/icon_arrow.png); }
      section.event-bd article ul.warning li + li,
      section.dreams-bd article ul.warning li + li {
        margin-top: 7px; }

section.dreams-title .title p {
  white-space: normal;
  line-height: 1.8em; }

section.dreams-bd .label {
  z-index: 2; }
section.dreams-bd .qlink {
  white-space: nowrap; }
section.dreams-bd .video-wrapper {
  height: 500px; }
section.dreams-bd article.your-turn {
  text-align: center; }
  section.dreams-bd article.your-turn p {
    font-size: 95%;
    margin: 0;
    line-height: 2em;
    white-space: nowrap; }
  section.dreams-bd article.your-turn h5 + p {
    margin-top: 15px; }
  section.dreams-bd article.your-turn p + h5 {
    margin-top: 40px; }
  section.dreams-bd article.your-turn .qlink a + a {
    margin-left: 5px; }

.pagination {
  margin: 0 auto; }
  .pagination > li + li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-left: 7px; }
  .pagination > li > a,
  .pagination > li > span {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    border-radius: 16px;
    color: #454545;
    border: none;
    background: transparent;
    text-decoration: none; }
    .pagination > li > a:hover,
    .pagination > li > span:hover {
      color: #007062;
      background: transparent; }

.pagination > .active > a {
  color: white;
  text-decoration: none;
  background: #ff3300; }
  .pagination > .active > a:hover {
    color: #ff3300;
    background: transparent; }

.pagination > .disabled > a {
  background: #eaeae8; }

.form-group {
  margin-bottom: 7px;
  padding: 0; }

.form-control {
  padding: 3px; }

.csstransforms3d .view2d {
  display: none; }

.no-csstransforms3d .view3d {
  display: none; }