@charset "UTF-8";
/* charset 很重要不然有中文無法編譯 */
/* line 3, ../sass/style.sass */
html, body {
	font-family: LiHei Pro, "微軟正黑體", "新細明體", sans-serif;
	/*overflow-x:hidden;*/ /*X軸卷軸*/
  z-index: 999999;
	background-color: #000000;
	position: absolute;
	width: 100%;
	height: 100%;
	min-width: 960px;
	margin:0;
   }
  
.wrap{
	font-family: "微軟正黑體", "新細明體", sans-serif;
	margin-top: 800px;
	color: #A0D1DC;
	font-size: 15px;
	line-height: 30px;
	width: 1000px;
	background-image: url(images/bg_color.png);
	padding: 10px;
	}
.f_t{
	font-family: "微軟正黑體", "新細明體", sans-serif;
	color: #76E4F1;
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	}	
/* line 12, ../sass/style.sass */
.fb_ {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.7);
  width: 300px;
  padding-top: 10px;
  padding-left: 20px; }
  /* line 22, ../sass/style.sass */
  .fb_ iframe {
    float: left; }

/* line 25, ../sass/style.sass */
.strong-red {
  font-weight: bold;
  color: red; }

/* line 29, ../sass/style.sass */
.scene {
  -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.5); }

/* line 33, ../sass/style.sass */
.table, .table th {
  text-align: center; }

