@charset "utf-8";
* {
  box-sizing: border-box;
  -webkit-appearance: none
}
*:focus {
  outline: none
}


ul, li {
  list-style: none;
  padding: 0;
  margin: 0
}
.img > img {
  vertical-align: middle;
	
  border-top-left-radius:70px;
  border-bottom-right-radius:70px;
}


.main-card {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 0
}

.img_list {
  margin-left: -10px;
  margin-right: -10px;
  border-top-left-radius:70px;
  border-bottom-right-radius:70px;
}
.img_list_invers {
  margin-left: -10px;
  margin-right: -10px;
  border-top-right-radius:70px;
  border-bottom-left-radius:70px;
}

.img_list li {
  float: left;
  width: 33.333%;
  margin-bottom: 20px;	
  border-top-left-radius:70px;
  border-bottom-right-radius:70px;
  padding: 15px;
}
.img_list li:hover {
}
.img_list_long li {
  float: left;
  width: 100%; /*原本50%為兩項,100%為一項*/
  margin-bottom: 20px;	
  border-top-right-radius:70px;
  border-bottom-left-radius:70px;
  padding: 15px;
}
.img_list_long li:hover {
}
/*底版深色的部分*/
.img_list,.img_list_long li > div {
}

.w-simImg .image-w {
  position: relative;
  overflow: hidden;
}
.w-simImg img {
  max-width: 100%
}
.caption {
	color:#2C285B!important;
	font-weight: 600!important;
  position: relative
}
.caption .captionbg {
  position: absolute;
  width: 100%;
  height: 100%
}
.caption .caption-text {
  z-index: 10;
  position: relative;
  word-break: break-all;
  word-wrap: break-word;
  padding: 25px;
}


.cap-date{
	text-align: center;
	display: inline-block;
	font-size: 70px;
	font-weight: 600;
	letter-spacing: 2px;
	line-height: 90%;
}

.cap-wd{
	display: inline-block;
	font-size: 22px;
	font-weight: 600;
	line-height: 150%;
}

.cap-time{
	font-size: 16px;
}
.cap-place{
	display: block;
	width: 100%;
	font-size: 20px;
	font-weight: 600;
	line-height: 150%;
}
.cap-title{
	display: block;
	width: 100%;
	padding-top:5px; 
	font-size: 25px;
	font-weight: 600;
	line-height: 150%;
}
.cap-btn{
	max-width: 300px;
	padding: 4px 40px;
	height: 40;
	border-radius: 20px;
	background-color: #333366;
	color: #eee;
	letter-spacing: 3px;
	text-align: center;
}
.cap-btn:hover{
	background-color: #5b2c9c;
}
.caption h3 {
  font-weight: 400;
  font-size: 115%;
  margin: 0;
  line-height: 1.5
}
.caption p {
  margin: 0;
  padding-top: .5em;
  opacity: .85
}

