html,body{
margin:0;
padding:0;
}
body{
font-family:"Courier New",Courier,monospace;
line-height:150%;
color:black;
font-size:12px;
}
a{
color:black;
text-decoration:none;
}
a:hover,
#navigator li.hover a{
color:red;
}
img{
border:0;
}
h1{
display:none;
}
#field{
border:1px solid black;
float:left;
width:315px;
margin-right:5px;
height:18px;
padding:3px 0 0 18px;
background:white;
}
#bewild{
font-style:italic;
font-size:17px;
background:black;
color:white;
float:left;
padding:3px 10px 0 8px;
height:20px;
}
#navigator{
position:absolute;
top:50px;
left:50px;
z-index:10;
}
#navigator ul{
clear:both;
margin:0;
padding:0;
position:absolute;
list-style:none;
top:23px;
left:0;
padding-top:28px;
line-height:22px;
height:402px;
border:1px solid black;
border-top:0;
width:315px;
padding-left:18px;
background:white;
}
* html #navigator ul{
border-top:1px solid black;
}
#navigator li{
cursor:pointer;
}
#navigator ul .space{
margin-bottom:22px;
}
#navigator ul a{
text-decoration:none;
}
.active{
text-decoration:line-through;
}
#footer{
text-align:right;
padding-right:100px;
font-family:arial,helvetica,sans-serif;
font-size:10px;
padding-bottom:20px;
clear:both;
}
#wrap{
min-width:1000px;
}
/* home */
#home_page #floating{
margin-right:100px;
width:380px;
}
#home_page #content{
padding-top:337px;
}
#home_page #footer{
padding-top:260px;
clear:both;
}
#home_page #box{
background:black;
width:350px;
height:350px;
float:left;
display:inline;
}
#home_page #swsg{
width:20px;
height:350px;
background:url(swsg_black.jpg) no-repeat;
float:right;
}
/* news */
#news_page #floating{
margin-right:20px;
}
#news_page #content{
padding-top:446px;
}
#news_page #box{
background:#ff003a;
width:124px;
height:350px;
margin-left:30px;
float:left;
display:inline;
}
#news_page #swsg{
position:absolute;
top:0;
left:0;
width:20px;
height:350px;
background:url(swsg_red.jpg) no-repeat;
}
#newslist{
margin:0;
padding:0;
list-style:none;
margin-left:180px;
width:480px;
}
#newslist li{
padding-left:33px;
background:url(newslistli.jpg) no-repeat 0 8px;
}
#news_page #footer{
padding-top:150px;
}
/* about */
#about_page #floating{
width:879px;
margin-right:20px;
}
#about_page #content{
padding-top:50px;
}
#about_page .first{
color:#ff00c0;
margin-top:0;
}
#about_page .text{
margin-left:389px;
width:490px;
}
#about_page #box{
background:#ff00c0;
width:350px;
height:165px;
position:absolute;
top:541px;
left:0;
}
#about_page #swsg{
position:absolute;
top:716px;
left:0;
width:350px;
height:20px;
background:url(swsg_pink.jpg) no-repeat;
}
/* contact */
#contact_page #floating{
margin-right:50px;
width:525px;
}
#contact_page #content{
padding-top:591px;
}
#contact_page #box{
background:#9200ff;
width:112px;
height:112px;
float:left;
display:inline;
}
#contact_page .text{
margin-left:174px;
}
#contact_page h2{
font-weight:normal;
font-size:18.3px;
margin-top:0;
padding-top:28px;
}
#contact_page address{
font-style:normal;
}
#contact_page #footer{
padding-top:199px;
}
/* member */
#member_page #floating{
margin-right:50px;
width:573px;
}
#member_page #content{
padding-top:349px;
padding-left:0;
}
#member_page #box{
background:#00a700;
width:205px;
height:102px;
}
#member_page #swsg{
position:absolute;
top:0;
left:553px;
width:20px;
height:350px;
background:url(swsg_black.jpg) no-repeat;
}
#member_page #comingsoon{
padding-top:19px;
margin-top:0;
margin-left:113px;
}
#member_page #footer{
padding-top:469px;
}
/* work */
#work_page{
background:#ffe800;
}
body.work_list #swsg{
top:141px;
left:920px;
}
body.work_detail #swsg{
top:44px;
left:880px;
}
#work_page #swsg{
position:absolute;
width:20px;
height:350px;
background:url(swsg_yellow.png) no-repeat;
}
body.work_list #prev_page{
position:absolute;
top:326px;
left:0;
width:61px;
height:33px;
background:url(prev.jpg) no-repeat;
}
body.work_list #next_page a,
body.work_list #prev_page a{
display:block;
width:61px;
padding-top:33px;
height:0;
overflow:hidden;
}
body.work_list #next_page{
position:absolute;
top:326px;
left:824px;
width:61px;
height:33px;
background:url(next.jpg) no-repeat;
}
body.work_list #floating{
margin-right:10px;
width:940px;
}
body.work_detail #floating{
margin-right:10px;
width:900px;
}
body.work_list #content{
padding-top:158px;
/*padding-left:168px;*/
}
body.work_list #content ul{
margin:0;
padding:0;
list-style:none;
background:white;
padding-top:58px;
padding-left:130px;
height:635px;
width:755px;
}
body.work_list #content .thumb{
float:left;
width:95px;
height:95px;
margin:0;
}
body.work_list #content .thumb img{
width:95px;
height:95px;
}
body.work_list #content li{
width:344px;
height:95px;
float:left;
margin-bottom:25px;
display:inline;
}
body.work_list #content .text{
margin-left:108px;
}
body.work_list #content .text p{
margin:0;
padding:0;
}
body.work_list #content .work_title{
font-style:italic;
}
body.work_detail #content{
padding-top:255px;
/*padding-left:298px;*/
}
body.work_detail h2{
margin:0;
padding:0;
font-size:37px;
font-weight:normal;
line-height:32px;
height:65px;
overflow:hidden;
}
body.work_detail #menu{
float:left;
display:inline;
width:117px;
}
body.work_detail #menu ul{
margin:0;
padding:0;
list-style:none;
font-weight:bold;
}
body.work_info #box{
background:white;
width:125px;
height:328px;
float:left;
margin-top:82px;
}
body.work_detail #info{
margin:0;
padding:0;
width:475px;
margin-left:320px;
}
body.work_detail #info div{
margin-top:30px;
}
body.work_detail #menu #back{
padding-top:100px;
}
body.work_detail #footer{
padding-top:173px;
}
body.work_list #footer{
padding-top:100px;
}
body.work_contributor #contributor,
body.work_tour #tour,
body.work_review #review{
width:454px;
background:white;
margin-left:156px;
padding:28px 53px 61px 25px;
}
body.work_photo #showroom{
margin-left:270px;
}
body.work_photo .slide_nav{
margin-left:270px;
}
.slide_nav .active{
text-decoration:none;
}
body.work_info dl{
margin:0;
padding:0;
}
body.work_info dt{
float:left;
width:100px;
}
body.work_info dd{
margin-left:100px;
margin-bottom:6px;
}
#contributor .zh,
#review .zh,
#tour .zh{
margin-top:40px;
}