/* line 36, ../sass/style.sass */
.table {
	font-size: 16px;
	color: #DBDBDB;
	background-color: #1C2131;
	border: 1px solid #9FFDFB;
	margin: 1px;
}
.table td {
	border: 1px solid #9FFDFB;
	margin: 1px;
}
  /* line 38, ../sass/style.sass */
  .table tbody {
    border: 3px solid #fdfdb4; }

/* line 41, ../sass/style.sass */
.table th {
	background-color: #96E1EF;
	color: #1C1C1C;
	text-shadow: none;
}

/* line 46, ../sass/style.sass */
.vertical-middle {
  vertical-align: middle !important; }

/* line 49, ../sass/style.sass */
.font-18 {
  font-size: 18px; }

/* line 52, ../sass/style.sass */
.font-24 {
  font-size: 24px; }

/* line 55, ../sass/style.sass */
.padding-top-20 {
  padding-top: 20px; }

/* line 58, ../sass/style.sass */
.padding-top-40 {
  padding-top: 40px; }

/* line 61, ../sass/style.sass */
.padding-top-60 {
  padding-top: 60px; }

/* line 64, ../sass/style.sass */
.padding-bottom-60 {
  padding-bottom: 60px; }

/* line 67, ../sass/style.sass */
.padding-bottom-40 {
  padding-bottom: 40px; }

/* line 70, ../sass/style.sass */
.padding-bottom-20 {
  padding-bottom: 20px; }

/* line 73, ../sass/style.sass */
.line2 {
  line-height: 2; }

/* line 76, ../sass/style.sass */
.bg {
  background-color: #333; }

/* line 79, ../sass/style.sass */
.bg_fill {
  margin: 0 0 0 0;
  width: 100%;
  top: 0;
  left: 0;
  padding: 0;
  position: absolute;
  z-index: -1001;
  overflow: hidden; }

/* line 89, ../sass/style.sass */
.layer {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0; }

/* line 95, ../sass/style.sass */
.fill {
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1000;
  overflow: hidden; }

/* line 106, ../sass/style.sass */
.fill-right {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 2%;
	bottom: 0;
	left: 18%;
	z-index: -1;
	width: 80%;
	overflow: hidden;
}

/* line 117, ../sass/style.sass */
.fill-sword {
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -5;
  overflow: hidden; }

/* line 128, ../sass/style.sass */
.contain-wrap {
  display: table;
  width: 100%;
  height: 100%;
  min-height: 100%; }

/* line 134, ../sass/style.sass */
.background {
	background-repeat: no-repeat;
	background-position: center top;
	bottom: 0;
  position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	background-image: url(images/bg.jpg);
}

/* line 145, ../sass/style.sass */
.logo {
  margin: 0;
  padding: 0;
  position: fixed;
  top:50%;
  bottom: 0;
  left: 55%;
  z-index: -1;
  width: 100%;
  overflow: hidden; }

/* line 155, ../sass/style.sass */
.content {
  position: relative;
  margin-top: 215px;
  padding-top: 90px;
  width: 95%;
  height: 760px;
  background-image: url("../images/paper.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 57%;
  z-index: 0; }

/* line 167, ../sass/style.sass */
.main_conainer {
  margin-top: 0;
  z-index: 999; }

/* line 171, ../sass/style.sass */
.main_title {
  width: 50%; }

/* line 174, ../sass/style.sass */
.descript {
  width: 50%; }

/* line 177, ../sass/style.sass */
.layer1 {
	position: absolute;
	top:-5%;
	left: -10%;
	bottom: 0;
	width: 120%;
	background-image: url(images/layer1.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.layer2 {
	position: absolute;
	top:0;
	left: -10%;
	bottom: 0;
	width: 120%;
	background-image:url(images/layer2.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.layer3 {
	position: absolute;
	top:0;
	left: -10%;
	bottom: 0;
	width: 120%;
	background-image:url(images/layer3.png);
	background-repeat: no-repeat;
	background-position: center top;
}

/* line 183, ../sass/style.sass */
.img-right {
	position: absolute;
	right: 0;
	margin-right:58%;
	bottom: -5%;
	width: 60%;
}

/* line 189, ../sass/style.sass */
/*.logo {
  margin-top: 25%;
  margin-left: 58%;
  background-attachment: fixed; }*/

/* 選單按鈕 */
/* line 196, ../sass/style.sass */
#btn1 {
  background-image: url("../images/btn/btn-1.png"); }

/* line 198, ../sass/style.sass */
#btn2 {
  background-image: url("../images/btn/btn-2.png"); }

/* line 200, ../sass/style.sass */
#btn3 {
  background-image: url("../images/btn/btn-3.png"); }

/* line 202, ../sass/style.sass */
#btn4 {
  background-image: url("../images/btn/btn-4.png"); }

/* line 204, ../sass/style.sass */
#btn5 {
  background-image: url("../images/btn/btn-5.png"); }

/* line 206, ../sass/style.sass */
#btn6 {
  background-image: url("../images/btn/btn-6.png"); }

/* line 209, ../sass/style.sass */
.list {
  position: relative;
  margin-top: 60px;
  margin-left: 12%;
  width: 85%;
  height: 250px;
  z-index: 999; }
  /* line 216, ../sass/style.sass */
  .list li {
    background-repeat: no-repeat;
    width: 26%;
    height: 70px;
    float: left;
    margin: 1%;
    list-style-type: none; }
    /* line 223, ../sass/style.sass */
    .list li div {
      width: 100%;
      height: 70px;
      background-repeat: no-repeat;
      background-size: 100%; }
  /* line 237, ../sass/style.sass */
  .list li:hover #btn1 {
    background-image: url("../images/btn/btn-1h.png"); }
  /* line 239, ../sass/style.sass */
  .list li:hover #btn1::before {
    background-image: url("../images/cycle.png");
    content: "　";
    position: absolute;
    width: 50px;
    height: 50px;
    margin-left: 0; }
  /* line 241, ../sass/style.sass */
  .list li:hover #btn2 {
    background-image: url("../images/btn/btn-2h.png"); }
  /* line 243, ../sass/style.sass */
  .list li:hover #btn2::before {
    background-image: url("../images/cycle.png");
    content: "　";
    position: absolute;
    width: 50px;
    height: 50px;
    margin-left: 0; }
  /* line 245, ../sass/style.sass */
  .list li:hover #btn3 {
    background-image: url("../images/btn/btn-3h.png"); }
  /* line 247, ../sass/style.sass */
  .list li:hover #btn3::before {
    background-image: url("../images/cycle.png");
    content: "　";
    position: absolute;
    width: 50px;
    height: 50px;
    margin-left: 0; }
  /* line 249, ../sass/style.sass */
  .list li:hover #btn4 {
    background-image: url("../images/btn/btn-4h.png"); }
  /* line 251, ../sass/style.sass */
  .list li:hover #btn4::before {
    background-image: url("../images/cycle.png");
    content: "　";
    position: absolute;
    width: 50px;
    height: 50px;
    margin-left: 0; }
  /* line 253, ../sass/style.sass */
  .list li:hover #btn5 {
    background-image: url("../images/btn/btn-5h.png"); }
  /* line 255, ../sass/style.sass */
  .list li:hover #btn5::before {
    background-image: url("../images/cycle.png");
    content: "　";
    position: absolute;
    width: 50px;
    height: 50px;
    margin-left: 0; }
  /* line 257, ../sass/style.sass */
  .list li:hover #btn6 {
    background-image: url("../images/btn/btn-6h.png"); }
  /* line 259, ../sass/style.sass */
  .list li:hover #btn6::before {
    background-image: url("../images/cycle.png");
    content: "　";
    position: absolute;
    width: 50px;
    height: 50px;
    margin-left: 0; }

/* line 262, ../sass/style.sass */
#mainpage {
  height: 100%;
  width: 100%; }

/* page-2 */
/* line 267, ../sass/style.sass */
.panel {
  padding-left: 40px;
  padding-right: 40px;
  margin-top: 20px;
  background-color: rgba(54, 16, 3, 0.8); }