/*粉紅色底版的部分*/
.bg_main {
  background: #FFD6D6;
  border-top-left-radius:70px;
  border-bottom-right-radius:70px;
  padding: 0 10px;
}
/*首頁第一場次ｂｇc紋路*/
.form-1st-bg{
  background-image: url("../images/index2021/form-bg-1st-card.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  padding:30px 25px;
}
.imgFloatFull .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  padding-top: 0;
  overflow: hidden
}
.imgFloatFull .caption .captionbg {
  opacity: .7;
  *filter: alpha(opacity=70);
  filter: alpha(opacity=70);
  z-index: 0
}
.imgFloatFull .caption .caption-text {
  display: table;
  height: 100%;
  width: 100%
}
.imgFloatFull .caption .caption-text .caption-text-in {
  display: table-cell;
  vertical-align: middle;
  padding: 10px
}
.imgFloatFull .caption .more1 .more_span {
  border-color: #fff
}
.imgScaleBig .img {
  overflow: hidden
}
.imgScaleBig:hover img {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.imgScaleSmall .img {
  overflow: hidden
}
.imgScaleSmall img {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1)
}
.imgScaleSmall:hover img {
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.imgRotate .img {
  overflow: hidden
}
.imgRotate:hover img {
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  transform: rotate(360deg);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.imgLeft .img {
  overflow: hidden
}
.imgLeft img {
  transform: scale(1.2) translateX(5%);
  -ms-transform: scale(1.2) translateX(5%);
  -moz-transform: scale(1.2) translateX(5%);
  -webkit-transform: scale(1.2) translateX(5%);
  -o-transform: scale(1.2) translateX(5%)
}
.imgLeft:hover img {
  transform: scale(1.2) translateX(0);
  -ms-transform: scale(1.2) translateX(0);
  -moz-transform: scale(1.2) translateX(0);
  -webkit-transform: scale(1.2) translateX(0);
  -o-transform: scale(1.2) translateX(0);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.imgRight .img {
  overflow: hidden
}
.imgRight img {
  transform: scale(1.2) translateX(-5%);
  -ms-transform: scale(1.2) translateX(-5%);
  -moz-transform: scale(1.2) translateX(-5%);
  -webkit-transform: scale(1.2) translateX(-5%);
  -o-transform: scale(1.2) translateX(-5%)
}
.imgRight:hover img {
  transform: scale(1.2) translateX(0);
  -ms-transform: scale(1.2) translateX(0);
  -moz-transform: scale(1.2) translateX(0);
  -webkit-transform: scale(1.2) translateX(0);
  -o-transform: scale(1.2) translateX(0);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.imgTop .img {
  overflow: hidden
}
.imgTop img {
  transform: scale(1.2) translateY(5%);
  -ms-transform: scale(1.2) translateY(5%);
  -moz-transform: scale(1.2) translateY(5%);
  -webkit-transform: scale(1.2) translateY(5%);
  -o-transform: scale(1.2) translateY(5%)
}
.imgTop:hover img {
  transform: scale(1.2) translateY(0);
  -ms-transform: scale(1.2) translateY(0);
  -moz-transform: scale(1.2) translateY(0);
  -webkit-transform: scale(1.2) translateY(0);
  -o-transform: scale(1.2) translateY(0);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.imgBottom .img {
  overflow: hidden
}
.imgBottom img {
  transform: scale(1.2) translateY(-5%);
  -ms-transform: scale(1.2) translateY(-5%);
  -moz-transform: scale(1.2) translateY(-5%);
  -webkit-transform: scale(1.2) translateY(-5%);
  -o-transform: scale(1.2) translateY(-5%)
}
.imgBottom:hover img {
  transform: scale(1.2) translateY(0);
  -ms-transform: scale(1.2) translateY(0);
  -moz-transform: scale(1.2) translateY(0);
  -webkit-transform: scale(1.2) translateY(0);
  -o-transform: scale(1.2) translateY(0);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.imgLeftBig .img {
  overflow: hidden
}
.imgLeftBig:hover img {
  transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.imgLeftBig .caption .captionbg {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: alpha(opacity=100)
}
.imgRightBig .img {
  overflow: hidden
}
.imgRightBig:hover img {
  transform: translateX(100%);
  -ms-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -o-transform: translateX(100%);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.imgRightBig .caption .captionbg {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: alpha(opacity=100)
}
.imgTopBig .img {
  overflow: hidden
}
.imgTopBig:hover img {
  transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.imgTopBig .caption .captionbg {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: alpha(opacity=100)
}
.imgBottomBig .img {
  overflow: hidden
}
.imgBottomBig:hover img {
  transform: translateY(100%);
  -ms-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -o-transform: translateY(100%);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.imgBottomBig .caption .captionbg {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: alpha(opacity=100)
}
.imgScaleHide .img {
  overflow: hidden
}
.imgScaleHide:hover .img {
  transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.imgFadeInScale .img {
  transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(1);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: alpha(opacity=0)
}
.imgFadeInScale:hover .img {
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: alpha(opacity=100)
}
.captionbgFadeInDefault .captionbg {
  bottom: -100%
}
.captionbgFadeInDefault:hover .captionbg {
  bottom: 0
}
.captionbgFadeInUp .captionbg {
  bottom: -100%
}
.captionbgFadeInUp:hover .captionbg {
  bottom: 0;
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.captionbgFadeInDown .captionbg {
  top: -1000px
}
.captionbgFadeInDown:hover .captionbg {
  top: 0;
  transition: all .35s ease-out;
  -moz-transition: all .35s ease-out;
  -webkit-transition: all .35s ease-out;
  -o-transition: all .35s ease-out
}
.captionbgFadeInRight .captionbg {
  left: -100%
}
.captionbgFadeInRight:hover .captionbg {
  left: 0;
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.captionbgFadeInLeft .captionbg {
  right: -100%
}
.captionbgFadeInLeft:hover .captionbg {
  right: 0;
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.captionbgFadeInScale .captionbg {
  transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  bottom: -100%
}
.captionbgFadeInScale:hover .captionbg {
  bottom: 0;
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transition: transform .5s;
  -moz-transition: transform .5s;
  -webkit-transition: transform .5s;
  -o-transition: transform .5s
}
.captionbgSwingLeft .captionbg {
  left: 100%;
  transform: perspective(400px) rotateY(-90deg);
  -ms-transform: perspective(400px) rotateY(-90deg);
  -moz-transform: perspective(400px) rotateY(-90deg);
  -webkit-transform: perspective(400px) rotateY(-90deg);
  -o-transform: perspective(400px) rotateY(-90deg);
  transform-origin: right center 0;
  -ms-transform-origin: right center 0;
  -moz-transform-origin: right center 0;
  -webkit-transform-origin: right center 0;
  -o-transform-origin: right center 0;
  transition: transform .5s;
  -moz-transition: transform .5s;
  -webkit-transition: transform .5s;
  -o-transition: transform .5s
}
.captionbgSwingLeft:hover .captionbg {
  left: 0;
  transform: perspective(400px) rotateY(0deg);
  -ms-transform: perspective(400px) rotateY(0deg);
  -moz-transform: perspective(400px) rotateY(0deg);
  -webkit-transform: perspective(400px) rotateY(0deg);
  -o-transform: perspective(400px) rotateY(0deg)
}
.captionbgSwingRight .captionbg {
  left: -100%;
  transform: perspective(400px) rotateY(90deg);
  -ms-transform: perspective(400px) rotateY(90deg);
  -moz-transform: perspective(400px) rotateY(90deg);
  -webkit-transform: perspective(400px) rotateY(90deg);
  -o-transform: perspective(400px) rotateY(90deg);
  transform-origin: left center 0;
  -ms-transform-origin: left center 0;
  -moz-transform-origin: left center 0;
  -webkit-transform-origin: left center 0;
  -o-transform-origin: left center 0;
  transition: transform .5s;
  -moz-transition: transform .5s;
  -webkit-transition: transform .5s;
  -o-transition: transform .5s
}
.captionbgSwingRight:hover .captionbg {
  left: 0;
  transform: perspective(400px) rotateY(0deg);
  -ms-transform: perspective(400px) rotateY(0deg);
  -moz-transform: perspective(400px) rotateY(0deg);
  -webkit-transform: perspective(400px) rotateY(0deg);
  -o-transform: perspective(400px) rotateY(0deg)
}
.captionbgSwingDown .captionbg {
  top: -100%;
  transform: perspective(400px) rotateX(-90deg);
  -ms-transform: perspective(400px) rotateX(-90deg);
  -moz-transform: perspective(400px) rotateX(-90deg);
  -webkit-transform: perspective(400px) rotateX(-90deg);
  -o-transform: perspective(400px) rotateX(-90deg);
  transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  -moz-transform-origin: center top 0;
  -webkit-transform-origin: center top 0;
  -o-transform-origin: center top 0;
  transition: transform .5s;
  -moz-transition: transform .5s;
  -webkit-transition: transform .5s;
  -o-transition: transform .5s
}
.captionbgSwingDown:hover .captionbg {
  top: 0;
  transform: perspective(400px) rotateX(0deg);
  -ms-transform: perspective(400px) rotateX(0deg);
  -moz-transform: perspective(400px) rotateX(0deg);
  -webkit-transform: perspective(400px) rotateX(0deg);
  -o-transform: perspective(400px) rotateX(0deg)
}
.captionbgSwingUp .captionbg {
  bottom: -100%;
  transform: perspective(400px) rotateX(90deg);
  -ms-transform: perspective(400px) rotateX(90deg);
  -moz-transform: perspective(400px) rotateX(90deg);
  -webkit-transform: perspective(400px) rotateX(90deg);
  -o-transform: perspective(400px) rotateX(90deg);
  transform-origin: center bottom 0;
  -ms-transform-origin: center bottom 0;
  -moz-transform-origin: center bottom 0;
  -webkit-transform-origin: center bottom 0;
  -o-transform-origin: center bottom 0;
  transition: transform .5s;
  -moz-transition: transform .5s;
  -webkit-transition: transform .5s;
  -o-transition: transform .5s
}
.captionbgSwingUp:hover .captionbg {
  bottom: 0;
  transform: perspective(400px) rotateX(0deg);
  -ms-transform: perspective(400px) rotateX(0deg);
  -moz-transform: perspective(400px) rotateX(0deg);
  -webkit-transform: perspective(400px) rotateX(0deg);
  -o-transform: perspective(400px) rotateX(0deg)
}
.captionbgFadeInRotate .captionbg {
  bottom: -200%;
  transform: scale(.5) rotateZ(180deg);
  -ms-transform: scale(.5) rotateZ(180deg);
  -moz-transform: scale(.5) rotateZ(180deg);
  -webkit-transform: scale(.5) rotateZ(180deg);
  -o-transform: scale(.5) rotateZ(180deg);
  transition: transform .5s;
  -moz-transition: transform .5s;
  -webkit-transition: transform .5s;
  -o-transition: transform .5s
}
.captionbgFadeInRotate:hover .captionbg {
  bottom: 0;
  transform: scale(1) rotateZ(0deg);
  -ms-transform: scale(1) rotateZ(0deg);
  -moz-transform: scale(1) rotateZ(0deg);
  -webkit-transform: scale(1) rotateZ(0deg);
  -o-transform: scale(1) rotateZ(0deg)
}
.captionbgCircleTL .captionbg {
  left: -100%;
  top: -100%;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.captionbgCircleTL:hover .captionbg {
  left: 0;
  top: 0;
  transform: scale(3);
  -ms-transform: scale(3);
  -moz-transform: scale(3);
  -webkit-transform: scale(3);
  -o-transform: scale(3)
}
.captionbgCircleTR .captionbg {
  right: -100%;
  top: -100%;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.captionbgCircleTR:hover .captionbg {
  right: 0;
  top: 0;
  transform: scale(3);
  -ms-transform: scale(3);
  -moz-transform: scale(3);
  -webkit-transform: scale(3);
  -o-transform: scale(3)
}
.captionbgCircleBL .captionbg {
  left: -100%;
  bottom: -100%;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.captionbgCircleBL:hover .captionbg {
  left: 0;
  bottom: 0;
  transform: scale(3);
  -ms-transform: scale(3);
  -moz-transform: scale(3);
  -webkit-transform: scale(3);
  -o-transform: scale(3)
}
.captionbgCircleBR .captionbg {
  left: 100%;
  top: 100%;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.captionbgCircleBR:hover .captionbg {
  left: 0;
  top: 0;
  transform: scale(3);
  -ms-transform: scale(3);
  -moz-transform: scale(3);
  -webkit-transform: scale(3);
  -o-transform: scale(3)
}
.captionbgHT .captionbg {
  transform: perspective(1000px) rotateY(90deg);
  -ms-transform: translateY(100%);
  -moz-transform: perspective(1000px) rotateY(90deg);
  -webkit-transform: perspective(1000px) rotateY(90deg);
  -o-transform: perspective(1000px) rotateY(90deg);
  transition: transform .5s;
  -moz-transition: transform .5s;
  -webkit-transition: transform .5s;
  -o-transition: transform .5s
}
.captionbgHT:hover .captionbg {
  transform: perspective(600px) rotateY(0deg);
  -ms-transform: translateY(0);
  -moz-transform: perspective(600px) rotateY(0deg);
  -webkit-transform: perspective(600px) rotateY(0deg);
  -o-transform: perspective(600px) rotateY(0deg)
}
.captionbgVT .captionbg {
  transform: perspective(600px) rotateX(90deg);
  -ms-transform: translateX(100%);
  -moz-transform: perspective(600px) rotateX(90deg);
  -webkit-transform: perspective(600px) rotateX(90deg);
  -o-transform: perspective(600px) rotateX(90deg);
  transition: transform .5s;
  -moz-transition: transform .5s;
  -webkit-transition: transform .5s;
  -o-transition: transform .5s
}
.captionbgVT:hover .captionbg {
  transform: perspective(600px) rotateX(0deg);
  -ms-transform: translateX(0);
  -moz-transform: perspective(600px) rotateX(0deg);
  -webkit-transform: perspective(600px) rotateX(0deg);
  -o-transform: perspective(600px) rotateX(0deg)
}
.captionbgFadeOut .caption .captionbg {
  background: #fff;
  opacity: .3;
  *filter: alpha(opacity=30);
  filter: alpha(opacity=30);
  z-index: 0
}
.captionbgFadeOutDefault .captionbg {
  bottom: 0
}
.captionbgFadeOutDefault:hover .caption .captionbg {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  transition: opacity .5s;
  -moz-transition: opacity .5s;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s
}
.captionbgFadeOutScale .caption .captionbg {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  z-index: 0
}
.captionbgFadeOutScale {
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  bottom: 0;
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: alpha(opacity=100)
}
.captionbgFadeOutScale:hover .captionbg {
  transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: alpha(opacity=0)
}
.textFade .textFadeInDefault {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  width: 100%
}
.textFade:hover .textFadeInDefault {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.textFade .textFadeInUp {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  margin-bottom: -35px;
  width: 100%
}
.textFade:hover .textFadeInUp {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  margin-bottom: 0;
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.textFade .textFadeInDown {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  margin-bottom: 35px;
  width: 100%
}
.textFade:hover .textFadeInDown {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  margin-bottom: 0;
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.textFade .textFadeInLeft {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  margin-left: -100%;
  width: 100%
}
.textFade:hover .textFadeInLeft {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  margin-left: 0;
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.textFade .textFadeInRight {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  margin-left: 100%;
  width: 100%
}
.textFade:hover .textFadeInRight {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  margin-left: 0;
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.textFade .textFadeInScale {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  width: 100%;
  transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0)
}
.textFade:hover .textFadeInScale {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.textFade .textFadeInRotate {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  width: 100%
}
.textFade:hover .textFadeInRotate {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  transform: rotate(360deg);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.textFade .textFadeOutDefault {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  width: 100%
}
.textFade:hover .textFadeOutDefault {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  transition: opacity .5s;
  -moz-transition: opacity .5s;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s
}
.textFade .textFadeOutScale {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  width: 100%;
  transform: scale(0);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1)
}
.textFade:hover .textFadeOutScale {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.imgTextL .caption::before, .imgTextL .caption::after {
  position: absolute;
  content: "";
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  z-index: 99
}
.imgTextL .caption::before {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  bottom: 20px;
  left: 10px;
  right: 10px;
  top: 20px;
  transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -webkit-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0
}
.imgTextL .caption::after {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  bottom: 10px;
  left: 20px;
  right: 20px;
  top: 10px;
  transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -webkit-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform-origin: 100% 0 0;
  -ms-transform-origin: 100% 0 0;
  -moz-transform-origin: 100% 0 0;
  -webkit-transform-origin: 100% 0 0;
  -o-transform-origin: 100% 0 0
}
.imgTextL:hover .caption::before, .imgTextL:hover .caption::after {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.imgTextA .caption::before, .imgTextA .caption::after {
  position: absolute;
  content: "";
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  z-index: 99
}
.imgTextA .caption::before {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  bottom: 10px;
  left: 10px;
  right: 10px;
  top: 10px;
  transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -webkit-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0
}
.imgTextA .caption::after {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  bottom: 10px;
  left: 10px;
  right: 10px;
  top: 10px;
  transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -webkit-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform-origin: 100% 0 0;
  -ms-transform-origin: 100% 0 0;
  -moz-transform-origin: 100% 0 0;
  -webkit-transform-origin: 100% 0 0;
  -o-transform-origin: 100% 0 0
}
.imgTextA:hover .caption::before, .imgTextA:hover .caption::after {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.imgTextB .caption::before {
  content: "";
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  z-index: 99;
  transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  border: 1px solid #fff;
  bottom: 10px;
  left: 10px;
  position: absolute;
  right: 10px;
  top: 10px
}
.imgTextB:hover .caption::before {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  z-index: 99;
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.imgTextS .caption::before, .imgTextS .caption::after {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  z-index: 99;
  top: 50%;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  transform: translate3d(-50%, -50%, 0px);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate3d(-50%, -50%, 0px);
  -webkit-transform: translate3d(-50%, -50%, 0px);
  -o-transform: translate3d(-50%, -50%, 0px);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  width: 80%
}
.imgTextS:hover .caption::before {
  opacity: .5;
  *filter: alpha(opacity=50);
  filter: alpha(opacity=50);
  transform: translate3d(-50%, -50%, 0px) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate3d(-50%, -50%, 0px) rotate(45deg);
  -webkit-transform: translate3d(-50%, -50%, 0px) rotate(45deg);
  -o-transform: translate3d(-50%, -50%, 0px) rotate(45deg)
}
.imgTextS:hover .caption::after {
  opacity: .5;
  *filter: alpha(opacity=50);
  filter: alpha(opacity=50);
  transform: translate3d(-50%, -50%, 0px) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate3d(-50%, -50%, 0px) rotate(-45deg);
  -webkit-transform: translate3d(-50%, -50%, 0px) rotate(-45deg);
  -o-transform: translate3d(-50%, -50%, 0px) rotate(-45deg)
}
.imgTextC .caption::before {
  content: "";
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  z-index: 99;
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  border: 1px solid #fff;
  bottom: 10px;
  left: 10px;
  position: absolute;
  right: 10px;
  top: 10px
}
.imgTextC:hover .caption::before {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.imgTextD .caption::before {
  border: 2px solid #fff;
  content: "";
  height: 50%;
  left: 50%;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  position: absolute;
  z-index: 99;
  top: 50%;
  transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
  -ms-transform: translate(-50%, -50%) rotate(-45deg) scale(0, 0);
  -moz-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
  -webkit-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
  -o-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
  transform-origin: 50% 50% 0;
  -ms-transform-origin: 50% 50% 0;
  -moz-transform-origin: 50% 50% 0;
  -webkit-transform-origin: 50% 50% 0;
  -o-transform-origin: 50% 50% 0;
  transition: opacity .35s ease 0s, transform .35s ease 0s;
  -moz-transition: opacity .35s ease 0s, transform .35s ease 0s;
  -webkit-transition: opacity .35s ease 0s, transform .35s ease 0s;
  -o-transition: opacity .35s ease 0s, transform .35s ease 0s;
  width: 50%
}
.imgTextD:hover .caption::before {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
  -ms-transform: translate(-50%, -50%) rotate(-45deg) scale(1, 1);
  -moz-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
  -webkit-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
  -o-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1)
}
.imgTextE .caption::before {
  border: 2px solid #fff;
  content: "";
  height: 50%;
  left: 50%;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  position: absolute;
  z-index: 99;
  top: 50%;
  transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg) scale3d(0, 0, 1);
  -ms-transform: translate(-50%, -50%) rotate(45deg) scale(0, 0);
  -moz-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg) scale3d(0, 0, 1);
  -webkit-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg) scale3d(0, 0, 1);
  -o-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg) scale3d(0, 0, 1);
  transform-origin: 50% 50% 0;
  -ms-transform-origin: 50% 50% 0;
  -moz-transform-origin: 50% 50% 0;
  -webkit-transform-origin: 50% 50% 0;
  -o-transform-origin: 50% 50% 0;
  transition: opacity .35s ease 0s, transform .35s ease 0s;
  -moz-transition: opacity .35s ease 0s, transform .35s ease 0s;
  -webkit-transition: opacity .35s ease 0s, transform .35s ease 0s;
  -o-transition: opacity .35s ease 0s, transform .35s ease 0s;
  width: 50%
}
.imgTextE:hover .caption::before {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
  -ms-transform: translate(-50%, -50%) rotate(45deg) scale(1, 1);
  -moz-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
  -webkit-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
  -o-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1)
}
.imgTextF .caption::before {
  background: rgba(255, 255, 255, .5);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px);
  -ms-transform: scale(1.9, 1.4) rotate(45deg) translate(0px, -100%);
  -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px);
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px);
  -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px);
  transition: transform .6s ease 0s;
  -moz-transition: transform .6s ease 0s;
  -webkit-transition: transform .6s ease 0s;
  -o-transition: transform .6s ease 0s;
  width: 100%
}
.imgTextF:hover .caption::before {
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);
  -ms-transform: scale(1.9, 1.4) rotate(45deg) translate(0px, 100%x);
  -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);
  -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px)
}
.imgTextF .caption .captionbg {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: alpha(opacity=0)
}
.imgTextG .caption::after {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  -ms-transform: rotate(45deg) scale(1, 0);
  -moz-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  -o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  transform-origin: 50% 50% 0;
  -ms-transform-origin: 50% 50% 0;
  -moz-transform-origin: 50% 50% 0;
  -webkit-transform-origin: 50% 50% 0;
  -o-transform-origin: 50% 50% 0;
  width: 100%;
  transition: opacity .6s ease 0s, transform .6s ease 0s;
  -moz-transition: opacity .6s ease 0s, transform .6s ease 0s;
  -webkit-transition: opacity .6s ease 0s, transform .6s ease 0s;
  -o-transition: opacity .6s ease 0s, transform .6s ease 0s
}
.imgTextG:hover .caption::after {
  opacity: 1;
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
  -ms-transform: rotate(45deg) scale(1, 1);
  -moz-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
  -o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1)
}
.imgGrayScale img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  opacity: .4
}
.imgGrayScale:hover img {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
  opacity: 1
}
.imgGrayScale p {
  font-size: 90%;
  padding-top: 0;
  color: #aaa
}
.imgFloat.captionbgFadeInDefault.textFade .img {
  overflow: hidden
}
.imgFloat.captionbgFadeInDefault.textFade .img img {
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s
}
.imgFloat.captionbgFadeInDefault.textFade:hover .img img {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1)
}
.imgFloat.captionbgFadeInDefault.textFade .captionbg {
  bottom: 0
}
.imgFloat.captionbgFadeInDefault.textFade .textFadeInDefault {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: alpha(opacity=100)
}
.w-multi-imgs-inout li {
  position: relative
}
.imgInOut a {
  display: block;
  -webkit-perspective: 400px;
  perspective: 400px;
  position: relative;
  overflow: hidden
}
.imgInOut .caption {
  -webkit-transform: rotate3d(1, 0, 0, 90deg);
  transform: rotate3d(1, 0, 0, 90deg);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  color: #fff;
  padding: 0
}
.imgInOut .caption .captionbg {
  opacity: .85;
  *filter: alpha(opacity=85);
  filter: alpha(opacity=85);
  z-index: 0
}
.imgInOut .caption .caption-text {
  display: table;
  height: 100%;
  width: 100%
}
.imgInOut .caption .caption-text .caption-text-in {
  display: table-cell;
  vertical-align: middle;
  padding: 10px
}
.in-top .caption {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: in-top 300ms ease 0ms 1 forwards;
  animation: in-top 300ms ease 0ms 1 forwards
}
.in-right .caption {
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-animation: in-right 300ms ease 0ms 1 forwards;
  animation: in-right 300ms ease 0ms 1 forwards
}
.in-bottom .caption {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: in-bottom 300ms ease 0ms 1 forwards;
  animation: in-bottom 300ms ease 0ms 1 forwards
}
.in-left .caption {
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-animation: in-left 300ms ease 0ms 1 forwards;
  animation: in-left 300ms ease 0ms 1 forwards
}
.out-top .caption {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: out-top 300ms ease 0ms 1 forwards;
  animation: out-top 300ms ease 0ms 1 forwards;
  top: -1px
}
.out-right .caption {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: out-right 300ms ease 0ms 1 forwards;
  animation: out-right 300ms ease 0ms 1 forwards;
  left: 1px
}
.out-bottom .caption {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: out-bottom 300ms ease 0ms 1 forwards;
  animation: out-bottom 300ms ease 0ms 1 forwards;
  top: 1px
}
.out-left .caption {
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-animation: out-left 300ms ease 0ms 1 forwards;
  animation: out-left 300ms ease 0ms 1 forwards;
  left: -1px
}
@-webkit-keyframes in-top {
  from {
    -webkit-transform: rotate3d(-1, 0, 0, 90deg);
    transform: rotate3d(-1, 0, 0, 90deg)
  }
  to {
    -webkit-transform: none;
    transform: none
  }
}
@keyframes in-top {
  from {
    -webkit-transform: rotate3d(-1, 0, 0, 90deg);
    transform: rotate3d(-1, 0, 0, 90deg)
  }
  to {
    -webkit-transform: none;
    transform: none
  }
}
@-webkit-keyframes in-right {
  from {
    -webkit-transform: rotate3d(0, -1, 0, 90deg);
    transform: rotate3d(0, -1, 0, 90deg)
  }
  to {
    -webkit-transform: none;
    transform: none
  }
}
@keyframes in-right {
  from {
    -webkit-transform: rotate3d(0, -1, 0, 90deg);
    transform: rotate3d(0, -1, 0, 90deg)
  }
  to {
    -webkit-transform: none;
    transform: none
  }
}
@-webkit-keyframes in-bottom {
  from {
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
    transform: rotate3d(1, 0, 0, 90deg)
  }
  to {
    -webkit-transform: none;
    transform: none
  }
}
@keyframes in-bottom {
  from {
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
    transform: rotate3d(1, 0, 0, 90deg)
  }
  to {
    -webkit-transform: none;
    transform: none
  }
}
@-webkit-keyframes in-left {
  from {
    -webkit-transform: rotate3d(0, 1, 0, 90deg);
    transform: rotate3d(0, 1, 0, 90deg)
  }
  to {
    -webkit-transform: none;
    transform: none
  }
}
@keyframes in-left {
  from {
    -webkit-transform: rotate3d(0, 1, 0, 90deg);
    transform: rotate3d(0, 1, 0, 90deg)
  }
  to {
    -webkit-transform: none;
    transform: none
  }
}
@-webkit-keyframes out-top {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg)
  }
  to {
    -webkit-transform: rotate3d(-1, 0, 0, 130deg);
    transform: rotate3d(-1, 0, 0, 130deg)
  }
}
@keyframes out-top {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg)
  }
  to {
    -webkit-transform: rotate3d(-1, 0, 0, 130deg);
    transform: rotate3d(-1, 0, 0, 130deg)
  }
}
@-webkit-keyframes out-right {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg)
  }
  to {
    -webkit-transform: rotate3d(0, -1, 0, 130deg);
    transform: rotate3d(0, -1, 0, 130deg)
  }
}
@keyframes out-right {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg)
  }
  to {
    -webkit-transform: rotate3d(0, -1, 0, 130deg);
    transform: rotate3d(0, -1, 0, 130deg)
  }
}
@-webkit-keyframes out-bottom {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg)
  }
  to {
    -webkit-transform: rotate3d(1, 0, 0, 130deg);
    transform: rotate3d(1, 0, 0, 130deg)
  }
}
@keyframes out-bottom {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg)
  }
  to {
    -webkit-transform: rotate3d(1, 0, 0, 130deg);
    transform: rotate3d(1, 0, 0, 130deg)
  }
}
@-webkit-keyframes out-left {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg)
  }
  to {
    -webkit-transform: rotate3d(0, 1, 0, 130deg);
    transform: rotate3d(0, 1, 0, 130deg)
  }
}
@keyframes out-left {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg)
  }
  to {
    -webkit-transform: rotate3d(0, 1, 0, 130deg);
    transform: rotate3d(0, 1, 0, 130deg)
  }
}
.simImg_spec .caption h3 {
  font-size: 18px
}
.simImg_spec .caption {
  overflow: hidden
}
.specFull .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  padding-top: 0
}
.specFull .caption .captionbg {
  opacity: .9;
  *filter: alpha(opacity=90);
  filter: alpha(opacity=90);
  z-index: 0
}
.specFull .caption .caption-text {
  display: table;
  height: 100%;
  width: 100%;
}
.specFull .caption .caption-text .caption-text-in {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}

