/*
[Contents]

	0- Global
	1- Header
	2- Main Container
	3- Main
	4- Sidebar
	5- Footer
*/

/* =0 Global
---------------------------------------------------------------------------------------------------------------------*/
#body{
	/*background:url(images/header-bg.png) repeat-x;*/
    background-color:#F1F1F1;
    /*background-size: cover;*/
    color:#F1F1F1;
    
}
body > a{
	display:none;
}
/* =1 Header
---------------------------------------------------------------------------------------------------------------------*/
#header{
    background-color:white;
	border-bottom:1px solid #CCC;
	padding:5px 0;
	position:relative;
    height:70px;
}


/* Logo & Slogan
---------------------------------------------------------*/
.slogan{
	color:#BBB;
	font-weight:bold;
	line-height:1.1;
	margin-top:7px;
	text-transform:uppercase;
}
/* Nav
---------------------------------------------------------*/
.nav{
	/*position:absolute;*/
    flex-direction:row;
    /*position:relative;*/
    /*display:inline;*/
    /*display:flex;*/
    margin-top:3%;
    justify-content:space-between;
    /*text-align:justify;
    text-align-last:justify;*/
    width:100%;
    height:100%;
    /*overflow:hidden;*/
    /*margin-left:3%;*/
	/*top:20px;*/
}
.nav li{
	/*border-left:1px solid #CCC;*/
	float:left;
	height:15px;
	line-height:1.1;
	/*margin-left:15px;
	padding-left:15px;*/
	position:relative;
    white-space:nowrap;
    text-align:left;
}

.nav li:first-child{
	border-left:0 none;
	margin:0;
}
.nav a{
	color:#999;
	display:block;
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
}
.nav .active > a{
	background:url(images/arrow.gif) no-repeat center bottom;
	color:#008AC9;
	padding-bottom:8px;
	text-decoration:none;
}

/* Sub nav */
.nav li ul{
	background:#FFF;
	display:none;
	left:0;
	position:absolute;
	z-index:20;
}
.nav li a:hover ul{
    display:block;
}
.nav li.news ul{
	left:auto;
	right:-15px;
}
.nav li:hover ul,
.nav li.hover ul{
	display:block;
}
.nav li li{
	border:0 none;
	float:none;
	height:auto;
	margin:0;
	padding:0;
}
.nav li li a{
	border-bottom:1px dashed #999;
	font-size:17px;
	font-weight:normal;
	padding:5px 15px;
	text-transform:none;
	white-space:nowrap;
}
.nav li li a:hover{
	background:#999;
	color:#FFF;
	text-decoration:none;
}
/* Language switch
---------------------------------------------------------*/
.lang-switch{
	position:absolute;
	right:0;
	top:10px;
}
.lang-switch li{
	float:left;
	margin-left:5px;
}
.lang-switch a{
	background:url(images/flag-cn.png) no-repeat;
	display:block;
	filter:Alpha(opacity=40);
	height:18px;
	opacity:0.4;
	text-indent:-9999px;
	width:18px;
}
.lang-switch a.en{
	background-image:url(images/flag-en.png)
}
.lang-switch a.active,
.lang-switch a:hover{
	filter:Alpha(opacity=100);
	opacity:1;
}
/* =2 Main Container
---------------------------------------------------------------------------------------------------------------------*/

/* =3 Main
---------------------------------------------------------------------------------------------------------------------*/
/* Announce
---------------------------------------------------------*/
.announce{
    display:none;
	background:url(images/announce-bg.png) repeat;
	color:#008AC9;
	height:35px;
	line-height:31px;
	margin-bottom:15px;
	overflow:hidden;
	padding:0 10px;
	border-radius:3px;
	-moz-border-radius:5px;
	-webkit-border-radius:3px;
}
.announce .bx-prev,
.announce .bx-next{
	display:none;
}

