@charset "utf-8";
iframe {width:0px;height:0px;display:none;}
* {
    padding:0px;
    margin:0px;
}
body {
    width:100%;
    height:auto;
    text-align:center;
	position:relative;
	background-color:#CCC;
}
a {
	text-decoration:none;
    color:#FFFFFF;
}
#container {
    width:1400px;
    height:1200px;
    position:relative;
    margin:0 auto;
	background-color:#FFF;
}
#container #top {
	width:1400px;
	height:300px;
	position:absolute;
	top:0px;
	left:0px;
	background-color:#5E1F28;
	border-radius:5px;
}
#container #top img {
	width:100%;
	height:300px;
	float:left;
	border-radius:5px;
}
#container #login {
	width:100px;
	height:30px;
	position:absolute;
	top:268px;
	right:100px;
	text-align:center;
	line-height:30px;
	font-size:15px;
}
#container #login #loginspan {
	cursor:pointer;
	color:#0000FF;
}
#container #left {
	width:60px;
	height:800px;
	position:absolute;
	top:450px;
	left:0px;
}
#container #left img {
	width:60px;
	height:600px;
	float:left;
	border-radius:5px;
}
#container #main {
	width:1280px;
	height:900px;
	position:absolute;
	top:300px;
	left:60px;
}
#container #main #mtop {
	width:100%;
	height:100px;
	float:left;
}
#container #main #mservice {
	width:100%;
	height:50px;
	float:left;
	text-align:center;
	line-height:50px;
	font-size:16px;
	color:#0000FF;
}
#container #main #mtop #mtitle {
	width:100%;
	height:40px;
	float:left;
	text-align:center;
	line-height:40px;
	font-size:18px;
	font-weight:900;
}
#container #main #mtop #mcontent {
	width:90%;
	height:auto;
	float:left;
	margin-left:5%;
	margin-right:5%;
	text-align:left;
	line-height:30px;
	font-size:16px;
}
#container #main #mmain {
	width:100%;
	height:600px;
	float:left;
	background-color:#F8F8F8;
	position:relative;
}
#container #main #mmain #mmleft {
	width:440px;
	height:600px;
	position:absolute;
	top:0px;
	left:0px;
}
.mmleftdivs {
	width:100px;
	height:100px;
	float:left;
	margin-left:6px;
	margin-bottom:18px;
	border:1px solid #CCC;
	perspective:1000px;
	display:flex;
	justify-content:center;
	align-itens:center;
}
.mmleftdivs img {
	width:100%;
	height:100%;
	object-fit:cover;
	animation:zoomIn 6s ease-in-out forwards infinite;
}
@keyframes zoomIn {
	from {
      transform: scale(0.1);
      opacity: 1;
    }
    to {
      transform: scale(1);
      opacity: 1;
    }
}
#container #main #mmain #mmcentertop {
	width:400px;
	height:100px;
	position:absolute;
	top:0px;
	left:440px;
}
.mmcentertopdivs {
	width:98px;
	height:96px;
	float:left;
	border:1px solid #CCC;
	perspective:1000px;
	display:flex;
	justify-content:center;
	align-itens:center;
}
.mmcentertopdivs img {
	width:100%;
	height:100%;
	object-fit:cover;
	animation:zoomIn 6s ease-in-out forwards infinite;
}
#container #main #mmain #mmcenterbottom {
	width:400px;
	height:100px;
	position:absolute;
	top:481px;
	left:440px;
}
.mmcenterbottomdivs {
	width:98px;
	height:98px;
	float:left;
	border:1px solid #CCC;
	perspective:1000px;
	display:flex;
	justify-content:center;
	align-itens:center;
}
.mmcenterbottomdivs img {
	width:100%;
	height:100%;
	object-fit:cover;
	animation:zoomIn 6s ease-in-out forwards infinite;
}
#container #main #mmain #mmcenter {
	width:398px;
	height:383px;
	position:absolute;
	top:97px;
	left:440px;
	border:1px solid #CCC;
	perspective:1000px;
	display:flex;
	justify-content:center;
	align-itens:center;
}
#container #main #mmain #mmcenter img {
	width:100%;
	height:100%;
	object-fit:cover;
	animation:zoomIn 6s ease-in-out forwards infinite;
}
#container #main #mmain #mmright {
	width:440px;
	height:600px;
	position:absolute;
	top:0px;
	left:840px;
}
.mmrightdivs {
	width:100px;
	height:100px;
	float:left;
	margin-left:6px;
	margin-bottom:18px;
	border:1px solid #CCC;
	perspective:1000px;
	display:flex;
	justify-content:center;
	align-itens:center;
}
.mmrightdivs img {
	width:100%;
	height:100%;
	object-fit:cover;
	animation:zoomIn 6s ease-in-out forwards infinite;
}
#container #main #mbottom {
	width:100%;
	height:200px;
	float:left;
	margin-top:40px;
	border-bottom:1px solid #BBBBBB;
}
#container #main #mbottom #linkdiv .links {
	width:171px;
	height:40px;
	float:left;
	text-align:center;
	line-height:40px;
	font-size:13px;
}
#container #main #mbottom #linkdiv a {
	color:#BBBBBB;
}
#linklabel {
	font-weight:bold;
}
#container #main #mbottom .permits {
	width:256px;
	height:40px;
	float:left;
	text-align:center;
	line-height:40px;
	font-size:13px;
	color:#BBBBBB;
}
#container #main #mbottom .permits a {
	color:#BBBBBB;
}
#container #main #mbottom #copyright {
	width:100%;
	height:40px;
	float:left;
	text-align:center;
	line-height:40px;
	font-size:13px;
	color:#AAAAAA;
}
#container #right {
	width:60px;
	height:800px;
	position:absolute;
	top:450px;
	right:0px;
}
#container #right img {
	width:60px;
	height:600px;
	float:left;
	border-radius:5px;
}
#container #loginbox {
	width:398px;
	height:383px;
	position:absolute;
	top:548px;
	left:500px;
	border:1px solid #CCC;
	z-index:3;
	background-color:#FFFFFF;
	display:none;
}
#container #loginbox #ploginbtn {
	width:50%;
	height:30px;
	float:left;
	text-align:left;
	line-height:30px;
	font-size:16px;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
}
#container #loginbox #ploginbtn #ploginbtnspan {
	cursor:pointer;
	color:#0000FF;
}