.simImg_spec18 .img {
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  position: relative;
  bottom: 0;
  transform-origin: bottom;
  -moz-transform-origin: bottom;
  -webkit-transform-origin: bottom;
  transform: perspective(600px) rotateX(0deg);
  -webkit-transform: perspective(600px) rotateX(0deg);
  -moz-transform: perspective(600px) rotateX(0deg)
}
.simImg_spec18:hover .img {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  transform: perspective(600px) rotateX(90deg);
  -webkit-transform: perspective(600px) rotateX(90deg);
  -moz-transform: perspective(600px) rotateX(90deg)
}
.simImg_spec18 .caption {
  z-index: 0;
  top: 0;
  transform-origin: top;
  -moz-transform-origin: top;
  -webkit-transform-origin: top;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  transform: perspective(600px) rotateX(-90deg);
  -webkit-transform: perspective(600px) rotateX(-90deg);
  -moz-transform: perspective(600px) rotateX(-90deg);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s
}
.simImg_spec18:hover .caption {
  z-index: 1;
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  transform: perspective(600px) rotateX(0deg);
  -webkit-transform: perspective(600px) rotateX(0deg);
  -moz-transform: perspective(600px) rotateX(0deg)
}
.simImg_spec18 .caption .captionbg {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: alpha(opacity=100)
}

