html{
	scroll-behavior: smooth;
}

body{
	font-family: 'Arial', sans-serif;
}
p{
	font-family: 'Arial', sans-serif;
}
a{
	font-family: 'Open Sans',Helvetica , Arial, sans-serif;

	text-decoration: none;
}
a:hover{
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6{
	font-weight: 900;
	color: #666;
	font-family: 'Open Sans',Helvetica , Arial, sans-serif;
	text-decoration: none;
}


/* Table */
table a:link {color: #333;text-decoration:none;}
table a:visited {color: #333;text-decoration:none;}
table a:active{text-decoration:none;}
table a:hover {text-decoration:none;}


.tablehd{
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	font-weight: 900;
	letter-spacing: -0.02em;
	color: #39a;
	padding: 0.5em;
	margin: 1em;
	background-color: #dff;
	border-radius: 0.8em;
	text-align: center;
	text-shadow: 1px 1px rgba(255,255,255, 0.5);
}



/*Header*/

.nav-nav{
	width: 100%;
}

.navbar-nav > li{
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	display: block;
	position: relative;
	padding-top: 15px;
	text-align: left;
	text-transform: uppercase;
}
@media(max-width: 991px){.navbar-nav>li{padding-top: 5px;margin-left: 15px;font-size:8.8px;letter-spacing: -0.5px;}}


.navbar-default .navbar-nav>li>a {
	font-family: 'Open Sans', sans-serif;
	padding: 2px 2px 2px 2px;
	color: #999;
}


.navbar-default .navbar-nav>li>a:hover{
	display: block;
	padding: 2px 2px 1px 2px;
	color: #110A75;
	border-bottom: 1px solid #110A75;
	background: -webkit-linear-gradient(rgba(0,0,0,0.0), #fff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rgba(0,0,0,0.0), #fff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(0,0,0,0.0), #fff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(0,0,0,0.0), #fff); /* Standard syntax */
	transition: all 0.5s;
}

.navlogo_img{padding-left:5px;padding-top:20px;width:75px;}
@media(max-width: 767px){.navlogo_img{width: 70px;padding-top:10px;margin-left: 15px;}}

.navbar-header button{
	color: #999;
	padding: 3px;
	width: 30px;
	height: 30px;
}


.lockup{
	background: url(../images/Infoday_2024_bg.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: 65px;
	min-height: 43em;
}

.reminder{
	font-size: 0.8em;
}


.home_ST{
	position: absolute;
	width: 250px;
	animation-delay: 1s;
	animation-duration: 1s;
	z-index: 1;
}

.home_ST #image1{height:5.5em;margin-top:20em;margin-left:3em;}

/*mobile*/
@media(max-width: 1200px){.lockup{min-height: 38em;}.home_ST #image1{height:4.3em;margin-top:17.5em;margin-left:3em;}}
@media(max-width: 991px){.lockup{min-height: 30em;}.home_ST #image1{height:3.2em;margin-top:14.5em;margin-left:2em;}}
@media(max-width: 768px){.lockup{min-height: 28em;}.home_ST #image1{height:2.1em;margin-top:14em;margin-left:2em;}.reminder{font-size: 0.65em;}}
@media(max-width: 600px){.lockup{min-height: 20em;}.home_ST #image1{height:1.8em;margin-top:11em;margin-left:1.5em;}}


.scroll_down{
	margin-top: 1rem;
}

.scroll_down a{
	font-size: 15px;
	color: #70DDE0;
	text-decoration: none;
	text-shadow: 1px 1px 15px #fff, -1px -1px 15px #fff, 1px -1px 15px #fff, -1px 1px 15px #fff;
}

.scroll_down a:hover{
	color: #110A75;
}















/*----------- In using ------------*/

.act_point{
	color: #171819;
	text-align: left;
	font-weight: 700;
	font-size: 1.3em;
	letter-spacing: 0.03em;
	line-height: 200%;
}

ul.act_detail li{
	color: #001133;
	text-align: left;
	font-weight: 700;
}

ul.act_detail li p{
	font-weight: 400;
	font-size: 0.85em;
}

.archive{
	padding-bottom: 2em;
}


#keypoint{
	text-align: left;
	font-weight: 700;
	font-size: 1.2em;
	vertical-align:text-top;
	line-height: 200%;

}

#keypoint .point{
	font-size: 1em;
	width: 8%;
	vertical-align: text-top;
	padding-top: 2%;
}

.archive{
	padding-bottom: 2em;
}









.Reg{
	margin-top: 10px;
/*	border-left: 1.5em solid rgba(255,255,255,0.2); */
	border-bottom: 22px solid #C6E8ED;
	background-color: #4cced8;
}

.highlight{
	text-shadow: 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
}


.highlight h4{
	font-weight: 700;
	font-size: 25px;
	text-decoration: none;
}



#Reg_button{
	text-align: center;
	text-decoration: none;
	margin-top: 5em;
	margin-bottom: 5em;
	margin-left: 15%;
	margin-right: 15%;
	padding: 5px;
    box-shadow: 1px 1px #678338, 2px 2px #678338, 3px 3px #678338, 4px 4px #678338, 5px 5px #678338, 6px 6px #678338, 7px 7px #678338, 2px 2px 5px rgba(255,255,255,0.8), 10px 10px 10px rgba(200,200,200,0.8), 15px 15px 10px rgba(200,200,200,0.8);
    background-color: #b2d233;
}

#Reg_button:hover{
	transform:scale(1.05,1.05);
	transform-origin:1 0;
	transition-duration: 0.3s;
}

.single_image{
	text-align: center;
}

.single_image #preview{
	width: 100%;
}

.single_image #map{
	width: 100%;
}

.single_image #map:hover{
	transform:scale(1.15,1.15);
	transform-origin:1 0;
	box-shadow: 5px 10px 5px rgba(0,0,0,0.3);
	transition-duration: 0.5s;

}

.single_image #shuttle{
	width: 100%;
}

.single_image #Prog_pic{width: 100%;}

.single_image #chart_pic{width: 85%;}

.single_image #HLS_Alumni_pic{width: 100%;}

#Prog_ico{
	position: absolute;
	margin-left: -44px;
	margin-top: 5px;
	width: 40px;
}

