/* 
AIA v2 Stylesheet
v2
Last Updated: 2019-08-09
Author: AIA - https://aiacademy.tw
*/
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;
}

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 ***********************/

/* aia width via designer */
@media screen and (min-width:1366px){
.w1366{width:1366px!important;margin-left:auto!important;margin-right:auto!important}
}
@media screen and (max-width:1365px){
  .w1366{width:auto!important;margin-left:30px!important;margin-right:30px!important}
}
@media screen and (min-width:1242px){
  #bd .wrap,
  .visionbox-center .visionbox-txt,
  .w1242{width:1242px!important;margin-left:auto!important;margin-right:auto!important}
}
@media screen and (max-width:1241px){
  #bd .wrap,
  .w1242{width:auto!important;margin:auto!important;padding-left:30px!important;padding-right:30px!important}
}
@media screen and (max-width:414px){
  #bd .wrap,
  .w1242{width:auto!important;padding-left:30px!important;padding-right:30px!important;
    /* text-align:justify */
  }
}
.w960{margin:auto}
@media screen and (min-width:960px){
.w960{width:960px!important}
}
@media screen and (max-width:959px){
.w960{width:auto!important}
}

i{font-style:normal}
.ph_i, /* phone inline */
.ph_b, /* phone block */
.ph_ib { /* phone inline-block*/
  display: none !important;
  font-style:normal;
}
@media screen and (max-width:414px) {
	.ph_i {
		display: inline !important
	}
	.ph_b {
		display: block !important
	}
	.ph_ib {
		display: inline-block !important
	}
	.ph_n {
    display: none !important;
	}
}

ol.nomark,
ol.nomark li,
ul.nomark,
ul.nomark li{list-style:none!important}
ul,
ol{list-style-position: inside}
.cfx,
#bd .wrap::after,
.clear::after{display:block;height:0;clear:both;overflow:hidden}
#bd .wrap::after,
.clear::after{content:''}
#pg{background:#fff;position:relative;overflow:hidden}
#pg a:hover{text-decoration:none;border:none}
/*
#vertical-bar{width:90px;box-shadow:0 0 2px #999;position:fixed;top:0;left:0;bottom:0;background:#fff}
#vertical-bar ul{margin:120px 0 0}
#vertical-bar li a{display:block;text-align:center;padding:12px 0;font-size:14px;color:#666}
*/
/*
#ft .in{width:1200px;margin:auto}
#social-index{float:left;width:200px}
#site-index{margin-left:200px}
#site-index .w2,
#site-index .w4{float:left;margin:0 0 45px}
#site-index .w4{width:33%}
#site-index .w2{width:16.5%}
*/
#ft{background:#5391c0;font-size:12px;color:#fff;padding:42px 0 0}
#ft *{color:#fff;font-size:13px}
#ft .in{margin-bottom:42px}
#ft ul,
#ft li{list-style:none}
#ft .row-l{width:420px}
#ft .row-l ul{margin-top:8px}
#ft li{margin-bottom:4px}
@media screen and (min-width:1000px){
#ft .row-l{float:left}
#ft .row-r{margin-left:430px}
}
@media screen and (max-width:999px){
  #ft .row-l{margin:auto}
  #ft .row-r ul{margin-top:18px}
}


#ft .row-r{
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  -webkit-justify-content:space-around;
  display:flex;flex-flow:row wrap;justify-content:space-around}
#ft .row-r li:nth-child(1){font-weight:bold;margin-bottom:6px}
#ft .row-r .hd{font-weight:bold;}
#copyright{margin:0;text-align:center;font-size:11px;padding:6px 0 7px;border-top:1px solid #fff;clear:both}
@media screen and (max-width:400px){
  #ft .row-l,
  #ft .row-r{width:auto;margin-left:0;margin-right:0}
  #ft .row-r ul{width:33%}
  #copyright{padding-left:10px;padding-right:10px}
}

#hd{background:#5391c0;}
#hd .in{position:relative;height:100px}
#hd ul,
#hd li{padding:0;margin:0}
#logo{float:left}
#ft .logo,
#logo img{max-width:330px;}
#ft .logo{max-width:100%}
@media screen and (min-width:992px) and (max-width:1199px){
  #ft .logo{width:100%}
}
@media screen and (max-width:800px){
  #copyright{margin-top:30px}
}

#logo img{margin:35px 0 0 0}

#topnavbar{float:right}
#topnav0{position:absolute;top:0;right:0;font-size:15px;height: 38px;margin:12px 0 0 0}
#topnav0 li{height:36px;line-height: 36px;}
#topnav0 *{list-style:none;color:#fff}
#topnav0 li{display:inline-block;text-align:center;margin:0 8px}
#topnav{font-size:16px;font-weight:500;clear:both;bottom:13px;right:0;position:absolute} 
#topnav a[href*=javascript]{cursor:default}

#mobnav li ul{display:none}
#topnav li ul{pointer-events: none; /* <-- why #topnav li ul need ? */
  opacity:0;transition: all .8s}
#topnav li ul li ul{transition:none}
#mobnav li a span,
#topnav li a span{color:#ffed46}
#topnav>ul>li{display:inline-block;width:auto;height:30px;line-height:30px;text-align:center;margin:0 0 0 55px}

