@charset "utf-8";

/* CSS Document */





body {

	font-family:Microsoft JhengHei, sans-serif !important;

	/*font-family: sans-serif, 'cwTeXHei' !important;*/

	font-size:16px;

	line-height:30px;

	color:#393938;

	background: url('../images/content_bg.jpg') no-repeat;

	background-color:#e2faef !important;

	background-position:top;

	min-width:1200px;

	/*background-size:cover;*/

	/*background-image:url(../images/bg.jpg);

	background-attachment:fixed;

	background-repeat:no-repeat;

	background-position:top center;*/

    /**/

    /*-webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;*/

}



.bg-part2{

	background-image:url(../images/part2-top-bg.jpg);

	background-position:bottom;

	background-repeat:no-repeat;

    background-color: white;

	width:100%;

	height: 382px;

    margin-top: -2px;

}



a, a:visited {

	color: #23aab2 ;

}

		



a:hover, a:focus {

	color: #999999 ;

	text-decoration:none;

}



span {

	color:#393938;

}



p {

	 max-height: 5000em;/*統一字大小*/

}



.para p {

	padding-bottom:15px;

}





.web_bg {

	background-image:none;

}


.nav-tabs{
  background-color:#ffffff;
}
.tab-content{
    background-color:#ffffff;
    padding:10px;
}
.tab-pane{
    background-color:#ffffff;
}

.tab-pane p{
    background-color:#ffffff;
}


.nav-pills > .active > a, .nav-pills > .active > a:hover {
    background-color: red;
}

