@charset "UTF-8";

.languagebox{
	height:45px;}




/* indexphotoslide */

.indexphotoslide{
	width:580px;
	height:380px;
	padding-bottom:20px;
	position:relative;
	}
.indexphotoslide img{
	position:absolute;
	}
#indexphotoslide img{
	display:none;
	}
#indexphotoslide img:first-child{
	display:block;
	}	

.slide_link div{
	display:none;
	}
	
.slide_link div:first-child{
	display:block;
	}	

.featurebox{
	position:relative;
	width:188px;
	height:216px;
	float:left;
	margin-left:8px;
	}
.featurebox.first{
	margin-left:0px;}	
.feature_head{
	position:absolute;
	width:188px;
	height:31px;
	z-index:1;
	}
.feature_headno{
	position:absolute;
	font-family: 'GillSansRegular';
	font-size:18px;
	top:5px;
	left:20px;
	color:#FFF;
	z-index:2;
	}
.feature_photo{
	position:absolute;
	top:15px;
	background-color:#FFF;
	}	
.feature_title{
	position:absolute;
	top:140px;
	left:43px;
	font-family: GillSansRegular;
	font-size:17px;
	line-height:20px;
	z-index:3;
	font-weight: bold;
	padding-left:10px;
	}
	
.feature_title.pink{
	top:130px;
	border-left: solid #ff6699 2px;
	color:#ff6699;
	}

.feature_title.green{
	top:130px;
	border-left: solid #99cc33 2px;
	}
	
.feature_title.yellow{
	border-left: solid #ffcc00 2px;
	}	

.feature_title_bg{
	position:absolute;
	top:120px;
	width:188px;
	height:76px;
	z-index:2;
	background-image: url(images/index/index_feature_bg1.png);
	}
.feature_pop{
	position:absolute;
	top:98px;
	
	z-index:1;
	display:none;
	
	}
.feature_pop_text{
	position:absolute;
	width:188px;
	top:5px;
	font-family: GillSansRegular;
	font-weight: bold;
	font-size:13px;
	text-align: center;
	color:#FFF;
	z-index:1;
	}	
.feature_pop_bg{
	position:absolute;}
.feature_icon{
	position:absolute;
	top:2px;
	width:43px;
	height:76px;
	}
	
a.featurebox:link, a.featurebox:visited{text-decoration:none;} 
a.featurebox:hover, a.featurebox:active{text-decoration:none;}	

a.featurebox:hover .feature_icon, a.featurebox:active  .feature_icon{background-position: center -76px;}
a.featurebox:hover .feature_title_bg, a.featurebox:active  .feature_title_bg{background-position: center -76px;}
a.featurebox:hover .feature_title, a.featurebox:active  .feature_title{color:#FFF; border-left: solid #FFF 2px;}
a.featurebox:hover .feature_photo img, a.featurebox:active  .feature_photo img{
	opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}

.slide_corner{
	position:absolute;
	z-index:10}
.indexphotoslide_mask{
	position:absolute;
	z-index:2;
	width:580px;
	height:380px;
	background-color: #DAECF6;
}
.control-nav{
	width:580px;
	position:absolute;
	z-index:13;
	bottom:30px;
	right:0px;
	margin:0px;
	padding:0px;}

.control-nav li{
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
	width:12px;
	height:12px;
	margin-left:5px;
	}


.control-nav a{
	width:12px;
	height:12px;
	background-image:url(../images/index/slideshow_nav.png);
	overflow: hidden;
	text-indent: 30px;
	margin-left:5px;
	display:inline-block;
	}	

.control-nav a:first-child{
	margin-left:0px;
	}


.control-nav a:hover, .control-nav a:active{background-position: center -12px;}

.control-nav  .activeSlide {background-position: center -12px;}


.slide_link{
	position:absolute;
	z-index:200;
	bottom:30px;
	right:20px;
	display:none;
}

.btn_slidepink{
	position:absolute;
	display:block;
	width:98px;
	height:18px;
	background-image:url(../images/index/btn_arrowcircle.png);
	background-position: right 0px;
	background-repeat: no-repeat;}

a.btn_slidepink:link, a.btn_slidepink:visited{
	color:#FFF;
	text-decoration:none;} 

a.btn_slidepink:hover, a.btn_slidepink:active{
	background-position: right -18px;
	color:#0A4595;
}	



#indexphotoslide, .control-nav, #rolldownmenu, .featurebox, .indextitle{
	display:none;}

.featurebox{marginTop:100px;}

.contentbox{
	padding-top:80px;}
	
.languagebox{
	background-color:transparent;
	background-image: url(../images/common/breadbg.png);
	background-repeat: repeat-x;
	background-position: bottom;
	z-index:999;}
	
.titlebox_bg{
	width:200px;
	height:35px;
	padding-top:15px;
	position:fixed;
	background-color:transparent;
	background-image: url(../images/common/breadbg.png);
	background-repeat: repeat-x;
	background-position: bottom;
	z-index:999;
	}	

/*#footer{
	position:relative;
	margin-top:20px;
	}*/
	
.insidetitle{
	border:none;}	
	
.indextitle{
	position:relative;
	width:291px;
	height:289px;
	background-image:url(../images/index/slogon-circle.png);
	background-repeat: no-repeat;
	z-index:11;
	}