@keyframes rotat {
    0% {
        top: -9%;
        left: -2%;
    }
    25% {
        top: -1%;
        left: -6%;
    }
    50% {
        top: 3%;
        left: -2%;
    }
    75% {
        top: -1%;
        left: 6%;
    }
    100% {
        top: -9%;
        left: -2%;
    }
}
@-webkit-keyframes rotat {
    0% {
        top: -9%;
        left: 0%;
    }
    25% {
        top: -1%;
        left: -8%;
    }
    50% {
        top: 3%;
        left: 0%;
    }
    75% {
        top: -1%;
        left: 8%;
    }
    100% {
        top: -9%;
        left: 0%;
    }
}

@-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);
    }
}
.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

address {
    margin: 0;
    padding: 0;
    font-size: 18px;
}
/*html{background:url(bg/bg.jpeg) 50% 0 fixed;
background-size:100%}*/
body {
    background: #efefef;
}
.pp1412 body,
.p321 body {
    background: none;
}
html body a[id][name] {
    height: 0;
    width: 100%;
    display: block;
    overflow: hidden;
}
a,
area,
button,
[role="button"],
input:not([type="range"]),
label,
select,
summary,
textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
.cf {
    clear: both;
}
.cfx::after {
    clear: both;
    content: "";
    display: block;
    overflow: hidden;
    height: 0;
    width: 0;
}
._AI_,
._DS_,
._AIF_,
._DSF_ {
    display: none;
}
/*if we dont use jQuery fadeIn fadeOut*/
._AIF_,
._DSF_ {
    -webkit-transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    -ms-transition: all 1.2s ease;
    transition: all 1.2s ease;
}
.agenda_td_flex {
    display: flex;
    max-width: 656px;
    margin: auto;
}
.agenda_td_flex.agenda_td_flex-w2child > span {
    width: 50%;
    display: block;
}
body p {
    font-size: 18px;
}

.agenda-offset-top-line {
    display: block;
    position: absolute;
    height: 9px;
    border-top: 1px solid #c5c5c5;
    width: 100%;
    background: #fff;
    margin-left: -8px;
    z-index: 999;
    margin-top: -8px;
}

#header .navbar-header .nav > li > a.cur {
    color: #fff;
}

#header .container .row .col-sm-12 {
    max-width: 100vw; /*fix for non-index page*/
}

#speaker-search-widget .order_tip {
    margin: 0 0 10px;
    font-size: 13px;
    font-weight: bold;
}

.dlpdf {
    text-align: center;
    width: 300px;
    max-width: 100%;
    border: 2px solid green;
    margin: 5px auto;
    border-radius: 8px;
}
.dlpdf,
.dlpdf a {
    font-size: 15px;
}
.dlpdf:hover,
.dlpdf:hover a {
    font-size: 16px;
}

dl.me_desc dt {
    text-align: left;
}

#AIa {
    background: #50badc;
    display: block;
    border-top: 8px solid #fff;
}
#AIa img {
    display: block;
    margin: auto;
    min-width: 945px;
}
@media screen and (min-width: 501px) and (max-width: 944px) {
    #AIa img {
        min-width: 740px;
    }
}
@media screen and (min-width: 401px) and (max-width: 500px) {
    #AIa img {
        min-width: 425px;
    }
}
@media screen and (max-width: 400px) {
    #AIa img {
        min-width: 370px;
    }
}

#postnav {
    border: 0 solid #efefef;
    border-width: 1px 0;
    margin: 35px 0 0;
}
#postnav::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}
#postnav p {
    float: left;
    width: 49.95%;
    padding: 20px 0;
    text-align: center;
}
#postnav p + p {
    float: right;
}
#postnav span {
    display: block;
}
#postnav span::after {
    content: ":";
}
#postnav p:hover a {
    text-decoration: underline;
}

#L {
    position: fixed;
    top: 20%;
    height: 1px;
    pointer-events: none;
    width: 100%;
    left: 0;
}

#go-signup > i {
    color: #900;
    font-size: 16px;
    display: block;
}
#go-signup > span {
    display: block;
    font-size: 22px;
}
@media screen and (max-width: 500px) {
    #go-signup #countdown {
        display: block;
    }
    #postnav p {
        float: none;
        width: 100%;
        display: block;
    }
    #postnav span {
        display: none;
    }
}

#row-support .col-md-8,
#row-support .col-md-12,
#row-support h1 {
    margin-top: 0;
}

#organizer a {
    color: #5d2191;
}
.orgtitle {
    font-weight: bold;
}

/*#isotope_filters a:hover,*/
#toTop:hover,
#toTop,
#toTopHover {
    background: #1c2b53;
}

::selection {
    color: #fff;
}
::selection {
    background: #1c2b53;
}
::-moz-selection {
    background: #1c2b53;
}

dl.staff dt {
    color: #5d2191;
}
.color_section {
    background: #1c2b53;
}

a {
    color: #1c2b53;
}
/*
#logo-proxy{padding:0;margin:0;}
#logo-proxy li{display: inline-block;list-style: none;border-radius:4px;background:#ddd;padding:3px 6px;color:#000;margin:0 9px 0 0;cursor:pointer;}
#logo-proxy .ai:hover,
#logo-proxy .ai.cur{color:#fff;background: #5d2191}
#logo-proxy .ds:hover,
#logo-proxy .ds.cur{color:#fff;background: #FAAC00}
*/

.tags {
    font-size: 13px;
    padding: 3px 0;
    border: 1px solid #eee;
    border-width: 1px 0;
    margin: 9px 0;
}
.tags ul {
    display: inline;
    margin: 0 0 0 9px;
    padding: 0;
}
.tags span {
    font-weight: bold;
}
.tags li {
    list-style: none;
    display: inline-block;
    padding: 2px 4px;
    margin: 0 9px 0 0;
    line-height: 1.1;
    border: 1px solid #ccc;
}
.tags li:hover {
    border-color: #09f;
}
.tags a {
    color: #09f;
    display: block;
    width: 100%;
    height: 100%;
}

.pgr {
    text-align: right;
}
.nav-links a,
.pgr a {
    display: inline-block;
    text-align: center;
    width: 26px;
    border: 1px solid #ccc;
}
.nav-links a:hover,
.pgr a:hover {
    border-color: #09f;
    background: #dfdfdf;
}
.nav-links span,
.pgr a.cur {
    border: none;
    font-size: 1.6em;
    color: #333;
}
.nav-links span:hover,
.pgr a.cur:hover {
    background: transparent;
}

.nav-links a.next,
.nav-links a.prev {
    width: auto;
    padding: 2px 4px;
}
.nav-links a {
    padding: 2px 4px;
}

.bigCircl {
    display: block;
    width: 0;
    height: 0;
    left: 50%;
    top: 50%;
    position: absolute;
    border-radius: 50%;
    background-color: transparent;
    z-index: 99999;
    transform: translate(-50%, -50%);
    transition: 0.8s ease;
}
.bigCircle.trans {
}
.bigCirclexpanded {
    width: 200%;
    padding-bottom: 200%;
    height: auto;
}
/*.Xdotcolors: (
  blue: #1b8bf9,
  orange: #FF6C19,
  green: #41FF9F,
  white: #f9f9f9
);*/
.bigCircl-blue {
    background-color: #1b8bf9;
    transition-delay: 0.25s;
}
.bigCircl-orange {
    background-color: #ff6c19;
    transition-delay: 0.5s;
}
.bigCircl-green {
    background-color: #41ff9f;
    transition-delay: 0.75s;
}
.bigCircl.white {
    background-color: #f9f9f9;
    transition-delay: 1s;
}

