@charset "utf-8";
/*
for pc
*/
body {} 

@media screen and (min-width: 800px){
	.slider-wrapper {width:100%; height:370px;  position:relative; overflow:hidden;}
	.slider-wrapper #slider {width:100%; height:370px;position:absolute;  top:0; /*margin-left:-840px;*/ background-position:center top;}
	.slider-wrapper .nivoSlider {position:relative;background:#fff url(../image/loading.gif) no-repeat; background-position:center center; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a;}
	.slider-wrapper .nivoSlider img {position:absolute; top:0px; left:0px; display:none;}
	.slider-wrapper .nivoSlider a {border:0; display:block;}
	.slider-wrapper .nivo-control-box{z-index:10;width:1000px;height:420px;}
	.slider-wrapper .nivo-controlNav {position:absolute; right:0px; text-align:right; bottom:10px; z-index:10;}
	.slider-wrapper .nivo-controlNav a {display:block;width:22px;height:22px;background:url(../image/bullets.png) no-repeat;text-indent:999px;border:0;float:left;}
	.slider-wrapper .nivo-controlNav a.active {background-position:0 -22px;}
	.slider-wrapper .nivo-directionNav a {display:block;width:30px;height:30px;background:url(../image/arrows.png) no-repeat;text-indent:-9999px;border:0;}
	.slider-wrapper a.nivo-nextNav {background-position:-30px 0; right:15px;}
	.slider-wrapper a.nivo-prevNav {left:15px;}
	.slider-wrapper .nivo-caption {font-family: Helvetica, Arial, sans-serif;}
	.slider-wrapper .nivo-caption a {color:#fff; border-bottom:1px dotted #fff;}
	.slider-wrapper .nivo-caption a:hover {color:#fff;}
	
	/* The Nivo Slider styles */
	.nivoSlider {position:relative;}
	.nivoSlider img {position:absolute;top:0px;left:0px;}
	/* If an image is wrapped in a link */
	.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}
	/* The slices and boxes in the Slider */
	.nivo-slice {display:block;position:absolute;z-index:5;height:100%;}
	.nivo-box {display:block;position:absolute;z-index:5;}
	/* Caption styles */
	.nivo-caption {position:absolute;left:0px;bottom:0px;height:40px;background:#000;color:#fff;opacity:0.8; width:100%;z-index:8;}
	.nivo-caption p {padding:5px;margin:0;}
	.nivo-caption a {display:inline !important;}
	.nivo-html-caption {display:none;}
	/* Direction nav styles (e.g. Next & Prev) */
	.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;}
	.nivo-prevNav {left:0px;}
	.nivo-nextNav {right:0px;}
	/* Control nav styles (e.g. 1,2,3...) */
	.nivo-controlNav a {position:relative; z-index:9; cursor:pointer;}
	.nivo-controlNav a.active {font-weight:bold;}
}

@media screen and (max-width: 800px){ 

	/* for mobile*/
	.slider-wrapper {width:100%; height:120px;  position:relative; overflow:hidden;}
	.slider-wrapper #slider {width:100%; height:120px;position:absolute;  top:0; /*margin-left:-840px;*/ background-position:center top;}
	.slider-wrapper .nivoSlider {position:relative;background:#fff url(../image/loading.gif) no-repeat; background-position:center center; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a;}
	.slider-wrapper .nivoSlider img {position:absolute; top:0px; left:0px; display:none;}
	.slider-wrapper .nivoSlider a {border:0; display:block;}
	.slider-wrapper .nivo-control-box{z-index:10;width:90%;height:120px;}
	.slider-wrapper .nivo-controlNav {position:absolute; right:0px; text-align:right; bottom:10px; z-index:10;}
	.slider-wrapper .nivo-controlNav a {display:block;width:22px;height:22px;background:url(../image/bullets.png) no-repeat;text-indent:999px;border:0;float:left;}
	.slider-wrapper .nivo-controlNav a.active {background-position:0 -22px;}
	.slider-wrapper .nivo-directionNav a {display:block;width:30px;height:30px;background:url(../image/arrows.png) no-repeat;text-indent:-9999px;border:0;}
	.slider-wrapper a.nivo-nextNav {background-position:-30px 0; right:15px;}
	.slider-wrapper a.nivo-prevNav {left:15px;}
	.slider-wrapper .nivo-caption {font-family: Helvetica, Arial, sans-serif;}
	.slider-wrapper .nivo-caption a {color:#fff; border-bottom:1px dotted #fff;}
	.slider-wrapper .nivo-caption a:hover {color:#fff;}
	
	/* The Nivo Slider styles */
	.nivoSlider {position:relative; background-size:auto 120px !important; background-position:top center !important;}
	.nivoSlider img {position:absolute;top:0px;left:0px;}
	/* If an image is wrapped in a link */
	.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}
	/* The slices and boxes in the Slider */
	.nivo-slice {display:block;position:absolute;z-index:5;height:100%;}
	.nivo-box {display:block;position:absolute;z-index:5;}
	/* Caption styles */
	.nivo-caption {position:absolute;left:0px;bottom:0px;height:40px;background:#000;color:#fff;opacity:0.8; width:100%;z-index:8;}
	.nivo-caption p {padding:5px;margin:0;}
	.nivo-caption a {display:inline !important;}
	.nivo-html-caption {display:none;}
	/* Direction nav styles (e.g. Next & Prev) */
	.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;}
	.nivo-prevNav {left:0px;}
	.nivo-nextNav {right:0px;}
	/* Control nav styles (e.g. 1,2,3...) */
	.nivo-controlNav a {position:relative; z-index:9; cursor:pointer;}
	.nivo-controlNav a.active {font-weight:bold;}
	.nivoSlider img{max-height:120px !important;}
}