.nav-tabs > li > a:hover{
  background-color: #e2faef !important;
    border: medium none;
    border-radius: 0;
}
.nav-tabs { border-bottom: 2px solid #DDD; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
    .nav-tabs > li > a { border: none; color: #666; }
        .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #008789 !important; background: transparent; }
        .nav-tabs > li > a::after { content: ""; background: #008789; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
    .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #008789 none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 15px 0; }
.tab-content{padding:20px}








@media (max-width: 1200px) {

	.web_bg {

		background-image:url(../images/res_content_bg.jpg);

		background-repeat:no-repeat;

		background-position:top;

		min-width:1200px;

	}

}





.content_title {

	font-size:30px;

	color:#008789;

	width:100%;

	border-bottom:1pt solid #008789;

	padding-bottom:10px;

	margin-bottom:20px;

	margin-top:25px;

}



.nav-style{

	box-shadow: none !important;

    background: none !important;

	/*background:transparent;*/

    border: none !important;

	font-size:18px;

}



.container2 {

  margin-right: auto;

  margin-left: auto;

}



.container {

	width:1200px !important;

	max-width: none !important;

}



.navbar-default .navbar-nav > li > a {

  color: #278085;

  /*text-shadow:3px 3px 3px #cccccc;*/

  border-bottom: 3px solid #41bbc2;

  /*border-right: 1px solid #f18b31;*/

  font-weight:bold;

  font-size:16px;

}



.navbar-default .navbar-nav > li > a:hover,

.navbar-default .navbar-nav > li > a:focus{

  color: #41bbc2;

  /*background-color: #f18b31;*/

}



.navbar-default .navbar-toggle .icon-bar {

  background-color: #f5b277;

}



.b-f:hover > span,  .b-f:focus > span{

  background-color: #FFF !important;

}



.navbar-default .navbar-toggle:hover,

.navbar-default .navbar-toggle:focus{

  background-color: #f0ad4e;

}



.navbar-nav > li > a {

  margin: 0px 2px;

  /*font-family: MElleHK-Medium;*/

}



/*@font-face {

  font-family: 'MElleHK-Medium';

  src: local('MElleHK-Medium Regular'),

       local('MElleHK-Medium'),

       url(../font/MElleHK-Medium.OTF) format("opentype"),

       url(../font/MElleHK-Medium-Roman.svg) format("svg"),

	   url(../font/MElleHK-Medium-Roman.ttf) format("truetype"),

       url(../font/MElleHK-Medium-Roman.woff) format("woff"),

	   url(../font/MElleHK-Medium-Roman.woff2) format("woff2"),

	   url(../font/MElleHK-Medium-Roman.eot) format("embedded-opentype");

}*/



.footer{

	font-family: 微軟正黑體;

	

}



.flink {

	color:#278085;

	}

	

.flink a:link,.flink a:visited {

	color:#278085;

	text-decoration:none;

}



.flink a:hover,.flink a:focus {

	color:#41bbc2;

	text-decoration:none;

}





/*@media (max-width: 991px) {

.navbar-nav > li > a {

  font-size:20px;

  margin: 0px 2px;

}



/*@media (max-width: 767px) {

.navbar-nav > li > a {

  font-size:18px;

}*/



.navbar-default .navbar-toggle {

  border-color: #D28B28;

}



.full-page-background {

background: url(/Content/Vixen/img/background02.jpg);

background-repeat:no-repeat;

background-attachment:fixed;

background-position:top center;  

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;



position: fixed;

width: 100%;

z-index: 1;

}



/*.full {

    background: url('../images/bg.jpg') no-repeat center center fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

}

}*/



.carousel-indicators li {

  background-color: white;

  width: 8px;

  height: 8px;

  margin: 0 3px;

}



.carousel-indicators .active {

  width: 8px;

  height: 8px;

  margin: 0 3px;

  background-color: #1091c3;

}



.navbar {

  position: relative;

  min-height: 40px;

  margin-bottom: 20px;

  border: 1px solid transparent;

  text-align:center;

}







.content {

	min-height:435px;

	border-left:1px solid #F18B31;

}



.content2 {

	border-top:1px solid #F18B31;

}





.table_title {

	min-width:200px;

	padding:20px; 

	padding-right:20px;

	text-align:top;

	font-size:20px;

}



.table_title2 {

	padding:20px; 

	padding-right:20px;

	text-align:top;

	font-size:20px;

}



.table_title3 {

	padding:3px; 

	background:#d8f2f6;

	color:#31b7f6;

	text-align:center;

	border-right:2pt solid white;

}



.table_title4 {

	padding:10px;

	background:#effafc;

	border-right:2pt solid white;

	line-height:22px;

}





.table_title5 {

	padding:10px;

	background:#c2eaff;

	border-right:2pt solid white;

	line-height:22px;

}



.table_title6 {

	padding:10px;

	background:#e2f5ff;

	border-right:2pt solid white;

	line-height:22px;

}





.table_title7 {

	padding:3px; 

	background:#fcf9e8;

	text-align:center;

	/*border:2pt solid white;*/

}



.table_title8 {

	padding:10px;

	background:#f3f3f3;

	/*border:2pt solid white;*/

	line-height:22px;

}



/*.table_title8 a{

	color:#1b7ce0;

}



.table_title8 a:hover,  .table_title8 a:focus {

	color:#FF6700;

}

*/



.table_title9 {

	padding:10px;

	background:#feecfa;

	border:2pt solid white;

	line-height:22px;

	color:#cb2a84;

	text-align:center;

}



.table_title10 {

	padding:10px;

	background:#fff7fd;

	border:2pt solid white;

	line-height:22px;

}



.sub_button {

	width:100%;

	padding:10px 0 0 0;

	/*margin-left:-5px;*/

	border:none;

	background:transparent;

	outline:none;

	color:#229083;

}



.sub_button:hover, .sub_button:focus {

	background:#def7f2;

	text-decoration:none;

}



.btn_icon:before {

	content:'';

	position:absolute;

	float:left;

	background:url(../images/05_icon.png) no-repeat 0 0;

	width:20px;

	height:26px;

	/*margin-left:-30px;*/

	

}



.contact_title {

	color:#d80404;

	margin-bottom:20px;

}



.sub_button2 {

	width:100%;

	padding:10px 0 0 0;

	/*margin-left:-5px;*/

	border:none;

	background:transparent;

	outline:none;

	color:#555555;

	text-align:center;

	border-bottom:1px solid #f18b31;

}



.sub_button2:hover, .sub_button2:focus {

	background:#ffddc4;

	color:#f18b31;

	text-decoration:none;

}



.sub_button_active {

	text-align:center;

	width:100%;

	padding:10px 0 0 0;

	border-bottom:1px solid #f18b31;

	background:#ffddc4;

	color:#f18b31;

	text-decoration:none;

}



/*@media (min-width: 768px) {

	.sub_button_active {

	padding-left: 50px;

    text-align: left;

	}

}





/*.btn_icon2:before {

	content:'';

	position:absolute;

	float:left;

	background:url(../images/06_icon.png) no-repeat 0 0;

	width:26px;

	height:26px;

}

*/



.sub_button3 {

	width:100%;

	padding:10px 0 0 0;

	/*margin-left:-5px;*/

	border:none;

	background:transparent;

	outline:none;

	color:#a62424;

}



.sub_button3:hover, .sub_button3:focus {

	background:#ffebeb;

	text-decoration:none;

}



.btn_icon3:before {

	content:'';

	position:absolute;

	float:left;

	background:url(../images/07_icon.png) no-repeat 0 0;

	width:26px;

	height:26px;

	/*margin-left:-30px;*/

	

}



.sub_button4 {

	width:100%;

	padding:10px 0 0 0;

	/*margin-left:-5px;*/

	border:none;

	background:transparent;

	outline:none;

	color:#E07B24;

}



.sub_button4:hover, .sub_button4:focus {

	background:#ffefda;

	text-decoration:none;

}



.btn_icon4:before {

	content:'';

	position:absolute;

	float:left;

	background:url(../images/02_icon.png) no-repeat 0 0;

	width:20px;

	height:26px;

	/*margin-left:-30px;*/

	

}







/*album*/

   .gallery {

        list-style: none;

        overflow: hidden;

        padding: 0;

        margin: 0;

    }

    

    .gallery li {

        float: left;

		margin-bottom:15px;

    }

	

	.zoom_in {

		cursor: zoom-in; /* 大大大 */

	}

/*end of album*/



.album_box {

	background:#ffeacd;

	padding-top:10px;

	text-align:center;

	margin-bottom:20px;

	margin-left:10px;

	margin-right:10px;

	width:45%;

	float:left;

}



.album_box2 {

	background:#fff7cd;

	padding-top:10px;

	text-align:center;

	margin-bottom:20px;

	margin-left:10px;

	margin-right:10px;

	width:45%;

	float:left;

}



.album_link:link, .album_link:hover, .album_link:focus ,.album_link:visited {

	color:#393938;

	text-decoration:none;

}





.album_box3 {

	background:#ffeacd;

	padding-top:10px;

	text-align:center;

	margin-bottom:20px;

	/*margin-left:10px;

	margin-right:10px;*/

	width:100%;

	float:left;

}



.album_box4 {

	background:#fff7cd;

	padding-top:10px;

	text-align:center;

	margin-bottom:20px;

	/*margin-left:10px;

	margin-right:10px;*/

	width:100%;

	float:left;

}







.album_box5 {

	background:#feecfa;

	padding-top:10px;

	text-align:center;

	margin-bottom:20px;

	margin-left:10px;

	margin-right:10px;

	width:45%;

	float:left;

}



.album_box6 {

	background:#fff7fd;

	padding-top:10px;

	text-align:center;

	margin-bottom:20px;

	margin-left:10px;

	margin-right:10px;

	width:45%;

	float:left;

}



	



.album_box7 {

	background:#feecfa;

	padding-top:10px;

	text-align:center;

	margin-bottom:20px;

	/*margin-left:10px;

	margin-right:10px;*/

	width:100%;

	float:left;

}



.album_box8 {

	background:#fff7fd;

	padding-top:10px;

	text-align:center;

	margin-bottom:20px;

	/*margin-left:10px;

	margin-right:10px;*/

	width:100%;

	float:left;

}	



.breadcrumb {

	background:none;

	color:#999999;

	padding:0;

	font-size:15px;

	font-weight:bold;

}



.breadcrumb a:link, .breadcrumb a:visited {

	color:#23aab2;

}



.breadcrumb a:hover, .breadcrumb a:focus {

	color:#999999;

}





.video-container {

 position: relative;

 padding-bottom: 56.25%;

 padding-top: 30px;

 height: 0;

 overflow: hidden;

}

.video-container iframe,

.video-container object,

.video-container embed {

 position: absolute;

 top: 0;

 left: 0;

 width: 100%;

 height: 100%;

}





/*view on phone*/

  .content {	

	/*border-top:1px solid #F18B31;*/

	border-left:none;

	min-height:inherit;

	

  }

  

  .size {

	 padding-right:6px;padding-left:6px; padding-top:20px;

  }

  

  .container-border{

	width:auto;

	border-top:5px solid #f18b31;

  }



/*use different css with different size*/



/*@media (min-width: 768px) {

  .container {

    width: 750px;

  }

  

  .container-border{

    width: auto;

	border-top:5px solid #f18b31;

  }



  .content {

	min-height: 515px;

	border-left:1px solid #F18B31;

	border-top:none;

	background:white;

  }

  

  .size {

	  padding-right:50px;padding-left:50px;padding-top:20px;

  }

  

  .sub_button2 {

	  padding-left:50px;

	  text-align:left;

  }

}

@media (min-width: 992px) {

  .container {

    width: 1200px;

  }

  

  .container-border{

    width: 1200px;

	border-top:5px solid #f18b31;

  }



  .content {

	min-height:515px;

	border-left:1px solid #F18B31;

	border-top:none;

	background:white;

  }

  

  .size {

	  padding-right:60px;padding-left:60px; padding-top:20px;

  }

  

  .btn_icon2 {

	  margin-left:8px;

  }

}



@media (min-width: 1200px) {

  .container {

    width: 1200px;

  }

  

  .container-border{

    width: auto;

	border-top:5px solid #f18b31;

  }



  .content {

	min-height:515px;

	border-left:1px solid #F18B31;

	border-top:none;

	background:white;

  }

  

  .size {

	  padding-right:60px;padding-left:60px; padding-top:20px;

  }

}



/*menu color*/

.active {

	background:#ff558d;

}





.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {

		background-image: none;

		box-shadow: none;

}



.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

	color: white;

    background: none;

}







.active2 {

	background:#fe4e00;

}





.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active2 > a {

		background-image: none;

		box-shadow: none;

}



.navbar-default .navbar-nav > .active2 > a, .navbar-default .navbar-nav > .active2 > a:hover, .navbar-default .navbar-nav > .active2 > a:focus {

	color: white;

    background: none;

}







.active3 {

	background:#ff8a00;

}





.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active3 > a {

		background-image: none;

		box-shadow: none;

}



.navbar-default .navbar-nav > .active3 > a, .navbar-default .navbar-nav > .active3 > a:hover, .navbar-default .navbar-nav > .active3 > a:focus {

	color: white;

    background: none;

}







.active4 {

	background:#67d446;

}





.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active4 > a {

		background-image: none;

		box-shadow: none;

}



.navbar-default .navbar-nav > .active4 > a, .navbar-default .navbar-nav > .active4 > a:hover, .navbar-default .navbar-nav > .active4 > a:focus {

	color: white;

    background: none;

}







.active5 {

	background:#0091db;

}





.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active5 > a {

		background-image: none;

		box-shadow: none;

}



.navbar-default .navbar-nav > .active5 > a, .navbar-default .navbar-nav > .active5 > a:hover, .navbar-default .navbar-nav > .active5 > a:focus {

	color: white;

    background: none;

}







.active6 {

	background:#5353dc;

}





.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active6 > a {

		background-image: none;

		box-shadow: none;

}



.navbar-default .navbar-nav > .active6 > a, .navbar-default .navbar-nav > .active6 > a:hover, .navbar-default .navbar-nav > .active6 > a:focus {

	color: white;

    background: none;

}





.active7 {

	background:#b55fd2;

}





.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active7 > a {

		background-image: none;

		box-shadow: none;

}



.navbar-default .navbar-nav > .active7 > a, .navbar-default .navbar-nav > .active7 > a:hover, .navbar-default .navbar-nav > .active7 > a:focus {

	color: white;

    background: none;

}





.active8 {

	background:#d80404;

}





.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active8 > a {

		background-image: none;

		box-shadow: none;

}



.navbar-default .navbar-nav > .active8 > a, .navbar-default .navbar-nav > .active8 > a:hover, .navbar-default .navbar-nav > .active8 > a:focus {

	color: white;

    background: none;

}





/*end of menu color*/



.container-fluid {

	padding-left:0;

	padding-right:0;

	float:right;

}



/*.nav > li > a {

	padding: 10px 36px;

}*/



/*@media (max-width: 991px){

	.nav > li > a {

	/*padding: 10px 22.5px;

	padding: 10px 53.75px;

}

}*/



.nav > li {

	float:left;

}





.navbar-toggle {

	margin-right: 30px;

	background:#fabe00;

}



.navbar-collapse {

	border-top:none;

}





.carousel-indicators {

	bottom:0%;

	margin-left: -14%;

}







/*@media screen and (max-width: 600px) {

.carousel-indicators {

    bottom:72%;

}

}



@media screen and (min-width: 768px) {

.carousel-indicators {

    bottom:85%;

}

}



@media screen and (min-width: 992px) {

.carousel-indicators {

    bottom:90%;

}

}*/



#likebox-wrapper * {

   width: 100% !important;

}



a.table_link, a.table_link:visited {

	color:#1b7ce0;

}



a.table_link:hover, a.table_link:focus {

	color:#FF6700;

	}

	



.send_btn {

  -webkit-border-radius:15;

  -moz-border-radius: 15;

  border-radius: 15px;

  color: #ffffff;

  font-size: 18px;

  background: #df5c5c;

  padding: 5px 15px 5px 15px;

  text-decoration: none;

  border:none;

  outline:none;

}



.send_btn:hover {

  background: #d80404;

  text-decoration: none;

}



/*dropdown menu*/

.dropdown-menu {

	min-width:139px;

	font-size:16px;

	border:none;

	background-color: white;

	border-radius:0;

	box-shadow:none;

	padding-top:0;

	padding-bottom:0;

	border: 1pt solid #bbbbbb;

	font-weight:bold;

}



.dropdown-menu > li > a {

	text-align:center;

	color:#278085;

	padding: 11px 50px;

	font-weight: bold;

}









.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

	color: #41bbc2;

	/*background-color: #f18b31;*/

	background-color:transparent;

	border-bottom: 3px solid #41bbc2;

}





