@import url("reset.css");

body {color:#32323c; background-color:#fff; font:13px Arial,Helvetica,'MS Sans Serif',sans-serif}
td,th {color:#32323c; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif}
input,textarea,option,select {color:#000; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif}

/* // ---- typography ---- // */

a {color:#5f0fbe; text-decoration:underline}
a:hover {color:#aa64ff}

.m-title {color:#500096; font-size:30px; padding-bottom:14px; padding-top:27px}

/* -- ---- typography ---- -- */

#minWidth {position:relative; min-width:1000px; background:url(../img/bg.png) no-repeat 50% 75px}
.outer {width:970px; margin:0 auto}

/* // ---- top ---- // */
.top {background:url(../img/top-bg.png) no-repeat 0 0; height:94px}
	.top .logo {float:left; padding:13px 53px 0 24px}
	.top .slogan {float:left; width:290px; height:17px; background-image:url(../img/title-slogan.png); margin-top:40px}
	.top .b-top-right {float:right; width:165px; padding-right:15px; text-align:right}
	.tls-site {float:right; width:105px; padding-top:8px}
		.tls-site li {position:relative; padding:3px 0 4px}
		.tls-site a {color:#5f0fbe; text-decoration:none; border-bottom:1px dashed}
			.tls-site a:hover {color:#aa64ff}
		.tls-site .und {border-bottom-width:0; text-decoration:underline}
		.tls-site i {position:absolute; left:-20px; top:5px; width:14px; background-image:url(../img/icons-tools.gif); font-size:1px}
		.tls-site .ico-1 {height:10px; top:6px}
		.tls-site .ico-2 {height:12px; background-position:0 -10px}
		.tls-site .ico-3 {height:11px; background-position:0 -22px}
		.tls-site .active-login {z-index:99; left:-30px; background-color:#dbe9fd; padding-left:30px; width:55px}
			.tls-site .active-login i {left:10px}
			.tls-site .active-why .why-view, .tls-site .active-login .login-view {display:block}
			.tls-site .login-view {position:absolute; top:22px; left:0; width:240px; padding:15px 0 8px 30px; background-color:#dbe9fd; display:none}
				.tls-site .login-view .i-p {color:#9696aa; border:1px solid #cdd9ec; padding:1px 1px 2px 8px; width:199px; height:16px}
				.tls-site .login-view .ips {padding-bottom:10px}
			.tls-site .login-view .forgot {position:relative; z-index:9; float:right; color:#32323c; font-size:11px; margin-right:30px; border-bottom-width:0; text-decoration:underline}
				.tls-site .login-view .forgot:hover {color:#AA64FF}
			.login-view .btn {position:relative; margin-top:-5px}
			.login-view .btn span {margin-left:0 !important}
		.tls-site .active-why {z-index:99; left:-30px; background-color:#dbe9fd; padding-left:30px; width:55px}
			.tls-site .active-why i {left:10px}
			.tls-site .why-view {position:absolute; top:22px; left:-317px; width:364px; padding:10px 15px 10px 23px; background-color:#dbe9fd; display:none}
				.tls-site .why-view li {padding:0 0 0 9px; background:url(../img/li.gif) no-repeat 0 7px}
	.top .phone {}
		.top .phone big {font-size:22px}
	.top .email a {color:#5f0fbe}
		.top .email a:hover {color:#aa64ff}
.icons {height:12px; font-size:1px; padding:12px 0 7px}
	.icons a, .icons span {position:relative; display:block; width:12px; height:12px; overflow:hidden}
		.icons i {position:relative; display:block; width:35px; height:24px; background:url(../img/icons.gif)}
	.icons li {float:right; padding-left:17px}
	.icons .ico-home {}
	.icons .ico-mail {}
		.icons .ico-mail i {left:-12px}
	.icons .ico-smap {width:11px}
		.icons .ico-smap i {left:-24px}
	.icons a:hover {text-indent:0}
		.icons a:hover i, .icons span i {top:-12px}
/* -- ---- top ---- -- */

/* // ---- middle ---- // */
.middle {padding-bottom:6px}
	.middle .long-col {float:left; width:580px; padding-left:25px}
	.middle .side-col {float:right; width:290px; padding-right:15px; padding-bottom:120px}
/* -- ---- middle ---- -- */

/* // ---- navigation ---- // */
.b-navigation {font-size:14px; font-weight:bold; padding-bottom:41px; height:auto !important; min-height:76px; height:76px}
	.b-navigation a {color:#007dc8}
		.b-navigation a:hover {color:#aa64ff}
		.b-navigation .hr {color:#5f0fbe !important}
	.b-navigation .nav-1 {float:left; width:100px; padding-right:6px; padding-top:24px}
	.b-navigation .nav-2 {float:left; width:108px; padding-right:6px; padding-top:45px}
	.b-navigation .nav-3 {float:left; width:150px; padding-right:10px; padding-top:10px}
	.b-navigation .nav-4 {float:left; width:93px; padding-top:18px}
	.b-navigation .nav-5 {float:right; width:97px; padding-top:40px}
/* -- ---- navigation ---- -- */

/* // ---- announce ---- // */
.b-announce {position:relative; margin-left:-25px; margin-bottom:-15px}
	.b-announce .date {font-size:17px; background:url(../img/announce-title.png) no-repeat 0 0; padding:18px 0 0 25px; margin-bottom:-5px}
		.b-announce .date span {color:#9696aa; padding-right:5px}
	.b-announce-i {height:auto !important; min-height:515px; height:515px; background:url(../img/announce-bg.png) no-repeat 0 0; padding-left:25px}
	.b-announce-i h2 {font-size:30px; line-height:34px; padding:12px 0 19px; font-weight:normal}
		.b-announce-i h2 a {color:#500096; text-decoration:none}
			.b-announce-i h2 a:hover {color:#aa64ff}
	.b-announce-i .img-cover {float:left; margin-right:-50px}
	.b-announce-i .b-txt {float:right; width:165px; font-size:13px; line-height:18px; padding-right:15px}
	.b-announce-i ul {font-size:13px; line-height:15px}
		.b-announce-i ul li {padding-bottom:10px}
		.b-announce-i .c-gr {color:#9c9cb8; font-style:italic}
	.b-announce-i .all {display:-moz-inline-stack; display:inline-block; font-size:13px}
		.b-announce-i .all a {display:block; position:relative; color:#5f0fbe}
		.b-announce-i .all a:hover {color:#aa64ff; text-indent:0}
			.b-announce-i .all a:hover .more {filter:none; background-image:none}
				.b-announce-i .all a:hover .more i {visibility:visible}
		.b-announce-i .all .more {position:absolute; display:block; right:-45px; margin-top:-26px; }
	.b-announce-i p {padding-bottom:18px}
/* -- ---- announce ---- -- */

/* // ---- main news ---- // */
.b-main-news {position:relative; background:url(../img/news-bg.png) no-repeat 0 0; margin:0 -45px -45px -25px; height:auto !important; min-height:230px; height:230px; padding:31px 0 25px 25px}
	.b-main-news h2 {position:relative; margin-left:-5px; color:#9696aa; font-size:14px; font-weight:normal; background:url(../img/news-title.png) no-repeat 0 0; padding:13px 0 18px 27px}
	.b-main-news li {float:left; padding:0 6px 10px 20px; width:170px; line-height:18px}
	.b-main-news .tag {display:-moz-inline-stack; display:inline-block; color:#fff; background-color:#a4b5cd; padding:0 6px 2px; line-height:14px}
	.b-main-news .dt {color:#9696aa; font-weight:normal; padding-bottom:6px}
	.b-main-news .all-news {padding-left:20px}
/* -- ---- main news ---- -- */

.b-briefly {position:relative; z-index:2; border:1px dotted #9474ca; padding:27px 20px 19px}

.b-place-photo {padding-bottom:8px}
.b-place-photo .shad {position:relative; right:-14px; margin-top:-26px; display:block; font-size:1px; margin-left:auto; width:194px; height:48px; background-image:url(../img/place-photo-bg.png)}

/* // ---- side info ---- // */
.b-sideinfo {position:relative; margin-right:-15px; padding:0 20px 23px 20px; line-height:18px}
	.b-sideinfo h2 {position:relative; margin-left:-25px; color:#9696aa; font-size:14px; font-weight:normal; background:url(../img/side-title.png) no-repeat 0 0; padding:13px 0 6px 25px}
	.b-sideinfo h2 a {color:#9696aa; text-decoration:none}
		.b-sideinfo h2 a:hover {color:#aa64ff}
	.b-sideinfo .all {clear:both; padding-top:4px}
	.b-sideinfo .img-cover {float:left}
	.b-sideinfo .txt {position:relative; margin-top:-4px; float:right; width:126px}
	.b-sideinfo h3 {font-size:13px; font-weight:normal}
	.b-sideinfo p {}
	.b-sideinfo .dt {color:#9696aa}
	.b-sideinfo .more {position:absolute; top:50%; right:-33px}
.m-info-1 {background:url(../img/m-info-1-bg.png) no-repeat 55px 56px}
.m-info-2 {background:url(../img/m-info-2-bg.png) no-repeat 100% 26px}
.m-info-3 {background:url(../img/m-info-3-bg.png) no-repeat 138px 0; margin-top:-16px; padding-top:16px}
/* -- ---- side info ---- -- */

/* // ---- quest ---- // */
.b-quest {position:relative; margin:0 -1px 23px; border:1px solid #dbe8f0; padding:7px 0 10px 20px}
	.b-quest i {position:absolute; top:-7px; left:-5px; background-image:url(../img/feedback-bg.png); width:294px; height:37px}
	.b-quest h2 {color:#9696aa; font-size:14px; font-weight:normal; padding-bottom:12px}
	.b-quest .i-p {color:#9696aa; border:1px solid #cdd9ec; padding:1px 1px 2px 8px; width:239px; height:16px}
	.b-quest .ips {position:relative; padding-bottom:10px}
	.b-quest textarea.i-p {height:77px}
	.b-quest .captcha {padding-bottom:5px}
		.b-quest .captcha .i-p {float:left; width:124px; margin-right:10px; margin-top:3px}
		.b-quest .captcha .cap-img {float:left}
	.b-quest .btn {}
		.b-quest .btn input {cursor:pointer; cursor:hand; color:#fff; width:102px; height:42px; line-height:36px; padding-bottom:9px; background:#abb8cd url(../img/btn-send.png); border-width:0}
		.b-quest .btn input:hover, .b-quest .btn .input-hover {background-position:0 -42px; background-color:#bea9ed}

.m-quest-program {color:#fff; background-color:#9678b9; padding-right:10px; padding-left:21px; border-width:0}
	.m-quest-program i {display:none}
	.m-quest-program h2 {color:#fff; font-size:19px; line-height:24px; padding-bottom:0}
	.m-quest-program h3 {font-size:17px; line-height:24px; font-weight:normal; padding-bottom:12px}
	.m-quest-program p {font-style:italic; padding-bottom:7px}
	.m-quest-program .cb {padding-left:20px}
	.m-quest-program .btn input {width:148px; background-image:url(../img/btn-sendreq.png)}
/* -- ---- quest ---- -- */

.of-bn-1 {position:relative; font-size:14px; line-height:18px; background:url(../img/bn-bg-1.png); margin-right:-15px; padding-right:15px; height:106px; padding-top:8px; margin-top:13px}
	.of-bn-1 a {display:block; height:78px; padding:22px 0 0 20px; text-decoration:none; background-position:100% 100%; background-repeat:no-repeat}
.of-bn-2 {position:relative; font-size:14px; line-height:18px; background:url(../img/bn-bg-2.jpg); margin-left:-23px; padding-left:23px; height:112px; margin-top:20px}
	.of-bn-2 a {display:block; height:78px; padding:22px 0 0 20px; text-decoration:none; background-position:100% 100%; background-repeat:no-repeat}

/* // ---- bottom ---- // */
.bottom {padding:0 15px 20px 25px; background:url(../img/bottom-bg.png) no-repeat 100% 0}
	.bottom .l-col-1 {float:left; padding:49px 0 0; width:580px}
	.bottom .btm-nav {padding-bottom:22px}
		.bottom .btm-nav li {float:left; padding-right:23px}
		.bottom .btm-nav a {color:#007dc8}
			.bottom .btm-nav a:hover {color:#aa64ff}
	.counts img {margin-right:16px}
	.bottom .l-col-2 {position:relative; float:right; width:290px; text-align:right; font-size:12px; padding-top:29px}
	.bottom .cont-info {font-size:13px}
		.bottom .cont-info big {font-size:22px; padding-right:10px}
		.bottom .cont-info a {color:#5f0fbe}
			.bottom .cont-info a:hover {color:#aa64ff}
	.bottom .develop {color:#9696aa; padding-top:37px}
		.bottom .develop a {color:#9696aa}
			.bottom .develop a:hover {color:#e30045}
/* -- ---- bottom ---- -- */

.b-other-proj {position:absolute; left:0; top:-98px; width:260px}
	.b-other-proj li {padding-bottom:1px}
	.b-other-proj a {position:relative; display:block; height:35px; overflow:hidden}
		.b-other-proj a i {position:absolute; top:0; left:0; width:520px; height:105px; background-image:url(../img/other-proj.png)}
	.b-other-proj a:hover {text-indent:0}
		.b-other-proj a:hover i {left:-260px}
	.b-other-proj .a-1 {}
	.b-other-proj .a-2 {left:50px; width:240px}
		.b-other-proj .a-2 i {top:-35px}
	.b-other-proj .a-3 {left:20px; width:255px}
		.b-other-proj .a-3 i {top:-70px}

.m-tls-2 {position:relative}
.tls-page {text-align:right; font-size:12px;}
	.tls-page div {display:-moz-inline-stack; display:inline-block; height:81px; background:url(../img/tls-bg.png) no-repeat 0 0; white-space:nowrap}
	.tls-page i {display:-moz-inline-stack; display:inline-block; vertical-align:middle; height:100%; width:1px; font-size:1px; overflow:hidden}
	.tls-page ul {display:-moz-inline-stack; display:inline-block; vertical-align:middle; padding-left:28px}
		.tls-page ul li {text-align:left; padding:3px 0}
		.tls-page a {color:#9696aa; padding-left:23px}
			.tls-page a:hover {color:#aa64ff}
		.tls-page .i-print {background:url(../img/i-print.png) no-repeat 0 0; padding-top:3px; margin-right:15px}
		.tls-page .i-sendf {background:url(../img/i-sendfr.png) no-repeat 5px 0; padding-top:2px}
		.tls-page .i-raspdown {background:url(../img/i-download.gif) no-repeat 5px 4px}
		.tls-page .i-pdf {background:url(../img/i-pdf.gif) no-repeat 6px 2px}
.m-tls-1 {float:right; margin-bottom:-25px}
/* .m-tls-4 {float:right; margin-top:35px; margin-bottom:-25px}
	.m-tls-4 ul {padding-top:30px; height:auto !important; height:51px; min-height:51px} */

/* // ---- for editor ---- // */
.for-editor {line-height:18px}
	.for-editor .dt {font-style:italic; padding-bottom:2px}
	.for-editor h2 {color:#500096; font-size:19px; line-height:normal; font-weight:normal; padding-bottom:4px}
	.for-editor h3 {color:#32323c; font-size:17px; line-height:normal; font-weight:normal}
	.for-editor h4 {color:#9696aa; font-size:14px; line-height:normal; font-weight:normal; padding-bottom:13px}
	.for-editor blockquote {position:relative; clear:both; font-style:italic; background:url(../img/bq-tr.png) no-repeat 100% 0; font-style:italic; padding:25px 21px 0 0; margin-right:-21px; top:-18px}
		.for-editor blockquote p {background:#e8f7ff url(../img/bq-p.png) no-repeat 100% 0; padding:11px 29px 12px}
	.for-editor p {padding-bottom:16px}
	.for-editor big {font-size:14px}
	.for-editor ul {padding:0 0 16px 30px}
		.for-editor ul li {padding:0 0 0 16px; background:url(../img/li.gif) no-repeat 0 7px}
	.for-editor ol {padding:0 0 16px 49px}
	.for-editor table {width:100%; margin-bottom:18px; margin-top:3px}
		.for-editor table th {color:#9696aa; background:#ede8fd; font-size:14px; padding:6px 5px 6px 20px}
		.for-editor table td {padding:6px 5px 18px 20px; vertical-align:top; border-bottom:1px dotted #9474ca}
	.for-editor .img-left {float:left; margin:5px 30px 10px 0}
		.for-editor .img-left small {position:relative; margin:0 0 0 -10px; color:#9696aa; font-size:13px; display:block; padding:6px 0 8px 10px; background:url(../img/img-left.png) no-repeat 0 0}
	.for-editor .img-none {margin:5px 0 16px 0}
	.for-editor .cont-card {}
		.for-editor .cont-card th {color:#32323c; font-size:13px; white-space:nowrap; background-color:transparent; padding:0 10px 0 0; vertical-align:top}
		.for-editor .cont-card td {width:100%; padding:0 0 6px; border-bottom-width:0; vertical-align:top}
		.for-editor .cont-card a {color:#5f0fbe}
			.for-editor .cont-card a:hover {color:#32323c}
		.for-editor .cont-card .tr-time th, .for-editor .cont-card .tr-time td {padding-top:10px}
	
	.b-rd {clear:both; position:relative; font-size:1px; height:1px; overflow:hidden; margin-bottom:18px; border-bottom:1px dotted #9474ca}

.program-view {padding-bottom:18px}
	.program-view .img-cover {position:relative; float:left; margin-top:4px; margin-right:20px}
	.program-view .i-view {float:none; width:auto; vertical-align:top}
	.program-view dt {color:#9c9cb8; font-style:italic}
	.program-view dd {padding-bottom:10px}

.b-error-404 {position:relative; margin-right:-300px; padding-bottom:130px; background:url(../img/e404.png) no-repeat 100% 100%}
/* -- ---- for editor ---- -- */

/* // ---- info materials ---- // */
.b-info-materials {padding:13px 0 25px 20px; background:url(../img/materials-bg.png) no-repeat 105px 0}
	.b-info-materials dt {font-size:14px; padding-bottom:14px}
	.b-info-materials dd {color:#9696aa; position:relative; padding-bottom:8px}
	.b-info-materials .ico {position:absolute; left:-29px; top:0; width:18px; height:17px}
	.b-info-materials a {color:#5f0fbe}
		.b-info-materials a:hover {color:#aa64ff}
/* -- ---- info materials ---- -- */

.g-scroll {}
	.g-scroll-i {position:relative; width:100%; overflow:hidden}
	.b-line-photos .simply-scroll-btn, .g-scroll .ar, .view-main-photo .ar {position:absolute; width:40px; height:40px}
		.b-line-photos .simply-scroll-btn i, .g-scroll .ar i, .view-main-photo .ar i {display:block; width:40px; height:40px; visibility:hidden}
		.b-line-photos .simply-scroll-btn, .g-scroll .ar:hover, .view-main-photo .ar:hover {text-indent:0}
			.b-line-photos .hover-ar i, .b-line-photos .simply-scroll-btn:hover i, .g-scroll .ar:hover i, .view-main-photo .ar:hover i {visibility:visible}
	.b-line-photos .simply-scroll-btn-left, .g-scroll .ar-l, .view-main-photo .ar-l {background-image:url(../img/arr-l.png)}
		.b-line-photos .simply-scroll-btn-left i, .g-scroll .ar-l i, .view-main-photo .ar-l i {background-image:url(../img/arr-l-hover.png)}
	.b-line-photos .simply-scroll-btn-right, .g-scroll .ar-r, .view-main-photo .ar-r {background-image:url(../img/arr.png)}
		.b-line-photos .simply-scroll-btn-right i, .g-scroll .ar-r i, .view-main-photo .ar-r i {background-image:url(../img/arr-hover.png)}

/* // ---- line photos ---- // */
.b-line-photos {padding:21px 6px 30px 24px; background:url(../img/linephotos-bg.png) no-repeat 0 0; margin-left:-4px}
	.b-line-photos .arr {float:right}
	.b-line-photos h2 {font-size:14px; font-weight:normal; padding-bottom:13px}
	.b-line-photos .simply-scroll-btn-right {right:-50px}
	.b-line-photos .simply-scroll-btn-left {left:-50px}
	.b-line-photos .simply-scroll-btn {top:50%; margin-top:-15px}
	.b-line-photos .simply-scroll-clip {width:100%}
	.b-line-photos .g-scroll {position:relative; margin:0 0 0 -10px}
		.b-line-photos .g-scroll ul li {float:left; padding:0 7px}
			.b-line-photos .g-scroll ul a {display:block; padding:3px}
				.b-line-photos .g-scroll ul a:hover {text-indent:0; border:1px solid #9973ec; padding:2px}
		.b-line-photos .simply-scroll-clip .g-scroll-i {position:static; width:auto; overflow:visible}
		.b-line-photos ul {}
/* -- ---- line photos ---- -- */

/* // ---- line video ---- // */
.b-line-video {padding:16px 0 40px 24px; background:url(../img/linevideo-bg.png) no-repeat 0 0; margin-left:-4px}
	.b-line-video .arr {float:right}
	.b-line-video h2 {font-size:14px; font-weight:normal; padding-bottom:17px}
	.b-line-video ul {position:relative; margin-left:-25px}
	.b-line-video ul li {float:left; width:170px; padding-left:25px}
	.b-line-video .ph {position:relative; width:120px; margin-bottom:7px}
		.b-line-video .ph .play {position:absolute; left:50%; top:50%; margin-top:-20px; margin-left:-20px; width:41px; height:41px; background:url(../img/ico-play.png)}
	.b-line-video p {padding-bottom:11px}
	.b-line-video .d-info {color:#9696aa; padding-bottom:10px}
		.b-line-video .d-info a {color:#9696aa}
			.b-line-video .d-info a:hover {color:#aa64ff}
	.b-line-video .i-p {color:#9696aa; border:1px solid #cdd9ec; padding:1px 2px 2px 4px; width:157px}
/* -- ---- line video ---- -- */

/* // ---- side nav ---- // */
.side-nav {position:relative; margin-top:-4px; font-size:14px; position:relative; color:#5f0fbe; margin-left:-30px; background:url(../img/sub-nav.png) no-repeat 0 0; padding-left:30px; padding-bottom:24px}
	.side-nav dt {padding:12px 0 6px 20px; font-weight:bold}
		.side-nav dt a {color:#5f0fbe}
			.side-nav dt a:hover {color:#aa64ff}
	.side-nav dd {background:#efebfe url(../img/sub-nav-dd.png) no-repeat 0 0; padding:10px 10px 19px 50px}
	.side-nav dd li {padding-bottom:7px}
	.side-nav dd a {color:#007dc8}
		.side-nav dd a:hover {color:#aa64ff}
/* -- ---- side nav ---- -- */

.news-info {position:relative}
	.news-info .arr-l {position:relative; left:-18px}
	.news-info .date {color:#9696aa; padding-top:9px}
		.news-info .date .tag {color:#fff; background-color:#a4b5cd; line-height:14px; padding:0 5px 1px}

.m-news-info-1 {padding-top:40px; margin-bottom:-17px}

/* // ---- news page ---- // */
.news-page {line-height:18px; padding-bottom:10px}
	.news-page li {padding-bottom:26px}
	.news-page .img-cover {float:left; margin:4px 20px 0 0}
	.news-page .tag {float:right; color:#fff; background-color:#a4b5cd; line-height:14px; padding:0 5px 2px; margin-top:1px}
	.news-page .dt {color:#9696aa; padding-bottom:1px}
	.news-page h2 {font-size:19px; line-height:24px; font-weight:normal; padding-bottom:5px}
		.news-page h2 a {color:#500096}
			.news-page h2 a:hover {color:#aa64ff}
/* -- ---- news page ---- -- */

/* // ---- pages ---- // */
.pages {position:relative; font-size:12px; text-align:center; background:url(../img/pages-bg.png) no-repeat 0 100%; margin-left:-44px; padding-left:44px; padding-bottom:73px}
	.pages .arr-l {float:left; padding:0 0 0 18px; background:url(../img/ar-l.gif) no-repeat 0 6px}
	.pages .arr-r {float:right; background-position:100% 6px; padding:0 18px 0 0}
	.pages .hr {color:#fff; background-color:#a4b5cd}
	.pages a {color:#5f0fbe; padding:1px 3px}
		.pages a:hover {color:#aa64ff}
	.pages span {padding:1px 3px}
/* -- ---- pages ---- -- */

/* // ---- filter news ---- // */
.b-filter-news {font-size:14px; background:#efebfe url(../img/filter-news.png) no-repeat 0 100%; padding:20px 0 24px 16px; margin-bottom:34px}
	.b-filter-news dt {color:#5f0fbe; font-weight:bold; padding-bottom:17px}
	.b-filter-news dd {display:inline}
	.b-filter-news a {float:left; color:#fff; padding:1px 2px 2px; background-color:#a4b5cd; text-decoration:none; margin-right:10px; margin-bottom:10px}
		.b-filter-news a:hover {color:#fff; background-color:#c3b6e9}
	.b-filter-news .hr {float:left; padding:1px 2px 2px; margin-right:10px; margin-bottom:10px}
/* -- ---- filter news ---- -- */

.back-to-l {position:relative; z-index:99; float:left; left:-18px; padding-top:24px}

/* // ---- scheldule ---- // */
.b-scheldule {position:relative; margin-top:-6px}
	.b-scheldule dt {color:#500096; font-size:19px; padding-bottom:18px; padding-top:6px}
	.b-scheldule dd {color:#9696aa; border-bottom:1px dotted #9474ca; padding-bottom:32px; margin-bottom:18px}
	.b-scheldule li {display:-moz-inline-stack; display:inline-block; vertical-align:top; width:257px; padding-right:20px; padding-bottom:8px}
	.b-scheldule .i {padding-left:80px}
	.b-scheldule .img-cover {position:relative; float:left; left:-80px; margin-right:-80px; margin-top:2px}
	.b-scheldule h2 {font-weight:normal; padding-bottom:3px}
		.b-scheldule h2 a {color:#5f0fbe}
		.b-scheldule h2 a:hover {color:#aa64ff}
/* -- ---- scheldule ---- -- */

/* // ---- scheldule-list ---- // */
ul.scheldule-list {padding:0 0 18px}
	ul.scheldule-list li {position:relative; padding:0 0 7px 50px; background-image:none}
		ul.scheldule-list .time {position:absolute; top:0; left:0; color:#9696aa}
/* -- ---- scheldule-list ---- -- */

/* // ---- our teachers ---- // */
ul.our-teachers {position:relative; margin:0 -38px 0 0; padding:0 0 18px}
	ul.our-teachers li {float:left; width:130px; padding:0 38px 0 139px; background-image:none; height:140px}
	ul.our-teachers .img-cover {float:left; position:relative; left:-139px; margin-right:-139px}
	ul.our-teachers h5 {font-size:14px; font-weight:normal; padding-bottom:7px}
/* -- ---- our teachers ---- -- */

/* // ---- responses ---- // */
.b-responses {position:relative}
	.b-responses-i {position:relative; z-index:1; background-color:#f0f6f9; padding:15px 20px 14px; height:auto !important; height:161px; min-height:161px}
	.b-responses .r {position:absolute; z-index:-1; margin-left:100%; left:-207px; top:-18px; width:229px; height:230px; background:url(../img/responses-bg.png)}
	.b-responses .l {position:absolute; z-index:-1; left:-80px; bottom:-16px; width:143px; height:230px; background:url(../img/responses-bg.png) no-repeat -229px 0}
	.b-responses h2 {color:#500096; font-size:19px; font-weight:normal; padding-bottom:13px}
	.b-responses dl {}
	.b-responses dt {color:#9c9cb8; font-style:italic}
	.b-responses dd {padding-bottom:16px}
/* -- ---- responses ---- -- */

/* // ---- forms reg ---- // */
.b-formsreg {position:relative; background-color:#dbe9fd; padding:17px 41px 0 25px; margin-left:-25px}
	.b-formsreg p {position:relative; margin-left:-10px; color:#9696aa; padding-bottom:14px}
	.b-formsreg .note {margin-left:0; margin-right:-10px; padding-top:2px; padding-bottom:11px}
	.b-formsreg .i-p {float:left; border:1px solid #cdd9ec; background-color:#fff; padding:1px 1px 2px 3px; width:244px; height:16px}
	.b-formsreg textarea.i-p {height:77px}
	.b-formsreg textarea.i-tarea {height:52px}
	.b-formsreg .ips {padding-bottom:18px}
	.b-formsreg .lbl {position:relative; padding-bottom:7px}
		.b-formsreg .lbl .star {position:absolute; left:-10px}
	.b-formsreg .l-col-1 {position:relative; z-index:2; float:left; width:250px; padding-bottom:21px}
	.b-formsreg .l-col-2 {position:relative; z-index:2; float:right; width:250px; padding-bottom:21px}
	.b-formsreg .view-photo {position:relative; width:120px; height:120px; background-color:#cbdbf2; text-align:center}
		.b-formsreg .view-photo .close {position:absolute; top:0; right:-20px; width:20px; height:20px; background:url(../img/forms-close.png)}
		.b-formsreg .view-photo .i {display:-moz-inline-stack; display:inline-block; vertical-align:middle; margin-right:-5px}
		.b-formsreg .view-photo i {display:-moz-inline-stack; display:inline-block; vertical-align:middle; height:100%; width:1px; font-size:1px; overflow:hidden; visibility:hidden}
	.b-formsreg .chk-b {position:relative; padding-left:20px}
	.b-formsreg .b-rd {position:relative; z-index:3}
	.b-formsreg .btn {position:relative; margin-right:-7px; padding-top:8px; text-align:right}
		.b-formsreg .btn span, .tls-site .login-view .btn span {display:-moz-inline-stack; display:inline-block; height:42px; background:url(../img/forms-btn.png) no-repeat 0 0; padding-left:25px; margin-left:15px}
			.b-formsreg .btn span span, .tls-site .login-view .btn span span {display:block; height:42px; background:url(../img/forms-btn.png) no-repeat 100% 0; padding-left:0; margin-left:0}
			.b-formsreg .btn span:hover, .b-formsreg .btn .input-hover, .tls-site .login-view .btn span:hover, .tls-site .login-view .btn .input-hover {background-position:0 -42px}
				.b-formsreg .btn span:hover span, .b-formsreg .btn .input-hover span, .tls-site .login-view .btn span:hover span, .tls-site .login-view .btn .input-hover span {background-position:100% -42px}
		.b-formsreg .btn input, .tls-site .login-view .btn input {position:relative; cursor:pointer; cursor:hand; color:#fff; font-size:14px; line-height:35px; padding:0 15px 7px; height:42px; border-width:0; overflow:visible; width:auto; background-color:transparent; left:-25px; margin-right:-25px}
	.b-formsreg .d {position:absolute; z-index:1; right:-3px; margin-top:-307px; width:430px; height:293px; background:url(../img/forms-bg.png)}
	.b-formsreg .r {position:absolute; z-index:-1; margin-left:100%; left:-420px; top:-21px; width:455px; height:398px; background:url(../img/forms-r.png)}
/* -- ---- forms reg ---- -- */

/* // ---- view main photo ---- // */
.view-main-photo {position:relative; padding-left:20px; padding-bottom:18px}
	.view-main-photo .b {position:absolute; z-index:-1; left:-10px; top:-27px; width:515px; height:412px; background-image:url(../img/gallery-pat.png)}
	.view-main-photo .ph {position:relative; z-index:2; text-align:center}
	.view-main-photo .ar {top:150px}
	.view-main-photo .ar-l {left:-35px}
	.view-main-photo .ar-r {left:488px}
	.view-main-photo .description {font-size:12px; line-height:18px; background-color:#deeafb; padding:15px 20px 16px; width:409px}
/* -- ---- view main photo ---- -- */

/* // ---- all thumbs ---- // */
.all-thumbs {position:relative; padding:58px 15px 53px; margin-bottom:15px}
	.all-thumbs .simply-scroll-btn {cursor:pointer; cursor:hand; position:absolute; left:50%; margin-left:-30px; width:40px; height:40px; overflow:hidden; background-repeat:no-repeat}
		.all-thumbs .simply-scroll-btn i {position:absolute; width:40px; height:80px}
		.all-thumbs .ar:hover {text-indent:0}
			.all-thumbs .ar:hover i {margin-top:-40px}
	.all-thumbs .simply-scroll-btn-up {top:-43px; background-image:url(../img/ar-top.png)}
		.all-thumbs .ar-t i {}
	.all-thumbs .simply-scroll-btn-down {bottom:-43px; background-image:url(../img/ar-btm.png)}
		.all-thumbs .hover-ar {background-position:0 100%}
		.all-thumbs .ar-b i {}
	.all-thumbs-i {}
	.all-thumbs-i .simply-scroll-list {position:relative}
	.all-thumbs-i li {float:left; padding-right:12px; padding-bottom:10px}
	.all-thumbs-i a {display:block; padding:4px}
	.all-thumbs-i .simply-scroll-clip {height:230px}
		.all-thumbs-i a:hover {padding:3px; border:1px solid #9973ec}
		.all-thumbs-i .activeSlide {padding:0 !important; border:4px solid #cbdbf2 !important}
/* -- ---- all thumbs ---- -- */

.map-scheme {position:relative; margin:0 -25px 30px -45px}

/* // ---- site map ---- // */
.b-sitemap {position:relative; color:#9696aa; font-size:19px}
	.b-sitemap h2 {font-weight:normal; padding-left:20px; padding-bottom:16px; background:url(../img/ico-home.gif) no-repeat 0 5px}
	.b-sitemap a {color:#500096}
		.b-sitemap a:hover {color:#AA64FF}
	.b-sitemap li {padding-bottom:16px}
	.b-sitemap ul {float:left; padding-left:38px; width:216px}
		.b-sitemap ul ul {font-size:17px; float:none; width:auto; padding-top:7px; padding-left:20px; margin-bottom:-5px}
			.b-sitemap ul ul li {padding-bottom:4px}
	.b-sitemap .s-map-1 {width:250px}
/* -- ---- site map ---- -- */

.simply-scroll-container {position: relative}

.simply-scroll-clip {position: relative; overflow: hidden; z-index: 2}

/* // ---- player ---- // */
.pp-player {position:fixed; z-index:91; top:50%; left:50%; width:372px; height:399px; margin-left:-186px; margin-top:-199px}
	.pp-player-i {height:379px; background:url(../img/player-bg.png); padding:20px 0 0 27px}
	.pp-player-i .title {color:#590099; font-size:19px; padding-right:70px; height:66px}
	.pp-player-i .close, .pp-friend-i .close, .pp-restore-i .close {position:absolute; right:22px; top:22px; width:20px; height:20px; background:url(../img/close.png)}
/* -- ---- player ---- -- */

/* // ---- pp friend ---- // */
.pp-friend {position:fixed; z-index:91; left:50%; top:50%; width:299px; margin-left:-149px; margin-top:-76px}
	.pp-friend-i {position:static; background:url(../img/pp-friend.png); height:130px; border-width:0; margin:0; padding:23px 0 0 25px}
	.pp-friend-i .btn {padding-top:8px}
	.pp-friend-i .close {top:2px; right:4px; background-position:50% 50%; width:16px; height:16px}
	.pp-friend-i input {position:relative}
/* -- ---- pp friend ---- -- */

/* // ---- pp restore ---- // */
.pp-restore {position:fixed; z-index:91; left:50%; top:50%; width:299px; margin-left:-149px; margin-top:-76px}
	.pp-restore-i {position:static; background:url(../img/pp-friend.png); height:130px; border-width:0; margin:0; padding:23px 0 0 25px}
	.pp-restore-i .btn {padding-top:8px}
	.pp-restore-i .close {top:2px; right:4px; background-position:50% 50%; width:16px; height:16px}
	.pp-restore-i input {position:relative}
/* -- ---- pp restore ---- -- */