body{
	min-width:1280px;
	max-width:2000px;
	margin:0px auto;
}
.content{
	position:relative;
	max-width:1280px;
	height:100%;
	margin:0px auto;
}
a{
	position:absolute;
	display:block;
}

#index2{
	position:absolute;
	width:100%;
	max-width:2000px;
	min-width:1280px;
	background:#ffffff;
	text-align:center;
	z-index:99;
}
#index2 .content{
	position:relative;
	width:100%;
	max-width:100%;
	height:746px;
	background:url('../images/index2/index2.jpg?1') no-repeat center center;
}
#index2 .cuhk{
/*	width:177px;
	height:104px;
	left:50%;
	top:228px;
	margin-left:-239px;*/
    width: 250px;
    height: 104px;
    left: 50%;
    top: 258px;
    margin-left: -197px;

}
#index2 .faculty{
/*	width:238px;
	height:104px;
	left:50%;
	top:228px;
	margin-left:-52px;*/
    width: 112px;
    height: 104px;
    left: 50%;
    top: 259px;
    margin-left: 80px;
}
#index2 .iim{
	width:497px;
	height:128px;
	left:50%;
	top:357px;
	margin-left:-513px;
}
#index2 .imc{
	width:430px;
	height:128px;
	left:50%;
	top:357px;
	margin-left:23px;
}

#popup{
	display:none;
	position:absolute;
	width:100%;
	min-width:1280px;
	overflow:hidden;
}
#popup img{
	position:relative;
	left:50%;
	margin-left:-1000px;
}
#popup .done{
	top:12px;
	left:50%;
	width:60px;
	height:30px;
	margin-left:525px;
}
#popup .back{
	bottom:102px;
	left:50%;
	width:242px;
	height:61px;
	margin-left:-203px;
}

#header{
	display:none;
	background:url('../images/header.jpg?1') center center;
	height:103px;
}
#header .logo1{
	left:15px;
	top:0px;
	height:100%;
	width:90px;
}
#header .logo2{
	left:105px;
	top:0px;
	height:100%;
	width:75px;
}
#header .logo3{
	left:181px;
	top:0px;
	height:100%;
	width:324px;
}
#header .email{
	right:68px;
	top:20px;
	width:34px;
	height:30px;
}
#header .youtube{
	right:11px;
	top:20px;
	width:55px;
	height:30px;
}
#menu_about{
	right:615px;
	bottom:19px;
	width:50px;
	height:30px;
}
#menu_message{
	right:615px;
	bottom:19px;
	width:143px;
	height:30px;
}
#menu_mission{
	right:512px;
	bottom:19px;
	width:100px;
	height:30px;
}
#menu_org{
	right:304px;
	bottom:19px;
	width:203px;
	height:30px;
}
#menu_clinic{
	right:219px;
	bottom:19px;
	width:82px;
	height:30px;
}
#menu_gallery{
	right:109px;
	bottom:19px;
	width:104px;
	height:30px;
}
#menu_contact{
	right:12px;
	bottom:19px;
	width:88px;
	height:30px;
}
#menu_rmwim{
    right: 116px;
    top: 23px;
    font-family: sans-serif, arial;
    text-decoration: none;
    font-size: 18px;
    color: #E88C07;
    font-weight: 300;
}
#index{
	display:none;
	background:url('../images/index.jpg?1') no-repeat center center;
	height:578px;
}
#index .about{
	left:193px;
	bottom:42px;
	width:293px;
	height:213px;
}
#index .message{
	left:343px;
	bottom:42px;
	width:293px;
	height:213px;
}
#index .mission{
	right:491px;
	bottom:42px;
	width:293px;
	height:213px;
}
#index .clinic{
	right:193px;
	bottom:42px;
	width:293px;
	height:213px;
}

#about{
	display:none;
	background:url('../images/about.jpg') center center;
	height:694px;
}
#about .youtube{
	right:45px;
	top:171px;
	width:601px;
	height:419px;
}

#message{
	display:none;
	background:url('../images/message.jpg') center center;
	height:1050px;
}

#mission{
	display:none;
	background:url('../images/mission.jpg') center center;
	height:1030px;
}

#org{
	display:none;
	background:url('../images/org3.jpg') center center;
	height: 1712px;
}
#org a{
	width:1195px;
	height:49px;
	left:41px;
}
#org .pop01{
	top:657px;
}
#org .pop02{
	top:706px;
}
#org .pop03{
	top:754px;
}
#org .pop04{
	top:804px;
}
#org .pop05{
	top:901px;
}
#org .pop06{
	top:950px;
}
#org .pop07{
	top:1132px;
}
#org .pop08{
	top:1180px;
}
#org .pop09{
	top:1275px;
}

#clinic{
	display:none;
	background:url('../images/clinic.jpg') center center;
	height:1544px;
}
#clinic .visit{
	bottom:145px;
	left:40px;
	width:287px;
	height:55px;
}
#gallery{
	display:none;
	background:url('../images/photo-gallery.jpg') center center;
	height: 1036px;
}
#contact{
	display:none;
	background:url('../images/contact.jpg') center center;
	height:987px;
}
#contact .map{
	top:190px;
	left:600px;
	width:68px;
	height:68px;
}
#contact .address{
	top:281px;
	left:422px;
	width:425px;
	height:162px;
}
#contact .email{
	right:289px;
	top:473px;
	width:167px;
	height:30px;
}

#footer{
	display:none;
	background:url('../images/footer.jpg') center center;
	height:167px;
}
#footer .logo1{
	left:41px;
	top:50px;
	width:134px;
	height:87px;
}
#footer .logo2{
	left:176px;
	top:50px;
	width:180px;
	height:87px;
}
#footer .privacy{
	right:128px;
	top:63px;
	width:50px;
	height:30px;
}
#footer .disclaimer{
	right:40px;
	top:63px;
	width:70px;
	height:30px;
}
#footer .ysd{
	right:87px;
	top:95px;
	width:70px;
	height:30px;
}
#top{
	display:none;
	position:fixed;
	right:10px;
	bottom:105px;
}

/*Modal popup*/
/* The Modal (background) */
.modal {
  display: none !important; /* Hidden by default */
  /* display: none; */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  max-width: 800px;
  /*top:50%;
  transform:translateY(-50%);*/
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: black;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: white;
  color: white;
  height: 10px;
}

.modal-body {padding: 2px 30px;}

.modal-footer {
  padding: 2px 16px;
  background-color: white;
  color: white;
}

.modal-content h2 {
	margin: 10px 0px;
}

.modal-content p {
	margin: 10px 0px;
}

.modal-content ol {
	padding-left: 16px;
	margin: 0px;
}

.flyer_logo {
	max-width: 250px;
	padding-top: 10px;
}

.flyer_title {
	text-align: center;
}

.flyer_content_1 {
	text-align: center;
	margin: 10px 0px 20px 0px !important;
}

.flyer_title_1 {
	font-size: 18px;
}

.modal-content a{
	position: relative;
	display: contents;
}

.flyer_content_2 {
	font-size: 10px
}

.flyer_content_3 {
	font-size: 10px;
}

.flyer_content_4 {
	font-size: 14px;
	text-align: center;
	display: block;
}