#lobby {
    margin: 59px 0 0;
    position: relative;
    background: #eee;
}
#lobby a img {
    transition: none;
}
#lobby > video {
    width: 100%;
    width: 100vw;
}
#wrap3d .dot3d,
#lobby .posabs {
    position: absolute;
    left: 50%;
    top: 0;
}
#lobby .lobbychild1 {
    left: 28%;
    top: 0;
}
#lobby .lobbychild2 {
    left: 65.9%;
    top: 0;
}
#lobby .lobbychild3 {
    left: 10.75%;
    top: 21.5%;
}
#lobby .lobbychild4 {
    left: 83%;
    top: 21.5%;
}

#lobby .lobbychildL {
    left: 17.9%;
    top: 21.5%;
}
#lobby .lobbychildR {
    left: 62.45%;
    top: 21.5%;
}
#lobby .lobbychildC {
    left: 38.86%;
    top: 20.7%;
}

@-webkit-keyframes lobbydot {
    to {
        box-shadow: 0 0 0 20px rgba(21, 156, 229, 0);
    }
}
@keyframes lobbydot {
    to {
        box-shadow: 0 0 0 20px rgba(21, 156, 229, 0);
    }
}

@-webkit-keyframes lobbydotlight {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}
@keyframes lobbydotlight {
    100% {
        top: -9px;
        right: -9px;
        bottom: -9px;
        left: -9px;
        opacity: 0;
    }
}
#wrap3d .dot3d,
#lobby .lobbydot {
    display: block;
    background: #fff;
    opacity: 1;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    /*-webkit-animation: lobbydot 5s infinite cubic-bezier(.36,4,0,1);
  animation: lobbydot 5s infinite cubic-bezier(.36,4,0,1);*/
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
}
#wrap3d .dot3d {
    width: 20px;
    height: 20px;
}
@media screen and (max-width: 667px) {
    #lobby .lobbydot {
        margin-left: -0.7%;
        width: 10px;
        height: 10px;
    }
}
#wrap3d .dot3d:before,
#lobby .lobbydot:before {
    border-radius: 50%;
    content: "";
    position: absolute;
    border: #fff solid 6px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
#wrap3d .dot3d.goanim:before,
#lobby .lobbydot.goanim:before {
    animation-name: lobbydotlight;
}
#lobby .lobbyenter1 {
    left: 35.8%;
    top: 22.5%;
}
#lobby .lobbyenter2 {
    left: 63.9%;
    top: 22.5%;
}
#lobby .lobbyexhi1 {
    left: 29%;
    top: 46%;
}
#lobby .lobbyexhi2 {
    left: 70.25%;
    top: 46%;
}
#lobby .lobbyagenda {
    left: 23.5%;
    top: 61.5%;
}
#lobby .lobbyconf {
    left: 50%;
    top: 56.5%;
    background: red;
}
#lobby .lobbyconf:before {
    border-color: red;
}
#lobby .lobbyconf:after {
    font-weight: bold;
    content: "線上會場由此進入";
    position: absolute;
    width: 4em;
    font-size: 130%;
    line-height: 1.1;
    margin: 1em 0 0 -1.6em;
    color: #fff;
}
#lobby .lobbyspeaker {
    left: 76.4%;
    top: 61.5%;
}
#lobby .lobbyinfo {
    left: 23.5%;
    top: 85%;
    background: #06f;
    opacity: 0.6;
}
#lobby .lobbyinfo:before {
    border-color: #06f;
}

#wrap3d h1 {
    text-align: center;
    font-size: 22px;
}
#wrap3d .back {
    padding: 8px;
    text-align: center;
    display: block;
}
.wrap3d {
    position: relative;
}
.wrap3d .video {
    position: absolute;
    top: 30%;
    left: 50%;
    width: 16.5%;
    height: 15%;
}
#wrap3d .dot3d {
    width: 9px;
    height: 9px;
}
#wrap3d [class*="expander"] {
    display: block;
    background: red;
    opacity: 0;
    position: absolute;
    width: 16%;
    height: 16%;
    top: 29.5%;
    left: 33.5%;
}
#wrap3d .wrap3d .ifrvideo.spvideo-expander {
    top: 29.5%;
    left: 50%;
}
.wrap3d:before,
.wrap3d:after {
    content: "";
    display: block;
    position: absolute;
    opacity: 0.5;
    top: 33%;
    left: 56%;
    pointer-events: none;
}
.wrap3d:before {
    border-radius: 50%;
    background: #666;
    width: 5%;
    height: 9%;
}
.wrap3d:after {
    border: 0 solid transparent;
    border-width: 16px 0 16px 20px;
    height: 0;
    width: 0;
    border-left-color: #fff;
    top: 35%;
    left: 57.7%;
}
@media screen and (max-width: 885px) {
    .wrap3d:after {
        border-width: 10px 0 10px 12px;
    }
}
@media screen and (max-width: 650px) {
    .wrap3d:after {
        border-width: 6px 0 6px 8px;
    }
}
#wrap3dasiaedu:before,
#wrap3dasiaedu:after,
#wrap3dkpmg.wrap3d:before,
#wrap3dkpmg.wrap3d:after {
    display: none;
}
#wrap3d .spposter2-expander {
    top: 46.5%;
    left: 41.5%;
}
#wrap3d .spedm-expander {
    top: 38%;
    left: 68%;
    height: 49%;
    width: 8%;
}

#wrap3d .dot3d.spposter1 {
    top: 42%;
    left: 41%;
}
#wrap3d .dot3d.spposter2 {
    top: 60%;
    left: 48.5%;
}
#wrap3d .dot3d.spedm {
    top: 42%;
    left: 71.2%;
}
#wrap3dinfuseai .dot3d {
    background: #f60 !important;
}
#wrap3dinfuseai .dot3d.spposter1 {
    top: 43% !important;
}
#wrap3dinfuseai .dot3d:before {
    border-color: #f60 !important;
}

#wrap3dkpmg .dot3d.spvideo {
    top: 60%;
    left: 48.5%;
}
#wrap3dkpmg .dot3d.spposter2 {
    top: 42%;
    left: 59%;
}
#wrap3dkpmg .spposter2-expander {
    top: 29.5%;
    left: 50%;
}
#wrap3dkpmg .spvideo-expander {
    top: 46.5%;
    left: 41.5%;
}

#wrap3dasiaedu .video {
    top: 33%;
    left: 50%;
    margin-left: -12.5%;
    width: 25%;
    height: 25%;
}
#wrap3dkpmg .video {
    top: 216px;
    left: 50%;
    margin-left: -143px;
    width: 25%;
    height: 25%;
}
#wrap3d dt,
dd {
    text-align: left;
}
#wrap3d dt {
    margin: 10px 0 0;
}

