﻿@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;
}
/**
*
* anchor
*
**/
a:link, a:visited { color: #333; text-decoration: none;}
a:hover, a:active { color: #e71a0f;}
/**
*
* clear,clearfix
*
**/
.clear { clear: both;}
.clearfix { display: inline-block;}
.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0; content: ".";}
* html .clearfix { height: 1%;}
.clearfix { display: block;}
.hidden {display: none;}
/**
*
* 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: 22;}
.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;background-size: 16px auto;}
.backtop a:hover {background-color: #333;-webkit-transition: all 0.3s;-moz-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;}
/**
*
* 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;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;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);transform:scale(1.08);}
.imgZoom8s:hover .photo img,
.photo.imgZoom8s:hover img {-webkit-transition: all .8s;-moz-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);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;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;transition: all .5s;filter:alpha(opacity= 35);-moz-opacity: .35;opacity: .35;}
/* wrapper
*----------------------------------------------------------------------------*/
#wrapper {position: relative;width: 100%;margin: 0 auto;padding: 0;}
.wrapperPage,
.wrapperPage header {min-width: 1280px;}
/* .wrapperPage footer {padding: 30px 0;min-width: 1280px;} */
/* hanker 因為新版footer比較小，所以將padding 縮小 */
.wrapperPage footer {padding: 0 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 section .main.schGrResult { display: none;}
.wrapperPage article.crumbBox {	display: block;}
header nav li .subnav .main{min-width: 1200px;}
/* header
*----------------------------------------------------------------------------*/
header {position: fixed;top: 0;left: 0;width: 100%;height: auto;z-index: 22;-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;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;overflow: hidden;}
header .topbar .five-g {background:#7f7f7f;}
header .topbar .mob-show {display: none;}
header .topbar .pad-show {display: none;}
#wrapper.hideTransition header,
#wrapper.hideScroll header {-webkit-transition: top 0s;transition: top 0s;}
#wrapper.hideScroll header .topbar,
#wrapper.hideScroll header .topAd {display: none;}
#wrapper.hideScroll section,
#wrapper.hideScroll header .menuMobile .menubox {padding: 42px 0 0 0;}
#wrapper.hideScroll header.minSize, 
#wrapper.hideScroll header.maxSize,
#wrapper.hideScroll.adSize header.minSize, 
#wrapper.hideScroll.adSize header.maxSize {top: 0;}
#wrapper.hideScroll.adSize section, 
#wrapper.hideScroll.adSize header .menuMobile .menubox {padding: 42px 0 0 0;}
header .topbar a {display: inline-block;padding: 0 30px;height: 24px;line-height: 24px;font-size: 12px;color: #fff;border-left: 1px #7e7e7e solid;}
header .topbar a:hover {background: #d0d0d0;}
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,
header .memberbar .register {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;background-size: 17px auto;}
header .memberbar a:hover.retail {background-image: url(../images/icon/icon_retailHover.png);}
header .memberbar .login,
header .memberbar .logout,
header .memberbar .register {background: #e4e4e4;}
header .memberbar .register {position: relative;margin: 0 0 0 -4px;}
header .memberbar .register:after {position: absolute;left: 0;top: 5px;bottom: 5px;width: 1px;content: "";background: #d4c8b9;}
header .memberbar .login a,
header .memberbar .logout a,
header .memberbar .register a {color: #333;font-weight: bold;top: auto;line-height: 30px;padding: 0 15px 0 37px;border-right: 0;background: url(../images/icon/icon_member.png) no-repeat 15px 6px;-moz-background-size: 17px auto;-webkit-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 {background: url(../images/icon/icon_logout.png) no-repeat 15px 6px;-moz-background-size: 17px auto;-webkit-background-size: 17px auto;background-size: 17px auto;}
header .memberbar .register a {padding: 0 15px 0 15px;background: none;}
header .memberbar .logout a:hover {color: #e71a0f;background-color: #cfcfcf;}
header .memberbar .register 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: 52%;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;}
header .navbar nav {position: absolute;top: 0;left: 160px;width: 40%;z-index: 1;}
header .navbar nav .navBtnCBU,
header .navbar nav .navBtnEBU { display: none;}
header .navbar nav > ul li {position: relative;float: left;width: 19%; margin: 0 .5%;text-align: center;}
header .navbar nav > ul li.navUnit_0{width: 16%;}
header .navbar nav > ul li.navUnit_2{width: 22%;}
header .navbar nav > ul li a {display: block;font-size: 18px;line-height: 64px;white-space: nowrap;cursor: pointer;}
header .navbar nav ul li.navUnit > a {padding: 0 14px 0 0;}
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: 5px;position: absolute;z-index: -1;}
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);}
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;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;}
header .font-normal { font-weight: normal !important; }
/* 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 form:after,
.searchrevampbox #Searchform:after {content:"";display: table;clear: both;}
.searchrevampbox input[type=text]::-ms-clear { display: none; }
.searchrevampbox a, .searchrevampbox input{outline: none;hlbr:expression(this.onFocus=this.blur());}
.searchrevampbox a:hover{text-decoration: underline;}
.searchrevampbox .searchbox .schtags { position: relative; float: left; width: 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;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;transition: top 0.5s;display: none;z-index: 1;}
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 20px;overflow-x: hidden !important;}
header .subnav .main ul {text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
header .subnav .main ul li {float: none;min-width:100px; width: auto;display: inline-block;vertical-align: top;text-align: left;padding: 20px 0;margin: 0 5px;}
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: 180px;}
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.navUnit_3 .subnav .main .vipBox,
header nav li.navUnit_3 .subnav .main .msgBox,
header nav li.navUnit_3 .subnav .main .btnBox {display: inline-block; vertical-align: middle;}
header nav li.navUnit_3 .subnav .main .msgBox {padding: 0 20px;width: 330px;text-align: left;}
header nav li.navUnit_3 .subnav .main .msgBox table.list {width: 100%;color: #666;border-collapse: separate; border-spacing: 5px;}
header nav li.navUnit_3 .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.navUnit_3 .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.navUnit_3 .subnav .main .msgBox table.list td.even { border: 0;}
header nav li.navUnit_3 .subnav .main .vipBox.hidden {visibility: hidden;}
header nav li.navUnit_3 .subnav .main .vipBox span {display: inline-block;text-align: center;color: #000;font-size: 16px;}
header nav li.navUnit_3 .subnav .main .vipBox span.fet {margin: 0 20px 0 0;}
header nav li.navUnit_3 .subnav .main .vipBox span.fet img {margin: 0 -20px 10px 0;}
header nav li.navUnit_3 .subnav .main .btnBox span.button.important { border: 1px #e71a0f solid; background: #e71a0f;}
header nav li.navUnit_3 .subnav .main .btnBox span.button.important:hover { border: 1px #f23c32 solid; background: #f23c32;}
header nav li.navUnit_3 .subnav .main .btnBox span.button.delComplex,
header nav li.navUnit_3 .subnav .main .btnBox span.button.delComplex:hover { color: #e1e1e1; border: 1px #999999 solid; background: #999999; cursor: default;}
header nav li.navUnit_3 .subnav .main .btnBox span.button:hover {background: transparent;}
header nav li.navUnit_3 .subnav .main .btnBox span.button img {height: 16px;position: relative;top: -2px;width: 16px;}
header nav li.navUnit_3 .subnav .main ul {margin: 0 0 20px 0;}
header nav li.navUnit_3 .subnav .main.general ul li {min-width: 160px;margin: 0 0 0 2%;}
header nav li.navUnit_3 .subnav .main ul li.last a.hd,
header nav li.navUnit_3 .subnav .main ul li.last span {position: relative;margin: 0;border-bottom: 0 !important;}
header nav li.navUnit_3 .subnav .main,
header nav li.navUnit_4 .subnav .main {
    max-width: 1240px;
    min-height: 236px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: url(../images/icon/icon_header_bg_arrow.png) no-repeat 10% center;
    background-size: auto 100%; 
}
header nav li.navUnit_4 .subnav .main {
    background: url(../images/icon/icon_header_bg_arrow.png) no-repeat 8% center;
    background-size: auto 100%; 
}
header nav li.navUnit_3 .subnav .main .vipBoxHd,
header nav li.navUnit_4 .subnav .main .vipBoxHd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    /* width: 18%; 
    max-width: 225px; */
    padding: 30px 0;
    text-align: center;
}
header nav li.navUnit_3 .subnav .main.general .vipBoxHd,
header nav li.navUnit_4 .subnav .main.general .vipBoxHd {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
header nav li.navUnit_3 .subnav .main ul,
header nav li.navUnit_4 .subnav .main ul {margin: 8px 0 20px 0;padding-left:4%; width:calc(100% - 26%)}
header nav li.navUnit_3 .subnav .main .btnBox {width: 150px;padding: 0;}
header nav li.navUnit_3 .subnav .main .vipBox .img,
header nav li.navUnit_4 .subnav .main .vipBox .img {*margin: 0 auto;height: 65px;}
header nav li.navUnit_3 .subnav .main .vipBox .img img,
header nav li.navUnit_4 .subnav .main .vipBox .img img {height:100%;}
header nav li.navUnit_3 .subnav .main .vipBox .memberID,
header nav li.navUnit_4 .subnav .main .vipBox .memberID{font-size:14px;line-height: 1.4em;color:#666;margin-top: 6px;}
header nav li.navUnit_3 .subnav .main .btnBox span.button {
    display: block;
    color: #333;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: transparent;
    border: 1px #aaaaaa solid;
    margin-top: 16px;
    cursor: pointer;
}
header nav li.navUnit_3 .subnav .main .btnBox span.button:hover {
    color: #e71a0f;
    border: 1px #e71a0f solid;
}
header nav li.navUnit_4 .subnav .main .btnBox span.button {
    padding: 10px;
    display: block;
    color: #666;
    font-size: 15px;
    line-height: 1.33em;
    text-align: center;
    background: transparent;
    border-top: 1px #aaaaaa solid;
    border-bottom: 1px #aaaaaa solid;
    margin-top: 16px;
}
header nav li.navUnit_3 .subnav .main.general .vipBox,
header nav li.navUnit_4 .subnav .main.general .vipBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
}
header nav li.navUnit_4 .subnav .main .vipBox {
    -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
    width: 100%
}
header nav li.navUnit_3 .subnav .main .vipBox {width: 100%}
header nav li.navUnit_3 .subnav .main.general .memberID,
header nav li.navUnit_4 .subnav .main.general .memberID{
    margin: 0 0 0 16px;
}
header nav li.navUnit_3 .subnav .main.general .vipBox .toLogin{
    font-size: 15px;
    line-height: 1.4em;
    color: #333;
}
header nav li.navUnit_3 .subnav .main .vipBox .memberID > a:hover { color:#e71a0f }
header nav li.navUnit_3 .subnav .main.general .vipBox .toLogin > .icon_r{
    display: none;
}
header nav li.navUnit_3 .subnav .main.general .vipBox .toLogin > img{
    display: inline-block;
    width: 7px;
    vertical-align: 4%
}
header nav li.navUnit_3 .subnav .main.general .vipBox .toLogin:hover > .icon_r{
    display: inline-block;
}
header nav li.navUnit_3 .subnav .main.general .vipBox .toLogin:hover > .icon_g{
    display: none;
}
header nav li.navUnit_3 .subnav .main.general .vipBox .tosStting,
header nav li.navUnit_4 .subnav .main.general .vipBox .tosStting{
    font-size: 15px;
    line-height: 1.4em;
    color: #666;
}





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.navUnit_3 .subnav .main ul li.last a.hd.first,
header nav li.navUnit_3 .subnav .main ul li.last span.first {margin: 0 0 -10px 0;}
header nav li.navUnit_3 .subnav .main ul li.usHeight .hd {position: relative;}
header nav ul li.navUnit_2 .subnav ul li {min-width: 160px;}
header nav li.navUnit_3 .subnav .main ul li {min-width: 160px;padding: 20px 0 20px 0;}
header nav li.navUnit_4 .subnav .main ul li {min-width: 160px;margin: 0 0 0 2%;}
header nav li.navUnit_4 .subnav .main ul li.last {max-width: 150px;}
header nav li.navUnit_4 .subnav .main ul li span.icon {display: inline-block;vertical-align: middle;width: 26px;height: 26px;padding: 0;margin: -4px 5px 2px 0;border-bottom: 0;}
header nav li.navUnit_4 .subnav .main ul li span.icon img {max-width: 26px;}
header nav li.navUnit_4 .subnav .main ul li span.icon.line {display: block;width: 126px;height: 70px;margin: 2px 0 0 0;}
header nav li.navUnit_4 .subnav .main ul li span.icon.line img {max-width: 100%;}
header nav li.navUnit_4 .subnav .main ul li a.qrcode {margin: 5px 0 0 0;}
header nav li.navUnit_4 .subnav .main ul li.last a.hd {padding: 10px 2px 10px 14px;}
header nav li.navUnit_4 .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:alpha(opacity=95);-moz-opacity:.95;opacity:.95;}
/* 20th */
@media only screen
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    /* header .navbar .logo { top: 13px; width: 155px; height: 39px;} */
    header .navbar nav ul li a {font-size: 16px;}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    /* header .navbar .logo { left: 15px; width: 160px; height: 40px;} */
}
/**
*
* menuMobile 
*
**/
.menuMobile {position: fixed;top: 0;bottom: 0;right: -280px;float: right;width: 280px;height: 100%;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;z-index: 3;}
.menuMobile.on {height:100% !important;right: 0;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.menuMobile .menubox {padding: 42px 0 0 0;width: 280px;background: #f2f2f2;min-height: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;z-index: 3;}
.menuMobile .menuhd {text-align: right;padding: 10px 15px 12px 15px;}
.menuMobile .menuhd .logout {line-height: 20px;padding: 4px 0 0 0;font-size: 14px;}
.menuMobile .menuhd .logout .icon {float: left;width: 24px;height: 24px;overflow: hidden;background: url(../images/icon/vip/icon_menuhd.png) no-repeat;-webkit-background-size: 24px auto;-o-background-size: 24px auto;background-size: 24px auto;}
.menuMobile .menuhd .login {font-size: 15px;line-height: 38px;}
.menuMobile .menuhd .login .icon.vip,
.menuMobile .menuhd .login .icon.vip2,
.menuMobile .menuhd .login .icon.fet,
.menuMobile .menuhd .login .icon.web {float: left;text-align: left;overflow: hidden;text-indent: -100000px;} 
.menuMobile .menuhd .login .icon.vip {background: url(../images/icon/vip/icon_vipBk.png) no-repeat;}
.menuMobile .menuhd .login .icon.vip2 {background: url(../images/icon/vip/icon_vipup.png) no-repeat;}
.menuMobile .menuhd .login .icon.fet {background: url(../images/icon/vip/icon_FETmobile.png) no-repeat center;}
.menuMobile .menuhd .login .icon.web {background: url(../images/icon/vip/icon_webmobile.png) no-repeat center;}
.menuMobile .menuhd .login .icon.vip {width: 58px;height: 48px;margin: -4px 0 0 0;-webkit-background-size: auto 48px;-o-background-size: auto 48px;background-size: auto 48px;}
.menuMobile .menuhd .login .icon.vip2 {width: 81px;height: 48px;margin: -4px 0 0 0;-webkit-background-size: auto 48px;-o-background-size: auto 48px;background-size: auto 48px;}
.menuMobile .menuhd .login .icon.fet {width: 105px;}
.menuMobile .menuhd .login .icon.web {width: 92px;}
.menuMobile .menuhd .login .icon.fet,
.menuMobile .menuhd .login .icon.web {height: 24px;margin-top: 4px;-webkit-background-size: auto 24px;-o-background-size: auto 24px;background-size: auto 24px;}
.menuMobile .menuhd .login a.iconLogout {display: block;float: right;color: #333;font-weight: bold;top: auto;line-height: 30px;padding: 0 0 0 37px;border-right: 0;background: url(../images/icon/icon_logout.png) no-repeat 17px 7px;-moz-background-size: 17px auto;-webkit-background-size: 17px auto;-o-background-size: 17px auto;background-size: 17px auto;}
.menuMobile .menuhd .login .con {width: 100%;padding: 5px 0 0 0;font: 12px/14px Helvetica, sans-serif;text-align: left;word-wrap: break-word;-moz-binding: url('js/wordwrap.xml#wordwrap');display: block;overflow: auto;}
.menuMobile .menubd {border-top: 1px #d8d8d8 solid;}
.menuMobile .menubd.friday {border-top: 1px #bbb solid;border-top: 4px #ddd solid;border-bottom: 4px #ddd solid;}
.menuMobile .menubd h3 {padding: 0 0 5px 0;color: #666;font: 12px/18px Helvetica, sans-serif;}
.menuMobile .menubd hr {display: block;height: 1px;border: 0;margin: 7px auto;background: #ede5dc;}
.menuMobile .menubd ul {display: block;clear: both;overflow: hidden;padding: 0 0 0 33px;}
.menuMobile .menubd ul:nth-child(1) {background: #fff;padding: 0 0 0 15px;border-right: 4px #c0c0c0 solid;}
.menuMobile .menubd.openSub ul:nth-child(1),
.menuMobile .menubd.openDefault ul:nth-child(1) {border-right: 4px #c8291e solid;}
.menuMobile .menubd.openDefault > ul.submenu2 {display: block;}
.menuMobile .menubd ul:nth-child(2) {background: #e8e8e8;border-top: 1px #d8d8d8 solid;}
.menuMobile .menubd.friday ul:nth-child(2) {background: #f8f2eb;}
.menuMobile .menubd ul.submenu2 {display: none;}
.menuMobile .menubd.friday ul:nth-child(1) {background: #f2f2f2;}
.menuMobile .menubd.friday ul:nth-child(1) img {max-width: 48px;vertical-align: middle;}
.menuMobile .menubd.EBU ul:nth-child(1) {background: #ece3d3;border-right: 4px #c18e61 solid;}
.menuMobile .menubd.EBU ul:nth-child(1) img {position: relative;top: -2px;margin: 0 2px 0 0;max-width: 24px;vertical-align: middle;}
.menuMobile .menubd ul li {padding: 12px 0;border-top: 1px #a9a9a9 solid;}
.menuMobile .menubd ul.subicon2 li {background: url(../images/mobile/icon_submenu2Open.png) no-repeat 92% center;-webkit-background-size: 10px auto;background-size: 10px auto;}
.menuMobile .menubd.openSub ul.subicon2 li {background: url(../images/mobile/icon_submenu2Close.png) no-repeat 92% center;-webkit-background-size: 10px auto;background-size: 10px auto;}
/* .menuMobile .menubd.openDefault ul.subicon2 li {background: url(../images/mobile/icon_submenu2Close.png) no-repeat 92% center;-webkit-background-size: 10px auto;background-size: 10px auto;} */
.menuMobile .menubd ul.submenu2 li {background: none;}
.menuMobile .menubd ul.submenu2 li.hd {margin: 0 0 0 -18px;}
.menuMobile .menubd ul li.noArrow {background: none;}
.menuMobile .menubd ul li:nth-child(1) {border-top: 0;}
.menuMobile .menubd ul li,
.menuMobile .menubd ul li a {display: block;font: 16px/22px Helvetica, sans-serif;}
.menuMobile .menubd ul:nth-child(1) li,
.menuMobile .menubd ul:nth-child(1) li a,
.menuMobile .menubd ul.submenu2 li.hd a {font-weight: bold;}
.menuMobile .menubd ul li a b {color: #e71a0f;font-weight: normal;}
.menuMobile .menubd .box {padding: 8px 0;display: block;clear: both;overflow: hidden;}
.menuMobile .menubd .box a {float: left;display: block;height: 27px;text-indent: -10000px;margin-bottom: 10px;}
.menuMobile .menubd .box a:last-child {margin-bottom: 0;}
.menuMobile .menubd .box a.fans {float: left;width: 110px;background: url(../images/mobile/icon_fans.gif) no-repeat;-webkit-background-size: 89px 27px;-o-background-size: 89px 27px;background-size: 89px 27px;}
.menuMobile .menubd .box a.video {float: left;width: 110px;background: url(../images/mobile/icon_video.gif) no-repeat;-webkit-background-size: 100px 27px;-o-background-size: 100px 27px;background-size: 100px 27px;}
.menuMobile .menubd .box a.talk {float: left;width: 80px;background: url(../images/mobile/icon_navDeer.gif) no-repeat;-webkit-background-size: 71px 27px;-o-background-size: 71px 27px;background-size: 71px 27px;}
.menuMobile .menuft {border-top: 1px #bbb solid;padding: 8px 8px 40px 8px;}
.menuMobile .menuft .menubd {border-top: 0;}
.menuMobile .menuft .menubd .box {padding: 0 0 10px 0;margin: 0 0 18px 0;}
.menuMobile .menuft .box {margin: 10px 0 10px 0;font: 12px/20px Helvetica, sans-serif;}
.menuMobile .menuft .privacy,
.menuMobile .menuft .copyright {font: 12px/18px Helvetica, sans-serif;}
.menuMobile .menuft .privacy span {padding: 0 3px;}
/**
*
* scrollDown
*
**/
.scrollDown {position: fixed;bottom: 18px;left: 50%;width: 36px;height: 36px;margin: 0 0 0 -18px;border: 2px #c08955 solid;background-color: #fff;-webkit-border-radius: 50%;border-radius: 50%;overflow: hidden;z-index: 9999;-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.3);box-shadow: 0 5px 5px rgba(0,0,0,0.3);}
.scrollDown a {display: block;text-align: center;}
.scrollDown img {position: relative;top: 2px;max-width: 18px;animation: scrollDownArrow 1.1s infinite;opacity: .25;}
@keyframes scrollDownArrow {
    0%   {top: 2px;opacity: 0;}
    10%  {top: 2px;opacity: 0;}
    20%  {top: 4px;opacity: .25;}
    30%  {top: 8px;opacity: .50;}
    40%  {top: 12px;opacity: .75;}
    50%  {top: 14px;opacity: 1;}
    100% {top: 14px;opacity: 1;}
}
/* content
*----------------------------------------------------------------------------*/
/* hanker update for FETnet Revamp */
section {position: relative;width: 100%;padding: 118px 0 0 0;background: #f2f2f2;-webkit-transition: padding-top 0.5s;-moz-transition: padding-top 0.5s;transition: padding-top 0.5s;}
/* section {position: relative;width: 100%;padding: 100px 0 0 0;background: #f2f2f2;-webkit-transition: padding-top 0.5s;-moz-transition: padding-top 0.5s;transition: padding-top 0.5s;} */
.matchPage section {background: #fff url(../images/eStore/bg_section.png) repeat-x top center;background-size: 1920px auto;}
.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%;background-size: 100% 100%;}
section .main.otherComplex {position: relative;margin-top: -1px !important;z-index: 1;}
/** topAD start **/
section .main.deviceAd {padding: 0 0 20px 0;min-width: 120px;max-width: 1280px;min-height: 120px;max-height: 1050px;background: url(../images/icon/loading.gif) no-repeat center;-webkit-background-size: auto 120px;background-size: auto 120px;}
article.pageAdBox {margin: 0 auto;}
article.pageAdBox .adBox { margin: 0;}
article.pageAdBox .adBox img {border: 1px #fff solid;min-width: 118px;max-width: 1278px;min-height: 118px;max-height: 1048px;}
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;}
/** topAD end **/
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;}
.matchPage article.crumbBox {background: none;}
.homePage article.crumbBox {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;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;background-size: 17px auto;}
article.otherLinkBox ul {margin: 20px 0 0 0;}
article.otherLinkBox .shareBox ul {border-top: 3px #e71a0f solid;display: table;width: 100%;}
article.otherLinkBox .shareBox ul li {position: relative;display: table-cell;width: 33.33%;}
article.otherLinkBox .shareBox ul li:after {position: absolute;top: 0;right: 0;bottom: 0;content: "";width: 1px;background-color: #e0e0e0;}
article.otherLinkBox .shareBox ul li:after:last-child {display: none;}
article.otherLinkBox .otherBox ul {border-top: 3px #fab502 solid;}
article.otherLinkBox .con {position: relative;padding: 18px 22px 20px 22px;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 .fbshareBd a {top: 69px;left: -22px;right: -22px;bottom: -21px;}
article.otherLinkBox .con .text {margin: 12px 0 0 0;font-size: 15px;line-height: 1.3em;}
article.otherLinkBox .shareBox .con .text {height: 2.6em;overflow: hidden;display: flex;align-items: start;justify-content: start;}
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;max-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 74% 0;overflow: hidden;}
article.otherLinkBox .shareBox .con .photo.fbUrlimg img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width: 210px;width: 100%;padding-top: 67px;}
article.otherLinkBox .shareBox .con .photo.fbUrlimg .shadow {top: 69px;z-index: 1;}
article.otherLinkBox .shareBox .con .photo .photoBox {position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;}
article.otherLinkBox .shareBox .con .photo .photoBox img {width: 100%;max-width: 210px;}
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;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;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;overflow : hidden;padding: 0 20px 0 0;}
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: absolute;top: 13px;left: 15px;right: 15px;height: 65px;overflow: hidden;padding: 0 0 5px 0;z-index: 1;background: #fff;}
article.otherLinkBox .con .fbshareHd > img {width: auto;max-width: inherit;max-width: initial;max-height: inherit;max-height: initial;}
article.otherLinkBox .con .fbshareHd .fbshare {height: 72px;margin: -2px;}
article.otherLinkBox .con .fbshareBd {position: absolute;top: 15px;left: 22px;right: 22px;}
.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%;}
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: 17px;}
/**
*
* quickLinkBox 
*
**/
div.quickLinkBox {padding: 30px 0 20px 0;background: #e9e4de;}
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: -10px -10px 0 -10px;display: flex;align-items: flex-start;justify-content: space-between;}
article.quickLinkBox ul li {display: inline-block;max-width: calc(16.6% - 20px);font-size: 16px;margin: 10px;}
/**
*
* 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;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.textAlignRight {text-align: right;}
.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;}
.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: #f0f0f0;}
.editBox th.subTitle,
.editBox td.subTitle {color: #666;font-size: 15px;word-break: break-all;word-wrap: break-word;background: #f0f0f0;}
.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;}
.editBox table.data td.hd a,
.editBox table.data td.hd span {font-weight: normal;}
/**
*
* 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;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
*----------------------------------------------------------------------------*/
/* hanker for FETnet Revamp eStore Footer 跑版修改 */
/* footer {padding: 30px 40px;padding: 30px 0 30px 100px;position: relative;background: #bfbfbf;font-size: 12px;line-height: 1.6em;} */
footer {padding: 30px 40px;padding: 0 0 0 0;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: 800px;padding: 0 20px;}
footer .monitor { display: block;}
footer .mobile { display: none;}
footer .banner {padding: 2px 0 0 0;background: #fff;}
footer .banner img {width: 100%;min-width: 320px;vertical-align: bottom;}
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;}
footer .dropdown-menu {position: relative;}
footer .dropdown-menu > span {font-size: 12px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; display: block; padding: 0 25px 0 10px;}
footer .dropdown-menu > span:after { position: absolute; top: 12px; right: 6px; display: block;content: "";width: 0;height: 0;border-style: solid;border-width: 5px 4px 0 4px;border-color: #000000 transparent transparent transparent;}
footer .dropdown-menu > span, .dropdown-menu > div {cursor: pointer;outline: 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
footer .dropdown-menu > div {background-color: rgba(0, 0, 0, 0);position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: none;}
footer .dropdown-menu > span:focus ~ div {display: block;}
footer .dropdown-menu > ul {position: absolute; bottom: 30px; left: -1px; right: -1px; z-index: 1;visibility: hidden;transition: visibility 0.5s;opacity: 0;border: 1px #ccc solid;}
footer .dropdown-menu > span:focus ~ ul {visibility: visible;opacity: 1;}
footer .dropdown-menu li {white-space: nowrap;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0 0 0 10px;}
footer .dropdown-menu > span, .dropdown-menu li {background: #fff;white-space: nowrap;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);height: 30px;line-height: 30px; min-width: 150px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
footer .dropdown-menu li:hover {background: #dddddd;}
footer .dropdown-menu a {font-size: 12px;display: block;color: #555;}
/**
*
* popupsearch
*
**/
.searchrevampbox .popupsearch {background: #f6f6f6;z-index: 980;}
.searchrevampbox .popupsearch .searchbox {position: relative;margin: 10px;}
.searchrevampbox .popupsearch ul.schcon li {float: left;width: 100%;}
.footer .search_area { padding: 8px 0 6px;}
.searchrevampbox { margin: 0 0 0;}
.hot_key { display:none;}
.searchrevampbox .searchbox .schtags { float: left; left: 0; right: 34px; z-index: inherit; overflow: hidden; background:#fff;}
.searchrevampbox .searchbox .arrowdelbox select.schselect {-webkit-appearance: none;}
.searchrevampbox .searchbox .schtags a.schclose { z-index: 9;}
/*-----------------------------------------------------------------------------
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;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-optgroup-header + .selectboxit-option-first {border-top-right-radius: 0px;border-top-left-radius: 0px;}
.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);}
body > .featherlight {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 #DCC6BC solid;margin: 2% 5%;max-height: 95%;background: #fff;cursor: auto;white-space: normal;-webkit-overflow-scrolling: touch;}
.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;background-size: 36px auto;}
.featherlight .featherlight-close-icon:hover {background: url(../images/icon/icon_close_bk.png) no-repeat;-webkit-background-size: 36px auto;background-size: 36px auto; filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8;}
.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;}}
/*-----------------------------------------------------------------------------
checkradios jQuery Plugin
-----------------------------------------------------------------------------*/
.icheckbox_square-blue,.iradio_square-blue { position: relative; top: -1px; display: inline-block;*display: inline;vertical-align: middle;margin: 0 5px 0 0;padding: 0;width: 22px;height: 22px;background: url(../images/icon/blue.png) no-repeat;-webkit-background-size: 240px 24px;background-size: 240px 24px;border: none;cursor: pointer;}
.icheckbox_square-blue {background-position: 0 0;}
.icheckbox_square-blue.hover {background-position: -24px 0;}
.icheckbox_square-blue.checked {background-position: -48px 0;}
.icheckbox_square-blue.disabled {background-position: -72px 0;cursor: default;}
.icheckbox_square-blue.checked.disabled {background-position: -96px 0;}
.iradio_square-blue {background-position: -120px 0;}
.iradio_square-blue.hover {background-position: -144px 0;}
.iradio_square-blue.checked {background-position: -168px 0;}
.iradio_square-blue.disabled {background-position: -192px 0;cursor: default;}
.iradio_square-blue.checked.disabled {background-position: -216px 0;}
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {.icheckbox_square-blue,.iradio_square-blue {background-image: url(../images/icon/blue@2x.png);-webkit-background-size: 240px 24px;background-size: 240px 24px;}}
/*-----------------------------------------------------------------------------
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.w650 { width: 650px;}
.lightboxComplex .lightBox.w900 { width: 900px;}
.lightboxComplex .lightBox.wAuto { width: auto;}
.lightboxComplex .lightBox .lightConBox { display: table; width: 100%; min-height: 320px; padding: 55px 25px 35px 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.eStore .title { margin: 0 0 20px 0; padding: 0 0 10px 0; text-align: left; border-bottom: 1px #e1e1e1 solid;}
.lightboxComplex .editBox.eStore .productSpecification .title,
.lightboxComplex .editBox.eStore .productFeature .title {font-size: 20px;color: #333;font-weight: bold;margin: -20px -25px 20px -25px;padding: 0 0 10px 0;text-align: center;border-bottom: 1px #e1e1e1 solid;}
.lightboxComplex .editBox.eStore .productFeature .minorTitle {font-size: 20px;line-height: 1.4em;color: #894B30;margin: 0 0 10px 0;text-align: center;}
.lightboxComplex .editBox.eStore .productFeature .minorSubTitle {font-size: 18px;line-height: 1.4em;color: #333;margin: 0 0 20px 0;text-align: center;}
.lightboxComplex .editBox.eStore .productFeature ul {margin: 2px 0 2px 15px;}
.lightboxComplex .editBox.eStore .productFeature ol {margin: 2px 0 2px 30px;}
.lightboxComplex .editBox.eStore .productFeature .box { margin: 20px 0 0 0;}
.lightboxComplex .editBox.eStore .productFeature .box:first-child { margin: 0;}
.lightboxComplex .editBox.eStore .productFeature .box .subTitle { font-size: 16px;font-weight: bold;color: #894B30;}
.lightboxComplex .editBox.eStore .productFeature .box .text p  { margin: 0 0 10px 0;}
.lightboxComplex .editBox.eStore .productSpecification { text-align: left;}
.lightboxComplex .editBox.eStore .productSpecification table { width: 100%;margin: 20px 0 0 0;}
.lightboxComplex .editBox.eStore .productSpecification table:first-child { margin: 0;}
.lightboxComplex .editBox.eStore .productSpecification th,
.lightboxComplex .editBox.eStore .productSpecification td { border: 1px #ccc solid;}
.lightboxComplex .editBox.eStore .productSpecification th {width: 10%;vertical-align: middle;background-color: #efeae7;}
.lightboxComplex .editBox.eStore .productSpecification td.subTitle {width: 20%;}
/** cardInforBox **/
.lightboxComplex .editBox.eStore .productFeature .cardInforBox {display: block;text-align: left;margin: 10px 0;}
.lightboxComplex .editBox.eStore .productFeature .cardInforBox .cardInforHd {position: relative;padding-right: 100px;background-color: #efeae7;border-left: 4px #c69e8d solid;}
.lightboxComplex .editBox.eStore .productFeature .cardInforBox .cardInforHd > div {display: inline-block;vertical-align: middle;padding: 10px 15px;}
.lightboxComplex .editBox.eStore .productFeature .cardInforBox .cardInforHd > div:nth-child(1) {width: 90px;}
.lightboxComplex .editBox.eStore .productFeature .cardInforBox .cardInforHd > div:nth-child(2) {width: 100px;}
.lightboxComplex .editBox.eStore .productFeature .cardInforBox .cardInforHd a {position: absolute;top: 13px;right: 15px;text-decoration: none;font-size: 13px;}
.lightboxComplex .editBox.eStore .productFeature .cardInforBox .cardInforHd a:hover {color: #894b30;}
.lightboxComplex .editBox.eStore .productFeature .cardInforBox .cardInforHd a span.icon {display: inline-block;vertical-align: middle;width: 22px;height: 22px;margin: -3px 0 0 3px;font-size: 15px;background: url(../images/eStore/icon_fillFormBoxHd_open.png) no-repeat;background-size: 100% auto;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.lightboxComplex .editBox.eStore .productFeature .cardInforBox.open .cardInforHd a span.icon {display: inline-block;width: 22px;height: 22px;background: url(../images/eStore/icon_fillFormBoxHd_close.png) no-repeat;background-size: 100% auto;-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
.lightboxComplex .editBox.eStore .productFeature .cardInforBox .cardInforBd {display: none;}
.lightboxComplex .editBox.eStore .productFeature .cardInforBox.open .cardInforBd {display: block;}
.lightboxComplex .editBox.eStore .productFeature .cardInforBox.open .cardInforBd p {padding: 10px;font-size: 13px;color: #666;}
.lightboxComplex .editBox.eStore .productFeature .cardInforBox .cardInforHd a:hover span.icon {background: url(../images/eStore/icon_fillFormBoxHd_open_hover.png) no-repeat;background-size: 100% auto;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.lightboxComplex .editBox.eStore .productFeature .cardInforBox.open .cardInforHd a:hover span.icon {background: url(../images/eStore/icon_fillFormBoxHd_close_hover.png) no-repeat;background-size: 100% auto;-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
.lightboxComplex .editBox.eStore .textName { margin: 0 auto 20px auto;}
.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 .box.w120 { width: 120px;}
.lightboxComplex .editBox .btnDownBox a.button { font-size: 15px; height: 40px; line-height: 40px;}
.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: 25px -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;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 .box .con .wp70 { width: 70%;margin: 0 auto;}
.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;}
/**
*
* adTopBar
*
**/
header .topAd { position: relative; overflow: hidden; height: 60px;border-bottom: 1px #f4f4f4 solid;background: #000 url(../images/icon/loading.gif) no-repeat center;-moz-background-size: auto 96%;-webkit-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;display:flex;align-items:center;justify-content:start;}
header .topAd .main:after {content:"";display: table;clear: both;}
header .topAd a.close { position: absolute; top: 10px;right: 20px; display: inline-block; width: 28px; height: 28px; font-size: 0;cursor: pointer; background: url(../images/icon/icon_close_bk.png) no-repeat;-moz-background-size: 28px auto;-webkit-background-size: 28px auto;background-size: 28px 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;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;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 .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;}
/** footAd start **/
.adSliderFt {min-width: 120px;max-width: 1280px;min-height: 120px;max-height: 1050px;background: url(../images/icon/loading.gif) no-repeat center;-webkit-background-size: auto 120px;background-size: auto 120px;}
article.deviceAdBox { position: relative;margin: 0 auto; z-index: 1;}
article.deviceAdBox .adBox { margin: 0;}
article.deviceAdBox .adBox .slickLi {min-height: 120px;}
article.deviceAdBox .adBox .slickLi a {display: inline; text-align: center; background-color: #fff;}
article.deviceAdBox .adBox img { /*width: 100%; margin: 0 -1px;*/ border: 1px #fff solid;max-width: 1278px; min-width: 118px;min-height: 118px;max-height: 1048px;}
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;}
/** footAd start **/
/**
*
* adSplash
*
**/
.featherlight .featherlight-content {padding: 0;}
.featherlight .featherlight-close-icon {background: url(../images/icon/icon_splashAD.png) no-repeat center;-webkit-background-size: 36px auto;-o-background-size: 36px auto;background-size: 36px auto;}
.featherlight .featherlight-close-icon:hover { background: url(../images/icon/icon_splashAD_hover.png) no-repeat center;-webkit-background-size: 36px auto;-o-background-size: 36px auto;background-size: 36px auto;}
.splashAD .monitor img { width:100%;}
.splashAD .mobile img { width:100%;}
.splashAD { position: relative; z-index:1;}
.splashAD .bgComplex .mobile { display: none;}
.splashAD .video { position: absolute;top: 5%; left:11%;width: 78%;padding-bottom: 44%;}
.splashAD .video iframe {  position: absolute; top:0; left: 0; width: 100%; height: 100%;}
@media only screen and (max-width: 1024px) {.featherlight .featherlight-content {margin-left: 5%;margin-right: 5%;max-height: 95%;padding: 0;border-bottom: 0;}}
@media only screen and (max-height: 768px) {.splashAD .monitor img { max-height:600px; max-width:924px;}}
/**
*
* adLoginFt
*
**/
/* .adLoginFt { padding: 20px 0 0 20px; max-width: 300px;}
.adLoginFt img { width: 100%; margin: 0 -1px; border: 1px #fff solid;}
@media only screen and (max-width: 767px) {
    .adLoginFt {
        padding: 3vw 5px 60vw 5px;
        max-width: inherit;
        max-width: initial;
    }
} */
/**
*
* noticeMsg
*
**/
.noticeMsgBox {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99;}
.noticeMsgBox .monitor {position: relative;display: block;}
.noticeMsgBox .monitor:after {position: absolute;top: -50px;left: -95px;width: 80px;height: 85px;content: "";background: url(../images/home/noticeArrow_.png) no-repeat;}
.noticeMsgBox .mobile {width: 70%;display: none;}
.noticeMsgBox .monitor, .noticeMsgBox .mobile {text-align: center;position: relative;z-index: 2;}
.noticeMsgBox .monitor img, .noticeMsgBox .mobile img{max-width: 100%;}
.noticeMsgBox .bgComplex {position: relative;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.noticeMsgBox .bgComplex a {display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;cursor: pointer;background-color: rgba(0,0,0,.85);z-index: 1;}
@media only screen and (max-width: 960px) {.noticeMsgBox .monitor {width: 70%;}}
@media only screen and (max-width : 767px) {.noticeMsgBox .monitor {display: none;}.noticeMsgBox .mobile {display: block;}}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px) 
and (orientation : landscape) {
    .noticeMsgBox {
        overflow: auto;
        z-index: 99;
    }
    .noticeMsgBox .bgComplex { 
        min-height: 700px;
    }
}