.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {

	border-color:transparent;

}



.dropdown-menu .divider {

	background-color:#bbbbbb;

	margin:0;

}



.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {

	background-color: #bbbbbb;

	background-image:none;

	color: white;

}



/*@media (min-width: 768px) {

 .nav > li > a {

	padding: 10px 36px;

}

}*/



.navbar-toggle {

	float:left;

	border:none;

	border-radius:0;

	padding: 16px 12px;

    margin-top: 6px;

	margin-right: 0;

	background:#FBDCC1;

	

}



.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

	background:#F18B31;

}



.img-1{

	padding-top:5px;padding-right:5px; margin-left:7px; width:38px; vertical-align:top;

}

.img-2{

	padding-top:5px;padding-right:5px; margin-left:-3px; width:38px; vertical-align:top;

}

.navbar-toggle{

	padding: 9px 6px;

}



/*@media (min-width: 500px) {

	.img-1{

		padding-top:5px;padding-right:5px; margin-left:10px; width:51px; vertical-align:top;

	}

	.img-2{

		padding-top:5px;padding-right:5px; margin-left:0px; width:51px; vertical-align:top;

	}

	.navbar-toggle{

		padding: 16px 12px;

	}

}



@media (max-width: 767px) {

	.navbar {

		padding-left:10px;

	}

	

	.container-fluid {

		float:left;

		width:100%;

	}

	

	.navbar-default .navbar-nav .open .dropdown-menu > li > a {

		color:#555555;

		font-size:18px;

		padding-top:10px;

		padding-bottom:10px;

		background-color: #ffeddd;

	}

	

	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {

		color:#F18B31;

		background:#ffddc4;

	}

	

	.navbar-default .navbar-nav > li > a {

		 border-right:none;

		 font-size:18px;

	}

	

	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {

		padding: 5px 0 5px 0px;

	}

}*/



