/* 縮小失敗。正在傳回未縮小的內容。
(810,12): run-time error CSS1030: Expected identifier, found ' '
(810,13): run-time error CSS1031: Expected selector, found 'alpha('
(810,13): run-time error CSS1025: Expected comma or open brace, found 'alpha('
(2370,10): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2370,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2370,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2370,173): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2370,216): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2370,548): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(2370,596): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(2370,758): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(2370,814): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(2370,979): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(2370,1035): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(2370,1167): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(2370,1204): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(2370,1337): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(2370,1382): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(2370,1518): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(2370,1563): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(2370,1699): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(2370,1744): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(2370,1880): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(2370,1925): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(2370,2070): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2370,2121): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2370,2267): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2370,2320): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2370,2466): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2370,2517): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2370,2663): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2370,2714): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2370,14975): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2370,15028): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2370,21568): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2370,21622): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2370,27845): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2370,27899): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2370,47653): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2370,47707): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2370,48614): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2370,48668): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2370,57077): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2370,57128): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
 */
@charset "utf-8";
/* CSS Document */

body {
	width:100%;
	margin:0 auto;
	font-family: Arial, Helvetica, FreeSans, "蘋果儷中黑", "Apple LiGothic Medium" , "微軟正黑體", "Microsoft JhengHei", "STSong","PMingLiU", "新細明體", "MingLiU", "標楷體", "DFKai-sb", sans-serif;
	/*background:url(../images/bg.gif)  center -250px repeat #fa79b2;
	background-size:100% auto;*/
	
	
	background:
      /*url(../images/bgbanner.png),*/
      url(../images/show2/bg.png),
	  linear-gradient(to right, rgba(146, 177, 223, 1),  rgba(146, 177, 223, 1));

	background-repeat  : /*no-repeat,*/
                       repeat-y,
                       no-repeat;

  background-position: /*0 50px,*/
                       bottom,
                       right;
	background-size: 
		/*contain,*/
		contain,
		auto; 
}
#top_bg {
    background: url(../images/show2/bgbanner.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    padding-bottom: 10px;
}
.bubble {
/*background:url(../images/bubble.png);*/
}
img, object { max-width: 100%; border:0;}
img { width: 100%;border:0;}
img { -ms-interpolation-mode: bicubic; border:0;}

/*html {

	background:url(../images/bg.jpg)top center repeat;
}*/
a {
	text-decoration: none;cursor:pointer;
}

a:hover {
	text-decoration: underline;
	}
ul, li {
	padding:0;
	margin:0;
}


#bar {
	width:100%;
	margin:0 auto;
	background-color:#fff;
	padding-top: 20px;
}

#bar1 {
	width:100%;
	margin:0 auto;
	background-color:#fff;
        padding-top: 20px;
}



h1,h2 {
	font-weight:bold;
	font-family:"微軟正黑體";
	text-align:center;
}

/*** web ***/
#web {
	margin:0 auto;
	position:relative;
}
header {
	background-color:#ff533a;
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	margin:0 auto;
	height:67px;
	z-index:2;
	transition: top 0.4s ease-in-out;
	box-shadow: 0 0 8px rgba(0,0,0,.2);
}
.hideUp header {
  top: -67px;
}
#logo {width:100%; position:relative;}
.logo_box {width:100%;}
#right_menu{ position:relative; font-family: "微軟正黑體";}

.fbfb{
	display:inline-block;
	margin-top:-7px;}

#top {
	width:95%;
	margin:0 auto;
	position:relative;
	line-height: 0;
}

#top img {width:auto;}

.logoimg{/*float:left;*/width: 20%;	margin-top: 50px;	}

.visul01img{float:left;width: 15%;	margin-top: 6%;}
.mainimg{float:left;width: 65%; margin-left: 2%; /*margin-top: 3%;*/margin-bottom: 20px;	}

.visul02img{float:left;width: 17%;	 margin-top:22%;}
.visul03img{float:left;width: 7%;	margin-top:-10%;margin-left: 10%;}

.wordsimg{width: 65%;text-align: center;margin:0 auto;	}
.rightnowimg{width: 80%; text-align: center;margin:0 auto; padding-bottom: 20px; padding-top: 10px;}


.mainimg img{
animation: mainani 2s linear infinite;}
@keyframes mainani {
        
        0% {
            transform: translateY(0px);
        }
	80% {
            transform: translateY(0px);
        }
	85% {
            transform: translateY(3px);
	}
	90% {
            transform: translateY(0px);
        }
	95% {
            transform: translateY(3px);
        }
        100% {
            transform: translateY(0px);
        }
    }


.visul01img img{
animation: laani 3.5s linear infinite;}
@keyframes laani {
        

	0% {
            transform: skewX(0deg);
        }
	50% {
            transform: skewX(0deg);
	}
	53% {
            transform: skewX(10deg);
	}
	56% {
           transform: skewX(0deg);
        }
	59% {
            transform: skewX(10deg);
        }
	62% {
            transform: skewX(0deg);
        }
        100% {
            transform: skewX(0deg);
        }
    }

.visul03img img{
animation: mushroomani 3s linear infinite;}
@keyframes mushroomani {
        
        0% {
            transform: rotate(0deg);
        }
	40% {
            transform: rotate(20deg);
        }
	45% {
            transform: rotate(0deg);
        }
	50% {
            transform: rotate(20deg);
        }
	55% {
            transform: rotate(0deg);
        }

	90% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }



.visul02img img{
animation: tomatoani 3.5s linear infinite;}
@keyframes tomatoani {
        

	0% {
             transform: translateY(0px);
        }
	70% {
             transform: translateY(3px);
	}
	73% {
             transform: translateY(0px);
	}
	76% {
		transform: translateY(3px);
	}
	79% {
            transform: translateY(0px);
        }
	
        100% {
            transform: translateY(0px);
        }
    }



/*** 規則說明 ***/
/*#content0{
	margin:0 auto;
	position:relative;
	border-radius: 20px;
    border: 6px #fed845 solid;
    background-color: white;
	
	font-size:1.2em;
	letter-spacing: 0.1em;
	font-family:"微軟正黑體";
	padding:10px 40px;
	line-height:1.7em;
	text-align:justify;
	text-justify: inter-ideograph;
　-ms-text-justify: inter-ideograph; 
　-moz-text-align-last:justify; 
　-webkit-text-align-last:justify; 
}*/

