@charset "utf-8";
/* CSS Document */
html {height:100%;width:100%;background:url(../_images/common/BodyBG.gif) repeat-x;}
body {margin:0;padding:0;font-family:"Verdana", "Arial", "Helvetica", "sans-serif", "新細明體";}
option , select , input , textarea {font-family:"Verdana", "Arial", "Helvetica", "sans-serif", "新細明體";}
option  , select {font-size:11px;}
form , fieldset , legend , input , h1 , h2 , h3 , h4 , h5 , h6 {padding:0;margin:0;}
ul , ol , li {margin:0px 0px 0px 15px;padding:0;}
ul , ol {list-style-type:square;}
img {border:0;margin:0;padding:0px;}
p {padding:10px 0px 10px 0px;margin:0;}

.Clear {clear:both;height:0%;overflow:hidden;display:block;}
.FLeft {float:left;}
.FRight {float:right;}
.ARight {text-align:right;}
.ACenter {text-align:center;}
.para {line-height:150%;}
.HR {height:1px;background:#EEE;overflow:hidden;margin:10px 0px 10px 0px;}
.ac_DotHR {width:100%;height:1px;background:url(../_images/common/ac_DotBG.gif) repeat-x;overflow:hidden;}

#Header {width:1000px;height:115px;margin:auto;padding:0px;background:url(../_images/common/HeaderBG.gif) no-repeat;}
#Header #MainMenu{float:right;width:550px;height:80px;padding:15px 25px 0px 0px;text-align:right;}

#MainBody {margin:auto;padding:0px;width:1000px;}

#MainBody #LeftCol {float:left;width:440px;height:600px;background:url(../_images/common/LeftBG.jpg) no-repeat;}
#MainBody #LeftCol #SwfContainer {z-index:100;position:relative;height:0%;}
#MainBody #LeftCol #RotateSwf {position:absolute;height:695px;width:415px;;left:13px;top:-48px;}
#MainBody #RightCol {float:left;width:535px;}

#MainBody #RightCol #News {width:255px;float:left;margin:0px;}
#MainBody #RightCol #News .Body {width:245px;margin:10px auto 0px auto;}
#MainBody #RightCol #News .Body .Thead {width:245px;}
#MainBody #RightCol #News .Body .Thead .Date {float:left;width:55px;}
#MainBody #RightCol #News .Body .Thead .Topic {float:left;width:180px;margin:0px 0px 0px 10px;}
#MainBody #RightCol #News .Body .Thead .Topic a {display:block;width:180px;}
#MainBody #RightCol #News .Body .HrLine {height:1px;background:#e1dfdd;width:100%;overflow:hidden;padding:0;margin:5px 0 5px 0;display:block;}
#MainBody #RightCol #Mov {width:240px;height:180px;float:right;margin:3px 0px 0px 0px;}

#MainBody #RightCol #GalleryPreview {margin:25px 0px 25px 0px;width:535px;}
#MainBody #RightCol #GalleryPreview .ImgContainter {float:left;width:110px;overflow:hidden;}
#MainBody #RightCol #GalleryPreview .ImgContainter .TopBG {background:url(../_images/Gallery/ImgTopBG.gif) no-repeat;width:110px;height:6px;overflow:hidden;}
#MainBody #RightCol #GalleryPreview .ImgContainter .MidBG {width:108px;height:74px;overflow:hidden;border-left:1px solid #c7c7c0;border-right:1px solid #c7c7c0;text-align:center;}
#MainBody #RightCol #GalleryPreview .ImgContainter .BtmBG {background:url(../_images/Gallery/ImgBtmBG.gif) no-repeat;width:110px;height:6px;overflow:hidden;}
#MainBody #RightCol #GalleryPreview .PaddingBG {float:left;background:url(../_images/Gallery/PaddingBG.gif) no-repeat;width:31px;height:86px;}
#MainBody #RightCol #GalleryPreview .ImgContainter .FRows {float:left;width:30px;line-height:18px;height:18px;}
#MainBody #RightCol #GalleryPreview .ImgContainter .SRows {float:left;width:80px;line-height:18px;}
#MainBody #RightCol #GalleryPreview .ImgContainter .Title {margin:5px 0px;}
#MainBody #RightCol #GalleryPreview .ImgContainter .Title .TxtBG {line-height:18px;width:80px;height:18px;background:url(../_images/Gallery/TxtBG.gif) repeat-x;overflow:hidden;}
#MainBody #RightCol #GalleryPreview .ImgContainter .Hits .TxtBG {line-height:18px;width:80px;height:18px;background:url(../_images/Gallery/TxtBG.gif) repeat-x;overflow:hidden;}
#MainBody #RightCol #GalleryPreview .ImgContainter a:link {color:#5d5d5d;text-decoration:none;}
#MainBody #RightCol #GalleryPreview .ImgContainter a:visited {color:#5d5d5d;text-decoration:none;}
#MainBody #RightCol #GalleryPreview .ImgContainter a:hover {color:#ff6600;text-decoration:none;}
#MainBody #RightCol #GalleryPreview .ImgContainter a:active {color:#5d5d5d;text-decoration:none;}


#MainBody #RightCol #Vote {width:255px;float:left;margin:0px 13px 0px 0px;}
#MainBody #RightCol #Vote #VoteBody {width:245px;margin:0px auto 0px auto;}
#MainBody #RightCol #Vote #VoteBody HR {width:245px;margin:0px auto 0px auto;}
#MainBody #RightCol #Vote #VoteBody .Ans {width:220px;margin:0px 0px 0px 25px;}
#MainBody #RightCol #Vote #VoteBody .Ans ul {list-style-type:none;margin:0;padding:0;}
#MainBody #RightCol #Vote #VoteBody .Ans li {padding:2px;margin:0;height:20px;}
#MainBody #RightCol #Vote #VoteBody .VoteSubmit {padding:20px 0px 0px 0px;text-align:center;}
#MainBody #RightCol #Vote #VoteResult {width:245px;margin:0px auto 10px auto;}
#MainBody #RightCol #Vote #VoteResult .AnsContainter {padding:0px 0px 5px 0px;}
#MainBody #RightCol #Vote #VoteResult .BarContainter {float:left;width:145px;padding:5px 0px 0px 0px;}
#MainBody #RightCol #Vote #VoteResult .BarContainter .Bar {background:url('../_images/common/VoteBarBG.gif') repeat;height:6px;overflow:hidden;width:100%;}
#MainBody #RightCol #Vote #VoteResult .VoteRec {float:left;width:100px;text-align:right;line-height:13px;vertical-align:middle;}

#MainBody #RightCol #Whisper {width:254px;float:left;margin:0px 0px 0px 13px;}
#MainBody #RightCol #Whisper .Body {width:252px;margin:10px auto 0px auto;}
#MainBody #RightCol #Whisper .Body .TopBG {width:252px;height:13px;background:url(../_images/index/WhisperTopBG.gif) no-repeat;overflow:hidden}
#MainBody #RightCol #Whisper .Body .MidBG {width:242px;background:url(../_images/index/WhisperMidBG.gif) repeat-y;padding:0px 5px 0px 5px;}
#MainBody #RightCol #Whisper .Body .BtmBG {width:252px;height:13px;background:url(../_images/index/WhisperBtmBG.gif) no-repeat;overflow:hidden}
#MainBody #RightCol #Whisper .Body .TabContainer {background:url(../_images/index/SwitchTabBG.gif) repeat-x;width:232px;height:19px;overflow:hidden;padding:0px 5px;}
#MainBody #RightCol #Whisper .Body .SwitchTab {float:left;background:url(../_images/index/SwitchTabBG.gif) repeat-x;height:19px;overflow:hidden;cursor:pointer;}
#MainBody #RightCol #Whisper .Body .ShowTopic {padding:7px;}
#MainBody #RightCol #Whisper .Body .ShowTopic #WhisperContent {float:left;width:178px;padding:0;margin:0;line-height:140%;}
#MainBody #RightCol #Whisper .Body .ShowTopic #WhisperImg {float:left;width:40px;margin:0px 10px 0px 0px;}

#MainBody #Intro {width:535px;float:left;}
#MainBody #Intro .Title {width:535px;height:90px;background:url(../_images/Title/Intro_Title.gif) no-repeat;}
#MainBody #Intro .PersonalInfo {width:535px;margin:20px 0px 20px 0px;}
#MainBody #Intro .PersonalInfo .SwitchIcon {width:535px;}
#MainBody #Intro .PersonalInfo .SwitchIcon .Btn{float:left;cursor:pointer;}
#MainBody #Intro .PersonalInfo .Info {width:505px;background:url(../_images/Profile/ProfileBG.gif) #FFF;padding:0px 15px;}
#MainBody #Intro .PersonalInfo .Info .ArtistData {display:block;}
#MainBody #Intro .PersonalInfo .Info .DisableArtistData {display:none;}
#MainBody #Intro .PersonalInfo .Info .LeftCol{width:253px;float:left;}
#MainBody #Intro .PersonalInfo .Info .RightCol{width:252px;float:left;text-align:right;}
#MainBody #Intro .PersonalInfo .Info ul {list-style-type:none;margin:0;padding:0;}
#MainBody #Intro .PersonalInfo .Info li {margin:0;padding:0;line-height:140%;}
#MainBody #Intro .PersonalInfo .Info li .SubTitle {float:left;width:90px;}
#MainBody #Intro .PersonalInfo .Info li .DESC {float:right;width:163px;}
#MainBody #Intro .PersonalInfo .Info .SubTitle_Ruby {width:505px;height:24px;background:url(../_images/Profile/SubTitle_Ruby.gif) no-repeat;overflow:hidden;margin:0px 0px 10px 0px;}
#MainBody #Intro .PersonalInfo .Info .SubTitle_Sharon {width:505px;height:24px;background:url(../_images/Profile/SubTitle_Sharon.gif) no-repeat;overflow:hidden;margin:0px 0px 10px 0px;}
#MainBody #Intro .PersonalInfo .Info .SubTitle_Judy {width:505px;height:24px;background:url(../_images/Profile/SubTitle_Judy.gif) no-repeat;overflow:hidden;margin:0px 0px 10px 0px;}
#MainBody #Intro .PersonalInfo .Info .SubTitle_Ady {width:505px;height:24px;background:url(../_images/Profile/SubTitle_Ady.gif) no-repeat;overflow:hidden;margin:0px 0px 10px 0px;}
#MainBody #Intro .PersonalInfo .BtmBG {width:535px;height:10px;background:url(../_images/Profile/ProfileBtmBG.gif) no-repeat;overflow:hidden;}

#MainBody #FeelingShare {width:535px;float:left;}
#MainBody #FeelingShare .Title {width:535px;height:90px;background:url(../_images/Title/Share_Title.gif) no-repeat;}
#MainBody #FeelingShare .Feeling {margin:20px 0px 20px 0px;}
#MainBody #FeelingShare .Feeling .SwitchIcon {margin:20px 0px 0px 0px;width:535px;}
#MainBody #FeelingShare .Feeling .SwitchIcon .Btn {float:left;cursor:pointer;}
#MainBody #FeelingShare .Feeling .Info {width:505px;background:url(../_images/Sharing/MidBG.gif) #FFF;padding:20px 15px 20px 15px;}
#MainBody #FeelingShare .Feeling .Info .EnableFeeling {display:block;}
#MainBody #FeelingShare .Feeling .Info .DisableFeeling {display:none;}
#MainBody #FeelingShare .Feeling .Info .FeelingContainer {width:505px;}
#MainBody #FeelingShare .Feeling .Info .FeelingContainer .LeftContent {float:left;width:310px;margin:0px 15px 0px 0px;}
#MainBody #FeelingShare .Feeling .Info .FeelingContainer .RightImg {float:left;width:180px;}
#MainBody #FeelingShare .Feeling .Info .FeelingContainer .LeftContent .SubTopic {padding:0px 0px 0px 30px;height:19px;overflow:hidden;background:url(../_images/Sharing/FlowerIcon.gif) no-repeat left;line-height:19px;text-align:left;}
#MainBody #FeelingShare .Feeling .Info .FeelingContainer .LeftContent .Essay {padding:0px 0px 0px 30px;}
#MainBody #FeelingShare .Feeling .Info .FeelingContainer .LeftContent .DotHR {width:100%;height:1px;background:url(../_images/common/ac_DotBG.gif) repeat-x;overflow:hidden;margin:10px 0;}
#MainBody #FeelingShare .Feeling .BtmBG {width:535px;height:20px;background:url(../_images/Sharing/BtmBG.gif) no-repeat;overflow:hidden;}


#MainBody #PastExp {width:535px;float:left;}
#MainBody #PastExp .Title {width:535px;height:90px;background:url(../_images/Title/Exp_Title.gif) no-repeat;}
#MainBody #PastExp .ExpContent {margin:20px 0px 20px 0px;}
#MainBody #PastExp .ExpContent ul{margin:0 0;padding:0 0;}
#MainBody #PastExp .ExpContent .Fate li{margin:10px 0;padding:0 0;list-style:none;}
#MainBody #PastExp .ExpContent .Fate .PreImg {float:left;width:110px;margin:0px 10px 0px 0px;}
#MainBody #PastExp .ExpContent .Fate .ArtDesc {float:left;width:405px;}
#MainBody #PastExp .ExpContent .PreAdvList li {margin:10px 0;padding:0 0;list-style:none;}
#MainBody #PastExp .ExpContent .PreAdvList li a {display:block;width:535px;height:100px;cursor:pointer;}
#MainBody #PastExp .ExpContent .PreAdvList li a:hover {background:#f0f0f0;}
#MainBody #PastExp .ExpContent .PreAdvList .ADImg {float:left;width:100px;margin:0px 10px 0px 0px;}
#MainBody #PastExp .ExpContent .PreAdvList .ADName {float:left;width:415px;height:100px;line-height:100px;}


#MainBody #Events {width:535px;float:left;}
#MainBody #Events .Title {width:535px;height:90px;background:url(../_images/Title/ToursAndEvents_Title.gif) no-repeat;}
#MainBody #Events .Content {width:535px;margin:20px 0px 20px 0px;}
#MainBody #Events .Content .SubTitle {padding:10px;text-align:center;}
#MainBody #Events .Content .TopBG {width:535px;height:5px;background:url(../_images/Events/TopBG.gif) no-repeat;overflow:hidden;}
#MainBody #Events .Content .MidBG {width:535px;background:url(../_images/Events/MidBG.gif) repeat-y;}
#MainBody #Events .Content .BtmBG {width:535px;height:5px;background:url(../_images/Events/BtmBG.gif) no-repeat;overflow:hidden;}
#MainBody #Events .Content .ColumnContainer {width:503px;margin:0 auto;padding:5px 0;}
#MainBody #Events .Content .ColumnContainer .Row1 {width:60px;float:left;}
#MainBody #Events .Content .ColumnContainer .Row2 {width:80px;float:left;text-align:center;}
#MainBody #Events .Content .ColumnContainer .Row3 {width:170px;float:left;padding:0 0 0 10px;}
#MainBody #Events .Content .ColumnContainer .Row4 {width:173px;float:left;padding:0 0 0 10px;text-align:center;}
#MainBody #Events .Content .HeaderHR {width:100%;height:3px;overflow:hidden;background:url(../_images/Events/HeaderHR.gif) repeat-x;}
#MainBody #Events .Content .DotHR {width:503px;margin:0 auto;height:1px;background:url(../_images/common/ac_DotBG.gif) repeat-x;overflow:hidden;}


#MainBody #notes {width:535px;float:left;}
#MainBody #notes .Title {width:535px;height:90px;background:url(../_images/Title/Notes_Title2.gif) no-repeat;}
#MainBody #notes .HrLine {height:1px;background:#e1dfdd;width:100%;overflow:hidden;margin:5px 0px 5px 0px;}
#MainBody #notes .SubTopicBG {background:url(../_images/Notes/SubTopicBG.jpg) repeat-x;margin:0px 0px 15px 0px;height:30px;overflow:hidden;}
#MainBody #notes .SubTopicBG .ChoiceTitle {float:left;background:url(../_images/Video/ChoiceTitle.gif) repeat-x;width:122px;height:30px;overflow:hidden;}
#MainBody #notes .SubTopicBG .NewMovieTitle {float:left;background:url(../_images/Video/NewMovieTitle.gif) repeat-x;width:122px;height:30px;overflow:hidden;}
#MainBody #notes .SubTopicBG .RightBG {float:right;background:url(../_images/Video/SubTopicRightBG.gif) no-repeat;height:30px;width:10px;overflow:hidden;}
#MainBody #notes .SubTopicBG .RightVHR {float:right;background:url(../_images/Video/SubTopicRightVHR.gif) no-repeat;height:30px;width:83px;;overflow:hidden;line-height:30px;text-align:center;}
#MainBody #notes .notesNameContainer {border-left:4px solid #1cb7ac;width:471px;margin:0px auto 10px auto;padding:0px 0px 0px 5px;}
#MainBody #notes #ChoiceMov {margin:30px 0px;}
#MainBody #notes #SelectedMov {padding:30px 0px;}
#MainBody #notes #MovDiv {width:480px;margin:auto;}
#MainBody #notes #notesList {width:535px;margin:30px 0px 10px 0px;}
#MainBody #notes #notesList .notesSelectContainer {margin:0px 0px 30px 0px;width:124px;float:left;}
#MainBody #notes #notesList .notesSelectContainer .PreviewIMG {border:1px solid #9b9b9b;padding:1px;width:120px;height:90px;overflow:hidden;}
#MainBody #notes #notesList .notesSelectContainer .MovTitle {margin:5px 0px 0px 0px;height:37px;overflow:hidden;line-height:18px;}
#MainBody #notes #notesList .notesSelectContainer .MovDesc {margin:5px 0px 0px 0px;height:45px;overflow:hidden;line-height:15px;}
#MainBody #notes #notesList .notesSelectContainer .DotHR {width:100%;height:1px;background:url(../_images/common/ac_DotBG.gif) repeat-x;overflow:hidden;margin:5px 0;}
#MainBody #notes #notesList .notesSelectContainer .ViewBtn {padding:10px 0px 0px 0px;text-align:center;}
#MainBody #notes .RecordContainer {margin:30px 0px 0px 0px;}
#MainBody #notes .RecordContainer .ListRec{background:url(../_images/common/ac_DotBG.gif) bottom repeat-x;padding:0px 4px;margin:0px 0px 10px 0px;line-height:20px;height:20px;overflow:hidden;}
#MainBody #notes #notesList .vHR {margin:0px 0px 20px 0px;float:left;height:278px;width:13px;background:url(../_images/Video/vHR.gif) repeat-y;overflow:hidden;}
#MainBody #notes #MovDetail {padding:5px 10px;border:1px solid #d5d5d5;background:#f0f0f0;width:513px;}
#MainBody #notes #MovDetail ul {list-style-type:none;margin:0;padding:0;}
#MainBody #notes #MovDetail li {margin:0;padding:0;line-height:140%;}
#MainBody #notes #MovDetail li .SubTitle {float:left;width:80px;}
#MainBody #notes #MovDetail li .DESC {float:right;width:423px;}
#MainBody #notes #MovDetail .ForwardURLBox {background:#FFF;border:1px solid #CCC;width:100%;font-size:10px;padding:3px;color:#5d5d5d;}
#MainBody #notes .SwitchPage {text-align:center;}
#MainBody #notes .SwitchPage span a{padding:2px;}


#MainBody #Reports {width:535px;float:left;}
#MainBody #Reports .Title {width:535px;height:90px;background:url(../_images/Title/Report_Title.gif) no-repeat;}
#MainBody #Reports .Content {width:535px;margin:20px 0px 20px 0px;}
#MainBody #Reports .Content .ReportsContainter {margin:5px 0;width:535px;}
#MainBody #Reports .Content .ReportsContainter span {margin:0;padding:0;}
#MainBody #Reports .Content .ReportsContainter .ImgPreview {float:left;background:url(../_images/Reports/ImgPreviewBG.gif) no-repeat;width:120px;height:80px;padding:5px}
#MainBody #Reports .Content .ReportsContainter .EventsTitle {float:left;width:295px;height:90px;padding:0 10px;line-height:90px;}
#MainBody #Reports .Content .ReportsContainter .publishDate {float:left;width:88px;height:90px;text-align:right;line-height:90px;padding:0 2px 0 0;}
#MainBody #Reports .Content .ReportsContainter .EventsTitle a {display:block;height:90px;}
#MainBody #Reports .Content .TopBG {width:535px;height:5px;background:url(../_images/Events/TopBG.gif) no-repeat;overflow:hidden;}
#MainBody #Reports .Content .MidBG {width:515px;background:url(../_images/Events/MidBG.gif) repeat-y;padding:0 10px;}
#MainBody #Reports .Content .BtmBG {width:535px;height:5px;background:url(../_images/Events/BtmBG.gif) no-repeat;overflow:hidden;margin:0 0 10px 0;}
#MainBody #Reports .Content .Caption {width:500px;margin:auto;padding:5px 0px 20px 0px;}
#MainBody #Reports .Content .ImgAlign {width:500px;margin:auto;}


#MainBody #PastEvents {width:535px;float:left;}
#MainBody #PastEvents .Title {width:535px;height:90px;background:url(../_images/Title/PastEvents_Title.gif) no-repeat;}
#MainBody #PastEvents .Content {width:535px;margin:20px 0px 20px 0px;}
#MainBody #PastEvents .Content .TopBG {width:535px;height:5px;background:url(../_images/Events/TopBG.gif) no-repeat;overflow:hidden;}
#MainBody #PastEvents .Content .MidBG {width:535px;background:url(../_images/Events/MidBG.gif) repeat-y;}
#MainBody #PastEvents .Content .BtmBG {width:535px;height:5px;background:url(../_images/Events/BtmBG.gif) no-repeat;overflow:hidden;}
#MainBody #PastEvents .Content .ColumnContainer {width:503px;margin:0 auto;padding:5px 0;}
#MainBody #PastEvents .Content .ColumnContainer .Row1 {width:80px;float:left;}
#MainBody #PastEvents .Content .ColumnContainer .Row2 {width:348px;float:left;}
#MainBody #PastEvents .Content .ColumnContainer .Row3 {width:75px;float:left;text-align:right;}
#MainBody #PastEvents .Content .HeaderHR {width:100%;height:3px;overflow:hidden;background:url(../_images/Events/HeaderHR.gif) repeat-x;}
#MainBody #PastEvents .Content .DotHR {width:503px;margin:0 auto;height:1px;background:url(../_images/common/ac_DotBG.gif) repeat-x;overflow:hidden;}
#MainBody #PastEvents .Content .EventImg {cursor:pointer;}
#MainBody #PastEvents .Content .EventImgContainter {position:relative;height:0%;}
#MainBody #PastEvents .Content .EventImgLarge {display:none;position:absolute;top:-50px;left:-395px;padding:10px;background:#fff;border:1px solid #666;cursor:pointer;}


#MainBody #Album {width:535px;float:left;}
#MainBody #Album .Title {width:535px;height:90px;background:url(../_images/Title/Album_Title.gif) no-repeat;}
#MainBody #Album .CoverImg {border:1px solid #999;width:200px;padding:2px;margin:0px auto;}
#MainBody #Album .MusicContent {margin:20px 0px 20px 0px;}
#MainBody #Album .MusicContent .MusicList {border:0px;border-collapse:collapse;width:535px;}
#MainBody #Album .MusicContent .MusicList td {padding:5px;border-bottom:1px solid #EEE;vertical-align:middle;}
#MainBody #Album .MusicContent .MusicList .SubTopic {background:#f0f0f0;}
#MainBody #Album .MusicContent .MusicList .col1 {width:385px;text-align:left;}
#MainBody #Album .MusicContent .MusicList .col2 {width:50px;text-align:center;}
#MainBody #Album .MusicContent .MusicList .col3 {width:50px;text-align:center;}
#MainBody #Album .MusicContent .MusicList .col4 {width:50px;text-align:center;}
#MainBody #Album .MusicContent .SongName {height:20px;line-height:18px;padding:0px 0px 0px 20px;border-bottom:2px solid #25a3e9;background:url(../_images/Album/TitleBG.gif) top left no-repeat;}
#MainBody #Album .MusicContent .BehindScene {padding:0px 0px 20px 0px;}
#MainBody #Album .MusicContent .Lyrics {line-height:150%;padding:10px 40px;}
#MainBody #Album .MusicContent .Remarks {padding:5px;border:1px solid #e0e0e0;background:#f5f5f5;}

#Listen #TopBG {width:300px;height:63px;background:url(../_images/Album/ListenTopBG.gif) no-repeat;}
#Listen #PlayListContainter {width:300px;height:87px;background:#FFF;padding:10px 0px 10px 0px;text-align:center;}


#MainBody #Gallery {width:535px;float:left;}
#MainBody #Gallery .Title {width:535px;height:90px;background:url(../_images/Title/Gallery_Title.gif) no-repeat;}

#MainBody #Gallery .SubTitle {width:535px;height:30px;margin:30px 0px 0px 0px}
#MainBody #Gallery .SubTitle .LeftBG{float:left;background:url(../_images/Gallery/SubTitleLeftBG.gif) no-repeat;width:10px;height:30px;}
#MainBody #Gallery .SubTitle .MidBG{float:left;background:url(../_images/Gallery/SubTitleBG.gif);width:467px;height:30px;line-height:30px;overflow:hidden;}
#MainBody #Gallery .SubTitle .RightIcon{float:left;width:58px;height:30px;}

#MainBody #Gallery #GalleryGroup {margin:20px 0px 0px 0px;}
#MainBody #Gallery #GalleryGroup .PreviewContainter {float:left;width:170px;margin:0px 0px 20px 5px;}
#MainBody #Gallery #GalleryGroup .PreviewContainter .GroupName {padding:5px 2px 0px 0px;text-align:center;display:block;}
#MainBody #Gallery #GalleryGroup .PreviewContainter a {display:block;text-decoration:none;}
#MainBody #Gallery #GalleryGroup .PreviewContainter .GroupTotal {padding:0px;text-align:center;}

#MainBody #Gallery #GalleryList .ImgContainter {float:left;width:110px;height:114px;overflow:hidden;margin:20px 0px 20px 0px;}
#MainBody #Gallery #GalleryList .ImgContainter .TopBG {background:url(../_images/Gallery/ImgTopBG.gif) no-repeat;width:110px;height:6px;overflow:hidden;}
#MainBody #Gallery #GalleryList .ImgContainter .MidBG {width:108px;height:74px;overflow:hidden;border-left:1px solid #c7c7c0;border-right:1px solid #c7c7c0;text-align:center;}
#MainBody #Gallery #GalleryList .ImgContainter .BtmBG {background:url(../_images/Gallery/ImgBtmBG.gif) no-repeat;width:110px;height:6px;overflow:hidden;}
#MainBody #Gallery #GalleryList .PaddingBG {float:left;background:url(../_images/Gallery/PaddingBG.gif) no-repeat;width:31px;height:86px;margin:15px 0px 0px 0px;}
#MainBody #Gallery #GalleryList .ImgContainter .FRows {float:left;width:30px;line-height:18px;height:18px;}
#MainBody #Gallery #GalleryList .ImgContainter .SRows {float:left;width:80px;line-height:18px;}
#MainBody #Gallery #GalleryList .ImgContainter .Hits {margin:5px 0px;}
#MainBody #Gallery #GalleryList .ImgContainter .Hits .TxtBG {line-height:18px;width:80px;height:18px;background:url(../_images/Gallery/TxtBG.gif) repeat-x;overflow:hidden;}
#MainBody #Gallery #GalleryList .ImgContainter a:link {color:#5d5d5d;text-decoration:none;}
#MainBody #Gallery #GalleryList .ImgContainter a:visited {color:#5d5d5d;text-decoration:none;}
#MainBody #Gallery #GalleryList .ImgContainter a:hover {color:#ff6600;text-decoration:none;}
#MainBody #Gallery #GalleryList .ImgContainter a:active {color:#5d5d5d;text-decoration:none;}
#MainBody #Gallery #SwitchPageContainter {margin:15px 0 0 0;width:100%;}
#MainBody #Gallery #SwitchPageContainter .SwitchPage {border:1px solid #CCC;height:24px;line-height:20px;float:right;overflow:hidden;}
#MainBody #Gallery #SwitchPageContainter .SwitchPage a {padding:4px 10px;line-height:20px;height:24px;display:block;float:left;}
#MainBody #Gallery #SwitchPageContainter .SwitchPage .selected {float:left;padding:4px 10px;line-height:20px;background:#e0e0e0;color:#3b9804;font-weight:bold;}

#MainBody #Gallery .SwitchImg {width:510px;margin:15px auto;text-align:center;}
#MainBody #Gallery .SwitchImg {width:510px;margin:15px auto;text-align:center;}

#MainBody #Gallery #ImgVeiwer {width:510px;margin:20px auto;}
#MainBody #Gallery #ImgVeiwer .TopBG {background:url(../_images/Gallery/ViewerTopBG.gif) no-repeat;width:510px;height:5px;overflow:hidden;}
#MainBody #Gallery #ImgVeiwer .MidBG {width:508px;overflow:hidden;border-left:1px solid #c7c7c0;border-right:1px solid #c7c7c0;text-align:center;}
#MainBody #Gallery #ImgVeiwer .BtmBG {background:url(../_images/Gallery/ViewerBtmBG.gif) no-repeat;width:510px;height:5px;overflow:hidden;}
#MainBody #Gallery #ImgVeiwer ul {margin:20px 0px 0px 0px;padding:0;}
#MainBody #Gallery #ImgVeiwer li {list-style-type:none;margin:0;padding:0;line-height:18px;}

#MainBody #Video {width:535px;float:left;}
#MainBody #Video .Title {width:535px;height:90px;background:url(../_images/Title/Video_Title.gif) no-repeat;}
#MainBody #Video .HrLine {height:1px;background:#e1dfdd;width:100%;overflow:hidden;margin:5px 0px 5px 0px;}
#MainBody #Video .SubTopicBG {background:url(../_images/Video/SubTopicBG.gif) repeat-x;margin:0px 0px 15px 0px;height:30px;overflow:hidden;}
#MainBody #Video .SubTopicBG .ChoiceTitle {float:left;background:url(../_images/Video/ChoiceTitle.gif) repeat-x;width:122px;height:30px;overflow:hidden;}
#MainBody #Video .SubTopicBG .NewMovieTitle {float:left;background:url(../_images/Video/NewMovieTitle.gif) repeat-x;width:122px;height:30px;overflow:hidden;}
#MainBody #Video .SubTopicBG .RightBG {float:right;background:url(../_images/Video/SubTopicRightBG.gif) no-repeat;height:30px;width:10px;overflow:hidden;}
#MainBody #Video .SubTopicBG .RightVHR {float:right;background:url(../_images/Video/SubTopicRightVHR.gif) no-repeat;height:30px;width:83px;;overflow:hidden;line-height:30px;text-align:center;}
#MainBody #Video .VideoNameContainer {border-left:4px solid #1cb7ac;width:471px;margin:0px auto 10px auto;padding:0px 0px 0px 5px;}
#MainBody #Video #ChoiceMov {margin:30px 0px;}
#MainBody #Video #SelectedMov {padding:30px 0px;}
#MainBody #Video #MovDiv {width:480px;margin:auto;}
#MainBody #Video #VideoList {width:535px;margin:30px 0px 10px 0px;}
#MainBody #Video #VideoList .VideoSelectContainer {margin:0px 0px 30px 0px;width:124px;float:left;}
#MainBody #Video #VideoList .VideoSelectContainer .PreviewIMG {border:1px solid #9b9b9b;padding:1px;width:120px;height:90px;overflow:hidden;}
#MainBody #Video #VideoList .VideoSelectContainer .MovTitle {margin:5px 0px 0px 0px;height:37px;overflow:hidden;line-height:18px;}
#MainBody #Video #VideoList .VideoSelectContainer .MovDesc {margin:5px 0px 0px 0px;height:45px;overflow:hidden;line-height:15px;}
#MainBody #Video #VideoList .VideoSelectContainer .DotHR {width:100%;height:1px;background:url(../_images/common/ac_DotBG.gif) repeat-x;overflow:hidden;margin:5px 0;}
#MainBody #Video #VideoList .VideoSelectContainer .ViewBtn {padding:10px 0px 0px 0px;text-align:center;}
#MainBody #Video .RecordContainer {margin:30px 0px 0px 0px;}
#MainBody #Video .RecordContainer .ListRec{background:url(../_images/common/ac_DotBG.gif) bottom repeat-x;padding:0px 4px;margin:0px 0px 10px 0px;line-height:20px;height:20px;overflow:hidden;}
#MainBody #Video #VideoList .vHR {margin:0px 0px 20px 0px;float:left;height:278px;width:13px;background:url(../_images/Video/vHR.gif) repeat-y;overflow:hidden;}
#MainBody #Video #MovDetail {padding:5px 10px;border:1px solid #d5d5d5;background:#f0f0f0;width:513px;}
#MainBody #Video #MovDetail ul {list-style-type:none;margin:0;padding:0;}
#MainBody #Video #MovDetail li {margin:0;padding:0;line-height:140%;}
#MainBody #Video #MovDetail li .SubTitle {float:left;width:80px;}
#MainBody #Video #MovDetail li .DESC {float:right;width:423px;}
#MainBody #Video #MovDetail .ForwardURLBox {background:#FFF;border:1px solid #CCC;width:100%;font-size:10px;padding:3px;color:#5d5d5d;}
#MainBody #Video .SwitchPage {text-align:center;}
#MainBody #Video .SwitchPage span a{padding:2px;}


#MainBody #Blog {width:535px;float:left;}
#MainBody #Blog .Title {width:535px;height:90px;background:url(../_images/Title/Blog_Title.gif) no-repeat;}
#MainBody #Blog .FirstCol {width:250px;float:left;margin:15px 35px 15px 0px;}
#MainBody #Blog .SecCol {width:250px;float:left;margin:15px 0px 15px 0px;}

#Footer {margin:40px auto 0px auto;padding:0px 0px 15px 0px;width:950px;}
#Footer #JoyMusiclogo {float:left;width:146px;}
#Footer #FooterContainer {float:left;width:804px;}
#Footer #FooterContainer .TopBG {width:804px;height:5px;background:url(../_images/common/FooterTopBG.gif) no-repeat;overflow:hidden}
#Footer #FooterContainer .MidBG {width:784px;Background:url(../_images/common/FooterMidBG.gif) repeat-y;padding:3px 10px;}
#Footer #FooterContainer .BtmBG {width:804px;height:5px;background:url(../_images/common/FooterBtmBG.gif) no-repeat;overflow:hidden}
#Footer #FooterContainer .MidBG .FooterSubmenu {float:left;width:724px;line-height:19px;}
#Footer #FooterContainer .MidBG .TopLogo {float:left;width:60px;cursor:pointer;}

#MainBody #SiteMap {width:535px;float:left;}
#MainBody #SiteMap ul {margin:25px 0px 0px 0px;padding:0px;}
#MainBody #SiteMap li {margin:0px;padding:0px;}
#MainBody #SiteMap .Title {width:535px;height:90px;background:url(../_images/Title/Sitemap_Title.gif) no-repeat;}
#MainBody #SiteMap ul .Menu {margin:10px 0px 10px 30px;list-style:none;}
#MainBody #SiteMap ul .SubMenu {margin:0px 0px 0px 50px;list-style:square;}


#MainBody #Contact {width:535px;float:left;}
#MainBody #Contact .Title {width:535px;height:90px;background:url(../_images/Title/Contact_Title.gif) no-repeat;}

#MainBody #AboutJoyMusic {width:535px;float:left;}
#MainBody #AboutJoyMusic .Title {width:535px;height:90px;background:url(../_images/Title/AboutUs_Title.gif) no-repeat;margin:0 0 20px 0;}
#MainBody #AboutJoyMusic ol {margin:0 0 0 30px;padding:0;}
#MainBody #AboutJoyMusic ol li{ list-style-type:upper-roman;margin:0 0 0 20px;padding:0;}
#MainBody #AboutJoyMusic ul {margin:5px 0;padding:0;}
#MainBody #AboutJoyMusic ul li {list-style-type:square;margin:0 0 0 25px;padding:0;}

.NoSWFPlugIn {padding:20px;color:#000;font-size:12px;}
.NoSWFPlugIn a {text-decoration:underline;}