﻿
.hide{        /*預先讀取*/
display:none;
}


/*通用背景格式*/
#bg_left{
background-image: url("image/bg_left.jpg");
background-repeat: no-repeat;
background-position: 100% 0;
}
#bg_right{
background-image: url("image/bg_right.jpg") ;
background-repeat: no-repeat;
background-position: 0 0;
}
#bg_main{
background-image: url("image/bg_main.jpg") ;
/*background-repeat: no-repeat;*/
}


/*首頁*/

.index_main{
position:relative;
}
.lang_btn{
position:absolute;top:10px;right:10px;
}

.ammc_logo{
position:absolute;top:-300px;left:200px;
}

#earth{  /*地球*/
position:absolute;top:30px;left:10px;
width:861px;height:791px;
background: url("image/earth.png");
background-repeat: no-repeat;
}
.ob1{  /*旋轉木馬*/
position:absolute;top:5px;left:210px;
cursor: pointer;
}
.ob2{  /*摩天輪*/
position:absolute;top:239px;left:5px;
cursor: pointer;
}
.ob3{  /*海盜船*/
position:absolute;top:546px;left:31px;
cursor: pointer;
}
.ob4{  /*小飛機*/
position:absolute;top:731px;left:524px;
cursor: pointer;
}
.ob5{  /*咖啡杯*/
position:absolute;top:438px;left:685px;
cursor: pointer;
}
.ob6{  /*城堡*/
position:absolute;top:126px;left:621px;
cursor: pointer;
}
.ob7{  /*碰碰車*/
position:absolute;top:438px;left:540px;
cursor: pointer;
}
.roact{     /*整體旋轉*/
   -webkit-animation: ro_earth 200s infinite linear;
		-moz-animation: ro_earth 200s infinite linear;
		-o-animation: ro_earth 200s infinite linear;
		animation: ro_earth 200s infinite linear;
}

.btn:hover{
-webkit-filter:brightness(1.2);
}




#index_spk_bg{ /*彩帶*/
position:absolute;top:500px;left:35px;
opacity:0;
filter:alpha(opacity=0);
}

.mov_bg_left{  /*左次綁*/
position:absolute;top:100px;left:-300px;
}
.mov_bg_right{  /*又次綁*/
position:absolute;top:100px;left:750px;
}

/*氣球*/
.index_main .b1 {
	position:absolute;
	top:700px;left:000px;
	filter:alpha(opacity=0);-moz-opacity:0.0;opacity:0.0;
}
.index_main .b2 {
	position:absolute;
	top:700px;left:800px;
   filter:alpha(opacity=0);-moz-opacity:0.0;opacity:0.0;
}
.index_main .b3 {
	position:absolute;
	top:700px;left:500px;
	-webkit-filter:blur(2px);
	filter:alpha(opacity=0);-moz-opacity:0.0;opacity:0.0;
}







/*↓首頁選單↓*/
#index_menu{
width:827px;
height:90px;
border:0px #999999 solid;
position:absolute;top:374px;left:40px;
filter:alpha(opacity=0);-moz-opacity:0.0;opacity:0.0;
}
.mbtn{
color:#fff;
font-size:17px;
text-shadow: 0 0 20px #000;
font-family: "微軟正黑體";
font-weight: bolder;
cursor: pointer;
}
.mbtn a{
text-decoration: none;
color:#fff;
}
.mbtn a:hover{
color: #fff;
text-decoration: underline;
}
.m1{
position:absolute;top:55px;left:164px;
-moz-transform: rotate(-18deg);
-webkit-transform: rotate(-18deg);
-o-transform: rotate(-18deg);
-ms-transform: rotate(-18deg);
transform: rotate(-18deg);
}
.m2{
position:absolute;top:29px;left:256px;
-moz-transform: rotate(-8deg);
-webkit-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
transform: rotate(-8deg);
}
.m3{
position:absolute;top:20px;left:376px;
}
.m4{
position:absolute;top:29px;left:496px;
-moz-transform: rotate(8deg);
-webkit-transform: rotate(8deg);
-o-transform: rotate(8deg);
-ms-transform: rotate(8deg);
transform: rotate(8deg);
}
.m5{
position:absolute;top:51px;left:606px;
-moz-transform: rotate(18deg);
-webkit-transform: rotate(18deg);
-o-transform: rotate(18deg);
-ms-transform: rotate(18deg);
transform: rotate(18deg);
}
/* ↑首頁選單↑*/

/*↓首頁子選單↓*/
.submenu{
position:absolute;top:548px;left:360px;
width:186px;
display:none;
border:0px #999999 solid;
/*-webkit-filter:drop-shadow(5px 5px 5px #ccc);*/
}
.submenu .submenu_top{
width:186px;
height:34px;
background-image: url("image/index_menu_top.png");
background-repeat: no-repeat;  
}
.submenu .submenu_mid{
font-size:16px;
width:186px;
height:30px;
text-align:center;
line-height:30px;
background-image: url("image/index_menu_mid_off.png");
background-repeat: no-repeat;
cursor: pointer;
font-size:16px;    
}