/* line 273, ../sass/style.sass */
#topcontrol {
  z-index: 999;
  padding: 5px;
  border-radius: 30px; }

/* line 278, ../sass/style.sass */
.no-js {
  padding-top: 106px; }

/* line 281, ../sass/style.sass */
.loading {
  background: url("../images/ico_loading.gif") no-repeat center center;
  position: absolute;
  z-index: 99999; }

/* line 286, ../sass/style.sass */
section {
  min-width: 960px;
  opacity: 0; }

/* line 290, ../sass/style.sass */
.loaded section, .no-js section {
  opacity: 1;
  -webkit-transition: opacity 300ms ease-out;
  -moz-transition: opacity 300ms ease-out;
  transition: opacity 300ms ease-out; }

@media screen and (max-width: 1440px) {
  /* line 297, ../sass/style.sass */
.logo {
  margin: 0;
  padding: 0;
  position: fixed;
  top:55%;
  bottom: 0;
  left: 52%;
  z-index: -1;
  width: 100%;
  overflow: hidden; }


  /* line 304, ../sass/style.sass */
  .fill-right {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 2%;
  bottom: 0;
  left: 10%;
  z-index: -1;
  width: 90%;
  overflow: hidden; }

  /* line 315, ../sass/style.sass */
  .main_title {
    margin-top: 40px;
    width: 75%; }

  /* line 319, ../sass/style.sass */
  .descript {
    width: 75%; }

  /* line 322, ../sass/style.sass */
  .layer1 {
  position: absolute;
   top:0;
  left: 0;
  bottom: 0;
  width: 100%; }

  /* line 328, ../sass/style.sass */
  .img-right {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 60%; }

  /* line 334, ../sass/style.sass */
  .content {
    position: relative;
    top: 0;
    left: 0;
    margin-top: -200px;
    padding-top: 90px;
    width: 1080px;
    height: 760px;
    background-image: url("../images/paper.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
    z-index: 0; }

  /* line 348, ../sass/style.sass */
  .list {
    position: relative;
    margin-top: 320px;
    margin-left: 90px;
    width: 960px;
    height: 250px;
    z-index: 999; }
    /* line 355, ../sass/style.sass */
    .list li {
      background-repeat: no-repeat;
      width: 240px;
      height: 60px;
      float: left;
      margin: 10px;
      list-style-type: none; }
      /* line 362, ../sass/style.sass */
      .list li div {
        width: 265px;
        height: 50px;
        background-repeat: no-repeat;
        background-size: 90%; } }
@media screen and (max-width: 1366px) {
  /* line 369, ../sass/style.sass */
.logo {
  margin: 0;
  padding: 0;
  position: fixed;
  top:55%;
  bottom: 0;
  left: 52%;
  z-index: -1;
  width: 100%;
  overflow: hidden; }

  /* line 376, ../sass/style.sass */
  .fill-right {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 2%;
  bottom: 0;
  left: 8%;
  z-index: -1;
  width: 90%;
  overflow: hidden; }

  /* line 388, ../sass/style.sass */
  .main_title {
    margin-top: 90px;
    width: 75%; }

  /* line 392, ../sass/style.sass */
  .descript {
    width: 75%; }

  /* line 395, ../sass/style.sass */
  .layer1 {
  position: absolute;
    top:0;
  left: 0;
  bottom: 0;
  width: 100%; }

  /* line 401, ../sass/style.sass */
  .img-right {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 60%; }

  /* line 407, ../sass/style.sass */
  .content {
    position: relative;
    top: 0;
    left: 0;
    margin-top: -200px;
    padding-top: 90px;
    width: 1080px;
    height: 760px;
    background-image: url("../images/paper.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
    z-index: 0; }

  /* line 421, ../sass/style.sass */
  .list {
    position: relative;
    margin-top: 60px;
    margin-left: 90px;
    width: 960px;
    height: 250px;
    z-index: 999; }
    /* line 428, ../sass/style.sass */
    .list li {
      background-repeat: no-repeat;
      width: 240px;
      height: 60px;
      float: left;
      margin: 10px;
      list-style-type: none; }
      /* line 435, ../sass/style.sass */
      .list li div {
        width: 265px;
        height: 50px;
        background-repeat: no-repeat;
        background-size: 90%; } }
@media screen and (max-width: 1280px) {
  /* line 442, ../sass/style.sass */
.logo {
  margin: 0;
  padding: 0;
  position: fixed;
  top:50%;
  bottom: 0;
  left: 52%;
  z-index: -1;
  width: 100%;
  overflow: hidden; }

  /* line 450, ../sass/style.sass */
  .fill-right {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 2%;
  bottom: 0;
  left: 6%;
  z-index: -1;
  width: 94%;
  overflow: hidden; }

  /* line 462, ../sass/style.sass */
  .main_title {
    margin-top: 40px;
    width: 75%; }

  /* line 466, ../sass/style.sass */
  .descript {
    width: 75%; }

  /* line 469, ../sass/style.sass */
  .layer1 {
  position: absolute;
    top:0;
  left: 0;
  bottom: 0;
  width: 100%; }

  /* line 475, ../sass/style.sass */
  .img-right {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 60%; }

  /* line 481, ../sass/style.sass */
  .content {
    position: relative;
    top: 0;
    left: 0;
    margin-top: -150px;
    padding-top: 90px;
    width: 1200px;
    height: 760px;
    background-image: url("../images/paper.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
    z-index: 0; }

  /* line 495, ../sass/style.sass */
  .list {
    position: relative;
    margin-top: 60px;
    margin-left: 130px;
    width: 960px;
    height: 250px;
    z-index: 999; }
    /* line 502, ../sass/style.sass */
    .list li {
      background-repeat: no-repeat;
      width: 240px;
      height: 60px;
      float: left;
      margin: 10px;
      list-style-type: none; }
      /* line 509, ../sass/style.sass */
      .list li div {
        width: 265px;
        height: 50px;
        background-repeat: no-repeat;
        background-size: 90%; } }
@media screen and (max-width: 1024px) {
  /* line 516, ../sass/style.sass */
.logo {
  margin: 0;
  padding: 0;
  position: fixed;
  top:50%;
  bottom: 0;
  left: 55%;
  z-index: -1;
  width: 100%;
  overflow: hidden; }

  /* line 523, ../sass/style.sass */
  .fill-right {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 2%;
  bottom: 0;
  left: -5%;
  z-index: -1;
  width: 100%;
  overflow: hidden; }

  /* line 535, ../sass/style.sass */
  .main_title {
    margin-top: 90px;
    width: 75%; }

  /* line 539, ../sass/style.sass */
  .descript {
    width: 75%; }

  /* line 542, ../sass/style.sass */
  .layer1 {
  position: absolute;
    top:0;
  left: 0;
  bottom: 0;
  width: 100%; }

  /* line 548, ../sass/style.sass */
  .img-right {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 60%; }

  /* line 554, ../sass/style.sass */
  .content {
    position: relative;
    top: 0;
    left: 0;
    margin-top: -200px;
    padding-top: 90px;
    width: 960px;
    height: 760px;
    background-image: url("../images/paper.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
    z-index: 0; }

  /* line 568, ../sass/style.sass */
  .list {
    position: relative;
    margin-top: 60px;
    margin-left: 70px;
    width: 800px;
    height: 250px;
    z-index: 999; }
    /* line 575, ../sass/style.sass */
    .list li {
      background-repeat: no-repeat;
      width: 200px;
      height: 60px;
      float: left;
      margin: 10px;
      list-style-type: none; }
      /* line 582, ../sass/style.sass */
      .list li div {
        width: 265px;
        height: 50px;
        background-repeat: no-repeat;
        background-size: 80%; } }
@media screen and (max-width: 960px) {
  /* line 589, ../sass/style.sass */
.logo {
  margin: 0;
  padding: 0;
  position: fixed;
  top:55%;
  bottom: 0;
  left: 55%;
  z-index: -1;
  width: 100%;
  overflow: hidden; }

  /* line 596, ../sass/style.sass */
  .fill-right {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 2%;
  bottom: 0;
  left: -8%;
  z-index: -1;
  width: 100%;
  overflow: hidden; }
  /* line 608, ../sass/style.sass */
  .main_title {
    margin-top: 80px;
    width: 75%; }

  /* line 612, ../sass/style.sass */
  .descript {
    width: 75%; }

  /* line 615, ../sass/style.sass */
  .layer1 {
  position: absolute;
   top:0;
  left: 0;
  bottom: 0;
  width: 100%; }

  /* line 621, ../sass/style.sass */
  .img-right {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 60%; }

  /* line 627, ../sass/style.sass */
  .content {
    position: relative;
    top: 0;
    left: 0;
    margin-top: -183px;
    padding-top: 90px;
    width: 960px;
    height: 760px;
    background-image: url("../images/paper.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
    z-index: 0; }

  /* line 641, ../sass/style.sass */
  .list {
    position: relative;
    margin-top: 30px;
    margin-left: 0;
    width: 720px;
    height: 250px;
    z-index: 999; }
    /* line 648, ../sass/style.sass */
    .list li {
      background-repeat: no-repeat;
      width: 200px;
      height: 60px;
      float: left;
      margin: 10px;
      list-style-type: none; }
      /* line 655, ../sass/style.sass */
      .list li div {
        width: 265px;
        height: 50px;
        background-repeat: no-repeat;
        background-size: 80%; } 
		
 /* 南瓜動*/