@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
@font-face {
	font-family: 'wf_SegoeUILight';
	src: url('../fonts/light/latest.eot');
	src: url('../fonts/light/latest.eot?#iefix') format('embedded-opentype'), url('../fonts/light/latest.woff') format('woff'), url('../fonts/light/latest.ttf') format('truetype'), url('../fonts/light/latest.svg#web') format('svg');
}
* {
	margin: 0px;
	padding: 0px;
}
a {
	outline: none;
	text-decoration: none;
}
img {
	border: 0px;
}
table {
	border-spacing: 0px;
	border-collapse: collapse;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: "wf_SegoeUILight";
}
ol, ul {
	list-style: none;
}
body {
	color: #fff;
	font-size: 13px;
	line-height: 19px;
	font-family: 'Droid Sans', sans-serif;
}
#tmslider1 {
	width: 100%;
	height: 660px;
	overflow: hidden;
}
#one {
	position: relative;
}
#one ol li h2 {
	top: 0;
	left: 0;
	z-index: 10;
	color: #fff;
	width: 44px !important;
	height: 660px !important;
	font-size: 20px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	border-left: 1px solid #fff;
}
#one .one {
	background-color: #10394e;
}
#one .two {
	background-color: #1caab8;
}
#one .three {
	background-color: #abca4a;
}
#one .four {
	background-color: #828282;
}
#one .five {
	background-color: #71324f;
}
#one .six {
	background-color: #dd4b55;
}
#one .seven {
	background-color: #f79e3a;
}
#one .eight {
	background-color: #104a7c;
}
#one .nine {
	background-color: #33b47f;
}
#one .ten {
	background-color: #3a407a;
}
#one .eleven {
	background-color: #969aab;
}
#one ol li h2 span {
	float: left;
	width: 640px;
	display: block;
	padding-top: 10px;
	-webkit-transform: translateX(-100%) rotate(-90deg);
	-webkit-transform-origin: right top;
	-moz-transform: translateX(-100%) rotate(-90deg);
	-moz-transform-origin: right top;
	-o-transform: translateX(-100%) rotate(-90deg);
	-o-transform-origin: right top;
	transform: translateX(-100%) rotate(-90deg);
	transform-origin: right top;
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#one ol li h2.selected {
	background-color: #373737;
}
#one ol li h2 a {
	color: #fff;
}
#one ol li .inner {
	top: 0;
	width: 100%;
	height: auto;
	position: absolute;
}
#one img {
	height: auto;
	max-width: 100%;
}
#one h3 {
	color: #fff;
	font-size: 20px;
	text-align: right;
	padding: 13px 20px;
	background-color: #373737;
}
 @media only screen and (min-width:960px) and (max-width:1389px) {
#tmslider1 {
	height: 380px;
}
#one ol li h2 {
	width: 44px !important;
	height: 380px !important;
	font-size: 15px;
}
#one ol li h2 span {
	width: 360px;
}
#one h3 {
	font-size: 15px;
}
}
@media only screen and (min-width:768px) and (max-width:990px) {
#tmslider1 {
	height: 240px;
}
#one ol li h2 {
	width: 44px !important;
	height: 240px !important;
	font-size: 13px;
}
#one ol li h2 span {
	width: 230px;
}
#one h3 {
	font-size: 13px;
}
}
@media only screen and (max-width:767px) {
#tmslider1 {
	height: 110px;
}
#one ol li h2 {
	width: 44px !important;
	height: 110px !important;
	font-size: 7px;
	line-height: 12px;
}
#one ol li h2 span {
	width: 105px;
}
#one h3 {
	height: 23px;
	font-size: 7px;
	line-height: 12px;
}
}
@media only screen and (min-width:480px) and (max-width:767px) {
#tmslider1 {
	height: 110px;
}
#one ol li h2 {
	width: 44px !important;
	height: 110px !important;
	font-size: 8px;
	line-height: 10px;
}
#one ol li h2 span {
	width: 105px;
}
#one h3 {
	height: 23px;
	font-size: 8px;
	line-height: 10px;
}
}