@media screen and (max-width: 500px) {
    .msg-phoneuser {
        display: block !important;
        padding: 0;
        margin: 0;
        text-align: center;
        color: green;
        font-weight: bold;
        letter-spacing: 1px;
    }
}

/*move to _bnr20.css START*/
#bnr20 {
    position: relative;
}
/*
#bnr20 .hdXXXX,
#bnr20 .btnXXXX,
#bnr20 .dateXXXX{
-webkit-transition: all 2s ease;
  -ms-transition: all 2s ease;
  -moz-transition: all 2s ease;
  transition: all 2s ease}
*/
/* #bnr20 ._AIF_,
{position: absolute;} */
#bnr20 .hd.goanimate,
#bnr20 .date.goanimate,
#bnr20 .boat.goanimate {
    animation: pulse;
    animation-duration: 2s;
}
#bnr20 ._AIF_ {
    top: 61px;
    left: 0;
    overflow: hidden;
    z-index: 9;
}
/*
#bnr .boat.transitionXXX{
  -webkit-transition: all 4s ease;
  -ms-transition: all 4s ease;
  -moz-transition: all 4s ease;
  transition: all 4s ease
}
*/
#bnr20 .bg {
    max-width: inherit;
}
section.intro > .container {
    padding-top: 50px;
}

@media screen and (max-width: 320px) {
    section > .container.is_home {
        padding-top: 425px;
    }
    #bnr20 .bg {
        width: 1170px;
        min-height: 350px;
        margin-left: 0;
    }
    #bnr20 .boat {
        top: 40px;
        left: 1.8vw;
        width: 97vw;
        opacity: 0.5;
    }
    #bnr20 .hd {
        top: 103px;
        left: 3vw;
        width: 94vw;
    }
    #bnr20 .date {
        top: 190px;
        left: -1vw;
        width: 103vw;
    }
}
@media screen and (min-width: 321px) and (max-width: 520px) {
    section > .container.is_home {
        padding-top: 415px;
    }
    .bg_inner {
        flex-wrap: wrap;
        top: 16%;
        justify-content: flex-start;
    }
    #bnr20 .bg {
        width: 600px; /*1170px*/
        min-height: 280px;
        margin-left: 0;
    }
    #bnr20 .boat {
        width: 250px;
        position: absolute;
        right: 0%;
        opacity: 0.7;
        top: 9%;
    }
    #bnr20 .hd {
        z-index: 5;
        width: 330px;
    }
    #bnr20 .date {
        z-index: 5;
        width: 270px;
        margin-left: 20px;
    }
}
@media screen and (min-width: 521px) and (max-width: 600px) {
    .bg_inner {
        justify-content: flex-start;
        top: 35% !important;
    }
}
@media screen and (min-width: 521px) and (max-width: 768px) {
    section > .container.is_home {
        padding-top: 410px;
    }
    .bg_inner {
        justify-content: flex-start;
        top: 30%;
    }
    #bnr20 .bg {
        width: 1170px;
        min-height: 350px;
        margin-left: 0;
    }
    #bnr20 .boat {
        width: 30%;
        position: absolute;
        right: 5%;
        opacity: 0.7;
        top: -10%;
    }
    #bnr20 .hd {
        width: 60%;
    }
    #bnr20 .date {
        z-index: 5;
        width: 37%;
    }
}

@media screen and (min-width: 769px) and (max-width: 890px) {
    .bg_inner {
        top: 30%;
    }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
    section > .container.is_home {
        padding-top: 358px;
    }
    #bnr20 .bg {
        width: 992px;
    }

    #bnr20 .hd {
        width: 47%;
        opacity: 0.9;
    }
    #bnr20 .date {
        width: 30%;
    }
    #bnr20 .boat {
        width: 15%;
    }
}
@media screen and (min-width: 993px) and (max-width: 1100px) {
    body section > .container.is_home {
        padding-top: 400px;
    }
}
@media screen and (min-width: 1101px) and (max-width: 1200px) {
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
    section > .container.is_home {
        padding-top: 420px;
    }
    #bnr20 .bg {
        width: 100%;
    }
    #bnr20 .hd {
        width: 47%;
        opacity: 1;
    }
    #bnr20 .date {
        width: 30%;
    }
    #bnr20 .boat {
        width: 15%;
    }
}
@media screen and (min-width: 1201px) and (max-width: 1250px) {
    body section > .container.is_home {
        padding-top: 440px;
    }
}
@media screen and (min-width: 1251px) and (max-width: 1300px) {
    body section > .container.is_home {
        padding-top: 460px;
    }
}
@media screen and (min-width: 1301px) and (max-width: 1350px) {
    body section > .container.is_home {
        padding-top: 470px;
    }
}
@media screen and (min-width: 1351px) and (max-width: 1400px) {
    body section > .container.is_home {
        padding-top: 490px;
    }
}
@media screen and (min-width: 1401px) and (max-width: 1450px) {
    body section > .container.is_home {
        padding-top: 500px;
    }
}
@media screen and (min-width: 1451px) and (max-width: 1500px) {
    body section > .container.is_home {
        padding-top: 510px;
    }
}
@media screen and (min-width: 1501px) and (max-width: 1550px) {
    body section > .container.is_home {
        padding-top: 525px;
    }
}
@media screen and (min-width: 1551px) and (max-width: 1600px) {
    body section > .container.is_home {
        padding-top: 550px;
    }
}
@media screen and (min-width: 1201px) and (max-width: 1600px) {
    section > .container.is_home {
        padding-top: 550px;
    }
    #bnr20 .bg {
        width: 100%;
    }
    #bnr20 .hd {
        width: 47%;
        opacity: 1;
    }
    #bnr20 .date {
        width: 30%;
    }
    #bnr20 .boat {
        width: 15%;
    }
}

@media screen and (min-width: 1601px) and (max-width: 1650px) {
    body section > .container.is_home {
        padding-top: 570px;
    }
}
@media screen and (min-width: 1651px) and (max-width: 1700px) {
    body section > .container.is_home {
        padding-top: 580px;
    }
}
@media screen and (min-width: 1701px) and (max-width: 1750px) {
    body section > .container.is_home {
        padding-top: 600px;
    }
}
@media screen and (min-width: 1751px) and (max-width: 1800px) {
    body section > .container.is_home {
        padding-top: 610px;
    }
}
@media screen and (min-width: 1801px) and (max-width: 1850px) {
    body section > .container.is_home {
        padding-top: 620px;
    }
}
@media screen and (min-width: 1851px) and (max-width: 1900px) {
    body section > .container.is_home {
        padding-top: 640px;
    }
}
@media screen and (min-width: 1901px) {
    /* and (max-width:2000px){ */
    body section > .container.is_home {
        padding-top: 660px;
    }
    /* body #bnr20{left:calc(50vw - 1903px / 2);} */
}
@media screen and (min-width: 1601px) {
    section > .container.is_home {
        padding-top: 560px;
    }
    #bnr20 .bg {
        width: 100%;
    }
    #bnr20 .hd {
        width: 47%;
        opacity: 1;
    }
    #bnr20 .date {
        width: 30%;
    }
    #bnr20 .boat {
        width: 15%;
    }
}