/*end of drop down menu*/



.index_title {

	background-image:url(../images/index_title_bg.png) ;

	background-repeat:no-repeat;

	/*background:#fbdcc1;

	border-top:5px solid #f18b31;*/

	height:40px;

	text-align:left;

	color:white;

	padding-top:4px;

	padding-left:30px;

	font-size:20px;

}



.tr_bottom {

	border-bottom:1pt solid #42bec4;

}



.h-scroll {

    /*height: 47vh; /* %-height of the viewport */

    /*position: fixed;*/

	height:242px;

    overflow-y: scroll;

	background-image:url(../images/news_bg.jpg);

	background-attachment:fixed;

	background-repeat:repeat;

	}



.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {

	top: 54%;

}



/*@media (max-width: 767px) {

.index_title {

	font-size:18px;

	padding-top:5px;

	height:45px;

}

.contact_left {

	width:20%;

}

}*/

	



.contact_td {

	padding-left:35px;

	padding-right:10px;

	padding-top:15px;

	padding-bottom:15px;

}



.td_right {

	padding-left:0;

	padding-right:20px;

	padding-top:15px;

	padding-bottom:15px;

}





.news_title {

	color:#008789;

}





.contact_left {

	/*background:#f5f6f4;*/

	width:25%;

	color:#008789;

}



