@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);
/*------------HAPPY GO 固定CSS Start------------*/
body{ margin: 0; padding: 0;font-family:Arial,\5FAE\8EDF\6B63\9ED1\9AD4,'Noto Sans TC','Microsoft JhengHei','微軟正黑體';}
* {margin: 0; padding: 0;}
a, a:link, a:visited{text-decoration: none;display: inline-block; cursor: pointer;}
a:hover, a:active{text-decoration:none;}
ul{list-style: none;display: inline-block;margin: 0; padding: 0;}
li{display: inline-block;margin: 0; padding: 0;}
.clr {clear: both;}
.fl {float: left;}
.fr {float: right;}
.tc{text-align: center;margin: 0 auto;}
img.image-rwd{ width:100%}
p, li{ font-size:18px; line-height:28px;}
h1{font-weight:bolder!important;}
.remark{font-size:14px; color:#D80000}
@media (max-width: 1024px) {
  p, li{ font-size:15px;}
} 

/*header*/
header {text-align: center;padding: 5px 0;/*背景色*/background-color:#241e7a;height:40px;position:fixed;top:0;width:100%;z-index:999999;}
header .fr a:link, header .fr a:visited{display:inline-block;margin-left:10px;}
header .topnav {width:98%;margin:0 auto;line-height:30px;font-size:15px;}
header .topnav a:link, header .topnav a:visited{text-decoration: none; color:#fff; font-size: 15px; }
header .topnav a:hover, header .topnav a:active{color:#0059bd; text-decoration: none;}
header .topnav .fl{margin-right: 8px;}
header .topnav .fl img,
header .topnav .fr img{vertical-align:middle;margin-right:3px;margin-left: 10px;margin-top: -2px;}
header .topnav .fl.pt {padding-top:4px;}
header .topnav > div.fl:first-child > a > img{margin-left: 0;}
header .topnav div.gg{margin-top: 5px;margin-left: 20px;}
header .topnav div.fb{margin-top: -5px;}
@media screen and (min-width: 650px) and (max-width: 934px) {
  header {width: 100%;}
  header .topnav {width: 98%; margin:0 auto;line-height:20px;font-size:13px;}
  header .topnav div.fb{margin-top: 5px;}
  }
@media screen and (min-width: 320px) and (max-width: 649px) {
  header .topnav {width: 93% ; margin:0 20px 0 auto;line-height:18px;font-size:12px;}
  header .topnav .fl:first-child a img{width: 70%;margin-top: 8px;}
  header .topnav div:first-child + div{display: none;}
  header .topnav .fl{margin-right: 0;}
  header .topnav .fl img, header .topnav .fr img{vertical-align:middle;margin-left: 3px;}
  header .topnav div.fb{margin-top: 5px;}
}

/*NAV*/
nav.pc{ background:url(../images/inter_bg_nav.png) no-repeat center top; height:158px;position:relative; z-index:2000;}
nav.pc .navbar-brand{ margin-left:95px;}
nav.pc ul{padding:0; position:relative; left:35px}
nav.pc li{text-align:center;font-weight: bold;color:#fff!important;position:relative; }
nav.pc li p{font-size:24px; line-height:25px;}
nav.pc li a{ color:#fff; text-decoration:none;}
nav.pc li small{display:block; font-size:18px;}
nav.pc li a:hover, nav.pc li a:active, nav.pc li:focus, nav.pc li a.active{ color:#ffff00}
nav.pc li.first{top:45px;}
nav.pc li.second{margin-left:77px;top:18px;}
nav.pc li.second p{font-size:20px; line-height:22px;}
nav.pc li.third{margin-left:70px;top:75px;}
nav.pc li.forth{margin-left:45px;top:-8px;}
nav.pc li.forth p small{font-size:14px; line-height:18px;}
@media (min-width: 1025px) {
nav.pc li.forth p br{ display:none}
}
@media (max-width: 1024px) {
nav.pc{ background:url(../images/inter_bg_nav.png) no-repeat center 0px; height:158px; background-size:100%;}
nav.pc .navbar-brand{ margin:15px 0 0 65px; padding:0; float:left;}
nav.pc .navbar-brand img{ width:300px;}
nav.pc ul{left:55px}
nav.pc li p{font-size:20px; line-height:20px;}
nav.pc li small{font-size:14px;}
nav.pc li.first{top:40px;}
nav.pc li.second{margin-left:72px;top:22px;}
nav.pc li.second p{font-size:15px; line-height:18px;}
nav.pc li.third{margin-left:70px;top:70px;}
nav.pc li.forth{margin-left:52px;top:6px;}
nav.pc li.forth p small{font-size:14px; line-height:18px;}
}
@media (max-width: 768px) {
nav.pc{ background:url(../images/inter_bg_nav.png) no-repeat center 0px; height:135px; background-size:115%; overflow:hidden;}
nav.pc .navbar-brand{ margin:15px 0 0; padding:0; float:left; width:36%}
nav.pc .navbar-brand img{ width:280px;}
nav.pc ul{width:64%}
nav.pc li small{font-size:14px;}
nav.pc li.first{top:25px;}
nav.pc li.second{margin-left:50px;top:12px;}
nav.pc li.third{margin-left:50px;top:60px;}
nav.pc li.forth{margin-left:37px;top:0px;}
}

/* NAV for MOBILE*/
@media (max-width: 767px) {
  #menu{ margin-top:40px;}
  #menu .navbar-default {border-color:transparent; border: none; background-color:#ccc; margin:0; padding:0}
  #menu .navbar-default ul{ margin:0 -15px;}
  #menu .navbar-default .navbar-header{background-color: #ff6450;}
  #menu .navbar-default .navbar-nav > li{ margin:0; padding:0; text-align:center; font-size:20px; font-weight:bolder;}
  #menu .navbar-default .navbar-nav > li p{ margin:0; padding:0; font-size:14px; display:inline-block; margin-left:8px;}
  #menu .navbar-default .navbar-nav > li > a {color:#ff6450;width:100vw;background-color:#feda3e;border-bottom:1px solid #e6be01;}
  #menu .navbar-default .navbar-nav > li > a:hover,
  #menu .navbar-default .navbar-nav > li > a:focus {color: #241e7a;background-color:#feda3e;}
  #menu .navbar-default .navbar-nav > .active > a,
  #menu .navbar-default .navbar-nav > .active > a:hover,
  #menu .navbar-default .navbar-nav > .active > a:focus {color: #241e7a;background-color:#feda3e;}
  #menu .navbar-default .navbar-nav span{ font-size:15px; top:-2px; margin-right:5px}
  #menu .navbar-default .navbar-toggle {border-color:#ff6450;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;background-color: #241e7a;}
  #menu .navbar-default .navbar-toggle:hover,
  #menu .navbar-default .navbar-toggle:focus {background-color: #cc0000;}
  #menu .navbar-default .navbar-toggle .icon-bar {background-color: #feda3e;}
  #menu .navbar-default .navbar-collapse,
  #menu .navbar-default .navbar-form {border-color:#dc422f;}
  #menu .navbar-brand{ padding: 7px 15px;}
  #menu .navbar-brand img{ width:200px;}
}

/* KV */
#kv{margin-top:40px;padding:0px;}
@media (max-width: 768px) {
}
@media (max-width: 767px) {
#kv{margin-top:0px;padding: 0; margin: 0;}
}
.bx-wrapper .pic, .bx-wrapper .happy, .bx-wrapper .shop-point{
  width:100vw;
  min-height:calc(100vh - 100px);
}
.bx-wrapper .pic.first{ background:url(../images/kv-index-01.jpg) no-repeat center top;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
.bx-wrapper .pic.second{background:url(../images/kv-index-02.jpg) no-repeat center top;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
.bx-wrapper .pic.third{background:url(../images/kv-index-03.jpg) no-repeat center top;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
.bx-wrapper .pic.fourth{background:url(../images/kv-index-04.jpg) no-repeat center top;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}

.bx-wrapper .pic .text{text-align:right;background:url(../images/pattern-index.png) no-repeat center top; background-size:cover; height:280px; margin-top:60%;}
.bx-wrapper .pic .text p{ text-align:center; font-size:20px;color:#ffffff; line-height:30px; padding-top:90px; margin-left:120px;}
.bx-wrapper .pic .text p big{font-size:29px; display:block}
.bx-wrapper .pic .text .but{
	background-color:#fff;
	border:none;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
text-align:center;
display:inline-block;
margin:0 auto;
padding:5px 15px 3px;
text-align:center;
clear:both;
margin-right:50px;
border-bottom:3px solid #c84531;
}
.bx-wrapper .pic .text .but.join a{
	color:#ff6450;
	font-size:18px;
	text-decoration:none;
}
.bx-wrapper .pic .text .but.join span{
	font-size:13px;
	display:inline-block;
	margin-left:5px;
	top:-3px;
}

/*happy*/
.bx-wrapper .happy.first{ background:url(../images/kv-happy-01.jpg) no-repeat center top;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
.bx-wrapper .happy.second{background:url(../images/kv-happy-02.jpg) no-repeat center top;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
.bx-wrapper .happy.third{background:url(../images/kv-happy-03.jpg) no-repeat center top;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}

.bx-wrapper .happy .info-box{margin-top:30%;}
.info-box h1{color:#241e7a;font-size:34px; margin: 0 0 20px;}
.info-box p{color:#241e7a;font-size:16px; line-height:25px; margin-bottom:20px;}
.info-box p span{color:#ff6450;font-size:22px; font-weight:bolder}
.info-box h3{ margin-top:20px}
.info-box h3 a{color:#ff6450;font-size:20px;font-weight:bolder;}
.info-box h3 span{
    font-size:15px;
	display:inline-block;
	margin-left:5px;
	top:-2px;
}
.bx-wrapper .happy .info-box{margin-top:25%;}
.bx-wrapper .happy.third .info-box{margin-top:30%;}
/*shop-point*/
.bx-wrapper .shop-point.first{ background:url(../images/kv-point-01.jpg) no-repeat center top;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
.bx-wrapper .shop-point.second{background:url(../images/kv-point-02.jpg) no-repeat center top;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
.bx-wrapper .shop-point.third{background:url(../images/kv-point-03.jpg) no-repeat center top;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
.bx-wrapper .shop-point .info-box{margin-top:30%;}
.bx-wrapper .shop-point.second .info-box{margin-top:30%;}
.shop-logo li{ margin-bottom:10px; padding:0 10px}
.bx-wrapper .shop-point.second .shop-logo li img{ width:100%!important}
 @media all and (-ms-high-contrast:none)
 {
 .bx-wrapper .shop-point.second .shop-logo li img{ width:125px!important} /* IE10 */
 *::-ms-backdrop, .bx-wrapper .shop-point.second .shop-logo li img{ width:125px!important} /* IE11 */
 }
:root .bx-wrapper .shop-point.second .shop-logo li img{ width:125px \0/IE9;} /* IE9 + IE10pp4 */
@media (max-width: 1380px) {
.bx-wrapper .pic .text{margin-top:36%;}
.info-box h1{color:#241e7a;font-size:34px; margin: 0;}
.info-box p{color:#241e7a;font-size:16px; line-height:25px; margin-bottom:10px;}
.info-box p span{color:#ff6450;font-size:22px; font-weight:bolder}
.info-box h3{ margin-top:10px}
.info-box h3 a{color:#ff6450;font-size:20px;font-weight:bolder;}
.bx-wrapper .happy .info-box{margin-top:16%;}
.bx-wrapper .happy.third .info-box{margin-top:20%;}
.bx-wrapper .shop-point .info-box{margin-top:16%;}
.bx-wrapper .shop-point.second .info-box{margin-top:15%;}
}
@media (max-width: 1170px) {
.bx-wrapper .pic .text{height:300px; }
.bx-wrapper .shop-point .info-box{margin-top:25%;}
.bx-wrapper .shop-point.second .info-box{margin-top:25%;}
.bx-wrapper .shop-point.first .info-box{margin-top:25%;}
}
@media (max-width: 992px) {
.bx-wrapper .pic .text{text-align:center;background:url(../images/pattern-index.png) no-repeat 10% top;height:300px; margin-top:72%;}
.bx-wrapper .pic .text p{ text-align:center; font-size:20px;color:#ffffff; line-height:30px; padding-top:100px; margin-left:0px; margin-left:-10%}
.bx-wrapper .pic .text p big{font-size:29px; display:block}
.bx-wrapper .pic .text .but{
margin:0 auto 0 -10%;
}

/*happy*/
.bx-wrapper .happy.first{ background:url(../images/kv-happy-01-xs.jpg) no-repeat center top;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
.bx-wrapper .happy.second{background:url(../images/kv-happy-02-xs.jpg) no-repeat center bottom;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
.bx-wrapper .happy.third{background:url(../images/kv-happy-03-xs.jpg) no-repeat center top;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
.bx-wrapper .happy .info-box{margin-top:60%;}
.bx-wrapper .happy.third .info-box{margin-top:86%;}

/*shop-point*/
.bx-wrapper .shop-point.first{ background:url(../images/kv-point-01-xs.jpg) no-repeat center top;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
.bx-wrapper .shop-point.second{background:url(../images/kv-point-02-xs.jpg) no-repeat center top;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
.bx-wrapper .shop-point.third{background:url(../images/kv-point-03-xs.jpg) no-repeat center bottom;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}

.bx-wrapper .shop-point .info-box{margin-top:60%;}
.bx-wrapper .shop-point.second .info-box{margin-top:60%;}
.bx-wrapper .shop-point.first .info-box{margin-top:65%;}

}
@media (max-width: 767px) {
.bx-wrapper .pic, .bx-wrapper .happy, .bx-wrapper .shop-point{
  width:100vw;
  min-height:calc(100vh - 80px);
}

.bx-wrapper .pic.first{ background:url(../images/kv-index-01-xs.jpg) no-repeat center top;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
.bx-wrapper .pic.second{background:url(../images/kv-index-02-xs.jpg) no-repeat center top;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
.bx-wrapper .pic.third{background:url(../images/kv-index-03-xs.jpg) no-repeat center top;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
.bx-wrapper .pic.fourth{background:url(../images/kv-index-04-xs.jpg) no-repeat center top;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}

.bx-wrapper .pic .text{text-align:center;background:none;height:auto; margin-top:420px;}
.bx-wrapper .pic .text p{ text-align:center;padding-top:0; margin-left:0;}
.bx-wrapper .pic .text p big{font-size:29px; display:block}
.bx-wrapper .pic .text .but{
margin:0 auto;
padding:5px 25px 3px;
}

/*happy*/
.bx-wrapper .happy .info-box{margin-top:97%;}
.bx-wrapper .happy.third .info-box{margin-top:100%;}
.happy .info-box h1{font-size:30px;margin: 0 0 20px;}
.happy .info-box p{font-size:15px; line-height:20px;margin-bottom:20px;}
.happy .info-box p span{font-size:22px;}
.info-box h3{ margin-top:20px}
.happy .info-box h3 a{font-size:16px;}
.happy .info-box h3 span{font-size:12px;}
.album li{ padding:0 5px;}

.info-box h3 a{color:#ff6450;font-size:20px;font-weight:bolder;}
/*shop-point*/
.bx-wrapper .shop-point .info-box{margin-top:40%;}
.bx-wrapper .shop-point.first .info-box{margin-top:75%;}
.bx-wrapper .shop-point.second .info-box{margin-top:40%;}

.shop-point .info-box h1{font-size:30px; }
.shop-point .info-box p{font-size:15px; line-height:20px;}
.shop-point .info-box p span{font-size:22px;}
.shop-point .info-box h3 a{font-size:16px;margin-top:0px;}
.shop-point .info-box h3 span{font-size:12px;}
.shop-logo{ margin-top:10px}
.shop-logo li{ margin-bottom:3px;padding:0 5px;}
}
@media (max-width: 480px) {
.bx-wrapper .pic .text{text-align:center;background:none;height:auto; margin-top:290px;}
.bx-wrapper .shop-point{
  width:100vw;
  min-height:660px;
}
.bx-wrapper .shop-point .info-box{margin-top:70%;}
.bx-wrapper .shop-point.first .info-box{margin-top:70%;}
.bx-wrapper .shop-point.second .info-box{margin-top:40%;}

.bx-wrapper .happy .info-box{margin-top:80%;}
.bx-wrapper .happy.third .info-box{margin-top:90%;}

.info-box h3{ clear:both; position:relative; top:-10px;}

}

@media (max-width: 375px) {
.bx-wrapper .pic .text{margin-top:290px;}
}
@media (max-width: 320px) {
.bx-wrapper .pic .text p{font-size:16px; line-height:26px;}
.bx-wrapper .pic .text p big{font-size:25px;}
.bx-wrapper .pic .text{margin-top:290px;}
.info-box p{ margin-bottom:0; padding:0;}
.info-box h3 a{padding:0;font-size:14px; margin:0;}

.shop-point .info-box h1{font-size:26px; }
.shop-point .info-box p{font-size:14px; line-height:18px;}
.shop-point .info-box p span{font-size:22px;}
.shop-point .info-box h3 a{font-size:16px;margin-top:0px;}
.shop-point .info-box h3 span{font-size:12px;}
.bx-wrapper .shop-point.first .info-box h4 img{ width:70%;}
.shop-logo li{ margin-bottom:0px;padding:0 5px;}
}
/* pattern */
.pattern{position:absolute;overflow-x:hidden; display:block; width:100%;min-height:550px;z-index:1000;}
.pattern .aa{position:absolute; top:150px; left: -5%;z-index:1000;}
.pattern .bb{position:absolute; top:360px; left: 5%;z-index:1000;}
.pattern .cc{position:absolute; top:20px; right: -5%;z-index:1000;}
.pattern .dd{position:absolute; top:230px; right:12%;z-index:1000;}
.pattern .ee{position:absolute; top:380px; right: 0px;z-index:1000;}
@media (max-width: 1280px) {
.pattern .aa img{ width:80%}
.pattern .bb img{}
.pattern .cc img{width:80%}
.pattern .dd img{width:90%}
.pattern .ee img{width:80%}
.pattern .bb{top:360px; left: 2%;}
.pattern .cc{top:90px; right: -7%;}
.pattern .dd{top:260px; right:10%;}
.pattern .ee{top:400px; right: -5%;}
}
.pattern.rule .aa{position:absolute; top:90px; left: -5%;z-index:1000;}
.pattern.rule .aa img{width:85%}
.pattern.rule .bb{position:absolute; top:360px; left: -5%;z-index:1000;}
.pattern.rule .cc{position:absolute; top:20px; right: -5%;z-index:1000;}
.pattern.rule .dd{position:absolute; top:230px; right:12%;z-index:1000;}
.pattern.rule .ee{position:absolute; top:380px; right: 0px;z-index:1000;}
@media (max-width: 1280px) {
.pattern.rule .aa img{ width:75%}
.pattern.rule .bb img{}
.pattern.rule .cc img{width:80%}
.pattern.rule .dd img{width:90%}
.pattern.rule .ee img{width:80%}
.pattern.rule .aa{top:90px; left: -8%;}
.pattern.rule .bb{top:260px; left: -8%;}
.pattern.rule .cc{top:70px; right: -7%;}
.pattern.rule .dd{top:220px; right:12%;}
.pattern.rule .ee{top:360px; right: -5%;}
}
@media (max-width: 1024px) {
.pattern{ display:none}
}
.page-header {
  border-bottom: 0px solid #eee!important;
}
/* theme-contant */
body.theme{ background:url(../images/bg-theme.jpg) no-repeat center top; background-size:cover;}
#theme-contant .page-header, #rule-contant .page-header{
  padding-bottom: 0px;
  margin:0 auto 15px;
  border-bottom: 0px solid #eee;
  text-align:center;
}
#theme-contant .page-header .text h1, #rule-contant  .page-header .text h1{ margin:25px auto 0; padding:0}
#theme-contant .page-header .text p{ color:#ff6450; font-weight:bolder; font-size:22px; text-align:left; margin:0 auto 15px; padding:0}
#theme-contant .page-header .text p span{color:#241e7a}
#theme-contant .page-header .pic{
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.people-list li{ margin:0 0 15px;}
.people-list li img{ border:3px solid #fff;}
.but{
	background-color:#241e7a;
	border:5px solid #fff;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
text-align:center;
display:inline-block;
margin:0 auto;
padding:5px 55px;
text-align:center;
}
.but.join a{
	color:#ff6450;
	font-size:32px;
	font-weight:bolder;
	text-decoration:none;
}
.but.join span{
	font-size:18px;
	display:inline-block;
	margin-left:5px;
	top:-3px;
}

/* theme-map */
.theme-map{ background-color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow: 0px 4px 12px 6px rgba(0%,0%,0%,0.2);transition: all 0.2s ease; margin-bottom:50px; margin-top:15px; padding-top:30px; padding-bottom:30px;}
.result .pic{ position:relative; z-index:8}
.result .stamp, .result .non-stop{ position:absolute}
.result .stamp{z-index:10; bottom:0px;}
.result .non-stop{z-index:11}
.map-list ul{ margin:8px 0 0; padding:0;}
.map-list li{margin-bottom:16px; padding:0 8px}
.map-list li img{border:2px solid #ff6450;}
.map-list li:nth-child(7) img{border:2px solid #241e7a;}
.theme-map .next{ position:relative; z-index:99; top:15px}
.theme-map .next h2{color:#241e7a; font-weight:bolder; font-size:24px;}
/* bar */
.result .minus{float:left; width:30px;}
.result .plus{float:left;width:30px;}
.result .progress {
  height: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
  overflow: hidden;
  background-color:transparent;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0);
}
.result .progress-bar {
  float: left;
  width:calc(100% - 60px);
  height: 5px;
  margin-top:12px;
  background-color: #241e7a;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(36, 30, 122, .15);
          box-shadow: inset 0 -1px 0 rgba(36, 30, 122, .15);
  -webkit-transition: width .6s ease;
       -o-transition: width .6s ease;
          transition: width .6s ease;
}
.result .bar-but{ position:absolute; left:42px;}
@media (min-width: 1024px) {
#theme-contant .page-header .text{ padding-left:100px;}
#theme-contant .page-header .text.map,
#rule-contant .page-header .text.rule{ padding-left:0;display:block; text-align:center;}
#theme-contant .page-header .text.map img,
#rule-contant .page-header .text.rule img{ width:60%; margin:auto}
#theme-contant .page-header .pic{ text-align:center}
}
@media (min-width: 1200px) {
#theme-contant .theme, #theme-contant .theme-map, #rule-contant .rule{ width:1050px;}
}

@media (max-width: 768px) {
body.theme{ background:url(../images/bg-theme.jpg) no-repeat center top; background-size:250%;}
#theme-contant .page-header {
  margin:0 10px 15px;
}
#theme-contant .page-header .text.map{margin:0 20px 0px;}
#theme-contant .page-header .pic{ margin:0; padding:0}
#theme-contant .page-header .text p{ font-size:16px;margin:0 auto 10px; line-height:22px;}
#theme-contant .page-header .text p br{ display:none}
.but.join a{
	font-size:30px;
}
.but.join span{
	font-size:15px;
}
.people-list li{padding:0 7px;}

.theme-map{ background-color:transparent;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;box-shadow: 0px 0px 0px 0px rgba(0%,0%,0%,0);transition: all 0.2s ease; margin-bottom:30px; margin-top:0px; padding-top:0px; padding-bottom:0px;}
.result .pic img{ box-shadow: 0px 4px 12px 6px rgba(0%,0%,0%,0.2);transition: all 0.2s ease; border:3px solid #fff;}
.result .stamp img, .result .non-stop img{border:0px solid #fff;box-shadow: 0px 4px 12px 6px rgba(0%,0%,0%,0);}
.map-list{ margin:0px 0 0;}
.map-list li{margin-bottom:8px; padding:0 4px}
}
/* theme-point */
#theme-contant{min-height:calc(100vh - 285px);}
.theme-point{ margin-bottom:25px; margin-top:6px;position:relative; z-index:1001}
.theme-point .pic img{ height:350px; float:right}
.theme-point .text{ margin-top:45px;}
.theme-point .text h2{color: #241e7a; font-size:36px; line-height:44px;font-weight:bolder;margin:0 0 10px;padding:0;}
.theme-point .text h2 span{color: #ff6450;font-size:48px;}
.theme-point .text p{color: #ff6450; font-size:22px;font-weight:bolder;margin:0 0 20px;padding:0; line-height:33px;}
.theme-point .text p span{color: #241e7a;}
@media (max-width: 1024px) {
.theme-point .text{ margin-top:45px;}
}
@media (max-width: 992px) {
.theme-point .pic{ margin-top:15px}
.theme-point .pic img{ height:auto; float:none}
.theme-point .text{ margin-top:25px;}
}
@media (max-width: 767px) {
.theme-point .text{ margin-top:10px; text-align:center;}
.theme-point .text h2{font-size:30px; line-height:35px}
.theme-point .text h2 span{font-size:42px;}
.theme-point .text p{font-size:15px;line-height:30px; line-height:22px; margin-bottom:8px}
}

/* rule */
#rule-contant{}
#rule-contant .rule-c{ background-color:rgba(255,255,255,.8);box-shadow: 0px 4px 12px 6px rgba(0%,0%,0%,.3);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; padding:25px 55px; margin-bottom:55px;position:relative; z-index:9}
#rule-contant article h1{color:#241e7a;text-align:left; font-size:35px; margin-bottom:15px;}
#rule-contant article h2{color:#ff6450;text-align:left; font-size:20px; margin:5px auto 10px;}
#rule-contant article h3{color:#333;text-align:left; font-size:16px; margin:5px auto 10px; padding-left:25px; background:url(../images/icon-list.png) no-repeat left center;}
#rule-contant article p, #rule-contant li, article{color:#333!important;font-size:16px; line-height:22px;margin:5px auto 10px;}
#rule-contant .rule article p{ margin-bottom:20px}
#rule-contant article .logo-list li{display:inline-block; list-style-type:none; padding-left:0px; margin-left:0px;}
#rule-contant article .logo-list li img{ border:1px solid #ebebeb;}
#rule-contant article li{ display:list-item; list-style-type:square; padding-left:0px; margin-left:20px;}
#rule-contant article ol{ margin:0; padding:0;}
#rule-contant article ol li{ display:list-item; list-style-type:decimal; padding-left:0px; margin-left:20px;}
#rule-contant article span{color:#ff6450;}
@media (min-width: 1200px) {
#rule-contant article .logo-list .col-lg-2{ width:20%;}
}
@media screen and (max-width: 768px) {
#rule-contant .rule-c{background-color:rgba(255,255,255,.0);box-shadow: 0px 4px 12px 6px rgba(0%,0%,0%,.0);-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;padding:0px 25px 15px}
#rule-contant .page-header .text.rule img{ width:80%; margin:auto}
}
/* footer */
footer{padding:15px 0 10px; clear:both; background-color:#241e7a;color:#fff; height:60px;}
footer.snap, footer.snap_point{position:absolute; bottom:0; width:100vw;}
footer .container{ padding:0 55px;}
footer p{font-size:12px; line-height:16px; text-align:center}
@media screen and (max-width: 768px) {
footer{padding:15px 15px 0;height:60px}
footer .container{ padding:0px;}
}
@media screen and (max-width: 767px) {
footer{height:80px}
footer .container br{ display:none}
}
@media screen and (max-width: 480px) {
footer.snap_point{bottom:auto;top:660px;}
}
@media screen and (max-width: 375px) {
footer{padding:10px 15px 0;}
footer p{line-height:15px;}
}
/* gotop */
#gotop {display:none;position: fixed;right: 30px;bottom: 60px;cursor: pointer;background:url(../images/icon_arrow.png) no-repeat left top;width:60px;height:60px;z-index:100!important;}
@media only screen and (max-width: 480px) {
#gotop {right: 15px;bottom: 30px;}
}



.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
z-index:9;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
z-index:10;
/*background:rgba(254,218,62,0.5);*/
background:url(../images/y-alpha.png) repeat-x left top;
}
.hovereffect .pic {
display:block;
position:relative;
z-index:8;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}
.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:120px 0 15px;
padding:10px 20px 10px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(9);
-webkit-transform:scale(1);
transform:scale(1);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}


/*ad-banner*/
#abgne_float_ad {
    position: fixed;
    left: 50%;
    margin-left:22%;
    top:300px;
	z-index:999999;
	}
map *:focus{
outline:none;
}
@media (min-width: 768px) {
#abgne_float_ad {
    margin-left:25%;
    top:50px;
	}
}
@media (min-width: 1280px) {
#abgne_float_ad {
    margin-left:36%;
    top:250px;
	}
}
@media (min-width: 1440px) {
#abgne_float_ad {
    margin-left:40%;
    top:250px;
	}
}	
@media (min-width: 2000px) {
#abgne_float_ad {
    margin-left:30%;
    top:200px;
	}
}