@charset "utf-8";
@import 'global.css';

/***********************Common Used**************************/
body 													{ color:#0b0b0b; font-size:14px; font-family: Arial,'Microsoft JhengHei',"Microsoft JhengHei", sans-serif; min-width:320px;}
a 														{ color:#127dc2;}
.homepage a 											{ color:#0b0b0b; }
.homepage a:hover, a:hover 								{ text-decoration:none; color:#999999;}

p 														{ line-height:1.6em; margin:25px 0 0; color:#0b0b0b;}
ul 														{ margin:25px 0 0; padding:0;}
ul>li 													{ display:block; padding-left:15px; background:url(../img/dot.png) left 10px no-repeat; line-height:1.6em; }
p a 													{ word-wrap:break-word;}
i 														{ font-style:italic;}
u 														{ text-decoration:underline;}
img 													{ display:block;}

sup 													{ line-height:1em; }

.placeHolder 											{ width:100%; visibility:hidden;}

h1 														{ line-height:1.1em; font-size:42px; margin:0 0 30px; letter-spacing:-1px;}
h2 														{ line-height:1em; font-size:22px; color:#0b0b0b; margin:25px 0 10px; letter-spacing:-1px;}

.belowHeader 											{ margin:0 0 25px; }

.splitH1  												{ margin:0 0 15px;}
.splitH1 h1 											{ float:left; margin:0;}
.splitH1 .iconSpec 										{ float:right;}

#header 												{ position:relative; z-index:10; margin-top:10px;}
#container 												{ position:relative; z-index:6; clear:both; padding-top: 40px; }

.centerCtn 												{ max-width:960px; margin:0 auto;}
.left635 												{ float:left; max-width:635px; width:100%;}
.right310 												{ float:right; max-width:310px; width:100%;}

.headerLower 											{ height:32px; background-color:#127dc2; }
.cityuLogo 												{ display:block; background:#ffffff; padding:0 25px 0 0; width:100px;    height: 63px; }
.cityuLogo img 											{ height: 50px}
.siteLogo 												{ display:block; background:#ffffff; padding:0 25px 0 0; width:206px;}
.siteLogo img 											{ height: 50px}
.siteTextLogo 											{ display:block; background:#ffffff; padding:15px 0 0 0; width:202px;}
.siteTextLogo img 										{ height: 28px}
.lang-wrap 												{ position: absolute; top:4px; right:-14px; display:block; list-style:none;  margin:0; padding-right:6px;}
.lang-wrap>li 											{ display:block; float:left; background:none; padding:0; border-left:#e5e8f1 solid 1px; height:1.5em; }
.lang-wrap>li:first-child 								{ border:none; }
.lang-wrap>li>a 										{ display:block; font-size:14px; color:#1c2c4f; padding: 0 8px; height:1em; }
.lang-wrap>li>a:hover,
.lang-wrap>li>a.active 									{ color: #17b69e; }


.fromDean.pageHead 										{ text-transform:uppercase; line-height:1em; padding:0 0 5px; border-bottom:4px solid #777777; font-size:14px; font-weight:600; margin:30px 0 20px; color:#777777; }
.feature.pageHead 										{ text-transform:uppercase; line-height:1em; padding:0 0 5px; border-bottom:4px solid #74cee2; font-size:14px; font-weight:600; margin:30px 0 20px; color:#74cee2; }
.people.pageHead 										{ text-transform:uppercase; line-height:1em; padding:0 0 5px; border-bottom:4px solid #F3E721; font-size:14px; font-weight:600; margin:30px 0 20px; color:#F3E721; }
.research.pageHead 										{ text-transform:uppercase; line-height:1em; padding:0 0 5px; border-bottom:4px solid #a6ce39; font-size:14px; font-weight:600; margin:30px 0 20px; color:#a6ce39; }
.knowledgeTransfer.pageHead 							{ text-transform:uppercase; line-height:1em; padding:0 0 5px; border-bottom:4px solid #df727f; font-size:14px; font-weight:600; margin:30px 0 20px; color:#df727f; }
.events.pageHead 										{ text-transform:uppercase; line-height:1em; padding:0 0 5px; border-bottom:4px solid #82cec3; font-size:14px; font-weight:600; margin:30px 0 20px; color:#82cec3; }
.news.pageHead 											{ text-transform:uppercase; line-height:1em; padding:0 0 5px; border-bottom:4px solid #faa634; font-size:14px; font-weight:600; margin:30px 0 20px; color:#faa634; }
.newPublications.pageHead 								{ text-transform:uppercase; line-height:1em; padding:0 0 5px; border-bottom:4px solid #a154a1; font-size:14px; font-weight:600; margin:30px 0 20px; color:#a154a1; }
.studentsAlumni.pageHead 								{ text-transform:uppercase; line-height:1em; padding:0 0 5px; border-bottom:4px solid #fbcfb0; font-size:14px; font-weight:600; margin:30px 0 20px; color:#f7c29d; }
.classInMedia.pageHead 									{ text-transform:uppercase; line-height:1em; padding:0 0 5px; border-bottom:4px solid #12b594; font-size:14px; font-weight:600; margin:30px 0 20px; color:#0a9e80; }

/*.pageHead 											{ text-transform:uppercase; line-height:1em; padding:0 0 5px; border-bottom:4px solid #333333; font-size:14px; font-weight:600; margin:30px 0 20px;}*/
.pageCtn 												{ margin:0 0 25px;}
.articleAuth 											{ display:block; margin:-5px 0 15px;    height: 63px; line-height: 20px; font-weight: bold; font-style: italic; }

.headerUpper 											{ position:relative; z-index:10; padding:6px 0;}
.headerLower 											{ position:relative; z-index:5;}

.headerLower>.centerCtn 								{ position:relative;}


.headerDdl 												{ position: absolute; right:0; } 
.volSelect 												{ height:32px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; position:relative; cursor:pointer;}
.volSelect:hover,
.volSelect.open 										{ background:#ffffff;}
.volSelect>a 											{ display:block; height:100%; line-height:32px; float:left; color:#ffffff; padding:0 15px; width:105px; text-transform:uppercase; }
.volSelect:hover>a,
.volSelect.open>a 										{ color:#127dc2; }
.volSelectIcon 											{ display:block; float:left; height:100%; width:32px; background-position:center center; 
															background-image:url(../img/dropdown-arrow-white.png); background-repeat:no-repeat;}
.volSelect:hover .volSelectIcon,
.volSelect.open .volSelectIcon 							{ background-image:url(../img/dropdown-arrow-blue.png);}
.volSelectSub 											{ position:absolute; top:100%; right:0; width:100%; background:#939598; display:none;}
.volSelectSub>ul 										{ padding:5px 0; margin:0;}
.volSelectSub>ul li 									{ padding:0; margin:0; background-image:none;}
.volSelectSub a 										{ display:block; height:34px; line-height:34px; color:#ffffff; padding:0 15px; text-transform:uppercase;}
.volSelectSub a:hover 									{ background:#127dc2;}

.issueNo 												{ font-size:12px; float:right;}

.siteNavCtn 											{ height:32px; position:absolute; top:46px; }
.siteNavCtn:hover,
.siteNavCtn.open 										{ background-color:#ffffff;}
.siteNavCtn>a 											{ display:block; width:633px; height:32px; padding:0; line-height:32px; color:#000; border:1px solid #e4e4e4; /*text-indent:-9999px; overflow:hidden;
															 background:url(../img/menu.png) left top no-repeat;*/ position:relative; overflow:hidden; text-indent:15px;}
.siteNavCtn:hover>a,
.siteNavCtn.open>a 										{ background-position:left bottom; color:#127dc2; }
.siteNavCtn>a .downArrow								{ display:block; height:100%; width:32px; background-position:center center; background-image:url(../img/dropdown-arrow-black.png); 
															background-repeat:no-repeat; border-right:1px solid #ffffff; position:absolute; right:0; top:0;}
.siteNavCtn:hover>a .downArrow,
.siteNavCtn.open>a .downArrow 							{ background-image:url(../img/dropdown-arrow-blue.png);}

.siteNav 												{ position:absolute; top:100%; right:0; width:100%; display:none;}
.siteNav a 												{ font-size:14px; color:#ffffff; line-height:16px; padding:10px 0; display:block;}
.siteNav a:hover 										{ background:#127dc2;}

.siteNav>ul 											{ background:#939598; padding:5px 0 40px; margin:0;}
.siteNav .subNav 										{ background:#6d6c6c; margin:0;}
.siteNav>ul>li 											{ position:relative; background-image:none; margin:0; padding:0;}
.siteNav>ul>li>a 										{ padding-left:60px; font-weight:bold;}
.siteNav .accordionHandler 								{ display:block; position:absolute; left:30px; top:11px; width:13px; height:13px; background:url(../img/list-sign.png) left bottom no-repeat;}
.ABCAccordionOpen  .accordionHandler 					{ background-position:left top;}

.subNav>li 												{ padding:0; margin:0; background-image:none;}
.subNav>li>a  											{ padding-left:80px;}

.parasCtn 												{ margin:10px 0 0;}
.parasCtn p:first-child,
.parasCtn ul:first-child 								{ margin:0;}

.textareaBorder 										{ border:1px solid #cccccc; background:#ffffff; padding:10px; margin:5px 0 0;}
.textareaBorder textarea 								{ width:100%; padding:0; border:none; margin:0; max-width:100%; overflow:auto; height:107px; resize:none; font-family:Arial, "Microsoft JhengHei", sans-serif;}

.sbHolder 												{ height:26px; line-height:26px; width:175px; border:1px solid #cccccc; background:#ffffff;}
.sbToggle 												{ width:16px; height:8px; margin:9px 10px 0 0; background:url(../img/dropdown-arrow-blue.png) left top no-repeat;}
.sbToggle:hover 										{ background:url(../img/dropdown-arrow-blue.png) left top no-repeat;}
.sbSelector, .sbSelector:link 							{ color:#127dc2; width:149px; height:100%;}
.sbSelector:visited, .sbSelector:hover 					{  }
.sbOptions 												{ width:100%; background:#3b4f79;}
.sbOptions li 											{ padding:0;}
.sbOptions li:hover 									{ background:#127dc2;}
.sbOptions a 											{ line-height:34px; padding:0 15px; color:#ffffff;}
.sbOptions a:hover, .sbOptions a:focus, 
.sbOptions a.sbFocus 									{ color:#ffffff;}

.submitBtn 												{ display:block; width:102px; height:28px; margin:20px 0 0; background-repeat:no-repeat; background-position:left top; text-indent:-9999px; overflow:hidden; 
															padding:0; cursor:pointer; -webkit-appearance: none; -webkit-border-radius:0; border-radius:0; border:none;}
.submitBtn:hover 										{ background-position:left bottom;}

.homeBtn 												{ display:block; width:102px; height:28px; background-repeat:no-repeat; background-position:left top; text-indent:-9999px; overflow:hidden;}
.homeBtn:hover 											{ background-position:left bottom;}

.detailPager 											{ float:right; width:67px; margin:0;}
.detailPager a 											{ display:block; width:28px; height:28px; text-indent:-9999px; background-position:left top; overflow:hidden; background-repeat:no-repeat;}
.detailPager a:hover 									{ background-position:left bottom;}
.detailPager li 										{ padding:0; background:none; margin:0l}
.detailPager .prev 										{ float:left;}
.detailPager .next 										{ float:right;}
.detailPager .prev a 									{ background-image:url(../img/btn-prev.png);}
.detailPager .next a 									{ background-image:url(../img/btn-next.png);}

.detialFooter 											{ padding-top:15px; border-top:2px solid #cccccc; margin:40px 0 0;}

#footer 												{ background:#26669e; padding:20px 0; color:#ffffff;}
#footer p 												{ margin:0; color:#ffffff; font-size:12px;}
#footer .links											{ color:#fff; font-size:12px; line-height:1.5em;} 
#footer .links a										{ color:#fff; }
#footer .links a:hover									{ color:#127dc2;}
#footer .copyright										{ color:#fff; font-size:12px; line-height: 1.5em;}

/***********************Home**************************/
.homeRow1 												{ margin:20px 0 30px;}
.homeRow1L 												{ max-width:390px; width:100%; background:url(../img/cover.jpg) 0 0 no-repeat; max-height:550px; height:100%; overflow:hidden; }
/*.homeRow1L:hover>* 									{ opacity:0.8; filter:alpha(opacity=80);}*/
.homeRow1L>img 											{ float:left; width:100%;}
.homeMgzTxt 											{ float:left; width:100%; background:#127dc2; color:#ffffff; position:relative;}
.mgzVol 												{ display:block; text-transform:uppercase; padding:20px 0 10px; line-height:1em; width:50px; border-bottom:2px solid #17b69e; }
.homeMgzTxt .titleBlk 									{ position:absolute; left:0; right:0; bottom:0; padding:0 20px 30px; background-size:100%; z-index:5; background:#127dc2; }
.mgzTitle 												{ display:block; font-size:36px; line-height:1.1em; letter-spacing:-1px; font-weight:bold; text-transform: uppercase; margin-top: 10px; }

.homeRowR 												{ max-width:570px; width:100%; background:url(../img/feature-bg.jpg); height:100%; min-height: 550px; }
.homeRowR>img  											{ float:left; width:100%; }
.homeRowR .sectionName 									{ display:block; color:#0b0b0b; text-transform:uppercase; padding:18px 20px; font-weight: bold; }
.homeRowR .blkTitle 									{ display:block; font-size:25px; font-weight:bold; line-height:1.2em; letter-spacing:-1px; margin:15px 15px 0;}
.homeRowR .sectionImg:hover .blkTitle 					{ color:#127dc2;}
.homeRowR .textCtn p 									{ margin: 10px 15px 0; }

.homeRow2 												{ margin-bottom:30px; }
.homeRow2 .block 										{ background:#e9e9e9; }
.homeRow2 .sectionImg 									{ display:block; padding:20px; }
.homeRow2 .sectionImg:hover img 						{ opacity:0.8; filter:alpha(opacity=80);}
.homeRow2 .txtLayer 									{ position:absolute; bottom:0; left:0; right:0; padding:20px; font-size:32px; font-weight:bold; color:#ffffff; line-height:1em; letter-spacing:-1px}
.homeRow2 .block img 									{ margin:0 15px 10px 0; width:180px;}
.homeRow2 .blkTitle 									{ display:block; font-size:25px; font-weight:bold; line-height:1.2em; letter-spacing:-1px; margin:0 0 5px;}
.homeRow2 .sectionImg:hover .blkTitle 					{ color:#127dc2;}
.homeRow2 .sectionName 									{ display:block; background:#333333; color:#ffffff; text-transform:uppercase; padding:10px 20px;}
.homeRow2 .textCtn p 									{ margin:0 0 10px;}

.homeRow3 												{ margin-right:-15px;}
.homeRow3 .block 										{ position:relative; float:left; width:310px; margin-right:15px; margin-bottom:30px;}
.homeRow3 .sectionImg 									{ display:block;}
.homeRow3 .sectionImg .imgCtn 							{ display:block; position:relative;}
.homeRow3 .sectionImg:hover img 						{ opacity:0.8; filter:alpha(opacity=80);}
.homeRow3 .txtLayer 									{ position:absolute; bottom:0; left:0; right:0; padding:20px; font-size:32px; font-weight:bold; color:#ffffff; line-height:1em; letter-spacing:-1px}
.homeRow3 .block img 									{ margin:0 0 10px; width:100%;}
.homeRow3 .blkTitle 									{ display:block; font-size:20px; font-weight:bold; line-height:1.2em; letter-spacing:-1px; margin:10px 0 5px;}
.homeRow3 .sectionImg:hover .blkTitle 					{ color:#127dc2;}
.homeRow3 .sectionName 									{ display:block; background:#333333; color:#ffffff; text-transform:uppercase; padding:10px 20px;}
.homeRow3 .textCtn p 									{ margin:0 0 10px;}

.homeBlkList 											{ font-weight:bold; margin:15px 0 0;}
.homeBlkList li 										{ border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; line-height:1.5em; margin:-1px 0 0; background-image:none; padding:0;}
.homeBlkList  a 										{ display:block; padding:8px 0; margin-right:10px;}
.homeBlkList  a:hover 									{ color:#127dc2;}

/***********************Inner 1**************************/
.txtBg 													{ background:#d6e2fc; padding:16px 20px; margin:0 0 25px;}
.txtBg p 												{ color:#0b0b0b;}
.txtBg p:first-child,
.txtBg ul:first-child 									{ margin:0}
.rightImgBlk 											{ float:left; width:100%;}
.rightImgBlk .albumBlk>img 								{ width:100%;}

.commentBox 											{ padding:20px; background:#f0f0f0; margin:25px 0 0;}
.commentBox .boxTitle 									{ font-size:16px; font-weight:bold; line-height:1em; display:block;}
.commentBox .commentAsBar 								{ margin:10px 0 0;}
.commentBox .commentAsBar label 						{ margin-right:5px; line-height:28px;}

.rightImgBlk 											{ margin:0 0 30px;}
.imgCaption 											{ margin:10px 0 0;}
.imgCaption p 											{ margin:0; line-height:1.4em; font-size:12px; color:#666666;}

.feature .txtBg 										{ background:#74cee2; }
.people .txtBg 											{ background:#F3E721; }
.research .txtBg 										{ background:#a6ce39; }
.knowledgeTransfer .txtBg 								{ background:#df727f; }
.events .txtBg 											{ background:#82cec3; }
.news .txtBg 											{ background:#faa634; }
.newPublications .txtBg 								{ background:#a154a1; }
.studentsAlumni .txtBg 									{ background:#fbcfb0; }
.classInMedia .txtBg 									{ background:#b5ded8; }


/***********************Table**************************/
table													{ margin-top: 30px;  }
.pageCtn .pagetxtCtn table th							{ font-weight:bold; background:#82cec3; text-align:center; }
.pageCtn .pagetxtCtn table td							{ background:#d2ece8;  }
.pageCtn .pagetxtCtn table th,
.pageCtn .pagetxtCtn table td							{ padding:8px;  }
.pageCtn .pagetxtCtn table td span 						{ line-height: 1.4em; }


/***********************Home Feature Slick**************************/
.slick-dots button										{ width:12px; height:12px; border:none; border-radius:50px; text-indent:-9999px; background:#e9e9e9; line-height:0; display:block; cursor:pointer; padding:0; }
.slick-dots .slick-active button						{ background:#127dc2; }
.slick-slider ul>li										{ background:none; float: left; padding:0; margin:0 10px; }
.slick-slider ul										{ position:absolute; width:110px; margin:0 auto; left:0; right:0; bottom:30px; }
.slick-slide img										{ width:100%; }
.slick-slide .textCtn									{ margin-bottom: 70px; }

.twoFeature.slick-slider ul								{ width:64px; }



/* --------------------- Colorbox ------------------ */
#cboxOverlay											{ background: #000000;}
#cboxLoadedContent 										{ background: #e4e4e4;}
.noCloseButton #cboxClose 								{ width: 0; height:0; opacity: 0;}


/* ----------------gallery-------------------*/
/*.pageImgCtn 											{ margin:20px 0 60px 0;}
.pageImgCtn .albumBlk 									{ display:block; margin:0 15px 30px 0;}*/
.pageImgCtn .albumBlk 									{ margin:0 0 10px; width:100%; position: relative; }
.pageImgCtn .albumBg 									{ display:block; width:228px; height:146px; text-align: center; position: relative;}
.pageImgCtn .albumBg>img 								{ max-width: 100%; max-height:100%; position: absolute; display: inline-block; left: 0px; right: 0px; margin: auto; top: 0px; bottom: 0px;}
.pageImgCtn .albumBg:hover>img 							{ opacity: 0.6; filter:alpha(opacity=60);}

.img_overlay 											{ display:none; width:100%; height:100%; position:absolute; top:0; left:0; }

.right310 .logo-zoom 									{ background:url(../img/icon-zoom.png) 0 0 repeat; display:none; }
.rightImgBlk a:hover .logo-zoom 						{ display:block; }
.right310 .img_overlay 									{ background:url(../img/hover-bg.png) 0 0 repeat; }
.rightImgBlk a:hover .img_overlay 						{ display:block; }

.right310 .logo-zoom 									{ position:absolute; width:44px; height:42px; margin:auto; left:0; right:0; bottom:0; top:0; background:url(../img/icon-zoom.png) 0 0 no-repeat; }

.galleryCbox #cboxContent 								{ /*margin-top:40px;*/ margin:40px 80px 0; }
.galleryCbox #cboxTitle 								{ top:auto; bottom:0; line-height:24px; background:#0e5449; color:#ffffff; padding:0 20px; left:0; right:0;}
.galleryCbox #cboxLoadedContent 						{ padding:0; background:#fff;}
.galleryCbox #cboxSlideshow,
.galleryCbox #cboxClose 								{ width:34px; height:34px; top:-40px;}
.galleryCbox #cboxPrevious,
.galleryCbox #cboxNext 									{ display:block !important; width:45px; height:80px; top: 0; bottom:0; margin: auto 0;}

.galleryCbox #cboxClose 								{ background:url(../img/lightbox-close.png) center top no-repeat;}
.galleryCbox #cboxClose:hover 							{ background-position:center bottom;}
.galleryCbox #cboxPrevious 								{ background:url(../img/lightbox-arrow-prev.png) center top no-repeat; left:-70px;}
.galleryCbox #cboxPrevious:hover 						{ background-position:center bottom;}
.galleryCbox #cboxNext									{ background:url(../img/lightbox-arrow-next.png) center top no-repeat; right:-70px;}
.galleryCbox #cboxNext:hover							{ background-position:center bottom;}
.galleryCbox #cboxContent:hover #cboxPrevious,
.galleryCbox #cboxContent:hover #cboxNext				{ display:block !important; }
.galleryCbox .cboxPhoto									{ width:90%; max-width:860px;}


#blockKnowledge .blkTitle								{ padding-bottom: 0px; }