@media(max-width:1199px) {

/*內文群*/	
.caption .caption-text {
    padding: 5px 15px 15px;
}	

/*場次一內文*/	
.caption-1st-words{
	margin-top: -18px;
	font-size:19px;
	line-height: 150%;	
}
.cap-date{
	font-size: 50px;
	letter-spacing: 1px;
	line-height:150%;
}

.cap-wd{
	font-size: 18px;
	line-height: 150%;
}

.cap-time{
	font-size: 16px;
}
.cap-title{
	padding-top:5px; 
	font-size: 20px;
	line-height: 150%;
}
.cap-btn{
	font-size:20px;
	width: 90%;
	margin:auto;
	padding: 1px;
	height: 30;
}
}

@media(max-width:990px) {
  .img_list li {
    width: 33.333%
  }
  .img_list_long li {
    width: 100%
  }
  .simImg_spec .caption h3 {
    font-size: 115%
  }
  .simImg_spec p {
    font-size: 90%
  }
  .simImg_spec12:hover .img {
    bottom: 4.2em
  }
  .simImg_spec13:hover .img {
    top: 4.2em
  }
  .simImg_spec14:hover .img {
    bottom: 4.2em
  }
  .simImg_spec15:hover .img {
    top: 4.2em
  }
	
/*內文群*/	
.caption .caption-text {
    padding: 5px;
}	

/*場次一內文*/	
.caption-1st-words{
	margin-top: -18px;
	font-size:19px;
	line-height: 150%;	
}
.cap-date{
	text-align: right;
	font-size: 38px;
	letter-spacing: 1px;
	line-height:150%;
}

.cap-wd{
	font-size: 16px;
	line-height: 120%;
}

.cap-time{
	font-size: 13px;
}
.cap-title{
	padding-top:2px; 
	font-size: 17px;
	line-height: 125%;
}
.cap-btn{
	font-size:16px;
	width: 90%;
	margin:auto;
	padding: 0;
	height: 32px;
}

}
@media(max-width:720px) {
  .img_list li {
    width: 50%
  }
}
/* 手機版不翻牌囉！
@media(max-width:540px) {
	
.img_list li {
  padding: 5px;
}	
.img_list_long li {
  padding: 5px;
}
  .img_list li {
    width: 100%
  }
  .img_list_long li {
    width: 100%
  }
.caption .caption-text {
    padding: 0px 25px;
}
.cap-date{
	font-size: 42px;
	letter-spacing: 1px;
	line-height:150%;
}

.cap-wd{
	font-size: 18px;
	line-height: 150%;
}

.cap-time{
	font-size: 16px;
}
.cap-place{
	font-size: 16px;
	line-height: 150%;
}
.cap-title{
	padding-top:5px; 
	font-size: 20px;
	line-height: 150%;
}
.cap-btn{
	width: 100%;
	padding: 4px;
	height: 40;
	border-radius: 10px;
	letter-spacing: 2px;
} */
}