/*move to _bnr20.css END*/
/*move to _bnr.css START*/
#bnr {
    position: relative;
}
/*#bnr, DO NOT animation height , then boat will calculate correct height*/
#bnr .hdXXXX,
#bnr .btnXXXX,
#bnr .dateXXXX {
    -webkit-transition: all 2s ease;
    -ms-transition: all 2s ease;
    -moz-transition: all 2s ease;
    transition: all 2s ease;
}
/*#bnr .boat.transition{
-webkit-transition: right 2s ease;
  -ms-transition: right 2s ease;
  -moz-transition: right 2s ease;
  transition: right 2s ease}*/
#bnr .bg {
    /*WxH=1425x426.31*/
    width: 100%;
    max-width: inherit;
}
#bnr ._DSF_,
#bnr ._AIF_ {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 9;
}
/* #bnr .hd,
#bnr .date, */
/*#bnr .aia,*/
#bnr .btn
/* #bnr .boat */ {
    position: absolute;
}
/*#bnr .aia{top:0;}*/
#bnr .btn {
    outline: none;
    top: 135px;
    background: transparent;
    border: none;
}
/*html.AIA #bnr .hd{top:150px;}
html.AIA #bnr .date{top:200px;}*/
/* #bnr .boat{
  top:30px;right:-400px;
} */
#bnr .boat.transitionXXXX {
    -webkit-transition: all 4s ease;
    -ms-transition: all 4s ease;
    -moz-transition: all 4s ease;
    transition: all 4s ease;
}
#bnr .hd,
/*#bnr .aia,*/ #bnr .btn,
#bnr .date {
    opacity: 0;
}
#bnr .hd.sho,
/*#bnr .aia.sho,*/ #bnr .btn.sho,
#bnr .date.sho,
#bnr .boat.sho {
    opacity: 1;
}
@media screen and (max-width: 767px) {
    #bnr .bg {
        width: 1170px; /* =300*1425/426.31 */
        min-height: 350px;
        margin-left: -0; /*modify Conf Titlte position*/
    }
}
/*move to _bnr.css END*/

/*
@include keyframes(bounce) {
  0%, 20%, 50% {
    @include transform(translateY(0));
  }
  10% {
    @include transform(translateY(-30px));
  }
  40% {
    @include transform(translateY(-15px));
  }
}
#confarw {
  position: fixed;
  bottom: 50px;
  left: 50%;
  margin-left:-20px;
  width: 40px;
  height: 40px;
  background:#ccc;
  -webkit-animation: bounce 3s infinite alternate;
  -moz-animation: bounce 3s infinite alternate;
  -animation: bounce 3s infinite alternate;
}
*/

/*body #header{height: 105px}*/

#home-left h2 {
    font-size: 24px;
}

/*keynote speaker*/
.speak-title {
    text-align: center;
    border-bottom: 1px solid #efefef;
    padding: 0;
    margin: 0;
}
#kn-speak-index.row {
    border: 0 solid #fff;
    margin-left: -28px;
    margin-right: -28px;
}
#kn-speak-index a {
    color: #333;
}
/*topic speaker*/
#viewer {
    visibility: hidden;
    margin: 0 0 25px;
}
/*
#viewer-nav{text-align: center;}
#viewer-nav .fa-arw{width:49.5%;display:inline-block;border:1px solid #efefef;}
#viewer-nav .fa-arw:hover{background:#efefef}
#viewer-nav .fa-arw i{font-size:40px;margin:0 12px;color:#333;}
*/
#viewernav {
    text-align: center;
    margin: 0 0 8px;
}
#viewernav span {
    border-radius: 50%;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #bbb;
    margin: 0 3px;
    cursor: pointer;
}
#viewernav span:nth-child(2n) {
    display: none;
}
#viewernav span:hover,
#viewernav span.cur {
    background: #555;
}
#showmore,
.T #viewernav {
    display: none;
}
.T #showmore {
    display: block;
    margin: 20px auto -10px;
}
#view-speak {
    overflow: hidden;
    height: 0;
}
#topic-speak {
    -webkit-transition: margin 0.4s ease;
    -moz-transition: margin 0.4s ease;
    transition: margin 0.4s ease;
}
#topic-speak li a {
    color: #333;
}
#kn-speak-index2 {
    text-align: center;
}

.tp-speak2,
.tp-speak {
    padding: 0;
    clear: both;
}
.tp-speak2::after,
.tp-speak::after {
    content: "";
    clear: both;
    display: block;
    height: 0;
}
.tp-speak2 li,
.tp-speak li {
    width: 20%;
    float: left;
    list-style: none;
    margin-bottom: 30px;
    padding: 0 3px;
    cursor: pointer;
}
.tp-speak2 li {
    width: 25%;
    height: 336px;
    transition: margin 1s ease;
    position: relative;
}
.photo-bg1,
.photo-bg2 {
    border-radius: 30%;
    display: none;
    mix-blend-mode: multiply;
    height: 276px;
    opacity: 0.4;
    position: absolute;
    width: 246px;
    z-index: -1;
    pointer-events: none;
}
.photo-bg1 {
    animation: rotat 1.8s linear infinite;
    background: cyan;
}
.photo-bg2 {
    animation: rotat 1.2s linear reverse infinite;
    background: #e7a9ff;
}
.tp-speak2 li:hover .photo-bg1,
.tp-speak2 li:hover .photo-bg2 {
    display: block;
}

.tp-speak2 li:hover .photo {
    transform: perspective(1200px) scale(1.05) rotateX(9deg) rotateY(-9deg);
    transition: transform 0.5s ease, scale 0.5s ease;
}
.tp-speak2 .photo,
#kn-speak-index2 .photo {
    cursor: pointer;
    max-width: 100%;
    width: 226px;
    height: 256px !important;
    background: 50% 50%;
    background-size: contain;
    position: relative;
    margin: auto;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgb(0 0 0 / 30%);
}
#kn-speak-index .photo,
.tp-speak .photo {
    cursor: pointer;
    width: 150px;
    max-width: 100%;
    height: 150px;
    max-height: 150px;
    background: 50% 50% no-repeat;
    background-size: contain;
    position: relative;
    margin: auto;
    border: 1px solid #faac00;
}
#kn-speak-index .photo,
.tp-speak .photo {
    border-radius: 50%;
}
.tp-speak2 .title,
#kn-speak-index2 .title,
#kn-speak-index .title,
.tp-speak .title {
    opacity: 0;
    margin: 0;
    cursor: pointer;
    font-size: 20px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-weight: normal;
    border-radius: 10px;
    line-height: 1.1em;
    -webkit-transition: opacity 0.35s ease;
    -moz-transition: opacity 0.35s ease;
    -ms-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease;
}
#kn-speak-index .title,
.tp-speak .title {
    border-radius: 50%;
}
.tp-speak2 .title span,
#kn-speak-index2 .title span,
#kn-speak-index .title span,
.tp-speak .title span {
    margin: 32px 0;
    display: block;
    text-align: center;
    padding: 0 12px;
    font-size: 18px;
}
#kn-speak-index .company,
.tp-speak .company,
#kn-speak-index .name,
.tp-speak .name {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    line-height: 23px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tp-speak2 .name,
#kn-speak-index2 .name,
.tp-speak2 .company,
#kn-speak-index2 .company {
    text-align: center;
    font-size: 18px;
    padding: 2px 0 0;
}
.tp-speak2 .company,
#kn-speak-index2 .company {
    font-size: 16px;
    color: #666;
    padding-top: 0;
    line-height: 1.15;
}
.tp-speak2 .name,
#kn-speak-index2 .name {
    font-weight: bold;
}
/*
img[src*=bd7ef620],
.tp-speak .photo[style*=bd7ef620]{
-ms-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
}
.tp-speak .photo[style*=bd7ef620] .title{
-ms-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
}
*/
#kn-speak-index .company,
.tp-speak .company {
    font-size: 14px;
    color: #777;
}
.tp-speak .company {
    margin-top: -4px;
}
#kn-speak-index .name .en,
.tp-speak .name .en {
    display: block;
    font-weight: normal;
}