#content{
	margin:0 auto;
	position:relative;
	padding:10px 5px 20px 5px;
	
	
	
}

#content p,.p2 {
	position:relative;
	font-size:1em;
	color: black;
    padding: 20px;
	font-family:"微軟正黑體";
	text-align: justify;
    -ms-text-justify: inter-ideograph;
	letter-spacing: 1px;
}

.p2{
	border: 6px #afd7f1 solid;	
	border-radius: 20px;
    background-color: white;
	
	margin: 20px auto;
	
	
}
.blue_title {
    padding: 30px 20px 0 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #21357e;
    font-weight: bold;
    background: url(../images/show2/titlebg.png) left bottom no-repeat;
    height: 40px;
}
.star_list{color:#5b90df;
padding:20px 10px;}

#content  ul li{
	list-style:none;
}

#content img{width:auto;}





.text_rea {
	color:#FC0206;
}
.iamhere{
	clear:both;
}

.text_1 li{
	list-style-type:none;
}

/*** 白底規則 ***/
.white_rule {
	margin:0 auto;
	position:relative;
	/*background: linear-gradient( rgba(255, 255, 255, 0)0%,rgba(255, 232, 251, 0.7)15%, rgba(255, 232, 251,  0.7)85%,rgba(255, 255, 255, 0)100%);
background: -moz-linear-gradient( rgba(255, 255, 255, 0)0%,rgba(255, 232, 251,  0.7)15%,  rgba(255, 232, 251,  0.7)85%,rgba(255, 255, 255, 0)100%);
background: -webkit-linear-gradient(rgba(255, 255, 255, 0)0%,rgba(255, 232, 251,  0.7)15%,  rgba(255, 232, 251,  0.7)85%,rgba(255, 255, 255, 0)100%);
background: -o-linear-gradient(rgba(255, 255, 255, 0)0%,rgba(255, 232, 251,  0.7)15%,  rgba(255, 232, 251,  0.7)85%,rgba(255, 255, 255, 0)100%);*/
}
.white_rule .area{
	margin:0 auto;
	position:relative;
	letter-spacing: 0.1em;
	font-family:"微軟正黑體";
	padding:10px 40px;
	line-height:1.7em;

}

.check{
	opacity:0.3;
filter:alpha(opacity=30);
}

#play ul li img{
	 cursor:pointer;
}

.red-btn{
	width:97.5%;
	display: block;
	color:#FFF;
	
	float:left;
	font-size:1.5em;
	background-color:#029afa;
	text-align: center;	
	padding:0.5em;
	cursor:pointer;
	font-family:"微軟正黑體";
}

/*填資料*/

#join-form{
	/*width: 98%;*/
	margin: 0 auto;
	background-color:#48c0e5;
	padding:1%;
	font-family:"微軟正黑體";
	border-radius: 20px;
	
}

.gray-bg{background-color:#eee;}
.wh-bg{background-color:#fff;}
/*#join-form table tr td {
	
	padding:2px ;
}*/
#join-form table tr td input{
	font-size:1.2em;
	border:0;
	/*float:left;*/
	
}
#join-form table tr td textarea{
	font-size:1.2em;
	border:0;
	width: 100%;
	height:2.5em;
}
.member-btn{
	display: block; 
	width: 70%;	
	margin: 1% 0;
	cursor:pointer;
}
.member-btn img{width: 100%;}

.blue-btn{
	display: block;
	color:#FFF;
	width:5em; 
	float:left;
	font-size:1em;
	background-color:#48c0e5;
	text-align: center;	
	padding:0.3em;
	cursor:pointer;
	margin-left:1%;
}

#law{
	margin: 0 auto;
	width: 95%;
	background-color:#eee;
	padding:2%;
	text-align:justify;
	
}
.text_3 {
	line-height:2em;
	font-size:1.5em;
	text-align:justify;
	font-family:"微軟正黑體";
}
.highlight{
	color:#cc0a1f;
	font-size:1.2em;
}


#precautions{
	width: 96.01%;
	padding:2%;
	margin: 0 auto;
	position: relative;
	background-color:#fff;
}


#data {
    width: 98%;
    margin: 0 auto;
    /*background-color: #48c0e5;*/
    padding: 1%;
    font-family: "微軟正黑體";
	text-align: center;
	position:relative;
}
.data_text {
    width: 181px;
    position: relative;
    margin: 0 auto;
}
#data span {
    font-size: 1.4em;
    display: block;
    padding: 12px;
	color: black;
	text-align: center;
}
.datainput {
    font-size: 1.2em;
    height: 1.5em;
    width: 75%;
}
.yellow_btn{
	display:inline-block;
	margin-top:10px;
	padding:10px;
	color:#451e4a;
	font-size:1.6em;
	border:2px #FFF solid; 
	background: rgba(235,206,224,0.8);
	text-align:center;
}
.yellow_btn:hover{
	background: rgba(235,206,224,0.5);
	color:#451e4a;
	text-decoration:none;
}
.yellow_btn:active{
	color:#FFF;
	text-decoration:none;
}
/*注意事項*/
div#law ol li{ 
    list-style-type:decimal;
}

#Precautions_bg {
	/*background-color:white;*/
}


#join-form-precaution{
	/*width: 98%;*/
    margin: 1% auto;
    background-color: #48c0e5;
    padding: 1%;
}

#join-form-precaution table tr td {
    padding: 15px;
    
	font-size: 1.5em;
}

#join-form table tr td a{
    color:#ff0303;
	text-decoration:underline;
}
.td_center {
	text-align:center;
}
.td_left {
	text-align:left!important;
}
#join-form-precaution table tr td input{
	font-size:1.2em;
	border:0;
	height:1.5em;
	width: 40px;
	
	
}
#join-form-precaution table tr td textarea{
	font-size:1.2em;
	border:0;
	width: 100%;
	height:2.5em;
}
#precaution-law{
	margin: 0 auto;
	width: 95%;
	background-color:#eee;
	padding:2%;
	text-align:justify;
}

.sign_up{
	border:2px solid white;
	background-color:#ccbe23;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	padding: 10px 25px 10px 25px;
    margin: 0 auto;
    margin-bottom: 20px;
	width:131px;
	cursor:pointer;
}

