@charset "utf-8";
/*
Theme Name: crazyjump template
Author: wheat
Author URI: www.winho.com.tw
Author e-mail: wheat363@gmail.com
Version: 1.0.0 
Created: 2016.02.05
File Description: Main CSS file of the template
*/

/*
TABLE OF CONTENTS

1) Fonts
2) Typography
3) Layout
4) Sections
5) Pages ( blog, about etc )
6) Template Elements
7) Navigations
8) Main Slideshow
9) Blocks/Widgets
10) Owl carousel
**/

/* 1 Fonts
----------------------------------------------------------------------------- 
body, input, textarea, select, blockquote, .main-navigation .navbar ul ul {
	font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6, .logo, .main-navigation .navbar, .btn, .caption {
	font-family: 'Lato', sans-serif;
}
*/

/* 2 Typography
----------------------------------------------------------------------------- */
/*
body {
    font-family: "�L�n������",Arial;
    font-size: 190%;
}
*/

body {
    color: #444;
    font-family: "微軟正黑體",Arial;
    font-size: 15px;
    font-weight: lighter;
}


.wrap{
	padding:20px 0 100px;
}
	
.index section {
    position: relative;
	padding-top:50px;
}
.index section h2{
	font-size:220%;
    margin-bottom:30px;
    text-transform:uppercase;
	}
h2{
	font-size:180%;
	margin-top:0;
	}
h3{
	color:#e00;
	line-height:1.8em;
	}
p{
	margin:30px 0;
	}
.index .banner{
    padding-top: 0 !important;
	display: block;
	margin:0;
	padding:0;
	/*width: 100%;*/
	max-width: 100%;
	height: 910px;
	background: #000 url('/views/crazyjump/images/banner_index.jpg') center center no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
    

	
	/*
	background-position: 50% 50%;
    background-size: 100% auto;*/
}
/*
.banner img{
    display: block;
	margin:0px;
	padding:0px;
	width: 100%;
}
*/



/**banner �V�U�u�ʷƹ� jump**/
@-webkit-keyframes jump-icon {

	0%, 20%, 80%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	50% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}

@keyframes jump-icon {

	0%, 20%, 80%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	50% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}
.jump {
	position:absolute;
	top: calc(100% - 75px);
	width: 100%;
	-webkit-animation: jump-icon 2s infinite ease-in-out;
	animation: jump-icon 2s infinite ease-in-out;
	/* Prevent first frame from flickering when animation starts */

}

/*****************************/
/* .news
/*****************************/
.news h3 {
    font-size: 130%;
    margin-bottom: 30px;
}
.imgGift .list{
	width:248px;
	height:248px;
	margin:25px auto;
	}
.imgGift .txt{
	width:100%;
	height:100%;
	display:table;
	line-height:2.2em;
	-background-color:#fdd;
	background-color:rgba(255,221,221,0.5);
   -webkit-border-radius:50%;
      -moz-border-radius:50%;
           border-radius:50%;
	}
.imgGift .txt p{
	font-size:140%;
	font-weight:bold;
	width:100%;
	height:100%;
	display:table-cell;
	vertical-align:middle;
	}
.newsContainer{
	background-color:#eee;
	margin-bottom:30px;
	}
.newsContainer ul{
	font-size:120%;
	margin-bottom:40px;
	}
.newsContainer ul img{
	width:100%;
	}
.newsContainer p{
	margin:10px 0 30px;
	}
