﻿@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;}
body .eservice_content_hyt a{  color: #ab5f00;  text-decoration: underline;}
body .eservice_content_hyt .questionarea a{  color: #333;  text-decoration: none;}
body .eservice_content_hyt .tabContLister a{  color: #333;  text-decoration: none;}
body .eservice_content_hyt .tabContLister .eservice-button a{  color: #ffffff;  text-decoration: none;}
body .eservice_content_hyt .tabContLister .eservice-button.small2 a{  color: #313131;  text-decoration: none;}
body .eservice_content_hyt .questionarea div.editBoxcont a{  color: #ab5f00;  text-decoration: underline; display: inline;}
body .eservice_content_hyt .questionarea a.button-normal{  background: #666;  color: #ffffff;  text-decoration: none;}
body .eservice_content_hyt .questionarea a.button-normal:hover{   background: #888;  color: #ffffff;  text-decoration: none;}
body .eservice_content_hyt .questionarea a.morelink {  color: #ab5f00;  text-decoration: underline;}
body .eservice_content_hyt .questionarea a.morelink:hover {  color: #e71a0f;  text-decoration: none;}
body .eservice_content_hyt a:hover{color:#e71a0f; text-decoration: none;}
body .eservice_content_hyt a:active{color:#e71a0f; text-decoration: none;}
body .eservice_content_hyt .flowchartarea a{text-decoration: none;}
body .eservice_content_hyt .flowchartarea a:hover{text-decoration: none;}
body .eservice_content_hyt .goldblockarea a:hover{text-decoration: none;}
body .eservice_content_hyt .loginaccountselect a{text-decoration: none;}
body .eservice_content_hyt .loginaccountselect a:hover{text-decoration: none;}
body .eservice_content_hyt .productlistbox a{text-decoration: none;}
body .eservice_content_hyt .productlistbox a:hover{text-decoration: none;}
body .eservice_content_hyt .eservice-button a{text-decoration: none;}
body .eservice_content_hyt .eservice-button a:hover{text-decoration: none; color:#FFF;}
body .eservice_content_hyt .eservicenote-button a{text-decoration: none;}
body .eservice_content_hyt .eservicenote-button a:hover{text-decoration: none; color: #552400;}
body .eservice_content_hyt .selectboxit-option-anchor{text-decoration: none}
body .eservice_content_hyt .tab-btn-item a{text-decoration: none}
body .eservice_content_hyt .tabContLister a.goldlink{  color: #ab5f00;  text-decoration: none;}
loginaccountselect
/**
*
* 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;}
/**
*
* 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;*/}
/**
*
* 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
*
**/
.ht10  { height: 10px;}
.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;}
/*
fieldset input[type=text],
fieldset input[type=email],
fieldset input[type=password],
fieldset textarea {
	padding: 0;
	margin: 0 -1px;
	height: 64px;
	line-height: 64px;
	font-size: 15px;
	text-indent: 10px;
	vertical-align: middle;
	color: #000;
	background: #fff;
	border: 1px solid #dcdcdc;
}
fieldset textarea {
	height: auto;
	padding: 8px 0;
}
fieldset input[type=reset],
fieldset input[type=submit],
fieldset input[type=button] {
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
	line-height: 62px;
	vertical-align: middle;
    border: 0;
    cursor: pointer;
    background: #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
fieldset .btnBox input.green { background: #b9b9b9;}
section article.personalBox .memberPersonal fieldset input[type=button] {
    margin: 0 0 0 10px;
    max-width: 120px;
    font-size: 14px;
	line-height: 30px;
}
*/
/**
*
* img
*
**/
img { 
    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;
}
/* wrapper
*----------------------------------------------------------------------------*/
#wrapper {
    position: relative;
    width: 100%;
	margin: 0 auto;
    padding: 0;
    /*overflow: hidden;*/
}
.wrapperPage{
    /*min-width: 1024px;*/
    min-width: 1000px;
}
/* .wrapperPage, */
/* .wrapperPage header  */
/* { */
/*     min-width: 1024px; */
/*     min-width: 1000px; */
/* } */
/* .wrapperPage footer { */
/*     padding: 30px 0; */
/*     min-width: 1280px; */
/* } */
.main { position: relative; margin: 0 auto;}
.wrapperPage section { min-width: 1280px; overflow: hidden;}
.wrapperPage section .main { padding: 30px 0 30px 0;}
.wrapperPage section .main.topNoPadding { padding: 0 0 30px 0;}
.wrapperPage section .main.downNoPadding { padding: 30px 0 0 0;}
.wrapperPage section .main.noPadding { padding: 0;}
.wrapperPage section .main.top10downNo { padding: 10px 0 0 0;}
.wrapperPage section .main.top10 { padding: 10px 0 30px 0;}
.wrapperPage section .main.top15downNo { padding: 15px 0 0 0;}
.wrapperPage section .main.top15 { padding: 15px 0 30px 0;}
.wrapperPage article.crumbBox {	display: block;}
/* header
*----------------------------------------------------------------------------*/
/* header { */
/*     position: fixed; */
/*     top: 0; */
/*     left: 0; */
/*     width: 100%; */
/*     height: auto; */
/*     z-index: 20; */
/* 	-webkit-box-shadow: 0 0 5px 1px rgba(150,150,150,0.2); */
/* 	-moz-box-shadow: 0 0 5px 1px rgba(150,150,150,0.2); */
/* 	box-shadow: 0 0 5px 1px rgba(150,150,150,0.2); */
/* 	-webkit-transition: top 0.5s; */
/* 	-moz-transition: top 0.5s; */
/* 	-o-transition: top 0.5s; */
/* 	transition: top 0.5s; */
/* } */
/* header.minSize { top: -54px;} */
/* header.maxSize { top: -24px;} */
/* #wrapper.adSize header.minSize { top: -114px;} */
/* #wrapper.adSize header.maxSize { top: -84px;} */
/* header .main { */
/*     max-width: 1280px; */
/* } */
/* header .topbar { */
/*     height: 24px; */
/*     background: #8e8e8e; */
/* } */
/* header .topbar a { */
/*     display: table-cell; */
/*     padding: 0 30px; */
/*     line-height: 24px; */
/*     font-size: 12px; */
/*     color: #fff; */
/*     border-left: 1px #7e7e7e solid; */
/* } */
/* header .topbar a:hover { */
/*     background: #b4b4b4; */
/* } */
/* header .topbar a:last-child { */
/*     border-left: 1px #7e7e7e solid; */
/*     border-right: 1px #7e7e7e solid; */
/* } */
/* header .topbar a:hover { */
/*     color: #e71a0f; */
/* } */
/* header .memberbar { */
/*     text-align: right; */
/*     height: 30px; */
/*     background: #f4f4f4; */
/* } */
/* header .memberbar a, */
/* header .memberbar span, */
/* header .memberbar .login, */
/* header .memberbar .logout { */
/* 	display: inline-block;  */
/* 	vertical-align: top; */
/* 	color: #666; */
/*     font-size: 13px; */
/* } */
/* header .memberbar a { */
/*     position: relative; */
/*     top: 6px; */
/*     line-height: 18px; */
/*     border-right: 1px #d4c8b9 solid; */
/*     padding: 0 15px; */
/* 	color: #333; */
/*     font-weight: bold; */
/* } */
/* header .memberbar a:hover, */
/* header .memberbar a:hover.retail { */
/* 	color: #e71a0f; */
/* } */
/* header .memberbar a:last-child { */
/*     border-right: 0; */
/* } */
/* header .memberbar a.retail { */
/*     color: #333; */
/*     font-weight: bold; */
/*     padding: 0 15px 0 36px; */
/* 	background: url(../images/icon/icon_retail.png) no-repeat 15px 0px; */
/* 	-moz-background-size: 17px auto; */
/* 	-webkit-background-size: 17px auto; */
/* 	-o-background-size: 17px auto; */
/* 	background-size: 17px auto; */
/* } */
/* header .memberbar a:hover.retail { */
/*     background-image: url(../images/icon/icon_retailHover.png); */
/* } */
/* header .memberbar .login, */
/* header .memberbar .logout { */
/*     background: #e4e4e4; */
/* } */
/* header .memberbar .login a, */
/* header .memberbar .logout a { */
/* 	color: #333; */
/* 	font-weight: bold; */
/*     top: auto; */
/*     line-height: 30px; */
/*     padding: 0 15px 0 37px; */
/*     border-right: 0; */
/* 	-moz-background-size: 17px auto; */
/* 	-webkit-background-size: 17px auto; */
/* 	-o-background-size: 17px auto; */
/* 	background-size: 17px auto; */
/* } */
/* header .memberbar .login a:hover { */
/*     color: #e71a0f; */
/*     background-image: url(../images/icon/icon_memberHover.png); */
/* 	background-color: #cfcfcf; */
/* } */
/* header .memberbar .logout a { */
/* 	-moz-background-size: 17px auto; */
/* 	-webkit-background-size: 17px auto; */
/* 	-o-background-size: 17px auto; */
/* 	background-size: 17px auto; */
/* } */
/* header .memberbar .logout a:hover { */
/*     color: #e71a0f; */
/* 	background-color: #cfcfcf; */
/* } */


/* header .navbar { */
/*     position: relative; */
/*     height: 64px; */
/*     background: #fff; */
/*     z-index: 10; */
/* } */
/* header .navbar .redBg { */
/*     position: absolute; */
/*     top: 0; */
/*     right: 0; */
/*     left: 54%; */
/*     height: 64px; */
/* 	background: #e71a0f; */
/* 	overflow: hidden; */
/* } */
/* header .navbar .redBg:after { */
/*     position: absolute; */
/*     top: -1px; */
/*     left: -1px; */
/* 	content:" "; */
/*     border-color: #fff transparent transparent transparent; */
/*     border-style: solid solid solid solid; */
/*     border-width: 82px 92px 0px 0px; */
/*     height: 0px; */
/*     width: 0px; */
/* } */
/* header .navbar .logo { */
/*     position: absolute; */
/*     top: 12px; */
/*     left: 0; */
/*     width: 112px; */
/*     height: 40px; */
/* } */
/* header .navbar .logo a { */
/*     display: block; */
/* } */
/* header .navbar .logo img { */
/*     width: 100%; */
/*     max-width: 112px; */
/* 	/*-webkit-transition: all .3s; */
/* 	-moz-transition: all .3s; */
/* 	-o-transition: all .3s; */
/* 	transition: all .3s;*/ */
/* } */
/* header .navbar .logo a:hover img { */
/* 	/*-webkit-transition: all .5s; */
/* 	-moz-transition: all .5s; */
/* 	-o-transition: all .5s; */
/* 	transition: all .5s; */
/*     -webkit-transform:scale(1.05); */
/*     -moz-transform:scale(1.05); */
/*     -ms-transform:scale(1.05); */
/*     -o-transform:scale(1.05); */
/*      transform:scale(1.05);*/ */
/* } */
/* header .navbar nav { */
/*     position: absolute; */
/*     top: 0; */
/*     left: 190px; */
/*     width: 35%; */
/*     z-index: 1; */
/* } */
/* header .navbar nav ul li { */
/*     position: relative; */
/*     float: left; */
/*     width: 28%; */
/*     margin: 0 2%; */
/*     text-align: center; */
/* } */
/* header .navbar nav ul li a { */
/*     display: block; */
/*     font-size: 20px; */
/*     line-height: 64px; */
/* 	white-space: nowrap; */
/* } */
/* header .navbar nav ul li.navUnit > a { */
/*     padding: 0 14px 0 0; */
/* } */
/* header .navbar nav ul li#navUnit_1 { */
/*     width: 32%; */
/*     margin: 0 2%; */
/* } */
/* header .navbar nav ul li#navUnit_1 > a { */
/*     padding: 0 14% 0 2%; */
/* } */
/* header .navbar nav > ul > li:hover > a, */
/* header .navbar nav ul li.current > a { */
/*     color: #e71a0f; */
/* } */
/* header .navbar nav ul li.navUnit > a:after { */
/* 	content: ""; */
/* 	top: 0; */
/* 	left: 0; */
/* 	bottom: 0; */
/* 	right: 10px; */
/* 	position: absolute; */
/* 	z-index: -1;   */
/* 	/*background: url(../images/icon/icon_subtab.png) no-repeat right center; */
/*     background-size: 16px auto;*/ */
/* } */
/* header .navbar nav ul li.navUnit:not(.current):hover > a:after { */
/* 	background: url(../images/icon/icon_subtabHover.png) no-repeat right center; */
/*     background-size: 16px auto; */
/* } */

/* header .navbar nav ul li.active > a:after { */
/* 	background: url(../images/icon/icon_subtab.png) no-repeat right center; */
/*     background-size: 16px auto; */
/* } */
/* header .navbar nav ul li.active:not(.current):hover > a:after { */
/* 	background: url(../images/icon/icon_subtabHover.png) no-repeat right center; */
/*     background-size: 16px auto; */
/* } */
/* header .navbar nav ul li.current > a:after { */
/* 	background: url(../images/icon/icon_subtabHover.png) no-repeat left center transparent; */
/*     background-size: 16px auto; */
/*     transform:rotate(180deg); */
/* 	-webkit-transform: rotate(180deg); */
/* 	-moz-transform: rotate(180deg); */
/* 	-o-transform: rotate(180deg); */
/* } */
/* header .navbar nav ul li > a { font-weight: bold;} */
/* header .subnav .main ul li > a { font-weight: normal;} */
/* header .navbar nav > ul > li:hover:after, */
/* header .navbar nav > ul > li.active:after, */
/* header .navbar nav > ul > li.current:after { */
/*     position: absolute; */
/*     bottom: 0; */
/*     left: 0; */
/* 	content:""; */
/* 	width: 100%; */
/* 	height: 3px; */
/* 	background: #ef3123; */
/* } */

/* header .navbar .toolsComplex { */
/*     position: absolute; */
/*     top: 6px; */
/*     right: 0; */
/*     z-index: 1; */
/* } */
/* header .navbar .toolsComplex > a { */
/*     display: inline-block; */
/*     vertical-align: middle; */
/*     text-align: center; */
/*     padding: 36px 0 0 0; */
/*     margin: 0 5px; */
/*     color: #fff; */
/*     font-size: 11px; */
/* } */
/* header .navbar .toolsComplex > a:hover { */
/*     color: #c4c4c4; */
/* } */
/* header .navbar .toolsComplex a.msgComplex       { background: url(../images/icon/icon_msg.gif) no-repeat center top;} */
/* header .navbar .toolsComplex a:hover.msgComplex { background: url(../images/icon/icon_msgHover.gif) no-repeat center top;} */
/* header .navbar .toolsComplex a.qaComplex        { background: url(../images/icon/icon_qa.gif) no-repeat center top; margin: 0 22px 0 5px;} */
/* header .navbar .toolsComplex a:hover.qaComplex  { background: url(../images/icon/icon_qaHover.gif) no-repeat center top;} */
/* header .navbar .toolsComplex a.msgComplex, */
/* header .navbar .toolsComplex a:hover.msgComplex, */
/* header .navbar .toolsComplex a.qaComplex, */
/* header .navbar .toolsComplex a:hover.qaComplex { */
/* 	-moz-background-size: 36px auto; */
/* 	-webkit-background-size: 36px auto; */
/* 	-o-background-size: 36px auto; */
/* 	background-size: 36px auto; */
/* } */
/* header .navbar .search { */
/*     display: inline-block; */
/*     vertical-align: middle; */
/*     width: 275px; */
/*     background: #fff; */
/*     z-index: 1; */
/* } */
/* header .navbar .search { */
/*     display: inline-block; */
/*     vertical-align: middle; */
/*     width: 216px; */
/*     background: #fff; */
/*     z-index: 1; */
/* } */
/* header .navbar .navMobile, */
/* header .menuMobile { */
/*     display: none; */
/* } */
/* nav
*----------------------------------------------------------------------------*/
.menuMask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    display: none;
    z-index: 2;
}
/*---------------------------------------------------------------------------*/
/* 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 .selectboxit-container {float: left; width:30%;max-width: 90px;font-size: 13px;}
.searchrevampbox .selectboxit-container * {font-size: 13px;font-family: 'Microsoft JhengHei', Helvetica, Arial, sans-serif;}
.searchrevampbox .selectboxit-container span {height: 29px;line-height: 29px;display: block;}
.searchrevampbox .selectboxit-btn {border: 0;}
.searchrevampbox .selectboxit-default-arrow { display: none;}
.searchrevampbox .selectboxit-arrow-container {background: url(../images/search/icon_selectArrow.png) no-repeat center;-moz-background-size: 12px auto;-webkit-background-size: 12px auto;-o-background-size: 12px auto;background-size: 12px auto;}
.searchrevampbox .selectboxit-option {text-indent: 2px;font-weight: normal;}
*/
.searchrevampbox .searchbox .schtags { position: relative; float: left; width: 162px;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;}
.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;}
.searchrevampbox .searchbox ul.schcon li.selected a,
.searchrevampbox .searchbox ul.schcon li a:hover { color: #333; background: #dddddd;}
/* header .navbar .search .hot_key { display: none;} */
/* header .subnav { */
/*     position: fixed; */
/*     top: 118px; */
/*     left: 0; */
/*     right: 0; */
/*     width: 100%; */
/*     border-top: 1px #dcdcdb solid; */
/*     border-bottom: 1px #dcdcdb solid; */
/*     background: rgba(255,255,255,0.8); */
/* 	-webkit-transition: top 0.5s; */
/* 	-moz-transition: top 0.5s; */
/* 	-o-transition: top 0.5s; */
/* 	transition: top 0.5s; */
/*     display: none; */
/*     z-index: 1; */
/*     overflow: hidden; */
/* } */
/* header .subnav.minSize { top: 64px;} */
/* header .subnav.maxSize { top: 94px;} */
/* #wrapper.adSize header .subnav { top: 178px;} */
/* #wrapper.adSize header .subnav.minSize { top: 64px;} */
/* #wrapper.adSize header .subnav.maxSize { top: 94px;} */

/* header nav li .subnav .main { */
/*     max-width: 1200px; */
/*     padding: 0 15px; */
/* } */
/* header .subnav .main:after, */
/* header .subnav .main ul:after { */
/* 	content:""; */
/* 	display: table; */
/* 	clear: both; */
/* } */
/* header .subnav .main ul { */
/*     text-align: center; */
/* } */
/* header .subnav .main ul li { */
/*     float: none; */
/*     width: auto; */
/*     display: inline-block; */
/*     vertical-align: top; */
/*     text-align: left; */
/*     margin: 0 1%; */
/*     padding: 30px 0; */
/* } */
/* header nav ul li:nth-child(1) .subnav ul li { */
/*     min-width: 140px; */
/* } */
/* header .subnav .main ul li a { */
/*     display: block; */
/*     text-align: left; */
/*     font-size: 15px; */
/*     line-height: normal; */
/*     padding: 4px 0 4px 14px; */
/* } */
/* header .subnav .main ul li a:hover { */
/*     color: #e71a0f; */
/* } */
/* header .subnav .main ul li a b { */
/*     color: #e71a0f; */
/*     font-weight: normal; */
/* } */
/* header .subnav .main ul li .desc { */
/*     padding: 10px 10px 0 0; */
/*     font-size: 12px; */
/*     color: #d62a1e; */
/*     text-align: left; */
/* } */
/* header .navbar nav ul li.active .subnav a, */
/* header .subnav .main ul li a:hover { */
/*     height: auto; */
/*     border-bottom: 0; */
/* } */
/* header .subnav .main ul li.last { */
/*     max-width: 170px; */
/* } */
/* header .subnav .main ul li.last a { */
/*     float: left; */
/*     padding: 5px 2px 3px 14px; */
/* } */
/* header .navbar nav ul li.active .subnav a.hd, */
/* header .subnav .main ul li > a.hd, */
/* header .subnav .main ul li > span { */
/*     position: relative; */
/*     display: block; */
/*     font-size: 16px; */
/*     font-weight: bold; */
/*     padding: 10px 0 10px 14px; */
/*     margin: 0 0 5px 0; */
/*     line-height: initial; */
/*     border-bottom: 1px #d2d2d2 solid; */
/*     color: #000; */
/* } */
/* header .navbar nav ul li.active .subnav a.hd:hover, */
/* header .subnav .main ul li > a.hd:hover { */
/*     color: #e71a0f; */
/* } */
/* header .navbar nav ul li.active .subnav a.hd:after, */
/* header .subnav .main ul li > a.hd:after, */
/* header .subnav .main ul li > span:after { */
/*     position: absolute; */
/*     top: 50%; */
/*     left: 1px; */
/* 	content:""; */
/* 	width: 6px; */
/* 	height: 6px; */
/* 	margin-top: -3px; */
/* 	background: #aaa; */
/* 	-webkit-border-radius: 3px; */
/* 	-moz-border-radius: 3px; */
/* 	border-radius: 3px; */
/* } */
/* header .subnav .main ul li.last a.hd, */
/* header .subnav .main ul li.last span { */
/*     position: relative; */
/*     float: left; */
/*     width: 100%; */
/*     margin: 0; */
/*     border-bottom: 0 !important; */
/* } */
/* header .subnav .main ul li.last p { */
/*     float: left; */
/*     margin: -4px 0 2px 0; */
/*     padding: 0 0 0 2px; */
/*     font-size: 15px; */
/*     clear: both; */
/* } */
/* header .subnav .main .adBox img { */
/*     width: 100%; */
/*     max-width: 436px; */
/*     margin: 0 -1px; */
/*     border: 1px #fff solid; */
/* } */
/* header nav li:nth-child(2) .subnav .main { */
/*     max-width: 1020px; */
/*     padding: 0 30px 0 30px; */
/* } */
/* header nav li:nth-child(2) .subnav .main .vipBoxHd { */
/* 	position: relative; */
/*     width: auto; */
/*     margin: 0 2%; */
/*     padding: 30px 0; */
/*     text-align: center; */
/*     border-bottom: 1px #c6c6c6 solid; */
/* } */
/* header nav li:nth-child(2) .subnav .main .vipBoxHd > a.clickBox { */
/* 	position: absolute; */
/* 	top: 0; */
/* 	left: 10%; */
/* 	right: 4%; */
/* 	bottom: 0; */
/*     z-index: 1; */
/* } */
/* header nav li:nth-child(2) .subnav .main .vipBox, */
/* header nav li:nth-child(2) .subnav .main .msgBox, */
/* header nav li:nth-child(2) .subnav .main .btnBox { */
/*     float: left; */
/* 	display: inline-block;  */
/* 	vertical-align: middle;     */
/* } */
/* header nav li:nth-child(2) .subnav .main .msgBox { */
/*     padding: 0 20px; */
/*     width: 330px; */
/*     text-align: left; */
/* } */
/* header nav li:nth-child(2) .subnav .main .msgBox table.list { */
/*     width: 100%; */
/*     color: #666; */
/*     border-collapse: separate;  */
/*     border-spacing: 5px; */
/* } */
/* header nav li:nth-child(2) .subnav .main .msgBox table.list th { */
/*     padding: 0 5px 10px 10px; */
/*     color: #333; */
/*     font-size: 15px; */
/*     font-weight: bold; */
/*     line-height: 1.3em; */
/* } */
/* header nav li:nth-child(2) .subnav .main .msgBox table.list td { */
/*     padding: 0 10px; */
/*     color: #666; */
/*     text-align: left; */
/*     font-size: 15px; */
/*     line-height: 1.3em; */
/*     white-space: nowrap; */
/*     border-right: 1px #666 solid; */
/* } */
/* header nav li:nth-child(2) .subnav .main .msgBox table.list td.even { border: 0;} */

/* header nav li:nth-child(2) .subnav .main .vipBox.hidden { */
/*     visibility: hidden; */
/* } */
/* header nav li:nth-child(2) .subnav .main .vipBox { */
/*     padding: 0 20px 0 0; */
/*     width: 162px; */
/*     text-align: right; */
/* } */
/* header nav li:nth-child(2) .subnav .main .vipBox span { */
/*     display: inline-block; */
/*     text-align: center; */
/*     color: #000; */
/*     font-size: 16px; */
/* } */
/* header nav li:nth-child(2) .subnav .main .vipBox span.fet { */
/*     margin: 0 20px 0 0; */
/* } */
/* header nav li:nth-child(2) .subnav .main .vipBox span.fet img { */
/*     margin: 0 -20px 10px 0; */
/* } */
/* header nav li:nth-child(2) .subnav .main .vipBox img { */
/*     display: block; */
/*     margin: 0 0 10px 0; */
/* } */
/* header nav li:nth-child(2) .subnav .main .btnBox { */
/*     width: 160px; */
/*     padding: 0 0 0 30px; */
/* } */
/* header nav li:nth-child(2) .subnav .main .btnBox span.button { */
/*     display: block; */
/*     color: #fff; */
/*     font-size: 16px; */
/*     height: 42px; */
/*     line-height: 42px; */
/*     text-align: center; */
/*     background: #666; */
/*     border: 1px #333 solid; */
/* } */
/* header nav li:nth-child(2) .subnav .main .btnBox span.button.important { border: 1px #e71a0f solid; background: #e71a0f;} */
/* header nav li:nth-child(2) .subnav .main .btnBox span.button.important:hover { border: 1px #f23c32 solid; background: #f23c32;} */
/* header nav li:nth-child(2) .subnav .main .btnBox span.button.delComplex, */
/* header nav li:nth-child(2) .subnav .main .btnBox span.button.delComplex:hover { color: #e1e1e1; border: 1px #999999 solid; background: #999999; cursor: default;} */
/* header nav li:nth-child(2) .subnav .main .btnBox span.button:hover { */
/*     background: #888; */
/* } */
/* header nav li:nth-child(2) .subnav .main .btnBox span.button img { */
/*     height: 16px; */
/*     position: relative; */
/*     top: -2px; */
/*     width: 16px; */
/* } */
/* header nav li:nth-child(2) .subnav .main ul { */
/*     margin: 0 0 20px 0; */
/* } */
/* header nav li:nth-child(2) .subnav .main ul li { */
/*     min-width: 100px; */
/*     margin: 0 0 0 5%; */
/*     padding: 20px 0 20px 0; */
/* } */
/* header nav li:nth-child(2) .subnav .main.general ul li { */
/*     min-width: 120px; */
/*     margin: 0 0 0 2%; */
/* } */
/* header nav li:nth-child(2) .subnav .main.general ul li a.hd, */
/* header nav li:nth-child(2) .subnav .main.general ul li span { */
/*     border-bottom: 0 !important; */
/* } */
/* header nav li:nth-child(2) .subnav .main ul li.last a.hd, */
/* header nav li:nth-child(2) .subnav .main ul li.last span { */
/*     position: relative; */
/*     margin: 0; */
/*     border-bottom: 0 !important; */
/* } */
/* header .subnav .main ul li.last a.hd.friday, */
/* header .subnav .main ul li.last span.friday { */
/*     margin: 0 0 -5px 0; */
/* } */
/* header .subnav .main ul li.last a.hd.allService, */
/* header .subnav .main ul li.last span.allService { */
/*     margin: -10px 0 -5px 0; */
/* } */
/* header .subnav .main ul li.last a.hd.community, */
/* header .subnav .main ul li.last span.community { */
/*     margin: -10px 0 -5px 0; */
/* } */
/* header nav li:nth-child(2) .subnav .main ul li.last a.hd.first, */
/* header nav li:nth-child(2) .subnav .main ul li.last span.first { */
/*     margin: 0 0 -10px 0; */
/* } */
/* header nav li:nth-child(2) .subnav .main ul li.usHeight .hd { */
/*     position: relative; */
/* } */
/* header nav li:nth-child(3) .subnav .main ul li { */
/*     min-width: 120px; */
/* } */
/* header nav li:nth-child(3) .subnav .main ul li span.icon { */
/*     display: inline-block; */
/*     vertical-align: middle; */
/*     width: 26px; */
/*     height: 26px; */
/*     padding: 0; */
/*     margin: 2px 0 0 0; */
/*     margin: -4px 5px 2px 0; */
/*     border-bottom: 0; */
/* } */


/* header nav li:nth-child(3) .subnav .main ul li span.icon img { */
/*     max-width: 26px; */
/* } */
/* header nav li:nth-child(3) .subnav .main ul li span.icon.line { */
/*     display: block; */
/*     width: 126px; */
/*     height: 70px; */
/*     margin: 2px 0 0 0; */
/* } */
/* header nav li:nth-child(3) .subnav .main ul li span.icon.line img { */
/*     max-width: 126px; */
/* } */
/* header nav li:nth-child(3) .subnav .main ul li a.qrcode { */
/*     margin: 5px 0 0 0; */
/* } */
/* header nav li:nth-child(3) .subnav .main ul li.last a.hd { */
/*     padding: 10px 2px 10px 14px; */
/* } */
/* header nav li:nth-child(3) .subnav .main ul li a.qrcode img { */
/*     width: 64px; */
/* } */
.blurComplex {	
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    /*
    filter: url(blur.svg#blur);
    -webkit-filter: blur(5px);
       -moz-filter: blur(5px);
        -ms-filter: blur(5px);    
            filter: blur(5px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false);
    */
    filter:alpha(opacity=95);
    -moz-opacity:.95;
    opacity:.95;
}



@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: 118px 0 0 0;
    background: #f2f2f2;
	-webkit-transition: padding-top 0.5s;
	-moz-transition: padding-top 0.5s;
	-o-transition: padding-top 0.5s;
	transition: padding-top 0.5s;
}
.adSize section.minSize { padding: 64px 0 0 0;}
section.minSize { padding: 42px 0 0 0;}
#wrapper.adSize section { padding: 178px 0 0 0;}
#wrapper.adSize section.minSize { padding: 64px 0 0 0;}

section .main {
    padding: 30px 0 30px 100px;
}
section .main.recommend {
    padding: 30px 0 30px 100px;
}
.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.fetnetRec {
    border-top: 1px #fff solid;
    border-bottom: 1px #fff solid;
	background: url(../images/home/bg_FETnet_music.jpg) no-repeat;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}
section .main.otherComplex {
    position: relative;
    margin-top: -1px !important;
    z-index: 1;
}
/**
*
* adBox 
*
**/

section .main.deviceAd {
    padding: 0 0 20px 0;
}
article.pageAdBox {
    margin: 0 auto;
    max-width: 1280px;
    height: 120px;
	background: #fff url(../images/icon/loading.gif) no-repeat center;
	-moz-background-size: auto 90%;
	-webkit-background-size: auto 90%;
	-o-background-size: auto 90%;
	background-size: auto 90%;
}
article.pageAdBox .adBox { 
    margin: 0;
}
article.pageAdBox .adBox img {
    width: 100%;
    margin: 0 -1px;
    border: 1px #fff solid;
}
article.pageAdBox .slick-slider { margin-bottom: 0;}
article.pageAdBox .slick-dots { position: absolute; right: 10px; bottom: 10px; display: block; width: auto; list-style: none; text-align: right;}

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;
}
/**
*
* crumbBox
*
**/
article.crumbBox {
    padding: 10px 20px;
	background: #dcdbdb;
	background: -moz-linear-gradient(top,  #dcdbdb 0%, #f2f2f2 95%);
	background: -webkit-linear-gradient(top,  #dcdbdb 0%,#f2f2f2 95%);
	background: linear-gradient(to bottom,  #dcdbdb 0%,#f2f2f2 95%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdbdb', endColorstr='#f2f2f2',GradientType=0 );
	display: none;
}
article.crumbBox .mainBox {
    margin: 0 auto;
    max-width: 1280px;
}
article.crumbBox .mainBox a,
article.crumbBox .mainBox h1.mainHead {
    display: inline-block;
    color: #666;
    font-size: 13px;
    font-weight: normal;
}
article.crumbBox .mainBox h1.mainHead,
article.crumbBox .mainBox a:hover {
    color: #e71a0f;
}
/**
*
* otherLinkBox
*
**/
article.otherLinkBox {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1120px;
}
article.otherLinkBox h2.mainHead { margin: 0;}
article.otherLinkBox h2.mainHead span.mobile {
    display: none;
}
article.otherLinkBox:after,
article.otherLinkBox .shareBox ul:after,
article.otherLinkBox .otherBox .con .max:after {
	content:"";
	display: table;
	clear: both;
}
article.otherLinkBox .shareBox {
    float: left;
    width: 68%;
}
article.otherLinkBox .otherBox {
    float: right;
    width: 31%;
}
article.otherLinkBox .title {
    position: relative;
    height: 52px;
    line-height: 52px;
    text-align: center;
    background: #f4f4f4;
}
article.otherLinkBox .shareBox .title img {
    max-height: 36px;
}
article.otherLinkBox .otherBox .title {
    text-align: left;
    padding: 0 10px;
}
article.otherLinkBox .otherBox .title a:hover {
    color: #333;
}
article.otherLinkBox .otherBox .title img {
    max-width: 100px;
}
article.otherLinkBox .otherBox .title .more {
    position: relative;
    float: right;
    display: block;
    padding: 0 15px 0 0;
	background: url(../images/icon/icon_more.png) no-repeat right center;
	-moz-background-size: 16px auto;
	-webkit-background-size: 16px auto;
	-o-background-size: 16px auto;
	background-size: 16px auto;
}
article.otherLinkBox .otherBox .title:hover .more {
    color: #e71a0f;
	background: url(../images/icon/icon_moreHover.png) no-repeat right center;
	-moz-background-size: 17px auto;
	-webkit-background-size: 17px auto;
	-o-background-size: 17px auto;
	background-size: 17px auto;
}



article.otherLinkBox ul {
    margin: 20px 0 0 0;
}
article.otherLinkBox .shareBox ul {
    border-top: 3px #e71a0f solid;
}
article.otherLinkBox .shareBox ul li {
    float: left;
    width: 33.33%;
}
article.otherLinkBox .title.odd,
article.otherLinkBox .con.odd {
    border-right: 1px #e0e0e0 solid;
}
article.otherLinkBox .otherBox ul {
    border-top: 3px #fab502 solid;
}
article.otherLinkBox .con {
    position: relative;
    padding: 18px 20px 20px 20px;
    min-height: 180px;
    background: #fff;
}
article.otherLinkBox .otherBox .title a,
article.otherLinkBox .con .fbshareBd a,
article.otherLinkBox .shareBox .title a,
article.otherLinkBox .con > a,
article.otherLinkBox .con .max a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}
article.otherLinkBox .con .text {
    margin: 12px 0 0 0;
    font-size: 15px;
    line-height: 1.3em;
}
article.otherLinkBox .shareBox .con .text {
    max-height: 2.6em;
    overflow: hidden;
}
article.otherLinkBox .otherBox .con {
    text-align: left;
}
article.otherLinkBox .otherBox .con:after {
	content:"";
	display: table;
	clear: both;
}
article.otherLinkBox .otherBox .con .textHd {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2em;
    height: 2.4em;
    overflow: hidden;
}
article.otherLinkBox .otherBox .con .text {
    color: #666;
    line-height: 1.3em;
    height: 3.9em;
    overflow: hidden;
}
article.otherLinkBox .otherBox .con .photo,
article.otherLinkBox .shareBox .con .photo {
    position: relative;
}
article.otherLinkBox .shareBox .con .photo.fbUrlimg {
    width: 100%;
    padding: 0 0 40% 0;
    overflow: hidden;
}
article.otherLinkBox .shareBox .con .photo.fbUrlimg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
article.otherLinkBox .shareBox .con .photo .photoBox {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
article.otherLinkBox .otherBox .con .max {
    position: relative;
    padding: 0 0 20px 0;
}
article.otherLinkBox .otherBox .con .photo,
article.otherLinkBox .otherBox .con .box {
    display: inline-block;
    vertical-align: middle;
}
article.otherLinkBox .otherBox .con .photo {
    width: 38%;
    margin: 0 2% 0 0;
}
article.otherLinkBox .otherBox .con .box {
    width: 56%;
}
article.otherLinkBox .otherBox .con .list {
    position: relative;
    border-top: 1px #d8d8d8 solid;
    padding: 15px 0 15px 0;
	background: url(../images/icon/icon_more.png) no-repeat 100% 10px;
	-moz-background-size: 16px auto;
	-webkit-background-size: 16px auto;
	-o-background-size: 16px auto;
	background-size: 16px auto;
}
article.otherLinkBox .otherBox .con .list:hover {
	background: url(../images/icon/icon_moreHover.png) no-repeat 100% 10px;
	-moz-background-size: 16px auto;
	-webkit-background-size: 16px auto;
	-o-background-size: 16px auto;
	background-size: 16px auto;
}
article.otherLinkBox .otherBox .con .list:hover span {
    color: #e71a0f;
}
article.otherLinkBox .otherBox .con .list:last-child {
    padding: 15px 0 0 0;
}
article.otherLinkBox .otherBox .con .list a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
article.otherLinkBox .otherBox .con .list span {
    font-size: 15px;
    /*display: inline-block;*/
    overflow : hidden;
    /*text-overflow : ellipsis;
    white-space : nowrap;*/
    padding: 0 20px 0 0;
    /*width: 100%;*/
}
article.otherLinkBox .shareBox .con img {
    width: 100%;
    max-width: 350px;
    max-height: 250px;
}
article.otherLinkBox .otherBox .con img {
    width: 100%;
    max-width: 160px;
    max-height: 146px;
}
article.otherLinkBox .shareBox ul li:nth-child(1) .imgShadow .photo .shadow,
article.otherLinkBox .shareBox ul li:nth-child(3) .imgShadow .photo .shadow {
    z-index: 1;
}
article.otherLinkBox .shareBox ul li:nth-child(1) .con .photo,
article.otherLinkBox .shareBox ul li:nth-child(3) .con .photo {
    width: 100%;
    padding-bottom: 72.5%;
}
article.otherLinkBox .con .fbshareHd {
    position: relative;
    top: -5px;
    left: -5px;
    height: 65px;
    overflow: hidden;
    margin: 0 0 5px 0;
}
article.otherLinkBox .con .fbshareHd .fbshare {
    height: 72px;
    margin: -2px;
}
/*
article.otherLinkBox .con .fbshareHd .logo,
article.otherLinkBox .con .fbshareHd .fbshare {
    display: table-cell;
    vertical-align: middle;
}
article.otherLinkBox .con .fbshareHd .logo img {
    max-width: 96px;
    padding: 3px 0;
    border: 1px #e1e1e1 solid;
}
article.otherLinkBox .con .fbshareHd .logo {
    padding: 0 12px 0 0;
}
article.otherLinkBox .con .fbshareHd .titleFET {
    margin: 0 0 4px 0;
}
*/
article.otherLinkBox .con .fbshareBd {
    position: relative;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]  {
	width: 101% !important;
	height: 101% !important;
}
._1dro ._1drq {
    width: 105px;
}
/**
*
* hotLinkBox 
*
**/
article.hotLinkBox {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1120px;
}
article.hotLinkBox h2.mainHead {
    font-size: 18px;
    font-weight: normal;
    padding: 0 0 20px 0;
    margin: 0 0 30px 0;
    color: #8a5f3c;
    border-bottom: 1px #8a5f3c solid;
}
article.hotLinkBox h2.mainHead:after {
    display: none;
}
article.hotLinkBox ul.mobile { display: none;}
article.hotLinkBox ul:after {
	content:"";
	display: table;
	clear: both;
}
article.hotLinkBox ul li {
    float: left;
    width: 25%;
    /*display: inline-block;
    vertical-align: top;
    margin: 0 -4px 0 0;*/
}
article.hotLinkBox ul li .conBox {
    padding: 0 0 0 20px;
    border-left: 1px #d8d8d8 solid;
}
article.hotLinkBox ul li:first-child .conBox {
    padding: 0 0 0 10px;
    border-left: 0;
}
article.hotLinkBox ul li .conBox a,
article.hotLinkBox ul li .conBox span {
    display: block;
    font-size: 15px;
    padding: 6px 0;
}
article.hotLinkBox ul li .conBox a:hover {
    color: #e71a0f;
}
article.hotLinkBox ul li .conBox a b {
    color: #e71a0f;
    font-weight: normal;
}
article.hotLinkBox ul li .conBox a.hd,
article.hotLinkBox ul li .conBox span {
    font-weight: bold;
    font-size: 16px;
}
/**
*
* quickLinkBox 
*
**/
article.quickLinkBox {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1280px;
}
article.quickLinkBox h2.mainHead {
    font-size: 18px;
    font-weight: normal;
    padding: 0 0 15px 0;
    margin: 0 0 20px 0;
    color: #8a5f3c;
    border-bottom: 1px #8a5f3c solid;
}
article.quickLinkBox h2.mainHead:after {
    display: none;
}
article.quickLinkBox ul {
    margin: 0 0 10px 0;
}
article.quickLinkBox ul:after {
	content:"";
	display: table;
	clear: both;
}
article.quickLinkBox ul li {
    float: left;
    width: 16.6%;
    font-size: 16px;
}


/**
*
* editBox
*
**/
.editBox,
.editBox * {
    color: #666;
    font-size: 15px;
    line-height: 1.6em;
}
.editBox h2 {
    color: #333;
    line-height: 1.4em;
    margin: 0 0 1em 0;
}
.editBox h3 {
    color: #333;
    line-height: 1.4em;
    margin: 0 0 0.2em 0;
}
.editBox h3 span.font16b {
    color: #333;
}
.editBox hr {
    border: 0;
    height: 1px;
    background: #e1e1e1;
    margin: 30px 0;
}
.editBox a {
    color: #ab5f00;
    /*font-weight: bold;*/
    text-decoration: underline;
}
.editBox a.w200 {
    display: inline-block;
    width: 200px;
}
.editBox a:hover {
    color: #e71a0f;
}
.editBox .btnDownBox {
    text-align: center;
    margin: 30px 0 40px 0;
}
.editBox .btnDownBox.textAlignLeft {
    text-align: left;
}
.editBox .btnDownBox.noMargin { margin: 0;}
.editBox .btnDownBox.speMargin { margin: 40px 0 10px 0;}
.editBox .btnDownBox.noteMargin { margin: 64px 0 10px 0;}
.editBox .btnDownBox.noDownMargin { margin: 30px 0 0 0;}
.editBox .btnDownBox.noTopMargin { margin: 0 0 40px 0;}
.editBox .btnDownBox .box {
    display: inline-block;
    width: 200px;
    margin: 0 4px;
}
.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.important { border: 1px #e71a0f solid; background: #e71a0f;}
.editBox .btnDownBox a.button.important:hover { border: 1px #f23c32 solid; background: #f23c32;}
.editBox .btnDownBox a.button.delComplex,
.editBox .btnDownBox a.button.delComplex:hover { color: #e1e1e1; border: 1px #999999 solid; background: #999999; cursor: default;}
.editBox .btnDownBox a.button:hover {
    background: #888;
}
.editBox .btnDownBox a.button img {
    display: inline;
    height: 16px;
    position: relative;
    top: -2px;
    width: 16px;
    border: 0;
}
.editBox .btnDownBox.min .box {
    width: 100px;
}
.editBox .btnDownBox.w360 .box {
    width: 360px;
}
.editBox .btnDownBox.min a.button {
    font-size: 13px;
    height: 30px;
    line-height: 30px;
}
.editBox .btnDownBox.min a.button img {
    top: 0;
    width: 14px;
    height: 14px;
    border: 0;
}
.editBox .evenBox {
    padding: 20px;
    background: #f5f5f5;
}
.editBox .btnDownBox.max {
    text-align: center;
    margin: 20px 0 30px 0;
}
.editBox .btnDownBox.max .box {
    width: 260px;
    margin: 0 8px;
}
.editBox .btnDownBox.max a.button {
    font-size: 18px;
    height: 60px;
    line-height: 60px;
}




.editBox b {
    color: #e71a0f;
    font-weight: normal;
}
.editBox strong {
    color: #ab5f00;
    font-weight: bold;
}
.editBox ul li {
    position: relative;
    padding: 0 0 0 20px;
}
.editBox ul li:after {
    position: absolute;
    top: 6px;
    left: 2px;
	content:"";
	width: 7px;
	height: 7px;
	background: #999;
	-webkit-border-radius: 3.5px;
	-moz-border-radius: 3.5px;
	border-radius: 3.5px;
}
.editBox ul ul li:after {
    position: absolute;
    top: 9px;
    left: 2px;
	content:"";
	width: 5px;
	height: 5px;
	background: #999;
	-webkit-border-radius: 2.5px;
	-moz-border-radius: 2.5px;
	border-radius: 2.5px;
}
.editBox ul ul li {
    padding: 0 0 0 18px;
}

.editBox ul.checkbox,
.editBox ul.checkbox2,
.editBox ul.checkbox3 {
    margin: 10px 0 0 20px;
}
.editBox ul.checkbox3 {
    margin: 10px 0 0 0;
}
.editBox ul.checkbox li,
.editBox ul.checkbox2 li,
.editBox ul.checkbox3 li {
    margin: 2px 0;
    padding: 0 0 0 25px;
    font-size: 16px;
    color: #333;
}
.editBox ul.checkbox3 li {
    margin: 4px 0;
}
.editBox ul.checkbox3 li a {
    font-size: 16px;
    /*text-decoration: none;*/
}
.editBox ul.checkbox li {
    background: url(../images/icon/icon_prepaid_checkbox.png) no-repeat;
}
.editBox ul.checkbox2 li {
    background: url(../images/icon/icon_prepaid_checkbox2.png) no-repeat;
}
.editBox ul.checkbox3 li {
    color: #666;
    background: url(../images/icon/icon_prepaid_checkbox3.png) no-repeat 0 center;
}
.editBox ul.checkbox li:after,
.editBox ul.checkbox2 li:after,
.editBox ul.checkbox3 li:after {
    position: relative;
    top: 0;
    left: 0;
	content:"";
	width: 0;
	height: 0;
	background: none;
	display: none;
}
.editBox ul.checkbox3 li strong.bold {
    font-size: 24px;
    font-weight: bold;
    color: #666;
}

.editBox ul.radio,
.editBox ul.radio2 {
    margin: 10px 0 0 20px;
}
.editBox ul.radio li {
    margin: 2px 0;
    padding: 0 0 0 25px;
    font-size: 16px;
    color: #333;
    background: url(../images/icon/icon_prepaid_radio.png) no-repeat left center;
}
.editBox ul.radio2 li {
    margin: 2px 0;
    padding: 0 0 0 25px;
    font-size: 16px;
    color: #333;
    background: url(../images/icon/icon_prepaid_radio2.png) no-repeat left center;
}
.editBox ul.radio li:after,
.editBox ul.radio2 li:after {
    position: relative;
    top: 0;
    left: 0;
	content:"";
	width: 0;
	height: 0;
	background: none;
    display: none;
}
.editBox ul.radio li label {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.editBox ul.radio li.subRadio {
    padding: 0 0 0 15px;
    font-size: 16px;
    background: none;
}
.editBox ul.radio li.subRadio li {
    padding: 0;
    font-size: 15px;
    background: none;
}



.editBox ol {
    margin: 0 0 0 30px;
    list-style-type: decimal;    
}
.editBox img {
    border: 1px #f7f7f7 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.editBox img.imgChart {
    border: 0;
}
/* edit for detailBoxBd */
.detailBoxBd .foto .editBox {
    text-align: center;
}
.detailBoxBd .foto .editBox img {
    max-width: 640px;
    margin: 20px 0 0 0;
}
.detailBoxBd .foto .editBox img:first-child {
    margin: 0;
}

/**
*
* 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.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;
}

/* edited by Kurt 20190325 超商繳費表格標題與內容基本排版 */
.editBox th.convenience-store-title { width: 200px; color: #333; padding: 20px 0; background-color: #f2e6d6; }

.editBox td.convenience-store-content { padding: 24px 0; }

/* edited by Kurt 20190325 在editBox內可重用的樣式 */
.editBox .mg-auto { margin: 0 auto; }

.editBox .pd-left { padding-left: 20px; }

.editBox .is-center { text-align: center; }

.editBox .text-primary { color: #e71a0f; }

.editBox .bd { border: 1px solid #c8c8c8; }

.editBox .bd-top { border-top: 1px solid #c8c8c8; }

.editBox .bd-bottom { border-bottom: 1px solid #c8c8c8; }

.editBox .bd-right { border-right: 1px solid #c8c8c8; }

.editBox .bd-left { border-left: 1px solid #c8c8c8; }

/**
*
* 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;}


/**
*
* tab-pager
*
**/
.tabPagerBox {
    margin: 30px 0 0 0;
}
.tabPagerBox.locInside { margin-bottom: 20px;}
.tabPagerBox.locInside .tab-pager {
	float: none;
}
.tabPagerBox.locInside .tab-pager {
	float: none;
	height: 28px;
	margin: 15px 0;
	text-align: center;
}
.tabPagerBox.locInside .tab-pager ol li.active a,
.tabPagerBox.locInside .tab-pager ol li a:hover {
    background-color: #e2e2e2;
}

.tab-pager {
    float: right;
    color: #666;
    font-size: 15px;
    text-align: right;
}
.tab-pager {
    float: right;
    color: #666;
    font-size: 15px;
    text-align: right;
}

.tab-pager ol {
    float: left;
    left: 50%;
    position: relative;
    text-align: center;
}
.tab-pager ol li {
    float: left;
    margin: 0 5px;
    position: relative;
    right: 50%;
    text-align: center;
    height: 30px;
    line-height: 30px;
}
.tab-pager ol li a {
    display: block;
    float: left;
    width: 20px;
    height: 30px;
    line-height: 30px;
    padding: 0 6px;
}
.tab-pager ol li.active a,
.tab-pager ol li a:hover {
    color: #e71a0f;
    background: #fff;
}
.tab-pager ol li.active a { font-weight: bold;}
.tab-pager ol li.first a { background: url(../images/icon/icon_pagerFirst.png) no-repeat center;}
.tab-pager ol li.prev a  { background: url(../images/icon/icon_pagerPrev.png) no-repeat center;}
.tab-pager ol li.next a  { background: url(../images/icon/icon_pagerNext.png) no-repeat center;}
.tab-pager ol li.last a  { background: url(../images/icon/icon_pagerLast.png) no-repeat center;}
.tab-pager ol li.first a:hover { background: #fff url(../images/icon/icon_pagerFirst.png) no-repeat center;}
.tab-pager ol li.prev a:hover  { background: #fff url(../images/icon/icon_pagerPrev.png) no-repeat center;}
.tab-pager ol li.next a:hover  { background: #fff url(../images/icon/icon_pagerNext.png) no-repeat center;}
.tab-pager ol li.last a:hover  { background: #fff url(../images/icon/icon_pagerLast.png) no-repeat center;}
.tab-pager ol li.first a,
.tab-pager ol li.prev a,
.tab-pager ol li.next a,
.tab-pager ol li.last a,
.tab-pager ol li.first a:hover,
.tab-pager ol li.prev a:hover,
.tab-pager ol li.next a:hover,
.tab-pager ol li.last a:hover {
    font-size: 0;
	-moz-background-size: 16px auto;
	-webkit-background-size: 16px auto;
	-o-background-size: 16px auto;
	background-size: 16px auto;
}
.tab-pager ol li.goTo {
    margin: 0 5px 0 15px;
}
.tab-pager ol li.goTo b {
    color: #e71a0f;
}
.tab-pager input[type=text] {
    width: 58px;
    height: 25px;
    vertical-align: middle;
    border: 1px #c5c5c5 solid;
    background: #fff;
}
.tab-pager input[type=text]:focus {
	background: #fcfaf4;
	border: 1px solid #ab5f00;
}
/* footer
*
footer {
    padding: 30px 40px;
    position: relative;
	background: #bfbfbf;
    font-size: 12px;
    line-height: 1.6em;
}
footer .logo {
    float: left;
    width: 130px;
    height: 60px;
    margin: 0 20px 5px 0;
}
footer .main {
    max-width: 990px;
}
footer .linkComplex,
footer .copyright {
    padding: 0 0 0 150px;
}
footer .linkComplex a {
    display: inline-block;
}
footer .linkComplex a.active {
    color: #e71a0f;
}
footer .copyright {
    color: #666;
}
footer .selectBox {
    position: absolute;
    top: -5px;
    right: 0;
    width: 150px;
}
footer .selectBox .selectboxit-container span {height: 30px;line-height: 30px;}
/*-----------------------------------------------------------------------------
media
-----------------------------------------------------------------------------*/
/**
*
* iPads
*
**/
@media only screen
and (min-device-width : 320px) 
and (max-device-width : 1366px) {
/*     header .topbar a { */
/*         font-size: 13px; */
/*     } */
/*     header .memberbar a,  */
/*     header .memberbar span,  */
/*     header .memberbar .login { */
/*         font-size: 14px; */
/*     } */
/*     header .navbar nav ul li a:hover { */
/*         color: #333; */
/*     } */
/*     header .navbar nav ul li.active a:hover, */
/*     header .navbar nav ul li.current a:hover { */
/*         color: #ef3123; */
/*     } */
/*     header .navbar nav ul li.navUnit:not(.current):hover > a:after { */
/*         color: #333; */
/*     	background: url(../images/icon/icon_subtab.png) no-repeat right center; */
/*         background-size: 16px auto; */
/*     } */
/*     header .navbar nav > ul > li:hover:after { */
/*     	background: none; */
/*     } */
/*     header .navbar nav > ul > li:hover.active:after, */
/*     header .navbar nav > ul > li:hover.current:after { */
/*     	background: #ef3123; */
/*     } */
}
**/
/*-----------------------------------------------------------------------------
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: 0 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;}
.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: 0; background: url(../images/icon/icon_slickprev.png) no-repeat center;}
.slick-slider .slick-next { right: 0; background: url(../images/icon/icon_slicknext.png) no-repeat center;}
.slick-slider .slick-prev:hover,
.slick-slider .slick-next:hover { background-color: #999;}
.slick-slider { margin-bottom: 30px;}
.slick-dots { position: absolute; bottom: -45px; display: block; width: 100%; list-style: none; text-align: center;}
.slick-dots li{ position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 7px;}
.slick-dots li button { font-size: 0; display: block; width: 13px; height: 13px; 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;}
/*-----------------------------------------------------------------------------
selectBoxIt jQuery Plugin
-----------------------------------------------------------------------------*/
.selectboxit-container {position: relative;display: inline-block;vertical-align: middle; width:100%;}
.selectboxit-container * {font-size: 12px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: -moz-none;-ms-user-select: none;-o-user-select: none;user-select: none;outline: none;white-space: nowrap;}
.selectboxit-container .selectboxit {width: auto !important;cursor: pointer;border-radius: 0;overflow: hidden;display: block;position: relative;}
.selectboxit-container .selectboxit-options a {height: 30px;line-height: 30px;display: block;}
.selectboxit-container span {height: 55px;line-height: 55px;display: block;}
.selectboxit-container .selectboxit:focus {outline: 0;}
.selectboxit-options .selectboxit-disabled,
.selectboxit.selectboxit-disabled {	opacity: 0.65;filter: alpha(opacity=65);-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;cursor: default;}
.selectboxit-text {overflow: hidden;text-overflow: ellipsis;float: left;}
.selectboxit .selectboxit-option-icon-container {margin-left: 5px;}
.selectboxit-container .selectboxit-options {min-width: 100% !important;width: 100%;list-style: none;position: absolute;overflow-x: hidden;overflow-y: auto;cursor: pointer;display: none;z-index: 99999999999;border-radius: 0;text-align: left;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.selectboxit-option .selectboxit-option-anchor{padding: 0 2px;}
.selectboxit-option .selectboxit-option-anchor:hover {text-decoration: none;}
.selectboxit-optgroup-header {text-indent: 5px;margin: 0;list-style-type: none;}
.selectboxit-option {text-indent: 5px;margin: 0;list-style-type: none; float: left; width: 100%; height: 30px;}
.selectboxit-option-first {}
.selectboxit-optgroup-header + .selectboxit-option-first {border-top-right-radius: 0px;border-top-left-radius: 0px;}
.selectboxit-option-last {}
.selectboxit-optgroup-header {/*font-weight: bold;*/}
.selectboxit-optgroup-header:hover {cursor: default;}
.selectboxit-arrow-container {width: 30px;position: absolute;right: 0;}
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {margin: 0 auto;position: absolute;top: 50%;right: 0;left: 0;margin-top: -2px;}
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {top: 30%;}
.selectboxit-option-icon-container {float: left;}
.selectboxit-container .selectboxit-option-icon {margin: 0;padding: 0;vertical-align: middle;}
.selectboxit-option-icon-url {width: 18px;background-size: 18px 18px;background-repeat: no-repeat;height: 100%;background-position: center;float: left;}
.selectboxit-rendering {display: inline-block !important;*display: inline !important;zoom: 1 !important;visibility: visible !important;position: absolute !important;top: -9999px !important;left: -9999px !important;}
.jqueryui .ui-icon {background-color: inherit;}
.jqueryui .ui-icon-triangle-1-s {background-position: -64px -16px;}
.selectboxit-btn {background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.selectboxit-btn.selectboxit-enabled:active,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:hover {}
.selectboxit-default-arrow {width: 0;height: 0;border-top: 4px solid #000;border-right: 4px solid transparent;border-left: 4px solid transparent;}
.selectboxit-list { line-height:normal; height:auto; background-color: #fff;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.selectboxit-list .selectboxit-option-anchor {color: #333;}
.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {color: #333;background-color: #dddddd;text-decoration: none;}
.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {color: #999;}
/*-----------------------------------------------------------------------------
Tooltipster jQuery Plugin
-----------------------------------------------------------------------------*/
.tooltipster-default {background: #eddcc7;color: #666;}
.tooltipster-default .tooltipster-content {font-size: 12px;line-height: 16px;padding: 4px 6px;overflow: hidden;}
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {}
.tooltipster-icon {cursor: help;margin-left: 4px;}
.tooltipster-base {padding: 0;font-size: 0;line-height: 0;position: absolute;left: 0;top: 0;z-index: 99;pointer-events: none;width: auto;overflow: visible;}
.tooltipster-base .tooltipster-content {overflow: hidden;}
.tooltipster-arrow {display: block;text-align: center;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;}
.tooltipster-arrow span, .tooltipster-arrow-border {display: block;width: 0; height: 0;position: absolute;}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {border-left: 8px solid transparent !important;border-right: 8px solid transparent !important;border-top: 8px solid;bottom: -7px;}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {border-left: 9px solid transparent !important;border-right: 9px solid transparent !important;border-top: 9px solid;bottom: -7px;}
.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {border-left: 8px solid transparent !important;border-right: 8px solid transparent !important;border-bottom: 8px solid;	top: -7px;}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {border-left: 9px solid transparent !important;border-right: 9px solid transparent !important;border-bottom: 9px solid;top: -7px;}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {	left: 0;right: 0;margin: 0 auto;}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {left: 6px;}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {left: 5px;}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {right: 6px;}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {right: 5px;}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {border-top: 8px solid transparent !important;border-bottom: 8px solid transparent !important; border-left: 8px solid;	top: 50%;margin-top: -7px;right: -7px;}
.tooltipster-arrow-left .tooltipster-arrow-border {border-top: 9px solid transparent !important;border-bottom: 9px solid transparent !important; border-left: 9px solid;margin-top: -8px;}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {border-top: 8px solid transparent !important;border-bottom: 8px solid transparent !important;border-right: 8px solid;top: 50%;	margin-top: -7px;left: -7px;}
.tooltipster-arrow-right .tooltipster-arrow-border {border-top: 9px solid transparent !important;border-bottom: 9px solid transparent !important; border-right: 9px solid;margin-top: -8px;}
.tooltipster-fade {opacity: 0;-webkit-transition-property: opacity;-moz-transition-property: opacity;-o-transition-property: opacity;-ms-transition-property: opacity;transition-property: opacity;}
.tooltipster-fade-show {opacity: 1;}
.tooltipster-grow {-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-o-transform: scale(0,0);-ms-transform: scale(0,0);transform: scale(0,0);-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;	-ms-transition-property: -ms-transform;transition-property: transform;-webkit-backface-visibility: hidden;}
.tooltipster-grow-show {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);}
.tooltipster-swing {opacity: 0;-webkit-transform: rotateZ(4deg);-moz-transform: rotateZ(4deg);-o-transform: rotateZ(4deg);-ms-transform: rotateZ(4deg);transform: rotateZ(4deg);-webkit-transition-property: -webkit-transform, opacity;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;	transition-property: transform;}
.tooltipster-swing-show {opacity: 1;-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);transform: rotateZ(0deg);-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);}
.tooltipster-fall {	top: 0;-webkit-transition-property: top;-moz-transition-property: top;-o-transition-property: top;-ms-transition-property: top;transition-property: top;-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); }
.tooltipster-fall-show {}
.tooltipster-fall.tooltipster-dying {-webkit-transition-property: all;-moz-transition-property: all;-o-transition-property: all;-ms-transition-property: all;transition-property: all;top: 0px !important;opacity: 0;}
.tooltipster-slide {left: -40px;-webkit-transition-property: left;-moz-transition-property: left;-o-transition-property: left;-ms-transition-property: left;transition-property: left;-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);}
.tooltipster-slide.tooltipster-slide-show {}
.tooltipster-slide.tooltipster-dying {-webkit-transition-property: all;	-moz-transition-property: all;-o-transition-property: all;	-ms-transition-property: all;transition-property: all;left: 0px !important;	opacity: 0;}
.tooltipster-content-changing {opacity: 0.5;-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
/*-----------------------------------------------------------------------------
checkradios jQuery Plugin
-----------------------------------------------------------------------------*/
@font-face {font-family: 'checkradios-icons';src:url('../images/icon/icons/icomoon.eot?-8aafzo');src:url('../images/icon/icons/icomoon.eot?#iefix-8aafzo') format('embedded-opentype'), url('../images/icon/icons/icomoon.woff?-8aafzo') format('woff'), url('../images/icon/icons/icomoon.ttf?-8aafzo') format('truetype'), url('../images/icon/icons/icomoon.svg?-8aafzo#icomoon') format('svg');font-weight: normal;font-style: normal;}
.icon-checkradios-checkmark, .icon-checkradios-circle{font-family: 'checkradios-icons';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.checkradios-checkbox:after, .checkradios-radio:after{content:"";height:100%;width:100%;position:relative;display:block;vertical-align: middle;}
.icon-checkradios-checkmark:before {content: "\e600";}
.icon-checkradios-circle:before {content: "\e601";}
.checkradios-checkbox, .checkradios-radio{font-size:14px;position:relative;display:inline-block;vertical-align:middle;text-align:center;border: 1px solid #afafaf;color: #ab5f00;width: 14px;height: 14px;line-height: 14px;cursor: pointer;padding: 2px;margin: -3px 0 0 0;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;overflow:hidden; background: #fff;}
.checkradios-radio{-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
.checkradios-checkbox:hover, .checkradios-radio:hover {border: 1px solid #ab5f00;}
.checkradios-checkbox.icon-checkradios-checkmark, .checkradios-radio.icon-checkradios-checkmark{color: #ab5f00;border-color: #ab5f00;}
.checkradios-checkbox input[type=checkbox], .checkradios-radio input[type=radio]{margin:0;position:absolute;top:0;left:-9999%;width:100%;height:100%;position:absolute;display:inline-block;vertical-align:bottom;}

/*-----------------------------------------------------------------------------
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%;}
.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;}}
/*-----------------------------------------------------------------------------
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);}
}
/*
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
*/

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";}
}


/**
*
* lightboxComplex 
*
**/
.lightboxComplex { display: none;}
.lightboxComplex .lightBox { width: 500px;}
.lightboxComplex .lightBox.w550 { width: 550px;}
.lightboxComplex .lightBox.wAuto { width: auto;}
.lightboxComplex .lightBox .lightConBox { display: table; width: 100%; 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 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 20px -25px; padding: 0 0 10px 0; 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;}
.lightboxComplex .editBox .btnDownBox .box { width: 100px;}
.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 .descRiption.editBox hr { background: #d1d1d1; margin: 20px 0;}
.lightboxComplex .editBox .descbox {
    position: relative;
    margin: 20px -25px -25px -25px;
    padding: 25px;
    background: #fcfaf4;
    clear: both;
}
.lightboxComplex .editBox .descbox .unfold {
    font-size: 13px;
    max-height: 2000px;
    overflow: hidden;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.lightboxComplex .editBox .unfold ul li,
.lightboxComplex .editBox .unfold ol li {
    font-size: 13px;
}
.lightboxComplex .editBox .descbox .mainTitle {
    font-size: 15px;
    font-weight: bold;
    color: #666;
    padding: 0 0 10px 0;
    margin: 0 0 15px 0;
    border-bottom: 1px #e1e1e1 solid;
}
.lightboxComplex .editBox table.exchange th {
    width: 100px;
    background: none;
}
.lightboxComplex .editBox table.exchange th,
.lightboxComplex .editBox table.exchange td {
    text-align: left;
    padding: 5px;
    border-bottom: 1px #e1e1e1 solid;
}
.lightboxComplex .editBox table.exchange td b {
    color: #ab5f00;
    font-size: 15px;
    font-weight: bold;
}
.lightboxComplex .editBox fieldset {
    margin: 5px 0 0 0;
}
.lightboxComplex .editBox fieldset .box {
    padding: 10px 0;
	border-top: 1px solid #e1e1e1;
}
.lightboxComplex .editBox fieldset .box.first {
	border-top: 0;
}
.lightboxComplex .editBox fieldset .box:after {
	content:"";
	display: table;
	clear: both;
}
.lightboxComplex .editBox fieldset .box.error .txt {
    margin: 5px 0 0 0;
    font-size: 13px;
    color: #d42c27;
}
.lightboxComplex .editBox fieldset .box .text b {
    font-size: 13px;
    font-weight: normal;
    color: #e71a0f;
}
.lightboxComplex .editBox fieldset .box label {
    font-size: 15px;
	line-height: 30px;
    color: #666;
    position: relative; 
    padding: 0 0 0 10px;
    margin: 0 0 10px 0;
}
.lightboxComplex .editBox fieldset .box label:after {
    position: absolute;
    top: 6px;
    left: 0;
    display: block;
	content:"";
	width: 6px;
	height: 6px;
	background: #bbb;
}
.lightboxComplex .editBox fieldset .box label em {
    position: relative;
    top: 3px;
    padding: 0 3px;
    color: #d62a1e;
}
.lightboxComplex .editBox fieldset .box .con {
    min-height: 34px;
	line-height: 34px;
    font-size: 16px;
    color: #333;
}
.lightboxComplex .editBox fieldset .box .con .w330 { width: 100%;}
.lightboxComplex .editBox fieldset input[type=text],
.lightboxComplex .editBox fieldset input[type=email],
.lightboxComplex .editBox fieldset input[type=password] {
    width: 100%;
	padding: 0;
	margin: 0;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	font-family: Arial, "Heiti TC", 'Microsoft JhengHei', Helvetica, sans-serif;
	text-indent: 10px;
	vertical-align: middle;
	color: #000;
	background: #fff;
	border: 1px solid #adadad;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.lightboxComplex .editBox fieldset input[type=text]:focus,
.lightboxComplex .editBox fieldset input[type=email]:focus,
.lightboxComplex .editBox fieldset input[type=password]:focus {
	background: #fcfaf4;
	border: 1px solid #ab5f00;
}

article.deviceAdBox { margin: 0 auto; max-width: 1280px; height: 180px;background: #fff url(../images/icon/loading.gif) no-repeat center;}
article.deviceAdBox .adBox { margin: 0;}
article.deviceAdBox .adBox img { width: 100%; margin: 0 -1px; border: 1px #fff solid;}
article.deviceAdBox .slick-slider { margin-bottom: 0;}
article.deviceAdBox .slick-dots { position: absolute; right: 10px; bottom: 10px; display: block; width: auto; list-style: none; text-align: right;}



/**
*
* adTopBar
*
**/
/* header .topAd { position: relative; overflow: hidden; height: 60px;background: #fff url(../images/icon/loading.gif) no-repeat center;-moz-background-size: auto 96%;-webkit-background-size: auto 96%;-o-background-size: auto 96%;background-size: auto 96%; z-index: 20;} */
/* header .topAd .bgComplex {position: relative; height: 60px;} */
/* header .topAd .bgComplex .bgBoxComplex { bottom: 0; left: 0; margin: auto; max-width: 1280px; position: absolute; right: 0; top: 0;} */
/* header .topAd .monitor { display: block;} */
/* header .topAd .mobile { display: none;} */
/* header .topAd .monitor img.imgComplex { position: absolute; top: 0; left: 50%; margin: 0 0 0 -960px; width: 1920px; height: 60px;} */
/* header .topAd .mobile img.imgComplex { position: absolute;top: 0; left: 50%; margin: 0 0 0 -320px; width: 640px; height: 60px;} */
/* header .topAd .main { height: 60px;} */
/* header .topAd .main .boxColumn { position: absolute; top: 50%; width: 100%; height: 60px; padding: 10px 60px 10px 0;margin-top: -30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; z-index: 1;} */
/* header .topAd .main:after {content:"";display: table;clear: both;} */
/* header .topAd a.close { position: absolute; top: 10px;right: 20px; display: inline-block; width: 22px; height: 22px; font-size: 0;cursor: pointer; background: url(../images/icon/icon_close_bk.png) no-repeat;-moz-background-size: 22px auto;-webkit-background-size: 22px auto;-o-background-size: 22px auto;background-size: 22px auto;z-index: 9;} */
/* header .topAd a.close.gray {background: url(../images/icon/icon_close.png) no-repeat;-moz-background-size: 22px auto;-webkit-background-size: 22px auto;-o-background-size: 22px auto;background-size: 22px auto;} */
/* header .topAd a.close.white {background: url(../images/icon/icon_close_white.png) no-repeat;-moz-background-size: 22px auto;-webkit-background-size: 22px auto;-o-background-size: 22px auto;background-size: 22px auto;} */
/* header .topAd .mainTitle {  */
/* width: 1000px; */
/* text-align: center;  */
/* font-size: 22px;  */
/* line-height: 28px; */
/* } */
/* header .topAd .mainTitle .boxComplex {position: relative; display: inline-block;text-align: left; padding: 0 0 0 12px;} */
/* header .topAd .spanWidth {  */
/*     width:1px; */
/*     height: 40px; */
/* } */
/* /* */
/* header .topAd .mainTitle .boxComplex span.line { position: absolute; top: 50%; left: 0; width: 4px; height: 28px; margin: -14px 0 0 0;}*/ */
/* header .topAd .button { width: 24%;} */
/* header .topAd .mainTitle, header .topAd .spanWidth, header .topAd .button { display: table-cell; vertical-align: middle;} */
/* header .topAd .button a {color: #fff; display: inline-block; font-size: 18px; height: 40px; line-height: 40px; padding: 0 0 0 5px; text-align: center; width: 150px;} */
/* header .topAd .button a img {height: 16px;left: auto; margin: auto;position: relative; top: -2px; width: 16px;} */
/**
*
* adSliderFt
*
**/