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

body{
	background-image:url(/20201208141817oe_/http://www.fed.cuhk.edu.hk/cusp/tc/images/bg.jpg);
	font-family:Microsoft JhengHei, sans-serif;
	color:rgba(63,63,63,1.00);
	font-size:14px;
	border: 0px;
  	margin: 0px;
  	padding: 0px;	
}input[type=button]  {    background-color: #943e8d;     border: none;    color: white;    padding: 3px 8px 3px 8px;    text-align: center;    text-decoration: none;    display: inline-block;    font-size: 13px;}
input[type=button]:hover {	background-color:#f1e6f0;	border:1px solid #943e8d;     color:#943e8d;}
a, a:link{
	outline:none;
	text-decoration:none;
	color:#943e8d;
}

a:hover, span a:hover{
	color:#482fa4;
}
a:visited {

	color: #23aab2 ;

}

p{
	text-align:justify;
	line-height:1.7;
	margin:15px 0;
}
h4{	  font-weight: 700;      color: #943e8d;	  font-size:20px;  }
li{	line-height:1.7;		margin: 10px 0;		  }  
.container{
	background-color:white;
}

input{
	margin-bottom:20px;
	height:25px;
	font-size:13px;
	outline:none;
}

textarea{
	margin-bottom:10px;
	border-radius:5px;
	width:100%;
	height:100px;
	resize:none;
	box-shadow:inset 1px 1px 2px gray;
	font-size:13px;
	outline:none;
}

#btn{
	margin-bottom: 20px;
    border-radius: 10px;
    width: 50px;
    height: 30px;
	float:right;
	background-color:rgb(62, 58, 57);

}



.set-min-height{
	min-height:749px;
}
.translate, .translate-tc, .translate-sc, .translate-en{	float:right;	padding:2px 5px;	margin:0 1px;}.translate-tc a, .translate-sc a, .translate-en a{	color:#95298d;}.translate-tc a:hover, .translate-sc a:hover, .translate-en a:hover{	color:#999999;}.translate-tc:hover, .translate-sc:hover, .translate-en:hover{	/*background-color:#999999;*/}

/*navbar*/
.navbar-default .navbar-toggle{
	border:0;

}

/* mobile */
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #f1e6f0;
}
.navbar-toggle{
	background-color:rgba(255, 202, 206, 0.6);
}





/* navbar border */
.navbar-default{
	background-image:none;
	border-radius:0px;
	box-shadow: none;
    height: 35px;
	background-color: #943e8d; 
	border:0;

}

/* main navbar */
.navbar-default .navbar-brand, .navbar-default .navbar-nav > li > a{
	font-size:17px;
	color:#943e8d;
	text-shadow:none;
	padding: 6px;

}

.navbar-nav > li > a{
	height:35px;
}


/* navbar click with dropdown menu */
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
	height:35px;
	background-image: none;
	background-color:#943e8d;
	color:#ffffff; 
	
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	height:35px;
	background-image: none;
	background-color:white;
	box-shadow:none;
	
}

/* navbar mouseover */
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a:hover{
	background-color:#943e8d;
	height:35px;
	color:#ffffff; 
	
}
/* navbar dropdown-menu*/
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	border:none;
	background-color:white;
	margin:0;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{
	color:#95298d;
	background-color:white;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
		color:white;	background-color:#95298d;
}


.dropdown-menu{
	min-width:150px;
	width:150px;
	color:#95298d;
}

/* xs mouseover */
.dropdown-menu > li > a{
	padding: 8px 8px;
	background-color:#95298d;
	border-top: 1px solid white;
}

/* lg mouseover */
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
	background-image: linear-gradient(to bottom, #95298d 0%, #95298d 100%);

}

/*end of navbar*/

  
 
/*silder*/

  .carousel-inner{
	   width: 100%;
	   z-index:1;
  }
	
  .carousel-indicators{
	  position: center;
	  bottom:-35px;
  }
  
.carousel-border{
	  position: absolute;
	  bottom:-2px;
	  z-index:3;
	  width: 100%;
  }
.carousel-border img{
	  width:20%;
	  max-width:180px;
  }  
  
 .carousel-button{
	  position: absolute;
	  bottom:20px;
	  right: 4%;
	  z-index:4;
  } 
  
  
  .carousel{
	  background-color: #c8accf;
	  width: 100%;
  }
  
  .carousel-indicators li{
	  border-radius: 1;
	  border:1px solid #DDDDDD;
	  background-color:#DDDDDD;
  }
  
  .carousel-indicators .active{
	  background-color:#c8accf;
  }
  
  .details-banner{
	background-color: rgba(255,255,255,0.7);
    position: absolute;
    margin: 0 auto;
    width: 68%;
    left: 32%;
    top: 30%;
    padding: 0 18px 19px 0px;
    border-radius: 10px 0 0 10px;
    font-size: 14px;
    text-align: right;
  }
  
  .details-banner h2{
	  font-weight: 700;
      color: #943e8d;
	  font-size:20px;
  }
  
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }
/*end of slider*/
  
/*index content*/
  .index-box-latestnews{
	  background-color:#f1e6f0;
	  margin:1px;
	  padding:5px;
	  
  }
  .index-box-research{
	  background-color:#e2def7;
	  margin:1px;
	  padding:5px;
  }
   .index-box-publication{
	  background-color:#f1e6f0;
	  margin:1px;
	  padding:5px;
  }  


  .index-title{
	  height:40px;
	  border-bottom:1px solid #943e8d;	  	  margin-bottom:3px;
	  padding:10px 5px 10px 4px;
  }
  
  .index-title h4 {
	  font-weight: 700;
      color: #943e8d;
	  font-size:20px;
	  float:left;	  margin-top:0px;
  }
    
  .content{
	  vertical-align:top;	  padding:0px;
  }/* Team */ .team_title{  color:#943e8d;  font-size:12pt;  font-weight:bold;  padding: 10px 0 10px 10px;  background:#f6eef9;  border-bottom: 1px solid;}	.team_content{  font-size:10pt;  padding: 5px 0 5px 10px;  background:#ffffff;  border-bottom: 1px solid #e3def8;}	
  .news{
	  border-bottom:2px solid rgba(200, 0, 23, 0.45);
	  padding-bottom: 5px;
      margin-bottom: 26px;
  }
  
  .news a h4{
	  font-weight: 700;
      color: #943e8d;
	  font-size:20px;
	  margin-top:0px;
  }
  
  .news a{
	  color:rgba(63,63,63,1.00);
  }
  
  .news a:hover, .news a:hover h4{
	  color:#f1e6f0;
	  text-decoration:none;
  }
  
  .q-form{
	  background-color:rgb(214, 215, 215);
	  height:340px;
	  border-radius:25px;
	  box-shadow:3px 7px 15px 4px #A7A7A7;
	  padding:21px 30px;
	  margin-bottom:30px;
  }
  

  
/* end of index content*/

/* inside content*/

  .inside-box-a{
	  background-color:#f1e6f0;	margin-bottom:10px;
	  padding:10px;		min-height:340px;
	  
  }        .inside-box-video{	  background-color:#f1e6f0;	margin-bottom:10px;	  padding:10px;		min-height:250px;	    }
  .inside-box-b{
	  background-color:#e2def7;
	  margin-bottom:10px;
	  padding:10px;
  }


/* end of inside content*/


/* footer content*/

  .footer-title{
	  height:30px;
	  border-bottom:1px solid #ffffff;
	  margin-bottom:3px;
	  padding:0 0 20px 4px;
}
  
  .footer-title h4{	  color:#ffffff;}
  
  

/* end of footer content*/

/*top banner*/
	.top-banner{
	   /*border-bottom: 3px solid rgba(255, 0, 0, 0.49);*/
       padding: 0 0px 0px;
	}

   .top-banner img{
	   width:100%;
   }
.top-banner-border{
	  position: absolute;
	  bottom:0px;
	  z-index:3;
	  width: 100%;
  }
.top-banner-border img{
	  width:20%
  }  
     
		

/*end of top banner*/

/*left navbar*/.side_navbar{	width:100%;/*218px*/	background-color: rgba(235,209,201,0.2);	font-size:16px;}.side_navbar ul{	padding-left: 0;}.side_navbar li{	font-size:15px;	text-decoration:none;	list-style:none;	padding:15px 36px;	border-bottom:1px solid #f1e6f0;    font-weight: 600;		line-height:1;		margin: 0;}.side_navbar a{	text-decoration:none;	list-style:none;	color:rgb(114, 113, 113);}.side_navbar a:hover {	/*display: block;*/	text-decoration: none;	color:rgb(114, 113, 113);}.side_navbar a:link{	text-decoration:none;	color:#898989;}.side_navbar ul li:hover{	text-decoration:none;	list-style:none;}.non-active li:hover, .active-nav-a li:hover, .active-nav-b li:hover, .active-nav-c li:hover, .active-nav-d li:hover,.active-nav-e li:hover,.active-nav-f li:hover {	color:#c8accf;	background-color:#95298d;}.active-nav{	background-color: #f1e6f0;	color:#943e8d;}.subtitle {	background-color: #943e8d;	color:#ffffff;}/*end of left navbar*/

/*right content*/
.breadcrumb {
    padding: 28px 0px 0px;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
	font-size:12px;
}


/*end of right content*/

/*responsive*/
@media (min-width: 768px) {
  .container {
    width: 750px;

  }
  
  .img-logo img{
	 /* width:100%;*/
	 /* margin-top: 0px;*/
  }
  
  .navbar-nav > li{
	border-left: 1px solid white;
   /* width: 130px;*/
   margin:0 10px 0 10px;
    height: 35px;
    text-align: center;
  }
  
  .navbar-nav > li > a{
	  padding:8px 0 0 0;
  }
  
  .navbar{
	  min-height:35px;
	  width:99.6%;
  }

  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
	  border:none;
	  padding:0px;
  }
  
  .details-banner{
	  background-color:rgba(255,255,255,0.7);
	  position: absolute;
      margin: 0 auto;
      width: 40%;
	  left: 40%;
      top: 51%;
      padding: 0 18px 19px 0px;
	  border-radius:10px 0 0 10px;
	  font-size:15px;
	  text-align:right;
  }
  
  .details-banner h2{
	  font-weight: 700;
      color: rgb(226, 56, 40);
	  font-size:25px;
  }
  
  .carousel-inner{
		width: 100%;	  
	   height: auto;
  }
  
  .carousel{
	   width: 100%;
	  height:auto;
  }
  
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }
  

  
 #fusion_ad {
	font-size: 12px;
	width: 180px;
	text-align: right;
  }
.adswrap {
	position: fixed;
	right: 0px;
	z-index: 999999;
	height: auto;
	margin-top:230px;
}
}
@media (min-width: 992px) {
  .container {
    width: 100%;
  }
  
  
  .img-logo img{
	 /* width:100%;*/
	 /* margin-top: 0px;*/
  }
  
  .navbar{
	  min-height:35px;
	  width:99.6%;
  }

  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
	  border:none;
	  padding:0px;
  }
  
  .carousel-inner{
	  width: 100%;
  }	
  
  .carousel{
	  width: 100%;
	  height:auto;
  }
  
  .clear-padding .col-lg-12{
	  padding:0px;
  }
  
  .clear-padding .col-lg-3{
	  padding:0px;
	 /* background-color: rgba(235,209,201,0.2);*/
  }
  
  .details-banner{
	  background-color:rgba(255,255,255,0.7);
	  position: absolute;
      margin: 0 auto;
      width: 31%;
	  left: 49.1%;
      top: 51%;
      padding: 0 18px 19px 0px;
	  border-radius:10px 0 0 10px;
	  font-size:15px;
	  text-align:right;
  }
  
  .details-banner h3{
	  font-weight: 700;
      color: rgb(226, 56, 40);
	  font-size:25px;
  } 
  
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
	  width: 100%;
  }
  

 #fusion_ad {
	font-size: 12px;
	width: 180px;
	text-align: right;
  }
