@charset "utf-8";

#fade {width:100% !important; height: auto;overflow:hidden;margin:2em auto 0 auto;}
#fade .infad, #fade .fadeimg {height:790px;}
#fade .infad {z-index: -1;margin: 0;position: relative;width:100%;min-width:640px;overflow:hidden;}
#fade .fadeimg {position: absolute;top: 0;left: 0;width: 100%;background: url(../../images/archerytop01.jpg) center 0 no-repeat;}

#overview{margin:0 auto 2em auto;padding:2em; overflow:hidden;border:solid 1px #3AB483;}
#overview h2{font-size:x-large;color:#3AB483;line-height:1.3;margin:0 0 0.5em 0;}
#overview h2 span{display: block;}
#overview p{font-size:small;line-height:1.5;margin:0;}

.atabs{width:98%;margin:0 auto;overflow:hidden;table-layout:auto;display:table;border-collapse:separate;border-spacing:0 0;}
.atabs li{display:table-cell;width:20%;text-align:center;font-size:small; font-weight: bold;vertical-align: bottom;}
.atabs li span{display:inline;}
.atabs li a{display:block;overflow:hidden;color:#FFF;background:#069c60;box-shadow:0 -3px 5px 0 rgba(0,0,0,0.4) inset;
line-height:1.3;padding:1em 0 1em 0;}
.atabs li.active a{box-shadow:none;pointer-events: none;background:#3AB483;padding:1.2em 0 1.2em 0;}
.atabs a:hover{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";}

.tabcontents {border-top:5px solid #3AB483;margin:0 auto 2em auto;}

.tabcontents h2.atitles {color:#FFF;background:#3AB483;font-size:large;font-weight:bold;padding:1em;margin:0 auto 1em auto;line-height:1.3;}
.tabcontents h2.atitlesb {color:#3AB483;font-size:medium;font-weight:bold;border-top:solid 1px;border-bottom:solid 1px;padding:0.7em 0 0.7em 0;margin:0 auto 0.5em auto;line-height:1.3;}
.tabcontents p.atexts {font-size:small;margin:0 auto 2em auto;line-height:1.4;}







@media only screen and (max-width: 1024px) {
.atabs{width:100%;}
.atabs li {font-size:x-small;}
}


@media only screen and (max-width: 960px) {
#fade .infad, #fade .fadeimg {height:30vw;}
}

@media only screen and (max-width: 736px) {
}
@media only screen and (max-width: 667px) {
}
@media only screen and (max-width: 568px) {
}
@media only screen and (max-width: 480px) {
#fade .infad {width:100%;min-width:100%;}
#fade .infad, #fade .fadeimg {height:50vw;}
#fade h2{background-size:80% auto;padding:27vw 0 5vw 0;}

#overview{margin:0 auto 1em auto;padding:1em;}
#overview h2{font-size:large;line-height:1.5;}

.atabs li span{display:block;}
.atabs li a{padding:1vh 0 1vh 0;}
.atabs li.active a{padding:1.5vh 0 1.5vh 0;}

.tabcontents h2.atitles {font-size:medium;padding:0.5em;margin:0 auto 0.5em auto;}
.tabcontents h2.atitlesb {padding:0.5em 0 0.5em 0;}
.tabcontents p.atexts {margin:0 auto 1em auto;}

ul.photos li.photowide100{float:none; width:100%;border-right:1px solid rgba(255,255,255,0);border-bottom:1px solid rgba(255,255,255,0);box-sizing: border-box;}

}