@charset "UTF-8";
/* 用法範例
    @include maxWidth-xxl {
        margin: 20px;
    }
*/
body {
  padding: 0px;
  margin: 0px;
  font-family: Arial, "Microsoft JhengHei", "Helvetica Neue", Helvetica, sans-serif;
  color: #000;
  font-size: 14px;
  line-height: 1.5;
  -webkit-overflow-scrolling: touch; }

/*Webkit,Opera9.5+,Ie9+ 控制文字選取時的顏色*/
::selection {
  background: #064740;
  color: #fff; }

/*Mozilla Firefox 控制文字選取時的顏色*/
::-moz-selection {
  background: #064740;
  color: #fff; }

a {
  text-decoration: none; }

img {
  outline: none;
  border: none; }
/*	
ol, ul {
    list-style: none;
}
*/
.checkbox {
  vertical-align: middle;
  display: inline-block; }
  .checkbox input[type="checkbox"] {
    display: none; }
    .checkbox input[type="checkbox"]:checked + span {
      background: #fae103;
      border-color: #fae103; }
      .checkbox input[type="checkbox"]:checked + span i {
        color: #000; }
  .checkbox span {
    display: block;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border: solid 2px #a4a4a4;
    background: #fff;
    border-radius: 3px;
    transition: 0.3s ease all;
    position: relative; }
    .checkbox span i {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      color: #fff;
      font-size: 15px;
      transition: 0.3s ease all; }

.radio {
  vertical-align: middle;
  display: inline-block; }
  .radio input[type="radio"] {
    display: none; }
    .radio input[type="radio"]:checked + .radio-fake {
      background: #fae103;
      border-color: #fae103; }
      .radio input[type="radio"]:checked + .radio-fake i {
        color: #000; }
  .radio-fake {
    display: block;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border: solid 2px #a4a4a4;
    background: #fff;
    border-radius: 100%;
    transition: 0.3s ease all;
    position: relative; }
    .radio-fake i {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      color: #fff;
      font-size: 13px;
      transition: 0.3s ease all; }
  .radio-text {
    display: inline-block;
    vertical-align: middle;
    font-size: 17px;
    padding-left: 8px; }

label {
  cursor: pointer; }

button {
  border: none;
  color: #fff;
  transition: 0.3s ease all;
  border-radius: 5px;
  cursor: pointer; }
  button i {
    margin-left: 5px; }

input,
button {
  outline: none;
  font-family: Arial, "Microsoft JhengHei", "Helvetica Neue", Helvetica, sans-serif; }

.container {
  margin: 0 auto;
  padding: 0px;
  width: 1170px; }
  .container-2 {
    margin: 0 auto;
    padding: 0px;
    width: 960px; }
  @media screen and (max-width: 1199px) {
    .container {
      margin: 0px 25px;
      width: auto; } }
  @media screen and (max-width: 991px) {
    .container-2 {
      margin: 0px 25px;
      width: auto; } }
  @media screen and (max-width: 767px) {
    .container {
      margin: 0px 15px; }
      .container-2 {
        margin: 0px 15px; } }

.clearfix:after {
  content: '';
  display: block;
  clear: both; }

.text-center {
  text-align: center; }
.text-right {
  text-align: right; }

.hide {
  display: none !important; }

.mobileShow {
  display: none !important; }

@media screen and (max-width: 991px) {
  .pcShow {
    display: none !important; }

  .mobileShow {
    display: initial !important; } }
.fontAwesomeIcon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.animated {
  animation-fill-mode: backwards; }

body {
  background: #fff9ee;
  font-size: 18px; }
  body.body2 {
    background: #ffe6fe; }
    body.body2 .banner {
      background: #fff1fe; }
  @media screen and (max-width: 991px) {
    body {
      padding-bottom: 50px; } }
  @media screen and (max-width: 767px) {
    body {
      font-size: 16px; } }

p {
  margin: 15px 0px; }

#content {
  overflow-x: hidden;
  position: relative; }
  #content[v-cloak] {
    opacity: 0; }

.red {
  color: #bb0224; }

header {
  position: relative;
  z-index: 2; }
  header .container {
    position: relative; }
  header .logo {
    position: absolute;
    top: 0px;
    left: 0px; }
    header .logo a {
	display: block;
	background: #fff;
	border-radius: 0px 0px 8px 8px;
	padding: 14px 18px;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.09);
	color: #000000;
	font-size: 12px;
}
      header .logo a img {
        display: block;
        width: 112px; }
  @media screen and (max-width: 991px) {
    header .logo a {
      padding: 15px; }
      header .logo a img {
        width: 100px; } }

.navbar .nav {
  margin: 24px 0px; }
  .navbar .nav a {
    display: block;
    position: relative;
    width: 15px;
    height: 15px;
    background: rgba(147, 131, 68, 0.5);
    border-radius: 100%;
    margin: 0 auto;
    transition: 0.3s ease all;
    border: solid 3px rgba(255, 255, 255, 0.5); }
  .navbar .nav-tit {
    position: absolute;
    left: -130px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    font-size: 17px;
    color: #000;
    background: #938344;
    padding: 3px 0px;
    width: 111px;
    border-radius: 15px;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s ease all; }
  @media screen and (min-width: 992px) {
    .navbar .nav.active a,
    .navbar .nav a:hover {
      background: #938344;
      border-color: #fff; }
      .navbar .nav.active a .nav-tit,
      .navbar .nav a:hover .nav-tit {
        visibility: visible;
        opacity: 1; } }
@media screen and (max-width: 1800px) {
  .navbar .nav-tit {
    font-size: 16px;
    width: 110px;
    left: -126px; } }
@media screen and (max-width: 991px) {
  .navbar {
    position: fixed;
    right: -100%;
    top: 60px;
    transition: 0.3s ease all; }
    .navbar.show {
      right: 15px; }
      .navbar.show .nav {
        animation: mobileNav 0.2s ease-out alternate backwards; }
        .navbar.show .nav:nth-of-type(1) {
          animation-delay: 0.08s; }
        .navbar.show .nav:nth-of-type(2) {
          animation-delay: 0.16s; }
        .navbar.show .nav:nth-of-type(3) {
          animation-delay: 0.24s; }
        .navbar.show .nav:nth-of-type(4) {
          animation-delay: 0.32s; }
        .navbar.show .nav:nth-of-type(5) {
          animation-delay: 0.4s; }
        .navbar.show .nav:nth-of-type(6) {
          animation-delay: 0.48s; }
    .navbar .nav {
      position: relative;
      right: 0%;
      opacity: 1; }
      .navbar .nav a {
        width: auto;
        height: auto;
        border-radius: 0px;
        background: none;
        border: none; }
      .navbar .nav-tit {
        position: relative;
        top: 0px;
        left: 0px;
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
        background: #ffea00;
        color: #000;
        padding: 7px 0px;
        border-radius: 30px; }
        .navbar .nav-tit:before {
          display: none; }
      .navbar .nav.active a {
        background: none;
        border: none; }
        .navbar .nav.active a .nav-tit {
          background: url(../images/bg-blue.png) top left repeat;
          color: #fff; } }

@keyframes mobileNav {
  0% {
    opacity: 0;
    right: -100%; } }
.menuBtn {
  display: none;
  position: fixed;
  width: 23px;
  top: 12px;
  right: 15px;
  cursor: pointer;
  display: none;
  z-index: 5;
  background: #eeef00;
  padding: 7px 12px;
  border-radius: 4px; }
  .menuBtn span {
    display: block;
    background: #000;
    height: 2px;
    margin: 4px 0px;
    transition: 0.3s ease all;
    border-radius: 3px; }
    .menuBtn span:nth-of-type(1), .menuBtn span:nth-of-type(2) {
      position: absolute;
      width: 23px;
      top: 13px; }
  .menuBtn.active span {
    opacity: 0; }
    .menuBtn.active span:nth-of-type(1), .menuBtn.active span:nth-of-type(2) {
      opacity: 1;
      transform-origin: center center; }
    .menuBtn.active span:nth-of-type(1) {
      transform: rotate(45deg); }
    .menuBtn.active span:nth-of-type(2) {
      transform: rotate(-45deg); }
  @media screen and (max-width: 991px) {
    .menuBtn {
      display: block; } }

.banner {
  background: url(../images/banner.png) bottom center no-repeat;
  background: #ffbc00;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f5b500 0%, #ffbc00 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f5b500 0%, #ffbc00 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f5b500 0%, #ffbc00 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5b500', endColorstr='#ffbc00',GradientType=0 );
  /* IE6-9 */
  position: relative;
  padding: 62px 0 318px; }
  .banner-tattoo {
    /*background: url(../images/bg-tattoo.png) top left;*/
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.4; }
  .banner-cloud {
    position: absolute;
    opacity: 1;
    animation: banner-cloud 50s ease infinite backwards; }
    .banner-cloud-1 {
      width: 167px;
      left: 24%;
      top: 22%;
      animation-duration: 30s; }
    .banner-cloud-2 {
      top: 14%;
      left: 35%;
      animation-delay: 1s;
      animation-duration: 55s; }
    .banner-cloud-3 {
      top: 17%;
      left: 53%;
      animation-delay: 0.5s;
      animation-duration: 35s; }
    .banner-cloud-4 {
      width: 130px;
      top: 30%;
      left: 69%;
      animation-delay: 1.3s;
      animation-duration: 40s; }
    .banner-cloud-5 {
      display: none;
      width: 100%; }
  .banner-bottom {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    min-width: 1920px; }
  .banner-left {
    position: absolute;
    right: 60.3vw;
    bottom: 65px;
    transform-origin: bottom right;
    animation: banner-leftRight 0.8s ease; }
  .banner-right {
    position: absolute;
    bottom: 50px;
    left: 46vw;
    transform-origin: bottom left;
    animation: banner-leftRight 0.8s ease; }
  .banner-bowl {
    position: absolute;
    left: 31%;
    transform: translateX(-50%);
    bottom: 47px; }
    .banner-bowl img {
      display: block; }
    .banner-bowl-bowl {
      transform-origin: bottom center;
      animation: banner-bowl 0.4s ease backwards;
      animation-delay: 0.3s;
      width: 100%; }
  .banner-lightSpot {
	position: absolute;
	top: -42px;
	right: -45px;
	transform: rotate(30deg);
	animation: banner-lightSpot 0.6s ease backwards infinite alternate;
	animation-delay: 0.9s;
}
  .banner-tit {
    color: #2c2c7a;
    text-align: center;
    position: relative;
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: -0.8px;
    padding: 0px 15px;
    margin: 0px;
    height: 152px;
    display: none; }
    .banner-tit .focus {
      color: #ff8a00;
      display: inline-block;
      font-size: 40px; }
      .banner-tit .focus strong {
        font-size: 30px; }
    .banner-tit-stit {
      font-weight: normal;
      font-size: 18px;
      margin-top: 10px; }
      .banner-tit-stit .focus {
        border-bottom: solid 2px #ff8a00;
        font-size: 18px; }
    .banner-tit-1, .banner-tit-2 {
      animation: banner-tit 0.6s ease; }
    .banner-tit-img {
      display: block;
      margin: 0 auto;
      max-width: 100%;
      position: relative;
      animation: banner-tit 0.4s ease; }
  .banner-openAccBtn {
    position: absolute;
    left: 65%;
    transform: translateX(-50%);
    bottom: 120px;
    animation: banner-openAccBtn 0.4s ease backwards;
    animation-delay: 0.5s; }
    .banner-openAccBtn a {
	animation: bannerBtn 0.5s ease-in-out infinite alternate;
	box-shadow: 4px 4px 0px rgba(19,19,19,0.80), 0px 2px 20px 10px #fff;
	-webkit-box-shadow: 4px 4px 0px rgba(19,19,19,0.80), 0px 2px 20px 10px #fff;
}
  .banner .lineBtn {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    position: relative; }
    .banner .lineBtnArea {
      position: absolute;
      top: 30px;
      right: 45px; }
    .banner .lineBtn a {
      display: block;
      border-radius: 10px;
      color: #fff;
      background: #0bb901;
      padding: 3px 15px; }
    .banner .lineBtn .lineQrCode {
	position: absolute;
	left: 50%;
	top: 100%;
	margin-top: 10px;
	transform: translateX(-50%);
	width: 170px;
	box-sizing: border-box;
	border-radius: 10px;
	padding: 10px;
	visibility: hidden;
	opacity: 0;
	transition: 0.3s ease all;
	text-align: center;
	background: #fff;
	z-index: 9999;
}
      .banner .lineBtn .lineQrCode:before {
        content: '';
        position: absolute;
        border-bottom: solid 8px #fff;
        border-left: solid 8px transparent;
        border-right: solid 8px transparent;
        top: -8px;
        left: 50%;
        transform: translateX(-50%); }
      .banner .lineBtn .lineQrCode img {
        width: 100%;
        border-radius: 10px; }
      .banner .lineBtn .lineQrCode-text {
        margin-top: -10px; }
    .banner .lineBtn:hover .lineQrCode {
      visibility: visible;
      opacity: 1; }
  @media screen and (max-width: 1199px) {
    .banner-left {
      width: 440px;
      right: 63vw; }
    .banner-right {
	width: 480px;
	left: 52vw;
	bottom: 60px;
	z-index: 2;} }
  @media screen and (max-width: 991px) {
    .banner {
      padding: 50px 0 230px; }
      .banner-bowl {
        width: 340px; }
	  .banner-right {
        width: 220px;
        left: 63vw;
        bottom: 10px;} 
      .banner .button {
        bottom: 140px; }
        .banner .button strong {
          font-size: 0px; }
        .banner .button a:before {
          content: '立即開戶';
          display: inline-block;
          font-weight: bold; }
      .banner .lineBtnArea {
        right: 25px;
        top: 15px; }
      .banner .lineBtn a {
        padding: 6px; }
      .banner .lineBtn .lineQrCode {
        display: none; } }
  @media screen and (max-width: 767px) {
    .banner {
      padding: 90px 0 200px; }
      .banner-cloud {
        display: none; }
        .banner-cloud-5 {
          display: block; }
	  .banner-right {
		width: 170px;
		left: 52vw;
		bottom: 0px;
		z-index: 2;}
      .banner-bowl {
        width: 210px;
		bottom: 45px;
		left: 24vw;	}
      .banner-lightSpot {
        width: 44px;
        top: -20px;
        right: -23px; }
      .banner-tit {	display: none;}
        .banner-tit-img {
	display: block !important;}
      .banner .lineBtnArea {
        right: 15px; } }

@keyframes bannerBtn {
  0% {
    top: -5px; }
  100% {
    top: 0px; } }
@keyframes banner-cloud {
  0% {
    opacity: 0;
    transform: translateX(10vw); }
  5%, 95% {
    opacity: 1; }
  100% {
    transform: translateX(-10vw);
    opacity: 0; } }
@keyframes banner-leftRight {
  0% {
    transform: scale(0.5);
    opacity: 0; }
  20% {
    opacity: 1; }
  100% {
    transform: scale(1); } }
@keyframes banner-tit {
  0% {
    transform: translateY(-200px) scale(0);
    opacity: 0; } }
@keyframes banner-bowl {
  0% {
    transform: scale(0);
    opacity: 0; }
  10% {
    opacity: 1; }
  100% {
    transform: scale(1); } }
@keyframes banner-lightSpot {
  0% {
    transform: rotate(-360deg) scale(0);
    opacity: 0; }
  10% {
    opacity: 1; }
  100% {
    transform: rotate(30deg) scale(1); } }
@keyframes banner-openAccBtn {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(100%); } }
.footer {
  border-top: solid 4px #1a4f9c; }
  .footer-top {
    padding: 15px 0px 25px;
    background: #fff; }
  .footer-logo {
    float: left;
    padding-top: 15px; }
  .footer-phone {
    float: right;
    color: #ea5404; }
    .footer-phone-tit {
      font-size: 32px; }
    .footer-phone-phone {
      font-size: 48px; }
      .footer-phone-phone a {
        color: #ea5404; }
  .footer-info {
    font-size: 13px; }
  .footer-contactInfo {
    font-size: 0px;
    margin: 0px -10px;
    padding-top: 15px; }
    .footer-contactInfo-item {
      font-size: 13px;
      display: inline-block;
      vertical-align: top;
      box-sizing: border-box;
      width: 20%;
      padding: 0px 10px;
      position: relative; }
      .footer-contactInfo-item:before {
        content: '';
        position: absolute;
        height: 100%;
        width: 1px;
        top: 0px;
        right: 0px;
        background: #ccc; }
      .footer-contactInfo-item-name {
        font-size: 15px;
        font-weight: bold; }
      .footer-contactInfo-item-address {
        margin: 5px 0px; }
      .footer-contactInfo-item:last-of-type:before {
        display: none; }
  .footer-warning {
    font-size: 15px;
    background: #f0f0f0;
    padding: 20px 0px; }
    .footer-warning ul {
      margin: 0px;
      padding-left: 18px; }
      .footer-warning ul li {
        padding: 7px 0px; }
      .footer-warning ul li.active span {
          text-decoration: underline;
          color: #d65713; }
    .footer-warning a {
      text-decoration: none;
      border-bottom: solid 1px; }
    .footer-warning-remark {
      font-size: 13px; }
  @media screen and (max-width: 767px) {
    .footer-logo {
      float: none;
      text-align: center; }
      .footer-logo img {
        width: 130px; }
    .footer-phone {
      float: none;
      text-align: center; }
      .footer-phone-tit {
        font-size: 18px; }
      .footer-phone-phone {
        font-size: 28px; }
    .footer-info {
      text-align: center; }
    .footer-contactInfo {
      margin: 0px; }
      .footer-contactInfo-item {
        display: block;
        width: auto;
        border-bottom: solid 1px #ccc;
        padding: 10px 0px; }
        .footer-contactInfo-item:before {
          display: none; }
        .footer-contactInfo-item-phone {
          float: left;
          margin-right: 10px; }
        .footer-contactInfo-item:first-of-type {
          padding-top: 0px; }
        .footer-contactInfo-item:last-of-type {
          padding-bottom: 0px;
          border-bottom: none; } }

/* 右側浮動 Banner */
.pinBottom{
	position:fixed;right:15px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:10}
.pinBottom-btn{margin:20px 0px;position:relative}
.pinBottom-btn:after,.pinBottom-btn:before{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);border-radius:100%;width:0%;height:0%;background:white;opacity:1;-webkit-animation:halo 1s ease infinite backwards;animation:halo 1s ease infinite backwards}
.pinBottom-btn:after{-webkit-animation-delay:0.3s;animation-delay:0.3s}
.pinBottom-btn a{
	border-radius:100%;font-family:'微軟正黑體';
	text-decoration:none;color:#fff;display:block;background:#007fcc;text-align:center;
	-webkit-box-sizing:border-box;box-sizing:border-box;
	font-size:24px;
	line-height:1.4;
	width:180px;height:180px;
	-webkit-transition:0.3s ease all;-o-transition:0.3s ease all;
	transition:0.3s ease all;position:relative;z-index:1;top:0px;
	-webkit-box-shadow:0px 0px 20px 8px rgba(255, 255, 255, 0.9);
	box-shadow:0px 0px 20px 8px rgba(255, 255, 255, 0.9);
	border:solid 4px #4cd6a3;}
.pinBottom-btn a:hover{top:-4px}
.pinBottom-btn:first-of-type a{padding-top:10px}
.pinBottom-btn:nth-of-type(2) a{padding-top:20px}
@media screen and (max-width:1199px){
	.pinBottom{-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);top:50px}}
@media screen and (max-width:991px){
	.pinBottom{top:auto;bottom:0px;right:0px;width:100%}
	.pinBottom:after{clear:both;width:100%}
	.pinBottom-btn{
	float: left;
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-right: solid 1px #fff;
	margin: 0px;
	display: none;
}
	.pinBottom-btn:last-of-type{border-right:0px}
	.pinBottom-btn:after,.pinBottom-btn:before{-webkit-animation:none;animation:none}
	.pinBottom-btn a{border-radius:0px;width:auto;height:auto;padding:10px 0px!important;-webkit-box-shadow:none;box-shadow:none;border:none}
	.pinBottom-btn a br{display:none}}

.pinBottom-btn {
  top: 0px;
  -webkit-animation: pinBottom-btn-float 0.5s ease-in-out infinite alternate;
  animation: pinBottom-btn-float 0.5s ease-in-out infinite alternate; }
  .pinBottom-btn:nth-of-type(2) {
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s; }
  .pinBottom-btn a {
    color: #FFFFFF;
    background: #e6353b;
    border-color: #d92e34;
    font-weight: bold; }
    .pinBottom-btn a:hover {
	border-top-color: transparent;
	border-bottom-color: transparent;}
  .pinBottom-btn:nth-of-type(2) a {
	background: #2464b1;
	border-color: #1e5fae;
    padding-top: 15px; }
  .pinBottom-btn:nth-of-type(2) a:hover {
	border-top-color: transparent;
	border-bottom-color: transparent;}
  .pinBottom-btn:nth-of-type(3) a {
	background-color: #44b0de;
	border-color: #36a9d9;
	padding-top: 50px;}
  .pinBottom-btn:nth-of-type(3) a:hover {
	border-top-color: transparent;
	border-bottom-color: transparent;}
  .pinBottom-btn a h3 {
	color: #ffeece;
	font-size: 16px;
	line-height: 18px;
	margin-top: 0px;
	margin-bottom: 5px;}
  .pinBottom-btn a h4 {
	color: #ffeece;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 0px;}
    .pinBottom-btn a:hover {
	border-top-color: transparent;
	border-bottom-color: transparent;}

@media screen and (max-width: 991px) {
  .pinBottom {
    bottom: 10px;
    width: 94%;
    right: 3%; }
    .pinBottom-btn {
      -webkit-animation: none;
      animation: none; }
      .pinBottom-btn a {
        color: #ffffff;
        background: #003366; }
      .pinBottom-btn:nth-of-type(1) a {
		font-size: 85%;
        border-radius: 20px 0 0 20px; }
      .pinBottom-btn:nth-of-type(2) a {
		font-size: 85%;
        border-radius: 0 20px 20px 0; }
	.pinBottom-btn a h3,.pinBottom-btn a h4 {
		font-size: 85%;	}}

@-webkit-keyframes pinBottom-btn-float {
  0% {
    top: -4px; } }

@keyframes pinBottom-btn-float {
  0% {
    top: -4px; } }

.fixedRightBtn {
  margin-bottom: 6px; }
  .fixedRightBtn-area {
	position: fixed;
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
	z-index: 1;
	display: none;}
  .fixedRightBtn a {
    display: block;
    text-align: center;
    width: 43px;
    color: #ffffff;
    background: #004790;
    padding: 10px 9px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 20px;
    transition: 0.3s ease all;
    position: relative;
    left: 0px;
    border-radius: 10px 0px 0px 10px;
    /*box-shadow: 0px 0px 10px rgba(#fff, 0.7);*/ }
    .fixedRightBtn a:hover {
      /*opacity: 0.7;
      box-shadow: 0px 0px 10px rgba(#fff, 0.7);*/
      background: #00a3e0; }
    .fixedRightBtn a i {
      font-size: 13px; }
  .fixedRightBtn.type2 a {
    background: #519e2f; }
    .fixedRightBtn.type2 a:hover {
      /*opacity: 0.7;
      box-shadow: 0px 0px 10px rgba(#fff, 0.7);*/
      background: #00a3e0; }
  @media screen and (max-width: 991px) {
    .fixedRightBtn a {
      width: 36px;
      padding: 15px 6px;
      font-size: 16px; } }
  @media screen and (max-width: 767px) {
    .fixedRightBtn {
      display: inline-block;
      vertical-align: middle;
      width: 50%;
      box-sizing: border-box;
      margin-bottom: 0px; }
      .fixedRightBtn-area {
	top: auto;
	bottom: 15px;
	width: 100%;
	padding: 0px 15px;
	box-sizing: border-box;
	font-size: 0px;
	transform: translateY(0);
	display: block;}
      .fixedRightBtn a {
        width: auto;
        padding: 11px 0px;
        border-radius: 20px 0px 0px 20px;
        font-size: 16px;
        line-height: 1;
        /*box-shadow: 0px 0px 3px rgba(#000, 0.9);*/
        border: solid 4px #fff; }
      .fixedRightBtn:nth-of-type(2) a {
        border-radius: 0px 20px 20px 0px;
        border-left: none; } }



/* 右側浮動 Banner end */

.topBtn {
  position: fixed;
  bottom: -70px;
  right: 45px;
  transition: 0.3s ease all; }
  .topBtn a {
    display: block;
    border-radius: 100%;
    width: 54px;
    height: 54px;
    background: #f4c70b;
    text-align: center;
    color: #000;
    font-size: 14px;
    box-sizing: border-box;
    transition: 0.3s ease all;
    position: relative;
    top: 0px;
    padding-top: 5px;
    border: solid 4px #fff; }
    .topBtn a i {
      display: block;
      margin: 0 auto; }
    .topBtn a:hover {
      top: -8px; }
  @media screen and (max-width: 991px) {
    .topBtn {
      display: none; } }



.item {
	margin-top: 0px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0px;
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
}
  .item:last-of-type .container-2 {
    border-bottom: none; }
  .item-item {
	margin: 40px 0;
	padding-bottom: 10px;}
.bg-gry{
	background-color: #f0f0f0;}
.bg-yellow{
	background-color: #ffcb44;}
.bg-blue{
	background-color: #005694;}
.tit-type1 {
	text-align: center;
	margin-top: 25px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 35px;}
  .tit-type1-infonone  {
	color: #fff;
	color: #fff9a5;
	font-size: 24px;
	border-radius: 35px;
	position: relative;
	padding-top: 0px;
	padding-right: 56px;
	padding-left: 56px;
	padding-bottom: 0px;
	height: 25px;
}
  .tit-type1-info {
	display: inline-block;
	color: #fff;
	color: #ffeadd;
	background-color: #7d0000;
	font-size: 36px;
	border-radius: 35px;
	position: relative;
	padding: 5px 56px;}
    .tit-type1-info:before, .tit-type1-info:after {
      content: '';
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: url(../images/tit-icon.png) center center no-repeat;
      width: 18px;
      height: 25px; }
    .tit-type1-info:before {
      left: 18px; }
    .tit-type1-info:after {
      right: 18px; }
.tit-type2 {
	color: #b50000;
	font-size: 26px;
	margin: 20px 0px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
.tit-type1 {
	text-align: center;
	margin-top: 25px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;}	
  .tit-type1-info {
    font-size: 20px;
    padding: 2px 15px;
    display: block;
    border-radius: 8px; }
    .tit-type1-info:before, .tit-type1-info:after {
      display: none; }
  .tit-type2 {
    font-size: 16px;}
  .item-item {
	margin: 20px 0;
	padding-bottom: 10px;}}

.line-dashed {
  border-bottom: dashed 1px #483b30;
  margin: 45px 0px; }
  .line-dashed.type2 {
    border-bottom: solid 2px #fff; }

.chart {
  margin: 20px auto 0;
  text-align: center; }
  .chart + .chart {
    margin-top: 40px; }
  .chartup {
	margin-top: -60px;}
  .chart-tit {
    display: inline-block;
    text-align: center;
    font-size: 20px;
    background: #f5ce2c;
    border-radius: 16px;
    font-weight: bold;
    padding: 1px 20px; }
  .chart-titopen {
    max-width: 705px;
    margin: 0 auto; }
  .chart-titopen img {
 	 width: 100%; }
  .chart-gift {
	max-width: 735px;
	margin: 0 auto;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 30px;
}
  .chart-gift img {
 	 width: 100%; }
  .chart-table {
    margin: 15px 0px;
    font-size: 16px; }
    .chart-table-row {
      display: table;
      width: 100%;
      border-bottom: dashed 1px #ccc;
      background: #fbfcff; }
      .chart-table-row:nth-of-type(2n+0) {
        background: #fff; }
      .chart-table-row.tit {
        background: #f5ce2c; }
      .chart-table-row.focus {
        border: solid 3px #bb0224;
        box-sizing: border-box;
        border-radius: 5px; }
    .chart-table-col {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      line-height: 1.4;
      padding: 8px 8px;
      border-right: dashed 1px #ccc; }
      .chart-table-col:last-of-type {
        border-right: none; }
      .chart-table-col.tit {
        background: #fff6d0; }
      .chart-table-col.focus {
        background: #e6f0ff;
        color: #000; }
      .chart-table-col.alignLeft {
        text-align: left; }
      .chart-table-col.alignTop {
        vertical-align: top; }
      .chart-table-col ul {
        margin: 0px;
        padding-left: 18px;
        text-align: left; }
    .chart-table.no1 {
      overflow-x: auto; }
      .chart-table.no1 .chart-table-row {
        min-width: 548px; }
      .chart-table.no1 .chart-table-col {
        width: 28%; }
        .chart-table.no1 .chart-table-col:nth-of-type(1) {
          width: 16%; }
      .chart-table.no1 .button a {
        padding-left: 15px;
        padding-right: 15px; }
    .chart-table.no2 .chart-table-col {
      width: 27%;
      position: relative; }
      .chart-table.no2 .chart-table-col:nth-of-type(1) {
        width: 22%; }
    .chart-table.no2 .chartTableNo2Circle {
      position: absolute;
      border-radius: 100%;
      border: solid 3px #bb0224;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      width: 90%;
      height: 110%; }
    .chart-table.no2 .focusInfo {
      letter-spacing: -0.8px; }
      .chart-table.no2 .focusInfo div {
        position: relative;
        background: #a80400;
        margin-top: 8px;
        border-radius: 8px;
        padding: 5px 8px;
        font-weight: bold;
        color: #fff;
        box-sizing: border-box; }
        .chart-table.no2 .focusInfo div:before {
          content: '';
          position: absolute;
          left: 50%;
          top: -8px;
          transform: translateX(-50%);
          border-bottom: solid 8px #a80400;
          border-left: solid 8px transparent;
          border-right: solid 8px transparent; }
    .chart-table.no3 .chart-table-col {
      width: 25%;
      position: relative; }
      .chart-table.no3 .chart-table-col:nth-of-type(1) {
        width: 22%; }
      .chart-table.no3 .chart-table-col:nth-of-type(4) {
        width: 28%; }
  .chart-img {
	margin-top: 15px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	max-width: 100%;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 0px;
}
    .chart-img img {
      width: 100%; }
      .chart-table td{
        padding:10px 5px;
        white-space:nowrap;
      }
  .chart-source {
	font-size: 13px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 20px;}
    .chart-source-warning {
	font-size: 13px;}
  .chart .twoChartTable {
    margin: 15px 0px; }
    .chart .twoChartTable .chart-table {
      float: left;
      width: 48%;
      margin: 0px 1%; }
	
  .chart ol {
    text-align: center;
    font-size: 0;
    padding: 15px 0 30px;}
  .chart ol li {
          display: inline-block; }
  .chart ol li img {
            width: auto;
            margin: 0 15px; }
            
  @media screen and (max-width: 991px) {
              .chart  ol li img {
                margin: 10px 0; } 
			  .chart  ol.ds li { 
				margin: 0 15px; }}
          @media screen and (max-width: 620px) {
            .chart ol.ds li {
              margin: 0; } 
            .chart ol.ds li img {
              width: 110px; } }

  @media screen and (max-width: 767px) {
    .chart-tit {
      font-size: 17px; }
    .chart-table {
      font-size: 13px; }
    .chart .twoChartTable .chart-table {
      overflow-x: auto; }
      .chart .twoChartTable .chart-table .chart-table-row {
        min-width: 340px; }
       .chart-img .chartup {
	    margin-top: -40px;
	    position: absolute;
	    margin-left: -15px;}}

.button {
  display: inline-block;}
  .button a {
	border-radius: 50px;
	display: block;
	color: #FFFFFF;
	background: #fff9a5;
	padding: 8px 25px;
	font-size: 24px;
	line-height: 26px;
	position: relative;
	top: 0px;
	transition: 0.3s ease all;
	box-sizing: border-box;
	-webkit-box-shadow: 5px 5px 0px;
	box-shadow: 5px 5px 0px;
	border: 0px solid #f5ba21;
}
    .button a:hover {
      top: -4px; }
  .button.type2 a {
    background: #fff;
    border: solid 2px #793642;
    color: #793642; }
  .button.type3 a {
	background: #fff9a5;}
  .button span.minor {
	font-size: 16px;
	line-height: 20px;
	margin-top: 0px;
}

.btnArea {
  text-align: center;
  margin: 15px 0px; }
  .btnArea.twoBtn .button {
    margin-left: 10px;
    margin-right: 10px; }
  @media screen and (max-width: 767px) {
    .btnArea .button {
      display: block;
      margin: 15px 0px; }
    .btnArea.twoBtn .button {
      margin: 15px 0px; }
  .button a {
	border-radius: 50px;
	display: block;
	color: #FFFFFF;
	background: #fff9a5;
	padding: 8px 25px;
	font-size: 18px;
	line-height: 26px;
	position: relative;
	top: 0px;
	transition: 0.3s ease all;
	box-sizing: border-box;
	-webkit-box-shadow: 3 x 3px 0px;
	box-shadow: 3 x 3px 0px;
	border: 0px solid #f5ba21;
	font-weight: bold;
}}

.offer {
	font-size: 0px;
	padding-bottom: 40px;
	padding-top: 10px;}
  .offer-item {
	text-align: center;
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 31.3333333333%;
	margin: 0px 1%;
	border-radius: 10px;
	box-sizing: border-box;}
    .offer-item-tit {
      font-size: 20px;
      font-weight: bold;
      padding: 5px 10px;
      /*background: #f5ce2c;*/
      border-radius: 8px 8px 0 0; }
    .offer-item-tit img {
      width: 100%; }
    .offer-item-text {
	font-size: 20px;
	padding: 5px 10px;
	box-sizing: border-box;}
	.offer-item-text ul{
	left: 30px;
	margin-top: 0px;}
	.offer-item-text ul li{
	font-size: 20px;
	text-align: left;
	margin-top: 0px;}
    .offer-item-text ul li:before {
      content: '';
      position: absolute;
      /*top: 50%;
      transform: translateY(-50%);*/
      background: url(../images/tit-icon01.png) center center no-repeat;
      width: 18px;
      height: 25px; }
    .offer-item-text ul li:before {
      left: 28px; }

.Tips {
	width: 100%;
	padding-bottom: 50px;
	padding-top: 10px;}
  .Tips-item {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 49%;
	margin-top: 0px;
	margin-bottom: 0px;
	border-radius: 10px;
	box-sizing: border-box;
	background-color: #ffbc00;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 40px;
	min-height: 320px;}
      .Tips.focus {
        border: solid 3px #bb0224;
        box-sizing: border-box;
        border-radius: 5px; }

  .Tips-item .stit {
	font-size: 24px;
	font-weight: bolder;}
  .Tips p{ font-size: 20px; }

  .Tips-item .Tips-box {
	font-size: 24px;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 1px;}

.focusInfo {
	letter-spacing: -0.8px;
	width: 100px;
}
.focusInfo {
	position: relative;
	background: #a80400;
	margin-top: 0px;
	border-radius: 8px;
	padding: 5px 8px;
	font-weight: bold;
	color: #fff;
	box-sizing: border-box;
	margin-bottom: 10px;
	text-align: center;
}
.focusInfo:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -7px;
    transform: translateX(-50%);
    border-top: solid 8px #a80400;
    border-left: solid 8px transparent;
    border-right: solid 8px transparent;
}



  @media screen and (max-width: 767px) {
    .offer {
	font-size: 0px;
	padding-bottom: 30px;
	padding-top: 5px;
	margin-bottom: -20px;}	  
    .offer-item {
      width: auto;
      display: block;
      margin: 5px 0px; }
      .offer-item:first-of-type {
        margin-top: 15px; }
      .offer-item-tit {
        font-size: 17px;
        padding: 3px 10px; }
      .offer-item-text {
        min-height: 0;
        font-size: 16px; }
	  .offer-item-text ul li {
        font-size: 16px;
        text-align: left;
        margin-top: 0px;}
	  .offer-item-tit img {
        width: 70%;}
	  .Tips-item {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 5px;
	border-radius: 10px;
	box-sizing: border-box;
	background-color: #ffbc00;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	min-height: 200px;
}
	  .Tips-item .stit {
	font-size: 18px;
	font-weight: bolder;}
  .Tips p{ font-size: 16px; }  
}
.notice h2 {
	font-size: 20px;
	margin-top: 15px;
	margin-bottom: 5px;
}
.noticeList {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 25px;
	padding-left: 19px;
	font-size: 16px;}
  .noticeList ul {
	list-style-position: outside;}
  .noticeList li {
	padding-bottom: 5px;	}
    .noticeList li:last-of-type {
      padding-bottom: 0px;}
.noticeList li a:hover {
	color: #FF0000;
}
.fixedBg {
  position: absolute; }
  .fixedBg-1 {
    width: 11%;
    height: auto;
    top: 15%;
    right: 2%;
    opacity: 0.2; }
  .fixedBg-2 {
    top: 25%;
    left: 2%;
    opacity: 0.2;
    width: 15%; }
  .fixedBg-3 {
    width: 15%;
    height: auto;
    top: 50%;
    right: 2%;
    opacity: 0.2; }
  .fixedBg-4 {
    width: 15%;
    height: auto;
    top: 75%;
    left: 2%;
    opacity: 0.2; }
  @media screen and (max-width: 1399px) {
    .fixedBg-1 {
      width: 6%; }
    .fixedBg-2 {
      width: 7%; }
    .fixedBg-3 {
      width: 9%;
      right: 0.5%; }
    .fixedBg-4 {
      left: 0.5%;
      width: 10%; } }
  @media screen and (max-width: 1199px) {
    .fixedBg {
      display: none; } }

.toggleWebBtn {
  text-align: center;
  font-size: 17px;
  cursor: pointer;
  transition: 0.3s ease all;
  top: 0px;
  font-weight: bold;
  background: #2c2c7a;
  color: #fff;
  border-radius: 10px;
  padding: 15px;
  position: absolute;
  animation: toggleWebBtnArrow 0.5s ease backwards;
  animation-delay: 0.3s; }
  .toggleWebBtn a {
    color: #fff; }
  .toggleWebBtn-area {
    position: absolute;
    position: fixed;
    width: 100%;
    top: 30%;
    transform: translateY(-50%);
    z-index: 1; }
  .toggleWebBtn:hover {
    top: -4px; }
  .toggleWebBtn i {
    color: #2c2c7a;
    color: #793642;
    font-size: 30px;
    position: absolute;
    left: 50%;
    bottom: -40px;
    transform: translateX(-50%);
    animation: toggleWebBtnArrow-arrow 0.8s ease-in-out infinite alternate; }
  .toggleWebBtn-1 {
    left: 45px; }
  .toggleWebBtn-2 {
    right: 45px; }
  @media screen and (max-width: 1399px) {
    .toggleWebBtn {
      font-size: 15px;
      font-weight: normal;
      padding: 4px 10px; }
      .toggleWebBtn-1 {
        left: 15px; }
      .toggleWebBtn-2 {
        right: 15px; } }
  @media screen and (max-width: 1199px) {
    .toggleWebBtn-area {
      position: absolute;
      top: 57%; } }
  @media screen and (max-width: 991px) {
    .toggleWebBtn {
      position: relative;
      left: auto !important;
      right: auto !important;
      margin: 0 auto;
      font-size: 0px;
      width: 60px;
      position: absolute;
      padding: 0px;
      text-shadow: 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff; }
      .toggleWebBtn-1 {
        left: 0px !important; }
      .toggleWebBtn-2 {
        right: 0px !important; }
      .toggleWebBtn-area {
        top: 0;
        left: 0;
        transform: translateY(0);
        position: relative;
        margin: 0 auto; } }
  @media screen and (max-width: 767px) {
    .toggleWebBtn {
      padding: 5px 0px;
      padding: 0px; }
      .toggleWebBtn-area {
        margin-top: 15px; } }

@keyframes toggleWebBtnArrow {
  0% {
    opacity: 0;
    transform: translateY(50%); } }
@keyframes toggleWebBtnArrow-arrow {
  0% {
    left: 45%; }
  100% {
    left: 55%; } }
.fixed-openAccBtn {
  display: none;
  position: fixed;
  bottom: 15px;
  left: 15px;
  right: 15px;
  text-align: center; }
  .fixed-openAccBtn a {
    animation: bannerBtn 0.5s ease-in-out infinite alternate;
    background: #e6353b; }
  @media screen and (max-width: 991px) {
    .fixed-openAccBtn {
      display: block; } }