@charset "utf-8";

.flexslider { position: relative;min-height:605px; overflow: hidden; background: url(../images/Loading.gif) 50% no-repeat; }
.slides { position: relative; z-index: 1;min-height:605px; }
.slides li { min-height:605px;z-index:100;width:100%;min-height:600px; }
.slides li a { display: block; width: 100%; height: 100%; text-align: left; text-indent: -9999px; }
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center; }
.flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1; }
.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url(../images/dot.png) right 0 no-repeat; cursor: pointer; }
.flex-control-nav .flex-active { background-position: 2px 0; }
.flex-direction-nav { position: absolute; z-index: 3; left: 0; width: 100%; top: 45%; }
.flex-direction-nav li a { display: block; width: 50px; height: 50px; overflow: hidden; cursor: pointer; position: absolute; }
.flex-direction-nav li a.flex-prev { display: none; left: 60px; background: url(../images/prev.png) center center no-repeat; }
.flex-direction-nav li a.flex-next { display: none; right: 60px; background: url(../images/next.png) center center no-repeat; }
@media (max-width:639px) {
    .flexslider { position: relative;min-height:100px;max-height:300px; overflow: hidden; background: url(../images/Loading.gif) 50% no-repeat; }
    .slides { position: relative; z-index: 1;min-height:100px;max-height:300px;}
    .slides li { width:100%;min-height:100px;max-height:300px;z-index:100; }
    .slides li a { display: block; width: 100%; height: 100%; text-align: left; text-indent: -9999px; }
    .flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center; }
    .flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1; }
    .flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url(../images/dot.png) right 0 no-repeat; cursor: pointer; }
    .flex-control-nav .flex-active { background-position: 2px 0; }
    .flex-direction-nav { position: absolute; z-index: 3; left: 0; width: 100%; top: 45%; }
    .flex-direction-nav li a { display: block; width: 50px; height: 50px; overflow: hidden; cursor: pointer; position: absolute; }
    .flex-direction-nav li a.flex-prev { display: none; left: 60px; background: url(../images/prev.png) center center no-repeat; }
    .flex-direction-nav li a.flex-next { display: none; right: 60px; background: url(../images/next.png) center center no-repeat; }
}