HTML {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; HEIGHT: 100%; PADDING-TOP: 0px
}
BODY {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; HEIGHT: 100%; PADDING-TOP: 0px
}
BODY {
	FONT: 14px/18px "Microsoft YaHei",Arial, Helvetica, sans-serif; BACKGROUND: #fff; COLOR: #2b2b2b
}
IMG {
	BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none
}
A {
	COLOR: #5091e5; TEXT-DECORATION: underline
}
A:hover {
	TEXT-DECORATION: none
}
.g-hidden {
	DISPLAY: none !important
}
.g-visible {
	DISPLAY: block !important
}
.l-page {
	MARGIN: 0px auto; WIDTH: 980px; OVERFLOW: hidden
}
.l-page-i {
	Z-INDEX: 100; POSITION: relative; WIDTH: 980px; FLOAT: left
}
.l-page__column {
	POSITION: relative; FLOAT: left; LEFT: 100%
}
.l-page__column_l {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 730px; PADDING-RIGHT: 0px; MARGIN-LEFT: -980px; PADDING-TOP: 31px
}
.l-page__column_r {
	WIDTH: 220px; MARGIN-LEFT: -220px
}
.b-head {
	POSITION: relative; MARGIN: 0px auto; WIDTH: 1000px; HEIGHT: 105px
}
.b-head__support {
	POSITION: absolute; TEXT-ALIGN: right; FONT: 14px/18px Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; COLOR: #494949; TOP: 45px; RIGHT: 0px
}
.b-indexInfo {
	POSITION: absolute; TEXT-ALIGN: right; TOP: 0px; RIGHT: 0px;background:url(../images/mu.gif) no-repeat #FFF center 0;background-position: center; width:500px; height:104px
}
.b-indexInfo p {
	TEXT-ALIGN: right; FONT: 14px/18px Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; COLOR: #494949; RIGHT: 0px; padding-top:45px
}
.b-logotext {
	POSITION: absolute;TEXT-ALIGN: right;TOP: 25px; RIGHT: 0px
}
.b-logotext h1 a:link{ color:#070151; text-decoration:none

}
.b-Indexlanguage {
	LIST-STYLE-POSITION: outside; POSITION: absolute; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; TOP: 60px; PADDING-TOP: 0px; LEFT: 260px;list-style:none
}
.b-language {
	LIST-STYLE-POSITION: outside; POSITION: absolute; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; TOP: 45px; PADDING-TOP: 0px; LEFT: 260px;list-style:none
}
.b-language__item {
	PADDING-RIGHT: 10px; FLOAT: left; opacity: 0.5
}
.b-language__item_cur {
	opacity: 1
}
.b-language span {
	text-align:center;font:16px/2 'Microsoft Yahei';border-bottom:1px solid #ddd;padding:0;
}
.b-language span A {
	COLOR: #070151; TEXT-DECORATION: none
}
.b-logo {
	POSITION: absolute; TOP: 18px; LEFT: 0px
}
.b-menu {
	BORDER-BOTTOM: #3b73c7 1px solid; WIDTH: 100%; BACKGROUND: url(../images/menu.png) #427ddb repeat-x; HEIGHT: 56px; BORDER-TOP: #6ab2ee 1px solid
}
.b-menu-i {
	LIST-STYLE-POSITION: outside; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px auto; PADDING-LEFT: 1px; WIDTH: 976px; PADDING-RIGHT: 1px; BACKGROUND: url(../images/menu-i.png) no-repeat; HEIGHT: 56px; PADDING-TOP: 0px
}
.b-menu__item {
	WIDTH: 122px; FLOAT: left; HEIGHT: 56px
}
.b-menu__item__link {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 122px; PADDING-RIGHT: 0px; DISPLAY: block; FONT: bold 16px/16px Arial, Helvetica, sans-serif; BACKGROUND: url(../images/menu-item-link.png) no-repeat; HEIGHT: 36px; COLOR: #fff; TEXT-DECORATION: none; PADDING-TOP: 20px; text-shadow: 0 1px 1px #143d7d
}
.b-menu__item__link:hover {
	BACKGROUND-POSITION: 0px -56px
}
.b-menu__item__link_act {
	BACKGROUND-POSITION: 0px -56px
}
.b-intro {
	Z-INDEX: 1000; POSITION: relative; WIDTH: 100%; BACKGROUND: url(../images/intro.png) #3e8edf no-repeat center top; HEIGHT: 347px
}
.b-intro-i {
	POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-LEFT: 10px; WIDTH: 980px; PADDING-RIGHT: 10px; PADDING-TOP: 52px
}
.b-intro__title {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 25px; PADDING-LEFT: 0px; WIDTH: 600px; PADDING-RIGHT: 0px; FONT: bold 24px/28px Arial, Helvetica, sans-serif; COLOR: #feffff; PADDING-TOP: 0px
}
.b-intro__title STRONG {
	COLOR: #c0e2ff
}
.b-intro__description {
	MARGIN: 0px 0px 23px; WIDTH: 500px; FONT: 16px/22px Arial, Helvetica, sans-serif; COLOR: #dcebf9
}
.b-intro__btns {
	WIDTH: 500px; OVERFLOW: hidden
}
.b-intro__btns__text {
	PADDING-BOTTOM: 14px; PADDING-LEFT: 14px; PADDING-RIGHT: 14px; FONT: 18px/18px Arial, Helvetica, sans-serif; FLOAT: left; COLOR: #fff; PADDING-TOP: 14px; text-shadow: 0 1px 1px #235384
}
.b-intro__box {
	POSITION: absolute;
	WIDTH: 368px;
	HEIGHT: 398px;
	TOP: 24px;
	RIGHT: 0px;
	background-image: url(../images/pic-box-cn.png);
}
.b-intro__box_ru {
	BACKGROUND: url(../images/pic-box-ru.png) no-repeat
}
.b-intro__box_en {
	BACKGROUND: url(../images/pic-box-en.png) no-repeat
}
.b-intro__box_cn {
	BACKGROUND: url(../images/pic-box-cn.png) no-repeat
}
.b-btn:hover {
	BACKGROUND-POSITION: 0px -56px
}
.b-btn:active {
	BACKGROUND-POSITION: 0px -114px
}
.b-btn {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 59px; WIDTH: 118px; PADDING-RIGHT: 0px; DISPLAY: block; FONT: 11px/14px Arial, Helvetica, sans-serif; HEIGHT: 44px; CURSOR: pointer; TEXT-DECORATION: none; PADDING-TOP: 14px
}
.b-btn__text {
	MARGIN: 0px 0px 1px; DISPLAY: block; FONT: bold 18px/18px Arial, Helvetica, sans-serif; COLOR: #fff
}
.b-btn_buy {
	BACKGROUND: url(../images/btn-buy.png) no-repeat; FLOAT: left; COLOR: #d6e8c1
}
.b-btn_buy .b-btn__text {
	text-shadow: 0 1px 1px #4e6e27
}
.b-btn_download {
	BACKGROUND: url(../images/btn-download.png) no-repeat; FLOAT: left; COLOR: #cde1f6
}
.b-btn_download .b-btn__text {
	text-shadow: 0 1px 1px #335d92
}
.b-index-about {
	BACKGROUND: url(../images/shadow.png) no-repeat center bottom; OVERFLOW: hidden
}
.b-index-about__title {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 19px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT: bold 16px/18px Arial, Helvetica, sans-serif; COLOR: #cdcccc; PADDING-TOP: 0px
}
.b-index-about__list {
	LIST-STYLE-POSITION: outside; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px 0px 23px; PADDING-LEFT: 0px; WIDTH: 760px; PADDING-RIGHT: 0px; OVERFLOW: hidden; PADDING-TOP: 0px
}
.b-index-about__list__item {
	WIDTH: 208px; PADDING-RIGHT: 45px; FLOAT: left
}
.b-index-about__list__item__name {
	MARGIN: 0px 0px 7px; FONT: bold 14px/18px Arial, Helvetica, sans-serif
}
.b-index-about__list__item__text {
	MARGIN: 0px; COLOR: #707070
}
.b-index-announce {
	OVERFLOW: hidden
}
.b-index-announce__title {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 25px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT: bold 16px/18px Arial, Helvetica, sans-serif; COLOR: #cdcccc; PADDING-TOP: 30px
}
.b-index-announce__list {
	LIST-STYLE-POSITION: outside; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px 0px 23px; PADDING-LEFT: 0px; WIDTH: 760px; PADDING-RIGHT: 0px; OVERFLOW: hidden; PADDING-TOP: 0px
}
.b-index-announce__list__item {
	WIDTH: 208px; PADDING-RIGHT: 45px; FLOAT: left
}
.b-index-announce__list__item__pic {
	POSITION: absolute; MARGIN-BOTTOM: 3px; FLOAT: left; TOP: 0px
}
.b-index-announce__list__item__name {
	POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT: bold 14px/18px Arial, Helvetica, sans-serif; PADDING-TOP: 131px
}
.b-index-announce__list__item__text {
	MARGIN: 0px; COLOR: #707070
}
.b-side-releases {
	MARGIN: 0px 0px 8px; BACKGROUND: #f8f7f1; OVERFLOW: hidden
}
.b-side-releases-i {
	MARGIN-BOTTOM: -1px
}
.b-side-releases__title {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 10px; PADDING-LEFT: 20px; WIDTH: 180px; PADDING-RIGHT: 20px; FONT: bold 14px/18px Arial, Helvetica, sans-serif; BACKGROUND: url(../images/side-releases-title.png) no-repeat; HEIGHT: 59px; PADDING-TOP: 68px
}
.b-side-releases__item {
	BORDER-BOTTOM: #dfded8 1px solid;
	PADDING-BOTTOM: 10px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	PADDING-TOP: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.b-side-releases__item__name {
	MARGIN: 0px; FONT-WEIGHT: bold
}
.b-side-releases__item__details {
	LIST-STYLE-POSITION: outside; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.b-side-releases__item__details__item {
	
}
.b-side-releases__item__ctrls {
	MARGIN: 0px
}
.b-side-news {
	PADDING-BOTTOM: 50px; MARGIN: 8px 0px 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; BACKGROUND: #f8f7f1; PADDING-TOP: 18px
}
.b-side-news__title {
	MARGIN: 0px 0px 10px; FONT: bold 14px/18px Arial, Helvetica, sans-serif
}
.b-side-news__item {
	MARGIN: 0px 0px 14px
}
.b-side-news__item__date {
	MARGIN: 0px; FONT: 11px/18px Arial, Helvetica, sans-serif; COLOR: #898989
}
.b-side-news__item__text {
	MARGIN: 0px
}
.b-side-news__all {
	MARGIN: 0px
}
.ae-intro {
	Z-INDEX: 1000; POSITION: relative; WIDTH: 100%; BACKGROUND: url(../images/ae-intro.png) #3e8edf no-repeat center top; HEIGHT: 347px
}
.ae-intro-i {
	POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-LEFT: 10px; WIDTH: 1006px; PADDING-RIGHT: 10px; PADDING-TOP: 30px
}
.ae-intro_prod {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 70px; PADDING-LEFT: 0px; WIDTH: 505px; PADDING-RIGHT: 0px; FONT: bold 14px/18px Arial, Helvetica, sans-serif; COLOR: #feffff; PADDING-TOP: 0px
}
.ae-intro_buy {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 20px; PADDING-LEFT: 0px; WIDTH: 505px; PADDING-RIGHT: 0px; FONT: bold 14px/18px Arial, Helvetica, sans-serif; COLOR: #feffff; PADDING-TOP: 0px
}
.ae-intro__title {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 25px 13px; PADDING-LEFT: 0px; WIDTH: 505px; PADDING-RIGHT: 0px; FONT: bold 30px/28px Arial, Helvetica, sans-serif; COLOR: #feffff; PADDING-TOP: 0px
}
.ae-intro__description {
	MARGIN: 0px 0px 23px 13px; WIDTH: 500px; FONT: 16px/22px Arial, Helvetica, sans-serif; COLOR: #feffff
}
.ae-intro-prod__list {
	LIST-STYLE-POSITION: outside; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px 0px 23px; PADDING-LEFT: 0px; WIDTH: 980px; PADDING-RIGHT: 0px; FONT: bold 14px/28px Arial, Helvetica, sans-serif; OVERFLOW: hidden; PADDING-TOP: 0px
}
.ae-intro-prod__list_item {
	FLOAT: left
}
.ae-intro-prod__list_item_left {
	WIDTH: 13px; BACKGROUND: url(../images/about/prod_left.png) no-repeat left top
}
.ae-intro-prod__list_item_right {
	WIDTH: 13px; BACKGROUND: url(../images/about/prod_right.png) no-repeat center top
}
.ae-intro-prod__list_item_center {
	BACKGROUND: url(../images/about/prod_center.png) repeat-x center top
}
.ae-intro-prod__list_item_other {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 13px; PADDING-RIGHT: 13px; PADDING-TOP: 0px
}
.ae-intro-prod__list_item_other_l {
	COLOR: #feffff
}
.ae__btns {
	TEXT-ALIGN: left; MARGIN: 13px; WIDTH: 420px; OVERFLOW: hidden
}
.ae__btns_a {
	TEXT-ALIGN: left; MARGIN: 13px; WIDTH: 200px; OVERFLOW: hidden
}
.ae__btns__text {
	PADDING-BOTTOM: 14px; PADDING-LEFT: 14px; PADDING-RIGHT: 14px; FONT: 18px/18px Arial, Helvetica, sans-serif; FLOAT: left; COLOR: #2b2b2b; PADDING-TOP: 14px; text-shadow: 0 1px 1px #235384
}
.ae-btn:hover {
	BACKGROUND-POSITION: 0px -55px
}
.ae-btn:active {
	BACKGROUND-POSITION: 0px -110px
}
.ae-btn {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 59px; WIDTH: 118px; PADDING-RIGHT: 0px; DISPLAY: block; FONT: 11px/14px Arial, Helvetica, sans-serif; HEIGHT: 43px; CURSOR: pointer; TEXT-DECORATION: none; PADDING-TOP: 14px
}
.ae-btn_a {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 57px; WIDTH: 120px; PADDING-RIGHT: 0px; DISPLAY: block; FONT: 11px/14px Arial, Helvetica, sans-serif; HEIGHT: 39px; CURSOR: pointer; TEXT-DECORATION: none; PADDING-TOP: 16px
}
.ae-btn_b {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 54px; WIDTH: 123px; PADDING-RIGHT: 0px; DISPLAY: block; FONT: 11px/14px Arial, Helvetica, sans-serif; HEIGHT: 43px; CURSOR: pointer; TEXT-DECORATION: none; PADDING-TOP: 14px
}
.ae-btn__text {
	MARGIN: 0px 0px 1px; DISPLAY: block; FONT: bold 18px/18px Arial, Helvetica, sans-serif; COLOR: #fff
}
.ae-btn_buy {
	BACKGROUND: url(../images/btn-buy-a.png) no-repeat; FLOAT: left; COLOR: #d6e8c1
}
.ae-btn_buy .ae-btn__text {
	text-shadow: 0 1px 1px #4e6e27
}
.ae-btn_download {
	BACKGROUND: url(../images/btn-download-a.png) no-repeat; FLOAT: left; COLOR: #cde1f6
}
.ae-btn_download .ae-btn__text {
	text-shadow: 0 1px 1px #335d92
}
.ae-btn_pricing {
	BACKGROUND: url(../images/btn-pricing-a.png) no-repeat; FLOAT: left; COLOR: #d6e8c1
}
.ae-btn_pricing .ae-btn__text {
	text-shadow: 0 1px 1px #4e6e27
}
.ae-btn_request {
	BACKGROUND: url(../images/btn-request-a.png) no-repeat; FLOAT: left; COLOR: #cde1f6
}
.ae-btn_request .ae-btn__text {
	text-shadow: 0 1px 1px #335d92
}
.d-intro {
	Z-INDEX: 1000; POSITION: relative; WIDTH: 100%; BACKGROUND: url(../images/d-intro.png) #3e8edf no-repeat center top; HEIGHT: 347px
}
.d-intro-i {
	POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-LEFT: 10px; WIDTH: 980px; PADDING-RIGHT: 10px; PADDING-TOP: 30px
}
.d-intro__title {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 25px; PADDING-LEFT: 0px; WIDTH: 505px; PADDING-RIGHT: 0px; FONT: bold 30px/28px Arial, Helvetica, sans-serif; COLOR: #feffff; PADDING-TOP: 0px
}
.d-btn:hover {
	BACKGROUND-POSITION: 0px -47px
}
.d-btn:active {
	BACKGROUND-POSITION: 0px -94px
}
.d-btn {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 30px; WIDTH: 118px; PADDING-RIGHT: 0px; DISPLAY: block; FONT: bold 14px/18px Arial, Helvetica, sans-serif; HEIGHT: 33px; CURSOR: pointer; TEXT-DECORATION: none; PADDING-TOP: 14px
}
.d-btn_download {
	BACKGROUND: url(../images/btn-download-b.png) no-repeat; COLOR: #feffff; text-shadow: 0 1px 1px #335d92
}
.buy-intro {
	Z-INDEX: 1000; POSITION: relative; WIDTH: 100%; BACKGROUND: url(../images/b-intro.png) #3e8edf no-repeat center top; HEIGHT: 347px
}
.buy-intro-i {
	POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-LEFT: 10px; WIDTH: 980px; PADDING-RIGHT: 10px; PADDING-TOP: 30px
}
.buy-intro__title {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 25px; PADDING-LEFT: 0px; WIDTH: 505px; PADDING-RIGHT: 0px; FONT: bold 30px/28px Arial, Helvetica, sans-serif; COLOR: #feffff; PADDING-TOP: 0px
}
.buy-btn:hover {
	BACKGROUND-POSITION: 0px -47px
}
.buy-btn:active {
	BACKGROUND-POSITION: 0px -94px
}
.buy-btn {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 146px; PADDING-RIGHT: 0px; DISPLAY: block; FONT: bold 14px/18px Arial, Helvetica, sans-serif; HEIGHT: 33px; CURSOR: pointer; TEXT-DECORATION: none; PADDING-TOP: 14px
}
.buy-btn_download {
	BACKGROUND: url(../images/btn-buy-b.png) no-repeat; COLOR: #feffff; text-shadow: 0 1px 1px #4e6e27
}
.buy-btn_opt:hover {
	BACKGROUND-POSITION: 0px -93px
}
.buy-btn_opt:active {
	BACKGROUND-POSITION: 0px -186px
}
.buy-btn_opt {
	WIDTH: 170px; DISPLAY: block; FONT: bold 14px/18px Arial, Helvetica, sans-serif; HEIGHT: 93px; CURSOR: pointer; TEXT-DECORATION: none
}
.buy-btn_opt_pay1 {
	BACKGROUND: url(../images/buy/paymento1.png) no-repeat; COLOR: #feffff; text-shadow: 0 1px 1px #335d92
}
.buy-btn_opt_pay2 {
	BACKGROUND: url(../images/buy/paymento2.png) no-repeat; COLOR: #feffff; text-shadow: 0 1px 1px #335d92
}
.buy-btn_opt_pay3 {
	BACKGROUND: url(../images/buy/paymento3.png) no-repeat; COLOR: #feffff; text-shadow: 0 1px 1px #335d92
}
.buy-types-div {
	PADDING-BOTTOM: 25px
}
.buy-types-list {
	LIST-STYLE-POSITION: outside; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px auto; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT: 14px/18px Arial, Helvetica, sans-serif; COLOR: #2b2b2b; PADDING-TOP: 0px
}
.buy-types-list_oap {
	LIST-STYLE-POSITION: outside; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px auto; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT: 14px/18px Arial, Helvetica, sans-serif; COLOR: #2b2b2b; PADDING-TOP: 0px
}
.buy-types-col {
	PADDING-BOTTOM: 7px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 7px
}
.buy-types-col_l {
	WIDTH: 240px; FLOAT: left; CURSOR: pointer
}
.buy-types-col_r {
	FONT-WEIGHT: bold
}
.s-intro {
	Z-INDEX: 1000; POSITION: relative; WIDTH: 100%; BACKGROUND: url(../images/s-intro.png) #3e8edf no-repeat center top; HEIGHT: 400px
}
.s-intro-i {
	POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-LEFT: 10px; WIDTH: 980px; PADDING-RIGHT: 10px; PADDING-TOP: 30px
}
.s-intro__title {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 25px; PADDING-LEFT: 0px; WIDTH: 505px; PADDING-RIGHT: 0px; FONT: bold 30px/28px Arial, Helvetica, sans-serif; COLOR: #feffff; PADDING-TOP: 0px
}
.s-btn:hover {
	BACKGROUND-POSITION: 0px -47px
}
.s-btn:active {
	BACKGROUND-POSITION: 0px -94px
}
.s-btn {
	BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; WIDTH: 146px; DISPLAY: block; FONT: bold 14px/18px Arial, Helvetica, sans-serif; BORDER-TOP-STYLE: none; HEIGHT: 47px; BORDER-LEFT-STYLE: none; CURSOR: pointer; TEXT-DECORATION: none
}
.s-btn_send {
	BACKGROUND: url(../images/btn-buy-b.png) no-repeat; COLOR: #feffff; text-shadow: 0 1px 1px #4e6e27
}
.manualbtns {
	TEXT-ALIGN: left; WIDTH: 280px; VERTICAL-ALIGN: middle
}
.manualbtnsactive {
	TEXT-ALIGN: left; WIDTH: 280px; VERTICAL-ALIGN: middle
}
.manualbtns A {
	PADDING-LEFT: 20px; DISPLAY: block; FONT: bold 14px/45px Arial; COLOR: #2b2b2b; TEXT-DECORATION: none
}
.manualbtnsactive A {
	PADDING-LEFT: 20px; DISPLAY: block; FONT: bold 14px/45px Arial; COLOR: #2b2b2b; TEXT-DECORATION: none
}
.manualbtns A {
	BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top
}
.manualbtns A:hover {
	BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left bottom
}
.manualbtnsactive A {
	BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left bottom
}
.h-intro {
	Z-INDEX: 1000; POSITION: relative; WIDTH: 100%; BACKGROUND: url(../images/h-intro.png) #3e8edf no-repeat center top; HEIGHT: 93px
}
.h-intro-i {
	POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-LEFT: 10px; WIDTH: 980px; PADDING-RIGHT: 10px; PADDING-TOP: 30px
}
.h-intro__title {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 25px; PADDING-LEFT: 0px; WIDTH: 980px; PADDING-RIGHT: 0px; FONT: bold 30px/28px Arial, Helvetica, sans-serif; COLOR: #feffff; PADDING-TOP: 0px
}
.b-footer {
	PADDING-BOTTOM: 20px;
	MARGIN: 0px auto;
	PADDING-LEFT: 0px;
	WIDTH: 980px;
	PADDING-RIGHT: 0px;
	CLEAR: both;
	BORDER-TOP: #eeeeee 1px solid;
	PADDING-TOP: 15px;
	text-align: center;
}
.b-footer__copyrights {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT: 14px/18px Arial, Helvetica, sans-serif; COLOR: #898989; PADDING-TOP: 0px
}
.b-footer__contacts {
	MARGIN: 0px; FONT: 14px/18px Arial, Helvetica, sans-serif; COLOR: #898989
}
TABLE.tuts {
	MARGIN-BOTTOM: 10px
}
TABLE.tuts {
	BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; LINE-HEIGHT: 18px; BORDER-COLLAPSE: collapse; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; BORDER-TOP: #999999 1px solid; BORDER-RIGHT: #999999 1px solid
}
TABLE.normal TH {
	BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; LINE-HEIGHT: 18px; BORDER-COLLAPSE: collapse; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; BORDER-TOP: #999999 1px solid; BORDER-RIGHT: #999999 1px solid
}
TABLE.normal TD {
	BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; LINE-HEIGHT: 18px; BORDER-COLLAPSE: collapse; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; BORDER-TOP: #999999 1px solid; BORDER-RIGHT: #999999 1px solid
}
TABLE.tuts TH {
	PADDING-BOTTOM: 2px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 2px
}
TABLE.normal TD {
	PADDING-BOTTOM: 2px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 2px
}
TABLE.tuts TH {
	TEXT-ALIGN: center; BACKGROUND-COLOR: #f4f4f4; FONT-SIZE: 14px; FONT-WEIGHT: bold
}
TABLE.tuts TD {
	TEXT-ALIGN: center; BACKGROUND-COLOR: #fdfdfd; VERTICAL-ALIGN: middle
}
#manual H1 {
	TEXT-ALIGN: left; PADDING-BOTTOM: 0px; LINE-HEIGHT: 24px; MARGIN: 6px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; PADDING-TOP: 0px
}
#manual H2 {
	TEXT-ALIGN: left; PADDING-BOTTOM: 0px; LINE-HEIGHT: 24px; MARGIN: 6px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; PADDING-TOP: 0px
}
#manual H3 {
	TEXT-ALIGN: left; PADDING-BOTTOM: 0px; LINE-HEIGHT: 24px; MARGIN: 6px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; PADDING-TOP: 0px
}
#manual H1 {
	PADDING-BOTTOM: 20px; LINE-HEIGHT: 10px; BACKGROUND-COLOR: #ccf5ff; MARGIN-TOP: 6px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; MARGIN-BOTTOM: 6px; FONT-SIZE: 20px; FONT-WEIGHT: bold; PADDING-TOP: 20px
}
#manual H2 {
	LINE-HEIGHT: 18px; MARGIN-TOP: 18px; FONT-SIZE: 14px; FONT-WEIGHT: bold
}
#manual H3 {
	FONT-SIZE: 14px; FONT-WEIGHT: bold
}
#manual P {
	TEXT-ALIGN: left; PADDING-BOTTOM: 0px; LINE-HEIGHT: 18px; MARGIN: 9px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 14px; PADDING-TOP: 0px
}
#manual OL {
	LIST-STYLE-POSITION: outside; TEXT-ALIGN: left; LINE-HEIGHT: 18px; MARGIN: 9px 0px; FONT-SIZE: 14px
}
#manual UL {
	LIST-STYLE-POSITION: outside; TEXT-ALIGN: left; LINE-HEIGHT: 18px; MARGIN: 0px 0px 18px; COLOR: #000000; FONT-SIZE: 14px
}
#manual LI {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 18px; MARGIN: 0px 0px 0px 54px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 14px; PADDING-TOP: 0px
}
#manual P.fig {
	TEXT-ALIGN: center; PADDING-BOTTOM: 18px; BORDER-RIGHT-WIDTH: 0px; TEXT-INDENT: 0px; MARGIN: 0px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; PADDING-TOP: 18px
}
#manual P.fig1 {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT: 18px; TEXT-INDENT: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#manual P.fig1 IMG {
	BORDER-BOTTOM: #ddddd8 1px solid; BORDER-LEFT: #ddddd8 1px solid; MARGIN: 18px; BORDER-TOP: #ddddd8 1px solid; BORDER-RIGHT: #ddddd8 1px solid
}
#manual CODE {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 18px; BACKGROUND-COLOR: #cccccc; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: "Courier New", Courier, monospace; FONT-SIZE: 14px; PADDING-TOP: 0px
}
#manual KBD {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 18px; BACKGROUND-COLOR: #cccccc; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: "Courier New", Courier, monospace; FONT-SIZE: 14px; PADDING-TOP: 0px
}
#manual VAR {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 18px; BACKGROUND-COLOR: #cccccc; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: "Courier New", Courier, monospace; FONT-SIZE: 14px; PADDING-TOP: 0px
}
#manual DIV.listing {
	TEXT-ALIGN: left
}
#manual DIV.listing PRE {
	BORDER-BOTTOM: #f0f0f0 1px solid; TEXT-ALIGN: left; BORDER-LEFT: #f0f0f0 1px solid; PADDING-BOTTOM: 0.5em; LINE-HEIGHT: 18px; OVERFLOW-Y: visible; BACKGROUND-COLOR: #dff4ff; MARGIN: 0px; PADDING-LEFT: 0.5em; WIDTH: 600px; PADDING-RIGHT: 0.5em; FONT-FAMILY: "Courier New", Courier, monospace; FONT-SIZE: 14px; OVERFLOW: auto; BORDER-TOP: #f0f0f0 1px solid; BORDER-RIGHT: #f0f0f0 1px solid; PADDING-TOP: 0.5em
}
#manual VAR {
	FONT-STYLE: normal
}
#manual KBD {
	DISPLAY: inline
}
#manual A.apiref {
	COLOR: #00cc33
}
#manual P.apititle {
	FONT-WEIGHT: bold
}
#manual P.faqq {
	FONT-WEIGHT: bold
}
#manual P.faqa {
	COLOR: #006600
}
#manual TABLE {
	MARGIN-TOP: 1%; MARGIN-BOTTOM: 1%
}
#manual TABLE {
	BORDER-BOTTOM: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-COLLAPSE: collapse; FONT-SIZE: 0.9em; BORDER-TOP: #666666 1px solid; BORDER-RIGHT: #666666 1px solid
}
#manual TH {
	BORDER-BOTTOM: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-COLLAPSE: collapse; FONT-SIZE: 0.9em; BORDER-TOP: #666666 1px solid; BORDER-RIGHT: #666666 1px solid
}
#manual TD {
	BORDER-BOTTOM: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-COLLAPSE: collapse; FONT-SIZE: 0.9em; BORDER-TOP: #666666 1px solid; BORDER-RIGHT: #666666 1px solid
}
#manual TH {
	PADDING-BOTTOM: 2px; PADDING-LEFT: 0.9em; PADDING-RIGHT: 0.9em; PADDING-TOP: 2px
}
#manual TD {
	PADDING-BOTTOM: 2px; PADDING-LEFT: 0.9em; PADDING-RIGHT: 0.9em; PADDING-TOP: 2px
}
#manual TH {
	TEXT-ALIGN: center; VERTICAL-ALIGN: middle; FONT-WEIGHT: bold
}
#manual TD {
	TEXT-ALIGN: center; VERTICAL-ALIGN: middle
}
#manual .retvals TD {
	TEXT-ALIGN: left
}
#manual .qablock {
	MARGIN-TOP: 1em; MARGIN-BOTTOM: 1em
}
#manual #bezel_table {
	PADDING-BOTTOM: 0px; BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 100%; BORDER-LEFT-WIDTH: 0px; PADDING-TOP: 0px
}
#manual #main_window {
	TEXT-ALIGN: left; PADDING-BOTTOM: 2%; BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; PADDING-LEFT: 1%; PADDING-RIGHT: 1%; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; VERTICAL-ALIGN: top; BORDER-LEFT-WIDTH: 0px; PADDING-TOP: 1%
}
#manual #footer_window {
	PADDING-BOTTOM: 0px; BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; VERTICAL-ALIGN: bottom; BORDER-LEFT-WIDTH: 0px; PADDING-TOP: 0px
}
#manual #copyright {
	TEXT-ALIGN: right; PADDING-BOTTOM: 0.5%; MARGIN: 0px; PADDING-LEFT: 1%; PADDING-RIGHT: 1%; COLOR: #999999; PADDING-TOP: 1%
}
#manual .def-Text {
	BACKGROUND-COLOR: #ffffff; COLOR: #000000
}
#manual .def-HorzCross {
	BACKGROUND-COLOR: #e1ebe0; COLOR: #000000
}
#manual .def-VertCross {
	BACKGROUND-COLOR: #e1ebe0; COLOR: #000000
}
#manual .def-String {
	COLOR: #0000ff
}
#manual .def-Comment {
	COLOR: #808080
}
#manual .def-CommentContent {
	COLOR: #808080; FONT-WEIGHT: bold
}
#manual .def-CommentDoc {
	COLOR: #808080
}
#manual .def-Keyword {
	COLOR: #000084; FONT-WEIGHT: bold
}
#manual .def-Directive {
	COLOR: #000084
}
#manual .def-Tag {
	COLOR: #7f0055
}
#manual .def-OpenTag {
	COLOR: #7f0055
}
#manual .def-CloseTag {
	COLOR: #7f0055
}
#manual .def-Insertion {
	BACKGROUND-COLOR: #ffffe8; COLOR: #000000
}
#manual .def-InsertionStart {
	BACKGROUND-COLOR: #ffffa4; COLOR: #800000
}
#manual .def-InsertionEnd {
	BACKGROUND-COLOR: #ffffa4; COLOR: #800000
}
#manual .def-Error {
	BACKGROUND-COLOR: #dd0000; FONT-STYLE: italic; COLOR: #ffffff; FONT-WEIGHT: bold
}
#manual .def-ErrorText {
	COLOR: #ee00ee
}
#manual .def-TODO {
	BACKGROUND-COLOR: #808000; COLOR: #ffffff
}
#manual .def-Debug {
	BACKGROUND-COLOR: #007084; COLOR: #80abfd
}
#manual .def-URI {
	COLOR: #3f3fbf
}
#manual .def-PairStart {
	COLOR: #a0a0a0
}
#manual .def-PairEnd {
	COLOR: #a0a0a0
}
#PageInfo{color:#707070; font-size:14px; padding-bottom:15px; height:auto !important 550px; min-height:300px;
	width: 98%;
	border: 0px solid #D2D2D2;
	-moz-box-shadow: 0 0 20px #CCC;
	-webkit-box-shadow: 0 0 20px #CCC;
	box-shadow: 0 0 20px #CCC;
	margin-left: auto;
	margin-right: auto;
}

