@font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot?v=4.2.0');
  src: url('../font/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../font/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../font/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


/*content-layout (rows) formating*/
.content-dock-zone{position:relative; width:100%; }
.content-dock-zone > div{float:left}
.content-dock-zone:before,.content-dock-zone:after {content: " ";display: table;}
.content-dock-zone:after {clear: both;}

/*row design 1*/
.layout-1xCol_t1 .dock-zone-1{width:100%;}

.layout-2xCol_t1 .dock-zone-1{width:40%}
.layout-2xCol_t1 .dock-zone-2{width:55%;padding-left:4%;}

.layout-3xCol_t1 .dock-zone-1{width:33.3%;}
.layout-3xCol_t1 .dock-zone-2{width:33.3%;}
.layout-3xCol_t1 .dock-zone-3{width:33.3%;}

.layout-4xCol_t1 .dock-zone-1{width:23.5%;padding-right:2%;}
.layout-4xCol_t1 .dock-zone-2{width:23.5%;padding-right:2%;}
.layout-4xCol_t1 .dock-zone-3{width:23.5%;padding-right:2%;}
.layout-4xCol_t1 .dock-zone-4{width:23.5%;}

/*row design 2*/
.layout-1xCol_t2 .dock-zone-1{width:100%;}

.layout-2xCol_t2 .dock-zone-1{width:50%;color:#ffffff;}/* custom code at below */
.layout-2xCol_t2 .dock-zone-2{width:50%;background:#4d4d4d;color:#ffffff;}

.layout-3xCol_t2 .dock-zone-1{width:30%; padding-right:5%}
.layout-3xCol_t2 .dock-zone-2{width:30%;}
.layout-3xCol_t2 .dock-zone-3{width:30%; padding-left:5%}

.layout-4xCol_t2 .dock-zone-1{width:20%;}
.layout-4xCol_t2 .dock-zone-2{width:30%;}
.layout-4xCol_t2 .dock-zone-3{width:30%;}
.layout-4xCol_t2 .dock-zone-4{width:20%;}

/*row design 3*/
.layout-1xCol_t3 .dock-zone-1{width:100%;}

.layout-2xCol_t3 .dock-zone-1{width:30%; margin-right:3%}
.layout-2xCol_t3 .dock-zone-2{width:67%}

.layout-3xCol_t3 .dock-zone-1{width:50%;}
.layout-3xCol_t3 .dock-zone-2{width:30%;}
.layout-3xCol_t3 .dock-zone-3{width:20%;}

.layout-4xCol_t3 .dock-zone-1{width:30%;}
.layout-4xCol_t3 .dock-zone-2{width:20%;}
.layout-4xCol_t3 .dock-zone-3{width:20%;}
.layout-4xCol_t3 .dock-zone-4{width:30%;}

/*row design 4*/
.layout-1xCol_t4 .dock-zone-1{width:100%;}

.layout-2xCol_t4 .dock-zone-1{width:70%}
.layout-2xCol_t4 .dock-zone-2{width:30%}

.layout-3xCol_t4 .dock-zone-1{width:50%;}
.layout-3xCol_t4 .dock-zone-2{width:30%;}
.layout-3xCol_t4 .dock-zone-3{width:20%;}

.layout-4xCol_t4 .dock-zone-1{width:30%;}
.layout-4xCol_t4 .dock-zone-2{width:20%;}
.layout-4xCol_t4 .dock-zone-3{width:20%;}
.layout-4xCol_t4 .dock-zone-4{width:30%;}

/*row design 5*/
.layout-1xCol_t5 .dock-zone-1{width:100%;}

.layout-2xCol_t5 .dock-zone-1{width:70%}
.layout-2xCol_t5 .dock-zone-2{width:30%}

.layout-3xCol_t5 .dock-zone-1{width:50%;}
.layout-3xCol_t5 .dock-zone-2{width:30%;}
.layout-3xCol_t5 .dock-zone-3{width:20%;}

.layout-4xCol_t5 .dock-zone-1{width:30%;}
.layout-4xCol_t5 .dock-zone-2{width:20%;}
.layout-4xCol_t5 .dock-zone-3{width:20%;}
.layout-4xCol_t5 .dock-zone-4{width:30%;}

/*row design 6*/
.layout-1xCol_t6 .dock-zone-1{width:100%;}

.layout-2xCol_t6 .dock-zone-1{width:70%}
.layout-2xCol_t6 .dock-zone-2{width:30%}

.layout-3xCol_t6 .dock-zone-1{width:50%;}
.layout-3xCol_t6 .dock-zone-2{width:30%;}
.layout-3xCol_t6 .dock-zone-3{width:20%;}

.layout-4xCol_t6 .dock-zone-1{width:30%;}
.layout-4xCol_t6 .dock-zone-2{width:20%;}
.layout-4xCol_t6 .dock-zone-3{width:20%;}
.layout-4xCol_t6 .dock-zone-4{width:30%;}

/*row design 7*/
.layout-1xCol_t7 .dock-zone-1{width:100%;}

.layout-2xCol_t7 .dock-zone-1{width:70%}
.layout-2xCol_t7 .dock-zone-2{width:30%}

.layout-3xCol_t7 .dock-zone-1{width:50%;}
.layout-3xCol_t7 .dock-zone-2{width:30%;}
.layout-3xCol_t7 .dock-zone-3{width:20%;}

.layout-4xCol_t7 .dock-zone-1{width:30%;}
.layout-4xCol_t7 .dock-zone-2{width:20%;}
.layout-4xCol_t7 .dock-zone-3{width:20%;}
.layout-4xCol_t7 .dock-zone-4{width:30%;}


/*2nd content-block*/.layout-1xCol_t8 .dock-zone-1{position:relative;background:transparent;padding:18px 15px;padding-bottom:40px;max-width:322px;height:307px;width:100%;overflow:hidden;box-sizing:border-box;}

/***START OF WIDGET CSS***/

/* Panel General Attribute*/
.panel-wrap{}
.panel-btn{cursor: pointer;position: relative}
.panel-list{list-style: none; margin: 0;padding: 0; width: 100%;position: relative;overflow:hidden}
.panel-btn.main-title{font-size:inherit}
.panel-accordian .panel-btn.main-title{margin-bottom:0}

.article-title, .sys-article-title input, .sys-article-title input.riEmpty{color:#4d4d4d;font-size:40px; font-weight:normal;}
.article-title-02{color:#4d4d4d; font-size:16px; padding-bottom:20px;text-transform:uppercase;font-weight:bold;}
.article-title-03 a{color:#4d4d4d;font-size:14px;font-weight:bold;line-height:20px;margin-top:5px;display:block;}
.article-title-04 a{color:#004876;font-size:14px;line-height:20px;padding:15px 0;border-bottom:1px solid #e3e3e3;display:block;}

/* Subtitle */

.ar-sti01{font-size:20px; font-weight:bold; color:#004876;margin-bottom:40px;text-transform:uppercase;}

/* Paragraph */
.ar-prg01{color:#4d4d4d; font-size:16px; margin-bottom:20px;line-height:26px;}
.ar-prg01 ul{list-style-type:none;margin:0;padding:0;margin-top:20px;}
.ar-prg01 ul li{padding:5px 0 5px 55px;position:relative;}
.ar-prg01 ul li:before{content:'';position:absolute;top:13px;left:20px;width:10px;height:10px;background:#004876;z-index:2;}
.ar-prg02{color:#4d4d4d; font-size:18px; margin-bottom:50px; padding:0px 100px 0 100px;font-weight:bold; position:relative;text-align:center;line-height:30px;}
.ar-prg02:before{content: '"'; position:relative;top:40px;left:-20px;font-size:80px;color:#c2c2c2;font-family:'Open Sans', Arial;font-weight:normal;font-style:italic;}
.ar-prg03{font-size:22px;  color:#757373; margin-bottom:30px;}
.ar-prg04{color:#4d4d4d; font-size:16px; margin-bottom:20px;line-height:26px;}
.ar-prg04 a{display:inline-block;padding:5px 10px;border:1px solid #004876;font-size:14px;font-weight:bold;text-transform:uppercase;}
.ar-prg04 a:hover{background:#004876;border-color:transparent;color:#fff;}
.ar-prg05{color:#004876;text-align:right;font-weight:bold;font-size:14px;text-transform:uppercase;margin:10px 0 20px;}

.ar-prg01 a, .ar-prg02 a, .ar-prg03 a, .ar-prg04 a, .ar-prg05 a{word-break:break-all;}

/* Date */.ar-prg06{color:#004876;font-size:14px;margin-bottom:15px;}
/* Title */.ar-sti08 a{color:#4d4d4d;font-size:20px;margin-bottom:10px;display:block;}
/* Desc */.ar-prg07{color:#4d4d4d;font-size:15px;overflow:hidden;padding-top:10px;}
/* Category */.ar-prg08{position:absolute;bottom:17px;left:15px;color:#757373;font-size:12px;text-transform:uppercase;}
/* Picture */.ar-img06{padding:5px;margin-bottom:1rem;height:297px;}
.ar-img06 a{display:block;max-width:295px;}

/* Image */
figure{margin:0; padding:0}
figure img{max-width:100%}
figcaption{font-size:13px; color:#6f6f6f}
.ar-img01{margin-bottom:20px}
.ar-img01 figure{}
.ar-img01 figcaption{margin-top:30px}
.ar-img02 {text-align:center;width:100%;}

.ar-img03 {position:relative;overflow:hidden;margin-bottom:20px;}
.ar-img03 figcaption {position: absolute;margin:0;padding:10px;color:#fff; left:0; right:0; bottom:-100%; transition:all .5s;font-size:20px;font-weight:bold;background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}
.ar-img03:hover figcaption{bottom:0}

/*Separator*/
.ar-separator01 hr, .ar-separator02 hr, .ar-separator03 hr{border:none; margin:20px 0}
.ar-separator01 hr{border-bottom:1px solid #c2c2c2}
.ar-separator02 hr{border-bottom:solid 5px #004876}
.ar-separator03 hr{border-bottom:3px solid #4d4d4d}
.ar-separator04 hr{border:none;margin-bottom:50px;}


/* Article List*/
/*.ar-list-01{list-style:none; margin:0; padding:0; clear:both}
.ar-list-01 li{margin-bottom:2px}
.ar-list-01 li .icon{display:table-cell; background:#F4F4F4; vertical-align:top; padding:10px; height:70px; width:70px}
.ar-list-01 li .icon-news{background:#F4F4F4 url('../img/icon_news.png') no-repeat center center; }
.ar-list-01 li .icon-video{background:#F4F4F4 url('../img/icon_video.png') no-repeat center center; }
.ar-list-01 li .icon-audio{background:#F4F4F4 url('../img/icon_audio.png') no-repeat center center; }
.ar-list-01 li .icon-pubs{background:#F4F4F4 url('../img/icon_publication.png') no-repeat center center; }
.ar-list-01 li .icon-event{background:#F4F4F4 url('../img/icon_event.png') no-repeat center center;}

.ar-list-01 li .content-box{display:table-cell; background:#F4F4F4; vertical-align:top; padding-left:20px; padding:10px}
.ar-list-01 li .content-box .title{color:#004876; font-size:18px;}
.ar-list-01 li .content-box .title-02{font-family:'Roboto Slab'; color:#87888a; font-size:14px;}
.ar-list-01 li .content-box .desc{margin-top:10px; font-size:13px;}

.ar-list-01 li .action{display:table-cell; background:#8BC126; vertical-align:middle; padding:10px; width:1%; cursor:pointer}
.ar-list-01 li .action:hover{background:#004876}*/

/* start of Gallery */
.gallery-list01 img, .gallery-list02 img, .gallery-list03 img{max-width:100%}
.gallery-list01 ul, .gallery-list02 ul, .gallery-list03 ul{list-style:none; margin:0; padding:0; overflow:hidden}
.gallery-list01 li, .gallery-list02 li, .gallery-list03 li{float:left}
.gallery-list01 li{width:47%; margin-right:3%; margin-bottom:3%}
.gallery-list02 li{width:30%; margin-right:3%; margin-bottom:3%}
.gallery-list03 li{width:22%; margin-right:3%; margin-bottom:3%}
.gallery-list01 img, .gallery-list02 img, .gallery-list03 img {max-height:100%; max-width:100%
}
.gallery-list01 figure, .gallery-list02 figure, .gallery-list03 figure{height:141px; text-align:center
}

.ar-image-gallery-01 figure{border:1px solid #ccc; padding:10px} 
.ar-image-gallery-02 img{border:5px solid #3366cc}
.ar-image-gallery-03 figcaption{background:#000; color:#fff; padding: 5px; margin:0}

.ar-image-gallery-04 figure{border:1px solid #ccc; padding:10px} 
.ar-image-gallery-05 figure{border:1px solid #ccc; padding:10px} 
.ar-image-gallery-06 figure{border:1px solid #ccc; padding:10px} 
.ar-image-gallery-07 figure{border:1px solid #ccc; padding:10px} 
.ar-image-gallery-08 figure{border:1px solid #ccc; padding:10px} 

.ar-image-gallery-paging {
	margin: 15px 0;
}

.ar-image-gallery-paging a {
	font-size: 12px;
	cursor: pointer;
	margin: 0 5px;
	color: #333;
    text-decoration:none;
}

.ar-image-gallery-paging a:hover {
	background-color: #222;
	color: #fff;
}

.ar-image-gallery-paging a.jp-previous { margin-right: 15px; }
.ar-image-gallery-paging a.jp-next { margin-left: 15px; }

.ar-image-gallery-paging a.jp-current, a.jp-current:hover { 
	color: #FF4242;
	font-weight: bold;
}

.ar-image-gallery-paging a.jp-disabled, a.jp-disabled:hover {
	color: #bbb;
}

.ar-image-gallery-paging a.jp-current, a.jp-current:hover,
.ar-image-gallery-paging a.jp-disabled, a.jp-disabled:hover {
	cursor: default; 
	background: none;
}

.ar-image-gallery-paging span { margin: 0 5px; }

/*end of gallery*/


/* Staff Profile */
.staff-profile{margin-top:15px; padding:15px; background:#F4F4F4; position:relative; padding-left:130px; min-height:110px}
.staff-profile .staff-pic{display:table-cell; vertical-align:top; position:absolute; left:15px} 
.staff-content-box{color:#575759; display:table-cell; vertical-align:top; font-size:14px} 
.staff-content-box a{color:#575759; text-decoration:none}
.staff-expertise{color:#575759;font-weight:bold; margin-top:15px; font-size:14px}
.staff-email{color:#575759;margin-top:15px; font-size:14px}
.staff-email:before{font-family: "FontAwesome"; content: "\f0e0  "; margin-right:5px; font-size:18px}
.staff-position{display:block; font-family:'Roboto Slab'; color:#87888a; font-size:18px}
.layout-2xCol_t2 .dock-zone-2 a {color: #f2672b;}


/*jquery image slider*/
/*1*/
.ar-img-slider01 {position:relative;max-width:690px;margin:0 auto;}
.ar-img-slider01 .flex-direction-nav{width:auto; left:20px; right:20px; }
.ar-img-slider01 ul li{position:relative;height:100%;}
.ar-img-slider01 figcaption{background:rgba(0,0,0,0.5);width:50%;position:absolute;top:0;left:0;bottom:0;height:100%;}
/*2*/
.ar-img-slider02 {position:relative; padding-bottom:0;}

/*3*/
.ar-img-slider03 {position:relative; padding-bottom:0;}
.ar-img-slider03 .flex-control-paging {display: none;}

.ar-img-slider04 {position:relative}
.ar-img-slider05 {position:relative}
.ar-img-slider06 {position:relative}
.ar-img-slider07 {position:relative}
.ar-img-slider08 {position:relative}

/*start of TABS*/
.panel-tab{} 
.panel-tab .panel-list{}
.panel-tab .panel-list >li{margin-bottom: 5px; float: left}
.panel-tab .panel-list >li:first-child .panel-btn{}
.panel-tab .panel-btn:hover{}
.panel-tab .panel-btn a{}
.panel-tab .panel-btn:hover a{}
.panel-tab .panel-content{ display: none; position: absolute; left: 0; right:0; padding:10px 0 20px 0}
.panel-tab .select .panel-content, .tab_selected .panel-content{display:block}

/*1*/
.ar-tab01 {}
.ar-tab01 .panel-list{padding-bottom:5px}
.ar-tab01 .panel-list:before{content:''; position:absolute; width:100%;}
.ar-tab01 .panel-list li:first-child .panel-btn{margin-left:0;}
.ar-tab01 .panel-btn{margin-left:1px; cursor: pointer;  border-top-left-radius: 5px; border-top-right-radius: 5px;  border:2px solid #8bc126; border-bottom:0; background:#8bc126; color:#fff; text-align:center; position:relative; z-index:5; font-size:14px; font-weight:bold; text-transform:uppercase} 
.ar-tab01 .select .panel-btn{background:#fff; color:#53565b;  border:2px solid #cccccc; border-bottom:0}
.ar-tab01 .panel-btn div{padding: 10px}
.ar-tab01 .panel-content{border:2px solid #cccccc; margin-top:-2px; box-sizing:border-box; padding: 12px 10px 10px 10px; font-size:14px; color:#53565b}


.ar-tab02 .panel-btn{cursor: pointer;  background:#E4E6E5; color:#414342; text-align:center; position:relative; border-left:2px solid #fff} 
.ar-tab02 .panel-list >li:first-child .panel-btn{border:none}
.ar-tab02 .select .panel-btn{background:#0066cb; color:#fff}
.ar-tab02 .panel-content{border-top:5px solid #0066cb}
.ar-tab02 .panel-btn div{padding: 10px}

.ar-tab03 {}
.ar-tab03 .panel-list >li{ border-bottom-color:transparent}
.ar-tab03 .panel-btn{cursor: pointer;  text-align:center; position:relative; color:#26390d; border:1px solid #ccc; border-left-width:0; border-radius:5px 5px 0 0; overflow:hidden} 
.ar-tab03 .panel-list >li:first-child .panel-btn{border-left-width:1px}
.ar-tab03 .panel-btn div{border-top:5px solid transparent; padding: 10px}
.ar-tab03 .select .panel-btn{border-bottom-color:transparent}
.ar-tab03 .select .panel-btn div{border-top:5px solid #D81E05; }

.ar-tab04 {}
.ar-tab04 .panel-btn{cursor: pointer; background:#000; color:#555; text-align:center; position:relative; font-size:12px} 
.ar-tab04 .select .panel-btn{background:#000; color:#fff}
.ar-tab04 .select .panel-btn:before{content: "";position: absolute; bottom:-10px; left: 50%; width:0; height:0; border-color:#000 transparent transparent; border-style:solid; border-width:10px 15px 0; margin-left:-15px}
.ar-tab04 .panel-btn div{padding: 10px}

.ar-tab05 {}
.ar-tab05 .panel-btn{cursor: pointer; background:#000; color:#555; text-align:center; position:relative; font-size:12px} 
.ar-tab05 .select .panel-btn{background:#000; color:#fff}
.ar-tab05 .select .panel-btn:before{content: "";position: absolute; bottom:-10px; left: 50%; width:0; height:0; border-color:#000 transparent transparent; border-style:solid; border-width:10px 15px 0; margin-left:-15px}
.ar-tab05 .panel-btn div{padding: 10px}

.ar-tab06 {}
.ar-tab06 .panel-btn{cursor: pointer; background:#000; color:#555; text-align:center; position:relative; font-size:12px} 
.ar-tab06 .select .panel-btn{background:#000; color:#fff}
.ar-tab06 .select .panel-btn:before{content: "";position: absolute; bottom:-10px; left: 50%; width:0; height:0; border-color:#000 transparent transparent; border-style:solid; border-width:10px 15px 0; margin-left:-15px}
.ar-tab06 .panel-btn div{padding: 10px}

.ar-tab07 {}
.ar-tab07 .panel-btn{cursor: pointer; background:#000; color:#555; text-align:center; position:relative; font-size:12px} 
.ar-tab07 .select .panel-btn{background:#000; color:#fff}
.ar-tab07 .select .panel-btn:before{content: "";position: absolute; bottom:-10px; left: 50%; width:0; height:0; border-color:#000 transparent transparent; border-style:solid; border-width:10px 15px 0; margin-left:-15px}
.ar-tab07 .panel-btn div{padding: 10px}

.ar-tab08 {}
.ar-tab08 .panel-btn{cursor: pointer; background:#000; color:#555; text-align:center; position:relative; font-size:12px} 
.ar-tab08 .select .panel-btn{background:#000; color:#fff}
.ar-tab08 .select .panel-btn:before{content: "";position: absolute; bottom:-10px; left: 50%; width:0; height:0; border-color:#000 transparent transparent; border-style:solid; border-width:10px 15px 0; margin-left:-15px}
.ar-tab08 .panel-btn div{padding: 10px}

/*end of TABS*/

/*start of ACCORDIAN*/
.panel-accordian {}
.panel-accordian .panel-list{}
.panel-accordian .panel-list li{}
.panel-accordian .panel-arrow{}
.panel-accordian .select .panel-btn{}
.panel-text {padding: 15px; background: #eee}
.panel-accordian .panel-content{ border-bottom: 1px dotted #ccc; display:none; position:relative}
.panel-accordian .panel-content li{ margin-bottom:10px}

/*accordian 1*/
.ar-accordian01 {
}

.ar-accordian01 .panel-btn {padding: 10px 40px 10px 10px; color:#0066CD; border-bottom: 1px dotted #ccc}
.ar-accordian01 .select .panel-btn{}
.ar-accordian01 .panel-content{padding: 10px 40px 10px 10px}
.ar-accordian01 .select .panel-content{border-bottom:2px solid #ccc; background:#ddd}
.ar-accordian01 .panel-icon{display:block; position:absolute; border-width:8px 10px; border-color:#0066CD transparent transparent; border-style:solid; right:10px; top:50%; margin-top:-4px}
.ar-accordian01 .select .panel-icon{border-color:transparent transparent #0066CD; margin-top:-12px}

/*accordian 2*/
.ar-accordian02 {
}

.ar-accordian02 .panel-btn {padding: 10px; color:#644d1d; border-bottom: 1px dotted #ccc; font-weight:bold}
.ar-accordian02 .select .panel-btn{border-bottom:2px solid #0066cd; color:#0066cd; }
.ar-accordian02 .select .panel-content{padding: 10px}

/*accordian 3*/
.ar-accordian03 {
}

.ar-accordian03 .panel-btn {padding: 10px 40px 10px 10px; color:#372323; background:#ccc}
.ar-accordian03 .select .panel-btn{background:#0066CD; color:#fff}
.ar-accordian03 .panel-icon{}
.ar-accordian03 .select .panel-icon{display:block; position:absolute; border-width:8px 10px; border-style:solid; border-color:transparent transparent #fff; bottom:0; right:10px}
.ar-accordian03 .select .panel-content{padding:10px 10px 10px 20px}


.ar-accordian04 {}
.ar-accordian04 .panel-btn {padding: 10px 40px 10px 10px; color:#0066CD; border-bottom: 1px dotted #ccc}
.ar-accordian04 .select .panel-btn{}
.ar-accordian04 .panel-content{padding: 10px 40px 10px 10px}
.ar-accordian04 .select .panel-content{border-bottom:2px solid #ccc; background:#ddd}
.ar-accordian04 .panel-icon{display:block; position:absolute; border-width:8px 10px; border-color:#0066CD transparent transparent; border-style:solid; right:10px; top:50%; margin-top:-4px}
.ar-accordian04 .select .panel-icon{border-color:transparent transparent #0066CD; margin-top:-12px}


.ar-accordian05 {}
.ar-accordian05 .panel-btn {padding: 10px 40px 10px 10px; color:#0066CD; border-bottom: 1px dotted #ccc}
.ar-accordian05 .select .panel-btn{}
.ar-accordian05 .panel-content{padding: 10px 40px 10px 10px}
.ar-accordian05 .select .panel-content{border-bottom:2px solid #ccc; background:#ddd}
.ar-accordian05 .panel-icon{display:block; position:absolute; border-width:8px 10px; border-color:#0066CD transparent transparent; border-style:solid; right:10px; top:50%; margin-top:-4px}
.ar-accordian05 .select .panel-icon{border-color:transparent transparent #0066CD; margin-top:-12px}

.ar-accordian06 {}
.ar-accordian06 .panel-btn {padding: 10px 40px 10px 10px; color:#0066CD; border-bottom: 1px dotted #ccc}
.ar-accordian06 .select .panel-btn{}
.ar-accordian06 .panel-content{padding: 10px 40px 10px 10px}
.ar-accordian06 .select .panel-content{border-bottom:2px solid #ccc; background:#ddd}
.ar-accordian06 .panel-icon{display:block; position:absolute; border-width:8px 10px; border-color:#0066CD transparent transparent; border-style:solid; right:10px; top:50%; margin-top:-4px}
.ar-accordian06 .select .panel-icon{border-color:transparent transparent #0066CD; margin-top:-12px}


.ar-accordian07 {}
.ar-accordian07 .panel-btn {padding: 10px 40px 10px 10px; color:#0066CD; border-bottom: 1px dotted #ccc}
.ar-accordian07 .select .panel-btn{}
.ar-accordian07 .panel-content{padding: 10px 40px 10px 10px}
.ar-accordian07 .select .panel-content{border-bottom:2px solid #ccc; background:#ddd}
.ar-accordian07 .panel-icon{display:block; position:absolute; border-width:8px 10px; border-color:#0066CD transparent transparent; border-style:solid; right:10px; top:50%; margin-top:-4px}
.ar-accordian07 .select .panel-icon{border-color:transparent transparent #0066CD; margin-top:-12px}

.ar-accordian08 {}
.ar-accordian08 .panel-btn {padding: 10px 40px 10px 10px; color:#0066CD; border-bottom: 1px dotted #ccc}
.ar-accordian08 .select .panel-btn{}
.ar-accordian08 .panel-content{padding: 10px 40px 10px 10px}
.ar-accordian08 .select .panel-content{border-bottom:2px solid #ccc; background:#ddd}
.ar-accordian08 .panel-icon{display:block; position:absolute; border-width:8px 10px; border-color:#0066CD transparent transparent; border-style:solid; right:10px; top:50%; margin-top:-4px}
.ar-accordian08 .select .panel-icon{border-color:transparent transparent #0066CD; margin-top:-12px}

/*end of ACCORDIAN*/

/* custom */
.layout-2xCol_t2{display:table;margin-bottom:20px;background:#4d4d4d;min-height:400px;color:#ffffff;}
.layout-2xCol_t2 .ar-prg01{padding:30px;color:#ffffff;}
.layout-2xCol_t2 .ar-img01{margin-bottom:0;}

.ar-img04, .ar-img05{position:relative;margin-bottom:20px;}
.ar-img04:before{content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5) url(../img/icon_video.png) no-repeat no-repeat 50% 50%;top:0;left:0;z-index:2;pointer-events:none;}
.ar-img05:before{content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5) url(../img/icon_audio.png) no-repeat no-repeat 50% 50%;top:0;left:0;z-index:2;pointer-events:none;}

.tableauPlaceholder, .tableauPlaceholder > object, .tableauPlaceholder > iframe {width:100% !important;}
/***END OF WIDGET CSS***/
/**/

@media screen and (max-width:1139px)
{
    .content-area{max-width:984px}
    }
    
    @media screen and (max-width:1023px)
{
    .content-area{max-width:780px}
    .article-title-03 a{color:#004876;font-size:14px;line-height:20px;padding:15px 0;border-bottom:1px solid #e3e3e3;display:block;font-weight:normal;}

    }
    
    @media screen and (max-width:768px)
{
    .content-area{max-width:728px}

    }
    
     @media screen and (max-width:670px)
{
    .ar-img-slider01 figcaption{background:rgba(0,0,0,0.5);width:100%;position:relative;padding:20px 1rem 40px 1rem;}

    .layout-2xCol_t2{display:block;}
    .layout-2xCol_t2 .dock-zone-1{display:block;width:100%;background:none;box-sizing:border-box;}
    .layout-2xCol_t2 .dock-zone-2{display:block;width:100%;}
    .layout-2xCol_t2 .ar-prg01{color:#ffffff;}
    }
    

    @media screen and (max-width:639px)
{
    .content-area{max-width:599px}   
    .content-dock-zone > div[class^=dock-zone]
    {width:100%; padding:0}
	.layout-1xCol_t8 .dock-zone-1{padding:18px 15px !important;padding-bottom:40px !important;}
    .ar-prg02{padding:0 30px;}
    }
    
    @media screen and (max-width:479px)
{
    .content-area{max-width:439px}

    .ar-list-01{overflow:hidden}

    .staff-profile{padding-left:15px}
    .staff-profile .staff-pic{position:static; display:block;margin-bottom:20px}


    }