.sign_up:hover {
	background-color: #e44c5a;
	text-decoration:none;
}

.scrollup {
    width: 40px;
    height: 50px;
    text-indent: -9999px;
    opacity: 0.85;
    position: fixed;
    bottom: 0px;
    right: 2%;
    display: none;
    background: url(../images/show2/icon_top.png) no-repeat center top #000;
    z-index: 12;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.remodal,
[data-remodal-id] {
  display: none;
}
.pic {position:relative;}
.play_icon {position:absolute;}



.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}

.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}

.nav-collapse li {
  float: left;
  width: 100%;
}
.nav-collapse img{
	width:auto;

	}
@media screen and (min-width: 40em) {
  .nav-collapse li {
    width: 25%;
    *width: 24.9%; /* IE7 Hack */
    _width: 19%; /* IE6 Hack */
  }
}

.nav-collapse a {
  color: #fff;
  text-decoration: none;
  width: 100%;
  background: #fea6d5;
  border-bottom: 1px solid white;
  padding: 10px;
  float: left;
  outline: 0;
	text-align: center;
	font-size: 1.2em;
	font-family:"微軟正黑體";font-weight: bold;
}




/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */



.nav-toggle {
  position: fixed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  text-indent: -999px;
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 55px;
  float: right;
}

.nav-toggle:before {
  color: white; /* Edit this to change the icon color */
  font-family: "responsivenav", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 28px;
  text-transform: none;
  position: absolute;
  content: "≡";
  text-indent: 0;
  text-align: center;
  line-height: 38px;
  speak: none;
  width: 100%;
  top: 7px;
  left: 0;
}

.nav-toggle.active::before {
  font-size: 24px;
  content:"x";
  background-color: rgba(0, 0, 0, 0.6);
  color:white;
}


.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

.nav-collapse li {
  width: 100%;
  display: block;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
	z-index: 2;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media screen and (min-width: 768px) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
	.nav-collapse {display: none;}
}




/*活動列表*/
.active-list-box{
	position:relative;
	padding:0 10px 0 10px;
	font-size:1em;
}
.active-list-box .box{
	/*margin-bottom:10px;*/
	position:relative;
	background: white;
	border: 6px solid #e95098;
	border-radius: 10px;
}
.active-list-box .box .text{
	line-height:1.4em;
	font-family:"微軟正黑體";
	padding: 10px;
}

.active-list-box .box .text .title{font-weight:bold;/*font-size:1.2em;*/}

.active-list-box .box .text .location {}
.active-list-box .box .text .attendance{}
.active-list-box .box .text .summary{line-height: 1.5em; color: #646465;text-align: justify;text-justify: auto;word-break: break-all;padding: 5px;
    float: left;}
.active-list-box .box .text .btn div {
	font-size:0.9em;
	/* display:inline-block; */
	/*padding:5px 10px;
	margin:5px 5px 5px 0;*/
}
.btn2 div {
	font-size:0.9em;
	display:inline-block;
	margin:5px 0 0 0;
}

.btn2 .text {
	font-size:0.9em;
	display:inline-block;
	padding:5px 10px;
	margin:5px 5px 5px 0;
}

