/*loading*/
#loading
        {
            background: #963 url(../images/bg.jpg) repeat left top;
            z-index: 99999;
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
        }
.loadas
        {
			z-index: 99999;
            width: 350px;
            height: 311px;
			margin-top: -155px;margin-left: -175px;
            position: absolute;visibility: visible;
            top: 50%;
            left: 50%;		
        }
/*loading~~~~~css*/
#circularG{
position:relative;
width:50px;
height:50px;
margin-top:20px;
behavior: url(ie-css3.htc);}

.circularG{
position:absolute;
background-color:#2c2c2c;
width:11px;
height:11px;
-moz-border-radius:8px;
-moz-animation-name:bounce_circularG;
-moz-animation-duration:1.04s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:8px;
-webkit-animation-name:bounce_circularG;
-webkit-animation-duration:1.04s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:8px;
-ms-animation-name:bounce_circularG;
-ms-animation-duration:1.04s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:8px;
-o-animation-name:bounce_circularG;
-o-animation-duration:1.04s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:8px;
animation-name:bounce_circularG;
animation-duration:1.04s;
animation-iteration-count:infinite;
animation-direction:linear;
behavior: url(ie-css3.htc);}

#circularG_1{
left:0;
top:20px;
-moz-animation-delay:0.39s;
-webkit-animation-delay:0.39s;
-ms-animation-delay:0.39s;
-o-animation-delay:0.39s;
animation-delay:0.39s;
behavior: url(ie-css3.htc);}

#circularG_2{
left:5px;
top:5px;
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
behavior: url(ie-css3.htc);}

#circularG_3{
top:0;
left:20px;
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
behavior: url(ie-css3.htc);}

#circularG_4{
right:5px;
top:5px;
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
behavior: url(ie-css3.htc);}

#circularG_5{
right:0;
top:20px;
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
behavior: url(ie-css3.htc);}

#circularG_6{
right:5px;
bottom:5px;
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
behavior: url(ie-css3.htc);}

#circularG_7{
left:20px;
bottom:0;
-moz-animation-delay:1.17s;
-webkit-animation-delay:1.17s;
-ms-animation-delay:1.17s;
-o-animation-delay:1.17s;
animation-delay:1.17s;
behavior: url(ie-css3.htc);}

#circularG_8{
left:5px;
bottom:5px;
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
-ms-animation-delay:1.3s;
-o-animation-delay:1.3s;
animation-delay:1.3s;
behavior: url(ie-css3.htc);}

@-moz-keyframes bounce_circularG{
0%{
-moz-transform:scale(1)}

100%{
-moz-transform:scale(.3)}

}

@-webkit-keyframes bounce_circularG{
0%{
-webkit-transform:scale(1)}

100%{
-webkit-transform:scale(.3)}

}

@-ms-keyframes bounce_circularG{
0%{
-ms-transform:scale(1)}

100%{
-ms-transform:scale(.3)}

}

@-o-keyframes bounce_circularG{
0%{
-o-transform:scale(1)}

100%{
-o-transform:scale(.3)}

}

@keyframes bounce_circularG{
0%{
transform:scale(1)}

100%{
transform:scale(.3)}

}

/**/
/* Footer

---------------------------------------- */

#footer {
	float:left;
	height:91px;
	margin:0 auto;
	width:100%;
	z-index:700;
	margin-bottom:0px;
	position: relative;
	background: url(../images/page_menu_bg.png) repeat left top;
	border:0px solid #F00;}
	
#footer .copyright{
	position:absolute;
	z-index:1002;
	height:53px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	line-height:24px;
	right:0px;
	padding:0px;
	padding-top:38px;
	margin-right:10px;
	}
	
#footer a{
	color:#fff;
	text-decoration:none;
	outline:none;
	}
	
#footer a:hover{
	color:#963;}
	
#footer .design{
	float:right;
	width:150px;
	padding-right:18px;}
#footer2{border:0px solid #F00; width:600px; height:80px; float:right;}	
/*===開起關閉內容區塊===*/


/* 選圖小圓點Misc

---------------------------------------- */

.button {
	display:inline-block;
	color:white;
	text-transform:none;
	font-size:12px;
	text-decoration:underline;}

.button:hover {
	color:#267703;
	text-decoration:none;
	}

.right-indent {
	padding-right:20px;}		

.no-results .searching {
	width:450px;}

.line-ver {
	background:url(images/line-ver.png) repeat-y right top;}
/* Always remember to compress your live stylesheet and keep an uncompressed backup */
a.home_bu {
	float:left;
	left:200px;
	width:44px;
	height: 44px;
	z-index:750;
	margin-bottom:0px;
	position: relative;
	background: url(../images/home.png) no-repeat;
	border:0px solid #FFF;
	text-indent:-999px;
	bottom:0px;
}
a.active.home_bu,a.home_bu:hover{
	float:left;
	left:200px;
	width:44px;
	height: 44px;
	z-index:750;
	margin-bottom:0px;
	position: relative;
	background: url(../images/home_1.png) no-repeat;
	border:0px solid #FFF;
	text-indent:-999px;
	bottom:0px;
}