#topnav>ul>li:first-child{margin-left:0}
#topnav li a{height:100%;width:100%;display:block;color:#fff}
#topnav>ul>li::after{content:'';display:block;height:13px;width:100%}
#topnav>ul>li:hover::after{background:#50bdda}
/*level2 & level3 topnav*/
#topnav li{position:relative}
#topnav li ul{position: absolute;z-index:6;width:110px;background: #0f3450;padding:20px 0 40px;z-index:10}
#topnav li li{height:30px;line-height: 30px;}
#topnav li:hover>ul{ opacity:1; pointer-events: auto }
/*#topnav li:hover>ul::before{content:'';height:13px;display:block;background:#50bddb;width:70px}*/
#topnav li li:hover>a,
#topnav li li a:hover{color:#50bddb}
/*level2*/
#topnav>ul>li>ul{margin:13px 0 0 -18px}
#topnav>ul>li:nth-child(6)>ul,
#topnav>ul>li:nth-child(7)>ul{margin-left:-36px}
/*level3*/
#topnav>ul>li>ul>li>ul{margin-left:var();top:-20px}
#topnav>ul>li>ul>li:nth-child(2)>ul{top:-50px}
#topnav>ul>li>ul>li:nth-child(3)>ul{top:-80px}
#topnav>ul>li>ul>li:nth-child(4)>ul{top:-110px}

#topnav>ul>li>ul>li>ul::after{content:'';width:1px;height:90%;position:absolute;top:5%;left:0;display:block;background:#5291c0}
#topnav>ul>li:nth-child(1)>ul>li>ul,
#topnav>ul>li:nth-child(2)>ul>li>ul,
#topnav>ul>li:nth-child(3)>ul>li>ul{height:180px}

#mobnav{position:fixed;top:0;
left:100%;
width:70%;z-index:8;height:101%;overflow:auto;background: #5391c0;
transition:left .7s;
}
#mobnav .xlose{text-align: right;padding:8px 16px;color:#fff;font-size:22px;}
#mobnav .xlose i{cursor:pointer}
#mobnav.active{left:30%}
#mobnav>ul{margin:0}
#mobnav ul{text-align: center;}
#mobnav li{list-style:none;display: block;clear:both;position: relative;}
#mobnav li>ul{background:#213e53}
#mobnav li>i{cursor:pointer;display:inline-block;padding:5px 20px;color:#fff;
  transition:transform .3s linear;
}
#mobnav li>i.cur{transform:rotate(180deg)}
#mobnav li a{color:#fff;height:45px;line-height:45px;text-align: center;
}
#mobnav>ul>li>ul>li>ul>li a{margin-left:22px}
#mobnav>ul>li>ul>li>ul>li a::before{content:' - '}
#mobnav li a:hover{border:none}
#mobnav li>ul{display:none}

#mobnav0,
#mobnav0 ul{width: 100%;margin:0;padding:0}
#mobnav0 ul{
  display: -webkit-flex;
  -webkit-justify-content:space-around;
  display:flex;justify-content:space-around;background:#5391c0;
margin-top:calc(100vh - 47px - 315px - 45px);
                     /*xlose*//*menu*//*self height*/
}
#mobnav0 li{display:inline-block}
#mobnav0 li a{display: block;}
#mobnav0 li a:hover{border:none}

/* .T #hamb-menu{display: block;} */
#hamb-menu {
  display: none;
  position: absolute;
  right:0;
  top:5px;
  /* z-index:9; we will use 2*hamb-menu */
  width: 40px;
  height: 40px;
  cursor: pointer;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

#hamb-menu #hamb::before,
#hamb-menu #hamb::after, 
#hamb-menu #hamb {
  width: 25px;
  height: 3px;
  position: absolute;
  background-color: #fff;
  /* -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); */
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
#hamb-menu.is-active #hamb::before,
#hamb-menu.is-active #hamb::after, 
#hamb-menu.is-active #hamb {
  color:#666;
}

#hamb-menu #hamb::before { content: ''; top: -9px; }
#hamb-menu #hamb::after { content: ''; top: 9px; }
#hamb-menu.is-active #hamb {
  background-color: transparent;
  -webkit-box-shadow: transparent;
          box-shadow: transparent;
}

#hamb-menu.is-active #hamb::before {
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

#hamb-menu.is-active #hamb::after {
  top: 0;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}


#bd{ /*padding:0 0 60px; delete for grey-background*/ /*min-height:80vh; delete for grey-background*/ 
min-height:calc(100vh - 100px - 303px)
}

.dl1v2 dd,
#summary,
#bd #admiss-bd.video h2,
#bd p{margin:0 0 14px;}
#bd p{line-height:1.5;}

#bnr{width:100%;height:310px;overflow:hidden;/*background:#5fc3dd;*/
background:#305f81;
margin:0 0 33px}
#bnr .in{width:694px;margin:auto;background:100% 50% no-repeat;position: relative;height:100%}
/* #bnr .aiabtn{background:#D66A68} */
#bnr .aiabtn{background:#a31f34}
#bnr .aiabtn:hover{background:#6C0011}
/*
#bnr.home-prestudent{background:#5fc3dd}
#bnr.home-prestudent .aiabtn{background:#D66A68}
#bnr.home-alumni{background:#00a9ac}
#bnr.home-alumni .aiabtn{background:#fab83e}
#bnr.home-partner{background:#9cd6c7}
#brn.home-partner .aiabtn{background:#9cd6c7}
*/
#bnr dl{color:#fff;margin:70px 0 0;position: absolute;text-align:center}
@media screen and (max-width:1564px){
  #topnav{ right:80px }
}
@media screen and (max-width:840px){
  #topnav>ul>li{margin-left:25px}
}
@media screen and (max-width:1242px){
  #logo{position: absolute;top:5px}
  #logo img{margin:0;max-height:38px /*max-height:38px for iphone width*/ }
  #topnavbar{float:none;width:100%}
  #topnav{left:0;right:0;text-align:center}
}
@media screen and (max-width:414px){
  #logo{top:9px}
  #logo img{max-width:calc(100vw - 30px - 30px - 40px - 36px)}
                            /*  m-l/p-l  m-r/p-r  hamb-w  space */
}