.title_text1 a,
.title_text2 a{
	color:black;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.title_text1 a:hover,.title_text2 a:hover{
	color:#ff3998; 
	text-decoration:underline;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.active-list-box .box .text {font-size:0.9em;}
/*.active-list-box .pic{opacity: 0.5; //透明度設為 0.5*/
    filter: alpha(opacity=50); // IE8 與更早的版本}
.active-list-box .text .time{color:#999;}
/*.active-list-box .text {color:#999;}*/
.yellow-box {
    background-color: #ffd700;
    color: #000;
    padding: 10px 0px 10px 0;
    width: 100%;
    text-align: center;
    /*border-radius: 10px;*/
	cursor: pointer;

}
.yellow-boder-box {
    background-color: #fdc502;
	color: #464647;
	padding:5px 10px;
	margin:5px 5px 5px 0;
}
.blue-boder-box {
	background-color: #e95098;
	color: white;
	font-family:"微軟正黑體";
	text-align: center;
	padding: 10px 0 10px 0;
	float: left;
	width: 100%;
	
}

.blue_title {
	/*padding:0 20px 0 20px;*/
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.share {
	position: relative;
    float: right;
    line-height: 0;
    margin-top: 30px;
}
.share img {width:30px;}

/*控制圖片顯示比例16:9*/
.target-img{
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.target-img img {
  width: 100%;
}
.title_text1,.title_text2 {
	overflow : hidden;
    text-overflow : ellipsis;
    white-space : nowrap;
}
.update_time {
	text-align:left;
	font-size:1em;
	letter-spacing:0.1em;
}
/*search*/
.search_box {width:100%;position:relative;margin-bottom: 10px;}
.search {
	border: 3px solid #f9cd00;
    
    padding: 10px;
    border-radius: 10px;
    background: white;
    position: relative;
    float: left;
}
.search_icon {
	border: 3px solid #f9cd00;
    padding: 8px 18px 8px 18px;
    position: relative;
    float:left;
    margin-left: 3px;
    border-radius: 10px;
    background: white;
	display: flex;
    align-items: center;
    justify-content: center;
	cursor:pointer;
}
.search_text {
	font-size:1em;
	letter-spacing:0.1em;
	margin: 0 auto;
	text-align: center;
	word-break: break-all;
}

.fill_in {width:100%; font-size:1em;font-family:"微軟正黑體";}
input {
    background-color: transparent;
    border: 0px;
    outline: none;
}

.next_step{
	padding:10px 0;
	/*margin:0 auto;*/
	text-align:center;
	margin-bottom:20px;
	
}
/*.next_step a{
	text-decoration:none;
	display: inline-block;
}*/
.next_step a div {
	background:#fed845;
	text-decoration:none;
	line-height:20px;
    padding: 10px;
	color: #000;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	margin:0 auto;
	cursor:pointer;
	font-family: "微軟正黑體";
	text-align: center;
    font-size: 1.2em;
	display: inline-block;
	border-radius: 20px;
	border:2px solid #fed845;
	box-shadow: 4px 4px 0px #9f803f;
-webkit-box-shadow: 4px 4px 0px #9f803f;
-moz-box-shadow: 4px 4px 0px #9f803f;


}

.next_step a div:hover {
	color: black;
	text-decoration:none;
	border:2px solid #fed845;
	background:white;

}

a.word01:link {
	background:#abaaaa;
	text-decoration:none;
	line-height:20px;
	border:2px solid #abaaaa;
    padding: 10px;
	color: white;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	margin:0 auto;
	cursor:pointer;
	font-family: "微軟正黑體";
	text-align: center;
    font-size: 1.3em;
	display: inline-block;
	
}

a.word01:hover {
	color: black;
	text-decoration:none;
	border:2px solid #abaaaa;
	background:white;
}

/*頁數*/
.page-area{
	padding:20px 0 30px;
	/*margin:0 auto;*/
	text-align:center;
	/*margin-bottom:20px;*/
}

.page-area a div{
	margin:0 5px;
	color:#000;
	background:#fff;
	text-decoration:none;
	width:20px;
	height:20px;
	line-height:20px;
	border:2px solid #f9cd00;
	border-radius: 10px;
    display: inline-block;
    padding: 10px;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.page-area a div:hover {
	color: #5ac2ee;
	text-decoration:none;
	border:2px solid #f9cd00;
	background:white;
}

#page_hover {
	color: #fff;
	background:#ffd700;
	margin:0 5px;
	width:20px;
	height:20px;
	line-height:20px;
	border:2px solid #f9cd00;
    display: inline-block;
    padding: 10px;
}
.white-btn{
	background-color: white;
    font-weight: bolder;
    padding: 10px 10px;
    letter-spacing: 2px;
    color: black;
	border:1px solid #f9cd00;
}

.web_page_close {
    display: none;
}

input, textarea {
    background-color: transparent;
    border: 0px;
    outline: none;
}


/**form**/

.table1 {
	width:100%;
	border-radius: 15px;
	border: 5px solid #fed845;
	font-family:"微軟正黑體";
	font-size:2em;
	letter-spacing:0.1em;
	margin:0 auto;
	text-align:center;
}

.table2 {
	width:100%;
	border-radius: 15px;
	border: 5px solid #fed845;
	font-family:"微軟正黑體";
	font-size:2em;
	letter-spacing:0.1em;
	margin:0 auto;
	text-align:center;
	
}

.table3 {
	width:100%;
	border-radius: 15px;
	border: 5px solid #fed845;
	font-family:"微軟正黑體";
	font-size:1.15em;
	letter-spacing:0.1em;
	margin:0 auto;
	text-align:center;
}
.table3 select{
	width:100%;
	border:0;
	font-family:"微軟正黑體";
	font-size:1.1em;
	margin:0 auto;
	text-align:center;
	text-align-last: center;
}
.form {
	width:100%;
}
#teaching,#teaching2 {position:relative;margin:0 auto; padding:0;}
.bty {
    background: white;
    border: 0;
    color: #333;
    font-weight: 300;
    width: 97%;
    text-align: center;
	
}
.bty-h100{
    background: white;
    border: 0;
    color: #333;
    font-weight: 300;
    width: 97%;
    text-align: left;
	height: 95%;
}

.red {
	color:#F80004;
	font-weight:bold;
	font-size:1em;
}

.text {
	font-size:0.5em;
	color:#000000;
}

.bue {
	letter-spacing:0.4em;
	width: 25px;
    height: 2em;
}

.enter {
	position: relative;
}

.prec {
	text-decoration:underline;
	color:#0586d8;
}

input, textarea {
    background-color: transparent;
    border: 0px;
    outline: none;
}

.clear{ clear:both;}

.d1 {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-family: "微軟正黑體";
    font-size: 0.7em;
    letter-spacing: 0.1em;
    cursor: pointer;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b3dced+0,29b8e5+50,bce0ee+100;Blue+Pipe */
    background-image: url(../images/show2/b_bg.jpg);
    background-repeat: repeat-x;
}

.d2 {
	width:180px;
	padding-top:10px;
	padding-bottom: 10px;
	text-align:center;
	font-family:"微軟正黑體";
	font-size:0.7em;
    letter-spacing: 0.1em;
	cursor:pointer;
	/*background-image:url(../images/c_bg.jpg);*/
	background-repeat:repeat-x;
	color:black;
	margin: 0 auto;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f6f6+0,dbdce2+21,b8bac6+49,dddfe3+80,f5f6f6+100;Grey+Pipe */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3Dbackground: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

}

.white {
	color:white;
}
.table {
	margin:0 auto;
}
/*************table***************/

.tablee {
	width:100%;
	height:35px;
	background-color:#fab538;
	color:black;
	text-align: center;
	border: 1px solid #cccccc;
	line-height:35px;
	float: left;
}

.tablee2 {
	width: 100%;
	height:35px;
	color:black;
	text-align: center;
	border: 1px solid #cccccc;
	line-height:35px;
	float: left;
}
.tablee22 {
    width: 100%;
    border: 1px solid #cccccc;
    float: left;
    height: 35px;
    color: black;
    text-align: center;
    line-height: 35px;
    background-color: #fab538;
    /* float: left; */
}
.tablee11 {
    width: 100%;
    border: 1px solid #cccccc;
    float: left;
    height: 35px;
    color: black;
    text-align: center;
    line-height: 35px;
	float: left;
}
.tablee_text {
	font-size:1.15em;
	font-family:"微軟正黑體";
	position: relative;
}
/*************overlay***************/

/* Overlay style */
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(25,25,25,0.95);
	z-index: 999;
}

/* Overlay closing cross */
    .overlay .overlay-close {
        width: 40px;
        height: 40px;
        position: absolute;
        right: 15px;
        top: 15px;
        overflow: hidden;
        border: none;
        background: url(../images/show2/cross.png) no-repeat center center;
        -moz-background-size: 100% 100%; /* 老版本的 Firefox */
        background-size: 100% 100%;
        text-indent: 200%;
        color: transparent;
        outline: none;
        z-index: 999;
        cursor: pointer;
    }


.overlay .overlay-content {
	color:#fff;
	position: relative;
	top: 55%;
	height: 85%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 90%;
	margin: 0 auto;
	padding:2%;
	
	overflow:scroll; 
	overflow-x:hidden;
	overflow-y:auto;
}
.overlay .overlay-content img{
	width: auto;
	margin:2px;
}
.final-top{
	margin-bottom:20px;
}
.Flexible-container iframe, .Flexible-container object, .Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.final-bottom .box-title,.final-bottom .box-title2{
	background-position:left 1px; 
	padding-top:0px; 
	font-size:1.3em;
	width: 95%;
    margin: 0 auto;
	border-left: solid 5px #f5d83c;
    padding-left: 10px;
	margin-bottom: 10px;
	padding-bottom: 0px;
	font-family:"微軟正黑體";
}

.final-bottom .text{
	font-size:0.875em;
	line-height:1.5em;
}
/* Effects */
.overlay-scale {
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
	transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}

.overlay-scale.open {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);	
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
}

/*控制圖片顯示比例16:9*/
.target-img{
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.target-img img {
  width: 100%;
}
/*.target-img2 img {
  border-radius: 23px;
}*/
.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.box-title2 {
    padding: 20px;
    letter-spacing: 2px;
    font-weight: bolder;
    /*background-image: url(../images/yellow-left.png);*/
    background-repeat: no-repeat;
    background-position: center left;
    color: white;
}

.instructions {
	    margin-top: -40px; 
	margin:20px; 
	position:relative;
}
.instructions p{
	color: #ffd400;
    font-weight: bold;
	font-size: 1.8em;
	font-family: "微軟正黑體";
	text-align:center;
	padding:20px;
}




@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 320px) {
#web {padding:10px;}
.olleft {margin-left:-15px;}



.up_box {width: 95%;}
.upload,.up2 {padding: 20px 0 20px 0;}
#Precautions_bg {margin-top:15px;}
#precaution-law {width:90%}
.ta {width:97%; margin:0 auto;}
#join-form-precaution {padding:4% 1% 1% 1%;}
#logo {
	width: 210px;
    position: absolute;
    left: 20%;
}

header {height:50px;}
#top { margin-top:38px;}
.bg {
    background-color: #ffd400;
    border: 2px solid;
}

#content p,.p2,.p3 {
    font-size: 1.15em;
	line-height:1.5em;
    padding: 0 20px 20px 20px;
/*	word-break: break-all;*/
}

#content2{
    font-size: 1.15em;
    padding: 0 20px 0 20px;
	word-break: break-all;
}

.text_img {display:none;}
.play_icon {top: 51px;left: 113px;}
.join-form_td {width:50px;}
/*#join-form {width:90%;}*/
.yellow_btn {width: 50%;}
.cut {width:65%;}
.content_box{padding: 0 20px 20px 20px;}
.content_box2{padding: 0 20px 20px 20px; margin-top:50px;}
.content_left,.content_left2 {
    width: 90px;
    height: 90px;
    line-height: 90px;
    border-radius: 90px;
    font-size: 1.25em;
}

.content_left img {width:100px;}
.content_right,.content_right2 {
	font-size: 1.15em;
	margin-top: 20px;
	text-align:center;
}
.content_right2 {
	font-size: 1.15em;
	margin-top: 20px;
	text-align:left;
}
.content_left2 img {width:100px;}

.active_text {width:98px;right: 10px;}

#content { margin-top: 10px;margin-bottom: 20px;}
#content2 { margin-top: 10px;margin-bottom: 20px;}
.white_rule .area{ margin-top: 10px;margin-bottom: 20px;}

/*活動列表*/
.active-list-box {margin-top:10px;}
.active-list-box .box .text .btn div {font-size:1.1em;}
.rea {font-weight:bold; color:#F00;}
.active-list-box .box .text{font-size:1.15em;}
.btn2 div {font-size:1.15em;}
.active-list-box .box {margin-top:20px;}

.title_text2 {width:218px;}
.update_time{padding: 0 0 10px 0; font-size:1.05em;display: none;}
/*search*/
.search {width:65%;}
.search_icon {padding:10px 18px 10px 18px;}
.search_icon img {width:23px;}
.search_text {margin: 0 0 10px;}
/*頁數*/
.page-area-box {width:295px; margin:0 auto;}
.page-area a div {margin:0 4px;}
.page-area a div,#page_hover{padding: 3px;}

/*form*/
.table1 {
	width:80%;
	padding: 6px 2px 6px 2px;
	margin-top:5px;
	font-size: 1.15em;
}

.table2 {
	width:80%;
	padding: 6px 2px 6px 2px;
	margin-top:5px;
	font-size: 1.15em;
}

.table3 {
	width:80%;
	padding: 6px 2px 6px 2px;
	margin-top:5px;
}


.d1 {
	width:200px;
	margin: 0 auto;
   	margin-top: 20px;
    margin-bottom: 20px;
	letter-spacing: 0em;
}

.main2 {
	padding-bottom:20px;
}	

#progress {
    width: 90%;
}

.bty, .bty-h100 {
	font-size: 1em;
    font-family: "微軟正黑體";
	
}
#teaching2 {padding:20px;}
.input_W { width:25px;}
.input_c {width:100%;}
.enter {top: -7px;}

.next_step a div,a.word01:link {width:200px;}
	.blue-boder-box {font-size: 1.15em;}
/*table*/
.time {padding: 20px;}
.clear {margin-top:20px;}

/*gift*/
.link2,.link3,.link4 {margin:0 auto;}

}
@media screen and (min-width: 360px) {
#logo {left: 23%;}
#join-form-precaution {padding:3% 1% 1% 1%;}
.play_icon {top: 70px;left: 145px;}
/*活動列表*/

.title_text2 {width:256px;}
/*search*/
.search {width:70%;}
.page-area ul {width: 282px;}
/*頁數*/
.page-area-box {width:305px;}
.page-area a div {margin:0 5px;}

}
@media screen and (min-width: 375px) {
/*活動列表*/
.title_text2 {width:270px;}
}
@media screen and (max-width: 399px) {

.red-btn{
	width:91%;
	font-size:1.5em;
	margin-top:5%;
}
/*h1 {font-size:1.3em;}*/
h2 {font-size:1em;width: 250px;margin: 0 auto;}
.text_3 {
	line-height:2em;
	font-size:1.5em;
	text-align:justify;
	font-family:"微軟正黑體";
}
.text_1 {
	font-size:1.25em;
	font-family:"微軟正黑體";
	
	letter-spacing:0.1em;
}
}

