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


#tabSlider {
	float: left;
	width: 100%;
	padding-right: 22%;
	padding-left: 2%;
	height: 850px;
}

#tabSlider .flexslider-controls {
	float: left;
	width: 100%;
	height: 65px;
	background-image: url(../images/line.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

#tabSlider .flexslider-controls .flex-control-nav {
	width: 518px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#tabSlider .flexslider-controls .flex-control-nav li {
	list-style:none;
	float: left;
	height: 65px;
	width: 60px;
	padding: 0;
	vertical-align: middle;
	cursor: pointer;
	color:#333;
	background-image: url(../images/product_menu.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	line-height: 55px;
	margin-top: 0;
	margin-right: 7px;
	margin-bottom: 0;
	margin-left: 7px;
}

#tabSlider .flexslider-controls .flex-control-nav li.flex-active {
	background-image: url(../images/product_menu1.png);
	color:#fff;
}

.flexslider{
	float: left;
	width: 740px;
	padding-top: 0;
	padding-right: 54px;
	padding-bottom: 0;
	padding-left: 54px;
}

.flexslider .boxLeft {
	float: left;
	width: 316px;
	background-image: url(../images/product_bg_left.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 205px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 25px;
	padding-right: 70px;
	padding-bottom: 0px;
	padding-left: 70px;
}

.flexslider .boxRight {
	float: left;
	width: 316px;
	background-image: url(../images/product_bg_right.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 205px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 25px;
	padding-right: 70px;
	padding-bottom: 0px;
	padding-left: 70px;
}

.flexslider .title {
	float:left;
	width: 100%;
	text-align: center;
	margin-bottom:3px;
}

.flexslider .boxLeft1 {
	float: left;
	width: 316px;
	background-image: url(../images/product_bg1_left.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 232px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 25px;
	padding-right: 70px;
	padding-bottom: 0px;
	padding-left: 70px;
}

.flexslider .boxRight1 {
	float: left;
	width: 316px;
	background-image: url(../images/product_bg1_right.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 232px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 25px;
	padding-right: 70px;
	padding-bottom: 0px;
	padding-left: 70px;
}

.flexslider p {
	font-size: 1.05em;
}

.flexslider .slides li .text {
	float:left;
	width: 100%;
	text-align: center;
}

.flexslider .slides>li{
	display:none;
}

.flex-viewport{
	max-height:2000px;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	transition:all 1s ease
}

.flex-direction-nav a{
	display: none;
}





@media only screen and (min-width: 1px) and (max-width: 674px) {

#tabSlider .flexslider-controls .flex-control-nav li {
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}

#tabSlider {
	float: left;
	width: 100%;
	padding-right: 0%;
	padding-left: 0%;
	height: 1650px;
}

#tabSlider .flexslider-controls {
	float: left;
	width: 100%;
	height: auto;
}

#tabSlider .flexslider-controls .flex-control-nav {
	float: left;
	width: 100%;
}

.flexslider{
	float: left;
	width: 100%;
	padding: 0;
}

.flexslider .boxLeft {
	background-image: url(../images/product_bg2.png);
}

.flexslider .boxRight {
	background-image: url(../images/product_bg2.png);
}

.flexslider .boxLeft1 {
	background-image: url(../images/product_bg3.png);
}

.flexslider .boxRight1 {
	background-image: url(../images/product_bg3.png);
}

.flexslider .slides li .text {
	font-size: 0.85em;
}

}

@media only screen and (min-width: 675px) and (max-width: 770px) {

#tabSlider {
	float: left;
	width: 100%;
	padding-right: 0%;
	padding-left: 0%;
	height: 850px;
}

#tabSlider .flexslider-controls {
	float: left;
	width: 100%;
	height: 65px;
}

#tabSlider .flexslider-controls .flex-control-nav {
	float: left;
	width: 100%;
}

.flexslider{
	float: left;
	width: 100%;
	padding: 0;
}

}

@media only screen and (min-width: 771px) and (max-width: 1100px) {

#tabSlider {
	width: 100%;
	padding-right: 0%;
	padding-left: 0%;
	height: 850px;
}

#tabSlider .flexslider-controls {
	float: left;
	width: 100%;
	height: 65px;
}

#tabSlider .flexslider-controls .flex-control-nav {
	float: left;
	width: 100%;
}

.flexslider{
	float: left;
	width: 740px;
	padding: 0;
}

}