/*****************************/
/* space
/*****************************/
.provision .btnBlue, .provisionMenu .btnBlue{
	color:#fff;	
	text-align:left;
	padding:10px 20px;
	background:linear-gradient(to bottom, #0ae, #08c);
	border:none;
   -webkit-border-radius:10px;
      -moz-border-radius:10px;
           border-radius:10px;
	}
.provision .btnBlue{
	font-size:130%;
	width:35%;
	}
.provision .btnBlue:hover, .provisionMenu .btnBlue:hover{
	background:linear-gradient(to bottom, #08c, #0ae);
	}
.provisionMenu .btnBlue{
	width:30%;
	font-size:100%;
	margin-top:0;
	}
.provision .btnBlue img, .provisionMenu .btnBlue img{
	float:left;
	margin-right:10px;
	margin-top:10px;
	}
.provision .btnBlue p, .provisionMenu .btnBlue p{
	float:right;
	width:70%;
	margin:10px 0 0;
	}
.provision .btn, .provisionMenu .btn{
	white-space:normal;
	}
.space .nav-tabs{
	margin:0 auto; /*add by hank 2016.5.19*/
	margin-bottom:30px;	
	}
.space .nav-tabs .r-tabs-state-active{  /*.active ��by hank*/ 
	background-color:#fd5;
	}
.space .nav-tabs > li.active > a, .space .nav-tabs > li.active > a:focus, .space .nav-tabs > li.active > a:hover{
	background-color:#fd5;
	border:none;
   -webkit-border-radius:0;
      -moz-border-radius:0;
           border-radius:0;
	}
.space .nav > li > a{
	color:#555;
	font-size:120%;
	font-weight:bold;
	padding:10px 30px;
	outline:none;
	background:url(../images/icon_tabs_right.png) right 19px no-repeat;
	}
.space .nav-tabs li{
	/*width:49.9%;*/
	background-color:#d9d9d9;
	border-right:1px solid #fff;
	}
.space .nav-tabs li:last-child{
	border-right:none;
	}
.space .tab-pane h3{
	color:#b00;
	font-size:150%;
	line-height:2em;
	text-transform:uppercase;
	}
.space .scrollDown{
	border-bottom:1px solid #ccc;
	display:block;
}

.space .nav-tabs > li > a{	
	border:0px;
	border-radius:0;
	}
.r-tabs .r-tabs-tab{
	margin:0px;
}

.r-tabs-accordion-title  {
    background-color:#d9d9d9;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    text-decoration: none;
	border-radius: 5px;
}

.r-tabs-accordion-title.r-tabs-state-active{
	background-color:#fd5;
	}
.r-tabs-accordion-title  a{
    color:#555;
	font-size:130%;
	display:block;
	text-decoration: none;
}


.r-tabs .r-tabs-nav{
	height:auto;
	border-bottom:0px;
}

.space .tab-content-div{
	padding-bottom: 30px;
}
.space .tab-content img{
	max-width:100%;
	}
/*****************************/
/** ���� ��q�覡**/
/*****************************/
.traffic{
	text-align:left;
	overflow:hidden;
	zoom:1;
	}
.traffic .col-md-6{
	margin-bottom:20px;
	padding-left:40px;
	}
.listBox{
	padding:15px 0;
	border-top:1px solid #eee;
	overflow:hidden;
	zoom:1;
	}
.listBox strong{
	font-size:110%;
	}
.listBox ul{
	padding-left:21px;
	}
.listBox li{
	list-style-type:disc;
	}
.traffic .img{
	float:left;
	width:10%;
	}
.rightTxt h3{
	font-weight:bold;
	margin-top:0;
	}
.traffic .txt{
	/*font-size:85%;*/
	float:right;
	width:87%;
	}
.traffic em{
	color:#e00;
	font-style:normal;
	display:block;
	}
/*.map{
	text-align:center;
	background-color:#edefee;
   -webkit-border-radius:10px;
      -moz-border-radius:10px;
           border-radius:10px;
	}*/
.traffic.container{
	width:98%;
	
	padding-top:0px;
	/*border-top:1px solid #ccc;*/ /*by hank*/
	}
.traffic img{
	display:table-row;
	max-width:80%;
	}
.branchTime{
	background:url(../images/branch_time.png) 0 0 no-repeat;
	}
.branchAdd{
	background:url(../images/branch_add.png) 0 0 no-repeat;
	}
.branchTel{
	background:url(../images/branch_tel.png) 0 0 no-repeat;
	}
.branchData{
	padding-left:0;
	}
.branchData li{
	min-height:50px;
	padding-left:50px;
	}
.branchAdd a{
	color:#000;
	text-decoration:underline;
	}
.branchAdd a:hover{
	color:#428bca;
	}
/*****************************/
/* colMain
/*****************************/	
.colMain{
	min-height:350px;
	padding-bottom:30px;
	word-break:normal;
	}
/*****************************/
/*  footer
/*****************************/
footer {
    background-color: #252178;   /*#ff7755*/
    color: #fff;
	padding: 20px 0;
}
footer a, footer a:hover, footer a:active {
    color: #fff;
	text-decoration: none;
}
footer .container{
	margin:40px auto;
	}
.infoRight{
	margin-bottom:30px;
	}
.phone, address{
	font-size:150%;
	display:inline-block;
	}
address{
	margin-right:5%;
	margin-bottom:5px;
	}
footer strong{
	font-size:120%;
	line-height:2em;
	margin:15px 0 0;
	}
footer p{
	margin:0;
	}
.copyright{
	clear:both;
	/**padding-top:20px;
	border-top:1px solid #559;**/
	}
/*****************************/
/*   mmenu 	
/*****************************/
#menu{
	z-index:2;
}
.mm-selected > a {
    color: yellow;
}
.mm-subopen{
	color: inherit;
}

/**首頁左邊開合選單**/
.burgerMenu{    
    cursor:pointer;
    position:fixed;
    transition:all 0.2s cubic-bezier(0.18, 0.72, 0.61, 1.15) 0s;
    z-index:1;
	background-color:#ecf2fa;
    box-sizing:border-box;
   -webkit-border-radius:0 0 2px 0;
      -moz-border-radius:0 0 2px 0;
           border-radius:0 0 2px 0;
	}
.burgerMenu a{
	color:#36d;
	display:block;
	width:60px;
	height:50px;
	font:90% "Century Gothic",CenturyGothic,"Questrial",Geneva,AppleGothic,sans-serif;
    font-weight:bold;
    letter-spacing:0.2em;
    text-align:center;
    text-indent:0.2em;
	}
.burgerMenu a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#d00;
	}