.submenu .submenu_mid a{
font-size:16px;
text-decoration: none;
color:#000;
display:block;
}
.submenu .submenu_mid a:hover{
color: #287000;
text-decoration: underline;
}

.submenu .submenu_mid:hover{
background-image: url("image/index_menu_mid_on.png");
}



   .submenu .submenu_midsub{
   width:186px;
   height:30px;
   text-align:center;
   line-height:30px;
   background-image: url("image/index_menu_midsub_off.png");
   background-repeat: no-repeat;
   cursor: pointer;
   font-size:16px;
   }

   .submenu .submenu_midsub a{
   text-decoration: none;
   color:#999;
   display:block;
   }
   .submenu .submenu_midsub a:hover{
   color: #287000;
   text-decoration: underline;
   }

   .submenu .submenu_midsub:hover{
   background-image: url("image/index_menu_mid_on.png");
   }






.submenu .submenu_bottom{
width:186px;
height:87px;
background-image: url("image/index_menu_bottom.png");
background-repeat: no-repeat;     
}

/*↑首頁子選單↑*/

/*↓首頁新PNG產品圖↓*/
.pngproshow{
position:absolute;top:600px;left:80px;
width:300px;height:300px;
background-image: url("image/index_pngrider_bg.png") ;
background-repeat: no-repeat;
background-position: 10px 20px;
opacity:0;
filter:alpha(opacity=0);
}
/*↑首頁新PNG產品圖↑*/

/*↓首頁新聞↓*/
.newsshow{
position:absolute;top:590px;left:300px;
width:500px;
height:222px;
background-image: url("image/index_new_bg.png") ;
background-repeat: no-repeat;
opacity:0;
filter:alpha(opacity=0);
-webkit-filter:drop-shadow(2px 2px 2px #999);
}
.newsshow table{
position:absolute;top:55px;left:50px;
width:370px;
}
.newsshow td{
font-size:12px;
line-height:25px;
border-bottom:1px #cc6600 solid;
}
.newsshow a{
display:block;
text-decoration: none;
color:#6A6A6A;
}
.newsest a{
color:#f00;
}
.newsshow a:hover{
color: #001761;
text-decoration: underline;
}
.index_new_more{
position:absolute;top:191px;left:400px;
}

/*↑首頁新聞↑*/

/*↓首頁快速連結↓*/
.index_right_shutcut{
position:absolute;top:498px;left:755px;
opacity:0;
filter:alpha(opacity=0);
}
.index_right_shutcut .sp1{
width:385px;height:71px;
background-image: url("image/speed_btn1.png") ;
background-repeat: no-repeat;
position:absolute;top:6px;left:0px;

}
.sp1:hover , .sp2:hover , .sp3:hover{
-webkit-filter:brightness(1.2);
}

.title1{
position:absolute;top:8px;left:100px;
font-size:24px;
font-weight: bold;
color:#009900;
}
.des1{
position:absolute;top:38px;left:110px;
color:#ccc;
width:230px;
word-wrap: break-word;word-break: keep-all;
}

.index_right_shutcut .sp2{
width:285px;height:90px;
background-image: url("image/speed_btn3.png") ;
background-repeat: no-repeat;
position:absolute;top:120px;left:65px;
}
.title2{
position:absolute;top:-12px;left:66px;
font-size:24px;
font-weight: bold;
color:#9999ff;
}
.des2{
position:absolute;top:17px;left:80px;
color:#ccc;
width:140px;
word-wrap: break-word;word-break: keep-all;
}


.index_right_shutcut .sp3{
width:302px;height:88px;
background-image: url("image/speed_btn2.png") ;
background-repeat: no-repeat;
position:absolute;top:89px;left:-43px;
}
.title3{
position:absolute;top:26px;left:61px;
font-size:24px;
font-weight: bold;
color:#cc66ff;
}
.des3{
position:absolute;top:54px;left:80px;
color:#ccc;
width:140px;
word-wrap: break-word;word-break: keep-all;
}

/*↑首頁快速連結↑*/




















    














	@-webkit-keyframes ro_earth {
		from {
			-webkit-transform: rotate(0deg);
		}
		to {
			-webkit-transform: rotate(-360deg);
		}
	}
	@-moz-keyframes ro_earth {
		from {
			-moz-transform: rotate(0deg);
		}
		to {
			-moz-transform: rotate(-360deg);
		}
	}
	@-o-keyframes ro_earth {
		from {
			-o-transform: rotate(0deg);
		}
		to {
			-o-transform: rotate(-360deg);
		}
	}
	@keyframes ro_earth {
		from {
			transform: rotate(0deg);
		}
		to {
			transform: rotate(-360deg);
		}
	}