@charset "utf-8";
/*-----------------------------------------------------------------------------
[TABLE OF CONTENTS]
    +reset
    +common
    +header
    +content
	    +otherLinkBox
	    +hotLinkBox
    +footer 
    +jquery plugin
-----------------------------------------------------------------------------*/
/* reset
*----------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
:focus { outline: 0;}
ins { text-decoration: none;}
del { text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0;}
/* common
*----------------------------------------------------------------------------*/
body, html {
    color: #333;
    font-family: Arial, "Heiti TC", 'Microsoft JhengHei', Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.2em;
    -webkit-text-size-adjust: none;
    /*overflow: hidden;
    overflow-x: hidden;*/
}
/**
*
* anchor
*
**/
a:link, a:visited { color: #333; text-decoration: none;}
a:hover, a:active { color: #e71a0f;}
/**
*
* clear,clearfix
*
**/
.clear { clear: both;}
.clearfix { display: inline-block;}
.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0; content: ".";}
* html .clearfix { height: 1%;}
.clearfix { display: block;}
.hidden {display: none;}

.pc-show{
    display: block;
}
.mb-show{
    display: none;
}
/**
*
* input placeholder
*
**/
::-webkit-input-placeholder { color: #8b8b8b;}
:-moz-placeholder           { color: #8b8b8b; opacity: 1;}
::-moz-placeholder          { color: #8b8b8b; opacity: 1;}
:-ms-input-placeholder      { color: #8b8b8b;}
input, select, textarea     { /*-webkit-appearance: none; border-radius: 0;*/}

/**
*
* seo box
*
**/
article.crumbBox {
    display: none;
}

/**
*
* backtop 
*
**/
.backtop {
    position: fixed;
    right: 25px;
    bottom: 70px;
    width: 40px;
    height: 30px;
    display: none;
    z-index: 18;
}
.backtop a {
    display: block;
    width: 40px;
    height: 30px;
    font-size: 0;
    text-indent: -100000px;
	background: #a6a5a4 url(../images/icon/icon_backtop.png) no-repeat center;
	-moz-background-size: 16px auto;
	-webkit-background-size: 16px auto;
	-o-background-size: 16px auto;
	background-size: 16px auto;
}
.backtop a:hover {
    background-color: #333;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
/**
*
* width & height
*
**/
.ht20  { height: 20px;}
.ht30  { height: 30px;}
.ht70  { height: 70px;}
.ht80  { height: 80px;}
.ht110 { height: 110px;}
[class^="ht"] { clear: both;}
/* Percentage */
.wpe20  { width: 20%;}
.wpe30  { width: 30%;}
.wpe40  { width: 40%;}
.wpe50  { width: 50%;}
.wpe100 { width: 100%;}
/* Pixels */
.wpx10  { width: 10px;}
.wpx150 { width: 150px;}
.wpx160 { width: 160px;}
/**
*
* img
*
**/
img { 
    max-width: 100%;
    vertical-align: middle;
}
.imgZoom5s .photo img,
.imgZoom8s .photo img,
.photo.imgZoom5s img,
.photo.imgZoom8s img {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
}
.imgZoom5s:hover .photo img,
.photo.imgZoom5s:hover  img {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    -webkit-transform:scale(1.08);
    -moz-transform:scale(1.08);
    -ms-transform:scale(1.08);
    -o-transform:scale(1.08);
     transform:scale(1.08);
}
.imgZoom8s:hover .photo img,
.photo.imgZoom8s:hover img {
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
     transform:scale(1.2);
}
/**
*
* shadow
*
**/
.imgShadow .photo .shadow,
.photo.imgShadow .shadow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
    filter:alpha(opacity=0);
    -moz-opacity: 0.0;
    opacity: 0.0;
}
.imgShadow:hover .photo .shadow,
.photo.imgShadow:hover .shadow {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
    filter:alpha(opacity= 35);
    -moz-opacity: .35;
    opacity: .35;
}
.slickLi.hover .imgShadow .photo .shadow,
.slickLi.hover .photo.imgShadow .shadow {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    filter:alpha(opacity= 35);
    -moz-opacity: .35;
    opacity: .35;
}
/* wrapper
*----------------------------------------------------------------------------
#wrapper {
    position: relative;
    width: 100%;
	margin: 0 auto;
    padding: 0;
}
.wrapperPage,
.wrapperPage header {
    max-width: 1280px;
}
.wrapperPage footer {
    padding: 30px 0;
    max-width: 1280px;
}
.main { position: relative; margin: 0 auto;}
.wrapperPage section { max-width: 1280px; overflow: hidden;}
.wrapperPage article.crumbBox {	display: block;}*/

/*---------------------------------------------------------------------------*/
/* searchrevampbox
/*---------------------------------------------------------------------------*/
.searchrevampbox { position: relative; width: 100%; clear: both;}
.searchrevampbox #Searchform:after {content:"";display: table;clear: both;}
.searchrevampbox input[type=text]::-ms-clear { display: none; }
.searchrevampbox a, .searchrevampbox input{outline: none;hlbr:expression(this.onFocus=this.blur());}
.searchrevampbox a:hover{text-decoration: underline;}
.searchrevampbox .searchbox .schtags { position: relative; float: left; width: 182px;height: 29px;}
.searchrevampbox .searchbox .schtags a.schclose { position: absolute; top: -1000000px; right: 0; width: 27px; height: 27px; text-indent: -10000px;background: url(../images/search/icon_search_close.gif) no-repeat; display: none; *z-index: 1;}
.searchrevampbox .searchbox .schtags input.schtext {font-family: 'Microsoft JhengHei', Helvetica, Arial, sans-serif;-webkit-appearance: none; border-radius: 0; *border-style: none;border-color: inherit;border-width: 0;position: relative; *top: -1px;width: 100%;height: 29px;padding: 0;text-indent: 3px;color: #999;background: #fff;-webkit-appearance: none;overflow:hidden;font-size: 1em;line-height: 29px;}
.searchrevampbox .searchbox .schtags input.schtext:focus {color: #333;}
.searchrevampbox .searchbox input.schsubmit { float: right; height: 29px;width: 29px;border: 0;cursor: pointer;-webkit-appearance: none; border-radius: 0; background: #b0b0b0 url(../images/search/icon_magnifier.png) no-repeat center;-moz-background-size: 22px auto;-webkit-background-size: 22px auto;-o-background-size: 22px auto;background-size: 22px auto;}
.searchrevampbox .searchbox input:hover.schsubmit { background-color: #999;}
.searchrevampbox .searchbox ul.schcon { position: absolute; top: 29px; left: 0; width: 100%; max-height: 209px; padding: 0; border-top: 1px #dcdcdc solid;background: #fff; display: none; z-index: 11; *visibility: hidden;}
header .searchrevampbox .searchbox ul.schcon li a { display: block; padding: 0 5px;color: #333;font: 13px/30px "source-han-sans-traditional", "Noto Sans CJK TC", 'Microsoft JhengHei', Helvetica, Arial, sans-serif;text-decoration: none; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
header .searchrevampbox .searchbox ul.schcon li.selected a,
header .searchrevampbox .searchbox ul.schcon li a:hover { color: #333; background: #dddddd;}
header .navbar .search .hot_key { display: none;}
/*
@media only screen 
and (max-width : 1280px) {
	header .navbar .logo {
        left: 20px;
    }
    header .navbar .toolsComplex {
        right: 20px;
    }
}
@media only screen 
and (max-width : 1200px) {
    header .navbar nav {
        left: 160px;
        width: 40%;
    }
    header .navbar nav ul li a {
        font-size: 18px;
    }    
}
*/

/* content
*----------------------------------------------------------------------------*/
section {
    position: relative;
    width: 100%;
    padding: 70px 0 0 0;
	-webkit-transition: padding-top 0.5s;
	-moz-transition: padding-top 0.5s;
	-o-transition: padding-top 0.5s;
	transition: padding-top 0.5s;
    background: #f2f2f2;
}


section.minSize { padding: 64px 0 0 0;}
section .main {
	background: url(../images/icon/bg_section.gif) repeat-x top;
}
.boxShadow { 
    position: relative;
	-webkit-box-shadow: 0 2px 3px 1px rgba(150,150,150,0.15);
	-moz-box-shadow: 0 2px 3px 1px rgba(150,150,150,0.15);
	box-shadow: 0 2px 3px 1px rgba(150,150,150,0.15);
    background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
section .main.even { background: #e9e4de;}
section .main.odd { background: #dedede;}
section .main.otherComplex {
    position: relative;
    margin-top: -1px !important;
    z-index: 1;
}
/**
*
* adBox 
*
**/
.adWrapper {
    background: #fff;
    padding: 2% 0;
}
.banner_desk {
    max-width: 1280px;
    margin: 0 auto;
}
.banner > article {
    border: 1px solid #ececec;
}
section article h2.mainHead {
	position: relative;
    padding: 0 0 0 15px;
    margin: 0 0 15px 0;
    font-size: 18px;
    font-weight: normal;
    color: #666;
}
section article h2.mainHead:after {
    position: absolute;
    top: 50%;
    left: 0;
	content:"";
	width: 8px;
	height: 8px;
	margin: -4px 0 0 0;
	background: #868686;
}
section article h2.mainHead span {
    font-size: 15px;
}
section article h2.mainHead span em {
    position: relative;
    top: 3px;
}
/**
*
* font
*
**/
.font40b { font-size: 40px !important; font-weight: bold !important;}
.font24b { font-size: 24px !important; font-weight: bold !important;}
.font20b { font-size: 20px !important; font-weight: bold !important;}
.font20  { font-size: 20px !important; font-weight: normal !important;}
.font18b { font-size: 18px !important; font-weight: bold !important;}
.font18  { font-size: 18px !important; font-weight: normal !important;}
.font16b { font-size: 16px !important; font-weight: bold !important;}
.font16  { font-size: 16px !important; font-weight: normal !important;}
.font15b { font-size: 15px !important; font-weight: bold !important;}
.font15  { font-size: 15px !important; font-weight: normal !important;}
.font13  { font-size: 13px !important; font-weight: normal !important;}
/**
*
* recruitHRbox
*
**/
section article.recruitHRbox .bannerBox {
    position: relative;
    height: 475px;
    background: #fff; 
}
section article.recruitHRbox .main {
    max-width: 1280px;
    background: none;
}

section article.recruitHRbox .bannerBox .bannerTitle {
    position: absolute;
    top: 114px;
    left: -300px;
    width: 492px;
    height: 170px;
    z-index: 1;
    opacity: 0;
    -webkit-transition: -webkit-left  0.5s linear, -webkit-opacity 0.5s linear;
    transition:         left  0.5s linear, opacity 0.5s linear;
}
section article.recruitHRbox .bannerBox .bannerTitle.on {
    left: 20px;
    opacity: 1;
}
section article.recruitHRbox .bannerBox .moreVideo,
section article.recruitHRbox .bannerBox .moreVideo a {
    width: 66px;
    height: 66px;
}
section article.recruitHRbox .bannerBox .moreVideo {
    position: absolute;
    left: 50%;
    bottom: 10px;
    margin: 0 0 0 -33px;
    border: 1px #e71a0f solid;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #f9f9f9;
    background: -moz-linear-gradient(top,  #f9f9f9 0%, #dadada 100%);
    background: -webkit-linear-gradient(top,  #f9f9f9 0%,#dadada 100%);
    background: linear-gradient(to bottom,  #f9f9f9 0%,#dadada 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#dadada',GradientType=0 );
    z-index: 3;
}
section article.recruitHRbox .bannerBox .moreVideo a {
    display: block;
    padding: 22px 0 0 0;
    font-size: 13px;
    text-align: center;
    background: url(../images/hr/icon_recruit_arrow.png) no-repeat center 80%;
    -webkit-background-size: 20px auto;
    -o-background-size: 20px auto;
    background-size: 20px auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
section article.recruitHRbox .bannerBox .moreVideo:before {
    position: absolute;
    left: 50%;
    bottom: -100px;
    width: 0;
    height: 100px;
    margin: 0 0 0 -1px;
    border-left: 2px #e71a0f dotted;
    content: "";
}
section article.recruitHRbox .bannerBox .kvComplex {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 475px;
    background-repeat: no-repeat;
    background-position: center center
}
section article.recruitHRbox .bannerBox .kvComplex_M {
    display: none;
}
section article.recruitHRbox .videoBox {
    position: relative;
    height: 754px;
    margin: -150px 0 -50px;
    background: url(../images/hr/bg_video.png) repeat-x top center;
}
section article.recruitHRbox .videoBox .videoBoxtab {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
}
section article.recruitHRbox .videoBox .bannerTitle {
    position: absolute;
    top: 69px;
    left: 3%;
    width: 63px;
    height: 250px;
    padding: 100px 0 0 0;
    text-align: center;
    background: url(../images/hr/bg_video_title.png) no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
}
section article.recruitHRbox .videoBox .bannerTitle h3 {
    position: relative;
    font-size: 28px;
    font-weight: normal;
    line-height: 33px;
    color: #fff;
}
section article.recruitHRbox .videoBox .bannerTitle h3:before {
    position: absolute;
    left: 12px;
    top: 0;
    width: 2px;
    height: 60px;
    background-color: #e71a0f;
    content: "";
}
section article.recruitHRbox .videoBox .bannerTitle h3 > span{
    display: block;
    margin: 0;
}
section article.recruitHRbox .videoBox .videoPlayBox {
    position: relative;
    top: 190px;
    max-width: 864px;
    height: 490px;
    border: 5px #fff solid;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3);
    box-shadow: 0 0 30px rgba(0,0,0,0.3);
    background: #000;
    z-index: 3;
}
section article.recruitHRbox .hotVacaBox {
    position: relative;
    padding: 50px 0 0 0;
}
section article.recruitHRbox .hotVacaBox .hotVacaBoxComplex {
    position: relative;
    height: 476px;
    background: #d6d6d6;
    overflow: hidden;
}
section article.recruitHRbox .hotVacaBox .bannerTitle {
    position: relative;
    width: 130px;
    margin: 0 auto 30px auto;
    text-align: center;
    z-index: 1;
}
section article.recruitHRbox .hotVacaBox .bannerTitle h3 {
    position: relative;
    padding: 4px 0 0 0;
    font-size: 32px;
    line-height: 40px;
    font-weight: bold;
    color: #ab1000;
    border-top: 4px #d25346 solid;
}
section article.recruitHRbox .hotVacaBox .hotVacaList {
    position: relative;
    max-width: 812px;
    margin: 0 auto;
    z-index: 1;
}
section article.recruitHRbox .hotVacaBox .hotVacaList .vacaItem{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 188px;
    height: 188px;
    margin:  0 10px;
    padding: 35px 0 0 0;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ca9958;

    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;


}
section article.recruitHRbox .hotVacaBox .hotVacaList .vacaItem .hotVacaWrap> a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}
section article.recruitHRbox .hotVacaBox .hotVacaList .hotVacaWrap {
    text-align: center;
}
/*
section article.recruitHRbox .hotVacaBox .hotVacaList ul li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 188px;
    height: 188px;
    margin:  0 10px;
    padding: 35px 0 0 0;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ca9958;
}
section article.recruitHRbox .hotVacaBox .hotVacaList ul li > a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}
*/
section article.recruitHRbox .hotVacaBox .hotVacaList .area {
    color: #000;
    font-size: 14px;
    height: 30px;
    padding-top: 20px;
}
section article.recruitHRbox .hotVacaBox .hotVacaList .position {
    width: 150px;
    position: relative;
    display: table-cell;
    vertical-align: top;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    height: 70px;
    padding: 0 20px;
    overflow: hidden;
}
section article.recruitHRbox .hotVacaBox .hotVacaList .position:before {
    vertical-align: middle;
    width: 0;
    height: 70px;
    content: "";
}
section article.recruitHRbox .hotVacaBox .hotVacaList a.button {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 53%;
    display: block;
    color: #fff;
    font-size: 15px;
    min-width: 94px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #666;
    border: 1px #333 solid;
    text-decoration: none;
}
.editBox .btnDownBox a.button {
    display: block;
    color: #fff;
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #666;
    border: 1px #333 solid;
    text-decoration: none;
}
.editBox .btnDownBox a.button:hover,
section article.recruitHRbox .hotVacaBox .hotVacaList a.button:hover {
    background: #888;
}
section article.recruitHRbox .hotVacaBox .hotVacaList a.button img {
    top: 0;
    width: 14px;
    height: 14px;
    border: 0;
}
section article.recruitHRbox .hotVacaBox .kvComplex {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1920px;
    height: 476px;
    margin: 0 0 0 -960px;
}
section article.recruitHRbox .hotVacaBox .kvComplex_bg_m{
    display: none;
}




section article.recruitHRbox .hotVacaBox .moreVaca {
    position: relative;
    z-index: 1;
}
section article.recruitHRbox .hotVacaBox .moreVaca .button {
    position: absolute;
    right: 90px;
    top: -76px;
    display: block;
    color: #fff;
    font-size: 15px;
    min-width: 94px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #666;
    border: 1px #333 solid;
    text-decoration: none;
}
section article.recruitHRbox .hotVacaBox .moreVaca .button span.narrow {
    width: 10px;
    display: inline-block;
}
section article.recruitHRbox .hotVacaBox .moreVaca .button span.narrow img {
    vertical-align: middle;
    width: 100%;
}


section article.recruitHRbox .outstandingBox{
    position: relative;
    width: 100%;
    height: 620px;
    background-repeat: no-repeat;
    background-position: center top;
      background-size: auto 620px;
}
section article.recruitHRbox .outstandingBox .bannerTitle {
    position: absolute;
    top: 56px;
    left: 50%;
    width: 130px;
    margin: 0 0 0 -65px;
    text-align: center;
}
section article.recruitHRbox .outstandingBox .bannerTitle h3 {
    position: relative;
    padding: 4px 0 0 0;
    font-size: 32px;
    line-height: 40px;
    font-weight: bold;
    color: #ac834d;
    border-top: 4px #ac834d solid;
}
section article.recruitHRbox .outstandingBox .itemWrapBox{
    max-width: 750px;
    margin: 0 auto;
    padding: 292px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
section article.recruitHRbox .outstandingBox .itemWrapBox .item{
    position: relative;
    padding: 5px;
    width: 140px;
    height: 140px;
    background: #ca9958;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear
}
section article.recruitHRbox .outstandingBox .itemWrapBox .item:before{
    content: '';
    position: absolute;
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
    border: 1px solid #9a9a9a;
    border-radius: 50%;
    cursor: pointer;
}
section article.recruitHRbox .outstandingBox .itemWrapBox .decoLine{
   width: 130px;
   height: 130px;
   background-size: 97px 7px;
   background-position: center center;
   background-repeat: no-repeat;
}
section article.recruitHRbox .outstandingBox .itemWrapBox .decoLine:last-child{
   display: none;
}

section article.recruitHRbox .outstandingBox .itemWrapBox .item > a {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
    cursor: pointer;
}
section article.recruitHRbox .outstandingBox .itemWrapBox .item .text{
    width: 4.6em;
    height: 2.6em;
    margin: 42px auto 17px;
    overflow: hidden;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 2px;
    color: #fff;
}
section article.recruitHRbox .outstandingBox .itemWrapBox .item .gotoIcon{
    width: 30px;
    margin: 0 auto;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear
}
/* hover */
section article.recruitHRbox .outstandingBox .itemWrapBox .item:hover{
      background: #e41e1f;
}
section article.recruitHRbox .outstandingBox .itemWrapBox .item:hover:before{
    border: 1px solid #e41e1f;
}
section article.recruitHRbox .outstandingBox .itemWrapBox .item:hover .gotoIcon{
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
}



















section article.welfareHRbox .activityBox {
    position: relative;
    /*height: 646px;*/
    height: 600px;
    background: #fff url(../images/hr/bg_activity.jpg) no-repeat 50% 0;
}
section article.welfareHRbox .activityBox .bannerTitle {
    position: absolute;
    top: 88px;
    left: 50%;
    width: 130px;
    margin: 0 0 0 -65px;
    text-align: center;
}
section article.welfareHRbox .activityBox .bannerTitle h3 {
    position: relative;
    padding: 4px 0 0 0;
    font-size: 32px;
    line-height: 40px;
    font-weight: bold;
    color: #ac834d;
    border-top: 4px #ac834d solid;
}
section article.welfareHRbox .activities{
    max-width: 1088px;/*1088-820px*/
    margin: 0 auto;
}
section article.welfareHRbox .activityWrap {
    text-align: center;
}
section article.welfareHRbox .activityList {
    position: relative;
    top: 195px;
    text-align: center;
}
/*
section article.welfareHRbox .activityList ul {
    text-align: center;

}*/
section article.welfareHRbox .activityList .slickLi {
    position: relative;
    width: 252px;
    border-top: 3px #ac834d solid;
    height: 332px;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
    text-align: left;
    -webkit-box-shadow: 0 8px 15px rgba(0,0,0,0.3);
    box-shadow: 0 8px 15px rgba(0,0,0,0.3);
    background: #fff;
}
section article.welfareHRbox .activityList .slickLi .title {
    margin: 10px 0;
    padding: 0 16px;
    max-height: 46px;
    font-size: 18px;
    line-height: 22px;
    color: #282828;
    overflow: hidden;
}
section article.welfareHRbox .activityList .slickLi .title a {
    display: block;
    color: #e71a0f;
}
section article.welfareHRbox .activityList .slickLi .conBox {
    padding: 0 16px;
    margin: 0 0 10px 0;
    height: 26px;
    overflow: hidden;
}
section article.welfareHRbox .activityList .slickLi .conBox:after {
    content:"";
    display: table;
    clear: both;
}
section article.welfareHRbox .activityList .slickLi .date {
    float: right;
    font-size: 13px;
    line-height: 26px;
    color: #909090;
}
section article.welfareHRbox .activityList .slickLi .download {
    float: left;
}
section article.welfareHRbox .activityList .slickLi .download.mgLeft {
    width: 85px;
    float: right;
    text-align: center 
}
section article.welfareHRbox .activityList .slickLi .download a {
    display: block;
    padding: 5px 10px;
    background: #efe4d6;
}
/*
section article.welfareHRbox .activityList ul li:nth-child(2),
section article.welfareHRbox .activityList ul li:nth-child(4) {
    top: 40px;
}
*/
section article.welfareHRbox .activityList .slickLi .photo {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 232px;
    overflow: hidden;
}
section article.welfareHRbox .activityList .slickLi .photo:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 20px;
    content: "";
    background: url(../images/hr/bg_activity_box.png) no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    z-index: 3;
}
section article.welfareHRbox .activityList .slickLi .photo > a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
img.chro_img {
    width: 850px;
    height: auto;
}



/**
*
* learnHRbox
*
**/
section article.learnHRbox .bannerBox {
    position: relative;
    height: 548px;
    background-color: #fff;
}
section article.learnHRbox .bannerBox .kvComplex {
    position: absolute;
    width: 100%;
    height: 548px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 548px;
}
section article.learnHRbox .bannerBox .kvComplex_M {
    display: none;
}
section article.learnHRbox .bannerBox:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    content: "";
    background: url(../images/hr/bg_section.png) repeat-x;
    z-index: 3;
}
section article.learnHRbox .main {
    max-width: 1280px;
    background: none;
}
section article.learnHRbox .bannerBox .bannerTitle {
    position: absolute;
    top: 86px;
    left: 50px;
    width: 650px;
    z-index: 3;
}
section article.learnHRbox .bannerBox .bannerTitle h3,
section article.learnHRbox .bannerBox .bannerTitle h4 {
    display: table-cell;
    vertical-align: middle;
    color: #333;
    font-weight: normal;
}
section article.learnHRbox .bannerBox .bannerTitle h3 {
    font-size: 44px;
    padding: 0 10px 0 0;
}
section article.learnHRbox .bannerBox .bannerTitle h4 {
    font-size: 17px;
    line-height: 22px;
}
section article.learnHRbox .bannerBox .bannerTitle .bannerBoxComplex {
    position: relative;
    top: 20px;
    width: 560px;
    min-height: 365px;
    background: url(../images/hr/icon_learn_kv.png) no-repeat 40px bottom;
}

section article.learnHRbox .bannerBox .bannerTitle .bannerBoxComplex .boxComplex {
    position: absolute;
    max-width: 17em;
    border-left: 3px #e71a0f solid;
    background: rgba(255,255,255,.9);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
    box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}
section article.learnHRbox .bannerBox .bannerTitle .bannerBoxComplex .boxComplex1 {
    top: 10px;
    left: 190px;
    -webkit-animation: boxComplex1 linear 4s infinite;
    animation: boxComplex1 linear 4s infinite;
}
section article.learnHRbox .bannerBox .bannerTitle .bannerBoxComplex .boxComplex2 {
    top: 82px;
    left: 42px;
    -webkit-animation: boxComplex2 linear 3s infinite;
    animation: boxComplex2 linear 3s infinite;
}
section article.learnHRbox .bannerBox .bannerTitle .bannerBoxComplex .boxComplex3 {
    top: 228px;
    left: 43px;
    -webkit-animation: boxComplex3 linear 4s infinite;
    animation: boxComplex3 linear 4s infinite;
}
section article.learnHRbox .bannerBox .bannerTitle .bannerBoxComplex .boxComplex4 {
    top: 307px;
    left: 175px;
    -webkit-animation: boxComplex1 linear 4s -2s infinite;
    animation: boxComplex1 linear 4s -2s infinite;
}
section article.learnHRbox .bannerBox .bannerTitle .bannerBoxComplex .boxComplex5 {
    top: 235px;
    left: 315px;
    -webkit-animation: boxComplex2 linear 3s -2s infinite;
    animation: boxComplex2 linear 3s -2s infinite;
}
section article.learnHRbox .bannerBox .bannerTitle .bannerBoxComplex .boxComplex6 {
    top: 110px;
    left: 330px;
    -webkit-animation: boxComplex3 linear 4s -2s infinite;
    animation: boxComplex3 linear 4s -2s infinite;
}
section article.learnHRbox .bannerBox .bannerTitle .bannerBoxComplex .boxComplex .boxHd a,
section article.learnHRbox .bannerBox .bannerTitle .bannerBoxComplex .boxComplex .boxHd span {
    display: block;
    padding: 5px 15px 5px 15px;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
section article.learnHRbox .bannerBox .bannerTitle .bannerBoxComplex .boxComplex .boxHd.on a{
    padding: 5px 34px 5px 15px;
}
section article.learnHRbox .bannerBox .bannerTitle .bannerBoxComplex .boxComplex .boxHd a {
    background: url(../images/hr/bg_learnKv_open.png) no-repeat 92% center;
    -webkit-background-size: 15px auto;
    background-size: 15px auto;
}
section article.learnHRbox .bannerBox .bannerTitle .bannerBoxComplex .boxComplex.open .boxHd a {
    background: url(../images/hr/bg_learnKv_close.png) no-repeat 92% center;
    -webkit-background-size: 15px auto;
    background-size: 15px auto;
}
section article.learnHRbox .bannerBox .bannerTitle .bannerBoxComplex .boxComplex .boxBd {
    padding: 0 15px 10px 15px;
    font-size: 14px;
    line-height: 18px;
    color: #666;
    display: none;
}
section article.learnHRbox .bannerBox .bannerTitle .bannerBoxComplex .boxComplex.open .boxBd {
    display: block;
}



@-webkit-keyframes boxComplex1 {
    0%   {transform: translate(2px, 4px);}
    20%  {transform: translate(5px, 3px);}
    40%  {transform: translate(3px, 1px);}
    40%  {transform: translate(0px, 2px);}
    80%  {transform: translate(4px, 3px);}
    100% {transform: translate(2px, 4px);}
}
@keyframes boxComplex1 {
    0%   {transform: translate(2px, 4px);}
    20%  {transform: translate(5px, 3px);}
    40%  {transform: translate(3px, 1px);}
    40%  {transform: translate(0px, 2px);}
    80%  {transform: translate(4px, 3px);}
    100% {transform: translate(2px, 4px);}
}
@-webkit-keyframes boxComplex2 {
    0%   {transform: translate(-1px, -2px);}
    20%  {transform: translate(-4px, -1px);}
    40%  {transform: translate(-3px, -4px);}
    40%  {transform: translate(-2px, -1px);}
    80%  {transform: translate(-4px, -3px);}
    100% {transform: translate(-1px, -2px);}
}
@keyframes boxComplex2 {
    0%   {transform: translate(-1px, -2px);}
    20%  {transform: translate(-4px, -1px);}
    40%  {transform: translate(-3px, -4px);}
    40%  {transform: translate(-2px, -1px);}
    80%  {transform: translate(-4px, -3px);}
    100% {transform: translate(-1px, -2px);}
}
@-webkit-keyframes boxComplex3 {
    0%   {transform: translate(-5px, 5px);}
    20%  {transform: translate(-2px, 7px);}
    40%  {transform: translate(-4px, 4px);}
    40%  {transform: translate(-2px, 2px);}
    80%  {transform: translate(-1px, 5px);}
    100% {transform: translate(-5px, 5px);}
}
@keyframes boxComplex3 {
    0%   {transform: translate(-5px, 5px);}
    20%  {transform: translate(-2px, 7px);}
    40%  {transform: translate(-4px, 4px);}
    40%  {transform: translate(-2px, 2px);}
    80%  {transform: translate(-1px, 5px);}
    100% {transform: translate(-5px, 5px);}
}

section article.learnHRbox .interviewBox {
    position: relative;
    padding: 88px 0;
    background: #f2f2f2 url(../images/hr/bg_hr_menu.png) repeat-x;
}
section article.learnHRbox .interviewBox .bannerTitle {
    width: 130px;
    margin: 0 auto 40px auto;
    text-align: center;
}
section article.learnHRbox .interviewBox .bannerTitle h3 {
    padding: 4px 0 0 0;
    font-size: 32px;
    line-height: 40px;
    font-weight: bold;
    color: #333;
    border-top: 4px #999 solid;
}
section article.learnHRbox .interviewBox .stepBoxList {
    margin: 0 auto 80px auto;
    text-align: center;
}
section article.learnHRbox .interviewBox .stepBoxList .stepWidth {
    max-width: 1240px;
    margin: 0 auto;
}
section article.learnHRbox .interviewBox .stepBoxList .steps {
    position: relative;
    display: inline-block;
    max-width: 270px !important;
    height: 90px;
    margin: 0 15px;
    border: 5px #c9c9c9 solid;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
}
section article.learnHRbox .interviewBox .stepBoxList .steps:before {
    position: absolute;
    right: -46px;
    top: 30px;
    width: 46px;
    height: 40px;
    content: "";
    background: #c9c9c9;
    -webkit-transform-origin: left;
    -webkit-transform: skewY(-10deg);
    transform-origin: left;
    transform: skewY(-10deg);
}
section article.learnHRbox .interviewBox .stepBoxList .steps:last-child:before {
    display: none;
}
section article.learnHRbox .interviewBox .stepBoxList .steps > div {
    display: table-cell;
    vertical-align: middle;
    height: 90px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
section article.learnHRbox .interviewBox .stepBoxList .steps .stepBox {
    position: relative;
    width: 90px;
    padding: 5px 0 0 0;
    font-size: 20px;
    font-family: Arial;
    color: #f4b1b9;
    background: #e8415c;
}
section article.learnHRbox .interviewBox .stepBoxList .steps .stepBox:before {
    position: absolute;
    right: -8px;
    top: 38px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 8px;
    border-color: transparent transparent transparent #e8415c;
}
section article.learnHRbox .interviewBox .stepBoxList .steps .stepBox span.ste {
    width: 40px;
    line-height: 21px;
    height: 22px;
    display: inline-block;
    overflow: hidden;
}
section article.learnHRbox .interviewBox .stepBoxList .steps .stepBox span.num {
    font-size: 48px;
    font-family: Arial;
    font-style: italic;
    color: #fff;
    -webkit-text-shadow: 0 0 5px rgba(0,0,0,0.3);
    text-shadow: 0 0 5px rgba(0,0,0,0.3);
}
section article.learnHRbox .interviewBox .stepBoxList .steps .title {
    width: 180px;
    color: #333;
    font-size: 22px;
    line-height: 30px;
}

section article.learnHRbox .interviewBox .dirCusBox {
    max-width: 1280px;
}
section article.learnHRbox .interviewBox .dirCusBox:after {
    content:"";
    display: table;
    clear: both;
}
section article.learnHRbox .interviewBox .dirCusBox .directMarketBox {
    width: 50%;
    display: table-cell;
    float: left;
}
section article.learnHRbox .interviewBox .dirCusBox .customerServiceBox {
    width: 50%;
    display: table-cell;
    float: right;
}
section article.learnHRbox .interviewBox .dirCusBox .title {
    text-align: center;
    font-size: 32px;
    line-height: 40px;
    font-weight: bold;
    color: #333;
    margin: 0 0 30px 0;
}
section article.learnHRbox .interviewBox .dirCusBox .title span {
    position: relative;
    padding: 0 0 0 18px;
}
section article.learnHRbox .interviewBox .dirCusBox .title span:before {
    position: absolute;
    top: 50%;
    left: 0;
    margin: -15px 0 0 0;
    content: "";
    width: 4px;
    height: 30px;
    background: #999;
}
section article.learnHRbox .interviewBox .dirCusBox .dirCusBoxCon {
    position: relative;
    max-width: 600px;
    margin: 0 20px;
    padding: 0;
    text-align: left;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3);
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    background: #fff;
}
section article.learnHRbox .interviewBox .dirCusBox .dirCusBoxCon .photo img {
    width: 100%;
}
section article.learnHRbox .interviewBox .dirCusBox .box{
    display: table;
    width: 100%;
}
section article.learnHRbox .interviewBox .dirCusBox .dirCusBoxHd {
    font-size: 18px;
    line-height: 40px;
    min-height: 40px;
}
section article.learnHRbox .interviewBox .dirCusBox .dirCusBoxHd .box > div {
    display: table-cell;
    vertical-align: middle;
}
section article.learnHRbox .interviewBox .dirCusBox .dirCusBoxHd .label {
    font-size: 18px;
    min-width: 108px;
    width: 18%;
    color: #fff;
    text-align: center;
    background: #e8415c;
    border-bottom: 1px #d03a53 solid;
}
section article.learnHRbox .interviewBox .dirCusBox .dirCusBoxHd .con {
    font-size: 16px;
    width: 82%;
    padding: 0;
    font-weight: bold;
    border-bottom: 1px #e5e5e5 solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
section article.learnHRbox .interviewBox .dirCusBox .dirCusBoxHd .con.first {
    padding: 0 20px;
}
section article.learnHRbox .interviewBox .dirCusBox .dirCusBoxHd .con ul {
    display: table;
    table-layout: fixed;
    width: 100%;
}
/*
section article.learnHRbox .interviewBox .dirCusBox .dirCusBoxHd .con ul li:nth-child(2) {
    width: 162px;
}
section article.learnHRbox .interviewBox .dirCusBox .dirCusBoxHd .con ul li:nth-child(3) {
    width: 192px;
}*/
section article.learnHRbox .interviewBox .dirCusBox .dirCusBoxHd .con ul li {
    position: relative;
    display: table-cell;
    /*width: 168px;
    height: 66px;*/
    text-align: center;
    border-right: 1px #e5e5e5 solid;
}
section article.learnHRbox .interviewBox .dirCusBox .dirCusBoxHd .con ul li:last-child {
    border-right: 0;
}
section article.learnHRbox .interviewBox .dirCusBox .dirCusBoxHd .con ul li a {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    flex-basis: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    min-height: 66px;
    padding: 10px;
    line-height: 24px;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}
section article.learnHRbox .interviewBox .dirCusBox .dirCusBoxHd .con ul li a span {
    width: calc(100% - 2px);
}
section article.learnHRbox .interviewBox .dirCusBox .customerServiceBox .dirCusBoxHd .con ul li a.twoHeight {
    padding: 8px;
}



section article.learnHRbox .interviewBox .dirCusBox .dirCusBoxHd .con ul li:before {
    position: absolute;
    left: 50%;
    bottom: -8px;
    margin: 0 0 0 -8px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7px 0 7px;
    border-color: #666 transparent transparent transparent;
}
section article.learnHRbox .interviewBox .dirCusBox .dirCusBoxHd .con ul li:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 3px;
    content:"";
    background: #666;
}
section article.learnHRbox .interviewBox .dirCusBox .dirCusBoxHd .con ul li:before,
section article.learnHRbox .interviewBox .dirCusBox .dirCusBoxHd .con ul li:after {
    display: none;
}
section article.learnHRbox .interviewBox .dirCusBox .dirCusBoxHd .con ul li:hover {
    color: #333;
    background: #e5e5e7;
}
/*
section article.learnHRbox .interviewBox .dirCusBox .directMarketBox .dirCusBoxHd .con ul li {width: 168px;}
section article.learnHRbox .interviewBox .dirCusBox .customerServiceBox .dirCusBoxHd .con ul li {width: 252px;}
*/
section article.learnHRbox .interviewBox .dirCusBox .dirCusBoxHd .con ul li.ui-tabs-active {
    color: #e71a0f;
    background: #e5e5e7;
}
section article.learnHRbox .interviewBox .dirCusBox .dirCusBoxHd .con ul li.ui-tabs-active:before,
section article.learnHRbox .interviewBox .dirCusBox .dirCusBoxHd .con ul li.ui-tabs-active:after {
    display: block;
}
section article.learnHRbox .interviewBox .dirCusBox .dirCusBoxBd {
    font-size: 16px;
    line-height: 26px;
    padding: 20px 20px 90px;
   
}
section article.learnHRbox .interviewBox .dirCusBox .dirCusBoxBd h5 {
    position: relative;
    padding: 0 0 0 20px;
    margin: 0 0 5px 0;
    font-weight: normal;
    color: #333;
}
section article.learnHRbox .interviewBox .dirCusBox .dirCusBoxBd h5:before {
    position: absolute;
    top: 8px;
    left: 3px;
    width: 8px;
    height: 8px;
    content: "";
    background-color: #333;
}
section article.learnHRbox .interviewBox .dirCusBox .dirCusBoxBd ol {
    margin: 0 0 0 20px;
    color: #666;
    list-style-type: decimal;
}
section article.learnHRbox .interviewBox .dirCusBox .dirCusBoxBd b {
    color: #e71a0f;
    font-weight: normal;
}
section article.learnHRbox .interviewBox .dirCusBox .dirCusBoxBd .desc {
    color: #999;
    font-size: 13px;
    line-height: 15px;
}

section article.learnHRbox .interviewBox .dirCusBox .btnDirCus {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
}

section article.learnHRbox .interviewBox .dirCusBox .btnDirCus a {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: block;
    vertical-align: middle;
    text-align: center;
    line-height: 52px;
    font-size: 18px;
    color: #fff;
    background: #8b1c21;
}

section article.learnHRbox .interviewBox .dirCusBox .btnDirCus span {
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 18px;
    background: url(../images/icon/icon_backtop.png) no-repeat center;
    -webkit-background-size: 16px auto;
    background-size: 16px auto;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
/**
*
* welfareHRbox
*
**/
section article.welfareHRbox .bannerBox {
    position: relative;
    height: 450px;
    background-color: #fff;
}
section article.welfareHRbox .bannerBox:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    content: "";
    background: url(../images/hr/bg_section.png) repeat-x;
    z-index: 3;
}
section article.welfareHRbox .main {
    max-width: 1280px;
    background: none;
}
section article.welfareHRbox .bannerBox .bannerTitle {
    position: absolute;
    top: 110px;
    right: 70px;
    width: 480px;
    z-index: 1;
}
section article.welfareHRbox .bannerBox .bannerTitle h3 {
    color: #333;
    font-weight: normal;
    font-size: 28px;
    line-height: 34px;
    margin: 0 0 30px 0;
}
section article.welfareHRbox .bannerBox .bannerTitle .bannerBoxBd:after {
    content:"";
    display: table;
    clear: both;
}
section article.welfareHRbox .bannerBox .bannerTitle .bannerBoxBd > div {
    padding: 0 12px;
    border-left: 2px #ccc solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
section article.welfareHRbox .bannerBox .bannerTitle .bannerBoxBd .salaryBox {
    min-height: 166px;
    overflow: hidden;
    float: left;
    width: 50%;
}
section article.welfareHRbox .bannerBox .bannerTitle .bannerBoxBd .bonusBox {
     min-height: 166px;
    overflow: hidden;
    float: right;
    width: 50%;
}
section article.welfareHRbox .bannerBox .bannerTitle .bannerBoxBd h4 {
    color: #e71a0f;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 10px 0;
    overflow: hidden;
}
section article.welfareHRbox .bannerBox .bannerTitle .bannerBoxBd p {
    height: 6.5em;
    color: #333;
    font-size: 16px;
    line-height: 26px;
    overflow: hidden;
}
section article.welfareHRbox .bannerBox .kvComplex {
    position: absolute;
    width: 100%;
    height: 475px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 475px;
}
section article.welfareHRbox .bannerBox .kvComplex_M{
    display: none;
}
section article.welfareHRbox .welFacBox {
    position: relative;
    background: #f3f3f3 url(../images/hr/bg_hr_menu.png) repeat-x;
}
section article.welfareHRbox .welFacBg {
    min-height: 1600px;
    padding: 88px 0 0 0;
    background: url(../images/hr/bg_welfare.gif) repeat-x bottom center;
}
section article.welfareHRbox .welFacBox .bannerTitle {
    margin: 0 auto 40px auto;
    text-align: center;
}
section article.welfareHRbox .welFacBox .bannerTitle h3 {
    width: 130px;
    margin: 0 auto 40px auto;
    padding: 4px 0 0 0;
    font-size: 32px;
    line-height: 40px;
    font-weight: bold;
    color: #ac834d;
    border-top: 4px #caa778 solid;
}
section article.welfareHRbox .welFacBox .bannerTitle p {
    font-size: 20px;
    line-height: 30px;
    color: #333;
}
section article.welfareHRbox .welFacBox .facilityBoxList {
    max-width: 848px;
    margin: 0 auto;
}
section article.welfareHRbox .welFacBox .facilityBoxList ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-content: flex-start;
}
section article.welfareHRbox .welFacBox .facilityBoxList li {
    position: relative;
    display: block;
    vertical-align: top;
    max-width: 252px;
    width: calc(33.33% - 30px);
    min-height: 232px;
    padding: 15px 36px 30px 36px;
    margin: 0 15px 30px;
    border-top: 3px #aaaaaa solid;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    color: #282828;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
    box-shadow: 0 5px 10px rgba(0,0,0,0.3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
}
section article.welfareHRbox .welFacBox .facilityBoxList li .icon {
    width: 110px;
    height: 110px;
    margin: 0 auto 5px auto;
}
/*section article.welfareHRbox .welFacBox .facilityBoxList li:nth-child(1) .icon {
    background: url(../images/hr/icon_welfareFacility_1.png) no-repeat;
    -webkit-background-size: 110px auto;
    background-size: 110px auto;
}
section article.welfareHRbox .welFacBox .facilityBoxList li:nth-child(2) .icon {
    background: url(../images/hr/icon_welfareFacility_2.png) no-repeat;
    -webkit-background-size: 110px auto;
    background-size: 110px auto;
}
section article.welfareHRbox .welFacBox .facilityBoxList li:nth-child(3) .icon {
    background: url(../images/hr/icon_welfareFacility_3.png) no-repeat;
    -webkit-background-size: 110px auto;
    background-size: 110px auto;
}*/
section article.welfareHRbox .welFacBox .retireBox {
    margin: 0 auto 80px auto;
    max-width: 848px;
    
}
section article.welfareHRbox .welFacBox .retireBox .retireBoxIn{
    margin: 0 15px 30px;
    text-align: left;
    padding: 30px 36px 30px 36px;
    border-top: 3px #aaaaaa solid;
    font-size: 16px;
    line-height: 24px;
    color: #282828;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
    box-shadow: 0 5px 10px rgba(0,0,0,0.3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
}
section article.welfareHRbox .welFacBox .retireBox .retireBoxIn:last-child{
     margin: 0 15px;
}
section article.welfareHRbox .retireBox .icon {
    float: left;
    width: 110px;
    height: 110px;
    margin: 45px auto 0 10px;
}
section article.welfareHRbox .welFacBox .retireBox .retContBox {
    width: 80%;
    float: right;
}
section article.welfareHRbox .welFacBox .retireBox .retCont {
    margin-bottom: 10px;
}
section article.welfareHRbox .welFacBox .travelActiveBox {
    padding: 120px 0 120px 0;
}
section article.welfareHRbox .welFacBox .travelActiveBox.first {
    padding: 140px 0 120px 0;
}
section article.welfareHRbox .welFacBox .travelActiveBox .main {
    max-width: 1200px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
section article.welfareHRbox .welFacBox .travelActiveBox .activeBox,
section article.welfareHRbox .welFacBox .travelActiveBox .travelBox {
    background-color: #fff;
    height: 260px;
}
section article.welfareHRbox .welFacBox .travelActiveBox .activeBox .traActPhoto {
    position: relative;
    top: -65px;
    display: table-cell;
    float: left;
    width: 47%;
    max-width: 560px;
    /*height: 370px;*/
}

section article.welfareHRbox .welFacBox .travelActiveBox .travelBox .traActPhoto {
    position: relative;
    top: -65px;
    display: table-cell;
    float: right;
    width: 47%;
    max-width: 560px;
    /*height: 370px;*/
}
/*
section article.welfareHRbox .welFacBox .travelActiveBox .activeBox .traActPhoto {left: 0;}
section article.welfareHRbox .welFacBox .travelActiveBox .travelBox .traActPhoto {right: 0;}
*/
section article.welfareHRbox .welFacBox .travelActiveBox .activeBox .traActBoxBd {
    display: table-cell;
    width: 47%;
    float: right;
    max-width: 560px;
    min-height: 260px;
}
section article.welfareHRbox .welFacBox .travelActiveBox .travelBox .traActBoxBd {
    display: table-cell;
    width: 47%;
    float: left;
    max-width: 560px;
    min-height: 260px;
}
section article.welfareHRbox .welFacBox .travelActiveBox .slickUl {
    padding: 5px;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3);
    box-shadow: 0 0 30px rgba(0,0,0,0.3);
    background: #fff;
}
section article.welfareHRbox .welFacBox .travelActiveBox .traActBoxBd h3 {
    width: 130px;
    margin: 0 0 30px 0;
    padding: 4px 0 0 0;
    font-size: 32px;
    line-height: 40px;
    font-weight: bold;
    color: #ac834d;
    border-top: 4px #caa778 solid;
}
section article.welfareHRbox .welFacBox .travelActiveBox .traActBoxBd p {
    font-size: 18px;
    text-align: justify;
    line-height: 26px;
    color: #333;
}
section article.welfareHRbox .detailBoxBd {
    padding: 20px 0;
}
/**
*
* welfareHRbox
*
**/
section article.welfareHRbox .happinessBoxBox {
    position: relative;
    min-height: 640px;
    padding: 100px 0 80px 0;
    background: #f2f2f2 url(../images/hr/bg_happiness.jpg) no-repeat top center;
    -webkit-background-size: 1680px 700px;
    background-size: 1680px 700px;
    -webkit-transition: background-size .2s ease-in;
    transition: background-size .2s ease-in;
}
@media only screen 
and (min-width : 1480px) {
	section article.welfareHRbox .happinessBoxBox {
	    background: #f2f2f2 url(../images/hr/bg_happiness.jpg) no-repeat top center;
	    -webkit-background-size: 1920px 800px;
	    background-size: 1920px 800px;
	}
}
section article.welfareHRbox .happinessBoxBox:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    content: "";
    background: url(../images/hr/bg_section.png) repeat-x;
    z-index: 3;
}
section article.welfareHRbox .happinessBoxBox .bannerTitle {
    margin: 0 auto 20px auto;
    text-align: center;
}
section article.welfareHRbox .happinessBoxBox .bannerTitle h3 {
    width: 160px;
    margin: 0 auto 30px auto;
    padding: 4px 0 0 0;
    font-size: 32px;
    line-height: 40px;
    font-weight: bold;
    text-align: center;;
    color: #ac834d;
    border-top: 4px #caa778 solid;
}
section article.welfareHRbox .happinessBoxBox .bannerTitle p {
    font-size: 20px;
    line-height: 30px;
    color: #333;
}
section article.welfareHRbox .happinessBoxBox .facilityBoxList {
    margin: 0 auto 0 auto;
    text-align: center;
}
section article.welfareHRbox .happinessBoxBox .facilityBoxList ul {
    max-width: 1130px;
    margin: 0 auto;
}
section article.welfareHRbox .happinessBoxBox .facilityBoxList li {
    position: relative;
    display: block;
    float: left;
    vertical-align: top;
    width: 252px;
    height: 232px;
    padding: 15px 36px 30px 36px;
    margin: 22px 15px;
    border-top: 3px #aaaaaa solid;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    color: #282828;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
    box-shadow: 0 5px 10px rgba(0,0,0,0.3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
}
section article.welfareHRbox .happinessBoxBox .facilityBoxList li .icon {
    width: 110px;
    height: 110px;
    margin: 0 auto 5px auto;
    -webkit-background-size: 110px auto;
    background-size: 110px auto;
    background-repeat: no-repeat;
}




/*
section article.welfareHRbox .happinessBoxBox .facilityBoxList li:nth-child(1) .icon {background: url(../images/hr/icon_happiness_1.png) no-repeat;}

section article.welfareHRbox .happinessBoxBox .facilityBoxList li:nth-child(2) .icon {background: url(../images/hr/icon_happiness_2.png) no-repeat;}
section article.welfareHRbox .happinessBoxBox .facilityBoxList li:nth-child(3) .icon {background: url(../images/hr/icon_happiness_3.png) no-repeat;}
section article.welfareHRbox .happinessBoxBox .facilityBoxList li:nth-child(4) .icon {background: url(../images/hr/icon_happiness_4.png) no-repeat;}
section article.welfareHRbox .happinessBoxBox .facilityBoxList li:nth-child(5) .icon {background: url(../images/hr/icon_happiness_5.png) no-repeat;}
section article.welfareHRbox .happinessBoxBox .facilityBoxList li:nth-child(6) .icon {background: url(../images/hr/icon_happiness_6.png) no-repeat;}
section article.welfareHRbox .happinessBoxBox .facilityBoxList li:nth-child(7) .icon {background: url(../images/hr/icon_happiness_7.png) no-repeat;}
section article.welfareHRbox .happinessBoxBox .facilityBoxList li:nth-child(8) .icon {background: url(../images/hr/icon_happiness_8.png) no-repeat;}
section article.welfareHRbox .happinessBoxBox .facilityBoxList li:nth-child(1) .icon,
section article.welfareHRbox .happinessBoxBox .facilityBoxList li:nth-child(2) .icon,
section article.welfareHRbox .happinessBoxBox .facilityBoxList li:nth-child(3) .icon,
section article.welfareHRbox .happinessBoxBox .facilityBoxList li:nth-child(4) .icon,
section article.welfareHRbox .happinessBoxBox .facilityBoxList li:nth-child(5) .icon,
section article.welfareHRbox .happinessBoxBox .facilityBoxList li:nth-child(6) .icon,
section article.welfareHRbox .happinessBoxBox .facilityBoxList li:nth-child(7) .icon,
section article.welfareHRbox .happinessBoxBox .facilityBoxList li:nth-child(8) .icon {
    -webkit-background-size: 110px auto;
    background-size: 110px auto;
    background-repeat: no-repeat;
}*/
/**
*
* joinTabs
*
**/
section article.welfareHRbox .joinTabs {
    padding: 100px 0 70px 0;
}
section article.welfareHRbox .joinTabs.unit {
    position: relative;
}
section article.welfareHRbox .joinTabs.unit .bannerTitle{
    display: none;
}
section article.welfareHRbox .joinTabs > ul {
    margin: 0 0 15px 0;
    border-bottom: 2px #e71a0f solid;
}
section article.welfareHRbox .joinTabs.unit > ul {
    margin: 0 0 15px 0;
    border-bottom: 3px #c7c6c6 solid;
}
section article.welfareHRbox .joinTabs > ul li {
    position: relative;
    padding: 10px 0;
    display: inline-block;
    line-height: 20px;
    margin: 0 0 -2px 0;
}
section article.welfareHRbox .joinTabs.unit > ul li {
    margin: 0 0 -3px 0;
}
section article.welfareHRbox .joinTabs > ul li.arrow  {
    padding: 10px 20px 10px 0;
}
section article.welfareHRbox .joinTabs > ul li a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 0 20px;
    border-left: 1px #c7c6c6 solid;
}
section article.welfareHRbox .joinTabs.unit > ul li a {
    font-size: 18px;
}
section article.welfareHRbox .joinTabs > ul li:nth-child(1) a {
    border-left: 0;
}
section article.welfareHRbox .joinTabs > ul li.arrow a {
    background: url(../images/icon/icon_subtab.png) no-repeat right center;
    -moz-background-size: 16px auto;
    -webkit-background-size: 16px auto;
    -o-background-size: 16px auto;
    background-size: 16px auto;
}
section article.welfareHRbox .joinTabs.unit > ul li.ui-tabs-active {
    border-bottom: 3px #e71a0f solid;
}
section article.welfareHRbox .joinTabs > ul li.ui-tabs-active {
    border-bottom: 2px #e71a0f solid;
}
section article.welfareHRbox .joinTabs > ul li.ui-tabs-active a {
    color: #e71a0f;
}
section article.welfareHRbox .joinTabs > ul li.arrow a:hover,
section article.welfareHRbox .joinTabs > ul li.arrow.ui-tabs-active a,
section article.welfareHRbox .joinTabs > ul li.arrow.ui-tabs-active a:hover {
    background: url(../images/icon/icon_subtabHover.png) no-repeat right center;
    -moz-background-size: 16px auto;
    -webkit-background-size: 16px auto;
    -o-background-size: 16px auto;
    background-size: 16px auto;
}
section article.welfareHRbox .joinTabs > ul li.ui-tabs-active:after {
    bottom: 0;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #e71a0f;
    border-width: 8px;
    border-left-width: 10px;
    border-right-width: 10px;
    margin-left: -10px;
}
section article.welfareHRbox .joinTabs.unit > ul li.ui-tabs-active:after {
    display: none;
}
section article.welfareHRbox .joinTabs .iframeBox {
	position: relative;
    margin: 0;
    /*padding: 20px;*/
    text-align: center;
}
section article.welfareHRbox .joinTabs .iframeBox .loadingBox {
	position: absolute;
	top: 50%;
	left: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    background: url(../images/icon/loading.gif) no-repeat center;
}


/**
*
* table
*
**/
.editBox th,
.editBox td { padding: 8px 10px;font-size: 15px;}
.editBox th { color: #333; background: #f2e6d6;}
.editBox th.title,
.editBox td.title {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    word-break: break-all;
    word-wrap: break-word;
    background: #e2e2e2;
}
.editBox th.subTitle,
.editBox td.subTitle {
    color: #666;
    font-size: 15px;
    word-break: break-all;
    word-wrap: break-word;
    background: #e2e2e2;
}
.editBox th.total,
.editBox td.total {
    background: #f4f4f4;
}
.editBox th.left,
.editBox td.left   { text-align: left !important;}
.editBox th.center,
.editBox td.center { text-align: center !important;}
.editBox th.right,
.editBox td.right  { text-align: right !important;}
.editBox th.top,
.editBox td.top    { vertical-align: top !important;}
.editBox table.spectable {
    margin: 0 0 20px 0;
}
.editBox table.spectable th,
.editBox table.spectable td {
    border-bottom: 1px #e1e1e1 solid;
}
.editBox table th img,
.editBox table td img {
    border: 0;
}
.editBox table.spectable td,
.editBox table.winning td {
    word-wrap:  break-word;
    word-break: normal;
    word-break: break-all;
}
.editBox table.spectable tr:nth-child(even) {
    background: #fafafa;
}
.editBox table.posttable,
.editBox table.winning,
.editBox table.coupontable {
    margin: 20px 0 0 0;
}
article.recommendBox .detailBoxBd .editBox table.posttable.first,
.editBox table.posttable.first,
article.recommendBox .detailBoxBd .editBox table.winning.first {
    margin: 10px 0 0 0;
}
.editBox table.coupontable:first-child,
.editBox table.posttable:first-child,
.editBox table.winning:first-child,
.editBox table.data:first-child {  margin: 0;}
.editBox table.coupontable th,
.editBox table.coupontable td,
.editBox table.posttable th,
.editBox table.posttable td,
.editBox table.winning th,
.editBox table.winning td,
.editBox table.data th,
.editBox table.data td {
    padding: 10px 10px;
    text-align: center;
    vertical-align: middle;
    border: 1px #e1e1e1 solid;
}
.editBox table.posttable th:nth-child(1){
    width: 24%;
}
.editBox table.posttable th:nth-child(2){
    width: 52%;
}
.editBox table.posttable th:nth-child(3){
    width: 24%;
}
.editBox table.coupontable td:nth-child(4),
.editBox table.coupontable td:nth-child(5),
.editBox table.coupontable td:nth-child(6) {
    min-width: 90px;
}
.editBox table.coupontable tr:hover {
    background: #f3f3f3;
}
.editBox table.coupontable tr.del:hover {
    background: none;
}
.editBox table.posttable tr.del th,
.editBox table.posttable tr.del td,
.editBox table.posttable tr.del td h3,
.editBox table.coupontable tr.del th,
.editBox table.coupontable tr.del td,
.editBox table.coupontable tr.del td.firstCol,
.editBox table.coupontable tr.del td.name {
    color: #999;
}
.editBox table.posttable td .descLocation {
    display: table;
    width: 100%;
}
.editBox table.posttable td span.boxComplex {
    display: table-cell; 
    vertical-align: middle;
}
.editBox table.posttable td span.boxComplex:last-child {
    text-align: right;
}
.editBox table.coupontable tr.del td > a.delComplex {
    cursor: default;
}
.editBox table.coupontable tr.del td > a.delComplex:hover {
    color: #ab5f00;
}
.editBox table.coupontable th,
.editBox table.coupontable td {
    position: relative;
    border: 0;
    border-bottom: 1px #e1e1e1 solid;
}
.editBox table.coupontable td.firstCol {
    color: #333;
    font-weight: bold;
}
.editBox table.coupontable td.name {
    color: #333;
}

.editBox table.coupontable th.up span,
.editBox table.coupontable th.down span {
    display: inline-block;
    vertical-align: middle;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    border-width: 8px;
    border-left-width: 6px;
    border-right-width: 6px;
    margin-left: 10px;
}
.editBox table.coupontable th.up span {
    margin-top: -8px;
    border-bottom-color: #ab5f00;
}
.editBox table.coupontable th.down span {
    margin-bottom: -8px;
    border-top-color: #ab5f00;
}
.editBox table.coupontable th a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}


.editBox table td.hd {
    color: #333;
    font-weight: bold;
    background: #f8f2eb;
}
.editBox table td.hd.green { background: #f5f8eb;}
.editBox table td.hd.red { background: #faeae7;}
.editBox table td.hdBold {
    color: #333;
    font-weight: bold;
}
.editBox table.winning a { color: #333;}
.editBox table.winning a:hover { color: #e71a0f;}
.editBox table.winning td.hd a {
    display: inline-block;
    vertical-align: middle;
    overflow : hidden;
    text-overflow : ellipsis;
    white-space : nowrap;
    width: 56em;
}
.editBox table.data {
    margin: 20px 0 0 0;
}


.welFacBgComplex {
    position: relative;
    background: url(../images/hr/bg_welfare_min.gif) repeat-x bottom center;
}
.welFacBgComplex:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    content: "";
    background: url(../images/hr/bg_section.png) repeat-x;
    z-index: 3;
}

/** locationBox **/
.locationBox {
    max-width: 1280px;
    margin: 0 auto;
}
.locationBox .singleColumn {
    margin: 0;
    padding: 15px 40px 20px;
}
.locationBox .textBox {
    padding: 160px 0 0 0;
    text-align: center;
}
.locationBox article.proDetailBox .detailBoxBd {
    padding: 30px;
    min-height: 500px;
}
.locationBox table {
    border-bottom: 1px #e1e1e1 solid;
}
.locationBox table td { height: 40px;}
/*
.locationBox table tr.infoBox { cursor: pointer; }
*/
.locationBox table tr.infoBox:hover { background: #f3f3f3;}
.locationBox table tr.infoBox td:last-child {cursor: pointer;}
.locationBox table .btn_pin {
    width: 22px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}
.locationBox table .btn_pin a {
    display: block;
}

.locationBox table .distance {
    width: 105px;
    display: inline-block;
    vertical-align: middle;
}
/*
.locationBox table tr.infoBox.on {
    background: #f3f3f3;
}
*/
.locationBox table tr.mapBox td {
    padding: 0;
    line-height: normal;
    height: 0;
    /*overflow: hidden;*/
    border: 0;
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s;
}
.locationBox table td .googlemapBox {
    position: relative;
}
.locationBox table tr.mapBox.on td { 
    height: 490px;
    border: 1px solid #e1e1e1;
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s;
}
.locationBox table tr.mapBox .mapContent  {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s;
}
.locationBox table tr.mapBox.on .mapContent {
    height: 490px;
    overflow: inherit;
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s;
}
.locationBox table tr.mapBox .topArrows {
    position: relative;
    width: 100%;
    height: 3px;
    background: #d1d1d1;
    display: none;
}
.locationBox table tr.mapBox.on .topArrows {
    display: block;
}
.locationBox table tr.mapBox .topArrows .aw {
    position: absolute;
    top: -28px;
    right: 80px;
    width: 20px;
    height: 20px;
}
.locationBox table tr.mapBox .topArrows .aw > span {
    width: 0;
    height: 0; 
    overflow: hidden;
}
.locationBox table tr.mapBox .topArrows .aw > span:after {
    content: "";
    /*display: block;*/
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #d1d1d1;
}

/* lightBox常見問題
*----------------------------------------------------------------------------*/
.lightBoxwrap_QA {
    width: 100%;
    max-width: 1200px;
    color: #e0e0e0;
    font-family: Arial, "Heiti TC", 'Microsoft JhengHei', Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.2em;
    margin: 0;
    padding: 0;
    text-align: left;
    -webkit-text-size-adjust: none;
    background: url(../images/events/plan_txt_BG.JPG) repeat-y;
    background-size: 100% auto;
}
.lightBoxwrap_QA h2 {
    font-size: 24px;
    line-height: 30px;
    color: #fdf3b1;
    font-weight: lighter;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0.67em;
}
.lightBoxwrap_QA h3 {
    font-size: 22px;
    line-height: 28px;
    color: #e4d08e;
    font-weight: normal;
}
.lightBoxwrap_QA p {
    color: #cfcfcf;
    font-weight: lighter;
    line-height: 1.8em;
    -webkit-margin-before: 0.5em;
     -webkit-margin-after: 1.2em;
}
.lightBoxwrap_QA .txt {
    padding: 5%;
    background: url(../images/events/plan_page2.JPG); 
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.lightBoxwrap_QA .txtInner {
    max-width: 850px;
    margin: 0 auto;
    padding-bottom: 3%;
}
.lightBoxwrap_QA .section {
    margin-bottom: 5%;
}
.lightBoxwrap_QA .photoInner, .txtInner {
    position: relative;
}
.lightBoxwrap_QA .pdLeft span {
    display: block;
    margin-bottom: 3%;
}
.lightBoxwrap_QA table {
    border-collapse:collapse
}
.lightBoxwrap_QA th, .lightBoxwrap_QA td {
    border:1px solid #aaa}
.lightBoxwrap_QA tr td {
    padding: 5px;
    text-align: center
}



/*-----------------------------------------------------------------------------
Slider jQuery Plugin
-----------------------------------------------------------------------------*/
.slick-slider { position: relative; display: block;-moz-box-sizing: border-box; box-sizing: border-box;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus { outline: none;}
.slick-list.dragging { cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track { position: relative; top: 0; left: 0; display: block; margin: 0px auto;}
.hotVacaWrap .slick-track { position: relative; top: 0; left: 0; display: block; margin: 10px auto;}
.slick-track:before,.slick-track:after { display: table; content: '';}
.slick-track:after { clear: both;}
.slick-loading .slick-track { visibility: hidden;}
.slick-slide { display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide { float: right;}
.slick-slide img { display: block;width:100%;}
.slick-slide.slick-loading img { display: none;}
.slick-slide.dragging img { pointer-events: none;}
.slick-initialized .slick-slide { display: block;}
.slick-loading .slick-slide { visibility: hidden;}
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}
.slick-slider .slick-prev,
.slick-slider .slick-next { position: absolute; top: 50%; display: block; width: 54px; height: 74px;text-indent: -100000px; margin-top: -35px; cursor: pointer; border: none; outline: none; z-index: 9;}
.slick-slider .slick-prev { left: -50px; background: url(../images/icon/icon_slickprev.png) no-repeat center;background-size: 50% auto;}
.slick-slider .slick-next { right: -50px; background: url(../images/icon/icon_slicknext.png) no-repeat center;background-size: 50% auto;}
.slick-prev.slick-disabled, .slick-next.slick-disabled {
    opacity: .25;
    cursor: default;
}
/*
.slick-slider .slick-prev:hover,
.slick-slider .slick-next:hover { background-color: #999;}
*/
.slick-slider { margin-bottom: 30px;}
.slick-dots { position: absolute; bottom: -30px;left: 0;right: 0; display: block; width: 100%; list-style: none; text-align: center;}
.slick-dots li{ position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 5px;}
.slick-dots li button { font-size: 0; display: block; width: 10px; height: 10px; padding: 0; cursor: pointer; border: 0; outline: none; background: #c1c1c1;border: 1px #fff solid;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;-webkit-box-shadow: 0 0 1px rgba(255,255,255,0.7);-moz-box-shadow: 0 0 1px rgba(255,255,255,0.7);box-shadow: 0 0 1px rgba(255,255,255,0.7);}
.slick-dots li button:hover,
.slick-dots li button:focus,
.slick-dots li.slick-active button { background: #666;}


.vacaItem.slick-center {
    -moz-transform: scale(1.15) !important;
    -ms-transform: scale(1.15)!important;
    -o-transform: scale(1.15)!important;
    -webkit-transform: scale(1.15)!important;
    transform: scale(1.15)!important;
    background-color: #b38344 !important;
}


.slick-no-slide .slick-track {
    width: 100% !important;
    text-align: center;
}

.slick-no-slide .slick-slide {
    float: none;
    display: inline-block;
}




/*-----------------------------------------------------------------------------
Featherlight jQuery Plugin
-----------------------------------------------------------------------------*/
@media all {
.featherlight {display: none;position: fixed;top: 0; right: 0; bottom: 0; left: 0;z-index: 2147483647;text-align: center;white-space: nowrap;cursor: pointer;background: #333;background: rgba(0, 0, 0, 0);}
.featherlight:last-of-type {background: rgba(0, 0, 0, 0.6);}
.featherlight:before {content: '';display: inline-block;    height: 100%;vertical-align: middle;margin-right: -0.25em;}
.featherlight .featherlight-content {position: relative;text-align: left;vertical-align: middle;display: inline-block;overflow: auto;overflow-x: hidden;border: 1px #dfdfdf solid;border-bottom: 6px #dfdfdf solid;margin-left: 5%;margin-right: 5%;max-height: 95%;background: #fff;cursor: auto;white-space: normal;}
.featherlight .featherlight-inner {display: block;}
.featherlight .featherlight-close-icon {position: absolute;z-index: 9999;top: 6px;right: 6px;line-height: 36px;width: 36px;cursor: pointer;/*font-size: 0;*/ text-indent: -100000px; background: url(../images/icon/icon_close.png) no-repeat;-webkit-background-size: 36px auto;-o-background-size: 36px auto;background-size: 36px auto;}
.featherlight .featherlight-close-icon:hover {background: url(../images/icon/icon_close_bk.png) no-repeat;-webkit-background-size: 36px auto;-o-background-size: 36px auto;background-size: 36px auto; filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8;}
/*.featherlight .featherlight-image {width: 100%;}*/
.featherlight .featherlight-image {padding: 30px; max-width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.featherlight-iframe .featherlight-content {border-bottom: 0;padding: 0;}
.featherlight iframe {border: none;}
}
@media only screen and (max-width: 1024px) {.featherlight .featherlight-content {   margin-left: 10px;margin-right: 10px;max-height: 98%;padding: 10px 10px 0;border-bottom: 10px solid transparent;}}
/**
*
* lightboxComplex 
*
**/
/*
.lightboxComplex { display: none;}*/
.lightboxComplex .lightBox { max-width: 500px;}
.lightboxComplex .lightBox.w550 { max-width: 550px;}
.lightboxComplex .lightBox.w600 { max-width: 600px;}
.lightboxComplex .lightBox.w900 { max-width: 900px;}
.lightboxComplex .lightBox img { width: 100%;}
.lightboxComplex .lightBox.wAuto { width: auto;}
.lightboxComplex .lightBox .lightConBox { display: table; width: 100%; min-height: 320px; padding: 25px; text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.lightboxComplex .lightBox .lightConBox > span.vertical { width: 1px; height: 100%; display: table-cell; vertical-align: middle;}
.lightboxComplex .lightBox .lightConBox .editBox { display: table-cell; vertical-align: middle;}
.lightboxComplex .editBox * { font-size: 15px; color: #333; line-height: 1.6em;}
.lightboxComplex .editBox img { width: 100%; }
.lightboxComplex .editBox b { color: #e71a0f; font-weight: normal;}
.lightboxComplex .editBox h3 b { font-size: 18px; color: #e71a0f; font-weight: bold;}
.lightboxComplex .editBox strong { color: #ab5f00; font-weight: bold;}
.lightboxComplex .editBox .title { margin: -10px -25px 30px -25px; padding: 0 35px 10px 25px; text-align: center; border-bottom: 1px #e1e1e1 solid;}
.lightboxComplex .editBox .codeComplex { margin: 0 0 20px 0;}
.lightboxComplex .lightBox .textAlignLeft { text-align: left;}
.lightboxComplex .lightBox .textAlignCenter { text-align: center;}
.lightboxComplex .editBox .codeComplex img { vertical-align: bottom;}
.lightboxComplex .editBox .codeComplex img:first-child { margin: 0 20px 0 0;}
.lightboxComplex .editBox .btnDownBox { margin: 15px 0 0 0;text-align: center;}
.lightboxComplex .editBox .btnDownBox .box { width: 100px; display: inline-block;}
.lightboxComplex .editBox .btnDownBox a.button { font-size: 13px; height: 35px; line-height: 35px;}
.lightboxComplex .editBox .gameBox { margin: 20px 0; text-align: center;}
.lightboxComplex .descRiption.editBox img,
.lightboxComplex .editBox .gameBox img { border: 0;}
.lightboxComplex .editBox p > a { color: #ab5f00;}
/**
*
* lightboxComplex Gallery
*
**/
.featherlight-next,.featherlight-previous {
    position: absolute;
    top: 50%;
    display: block;
    width: 54px;
    height: 74px;
    text-indent: -100000px;
    margin-top: -35px;
    cursor: pointer;
    border: none;
    outline: none;
    z-index: 9;
}
.featherlight-previous {left: 12px;background: url(../images/icon/icon_slickprev.png) no-repeat center;}
.featherlight-next{right: 12px;background: url(../images/icon/icon_slicknext.png) no-repeat center;}
.featherlight-next:hover,.featherlight-previous:hover {background-color: #999;}
/* Hide navigation while loading */
.featherlight-loading .featherlight-previous, .featherlight-loading .featherlight-next {
    display:none;
}
/**
*
* fancybox
*
**/
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding: 0;margin: 0;border: 0;outline: none;vertical-align: top;}
.fancybox-wrap {position: absolute;top: 0;left: 0; z-index: 8020;}
.fancybox-skin {position: relative;display: block;width: 100%;padding: 6px !important;background: #fff;text-align: center;border: 1px #dfdfdf solid;border-bottom: 6px #dfdfdf solid;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.fancybox-opened {z-index: 8030;}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {color: #444;font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0;padding: 15px;white-space: nowrap;}
.fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;}
.fancybox-image {max-width: 100%;max-height: 100%;}
.fancybox-close {position: absolute;z-index: 9999;top: 10px;right: 5px;line-height: 36px;width: 36px;height: 36px;cursor: pointer;text-indent: -100000px;background: #fff url(../images/icon/icon_close.png) no-repeat;-webkit-background-size: 85% auto;-o-background-size: 85% auto;background-size: 85% auto;}
.fancybox-nav {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;text-decoration: none;z-index: 8040;}
.fancybox-prev {left: 0;}
.fancybox-next {right: 0;}
.fancybox-nav span {position: absolute;top: 50%;display: block;width: 54px;height: 74px;text-indent: -100000px;margin-top: -35px;cursor: pointer;border: none;outline: none;z-index: 9;}
.fancybox-prev span {left: -26px;background: url(../images/icon/icon_slickprev.png) no-repeat center;background-size: 49% auto;}
.fancybox-next span {right: -26px;background: url(../images/icon/icon_slicknext.png) no-repeat center;background-size: 50% auto;}
.fancybox-nav:hover span {background-color: transparent;visibility: visible;}
.fancybox-tmp {position: absolute;top: -99999px;left: -99999px;visibility: hidden;max-width: 99999px;max-height: 99999px;overflow: visible !important;}
#fancybox-thumbs ul li {margin: 0 3px;}
/* Overlay helper */
.fancybox-lock {overflow: hidden !important;width: auto;}
.fancybox-lock body {overflow: hidden !important;}
.fancybox-lock-test {overflow-y: hidden !important;}
.fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 8010;background: url('../images/icon/fancybox_overlay.png');}
.fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;}
/*
.fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;}*/
.fancybox-lock .fancybox-overlay {overflow: hidden;}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
/*The size of the normal image, half the size of the hi-res image*/
}
}

#fancybox-thumbs {position: fixed;width: 100%;z-index: 8050;text-align: center;}
#fancybox-thumbs.bottom {bottom: 55px;}
#fancybox-thumbs.top {top: 2px;}
#fancybox-thumbs ul {width: auto !important;width: initial !important;left: inherit !important;position: relative !important;list-style: none;margin: 0;padding: 0;}
#fancybox-thumbs ul li {display: inline-block;padding: 1px;}
#fancybox-thumbs ul li:focus a,#fancybox-thumbs ul li:hover a, #fancybox-thumbs ul li.active a {background: #666;}
#fancybox-thumbs ul li a {display: block;position: relative;overflow: hidden;outline: none;width: 8px !important; height: 8px !important; padding: 0; cursor: pointer; border: 0; outline: none; background: #c1c1c1;border: 1px #fff solid;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-box-shadow: 0 0 1px rgba(255,255,255,0.7);-moz-box-shadow: 0 0 1px rgba(255,255,255,0.7);box-shadow: 0 0 1px rgba(255,255,255,0.7);}
#fancybox-thumbs ul li img {display: block;position: relative;border: 0;padding: 0;max-width: none;}

/*-----------------------------------------------------------------------------
media
-----------------------------------------------------------------------------*/
/**
*
* iPads
*
**/
@media only screen
and (min-device-width : 320px) 
and (max-device-width : 1024px) {
    



}
/*-----------------------------------------------------------------------------
Animate.css Version - 3.4.0
-----------------------------------------------------------------------------*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.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:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.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:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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 shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{11.1%,from,to{-webkit-transform:none;transform:none}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(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{11.1%,from,to{-webkit-transform:none;transform:none}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(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.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:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.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:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.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)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-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);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-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);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-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-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-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}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{from{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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{from{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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{from{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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{from{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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-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);-webkit-transform-origin:left center;transform-origin:left center}}@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);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-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);-webkit-transform-origin:right center;transform-origin:right center}}@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);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px);}
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px);}
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
}
body:after {display: none; content: "large";}
@media only screen and (min-width : 768px) {
    body:after {display: none; content: "large";}
}
@media only screen and (max-width : 767px) {
    body:after {display: none; content: "smail";}
}