#PageInfo a img{ width:190px; height:190px;
	border: 1px solid #BBB;
	padding: 2px;	
	margin: 10px 20px 10px 0;
	vertical-align: top;

}
#PageInfo p {
	margin: 0;
	text-align:center;
}
.Tok{color:blue; font-weight:bold; display:inline}
.Tno{color:red; font-weight:bold; display:inline}

a {
	outline: none;	
}

#Pagelist{color:#707070; font-size:14px; padding-bottom:15px; height:auto !important 550px; min-height:500px;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
#NewsBox .tabBox {
	border-radius:10px;
	overflow:hidden;
	height:auto;
}
#NewsBox h1 { 
    font-size:18px; 
    color:#FFF
}
.topic:before,#NewsBox .tabMenu>a {
	display:inline-block;
	*vertical-align:auto;
	*zoom:1;
	*display:inline
}
#NewsBox .tabMenu>a,#NewsBox .tabMenu>a.current,#NewsBox ul>li {
	position:relative
}
#NewsBox ul>li span  {
	position:absolute
}
#NewsBox .tabMenu>a {
	text-align:center
}

#NewsBox .tabMenu:after,#NewsBox .tabMenu>a.current:after {
	content:'';
	display:block;
	position:absolute;
	transition:all .3s
}

#NewsBox .tabMenu>a {
	font-weight:bold
}
#NewsBox .tabMenu:after {
	content:'';
	display:block;
	clear:both
}
#NewsBox .tabMenu {
	font-size:0
}
#NewsBox {
	padding:0;
	background-color: transparent;
	margin-bottom:.52083rem
}
#NewsBox .tabMenu {
	position:relative;
	z-index:1;
	margin-bottom:.20833rem;
	background-color:rgba(128,128,128,0.1)
}
#NewsBox .tabMenu:after {
	width:100%;
	height:1px;
	background-color:#61AEDC;
	z-index:-1;
	bottom:1px;
	left:0;
	transform:translateY(100%)
}
#NewsBox .tabMenu>a {
	vertical-align:top;
	width:33%;
	color:#ffffff;
	font-size:.40625rem;
	height:30px;
	line-height:30px;
	border-left:1px rgba(128,128,128,0.2) solid;
	border-top:1px rgba(128,128,128,0.2) solid;
	z-index:0
}
#NewsBox .tabMenu>a:last-child {
	float:right;
	width:33.66%;
	font-size:16px;
	border-right:1px rgba(128,128,128,0.2) solid
}
#NewsBox .tabMenu>a.current {
	z-index:1;
	color:#61AEDC;
	border-top:none;
	border-left:none;
	border-right:none
}
#NewsBox .tabMenu>a.current:after {
	background-image:none;
	background-color:white;
	width:100%;
	height:100%;
	z-index:-1;
	top:0;
	left:0;
	border-right:1px solid #61AEDC;
	border-left:1px solid #61AEDC;
	border-top:1px solid #61AEDC
}
#NewsBox .tabMenu>a:first-child.current:after {
	border-left:none
}
#NewsBox ul>li a {
	font-size:.34375rem;
	padding:.20833rem;
	display:block;
	width:100%;
	padding-right:1.875rem;
	border-bottom:1px solid rgba(128,128,128,0.1);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