@media screen and (min-width: 401px) {
	.play_icon { top: 82px;  left: 115px;}
}

@media screen and (min-width: 425px) {
#precaution-law{width: 92%;}
.ta {width: 98%;}
#logo {left: 26%;}
.play_icon {top: 90px;left: 165px;}
/*活動列表*/
.active-list-box {margin-top:20px;}
.title_text2 {width:317px;}
/*search*/
.search {width:75.2%;}
}

@media screen and (max-width: 450px) {
	.close {display:none;}

}
@media screen and (min-width: 450px) {
	.close2 {display:none;}
}
@media screen and (min-width: 500px) {
	.play_icon {top: 105px;left: 213px;}

/*活動列表*/
.title_text2 {width:387px;}	
/*search*/
.search {width:79.1%;}
}

@media (min-width: 501px) and (max-width: 580px) {
	
	
}
@media (min-width: 400px) and (max-width: 579px) {

.red-btn{
	width:91%;
	font-size:2em;
	margin-top:5%;
}
/*h1 {font-size:1.6em;}*/
h2 {font-size:1.2em;width: 300px;margin: 0 auto;}
.text_3{
	font-size:1.5em;
	font-family:"微軟正黑體";
	text-align:justify;
}
.text_1 {
	font-size:1.25em;
	font-family:"微軟正黑體";
	
	letter-spacing:0.1em;
} 
}