#bnr dt{font-size:50px;font-weight:bold}
#bnr dd p{font-size:28px;margin-bottom:0}

@media screen and (max-width:500px){
#bnr .in{width:100%}
/*
style001 for medical-class
#bnr dl{width:50%;margin-left:10%;margin-top:10px}
#bnr dt{text-align:left;font-size:36px}
*/
#bnr dl{width:100%;margin:70px 0 0}
#bnr dt{text-align:center;font-size:37px}
}

/*
.T #topnav,
.T #topnav0{display: none}
.T #hamb-menu{
  display: -webkit-flex;
  display:flex;
}
.T #hd .in{height:50px}
*/
@media screen and (max-width:600px){
  #topnav,
  #topnav0{display: none;}
  #hamb-menu{
    display: -webkit-flex;
    display:flex;
  }
  #hd .in{height:50px}
}
@media screen and (max-width:320px){
  #logo img{width:200px;margin-top:8px}
}

.postcontent_head1{text-align:center;color:#444;margin:12px 0;font-size:20px}

.grey-container{background: #fafafa;border-top:0 solid #fff}
/* html#testmode .grey-container{background:green} */
#grey-container-index{border-top-width:110px}
#container-index{margin-top:-110px}
#grey-container-offsite{border-top-width:350px}
#container-offsite{margin-top:-350px}

#features-grey1 ol:last-child,
#features-grey1 ul:last-child,
#features-grey1 p:last-child{margin-bottom:0}
#features-grey1{padding-bottom:76px}

#features_wrap .block-title{margin:auto;border:0 solid transparent;border-width:30px 0}
#features_wrap .aia-title{font-size:20px}

#newslist_wrap .lst1{width:100%}

@media screen and (min-width:414px){
  #calen_wrap .bd{display: -webkit-flex;
    -webkit-flex-flow: row nowrap;
    -webkit-justify-content:space-between;
    display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-start;
  }
  #calen_wrap .bd>.l{width:60%}
  #calen_wrap .bd>.r{width:39%}
}
@media screen and (max-width:414px){
  #calen_wrap .bd>.r{margin-top:40px}
}
#calen_wrap .lst1{width:auto}

#offsite-problem-solving_wrap #row-how2join-offsite .dl1v2 dd:last-child ul,
#offsite-problem-solving_wrap #row-how2join-offsite .dl1v2 dd:last-child ul li{list-style:none}

.upgradebox{float:left;margin-right:1.5%;background:#fff;box-shadow:0 2px 5px #999;text-align: center;padding:30px 0 0;height:300px}
/* @media screen and (max-width:734px){ */
@media screen and (max-width:768px){
  .upgradebox{height:350px}
}
@media screen and (max-width:684px){
  .upgradebox{height:auto;width:100%!important;margin-bottom:12px}
}
.upgradebox .hd,
.upgradebox .bd{margin:0 25px}
.upgradebox .hd{font-size:20px;color:#50bddb}
.upgradebox .bd{margin-top:10px}
.upgradebox:last-child{margin-right:0}

#opening-list_wrap form select{width:100%}
#opening-list_wrap select[data-parent]{display: none;}
#opening-list_wrap select,
#opening-list_wrap [type=submit],
#opening-list_wrap form{
  display: -webkit-flex;
  -webkit-justify-content:space-between;
  display:flex;justify-content:space-between}
#opening-list_wrap form>.in select,
#opening-list_wrap .in button,
#opening-list_wrap form>.in{background:#c3dcf1;border:none;color:#343434}
#opening-list_wrap form>.in{border-radius:7px;height:28px;width:30%;overflow:hidden}
#opening-list_wrap form>.in:nth-child(2){width:62%}
#opening-list_wrap form>.in:nth-child(3){width:5%;border-radius:14px}
@media screen and (max-width:736px){
  #opening-list_wrap form>.in:nth-child(1){width:30%}
  #opening-list_wrap form>.in:nth-child(2){width:51%}
  #opening-list_wrap form>.in:nth-child(3){width:16%}
}
#opening-list_wrap .in button{text-align:center;display: block;margin:auto;width:80%}

#bd-l{width:960px;float:left}
#bd-r{width:206px;float:right}
#bd-r *{margin:0;padding:0}
#bd-r .hd{font-size:16px;margin:8px 0}
@media screen and (min-width:1242px){
  #admiss-bd #bd-l::after{content:'';display:block;width:1px;height:80%;background:#eee;position:absolute;right:-60px;top:0}
}
/* @media screen and (max-width:768px){ */
@media screen and (max-width:1165px){
  #bd-l{width:59%}
  #bd-r{width:38%}
}
@media screen and (max-width:600px){
  #bd-l,
  #bd-r{padding:0;width:auto;float:none}
  #bd-r{margin-top:60px}
}

#videobnr{background:#000;text-align: center;}
#videobnr iframe{margin:auto;display:block}

#ceo-page-alike,
#admiss-bd{border-top:40px solid transparent}
#admiss-bd time.post_date{color:#919191;font-size:15px;margin:16px 0 0;display:block}
#admiss-bd h1{font-size:30px;color:#000;margin:6px 0 24px}
#admiss-bd #bd-l{position: relative}
#admiss-bd aside ul,
#admiss-bd aside li{list-style:none;font-size:16px}
#admiss-bd aside li img,
#admiss-bd aside li img+span{display:block;margin:auto}
#admiss-bd aside li img+span{margin-top:3px}
#admiss-bd aside .video li{padding:0 0 30px}
#admiss-bd aside .article li a{
  border-bottom:1px solid #eee;
  padding:12px 0 5px;
  overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;
  width : 100%;
  display:block;
}
#admiss-bd aside .video li:nth-child(1),
#admiss-bd aside .article li:nth-child(1) a{padding-top:0}
#admiss-bd aside li a:not(:hover){color:#666}
#admiss-bd aside li a:hover{border-bottom:1px solid #999;}

#v2faq-bd{min-height:
                                     /*height*/
  calc(100vh - 100px - 40px - 44px - 30px - 35px - 303px);
                           /*margin-top*/      /*m-t*/ /*bread*/ /*footer*/
}
#v2faq-bd .tagnav{padding:16px 0;margin:0}
#v2faq-list dl{position: relative;min-height:60px;width:100%}
#v2faq-list dt{background: #fff;
  padding:13px;margin:0 0 20px;
  box-shadow:0 2px 4px #ccc;cursor:pointer;font-weight:500;position: absolute;width:100%}
