/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

.innercontent p{margin:0 0 25px;font-size:18px}

#fix_ico2,
#fix_ico{text-decoration:none!important;position:fixed;z-index:999;top:50%;border:none!important;left:50px}
@media only screen and (max-width:1024px){
  #fix_ico2{left:0}
  #fix_ico{left:0}
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
/**************** END of Reset CSS ***********************/
html body{font-size:16px}
.q_logo img,
.ie .q_logo img,
.edge .q_logo img{width:378px!important;height:50px!important}
body[site=aiacademytw] .q_logo{}
h1,h2,h3,h4,h5,h6{font-weight:bold!important}
body h2{font-size:18px;margin:0}
body{line-height:1.6}
sub{vertical-align: sub;}
sup{vertical-align: super;}
.container p a,
html a{color:#09f;text-decoration: none!important}
html a:hover{color:#1abc9c;border-bottom:1px solid;}
html a[data-tab]:hover{border-bottom:none}
html .header_inner a:hover{border:inherit;color:inherit}
body h1{margin:18px 0}/*waiting to margin-bottom:0*/
nav.main_menu>ul>li>a{font-size:16px;color:#404040;padding:0 6px}
.drop_down .second .inner ul li a, .drop_down .second .inner ul li h5{font-size:16px}

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

.title .separator{display:block!important}

.cfx{clear:both;}
/*overflow hidden*/
.ofh{white-space:nowrap;word-wrap:normal;word-break:normal;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden}

.wkcrs table{border-collapse: collapse;width:100%;table-layout:fixed;background: #fff;}
.wkcrs thead th{background:#f0b242;color:#fff}
.wkcrs th,
.wkcrs td{border:1px solid #ccc}
.wkcrs tr[style*="background"] td{vertical-align: middle}
.wkcrs tr td:first-child{background:#ffe6a3;vertical-align:middle}
.wkcrs tr th:first-child,
.wkcrs tr td:first-child{width:120px;white-space:nowrap;padding:0;text-align:center;}
.wkcrs tr td{width:18%}
/*guess these are VACATION td*/
.wkcrs tr td[rowspan="11"],
.wkcrs tr td[rowspan="10"],
.wkcrs tr td[rowspan="9"],
.wkcrs tr td[rowspan="8"],
.wkcrs tr td[rowspan="7"],
.wkcrs tr td[rowspan="6"]{vertical-align: middle;background:#dcf2ae;}
.wkcrs .wkcourse{border:0 solid #ccc;border-width:1px 0}
.wkcrs .wksubcourse{margin-top:3px;font-weight: bold}
.wkcrs .wkplace{position: absolute;bottom:2px;left:0;text-align: center;width:100%}
.wkcrs .wkspeaker span{border-bottom:1px solid;}
.wkcrs .wkcourse .fa{margin:2px 0 0 4px;font-size:12px;}
.wkcrs .wkcourse:hover .fa{color:#09f;}
.wkcrs td.haswkplace{position:relative;padding-bottom:25px}
.wkcrs a,
.wkcrs{color:#222}
.wkcrs a:hover{text-decoration: none;}

.h2nav{margin-top:30px;}
.h2nav-first{margin-top:0}
.h2nav-sel{display:none;}
.h2nav-div{display:flex;justify-content: space-between;width:85%;}
.h2nav-div a{font-size:15px;}
@media only screen and (min-width:901px) and (max-width:1000px){
  .h2nav-div{width:100%;}
  .h2nav-div a{font-size:14px}
}
@media only screen and (max-width:900px){
  .h2nav-div{display:none;}
  .h2nav-sel{display:block}
}

.dotmark{padding-left:1em;position:relative}
.dotmark::before{content:'●';font-size:11px;position:absolute;top:4px;left:4px}

.dl1{font-size:18px;line-height:1.3}
.dl1 *{font-weight:normal}
.dl1 dd>ol{list-style:none}
.dl1 dt{padding:0 0 10px 52px;font-weight:normal;color:#555}
.dl1 dt .no{ margin:0 15px 0 -52px}
.dl1 dt .no.ico{margin-right:5px}
.dl1 dd{padding:0 0 12px 94px}
.dl1 dd.child-not-ol{padding-left:51px}
.dl1 dd.child-not-ol.empty-dd{padding:0}
.dl1 dd.child-not-ol.with-icon-title{padding-left:29px}
.dl1 dd .no{margin:0 12px 0 -42px}
.dl1 dd li{padding:0 0 8px 0}

/*only in home*/
.row-timeline{background:url(/img/home/clock.png) no-repeat 90% -68%}
.hometime{font-size:20px}
.hometime li{list-style:none;margin:0 0 20px 0;position:relative;}
.hometime li::after{content:'';width:1px;background:#666;height:30px;position:absolute;top:100%;left:75px}
.hometime li.last::after{display:none}
.hometime time{display:inline-block;margin:0 20px 0 0;border:1px solid #111;text-align:center;padding:6px 12px;background:#fff;width:150px}

/*only in home*/
#subfrm{background:rgba(255,87,34, .5);border-radius:20px;padding:30px 20px 5px;position:relative;width:320px}
#subfrm::after{content:'';height:1px;width:100%;position:absolute;background:#ccc;top:70px;left:0}
#subfrm h2{color:#fff;font-size:16px;text-align:center;padding:0 0 40px}
#subfrm [type=submit],
#subfrm .result{
-webkit-transition: opacity .8s; /* Safari */
transition: opacity .8s;
}
#subfrm [type=submit]{color:#fff;border:1px solid #fff;border-radius:20px;height:40px;width:150px;
background:none;
margin:auto;
outline:none;
box-shadow:0 0 10px #fff;
box-shadow:0 0 10px rgba(255,255,255,.6);
display:block
}
#subfrm [type=submit]:hover{font-size:1.2em;background:rgba(255,255,255,.3);font-weight:bold}
#subfrm [type=submit]:hover::after{content:' !!'}

#subfrm p{border:1px solid;padding:6px;margin:20px 0 -20px 0}
#subfrm #p a::before{content:'';display:block}
#subfrm input[type=text],#subfrm input[type=email]{
outline:none;
padding:2px 4px;border:none;border-bottom:1px solid #fff;color:#fff;background:transparent;display:block;margin-bottom:20px;width:100%}
#subfrm input[type=text]:focus,
#subfrm input[type=email]:focus{background:rgba(255,255,255,.3)}
#subfrm ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#fff; }
#subfrm ::-moz-placeholder { /* Firefox 19+ */ color:#fff; }
#subfrm :-ms-input-placeholder { /* IE 10+ */ color:#fff; }
#subfrm :-moz-placeholder { /* Firefox 18- */ color:#fff; }

#subfrm form{margin:0 0 30px}

#row-subscr{background:url(/img/home/sub.png) no-repeat 50% 0;padding:20px}

/*partner in home*/
#home-company-hd{text-align:center;margin:20px 0 0;text-align:center;border-bottom:1px solid #ddd;padding:8px}
#viewer{/*visibility: hidden;*/margin:0 0 25px;}
#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-company{overflow: hidden;height:0;}*/
/* #topic-speak{ */
.company-ul{
-webkit-transition: margin .4s ease;
-moz-transition: margin .4s ease; transition: margin .4s ease
}
/* #topic-speak */
.company-ul li a{color:#333;cursor:pointer}
.company-ul li a:hover{border:none;text-decoration:none}
.company-ul{padding:0;clear:both;}
.company-ul::after{content:'';clear:both;display: block;height:0}
.company-ul li{width:20%;float:left;list-style:none;margin-bottom:30px;padding:0 3px;cursor:pointer;text-align:center}
/*.company-ul li img{filter: grayscale(100%);opacity:.5;} .company-ul li:hover img{filter: grayscale(0%);opacity:1;}*/
/*.company-ul .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;}*/
/*.company-ul .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,
.company-ul .title span{margin:32px 0;display:block;text-align: center;padding:0 12px;font-size:18px}*/
.company-ul .name{text-align: center;font-weight:bold;font-size: 16px;line-height:23px;
display:block;
white-space: nowrap;
width:100%;
overflow: hidden;
text-overflow: ellipsis;
}
.company-ul .name .en{display: block;font-weight:normal;}

/*#kn-speak-index .photo::after,
#kn-speak-index .photo::before,
.company-ul .photo::after,
.company-ul .photo::before{content:'';display:block;border-radius: 50%;position:absolute;top:0;left:0;bottom:0;right:0;}
#kn-speak-index .photo::before,
.company-ul .photo::before{border:5px solid #FAAC00}
#kn-speak-index .photo::after,
.company-ul .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,
.company-ul .conf-ai .photo::before,
.company-ul .conf-ai .photo{border-color:#5A8EEE;}*/

#kn-speak-index>div.hover .title,
#kn-speak-index>div:hover .title,
.company-ul li.hover .title,
.company-ul li:hover .title{opacity: 1}
/*#kn-speak-index>div.hover .company,*/
#kn-speak-index>div:hover .company,
/*.company-ul li.hover .company,*/
.company-ul li:hover .company{overflow:visible}
/* .COM means hasLongCompnayName*/
/*
#kn-speak-index>div:hover+div .company,
.company-ul li:hover+li .company{opacity:.2;}
*/

.company-ul li{width:25%;}
@media screen and (max-width:600px){
  .company-ul li{width:33%}
}
@media screen and (max-width:510px){
  .company-ul li{width:50%;}
}
@media screen and (max-width:400px){
  .company-ul li{margin-bottom:15px}
  #kn-speak-index .photo{height:145px}
  .company-ul .photo{height:145px}
}





/*org*/
#org-map{width:680px;height:500px;position:relative;margin:auto}
#org-map .org{border-radius:8px;color:#fff;background:#e0a859;display:inline-block;padding:8px 18px;font-size:18px;position:absolute;white-space:nowrap;text-align:center}
#org-map .org a{display:inline-block;color:#fff;border-bottom:1px solid}
#org-map .org ul{color:#fff;top:45px;margin:0;padding:0;}
#org-map .org ul,
#org-map .org li{font-size:15px;list-style:none;text-align: left;}
#org-map .org::before,
#org-map .org::after{background:#999;content:'';display:block;position:absolute}
#org-map .org-red{background-color:#B24452}
#org-map .org-orange{background-color:#ea7e54}
#org-map .org-blue{background-color:#81b1dd}
#org-1,#org-3{top:0;left:218px}
#org-1::after{top:100%;height:20px;left:49.5%;width:1px}
#org-2{top:12px;left:384px}
#org-2::after{top:49.5%;height:1px;left:-41px;width:41px}
#org-3{top:85px}
#org-3::after{top:100%;height:15px;left:50%;width:1px}
#org-3::before{bottom:-15px;height:1px;left:-20px;width:184px}
#org-4{top:180px;left:143px;}
#org-4::after{left:50%;height:13px;width:1px;top:-13px;}
#org-4::before{left:50%;height:21px;width:1px;bottom:-21px;}
#org-4c{top:180px;box-sizing:border-box;width:162px}
#org-4c{top:180px;}/*override, need same as #org-4*/
#org-map #org-4a,
#org-map #org-4b,
#org-map #org-4bb{top:290px;width:81px;box-sizing:border-box;padding-left:4px;padding-right:4px}
#org-4a::after,
#org-4b::after,
#org-4bb::after,
#org-4c::after{top:-22px;height:22px;left:50%;width:1px}
#org-4a::before{height:1px;width:191px;top:-22px;left:50%;}
#org-4a::after,
#org-4b::after{width:1px;left:50%;top:-22px;height:22px;}
#org-4a{left:30px}
#org-4b{left:125px}
#org-4bb{left:220px}
#org-4c{left:300px}
#org-4c::before{height:148px;width:1px;top:42px;left:50%;}
#org-4c::after{height:12px;width:1px;top:-12px;left:50%;}
#org-5,#org-6,#org-7{top:370px;background:#42bb8d!important}
#org-5{left:96px;}
#org-6{left:289px;}
#org-7{left:497px;}
#org-5::before{width:413px;height:1px;top:-20px;left:50%;}
#org-5::after,
#org-7::after{height:20px;width:1px;top:-20px;left:50%;}


.q_logo img.mobile{width:100%!important;margin-top:-25px!important}

.header_inner_right{display:none}
.header_inner_left .fa-bars{font-size:22px;color:#333}
.mobile_menu_button{margin:-33px 15px 0 0;float:right}
@media only screen and (min-width:800px) and (max-width: 840px){
.mobile_menu_button{margin-right:65px}
}
@media only screen and (min-width: 769px) and (max-width:799px){
.mobile_menu_button{margin-right:95px}
}
@media only screen and (max-width: 769px){
.mobile_menu_button{margin-right:-25px}
}
@media only screen and (min-width:621px) and (max-width: 710px){
.mobile_menu_button{margin-right:55px}
}
@media only screen and (min-width:601px) and (max-width: 620px){
.mobile_menu_button{margin-right:75px}
}
@media only screen and (min-width:481px) and (max-width: 520px){
.mobile_menu_button{margin-right:25px}
}
#wp-admin-bar-my-account{display:none}
.footer_top_holder{display:none}

.drop_down .narrow .second .inner ul li{ width: 188px; white-space: nowrap; text-align: left; }

.list1,
.list1 li{list-style:none;font-size:18px;line-height:1.3;color:#555}
.list1 li{padding:0 0 20px 90px}
.list1 li .no{margin:0 20px 0 -74px}



.tbl1{font-size:18px;border-collapse:collapse}
.tbl1,.tbl1 td{border:1px solid #333;text-align:left}
.tbl1 td{padding:6px 12px;line-height:1.3}

#row-news h1,
.row-summary h1,
.row-summary h2{text-align:center;font-size:24px;margin:10px 0 30px}
.row-summary .desc{font-size:18px;margin:0 0 40px}

#row-news .allnews,
#row-news ul{min-width:300px;width:50%;display:block;margin:0 auto 5px}
#row-news .allnews{margin:0 auto 30px;text-align:right}
#row-news li{min-height:30px;list-style:none;white-space:nowrap;font-size:18px}
#row-news li time{float:left;font-size:13px;margin:4px 9px 0 0;color:#666}
#row-news li a{display: block;border-bottom:1px dashed #ccc;}
#row-news li a:hover{text-decoration:none;border-bottom:1px solid #ccc;}

@media only screen and (max-width:900px){
#row-news .allnews,
#row-news ul{width:80%}
}
@media only screen and (max-width:600px){
#row-news li time{display:block;float:none}
#row-news li{white-space:normal}
}
@media only screen and (max-width:600px){
#row-news .allnews,
#row-news ul{width:90%}
#row-news ul{text-align:justify}
}

.lst3{width:80%;margin:auto;display:flex;justify-content:space-between;flex-flow:wrap}
/* .lst3 li{display:inline-block;margin:0 12px 8px 0}*/
.lst3 li{padding:2px 4px;list-style:none;margin:0 8px 12px 0}
.lst3 li:hover{font-weight:bold;background:#ddd}

.aitbl{border-collapse:collapse}
.aitbl th,
.aitbl td{border:1px solid #ccc;text-align:left}
.aitbl th{background:#dfdfdf}
.tr-highlight1 td,
.tr-fight td{background:#DBE1F2}
.ol_under_tbl{list-style-position:inside;font-size:.8em}


.aidl dt{font-weight:bold;border-left:5px solid;text-indent:.5em}
.aidl dd{padding:0 0 20px 2em;text-align:justify}

.title_subtitle_holder{padding:0}
.bread{border-bottom:1px solid #ccc;margin:10px 0}
.bread li span,
.bread li a{font-size:13px}
.bread li{list-style:none;display:inline-block;margin-right:5px}
.bread li::after{content:' > '}
.bread li.last::after{content:'';display:none}

.pgr{clear:both}
.pgr a:hover,
.pgr a{border:1px solid #ccc;display: inline-block;background:#fff;padding:2px 6px;margin:0 9px 0 0;}
.pgr a:hover{border-color:inherit;}

#row_contact h2{margin:0 0 20px}
#row_contact{line-height:1.35}
#row_contact p{position:relative;padding-left:73px;margin-bottom:4px}
#row_contact .lbl{margin-left:-73px}

#nav_term{margin:18px 0;}
#nav_term::after{content:'';clear:both;display:block;height:0;overflow: hidden;}
#nav_term ul,
#nav_term li{margin:0;padding:0;}
#nav_term li{float: left; list-style: none; border-radius: 5px; margin: 0 8px 3px 0;}
#nav_term a{min-width: 40px; text-align: center; display: block; font-size: 16px; padding: 3px 6px; color: #222; background: #fff; border: 2px solid #4B505A; border-radius: 5px;}
#nav_term a.term11{font-weight: bold}
#nav_term li.cur a{background:#4B505A;color:#fff;}

.aia_btns{text-align:center;margin-top:30px}
.aia_btn1{background-color:#4A84B7; color:#fff!important; width:198px; border-radius:4px;margin:0 5px}
@media screen and (max-width:996px){ .aia_btn1{width:120px} }
@media screen and (max-width:566px){ .aia_btn1{width:60px} }
@media screen and (max-width:340px){ .aia_btn1{margin:5px auto;width:80%} }


#lst3 li,
#lst2 li{list-style:none;margin:0 0 50px;}
#lst2 li h2{font-size:24px;}
#lst2 li h2 a{color:#333;}
#lst2 li>time{font-size:15px}
#lst3 .bd,
#lst2 .bd{margin:8px 0}
#lst2 .bd p{margin:0 0 10px}
#lst2 .bd p+p{margin-top:16px}
#lst3 .ft,
#lst2 .ft{font-size:13px;}
#lst2 .ft a{font-size:16px;padding:4px;background:none;color:#06f;border-radius:4px;border:1px solid #06f}
#lst2 .ft a:hover{background:#06f;color:#fff}

#lst3{clear:both}
#lst3 li h2{font-size:18px;line-height:1.45}
#lst3 li h2,
#lst3 .bd,
#lst3 .ft{padding:0 0 0 30px;}
#lst3 .ft{padding-top:8px}
#lst3 li{position: relative;}
#lst3 li img{position: absolute;top:0;left:0;}
#lst3 .ft a{color:#fff;background:#aaa;padding:3px 6px;border-radius: 3px;margin-right:8px;}
/*#lst3 .ft a.cur{color:#fff;background:#4B505A}*/

#lstA::after{clear:both;content:'';display:block;height:30px}
#lstA li{float:left;width:30%;margin-right:4.5%;margin-top:30px;list-style:none}
#lstA li h3{font-size:15px;line-height:1.2;margin:12px 0 5px;padding:0}
#lstA li div{text-align:right}
@media screen and (min-width:601px){
#lstA li:nth-child(3n){margin-right:0}
#lstA li:nth-child(3n+1){clear:both}
}
@media screen and (max-width:600px){
  #lstA li{width:48%;margin-right:2%}
  #lstA li:nth-child(2n){margin-right:0}
  #lstA li:nth-child(2n+1){clear:both}
}
@media screen and (max-width:400px){
  #lstA li{width:100%;margin-right:0;margin-left:0;clear:both}
}


/*https://stackoverflow.com/questions/24197007/using-flex-to-show-3-columns-per-row*/
#talst,
#lst{display:flex;flex-wrap: wrap;}
#talst li,
#lst li{list-style:none;text-align:center;width:20%}
#talst img,
#lst img{border:1px solid #ddd;width:170px;height:170px;border-radius:25px}
#talst img.circle,
#lst img.circle{border-radius:50%}
#talst h2,
#lst h2{margin-top:8px;text-align:center;text-transform:none}
#talst .last,
#lst h2{margin-bottom:20px}
#talst .last>div{display:block}
#talst .last2 span{letter-spacing:-2px;font-size:13px}
#lst a:hover{text-decoration:none;border-bottom:1px solid}
#lst .desc{text-align:justify}

/*
#talst li{background-repeat:no-repeat;background-size:cover;background-position:50% 50%}
#talst img{opacity:0}
*/
@media only screen and (max-width:1550px){ #talst li,#lst li{width:25%} }
@media only screen and (min-width:991px) and (max-width:1250px){ #talst li, #lst li{width:25%}
#talst img, #lst img{width:150px;height:150px} }
@media only screen and (min-width:751px) and (max-width:990px){ #talst li, #lst li{width:33%} }
@media only screen and (min-width:549px) and (max-width:750px){ #talst li, #lst li{width:50%} }
@media only screen and (min-width:459px) and (max-width:550px){ #talst li, #lst li{width:33%}#lst img{width:100px;height:100px} }
@media only screen and (min-width:449px) and (max-width:460px){ #talst li,#lst li{width:50%}
#talst img,#lst img{width:150px;height:150px} }
@media only screen and (max-width:450px){ #talst li,#lst li{width:50%}
#talst img,#lst img{width:90px;height:90px} }

#dtl h1{font-size:26px;text-align:left}
#dtl h2{margin-bottom:20px}
#dtl .l{width:300px;float:left}
#dtl .l a,
#dtl .l img{display:block;text-align:center;margin:auto}
#dtl .l a{margin:5px 0 0}
#dtl .r{margin:0 0 0 310px}
/*#dtl .bar{clear:both;padding:5px;text-align:right;display:none}*/
#dtl .ft{text-align:center;padding:10px;border:0 solid #ddd;border-width:1px 0;margin-top:30px}
@media only screen and (max-width:820px){
  #dtl .l{float:none;margin:auto;text-align:center}
  #dtl .l img{margin:auto;width:auto}
  #dtl .r{margin:auto}
  #dtl h1,
  #dtl h2{text-align:center}
  #dtl h1{margin-top:8px}
/*
  #dtl .bar{text-align:center}
  #dtl .bar:nth-child(1){display:none}
*/
}

#dtl2 .bd{line-height:1.75}


/*************** RWD start*******************/

@media only screen and (max-width: 1160px){
  .title_subtitle_holder{padding-top:15px}
  .page_container_inner{margin-top:20px}
}
@media (max-width: 1160px) and (min-width: 1001px){
  nav.main_menu>ul>li>a{
    padding:0 6px!important
  }
}
@media only screen and (max-width: 1000px){
  .title_subtitle_holder{padding-top:0}
  .title{padding:0!important;}

  .container_inner{width:auto}/*override*/
}
@media only screen and (max-width: 800px){
  .title_subtitle_holder{padding-top:0;margin-top:-5px}
}
@media only screen and (max-width:600px) {
#row-subscr{padding:20px 5px;margin-right:-22px;margin-left:-22px}
}
@media only screen and (max-width: 480px){
  .container_inner{
  width:auto;
  }

  #org-map{border:none}
}

@media only screen and (max-width: 694px){
  #org-map{width:99%}
  #org-map .org{padding-left:4px;padding-right:4px}
  #org-1{left:95px}
  #org-2{left:200px}
  #org-2::after{left:-7px;width:7px}
  #org-3{left:95px}
  #org-3::after{height:20px;}
  #org-3::before{left:-22px;bottom:-21px;width:151px}
  #org-4{top:190px;left:33px;}
  #org-4::after{top:-17px;height:17px;width:1px;left:50%;}
  #org-4::before{bottom:-16px;width:1px;height:16px;left:39px;}

  #org-4a,#org-4b,#org-4bb,#org-4c{width:auto;top:285px;}
  #org-4c{top:190px;}/*override, same as #org-4{top} */
  #org-4a::after, #org-4b::after, #org-4bb::after{height:12px;top:-12px;}
  #org-4c::after{height:17px;top:-17px;}
  #org-4a::before{height:1px;width:138px;left:50%;top:-12px;}


  #org-4a{left:-4px;}
  #org-4b{left:65px;}
  #org-4bb{left:133px;}
  #org-4c{left:193px;}
  #org-4c::before{left:33px;height:108px}
  #org-5,#org-7{top:360px}
  #org-6{top: 480px;left:75px}
  #org-5{left:-6px}
  #org-7{left:174px}
  #org-6::before{height:140px;top:-140px;width:1px;left:50%;}
  #org-5::before{top:-21px;width:193px;}
}
@media only screen and (max-width:400px) {
  .row-timeline{background-position:90% -120%}
  #hometime{font-size:16px}
  #hometime time{margin-right:11px;width:100px}

}