.btn_active {

	width:70%;

	text-align:left;

	outline: none;

    padding: 0px 10px 0px 20px;

    border: none;

	background:white;

	color:#f78c26;

	font-weight:600;

	font-size:18px;

	height:100%;

}



.btn_active:hover, .btn_active:focus {

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebebeb+0,000000+100&0.65+0,0+100 */

	background: -moz-linear-gradient(left, rgba(235,235,235,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */

	background: -webkit-linear-gradient(left, rgba(235,235,235,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to right, rgba(235,235,235,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ebebeb', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */

}

	







.course_td {

	padding:10px 5px 8px 5px;

	border:1px solid #fbdcc1;

}



/*@media (max-width: 991px) {

	.course_td {

	padding-top:10px;

	padding-bottom:13px;

}

}*/







.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {

	background-image:none;

	font-size:20px;

	color:#0d666b;

}





.carousel-control {

	/*width:5%;*/

	opacity:1;

	width: 5%;

	text-shadow: none;

}



.carousel-control:link, .carousel-control:link {

	background-color: #4ab1b6;

}



.carousel-control:hover {

	background-color: #d4f1ec;

}

	

.carousel-control.right, .carousel-control.left {

	background-image:none;

	height: 12%;

    top: 40%;

    opacity: 0.8;

}









.content_left {

	margin-bottom:10px;

	padding-left:0;

	padding-right:0;

	background:#ffeddd;

	height:100%;

}



/*@media (max-width: 767px) {

	.content_left {

		margin-top:10px;

		margin-bottom:0;

		font-size:18px;

	}

}*/





.index_div {

	margin-bottom:10px;

	padding-right:6px;

	padding-left:6px;

}

.index_div a {
	color:#278085;

	}

	

.index_div a:link,.flink a:visited {

	color:#278085;

	text-decoration:none;

}



.index_div a:hover,.flink a:focus {

	color:#41bbc2;

	text-decoration:none;

}



/*@media (min-width: 768px) {

	.index_div {

	padding-right:6px;

	padding-left:6px;

	}

}





@media (max-width: 767px) {

	.clear_both {

		clear:both;

	}

}*/



.carousel-caption {

    position: absolute;

    height: 8%;

    right: 60%;

    bottom: 11px;

    left: 0;

    z-index: 10;

    padding-top: 4px;

    padding-bottom: 20px;

    color: #fff;

    text-align: center;

    background-color: rgba(0, 0, 0, 0.7);

}



.hl_title {

	position: absolute;

    z-index: 1;

    top: 0;

    right: 42%;

	color:#149299;

}



.hl_title h3 {

	font-weight:bold;

	font-size:22px;

}



.content_right {

	background-image:url(../images/content_right_bg.jpg);

	background-color:white;

	background-position:right top;

	background-repeat:no-repeat;

}



.content {

	background-color:white;

}



.font_bold {

	font-weight:bold;

	font-size:18px;

	color:#008789;

}



.font_bold2 {

	font-weight:bold;

	font-size:16px;

	color:#008789;

}







.navbar-nav {

	margin:0 !important;

}



.container-fluid > .navbar-header {

	margin-right: 0 !important;

    margin-left: 0 !important;

}



.placeholder h2 {

	color:#008789;

	text-align:center;

	padding-bottom:20px;

	font-size: 24px;

	}

	



.point {

	padding-left:25px;

}

	

.point ul {

	/*list-style: disc outside;*/

	list-style:none outside;

	padding-left: 25px;

}



.point ul li { 

    text-indent: -1em;

	line-height:22px;

}



.point_table {

	padding-left:25px;

}

	

.point_table ul {

	/*list-style: disc outside;*/

	list-style:none outside;

	padding-left: 25px;

}



.point_table ul li { 

    text-indent: -1em;

	line-height:20px;

}

.point_table ul li:before {

    content: "• ";

	font-size:20px;

    color:  #42bec4; /* or whatever color you prefer */

}


.point ul li:before {

    content: "• ";

	font-size:24px;

    color:  #42bec4; /* or whatever color you prefer */

}


.timetable-talk-table{  /* timetable talk */

	width:100%;

	font-size:14px;

	font-weight: 500;

	line-height:1.2;
	background-color:#f2f2f2;
	text-align:center;	
	border:5px solid #f2f2f2;
	vertical-align: text-top;
}

.timetable-talk-table tr:nth-child(1) td{
	font-size:22px;
	color:#808080;
	padding:4px;
}

.timetable-talk-table tr:nth-child(2) td{
	font-size:12px;
	background-color:#bababa;
	color:#ffffff;
	padding:4px;

}

.timetable-talk-table tr td{
	vertical-align: text-top; 
	border:5px solid #ffffff;

}

.subtable-time-1 {	/* timetable talk subtable time */
	font-weight:bold;
	font-size:16px;
	color:#008789;
	background-color:#e3e3e3;
	padding:5px;
	text-align:left;
	position: relative;
  }
  
.subtable-time-2 {	/* timetable talk subtable time */
	font-weight:bold;
	font-size:16px;
	color:#008789;
	background-color:#f7f7f7;
	padding:5px;
	text-align:left;
	position: relative;
  }  

.subtable-white {	/* timetable talk subtable white */

	font-size:14px;
	background-color:#ffffff;
	padding:5px 12px 10px 12px;
	text-align:left;
	border:1px solid #cdcdcd;
	color:#393938;
	position: relative;
	z-index: 2; 
	height:130px;
	width:175px;
  }
  
.subtable-space {	/* timetable talk subtable white */

	height:4px;
	width:175px;
  }

.subtable-over { 
	background-color:#000000;
	position:absolute;
	z-index: 3; 
	height:130px;
	width:175px;
	opacity:0.6;

}

.greenline {
	display:block;
	margin:4px 0 4px 0;
}


.subtable-green {	/* timetable talk subtable green */

	font-size:14px;
	background-color:#e2faef;
	padding:5px 12px 10px 12px;
	text-align:left;
	border:1px solid #cdcdcd;
	color:#393938;
	position: relative;
	z-index: 2; 
	width:175px;
  }
  
.subtable-red {	/* timetable talk subtable red */

	font-size:14px;
	background-color:#fae2ec;
	padding:5px 12px 10px 12px;
	text-align:left;
	border:1px solid #cdcdcd;
	color:#393938;
	position: relative;
	z-index: 2; 
	width:175px;
  }  

 
 .howtoaccess-table{  /* howtoaccess */

	width:90%;
	font-size:14px;
	font-weight: 500;
	line-height:1.5;
	text-align:left;

} 
.howtoaccess-table tr td{

	padding:5px 5px;
	border:1px solid #008789;


}
 
 .timetable-reg-table{  /* timetable registration */

	width:90%;

	font-size:14px;

	font-weight: 500;

	line-height:1.2;

	text-align:left;


} 

.timetable-reg-table tr td{

	padding:5px 5px;
	height:50pt;
	border:1px solid #008789;


}
.timetable-reg-table tr td:nth-child(1){
	text-align:center;


}



.timetable-reg-table tr td:nth-child(2){
	font-weight:bold;
	background:#ffe6a6;


}

.timetable-reg-table tr td:nth-child(3){

	font-weight:bold;
	background:#ace8ef;

}



.timetable-reg-table tr:nth-child(1){

	font-weight: 600;
	color:#008789;
}

.timetable-reg-table tr td:nth-child(1){

	font-weight: 600;
	color:#008789;

}


.timetable-workshop-table{  /* timetable workshop */

	width:90%;

	font-size:14px;

	font-weight: 500;

	line-height:1.2;

	text-align:center;


}



.timetable-workshop-table tr td{

	padding:5px 5px;
	height:50pt;
	border:1px solid #008789;

}



.timetable-workshop-table tr{

	background-color:#ffffff;

}


.timetable-workshop-table tr td:nth-child(2){

	font-weight:bold;
	background:#ffe6a6;
	color:#cb7a2a;

}

.timetable-workshop-table tr td:nth-child(3){

	font-weight:bold;
	background:#ace8ef;
	color:#0081bd;

}

.timetable-workshop-table tr td:nth-child(4){

	font-weight:bold;
	background:#bfeab9;
	color:#018f0e;

}

.timetable-workshop-table tr:nth-child(1){

	font-weight: 600;
	color:#008789;

}

.timetable-workshop-table tr td:nth-child(1){

	font-weight: 600;
	color:#008789;

}


.timetable-workshop-table-tutor { /* timetable seminar */

	width:90%;

	font-size:14px;

	font-weight: 500;

	line-height:1.2;

	text-align:left;
	

}

.timetable-workshop-table-tutor tr td{

	padding:5px 5px;
	height:30pt;
	border:1px solid #008789;
	vertical-align: top;
		background-color:#ffffff;
}



.timetable-workshop-table-tutor tr td:nth-child(1) {

	text-align:center;

}


.timetable-seminar-table{ /* timetable seminar */

	width:90%;

	font-size:14px;

	font-weight: 500;

	line-height:1.2;

	text-align:center;

}




.timetable-seminar-table tr td{

	padding:5px 5px;
	height:30pt;
	border:1px solid #008789;

}



.timetable-seminar-table tr{

	background-color:#ffffff;

}

.timetable-seminar-table tr:nth-child(1){

	font-weight: 600;
	color:#008789;

}

.timetable-seminar-table tr td:nth-child(1){

	font-weight: 600;
	color:#008789;

}


.workshop-table{ /* orange table */

	width:90%;

	font-size:14px;

	font-weight: 500;

	line-height:1.5;

	text-align:center;

}



.workshop-table tr td{

	padding:5px 5px;

	border:1px solid #008789;

}



.workshop-table tr{

	background-color:#ffffff;

}



.workshop-table tr td ol{

	text-align:left;

}



.workshop-table tr:nth-child(1){

	background-color:#d9f2f3;

	color:#008789;

}



.application-table{

	width:100%;

	font-size:14px;

	font-weight: 500;

	line-height:1.5;

}



.application-table tr td{

	padding:0px 30px 3px 0;

	border:1px;

}



.application-table tr{

	background-color:#ffffff;

}



.application-table tr td ol{

	text-align:left;

}













.application-table-talk{

	width:85%;

	font-size:14px;

	font-weight: 500;

	line-height:1.5;

	text-align:center;

}



.application-table-talk tr td{

	padding:5px 3px;

	border:1px solid #008789;

}



.application-table-talk tr{

	background-color:#ffffff;

}

.application-table-talk tr td{

	text-align:left;

}

.application-table-talk tr td:nth-child(1){

	text-align:center;

}



.application-table-talk tr:nth-child(1){

	background-color:#d9f2f3;

	color:#008789;

}

.application-table-workshop{

	width:100%;

	font-size:10px;

	font-weight: 500;

	line-height:1.5;

	text-align:center;
	
}



.application-table-workshop tr td{

	padding:5px 3px;

	border:1px solid #008789;

}



.application-table-workshop tr{

	background-color:#ffffff;

}

.application-table-workshop tr td{

	text-align:left;
vertical-align:top;
}

.application-table-workshop tr td:nth-child(1){

	text-align:left;
vertical-align:top;
}



.application-table-workshop tr:nth-child(1){

	background-color:#d9f2f3;

	color:#008789;

}


input[type=text] {

    padding: 1px;

	border:1px solid #bababa;

	/*color: #bababa;*/

	margin-top: 0px;

	margin-bottom: 0px;

}



.info input[type=text] {

    padding: 6px;

	border:1px solid #bababa;

	/*color: #bababa;*/

	margin-top: 8px;

	margin-bottom: 8px;

}





select {

    padding: 3px;

    border:1px solid #bababa;

	-webkit-appearance: none;  /*Removes default chrome and safari style*/

     -moz-appearance: none;  /*Removes default style Firefox*/

      background: url('../images/select_arrow.png')  no-repeat;

	  background-position: right 6px top 6px; 

}



input[type=number] {

    padding: 6px;

	border:1px solid #bababa;

	-webkit-appearance: none;  /*Removes default chrome and safari style*/

     -moz-appearance: textfield;  /*Removes default style Firefox*/

      background: url('../images/number_arrow.png')  no-repeat;

	  background-position: right -1px top 0px; 

}



input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {

    opacity: 0;

	-moz-appearance: number-input;

}





a.form_link:link,a.form_link:visited {

	color:#cc9c34;

}



a.form_link:hover,a.form_link:focus {

	color:#ff8a46;

}



.clear {

	clear:both;

}


.timetable-talk-table-a{  /* timetable talk beta */

	width:90%;

	font-size:14px;

	font-weight: 500;

	line-height:1.2;

	text-align:center;


}



.timetable-talk-table-a tr td{

	padding:5px 5px;
	height:35px;
	border:1px solid #008789;

}



.timetable-talk-table-a tr{

	background-color:#ffffff;

}


.timetable-talk-table-a tr:nth-child(1){

	font-weight: 600;
	color:#008789;
	background-color: #d9f2f3;

}