@import url( http://fonts.googleapis.com/css?family=Roboto:400,300 );
* {
	margin: 0px; padding: 0px;
}
body {
	color: rgb(40, 40, 40); font-family: "Roboto", "?L?n??????", Helvetica, Arial, Verdana, sans-serif; font-size: 12px;
}
img {
	border: currentColor; border-image: none;
}
.clear {
	width: 0px; height: 0px; overflow: hidden; clear: both; display: block; visibility: hidden;
}
.clearfix::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
}
a {
	color: rgb(40, 40, 40); text-decoration: none;
}
#container {
	position: relative;
}
#header {
	top: 0px; width: 100%; height: 502px; position: absolute;
}
#header h1#logo {
	top: 56px; right: 10px; position: absolute; z-index: 2;
}
.page #header {
	height: 430px;
}
#header h1#logo a {
	text-indent: -9999px; display: block;
}
.index #header h1#logo a {
	background: url("../images/taf_logo_1.png") no-repeat left top; width: 145px; height: 151px;
}
.page #header h1#logo a {
	background: url("../images/taf_logo_small.png") no-repeat left top; width: 98px; height: 102px;
}
#header h1#logo a:hover {
	opacity: 0.8; -moz-opacity: 0.8;
}
#header .menu {
	left: 0px; top: 0px; position: absolute; z-index: 2;
}
#header .menu li {
	list-style: none; height: 48px; line-height: 48px; float: left;
}
#header .menu li a {
	padding: 0px 18px; font-size: 15px; display: block;
}
#header .menu li a span {
	display: block;
}
#header .menu li a:hover {
	height: 42px; line-height: 42px;
}
#header .menu li a.active {
	height: 42px; line-height: 42px;
}
#header .menu li a:hover span {
	border-top-color: rgb(56, 59, 63); border-top-width: 3px; border-top-style: solid;
}
#header .menu li a.active span {
	border-top-color: rgb(56, 59, 63); border-top-width: 3px; border-top-style: solid;
}
.language {
	top: 17px; right: 35px; position: absolute; z-index: 999;
}
.language li {
	list-style: none; float: left;
}
.language li a {
	padding: 0px 7px; color: rgb(61, 67, 69); font-family: "?L?n??????", Verdana, Helvetica, Arial, sans-serif; font-size: 13px; display: block;
}
.language li a:hover {
	color: rgb(40, 40, 40);
}
.language li a.active {
	color: rgb(40, 40, 40);
}
.language li a.search {
	background: url("../images/search.png") no-repeat left top; padding: 0px; width: 14px; text-indent: -9999px; margin-top: 2px; margin-left: 7px;
}
.language li a.search:hover {
	background: url("../images/search.png") no-repeat left -63px;
}
.center {
	width: 1040px; margin-right: auto; margin-left: auto; position: relative;
}
#content {
	padding-top: 80px; padding-bottom: 100px; position: relative; min-height: 430px;
}
#content .pageHeader {
	margin: 0px 18px 20px;
}
#content h2.postTitle {
	width: 860px; color: rgb(40, 40, 40); line-height: 40px; letter-spacing: -1px; font-size: 36px; font-weight: 300; margin-bottom: 10px; position: relative; min-height: 80px;
}
.index #content h2.postTitle {
	background: url("../images/h1-date.png") no-repeat left top; line-height: 100%; padding-left: 94px; font-size: 48px; min-height: 50px;
}
.index #content h2.postTitle span {
	width: 730px; line-height: 100%; letter-spacing: -2px; padding-left: 15px; border-left-color: rgb(40, 40, 40); border-left-width: 1px; border-left-style: solid; display: block; min-height: 50px;
}
#content strong.sub {
	font-size: 17px; font-weight: normal; display: block;
}
#content p.description {
	width: 700px; line-height: 26px; padding-bottom: 10px; font-size: 16px; margin-top: 20px;
}
#container h2.postTitle {
	
}
.homeSlider {
	min-height: 565px;
}
.homeSlider ul {
	list-style: none; margin: 0px 18px;
}
.homeSlider ul.cycle li {
	display: none;
}
.homeSlider ul.cycle li .video {
	position: relative; background-color: rgb(56, 59, 63);
}
.homeSlider ul.cycle li .video .play {
	background-position: center; width: 1004px; height: 565px; text-indent: -9999px; display: block; position: absolute; z-index: 2; background-image: url("../images/btn_play.png"); background-repeat: no-repeat;
}
.homeSlider ul.cycle li .video img {
	opacity: 0.6; -moz-opacity: 0.6;
}
.homeSlider ul.cycle li p {
	display: none;
}
.homeSlider .caption {
	padding: 15px 20px; top: 422px; width: 130px; line-height: 21px; font-size: 14px; position: absolute; z-index: 998; background-color: rgb(252, 235, 116);
}
.homeSlider .arrow {
	position: absolute; z-index: 998;
}
.pagination {
	top: 442px; right: -32px; position: absolute; z-index: 99;
}
.page .pagination {
	top: 370px;
}
.pagination li {
	list-style: none; margin-bottom: 5px;
}
.pagination li a {
	padding: 5px 3px; display: block;
}
.pagination li a span {
	background: rgb(252, 235, 116); border-radius: 4px; width: 8px; height: 8px; text-indent: -9999px; display: block; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
.pagination li a:hover {
	padding: 2px 0px;
}
.pagination li.current a {
	padding: 2px 0px;
}
.pagination li a:hover span {
	border-radius: 7px; width: 14px; height: 14px; -moz-border-radius: 7px; -webkit-border-radius: 7px;
}
.pagination li.current a span {
	border-radius: 7px; width: 14px; height: 14px; -moz-border-radius: 7px; -webkit-border-radius: 7px;
}
.wrap {
	margin: 0px 18px;
}
.wrap {
	padding-top: 30px; position: relative;
}
.isotopeWrap {
	padding-top: 30px; position: relative;
}
.wrap h3 a {
	text-align: center; color: rgb(252, 235, 116); text-transform: uppercase; font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif; font-size: 33px; margin-bottom: 40px; display: block;
}
.isotopeWrap h3 {
	text-align: center; color: rgb(252, 235, 116); text-transform: uppercase; font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif; font-size: 33px; margin-bottom: 40px; display: block;
}
.wrap h3 a:hover {
	color: rgb(252, 235, 116);
}
.wrap a.more {
	top: 60px; right: 0px; color: rgb(173, 173, 173); font-size: 13px; position: absolute;
}
.isotopeWrap a.more {
	top: 60px; right: 0px; color: rgb(173, 173, 173); font-size: 13px; position: absolute;
}
.wrap a.more:hover {
	color: rgb(0, 0, 0);
}
.isotopeWrap a.more:hover {
	color: rgb(0, 0, 0);
}
.homeNews {
	padding-top: 35px;
}
.homeNews .post {
	width: 306px; margin-right: 43px; float: left;
}
.homeNews .end {
	margin-right: 0px;
}
.homeNews .post a img {
	margin-bottom: 40px; display: block;
}
.homeNews .post a h4 {
	line-height: 32px; font-size: 24px; font-weight: 300; margin-bottom: 30px; display: block;
}
.homeNews .post a p {
	text-align: justify; line-height: 28px; font-size: 16px;
}
.homeNews .post a p.date {
	font-size: 13px; margin-bottom: 5px;
}
.homeNews .post a:hover h4 {
	color: rgb(140, 211, 170);
}
.isotope .item {
	margin: 0px 18px 25px; float: left;
}
.isotope .item.one {
	width: 224px;
}
.isotope .item.two {
	width: 484px;
}
.isotope .item.three {
	width: 744px;
}
.isotope img {
	margin-bottom: 15px; display: block;
}
.isotope a {
	margin-bottom: 15px; display: block;
}
.isotope .item h4 {
	font-size: 16px; font-weight: normal; margin-bottom: 5px;
}
.isotope .item p {
	color: rgb(140, 211, 170); font-size: 13px;
}
.isotope a:hover img {
	opacity: 0.6; transition-duration: 0.5s; -moz-opacity: 0.6; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;
}
.ad {
	margin: 0px auto; width: 1024px; padding-top: 70px;
}
.ad li {
	list-style: none; margin: 0px 10px 20px; width: 236px; float: left;
}
.ad li a {
	width: 236px; height: 236px; display: block; position: relative;
}
.ad li a .mask {
	border: 2px solid rgb(252, 235, 116); border-image: none; left: 0px; top: 0px; width: 232px; height: 232px; display: none; position: absolute; z-index: 2;
}
.ad li a:hover .mask {
	display: block;
}
.isotope .item img {
	width: 100%; height: auto;
}
.homeNews .post a img {
	width: 100%; height: auto;
}
.slideDownWrap {
	background: rgb(56, 59, 63); left: 0px; top: 48px; width: 100%; padding-top: 60px; display: none; position: absolute; z-index: 9999; min-width: 955px;
}
#searchWrap form {
	height: 394px; text-align: center;
}
#searchWrap form h2 {
	text-align: center; color: rgb(252, 235, 116); font-size: 24px; font-weight: normal; margin-bottom: 60px;
}
#searchWrap form input.searchText {
	background: none; margin: 0px auto; outline: 0px; border: currentColor; border-image: none; width: 960px; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; font-family: inherit; font-size: 34px; display: block;
}
#searchWrap form .btnClose {
	padding: 120px 0px 5px; text-align: center; color: rgb(173, 173, 173); font-size: 16px; border-bottom-color: rgb(173, 173, 173); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block;
}
#searchWrap form .btnClose:hover {
	color: rgb(192, 192, 192); border-bottom-color: rgb(204, 207, 215); border-bottom-width: 1px; border-bottom-style: solid;
}
.filmList {
	margin: 0px auto; width: 1015px; position: relative;
}
.filmList .slideList {
	width: 1015px; overflow: hidden;
}
.filmList .slideList .slideWrap {
	width: 50000px;
}
.filmList .slideList .slide {
	width: 1015px; float: left;
}
.filmList ul li {
	list-style: none;
}
.filmList ul.film li {
	margin: 0px 5px 40px 6px; width: 192px; float: left;
}
.filmList li a {
	display: block; position: relative;
}
.filmList li img {
	display: block; position: relative;
}
.filmList li img {
	margin-bottom: 20px;
}
.filmList li img.free {
	left: 0px; top: 0px; margin-bottom: 0px; position: absolute; z-index: 3;
}
.filmList li h3 {
	color: rgb(173, 173, 173); font-size: 16px; font-weight: normal; margin-bottom: 5px;
}
.filmList li p {
	color: rgb(173, 173, 173); line-height: 19px; font-size: 12px; margin-right: 10px;
}
.filmList li .mask {
	left: 0px; top: 0px; position: absolute; z-index: 2;
}
.filmList li a:hover .mask {
	border: 5px solid rgb(252, 235, 116); border-image: none; width: 182px; height: 105px; display: block;
}
.filmList li a:hover h3 {
	color: rgb(252, 235, 116);
}
.filmList li a:hover p {
	color: rgb(252, 235, 116);
}
.filmList .nav {
	left: -98px; top: 45%; width: 1200px; height: 45px; position: absolute; z-index: 10;
}
.filmList .nav a {
	width: 46px; height: 46px; text-indent: -9999px; display: block; background-image: url("../images/arrow_m.png"); background-repeat: no-repeat;
}
.filmList .nav .prevBtn {
	background-position: left top; float: left;
}
.filmList .nav .nextBtn {
	background-position: right top; float: right;
}
.filmList .nav .prevBtn:hover {
	background-position: left -95px;
}
.filmList .nav .nextBtn:hover {
	background-position: right -95px;
}
.articleWrap {
	margin: 0px auto; width: 1004px; padding-top: 35px;
}
.articleWrap .articleSide {
	width: 260px; float: left; position: relative;
}
.articleWrap .articleSide .rel {
	width: 260px;
}
.articleWrap .articleSide .fixed {
	width: 260px;
}
.articleWrap .articleSide .abs {
	width: 260px;
}
.articleWrap .articleSide .rel {
	position: relative;
}
.articleWrap .articleSide .fixed {
	top: 20px; position: fixed;
}
.articleWrap .articleSide .abs {
	position: absolute;
}
.articleWrap .articleSide .item {
	margin-bottom: 15px;
}
.articleWrap .articleSide .item h3 {
	color: rgb(173, 173, 173); font-size: 13px; font-weight: normal;
}
.articleWrap .articleSide .item p {
	color: rgb(36, 36, 36); line-height: 26px; font-size: 16px;
}
.articleWrap .articleSide .item .accessible {
	margin-top: 7px;
}
.articleWrap .articleSide .item .notes {
	margin-top: 5px;
}
.articleWrap .articleSide .item .notes p {
	color: rgb(94, 94, 94); line-height: 20px; font-size: 13px; margin-bottom: 8px;
}
.articleWrap .articleSide .item img.star {
	margin: 0px 0px 2px 10px;
}
.articleWrap .articleSide .note {
	margin-bottom: 45px;
}
.articleWrap .articleSide .note div {
	font-size: 13px; margin-right: 15px; float: left;
}
.articleWrap .articleSide .note div img {
	margin-top: 2px; margin-right: 5px; float: left;
}
.articleWrap .articleSide .note div.col1 {
	color: rgb(249, 90, 75);
}
.articleWrap .articleSide .note div.col2 {
	color: rgb(37, 175, 227);
}
.articleWrap .articleSide .note div.col3 {
	color: rgb(252, 235, 116);
}
.articleWrap .articleSide .other {
	width: 192px; padding-top: 15px; border-top-color: rgb(222, 222, 222); border-top-width: 1px; border-top-style: solid;
}
.articleWrap .articleSide .other a {
	display: block;
}
.articleWrap .articleSide .other h3 {
	color: rgb(252, 235, 116); font-size: 16px; font-weight: normal; margin-bottom: 10px;
}
.articleWrap .articleSide .other img {
	margin-bottom: 20px; display: block;
}
.articleWrap .articleSide .other p {
	font-size: 20px; margin-bottom: 10px;
}
.articleWrap .articleSide .other a:hover p {
	color: rgb(252, 235, 116);
}
.articleWrap .articleSide .other span {
	color: rgb(81, 81, 81); font-size: 13px; display: block;
}
.articleWrap .article {
	width: 670px; float: right; position: relative;  padding-top: 80px;
}
.article strong {
	width: 560px; color: rgb(40, 40, 40); line-height: 35px; font-size: 27px; font-weight: normal; margin-bottom: 30px; display: block;
}
.article h3 {
	color: rgb(140, 211, 170); font-size: 24px; font-weight: normal; margin-bottom: 20px;
}
.article p {
	line-height: 27px; font-size: 16px; margin-bottom: 30px;
}
.article p b {
	text-align: left; color: rgb(252, 235, 116); font-weight: normal;
}
.article a.buy {
	background: url("../images/buy.svg") no-repeat left top; top: 0px; width: 92px; height: 92px; right: 0px; text-indent: -9999px; display: block; position: absolute;
}
.article a.buy:hover {
	background: url("../images/buy.svg") no-repeat left -138px;
}
.article .artist h4 {
	width: 500px; line-height: 30px; font-size: 20px; margin-bottom: 15px;
}
.article .artist p {
	width: 500px; line-height: 27px; font-size: 16px; float: left;
}
.article .artist p.both {
	width: 670px;
}
.article .artist img {
	border-radius: 65px; float: right; -moz-border-radius: 65px; -webkit-border-radius: 65px;
}
.html_a_tag a {
	text-decoration: underline;
}
.relative {
	background: rgb(240, 240, 240); padding: 25px 15px; width: 640px; margin-bottom: 30px;
}
.relative .col {
	padding: 0px 15px; width: 290px; float: left;
}
.relative h4 {
	font-size: 20px; margin-bottom: 10px;
}
.relative p {
	margin-bottom: 0px;
}
.relative a {
	border-bottom-color: rgb(40, 40, 40); border-bottom-width: 1px; border-bottom-style: dotted;
}
.relative a:hover {
	color: rgb(252, 235, 116); border-bottom-color: rgb(252, 235, 116); border-bottom-width: 1px; border-bottom-style: dotted;
}
.sideNav {
	left: 0px; top: 500px; position: absolute;
}
.sideNav.abs {
	position: absolute;
}
.sideNav.fixed {
	position: fixed;
}
.sideNav li {
	list-style: none; margin-bottom: 6px;
}
.sideNav li a {
	background-position: center 9px; padding: 9px 0px 8px; width: 40px; text-align: center; display: block; background-repeat: no-repeat; background-color: rgb(240, 240, 240);
}
.sideNav li a span {
	color: rgb(191, 191, 191); font-size: 10px; display: block; transform: scale(0.875);
}
.sideNav li a.email {
	background-image: url("../images/icon_sent.png");
}
.sideNav li a.email span {
	padding-top: 16px;
}
.sideNav li a.download {
	background-image: url("../images/icon_download.png");
}
.sideNav li a.download span {
	padding-top: 18px;
}
.sideNav li a.rss {
	background-image: url("../images/icon_sent_RSS.png");
}
.sideNav li a.rss span {
	padding-top: 18px;
}
.sideNav li a.epaper {
	background-image: url("../images/icon_epaper.png");
}
.sideNav li a.epaper span {
	padding-top: 18px;
}
.sideNav li a:hover span {
	color: rgb(81, 81, 81);
}
.sideNav li a.email:hover {
	background-position: center -62px;
}
.sideNav li a.download:hover {
	background-position: center -55px;
}
.sideNav li a.rss:hover {
	background-position: center -45px;
}
.sideNav li a.epaper:hover {
	background-position: center -42px;
}
ul.otherLink {
	
}
ul.otherLink li {
	list-style: none; margin-bottom: 2px;
}
ul.otherLink li a {
	background: rgb(240, 240, 240); padding: 15px 20px; width: 670px; font-size: 16px; display: block;
}
ul.otherLink li a:hover {
	background: rgb(222, 222, 222);
}
.main {
	margin: 36px auto 0px; width: 1004px; min-height: 210px;
}
.main .mainWrap {
	background: rgb(255, 255, 255); padding: 0px 30px;
}
.newsWrap {
	padding-top: 55px;
}
.mediaZoneWrap {
	padding-top: 55px;
}
.main .side h3 {
	color: rgb(140, 211, 170); font-size: 24px; font-weight: normal;
}
.main .side h3 span {
	font-size: 14px; display: block;
}
.main .post h3 {
	font-family: "?L?n??????", Verdana, Helvetica, Arial, sans-serif; font-size: 24px; font-weight: normal;
}
.main .side {
	float: left;
}
.main .post {
	float: left;
}
.main .newsItem {
	padding-bottom: 60px; margin-bottom: 25px; border-bottom-color: rgb(240, 240, 240); border-bottom-width: 1px; border-bottom-style: solid;
}
.main .newsItem strong {
	color: rgb(249, 90, 75); line-height: 27px; font-size: 16px; font-weight: normal; display: block;
}
.main .mediaZoneItem {
	padding-bottom: 60px; margin-bottom: 25px; border-bottom-color: rgb(240, 240, 240); border-bottom-width: 1px; border-bottom-style: solid;
}
.main .mediaZoneItem strong {
	color: rgb(249, 90, 75); line-height: 27px; font-size: 16px; font-weight: normal; display: block;
}
.main .side {
	width: 274px;
}
.main .post {
	width: 670px;
}
.main .post h4 {
	color: rgb(249, 90, 75); font-size: 16px; font-weight: normal; margin-bottom: 5px;
}
.main .post p {
	line-height: 27px; font-size: 16px;
}
.main .post li {
	line-height: 27px; font-size: 16px;
}
.main .post ul {
	color: rgb(40, 40, 40);
}
.main .post ol {
	color: rgb(40, 40, 40);
}
.main .post li {
	margin-bottom: 0px; margin-left: 22px;
}
.main .post img {
	
}
.main .post a {
	border-bottom-color: rgb(40, 40, 40); border-bottom-width: 1px; border-bottom-style: dotted; display: inline-block;
}
.main .post a:hover {
	color: rgb(140, 211, 170); border-bottom-color: rgb(252, 235, 116); border-bottom-width: 1px; border-bottom-style: dotted;
}
.main .post a.orange {
	color: rgb(249, 90, 75); border-bottom-color: rgb(249, 90, 75); border-bottom-width: 1px; border-bottom-style: dotted;
}
.main .post b.man {
	line-height: 27px; font-size: 16px;
}
.main p.note {
	color: rgb(173, 173, 173); font-size: 16px;
}
.main .back {
	color: rgb(173, 173, 173); font-size: 16px; margin-left: 274px; display: block;
}
.main .back:hover {
	color: rgb(0, 0, 0);
}
.eventItem {
	margin: 0px auto 26px; width: 944px; padding-top: 20px;
}
.list .eventItem h3 {
	color: rgb(140, 211, 170); font-size: 24px; font-weight: normal; margin-bottom: 30px;
}
.list .eventItem h3 span {
	font-size: 14px; display: block;
}
.eventItem h3.nomber1 {
	background: url("../images/icon_even_step.gif") no-repeat left top; height: 36px; padding-top: 4px; padding-left: 46px;
}
.eventItem h3.nomber2 {
	background: url("../images/icon_even_step.gif") no-repeat left -86px; height: 36px; padding-top: 4px; padding-left: 46px;
}
.eventItem .eventTable {
	
}
.eventItem .tableHeader {
	width: 944px; padding-bottom: 10px; font-size: 13px; border-bottom-color: rgb(81, 81, 81); border-bottom-width: 1px; border-bottom-style: solid;
}
.eventItem .tableHeader .width59 {
	text-align: right;
}
.eventItem .tableRow {
	padding: 15px 0px 20px; width: 944px; border-bottom-color: rgb(240, 240, 240); border-bottom-width: 1px; border-bottom-style: solid;
}
.eventItem .tableRow.end {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.eventItem .eventTable .column {
	float: left;
}
.eventItem .eventTable .topic {
	width: 275px;
}
.eventItem .eventTable .width275 {
	width: 275px;
}
.eventItem .eventTable .width247 {
	width: 245px;
}
.eventItem .eventTable .width394 {
	width: 394px;
}
.eventItem .eventTable .width116 {
	width: 120px;
}
.eventItem .eventTable .width60 {
	width: 60px;
}
.eventItem .eventTable .width59 {
	width: 59px;
}
.eventItem .eventTable .more {
	color: rgb(140, 211, 170); font-size: 12px; margin-top: 25px; display: block;
}
.eventItem .eventTable a:hover .more {
	color: rgb(140, 211, 170);
}
.eventTable h4 {
	line-height: 25px; font-size: 16px; font-weight: normal; margin-right: 30px;
}
.eventTable h4 a:hover {
	color: rgb(140, 211, 170);
}
.eventTable a:hover h4 {
	color: rgb(140, 211, 170);
}
.list .eventTable p {
	line-height: 24px; font-size: 14px; margin-right: 30px;
}
.eventTable input.signup {
	border: 1px solid rgb(173, 173, 173); border-image: none; width: 16px; height: 16px;
}
.eventTable .send {
	background: url("../images/icon_sent.png") left top; width: 16px; height: 11px; text-indent: -9999px; margin-top: 5px; float: right; display: block;
}
.eventTable .send:hover {
	background: url("../images/icon_sent.png") left -71px;
}
.eventTable p.msg {
	color: rgb(249, 90, 75); margin-right: 0px;
}
.control {
	border-top-color: rgb(240, 240, 240); border-top-width: 1px; border-top-style: solid;
}
.eventTable button {
	margin: 10px 30px 0px 0px; padding: 15px 0px; border: currentColor; border-image: none; width: 215px; color: rgb(255, 255, 255); font-family: "Roboto", "?L?n??????", Verdana, Helvetica, Arial, sans-serif; font-size: 18px; float: right; cursor: pointer;
}
button.join {
	background: rgb(140, 211, 170); margin: 10px 30px 0px 0px; padding: 15px 0px; border: currentColor; border-image: none; width: 215px; color: rgb(255, 255, 255); font-family: "Roboto", "?L?n??????", Verdana, Helvetica, Arial, sans-serif; font-size: 18px; float: right; cursor: pointer;
}
.eventTable button:hover {
	background: rgb(140, 211, 170);
}
button.join:hover {
	color: rgb(140, 211, 170);
}
ul.category {
	padding: 21px 0px 0px; margin-left: 20px;
}
ul.category li {
	color: rgb(141, 141, 141); line-height: 100%;
}
ul.category li a {
	padding: 0px 10px; color: rgb(141, 141, 141); font-size: 15px; float: left; display: block;
}
ul.category li a:hover {
	color: rgb(140, 211, 170);
}
ul.tab {
	width: 1004px;
}
ul.category li {
	list-style: none; float: left;
}
ul.tab li {
	list-style: none; float: left;
}
ul.tab li a {
	padding: 0px 30px; height: 36px; color: rgb(40, 40, 40); line-height: 36px; font-size: 15px; margin-right: 1px; display: block;
}
ul.tab.pink li a {
	background: rgb(255, 223, 213);
}
ul.tab.green li a {
	background: rgb(198, 233, 213);
}
ul.tab.green2 li a {
	background: rgb(211, 221, 183);
}
ul.tab li a:hover {
	background: rgb(255, 255, 255);
}
ul.tab li a.active {
	background: rgb(255, 255, 255);
}
.list {
	background: rgb(255, 255, 255); margin: 36px auto 100px; width: 1004px; min-height: 250px;
}
.list .item {
	margin: 0px 30px 0px 0px; padding: 30px 0px; width: 974px; border-bottom-color: rgb(240, 240, 240); border-bottom-width: 1px; border-bottom-style: solid; display: block; position: relative;
}
.list .date {
	background: rgb(56, 59, 63); padding: 8px 10px; left: 0px; top: 0px; width: 36px; text-align: center; color: rgb(255, 255, 255); line-height: 1.6em; font-family: Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; font-size: 13px; position: absolute;
}
.list .date span {
	font-size: 25px; display: block;
}
.list .info {
	width: 495px; padding-left: 118px; float: left;
}
.list img {
	float: right;
}
.list img.star {
	float: none;
}
.list h3 {
	color: rgb(40, 40, 40); font-size: 24px; font-weight: 300; margin-bottom: 30px;
}
.list p {
	color: rgb(40, 40, 40); line-height: 27px; font-size: 16px;
}
.list a.item:hover .date {
	background: rgb(140, 211, 170);
}
.list a.item:hover h3 {
	color: rgb(140, 211, 170);
}
.pager {
	text-align: center;
}
.pager a {
	padding: 20px 0px; width: 45px; text-align: center; font-size: 15px; display: inline-block;
}
.pager a:hover {
	color: rgb(252, 235, 116); padding-top: 19px; border-top-color: rgb(252, 235, 116); border-top-width: 1px; border-top-style: solid;
}
.pager a.current {
	color: rgb(252, 235, 116); padding-top: 19px; border-top-color: rgb(252, 235, 116); border-top-width: 1px; border-top-style: solid;
}
.tableLeft {
	width: 275px; float: left;
}
form.signin {
	width: 669px; font-size: 16px; float: right;
}
form.signin label {
	color: rgb(173, 173, 173); margin-bottom: 10px; display: block;
}
form.signin label span {
	color: rgb(249, 90, 75); line-height: 100%;
}
form.signin input {
	border: 1px solid rgb(173, 173, 173); border-image: none; height: 40px; line-height: 40px; padding-left: 10px; font-size: 13px; margin-bottom: 20px;
}
form.signin input.long {
	width: 502px;
}
form.signin textarea {
	padding: 10px; border: 1px solid rgb(173, 173, 173); border-image: none; width: 492px; height: 183px; margin-bottom: 20px;
}
form.signin input.middle {
	width: 240px;
}
form.signin input.short {
	width: 196px;
}
form.signin .float {
	margin-right: 10px; float: left;
}
form.signin input.radio {
	border: currentColor; border-image: none; margin-bottom: 0px;
}
form.signin input.float {
	margin-right: 10px;
}
form.signin .float .radioText {
	line-height: 40px; margin-right: 10px;
}
form.signin .code {
	height: 40px; float: left;
}
form.signin .code img {
	margin-top: 10px; display: block;
}
form.signin p {
	line-height: 27px; margin-bottom: 40px;
}
form.signin button {
	background: rgb(252, 235, 116); border: 0px currentColor; border-image: none; width: 215px; height: 55px; text-align: center; color: rgb(255, 255, 255); line-height: 55px; font-size: 18px; margin-top: 25px; cursor: pointer;
}
form.signin button:hover {
	background: rgb(252, 235, 116);
}
form.signin button.reset {
	width: 185px;
}
form.signin button.submit {
	width: 324px;
}
form.signin button.reset {
	background: rgb(191, 191, 191); height: 40px; line-height: 40px; margin-right: 5px;
}
form.signin button.submit {
	background: rgb(191, 191, 191); height: 40px; line-height: 40px; margin-right: 5px;
}
form.signin button.reset:hover {
	background: rgb(157, 157, 157);
}
form.signin button.submit:hover {
	background: rgb(157, 157, 157);
}
.buyTicket1 {
	background: url("../images/btn_buy.svg") no-repeat left top; width: 75px; height: 75px; text-indent: -9999px; display: block;
}
.buyTicket2 {
	background: url("../images/btn_buy2.svg") no-repeat left top; width: 75px; height: 75px; text-indent: -9999px; margin-top: 60px; display: block;
}
.buyTicket1:hover {
	background: url("../images/btn_buy.svg") no-repeat left -125px;
}
.buyTicket2:hover {
	background: url("../images/btn_buy2.svg") no-repeat left -125px;
}
#map {
	height: 517px; margin-top: 74px; margin-bottom: 30px;
}
.location ul {
	margin: 0px auto; width: 1032px;
}
.location ul li {
	list-style: none; margin: 0px 14px 80px; width: 316px; float: left;
}
.location ul li h3 {
	margin-bottom: 15px;
}
.location ul li h3 a {
	color: rgb(140, 211, 170); font-size: 20px; font-weight: normal;
}
.location ul li h3 img {
	margin-right: 5px; vertical-align: bottom;
}
.location ul li p {
	line-height: 27px; font-size: 16px;
}
.location ul li p a {
	color: rgb(141, 141, 141); line-height: 21px; font-size: 13px; -ms-word-break: break-all;
}
.location ul li p a:hover {
	color: rgb(252, 235, 116);
}
.sponsorList {
	padding-top: 50px;
}
.sponsorList h3 {
	color: rgb(140, 211, 170); font-size: 16px; margin-bottom: 10px;
}
.sponsorList .sponsor {
	margin-bottom: 35px;
}
.sponsorList .sponsor li {
	list-style: none; margin-right: 30px; margin-bottom: 20px; float: left;
}
.gotop {
	width: 50px; height: 50px; right: 30px; bottom: 30px; text-indent: -9999px; display: none; position: fixed; z-index: 9999; background-image: url("../images/top.png"); background-repeat: no-repeat;
}
.gotop.fixed {
	bottom: 30px; position: fixed; z-index: 9999;
}
.gotop.abs {
	bottom: 740px; position: absolute;
}
.gotop:hover {
	background-position: left -100px;
}
.color1 {
	color: rgb(249, 90, 75);
}
.color2 {
	color: rgb(37, 175, 227);
}
.float {
	float: left;
}
.archiveWrap {
	background: rgb(40, 40, 40); padding-top: 93px; padding-bottom: 10px; margin-top: 54px; margin-bottom: -100px;
}
.archiveList {
	margin: 0px auto; width: 1047px;
}
.archiveList .archive {
	margin: 0px 21px 90px 22px; width: 306px; float: left;
}
.archiveList .archive img {
	border: 10px solid rgb(143, 143, 142); border-image: none; margin-bottom: 20px; display: block;
}
.archiveList .archive a h3 {
	color: rgb(255, 255, 255); font-size: 16px; font-weight: normal;
}
.archiveList .archive a:hover img {
	border: 10px solid rgb(252, 235, 116); border-image: none;
}
.yearList li {
	list-style: none;
}
.yearList li a {
	height: 30px; color: rgb(173, 173, 173); font-size: 20px; display: block;
}
.yearList li a:hover {
	color: rgb(252, 235, 116);
}
.yearList li a.current {
	color: rgb(252, 235, 116);
}
.newsLetter {
	margin-top: 35px; border-top-color: rgb(240, 240, 240); border-top-width: 1px; border-top-style: solid;
}
.newsLetter .item {
	border-bottom-color: rgb(240, 240, 240); border-bottom-width: 1px; border-bottom-style: solid;
}
.newsLetter .item a {
	padding: 30px 0px; display: block;
}
.newsLetter .item a:hover {
	background: rgb(246, 246, 244);
}
.newsLetter .item a .date {
	width: 105px; color: rgb(173, 173, 173); padding-left: 15px; font-size: 16px; float: left;
}
.newsLetter .item a .title {
	width: 550px; font-size: 16px; float: left;
}
.aspnetForm {
	
}
.aspnetForm .float {
	width: 325px; margin-right: 10px; margin-bottom: 10px;
}
.aspnetForm .float input.checkbox {
	border: 1px solid rgb(173, 173, 173); border-image: none; width: 17px; height: 17px; margin-top: 5px; margin-right: 10px; float: left;
}
.aspnetForm .float p {
	width: 280px; font-family: "?L?n??????", Helvetica, Arial, Verdana, sans-serif; font-size: 15px; float: left;
}
.aspnetForm .float p span {
	color: rgb(40, 40, 40); font-family: "Roboto", "?L?n??????", Helvetica, Arial, Verdana, sans-serif; display: block;
}
.aspnetForm label {
	color: rgb(173, 173, 173); font-size: 13px; margin-top: 40px; margin-bottom: 5px; display: block;
}
.aspnetForm .input {
	border: 1px solid rgb(173, 173, 173); border-image: none; width: 340px; height: 40px; line-height: 40px; padding-left: 10px; font-size: 13px; margin-right: 2px; margin-bottom: 20px; float: left;
}
.aspnetForm button {
	background: rgb(252, 235, 116); border: 0px currentColor; border-image: none; width: 215px; height: 42px; text-align: center; color: rgb(255, 255, 255); line-height: 42px; font-size: 18px; float: left; cursor: pointer;
}
.aspnetForm button:hover {
	background: rgb(252, 235, 116);
}
.aspnetForm button.reset {
	width: 140px;
}
.aspnetForm button.submit {
	width: 168px; margin-right: 2px;
}
.aspnetForm button.reset {
	background: rgb(191, 191, 191);
}
.aspnetForm button.submit {
	background: rgb(191, 191, 191);
}
.aspnetForm button.reset:hover {
	background: rgb(157, 157, 157);
}
.aspnetForm button.submit:hover {
	background: rgb(157, 157, 157);
}
.result {
	margin: 0px 30px; padding-top: 20px; min-height: 300px;
}
.main .newsItem.noneline {
	border: currentColor; border-image: none;
}
.main .mediaZoneItem.noneline {
	border: currentColor; border-image: none;
}
.bgYellow {
	background: rgb(252, 235, 116);
}
.bgYellow2 {
	background: rgb(255, 211, 117);
}
.bgGreen {
	background: rgb(166, 221, 212);
}
.bgGreen2 {
	background: rgb(166, 187, 111);
}
.bgBlue {
	background: rgb(135, 211, 240);
}
.bgBlue2 {
	background: rgb(155, 218, 223);
}
.bgPink {
	background: rgb(255, 191, 170);
}
.bgPink2 {
	background: rgb(255, 189, 143);
}
.bgCoffee {
	background: rgb(213, 200, 184);
}
.bgDarkGreen {
	background: rgb(140, 211, 170);
}
.bgDarkBlue {
	background: rgb(172, 197, 216);
}
.bgDarkBlue2 {
	background: rgb(146, 177, 223);
}
.main p span.gray {
	color: rgb(173, 173, 173);
}
.main p span.orange {
	color: rgb(249, 90, 75);
}
.gray {
	color: rgb(173, 173, 173);
}
.orange {
	color: rgb(249, 90, 75);
}
#footer {
	background: rgb(56, 59, 63); padding: 68px 0px 35px; color: rgb(173, 173, 173); position: relative;
}
#footer .footerLogo {
	left: 0px; top: -10px; position: absolute;
}
#footer .footerLogo a {
	background: url("../images/taf_logo_footer.png") no-repeat left top; width: 200px; height: 116px; text-indent: -9999px; display: block;
}
#footer .footerLogo a:hover {
	background: url("../images/taf_logo_footer.png") no-repeat left -166px;
}
#footer .footerMenu {
	margin-left: 250px; float: left;
}
#footer .col {
	width: 125px; float: left;
}
#footer .both {
	width: 250px; float: left;
}
#footer ul {
	
}
#footer .footerMenu li {
	list-style: none;
}
#footer .footerMenu li a {
	font-size: 14px; margin-bottom: 10px; display: block;
}
#footer .footerContact {
	width: 250px; float: left;
}
#footer .footerContact p {
	line-height: 29px; font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif; font-size: 20px; margin-left: 5px;
}
#footer .footerContact p a {
	color: rgb(173, 173, 173);
}
#footer .footerContact p a:hover {
	color: rgb(255, 255, 255);
}
#footer .social {
	margin-top: 20px;
}
#footer .social li {
	list-style: none; margin-right: 8px; float: left;
}
#footer .social li a {
	width: 33px; height: 33px; text-indent: -9999px; display: block; background-image: url("../images/icons.png"); background-repeat: no-repeat;
}
#footer .social li a.email {
	background-position: left top;
}
#footer .social li a.map {
	background-position: -43px top;
}
#footer .social li a.youtube {
	background-position: -87px top;
}
#footer .social li a.fb {
	background-position: -131px top;
}
#footer .social li a.twitter {
	background-position: -174px top;
}
#footer .social li a.instagram {
	background-position: -217px top;
}
#footer .social li a.email:hover {
	background-position: left -97px;
}
#footer .social li a.map:hover {
	background-position: -43px -97px;
}
#footer .social li a.youtube:hover {
	background-position: -87px -97px;
}
#footer .social li a.fb:hover {
	background-position: -131px -97px;
}
#footer .social li a.twitter:hover {
	background-position: -174px -97px;
}
#footer .social li a.instagram:hover {
	background-position: -217px -97px;
}
.footerBottom {
	margin: 30px 0px 50px; padding-top: 30px; border-top-color: rgb(81, 81, 81); border-top-width: 1px; border-top-style: solid;
}
.footerBottom h3 {
	color: rgb(255, 255, 255); font-size: 11px; font-weight: normal; margin-bottom: 15px;
}
.footerBottom ul li {
	list-style: none; margin-bottom: 7px;
}
.footerBottom ul li a {
	font-size: 12px;
}
#footer p {
	font-size: 12px;
}
#footer a {
	color: rgb(173, 173, 173);
}
#footer .site {
	color: rgb(94, 94, 94);
}
#footer .site a {
	color: rgb(94, 94, 94);
}
#footer a:hover {
	color: rgb(255, 255, 255);
}
@media handheld, only screen and (max-width:1024px)
{
#container {
	width: 1024px;
}
#header {
	width: 1024px;
}
#footer {
	width: 1024px;
}
.homeSlider .cycle {
	width: 1024px;
}
.center {
	width: 960px;
}
.location ul {
	width: 960px;
}
.main {
	width: 924px;
}
.homeSlider .cycle li {
	width: 924px;
}
.list {
	width: 924px;
}
#searchWrap form input.searchText {
	width: 640px; padding-bottom: 10px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
}
.filmList .nav {
	width: 960px;
}
.filmList {
	width: 935px;
}
.filmList .slideList .slide {
	width: 935px;
}
.filmList .nav {
	left: -16px;
}
.filmList ul.film li {
	width: 176px;
}
.filmList li a:hover .mask {
	width: 166px; height: 95px;
}
.filmList ul.film li img {
	width: 100%; height: auto;
}
.filmList ul.film li img.free {
	width: 40px; height: 20px;
}
.homeSlider .cycle img {
	width: 924px; height: auto;
}
.homeSlider ul.cycle li .video .play {
	width: 924px; height: 520px;
}
.homeSlider .cycle iframe {
	width: 924px; height: 520px;
}
.pagination {
	right: -20px;
}
.wrap {
	margin: 0px;
}
.homeNews {
	margin: 0px auto; width: 924px;
}
.homeNews .post {
	width: 288px; margin-right: 30px;
}
.homeNews .end {
	margin-right: 0px;
}
.isotopeWrap {
	margin: 0px auto; width: 948px;
}
.isotope .item {
	margin: 0px 12px 25px;
}
.isotope .item.one {
	width: 213px;
}
.isotope .item.two {
	width: 450px;
}
.ad {
	width: 944px;
}
.ad li {
	width: 216px;
}
.ad li img {
	width: 216px; height: auto;
}
.ad li a .mask {
	width: 212px; height: 212px; display: none;
}
.articleWrap {
	width: 924px;
}
.eventItem .tableHeader {
	width: 864px;
}
.eventItem .tableRow {
	width: 864px;
}
.articleWrap .article {
	width: 600px;
}
.article .artist p.both {
	width: 600px;
}
.articleWrap .articleSide {
	width: 260px; padding-left: 40px;
}
.main .side {
	width: 174px; margin-right: 20px;
}
.relative {
	width: 570px; padding-bottom: 5px;
}
.relative .col {
	width: 540px; margin-bottom: 20px; float: none;
}
.article strong {
	width: 480px;
}
.article .artist p {
	width: 420px;
}
.article a.buy {
	right: 20px;
}
.list .item {
	width: 894px;
}
.list .info {
	width: 470px; padding-left: 100px;
}
.eventItem {
	width: 864px;
}
.eventItem .eventTable .topic {
	width: 250px;
}
.eventItem .eventTable .width275 {
	width: 257px;
}
.eventItem .eventTable .width60 {
	width: 50px;
}
.eventItem .eventTable .width59 {
	width: 50px;
}
.eventItem .eventTable .width247 {
	width: 245px;
}
.eventItem .eventTable .width394 {
	width: 354px;
}
.eventItem .eventTable .width116 {
	width: 74px;
}
ul.otherLink li a {
	width: 560px;
}
ul.tab {
	width: 924px;
}
.location ul li {
	width: 292px;
}
.main .back {
	margin-left: 194px;
}
.archiveList {
	width: 960px;
}
.archiveList .archive {
	margin: 0px 7px 90px;
}
#footer .footerMenu {
	margin-left: 220px;
}
#footer .footerContact {
	width: 250px;
}
#footer .both {
	width: 240px;
}
#footer .col {
	width: 120px;
}
.articleSide button{ color: #FFF !important; background:#F90 !important; font-weight:bold;}
.articleSide button:hover{ color: #000 !important; }