body { margin: 0; padding: 0; }
.gg { width: 100%; height: 380px; position: relative; z-index: 1; overflow: hidden; margin: 0 auto;}
.ggs { width: 200%; height:380px; left: -50%; top: 0; position: absolute; }
.ggBox { width: 100%; height:380px; margin: 0 auto; }
.ggBox a { text-align:center; display: block; width: 100%; height:380px; position: absolute; z-index: 1; opacity: 0.1; overflow:hidden;}
.ggBox img {/* display: block; width: 100%;*/ height:380px;}
.ggb { position: absolute; width: 100%; bottom:10px; height: 12px; z-index: 4; left:45%;}
.ggBtns { width: 100px; height: 12px; margin: 0 auto;/* border-left: 1px solid #090908; border-right: 1px solid #6a6a60;*/ background:none;}
.ggBtns a { float: left; display: block; width: 12px; height: 12px; text-align: center; position: relative; outline: none; background-repeat: no-repeat; cursor: pointer; }
/*.ggBtns a em { position:absolute; z-index:-1; display: block; width: 21px; height: 8px; overflow: hidden; background: url(../images/gg.png) no-repeat right top; text-indent:30px;}
*/.ggb, .ggBtns a { width:12px; height:12px; margin:0 10px 0 0; background: url(../images/gg.png) no-repeat right top;}
a.ggOn { background: url(../images/gg.png) no-repeat left top;}

.gga { width: 100%; height: 250px; position: relative; z-index: 1; overflow: hidden; margin: 0 auto;}
.ggsa { width: 200%; height: 250px; left: -50%; top: 0; position: absolute; }
.ggBoxa { width: 100%; height: 250px; margin: 0 auto; }
.ggBoxa a { text-align:center; display: block; width: 100%; height: 250px; position: absolute; z-index: 1; opacity: 0.1; overflow:hidden;}
.ggBoxa img {/* display: block; width: 100%;*/ height:250px;}