@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@import url('https://fonts.googleapis.com/earlyaccess/notosanstc.css');
@import url("https://fonts.googleapis.com/earlyaccess/cwtexyen.css");
button,a{-o-transition:all .20s linear;-webkit-transition:all .20s linear;-moz-transition:all .20s linear;transition:all .20s linear;}
a{color:#313131;}
a:hover{text-decoration:none;color:#000;}
a:focus{text-decoration:none;color:#000;}
button:focus,select:focus,option:hover,.form-control:focus{outline:none;box-shadow:none;}
body,.navbar-nav>li>a,h1,h2,h3,h4,h5,h6{font-family:'Noto Sans','Noto Sans TC',sans-serif!important;font-size:16px;}
body{display:flex;flex-direction:column;min-height:100vh;}
.mainCtn {
    flex-grow: 1;
     -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    padding: 14% 0 60px 0;
}


.footerDownBox{background:#fff;padding:40px 0;position:relative;}
.footerDownBox:after{position:absolute;left:0;width:100%;height:1px;background:#a3a4a4;bottom:50px;content:"";display:block;z-index:0;}
.footerDownBox h2{color:#000;margin:0 0 10px 0;text-align:center;font-weight:600;}
.footerDown{padding:0;margin:0;list-style:none;text-align:center}
.footerDown li{display:inline-block;border-left:1px solid #949494;margin:5px 0}
.footerDown li:last-child{border-right:1px solid #949494}
.footerDown li a{display:block;color:#949494;font-size:.9em;font-weight:400;padding:0 8px;letter-spacing:-1px}
.footerDown li a:hover{color:#555;}
.footerDownBox h5{font-size:.9em;color:#F09F86;margin:15px 0 0;line-height:1.5;}
.footerDownBox .footerList{padding:0;margin:15px 0 0 0;list-style:none;font-size:.8em;text-align:center;color:#a3a4a4;background:#fff;position:relative;z-index:1;}
.footerDownBox .footerList li{display:inline-block;margin:0 12px;}
.footerDownBox .footerList li a{color:#a3a4a4;}
.footerDownBox .footerList li a:hover{color:#000}
.bgStyle{background:url('../img/bg.jpg') repeat;}
.headerBox{position:fixed;left:0;top:0;z-index:999;}
.headerBox p{font-size:.7em;font-weight:normal;position:absolute;right:15px;top:10px;margin:0;background:#90C31F;padding:0 15px;color:#fff;border-radius:17px;}
.child .headerBox p{background:#00A7DE;}
.gkids .headerBox p{background:#EA5514;}
.fixedHeader .headerBox p{display:none;}
.headerBox .bg img{width:100%;height:auto;}
.headerBox img.header{display:block;}
.headerBox img.headerfixed{display:none;}
.fixedHeader .headerBox img.header{display:none;}
.fixedHeader .headerBox img.headerfixed{display:block;}
.headerBox img.headerMobile,.headerBox img.headerfixedMobile{display:none;}
.logoBox{position:absolute;right:0;width:100%;top:30%;text-align:right;}
.fixedHeader .logoBox{top:0%;}
.logoBox img{width:130px;height:auto;}
.fixedHeader .logoBox img{width:100px;}
.hpBtn{padding:0;margin:0;list-style:none;width:100%;text-align:center;}
.hpBtn li{display:inline-block;margin:0 4%;}
.hpBtn li a{display:block;width:200px;height:230px;margin:0 20px;background-repeat:no-repeat!important;background-position:center center!important;}
.hpBtn li:nth-child(1) a{background:url('../img/hpBtn_young01.png');background-size:contain;}
.hpBtn li:nth-child(1) a:hover{background:url('../img/hpBtn_young01_hover.png');background-size:contain;}
.hpBtn li:nth-child(2) a{background:url('../img/hpBtn_young02.png');background-size:contain;}
.hpBtn li:nth-child(2) a:hover{background:url('../img/hpBtn_young02_hover.png');background-size:contain;}
.child .hpBtn li:nth-child(1) a{background:url('../img/hpBtn_child01.png');background-size:contain;}
.child .hpBtn li:nth-child(1) a:hover{background:url('../img/hpBtn_child01_hover.png');background-size:contain;}
.child .hpBtn li:nth-child(2) a{background:url('../img/hpBtn_child02.png');background-size:contain;}
.child .hpBtn li:nth-child(2) a:hover{background:url('../img/hpBtn_child02_hover.png');background-size:contain;}
.child .hpBtn li:nth-child(3) a{background:url('../img/hpBtn_child03.png');background-size:contain;}
.child .hpBtn li:nth-child(3) a:hover{background:url('../img/hpBtn_child03_hover.png');background-size:contain;}
.searchbox{max-width:800px;margin:60px auto 60px;overflow:hidden;}
.searchbox .input-group{display:block;position:relative;width:calc(100% - 200px);float:left;}
.navSearch .input-group{display:block;position:relative;width:100%;float:left;margin:0 0 5px 0;}
.searchbox .input-group input,.navSearch .input-group input{height:40px;border-radius:40px!important;border:none;padding:0 110px 0 20px;width:100%}
.searchbox .taglist{padding:10px 0 0 20px;list-style:none;width:100%;float:none;display:block;color:#555;overflow:hidden;}
.searchbox .taglist li{float:left;}
.searchbox .taglist li a{margin:0 20px 0 0;color:#777;padding:0 0 0 12px;position:relative;}
.searchbox .taglist li a:after{position:absolute;content:"#";left:0;top:0;display:block;width:12px;height:100%;}
.searchbox .input-group input::-webkit-input-placeholder{font-size:1.125em;}
.searchbox .input-group input:-moz-placeholder{font-size:1.125em;}
.searchbox .input-group input::-moz-placeholder{font-size:1.125em;}
.searchbox .input-group input:-ms-input-placeholder{font-size:1.125em;}
.input-group .form-control:focus{z-index:0;}
.searchbox .input-group button,.navSearch .input-group button{height:40px;background:#63A531;color:#fff;border:none;font-weight:normal;border-radius:40px;text-shadow:none;font-size:18px;padding:0 20px;position:absolute;right:0px;top:0;z-index:2;}
.child .navSearch .input-group button{background:#00A7DE;}
.gkids .navSearch .input-group button{background:#EA5514;}
.child .searchbox .input-group button{background:#00A7DE;}
.searchbox .allBtn{height:40px;border:1px solid #555;color:#555;background:none;border-radius:40px;width:100px;line-height:1;font-size:1.125em;float:left;}
.buttonStyle{overflow:hidden;position:relative;text-align:center;display:inline-block;}
.buttonStyle span{z-index:20}
.buttonStyle:after{background:#fff;content:"";height:215px;left:-95px;opacity:.2;position:absolute;top:-50px;-webkit-transform:rotate(35deg);-ms-transform:rotate(35deg);transform:rotate(35deg);-webkit-transition:all 1550ms cubic-bezier(0.19,1,0.22,1);transition:all 1550ms cubic-bezier(0.19,1,0.22,1);width:50px;z-index:1}
.buttonStyle:hover:after{left:120%;-webkit-transition:all 1550ms cubic-bezier(0.19,1,0.22,1);transition:all 1550ms cubic-bezier(0.19,1,0.22,1)}
.breadcrumb{background-color:transparent;padding:40px 0 8px 0;}
.breadcrumb>li+li:before{font:16px 'icomoon'!important;content:"\e90b";}
.authorTitle{padding:0;margin:0;list-style:none;width:calc(100% - 140px);float:left;}
.authorTitle li{display:inline-block;border-left:1px solid #949494;margin:5px 0;}
.authorTitle li:last-child{border-right:1px solid #949494}
.authorTitle li a{display:block;color:#000;font-size:1.5em;font-weight:400;padding:0 15px;line-height:1;}
.authorTitle li a:hover{color:#555;}
.authorBox{overflow:hidden;}
.authorBox p{font-size:.9em;color:#777;float:right;margin:0;line-height:34px;}
.authorList .authorItem{overflow:hidden;border-bottom:1px solid #aaa;padding:30px 0;}
.authorList .authorItem:last-of-type{border-bottom:none;}
.authorList .authorItem h3{width:80px;height:80px;border:2px solid #90C31F;border-radius:15px;float:left;margin:0;font-size:1.8em;color:#000;text-align:center;display:flex;justify-content:center;align-items:center;}
.child .authorList .authorItem h3{border:2px solid #00A7DE;}
.authorList .authorItem .tagListB{padding:6px 0 0 20px;margin:0;list-style:none;width:calc(100% - 80px);float:left;}
.authorList .authorItem .tagListB li{float:left;margin:4px 0;}
.authorList .authorItem .tagListB li a{margin:0 20px 0 0;color:#777;padding:0 6px 0 12px;position:relative;font-size:1.125em;}
.authorList .authorItem .tagListB li a:hover{color:#90C31F;}
.child .authorList .authorItem .tagListB li a:hover{color:#00A7DE;}
.authorList .authorItem .tagListB li a:hover:before{color:#777;}
.authorList .authorItem .tagListB li a:after{position:absolute;left:0;top:0;display:block;width:12px;height:100%;}
.authorList .authorItem .tagListB li a:before{position:absolute;content:"、";right:0;top:0;display:block;width:6px;height:100%;}
.authorList .authorItem .tagListB li:last-child a:before{display:none;}
.paginationBox{text-align:center;margin:20px 0 0 0;}
.paginationBox .pagination li a{border-radius:50%;margin:5px;background:#bfbfbf;color:#898989;font-weight:bold;}
.paginationBox .pagination li a:hover{background:#555;color:#fff;}
.paginationBox .pagination li.active a{background:#90C31F;color:#fff;border-color:#90C31F;}
.child .paginationBox .pagination li.active a{background:#00A7DE;border-color:#00A7DE;}
.gkids .paginationBox .pagination li.active a{background:#EA5514;border-color:#EA5514;}
.paginationBox .pagination li a.next,.paginationBox .pagination li a.previous{background-color:transparent;border:none;}
.paginationBox .pagination li a.next:hover,.paginationBox .pagination li a.previous:hover{background-color:transparent;color:#555;}
.magazineBox{}
.fixedHeader aside.sticky{margin:10% 0 0 0;}
.magazine{float:left;width:170px;display:inline-block;text-align:center;}
.magazine img{width:100%;height:auto;max-width:170px;}
.magazine h2{font-size:1.500em;}
.rightInfo{float:right;width:calc(100% - 210px);display:inline-block;margin:0 0 0 40px;position:relative;z-index:1;border-left:1px solid #aaa;padding:0 0 0 40px;}
aside{position:relative;display:block}
main::before,main::after{content:"";display:block;height:0;overflow:hidden}
main::after{clear:both}
main{zoom:1}
.rightInfo .infoItemBox{margin:0 0 80px 0;}
.rightInfo h3{margin:0 0 10px 0;color:#90C31F;font-size:1.875em;position:relative;transform:translate(0,-8px);}
.child .rightInfo h3{color:#00A7DE;}
.rightInfo h3:after{position:absolute;width:20px;height:20px;border-radius:50%;content:"";display:block;background:#90C31F;z-index:1;top:8px;left:-50px;}
.child .rightInfo h3:after{background:#00A7DE;}
.infoItem ul{padding:0px;margin:0 0 5px 0;list-style:none;width:100%;display:inline-block;}
.infoItem ul.subItem li{font-size:1em;color:#898989;float:left;position:relative;padding:0 20px 0 0;margin:0 0 5px 0;}
.infoItem .infoData{width:calc(100% - 70px);float:left;}
.infoItem .btnBox{width:70px;float:right;text-align:right;}
.infoItem .btnBox button{width:50px;height:50px;background-color:transparent;line-height:1;position: relative;}
.infoItem .btnBox button.heartStyle{margin:0px 0 0 0;border:1px solid #aaa;border-radius:8px;}
.infoItem .btnBox button.heartStyle i{font-size:1.5em;color:#90C31F;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.child .infoItem .btnBox button.heartStyle i{color:#00A7DE}
.infoItem .btnBox button.heartStyle.addHeart i{color:#e60012;}
.infoItem .btnBox button.heartStyle.addHeart i:before{content:"\e906";}
.infoItem .btnBox button.musicBtn{border:none;height:30px;}
.infoItem .btnBox button.musicBtn img{width:20px;height:auto;}
.infoItem .infoData ul.subItem li:after{position:absolute;width:20px;height:100%;content:"、";display:block;top:0;right:0;z-index:1;}
.infoItem .infoData ul.subItem li:last-child{padding:0;}
.infoItem .infoData ul.subItem li:last-child:after{display:none;}
.infoItem .infoData p{font-size:1.250em;color:#000;margin:0px 0 5px 0;text-align:justify;line-height:1.8;}
.infoItem .infoData ul.tagItem li{margin:0 10px 5px 0;float:left;}
.infoItem .infoData ul.tagItem li a{display:block;background:#CFE0A5;padding:4px 8px 4px 20px;display:inline-block;color:#626262;border-radius:32px;position:relative;}
.child .infoItem .infoData ul.tagItem li a{background:#DDF7FF;}
.infoItem .infoData ul.tagItem li a:after{position:absolute;content:"#";display:block;width:20px;left:8px;top:3px;z-index:1;}
.infoItem .infoData ul.tagItem li a:hover{background:#90C31F;color:#fff;}
.child .infoItem .infoData ul.tagItem li a:hover{background:#00A7DE;}
.infoItem{border-bottom:1px solid #aaa;padding:20px 0 15px 0;overflow:hidden;}
.infoItem:last-of-type{border-bottom:none;}
.musicModal .modal-content{background-color:transparent;width:100%;box-shadow:none;border:none;}
.myModal .modal-content{width:100%;box-shadow:none;border:none;text-align:center;}
.musicModal .modal-content button.close,.myModal .modal-content button.close{opacity:1;margin:0 0 10px 0;font-size:1.5em;}
.musicModal .modal-content button i{color:#fff;text-shadow:none;}
.myModal .modal-content button i{color:#fff;text-shadow:none;position:absolute;top:-40px;right:0px;}
.musicModal .modal-content img{width:100%;height:auto;}
.myModal .modal-content img.oops{max-width:100px;width:100%;height:auto;margin:30px auto 20px auto;}
.myModal .modal-content .info{padding:0 15px 40px 15px;}
.myModal .modal-content p{font-size:1.125em;color:#000;margin:0 0 15px 0;padding:0;}
.myModal .modal-content p:last-of-type{margin:0;}
.myModal .modal-body{padding:0;}
.myModal .modal-content button.infoBtn{background:#EA5514;color:#fff;text-align:center;width:100%;height:50px;text-shadow:none;font-weight:normal;margin:0;}
.musicModal .modal-content .imgBox{position:relative;display:inline-block;}
.musicModal .modal-content .imgBox button{position:absolute;width:80px;height:60px;background:#E60012;content:"";display:block;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;background:#E60012;color:#fff;text-align:center;border-radius:10px;border:none;line-height:1;}
.musicModal .modal-content .imgBox button i{font-size:1.8em;}
body.bottomZero .mainCtn{padding-bottom:0px;}



.modal-dialog-centered {
        display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));
}
.modal-dialog-centered::before{
        display: block;
    height: calc(100vh - (.5rem * 2));
    content: "";
}


.modal-open .modal {
    padding-right: 0px;
    overflow-y: hidden;
}
.musicModal .modal-content audio{position:absolute;left:0;bottom:0px;width:100%;}
h5.spStyle{font-size:1.8em;color:#000;margin:0 0 10px 0;}

.dbList .dbRow{display: flex;justify-content: space-between;flex-wrap: wrap;}
.dbList .dbItem{overflow:hidden;border-bottom:1px solid #aaa;padding:30px 50px 30px 0;flex: 0 0 50%;width: 50%;}
.dbList .dbItem:last-of-type{padding-right: 0;}
.dbList .dbItem h3{width:80px;height:80px;border:2px solid #90C31F;border-radius:15px;float:left;margin:0;font-size:1.8em;color:#000;text-align:center;display:flex;justify-content:center;align-items:center;}
.child .dbList .dbItem h3{border:2px solid #00A7DE;}
.dbList .dbItem .tagListB{padding:6px 0 0 20px;margin:0;list-style:none;width:calc(100% - 80px);float:left;}
.dbList .dbItem .tagListB li{float:left;margin:4px 0;}
.dbList .dbItem .tagListB li a{margin:0 1px 0 0;color:#777;padding:0 6px 0 12px;position:relative;font-size:1.125em;}
.dbList .dbItem .tagListB li a:hover{color:#90C31F;}
.child .dbList .dbItem .tagListB li a:hover{color:#00A7DE;}
.dbList .dbItem .tagListB li a:hover:before{color:#777;}
.dbList .dbItem .tagListB li a:after{position:absolute;left:0;top:0;display:block;width:12px;height:100%;}
.dbList .dbItem .tagListB li a:before{position:absolute;content:"、";right:0;top:0;display:block;width:6px;height:100%;}
.dbList .dbItem .tagListB li:last-child a:before{display:none;}
.tabList{overflow:hidden;}
.tabList h5{font-size:1.8em;color:#000;width:140px;float:left;margin:0;line-height:1;}
.tabList .tabListUl{width:calc(100% - 140px);padding:0;margin:0;list-style:none;float:left;}
.tabList .tabListUl .tabListLi{display:inline-block;float:none;margin:0 8px 8px 0;}
.tabList .tabListUl .tabListLi a{background:#fff;display:block;border:1px solid #90C31F;padding:2px 8px;color:#999;border-radius:28px;font-weight:500;font-size:1.125em;}
.child .tabList .tabListUl .tabListLi a{border:1px solid #00A7DE;}
.tabList .tabListUl .tabListLi a:hover{background:#90C31F;color:#fff;}
.child .tabList .tabListUl .tabListLi a:hover{background:#00A7DE;}
.magazineList{padding:0;margin:0;list-style:none;display:-webkit-flex;display:-ms-flexbox;display:flex!important;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.magazineList li{width:25%;text-align:center;float:left;border-bottom:1px solid #aaa;padding:30px 15px;}
.magazineList li:nth-last-child(1),.magazineList li:nth-last-child(2),.magazineList li:nth-last-child(3),.magazineList li:nth-last-child(4){border-bottom:none;}
.magazineList li a:hover h2{color:#90C31F;}
.child .magazineList li a:hover h2{color:#00A7DE;}
.magazineList li h2{font-size:1.125em;color:#000;margin:10px 0 0 0;-o-transition:all .20s linear;-webkit-transition:all .20s linear;-moz-transition:all .20s linear;transition:all .20s linear;}
.magazineList li img{width:100%;height:auto;max-width:180px;}
.sortBox{width:100%;display:inline-block;}
.sortBox h5{width:calc(100% - 270px);float:left;}
.sortBox .rightSort{float:right;width:260px;}
.rightSort p{margin:0 10px 0 0;float:right;line-height:31px;}
ul.sortList{padding:0;margin:0;list-style:none;float:right;}
.sortList li{float:left;margin:0 10px 0 0;}
.sortList li:last-child{margin:0;}
.sortList li a{font-size:1.125em;color:#555;background:#fff;border:1px solid #90C31F;padding:2px 8px;border-radius:30px;display:block;
min-width: 100px;text-align:center;}
.gkids .sortList li a{border:1px solid #EA5514;}
.sortList li a:hover{background:#E4F4BF;}
.child .sortList li a:hover{background:#DDF7FF;}
.gkids .sortList li a:hover{background:#FDEFEA;}
.sortList li a.active{background:#90C31F;color:#fff;}
.child .sortList li a.active{background:#00A7DE;}
.gkids .sortList li a.active{background:#EA5413;}
.child .sortList li a{border:1px solid #00A7DE;}
.classList{padding:0;margin:10px 0 30px 0;list-style:none;overflow:hidden;display:inline-block;}
.classList li{display:inline-block;border-left:1px solid #949494;margin:8px 0 0 0}
.classList li:last-child{border-right:1px solid #949494}
.classList li a{display:block;color:#777;font-size:1.125em;font-weight:400;padding:0 8px;line-height:1;}
.classList li a:hover{color:#90C31F;}
.child .classList li a:hover{color:#00A7DE;}
.classList li a span{margin:0 0 0 2px;}
.spStyle.spStyleB span{border:1px solid #aaa;padding:4px 12px 4px 40px;border-radius:49px;display: inline-block;position: relative;}
.spStyle.spStyleB span i{color:#aaa;margin:0 8px 0 0;font-size:.8em;position: absolute;left:12px ;top:50%;
transform:translate(0,-50%);}
.spStyle.spStyleB em{font-style:normal;margin:0 0 0 10px;color:#aaa}
.linkBox{overflow:hidden;margin:0 0 10px 0;}
.linkBox:last-of-type{margin:0;}
.linkBox .linkTitle{font-size:1.125em;color:#000;font-weight:bold;width:100px;float:left;margin:3px 0 0 0;}
.linkBox ul{padding:0;margin:0;list-style:none;width:calc(100% - 100px);float:right;}
.linkBox ul li{display:inline-block;border-left:1px solid #949494;margin:5px 0;}
.linkBox ul li:first-child{border-left:0px;}
.linkBox ul li:last-child{border-right:none;}
.linkBox ul li a{display:block;color:#777;font-size:1.125em;font-weight:400;padding:0 12px;line-height:1.2;position: relative;}
.linkBox ul li:first-child a{padding-left:0}
.linkBox ul li a:hover,.linkBox ul li.active a{color:#00A7DE;}
.gkids .linkBox ul li a:hover,.gkids .linkBox ul li.active a{color:#EA5514;}
.linkBox ul li.active a:before{content: "";width: calc(100% - 12px);height: calc(100% + 6px);background: rgba(0,167,222,.15);border-radius: 5px;position: absolute;left: 6px;top: -3px;z-index: 0;}
.linkBox ul li.active:first-child a:before{width:100%;left: -6px;top: -3px;}
.gkids .linkBox ul li.active a:before{background: rgba(234,85,20,.15);}
.hrStyle{height:1px;background:#999;}
.rightSort.musicSort{width:100%;float:none;overflow:hidden;}
.rightSort.musicSort p{float:left;}
.rightSort.musicSort ul.sortList{float:left;}
.musicList{padding:0px;margin:0 0 0 -10px;list-style:none;display:-webkit-flex;display:-ms-flexbox;display:flex!important;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:calc(100% + 20px)}
.musicList>li{width:calc(25% - 20px);float:left;margin:20px 10px 20px 10px;padding:0 0 40px 0;position:relative;}
.gkids .musicList>li{padding: 0;}
.musicList li .imgBox{position:relative;}
.musicList li .imgBox img{width:100%;height:auto;object-fit:cover;height:160px;}
.musicList li .imgBox button,.musicLeft .imgBox button,ul.musicRight .imgBox button{position:absolute;width:50px;height:40px;background:#E60012;content:"";display:block;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;background:#E60012;color:#fff;text-align:center;border-radius:10px;border:none;line-height:1;}
.musicList li .imgBox button i,.musicLeft .imgBox button i,ul.musicRight .imgBox button i{font-size:1em;}
.musicList li h3,.musicRight li h3,.musicLeft h3{font-size:1.125em;color:#777;margin:5px 0 6px 0;}
.musicList li p,.musicRight li p,.musicLeft p{color:#000;margin:0 0 8px 0;text-align:justify;}
.musicList li ol{padding:0;margin:0;list-style:none;display:flex;justify-content:space-between;position:absolute;bottom:10px;left:0;width:100%;}
.musicList ol li{width:49%;}
.musicList ol li a{display:block;border:1px solid #00A7DE;text-align:center;color:#777;font-size:.9em;background:#fff;padding:3px 0;border-radius:28px;}
.gkids .musicList ol li a{border:1px solid #EA5514;}
.musicList ol li a:hover{background:#DDF7FF;}
.gkids .musicList ol li a:hover{background:#FDEFEA;}
.musicList ol li a i{margin:0 4px 0 0;}
.imgholder{width:100%;height:auto;overflow:hidden;}
.imgholder img{width:100%;height:auto;transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);opacity:1;transition:transform 0.5s ease-in-out,opacity 0.2s;-moz-transition:-moz-transform 0.5s ease-in-out,opacity 0.2s;-webkit-transition:-webkit-transform 0.5s ease-in-out,opacity 0.2s;}
.imgholder:hover img,.musicList li:hover .imgholder img{transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);opacity:0.9;}
h2.musicTitle{color:#000;padding:0 0 15px 0;margin:0 0 15px 0;border-bottom:1px solid #999;display:block;font-size:2em;}
.musicLeft{width:calc(100% - 350px);float:left;padding:0 15px 0 0;}
.musicLeft .imgBox{position:relative;}
.musicLeft .imgBox img{width:100%;height:auto;}
.musicLeft p{font-size:1.125em;}
.musicBox{display:-webkit-flex;display:-ms-flexbox;display:flex!important;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
ul.musicRight{list-style:none;padding:0;margin:0;float:right;width:350px;padding:0 0 0 15px;border-left:1px solid #aaa;}
ul.musicRight li{overflow:hidden;margin:0 0 15px 0;}
ul.musicRight .imgBox{width:calc(50% - 5px);float:left;position:relative;}
ul.musicRight .imgBox img{width:100%;height:110px;object-fit:cover;}
ul.musicRight .info{width:calc(50% - 5px);float:right;}
ul.musicRight li h3{margin:0 0 5px 0;}
.musicLeft .imgBox button{width:80px;height:60px;}
.musicLeft .imgBox button i{font-size:1.5em;}
ul.musicRight .imgBox button{width:40px;height:30px;}
ul.musicRight .imgBox button i{font-size:.7em;}
.tabListBox{padding:0;margin:20px 0 40px -5px;list-style:none;width:calc(100% + 10px)}
.tabListBox li{width:1%;display:table-cell;}
.tabListBox li a{display:block;text-align:center;font-size:1.2em;background:#F6F7F7;margin:0 5px;padding:10px 0;font-weight:500;letter-spacing:1px;white-space:nowrap;position:relative}
.tabListBox li.active a:after{position:absolute;width:0;height:0;border-style:solid;border-width:20px 20px 0;border-color:#EA5413 transparent transparent;content:"";display:block;left:50%;bottom:-15px;margin:0 0 0 -20px}
.tabListBox li.active a,.tabListBox li.active a:hover{background:#EA5413;color:#fff}
.tabListContent{background:#F6F7F7;padding:40px;overflow:hidden;color:#555;line-height:1.8}
.tabListBox li a:hover{background:#fff}
.personalList{padding:0 0 0 24px;margin:0;list-style:decimal;text-align:justify;}
.personalList>li{margin:0 0 15px;}
.personalList>li>ol{margin:0;list-style:disc;padding:0 0 0 24px;text-align:justify}
.faqBox{margin:40px 0;overflow:hidden}
.faqBox .panel-title a{font-size:1.125em;color:#fff;padding:15px 50px 15px 20px;display:block;position:relative;text-align:justify;}
.faqBox .panel-default>.panel-heading{padding:0px;border-bottom:none;background:#EA5413;}
.faqBox .panel{box-shadow:none;border:none;border-bottom:1px solid #ddd;padding:0 0 20px 0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;background:none;border-bottom:none;padding:0 0 15px 0}
.faqBox .panel-default>.panel-heading+.panel-collapse>.panel-body{background:#fff;padding:20px;border-top:none;box-shadow:0 0 5px #ddd;line-height:1.8}
.faqBox .panel-group .panel+.panel{margin:0}
.faqBox .panel-title a:before{position:absolute;z-index:0;display:block;font:24px 'icomoon'!important;color:#fff;content:'\e90f';right:20px;top:10px;}
.faqBox .panel-title a.collapsed:before{content:"\e910";}
nav .menuList{padding:0;margin:0;list-style:none;position:fixed;top:0;left:-40px;z-index:999;}
nav .menuList li{position:relative;}
nav .menuList li>a{display:block;width:90px;height:90px;background:#90C31F;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.child nav .menuList li>a{background:#00A7DE;}
.gkids nav .menuList li>a{background:#EA5514;}
nav .menuList li>a i{color:#fff;font-size:1.5em;transform:translate(10px,0px);}
/*20200904*/
nav .menuList .menu-icon{width: 24px;height: auto;transform: translate(10px,0px);}
.sidenav{height:100%;width:100%;position:fixed;z-index:9999;top:0;left:-100%;background-color:rgba(144,195,31,.9);overflow-x:hidden;transition:0.5s;/* padding-top:100px; */text-align:center;}
.sidenav .menuBox{position: relative;}
.child .sidenav{background-color:rgba(0,167,222,.9)}
.gkids .sidenav{background-color:rgba(234,85,20,.9)}
.sidenav .closebtn{display:none;}
.menu-open .sidenav .closebtn{display:block;position:fixed;top:0;right:25px;font-size:4em;color:#fff;z-index:999;opacity:1;animation:myopacity 2s;animation-iteration-count:1;    /*    animation-delay: 3s; */}
@keyframes myopacity{
    from{opacity:0;}
    to{opacity:1;}
}
.menuBox .panel-group{display:-webkit-flex;display:-ms-flexbox;display:flex!important;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.menuBox .panel{box-shadow:none;-webkit-box-shadow:none;background-color:transparent;float:left;padding:60px 15px 0px 45px;margin:0px!important;/*width:14.2857%*/width: 12.5%;}
/* .menuBox .panel:nth-of-type(-n+7){padding-top:200px;}
.menuBox .panel:nth-of-type(n+8){padding-bottom:200px;} */
.menuBox .panel:nth-of-type(-n+8){padding-top:100px;}
.menuBox .panel:nth-of-type(n+9){padding-bottom:200px;}
.menuBox .panel-title{margin:0 0 30px 0;font-size:1.5em;position:relative;}
.menuBox .panel-title:after{position:absolute;width:50px;height:2px;background:#fff;bottom:-15px;left:2px;content:"";display:block;z-index:1;}
.menuBox .panel-title a{display:block;color:#313131;font-weight:500;white-space:nowrap;border-top:none;position:relative;padding:0 0 0 0px;text-align:left;font-size:1.125em;}
.menuBox .panel-title>a:after{display:none;}
.menuBox .panel-title i{color:#313131;margin:0 10px 0 0;font-size:1.5em;position:absolute;left:0;top:50%;transform:translate(0,-50%);}
.menuBox .panel-title span{display:none;}
.menuBox .panel-body{padding:0;}
.menuBox .footerA{padding:0;margin:0;list-style:none;}
.menuBox .footerA li a{display:block;color:#fff;margin:0 0 15px 0;text-align:left;font-size:1em;position:relative;padding:0 0px 0 0px;}
.menuBox .footerA li a:hover{text-shadow:0 0 2px rgba(255,255,255,.8);}
.menuBox .footerA li i{margin:0 15px 0 0;font-size:1.2em;}
.menuBox .panel-collapse{display:block;visibility:visible;padding:0;}
.topLine{background:#F2F2F2;}
.topLine button{background:#EA5514;color:#fff;padding:10px 15px;line-height:1;border:none;border-radius:37px;margin:10px 0;}
.topLine button i{margin:0 5px 0 0;}
.child .topLine button{background:#00A7DE;}
.young .topLine button{background:#90C31F;}
.bglogin .mainCtn.loginCtn{background:url('../img/logoIn_bg.png') center bottom no-repeat;background-size:cover;position:relative;padding:0}
.bglogin .mainCtn.loginCtn:after{position:absolute;content:"";display:block;width:100%;height:100%;
background:url('../img/loginBg_img.png') no-repeat bottom left;background-size:85%;
left:-100px;bottom:0px;z-index:0;}
.loginCtn .loginLeft{width:50%;float:left;padding:0% 5% 0 0;position: relative;z-index: 2;}
.loginCtn .loginLeft img{width:100%;height:auto;margin:0 auto;}
.loginCtn .loginLeft img.bigImge{display:block}
.loginCtn .loginLeft img.smallImge{display:none;}
.loginCtn .loginRight{width:50%;float:right;padding:0 0 80px 0;position:relative;z-index:2;}
.loginCtn .loginRight .mainFrom{padding:0 0 0 0;margin:30px 0 0 0;width:100%;display:inline-block;}
.logoUL{padding:0;margin:0;list-style:none;text-align:right;position: relative;z-index: 1;}
.logoUL li{display:inline-block;}
.logoUL li a{display:block;margin:0 5px;}
.logoUL li:last-child a{margin-right:0px;}
.logoUL li img{width:100%;max-width:100px;height:auto;}
.loginCtn .loginRight .form-group{margin:0 0 30px 0;}
.loginCtn .loginRight .form-group input{background:#fff;border:1px solid #aaa;padding:0px 15px;font-size:1.125em;height:50px;border-radius:50px;}
.loginCtn .loginRight .form-group.radioStyle{display:flex;}
.loginCtn .loginRight .form-group.radioStyle p{margin:0;color:#777;text-shadow:0 0 2px #fff,0 1px 2px #fff,0 -1px 2px #fff,-1px 0px 2px #fff,0px 0px 2px #fff;}
.loginCtn .loginRight .form-group.radioStyle [class*=icheck-]{margin:0 0 0 20px;}
.loginCtn .loginRight .form-group.radioStyle [class*=icheck-]>label{color:#777;}
[class*=icheck-]{min-height:0px;margin-top:0px!important;margin-bottom:0px;}
.loginCtn .loginRight .form-group.radioStyle>input:first-child+label::before{background-color:#D3CFC8;}
.icheck-carrot>input:first-child:checked+label::before{background-color:#e67e22;}
.loginCtn .loginRight .form-group button{width:100%;background:#EA5514;height:50px;border:none;border-radius:50px;color:#fff;}
.loginCtn.forgetCtn .loginRight .form-group button{width:100%;}
.loginCtn .loginRight a.forgetCode{position:relative;color:#777;text-shadow:0 0 2px #fff,0 1px 2px #fff,0 -1px 2px #fff,-1px 0px 2px #fff,0px 0px 2px #fff;}
.loginCtn .loginRight a.forgetCode:after{position:absolute;content:"";display:block;width:100%;height:1px;bottom:-4px;left:0;background:#777;box-shadow:0 0 2px #fff,0 1px 2px #fff,0 -1px 2px #fff,-1px 0px 2px #fff,0px 0px 2px #fff;}
.loginCtn .loginRight h6{margin:20px 0 5px 0;color:#777;text-shadow:0 0 2px #fff,0 1px 2px #fff,0 -1px 2px #fff,-1px 0px 2px #fff,0px 0px 2px #fff;}
.loginCtn .loginRight .logineStyle{padding:0;margin:0;list-style:none;}
.loginCtn .loginRight .logineStyle li{display:inline-block;margin:0 20px 10px 0;}
.loginCtn .loginRight .logineStyle li:last-child{margin:0;}
.loginCtn .loginRight .logineStyle li a{color:#2D6EB6;text-shadow:0 0 2px #fff,0 1px 2px #fff,0 -1px 2px #fff,-1px 0px 2px #fff,0px 0px 2px #fff;}
.loginCtn .loginRight .logineStyle li a span{position:relative;display:inline-block;}
.loginCtn .loginRight .logineStyle li a span:before{position:absolute;content:"";display:block;width:100%;height:1px;bottom:-4px;left:0;background:#2D6EB6;box-shadow:0 0 2px #fff,0 1px 2px #fff,0 -1px 2px #fff,-1px 0px 2px #fff,0px 0px 2px #fff;}
.loginCtn .loginRight .logineStyle li i{margin:0 4px 0 0;font-style:normal;}
.loginCtn .loginRight .logineStyle li i img{width:20px;height:auto;}
.forgetInfo{color:#000;font-size:2.2em;text-align:center;}
.overList{padding:0;margin:0 0 60px 0;list-style:none;}
.overList li{padding:15px 0;border-bottom:1px solid #ddd;width:100%;display:inline-block;}
.overList li i{width:10px;height:10px;background:#EA5514;border-radius:50%;display:inline-block;margin:0 5px 0 0;}
.overList li .checkbox{float:left;width:calc(100% - 165px);}
.overList li .info{float:right;width:150px;}
.loginCtn.overCtn .loginRight .form-group button{width:100%;}
.overList [class*=icheck-]>input:first-child:checked+label::after{width:100%;height:100%;font:16px 'icomoon'!important;content:"\e901";transform:none;border:none;color:#fff;left:3px;top:3px;}
.overInfo{font-size:1.5em;color:#000;}
.draw{position:absolute;right:15px;bottom:5px;font-size:.7em;color:#999;}
.memberList{padding:0;margin:0 auto;list-style:none;max-width:600px;}
.memberList li{width:50%;margin:0;float:left;padding:10px;}
.memberList li a{display:block;}
.memberList li a img{width:100%;height:auto;border-radius:30px;}
.memberList li a:hover{transform:scale(1.1);}
.memberInfo{text-align:center;}
.memberInfo h6{color:#000!important;font-size:2em;margin:0 0 15px 0!important;}
.memberInfo p{color:#777!important;font-size:1.125em;}
.showmore_content{position:relative;overflow:hidden;}
.showmore_trigger{width:100%;cursor:pointer;color:#fff;}
.showmore_trigger span{display:block;text-align:left;position:relative;}
.showmore_trigger span:after{position:absolute;content:"";display:block;width:20px;height:20px;border-radius:50%;background:#63A531;left:45px;bottom:0px;}
.child .showmore_trigger span:after{background:#008CBB;}
.gkids .showmore_trigger span:after{background:#B0400F;}
.showmore_trigger .more:before,.showmore_trigger .less:before{position:absolute;display:block;width:20px;height:20px;z-index:1;left:49px;bottom:-4px;}
.showmore_trigger .more:before{font:12px 'icomoon'!important;content:"\e911";}
.showmore_trigger .less{margin:15px 0 0 0;}
.showmore_trigger .less:before{font:12px 'icomoon'!important;content:"\e912";}
.navList{width:100%;text-align:center;padding:0;margin:0;list-style:none;position:absolute;left:0;bottom:100px;}
.navList li{display:inline-block;margin:0 10px;}
.navList li a{padding:15px 20px;display:inline-block;font-size:1.125em;color:#fff;border-radius:10px;min-width:150px;background: transparent;border: 2px solid #fff;}
/* .navList li.child a{background:#00A7DE;}
.navList li.gkids a{background:#EA5514;}
.navList li.young a{background:#90C31F;} */
.navSearch{left:-480px;top:0;position:absolute;width:480px;background:#EFEFEF;padding:20px 30px 15px 100px;border-top-right-radius:108px;border-bottom-right-radius:108px;border:3px solid #fff;z-index:-1;}
.navSearch.open{left:0;}
.navSearch p{font-size:.85em;color:#777;padding:0px 0 0 20px;margin:0!important;}
.navSearch p a{color:#5284C1}
.navSearch button.closeBtnStyle{width:35px;height:35px;background:#63A531;border-radius:50%;border:none;line-height:30px;position:absolute;right:0;top:-10px;z-index:9}
.child .navSearch button.closeBtnStyle{background:#00A7DE;}
.gkids .navSearch button.closeBtnStyle{background:#EA5514;}
.navSearch button.closeBtnStyle i{font-size:1em;font-weight:bolder;color:#fff}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(0,0,0,.2)}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.3)}

.Flippingbook-box{height: calc(100vh - 62px);}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.rightNow .smallBtn {
    display: none
}

.rightNow {
    position: fixed;
    top: 40%;
    right: 20px
}

.rightNow a {
    position: relative;
    width: 100px;
    -webkit-box-shadow: #ddd 0 0 5px;
    -moz-box-shadow: #ddd 0 0 5px;
    box-shadow: #ddd 0 0 5px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    background: rgba(255, 255, 255, .8);
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
    display: block;
    overflow: hidden
}

.rightNow .info {
    padding: 12px
}

.rightNow .info h5 {
    margin: 0 0 10px;
    color: #000;
    font-size: 1.1em;
    font-weight: 500
}

.rightNow .info img {
    width: 100%;
    height: auto
}

.rightNow .rightBtn {
    background: rgba(234, 84, 19, .9);
    color: #fff;
    padding: 5px 0
}

.rightNow a:hover .rightBtn {
    background: rgba(234, 84, 19, 1)
}

.recaptcha {
    padding-bottom: 20px;
    float: right;
    display: flex;
    justify-content: flex-end;
}