@charset "utf-8";

/* CSS Document */


/*------ style ------*/

html {
    text-align: left;
}
body{
    background: #000;
    font: 16px/1.8 "Microsoft Yahei", Verdana, Arial, Helvetica, sans-serif;
    color: #a5baeb;
}

input,
button,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: #fff;
    padding: 1px;
}

.input_radio {
    background: none;
    border: none;
}
p{
    width: 100%;
    font: 16px/1.8 "Microsoft Yahei", Verdana, Arial, Helvetica, sans-serif;
    color: #a5baeb;
    margin-bottom: 10px;
}
a {
    color: #fff;
    text-decoration: none;
}

a:hover {
    color: #ff9600;
}

/*------ style ------*/

/*-- header --*/

#header{
    /*float: left;*/
    width: 100%;
    position: relative;
    z-index: 50;
    /*overflow-x: hidden;*/
    height: 72px;
}
#menu{
    /*float: left;*/
    width: 100%;
    height: 238px;
    z-index: 60;
    position: absolute;
    z-index: 2;
    background: no-repeat center top;
}
#menu ul{
    clear: both;
    width: 1100px;
    height: 72px;
    margin: 0 auto;
}
#menu ul li {
    /*float: left;*/
    list-style: none;
}

#menu ul li a {
    display: block;
    background-position: 0 0;
    width: 120px;
    height: 72px;
    text-indent: -9999px;
    overflow: hidden;
    transform: translateZ(0);
}
.m1 {
    float: left;
    background: url(../img/same/m1.png) no-repeat;
}
.m2 {
    float: left;
    background: url(../img/same/m2.png) no-repeat;
}
.m3 {
    float: left;
    background: url(../img/same/m3.png) no-repeat;
    margin-right: 380px;
}
.m4 {
    float: left;
    background: url(../img/same/m4.png) no-repeat;
}
.m5 {
    float: left;
    background: url(../img/same/m5.png) no-repeat;
}
.m6 {
    float: left;
    background: url(../img/same/m6.png) no-repeat;
}
#menu ul li a:hover,#menu ul li a.menu-a-ov {
    background-position: 0 -72px;
}
.submenu-c{
    position: absolute;
    left: 0;
    width: 100%;
    top: 72px;
    /*z-index: 2;*/
    overflow: hidden;
    height: 0;

}
.submenu-c:after{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    /*top: 72px;*/
    z-index: 1;
    height: 100%;
    background: rgba(34,27,103,0.8);
}


#submenu{
    /*display: none;*/
    /*float: left;*/
    width: 100%;
    /*height: 334px;*/
    /*z-index: 55;*/
    height: 262px;
    position: relative;
    z-index: 3;
/*    position: absolute;
    left: 0;
    top: -262px;*/


}
.sub_box{
    overflow: hidden;
    clear: both;
    width: 1100px;
    /*height: 53px;*/
    margin: 0 auto;
    padding: 25px 0 0;
    /*margin-top: 97px;*/
}
.s1, .s2, .s4, .s5, .s6{
    float: left;
    width: 120px;
    /*height: 222px;*/
    text-align: center;
}
.s3{
    float: left;
    width: 120px;
    /*height: 222px;*/
    text-align: center;
    margin-right: 380px;
}
.s1 ul, .s2 ul, .s3 ul, .s4 ul, .s5 ul, .s6 ul{
    float: left;
    width: 100%;
    text-align: center;
}
.s1 ul li, .s2 ul li, .s3 ul li, .s4 ul li, .s5 ul li, .s6 ul li{
    float: left;
    list-style: none;
    color: #b1b1b1;
    font: 16px/1.8 "Microsoft Yahei", Verdana, Arial, Helvetica, sans-serif;
}
.s1 ul li a, .s2 ul li a, .s3 ul li a, .s4 ul li a, .s5 ul li a, .s6 ul li a{
    display: block;
    float: left;
    width: 120px;
    height: 32px;
    color: #b1b1b1;
    text-decoration: none;
}
.s1 ul li a:hover, .s2 ul li a:hover, .s3 ul li a:hover, .s4 ul li a:hover, .s5 ul li a:hover, .s6 ul li a:hover{
    color: #eedfa1;
    font-weight: 700;
    text-decoration:underline;
}

/*-- copyright --*/

#copyright{
    float: left;
    background: url(../img/same/copyright.jpg) repeat-x top;
    width: 100%;
    height: 120px;
}
#footer{
    clear: both;
    width: 1024px;
    height: 120px;
    margin: 0 auto;
    position: relative;
    background: url(../img/same/footer.jpg) no-repeat center top;
}
.fb {
	width:29px;
	height:29px;
	text-indent:-9999px;
	top:32px;
	right:54px;
	display:block;
	position: absolute;
	z-index: 4;
}
.garena {
	width:83px;
	height:26px;
	text-indent:-9999px;
	top:32px;
	left:121px;
	display:block;
	position: absolute;
	z-index: 4;
}
.timi {
    width:53px;
    height:48px;
    text-indent:-9999px;
    top:22px;
    left:54px;
    display:block;
    position: absolute;
    z-index: 4;
}