@media screen and (max-width: 469px) {
	.close3 {
		display:none;
}#content{
background:url(../../images/show2/cbg.png) no-repeat center bottom white;}
}
@media screen and (min-width: 470px) {
	.close4 {
		display:none;
}

}
@media screen and (max-width: 579px) {
	.closebg2 {display:none;}
	
}
@media screen and (min-width: 580px) {
	.closebg3 {display:none;}
}
@media screen and (min-width: 600px) {
#logo {left: 38%;}
.play_icon {
	top: 18px;
    left: 65px;
}
.active-list-box .box {
    padding-bottom: 0px;
    width: 46%;
    margin: 5px;
    float: left;
}
/*search*/
.search {width:82.7%;}
/*form*/
#progress {
    width: 400px;
}
	.member-btn{
	display: block; 
	width: 45%;	
	margin: 1% 0 0 0;
	cursor:pointer;
	float: left;
    padding-left: 17px; 
}
}

@media screen and (min-width: 640px) {
/*活動列表*/
.active-list-box .box .pic{
	position:relative;

}
.active-list-box .box {
    padding-bottom: 0px;
    width: 29.7%;
}

.title_text2 {width:250px;}	
/*search*/
.search {width:83.8%;}



.fncvideo-btn{
	margin-right:20px;
}
}
@media screen and (max-width: 700px) {
	.closebg1 {display:none;}

}

@media screen and (min-width: 700px) {

	.closebg4 {display:none;}
	.title_top {top:0px;}
/*form*/
.table {
	width:550px;
}
.table1 {
    width: 31%;
    float: left;
	font-size: 1.2em;
}

.table2 {
    width: 62%;
    float: right;
	font-size: 1.2em;
	padding: 3px;
	margin-left:5px;
}
.table2 span{
	float: left;
}

.d1 {
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.bty {
    height: 30px;
	text-align:left;
	width: 95%;
	font-size: 1em;
	
}


.main2 {
	padding-bottom:100px;
}	
}
@media screen and (max-width: 767px) {
#join-form-precaution table tr td {
	font-size:1.2em; 
}
#join-form table tr td {
    font-size: 1.15em;
}


.upload_text {
	width:90%;
}
.text_img {
	width:100%;
	margin:0 auto;
}

}
@media (min-width: 580px) and (max-width: 767px) {

.red-btn{
	width:94%;
	font-size:2em;
	margin-top:5%;
}
h1 {font-size:1.9em;}
h2 {font-size:1.4em;}
.text_3{
	font-size:1.2em;
    font-family:"微軟正黑體";
}
.text_1 {
	/*font-size:1.3em;*/
	font-family:"微軟正黑體";
	
	letter-spacing:0.1em;
} 

.upload,.up2 {
	float: left;
    width: 45.9%;
	padding: 20px 10px 20px 10px;
}
}
@media screen and (max-width: 767px) {
.imgphoto {width:80%; margin:0 auto;}
#right_menu ul li {display:none;}
.fb,.yt {display:none;}

.page_close {display:none;}
/*table*/
.yellow {background-color:#ffd504;}
.white {background-color:white;}
.orange {background-color:#fab538;}
}
@media screen and (max-width: 768px) {
.closephoto2 {display:none;}
.instructions p{ margin-bottom: -5px;margin-top: -30px;}
.sel {padding-bottom: 5px;}
}
@media screen and (min-width: 768px) {
.signup {
    top: 455px;
    height: 38px;
    width: 165px;
    left: 305px;
}
.imgphoto {width:40%;float: left;top: -15px;}
.text_1 {
    font-size: 1.3em;
    padding-right: 6%;
    position: relative;
    letter-spacing: 0.1em;
    top: 15px;
	margin-top:50px;
}



.upload,.up2 {padding:0px;margin: 35px; width:247px;float: left;}
.upload_text {width:453px; padding:0px;}
.bg {padding: 10px;}

.ta {width: 97.3%;font-size: 1.2em;}

#logo {margin: 4px 0px 0px 30px; float:left;left: 0;}
.logo_box {/*width:768px;*/ margin:0 auto;}
#right_menu{ float:right; margin: 7px;}
#right_menu ul {float:left;}
/*#top{margin-top: 57px;}*/
	/*top*/
.rightnowimg{top:20px;}
#right_menu ul li {
	list-style:none;
	float: left;
}
.right_menu{
	list-style:none;
	float: 	left;
	color:#3b0904;
	/*background-color: white;*/
    /*padding: 5px 20px 5px 20px;*/
    margin: 13px 10px 0 10px;
    font-size: 1.1em;
	font-weight:bold;

}
#right_menu ul li a{
	list-style:none;
	float: 	left;
	cursor:pointer;    
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	color: #fff;
	/*background-color: white;*/
    /*padding: 5px 20px 5px 20px;*/
    margin: 13px 5px 0 5px;
    font-size: 1em;
	font-weight:bold;

}
#right_menu ul li a:hover {
	/*background: #ff3998;*/
	color:#ffff97;
	text-decoration:none;
}

