/*! http://responsiveslides.com v1.55 by @viljamis */

#slider_wrap {width:100%; border-bottom:1px solid #dbdbdb; margin-left:auto; margin-right:auto; margin-top:-16px; margin-bottom:220px;}
@media screen and (max-width:980px){
	#slider_wrap { margin-bottom:0; }
}

#rslides { width: 1295px; height: 429px; margin: 0 auto 128px; clear: both; }
.rslides_container { position: relative; float: right; width: 972px; }
@media screen and (max-width:1080px){
	.rslides_container { position: relative; float: none; width: 100%; }
	#rslides { width: 100%; height: 630px; margin: 0 auto 128px; clear: both; }
}
@media screen and (max-width:980px){
	#rslides { width: 100%; height: auto; margin: 0 auto 36px; }
	.rslides_container { float: none; width: 100%; }
}

.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0 auto; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.rslides li span { position: absolute; bottom: 0; right: 0; color: #fff; background: #000; font-size: 75%; padding: 5px 10px; z-index: 2; }

.centered-btns_nav { z-index: 11; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 40px; opacity: 0.7; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 32px; width: 20px; background: transparent url("../img/themes.svg") no-repeat left top; margin-top: -45px; }
@media screen and (max-width:980px){
	.centered-btns_nav { display: none; }
}

.centered-btns_nav:active { opacity: 1.0; }

.centered-btns_nav.next { left: auto; background-position: right top; right: 40px; }

.transparent-btns_nav { z-index: 3; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 0; left: 0; display: block; background: #fff; /* Fix for IE6-9 */ opacity: 0; filter: alpha(opacity=1); width: 48%; text-indent: -9999px; overflow: hidden; height: 91%; }

.transparent-btns_nav.next { left: auto; right: 0; }

.large-btns_nav { z-index: 3; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); opacity: 0.6; text-indent: -9999px; overflow: hidden; top: 0; bottom: 0; left: 0; background: #000 url("../img/themes.svg") no-repeat left 50%; width: 38px; }

.large-btns_nav:active { opacity: 1.0; }

.large-btns_nav.next { left: auto; background-position: right 50%; right: 0; }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus { outline: none; }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs { text-align: right; }
@media screen and (max-width:980px){
	.centered-btns_tabs,
	.transparent-btns_tabs,
	.large-btns_tabs { text-align: center; margin: 25px auto 20px; }
}

.centered-btns1_tabs { position: absolute; right: 40px; bottom: 50px; z-index: 10; }
@media screen and (max-width:980px){
	.centered-btns1_tabs { position: static; right: 0; bottom: 0; }
}

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li { display: inline; float: none; _float: left; *float: left; margin: 0 6px; }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a { text-indent: -9999px; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #fff; background: #fff; display: inline-block; _display: block; *display: block; width: 15px; height: 15px; }
@media screen and (max-width:980px){
	.centered-btns_tabs a,
	.transparent-btns_tabs a,
	.large-btns_tabs a { color: #ccc; background: #ccc; }
}

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a { color: #000; background: #000; }

#beginning { position: absolute; width: 1145px; height: 530px; left: -325px; top: 80px; text-align: left; z-index: 10; }
#beginning img { display: block; }
#beginning .Ktext { position: absolute; width: 970px; height: 160px; right: -79px; bottom: -80px; }
#beginning .Ktext p { float: left; width: 488px; font-size: 100%; line-height: 2.5em; font-weight: bold; margin-top: -50px; padding: 0; 
    text-shadow:
        0 2px 0 #fff,
        2px 0 0 #fff,
        0 -2px 0 #fff,
        -2px 0 0 #fff,
        -2px -2px 0 #fff,
        2px -2px 0 #fff,
        -2px 2px 0 #fff,
        2px 2px 0 #fff;
}
#beginning .Ktext a { float: right; display: block; width: 324px; text-align: center; text-decoration: none; letter-spacing: .05em; margin-top: 60px; color: #fff; padding: 15px 0; margin-right:25px;}
#beginning .Ktext a:hover { filter: alpha(style=0,opacity=80); opacity: .8; }

@media screen and (max-width:1080px){
	#beginning { position: absolute; width: 100%; height: 630px; left: 0px; top: 49px ;text-align: left; z-index: 10; }
	#beginning img { display: block; width: 45%; margin-left: -100px; }
	#beginning .Ktext { position: absolute; width: 90%; height: 160px; left: 5%; right: 5%; bottom: 0; font-weight:normal; }

}

@media screen and (max-width:980px){
	#beginning { position: static; width: 100%; height: auto; top: 0; left: 0; right: 0; bottom: 0; margin: 0 auto 30px; }
	#beginning img { display: block; width: 95%; margin: 15px auto; padding: 0; }
	#beginning .Ktext { position: static; width: 90%; height: auto; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; }
	#beginning .Ktext p { float: none; width: 100%; font-size: 90%; line-height: 2em; margin: 0 0 1em; padding: 0; background: transparent; font-weight:normal;}
	#beginning .Ktext a { float: none;  width: 100%; margin-top: 0; }

}

@media screen and (max-width:640px){
	#spbeginning {background-image:url(../img/index/sp/sp_bk.png); background-repeat: no-repeat; background-size: contain; margin-top:20px;}
	#spbeginning img {width:90%; margin:0 auto;}
}