@media(max-width: 767px){#Prog_ico{margin-top: 0px;	margin-left: -42px;width: 35px;}}


.single_image #date{
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	font-weight: 900;
	letter-spacing: -0.02em;
	color: #379;
	margin: 1em;
	padding: 0.5em;
	padding-top: 0.5em;
	border-radius: 0.8em;
	background-color: #dff;
	text-align: center;
	text-shadow: 1px 1px rgba(255,255,255, 0.5);
}
.single_image #bottom{
	width: 100%;
}

#event_key{
	width: 95%;
	margin: 2%;
	border-radius: 1em;
}

.event_name{
	font-family: 'Microsoft JhengHei','Open Sans', sans-serif;
	font-size: 2.5em;
	font-weight: 900;
	text-align: left;
	color: #00ADC6;

}

.single_image p{
	color: #666;
	padding: 15px;
	font-size: 1.1em;
	text-align: justify;
	line-height: 180%;
}

@media(max-width: 767px){
	.single_image p{font-size: 0.9em;}
}

.no_padding{
	padding-left: 0px;
	padding-right: 0px;
}

.work_title h1, .contact_title h1{
	font-size: 25px;
	color: #3d3d3d;
	letter-spacing: 5px;
	padding-top: 80px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.work_title img, .contact_title img{
	margin-bottom: 30px;
}
.work_title p, .contact_title p{
	font-size: 14px;
	color: #000;
	margin-bottom: 30px;
}
.last_padding {
	padding-right: 0px;
}
.pad_top {
	padding-top: 2px;
}



.left h2{
	margin-top: 40px;
	margin-bottom: 20px;
	font-size: 20px;
	color: #333;
	font-weight: bold;
}
.left p{
	font-size: 14px;
	color: #000;
}
.baton{
	margin-top: 20px;
	margin-right: 20px

}
.cs-btn, .cs-btn:active, .cs-btn:visited, .cs-btn:focus{
	margin-top: 65px;
	color: #fff;
	background-color: #124267;
	border-radius: 0px;
	outline: none;
	padding: 10px 40px;
	text-transform: uppercase;
	letter-spacing: 2px;
	transition: all 1s;
}
.cs-btn:hover{
	background: #aaa;
	border-radius: 0px;
	color: #124267;
	transition: all 1s;
}

.Mainhead{
	font-family: 'Open Sans', sans-serif;
	font-size: 1.8em;
	letter-spacing: -0.04em;
	line-height: 1.3em;
	color: #110A75;
	margin-top: 80px;
	border-left: 4px solid rgba(100,255,150,0.8);
	padding-left: 0.3em;
	padding-bottom: 0.1em;
}


/*mobile*/
@media(max-width: 991px){
	.container h3{font-size: 1.5em;}
}

@media(max-width: 767px){
	.container h3{font-size: 1.2em;}
}
.container #map{
	font-family: 'Open Sans',Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: 900;
	letter-spacing: -0.05em;
	text-align: right;
	color: rgba(80, 80, 80, 1);
	padding-top: 5px;
	padding-bottom: 5px;
}

.container #map_ive{
	float: left;
	padding-top: 10px;
	width: 100px;
}

.container #IVE{
	width: 11em;
}



hr.work-width {
	width: 100%;
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 50px;
	border: solid #ccc;
	width: 100%;
	height: 1px;
	border-width: 1px 0 0;
}

hr.liner {
	width: 100%;
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 8px;
	border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #fff;
}

hr.clip {
	width: 100%;
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 8px;
	border: 1px;
}

hr.spaceline {
	width: 100%;
	display: inline-block;
	margin-top: 25px;
	margin-bottom: 25px;
	border-top: 1px dotted #eee;
	border-bottom: 1px dotted #eee;
}

.Plan_event{
	background-color: #fefefe;
	border-top-left-radius: 2em;
}


.pic_round{
	width: 100%;
	max-width: 250px;
}


.work-with h3{
	font-size: 14px;
	color: #636363;
	text-transform: uppercase;
}

/* Programme sheet */
.Prog_event{
	width: 90%;
}

