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

body{ margin:0; padding:0; background:url(../images/Home_bg_1920.jpg) center top no-repeat fixed; font-family: Arial;}

h1,h2,h3,h4,ul,li,p,img{ margin:0; padding:0;}

ul,li{ list-style:none;}

img { border:none;}

a.pink{ color:#fa3e91; text-decoration:none;}
a.pink:hover{ color:#fa3e91; text-decoration:underline;}

a.blue{ color:#00aef0; text-decoration:none;}
a.blue:hover{ color:#00aef0; text-decoration:underline;}

a.gpink{ color:#666; text-decoration:none;}
a.gpink:hover{ color:#fa3e91; text-decoration:underline;}

a.gblue{ color:#666; text-decoration:none;}
a.gblue:hover{ color:#00aef0; text-decoration:underline;}

.clear{ clear:both; height:0; overflow:hidden;}





/* Head
/* -------------- */
#head{ width:980px; margin: 0 auto; padding:20px 0;}
#logo{ width:140px; float:left;}

#head-right{ width:822px; float:right;}

#dig{ text-align:right; margin-bottom:35px;}
#dig a.en { color:#00aef0; text-decoration:none; font-size:12px;}
#dig a.en:hover{ text-decoration:underline;}
#dig a.cn{ padding-left:10px; color:#fa3e91; text-decoration:none; font-size:12px; font-family:simsun;}
#dig a.cn:hover{ text-decoration:underline;}






#menu{ width:822px; height:62px;}

.menu-main { width:822px; height:14px;}

.menu-main a{ font-size:0; text-indent:-9999px; height:14px; display:inline-block; margin-left:28px; float:left; overflow:hidden;}

.menu-main .home{ width:45px; height:14px; background:url(../images/menu.png) no-repeat; _background:url(../images/menu_bg.gif) no-repeat; }
.menu-main .home-current,
.menu-main .home:hover{ width:45px; height:14px; background:url(../images/menu.png) -190px 0 no-repeat;  _background:url(../images/menu_bg.gif) -190px 0 no-repeat; }

.menu-main .art-tours{ width:91px; height:14px; background:url(../images/menu.png) 0 -18px no-repeat; _background:url(../images/menu_bg.gif) 0 -18px no-repeat;}
.menu-main .art-tours-current,
.menu-main .art-tours:hover{width:91px; height:14px; background:url(../images/menu.png) -190px -18px no-repeat; _background:url(../images/menu_bg.gif) -190px -18px no-repeat;}


.menu-main .art-lab{ width:67px; height:14px;background:url(../images/menu.png) 0 -36px no-repeat; _background:url(../images/menu_bg.gif) 0 -36px no-repeat;}
.menu-main .art-lab-current,
.menu-main .art-lab:hover{ width:67px; height:14px; background:url(../images/menu.png) -190px -36px no-repeat;  _background:url(../images/menu_bg.gif) -190px -36px no-repeat;}


.menu-main .community{ width:92px; height:14px; background:url(../images/menu.png) 0 -54px no-repeat;  _background:url(../images/menu_bg.gif) 0 -54px no-repeat;}
.menu-main .community-current,
.menu-main .community:hover{ width:92px; height:14px; background:url(../images/menu.png) -190px -54px no-repeat;  _background:url(../images/menu_bg.gif) -190px -54px no-repeat;}


.menu-main .event-consultation{ width:174px; height:14px; background:url(../images/menu.png) 0 -72px no-repeat; _background:url(../images/menu_bg.gif) 0 -72px no-repeat; }
.menu-main .event-consultation-current,
.menu-main .event-consultation:hover{ width:174px; height:14px; background:url(../images/menu.png) -190px -72px no-repeat;  _background:url(../images/menu_bg.gif) -190px -72px no-repeat;}


.menu-main .about{ width:52px; height:14px; background:url(../images/menu.png) 0 -90px no-repeat; _background:url(../images/menu_bg.gif) 0 -90px no-repeat;}
.menu-main .about-current,
.menu-main .about:hover{ width:52px; height:14px; background:url(../images/menu.png) -190px -90px no-repeat; _background:url(../images/menu_bg.gif) -190px -90px no-repeat; }

.menu-main .press-room{ width:105px; height:14px; background:url(../images/menu.png) 0 -108px no-repeat; _background:url(../images/menu_bg.gif) 0 -108px no-repeat;}
.menu-main .press-room-current,
.menu-main .press-room:hover{ width:105px; height:14px; background:url(../images/menu.png) -190px -108px no-repeat; _background:url(../images/menu_bg.gif) -190px -108px no-repeat;}


.art-tours-colum,
.art-lab-colum,
.community-colum,
.about-colum,
.press-room-colum{ width:794px; height:43px; margin-left:28px; margin-top:5px;}

.art-tours-colum{ background:url(../images/menu.png) 0 -160px no-repeat; _background:url(../images/menu_bg.gif) 0 -160px no-repeat;}
.art-lab-colum{ background:url(../images/menu.png) 0 -213px no-repeat; _background:url(../images/menu_bg.gif) 0 -213px no-repeat; padding-left:158px; width:636px;}
.community-colum{ background:url(../images/menu.png) 0 -266px no-repeat; _background:url(../images/menu_bg.gif) 0 -266px no-repeat; padding-left:210px; width:584px;}
.about-colum{ background:url(../images/menu.png) 0 -319px no-repeat; _background:url(../images/menu_bg.gif) 0 -319px no-repeat; padding-left:300px; width:494px;}
.press-room-colum{background:url(../images/menu.png) 0 -372px no-repeat; _background:url(../images/menu_bg.gif) 0 -372px no-repeat; padding-left:360px; width:434px;}


.art-tours-colum a,
.art-lab-colum a,
.community-colum a,
.about-colum a,
.press-room-colum a{ display:inline-block; font-size:13px; font-family:Arial; font-weight:bold; color:#777; text-decoration:none; margin:18px 16px 0 16px;}

.art-tours-colum a:hover,
.art-lab-colum a:hover,
.community-colum a:hover,
.about-colum a:hover,
.press-room-colum a:hover{ color:#fa3e91; text-decoration:none;}


.art-tours-colum a.current,
.art-lab-colum a.current,
.community-colum a.current,
.about-colum a.current,
.press-room-colum a.current{ color:#fa3e91; text-decoration:none;}






/* Main Content
/* -------------- */
#main{ width:950px; height:420px; margin: 0 auto; padding:24px; background:url(../images/main_bg_420.png) no-repeat; overflow:hidden;}

#slider {
	margin:0;
    width: 950px; /* important to be same as image width */
    height: 420px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider img{ border: 0px;}

#sliderContent {
    width: 950px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage { float: left;   position: relative;	display: none;}
.sliderImage span { width:0; overflow:hidden; display: none;}





/* bottom
/* -------------- */
#bottom{ width:980px; height:178px; margin:5px auto; background:url(../images/bottom_bg.png) no-repeat;}
* html #bottom a{ position:relative; }

#bottom #intro{ width:385px; float:left;}
#bottom #intro p{ padding: 24px 0 0 25px; font-size:14px; color:#666; line-height:195%; text-align:justify;}
#bottom #intro a.download{ font-size:14px; color:#fa3e91; text-decoration:underline;}
#bottom #intro a.download:hover{ color:#fa3e91; text-decoration:underline;}
#bottom #directions{ width:130px; float:left; padding:28px 0 0 45px;}

#bottom #info{ width:345px; float:right; margin:25px 30px 0 0; *margin:25px 15px 0 0;}
#bottom #info #info-projects{ width:345px; height:125px; background:url(../images/Info_bg.jpg) no-repeat; overflow:hidden;}
#bottom #info #info-news{ width:345px; height:125px; background:url(../images/Info_bg.jpg) 0 -125px no-repeat; overflow:hidden;}

#bottom #info #info-colum{ padding:9px 0 0 12px; *padding:9px 0 0 15px;}
#bottom #info #info-colum a{display:block; padding:0 25px 0 15px; font-family:Arial; font-size:13px; font-weight:bold; color:#fff; float:left; text-decoration:none;}
#bottom #info #info-colum a:hover{ color:#fff; text-decoration:underline;}
#bottom #info #info-colum a.current{ display:block; padding:0 25px 0 15px font-family:Arial; font-size:13px; font-weight:bold; color:#fa3e91; float:left;}
#bottom #info #info-colum a.current:hover{ font-size:13px; font-weight:bold; color:#fa3e91; text-decoration:underline;}

#bottom #info .detail{ width:325px; padding:14px 8px 0 12px;}
#bottom #info h4{ padding:0; margin:0; font-size:12px; color:#666;}
#bottom #info h4 a{ color:#666; font-size:12px; text-decoration:none;}
#bottom #info h4 a:hover{ color:#fa3e91; font-size:12px; text-decoration:underline;}
#bottom #info .date{ padding:0; margin:0; font-size:12px; color:#666; line-height:200%; font-weight:bold;}
#bottom #info p{ font-size:11px; color:#666; line-height:180%; text-align:justify;}


/* footer
/* -------------- */
#footer{ width:980px; margin:0 auto;}
#copyright{ padding:10px 0 20px 10px; font-size: 11px; color:#fff;}

#footer a{ font-size:11px; color:#fff; text-decoration:none;}
#footer a:hover{ font-size:11px; color:#fff; text-decoration:underline;}





/* Column Content
/* -------------- */

.content-wrap{ width:980px; margin:0 auto;}

.content-top{ width:980px; height:70px; background:url(../images/top_bg.png) no-repeat;}
.content-top h2{ color:#00aef0; font-size:18px; font-weight:bold; padding:35px 0 0 45px;}

.content-bot{ width:980px; height:20px; background:url(../images/bot_bg.png) no-repeat;}

.content-img{ width:980px; background:#fff;}
.content-img img{ display:block; margin-left:45px; padding-bottom:30px;}

.content-detail{ width:880px; padding:0 55px 0 45px; background:#fff; overflow:hidden;}
.content-detail p{ font-size:14px; color:#666; line-height:170%; padding-bottom:20px; text-align:justify;}
.content-detail h3{ font-size:14px; font-weight:bold; color:#00aef0; padding-bottom:20px;}


.newslist{ width:880px; padding:0 55px 0 45px; background:#fff; overflow:hidden;}
.newslist h3{ font-size:14px; font-weight:bold; color:#00aef0; padding-bottom:5px;}
.newslist p{ font-size:14px; color:#666; line-height:170%; padding-bottom:25px; text-align:justify;}





.readingroom_con{ width:760px; margin-top:35px;}
.readingroom_img{ width:210px; float:left;}
.readingroom_text{ width:515px; float:right;}
.readingroom_text h3{ margin:0; padding:0; font-size:0.85em; color:#218ccc; line-height:150%; font-family:Helvetica; text-align:justify;}
.readingroom_text .author{ padding-top:10px; font-size:0.75em; color:#999; line-height:140%;}
.readingroom_text .date{ font-size:0.75em; color:#999; line-height:140%;}
.readingroom_text p{ margin-top:10px; padding:0; font-size:0.85em; color:#666;  line-height:170%; text-align:justify;}
.readingroom_page{ padding-top:35px; padding-bottom:30px; width:760px; text-align:right;}
.readingroom_page a{font-size:0.85em; color:#666; text-decoration:underline; padding-left:20px;}
.readingroom_page a:hover{font-size:0.85em; color:#666; text-decoration:underline;}



.edu_list{ width:900px; padding:15px 0;}
.edu_list_img{ width:240px; padding-top:5px; float:left;}
.edu_list_text{ width:640px; float:right;}
.edu_list_text h3{ margin:0; padding:0; font-size:1em; color:#00aef0; line-height:150%; text-align:justify;}
.edu_list_text .date{ font-size:0.85em; color:#666; font-weight:bold; }
.edu_list_text .dep{ font-size:0.85em; color:#666; font-weight:bold; padding:5px 0; }
.edu_list_text p{ margin-top:8px; padding:0; font-size:0.7em; color:#666;  line-height:170%; text-align:justify;}

.edu_page{ padding:15px 0 20px 0; width:900px; text-align:right;}
.edu_page a{font-size:0.85em; color:#666; text-decoration:underline; padding-left:20px;}
.edu_page a:hover{font-size:0.85em; color:#666; text-decoration:underline;}




.artist_list{ width:900px; padding:18px 0;}
.artist_list_img{ width:240px; padding-top:5px; float:left;}
.artist_list_text{ width:630px; float:right;}
.artist_list_text h3{ margin:0; padding:0; font-size:1em; color:#218ccc; line-height:150%; text-align:justify;}
.artist_list_text .date{ font-size:0.85em; color:#666; font-weight:bold; }
.artist_list_text p{ margin-top:8px; padding:0; font-size:0.75em; color:#666;  line-height:170%; text-align:justify;}

.artist-topimg{ width:900px; height:500px; display:block; margin:0; padding:0; _margin-bottom:-3px;}
.artist-detail{ width:900px; padding:0 35px 0 45px; background:#fff; overflow:hidden;}
.artist-detail h2{ font-size:18px; color:#fa3e91; padding:30px 0 10px 0;}
.artist-detail p{ margin-bottom:15px;  padding:0; font-size:14px; color:#666;  line-height:180%; text-align:justify;}


.artist_works_top{ width:900px; height:20px; margin-top:15px; background:url(../images/artist_img_top.gif) no-repeat;}
.artist_works_mid{ width:876px; padding-left:24px; padding-top:10px; background:#000; overflow:hidden;}
.artist_works_mid .imglist{ width:240px; padding:10px 22px; float:left; }
.artist_works_mid img{ width:240px; margin:0; padding:0; display:block; _margin-bottom:-3px;}
.artist_works_mid .workname{ width:240px; font-size:0.75em; color:#666; font-weight:100; line-height:140%; text-align:justify; margin:10px 0;}
.artist_works_bot{ width:900px; height:20px; margin-bottom:15px; background:url(../images/artist_img_bot.gif) no-repeat;}




.exhibition-top{ width:980px; height:70px; background:url(../images/top_bg.png) no-repeat;}
.exhibition-top h2{ color:#00aef0; font-size:20px; font-weight:bold; padding:35px 0 0 45px;}


.exhibition-detail{ width:900px; padding:0 35px 0 45px; background:#fff; overflow:hidden;}
.exhibition-detail p{ font-size:14px; color:#666; line-height:170%; padding-bottom:20px; text-align:justify;}
.exhibition-detail h2{ font-size:20px; font-weight:bold; color:#fa3e91; padding-bottom:10px;}
.exhibition-detail h3{ font-size:16px; font-weight:bold; color:#fa3e91; padding-bottom:20px;}

.exhibition_scene_top{ width:900px; height:20px; margin-top:15px; background:url(../images/artist_img_top.gif) no-repeat;}
.exhibition_scene_mid{ width:876px; padding-left:24px; padding-top:10px; background:#000; overflow:hidden;}
.exhibition_scene_mid .imglist{ width:240px; padding:10px 22px; float:left; }
.exhibition_scene_mid img{ width:240px; margin:0; padding:0; display:block; _margin-bottom:-3px;}
.exhibition_scene_mid .workname{ width:240px; font-size:0.75em; color:#666; font-weight:100; line-height:140%; text-align:justify; margin:10px 0;}
.exhibition_scene_bot{ width:900px; height:20px; margin-bottom:15px; background:url(../images/artist_img_bot.gif) no-repeat;}


.exhibition_video_top{ width:900px; height:20px; margin-top:15px; background:url(../images/artist_img_top.gif) no-repeat;}
.exhibition_video_mid{ width:876px; padding-left:24px; padding-top:10px; background:#000; overflow:hidden; text-align:center;}
.exhibition_video_bot{ width:900px; height:20px; margin-bottom:15px; background:url(../images/artist_img_bot.gif) no-repeat;}


.art_tours_content{ width:835px; height:1280px; background:url(../images/art_tours_bg.jpg) no-repeat top center; margin:0 35px 0 45px; padding-left:65px; padding-top:50px;}



.art_tours_text{ width:520px; float:left;}
.art_tours_text h2{ font-size:18px; color:#ff157c;}
.art_tours_text p{ font-size:14px; color:#666; line-height:22px; text-align:justify; margin-top:12px;  _margin-top:10px;}
.art_tours_text span{color:#ff157c;}

.art_tours_img{ width:235px; float:left; margin-left:25px; margin-top:35px;}