/* CSS Document */
html{font-size:77%;}
html{-webkit-text-size-adjust:77%;}
a, img {border:none; text-decoration:none;}

@media screen and (min-width: 320px) and (max-width: 1579px){
	body{left:0px; top:0px; width:100%; height:100%; padding:0px; margin:0px; font-family:Tahoma, Geneva, sans-serif; font-size:1rem; 
	background:#000; color:#F5F5F5;}
	#body{position:relative; width:1000px; min-height:660px; padding:0px; margin:0px auto;}
	#body2{position:relative; width:1000px; min-height:620px; padding:0px; margin:0px auto; background:url(../image/bg1.jpg) no-repeat; 
	background-size:100% 100%;}
	#body2_1{position:relative; width:1000px; min-height:790px; padding:0px; margin:0px auto; background:url(../image/bg2.jpg) no-repeat; 
	background-size:100% 100%;}
	/*.s_intro{position:relative; width:720px; margin:0px auto; top:50%; margin-top:-180px;}*/
}

@media screen and (min-width: 1580px) and (max-width: 1889px) {
	body{left:0px; top:0px; width:100%; height:100%; padding:0px; margin:0px; font-family:Tahoma, Geneva, sans-serif; font-size:1.2rem; 
	background:#000; color:#F5F5F5;}
	#body{position:relative; width:1274px; min-height:840px; padding:0px; margin:0px auto; background-size:100% 100%;}
	#body2{position:relative; width:1274px; min-height:790px; padding:0px; margin:0px auto; background:url(../image/bg1.jpg) no-repeat; 
	background-size:100% 100%;}
	#body2_1{position:relative; width:1274px; min-height:1006px; padding:0px; margin:0px auto; background:url(../image/bg2.jpg) no-repeat; 
	background-size:100% 100%;}
	/*.s_intro{position:relative; width:1180px; margin:0px auto; top:50%; margin-top:-295px;}*/
}

@media screen and (min-width: 1890px){
	body{left:0px; top:0px; width:100%; height:100%; padding:0px; margin:0px; font-family:Tahoma, Geneva, sans-serif; font-size:1.3rem; 
	background:#000; color:#F5F5F5;}
	#body{position:relative; width:1387px; min-height:914px; padding:0px; margin:0px auto; background-size:100% 100%;}
	#body2{position:relative; width:1387px; min-height:860px; padding:0px; margin:0px auto; background:url(../image/bg1.jpg) no-repeat; 
	background-size:100% 100%;}
	#body2_1{position:relative; width:1387px; min-height:1095px; padding:0px; margin:0px auto; background:url(../image/bg2.jpg) no-repeat; 
	background-size:100% 100%;}
	/*.s_intro{position:relative; width:1280px; margin:0px auto; top:50%; margin-top:-320px;}*/
}
.s_intro{position:relative; width:720px; margin:0px auto; top:50%; margin-top:-203px;}
#logo_mio{position:absolute; right:6%; top:2%; width:15%;}
#nav{position:absolute; font-family:mentone-semibold; right:6%; top:10%; color:#8B7545; z-index:999;}
#nav > ul {margin:0rem; padding:0px;}
#nav > ul > li > a{color:#8B7545;}
#nav > ul > li {margin:0px; padding:3px 3px 20px 3px; float:left; list-style:none;}
.sub1{position:absolute; left:-13%; margin:10px 0px 0px 0px; visibility:hidden; background:url(../image/cnt.png); padding:5px; border-radius:10px; font-size:.85em;}
.sub1 li{list-style:none; margin:5px 5px 5px 0px; float:left;}
.sub1 li a{color:#8B7545;}
.sub1 li a:hover{color:#BE1E2D;}
.has_sub1:hover .sub1{visibility:visible;}
.sub2{position:absolute; left:-13%; margin:10px 0px 0px 0px; visibility:hidden; background:url(../image/cnt.png); padding:5px; border-radius:10px; font-size:.85em;}
.sub2 li{list-style:none; margin:5px 5px 5px 0px; float:left;}
.sub2 li a{color:#8B7545;}
.sub2 li a:hover{color:#BE1E2D;}
.has_sub2:hover .sub2{visibility:visible;}
.act{padding-bottom:3px; border-bottom:thin solid #BE1E2D;}
#footer{position:absolute; font-size:.9em; bottom:0px; right:0px; width:50%; border-bottom:solid thick #8B7545; padding-bottom:2px;}
#footer table tr td > img{width:2em; padding:0px 2px;}
#footer table tr td a img{width:2em; padding:0px 2px;}