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


body {
    font-family: "新細明體", "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
}
.lg{
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
    line-height: 1.42857143;
    color: #23556E;
}
.container {
	/*background:#fff url('../images/media-rex web－04-01.jpg') no-repeat;*/
}
.navbar-header {
  /*  float: left; */
}

.navbar-nav > li {
}
.navbar-nav > li > a, .top-menu a {
	margin:0;
	color:#fff;
	font-size:16px;
	letter-spacing:2px;
	text-align:center;
	background:none;
	text-decoration:none;
	
}
.navbar-nav > li > a:hover, .top-menu  a:hover {
	background:none;
	opacity:0.9;
	filter:"alpha(opacity=90)";
	-ms-filter:"alpha(opacity=90)"; /* 旧版IE */
	text-decoration:none;
}

.img-container {
	
	position:relative;
	overflow:hidden;
	z-index:1999;
	min-height:180px;
	background-color:rgba(0,0,0,0.8);
}
.content-title {
	position:relative;
	height:248px;
}
.content-title img {
	margin-top:130px;
}
.img-icon {
	/*float:left;*/
}
.c-left {
	float:left;
	width:30%;
}
.c-right {
	float:right;
	width:70%;
}
.clearfix {
	clear:both;
}
.content-container {
	text-align:justify;
	line-height:200%;
	letter-spacing:2px;
	height:100%;
	min-height:600px;
	margin-top:55px;
}
.content-body {
	margin:55px auto;
	text-align:justify;
	text-justify:inter-ideograph;
	line-height:200%;
	letter-spacing:2px;
}
.content-container > h1 {
	margin-bottom:40px;
	color:rgba(13,240,130,1.00);
}
.div-inline{ display:inline} 
.content-nav-container {
	
	position:relative;
	margin-top:-95px;
	margin-left:20px;
	z-index:2999;
}
.b1 {
	postion:relative;
	margin-top:-5px;
	padding-right: 0px;
	padding-left: 0px;
	display: inline-block;
	margin-right:-38px;
	z-index:9999;
}
.b2 {
	postion:relative;
	margin-right:-51px;
	padding-right: 0px;
	padding-left: 0px;
	display: inline-block;
}
.btn-more{
	float:right;
	position:relative;
	margin-top:-80px;
	margin-right:30px;
	text-decoration:underline;
	width:60px;
	height:60px;
	font-weight:bold;
	z-index:666;
	background:url('../../images/images.png');
}

.theme-default .nivoSlider { margin-bottom:0;}

.theme-default .nivo-directionNav a {
    display: block;
    width: 62px;
    height: 103px;
    background: url(../../images/btn_next1.png) no-repeat;
    text-indent: -9999px;
    border: 0;
    opacity: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default a.nivo-nextNav {
    background-position: -62px 0;
    right: 15px;
}

.theme-default .nivoSlider {
	position:relative;
}
.theme-default .nivo-controlNav {
	position:absolute;
	top:90%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:0;
	width:100%;
	z-index:9999;
}
.theme-default .nivo-controlNav a{
	width:20px;
	height:20px;
	background:url('../images/bullets1.png') top left no-repeat;
	 filter:alpha(opacity=60);  
      -moz-opacity:0.6;  
      -khtml-opacity: 0.6;  
      opacity: 0.6;  
}
.theme-default .nivo-controlNav a.active{
	background-position:0;
	 filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity:1;  
      opacity:1;  
}

.footer{
	margin: 30px auto;
	text-align:center;
	font-size:16px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.large {
	font-size:14px;
	font-weight:bold;
	display:inline-block;
	padding-left:20px;
}
.english {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
}
.mp {
	margin-top:36px;
}

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 5%;
    right: 3%;
    overflow: hidden;
    width: 32px;
    height: 19px;
    border: none;
    text-indent: 100%;
    background: url("../images/top-arrow.png") no-repeat 0px 0px;
}
#img-container4 {
	top:0;
	right:0;
	bottom:0;
	left:0;
	position:absolute;
	display:none;
	visibility:hidden;
	text-align:center;
	background:rgba(115,108,108,1.00);
}
.p-close {
width: 60px;
height: auto;
float: left;
text-align: left;
vertical-align: top;
position: fixed;
left: 20px;
top: 10px;
z-index: 998;
}
.p-content {
    position: absolute;
    margin: 0;
    padding: 55px 0 0 0;
    height:auto;
    width: 100%;
    top: 0px;
    left: 0px;
    background-color: #111;
	text-align:center;
}
.img-toggle img:hover{
	filter:alpha(opacity=60,style=1);  
      -moz-opacity:0.6;  
      -khtml-opacity: 0.6;  
      opacity: 0.6; 
}

