#slide {
	position:relative;
	background:#000;
}
@media screen and (min-width: 768px) {
	#slide {
		height: 400px;
		margin: 0px auto;
	}
}
@media screen and (max-width: 767px) {
	#slide {
		width: 100%;
		height: 200px;
	}
}

#hero,
#slide-container,
.item,
.item a,
.background{}

@media screen and (min-width: 768px) {
	#hero,
	#slide-container,
	.item,
	.background {
		width: 1000px;
		height: 400px;
		margin: 0px auto;
	}
}
@media screen and (max-width: 767px) {
	#hero,
	#slide-container,
	.item,
	.background {
		width: 100%;
		height: 200px;
	}
}
#hero {overflow:hidden;}
#slide-container{position:relative;}
.item {position:absolute;top:0;left:0;display:none;}

.item a {text-decoration:none;}
.background {position:absolute;background-repeat:no-repeat;overflow:hidden;}
.foreground {
	position:relative;
	width:100%;
}
@media screen and (min-width: 768px) {
	.foreground {
		height: 400px;
	}
}
@media screen and (max-width: 767px) {
	.foreground {
		height: 200px;
	}
}

.foreground .element {position: absolute;}
.slidetitle.slidetitles,.slidesubtitle {
}
@media screen and (min-width: 768px) {
	.slidetitle {font-size:50px;font-weight:bold;}
	.slidetitles {font-size:14px;font-weight:bold;}
	.slidesubtitle {font-size:16px;}
	.slidelogo1,.slidelogo2 {width:100%;position:relative;}
	.logo1 {position:absolute;left:90px;top:75px;}
	.logo2 {position:absolute;right:90px;top:75px;}
	.slide01 {}
	.slide02 {text-align:right;}
	.slide02 .slidetitle {color:#f4c6b6;width:900px;top:160px;}
	.slide02 .slidetitles {color:#666;width:890px;top:125px;}
	.slide02 .slidesubtitle {color:#666;width:400px;top:210px;padding-left:500px;}
	.slide03 {text-align:left;}
	.slide03 .slidetitle {color: #f6d7b4;width:500px;top:150px;padding-left:100px;}
	.slide03 .slidetitles {color: #fff;width:500px;top:115px;padding-left:103px;}
	.slide03 .slidesubtitle {color: #fff;width:400px;top:190px;padding-left:100px;}
	.slide04 {text-align:left;}
	.slide04 .slidetitle {color: #d5e7be;width:900px;top:150px;padding-left:60px;}
	.slide04 .slidetitles {color: #666;width:900px;top:115px;padding-left:65px;}
	.slide04 .slidesubtitle {color: #666;width:350px;top:185px;padding-left:65px;}
	.slide05 {text-align:right;}
	.slide05 .slidetitle {color:#b7dfef;width:900px;top:160px;}
	.slide05 .slidetitles {color:#666;width:890px;top:125px;}
	.slide05 .slidesubtitle {color:#666;width:200px;top:210px;padding-left:700px;}
	.slide06 {}
}
@media screen and (max-width: 767px) {
	.slidetitle {font-size:30px;font-weight:bold;}
	.slidetitles {font-size:11px;font-weight:bold;}
	.slidesubtitle {font-size:11px;}
	.slidelogo1,.slidelogo2 {text-align:right;width:100%;}
	.logo1 {width:150px;}
	.logo2 {width:150px;}
	.slide01 {}
	.slide02 {text-align:left;}
	.slide02 .slidetitle {color:#f4c6b6;width:90%;top:30px;padding-left:10px;}
	.slide02 .slidetitles {color:#666;width:90%;top:10px;padding-left:12px;}
	.slide02 .slidesubtitle {color:#666;width:40%;top:60px;line-height:1.4em;padding-left:10px;}
	.slide03 {text-align:right;}
	.slide03 .slidetitle {color: #f6d7b4;width:95%;top:30px;}
	.slide03 .slidetitles {color: #fff;width:95%;top:10px;}
	.slide03 .slidesubtitle {color: #fff;width:95%;top:60px;line-height:1.4em;padding-right:10px;}
	.slide04 {text-align:left;}
	.slide04 .slidetitle {color: #d5e7be;width:90%;top:30px;padding-left:10px;}
	.slide04 .slidetitles {color: #666;width:90%;top:8px;padding-left:12px;}
	.slide04 .slidesubtitle {color: #666;width:40%;top:60px;line-height:1.4em;padding-left:10px;}
	.slide05 {text-align:right;}
	.slide05 .slidetitle {color:#b7dfef;width:95%;top:30px;}
	.slide05 .slidetitles {color:#666;width:95%;top:8px;}
	.slide05 .slidesubtitle {color:#666;width:40%;top:60px;line-height:1.4em;padding-left:170px;}
	.slide06 {}
}
	.slide02 .slidetitle a {color:#f4c6b6;}
	.slide03 .slidetitle a {color:#f6d7b4;}
	.slide04 .slidetitle a {color:#d5e7be;}
	.slide05 .slidetitle a {color:#b7dfef;}
	.slide02 .slidetitle a:hover {color:#ff9f7e;}
	.slide03 .slidetitle a:hover {color:#ffb45f;}
	.slide04 .slidetitle a:hover {color:#f6ffea;}
	.slide05 .slidetitle a:hover {color:#72d7ff;}

@media screen and (min-width: 768px) {
	.slide01 .background {background:url(../img/slide/slide01.jpg) left top;}
	.slide02 .background {background:url(../img/slide/slide02.jpg) left top;}
	.slide03 .background {background:url(../img/slide/slide03.jpg) left top;}
	.slide04 .background {background:url(../img/slide/slide04.jpg) left top;}
	.slide05 .background {background:url(../img/slide/slide05.jpg) left top;}
	.slide06 .background {background:url(../img/slide/slide06.jpg) left top;}
}
@media screen and (max-width: 767px) {
	.slide01 .background {background:url(../img/slide/slide01s.jpg) right top;}
	.slide02 .background {background:url(../img/slide/slide02s.jpg) left top;}
	.slide03 .background {background:url(../img/slide/slide03s.jpg) right top;}
	.slide04 .background {background:url(../img/slide/slide04s.jpg) -90px top;}
	.slide05 .background {background:url(../img/slide/slide05s.jpg) -90px top;}
	.slide06 .background {background:url(../img/slide/slide06s.jpg) left top;}
}
/* controller */
@media screen and (min-width: 768px) {
	.controller .pager {position:absolute;top:180px;z-index:9999;}
	.controller .prev {left:20px;}
	.controller .next {right:20px;}
}
@media screen and (max-width: 767px) {
	.controller .pager {position:absolute;top:130px;z-index:9999;}
	.controller .prev {left:20px;}
	.controller .next {right:20px;}
}
/* pagination */
.pagination {position:absolute;bottom:10px;right:20px;z-index:9999;}
@media screen and (min-width: 768px) {
	.pagination {width:200px;}
}
@media screen and (max-width: 767px) {
	.pagination {display:none;}
}
.pagination li {list-style:none;}
.pagination li .bullet {
display:inline;
width:12px;
height:0 !important;
padding-top:12px;

float:left;
overflow:hidden;
margin:5px;
}
.pagination li .active {
	opacity: 0.5;
}
.pagination li a:hover {
	opacity: 0.5;
}
.bullet1 {background:#e5b7b9;}
.bullet2 {background:#f4c6b6;}
.bullet3 {background:#f6d7b4;}
.bullet4 {background:#d5e7be;}
.bullet5 {background:#b7dfef;}
.bullet6 {background:#b9bad7;}