.burgerMenu span{
    display:inline-block;
	background-color:#36d;
    height:3px;
    left:15px;
    position:absolute;
    transform-origin:left top 0;
    transition:all 0.2s ease 0s;
    width:26px;
	}
.burgerMenu span:nth-of-type(1){
    top:9px;
	}
.burgerMenu span:nth-of-type(2){
    top:16px;
	}
.burgerMenu span:nth-of-type(3){
    top:23px;
	}
.burgerMenu:hover span:nth-of-type(1){
    transform:translate(0, 6.5px) rotate(-45deg);
    width:10px;
	}
.burgerMenu:hover span:nth-of-type(3){
    transform:translate(2px, -6.5px) rotate(45deg);
    width:10px;
	}
.burgerMenu:hover span{
	background-color:#fff;
	}
.burgerMenu .text{
    width:100%;
	margin:0;
	padding-top:30px;
	}
/*****************************/
/*   kaka 20160309 	
/*****************************/
.container-fluid{
	padding:0 50px;
	}
.container-fluid .container-fluid{
	padding:0;
	}
.colMain, .about .aboutBox, .tab-content .tab-pane{
	font-size:125%;
	}
.colMain li{
	line-height:1.8em;
	}
.safetyBox ul li{
	list-style-type: disc;
	}
/**聯絡我們**/
.contactCont .contactFields{
	/*background:url("../images/content.jpg") right 0 no-repeat;*/
	
	/*add by hank 2016.5.20*/
	/*background:url("../images/big_logo.png") right 0 no-repeat;*/
	}
#contact_form{
	/*width:50%;*/
	}
.contactTitle span, #contact_form span{
	color:#e00;
	}
#contact_form .text-right span{
	display:block;
	border-bottom:3px solid #ddd;
	}
#contact_form div{
	margin-bottom:10px;
	overflow:hidden;
	zoom:1;
	}
#contact_form label{
	float:left;
	text-align:right;
	width:16%;
	font-size: 14px;
	}
input, textarea{
	/*width:50%;*/  /*hank 註解*/
	}
.submit{
	margin-top:20px;
	margin-left:8%;
	}