#kn-speak-index .photo::after,
#kn-speak-index .photo::before,
.tp-speak .photo::after,
.tp-speak .photo::before {
    content: "";
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
#kn-speak-index .photo::before,
.tp-speak .photo::before {
    border: 5px solid #faac00;
}
#kn-speak-index .photo::after,
.tp-speak .photo::after {
    border: 2px solid #fff;
} /*outerBorderWidth=.photo border;  innerBorderWidth=before-after whiteBorderWidth=after*/
#kn-speak-index .conf-ai .photo::before,
#kn-speak-index .conf-ai .photo,
.tp-speak .conf-ai .photo::before,
.tp-speak .conf-ai .photo {
    border-color: #5d2191;
}

.tp-speak2b > div.conf-ai a,
#kn-speak-index2 > div.conf-ai a {
    display: block;
    width: 226px;
    margin: auto;
}
.tp-speak2 li.hover .title,
.tp-speak2 li:hover .title,
#kn-speak-index2 > div.hover .title,
#kn-speak-index2 > div:hover .title,
#kn-speak-index > div.hover .title,
#kn-speak-index > div:hover .title,
.tp-speak li.hover .title,
.tp-speak li:hover .title {
    opacity: 1;
}
/*#kn-speak-index>div.hover .company,*/
.tp-speak2 li:hover .company,
#kn-speak-index2>div:hover .company,
#kn-speak-index>div:hover .company,
/*.tp-speak li.hover .company,*/
.tp-speak li:hover .company {
    overflow: visible;
}
/* .COM means hasLongCompnayName*/
/*
#kn-speak-index>div:hover+div .company,
.tp-speak li:hover+li .company{opacity:.2;}
*/

#introbox {
    border-radius: 20px;
}

@media screen and (max-width: 1199px) {
    .tp-speak2 li .photo {
        height: 213px !important;
    }
}
@media screen and (max-width: 1024px) {
    .tp-speak2 li {
        width: 33%;
    }
    .tp-speak2 li .photo {
        width: 188px;
    }
}
@media screen and (max-width: 630px) {
    .tp-speak2 li {
        width: 50%;
    }
}
@media screen and (max-width: 430px) {
    .tp-speak2 li {
        width: 100%;
    }
    .tp-speak2 li .photo {
        width: 226px;
        height: 256px !important;
    }
}

@media screen and (max-width: 970px) {
    .tp-speak li {
        width: 25%;
    }
}

@media screen and (max-width: 700px) {
    .tbl9 th {
        font-size: 12px !important;
        padding: 1px !important;
    }
}
@media screen and (max-width: 600px) {
    .tp-speak2 li {
        widdth: 50%;
    }
    .tp-speak li {
        width: 33%;
    }

    #introbox .l {
        display: none;
    }
    #introbox h4 {
        margin-top: 0;
    }
    #introbox .r {
        margin: auto;
        width: 100%;
    }

    .tbl9 th .fa-map-marker {
        display: none;
    }
}
@media screen and (max-width: 360px) {
    .tp-speak2 li {
        widdth: 99%;
    }
}

#agenda-phone {
    display: none;
}
.agenda-notMobile {
    text-decoration: none;
}
@media screen and (max-width: 560px) {
    #agenda-phone {
        display: block;
    }
    #agenda-notPhone {
        display: none;
    }
    .agenda-nav li {
        text-align: center;
    }

    .agenda-notMobile {
        display: none !important;
    }
}

@media screen and (max-width: 510px) {
    .tp-speak li {
        width: 50%;
    }
}
@media screen and (max-width: 400px) {
    .tp-speak li {
        margin-bottom: 15px;
    }
    #introbox .l {
        width: 75%;
    }
    /*20170913 add*/
    #kn-speak-index .photo {
        height: 145px;
    }
    .tp-speak .photo {
        height: 145px;
    }
}

label[for] {
    display: inline-block;
}

#mobile-conf-switcher {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #efefef;
    background: rgba(90, 90, 90, 0.9);
}

#mobile-logo > a {
    display: inline-block;
}
#mobile-conf-switcher ._DS_,
#mobile-conf-switcher ._AI_ {
    display: block;
    text-align: center;
}
._mobile-i,
._mobile {
    display: none !important;
}

.linesharer iframe {
    float: right;
    margin-top: 1px;
}
@media screen and (max-width: 997px) {
    .linesharer iframe {
        float: none;
        margin-top: 1px;
    }

    ._mobile {
        display: block !important;
    }
    ._mobile-i {
        display: inline !important;
    }
    ._notMobile {
        display: none !important;
    }

    /*body #header{height:65px;}*/ /*before20170817 original one line height*/
    #header .nav {
        overflow: hidden;
    }
    /*#header .nav>li a{height:40px;line-height: 40px;}*/
    #header .nav > li:first-child {
        border-top: 1px solid #ccc;
    }
    #header .nav > li {
        background: #efefef;
        border-top: none;
        border: 1px solid #ccc;
    }
}

.broken_link,
a.broken_link {
    text-decoration: inherit;
}

#subscr {
    background: #f3f3f3;
    position: relative;
}
#subscr form {
    margin: auto;
    max-width: 972px;
    border: 0 solid transparent;
    border-width: 10px 0;
    transition: opacity 1s ease-in-out;
}
#subscr .msg,
#subscr .feedback {
    text-align: center;
    color: #999;
}
#subscr .feedback {
    font-size: 13px;
    clear: both;
    padding: 12px 0;
}
#subscr .msg {
    color: #333;
    padding: 0 0 6px;
    margin: 0 auto 9px;
    transition: all 0.2s ease-in-out;
    position: relative;
}
#header .navbar .fb i.fa,
#header .navbar .ig i.fa {
    font-size: 28px;
}
#header .navbar-brand::after,
#subscr .msg::after {
    content: "";
    height: 2px;
    width: 0;
    display: block;
    position: absolute;
    -webkit-transition: width 0.75s ease;
    -moz-transition: width 0.75s ease;
    -ms-transition: width 0.75s ease;
    transition: width 0.75s ease;
    bottom: 0;
    left: 0;
}
@media screen and (min-width: 768px) {
    #header .navbar-nav.navbar-right:last-child {
        margin-right: 15px;
    }
}
#header .navbar-header {
    float: right;
}

