@charset "utf-8";

/*========== Html ==========*/
html {background:url(../imgs/html_bg.jpg) repeat-x #6a6d72;}
body {margin:0; padding:0; width:100%; background:url(../imgs/body_bg.jpg) center top no-repeat; font:12px/1.5 Arial; color:#666;}
A {text-decoration:none;}
A:link {color:#5b5656;}
A:hover {color:#a9cd40;}
A:visited {color:#5b5656;}
A:active {color:#5b5656;}
input, select, textarea {border:1px solid #ddd; background:#fff; color:#666; font-size:11px; font-family:Verdana;}
dl {position:relative;}
table {border-collapse:collapse; word-wrap:break-word;}

/*========== Font ==========*/
h2 {height:49px; background-position:no-repeat;}
h3 {width:590px; height:35px; background-repeat:no-repeat;}
.content1 h3 {margin:0 0 15px;}
.eng {color:#ddd;}
.txt-date {color:#a9cd40;}
/* CHT */
body#cht .album h2 {background-image:url(../imgs/cht/album_h2.gif);}
body#cht .news h2 {padding-bottom:12px; background-image:url(../imgs/cht/news_h2.gif);}
body#cht .calendar h2 {height:61px; background-image:url(../imgs/cht/calendar_h2.gif);}
body#cht .about h2 {background-image:url(../imgs/cht/about_h2.gif);}
body#cht .submit h2 {height:61px; background-image:url(../imgs/cht/submit_h2.gif);}
body#cht .content1 h3 {background-image:url(../imgs/cht/album_new_h3.gif);}
body#cht .content2 h3 {background-image:url(../imgs/cht/album_hot_h3.gif);}

.cht .album h2 {background-image:url(../imgs/cht/album_h2.gif);}
.cht .news h2 {padding-bottom:12px; background-image:url(../imgs/cht/news_h2.gif);}
.cht .calendar h2 {height:61px; background-image:url(../imgs/cht/calendar_h2.gif);}
.cht .about h2 {background-image:url(../imgs/cht/about_h2.gif);}
.cht .submit h2 {height:61px; background-image:url(../imgs/cht/submit_h2.gif);}
.cht .content1 h3 {background-image:url(../imgs/cht/album_new_h3.gif);}
.cht .content2 h3 {background-image:url(../imgs/cht/album_hot_h3.gif);}


/* CHS */
body#chs .album h2 {background-image:url(../imgs/chs/album_h2.gif);}
body#chs .news h2 {padding-bottom:12px; background-image:url(../imgs/chs/news_h2.gif);}
body#chs .calendar h2 {height:61px; background-image:url(../imgs/chs/calendar_h2.gif);}
body#chs .about h2 {background-image:url(../imgs/chs/about_h2.gif);}
body#chs .submit h2 {height:61px; background-image:url(../imgs/chs/submit_h2.gif);}
body#chs .content1 h3 {background-image:url(../imgs/chs/album_new_h3.gif);}
body#chs .content2 h3 {background-image:url(../imgs/chs/album_hot_h3.gif);}

.chs .album h2 {background-image:url(../imgs/chs/album_h2.gif);}
.chs .news h2 {padding-bottom:12px; background-image:url(../imgs/chs/news_h2.gif);}
.chs .calendar h2 {height:61px; background-image:url(../imgs/chs/calendar_h2.gif);}
.chs .about h2 {background-image:url(../imgs/chs/about_h2.gif);}
.chs .submit h2 {height:61px; background-image:url(../imgs/chs/submit_h2.gif);}
.chs .content1 h3 {background-image:url(../imgs/chs/album_new_h3.gif);}
.chs .content2 h3 {background-image:url(../imgs/chs/album_hot_h3.gif);}

/*========== Layout ==========*/
#container {position:relative; margin:0 auto; width:943px;}
#main {float:right; position:relative; margin:37px 0 40px; width:613px; background:url(../imgs/content2_body.gif) repeat-y;}
.artist #main {margin-top:15px; background:none;}
#sidebar {float:left; margin-bottom:40px; width:305px;}
/*min-height:795px; _height:795px;*/
#footer {clear:both; margin:0 0 25px; height:25px; background:url(../imgs/cht/footer_cht.gif) no-repeat;}

/*========== Module ==========*/
.content1 {position:relative; padding-left:11px; background:url(../imgs/content1_body.gif) repeat-y;}
dl.arrival {position:relative;}
dd.photo {float:left; margin-right:10px;}
dl.arrival dd.photo img {margin-right:5px;}
dl.arrival .list {padding:14px;}
.album dl.arrival dd.info {float:left; width:420px;}
.album dl.arrival .list {padding:14px;}
.news dl.arrival dd.info {float:left; width:590px;}
.news dl.arrival .list {padding-left:0;}
dl.arrival .list li {padding:1px 0;}
dl.arrival .list .row-title {font-weight:bold;}
.album dl.arrival dd.info .list {width:392px;}
.album dl.arrival dd.info .list .row-title {margin-left:-14px; padding:0 0 20px 25px; background:#8d8885; font-size:13px; width:395px;}
.album dl.arrival dd.info .list .row-title span {padding-left:25px; background:url(../imgs/ico_arrival_title.gif) no-repeat;}
.news dl.arrival dd.info .list .row-title {padding-left:15px; font-size:15px;}
dl.arrival .list .row-desc {margin:20px 0 10px;}
dl.arrival .list .row-msg {padding-top:5px; font-weight:bold; color:#666; border-top:1px solid #8d8885;}
dl.arrival .list .row-date {width:125px; height:21px; background:url(../imgs/row-date_bg.gif) no-repeat; font-size:11px; font-family:Verdana; font-weight:bold; color:#8d8885; line-height:18px; text-align:center;}
dl.arrival .list a {padding-left:7px; background:url(../imgs/ico_arrow_msg.gif) 0 6px no-repeat;}
dl.arrival .list a:hover {text-decoration:none;}
dl.arrival .data {color:#d7cfca;}
dl.arrival .label-new {position:absolute; left:125px; top:-5px; z-index:195;}
.content1 dl.arrival {padding:0 10px 10px; height:230px; color:#fff;}
.content1 dl.arrival dd.photo img {border:5px solid #fff;}
.content1 dl.arrival dd.info .list .row-title {margin-top:-5px; padding:0 0 0 25px; background-position:0 1px;}
.content1 dl.arrival dd.info .list a {color:#fff;}
.content1 dl.arrival dd.info .list a:hover {color:#e8dfcb;}
.content2 dl.arrival {margin-top:50px; padding:0 10px 0 4px; height:100%; color:#fff;}
.content2 dl.arrival dd.photo img {border:5px solid #e6e4e3;}
.content2 dl.arrival dd.info .list {background-position:-420px 32px; *background-position:-420px 45px;}
.content2 dl.arrival dd.info .list .row-title {margin:-15px 0 0 -15px; background-position:0 -39px; color:#666;}
dl.arrival .list .row-desc {color:#666;}
.news dl.arrival dd.info .list .row-desc a {padding:0; background:none; color:#a9cd40;}
.news dl.arrival dd.info .list .row-desc a:hover {color:#f90;}
.content2 dl.arrival dd.info .list a {color:#b3ada9;}
.content2 dl.arrival dd.info .list a:hover {color:#a9cd40;}
.content2 {position:relative;}
.content2 #top {padding:14px 0 0 11px; height:35px; background:url(../imgs/content2_top.gif) no-repeat;}
.content2 #bottom {height:9px; background:url(../imgs/content2_bottom.gif) no-repeat;}
.content2 #body {margin-top:-2px; padding:10px 0 20px 17px;}
.cover {float:left; margin:5px; padding:3px; width:183px; background:url(../imgs/cover_bg.gif) no-repeat; min-height:277px;}
.cover .bottom {margin-right:5px; background:url(../imgs/cover_bg.gif) no-repeat left bottom; height:3px;}
.first {margin-left:0;}
.last {margin-right:0;}
.cover .row-cover {margin:20px 0 40px 26px;}
.cover .row-title {margin:0 15px; padding-left:25px; background:url(../imgs/ico_list_title.gif) no-repeat; font-size:13px; font-weight:bold; color:#666; height:40px;}
.cover .row-singer {margin:3px 18px; color:#8d8885;}
.cover .row-buy {margin:10px 10px 0; text-align:right;}
.cover .data {color:#666;}
.order {position:absolute; top:10px; right:25px; height:20px;}
dl.events {margin-top:10px; padding:10px; background:url(../imgs/events_bg.gif) no-repeat; width:550px; height:100px;}
dl.events dd.info {float:left; width:440px;}
dl.events .row-title {padding:0 0 10px 25px; width:280px; background:url(../imgs/ico_list_title.gif) no-repeat; font-size:13px; font-weight:bold; color:#666;}
dl.events .row-date {position:absolute; top:12px; right:20px; font-size:11px; font-family:Verdana; font-weight:bold; color:#8d8885;}
/* album */
.album dl.arrival .list #atop, .album dl.arrival .list #abottom {margin:0 -14px; background-image:url(../imgs/arrival_bg.gif); background-repeat:no-repeat; height:5px;}
.album dl.arrival .list #atop {background-position:left top;}
.album dl.arrival .list #abottom {background-position:left bottom;}
.album dl.arrival .list .abody {margin:0 -14px; padding:0 14px; background:#8d8885;}
/* artist */
body#index #rotate img {width:613px; height:284px}
#fragment-1, #fragment-2, #fragment-3,#fragment-4, #fragment-5 {background-repeat:no-repeat;}
#fragment-1 {}
#fragment-2 {}
#fragment-3 {}
#fragment-4 {}
#fragment-5 {}
.block {position:absolute; left:11px; bottom:13px; width:590px;}
.highlight td {vertical-align:top;}
.highlight tr.top {height:21px;}
.highlight tr.top td, .highlight tr.bottom td {background-image:url(../imgs/artist_highlight_bg.gif); color:#a9cd40;}
.highlight tr.top td.left {padding:11px 0 0 12px; background-position:left top;}
.highlight tr.top td.left a {display:inline-block; padding:3px 21px 4px; *padding:5px 21px 2px; background:url(../imgs/btn_highlight.gif) left top no-repeat; color:#fff;}
.highlight tr.top td.left a:hover {background-position:left bottom; color:#fff;}
.highlight tr.top td.right {background-position:right top; width:3px; *width:2px; _width:3px;}
.highlight tr.bottom {height:3px;}
.highlight tr.bottom td.left {background-position:left bottom;}
.highlight tr.bottom td.right {background-position:right bottom;}
.links {margin-top:10px;}
.links td {vertical-align:top;}
.links a:hover {color:#a9cd40;}
.links th {width:266px; padding:9px 12px 7px; background:url(../imgs/artist_links_top.gif) no-repeat; color:#a9cd40;}
.links td.bottom {background:url(../imgs/artist_links_bottom.gif); height:3px;}
.links td.body {padding:10px 15px; background:url(../imgs/artist_links_body.gif);}
.l-news td.date {padding:5px 0 0 8px; width:72px; background:url(../imgs/links_date_bg.gif) no-repeat; background-position:0 7px;  font-size:10px; font-family:Verdana; color:#fff; text-align:center;}
.l-link td.pit {padding-bottom:5px; width:80px;}
.l-link td.pit div {width:100%; height:30px; background:#ccc;}
.l-link td.last {padding-bottom:0;}
.l-link td.text {padding-left:10px; vertical-align:middle;}
.l-news td.text {padding-left:5px; padding-top:4px; *padding-top:6px;}
.l-news td.more {font-weight:bold; text-align:right; font-family:Verdana; font-size:11px;}
/*Calendar*/
.cal {padding:13px 15px; width:260px; height:130px; background:url(../imgs/calendar_info_bg.jpg) no-repeat;}
.what {float:left; margin:0 10px 0 -5px; _margin-left:-3px;}
.how {float:left;}
.cal dt {padding:0 0 5px 20px; font-size:13px; font-weight:bold;}
.cal dd.con {height:75px;}
.cal a {display:block; margin:0 5px; padding-top:5px; *padding-top:6px; width:115px; height:25px; *height:24px;  background:url(../imgs/btn_cal.gif) left top no-repeat; color:#fff; text-align:center;}
.cal a:hover {background-position:left bottom; color:#fff;}
.cal a:visited {color:#fff;}
.what .cal-nav {padding-left:65px;}
.how .cal-nav {padding-left:5px;}
#pop-out {position:absolute; left:0; top:0; padding-top:10px; background:#000; width:100%; height:700px; filter:alpha(opacity=95); /* IE */ -moz-opacity:0.95; /* Moz + FF */	opacity:0.95; display:none;}
.pop-in {margin:0 auto 20px; width:250px;}
a.btn-close {display:block; margin-left:180px; padding:2px 0; width:55px; background:#4c4948; color:#b3a88f; border:1px solid #fff; border-bottom:none; text-align:center;}
a.btn-close:visited {color:#b3a88f;}
.pop-con {padding:5px; background:#fff;}
.pop-con input {border:none;}
.pop-con textarea {width:95%;}
.plugin, .widget {padding:6px 8px; width:204px; height:46px; font-size:11px; _font-size:10px;}
.plugin {background:url(../imgs/calendar_plugin_bg.gif);}
.widget {background:url(../imgs/calendar_widget_bg.gif);}
.pop-in #top {background:url(../imgs/pop_top.gif) no-repeat; height:5px;}
.pop-in #bottom {background:url(../imgs/pop_bottom.gif) no-repeat; height:5px;}


/*Submit*/
.submit .content2 #bottom {background:url(../imgs/content2_bottom_submit.gif) no-repeat;}
.submit .content2 #body {padding:45px; background:url(../imgs/submit_bg.jpg) no-repeat right 45px; height:445px;}
.submit .content2 h4, .about .content2 h4 {margin-bottom:20px; font-size:15px; font-weight:bold;}
.submit .content2 .note {margin-top:20px; padding:10px 15px; width:205px; height:51px; background:url(../imgs/submit_note.gif) no-repeat; font-size:11px;}
.submit .content2 a {color:#a9cd40;}
.submit .content2 a:hover {color:#f90;}
/*About*/
.about .content2 #body {padding:0 40px 40px;}
.about .content2 p {margin:15px 0;}
.about .content2 .ab01 {background:url(../imgs/about01_bg.jpg) no-repeat right top;}
.about .content2 .ab02 {background:url(../imgs/about02_bg.jpg) no-repeat right 40px;}
.about .content2 .ab03 {background:url(../imgs/about03_bg.jpg) no-repeat right top; height:380px;}

/*========== Button ==========*/
a.btn-buy {display:block; background-position:0 0; background-repeat:no-repeat; width:58px; height:32px;}
a.btn-buy:hover {background-position:0 -32px;}
.cover a.btn-buy {background-image:url(../imgs/btn_buy2.gif); color:#dcd9d7;}
.content1 .arrival a.btn-buy {background-image:url(../imgs/btn_buy1.gif); color:#b8b2ae;}
.content2 .arrival a.btn-buy {background-image:url(../imgs/btn_buy3.gif); color:#f2f0f0;}
.btn-home, .btn-back {position:absolute; top:24px; right:24px; _right:34px; padding-left:15px; background-position:0 4px; *background-position:0 2px; background-repeat:no-repeat;}
.news .btn-back {left:20px; top:10px; width:120px;}
.btn-home a:hover, .btn-back a:hover {text-decoration:none;}
.btn-home {background-image:url(../imgs/btn_home.gif);}
.btn-home a, .btn-home a:visited {color:#b3a88f;}
.btn-home a:hover {color:#fff;}
.btn-back {background-image:url(../imgs/btn_back.gif);}
a.btn-more {padding:6px 8px 6px 7px; background:url(../imgs/btn_more.gif) 0 6px no-repeat;color:#fff; font-size:11px; font-family:Verdana; font-weight:bold;}
a.btn-more:hover {background-image:url(../imgs/btn_more_over.gif);}
a.btn-more:hover, a.btn-more:visited {color:#fff;}
a.btn-order {padding:1px 7px 1px 8px; background:url(../imgs/btn_order.gif) 0 0 no-repeat; *background-position:0 -1px;}
a.btn-order {color:#fff;}
a.btn-order:hover {background-position:0 -20px; *background-position:0 -21px;}
a.btn-order:link, a.btn-order:visited {color:#fff;}
a.btn-rss {padding-right:20px; background:url(../imgs/ico_rss.gif) 100% 0 no-repeat;}
a.btn-over:hover {
	filter:alpha(opacity=80); /* IE */
	-moz-opacity:0.8; /* Moz + FF */
	opacity:0.8; /* Support CSS3(FF 1.5) */
}

/*========== Tab ==========*/
#tab1 {float:left; padding:0 0 7px 11px; width:100%; height:43px;}
#tab1 ul {margin:0; padding:0 10px 0 1px; list-style:none;}
#tab1 li {display:inline; margin:0; padding:0;}
#tab1 a {float:left; margin:0; padding:0 0 0 9px; height:43px; text-decoration:none; color:#fff; cursor:hand;}
#tab1 a span {float:left; display:block; padding:15px 18px 0 11px; height:28px;}
#tab1 li.focus a, #tab1 a:hover {background-position:0% -43px;}
#tab1 li.focus span, #tab1 a:hover span {background-position:100% -43px;}
.row-pri {background:url(../imgs/tab1_bg.gif) no-repeat;}
.row-pri a {background:url(../imgs/tab1_left.gif) no-repeat left top;}
.row-pri a span {background:url(../imgs/tab1_right.gif) no-repeat right top;}
.row-sec {background:url(../imgs/tab1-2_bg.gif) no-repeat;}
.row-sec a {background:url(../imgs/tab1-2_left.gif) no-repeat left top;}
.row-sec a span {background:url(../imgs/tab1-2_right.gif) no-repeat right top;}

#tab2 {float:left; width:100%; height:50px; background:url(../imgs/tab2_bg.gif) no-repeat;}
#tab2 ul {margin:0; padding:0 10px 0 1px; list-style:none;}
#tab2 li {display:inline; margin-right:0; padding:0;}
#tab2 a {float:left; margin-right:1px; padding:0 0 0 9px; height:50px; background:url(../imgs/tab2_left.gif) no-repeat left top; text-decoration:none; cursor:hand;}
#tab2 a span {float:left; display:block; padding:13px 24px 0 17px; height:37px; background:url(../imgs/tab2_right.gif) no-repeat right top; color:#6b6666;}
#tab2 li.focus a, #tab2 a:hover {background-position:0% -50px;}
#tab2 li.focus span, #tab2 a:hover span {background-position:100% -50px; color:#fff;}

#tab3 {float:left; padding:0 0 15px 15px; width:100%; height:43px; background:url(../imgs/tab3_bg.gif) no-repeat;}
#tab3 ul {margin:0; padding:0 10px 0 1px; list-style:none;}
#tab3 li {display:inline; margin:0; padding:0;}
#tab3 a {float:left; margin:0; padding:0 0 0 9px; height:43px; background:url(../imgs/tab3_left.gif) no-repeat left top; text-decoration:none; cursor:hand;}
#tab3 a span {float:left; display:block; padding:15px 24px 0 17px; height:28px; background:url(../imgs/tab3_right.gif) no-repeat right top;}
#tab3 li.focus a, #tab3 a:hover {background-position:0% -43px; color:#fff;}
#tab3 li.focus span, #tab3 a:hover span {background-position:100% -43px;}

/*========== mainNav ==========*/
ul#navigation {margin:0; padding:0; list-style:none; width:305px; overflow:auto; z-index:100;}
ul#navigation li.bg {width:305px; height:30px; display:block; float:left;}
#ul#navigation li#bgA {background: url(../images/navigation_A_cht.gif) no-repeat;}
#ul#navigation li#bgB {background: url(../images/navigation_B_cht.gif) no-repeat;}
#ul#navigation li#bgC {background: url(../images/navigation_C_cht.gif) no-repeat;}
#ul#navigation li#bgD {background: url(../images/navigation_D_cht.gif) no-repeat;}
#ul#navigation li#bgE {background: url(../images/navigation_E_cht.gif) no-repeat;}
#ul#navigation li#bgF {background: url(../images/navigation_F_cht.gif) no-repeat;}
#ul#navigation li#bgG {background: url(../images/navigation_G_cht.gif) no-repeat;}
ul#navigation li a {display: block; position: relative;}
ul#navigation li a.link {width: 305px; height: 30px; text-indent: -9999px;}

/*========== subNav ==========*/
ul#navigation li div#sub {position:absolute; margin-left: 303px; margin-top: -30px; z-index:100;}
ul#navigation li div#sub p{margin: 0px; padding: 0px; width: 200px; height: 30px; background: url(../images/subNavi_ot.gif);}
ul#navigation li div#sub p a{padding-left: 15px; padding-top: 10px;	height: 20px; font-size: 11px; color:#837a6d; font-family:Arial, 新細明體, 細明體; text-decoration: none;}
ul#navigation li div#sub p a:hover{color:#2e2e2e; background: url(../images/subNavi_ov.gif);　z-index: 100;}

/*========== pageNav ==========*/
.pageNav {margin:20px auto 0; height:12px; list-style-type:none; text-align:center; font-size:11px; font-family:Verdana;}
.pageNav .focus, .pageNav span, .pageNav a.num {padding:0 5px; background:url(../imgs/ico_lineV.gif) no-repeat 100% 10px;}
.pageNav .focus, .pageNav a.num:hover, .pageNav a.end:hover{background:url(../imgs/pageNav_focus.gif) center 1px no-repeat; color:#fff;}
.pageNav .end {padding:0 5px; background:none;}
a.btn-prev, a.btn-next {padding:0 20px; font-size:12px;}
a.btn-prev {background:url(../imgs/btn_prev.gif) left center no-repeat; *background-position:left -1px;}
a.btn-next {background:url(../imgs/btn_next.gif) right center no-repeat; *background-position:right -1px;}

/*========== Element ==========*/
.clear {clear:both; font-size:0; line-height:0;}
.hide {font-size:0; line-height:0; color:#fff; *text-indent:-5000px;}