@charset "utf-8";
/* CSS Document */

.viewport {
    width: 980px;
	height:175px;
    overflow: hidden;
    margin: 0 auto;
    -webkit-transform: translateZ(0); /* Optional: When heavy at iOS6+ */
}

.viewport02 {
    width: 980px;
	height:200px;
    overflow: hidden;
    margin: 0 auto;
    -webkit-transform: translateZ(0); /* Optional: When heavy at iOS6+ */
}

.viewport_top {
    width: 980px;
	height:200px;
    overflow: hidden;
    margin: 0 auto;
    -webkit-transform: translateZ(0); /* Optional: When heavy at iOS6+ */
}

.flipsnap {width: 1722px; /* 246px(item width) * (item count) */}
.flipsnap:after { content: ''; display: block; clear: both; height: 0;}

.flipsnap02 {width: 9102px; /* 246px(item width) * (item count) */}
.flipsnap02:after { content: ''; display: block; clear: both; height: 0;}

.flipsnap03 {width: 2460px; /* 246px(item width) * (item count) */}
.flipsnap03:after { content: ''; display: block; clear: both; height: 0;}


.item {
    float: left;
    width: 236px;
    text-align: center;
    padding: 0;
    background: #ffff;
    color: #333;
	height:145px;
	margin:0 10px 0 0;
}

.item02 {
    float: left;
    width: 130px;
    text-align: center;
    padding: 0;
    background: #ffff;
    color: #333;
	height:200px;
	margin:0 12px 0 0;
}

.item02:last-child{
	margin:0 0 0 0;
}

.item02 div img{width:130px;}

.controls{}
.f_left_slide{float:left; margin:-170px 0 0 -30px; padding:0; border:0; width:20px;}
.f_right_slide{float:right; margin:-170px -20px 0 0; padding:0; border:0; width:20px;}


.controls{}
.f_left_slide02{float:left; margin:-190px 0 0 -30px; padding:0; border:0; width:20px;}
.f_right_slide02{float:right; margin:-190px -20px 0 0; padding:0; border:0; width:20px;}

.controls button{margin:0; padding:0; border:0; background-color:#fff; cursor: pointer}

button.prev:disabled,
button.next:disabled {display: none;}

button.prev02:disabled,
button.next02:disabled {display: none;}

button.prev03:disabled,
button.next03:disabled {display: none;}