/* CSS Document */

@font-face {
    font-family: number_style;
    src: url(/fonts/Avenir.ttc);
}

@font-face {
    font-family: HK-W5;
    src: url(/fonts/DFHeiHK-W5.otf);
}

@font-face {
    font-family: HK-W9;
    src: url(/fonts/DFHeiHK-W9.otf);
}

.navbar{
	font-family:HK-W5;
	font-size:15pt;
	color: #FFFFFF;
}



.navbar-default .navbar-nav > li > a {
    color: white;
}

.navbar-default .navbar-nav > li > a:hover{
    color: white;
	opacity: 0.5;
}

.dropdown-menu {
  /*width: 370px;*/
  height: 100px;
  background-image: url(../image/bk1.png);
  background-size:cover;
  background-position: center;
  background-repeat: no-repeat;
  border:medium;
  border-color: white;
}


.dropdown-menu > li > a{
	padding-top: 10px;
	line-height: 12px;
}

.dropdown-menu > li > a:hover{
	opacity: 0.4;
}




.title_fit{
	position: absolute;
    top: 390px;
	right: 20px;

}

.num_title{
	font-family:number_style;
	font-size:80px;
	color: #B5B7B9;
	text-decoration: underline;

}

.num_title2{
	font-family:number_style;
	font-size:55px;
	color: #FFFFFF;
	text-decoration: underline;
}

.num_title3{
	font-family:number_style;
	font-size:25px;
	color: #FFFFFF;
	text-decoration: underline;
}

.ctext_title{
	font-family:HK-W9;
	font-size:28pt;
	color: #B5B7B9;

}

.ctext_title_intro{
	font-family:HK-W9;
	font-size:20pt;
	color: #B5B7B9;

}

.ctext_intro{
	font-family:HK-W9;
	font-size:16pt;
	color: #B5B7B9;

}

.ctext_title2{
	font-family:HK-W9;
	font-size:20pt;
	color: #FFFFFF;;

}


.content_font{
	font-family:HK-W5;
	font-size:13pt;
	text-align: justify;
	color: #B5B7B9;

}

.content_font2{
	font-family:HK-W9;
	font-size:20pt;
	text-align: justify;
	color: #B5B7B9;

}
.content_font_footer{
	font-family:HK-W9;
	font-size:13pt;
	text-align: justify;
	color:#FFFFFF;
	line-height: 80%;

}


.bg1{
	width: 100%;
	height: 5em;
	background-image: url(../image/bk1.png);
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat
}

.bg1_nav{
	width: 100%;
	height: 10em;
	background-image: url(../image/bk1.png);
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat
}


.bg2{
	width: 100%;
	background-image: url(../image/bk1.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}


.head_img{
	width: 100%;
	height: 700px;
	background-image: url(../image/head_img.jpg);
	background-size:contain;
	background-position: center;
	background-repeat: no-repeat
}

#p2{
	padding-top:100px;

}

#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 64px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
    background: #e9ebec;
}
#back-to-top.show {
    opacity: 1;
}