.submit input{
	width:10%;
	display:inline-block;
	margin:0 0 15px 0;
	}
input#code{
	width:10%;
	}
.form-control{
	/*float:right;*/
	width:80%;
	}
.form-group{
	margin-bottom:5px;
	}
/**免責聲明+使用同意書**/
.provisionMenu p{
	margin:0 0 10px;
	}
.provisionMenu div{
	margin-bottom:50px;
	}
.provisionMenu li{
	margin-top:40px;
	}
.equal-child{
	float:left;
	}
/**空間介紹 by kaka 20160315**/
.table-bordered th{   /*  .table-bordered .last, .table-bordered .tbW2 - upd by hank 2016.3.22   */
	background:linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%) repeat 0 0;
	}
.table-bordered .last{
	width:20%;
	}
.roomageBox img, .xboxWrap img{
	width:100%;
	}
.xboxWrap div{
	margin-bottom:30px;
	}
.roomageList p{
	margin:0 0 30px;
	}
.roomageList div{
	height:320px;
	}
.about .aboutBox{
	text-align:left;
	}
.about .aboutBox .right{
	width:42%;
	}
.aboutBox{	
	line-height:1.6em;
	overflow:hidden;
	zoom:1;
	}
.aboutBox h3{
	display:inline-block;
	}
.aboutBox p{
	margin:0 0 15px;
	}
.aboutBox span{
	color:#d00;
	font-weight:bold;
	}
.aboutBox em{	
	font-style:normal;
	}
.aboutBox .left{
	float:left;
	width:55%;
	}
.aboutBox .right{
	float:right;
	width:39%;
	}
.aboutBox .right img{
	margin-bottom:15px;
	}
.main_cont{
	margin-bottom:40px;
	}
.safetyBox{
	background:url(../images/safety1.jpg) right 30px no-repeat;
	}
@media screen and (max-width:1280px) {
	.safetyBox{
		background:url(../images/safety2.jpg) right 30px no-repeat;
		}
	}
@media screen and (max-width:1024px) {
	.safetyBox{
		background:none;
		}
		/*安全規範 by hank*/
		.safetyBox ol{
			padding-left:0;
		}
	}
.safetyBox h3{
	padding:5px 10px;
	background-color:#fc0;
	}
	
	
	
	


/*  add by hank 2016.3.22 */

/*  共用 */
.crazyjump_container{
	padding:10px 50px;
}
#ascrail2000{
	z-index:3 !important;
}

/*  首頁MMenu */
/*#custom_index .mm-menu{
	width:15% !important;
}*/

.Mybanner li{
	list-style: none;
}
/* reset公版common */
#navMenu ul li{
	border:none;
}
#navMenu ul a{
	color:#fff;
}

/* twoCol custom */
.twoCol_title a{
	color:red;
}

.flex-direction-nav .flex-next , .flex-direction-nav .flex-prev{
	width:35px;
}

#ascrail2000{
	position:fixed !important;
}

/* jscrollpan */
#menu .jspDrag{ /*拉霸本身*/
	background:#515050;
	border-radius:8px;
}
#menu .jspTrack{ /*拉霸底部*/
	background:#dddddd;
}
#menu .jspVerticalBar , #menu .jspTrack{
	width:10px;
}	
	