.adswrap {
	position: fixed;
	right: 0px;
	z-index: 999999;
	height: auto;
	margin-top:230px;
}
}
@media (min-width: 1024px) {
  .container {
    width: 100%;
  }
  
@media (min-width: 1600px) {
  .container {
    width: 1600px;
  }  
  

  
  .img-logo img{
	 /* width:100%;*/
	 /* margin-top: 0px;*/
  }
  
  .navbar{
	  min-height:35px;
	  width:99.6%;
  }

  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
	  border:none;
	  padding:0px;
  }
  
  .carousel-inner{
	  width: 100%;
  }
	
  .carousel{
	  width: 100%;
	  height:auto;
  }
  
  .clear-padding .col-lg-12{
	  padding:0px;
  }
  
  .clear-padding .col-lg-3{
	  padding:0px;
	  /*background-color: rgba(235,209,201,0.2);*/
  }
  
  .details-banner{
	  background-color:rgba(255,255,255,0.7);
	  position: absolute;
      margin: 0 auto;
      width: 31%;
	  left: 49.1%;
      top: 51%;
      padding: 0 18px 19px 0px;
	  border-radius:10px 0 0 10px;
	  font-size:15px;
	  text-align:right;
  }
  
  .details-banner h2{
	  font-weight: 700;
      color: rgb(226, 56, 40);
	  font-size:25px;
  }
  
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }
  

  
 #fusion_ad {
	font-size: 12px;
	width: 180px;
	text-align: right;
  }
.adswrap {
	position: fixed;
	right: 0px;
	z-index: 999999;
	height: auto;
	margin-top:230px;
}
}

/*end of responsive*/