@charset "utf-8";

/* CSS crunched with Crunch - http://crunchapp.net/ */
body {
  position: relative;
  overflow-x: hidden;
  font-family:'微軟正黑體' !important;
}
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:url(../img/bg_child.jpg) no-repeat top center !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  opacity: 0.45; /* ← 背景透明度在這裡調整 */
  z-index: -1 !important;
}
.bg-header-menu {
	margin-top:-38px;
	height:43px;
}
.bg-header-menu .menu .sub-menu-header {
	margin-top:-15px;
}
.marginBT0 {
	width:100% !important;
	margin-bottom:0px !important;
}
.topBT {
	margin:-15px 0px 0px 0px !important;
	padding:0px !important;
}
.topBT a {
	width:45px !important;
	background-position:center center !important;
	background-color:transparent !important;
	border:2px !important;
	border-style:solid !important;
	border-radius:12px !important;
	border-color:rgba(247,240,162,0.9) !important;
	background-color:rgba(234,0,55,1) !important;
	margin-top:-20px !important;
}
.topBT a .icon-back-to-top {
	background-image:url(../img/back-to-top-btn.png) !important;
}
.download-song-side-bar {
/*	display:none !important;*/
}
/*.song-name-side-bar {
	width:100% !important;
}*/
.IntroArticle {
	padding:0px 10px 0px 10px;
}
.IntroArticle h2 {
	font-weight:bold !important;
	font-size:1.125em !important;
	line-height:1.175em !important;
	padding:25px 5px 5px 5px;
	letter-spacing:1px !important;
}
.IntroArticle p {
	padding:5px 5px 5px 5px;
	font-size:0.835em !important;
	line-height:1.67em !important;
}
.IntroArticle ul {
	width:100%;
	padding:0px;
	margin:0px;
	list-style:none;
}
.IntroArticle ul li {
	width:100%;
	padding:13px 0px 13px 0px;
	margin:0px;
}
.IntroArticle ul li div {
	padding:0px 0.5% 0px 0.5%;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:0.835em;
	letter-spacing:-0.5px;
	float:left;
}
.IntroArticle ul li div:nth-child(1) {
	font-weight:normal;
	width:16%;
}
.IntroArticle ul li div:nth-child(2) {
	font-weight:bold;
	width:46%;
}
.IntroArticle ul li div:nth-child(3):before {
	font-size:0.8em;
	font-weight:normal;
	content:"：";
}
.IntroArticle ul li div:nth-child(3) {
	font-weight:bold;
	width:35%;
}
.SpechalHead {
	width:170px !important;
	padding:15px 6px 8px 13px;
	font-size:1.75em;
	font-weight:normal;
	letter-spacing:3px;
	border:0px !important;
	border-style:solid !important;
	border-radius:5px !important;
	border-color:#F90 !important;
	cursor:pointer !important;
	margin-bottom:5px;
	color:#333;
}
.SpechalHead span {
	color:#F90;
}
.AlbumTitle {
	padding-top:0px !important;
	padding-left:110px !important;
	background-color:#666 !important;
}
.AlbumTitle li {
	width:100% !important;
}
.album-pic-widget {
	margin-bottom:0px !important;
}
.AlbumsName {
	width:auto !important;
	position:absolute;
}
.AlbumsName h1 {
	width:100%;
	font-weight:normal;
	font-size:1.5em;
	line-height:1.5em;
	color:#000;
	margin:0px !important;
	padding:30px 0px 5px 5px !important;
	letter-spacing:0px;
}
.AlbumsName h1 span:nth-child(1) {
	font-family:'微軟正黑體';
	font-weight:bold;
	letter-spacing:1px;
	padding:1px 4px 2px 4px;
	margin-right:1px;
	border:0px !important;
	border-top-width:0px !important;
	border-right-width:0px !important;
	border-left-width:0px !important;
	border-style:solid !important;
	border-color:#F30 !important;
	color:rgba(41,171,226,1) !important;
	letter-spacing:1px;
	margin-right:3px !important;
}
.AlbumsName h1 span:nth-child(2) {
	font-family:'微軟正黑體';
	font-weight:bold;
	letter-spacing:1px;
	font-weight:bold;
	padding:1px 4px 2px 4px;
	border:0px !important;
	border-bottom-width:0px !important;
	border-right-width:0px !important;
	border-left-width:0px !important;
	border-style:solid !important;
	border-color:#F90 !important;
	letter-spacing:1px;
	color:#000 !important;
}
.AlbumsName h1 span:nth-child(2):before {
	font-weight:lighter;
	content:"| ";
}
.AlbumsName h1 span:nth-child(2):after {
	font-weight:lighter;
	content:" |";
}
.AlbumsName h1 span:nth-child(3) {
	font-family:"Arial", Gadget, sans-serif;
	font-weight:bold;
}
.BestKids {
	font-family:"Arial", Gadget, sans-serif;
	font-weight:bold;
}
.BestKids font:nth-child(1) {
	color:rgba(255,0,0,1);
}
.BestKids font:nth-child(2) {
	color:rgba(255,0,0,1);
}
.BestKids font:nth-child(3) {
	color:rgba(255,0,0,1);
}
.BestKids font:nth-child(4) {
	color:rgba(255,0,0,1);
}
.BestKids font:nth-child(5) {
	color:rgba(41,171,226,1);
}
.BestKids font:nth-child(6) {
	color:rgba(140,198,63,1);
}
.BestKids font:nth-child(7) {
	color:rgba(236,109,139,1);
}
.BestKids font:nth-child(8) {
	color:rgba(251,196,0,1);
}
.SyClass {
	font-family:Arial, Helvetica, sans-serif;
	padding:1px 6px 2px 6px;
	background-color:rgba(252,238,33,1);
	color:rgba(255,0,0,1);
}
.AlbumsName p {
	width:100%;
	font-weight:normal;
	font-size:0.7em;
	line-height:0.835em;
	color:#000;
	margin:0px !important;
	padding:4px 0px 0px 5px !important;
	letter-spacing:0px;
	opacity:1;
}
.AlbumsName p:before {
	content:'-';
}
.AlbumsName p:after {
	content:'-';
}
/*.ddd {
	margin-top:-7px;
}
.ddd a {
	width:100%;
	background-color:transparent !important;
	font-family:'微軟正黑體' !important;
	font-weight:bold !important;
	font-size:0.875em !important;
}
.ddd .sub-ddd {
	width:100% !important;
	margin-left:-14px;
}*/
.side-bar ul.list-play-list-side-bar li.sidebar-li-audio-player-01 {
	width:100% !important;
	overflow:hidden;
}
.side-bar ul.list-play-list-side-bar li.sidebar-li-audio-player-01 .song-name-side-bar {
	position:relative;
	width:91.05%;
	margin-top:-41px;
	margin-left:8.45%;
}
.timer-bg-sidebar {
	margin-left:3px !important;
	background-color:rgba(255,178,68,0.45) !important;
}
.next-prev-single-page {
	display:inline-block !important;
	margin-top:20px;
}
.next-prev-single-page li a {
	width:42px !important;
	height:30px !important;
}
.logo a img {
	width:auto;
	float:left !important;
/*	position:absolute;*/
}
.container-footer-bottom {
	display:none;
	height:auto !important;
	padding:20px 0px 15px 0px !important;
/*	background-color:rgba(247,240,162,0.8);*/
	background-color:rgba(255,255,255,0.8);
	margin-top:-55px;
}
.cr-section p {
	font-family:"Courier New", Courier, monospace !important;
	color:#111 !important;
}
.cr-section p a {
	font-weight:bold !important;
}
.cr-section p a span:nth-child(1) {
	color:#C30 !important;
}
.cr-section p a span:nth-child(2) {
	color:#36F !important;
}
.song-name-text {
	position:absolute !important;
	right:0 !important;
}
.ColResize {
	cursor:col-resize;
}
.blockskip {
	outline:1px !important;
	outline-style:solid !important;
	outline-color:#fff !important;
	padding-top:0px !important;
	padding-bottom:0px !important;
	position:absolute !important;
	right:0 !important;
}
.playdownload {
	margin-left:429px !important;
	margin-top:123px !important;
/*	margin-left:-140px !important;*/
	outline:1px !important;
	outline-style:solid !important;
	outline-color:#fff !important;
	padding:0px !important;
	cursor:pointer !important;
	width:46px !important;
	height:42px !important;
	float:left !important;
	position:absolute !important;
	right:0 !important;	
}
.playdownload .image-download-side-bar {
	width:46px !important;
	height:42px !important;
	background-color:#960 !important;
	float:left !important;
	background-image:url(../img/download.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:18px 15px;
}
.playslow {
	margin-left:429px !important;
	padding:0px;
}
.playslow  .image-slow-side-bar {
	width:40px !important;
	height:41px !important;
	margin-left:-10px !important;
}
.playnormal {
	margin-left:429px !important;
	margin-top:42px !important;
/*	margin-left:-47px;*/
}
.playnormal .image-normal-side-bar {
	width:40px !important;
	height:42px !important;
	margin-left:-10px !important;
}
.playfast {
	margin-left:429px !important;
	margin-top:82px !important;
/*	margin-left:-94px;	*/
}
.playfast .image-fast-side-bar {
	width:40px !important;
	height:42px !important;
	margin-left:-10px !important;
}
.playConds {
	width:46px;
	height:42px;
	position:absolute;
	background-color:#333;
	left:0;
}
.CondSlow {
	opacity:0.7;
}
.CondNormal {
	opacity:0.0;
}
.CondFast {
	opacity:0.7;
}
.EngContent {
	font-weight:bold;
	padding-top:25px;
	padding-bottom:5px;
	color:rgba(153,153,153,1);
}
.EngContent:before {
	font-weight:lighter;
	content:"| "
}
.EngContent:after {
	font-weight:lighter;
	content:" |"
}
.bg-header { 
    background:rgba(255, 255, 255, 1) !important;
	height:auto !important;
/*	background-color:rgba(247,240,162,0.35) !important;*/
}
@media (min-width:769px) and (max-width:1084px){	
	.playdownload {
		margin-left:29px !important;
	}
	.playslow {
		margin-left:29px !important;
	}
	.playnormal {
		margin-left:29px !important;
	}
	.playfast {
		margin-left:29px !important;
	}
}
@media (min-width:1025px) and (max-width:1084px){
	.side-bar ul.list-play-list-side-bar li.sidebar-li-audio-player-01 .song-name-side-bar {
		width:91.05% !important;
		margin-top:-41px;
		margin-left:41px;
	}
}
@media (min-width:769px) and (max-width:1024px){
	.BestKidsList {
		width:99.6% !important;
	}
	.BestKidsFrame .container-sidebar .widgets-ul .widget .side-bar-list .li-event-single {
		margin-top:0px !important;
	}
	.BestKidsFrame .container-sidebar .widgets-ul .widget .side-bar-list .li-event-single .widget-bg {
		width:100% !important;
	}
	.BestKidsFrame .container-sidebar .widgets-ul .widget .side-bar-list .li-event-single .widget-bg img {
		width:100% !important;
		height:auto;
	}
	.side-bar ul.list-play-list-side-bar li.sidebar-li-audio-player-01 .song-name-side-bar {
		width:93.45% !important;
		margin-top:-41px;
		margin-left:41px;
	}
}
@media (min-width:541px) and (max-width:768px){
	.side-bar ul.list-play-list-side-bar li.sidebar-li-audio-player-01 .song-name-side-bar {
		width:89% !important;
		margin-top:-41px;
		margin-left:41px;
	}
}
@media (min-width:471px) and (max-width:540px){
	.side-bar ul.list-play-list-side-bar li.sidebar-li-audio-player-01 .song-name-side-bar {
		width:86.75% !important;
		margin-top:-41px;
		margin-left:41px;
	}
}
@media (min-width:453px) and (max-width:470px){
	.side-bar ul.list-play-list-side-bar li.sidebar-li-audio-player-01 .song-name-side-bar {
		width:86.25% !important;
		margin-top:-41px;
		margin-left:41px;
	}
}
@media (min-width:425px) and (max-width:452px){
	.side-bar ul.list-play-list-side-bar li.sidebar-li-audio-player-01 .song-name-side-bar {
		width:86.25% !important;
		margin-top:-41px;
		margin-left:41px;
	}
}
@media (min-width:385px) and (max-width:424px){
	.side-bar ul.list-play-list-side-bar li.sidebar-li-audio-player-01 .song-name-side-bar {
		width:85.25% !important;
		margin-top:-41px;
		margin-left:41px;
	}
}
@media (max-width:384px){
	.side-bar ul.list-play-list-side-bar li.sidebar-li-audio-player-01 .song-name-side-bar {
		width:84.25% !important;
		margin-top:-41px;
		margin-left:41px;
	}
}
@media (min-width:481px) and (max-width:768px){
	.playdownload {
		margin-left:23px !important;
		margin-top:127px !important;
	}
	.playslow {
		width:23px !important;
		margin-left:23px !important;
	}
	.playnormal {
		width:24px !important;
		margin-left:23px !important;
	}
	.playfast {
		width:23px !important;
		margin-left:23px !important;
		margin-top:84px !important;
	}
	.BestKidsList {
		width:99.6% !important;
	}
}
@media screen and (max-width:480px){
	.playdownload {
		margin-left:34px !important;
		margin-top:127px !important;
	}
	.playslow {
		width:23px !important;
		margin-left:34px !important;
	}
	.playnormal {
		width:24px !important;
		margin-left:34px !important;
	}
	.playfast {
		width:23px !important;
		margin-left:34px !important;
		margin-top:84px !important;
	}
/*	.side-bar ul.list-play-list-side-bar li.sidebar-li-audio-player-01 .song-name-side-bar {
		width:63% !important;
	}*/
	.page-bar-single-pages {
		position:absolute !important;
		left:-185px !important;
	}
	.BestKidsList {
		width:99.6% !important;
		margin-left:2.7% !important;
	}
}
@media screen and (min-width:541px){	
	.logo a img {
		height:60px;
		margin-top:15px;
	}
	.AlbumsName {
		margin-left:60px;
		margin-top:3px;
	}
	.BestKidsFrame {
		width:'';
		margin-left:auto;
	}
	.BestKidsFrame .omega {
	}
	.BestKidsFrame .container-sidebar {
		width:'';
	}
	.BestKidsFrame .container-sidebar .widgets-ul .widget {
		width:'';
	}
	.BestKidsFrame .container-sidebar .widgets-ul .widget .side-bar-list .li-event-single .widget-bg {
		width:'';
	}
	.BestKidsFrame .container-sidebar .widgets-ul .widget .side-bar-list .li-event-single .widget-bg .album-pic-widget {
		width:100%;
		height:auto;
	}
}
@media screen and (max-width:540px){	
	.logo a img {
		height:50px;
		margin-top:23px;
	}
	.AlbumsName {
		right:0;
		margin-right:30px;
	}
	.AlbumsName h1 {
		font-size:1.25em;
		line-height:1.25em;
		padding:36px 0px 5px 115px !important;
	}
	.AlbumsName p {
		font-size:0.75em;
		line-height:0.75em;
	}
/*	.next-prev-single-page {
		position:absolute;
		top:370px;
	}*/
	.next-prev-single-page li {
		margin:0px !important;
	}
	.IntroArticle {
		padding:0px 10px 0px 10px;
	}
	.container-footer-bottom {
		position:relative !important;
		padding-bottom:20px !important;
	}
	.container-footer-bottom .container_12 {
		width:82% !important;
		margin:0px 9% 0px 9% !important;
	}
	.container-footer-bottom .container_12 .cr-section {
		width:100% !important;
		text-align:center !important;
	}
	.container-footer-bottom .container_12 .cr-section p {
		width:100% !important;
		text-align:center !important;
		line-height:17px !important;
	}
	.container-footer-bottom .container_12 .cr-section a {
		width:100% !important;
		text-align:center !important;
	}
	.BestKidsFrame {
		width:87% !important;
		margin-left:3.8%;
	}
	.BestKidsFrame .omega {
		width:94.5% !important;
	}
	.BestKidsFrame .container-sidebar {
		width:100% !important;
	}
	.BestKidsFrame .container-sidebar .widgets-ul .widget {
		width:100% !important;
	}
	.BestKidsFrame .container-sidebar .widgets-ul .widget .side-bar-list .li-event-single .widget-bg {
		width:94.5% !important;
	}
	.BestKidsFrame .container-sidebar .widgets-ul .widget .side-bar-list .li-event-single .widget-bg .album-pic-widget {
		width:100% !important;
		height:auto;
	}
/*	.next-prev-single-page li .prev {
		left:0 !important;
	}
	.next-prev-single-page li .next {
		right:0 !important;
	}
	.next-prev-single-page li a {
		margin:0px !important;
	}*/
}