address{margin:0;padding:0;font-size:18px}
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;}
body p{font-size:18px}

#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>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}

body.curAI #organizer a{color:#5A8EEE}
body.curDS #organizer a{color:#FAAC00}
.orgtitle{font-weight:bold}


/*body.curAI #isotope_filters a:hover,*/
body.curAI #toTop:hover,
body.curAI #toTopHover{background:#5A8EEE;}

::selection{color:#fff}
body.curAI ::selection{background:#5A8EEE}
body.curAI ::-moz-selection{background:#5A8EEE}
body.curDS ::selection{background:#FAAC00}
body.curDS ::-moz-selection{background:#FAAC00}

body.curAI dl.staff dt{color:#5A8EEE}
body.curDS .color_section{background:#ef8322;}
body.curAI .color_section{background:#5A8EEE;}

/*
#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: #5A8EEE}
#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}

/*move to _bnr.css START*/
#bnr{position: relative}
/*#bnr, DO NOT animation height , then boat will calculate correct height*/
#bnr .hd,
#bnr .btn,
#bnr .date{
-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:5px;right:-400px;/*width:540px; <-- use JS*/
}
#bnr .boat.transition{
    -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{border:0 solid #fff}
#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 .4s ease;
-moz-transition: margin .4s ease; transition: margin .4s ease
}
#topic-speak li a{color:#333;}
.tp-speak{padding:0;clear:both;}
.tp-speak::after{content:'';clear:both;display: block;height:0}
.tp-speak li{width:20%;float:left;list-style:none;margin-bottom:30px;padding:0 3px;cursor:pointer;}
#kn-speak-index .photo,
.tp-speak .photo{border-radius:50%;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 .title,
.tp-speak .title{opacity:0;margin:0;cursor:pointer;font-size:20px;background: rgba(0,0,0,.3);color:#fff;position: absolute;top:0;left:0;width:100%;height:100%;font-weight: normal;border-radius: 50%;
line-height:1.1em;
-webkit-transition: opacity .35s ease;
-moz-transition: opacity .35s ease;
-ms-transition: opacity .35s ease;
transition: opacity .35s ease;}
#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;
}
/*
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:#5A8EEE;}

#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,*/
#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;}
*/

@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-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}
}

#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,.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}
@media screen and (max-width:767px){
  ._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: 0 0 20px;}
#subscr .msg{color:#333;padding:0 0 6px;margin:0 auto 9px;transition: all 0.2s ease-in-out;position: relative;}
#header .navbar-brand::after,
#subscr .msg::after{
content:'';height:2px;width:0;display: block;position:absolute;
-webkit-transition: width .75s ease;
-moz-transition: width .75s ease;
-ms-transition: width .75s ease;
transition: width .75s ease;
bottom:0;left:0}
#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:'!!'}
body.curAI #subscr button{background:#06f}
body.curDS #subscr button{background:#f60}
@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 .8s ease-in-out}

.navbar-nav{display:block;margin:0;padding:0}
#header{height:53px}
.navbar-nav>li>a{display:inline-block;height:49px;line-height:49px;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::after{
  background:#5A8EEE;
  bottom:7px;left:20%;
  }
#header #DS-logo::after{background:#FAAC00}
#header .navbar-brand:not(.logo-inactive)::after{width:80%}
#header .navbar-brand.logo-inactive::after{opacity:0;}
#header .navbar-brand img{width:340px;}
#header .navbar-brand.logo-inactive{opacity:.65;}
#header .navbar-brand.logo-inactive img{width:170px!important;margin:13px 0 0;}
#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 #DS-logo{margin-left:60px;}*/
#logoX{float:left;margin:17px 30px 0;font-size:28px;}
@media screen and (max-width:1199px){
/*#header .navbar-brand{max-width:240px;}*/
#header #DS-logo{margin-left:-25px}
}

/*
#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:#000;
}

/*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,
.nav li:hover>a{color:#fff}
}
body .navbar-toggle{visibility: hidden;}
body.curAI .navbar-toggle,
body.curAI #header .nav li.cur,
body.curAI #header .nav li:hover{
  visibility: visible;
background: #5A8EEE;
}
body.curDS .navbar-toggle,
body.curDS #header .nav li.cur,
body.curDS #header .nav li:hover{visibility: visible;
background: #f8b200;
/*
background: -moz-linear-gradient(0, #ffffff 0%, #f8b200 50%);
background: -webkit-linear-gradient(0, #ffffff 0%,#f8b200 50%);
background: linear-gradient(0, #ffffff 0%,#f8b200 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8b200',GradientType=1 );
*/
}

#signup .table-striped>tbody>tr:nth-child(odd)>td,
#signup .table-striped>tbody>tr:nth-child(odd)>th{background:#ffeabb}
#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;}

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

.navbar-nav>li,
.navbar-nav>li>a{cursor: pointer;}/*why not work?*/
.navbar-nav>li>a{padding:0 12px;}
@media screen and (max-width:1199px){
  .navbar-nav>li>a{padding:0 6px;}

  /*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:946px){
  .navbar-nav>li>a{padding:0 4px;}
  /*#header .navbar-brand{margin-top:7px;}*/
  /*20170825z*/
  #header .navbar-nav{margin-left:-20px;}
}
@media screen and (max-width:830px){
  .navbar-nav>li>a{padding:0 2px;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;}
  .nav>li>ul.sho,
  .nav>li:hover>ul{margin-top:-50px;right:10px;}
  .nav>li.overview:hover>ul{margin-top:-170px;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}
}
@media screen and (max-width:330px){
  #mobile-logo{margin-left:-14px;width:230px;margin-left:2px;}
  #mobile-logo img{max-width:100%;}
}

#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:22px;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;}

.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-top:50px}
#sec_contact p{ /*home page*/
  margin:0;padding: 0;
}

/*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: 50%;border:2px solid #ccc;box-shadow:0 0 8px #ccc;display:block;margin:10px 0 0}
.box-ai .l img{border-color:#5C87EA;}
.box-ds .l img{border-color:#FAAC00;}
.box .r{margin:0 0 0 217px}
.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:#5A8EEE}
.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 .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .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: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:#5a8eee}
a.vip u{text-decoration:none}
a.vip{position:relative}
a.vip>u{position:absolute;line-height:20px;margin-top:-1px;height:23px;margin-left:-67px}
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:10%}
.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;border-radius:50%;margin:auto;display:block;border:1px solid #ccc}
.tbl9 tbody tr.free td{background:#d0e2ff;}
._DS_ .tbl9 tbody tr.free td{background:#fff3d0;}
#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}


/*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:#5a8eee}
.widget_trafic ul ul{margin-left:42px}
