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



html {
	margin:0;
	padding:0;
}

body {
	background: #75B6E4;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	width: 100%;
	color: #000;
	direction: ltr;
	margin: 0 0 0 0;	
	background:url('img/bg.png');
}

.header {width:100%; height:145px; overflow: hidden; margin:0;}
.header li {width:2340px; height:145px; margin:auto;}


/*--------------------------- start Menu-----------------------------*/

.menu_wrap{background:url("img/bg.png"); background-position: bottom; border-bottom: 1px solid white; position: fixed; top:0; width:100%; height:70px; z-index:100;}

.menu_our{width:980px; height:66px; margin:0 auto 50px auto;}
.menu {width:744px; height:66px; float:right;}
.menu ul { list-style: none; margin: 0; padding: 0; width:744px; height:66px; }
.menu ul li { float: left; width:100px; margin:0 12px 0 12px; /*width:124px; margin:0;*/ height:66px; text-align: center; line-height:630%; font-weight:bold;}

.menu ul a {color:#4D5850; text-decoration:none; height:66px; display:block;}
.menu ul li.ma {background:url('img/1mt_b.png'); background-position: 0 0;}
.menu ul li.ms {background:url('img/2mt_b.png'); background-position: 0 0;}
.menu ul li.md {background:url('img/3mt_b.png'); background-position: 0 0;}
.menu ul li.mf {background:url('img/4mt_b.png'); background-position: 0 0;}
.menu ul li.mg {background:url('img/5mt_b.png'); background-position: 0 0;}
.menu ul li.mh {background:url('img/6mt_b.png'); background-position: 0 0;}

.menu ul li a:hover {color:white;}
.menu ul li:hover {background-position: 0 66px !important;}


.menu ul li.selected {background-position: 0 66px !important;}
.menu ul li.selected a {color: white !important;}


.logo {width:234px; height:70px; float:left; clear:left; background: url("img/logo_b.png");}

/*--------------------------- stop Menu-----------------------------*/


.wrapper{width:960px; min-height:1000px; margin: auto;}




.footer {width:100%; height:400px; background:url('img/bg_footer_b.png') no-repeat center top; margin: 50px 0 0 0; position: relative;}
.footer_txt {/*position: absolute; bottom: 36px; left: 280px;*/ width:900px; margin:auto; padding:350px 0 0 0;}


.logo_r {width: 320px; height: 250px; float: left;}

/*------------------------------ Button Up----------------------------------------------*/

.back-top {
	position: fixed;
	bottom: 30px;
	margin-left: 50px;
	z-index:100;
}
.back-top a {
	width: 80px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
.back-top a:hover {
	color: orange;
}
/* arrow icon (span tag) */
.back-top span {
	width: 80px;
	height: 85px;
	display: block;
	margin-bottom: 7px;
	background: url(img/up-arrow_b.png) no-repeat center center;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}


/*------------------Main Tags--------------------*/
.clear{margin:0; padding:0; clear:both;}

.lin_960x2 {width: 960px; height: 1px; background:#FFFFFF;}
.lin_960x2_2 {width: 960px; height: 1px; background:#FFFFFF; margin: 0 0 10px 0;}

.lin_240x2 {width: 240px; height: 1px; background:#FFFFFF; margin: 10px 0;}
.lin_tmx2 {width: 320px; height: 1px; background:#FFFFFF; margin: 0 0 60px 0;}

.txt_line {color: white; margin: 50px 0 5px 0; display: block;}
.txt_line a {color: white; text-decoration: none;}
.txt_line a:hover {text-decoration: underline;}