header {height:57px;}
nav {display:none!important;}
.bg {border: 0px; background-color:rgba(255, 212, 0, 0);}
#content p,.p2{font-size: 1.2em;padding: 0 40px 0px 40px;}
	
#content2{width:650px;}
#content .p3 {font-size: 1.2em;margin-bottom: 20px;}

.final-bottom .box-title, .final-bottom .box-title2 {
    font-size: 1.7em;
}
.play_icon {top: 65px;left: 145px;}
/*#join-form {width:93%;}*/
.datainput { width: 50%;}
#data span { font-size: 1.6em;}
.yellow_btn {width: 200px;}
#data {margin-top:42px;}
.yellow_btn { margin-top: 5px; padding: 5px;}
.data_text {display:none;}
.instructions {
    width: 638px;
    margin: 0 auto;
}
#join-form table tr td input {margin: 0 auto;}
.instructions p {font-size:2em;}

.active_text{margin:0;vertical-align:middle;}
.content_box {width:500px;padding: 0 40px 20px 40px;}
.content_box2 {padding: 0 40px 20px 40px;}
.content_left,.content_left2 {
    /*font-size: 1.3em;*/
	float:left;
}
.content_right,.content_right2 {
	font-size: 1.2em;
	text-align:left;
	margin-left:120px;
}

.m{margin:15px 0 0 0;}


/*活動列表*/
.active-list-box {margin-top:0px;}
.title_text2 {width:385px;}
.active-list-box .box .text{
	font-size:1.2em;
	line-height:1.4em;
}
.active-list-box .box {
    padding-bottom: 0px;
    width: /*30.3%*/46.5%;
    margin: 5px;
}


/*search*/
.search {width: 30%; margin-left: 57%;}
.search_text {width:385px;margin: 0 10px 10px; margin-left: 58%; text-align: left;}



/*頁數*/
.page-area-box{width:700px;}
.page-area a div ,#page_hover{padding:8px;}



/*form*/

.table {
    width: 650px;
}
.table2, .bttn {
    width: 63%;
    float: right;
	padding: 3px;
	margin-left:5px;
}
.table3 {
    width: 18.28%;
    float: left;
    padding: 3px;
    margin-left: 10px;
}
#teaching {width:638px;}
.enter {top: -5px;}
.next_step a div,a.word01:link {width: 200px;margin: 0 15px;}
.blue-boder-box {
    font-size: 1.2em;
}
/*table*/
.time {
    margin: 40px 45px 20px 45px;
	padding:0px;
}
.tablee {
    width: 33%;
    
}
.tablee2 {
	width: 33%;
}
.tablee22 {
    width: 33%;
}
.tablee11 {
    width: 33%;
}
.tablee_text {font-size:1.2em;}
.clear {
    margin-top: 0px;
}

/*gift*/

.sponsor2,.link2,.link3,.link4{float:left;margin-right: 10px;}
}
@media screen and (min-width: 769px) {
	.closephoto {display:none;}


}
@media screen and (max-width: 959px) {
	#content_bg {margin-top:20px;}


}
@media screen and (min-width: 960px) {
	.visul02img{width: 13%;	}
	
	.mainimg{ margin-left: 6%;	}
	.sponsor2{padding-left: 60px;}
	#top {margin-top: 20px;}
	#content_bg {margin-top:40px;}
	
	#join-form-precaution {/*width: 100%;*/padding: 2% 0 2% 0;}
#precaution-law {padding: 2%;text-align: justify;}
#Precautions_bg {width: 96%; margin:0 auto; margin-top:20px;padding: 5px 0 20px 0;}

.imgphoto {float: left;}
.text_1 {
    font-size: 1.5em;
    top: 30px;
    padding-bottom: 60px;
	line-height: 1.5em;
}

.up_box {width: 85%;}
#join-form {
    width: 96%;
    padding: 10px 0 10px 0;
}
.play_icon {top: 58px;left: 118px;}
.upload,.up2 {width: 40.34%;}
.yellow_btn { font-size: 1.875em;}
.yellow_btn { margin-top: 10px; padding: 10px;}
#data {margin-top: 92px;}
#right_menu ul li a{
	font-size: 1.1em;
	margin: 13px 10px 0 10px;
}
/*活動列表*/
.title_text2 {width:495px;}	
.active-list-box .box .pic {width: 100%;}

/*search*/
	.search {margin-left: 58%;}
.search_text { margin-left: 59%; }
.search_icon {padding: 8px 18px 8px 18px;}
.search_icon img {width: 27px;}
/*頁數*/
	.page-area a div,#page_hover {padding:10px;}
}


@media screen and (min-width: 1002px) {
.up_box {width: 70.9%;}
.mainimg{float:left;width: 60%;}
.visul03img{float:left;width: 5%;	margin-top:-10%;margin-left: 13%;}
.visul02img{float:left;width: 15%;	/*margin-top:24%;*/ }


}
@media (min-width: 768px) and (max-width: 1023px) {

.text_3{
	font-size:1.5em;
	font-family:"微軟正黑體";
}

.member-btn{
	display: block; 
	width: 24%;	
	margin: 1% 0;
	cursor:pointer;
	float: left;
    padding-left: 5px; 
}
}
@media screen and (max-width: 1023px) {
.closetop{display:none;}
#join-form table tr td input {height: 2em;}
					#content0{
	margin-top:0px;
}
}
@media screen and (min-width: 1024px) {
#web {padding:0px;}
.member-btn{
	display: block; 
	width: 24%;	
	margin: 1% 0;
	cursor:pointer;
	float: left;
    padding-left: 8px; 
}


.imgphoto {width:283px;left: 15px; top:0px;}
.text_1 {
    padding-bottom: 60px;
    letter-spacing: 0.1em;
    margin-top: 80px;
    margin-bottom: 0px;
	/*padding-right: 9%;*/
}
#join-form {width:960px;}

#top {width:1024px; margin:0 auto;   margin-top: 38px;}

#web {width:960px;margin-top: 40px;}

.bg {padding: 20px;}




.up_box {width:61%;}
.upload,.up2 {margin:20.7px;}

#join-form-precaution {width: 993px;/*padding: 2% 0 1% 0;*/}
.ta {width: 97%;font-size: 1.3em;}

#Precautions_bg {width: 993px;}

.upload,.up2 {width: 234px;}

.logo_box {width:1024px; margin:0 auto;}
#logo { margin: 3px 0px 0px 30px;position: relative;}

#content p,.p2 #content2{
    font-size: 1.3em;
    /*padding: 20px;*/
}
#content .p3 {
    font-size: 1.3em;
}