#NewsBox ul>li span {
	color:#666;
	font-size:.3125rem;
	top:50%;
	right:10px;
	transform:translateY(-50%)
}
#NewsBox ul>li:last-child a {
	border-bottom:0
}
#NewsBox .tabMenu>a {
	font-size:16px;
	height:40px;
	line-height:40px;
	border-top:1px solid white
}
#NewsBox ul {
	padding-left:14px;
	padding-right:14px
}
#NewsBox ul>li a {
	font-size:14px;
	padding:6px 0px 6px 0px;
	font-weight:600
}
#NewsBox ul>li a:hover {
	background-color:rgba(128,128,128,0.05)
}
#NewsBox ul>li span {
	font-size:14px;
	letter-spacing:-1px
}
.topic:before {
	background-repeat:no-repeat;
	background-size:100% auto
}
.divframe {
	text-align:center;
	width:998px;
	margin:0 auto; 
	margin-top:30px
}
.divframe p {
	text-align:center;
	padding-left:10px;
	font-size:16px
}
.divframe h1 {
	text-align:center;
	padding-left:10px;
	font-size:18px
}
.divframe span {
	text-align:center;
	padding-left:10px;
	font-size:16px;
	line-height:30px
}
.divframehead {
	position: relative; 
	width:998px;
	height:40px;
	margin:0 auto;
	background:url(../images/bghead.png) no-repeat top;
}
.divframecenter {
	width:998px; 
	margin:0 auto;
	background:url(../images/bgcenter.png) repeat-y center;
}
.divframefoot {
   position: relative; 
   width:998px; 
   height:40px;
   margin:0 auto;
   background:url(../images/bgfoot.png) no-repeat bottom;
}
.divframpage{
	position: relative; 
	padding:0;
	background-color: transparent;
	width: 96%; 
	overflow: hidden;
	margin:0 auto;
	margin-left: auto;
	margin-right: auto;
	font-size:16px;
	height:auto;

}
.divframpage ul{
	width:100% ;
	padding:0px 5px 0px 5px;
	text-align:left
	}