#v2faq-list dd{background:#fff;font-weight:300;margin:0 0 16px;padding:16px;display:none;border-top:52px solid transparent}
#v2faq-list dt,
#v2faq-list dd{padding-left:12px;padding-right:12px}

.qbutton{position: relative;
  transition:color .1s linear,background-color .1s linear,border-color .1s linear;
  display: inline-block;
  border: 2px solid #303030;
  cursor: pointer;
  outline: 0;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow:none}
  .qbutton.large { height: 45px; line-height: 45px; font-size: 16px; width:180px}
  .aia_btns{text-align:center;margin-top:20px}
  #admiss-bd .aia_btn1,
  #admiss-bd .v2intro .aia_btn1,
  .v2intro .aia_btn1{background-color:#fff;border:1px solid #a31f34!important;border-radius:7px;margin:5px 10px;color:#a31f34}
  #admiss-bd .v2intro .aia_btn1:hover,
  .v2intro .aia_btn1:hover{color:#fff;background:#a31f34}
  /*need .lst1?*/
  .lst1 .aia_btn1{background-color:#BA5333;border-color:#BA5333!important;color:#fff!important; width:198px; border-radius:4px;margin:0 5px}
  .aia_btn1.btn_open_gform{background-color:#DEA32E;border-color:#DEA32E!important}
  @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%} }  

.btn2{border-radius:7px;background:#e6e6e6;color:#fff!important;display: inline-block;text-align: center;padding:4px 22px}
.btn2:hover{color:#fff}
.lst2 .btn2{margin:0 7px}
.btn2a{background:#a31f34}
.btn2b{background:#f4a617}
.btn2.signup-closed{pointer-events:none}
@media screen and (max-width:986px){
  .lst2 .btn2{margin-bottom:5px}
}
@media screen and (max-width:683px){
  .lst2 .btn2{font-size:15px;white-space: nowrap;padding:10px}
}

#admiss-bd .aia_btn1,
.btn3,
.aiabtn{margin:30px 0 0;background:#ccc;text-align:center;color:#fff;height:40px;line-height: 40px;width:180px;border-radius:7px;display:inline-block;
/*copy from v2 .qbutton*/
transition:color .1s linear,background-color .1s linear,border-color .1s linear;
}
.aiabtn{margin-top:28px}
td .btn3{margin-top:0;margin-bottom:0}
#admiss-bd .aia_btn1{margin:0 10px}

.aiabtn{box-shadow:0 3px 2px 1px rgba(0,0,0,.15);}
#admiss-bd .aia_btn1:hover,
.btn3:hover,
.aiabtn:hover{color:#fff}
#admiss-bd .aia_btn1,
.btn3a:hover,
.btn3a{background:#BC522B;border:1px solid #BC522B!important}
#admiss-bd .aia_btn1:hover,
.btn3a:hover{background:#B12902}
#admiss-bd .btn3c+.aia_btn1,
#admiss-bd .btn3c+.aia_btn1:hover,
.btn3c:hover,
.btn3c{background:#E2A527;border:1px solid #E2A527!important}
#admiss-bd .btn3c+.aia_btn1:hover,
.btn3c:hover{background:#DD8F00}
.btn3b:hover,
a.btn3b{background:#fff;color:#a31f34;border:1px solid #a31f34!important}
.btn3b:hover{background:#a31f34;color:#fff}

.block-title{font-size:30px;color:#4D85AF;text-align:center;font-weight:300;margin:0 0 14px;}
.boxB2 a span::after,
.block-title::after{content:'';display:block;width:90px;height:1px;overflow:hidden;background:#4D85AF;margin:4px auto 0}

.tagnav{margin:0 auto 16px;text-align:center;}
.tagnav li{display:inline-block;margin:0 20px 0 0}
@media screen and (max-width:500px){
  .tagnav li{margin:4px 8px 4px 0}  
}
.tagnav li:last-child{margin-right:0}
.taglnk{color: #D66A68!important;border:1px solid;border-radius:30px;display:inline-block;text-align:center;width:100%;height:100%;padding:1px 18px;font-size:13px}
.taglnk:hover,
.taglnk:active,
.taglnk.cur{background:#D66A68;color:#fff!important;border:1px solid!important}
/*.taglnk::after,
.taglnk::before{border-radius:50%;border:1px solid #D66A68;position:absolute;left:-12px;top:0}
.taglnk::after{right:-12px}*/
.taglnk2{color:#b194ce!important;width:90px;height:auto;font-size:13px;margin:0 12px 0 0!important}
.taglnk2:hover,
.taglnk2:active,
.taglnk2.cur{background:#b194ce}

div.editlnk a,
a.editlnk{font-size:12px;color:#06f!important}
a.editlnk{display:none}
div.editlnk{text-align: center;display:none}

.class-intro-row{background:no-repeat 0 50%;padding:0 0 0 300px;border:0 solid transparent;border-width:40px 0}
.class-intro-row.rightimg{background-position:100% 50%;padding:0 300px 0 0}

.dl9{width:865px}
.dl9 *{padding:0;margin:0} /* first used at /class-intro/ page */
.dl9 dt h2{font-size:22px;color:#444}
.dl9 .last{margin:0 0 12px}

.lst1>div>span{display:inline-block}
.lst1,
.tblst1{margin:auto;font-size:15px}
.lst1>div,
.tblst1 tr{border-bottom:1px solid #dedede}
.lst1>div:hover,
.tblst1 tr:hover{border-color: #999}
/* .tblst1 tr:hover{border-color:#999} */
.lst1>div.more,
.tblst1 tr.more{text-align: right;border:none}
.lst1>div>span,
.tblst1 td{padding:13px 10px 8px;max-width:590px}
@media screen and (max-width:500px){
  .lst1>div>span,
  .tblst1 td{padding-top:4px;padding-bottom:4px}
}
.lst1>div>span a:not(:hover),
.tblst1 td a:not(:hover){color:#343434}
.lst1>div>span.first,
.tblst1 td.first{font-size:12px;padding-left:0}
.lst1>div>span time,
.tblst1 td time{font-size:11px;letter-spacing:0}
.lst1>div>span.last,
.tblst1 td.last{padding-right:0}
.lst1>div.more>span,
.tblst1 tr.more td{padding:2px 0}
a.morelnk,
.tblst1 tr.more a{font-size:13px;color:#50BDDB}
@media screen and (max-width:600px){
  .lst1{width:80%}
  .lst1>div>span:nth-child(3),
  .lst1>div>span:nth-child(4),
  .lst1>div>span:nth-child(5),
  .lst1>div>span:nth-child(6),
  .lst1>div>span:nth-child(7),
  .lst1>div>span:nth-child(8),
  .lst1>div>span:nth-child(9){display:block;padding-left:0;padding-right:0}
}
@media screen and (max-width:414px){
  .lst1{width:93%}
}

.lst2{margin:24px 0;font-size:18px;text-align:left}
.lst2>div{background:#fff;box-shadow:0 2px 4px #ccc;padding:9px 6px;margin:0 0 20px}
.lst2>div>span{display: inline-block;}
.lst2>div.hd{background:none;box-shadow:none;color:#999;padding-top:0;padding-bottom:0;margin:0 0 6px}

#opening-list_wrap .lst2>div>span:nth-child(1){width:15%}
#opening-list_wrap .lst2>div>span:nth-child(2){width:50%}
#opening-list_wrap .lst2>div>span:nth-child(3){width:15%}
#opening-list_wrap .lst2>div>span:nth-child(4){width:20%}

#summary{background:#F5FDFF;border-left:5px solid #FAB83E;padding:8px}

.tbl-rwd{width:100%;overflow:auto;margin:auto}
.tbl-rwd>table{min-width:768px}

.boxT-wrap,
.boxA-wrap{padding:10px;border:1px solid transparent}
.boxT-wrap:hover,
.boxA-wrap:hover{border-color:#E6E6E6;background:#fff}
/*.boxA,.boxA *{letter-spacing:1px}*/
.boxA .in{background:#fff;min-height:310px}
/*.boxA:hover{outline:11px solid #E6E6E6}
.boxA:hover .in{outline:10px solid #fff}*/
.boxA .img{display: block;height:243px;overflow:hidden;background: no-repeat 50% 50%;background-size:cover}
.boxA .hd{padding:10px 12px 0;color:#000;text-align: center;font-size:16px;margin:0;width: 100%;font-weight:300;line-height:1.2;height:50px;overflow:hidden}
.boxA .hd a{color:#000}
.boxA .bd{padding:6px 0 16px;font-size:16px;margin:0 40px;color:#777;overflow:hidden;height:53px}
.boxA2{background:transparent;padding:0}

/*to check view=partner & view=guest*/
.boxB{text-align: center;}
.boxB a{position: relative}
.boxB a span{display:block;width:100%;font-size:15px;height:24px;line-height: 24px;color:#fff;background:rgba(0,0,0,.5);text-align: center;}
.boxB2{width:100%;height:163px;background:no-repeat 50% 50%}
.boxB2 a,
.boxB2 a span{display:block;width:100%;height:100%}
.boxB2 a span{font-size:36px;padding:68px 0 0}
.boxB2 a span::after{background:#fff;margin:14px auto 0}

.boxBB *{font-size:16px}
.boxBB .cover{display:block;background:no-repeat 50% 50%;width:100%;height:180px}
.boxBB .hd{text-align:center;margin-top:10px;font-weight:300}
.boxBB ul,
.boxBB li{list-style:none}
.boxBB li{margin:0 0 1px}

.boxC{background: #fff;}
.boxC *{margin:0;padding:0}
.boxC .cover{text-align: center;overflow:hidden;height:137px;width:100%;background:no-repeat 50% 50%}
.boxC .cover img{max-width:100%;max-height:100%}
.boxC .hd{text-align: center;font-size:16px;padding:8px 0}
.boxC .hd2{text-align: center;font-size:15px;padding:8px 0 4px;display: block;}
.boxC .bd{padding:0 37px 14px}

.boxQ{text-align: center;}
.boxQ>img{max-height:84px}
.boxQ .hd{color:#3b3b3b;font-size:18px}
.boxQ .txt{text-align: left;color:#666;font-size:16px}

/*
.lstT li{float:left;width:24%;margin:0 1.3% 20px 0;list-style:none}
.lstT li:nth-child(4n){margin-right:0}
*/
.lstT ul{
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  -webkit-justify-content:space-between;
  display:flex;flex-flow:row wrap;justify-content:space-between}
.lstT li{list-style:none;width: 31%;margin-bottom:20px}
@media screen and (max-width:736px){
  .lstT li{width:49%}
}
@media screen and (max-width:414px){
  .lstT li{width:auto}
}

.boxT *{padding:0;margin:0}
.boxT{background:#fff;height:310px;text-align:center}
.boxT .bg{background:50% 50% no-repeat;height:180px;overflow:hidden}
.boxT .bd{margin:0 0 0;display:block;}
.boxT .cover{display:block;margin:-44px auto 0;width:88px;height:88px;border-radius:50%;background: #fff}
.boxT .cover i{font-size:88px}
.boxT .hd{color:#333;font-size:14px;margin:8px 0 4px}
.boxT p{color:#888;font-size:16px}

.boxF *{padding:0;margin:0}
.boxF{background:#fff;box-shadow:2px 0 2px #999;color:#4b4b4b;padding:10px 16px;margin-top:40px}
.boxF:nth-child(1){margin-top:0}
.boxF.hasimg{padding-top:40px;position:relative;margin-top:80px}
.boxF.hasimg img{margin-top:-80px;position:absolute;right:0}
.boxF .hd{color:#51bdda;font-size:16px;}
.boxF .bd{margin:10px 0 0;font-size:15px}

.boxF2{margin:0 0 70px;min-height:120px}
.boxF2 .imgwrap{float: left}
.boxF2 .bd{margin-left:150px}
.boxF2 .txt{padding:0 0 0 16px}
.boxF2.boxF2-r .bd{padding-left:0;margin-right:165px;margin-left:10px}
.boxF2.boxF2-r .imgwrap{float:right}

.html-bg{background:#000;opacity:.7;display: none}
.html-bg{position:fixed;top:0;left:0;bottom:0;right:0;}

#lecture-popbox{position:fixed;top:10px;left:50%;font-size:16px;display: none;}
#lecture-popbox>*{float:left} /* For .prev .next .bd */
#lecture-popbox .prev,
#lecture-popbox .next{font-size:33px;color:#fff;font-weight:bold;cursor:pointer;}
#lecture-popbox .prev{text-align:left}
#lecture-popbox .next{text-align:right}
#lecture-popbox .xlose{text-align:right;padding:5px}
#lecture-popbox .xlose a{font-size:18px;color:#666}
#lecture-popbox .xlose a:hover{text-decoration: none;border:none}
#lecture-popbox .name{color:#000}
#lecture-popbox .name,
#lecture-popbox dt{color:#000;font-weight:bold}
#lecture-popbox .bd{background: #fff}
#lecture-popbox .bd .jobtitle{font-size:13px;color:#999}
@media screen and (min-width:820px){
  #lecture-popbox{top:120px;height:460px;margin-left:-420px;}
  #lecture-popbox .bd{width:700px;height:460px}
  #lecture-popbox .bd-l{max-width:248px;float:left;margin-left:20px}
  #lecture-popbox .bd-r{margin-left:280px;margin-right:20px}
  #lecture-popbox .txt{height:370px;overflow:auto}
  #lecture-popbox .prev,
  #lecture-popbox .next{width:60px;height:460px;line-height:460px;}
}
@media screen and (max-width:819px){
  #lecture-popbox{width:100vw;margin-left:-50vw}
  #lecture-popbox .bd{width:calc(100vw - 30px - 30px);height:calc(100vh - 10px - 10px)} /* 10px is top value */
  #lecture-popbox .bd-l,
  #lecture-popbox .bd-r{width:90%;margin:auto;display:block}
  #lecture-popbox .bd-r{margin-top:10px;overflow:auto;height:calc(100vh - 10px - 10px - 35px - 322px - 10px)}
  #lecture-popbox .prev,
  #lecture-popbox .next{width:30px;height:calc(100vh - 10px - 10px);line-height:calc(100vh - 10px - 10px);text-align:center}
}

html,body{
  overflow-x:hidden
}
html.showmobnav, html.showmobnav body{
  overflow:hidden!important;
}
.tmpl{display: none}
html body{font-size:18px;font-weight:300;
  color:#343434;
  font-family:'Lato','Noto Sans TC', sans-serif;
}
#bd img{max-width:100%}
body,body *{letter-spacing:1px}
.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}
body h2{font-size:18px;margin:0}
body{line-height:1.6}
sub{vertical-align: sub;}
sup{vertical-align: super;}
#bd p a,
html a{color:#50BDDB;text-decoration: none!important}
html a:hover{color:#50BDDB;border-bottom:1px solid;}
html a[data-tab]:hover{border-bottom:none}
html .header_inner a:hover{border:inherit;color:inherit}
body h1{margin:0;padding: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: -webkit-flex;
  -webkit-justify-content:space-between;
  display:flex;justify-content: space-between;width:85%;}
.h2nav-div a{font-size:15px;}
@media screen and (min-width:901px) and (max-width:1000px){
  .h2nav-div{width:100%;}
  .h2nav-div a{font-size:14px}
}
@media 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{ line-height:1.3}
.dl1,
.dl1 *{font-weight:300}
.dl1 dd>ol{list-style:none}
.dl1 dt{padding:0 0 0 52px;font-weight:400}
.dl1 dt .no{ margin:0 15px 0 -52px}
.dl1 dt .no.ico{margin-right:5px}
.dl1 dd{padding:0 0 0 94px}
.dl1 dd.child-not-ol{padding-left:51px}
.dl1 dd.child-not-ol.empty-dd{padding:0}
/* V2 no need padding-left .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}


.aia-title::before,
.dl1v2 dt::before{content:'';width:4px;background:#333;float:left;height:16px;margin:3px 10px 0 0}
.aia-title::before{margin-top:0;height:23px} /* /features/ page */
.dl1v2 dt{padding-left:0}
.dl1v2 dd{padding-left:35px}
.dl1v2 dd.child-not-ol{padding-left:15px}
.dl1v2 dd p,
.dl1v2 dd ul,
.dl1v2 dd ol,
.dl1v2 dd li{margin-bottom:0;list-style-position: outside!important}
.dl1v2 ol li{list-style:decimal inside}

.timeline{width:90%;margin:auto}
.aitbl th,
.timeline th{background:#135b92;color:#fff;text-align:center;font-weight:400}
.aitbl th, .aitbl td,
.timeline, .timeline th, .timeline td{border:1px solid #135b92;padding:8px;}
.timeline td{padding:11px 14px 10px}
.timeline tbody{background:#fff;color:#333}
.timeline tbody tr td:nth-child(1){text-align:center;width:38%}

.home-row{
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  -webkit-justify-content:space-between;
  display:flex;flex-flow:row wrap;justify-content:space-between}
.home-2colum{width:49.5%}
.home-4colum{width:24%}
@media screen and (max-width:1024px){
  .home-2colum{width:100%}
  .home-4colum{width:49.5%}
}
@media screen and (max-width:414px){
  .home-4colum{width:100%}
}

.aitbl{background:#fff;border-collapse:collapse;margin:auto;width:100% /* margin:auto need width:xx% */ }
/*body .aitbl2{background:#fff} move to .aitbl, so we dont this line. */
@media screen and (max-width:960px){ /* TBD 960px */
  .aitbl{width:100%!important}
}
.tr-highlight1 td,
.tr-fight td{background:#DBE1F2}

.tr-exam td{background:#ffeea5!important}

.ol_under_tbl{list-style-position:inside;font-size:.8em}

/*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}

/*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{display:none}
/*
.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 .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;}

.company-ul li.hover .title,
.company-ul li:hover .title{opacity: 1}
/*.company-ul li.hover .company,*/
.company-ul li:hover .company{overflow:visible}
/* .COM means hasLongCompnayName*/
/*
.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}
  .company-ul .photo{height:145px}
}

/*org v2*/
.org-row{
  display: -webkit-flex;
  display:flex;color:#fff;font-weight:300}
.org-row a{color:#fff;text-decoration: underline!important}
.org-row a:hover{text-decoration: none;}
.org-row ul,
.org-row li{list-style: none}
.org-row>div{width:13%;background:#ccc;border-radius:7px;margin:0 0 60px;padding:10px;text-align: center;position: relative;

/* make text to be v-center */
display: -webkit-flex;
-webkit-flex-flow: column nowrap;
-webkit-justify-content:center;
display:flex;
flex-flow: column nowrap;
justify-content: center;
}
#org-row1>div:nth-child(1){margin-left:44%}
#org-row1>div:nth-child(2){margin-left:6%}
#org-row2>div{margin-left:44%}
#org-row3>div:nth-child(2){margin-left:9%}
#org-row3>div:nth-child(3){margin-left:30.1%}
/*#org-row4>div:nth-child(1),
#org-row4>div:nth-child(2),
#org-row4>div:nth-child(3){height:}*/
#org-row4>div:nth-child(4),
#org-row4>div:nth-child(5),
#org-row4>div:nth-child(6){text-align: left;width:18%}
#org-row4{justify-content: space-between}
.hline{height:1px;background:#999;position: absolute;}
.org-row>div::before,
.org-row>div::after{content:'';position: absolute;width:1px;left:50%;display: block;background: #999}
#org-row2>div::before,
#org-row3>div::before,
#org-row4>div::before{height:30px;top:-30px;}
#org-row1>div:nth-child(1)::after,
#org-row2>div::after,
#org-row3>div::after{height:30px;bottom:-30px}

#wp-admin-bar-my-account{display:none}

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

.lst3{width:80%;margin:auto;
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  -webkit-justify-content:space-between;
  display:flex;justify-content:space-between;flex-flow:row 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}

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

.bread{margin:auto;padding:0 0 10px;max-width:1242px}
@media screen and (max-width:1242px){
  /*#admiss-bd h1,
  #admiss-bd time,
  #bd-bd,
  .bread{padding-left:10px}*/
  /*#bd{padding-left:10px;padding-right:10px}*/
  /*#bd-bd{padding-right:10px}*/ /* because it has no aside, padding-right>0 */
}
.bread li span,
.bread li a{font-size:12px;color:#666}
.bread li a:hover{color:#50BDDB}
.bread li{list-style:none;display:inline-block;margin-right:5px}
.bread li::after{content:' > '}
.bread li.last{font-weight: bold}
.bread li.last::after,
.bread li:last-child::after{content:'';display:none}

@media screen and (max-width:800px){
  #admiss-bd>time,
  #admiss-bd h1{text-align: center;}
}

/*workaround*/
img[src*="bn_1690500.jpg"]{margin:auto;width:95%;display:block}

/*
#pg #bd-top{text-align:center;color:#50bddb;font-size:40px;letter-spacing:5px;margin:40px 0 30px}
#pg .grey-container #bd-top{border-top:40px solid transparent;margin-top:0}
*/
#pg #bd-top{text-align:center;color:#50bddb;font-size:40px;letter-spacing:5px;margin:0 0 30px;border-top:40px solid transparent;}

.page-subtitle{font-size:30px;color:#000;text-align: center;padding:32px 0 20px}

.pgr, .pgr *{letter-spacing:0}
.pgr{clear:both;text-align:center;margin:50px 0 76px;font-size:14px}
.pgr a{display: inline-block;background:#e6e6e6;color:#555;padding:1px 6px 2px;
  margin:0 10px;border-radius:14px;width:28px;height:28px;line-height:26px;}
.pgr a.cur,
.pgr a:hover{background: #555;color:#fff}
.pgr a.pre,
.pgr a.nxt{background:none;color:#707070;font-size:16px}
.pgr a.pre{margin:0 20px 0 0}
.pgr a.nxt{margin:0 0 0 20px}
@media screen and (max-width:414px){
  .pgr a{margin:0 5px}
  .pgr a.pre{margin-right:7px}
  .pgr a.nxt{margin-left:7px}
}

.visionbox{clear:both;margin:0 0 30px}
.visionbox .wrap{padding-top:30px;padding-bottom:30px}
.visionbox .wrap.first{padding-top:0}
.visionbox .wrap.last{padding-bottom:0}
@media screen and (min-width:415px){
  .visionbox .l{float:left}
  .visionbox .r{float:right}
  .visionbox .l,
  .visionbox .r{width:49.5%}
}

.visionbox-txt .in{margin-top:38px}
.visionbox-bg{background:no-repeat;background-size:cover}
.visionbox-l .visionbox-bg{background-position:100% 0;margin-right:12px}
.visionbox-r .visionbox-bg{margin-left:12px}
.visionbox-l .visionbox-txt .in{margin-right:12px}
.visionbox-r .visionbox-txt .in{margin-left:12px}
/*.visionbox-r .visionbox-bg{background-position:0 0}*/
.visionbox-l .visionbox-txt{margin-left:calc(50vw - 629px)}
@media screen and (max-width:1366px){
  .visionbox-l .visionbox-txt{margin-left:10px}
}
.visionbox-center{width:100%}
.visionbox-center .visionbox-txt{margin:auto;}
/*.visionbox-r .visionbox-txt{float:left}*/
.visionbox *{margin:0;padding:0}
.visionbox-l,
.visionbox-r{width:50%}
.visionbox-l{float:left}
.visionbox-r{float:right}
.visionbox .hd{font-size:30px;color:#000}
.visionbox .hd::before{content:'';float:left;width:4px;height:32px;margin:0 12px 0 2px;background: #000;}
.visionbox .hd2{font-weight:bold;font-size:20px;color:#333}
.visionbox .hd2,
.visionbox .bd{clear:both;margin:12px 0 0}
.visionbox .bd p{margin:0 0 12px}

/*
.img2bgwrap{position:relative;overflow:hidden}
.img2bgwrap img{position:absolute;display:block;visibility:hidden}
*/

#ceo-page-alike .title2{text-align: center;color:#000;margin:20px 0 40px;padding:0;font-size:30px}
#ceo-page-alike .content-l{margin-right:418px;
  /* text-align:justify */
}
#ceo-page-alike .content-r{float:right;width:360px;text-align: center;}
@media screen and (max-width:736px){
  #ceo-page-alike .content-l{margin-right:0}
  #ceo-page-alike .content-r{float:none;width:360px;text-align: center;margin:auto}
}
/* #ceo-page-alike .img2bgwrap{height:436px} */
#bd #ceo-page-alike .jobtitle{color:#666;font-size:15px;margin:8px 0;padding:0}

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

/*
#leclist_wrap ul li{float:left;width:19%;margin-right:1%;list-style:none}
#leclist_wrap ul li:nth-child(5n){margin-right:0}
#leclist_wrap ul li .img{background:no-repeat 50% 50%;width:100%;height:200px}
*/
/*https://stackoverflow.com/questions/24197007/using-flex-to-show-3-columns-per-row*/
#talst,
#lst{
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  -webkit-justify-content:space-between;
  display:flex;flex-flow:row wrap;justify-content:space-between}
#talst li,
#lst li{list-style:none;text-align:center;width:226px;text-align: center;}
#talst .img,
#lst .img{width:226px;height:256px;background:#f9f9f9 no-repeat 50% 50%;margin:auto}
@media screen and (max-width:1241px){
  #talst li,
  #lst li{width:25%}
}
@media screen and (max-width:940px){
  #talst li,
  #lst li{width:33%}
}
@media screen and (max-width:735px){
  #talst li,
  #lst li{width:50%}
}
@media screen and (max-width:414px){
  #talst li,
  #lst li{width:99%}
}
#lst .img span{width:100%;height:100%;background:rgba(0,0,0,.75);position:relative;display: none;}
#lst .img:hover span{display: block;}
#lst .img span a{background:#5291c0;color:#fff;text-align:center;border-radius:5px;padding:2px 5px;height:30px;line-height:30px;width:90px;position: absolute;top:50%;margin-top:-15px;margin-left:-45px}
#lst .img span a:hover{border:none}
#talst .hd,
#lst .hd{margin:8px 0;text-align:center;text-transform:none}
#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 */
}
#lst .jobtitle{color:#999;font-size:16px}
#lst .intro{display: none;}

#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 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}
*/
}
@media screen and (max-width:414px){
  #dtl .r{margin:10px auto 0}
  #dtl .desc{width:75%;margin:auto}
}

#dtl2 .bd{line-height:1.75}