#subscr .msg::after {
    height: 1px;
    background: red;
}
#subscr:hover .msg {
    font-weight: bold;
}
#subscr:hover .msg::after {
    width: 100%;
}
#subscr .frmgrp {
    margin: 0 0 13px;
    position: relative;
    float: left;
    width: 70%;
}
#subscr label {
    color: #999;
    font: normal 16px inherit;
    display: inline-block;
    width: 10%;
    text-align: left;
    position: absolute;
    top: 5px;
    left: 7px;
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
}
#subscr .frmgrp input {
    width: 99%;
    padding: 3px 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #333;
}
#subscr button {
    width: 29%;
    float: right;
    color: #fff;
    font-size: 28px;
    margin-top: -42px;
    height: 69px;
}
#subscr button:hover {
    font-size: 36px;
}
#subscr button:hover::after {
    content: "!!";
}
#subscr button {
    background: #06f;
}
@media screen and (max-width: 767px) {
    #subscr .msg,
    #subscr button,
    #subscr .frmgrp {
        width: 90%;
        margin: 9px 0 0 5%;
    }
    #subscr button {
        float: none;
    }
}
#subscr .succ_msg {
    opacity: 0;
    text-align: center;
    font-size: 22px;
    line-height: 146px;
    height: 146px;
    position: absolute;
    top: 0;
    left: 0;
    width: 99.9%;
    transition: opacity 0.8s ease-in-out;
}

.navbar-nav {
    display: block;
    margin: 0;
    padding: 0;
}
#header {
    height: 60px;
    margin-top: -1px;
}
.navbar-nav > li > a {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    font-weight: bold;
    padding: 0 20px;
}

.letspc2em {
    letter-spacing: 2em;
}

/*.navbar-nav>li>a{line-height:40px;height:40px;}*/
#header img {
    max-width: 999%;
}
#header .navbar-brand {
    margin: 0;
    padding: 0;
    position: relative;
    /*override main.css*/
    max-width: 999% !important;
    width: auto !important;
}

#header .navbar-brand:not(.logo-inactive)::after {
    width: 80%;
}
#header .navbar-brand.logo-inactive::after {
    opacity: 0;
}
#header .navbar-brand img {
    width: 200px;
}
#header .navbar-brand.logo-inactive {
    opacity: 0.65;
}
#header .navbar-brand.logo-inactive img {
    width: 170px !important;
    margin: 13px 0 0;
}
#header a.navbar-brand {
    top:6px;
}
#header .navbar-brand.initialized {
    -webkit-transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    -ms-transition: all 1.2s ease;
    transition: all 1.2s ease;
}
#header .navbar-brand.logo-inactive:hover {
    opacity: 1;
}

#header #mobile-logo{
    margin-top:10px;
    margin-left:10px;
}

#logoX {
    float: left;
    margin: 17px 30px 0;
    font-size: 28px;
}

/*
#ft-3img .hd,
#ft-3img .bd{
  max-width:370px;
  margin:auto;
}
#ft-3img .hd{
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
#ft-3img .hd .txt,
#ft-3img .hd::after{
-webkit-transition: -webkit-transform .35s;
transition: transform .35s;
}
#ft-3img .hd .txt{
font-size: 28px;
color: #fff;
font-weight: 700;
transform: scale3d(.8,.8,1);
padding-top: 32%;
top:0;
opacity:0;
position:absolute;width:100%;height: 100%;text-align: center;

}

#ft-3img .bd h3{text-align: center;}
#ft-3img .hd::after{
position: absolute;
top: 0;
left: 0;
opacity:1;
pointer-events: none;
border: 0 solid #fff;
border-width:1px 0;
content: '';
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}

#ft-3img .hd.touch,
#ft-3img .hd:hover{background: #F8B200}
#ft-3img .hd.touch img,
#ft-3img .hd:hover img{
    opacity: .4;
    -webkit-transform: scale3d(1.07,1.07,1);
    transform: scale3d(1.07,1.07,1);
}
#ft-3img .hd.touch .txt,
#ft-3img .hd:hover .txt{
  opacity: 1;
  -webkit-transform: scale3d(1,1,1);
  transform: scale3d(1,1,1);
}
#ft-3img .hd.touch::after,
#ft-3img .hd:hover::after{
width: 100%;
height: 100%;
opacity: 1;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}
*/

.nav > li > ul,
.nav > li > li {
    margin: 0;
    padding: 0;
}
.nav > li > ul {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom: none;
}
.nav > li > ul > li {
    border-bottom: 1px solid #ccc;
    list-style: none;
    white-space: nowrap;
}
.nav > li > ul > li a {
    display: block;
    padding: 3px 6px;
    width: 140px;
    text-align: left;
    color: #1f9ad6;
}

.nav > li > ul > li:hover a {
    cursor: pointer;
    color: white !important;
} /*why not work?*/
.nav > li.aboutus > ul > li a {
    width: 195px;
}

/*for level1-nav & level2-nav*/
.nav li > a {
    transition: none;
}
.nav > li > ul.sho,
.nav > li:hover > ul {
    display: block;
    z-index: 99;
    right: 0;
    box-shadow: 0 0 8px #333;
}
@media screen and (min-width: 768px) {
    .nav li.cur {
        color: #fff;
    }
    .nav li:hover > a {
        color: #fff;
    }
}
.navbar-toggle {
    visibility: hidden;
}
.navbar-toggle,
#header .nav li.cur,
.nav li.cur a,
#header .nav li:hover {
    visibility: visible;
    color: #fff;
    background: #1c2b53;
}

#signup .table-striped tr td:first-child > b {
    display: block;
}
#signup .table-striped > tbody > tr:nth-child(odd) > td,
#signup .table-striped > tbody > tr:nth-child(odd) > th {
    background: #e9e7ff;
}
#signup .table-striped:not(#ticket) > tbody > tr:nth-child(4) > td {
    background: #e0f7ff;
}
#signup .table-striped:not(#ticket) > tbody > tr:nth-child(7) > td {
    background: #fcd8da;
}
#signup .table-striped tr.bg-gery {
    font-weight: bold;
}
#online_signup_time {
    font-weight: bold;
    font-size: 18px;
}
#signup table a {
    font-size: 18px;
}
#signup .bg-danger {
    font-size: 16px;
}
#signup .bg-danger img {
    max-width: 80%;
    width: 560px;
    border: 3px solid #fff;
}
#signup a[href^="#notice_rules"] {
    font-size: 13px;
}
@media screen and (max-width: 560px) {
    #signup .bg-danger img {
        max-width: 90%;
    }
}

/*override*/
.row + .row {
    margin-top: 0;
}

.navbar-nav > li,
.navbar-nav > li > a {
    cursor: pointer;
    color: #1f9ad6;
} /*why not work?*/
.navbar-nav > li:hover > a {
    color: white !important;
}
.navbar-nav > li > a {
    padding: 0 12px;
}