.divframpage li{
	text-align:left;
	height: auto;
	line-height:40px;
    overflow:hidden
}
.divframpage ul>li span{
	color:#111;
	top:50%;
	transform:translateY(-50%);
	text-align:left;
	line-height:40px
}

.myTable {
	background-color:#FFFFFF;
	text-align:-moz-center!important;
	text-align:center;
	margin:0px auto;
	padding:0px;
	width:100%;
}
.myTable td {
	border:1px solid #D4D4D4;
	line-height:25px;
	padding:5px;
}
.myTable th {
	background-color:#EFF6FE;
	border:1px solid #D4D4D4;
	line-height:25px;
	padding:0px;
}
#SkinImg li{
	display:inline;
	overflow:hidden;
	text-align:center
}
#SkinImg img{
	width:187px;
	height: 187px;
}
.container-fluid .row {
  padding: 0 0 4em 0;
}
.container-fluid .row:nth-child(even) {
  background: #F1F4F5;

   
}

.example-title {
  text-align: center;
  margin-bottom: 60px;
  padding: 3em 0;
  border-bottom: 1px solid #E4EAEC;
}
.example-title p {
  margin: 0 auto;
  font-size: 16px;
  max-width: 400px;
}

/*==================================
    TIMELINE
==================================*/
/*-- GENERAL STYLES
------------------------------*/
.timeline {
  line-height: 1.4em;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.timeline h1, .timeline h2, .timeline h3, .timeline h4, .timeline h5, .timeline h6 {
  line-height: inherit;
}

/*----- TIMELINE ITEM -----*/
.timeline-item {
  padding-left: 40px;
  position: relative;
}
.timeline-item:last-child {
  padding-bottom: 0;
}

/*----- TIMELINE INFO -----*/
.timeline-info {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 3px;
  margin: 0 0 .5em 0;
  text-transform: uppercase;
  white-space: nowrap;
}

/*----- TIMELINE MARKER -----*/
.timeline-marker {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15px;
}
.timeline-marker:before {
  background: #FF6B6B;
  border: 3px solid transparent;
  border-radius: 100%;
  content: "";
  display: block;
  height: 15px;
  position: absolute;
  top: 4px;
  left: 0;
  width: 15px;
  transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}
.timeline-marker:after {
  content: "";
  width: 3px;
  background: #CCD5DB;
  display: block;
  position: absolute;
  top: 24px;
  bottom: 0;
  left: 6px;
}
.timeline-item:last-child .timeline-marker:after {
  content: none;
}

.timeline-item:not(.period):hover .timeline-marker:before {
  background: transparent;
  border: 3px solid #FF6B6B;
}

/*----- TIMELINE CONTENT -----*/
.timeline-content {
  padding-bottom: 40px;
}
.timeline-content p:last-child {
  margin-bottom: 0;
}

/*----- TIMELINE PERIOD -----*/
.period {
  padding: 0;
}
.period .timeline-info {
  display: none;
}
.period .timeline-marker:before {
  background: transparent;
  content: "";
  width: 15px;
  height: auto;
  border: none;
  border-radius: 0;
  top: 0;
  bottom: 30px;
  position: absolute;
  border-top: 3px solid #CCD5DB;
  border-bottom: 3px solid #CCD5DB;
}
.period .timeline-marker:after {
  content: "";
  height: 32px;
  top: auto;
}
.period .timeline-content {
  padding: 40px 0 70px;
}
.period .timeline-title {
  margin: 0;
}

/*----------------------------------------------
    MOD: TIMELINE SPLIT
----------------------------------------------*/
@media (min-width: 768px) {
  .timeline-split .timeline, .timeline-centered .timeline {
    display: table;
  }
  .timeline-split .timeline-item, .timeline-centered .timeline-item {
    display: table-row;
    padding: 0;
  }
  .timeline-split .timeline-info, .timeline-centered .timeline-info,
  .timeline-split .timeline-marker,
  .timeline-centered .timeline-marker,
  .timeline-split .timeline-content,
  .timeline-centered .timeline-content,
  .timeline-split .period .timeline-info,
  .timeline-centered .period .timeline-info {
    display: table-cell;
    vertical-align: top;
  }
  .timeline-split .timeline-marker, .timeline-centered .timeline-marker {
    position: relative;
  }
  .timeline-split .timeline-content, .timeline-centered .timeline-content {
    padding-left: 30px;
  }
  .timeline-split .timeline-info, .timeline-centered .timeline-info {
    padding-right: 30px;
  }
  .timeline-split .period .timeline-title, .timeline-centered .period .timeline-title {
    position: relative;
    left: -45px;
  }
}

/*----------------------------------------------
    MOD: TIMELINE CENTERED
----------------------------------------------*/
@media (min-width: 992px) {
  .timeline-centered,
  .timeline-centered .timeline-item,
  .timeline-centered .timeline-info,
  .timeline-centered .timeline-marker,
  .timeline-centered .timeline-content {
    display: block;
    margin: 0;
    padding: 0;
  }
  .timeline-centered .timeline-item {
    padding-bottom: 40px;
    overflow: hidden;
  }
  .timeline-centered .timeline-marker {
    position: absolute;
    left: 50%;
    margin-left: -7.5px;
  }
  .timeline-centered .timeline-info,
  .timeline-centered .timeline-content {
    width: 50%;
  }
  .timeline-centered > .timeline-item:nth-child(odd) .timeline-info {
    float: left;
    text-align: right;
    padding-right: 30px;
  }
  .timeline-centered > .timeline-item:nth-child(odd) .timeline-content {
    float: right;
    text-align: left;
    padding-left: 30px;
  }
  .timeline-centered > .timeline-item:nth-child(even) .timeline-info {
    float: right;
    text-align: left;
    padding-left: 30px;
  }
  .timeline-centered > .timeline-item:nth-child(even) .timeline-content {
    float: left;
    text-align: right;
    padding-right: 30px;
  }
  .timeline-centered > .timeline-item.period .timeline-content {
    float: none;
    padding: 0;
    width: 100%;
    text-align: center;
  }
  .timeline-centered .timeline-item.period {
    padding: 50px 0 90px;
  }
  .timeline-centered .period .timeline-marker:after {
    height: 30px;
    bottom: 0;
    top: auto;
  }
  .timeline-centered .period .timeline-title {
    left: auto;
  }
}

/*----------------------------------------------
    MOD: MARKER OUTLINE
----------------------------------------------*/
.marker-outline .timeline-marker:before {
  background: transparent;
  border-color: #FF6B6B;
}
.marker-outline .timeline-item:hover .timeline-marker:before {
  background: #FF6B6B;
}
#gmain { 
	padding:0;
	width:100%;
	background-color: transparent;
}

#gmain li {
	border:1px solid #ece9d8;
	float:left;
	height:40px;
	text-align:center;
	line-height:40px;
	display:inline;

}
#gmain .span {
	height:30px;
	line-height:30px;
	overflow: hidden; 
	display:inline-block;
}
#gmain .n0 {
	width:100%; 
	margin:0 auto;
	background-color:#ece9d8
}
#gmain .n1 {
	width:16%;
}
#gmain .n2 {
	width:8%;
}
#gmain .n3 {
	width:8%;
}
#gmain .n4 {
	width:8%;
}
#gmain .n5 {
	width:8%;
}
#gmain .n6 {
	width:50%!important;overflow: hidden; text-align:left
}
#gmain .otext {
	font-weight:normal;
	background-color:#fff
}
#gmain .otext a {
	color:#f00
}
#gmain .ntext {
	font-weight:700;
	text-align:center;
}
#gmain .htext {
	font-weight:normal;
}
#gmain .pok{background:url(../images/check.gif) no-repeat #FFF center 0;background-position: center;}
#gmain .pno{background:url(../images/uncheck.gif) no-repeat #FFF center 0;background-position: center;}