#menu .jsHorizontalBar {
	display:none !important;
}
/**活動花絮+產品介紹**/
.activityBox .btn-warning, .listProCont .btn-warning{
	background:linear-gradient(to bottom, #0ae, #08c);
	border:1px solid #0ae;
	}
.activityBox .btn-warning:hover, .listProCont .btn-warning:hover{
	background:linear-gradient(to bottom, #08c, #0ae);
	border:1px solid #0ae;
	}
.activityBox .btn-warning a, .listProCont .btn-warning a{
	color:#fff;
	display:block;
	}
.activityBox .btn-warning a:hover, .listProCont .btn-warning a:hover{
	text-decoration:none;
	}
.activityBox .panel-body, .listProCont .panel-body{
	margin-bottom:5px;
	border:1px solid #eee;
   -webkit-border-radius:5px;
      -moz-border-radius:5px;
           border-radius:5px;
	}
.activityBox .panel-footer, .listProCont .panel-footer{
	border-top:none;
   -webkit-border-radius:5px;
      -moz-border-radius:5px;
           border-radius:5px;
	}
.activityBox .panel-default, .listProCont .panel-default{
	border:none;
	}
/**活動花絮+產品介紹 end**/
.twoCol_desc{
	margin-bottom:30px;
	}
@media screen and (max-width:1024px) {
	.container{
		width:100%;
		}
	}
.bannerWrap{
	background-color:#000;
	}
.Mybanner li img, .bannerWrap img{
	width:100%;
	}
.show_prodcut .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor{
	background:rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%) repeat scroll 0 0;
	border:1px solid #ddd;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
    border-radius:5px;
}
a.r-tabs-anchor{
	cursor:default;
	}
#bt_banner{
	margin-bottom:30px;
}
.index section.bannerContainer{
	padding-top:0;
}

/*首頁news輪播 - 2016.5.17*/
#newsCarousel .news_title{
	font-size: 2em;
    margin:40px 0 0;
    display: block;
}
#newsCarousel .carousel-indicators{
	bottom:0;
	}
#newsCarousel .carousel-indicators li{
	margin:0 10px;
	background:#b9b5b5;
	border:1px  solid #b9b5b5;
}
#newsCarousel .carousel-indicators li.active{
	background:#0a0303;
	border:1px solid #0a0303;
}
.carousel-indicators{
	width:100%;
	margin:20px auto;
	right:0;
	position:static;
	}
.carousel-control.left , .carousel-control.right{
	background-image:none;
}
/*社群-右側浮動位置
---------------------------*/
.social{
	display:block;
	width:60px;
	position:fixed;
	right:0.5%;
	top:50px;
	_position:absolute;
	_top:expression(documentElement.scrollTop+documentElement.clientHeight - this.clientHeight - 134+'px');	
	
	z-index:2;
	}
.social a{
	display:block;
	width:60px;
	height:50px;
	margin-top:10px;
	border-radius:2px;
	background:url("../images/social.png") 0 0 no-repeat #ecf2fa;
	}
.social a:hover{
	background-color:#39F;	
	}
.social .facebook{
	background-position:18px 11px;
	}
.social .youtube{
	background-position:18px -40px;
	}
.social .top{
	background-position:18px -83px;
	}
.social a.facebook:hover{
	background-position:-25px 11px;
	}
.social a.youtube:hover{
	background-position:-25px -40px;
	}
.social a.top:hover{
	background-position:-25px -83px;
	}
.space .r-tabs-panel{
	padding:15px 0;
	}
/*babber小圈圈
-----------------------------*/
.flex-control-paging li a{
	width:15px;
	height:15px;
	background:#fff;
	background:rgba(255,255,255,0);
	box-shadow:none;
	border:3px solid #fff;
	}
.flex-control-paging li a:hover{
	background:rgba(255,255,255,0.5);
	}
.flex-control-paging li a.flex-active{
	background:#fff;
	background:rgba(255,255,255,1);
	}
.flex-direction-nav a{
	height:65px;
	padding:10px 10px 5px;
	background:rgba(255,255,255,0.5);
	
	margin-top: -35px;
	}	
	
	
/*add by hank 2016.5.19*/
/*修正內頁footer暴版*/
.mm-page #footer .container{
	width:100%;
}
/*表單隱藏國別*/
.contactCont #wh_country{
	display:none;
}	
/*課程日曆*/
#calendar .fc-day-header{
	font-size:0.7em;
}
/*手頁空間介紹 捷運區塊調整*/
#tab29855 .listBox:nth-child(3){
	border-top:none;
	padding-top:0px;
} 
#tab29855 .listBox:nth-child(3) .img{
	display:none;
}
.form_submit{
	padding-left:15%;
}
#contact_form label.error{
	width:auto;
	float:none;
}
#contact_form .form-control{
	display:inline-block;
}