@charset "utf-8";
/* CSS Document */

/* ######### generic style ######### */

body{color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.tc{ font-family:Arial,新細明體, Helvetica;}

a:link, a:visited{color:#00829B;text-decoration:none;}
a:hover{color:#00829B;text-decoration:underline;}

.cursor{cursor:hand;cursor:pointer;}

/**
 * ========================================
 *
 *
/* header
 * ----------------------------------------
 *
 *
 *
 *
 */

div.header .rightCol menu li a{text-decoration:none;}
div.header .rightCol menu li a:hover, div.header .rightCol menu li a.current{color:#00829b;}
div.header .rightCol ul{font-size:11px;}
/**
 * ========================================
 *
 *
/* content
 * ----------------------------------------
 *
 *
 *
 *
 */
h1{color:#000;font-size:28px;}

h3{font-size:13px; font-weight:bold; margin-bottom:5px; color:#2f2f2f;}

.nav h2{color:#00829b; font-size:13px; font-weight:bold;}
.nav li a{color: #000;}
.nav li a:hover{text-decoration:none; color: #00829b;}
.nav a.current{	color: #00829b;	font-weight: bold;}

/*default color setting - default*/
.nav ul li a:hover{background:#000 url(/uploads/images/nav_hover_default.gif) repeat-x  top left;  color:#ccc;}
.member div.nav ul li a:hover{background:#FFA522 url(/uploads/images/member_institutions/funcbar_bg_about.gif) repeat-x top left;  color:#fff;}
.industry div.nav ul li a:hover{background:#08aeef url(/uploads/images/industry_partnership/funcbar_bg_industry.gif) repeat-x top left;  color:#fff;}


.breadCrumb, .funcBar .breadCrumb a{
	font-size:11px;
	color:#626262;
}

#contentBox h1{color:#ccc; font-size:15px; font-weight:bold; margin-bottom:1px;}
.section01 #contentBox h1{color:#00829b;}
#contentBox p{font-size:100%;}


/**
 * ========================================
 *
 *
/* front page
 * ----------------------------------------
 *
 *
 *
 *
 */
.front .latestNews .box b{color:#00829b;}

/**
 * ========================================
 *
 *
/* footer
 * ----------------------------------------
 *
 *
 *
 *
 */

div.footer{font-size:10px; color:#34545c;}
.tc div.footer,.sc div.footer{font-size:11px; color:#34545c;}
div.footer .copy{color:white;}


/**
 * ========================================
 *
 *
/* change font size
 * ----------------------------------------
 *
 *
 *
 *
 */
.Large{
	font-size:120%;
}

.Medium{
	font-size:100%;
}

/*email2fd*/
div#emailToFriend{padding-top:30px;}
.email2fd{ border-bottom:1px #bababa solid; width:675px;}
.email2fd th{ font-weight:bold; width:115px; padding:8px 0;}
.email2fd td{ padding:8px 5px; width:191px;}
.email2fd input[type=text]{ width:200px;}
.btnPreview{background:url(/uploads/images/btn_68.jpg) no-repeat; width:68px; height:23px; font-weight:bold; border:0;}
.btnPreview:hover{background:url(/uploads/images/btn_68_on.jpg) no-repeat; width:68px; height:23px; font-weight:bold; border:0; color:#666666;}
hr.greyline{border:0; border-bottom:1px #bababa solid; background:none; display:block; height:0}


.press-release .blueLink {display: inline-block;}
.press-release .photo-slider {display: none;}
.press-release .slick-slider {display: block;}
.press-release .info {margin-bottom: 10px;}
.press-release .title {font-size: 16px; font-weight: bold; padding-bottom: 20px; border-bottom: 1px solid #000000; margin-bottom: 10px;}
.press-release .header-menu  {margin: 12px 0;}
.press-release .header-menu h3, .press-release .header-menu p {display: inline-block; margin: 0; padding: 0;}
.press-release .header-menu h3 {float:left;}
.press-release .header-menu p {float:right; padding-top: 3px;}
.press-release .info p {margin-bottom: 0; padding-bottom: 0;}
.press-release figure {width: 230px; overflow: hidden; background-color: #dcdcdc;}
.press-release figure a {display: block; width: 230px; height: 173px;}
.press-release figure img{display:block; width: auto; height: 173px; position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)}
.press-release figure figcaption{width: 230px; padding: 10px; background-color: #00829b; color: #ffffff; font-size: 12px; box-sizing: border-box;}

.press-release-1 .slick-slider {width: 730px; background-color: #cdcdcd;}
.press-release-1 .slick-slide {height: 410px;}

.press-release-1 .slick-slider img {width: auto; height: 410px; position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);}
.press-release-1 .slick-prev {left: 15px;}
.press-release-1 .slick-next {right: 15px;}
.press-release-1 figure {float: right; clear: right; margin-right: 0;}

.press-release-2 .blueLink {display: inline-block; clear: both;}
.press-release-2 .slick-slider {float:left; width: 320px; margin-right: 15px; margin-bottom: 20px;}
.press-release-2 .slick-slide {width: 320px; height: 570px; overflow: hidden;}
.press-release-2 .slick-slider img {width: auto; height: 570px; position: relative;
			    left: 50%;
			    -webkit-transform: translateX(-50%);
			    -ms-transform: translateX(-50%);
			    transform: translateX(-50%); }
.press-release-2 .slick-prev {left: 15px;}
.press-release-2 .slick-next {right: 15px;}
.press-release-2 .post {margin-bottom: 20px;}
.press-release-2 .info {margin-bottom: 20px;}
.press-release-2 .wrapper {display:table; width: 500px;  margin: 0 auto; margin-bottom: 40px; min-height: 0;}
.press-release-2 figure {display: inline-block; box-sizing: border-box; margin: 0 0 40px 0; overflow: hidden;}
.press-release-2 figure:nth-of-type(odd) {float: left; clear: left; margin-left: 107px;}
.press-release-2 figure:nth-of-type(even) {float: right; margin-right: 107px;}

.slick-dots {bottom: 8px; z-index: 2;}

.slick-dots li.slick-active button:before {color: #ffffff; opacity: 1;}
.slick-dots li button:before {color: #ffffff;}
.slick-arrow {z-index: 2;width: 0; height: 0;}
.slick-prev {
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-right: 15px solid rgba(255,255,255, 0.7);
}

.slick-next {
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid rgba(255,255,255, 0.7);
}

.slick-prev:before, .slick-next:before {
	content: none !important;
}

/*student achivement*/
#student_achievement_wrapper{
	padding-top:20px;
	background:url(/uploads/ive/images/sa_background.png?123);
	background-repeat: no-repeat;
	background-position-x: 15px;
}
#student_achievement_wrapper .slider-inner {width:560px;margin:0 auto;}
#student_achievement_wrapper .item-imgS {}

#student_achievement_wrapper .item-imgS .thumb {
	height:66px;
	width:86px;
	background-size:contain;
	border-radius: 5px;
	border: 3px solid #fff;
    background-repeat: no-repeat;
    background-position: center;
	display:inline-block;
}
#student_achievement_wrapper .item-imgS a:hover .thumb {
	border-color:#00819B;
}
#student_achievement_wrapper .slick-next, #student_achievement_wrapper .slick-prev {
	background:gray;
}
#student_achievement_wrapper .slick-next:hover, #student_achievement_wrapper .slick-prev:hover {
	background:#ddd;
}

#student_achievement_wrapper .slider-content .slider-content-item {
	display:none;
}
#student_achievement_wrapper .slider-content .slider-content-item.active {
	display:block;
}
#student_achievement_wrapper .slider-content .item-imgL {
	border-radius: 5px;
    display: inline-block;
    border: 6px solid transparent;
    box-shadow: 2px 4px 4px #aaa;
	margin:20px;
}
#student_achievement_wrapper .slider-content .item-imgL .img {
	height:248px;
	width:330px;
	display:inline-block;
	background-size:contain;
	border-radius: 5px;
    background-repeat: no-repeat;
    background-position: center;
}
#student_achievement_wrapper .slider-content .item-caption {
	text-align: left;
	margin: 10px;
}

/*student sharing*/
.table-table {
	display:table;
}
.table-column {
	display:table-cell;
	vertical-align:top;
}
#student_sharing_wrapper {
	background-image: url('/uploads/ive/images/ss_background.png');
	background-repeat: no-repeat;
	background-position: center top;
	min-height:450px;
}

#student_sharing_wrapper .slider-content-item, #student_sharing_wrapper .slider-image-item{display:none}
#student_sharing_wrapper .slider-content-item.active, #student_sharing_wrapper .slider-image-item.active{
display:inline-block
}


#student_sharing_wrapper .slider {
	height:295px;
	display: inline-block;
    overflow-y: scroll;
	padding-top: 7px;
    padding-left: 20px;
    padding-right: 10px;
	vertical-align: top;
	margin-top: 20px;
}
#student_sharing_wrapper .slider-item {
	width: 226px;
	margin-bottom: 6px;
}
#student_sharing_wrapper .slider-item a {
	background: #E4E4E4;
	border-radius: 5px;
}
#student_sharing_wrapper .slider-item a:hover, #student_sharing_wrapper .slider-item a:focus {
	background: #f2f2f2;
}
#student_sharing_wrapper a {
	color:#4E4E4E;
}
#student_sharing_wrapper .slider-item .item-imgS {
	top: -5px;
    position: relative;
	border-radius: 10px;
    box-shadow: 2px 2px 5px 1px #555
	/* display: inline-block; */
}
#student_sharing_wrapper .slider-item .item-imgS .thumb {
	width: 45px;
	height: 45px;
	display: inline-block;
	background-size:contain;
	border-radius: 10px;
    background-repeat: no-repeat;
    background-position: center;
	border:5px solid #fff;

}
#student_sharing_wrapper .slider-item .item-wrapper {
	padding:5px 0px 0px 7px;
	text-align:left;
	width: 100%
}
#student_sharing_wrapper .slider-item .item-name{
	font-weight:bold;
}
#student_sharing_wrapper .slider-item .item-content {
	display: inline-block;
    width: 83%;
	/* max-height:30px;
	overflow: hidden; */
}

#student_sharing_wrapper .slider-item .item-video {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center top;
}
#student_sharing_wrapper .slider-item .item-video.video-1{
	background-image: url('/uploads/ive/images/ss_video.png');
	width: 27px;
    height: 25px;
}

#student_sharing_wrapper .slider-image {
	display:inline-block;
	margin-top:30px
}
#student_sharing_wrapper .slider-image, #student_sharing_wrapper .slider-image .item-imgL .thumb{
	width:360px;
	height:265px;
	margin-left: 5px;
}

#student_sharing_wrapper .slider-image .item-imgL .thumb{
	width:360px;
	height:265px;
	display:inline-block;
	background-repeat: no-repeat;
    /* background-position: center; */
	background-size:contain;
	border-radius: 10px 0px 0px 10px;
}

#student_sharing_wrapper .slider-content {
	text-align: left;
    margin-top: 30px;
	margin-left: 100px;
}
#student_sharing_wrapper .slider-content-item {
    width: 310px;
}
#student_sharing_wrapper .slider-content .item-content {
	min-height: 40px;
	font-size: 13px;
}
#student_sharing_wrapper .slider-content .item-name {
	font-weight:bold;
	font-style: italic;
	text-align: right;
}


.footer-text-area-ive {
	width: 42rem;
	right: 0px;
	position: absolute;
	bottom: 23px;
	text-align: right;
}