/* artists */
#artists_page #floating{
margin-right:100px;
width:765px;
}
#artists_page #content{
padding-top:170px;
/*padding-left:483px;*/
}
#artists_page #box{
width:595px;
height:254px;
background:#52ffff;
float:left;
display:inline;
}
#artists_page #menu{
margin-left:625px;
padding-top:46px;
font-weight:bold;
}
#artists_page #menu ul{
margin:0;
padding:0;
list-style:none;
}
body.artists_home #footer,
body.artists_list #footer{
padding-top:526px;
}
body.artists_single #info{
clear:both;
padding-left:8px;
width:587px;
position:relative;
}
body.artists_single h2{
font-size:37px;
font-weight:normal;
height:40px;
margin:0;
padding:0;
padding-top:35px;
}
body.artists_single #desc{
font-size:16px;
font-style:italic;
margin:0;
padding:0;
}
body.artists_single .chinese{
position:absolute;
top:40px;
right:0;
width:110px;
text-align:right;
margin:0;
padding:0;
}
body.artists_single #work_list{
position:absolute;
top:40px;
right:120px;
width:110px;
text-align:right;
}
body.artists_single #work_list a{
text-decoration:underline;
}
body.artists_single #biography{
padding-top:55px;
padding-left:94px;
}
body.artists_single #footer{
padding-top:50px;
}
/* chronology */
body.by_year{
background:#ff9d00;
}
body.by_director{
background:white;
}
#chronology_page #floating{
margin-right:40px;
width:891px;
}
#chronology_page #content{
padding-top:148px;
/*padding-left:324px;*/
}
#chronology_page #menu{
float:left;
width:158px;
font-weight:bold;
padding-top:63px;
display:inline;
}
#chronology_page #menu ul{
margin:0;
padding:0;
list-style:none;
}
body.by_year #table_head{
height:35px;
margin-left:158px;
padding-left:38px;
}
body.by_year #table_head th{
text-align:left;
}
body.by_year #table_body{
margin-left:158px;
background:white;
padding-top:25px;
padding-left:38px;
width:646px;
padding-bottom:85px;
}
body.by_year td{
vertical-align:top;
}
body.by_year .year{
width:58px;
}
body.by_year .month{
width:95px;
}
body.by_year .title{
width:298px;
}
body.by_year .director{
width:148px;
}
body.by_year #footer{
padding-top:108px;
}
body.by_year #swsg{
position:absolute;
top:184px;
left:871px;
width:20px;
height:350px;
background:url(swsg_orange.png) no-repeat;
}
#chronology_page #menu #director_list{
margin-top:21px;
font-weight:normal;
}
body.by_director #list{
background:#ff9d00;
width:447px;
margin-left:158px;
padding:92px 74px;
margin-top:35px;
}
body.by_director #list ul{
margin:0;
padding:0;
list-style:none;
}
body.by_director #list li{
height:120px;
}
body.by_director #content .thumb{
float:left;
width:95px;
height:95px;
margin:0;
}
body.by_director #content .thumb img{
width:95px;
height:95px;
}
body.by_director #content .text{
margin-left:118px;
}
body.by_director #content .text p{
margin:0;
padding:0;
}
body.by_director #footer{
padding-top:100px;
}
body.by_director #swsg{
position:absolute;
top:184px;
left:871px;
width:20px;
height:350px;
background:url(swsg_orange2.jpg) no-repeat;
}
/* shop */
#shop_page #floating{
margin-right:150px;
}
#shop_page #content{
padding-top:168px;
}
#shop_page #box{
width:297px;
height:350px;
float:left;
display:inline;
margin-left:16px;
margin-top:323px;
background:#73ff00;
}
#shop_page #swsg{
width:20px;
height:350px;
float:left;
display:inline;
margin-left:0;
margin-top:323px;
background:url(swsg_black.jpg) no-repeat;
}
#shop_page .text{
margin-left:369px;
width:350px;
}
#shop_page #footer{
padding-top:112px;
}
#shop_page #soundtrack_list{
margin:0;
padding:0;
list-style:none;
}
#shop_page h2{
font-size:12px;
margin:0;
padding:20px 0 0;
text-decoration:underline;
}
#shop_page h3{
font-size:12px;
margin:0;
padding:0 0 20px;
text-decoration:underline;
}
#shop_page .text a{
text-decoration:underline;
}
#shop_page #prev_page{
position:absolute;
top:0;
width:61px;
height:33px;
left:288px;
background:url(prev1.jpg) no-repeat;
}
#shop_page #next_page{
position:absolute;
top:0;
width:61px;
height:33px;
left:658px;
background:url(next1.jpg) no-repeat;
}
#shop_page #next_page a,
#shop_page #prev_page a{
font-size:.1em;
display:block;
width:61px;
padding-top:33px;
height:0;
overflow:hidden;
}


/* ie */
* html #work_page #swsg{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.swsg95.com.tw/css/swsg_yellow.png");
background:none;
}
* html body.by_year #swsg{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.swsg95.com.tw/css/swsg_orange.png");
background:none;
}


/* popup */
.popup{
padding:30px 40px 20px;
background:white;
z-index:999;
}
.chinese a{
text-decoration:underline;
}
body.work_detail .popup{
width:500px;
}
#about_page .popup{
width:700px;
/*border:1px solid #ff00c0;*/
}
#about_page .chinese{
margin:0;
padding:0;
width:150px;
text-align:right;
position:absolute;
top:500px;
left:200px;
}
body.work_detail .chinese{
margin:0;
padding:0;
height:59px;
}
#artists_page .popup{
width:500px;
/*border:1px solid #52ffff;*/
}

#floating{
float:right;
display:inline;
position:relative;
}

.nomargin p{
margin:0;
padding:0;
}
#producers_page #content{
margin-left:480px;
padding-top:200px;
}
#producers_page #content ul{
margin:0;
padding:0;
list-style:none;
}
#producers_page #footer{
padding-top:200px;
}