.sheet{
	padding: 5px;
	margin: 8px;
	border-width: 1px;
	border-color: #ccc; /* changes to "pink" for the rest */
	border-style: double; /* dashed, double, groove, ridge, inset, outset */
	border-radius: 20px;
	border-color: #9cf;
}

.sheet span{
	color: #006699;
}

.floorplan{
	z-index: 100;
	margin: 10px;
}

.floorplan img{
	width: 90%;
}


.floorplan #map:hover{
	transform:scale(1.15,1.15);
	transform-origin:1 0;
	box-shadow: 3px 6px 3px rgba(0,0,0,0.3);
	transition-duration: 0.5s;
}


.PROG_Title{
	width: 100%;
	font-family: Microsoft JhengHei;
	font-size: 1.1em;
	font-weight: 400;
	color: #777;
	margin-bottom: 1em;
	/*text-shadow: 1px 1px 3px rgba(50,50,50,0.5); */
	letter-spacing: 0.1px;
	padding: 0.5em;
	padding-left: 1em;
	background-color: #eee;
}
.PROG_Title span{
	font-family: 'Montserrat', sans-serif;
	font-size: 0.6em;
	color: #fff;
}


.Division_Title{
	width: 100%;
	font-family: 'Microsoft JhengHei';
	font-size: 1.1em;
	font-weight: 400;
	color: #777;
	margin-bottom: 1em;
	letter-spacing: 0.1px;
	padding: 1em;
	padding-left: 1em;
	background-color: #eee;
}

@media(max-width: 767px){.Division_Title{font-size: 0.9em;}}


