@charset "UTF-8";


/*---------------------------------------
----------------------------------------- common */

/* layout */
html, body{background:#f8f8f8}
#container{background:#f8f8f8}
.wrap{width:1280px;margin:auto}
.content{padding-bottom:40px}
.content.sub {padding-top:120px}
.content p{font-size: 16px;line-height: 2;margin:10px 0 30px 0;color:#465266;opacity:.8}
.content.main h3{
    color: #333;
    font-size: 36px;
    font-weight: 900;
    padding-left: 4px;
    line-height: 1.4;
}
.content.main h3+img{
    width: 800px;
}
.content.main h3+img+p{
    font-size: 19px;
    text-align: left;
}
.content.main h3:after{display:none}
.content.sub h3{color:#333;margin-bottom:40px;font-weight:400}
.content h3:after{content:'';display:block;width:10px;height:1px;background:#e25479;margin:10px 1px}
.pub_tit{color:#465266!important;font-weight:400;font-size:20px;margin: 0 0 10px 0!important}
.sh_box{border:1px solid #e7e7e7;box-shadow: 0 15px 15px -16px rgba(0,0,0,.15)}
span.name{font-size:16px;font-weight:600!important;margin-bottom:10px}
.lightCustom img{max-width:105%;}
/* button */
[class^='btn_']{display:inline-block;font-size:12px!;border-radius:3px;text-align:center;transition:all .4s}
[class^='btn_']:hover{background:#e25479;color:#fff}
b{color:#e25479}
.btn_basic{width:180px;height:30px;line-height:30px;border-radius:20px!important;font-size:11px!important;border:1px solid #e7e7e7}
.members .btn_basic{
    font-size:15px!important;
    width: auto;
    height: auto;
    line-height: inherit;
    border: none;
}
.members .hash-box{
    margin-bottom: 20px;
}
.members .hash-box .hash{
    display: inline-block;
    font-size: 12px;
    border: 1px solid #e7e7e7;
    border-radius: 50px;
    padding: 8px;
}
.members .hash-box .hash+.hash{
    margin-left: 10px;
}
.btn_get{background:#e25479;min-width:200px;color:#fff;font-size:16px;font-weight:300;line-height:64px;letter-spacing:1px}
.btn_get:hover{background:#fff;color:#465266}
.btn_get{position:relative}
/*.btn_get:after{content:'';position:absolute;top:0;bottom:0;margin:auto;display:inline-block;background: url('../images/spr_global_icon.png') no-repeat; width: 9px;height: 13px;background-position:-81px -47px;margin-left:10px;vertical-align:middle;padding-bottom:1px;transition:all .4s}*/
.btn_get:hover:after{background-position: -58px -47px;}

.main_des{position:relative;width:100%;border-bottom: 1px solid #e7e7e7;background:#fff}
.main_des div{width:480px;margin:auto;padding: 20px 0;}
.main_des div img{float:left;width:160px;opacity:.5}
.main_des div p{float:left;width:300px;font-size:15px;font-weight:500;margin-top:70px;color:#465266;opacity:.8}
/*---------------------------------------
----------------------------------------- header */
header{position:fixed;top:0;left:0;width:100%;background:rgba(255,255,255,.97);z-index:9999;border-bottom:1px solid #e7e7e7}

/* logo */
.logo h1 a{text-indent:-999em;float:left;position:absolute;top:0;bottom:0;margin:auto;width:100px;height:60px;background:url('../images/logo.png') no-repeat;background-size:contain;transition:all .4s}
.logo:hover h1 a{opacity:.8}

/* gnb */
#gnb{float:right;}
#gnb ul li{display:inline-block;position:relative;line-height:60px;text-align:center;}
#gnb ul li:last-child{margin-right:0}
#gnb ul li:hover a{opacity:.8;}
/*#gnb ul:hover li{line-height:100px}*/
#gnb ul li a{display:block;width:100%;height:100%;padding:0 20px;color:#465266;font-size:16px;font-weight:600;text-transform:capitalize;text-align:center;}
#gnb ul li a:after{content:'';display:block;position:absolute;bottom:-2px;left:0;width:100%;height:4px;background:#e25479;opacity:0}
#gnb ul li a.active:after{opacity:1}
#gnb ul li a.active {}

/* location */
.location{border-bottom:1px solid #e7e7e7;margin-bottom:40px;padding-bottom:10px}
.location h2{position:relative;font-size:26px;float:left;font-weight:400;}
.location h2:before{content:'';display:inline-block;position:absolute;bottom:-11px;left:0;width:174px;height:1px;background:#e25479}
.location em{float:right;color:#999;font-size:11px;padding-top:12px}
.location em span{color:#e25479}
/*---------------------------------------
----------------------------------------- footer */
footer{width:100%;background:#fff;padding:20px 0;}
/* footer.min{position: absolute;bottom:0;left:0} */
footer address, footer span{height:44px;color:#999;font-size:11px;line-height:20px}


/*---------------------------------------
----------------------------------------- main */
.main_container{position:relative;width:100%;background:url('../images/tcell.jpg');background-size:cover;background-attachment:fixed}
.main_container > div {padding:200px 0 100px 0;position:relative;z-index: 2}
.main_container:after{content: '';display: block;width:100%;height:100%;background: linear-gradient(to right, transparent,rgba(0,0,0,0.1),rgba(0,0,0,0.5));position: absolute;top:0;left:0;}
.main_container > div h2{margin-bottom:20px;color:#fff;font-weight:300;font-size:64px;letter-spacing:1px;text-shadow: 0px 2px 0px #000,0px 14px 10px rgba(0,0,0,0.15),0px 24px 2px rgba(0,0,0,0.1),0px 34px 30px rgba(0,0,0,0.1);}
.main_container > div p{color:rgba(255,255,255,.8);font-size:15px;}

/* mission */
.row{margin-bottom:60px;height:680px;}
.row > div{float:left;width:50%;height:100%;}
.row > .col1{padding:60px;background:#fff;border-right:1px solid #e7e7e7}
.row > .col2{padding:30px;}
.col1{position:relative;}
.ico{display:inline-block;background: url('../images/spr_global_icon.png') no-repeat }
.col1 .ico{position:absolute;left:60px;background-position: -126px -40px; width: 42px;height: 42px;}
.col1 h3{position: relative;padding-top:62px;font-weight:600;}
.mission1{margin-top:60px}
.ico{display:none}
.mission2 *{text-align:right}
.mission2 .ico{position:absolute;right:60px}
/*.mission2 h3{padding-bottom:10px}*/
.mission2 h3:after{position:absolute;right:0;}
.mission2 .ico{position:absolute;right:0;width:39px;height:54px;background-position:-188px -38px;}
.mission2 .col1{border-left:1px solid #e7e7e7}
.mission2 span{color:#465266;opacity:.5;text-align:center;font-size:11px;display:inline-block;width:100%}

/*---------------------------------------
----------------------------------------- faculty */
.profile_pic{width:170px;margin:auto}
.faculty > div{float:left;}
.faculty h2{font-size:24px;font-weight:600;margin-bottom:80px}
.faculty_l{margin-right:30px;}
.faculty_l p{font-size:12px;padding-bottom:40px;padding-left:0;text-align:center}
.faculty_l b{font-weight:800}
.faculty_r{position:relative;width: calc(100% - 210px);padding:40px 60px;background:#fff}
.faculty_r p{margin-bottom:40px;}

/*---------------------------------------
----------------------------------------- members */
.members > div{padding:40px 60px 0px 60px;background:#fff;}
.members > div >div{border-bottom:1px solid #e7e7e7;}
.members > div >div:last-child{border:0;margin-bottom:40px}
.members .mb_row{position:relative;width:100%;height:auto;transition:all .4s}
.members .mb_row:hover {}
.members .mb_row:hover .mb_col1 > div{border-radius:0px;width:100%;height:100%;}
.members .mb_row > div{height:100%;float:left;}
.members .mb_row .mb_col1{position:relative;width:180px;padding:20px}
.members .mb_row .mb_col2{padding:40px;}
.members .mb_row .mb_col1 > div{border-radius:50%;width:140px;height:140px;overflow:hidden;transition:all .4s;}
.postdoctoral{margin-bottom:80px}

/*---------------------------------------
----------------------------------------- publications */
.publication_lst li{position:relative;margin-bottom:40px;padding:20px 40px;background-color:#fff;transition:all .4s}
.publication_lst li:hover{}
.publication_lst li p{transition:all .4s}
.publication_lst li .pub_tit{font-weight: 600;}
.publication_lst li:hover .pub_tit,.publication_lst li:hover p{color:#555!important;}
.publication_lst li:hover span{text-align:right;color:#e25479}
.publication_lst li:hover img{right:10%}

.publication_lst li span{border:0;width:auto;padding-left:6px}
/*.publication_lst li:after{content:'';position:absolute;right:0;bottom:0;display:block;width:0px;height:0px;border-left:30px solid transparent;border-bottom:30px solid #e25479;}*/
.publication_lst li p i{color:#465266;opacity:.5}
.publication_lst img{width:30px;position: absolute;bottom:20px;right:40px;transition:all .4s}

/*---------------------------------------
----------------------------------------- community */
ul.cm_lst{background:#fff;}
ul.cm_lst li {position:relative;float:left;width: 25%;height:174px;}
ul.cm_lst li p{height:86px;width:100%;font-size:26px;line-height: 1;font-weight:600;text-align:center;margin:0;padding:0;color:#465266;position:absolute;top:0;bottom:0;margin:auto;transition:all .4s;letter-spacing:2px}
ul.cm_lst li p:before{content:'"';display:block;color:#e25479}
ul.cm_lst li p:after{content:'"';display:block;margin-top:20px;color:#e25479}
ul.cm_lst li:nth-child(2){width:50%;}
ul.cm_lst li:nth-child(12){width:50%;}
ul.cm_lst li:last-child{width:50%;}
ul.cm_lst > li:hover p{transform:rotate(45deg)}
ul.cm_lst li a {display: block;position: relative;overflow: hidden;height: 174px;}
ul.cm_lst li a:after{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,.6);transition:all .4s}
ul.cm_lst li a:hover:after{background:rgba(226,84,121,0)}
@media (max-width: 450px) {
  ul.cm_lst li {width: 100%;height: 174px;}
  ul.cm_lst li a {height: 100%;}
}

.lightModal {position: fixed;top: 60px;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,.9);opacity: 0;visibility: hidden;-webkit-transition: all 0.8s ease;transition: all 0.8s ease;z-index:9999}
.lightModal .lightModal-inner {position:absolute;top:70px;left:0;right:0;bottom:0;margin:auto;display: block;width: 75%;height: 75%;padding: 0;}
.lightModal .lightModal-inner .lightModal-title {display:none;font-family: sans-serif;font-weight: 300;color: #e25479;text-align:center;margin-bottom:10px}
.lightModal .lightModal-inner .lightModal-close {position: absolute;top: 20px;right: 20px;border: none;font-size: 3em;line-height: 1;font-family: serif;color: #fff;}
.lightModal .lightModal-inner .lightModal-close:hover {color: #e25479;}
.lightModal .lightModal-inner .lightModal-image {display: block;margin: 0 auto;width: 50%;}
.show {opacity: 1;visibility: visible;-webkit-transition: all 0.8s ease;transition: all 0.8s ease;}

.mission-box{
    padding: 60px;
    background: #fff;
    border-right: 1px solid #e7e7e7;
    text-align: center;
    margin-top: 60px;
}
.mission-box h3{
    color: #333;
    font-size: 26px;
    font-weight: 300;
    padding-left: 4px;
    line-height: 1.4;
    margin-bottom: 30px;
}

.mission-box img{

}

.mission-box p{
    font-size: 16px;
    line-height: 2;
    margin: 10px 0 30px 0;
    color: #465266;
    opacity: .8;
}