#container #loginbox #ltitle {
	width:100%;
	height:60px;
	float:left;
	text-align:center;
	line-height:60px;
	font-size:16px;
	font-weight:900;
}
#container #loginbox .lbox {
	width:100%;
	height:50px;
	float:left;
}
#container #loginbox .lbox #countrycodelabel {
	width:180px;
	height:50px;
	float:left;
	text-align:right;
	line-height:50px;
	font-size:15px;
}
#container #loginbox .lbox #countrycode {
	width:130px;
	height:30px;
	float:left;
	margin-left:5px;
	margin-right:12px;
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #CCC;
    text-align:left;
    line-height:30px;
    font-size:15px;
}
#container #loginbox .lbox #mobilenumlabel {
	width:180px;
	height:50px;
	float:left;
	text-align:right;
	line-height:50px;
	font-size:15px;
}
#container #loginbox .lbox #mobilenum {
	width:130px;
	height:30px;
	float:left;
	margin-left:5px;
	margin-right:12px;
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #CCC;
    text-align:left;
    line-height:30px;
    font-size:15px;
}
#container #loginbox .lbox #getcodebtn {
	width:180px;
	height:50px;
	float:left;	
	text-align:right;
	line-height:50px;
	font-size:15px;
	color:#0000FF;
	cursor:pointer;
}
#container #loginbox .lbox #verifycode {
	width:130px;
	height:30px;
	float:left;
	margin-left:5px;
	margin-right:12px;
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #CCC;
    text-align:left;
    line-height:30px;
    font-size:15px;
}

#container #loginbox #loginbtn {
	width:280px;
	height:30px;
	float:left;
	margin-left:59px;
	margin-right:59px;
	margin-top:40px;
	text-align:center;
	line-height:30px;
	font-size:15px;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
}
#container #passwordloginbox {
	width:398px;
	height:383px;
	position:absolute;
	top:548px;
	left:500px;
	border:1px solid #CCC;
	z-index:2;
	background-color:#FFFFFF;
	display:none;
}
#container #passwordloginbox #mloginbtn {
	width:50%;
	height:30px;
	float:left;
	text-align:left;
	line-height:30px;
	font-size:16px;
}
#container #passwordloginbox #mloginbtn #mloginbtnspan {
	cursor:pointer;
	color:#0000FF;
}
#container #passwordloginbox #ptitle {
	width:100%;
	height:60px;
	float:left;
	text-align:center;
	line-height:60px;
	font-size:16px;
	font-weight:900;
}
#container #passwordloginbox .pbox {
	width:100%;
	height:50px;
	float:left;
}

#container #passwordloginbox .pbox #pownernamelabel {
	width:180px;
	height:50px;
	float:left;
	text-align:right;
	line-height:50px;
	font-size:15px;
}
#container #passwordloginbox .pbox #pownername {
	width:130px;
	height:30px;
	float:left;
	margin-left:5px;
	margin-right:12px;
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #CCC;
    text-align:left;
    line-height:30px;
    font-size:15px;
}
#container #passwordloginbox .pbox #passwordlabel {
	width:180px;
	height:50px;
	float:left;	
	text-align:right;
	line-height:50px;
	font-size:15px;
}
#container #passwordloginbox .pbox #pword {
	width:130px;
	height:30px;
	float:left;
	margin-left:5px;
	margin-right:12px;
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #CCC;
    text-align:left;
    line-height:30px;
    font-size:15px;
}

#container #passwordloginbox #passwordloginbtn {
	width:280px;
	height:30px;
	float:left;
	margin-left:59px;
	margin-right:59px;
	margin-top:40px;
	text-align:center;
	line-height:30px;
	font-size:15px;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
}