/* Compiled Less CSS File */
/* Generated from "camp5.css" */

/* Less CSS Document */
/* Will be auto compiled to CSS file on save */
.kv > .body {
  position: relative;
  margin: 0 auto;
  width: 720px;
  height: 720px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.kv > .body > ul {
  position: relative;
  list-style: none;
  width: 1440px;
}
.kv > .body > ul > li {
  width: 720px;
  float: left;
  margin-left: 0px;
  margin-right: 0px;
}
ul {
  list-style: none;
}
body {
  font-family: "Roboto", "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "Arial Unicode MS", "Arial";
  font-size: 26px;
}
body.black_theme {
  color: #CCC;
}
body.white_theme {
  color: #666;
}
.touchslider > .touchslider-viewport {
  position: relative;
  width: 100% !important;
}
.touchslider > .touchslider-viewport .touchslider-item {
  width: 720px;
}
.touchslider > .nav {
  text-align: center;
  padding: 10px 0px;
}
.touchslider > .nav > .touchslider-nav-item {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #CCC;
  border-radius: 50%;
  margin: 4px;
}
.touchslider > .nav > .touchslider-nav-item.touchslider-nav-item-current {
  background-color: #ff6600;
}
#header > .content > .btn_nav {
  position: absolute;
  right: 22px;
  top: 17px;
  background: url("../images/common.png") no-repeat -500px 0px;
  width: 64px;
  height: 64px;
  display: block;
}
#header > .content > ul.icons {
  *zoom: 1;
  position: absolute;
  width: 720px;
  left: 270px;
  top: 13px;
  transform: scale(0.7, 0.7);
  -webkit-transform: scale(0.7, 0.7);
}
#header > .content > ul.icons:before,
#header > .content > ul.icons:after {
  display: table;
  content: "";
  line-height: 0;
}
#header > .content > ul.icons:after {
  clear: both;
}
#header > .content > ul.icons > li {
  margin-left: 40px;
  float: left;
}
#main {
  margin-bottom: 320px;
}
#footer {
  min-height: 320px;
}
ul.sm_icons > li > a.fb {
  background: url("../images/common.png") no-repeat -600px -100px;
  width: 71px;
  height: 71px;
  display: block;
}
ul.sm_icons > li > a.wb {
  background: url("../images/common.png") no-repeat -700px -100px;
  width: 71px;
  height: 71px;
  display: block;
}
ul.sm_icons > li > a.yt {
  background: url("../images/common.png") no-repeat -800px -100px;
  width: 71px;
  height: 71px;
  display: block;
}
ul.sm_icons > li > a.ig {
  background: url("../images/common.png") no-repeat -900px -100px;
  width: 71px;
  height: 71px;
  display: block;
}
.black_theme .kv {
  background-color: #333;
}
.white_theme .kv {
  background-color: #EEE;
}
.content {
  position: relative;
  width: 720px;
}
.content > .part {
  position: relative;
  padding: 0px 40px;
  margin-top: 2px;
}
.black_theme .content > .part {
  background-color: #333;
}
.white_theme .content > .part {
  background-color: #EEE;
}
.content > .part.isOpen > .head .heading {
  font-size: 48px !important;
  color: #ff6600 !important;
}
.content > .part.isOpen > .head a.ico_toggle {
  background: url("../images/common.png") no-repeat -200px -250px !important;
  width: 35px !important;
  height: 35px !important;
  display: block !important;
}
.content > .part > .head {
  *zoom: 1;
  padding: 22px 0px;
}
.content > .part > .head:before,
.content > .part > .head:after {
  display: table;
  content: "";
  line-height: 0;
}
.content > .part > .head:after {
  clear: both;
}
.content > .part > .head > .col {
  float: left;
}
.content > .part > .head > .col.heading {
  width: 605px;
  font-size: 32px;
}
.black_theme .content > .part > .head > .col.heading {
  color: #CCC;
}
.white_theme .content > .part > .head > .col.heading {
  color: #333;
}
.content > .part > .head > .col.ico {
  padding-top: 8px;
  width: 35px;
}
.content > .part > .head > .col.ico > a.ico_toggle {
  cursor: pointer;
  background: url("../images/common.png") no-repeat -200px -200px;
  width: 35px;
  height: 35px;
  display: block;
}
.content > .part > .body {
  padding-bottom: 25px;
  font-size: 26px;
  max-height: 5000px;
}
.content > .part.part1 > .body .touchslider-item {
  width: 640px;
}
.content > .part.part1 > .body .touchslider-item.vert {
  *zoom: 1;
}
.content > .part.part1 > .body .touchslider-item.vert:before,
.content > .part.part1 > .body .touchslider-item.vert:after {
  display: table;
  content: "";
  line-height: 0;
}
.content > .part.part1 > .body .touchslider-item.vert:after {
  clear: both;
}
.content > .part.part1 > .body .touchslider-item.vert > div {
  float: left;
}
.content > .part.part1 > .body .touchslider-item.vert > div.pic {
  width: 350px;
  overflow: hidden;
}
.content > .part.part1 > .body .touchslider-item.vert > div.body {
  width: 250px;
  padding-left: 30px;
}
.content > .part.part1 > .body .touchslider-item.vert > div.body > .sub-heading {
  padding-top: 0px;
}
.content > .part.part1 > .body .touchslider-item > div.body > .sub-heading {
  font-weight: bold;
  padding: 18px 0px;
}
.content > .part.part1 > .body .touchslider-item > div.body > .txt {
  word-wrap: break-word;
}
.content > .part.part2 > .body > .scroll_body {
  position: relative;
  margin: 0 auto;
  width: 640px;
  height: 400px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.content > .part.part2 > .body > .scroll_body > ul {
  position: relative;
  list-style: none;
  width: 810px;
}
.content > .part.part2 > .body > .scroll_body > ul > li {
  width: 400px;
  float: left;
  margin-left: 0px;
  margin-right: 10px;
}
.content > .part.part2 > .body > .scroll_body > ul > li:last-child {
  margin-right: 0px;
}
.content > .part.part2 > .body > .nav > ul {
  text-align: center;
  padding: 36px 0px;
}
.content > .part.part2 > .body > .nav > ul > li {
  display: inline-block;
  width: 80px;
  height: 80px;
  margin: 0px 10px;
  border-radius: 50%;
  border: solid 6px #CCC;
}
.content > .part.part2 > .body > .nav > ul > li.selected {
  border: solid 6px #ff6600;
}
.content > .part.part3 > .body > .takenBy {
  *zoom: 1;
}
.content > .part.part3 > .body > .takenBy:before,
.content > .part.part3 > .body > .takenBy:after {
  display: table;
  content: "";
  line-height: 0;
}
.content > .part.part3 > .body > .takenBy:after {
  clear: both;
}
.content > .part.part3 > .body > .takenBy > div {
  float: left;
}
.content > .part.part3 > .body > .takenBy > div.desc {
  margin-left: 14px;
  color: #ff6600;
  font-size: 26px;
}
.content > .part.part3 > .body > .txt {
  margin: 25px 0px;
}
.content > .part.part3 > .body > .pics > ul {
  width: 660px;
  *zoom: 1;
}
.content > .part.part3 > .body > .pics > ul:before,
.content > .part.part3 > .body > .pics > ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.content > .part.part3 > .body > .pics > ul:after {
  clear: both;
}
.content > .part.part3 > .body > .pics > ul > li {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.content > .part.part3 > .body > .pics > ul > li img {
  width: 200px;
}
.content > .part.part4 > .body > .takenBy {
  *zoom: 1;
}
.content > .part.part4 > .body > .takenBy:before,
.content > .part.part4 > .body > .takenBy:after {
  display: table;
  content: "";
  line-height: 0;
}
.content > .part.part4 > .body > .takenBy:after {
  clear: both;
}
.content > .part.part4 > .body > .takenBy > div {
  float: left;
}
.content > .part.part4 > .body > .takenBy > div.desc {
  margin-left: 14px;
  color: #ff6600;
  font-size: 26px;
}
.content > .part.part4 > .body > .txt {
  margin: 25px 0px;
}
.content > .part.part4 > .body > .videos > .scroll_body {
  position: relative;
  margin: 0 auto;
  width: 640px;
  height: 173px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.content > .part.part4 > .body > .videos > .scroll_body > ul {
  position: relative;
  list-style: none;
  width: 970px;
}
.content > .part.part4 > .body > .videos > .scroll_body > ul > li {
  position: relative;
  width: 310px;
  float: left;
  margin-left: 0px;
  margin-right: 20px;
}
.content > .part.part4 > .body > .videos > .scroll_body > ul > li:last-child {
  margin-right: 0px;
}
.content > .part.part4 > .body > .videos > .scroll_body > ul > li > a > .ico {
  position: absolute;
  left: 0px;
  text-align: center;
  width: 100%;
  top: 60px;
  font-size: 50px;
  color: #FFF;
  text-shadow: 1px 1px  15px #000;
  z-index: 80;
}


.content > .part.part7 > .body > .takenBy:before,
.content > .part.part7 > .body > .takenBy:after {
  display: table;
  content: "";
  line-height: 0;
}
.content > .part.part7 > .body > .takenBy:after {
  clear: both;
}
.content > .part.part7 > .body > .takenBy > div {
  float: left;
}
.content > .part.part7 > .body > .takenBy > div.desc {
  margin-left: 14px;
  color: #ff6600;
  font-size: 26px;
}
.content > .part.part7 > .body > .txt {
  margin: 25px 0px;
}
.content > .part.part7 > .body > .pics > ul {
  width: 660px;
  *zoom: 1;
}
.content > .part.part7 > .body > .pics > ul:before,
.content > .part.part7 > .body > .pics > ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.content > .part.part7 > .body > .pics > ul:after {
  clear: both;
}
.content > .part.part7 > .body > .pics > ul > li {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.content > .part.part7 > .body > .pics > ul > li img {
  width: 200px;
}