.hide{        /*預先讀取*/
display:none;
}


/*通用背景格式*/
#bg_left{
background : url("image/bg_left.jpg") no-repeat right top;
}
#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;
height:250px;
}
.lang_btn{
position:absolute;top:10px;right:10px;
}

.ammc_logo{
position:absolute;top:-300px;left:200px;
}

#earth{  /*地球*/
position:absolute;top:54px;left:237px;
width:400px;height:367px;
background: url("image/earth_s.png");
background-repeat: no-repeat;
border:0px #999999 solid;
}
.ob1{  /*旋轉木馬*/
position:absolute;top:2px;left:110px;
cursor: pointer;
}
.ob1 img{
width:100px;
}
.ob2{  /*摩天輪*/
position:absolute;top:96px;left:5px;
cursor: pointer;
}
.ob2 img{
width:90px;
}
.ob3{  /*海盜船*/
position:absolute;top:265px;left:46px;
cursor: pointer;
}
.ob3 img{
width:100px;
}
.ob4{  /*小飛機*/
position:absolute;top:328px;left:246px;
cursor: pointer;
}
.ob4 img{
width:50px;
}
.ob5{  /*咖啡杯*/
position:absolute;top:199px;left:321px;
cursor: pointer;
}
.ob5 img{
width:80px;
}
.ob6{  /*城堡*/
position:absolute;top:70px;left:294px;
cursor: pointer;
}
.ob6 img{
width:100px;
}
.ob7{  /*碰碰車*/
position:absolute;top:212px;left:252px;
cursor: pointer;
}
.ob7 img{
width:50px;
}
.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:16px;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:348px;left:360px;
width:186px;
display:none;
border:0px #999999 solid;
z-index:99999999;
/*-webkit-filter:drop-shadow(5px 5px 5px #ccc);*/
}
.submenu .submenu_top{
width:186px;
height:33px;
background-image: url("image/index_menu_top.png");
background-repeat: no-repeat;
}
.submenu .submenu_mid{
font-size:16px;
width:186px;
height:29px;
text-align:center;
line-height:30px;
background-image: url("image/index_menu_mid_off.png");
background-repeat: no-repeat;
cursor: pointer;
}

.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;
   }

   .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:86px;
background-image: url("image/index_menu_bottom.png");
background-repeat: no-repeat;
}

/*↑首頁子選單↑*/












/*子頁面開始*/
.main_show{

-webkit-filter:drop-shadow(5px 5px 5px #ccc);
border:0px #000 solid;
border-radius:25px;
-moz-border-radius:25px; /* Old Firefox */
width:100%;
margin-bottom:50px;
z-index:50;
padding:10px 0;
min-height:700px;height: auto !important;height: 700px;
background:#fff  url(image/text_main_bg.jpg) no-repeat right bottom;
position:relative;
}

.mianshow_table{
margin:0 auto;
}



/*子頁面的左側選單*/
.float_outside{
position:relative;
}

.s_left_float_menu{
position:absolute;top:12px;left:15px;
}
.s_left_float_menu .s_left_top{
width:208px;height:174px;
background : url(image/s_left_top.png) no-repeat;
}
.s_left_float_menu .s_left_mid{
font-size:14px;
width:208px;height:23px;
cursor: pointer;
background : url(image/s_left_mid_off.png) no-repeat;
text-align:center;
}

.s_left_float_menu .s_left_mid:hover{
color: #333366;
background : url(image/s_left_mid_on.png) no-repeat;
}
.s_left_float_menu .s_left_mid a{
font-size:14px;
line-height:20px;
text-decoration: none;
color:#000;
display:block;
}
.s_left_float_menu .s_left_mid a:hover{
color: #333366;
background : url(image/s_left_mid_on.png) no-repeat;
}

      .s_left_float_menu .s_left_midsub{
      width:208px;height:23px;
      background : url(image/s_left_midsub_off.png) no-repeat;
      text-align:center;
      }
      .s_left_float_menu .s_left_midsub a{
      line-height:20px;
      text-decoration: none;
      color:#000;
      display:block;
      }
      .s_left_float_menu .s_left_midsub a:hover{
      color: #333366;
      background : url(image/s_left_mid_on.png) no-repeat;
      }



.s_left_float_menu .s_left_bottom{
width:208px;height:40px;
background : url(image/s_left_bottom.png) no-repeat;
}



/*子頁面的上面小導覽*/
.s_navi{
line-height:20px;
font-size:15px;
color:#999;
}
.s_navi a{
line-height:20px;
text-decoration: none;
color:#2651b1;
margin-right:6px;
}
.s_navi a:hover{
color: #a16b00;
text-decoration: underline;
}

.s_navi_right{
float:right;
border:0px #999999 solid;
margin-top:0px;
}

.s_title{
margin:5px 0;
font-size:25px;
line-height:50px;
height:55px;
border-bottom:2px #4dbaf2 solid;
}
.s_title img{
margin-right:10px;
}
.opdtc{
color:#cc9900;
font-size:13px;
line-height:25px;
}
/*商品頁面的內文說明*/
.opdescrip{
padding:10px;
}
.oppic li{
width:600px;
text-align:center;
padding:5px 0;
}
.promemo{
padding:10px;
line-height:20px;
font-size:15px;
text-align:center;
}
.prodescrip{
text-align:center;
padding:15px;
}


/*商品清單*/
.pro_s_fm{
border:0px #999999 solid;
width:200px;
height:200px;
float:left;
margin-left:7px;
margin-top:7px;
border:1px #7a99ff dashed;
}
.pro_s_fm .pic{
margin:0 auto;
height:180px;
width:180px;
border:0px #999999 solid;
line-height:180px;
text-align:center;
}
.proname{
width:180px;
margin:0 auto;
text-align:center;
}
.pro_s_fm .pic img:hover{
-webkit-filter:brightness(1.2);
}




/*新聞清單*/
.newlist{
   width:100%;
}
.newlist .new_block{
width:300px;
height:200px;
border:0px #999999 solid;
float:left;
margin:5px 0 0 10px;
overflow:hidden;
position:relative;
}
.newlist .new_block .newname{
position:absolute;bottom:10px;right:10px;
border:0px #999999 solid;
width:100%;
text-align:right;
}
   .newlist .new_block .newname a{
   text-decoration: none;
   color:#000;
   font-size:15px;
   display:block;
   }
   .newlist .new_block .newname a:hover{
   text-decoration: none;
   color:#999;
   font-size:15px;
   }   


.newlist .new_block .dtc{
position:absolute;bottom:30px;left:10px;
border:0px #999999 solid;
width:100%;
color:#cc9900;
}
.newlist .new_block .mark{
position:absolute;bottom:0px;
background-color:#fff;
height:50px;
width:100%;
opacity:0.8;
filter:alpha(opacity=80);
}
.newlist .new_block .pic img:hover{
-webkit-filter:brightness(1.2);
}
.splitpage{
clear:both;
}












/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
}
#back-top a {
	width: 108px;
	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: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 108px;
	height: 108px;
	display: block;
	margin-bottom: 7px;
	background: #66ffff url(up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}


	@-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);
		}
	}