@media screen and (max-width: 1199px) {
    .navbar-nav > li > a {
        padding: 0 4px;
    }

    /*20170825z*/
    #header .navbar-brand {
        margin-top: -2px;
    }
    #header #AI-logo.navbar-brand.logo-inactive + #logoX {
        margin: 16px 8px 0;
    }
    #header #AI-logo.navbar-brand:not(.logo-inactive) + #logoX {
        margin: 16px 18px 0 -18px;
    }
}

@media screen and (max-width: 997px) {
    /*tech2021*/
    .navbar-collapse.collapse:not(.in) {
        display: none !important;
    }
    .navbar-toggle {
        display: block !important;
    }
}

@media screen and (max-width: 768px) {
    #header #AI-logo {
        margin-left: -20px;
    }
}
@media screen and (max-width: 946px) {
    .navbar-nav > li > a {
        padding: 0 4px;
    }
    /*#header .navbar-brand{margin-top:7px;}*/
    /*20170825z*/
    #header .navbar-nav {
        margin-left: 0;
    }
}
@media screen and (max-width: 830px) {
    .navbar-nav > li > a {
        padding: 0 8px;
        font-size: 13px;
    }
    #header .col-sm-12 {
        padding: 0;
    }
}
@media screen and (min-width: 768px) {
    #header > .container,
    .dsc-collapse {
        padding: 0;
    }
}
@media screen and (max-width: 767px) {
    .navbar-nav > li > a {
        height: 40px;
        line-height: 40px;
        display: block;
    }
    .navbar-nav > li:hover > a {
        color: white !important;
    }
    .nav > li > ul.sho,
    .nav > li:hover > ul {
        margin-top: -50px;
        right: 10px;
    }
    .nav > li.overview:hover > ul {
        margin-top: -70px;
        width: 160px;
    }
    #header .navbar-toggle {
        margin: 7px 0 -40px;
    }
}

@media screen and (max-width: 360px) {
    body .agenda-nav li a {
        padding: 2px 4px;
        font-size: 13px;
    }
    body .agenda-nav {
        white-space: nowrap;
    }
}

#mobile-logo img {
    max-width: calc(100vw - 60px);
}
@media screen and (max-width: 330px) {
    #mobile-logo {
        width: 230px;
        margin-left: -5px;
    }
}

@media screen and (max-width: 330px) {
    #mobile-logo img {
        margin-top: 5px;
    }
}

#row-pageheader .page-title,
#row-pageheader h2 {
    font-size: 16px;
    border-bottom: 1px solid #f1b556;
    display: inline;
    padding: 0 0 4px;
}

ul.lst1,
ul.lst1 li {
    list-style: none;
    padding: 0;
    margin: 0 0 9px;
    position: relative;
    text-indent: 14px;
    font-size: 15px;
    white-space: nowrap;
}
ul.lst1 li::before {
    position: absolute;
    left: 0;
    top: 7px;
    content: "";
    border: 0 solid transparent;
    border-left-color: #f1b556;
    border-width: 5px 0 5px 7px;
    width: 0;
    height: 0;
    overflow: hidden;
}
ul.lst1 li.cur a {
    font-weight: bold;
    border-bottom: 1px solid;
}

.btn-primary- {
    border-color: #f1b556 !important;
}
.btn-primary- {
    background: #f1b556 !important;
}

.btn-srch {
    background: #1c2b53;
}

.widget_trafic li.h4:before {
    content: "▶";
}
.widget_trafic ul ul li:before {
    content: "●";
}

figure.grid_about_us {
    background: #fff;
}
figure.grid_about_us:hover {
    background: #f8b200;
}
figure.grid_about_us img,
figure.grid_about_us {
    min-width: auto;
    width: 314px;
    max-width: 314px;
    float: none;
    margin: auto;
}
figure.grid_about_us img {
    width: 100%;
}
.grid_about_us_text {
    max-width: 310px;
    width: 310px;
    margin: auto;
}
@media screen and (max-width: 970px) {
    figure.grid_about_us {
        min-width: auto;
        width: 254px;
        max-width: 254px;
        float: none;
        margin: auto;
    }
    .grid_about_us_text {
        max-width: 250px;
        width: 250px;
        margin: auto;
    }
}

#sec_contact {
    margin: 0 0 20px;
}
#sec_contact .hd,
#home-left h1._AI_ {
    font-size: 24px;
    margin-top: 0;
    display: block;
}
#sec_contact p {
    /*home page*/
    margin: 0;
    padding: 0;
}

#btn-home-signup img {
    -webkit-transition: transform 0.8s ease-in-out 0s;
    -moz-transition: transform 0.8s ease-in-out 0s;
    -ms-transition: transform 0.8s ease-in-out 0s;
    transition: transform 0.8s ease-in-out 0s;
}
#btn-home-signup img.goanimate {
    transform: scale(1.1);
}
#btn-home-signup {
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    transition: all 0.3s ease;
    /**/
    background-color: #feda01;
    border-radius: 10px;
    width: 200px;
    margin: 0 auto 20px;
    padding: 8px 16px;
    color: #222 !important;
    font-size: 20px;
    display: block;
    box-shadow: 5px 5px 2px #c5a805;
}
#btn-home-signup:hover,
#btn-home-signup:focus {
    background-color: #fde246;
    transform: translate(2px, 2px);
    box-shadow: 1px 1px 1px #bda104;
}

#home-sponsor ul {
    margin: 0 auto;
    padding: 0;
    text-align: left;
}
#home-sponsor li {
    list-style: none;
    padding: 0 2px;
    display: inline-block;
    text-align: center;
}
#home-sponsor li a::after {
    content: "";
    display: block;
    margin: auto;
    width: 0;
    height: 1px;
    background: #2a6496;
    -webkit-transition: width 0.1s linear;
    -moz-transition: width 0.1s linear;
    -ms-transition: width 0.1s linear;
    transition: width 0.1s linear;
}
#home-sponsor li:hover a::after {
    width: 100%;
}
@media screen and (max-width: 1199px) {
    #home-sponsor li {
        width: 30%;
        padding: 0;
    }
}
@media screen and (max-width: 817px) {
    #home-sponsor li {
        width: 49.5%;
    }
}
@media screen and (max-width: 528px) {
    #home-sponsor li {
        width: 99%;
    }
}

