/*手機板選單-漢堡*/ .m-menu-btn {position: absolute;top: 6px;margin: 0 6px;width: 36px;text-align: center;cursor: pointer;z-index: 180;} .m-menu-btn .hamburger {position: relative;width: 36px;height: 36px;overflow: hidden; /*background:#000;*/} .m-menu-btn .hamburger span, .m-menu-btn .hamburger span:before, .m-menu-btn .hamburger span:after {content: '';position: absolute;display: block;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 28px;height: 3px;background-color: #434343;transition: all 240ms ease-in-out;} .m-menu-btn .hamburger span:before {margin-top: -10px;} .m-menu-btn .hamburger span:after {margin-top: 10px;} .m-menu-btn.menu-opened .hamburger span {background-color: transparent;} .m-menu-btn.menu-opened .hamburger span:before {margin-top: auto;transform: rotate(-45deg);} .m-menu-btn.menu-opened .hamburger span:after {margin-top: auto;transform: rotate(45deg);} @media (max-width: 1024px) { /*Master上方Header*/ #divHeaderBox{width:100%; height:50px;position:fixed; background-image:url(../Images/BG/BG_Header.png); top:0px; z-index:999;} #divHeader{width:100%; max-width:959px;margin:0px auto;height:50px;} #divHeaderCtrl{float:left;margin-left:18px; margin-top:18px;} #divHeaderCtrl img{cursor: pointer;width:31px;display:block} #divHeaderAcc{float:right;margin-right:18px; margin-top:10px;} #divHeaderAcc img{cursor: pointer;width:30px;display:block} #divHeaderShop{float:right;margin-right:18px; margin-top:10px;} #divHeaderShop img{cursor: pointer;width:30px;} #divHeaderShop span{cursor: pointer;display:block; float:right;margin-top:5px;padding-left:5px;} #divShopTitle{width:100%; max-width:959px;margin:0px auto;height:60px; color:#000000;font-weight:bold;font-size:20pt;line-height:60px; text-align:center} #divLogoTitle{float:left; margin-left:55px; margin-top:5px;line-height:20px;font-weight:bold;color:#ffffff;font-size:14pt;} #divLogoTitle img{height:40px; float:left} #divLogoTitle a{color:#434343;} #divLogoTitle a span{line-height:40px;display:block;float:left; margin-left:5px;} /*Master上方選單*/ #divHeaderMenuBox{width:100%;height:0px;position:fixed;top:50px;left:0px;z-index:1000 } #divHeaderMenu{width:100%;max-width:959px;margin:0px auto;} #divAccountInfo{width:100%;line-height:18px;color:#434343;padding-top:10px;height:40px;padding-bottom:10px;text-align:center;border-bottom:solid 1px #ffffff;font-size:10pt;} #divAccountInfo span{display: inline-block;vertical-align:top;margin-left:10px;text-align: center;} #divAccountInfo img{} #divHeaderMenu #divMenu{width:0px;overflow:hidden; padding:0px;float:left;background-color:#ffffff;} #divMenuulBox{overflow:auto} #divMenuulBox>ul{width:100%; list-style: none;} #divMenuulBox>ul>li{ line-height:40px;width:96%;padding-left:2%;padding-right:2%;text-align:center;border-bottom:solid 1px #bebebe;} #divMenuulBox>ul>li>a{color:#434343;text-decoration:none;cursor: pointer;} #divMenuulBox>ul>li>a:hover{} #divMenuulBox>ul>li div{height:0px; overflow:hidden;transition: all 240ms ease-in-out;background-color:#e1e1e1} #divMenuulBox>ul>li .active{box-shadow:6px 6px 20px rgba(0, 0, 0, 0.4);} #divMenuulBox>ul>li div ul li{width:96%;padding-left:2%;padding-right:2%;text-align:center;border-bottom:solid 1px #bebebe;line-height:40px;} #divMenuulBox>ul>li div ul li:last-child{border-bottom:none;} #divMenuulBox>ul>li div ul li a{color:#434343;text-decoration:none;cursor: pointer;} /*底部*/ #divMenuFooterBox{width:100%;height:100px;padding-top:15px;padding-bottom:15px ;line-height:30px;font-size:10pt;background-color:#434343} #divMenuFooter{width:100%;} #divFooterCommunity{width:100%;height:30px;text-align:center;} #divFooterCommunity a {display: inline-block;margin: 0 4px;} #divFooterCommunity a img{height:30px;} #divFooterLink{width:100%;height:30px;text-align:center;} #divFooterLink a {display: inline-block;margin: 0 4px;color:#ffffff} #divFooterLink span {display: inline-block;margin: 0 4px;color:#ffffff} #divFooterInfo{width:100%;text-align:center;color:#ffffff} /*主體*/ #divCenterBox{width:100%;margin-top:50px; } #divCenter{width:100%;max-width:959px;margin:0px auto;font-size:12pt;} #divCenter .title{line-height:30px; font-size:14pt;} #divCenter ul li{ line-height:45px;width:96%;padding-left:2%;padding-right:2%;text-align:center;border-bottom:solid 1px #ffffff;} #divCenter ul li a{color:#ffffff;text-decoration:none;cursor: pointer;} #divCenter ul li a:hover{color:#ebeae8} .divHeader{width:98%; margin:0px auto;background-color:#3f3f3f;color:#ffffff;line-height:40px;} .divHeader a{text-decoration:underline;display:block;color:#ffffff;cursor: pointer;} .divHeader a.aSelect{color:#d42b30} .divHeader .divItemsLeft{float:left;height:40px;border-bottom:solid 1px #3f3f3f} .divHeader .divItemsRight{float:right;height:40px;border-bottom:solid 1px #3f3f3f} /*選課選單*/ #divGroupPart{width:98%; margin:0px auto; padding-top:20px;padding-bottom:50px;} #divGroupPart .divGroupBoxL1{width:100%;border-radius:5px;margin-bottom:10px;background-color:#ffffff} #divGroupPart .divGroupBoxL1 .divGroupBoxL1Title{width:96%;padding-left:2%;padding-right:2%;line-height:40px;height:40px;border-bottom:solid 1px #bebebe} #divGroupPart .divGroupBoxL1 .divGroupBoxL1Content{width:98%;padding:1%;} #divGroupPart .divGroupBoxL2{width:98%;padding:1%;} #divGroupPart .divGroupBoxL2 .divGroupBoxL2Title{width:96%;padding-left:2%;padding-right:2%;line-height:40px;height:40px;} #divGroupPart .divGroupBoxL2 .divGroupBoxL2Content{width:98%;padding:1%;} #divGroupPart .divGroupContentItems{margin:1%;float:left;border:dotted 1px #bebebe;width:47%;border-radius:5px;} #divGroupPart .divGroupContentItems a{display:block; width:98%;padding:1%;cursor: pointer;color:#434343;float:left} #divGroupPart .divGroupContentItems a:hover{transition: all 240ms ease-in-out; box-shadow:6px 6px 20px rgba(0, 0, 0, 0.4);} #divGroupPart .divGroupContentItems a:hover span{transition: all 240ms ease-in-out;font-size:1.2em;} #divGroupPart .divGroupContentItems .Selt{border:solid 3px #3fba8f;border-radius:5px;} #divGroupPart .divGroupContentItems .divGroupContentItemsImg{width:100%;height:230px;text-align:center;display:flex; align-items:center} #divGroupPart .divGroupContentItems .divGroupContentItemsImg img{max-width:100%;max-height:230px;} #divGroupPart .divGroupContentItems .divGroupContentItemsTitle{/*width:98%;*/padding-left:1%;padding-right:1%;line-height:150%;color:#434343;height:70px;overflow:hidden;display:table;margin:0px auto;} #divGroupPart .divGroupContentItems .divGroupContentItemsTitle span{vertical-align:middle;display:table-cell;height:70px} #divGroupPart .divGroupContentItems .divGroupContentItemsPrice{width:98%;padding-left:1%;padding-right:1%;line-height:150%;color:#bd0000;height:35px;overflow:hidden;text-align:center} /*最新消息*/ #divNewsBox{width:100%; padding-bottom:50px;padding-top: 50px;} #divNewsBox .divTitle{font-size: 24px; color: #434343; font-weight: bold; line-height: 50px; width: 100%; text-align:center;padding-bottom:10px} #divNewsBox .divTitle span{display:block; width:180px; height:3px; margin:0 auto;} #divNewsBox .divNewsClas .Items{float:left; margin:0.5%; width:49%;height:0; padding-bottom: 75%;background-size:100%;background-color: rgba(255, 255, 255, 0.2);background-blend-mode: screen; position:relative; background-repeat:no-repeat;} #divNewsBox .divNewsClas .Items:hover{} #divNewsBox .divNewsClas .Items .ItemsDecBox{background-color:#ffffff;width:100%;height:160px;position:absolute;bottom:0px;overflow:hidden} #divNewsBox .divNewsClas .Items .ItemsDecBox .dec{color:#434343;font-size:20px; width:96%;padding-left:2%;padding-right:2% ;line-height:50px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #divNewsBox .divNewsClas .Items .ItemsDecBox .intr{ color:#434343;width:96%;padding:2%;line-height:150%;height:35px;text-overflow:ellipsis;overflow:hidden; margin-bottom:20px;} #divNewsBox .divNewsClas .Items .ItemsDecBox .btn{width:100%;height:30px; padding-bottom:5px;padding-top:5px;} #divNewsBox .divNewsClas .Items .ItemsDecBox .btn a{display:block;width:100px;height:28px;line-height:28px;border:solid 1px #434343;color:#434343;margin:0px auto; text-align:center} #divNewsBox .divNewsClas .Items:hover .ItemsDecBox{} }