.CAMPUS_MAP	{
	font-family: Microsoft JhengHei;
	font-size: 1.2em;
	font-weight: 900;
	color: #fff;
	margin-bottom: 1em;
	text-shadow: 1px 1px 3px rgba(50,50,50,0.5);
	letter-spacing: -0.7px;
	padding: 0.5em;
	padding-left: 1.5em;
	border-radius: 15px;
	background-image: linear-gradient(to right top, #644fc9, #8a61d5, #ab75e1, #ca8aee, #e7a0fb);
/*	background-image: linear-gradient(to right top, #1d23a8, #5a44bd, #8567d3, #ac8ce9, #d1b3ff); */
}
.BUS_ROUTE{
	font-family: Microsoft JhengHei;
	font-size: 1.2em;
	font-weight: 900;
	color: #fff;
	margin-bottom: 1em;
	text-shadow: 1px 1px 3px rgba(50,50,50,0.5);
	letter-spacing: -0.7px;
	padding: 0.5em;
	padding-left: 1.5em;
	border-radius: 15px;
	background-image: linear-gradient(to right top, #42ac83, #56ba80, #6dc77c, #87d475, #a4e06e);
}
.SHUTTLE_TIME{
	font-family: Microsoft JhengHei;
	font-size: 1.2em;
	font-weight: 900;
	color: #fff;
	margin-bottom: 1em;
	text-shadow: 1px 1px 3px rgba(50,50,50,0.5);
	letter-spacing: -0.7px;
	padding: 0.5em;
	margin-bottom: 10px;
	padding-left: 1.5em;
	border-radius: 15px;
background-image: linear-gradient(to right top, #773fc2, #b74db4, #dd69a9, #f38da8, #ffb3b3);}



.dept {
	font-family: 'Open Sans', sans-serif;
	color: #333;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	width: 100%;
}

.dept h4{
	font-weight: 900;
	vertical-align: text-top;
	text-shadow: 1px 1px 5px #ccc;
}
.dept p{
	font-size: 10px;
}
.dept b{
	font-size: 1em;
}

h4.INDEX 	{
	font-family: "LiGothic", "FangSong", Arial, serif;
	color:#666666;
	padding-left: 0.8em;
	font-size: 1.2em;
}

h4.IVE      {color:#00ADC6;padding-left: 0.8em;font-size: 1em;}
h4.HLS      {color:#008751;padding-left: 0.8em;font-size: 1em;}
h4.CECS     {color:#7FBA00;padding-left: 0.8em;font-size: 1em;}
h4.IT       {color:#B5AFA0;padding-left: 0.8em;font-size: 1em;}
h4.BA       {color:#e40428;padding-left: 0.8em;font-size: 1em;}
h4.ENG		{color:#00AFAD;padding-left: 0.8em;font-size: 1em;}
h4.LC		{color:#E5368D;padding-left: 0.8em;font-size: 1em;}
h4.SDO		{color:#00ADC6;padding-left: 0.8em;font-size: 1em;}


h5.IVE 	{color:#00ADC6;font-size: 1.3em;line-height: 140%;}
h5.HLS 	{color:#008751;font-size: 1.3em;line-height: 140%;}
h5.CECS {color:#7FBA00;font-size: 1.3em;line-height: 140%;}
h5.IT   {color:#B5AFA0;font-size: 1.3em;line-height: 140%;}
h5.BA   {color:#CE1126;font-size: 1.3em;line-height: 140%;}
h5.ENG	{color:#00AFAD;font-size: 1.3em;line-height: 140%;}
h5.LC	{color:#E5368D;font-size: 1.3em;line-height: 140%;}
h5.SDO	{color:#00ADC6;font-size: 1.3em;line-height: 140%;}


.dept_title {
	font-family: "LiGothic", "FangSong", Arial, serif;
	position:relative;
	padding: 8px;
	margin-bottom: 5px;
	font-size: 1.15em;
	letter-spacing: -0.02em;
	color: rgba(00,66,99, 0.8);
}

.category{
	background-color:#00ADC6;
	font-size: 0.85em;
	margin-top: 0.2em;
	margin-bottom: 1em;
	padding: 10px;
	z-index: 1;
}

.category a:link {text-decoration:none;color: #fff;}
.category a:visited {text-decoration:none;color: #333;}
.category a:active{text-decoration:none;}
.category a:hover {text-decoration:none;color: #777;}



table.HLS{background-color:#008a38;vertical-align: top;margin-bottom: 10px;}
table.CECS{background-color:#86BC25;vertical-align: top;margin-bottom: 10px;}
table.IT{background-color:#2e6c99;vertical-align: top;margin-bottom: 10px;}
table.BA{background-color:#e40428;vertical-align: top;margin-bottom: 10px;}
table.ENG{background-color:#00a3a6;vertical-align: top;margin-bottom: 10px;}
table.SDO{background-color:#ccf0f7;vertical-align: top;margin-bottom: 10px;}
table.LRC{background-color:#99ced1;vertical-align: top;margin-bottom: 10px;}
table.event{background-color:#c0d14f;vertical-align: top;margin-bottom: 10px;}

.fa-calendar{
	color: #8a4000;
}

.fa-map-marker{
	color: #336699;
	margin-left: 3px;
	margin-right: 8px;
} 
.fa-rss{
	color: #ff5900;
}

.fa-clock-o{
	color: #008a38;
	margin-right: 10px;
}

.fa-paper-plane-o{
	color: #008a38;
}

.fa-street-view{
	font-size: 17px;
	color: #ff3300;
	padding: 5px;
}



#consult_HLS{background-color: rgba(255,255,255,0.9);}
#consult_CECS{background-color: rgba(255,255,255,0.9);}
#consult_IT{background-color: rgba(255,255,255,0.9);}
#consult_BA{background-color: rgba(255,255,255,0.9);}
#consult_ENG{background-color: rgba(255,255,255,0.9);}


.PROGRAM_DAY{
	font-family: 'Open Sans',Helvetica, sans-serif;
	font-size: 1.35em;
	letter-spacing: 0.5px;
	font-weight: 400;
	color: #777;
	border-left : 4px solid #b2d233;padding-left: 12px;
	margin-bottom: 1em;
	padding: 0.5em;
	padding-left: 0.8em;
	background-color: #eee;
}
.PROGRAM_DAY span{
	font-family: 'Montserrat', sans-serif;
	font-size: 0.6em;
	font-weight: 400;
	color: #999;
}



.atts table{
	padding: 1%;
	width: 100%;
	font-family: 'Helvetica', sans-serif;
	color: #333;
	font-size: 0.85em;
	background-color: #f9f9f9;
}

.atts img{
	width: 20px;
}

.atts table td{
	vertical-align: top;
}


.atts thead{
	color: #fff;
	font-weight: 700;
	font-size: 1.3em;
}

.attsheader02{
	font-family: 'Montserrat', sans-serif;
	padding: 10px;
	padding-left: 10px;
	font-size: 1.5em;
	font-weight: 900;
	color: #f38da8;
}

.attsheader03{
	font-family: 'Montserrat', sans-serif;
	padding: 10px;
	padding-left: 10px;
	font-size: 1.5em;
	font-weight: 900;
	color: #110A75;
}

.atts thead{
	color: #fff;
	font-weight: 700;
	font-size: 1.3em;
}

#attshead_01{background-color: #86BC25;}
#attshead_02{background-color: #f38da8;}
#attshead_03{background-color: #110A75;}
#attshead_04{background-color: #b74db4;}

/* .atts tr:hover td{background: rgba(255,255,255,0.95);} */
/* .category  tr:hover td{background: rgba(255,255,255,0);} */


.atts tr:hover td{background: rgba(255,255,255,0.95);}


@media(max-width: 767px){
	.atts table{font-size: 8px;letter-spacing: 0px;}
}


.atts table td{
	padding: 5px;
	padding-left: 20px;
	padding-bottom: 2em;
	line-height: 150%;
	vertical-align: top;
}

.atts table th{
 	font-weight: 700;
	padding: 1%;
	padding-left: 2%;
	font-size: 12px;
}

.atts table th a:link {text-decoration: none;color: #333;}

.atts a:link {text-decoration:none;}
.atts a:visited {text-decoration:none;}
.atts a:active{text-decoration:none;}
.atts a:hover {
	color: #666;
	border-bottom: 1px dotted #aaa;
	padding-bottom: 1.5px;
}

.atts img{
	width: 18px;
}




.tts table{
	width: 100%;
	font-family: 'Open Sans',Helvetica , sans-serif;
	color: #666;
	font-size: 1em;
}

.youtube img{
	margin-left: -30px;
	margin-right: 12px;
	margin-bottom: 3px;
	width: 18px;
}

.youtube_box{
	padding-bottom: 10em;
}

.tts i{
	color: #aaaa00;
}


@media(max-width: 767px){
	.tts table{font-size: 0.85em;}
}


.tts table td{
	padding: 5px;
	padding-left: 50px;
	line-height: 250%;
	vertical-align: top;
}

.tts table th{
	background: url(../images/button_bg.png);
	font-weight: 700;
	line-height: 2.2em;
	padding: 0.5em;
	padding-left: 50px;
	font-size: 1.5em;
	letter-spacing: 1px;
}

.tts table th a:link {text-decoration: none;color: #fff;}

.tts a:link {text-decoration:none;}
.tts a:visited {text-decoration:none;}
.tts a:active{text-decoration:none;}
.tts a:hover {
	color: #666;
	border-bottom: 1px dotted #aaa;
	padding-bottom: 1.5px;
}



footer{
	padding-top: 50px;
	padding-bottom: 30px;
}

.footer_logo img{
	width: 80px;
	height: 30px;
}


#table_footer{
	padding: 0;
	width: 100%;
	bottom: 0%;
}

.social{
	padding-top: 50px;
}

.social_icon i{
	color: #999;
	padding: 15px;	
}

ul.icon_list{
	font-size: 12px;
	text-transform: uppercase;
	text-align: left;
	font-weight: 400;
	line-height: 30px;
	list-style: none;
}
ul.icon_list li{
	display: inline-block;
	margin: 16px;
}
ul.icon_list h2{
	font-size: 18px;
	color: #555;
	text-transform: uppercase;
	margin-top: 50px;
	font-weight: 300;
}
ul.icon_list li a{
	font-family: 'Montserrat', sans-serif;
	color: #636363;
	transition: all 1s;
}
ul.icon_list li a:hover{
	text-decoration:none;
	color: #009966;
}


.copyright_text h4{
	font-family: 'Montserrat', sans-serif;
	color: #666;
	font-weight: 400;
	font-size: 1.45em;
	line-height: 1.35em;

}

.copyright_text{
	padding: 2px;
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	padding-top: 15px;
}
.copyright_text p{
	font-size: 9px;
	color: #779;
	margin-bottom: 0px;

}
.copyright_text a{
	font-family: 'Montserrat', sans-serif;
	text-decoration:none;
	transition: all 0.5s;
}

.copyright_text a:hover{
	color: #009966;
}

.outline_left {
    border-left: 1px dotted #dde;
}

.outline_right {
	border-left: 1px dotted #dde;
    border-right: 1px dotted #dde;
}

@media(max-width: 991px){
.outline_left {border-right: 1px dotted #dde;}
}

.course {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	line-height: 180%;
	background-color: #f9f9f9;
}

@media(max-width: 767px){
	.course{font-size: 0.75em;}
}

.course th {
	padding: 3px;
	font-weight: 400;
	background-color: #efefef;
	vertical-align: text-top;
}
.course td {
	padding: 3px;
	border-top: 1px solid #ddd;
}

.Hons{
	background-color: #ffefef;
}

.HD{
	background-color: #efffff;
}

.course a:hover{
	text-decoration: none;
	color: #773;
}


.course span{
	font-size: 10px;
}

.course img{
	margin-left: -18px;
	margin-right: 4px;
	width: 15px;
}

.remarks{
	width: 100%;
	padding: 5px;
	font-size: 0.85em;
}

.remarks_IT{
	width: 100%;
	padding: 5px;
	font-size: 0.85em;
}

.remarks_event{
	padding: 10px;
}

.bus_time{
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	font-size: 0.8em;
	border-bottom-left-radius: 1.5em;
	background-color: #ffeeee;
	margin-bottom: 20px;
}
.bus_time th {
	padding: 8px;
	text-align: center;
	background-color: #FFC0D6;
}
.bus_time td {
	text-align: center;
	border-top: 1px solid #fafafa;
	padding-bottom: 1.5px;
	padding-top: 1.5px;
}
.bus_time tr:hover td{
	background-color: rgba(255,255,255,0.8);
}


.contact_dept{
	font-family: 'Montserrat', sans-serif;
	font-size: 0.9em;
}


.contact_list{
	font-family: 'Montserrat', sans-serif;
	font-size: 0.9em;
	letter-spacing: -0.5px;
}

@media(max-width: 767px){
.contact_list{font-size: 0.85em;}
}

.contact_txt{
	padding: 1rem;
	line-height: 230%;
	color: #666;
}



.Dept_CECS{border-left : 2px solid #86BC25; }
.Dept_IT{border-left : 2px solid #2e6c99; }
.Dept_ENG{border-left : 2px solid #00a3a6; }
.Dept_HLS{border-left : 2px solid #008a38; }
.Dept_BA{border-left : 2px solid #e40428; }
.Dept_CS{border-left : 2px solid #99ced1; }

.Dept_CECS_programme{border-left : 2px solid #86BC25;padding-left: 50px; }
.Dept_IT_programme{border-left : 2px solid #2e6c99;padding-left: 50px; }
.Dept_ENG_programme{border-left : 2px solid #00a3a6;padding-left: 50px; }
.Dept_HLS_programme{border-left : 2px solid #008a38;padding-left: 50px; }
.Dept_BA_programme{border-left : 2px solid #e40428;padding-left: 50px; }
.Dept_CS{border-left : 2px solid #99ced1;padding-left: 12px; }

.youtuber H4{
	padding: 10px;
}

.box_button{width: 200px;background-color: #b2d233;padding:6px;padding-left: 1px;margin: 5px;font-family: 'Montserrat', sans-serif;}
.box_button i{color: #fff;}
.box_button a{color: #666;}

.box_text{background-color: #FFF;padding:4px;float:right;width: 148px;padding-left: 8px;}
.box_follow{float:right;width: 160px;color:#fff;padding:4px;}

#follow_button{text-align:center;text-decoration: none;background-color: #4CCED8;font-weight: 900;font-family: 'Montserrat', sans-serif;}
#follow_button:hover{
	transform:scale(1.03,1.03);
	transform-origin:1 1;
	transition-duration: 0.3s;
}

.register_box_button a:link {text-decoration:none;}
.register_box_button a:visited {text-decoration:none;}
.register_box_button a:active{text-decoration:none;}
.register_box_button a:hover {text-decoration:none;}

.register_box_button{
	border-radius: 0.85rem;
	width: 90%;
	padding:0.5em;
	margin-left:5%;
	margin-right:5%;
	margin-top: 1em;
	margin-bottom: 1.5em;
	font-size: 1.8em;
	font-weight: 900;
	letter-spacing: 0.15em;
	text-decoration: none;
}
#register_button{
	text-align:center;
	background-color: #b2d233;
	background: url("../images/button_bg.png") no-repeat scroll 0 0 transparent;
	box-shadow: 1px 1px #678338, 2px 2px #678338, 3px 3px #678338, 4px 4px #678338, 5px 5px #678338, 6px 6px #678338, 7px 7px #678338, 8px 8px #678338, 9px 9px #678338,2px 2px 5px rgba(255,255,255,0.8), 10px 10px 10px rgba(255,255,0,0.2);
}

#register_button2{
	text-align:center;
	background-color: #b2d233;
	background: url("../images/button_bg2.png") no-repeat scroll 0 0 transparent;
	box-shadow: 1px 1px #678338, 2px 2px #678338, 3px 3px #678338, 4px 4px #678338, 5px 5px #678338, 6px 6px #678338, 7px 7px #678338, 8px 8px #678338, 9px 9px #678338,2px 2px 5px rgba(255,255,255,0.8), 10px 10px 10px rgba(255,255,0,0.2);
}

.box_register{
	padding-top: 0.1em;
	width: 100%;
	color:#555;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.75);
}

#register_button:hover{
	transform:scale(1.03,1.03);
	transform-origin:1 1;
	transition-duration: 0.3s;
}

@media(max-width: 767px){
	.register_box_button{width: 100%;padding:10px;margin-left:0%;margin-right:0%;font-size: 1.4em;}

}

.reg_it{
	text-decoration: none;
	background-color: #ccc;
}



.fillform_button a:link {text-decoration:none;}
.fillform_button a:visited {text-decoration:none;}
.fillform_button a:active{text-decoration:none;}
.fillform_button a:hover {text-decoration:none;}

.fillform_button{
	width: 50%;
	padding:15px;
	margin: 5%;
	margin-left:25%;
	margin-right:25%;
	font-size: 1.6em;
	font-weight: 900;
	text-decoration: none;
}
#fillform_button{
	text-align:center;
	background-color: #b2d233;
	background: url("../images/button_bg.png") no-repeat scroll 0 0 transparent;
	box-shadow: 1px 1px #678338, 2px 2px #678338, 3px 3px #678338, 4px 4px #678338, 5px 5px #678338, 6px 6px #678338, 7px 7px #678338, 8px 8px #678338, 9px 9px #678338,2px 2px 5px rgba(255,255,255,0.8), 10px 10px 10px rgba(255,255,0,0.2);
}


@media(max-width: 767px){
	.reg_box_button{width: 100%;padding:10px;margin-left:0%;margin-right:0%;font-size: 1.4em;}

}

#Prog_button{text-align: center;text-decoration: none;background-color: #b2d233;}
#Prog_button:hover{
	transform:scale(1.03,1.03);
	transform-origin:1 1;
	transition-duration: 0.3s;
}

#dept_button{
	z-index: 999;
	min-height: 90px;
	text-decoration: none;
	font-size: 0.9em;
	font-weight: 100;
	font-family: 'Montserrat', sans-serif;
}

@media(max-width: 767px){
	#dept_button{font-size: 0.825em;}

	#Event_dept_button{
	text-decoration: none;
	font-family: 'Microsoft JhengHei','Open Sans', sans-serif;
	letter-spacing: 0em;
	font-size: 0.7em;}
}

#dept_button a{
	text-decoration: none;
	color: #666;
}

.dept_button_title{float:right;width: 80px;color:#666;height: 85px;margin-top: 6px;}

.dept_button_cecs_title {float:right;width: 150px;color:#666;height: 85px;margin-top: 6px;}

.dept_button_IT_title {float:right;width: 150px;color:#666;height: 85px;margin-top: 6px;}


#dept_button:hover{
	transform:scale(1.03,1.03);
	transform-origin:1 1;
	transition-duration: 0.3s;
}

#dept_ico{
	position: absolute;
	left:5;
	margin-top: 12px;
	vertical-align: middle;
	width: 45px;
}

.dept_box{
	font-family: 'Montserrat', sans-serif;
	width: 180px;
	background-color: #eee;
	margin: 6px;}

.dept_event{
	min-height: 150px;
	font-family: 'Montserrat', sans-serif;
	border: 4px solid #fff;
}


	
#dept_event:hover{
	transform:scale(1.03,1.03);
	transform-origin:1 1;
	transition-duration: 0.3s;
}

#dept_button{
	z-index: 999;
	text-decoration: none;
	font-size: 0.9em;
	font-weight: 100;
	font-family: 'Montserrat', sans-serif;
}

@media(max-width: 767px){
	#dept_button{font-size: 0.825em;}
}

#dept_button a{
	text-decoration: none;
	color: #666;
}

.dept_button_title{inherits: true;float:right;width: 100px;color:#666;height: 65px;margin-top: 6px;}

.dept_button_cecs_title{float:right;width: 150px;color:#666;height: 65px;margin-top: 6px;}



#dept_button:hover{
	transform:scale(1.03,1.03);
	transform-origin:1 1;
	transition-duration: 0.3s;
}












@media(max-width: 991px){
.outline_left {border-right: 1px dotted #dde;}
}

.dept_cecs_box{
	font-family: 'Montserrat', sans-serif;
	width: 240px;
	background-color: #eee;
	margin: 6px;
}

.dept_IT_box{
	font-family: 'Montserrat', sans-serif;
	width: 240px;
	background-color: #eee;
	margin: 6px;
}

#Prog_linkage_button:hover{
	transform:scale(1.03,1.03);
	transform-origin:1 1;
	transition-duration: 0.3s;
}


.linkage a:link {text-decoration:none;}
.linkage a:visited {text-decoration:none;}
.linkage a:active{text-decoration:none;}
.linkage a:hover {text-decoration:none;}


.linkage_Title{
	text-decoration-style: none;
	width: 100%
	font-size: 1.1em;
	font-weight: 400;
	color: #777;
	margin-bottom: 1em;
	/*text-shadow: 1px 1px 3px rgba(50,50,50,0.5); */
	letter-spacing: 0.1px;
	padding: 0.5em;
	padding-left: 1em;
	background-color: #eee;
}

@media(max-width: 767px){.linkage_Title{font-size: 0.9em;}}


#myBtn {
  display: none;
  position: fixed;
  width: 70px;
  bottom: 10px;
  right: 3px;
  z-index: 99;
  font-size: 15px;
  font-weight: 700;
  line-height: 180%;
  border: none;
  background-color: #rgba(50,50,50,0.05);
  color: white;
  cursor: pointer;
  padding: 5px;
}

#myBtn:hover {
  background-color: #3aa;
}

.carousel{
	margin-left:10%;
	margin-right:10%;
	padding-bottom: 60px;
    background: #d8d8d8;
    border-bottom: 3px solid #b2d233;
}

.admission_timeline{
	width: 80%;
}

.overview_text{
	padding: 10px;
	margin-top: 30px;
	font-size: 1.5rem;
	line-height: 230%;
}

@media(max-width: 767px){
	.carousel{margin-left: 0%;margin-right: 0%;}
	.carousel-caption h4{}
	.admission_timeline{
	width: 100%;
	}
}

.carousel-item{
    text-align: center;
    min-height: 280px; /* Prevent carousel from being distorted if for some reason image doesn't load */
}

.carousel-inner img {
width: 100%;
height: 100%;
}

.carousel-caption{
	margin-bottom: -50px;
}

.carousel-caption h4{
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	text-align: left;
}

.carousel-caption p{
	position: relative;
	text-align: left;
}


.carousel .carousel-indicators li {
	width: 12px;
    height: 12px;
}

.carousel-control.left {
   margin-left: -8px;
   background-image:none ;
   filter:none ;
}

.carousel-control.right {
   margin-left: -8px;
   background-image:none ;
   filter:none ;

}
.carousel-control.left span, .carousel-control.right span{
  border-radius: 50%;
  padding: 2px;
  font-size: 24px;
  background-color: #rgba(50,50,50,0.65);
}

.prog_content{
    width: 100% ;
    height: 100% ;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.oa_link{
  position: relative;
}
.oa_link a{
  display: block;
  position: absolute;
}

#HLS_Dept{padding-top: 85px;margin-top: -85px;}
#BA_Dept{padding-top: 85px;margin-top: -85px;}
#CECS_Dept{padding-top: 85px;margin-top: -85px;}
#ENG_Dept{padding-top: 85px;margin-top: -85px;}
#IT_Dept{padding-top: 85px;margin-top: -85px;}



.atts{
}

#atts_act{z-index:0;margin-top:-85px;padding-top: 85px;}
#atts_demo{z-index:0;margin-top:-85px;padding-top: 85px;}
#atts_talk{z-index:0;margin-top:-85px;padding-top: 85px;}
#atts_taster{z-index:0;margin-top:-85px;padding-top: 85px;}


#Event_IVE{margin-top: -2em;padding-top: 5em;}
#Event_BA{margin-top: -2em;padding-top: 5em;}
#Event_CECS{margin-top: -2em;padding-top: 5em;}
#Event_ENG{margin-top: -2em;padding-top: 5em;}
#Event_HLS{margin-top: -2em;padding-top: 5em;}
#Event_IT{margin-top: -2em;padding-top: 5em;}
#Event_LC{margin-top: -2em;padding-top: 5em;}
#Event_SDO{margin-top: -2em;padding-top: 5em;}


#Event_IVE h4{font-size: 1.5em;font-family: 'Microsoft JhengHei','Open Sans', sans-serif;line-height: 135%;color: rgb(0, 173, 198);width: 100%;}
#Event_BA h4{font-size: 1.5em;font-family: 'Microsoft JhengHei','Open Sans', sans-serif;line-height: 135%;color:rgb(206, 17, 38);width: 100%;}
#Event_CECS h4{font-size: 1.5em;font-family: 'Microsoft JhengHei','Open Sans', sans-serif;line-height: 135%;color:rgb(127,186,0);width: 100%;}
#Event_ENG h4{font-size: 1.5em;font-family: 'Microsoft JhengHei','Open Sans', sans-serif;line-height: 135%;color:rgb(0, 175, 173);width: 100%;}
#Event_HLS h4{font-size: 1.5em;font-family: 'Microsoft JhengHei','Open Sans', sans-serif;line-height: 135%;color:rgb(0, 135, 81);width: 100%;}
#Event_IT h4{font-size: 1.5em;font-family: 'Microsoft JhengHei','Open Sans', sans-serif;line-height: 135%;color:rgb(181, 175, 160);width: 100%;}
#Event_LC h4{font-size: 1.5em;font-family: 'Microsoft JhengHei','Open Sans', sans-serif;line-height: 135%;color:rgb(229, 54, 141);width: 100%;}
#Event_SDO h4{font-size: 1.5em;font-family: 'Microsoft JhengHei','Open Sans', sans-serif;line-height: 135%;color:rgb(0, 173, 198);width: 100%;}

.BG_IVE{background-color: rgb(0, 173, 198);padding: 0.5em;}
.BG_BA{background-color:rgb(206, 17, 38);padding: 0.5em;}
.BG_CECS{background-color:rgb(127,186,0);padding: 0.5em;}
.BG_ENG{background-color:rgb(0, 175, 173);padding: 0.5em;}
.BG_HLS{background-color:rgb(0, 135, 81);padding: 0.5em;}
.BG_IT{background-color:rgb(181, 175, 160);padding: 0.5em;}
.BG_LC{background-color:rgb(229, 54, 141);padding: 0.5em;}
.BG_SDO{background-color:rgb(0, 173, 198);padding: 0.5em;}




#Event_dept_button{
	text-decoration: none;
	font-family: 'Microsoft JhengHei','Open Sans', sans-serif;
	letter-spacing: 0.02em;
	font-weight: 700;
	z-index: 1;
}

#Event_dept_button:hover{
	transform:scale(1.03,1.03);
	transform-origin:1 1;
	transition-duration: 0.3s;
}

#Event_dept_button{
	text-decoration: none;
	color: #fff;
}

.dept_button_title{float:right;width: 100px;color:#666;height: 65px;margin-top: 6px;}

.dept_button_cecs_title{float:right;width: 150px;color:#666;height: 65px;margin-top: 6px;}


#attshead_01{background-color: #86BC25;}
#attshead_02{background-color: #f38da8;}
#attshead_03{background-color: #110A75;}
#attshead_04{background-color: #b74db4;}


.line01{border-color: #86BC25;color: #86BC25;}
.line02{border-color: #f38da8;color: #f38da8;}
.line03{border-color: #110A75;color: #110A75;}
.line04{border-color: #b74db4;color: #b74db4;}

hr.spaceline {
	width: 100%;
	display: inline-block;
	margin-top: 25px;
	margin-bottom: 25px;
	border-top: 1px dotted #eee;
	border-bottom: 1px dotted #eee;
}

hr.subline{
	width: 100%;
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 8px;
}

hr.clip {
	width: 100%;
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 8px;
	border: 1px;
}

.lifeplan{
	padding: 1.5em;
	background: linear-gradient(to bottom, rgba(250,250,250,1) 0%,rgba(255,255,255,0) 80%);
	border-top-left-radius: 4em;
	border-top-right-radius: 4em;
	line-height: 190%;
}

/*Lightbox*/


.desc{
	width: 100%;
	margin-bottom: 30px;
}

.desc a:link {color: #333;text-decoration:none;}
.desc a:visited {color: #333;text-decoration:none;}
.desc a:active{text-decoration:none;}
.desc a:hover {text-decoration:none;}


.desc img{
	box-shadow: 5px 5px 25px rgba(255,255,255, 0.3);
	max-width: 100%;
}

.desc H4{
	font-family: Microsoft JhengHei;
	font-size: 1.6rem;
	font-weight: 400;
	letter-spacing: 0.8px;
}

/* language change */

.lang {
    display: none;
  }
  
  #body.en .en {
    display: block;
  }
  
  #body.ch .ch {
    font-family: "Helvetica", "Arial","LiHei Pro","黑體-繁","微軟正黑體", sans-serif;
    display: block;
  }