.main-slider * {box-sizing:border-box}
.main-slider {position:relative;display:block;width:100%;height:472px;overflow:hidden}
.main-slider .flexslider {height:472px}
.main-slider .flexslider ul.slides {height:472px}
.main-slider .flexslider ul.slides li.box {position:relative;width:100%;height:100%;margin:0;padding:0;overflow:hidden}
	.main-slider .flexslider ul.slides li.box img {display:block;width:100%;height:100%}
	.main-slider .flexslider ul.slides li.box a {position:absolute;top:0;left:0;display:block;width:100%;height:100%}


/*main flexslider*/
.main-slider .flex-direction-nav {opacity:0;visibility:hidden;bottom:12px !important;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease}
	.main-slider:hover .flex-direction-nav {opacity:1;visibility:visible}
.main-slider .flex-control-nav {bottom:15px}
.main-slider .flex-control-nav li {margin:0 5px !important}
.main-slider .flex-control-paging li a,
.main-slider .flex-control-nav li a {display:inline-block;height:22px;width:22px;cursor:pointer;font-size:0px}
.main-slider .flex-control-nav li a {background-position:-22px 2px}
	.main-slider .flex-control-nav li a:not(.touch):hover {background-position:2px -20px}
body .main-slider .flex-direction-nav li {background:#fff}
body .flexslider li {margin:0;padding:0px}
.main-slider .flex-direction-nav li,
.main-slider .flex-direction-nav li a {height:34px;width:34px;overflow:hidden}
.main-slider .flex-direction-nav li {position:absolute;top:calc(50% - 17px);right:10px;z-index:2}
	.main-slider .flex-direction-nav li:first-child {left:10px}
.main-slider .flex-direction-nav li.flex-nav-prev a.flex-prev {*background-position:10px -95px}
	.flex-direction-nav li.flex-nav-prev a:before {content:'←';line-height:38px;font-size:20px}
	.main-slider .flex-direction-nav li.flex-nav-prev:hover a.flex-prev {*background-position:15px 11px}
.main-slider .flex-direction-nav li.flex-nav-next a.flex-next {*background-position:-19px -95px}
	.main-slider .flex-direction-nav li.flex-nav-next:hover a.flex-next {*background-position:-19px 11px}
	.flex-direction-nav li.flex-nav-next a:before {content:'→';line-height:38px;font-size:20px}


@media only screen and ( min-width: 200px ) and ( max-width: 320px )
{
	.main-slider {height:260px}
	.main-slider .flex-control-nav {bottom:6px}
}

@media only screen and ( min-width: 321px ) and ( max-width: 450px )
{
	.main-slider {height:300px}
	.main-slider .flexslider {height:300px}
	.main-slider .flexslider ul.slides {height:300px}
	.main-slider .flex-control-nav {bottom:8px}
}

@media only screen and ( min-width: 451px ) and ( max-width: 640px )
{
	.main-slider {height:320px}
	.main-slider .flexslider {height:320px}
	.main-slider .flexslider ul.slides {height:320px}
	.main-slider .flex-control-nav {bottom:8px}
}

@media only screen and ( min-width: 641px ) and ( max-width: 850px )
{
	.main-slider {height:400px}
	.main-slider .flex-control-nav {bottom:10px}
}