/*box*/
.box {
    clear: both;
}
.box::after {
    content: "";
    display: block;
    height: 20px;
    overflow: hidden;
    clear: both;
}
.box .l {
    float: left;
    text-align: center;
}
.box .l img {
    border-radius: 10px;
    border: 0 solid #ccc;
    box-shadow: 0 0 8px #ccc;
    display: block;
    margin: 2px 0 0;
}
.box-ai .l img {
    border-color: #5c87ea;
}
.box-ds .l img {
    border-color: #faac00;
}
.box .r {
    margin: 0 0 0 240px;
}
.box h2 {
    margin: 0 0 5px;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
    -webkit-transition: padding 1.2s ease;
    -moz-transition: padding 1.2s ease;
    -ms-transition: padding 1.2s ease;
    transition: padding 1.2s ease;
}
.box h2 span::after {
    content: "►";
    display: inline-block;
    margin: 0 0 0 6px;
    color: #5d2191;
}
.box-ds h2 span::after {
    color: #faac00;
}
.box h2 a {
    color: inherit;
}
.box h2:hover {
    padding-left: 5px;
    border-left: 5px solid #222;
}
.box-ai h2:hover {
    border-color: #5c87ea;
}
.box-ds h2:hover {
    border-color: #faac00;
}
.box .content {
    font-size: 18px;
    line-height: 1.6;
    color: #333;
    text-align: justify;
    min-height: 120px;
}
.box .more {
    text-align: right;
    display: block;
    margin: 0 3px 0 0;
}
.box .more i {
    margin: 0 0 0 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.box .more:hover i {
    margin: 0 -3px 0 0;
}
@media screen and (max-width: 1440px) {
    .box .l {
        text-align: center;
    }
    .box .l img {
        height: 150px;
        margin-top: 0;
        display: inline-block;
    }
    .box .r {
        margin-left: 168px;
    }
    .box .content {
        font-size: 17px;
    }
    .box::after {
        height: 5px;
    }
}
@media screen and (min-width: 1201px) {
    .agenda-nav li {
        max-width: 23% !important;
    }
}
@media screen and (max-width: 600px) {
    .box .l {
        float: none;
        margin: auto;
        width: 194px;
    }
    .box .r {
        margin: 0;
    }
    .box .r h2 {
        text-align: center;
    }
    .box .r h2 span {
        display: block;
    }
    .box h2 span::after {
        content: "";
    }
    .box .content {
        min-height: 0;
    }
}

.screen-reader-text {
    display: none;
}
.navigation.pagination {
    text-align: center;
    margin: auto;
    width: 100%;
}

/*agenda*/
.agenda-nav {
    margin: 0 auto 20px;
    padding: 0;
    text-align: center;
}
.agenda-nav li {
    white-space: nowrap;
    list-style: none;
    display: inline-block;
    margin: 0 3px;
}
.agenda-nav li a {
    background: #9dc6ff;
    color: #000;
    padding: 2px 8px;
    border-radius: 5px;
    border: 1px solid #999;
    display: inline-block;
}
.agenda-nav li a.ds {
    background: #ffba02;
}
.tbl9 {
    margin-bottom: 0; /*110px*/
}
.tbl9-0 {
    margin-bottom: 30px;
}
.tbl9,
.tbl9 th,
.tbl9 td {
    border-color: #333;
}
.tbl9 caption {
    font-size: 24px;
    padding: 0 0 16px;
}
.tbl9 th {
    text-align: center;
    white-space: nowrap;
}
.tbl9 th img {
    display: block;
    margin: auto;
}
.tbl9 td {
    width: 18%;
}
.tbl9 td,
.tbl9 td strong,
.tbl9 td a {
    font-size: 16px;
}
.tbl9 td.top {
    vertical-align: top !important;
}
#agenda-phone .imgs,
.tbl9 .imgs {
    display: block;
}
/* #agenda-phone .doing b::after,
.tbl9 td b::after {
    content: " / ";
    color: #5d2191;
} */
a.vip u {
    text-decoration: none;
}
a.vip {
    position: relative;
}
@media screen and (max-width: 937px) {
    a.vip {
        display: inline-block;
        width: 130px;
    }
}
a.vip > u {
    position: absolute;
    line-height: 20px;
    margin-top: -1px;
    height: 23px;
    margin-left: -67px;
}
@media screen and (max-width: 400px) {
    a.vip > b {
        display: block;
    }
    a.vip > u {
        position: static;
        margin-left: 0 !important;
        display: inline-block;
        width: 80px;
    }
}
a.vip + .div {
    border: 2px solid transparent;
    width: 99%;
    display: block;
}
.doing .label {
    padding: 2px 4px;
    margin-left: -66px;
    margin-top: 1px;
}
/*.tbl9 td:hover b::after{content:' // '}*/
._DS_ .tbl9 td b::after {
    color: #faac00;
}
.tbl9 td b + span {
    color: #666;
}
.tbl9 tr th:first-child,
.tbl9 tr td:first-child {
    width: 15%;
}
.tbl9 tr td:first-child {
    vertical-align: middle !important;
} /*time*/
@media screen and (min-width: 768px) {
    .tbl9 tr td:first-child {
        white-space: nowrap;
    }
}
#agenda-phone .doing strong,
.tbl9 td img,
.tbl9 td strong {
    display: block;
}
#agenda-phone .doing img,
.tbl9 td img {
    width: 90px !important;
    height: 90px !important;
    border-radius: 50%;
    margin: auto;
    display: block;
    border: 1px solid #ccc;
}
/* .tbl9 tbody tr td{background:#fff} */
.tbl9 tbody tr.free td {
    background: #d0e2ff;
}
.tbl9 tbody tr.whitefree td {
    background: #fff;
}
._DS_ .tbl9 tbody tr.free td {
    background: #fff3d0;
}
.tbl9 tbody tr.free:not(.whitefree) td:nth-child(n + 2) {
    font-weight: bold;
}
#agenda-ft {
    text-align: center;
}
#agenda-notPhone {
    padding: 0;
}
#agenda-notPhone .tbl9 {
    table-layout: fixed;
    width: 100%;
}
#agenda-phone h2 {
    font-size: 18px;
    text-align: center;
    border-bottom: 3px solid;
    margin: auto;
    width: 90%;
}
#agenda-phone p {
    margin: 0;
}
#agenda-phone .time {
    background: #a7c3fd;
    margin: 22px 0 8px;
    border: #06f;
    border-left-width: 9px;
    padding: 0 5px;
    width: 240px;
    border-radius: 0 20px 0 0;
}
#agenda-phone .time.ds {
    background: #f2d480;
    border-color: #f60;
}
#agenda-phone .place {
    padding: 0 20px;
    border: 1px solid #444;
    border-left-width: 9px;
    margin: 12px 0 5px;
}
#agenda-phone .doing {
    padding: 0 20px;
    border-left: 9px solid transparent;
    text-align: center;
}
#agenda-phone .place img {
    width: 90px;
}
/*
#agenda-phone .place u{font-size:14px;color:#000;font-style:normal;text-decoration:none;padding:0 3px}
*/
/*
#agenda-phone p{margin:0 0 0 2em;padding:0;text-align:center}
#agenda-phone p span img,
#agenda-phone p span{display:block}
#agenda-phone p span img{width:220px}
#agenda-phone h3{font-size:20px}
*/

#ticket {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}
#ticket th,
#ticket td {
    border: 1px solid #999;
    padding: 8px 4px;
    text-align: center;
    vertical-align: middle;
    color: #555;
    font-size: 18px;
}
#ticket tr td:first-child img {
    margin-bottom: 5px;
}
#ticket th {
    background: #eebd2c;
}
#ticket tr.bg td {
    background: #faecbd;
}
#ticket tr td:nth-child(2) {
    text-align: left;
    width: 70%;
}

/*traffic*/
.widget_trafic ul ul li:before {
    content: "" !important;
}
.widget_trafic ul ul li {
    list-style: outside disc;
}
body.curAI .widget_trafic li.h4:before {
    color: #5d2191;
}
.widget_trafic ul ul {
    margin-left: 42px;
}

.btn-warning {
    background-color: #1f9ad6;
    border-color: #1f9ad6;
}
.btn-warning:hover {
    background-color: #1c2b53;
}