.sign_up{width:131px;}
.overlay .overlay-close {
    width: 50px;
    height: 50px;
}
.overlay .overlay-content {
    top: 60%;
    width: 936px;
}
	.final-top {
    width: 100%;
}
.contentb2 {
    width:900px;
	margin: 0 auto;
}
.final-bottom {
    width: 100%;
}
.final-bottom .box-title, .final-bottom .box-title2 {
    font-size: 1.9em;width: 860px;
}

.play_icon {
    left: 120px;
    top: 57px;
}

#join-form table tr td {
    padding: 20px;
}
.datainput { width: 30%;}
#data span { font-size: 1.8em;}
.yellow_btn {width: 316px;}
#data {margin-top:92px;}
.instructions {top:20px;margin-top: -30px;}
#content {width:940px;}
#content2 {width:880px;}
.white_rule .area{width:940px;}

.content_left,.content_left2 {
	width: 100px;
    height: 100px;
    /*line-height: 100px;
	font-size: 1.4em;*/
}
.content_right,.content_right2 {font-size: 1.3em;}

.closephoto2 {display:none;}


/*活動列表*/
.active-list-box .box .text .btn div {
	font-size:1.15em;
}
.active-list-box .box .text{
	font-size:1.3em;
}
.active-list-box .box {
    width: 30.9%;
}
.btn2 div {font-size: 1.2em;}
.title_text2 {width:614px;}	
.update_time{font-size:1.15em;width:310px;}

/*form*/
.table {
    width: 860px;
    padding: 0 40px 0 40px;
}
.table1 {
    width: 25%;
    float: left;
    font-size: 1.3em;
}
.table2, .bttn {
    width: 70.9%;
    float: left;
    padding: 3px;
    margin-left: 5px;
	font-size: 1.3em;
}
.table3 {
    width: 22%;
    float: left;
    padding: 3px;
    margin-left: 5px;
	font-size: 1.3em;
}
.input_W { height:1.5em;}
.next_step a div,a.word01:link {width:320px;}
/*table*/
.tablee_text {
	font-size:1.3em;
}
.tablee {
	height:45px;
	line-height:45px;
}

.tablee2 {
	height:45px;
	line-height:45px;
}
.tablee22 {
    height: 45px;
    line-height: 45px;
}
.tablee11 {
    height: 45px;
    line-height: 45px;
}


}
@media screen and (min-width: 1025px) {
.closetop2{display:none;}
	#top_bg{padding-bottom: 30px;
	
}

}




@media (min-width: 280px) and (max-width: 699px) {
	.title_top {top:10px;}

}

@media screen and (min-width: 1100px) {


.play_icon {top: 70px;left: 150px;}

#data {margin-top:122px;}
.yellow_btn { margin-top: 40px;}
/*table*/
.time {
    
    margin: 45px 45px 15px 45px;
}
}
@media screen and (min-width: 1200px) {
	
	
#content {width:1180px;}
.white_rule .area{width:1180px;}
#content2 {width:1070px;}
.logo_box {width:1200px;}
#right_menu{ float:right; margin: 3px;}
/*#right_menu ul li a{
    padding: 5px 20px 5px 20px;
    margin: 10px;
}*/
/*#top {width:95%;}*/
	
	
	
	
	

#web {width:1200px;}
.overlay .overlay-content {
    top: 60%;
    width: 1200px;
}
#join-form,#data {width:1200px;}
.instructions,.instructions img{width:638px;  padding-bottom:20px;}
/*活動列表*/
.active-list-box .box .text{padding:10px;}
.title_text2 {width:775px;}	
.active-list-box .box {
    width: 31.4%;
}
/*search*/
.search_icon {padding: 8px 27px 8px 27px;}
.search_text { width: 700px;}
.update_time { width: 350px;}
/*fotm*/
.table {width: 1100px;}
.table3 {width: 22.4%;}


}

@media screen and (min-width: 1440px) {
#top {width:1200px;}
	
.logoimg{width: 180px; margin-top: 250px; margin-left: 78px;	}

.visul01img{width: 191px;	margin-top: 20px;}
.mainimg{width: 685px; margin-top: -30px;}

.visul02img{width: 174px;	margin-top:200px;}
.visul03img{width: 78px;margin-left: 125px;}

	body {
background-position: /* 0 -50px,*/
                       left,
                       right;	
		}
	#top_bg{ background-position:   center -200px;}
	
/*fotm*/
.table {width: 1120px;}
}
	
	
	
	@media screen and (min-width: 1750px) {
	body {
background-position: /* 0 -200px,*/
                       left,
                       right;
	
		}
		#top_bg{ background-position:   center -350px;}
	}
@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
.pagination {
    margin: 0 auto;
    text-align: center;
    list-style: none;
}

    .pagination > li {
        display: inline;
        text-decoration: none;
        cursor: pointer;
    }

        .pagination > li > a,
        .pagination > li > span{
            /*position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;*/
            margin: 0 5px;
            color: #000;
            background: #fff;
            text-decoration: none;
            width: 20px;
            height: 20px;
            line-height: 20px;
            border: 2px solid #f9cd00;
            border-radius: 10px;
            display: inline-block;
            padding: 10px;
            text-decoration: none;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  /*border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;*/
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  /*border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;*/
}

    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .pagination > li > a:focus,
    .pagination > li > span:focus {
        color: #5ac2ee;
    }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        z-index: 2;
        cursor: default;
        background-color: #f9cd00;
        border-color: #f9cd00;
        border: 2px solid #f9cd00;
    }
        .pagination > .active > a:hover {
            color: #5ac2ee;
            text-decoration: none;
            border: 2px solid #f9cd00;
        }

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
}