/* Title
---------------------------------------------------------*/
#main h2.title{
	background:url(images/title.png) no-repeat 0 1px;
	/*font-size:17px;*/
	line-height:1;
	/*margin-bottom:10px;*/
	overflow:hidden;
	padding-left:20px;
	text-transform:uppercase;
    color:white;
    margin-top:15px;
}
#main h2.title span{
	float:left;
}
#main h2.title a{
	float:right;
	font-size:18px;
	text-decoration:none;
	text-transform:none;
}
/* Block
---------------------------------------------------------*/
#main .block .gallery,
#main .block .map{
	float:left;
	height:1000px;
	/*margin:0 15px 0 0;*/
	overflow:hidden;
	/*width:370px;*/
    /*background-color:white;*/
}
#main .block .gallery{
	position:relative;
}
#main .block .videoplayer{
	display:block;
	height:300px;
	overflow:hidden;
	width:100%;
}
#main .block div.content{
	float:left;
	width:auto;
    color:#185a85;
    background-color:white;
}

#main .block div.content span{
    color:#185a85;
    
}

/* Scroll content
---------------------------------------------------------*/
.scroll-wrapper{
	height:100%;
	position:relative;
	width:100%;
    height:420px;
    background-color:white;
    color:#185a85;
}
.scroll-wrapper .scroll-content p{
    height:420px;
}
.scroll-wrapper .scroll-navigator a{
	display:block;
	bottom:-14px;
	height:13px;
	opacity:0.7;
	filter:alpha(opacity=70);
	position:absolute;
	text-indent:-9999px;
	width:20px;
}
.scroll-wrapper .scroll-navigator a:hover{
	opacity:0.3;
	filter:alpha(opacity=30);
}
.scroll-wrapper .navigator-up{
	background:url(images/arrow-up.png) no-repeat;
	left:35%;
}
.scroll-wrapper .navigator-down{
	background:url(images/arrow-down.png) no-repeat;
	right:35%;
}

/* Slider block
---------------------------------------------------------*/
.block.slider{
	height:300px;
	overflow:hidden;
	position:relative;
	width:100%;
}
.block.slider > div{
	height:100% !important;
}
.block.slider .nivo-controlNav{
	bottom:0;
	position:absolute;
}
.block.slider .nivo-controlNav a{
	background:#000;
	color:#FFF;
	display:block;
	float:left;
	margin-right:2px;
	opacity:0.5;
	filter:alpha(opacity=50);
	padding:1px 7px;
	text-decoration:none;
}
.block.slider .nivo-controlNav a.active{
	background:#008AC9;
	opacity:1;
}

/* News list
---------------------------------------------------------*/
.block.news-list li {
    /*-border-bottom:1px dashed #CCC;-*/
    margin-bottom: 5px;
    overflow: hidden;
    padding-bottom: 5px;
    line-height:30px;
}
    .block.news-list li a {
        float:left;
        width: 80%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
.block.news-list li span{
	color:#CCC;
	float:right;
}

.new-list-pageNum{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
}
    .new-list-pageNum input {
        margin-left: 8px;
        margin-right: 8px;
        width: 35px;
        height:30px;
        background-color: #008AC9;
        border: 1px solid #008AC9;
    }

 /*News Content---------------------*/
.news-content-header{
    border-top:3px solid #008AC9;
    /*border-bottom:1px solid #CCC*/
}
    .news-content-header h2{
        text-align:center;
        margin:25px auto;
        font-weight:bold;
    }


    /* Common table
---------------------------------------------------------*/
    .common-table {
        margin: 15px 0 58px;
        color: #185a85;
    }
.common-table table{
	width:100%;
}
.common-table thead th{
	/*background:#F6F9FB;*/
	border-bottom:1px solid #CCC;
	padding:5px 10px;
	text-align:left;
	white-space:nowrap;
}
.common-table tbody td{
	border-bottom:1px solid #ccc;
	padding:5px 10px;
}
.common-table tbody tr.clickable td{
	cursor:pointer;
    color: #185a85;
}
.common-table tbody tr.clickable:hover td{
	/*background:#FCFDE7;*/
}
.common-table tbody tr.detail td{
	/*background:#FAFAFA;*/
	/*padding:20px;*/
}
.common-table tbody tr.clickable td a{
	white-space:nowrap;

}

/* Position info
---------------------------------------------------------*/
.position-info{
	background:#FAFAFA;
	border:1px solid #CCC;
	margin:15px 0;
	padding:10px;
    color:#185a85;
}
.position-info dl{
	overflow:hidden;
}
.position-info dt{
	float:left;
	font-weight:bold;
	margin-bottom:10px;
	width:130px;
}
.position-info dd{
	margin-bottom:10px;
    margin-left:5px;
}

/* Submit success block
---------------------------------------------------------*/
.submit-success{
	background:#FAFAFA;
	border:1px solid #CCC;
	padding:20px 30px;
}
/* =4 Sidebar
---------------------------------------------------------------------------------------------------------------------*/
/* Menu
---------------------------------------------------------*/
.menu{
	margin-bottom:10px;
	overflow:hidden;
}
.menu h3{
	background:url(images/title.png) no-repeat left center;
	border-bottom:2px solid #999;
	height:29px;
	line-height:29px;
	margin-bottom:15px;
	padding-left:20px;
	text-transform:uppercase;
    color:white;
}
.menu ul a{
	/*border-bottom:1px solid #008AC9;*/
	/*color:#F1F1F1;*/
	color:black;
	display:block;
	font-size:14px;
	line-height:14px;
	padding:8px 10px 8px 10px;
	text-decoration:none;
}
.menu ul a:hover{
	text-decoration:underline;
}
.menu ul .active a{
	background:#F1F1F1;
	color:#444;
	font-weight:bold;
}
.menu ul a.vacancy{
	background-image:url(images/icon-vacancy.png);
	background-position:200px center;
	background-repeat:no-repeat;
	font-weight:bold;
}
.menu .more-link{
	float:right;
}

/* Block
---------------------------------------------------------*/
#sidebar .block{
	background:url(images/block-bg.png) repeat-x;
	overflow:hidden;
	padding:10px 0 0 10px;
	position:relative;
    background-color:white;
    color:#008AC9;
    font-size:14px;
}
#sidebar .block .title{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	text-transform:uppercase;
    /*color:#F1F1F1;*/
}
#sidebar .block a{
	background:#008AC9;
	color:#FFF;
	display:block;
	float:right;
	font-weight:bold;
	height:25px;
	line-height:25px;
	padding:0 5px;
	text-decoration:none;
}

