@charset "utf-8";
@import url("/alumni/assets/ctx/b0ebabd8/css/grid.min.css");
@import url("/alumni/assets/ctx/5f53e500/css/assembly.min.css");
@import url("/alumni/assets/ctx/c6a9564f/js/hc-offcanvas-nav-6.1.1/hc-offcanvas-nav.carbon.css");
@import url("/alumni/assets/ctx/11a614ff/js/dropdown/dropdown-menu.css");
@import url("/alumni/assets/ctx/331d0c18/js/font-awesome/css/font-awesome.min.css");
@import url("/alumni/assets/ctx/b718d8ca/js/tooltipster/css/tooltipster.css");
@import url("/alumni/assets/ctx/3edf418/js/wow/animate.css");
@import url("/alumni/assets/ctx/cde6fb4a/js/layer/theme/default/layer.css");

/* Overall and normalize */
html,button,input,select,textarea{color:#222}
html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
hr{margin: 20px 0;border: 0;border-top: 1px solid #eeeeee;border-bottom: 1px solid #ffffff;-moz-box-sizing:content-box;box-sizing:content-box;}
audio,canvas,img,video{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
img{width:auto;height:auto;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}
p{margin:0 0 10px}
a:focus{outline:0;}
a:active,a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
select{ line-height: 100%;appearance: none;background-image: url("/alumni/assets/ctx/cb03355d/img/select-arrow.svg");background-repeat: no-repeat;background-position: calc(100% - 10px) center;outline: none;background-size: 10px;padding-right: 30px;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
/* Base styles */
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
iframe{ border: none;max-width: 100%;}
.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe[style]{width:100% !important} /*for facebook like box 100% width*/
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}  /*for youtube 100% width style*/
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}  /*for youtube 100% width style*/
.pull-right{float:right}
.pull-left{float:left}
.hidden{display: none !important;visibility: hidden !important;}
.hidden-desktop{display: none !important;}
.google-maps img{max-width:none}
.google-maps{width:100%;height:100%;border:1px solid #DDD}  /*for google map style*/
.text-cut{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} /*for text the word cut*/
.text-linecut{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.full-width{width: 100vw;position: relative;left: 50%;margin: 0px -50vw;}
.circle{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px}  /*for circle border style*/
.rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px} /*for rounded border style*/
.enter-content p {line-height:150%; margin-bottom: 10px;}
article.enter-content table { max-width:100% !important;border-color:#DDD}
.enter-content table th { font-weight: bold; }
.enter-content table td,.enter-content table th { padding: 10px;}
.inline-block-fix {display:inline-block;zoom: 1;} /*for fix ie*/
.imgresize{image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}
.required > label::before{content: "*";color: red;margin-right: 2px;}
.flex-box{ display: flex;flex-wrap: wrap;}
/* Grid setting */
.grid-container {padding-left: 0px;padding-right: 0px; max-width:1200px}
.grid-5, .mobile-grid-5, .grid-10, .mobile-grid-10, .grid-15, .mobile-grid-15, .grid-20, .mobile-grid-20, .grid-25, .mobile-grid-25, .grid-30, .mobile-grid-30, .grid-35, .mobile-grid-35, .grid-40, .mobile-grid-40, .grid-45, .mobile-grid-45, .grid-50, .mobile-grid-50, .grid-55, .mobile-grid-55, .grid-60, .mobile-grid-60, .grid-65, .mobile-grid-65, .grid-70, .mobile-grid-70, .grid-75, .mobile-grid-75, .grid-80, .mobile-grid-80, .grid-85, .mobile-grid-85, .grid-90, .mobile-grid-90, .grid-95, .mobile-grid-95, .grid-100, .mobile-grid-100, .grid-33, .mobile-grid-33, .grid-66, .mobile-grid-66 {
padding-left: 10px;padding-right: 10px;}
.grid-parent {padding-left: 0;padding-right: 0;}
.grid-parent-left {padding-left:0}
.grid-parent-right {padding-right:0}
/* Format setting */
h1,.h1,h2,.h2,h3,.h3,h4,.h4 {font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;line-height:120%;font-weight:normal}
h1,.h1{font-size:36px}
h2,.h2{font-size:30px}
h3,.h3{font-size:24px}
h4,.h4{font-size:18px}
h5,.h5{font-size:14px}
h6,.h6{font-size:12px}
/* Color styles */
/* Author's custom styles */
body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:140%;color:#333;background-color:#fff;overflow-x: hidden;}
a{color:#333;text-decoration:none;}
a:hover,a:focus{color:#555;text-decoration:underline;}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-submenu:hover>a,.dropdown-submenu:focus>a {background-color:#F7B947}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{background-color:#F7B947}
.pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span{background:#F7B947}
.pagination ul>.active>a,.pagination ul>.active>span{background:#F7B947}
.pager li > a:hover,.pager li > a:focus {background-color: #F7B947;border-color: #F7B947;}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="tel"]:focus {border-color:#F7B947;}
.btn-style { background-color: #F7B947; border:1px solid #F7B947;}
.btn-style:hover, .btn-style:focus { background-color:#F7B947; border:1px solid #F7B947;}
.owl-theme .owl-nav [class*=owl-]:hover{background:#F7B947!important;}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#F7B947!important}
.tooltipster-default {background:#F7B947}
.tooltipster-float {background:#4dc247}
mark{background:#ff0 !important;color:#000}
.advanced_search{border: 1px solid #DDD;background: #F7F7F7;margin-bottom: 10px;padding: 8px 10px 3px 10px;}
.gallery-wall { margin-left:-10px; margin-right:-10px;}
.gallery-wall a { display:block; height:150px;}
.gallery-wall .photo-style {display: block;margin-bottom:20px; }
.image-description { position: absolute;left: 0;right:0; bottom: 0; text-align:left; padding:5px 8px;background:rgba(0,0,0,.68);font-size:14px;color:#FFF;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.image-frame { margin:5px; position: relative; }
.image-frame:before {position:absolute;left: -5px; right: -5px; top:-5px; bottom: -5px; background:#FFF;border:1px solid #DDD; content:'';z-index: 0;}
.image-frame a { position: relative; z-index: 1;display: block;width: 100%; overflow: hidden;}
.image-frame.active:before{ border-color:#F7B947;}
.thumbnail-frame{margin:5px; position: relative;}
.thumbnail-frame:before {position:absolute;left: -5px; right: -5px; top:-5px; bottom: -5px; background:#FFF;;border:1px solid #eee; content:'';z-index: 0;}
.thumbnail-frame .cover { position: relative; z-index: 1; }
.page-tags{ margin-bottom: 20px;}
.page-tags > span{ font-size:14px; margin-right:5px; margin-bottom:5px;}
.page-tags .tags-lists{ display: inline-block; padding: 0; margin: 0;}
.page-tags .tags-lists li{ display: inline-block; margin-right: 5px;margin-bottom: 5px;}
.page-tags .tags-lists li a{ display: block; padding: 3px 5px; border: 1px solid #EEE; background-color: rgba(229, 229, 229, 0.6); color: #9F9E9C; border-radius: 3px;-webkit-transition-duration: 0.2s;transition-duration: 0.2s;}
.page-tags .tags-lists li a:hover{ text-decoration: none; background-color: rgba(229, 229, 229, 1); color: #646464;-webkit-transition-duration: 0.2s;transition-duration: 0.2s;border-color: #ddd;}
.form-inline { margin-left:-10px; margin-right:-10px;}
.form-inline label { display:block}
.form-inline .grid-100 { margin-bottom:10px;}
.animation{-webkit-transition-duration: 0.2s;transition-duration: 0.2s;}
.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul{ background-color: #F7B947;}
.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-wrapper::before, .hc-offcanvas-nav.nav-levels-none li .nav-wrapper::before,
.hc-offcanvas-nav a.nav-next:before{ background-color: rgba(255,255,255,0.5);}
.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover{background-color: rgba(0,0,0,0.2);}

header { background-color: #fff;position: relative; z-index: 2;}
header .header-content{ padding: 20px 0;border-bottom: 1px solid #f3f3f3;}
header .logo{ display: flex;align-items: stretch;color: #666;}
header .logo:hover{ text-decoration: none;color: #666;}
header .logo img{ height: 90px;}
header .logo { display: flex;align-items: center;}
header .logo .img{margin-right: 20px;padding-right: 20px;border-right: 1px solid #f3f3f3;display: inline-block;}
header .logo .text{ font-size: 24px;line-height: 100%;display: inline-block;color: #666;}

header .flex-box{ align-items: center;}
header .right-content{ flex: 1;text-align: right;font-size: 0;line-height: 0;display: flex;align-items: center;justify-content: right;flex-wrap: wrap;}
header nav{ margin: 20px 0;}
header nav > ul{ margin: 0; padding: 0;font-size: 0;line-height: 0;}
header nav > ul > li{ display: inline-block;margin-right: 20px;position: relative;font-size: 14px;line-height: 100%;}
header nav > ul > li .dropdown-menu{ top: 140%;}
header nav > ul > li > a,
header nav > ul > li > span{ font-size: 16px;display: block;cursor: pointer;color: #2F82CC;}
header nav > ul > li > a:hover,
header nav > ul > li > a:focus,
header nav > ul > li > span:hover,
header nav > ul > li > span:focus,
header nav > ul > li.active > a,
header nav > ul > li.active > span{ text-decoration: none;color: #F7B947;}
header .search-btn,
header .language-btn{ display: inline-block;text-align: center;font-size: 14px;line-height: 100%;position: relative;}
header .search-btn > a,
header .language-btn > a{ display: block; padding: 10px 20px;border-radius: 5px;}
header .search-btn > a:hover,
header .language-btn > a:hover,
header .search-btn > a:focus,
header .language-btn > a:focus{ background-color: #f9f9f9;text-decoration: none;}
header .search-btn img,
header .language-btn img{ max-height: 30px;margin-bottom: 10px;}
header .search-btn span,
header .language-btn span{ display: block;color: #666;}
header .language-btn .dropdown-menu{ top: 100%;left: auto; right: 0;}
header .user{ font-size: 14px;line-height: 100%;display: inline-block;}
header .user a{ display: inline-block;padding: 10px;background-color: #666;color: #fff;border-radius: 5px;margin-left: 5px;}
header .user a:hover,
header .user a:focus{text-decoration: none;opacity: 0.8;}
header .user a:nth-child(2){ background-color: #FFAB24;}
header .user a:nth-child(3){ background-color: #2F82CC;}

#index-content,
#content{ background-color: #F5FCFF;}
.index-box{ padding: 50px 0;overflow: hidden;}
.index-title{ margin-bottom: 20px;display: flex;align-items: center;}
.index-title .text{ flex: 1;font-size: 28px;font-weight: bold;color: #666;line-height: 100%;}
.index-title .text span{ color: #F7B947;}
.index-title a{ display: block; padding: 10px 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 50px;color: #113E70;background-color: #fff;}
.index-title a:hover{ color: #fff;background-color: #113E70;text-decoration: none;}
.index-title a i{ width:0px;opacity: 0;transition: all 0.3s ease;color: #fff;}
.index-title a:hover i{width:16px;opacity: 1; margin-left: 10px;}

.activity-slider-box{ margin: 0 -10px;position: relative;}
.activity-button-prev,
.activity-button-next{ position: absolute; top: calc(50% - 40px);width: 50px;height: 50px;line-height: 50px; box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 100%;text-align: center;background-color: #fff;font-size: 24px;cursor: pointer;outline: none !important;}
.activity-button-prev:hover,
.activity-button-prev:focus,
.activity-button-next:hover,
.activity-button-next:focus{ background-color: #F7B947;color: #fff;}
.activity-button-prev{ left: -60px;}
.activity-button-next{ right: -60px;}
.activity-button-prev.swiper-button-disabled,
.activity-button-next.swiper-button-disabled{ background-color: #fff;color: #000;cursor: default;opacity: 0.4;}
.activity-pagination{ text-align: center;margin-top: 20px;}
.activity-pagination span{ margin: 0 3px;width: 8px;height: 8px;background-color: #F7B947;}
.activity-box{margin-bottom: 20px;}
.activity-slider-box .activity-box{ margin-bottom: 0;padding: 10px;}
.activity-box .border{ background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.05);border-radius: 10px;padding: 20px;text-align: center;}
.activity-box .cover{ position: relative;}
.activity-box .cover a{ display: block; padding-top: 80%;background-repeat: no-repeat;background-size: cover;background-position: center center;border-radius: 10px;margin-bottom: 20px;}
.activity-box .cover .date{padding: 10px 15px; border-radius: 10px;color: #fff;background-color: rgb(247 185 71 / 90%);position: absolute; bottom: 10px;left: 10px;}
.activity-box .cover .date .day{ font-size: 28px;line-height: 100%;margin-bottom: 5px;}
.activity-box .cover .date .month{ font-size: 14px;line-height: 100%;}
.activity-box .title{ margin-bottom: 10px;}
.activity-box .title a{ font-size: 18px;font-weight: bold;color: #113E70;}
.activity-box .details{ margin-bottom: 10px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.activity-box .more a{ display: inline-block;padding: 10px 20px; border-radius: 50px;background-color: #F7B947;color: #fff;}
.activity-box .more a:hover{ text-decoration: none; opacity: 0.9;}
.index-news-list .flex-box{ margin: 0 -10px;}
.index-news-list .flex-box > div{ margin: 0 10px; width:calc(50% - 20px);}
.news-box{ padding: 30px;background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.05);border-radius: 10px;margin-bottom: 20px;}
.news-box .date{ margin-bottom: 10px;display: flex;align-items: center;color: #113E70;}
.news-box .date .icon{ width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;background-color: #E7EBF0;border-radius: 100%;margin-right: 10px;}
.news-box .date .icon img{ max-height: 16px;}
.news-box .title{margin-bottom: 10px;}
.news-box .title a{ font-size: 18px;font-weight: bold; color: #113E70;line-height: 140%;}
.news-box .details{color: #999;line-height: 140%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index-news-list .news-box:nth-child(even){ margin: 0 0 20px 10%;}
.index-news-list .news-box:nth-child(odd){ margin: 0 10% 20px 0;}
.gallery-img-box .cover a{padding-top: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;border-radius: 10px;display: block;}
.gallery-slider .swiper-slide:nth-child(odd){ padding-top: 50px;}
.index-gallery-box{ position: relative;}
.index-gallery-box .gallery-pagination{ text-align: center;margin-top: 20px;}
.index-gallery-box .gallery-pagination span{ margin: 0 3px;width: 8px;height: 8px;background-color: #F7B947;}
.index-gallery-box .circle1{ width: 60px;height:60px;border-radius: 100%;position: absolute; left: 50px;top: 0;background-color: #F37335;}
.index-gallery-box .circle2{ width: 45px;height:45px;border-radius: 100%;position: absolute; left: 30%;bottom: 20px;
background: rgba(243,119,52,1);
background: -moz-linear-gradient(left, rgba(243,119,52,1) 0%, rgba(253,190,42,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(243,119,52,1)), color-stop(100%, rgba(253,190,42,1)));
background: -webkit-linear-gradient(left, rgba(243,119,52,1) 0%, rgba(253,190,42,1) 100%);
background: -o-linear-gradient(left, rgba(243,119,52,1) 0%, rgba(253,190,42,1) 100%);
background: -ms-linear-gradient(left, rgba(243,119,52,1) 0%, rgba(253,190,42,1) 100%);
background: linear-gradient(to right, rgba(243,119,52,1) 0%, rgba(253,190,42,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f37734', endColorstr='#fdbe2a', GradientType=1 );}
.index-gallery-box .circle3{ width: 35px;height:35px;border-radius: 100%;position: absolute; right: 28%;bottom: 40px;background-color: #FFAB24;}

#content{ min-height: calc(100vh - 636px);}
.page-title-box{margin-bottom: 20px;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,252,241,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,252,241,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,252,241,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,252,241,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,252,241,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,252,241,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fffcf1', GradientType=0 );}
.page-title-box .border{padding: 50px 20px 10px 20px; background-image: url("/alumni/assets/ctx/523c65f0/img/page-title-bg.svg");background-repeat: no-repeat;background-position: bottom center;background-size: 100% auto;}
.page-title-box .breadcrumb{ padding: 0;margin: 0 0 20px 0;}
.page-title{ line-height: 100%;font-size: 36px;}
.about-content{ display: flex;align-items: center;margin: 0 -10px;}
.about-content > div{ margin: 0 10px;flex: 1;}
.activity-list{ display: flex;margin: 0 -10px;flex-wrap: wrap;}
.activity-list .activity-box{margin: 0 10px 20px 10px;width: calc(33.3333% - 20px);}
#form_contact{ background-color: #fff;padding: 20px; box-shadow: 0 0 20px rgba(0,0,0,0.05);margin: 0;border-radius: 10px;}
#form_contact .border{ max-width: 560px;margin: auto;}
#form_contact input,#form_contact textarea{ border-color: #E8E8E8;}
#form_contact input:focus,
#form_contact textarea:focus{ border-color: #F7B947;}
#form_contact input[name="authcode"]{ width: 120px;}
#form_contact .btn-area{ margin-top: 20px;}
#form_contact .btn-area .btn{ padding: 10px 20px; margin: 0 10px;border-radius: 5px;}
#form_contact .btn-area .btn-style:hover{ opacity: 0.8;}
.account-box{margin: auto;border-radius: 10px;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);padding:0 20px 20px 20px;}
.account-box > .title{ margin: 0 -20px 20px -20px;border-bottom: 1px solid #ddd;padding: 20px;text-align: center;}
.account-box > .title a{ font-size: 28px;line-height: 100%;margin-left: 20px;padding-left:20px;border-left: 1px solid #ddd;}
.account-box > .title a:first-child{ margin-left: 0;padding-left: 0;border: none;}
.account-box > .title a:hover,
.account-box > .title a:focus,
.account-box > .title a.active{ text-decoration: underline;color: #113E70;}
.account-box input{ border-radius: 5px;}
.account-box button.btn{ margin: 20px 0 0 0;display: block;width: 100%;border-radius: 50px;}
.account-box button.btn:hover,
.account-box button.btn:active,
.account-box button.btn:focus{ outline: none;opacity: 0.8;}
.account-box a.btn{ margin: 20px 0 0 0;display: block;border-radius: 50px;}
.account-box a.btn:hover,
.account-box a.btn:focus,
.account-box a.btn:active{ text-decoration: none;opacity: 0.8;}
.alumni_filter{ box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 10px;overflow: hidden;display: flex;margin: 0 0 20px 0;}
.alumni_filter select{ width: 60%;}
.alumni_filter select,
.alumni_filter input{ border: none;border-right: 1px solid #EDEDED;padding: 15px;}
.alumni_filter .btn{ margin: 0;font-size: 18px;}
.alumni-content{ padding: 20px; border-radius: 10px;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.alumni-content table{ width: 100%;margin-top: 20px;}
.alumni-content table th{ background-color: #F0F9FC;font-weight: normal;font-size: 16px;text-align: left;color: #919CA5;}
.alumni-content table th:first-child{ border-radius: 50px 0 0 50px;}
.alumni-content table th:last-child{ border-radius: 0 50px 50px 0;}
.alumni-content table th,
.alumni-content table td{ padding: 15px;}
.pagination-box{ display: flex;flex-direction: row-reverse;align-items: center;}
.pagination-box > div{ flex: 1;}
.pagination-box .pagination{ margin: 0;}
.pagination-box .pagination ul{ text-align: right;}

footer{ background-color: #fff;position: relative;}
footer > div{ position: relative;z-index: 2;}
footer::after{ content: "";width: 100%;height: 30%;display: block;background-color: #F5FCFF;position: absolute; left: 0;top: 0;z-index: 0;}
footer .slogan{ padding:50px; border-radius: 10px;color: #fff;margin-bottom: 30px;position: relative;
background: rgba(243,119,52,1);
background: -moz-linear-gradient(left, rgba(243,119,52,1) 0%, rgba(253,190,42,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(243,119,52,1)), color-stop(100%, rgba(253,190,42,1)));
background: -webkit-linear-gradient(left, rgba(243,119,52,1) 0%, rgba(253,190,42,1) 100%);
background: -o-linear-gradient(left, rgba(243,119,52,1) 0%, rgba(253,190,42,1) 100%);
background: -ms-linear-gradient(left, rgba(243,119,52,1) 0%, rgba(253,190,42,1) 100%);
background: linear-gradient(to right, rgba(243,119,52,1) 0%, rgba(253,190,42,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f37734', endColorstr='#fdbe2a', GradientType=1 );}
footer .slogan::after{ content: "";width: 50px;height: 50px;border-radius: 100%;display: block; position: absolute; left: -25px;top: 20px;opacity: 0.9;
background: rgba(253,190,42,1);
background: -moz-linear-gradient(top, rgba(253,190,42,1) 0%, rgba(243,119,52,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(253,190,42,1)), color-stop(100%, rgba(243,119,52,1)));
background: -webkit-linear-gradient(top, rgba(253,190,42,1) 0%, rgba(243,119,52,1) 100%);
background: -o-linear-gradient(top, rgba(253,190,42,1) 0%, rgba(243,119,52,1) 100%);
background: -ms-linear-gradient(top, rgba(253,190,42,1) 0%, rgba(243,119,52,1) 100%);
background: linear-gradient(to bottom, rgba(253,190,42,1) 0%, rgba(243,119,52,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdbe2a', endColorstr='#f37734', GradientType=0 );}
footer .slogan::before{ content: "";width: 30px;height: 30px;border-radius: 100%;display: block; position: absolute; left: -50px;top: 55%;background-color: #F7B947;}
footer .slogan .flex-box{ align-items: center;}
footer .slogan .text{ flex: 1;margin-right: 50px;}
footer .slogan .text .title{ font-size: 24px;line-height: 140%;margin-bottom: 20px;}
footer .slogan .text .details{ line-height: 140%;}
footer .slogan a{ display: block; padding: 10px 20px; border-radius: 50px; background-color: #113E70;color: #fff;}
footer .slogan a:hover{ color: #113E70;background-color: #fff;text-decoration: none;}
footer .footer-content{ padding: 30px 0;}
footer .footer-content .flex-box{ align-items: center;}
footer .footer-content .footer-logo{ margin-right: 20px;padding-right: 20px; border-right: 1px solid #f3f3f3;}
footer .footer-content .footer-contact{color: #5B5F6A;}
footer .bottom-msg{padding: 30px 0;border-top: 1px solid #f3f3f3;}
footer .bottom-msg .flex-box{ align-items: center;}
footer .copyright{color: #999;flex: 1;}

/*search*/
.search-bar { background-color: #f9f9f9;display: block;width: 100%;z-index: 3;max-height: 0;transition: all 0.3s ease;overflow: hidden;}
.search-bar.active{max-height: 120px;}
.search-bar form{ display: flex;padding: 20px 0;}
.search-bar input{ margin: 0;border-color: #f9f9f9;height: auto; padding: 10px 20px; width: 80%;border-radius: 50px 0 0 50px;font-size: 18px;}
.search-bar button{ margin: 0;width: 20%;font-size: 18px;border-radius: 0 50px 50px 0;outline: none !important;}

/*social-link*/
.social-link{ margin: 0; padding: 0;}
.social-link > li{ display: inline-block;margin: 0 0 0 10px;}
.social-link > li > a{font-size: 24px;color: #113E70;}

/*tabs*/
.page-tabs{ margin: 0 0 20px 0;padding: 0;border-bottom: 1px solid #ddd;font-size: 0;line-height: 0;}
.page-tabs > li{font-size: 14px;line-height: 100%;display: inline-block;margin-right: 20px;margin-bottom:20px;}
.page-tabs > li > a{ display: block;padding: 15px;background-color: #f3f3f3;color: #F7B947;border-radius: 5px;transition: all 0.3s ease;}
.page-tabs > li.active > a,.page-tabs > li > a:hover,.page-tabs > li > a:focus{ background-color: #F7B947;color: #fff;text-decoration: none;}

/*slideshow*/
.slideshow{ text-align: center;overflow: hidden;}
.slideshow .swiper-pagination-bullets span{ background-color: #ddd;margin: 0 6px !important;opacity: 1 !important;}
.slideshow .swiper-pagination-bullet-active{ background-color: #F7B947 !important;}
.slideshow .swiper-nav > div{ position: absolute; top: 50%; width: 36px; height: 36px; border-radius: 36px; background-color: #F7B947; color: #fff;font-size: 24px; margin-top: -16px;z-index:2;text-align: center; line-height: 32px;cursor: pointer;outline: none;}
.slideshow .swiper-nav > div:hover{background-color: #fff; color: #F7B947;}
.slideshow .swiper-nav .swiper-prev{ left: 20px;}
.slideshow .swiper-nav .swiper-next{ right: 20px;}
.slideshow .swiper-nav .swiper-prev i{ position: relative; left: -1px; top: 1px;}
.slideshow .swiper-nav .swiper-next i{ position: relative; right: -1px; top: 1px;}
.slideshow .swiper-nav > div.swiper-button-disabled{ opacity: 0.5;cursor: default;background-color: #F7B947;color: #fff;}

/*form*/
.form-inline .must{color: red;margin-left: 5px;}
.form-inline .input-btn{ display: flex;}
.form-inline .input-btn input{ width: 75%;}
.form-inline .input-btn button{display: block; padding: 10px 20px;width: 25%; background-color: #5277a2;color: #fff; text-align: center;margin:0;}
.form-inline .input-btn button:hover,.form-inline .input-btn button:focus{ text-decoration: none; opacity: 0.8;}

/*mobile-menu-btn*/
.mobile-menu-btn{ display: none;position: relative;top: 2px;}
.mobile-menu-btn a{ font-size: 16px;position: relative;top: auto;width: auto;display: inline-block;padding-left: 35px;line-height: 24px;}
.mobile-menu-btn a:hover{ color: #F7B947;text-decoration: none;}
.mobile-menu-btn a .close {width: 35px;top: 50%;transform: translateY(-50%);transform-origin: 50% 50%}
.mobile-menu-btn a .close,
.mobile-menu-btn a .close::before,
.mobile-menu-btn a .close::after {display: block;position: absolute;left: 0;height: 3px;background: #F7B947;transition: all .25s ease;border-radius: 3px;}
.mobile-menu-btn a .close::before,
.mobile-menu-btn a .close::after {content: '';width: 100%}
.mobile-menu-btn a .close::before {top: -10px}
.mobile-menu-btn a .close::after {bottom: -10px}
.mobile-menu-btn a.toggle-open .close {background: rgba(0, 0, 0, 0);transform: rotate(45deg)}
.mobile-menu-btn a.toggle-open .close::before {transform: translate3d(0, 10px, 0)}
.mobile-menu-btn a.toggle-open .close::after {transform: rotate(-90deg) translate3d(11px, 0, 0)}
.mobile-menu-btn a:hover .close,
.mobile-menu-btn a:hover .close::before,
.mobile-menu-btn a:hover .close::after,
.mobile-menu-btn a.toggle-open .close,
.mobile-menu-btn a.toggle-open .close::before,
.mobile-menu-btn a.toggle-open .close::after {background: #F7B947}

/*page-tools*/
.page-tools { margin: 0 0 20px 0;padding: 0 0 20px 0;border-bottom: 1px solid #f3f3f3;}
.page-tools > div{ display: flex;align-items: center;}
.page-tools > div > *{ flex: 1;}
.page-tools .release-time{ color: #aaaaaa;}
.page-tools .release-time span{ margin-left: 20px;}
.page-tools .page-share { text-align: right;margin: 0;padding: 0;display: flex;align-items: center;justify-content: flex-end;}
.page-tools .page-share ul { list-style: none; margin:0; padding:0; }
.page-tools .page-share li { display:inline-block;zoom: 1; margin-left:10px;color: #aaaaaa;}
.page-tools .page-share a,.page-tools .page-share span { cursor: pointer; color: #888; font-size:16px; }
.page-tools .page-share li.facebook a{ color: #3c5a99;}
.page-tools .page-share li.twitter a{ color: #1da1f2;}
.page-tools .page-share li.wechat a{ color: #4cc146;}
.page-tools .page-share li.weibo a{ color: #ea5514;}

/*search*/
ul.search-list { list-style:none; margin:0; padding:0}
ul.search-list li{ border-bottom:1px dashed #DDD; padding:15px 0;display: flex;align-items: center;}
ul.search-list li .title{ flex: 1;}
.filterTypeGroupId{ padding: 5px;border-radius: 3px;background-color: #F7B947;color: #fff;font-size: 14px;line-height: 100%;margin-right: 20px;}
.filterTypeGroupId:hover,.filterTypeGroupId:focus{ text-decoration: none;color: #fff;opacity: 0.8;}
.filterType{ margin:20px 0 10px 0;}
.filterType > a{ display: inline-block;padding: 10px 20px; background-color: #666;color: #fff;border-radius: 5px;}
.filterType > a i{ margin-left: 10px}
.filterType > a:hover,.filterType > a:focus{ text-decoration: none;background-color: #F7B947;}

/*gallery-box*/
.gallery-box { padding: 20px; background-color: #fff;border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.05);}
.gallery-box .swiper-nav > div{ position: absolute; top: 50%; width: 36px; height: 36px; border-radius: 36px; background-color: #F7B947; color: #fff;font-size: 24px; margin-top: -16px;z-index:2;text-align: center; line-height: 32px;cursor: pointer;outline: none;border: 2px solid #F7B947;}
.gallery-box .swiper-nav > div:hover{background-color: #fff; color: #F7B947;}
.gallery-box .swiper-nav .swiper-prev{ left: 20px;}
.gallery-box .swiper-nav .swiper-next{ right: 20px;}
.gallery-box .swiper-nav .swiper-prev i{ position: relative; left: -1px; top: 1px;}
.gallery-box .swiper-nav .swiper-next i{ position: relative; right: -1px; top: 1px;}
.gallery-box .swiper-nav > div.swiper-button-disabled{ opacity: 0.5;cursor: default;}
.gallery-top{ text-align: center;}
.gallery-thumbs{ margin: 0 -10px;}
.gallery-thumbs .swiper-slide .border{ border: 1px solid transparent; overflow: hidden;position: relative;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active .border{ border-color: #F7B947;}
.gallery-thumbs .swiper-slide a{ display: block; padding-top: 60%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.gallery-thumbs .swiper-nav > div{ position: absolute; top: 50%; width: 36px; height: 36px; border-radius: 36px; color: #F7B947; background-color: #fff;font-size: 24px; margin-top: -16px;z-index:2;text-align: center; line-height: 32px;cursor: pointer; box-shadow: 0 0 10px rgba(0,0,0,0.1);border: none;}
.gallery-thumbs .swiper-nav > div:hover{ color: #fff;background-color: #F7B947;}

/*progress-bar*/
@-webkit-keyframes progress-bar-stripes {
  from {background-position:1rem 0}
  to {background-position:0 0}
}
@keyframes progress-bar-stripes {
  from {background-position:1rem 0}
  to {background-position:0 0}
}
.progress {display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem;}
.progress-bar {display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease;}
@media (prefers-reduced-motion:reduce) {
  .progress-bar {transition:none}
}
.progress-bar-striped {background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem;}
.progress-bar-animated {-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite;}
@media (prefers-reduced-motion:reduce) {
  .progress-bar-animated {-webkit-animation:none;animation:none}
}

/*Default class*/
.list-layout{ margin: 0 -10px;}
.hidden-y{overflow-y: hidden;}
.preview-bar{ padding: 20px; background-color: red;color:#fff; text-align: center; font-size: 24px; line-height: 100%;}
.preview-bar i{ margin-right: 10px;}

/*Default component*/
.go-top{position:fixed;bottom:68px;right:20px;background:#F7B947;text-decoration:none;color:white;font-size:24px;display:none;filter:Alpha(Opacity=50);opacity:.5; z-index:9999;width:50px;height: 50px; line-height: 50px; text-align: center;border-radius: 100%;}
.go-top:hover{color:#FFF;text-decoration:none;filter:Alpha(Opacity=100);opacity:1}
#wechat_qrcode{ padding: 20px;background-color: #fff;}
.click-dropdown{ position: relative;}
.click-dropdown .content{ position: absolute; right: 0; top: 300%; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);-webkit-transition-duration: 0.2s;transition-duration: 0.2s;visibility:hidden; opacity: 0;z-index: 2;}
.click-dropdown.active .content{ top: 120%;visibility:visible; opacity: 1;-webkit-transition-duration: 0.2s;transition-duration: 0.2s;}
.mobile-clickr-dropdown > a{ display: none;}
.mobile-clickr-dropdown .content{ position: relative; top: auto; right: auto;opacity: 1; visibility:visible;box-shadow: none; background: transparent;}

/* responsive layout styles */
@media(max-width:1240px){
header .header-content{ padding: 20px;}
header nav{ margin: 20px;}
.index-box{ padding: 50px 20px;}
.page-title-box { margin: 0 -20px;}
#content{ padding: 0 20px;}
footer .footer-content{ padding: 30px 20px;}
footer .bottom-msg{ padding: 30px 20px;}
}
@media(max-width:1080px){
header nav > ul > li > a,
header nav > ul > li > span{ font-size: 14px;}
.activity-list .activity-box{width: calc(50% - 20px);}
}
@media(max-width:960px){
header .right-content{ display: block;}
header .user{ display: block;text-align: right;margin-bottom: 10px;}
}
@media(max-width:767px){
.hidden-desktop{display: block !important;}
.hidden-phone{display: none !important;}
.mobile-text-left{text-align:left}
.mobile-text-right{text-align:right}
.mobile-text-center{text-align:center}
.enter-content img,.logo img{max-width:100%;height:auto} /*for img set style width and height unable responsive*/
.enter-content table { margin-bottom: 0; }
.enter-content div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden;}
.enter-content div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
.enter-content table td, .enter-content  table th { position: relative; white-space: nowrap; overflow: hidden; }
.grid-parent-left {padding-right:0}
.grid-parent-right {padding-left:0}
.mobile-grid-parent{ padding: 0;}
.list-layout{margin: 0;}
.mobile-list-layout{margin: 0 -10px;}
.form-inline .grid-50{ margin-bottom: 10px;}
.form-inline .input-btn input{ width: 60%;}
.form-inline .input-btn button{ padding: 10px;width: 40%;font-size: 12px;}

/* Author's custom styles */
header .header-content{ padding: 20px 20px 20px 20px;}
nav{ display: none !important;}
nav.hc-offcanvas-nav{ display: block !important;}
.mobile-menu-btn{ display: inline-block;top: 7px;}
.mobile-clickr-dropdown > a{ display: block;}
.mobile-clickr-dropdown .content{ position: absolute; right: 0; top: 300%; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);-webkit-transition-duration: 0.2s;transition-duration: 0.2s;visibility:hidden; opacity: 0;z-index: 2;}
.mobile-clickr-dropdown.active .content{ top: 120%;}
header .language-btn{ margin: 0 20px;}
header .language{ margin: 0;}
header .language > li{ display: block;margin: 0; padding: 0;border-left: none;border-bottom:1px solid #f3f3f3;}
header .language > li:last-child{ border-bottom: none;}
header .language > li > a{font-size: 14px; display: block; padding: 10px 20px; text-align: center;}
header .language > li > a:hover{ color: #fff;text-decoration: none;background-color: #F7B947;}
.mobile-clickr-dropdown.search-btn .content{ right: -100px;}
nav .dropdown .fa{ display: none;}
.page-tools > div{ display: block;}
.page-tools .page-share{ justify-content: start;margin-top: 10px;}
.page-tools .page-share li{ margin: 0 10px 0 0;}

header .logo{ justify-content: center;}
header .logo img{height: auto;max-width: 100%;max-height: 36px;}
header .logo .img{ padding-right: 10px;margin-right: 10px;}
header .logo .text{ font-size: 14px;}
.search-bar form{ padding: 20px;}
.search-bar input,.search-bar button{ font-size: 14px;}
header .flex-box > div{ width: 100%;}
/*  header .right-content{ margin-top: 10px;}  */
header .search-btn a, header .language-btn a{ padding: 5px;}
header .search-btn span, header .language-btn span{ display: none;}
header .search-btn img, header .language-btn img{ height: 18px;margin: 0;}
header .language-btn{ margin: 0 20px 0 10px;}
header .user a{ font-size: 12px;padding: 5px;}
.index-box{ padding: 20px;}
.index-news-list .flex-box > div{ width: calc(100% - 20px);}
.index-news-list .flex-box .cover{ margin-bottom: 20px;}

.page-title-box .border{ padding: 30px 20px;}
.page-title{ font-size: 24px;}
.about-content{ display: block;}
.activity-list .activity-box{width: calc(100% - 20px);}
input[name="authcode"]{ width: 120px;}

footer .slogan{ padding: 20px;}
footer .slogan::after{ display: none;}
footer .slogan a{ display: inline-block;}
footer .slogan .text{ margin-right: 0;}
footer .slogan .flex-box{ display: block;}
footer .slogan .text .title{ margin-bottom: 10px;font-size: 20px;}
footer .slogan .text .details{ margin-bottom: 20px;}
footer .footer-content .footer-logo{ margin: 0 0 20px 0;border: 0;padding: 0;}
footer .bottom-msg{ padding: 10px 20px;}
header .right-content{ margin-top: 10px}  
.mobile-menu-btn{margin-top: -20px}
.logo img{
	min-width: 128px;
}

.alumni_filter{
	flex-direction: column;
}

.alumni_filter select {
    width: 100%; 
}
.car-text{
	padding-top: 20px !important;
}

.grid {
	column-count: 2 !important;
	column-width: auto !important; 
	column-gap: 1.2em !important;
	width: auto !important ;
	/* margin: 0 auto; */
}

.grid img  {
	padding: 0!important;
	margin-bottom:5px !important;
	border-radius: 5px;
	box-shadow: 0px 0px 5px gray;
}
.gallery-box .swiper-nav > div{
	position: absolute;
    top: 50%;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    background-color: #F7B947;
    color: #fff;
    font-size: 12px;
    margin-top: -16px;
    z-index: 2;
    text-align: center;
    line-height: 16px;
    cursor: pointer;
    outline: none;
    border: 2px solid #F7B947;
}

}