/* CSS Document */
body {
	margin: 0;
	padding: 0;
	line-height: 120%;
	font-size: 1em;
	font-family:Arial ,"Times New Roman",  PMingLiU;
}
.access {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}
.container1 {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.container {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
}
.sidebar1 {
	float: left;
	width: 564px;
	padding-top: 200px;
	text-align:center;
}
#index_content {
	width: 376px;
	float: left;
	min-height:550px;
/*_height:550px;*/
padding-left:33px;
padding-right:27px;
}



#link1, #link2{
	margin:0px;
	padding:0px;
	list-style:none;
	}
#link1 li, #link2 li{
	padding:10px 0px 0px 55px;;}
#change_font_size1{
	text-align:right;
	padding:10px 80px 0px 0px;}
	
.index_logo2 {padding:10px 0px 30px 0px;}

.index_lang1, .index_lang2 {
	height: 33px;
	font-size: 1.1em;
	font-weight: bold;
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 80px;
}
.index_lang1 {
	background-image: url(../images/index_lang1.jpg);
	color: #6B216C;
}

.index_lang2 {
	background-image: url(../images/index_lang2.jpg);
	color: #B51903;
}



/*pages*/
.header{
	text-align:center;}
.content, .menus{padding:0px 55px 0px 95px;}
.menus ul{
	
	margin: 0px;
	list-style-image: url(../images/dot.gif);
	padding-top: 10px;
	padding-right: 0px;
	/*padding-bottom: 10px;*/
	padding-left: 20px;
}
.menus ul li{ margin-bottom:10px;}

.footer{
	font-size: 0.7em;
	border-top-width: 11px;
	border-top-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	margin-top: 10px;
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
}
#change_font_size2{
	float: right;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}
.index2_txt1{
	padding:20px 0px 20px 0px;
	font-size: 1.1em;
	font-weight: bold;
	color: #D6251F;
}
.links1{ padding-top:10px;}
.links2{float:right; }
img{ border:0px;}
.footer_box1{
	padding: 0px 27px 10px 70px;
}
.footer_panel2{
	padding-left:50px;
	padding-top:20px;}


@media screen and (max-width: 999px){
	.container1 *{
		box-sizing: border-box;
	}
	.container1 > div{
		float: none!important;
		width: 100%!important;
	}
	.sidebar1{
		padding-top: 20px;
	}
	.sidebar1 .index_logo1, #index_content, .footer_box1, .content, .menus, .footer, .footer_panel2{
		padding: 0 20px;
	}
	.sidebar1 img{
		max-width: 100%;
	}
	#change_font_size1{
		padding-right: 0;
	}
	#index_content{
		min-height: 0;
		padding-bottom: 30px;
	}
	.footer_box1{
		padding-bottom: 20px;
	}
	.footer{
		padding-top: 30px;
	}
	.footer_panel2{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#change_font_size2{
		float: none;
		padding-left: 0;
	}
}
@media screen and (max-width: 767px){
	.w3c_inside{
		position: relative;
		left: 0;
		clear: both;
		bottom: 0;
	}
	.links2{
		float: none;
	}
	.header{
		text-align: left;
	}
	.header img{
		width: auto;
		height: 120px;
	}
}
@media screen and (max-width: 500px){
	.index_logo2 img{
		max-width: 280px;
		width: 100%;
		height: auto;
	}
	.index_logo3 img{
		max-width: 100%;
	}
}