/* =5 Footer
---------------------------------------------------------------------------------------------------------------------*/
#footer {
    border-top: 5px solid #008AC9;
    width: 100%;
    position: fixed;
    bottom: 0px;
    background-color: #185a85;
    z-index:3;
}
#footer .banner{
	border-bottom:5px solid #008AC9;
}
#footer .banner a{
	border-left:4px solid #008AC9;
	display:block;
	float:left;
	/*height:120px;*/
	overflow:hidden;
	position:relative;
	text-decoration:none;
	width:237px;
}
#footer .banner a:first-child{
	border:0 none;
}
#footer .banner a span{
	background:url(images/play.png) no-repeat;
	cursor:pointer;
	display:block;
	height:30px;
	left:103px;
	position:absolute;
	text-indent:-9999px;
	top:45px;
	width:30px;
	z-index:2;
}
#footer .banner a em{
	color: #FFFFFF;
	display: block;
	font-size: 17px;
	font-style: normal;
	font-weight: bold;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 42%;
	width: 100%;
	z-index: 2;
}
.copyright{
	color:#999;
	font-size:10px;
	padding-top:5px;
	text-transform:uppercase;
    position:relative;
}

/* =6 Magazine
---------------------------------------------------------------------------------------------------------------------*/
.magazine{
	padding:10px;
}
.magazine .title{
	background:url(/content/themes/Default/images/title.png) no-repeat 0 center;
	font-size:20px;
	margin-bottom:20px;
	padding-left:20px;
	text-transform:uppercase;
}
.magazine li{
	margin-top:15px;
} 
.magazine li a.pdf{
	background:url(/content/themes/Default/images/icon-pdf.png) no-repeat 0 0;
	color:#535146;
	display:block;
	font-weight:bold;
	height:35px;
	padding:15px 0 0 55px;
	text-decoration:none;
}
.magazine li  span{
	display:block;
    float:right;
}

/* =7 MainNavBtn
---------------------------------------------------------------------------------------------------------------------*/
#MainNavBtn{

}
#MainNavBtn button{
	position:fixed;
    bottom:30px;
    border-right:solid 2px #008AC9;
    background-color:#13486a;
    z-index:10;
    height:35px;
}

.msg{
    color:red;
}