@media screen and (min-width: 992px) { /*当屏幕尺寸大於992px时，应用下面的CSS样式*/
.logo{
	padding-left:150px;
	padding-right:0;
	margin-right:0;
	display:inline-block;
}
.lg{
	padding-left:120px;
	padding-top:60px;
	vertical-align:bottom;
	display:inline-block;
}
.navbar-collapse, .top-container {
	position:relative;
	z-index:2999;
}
.top-header {
	margin-bottom:10px;
}
.top-menu {
	width: 414px;
	margin:0 auto;
	margin-bottom:-61px;
	z-index:3999;
}
.top-menu div{
	margin-left:-4px;
	padding:0;
	display:inline-block;
	background:url('../images/btn-bg2.png');
	width:138px;
	height:61px;
	vertical-align:middle;
	color:#fff;
	font-size:18px;
	letter-spacing:2px;
	text-align:center;
	text-decoration:none;
  	line-height:61px;   
  	overflow:hidden;
	background-color:rgba(0,0,0,1);

}
.top-menu .active {
	background:url('../images/btn_bg1.png');
	/*background:#00A0E9;*/
}
.top-menu .active a {
	font-size:20px;
}
.top-menu div:hover{
	background:url('../images/btn_bg1.png');
	background-color:#00A0E9;
}
.col-xs-4 {
	float:none;
}
}
@media screen and (max-width: 992px) { /*当屏幕尺寸小於992px时，应用下面的CSS样式*/


.navbar-collapse, .top-container {
	position:relative;
	z-index:2999;
}
.top-header {
	margin-bottom:10px;
}
.top-menu {
	width: 414px;
	margin:0 auto;
	margin-bottom:-61px;
	z-index:3999;
}
.top-menu div{
	margin-left:-4px;
	padding:0;
	display:inline-block;
	background:url('../images/btn-bg2.png');
	width:138px;
	height:61px;
	vertical-align:middle;
	color:#fff;
	font-size:18px;
	letter-spacing:2px;
	text-align:center;
	text-decoration:none;
  	line-height:61px;   
  	overflow:hidden;
	background-color:rgba(0,0,0,1.00);  

}
.top-menu .active {
	/*background:url('../images/btn_bg1.png');*/
	background:#00A0E9;
}
.top-menu .active a {
	font-size:20px;
}
.top-menu div:hover{
	/*background:url('../images/btn_bg1.png');*/
	background-color:#00A0E9;
}
.col-xs-4 {
	float:none;
}	
}
@media screen and (max-width: 768px) { /*当屏幕尺寸小於768px时，应用下面的CSS样式*/

.row1{
	margin-left:-15px;
	margin-right:-15px;
}
.row2{
	margin-left:-15px;
	margin-right:-15px;
}
.top-menu {
	width: 105%;
	margin:0 auto;
	z-index:3999;
	background:url('../images/p1.png');
	background-position:500px 0;
}
.logo{
	padding-left:35px;
}
.lg{
	padding-top:25px;
	padding-left:40px;
}
.top-menu div{
	margin-left:-3px;
	padding:0;
	display:inline-block;
	background:url('../images/btn-bg2.png');
	width:33.33333%;
	height:auto;
	vertical-align:middle;
	color:#fff;
	font-size:18px;
	letter-spacing:2px;
	text-align:center;
	text-decoration:none;
  	line-height:200%;   
  	overflow:hidden;
	background-color:rgba(0,0,0,1.00); 

}
.top-menu div:hover{
	/*background:url('../images/btn_bg1.png');*/
	background-color:#00A0E9;
}
.slider-wrapper {
	
}
.content-container {
	margin-top:55px;
	min-height:350px;
}
.theme-default .nivo-directionNav a {
	background:none;
}

.btn-more{
	float:right;
	position:relative;
	margin-top:-60px;
	margin-right:25px;
	text-decoration:underline;
	width:60px;
	height:60px;
	font-weight:bold;
	z-index:666;
	background:url('../../images/images.png');
}
}