@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0; font:13px/23px Verdana, Arial, sans-serif; color:#333; text-align:justify;  -webkit-text-size-adjust:none; -moz-text-size-adjust:none;-ms-text-size-adjust:none;}
.clear { clear:both;}
.Details { width:1080px; padding:0; margin:0 auto;}
img{ vertical-align:middle; border:0;}
*{ padding:0; margin:0;}
h1, h2, h3, h4, h5, p, h6, ul, li, ol, dd, dl, dt, input { list-style:none; font-weight:400;}
a { color:#00a8ff; text-decoration:underline;}
/* CSS Document */
/*--------------------*/
.MobleBig { width: 100%; display: none;}
.MobleNav { background: #edf0f2; display: block; height: 65px;  }
.MobleNav .lltab {  padding: 15px 0;  }
.MobleNav .lltab h4 { font-size: 27px;  font-weight: 800; line-height: 35px; display: block; width: 20%; float: left; padding: 0 0 0 1%; }
.MobleNav .lltab h4 a { color: #333; text-decoration: none; }
.MobleNav .lltab h5 { display: block; font-size: 23px;  display: block; width: 150px; float: right; line-height: 35px;  }
.MobleNav .lltab h5 img { vertical-align: middle; }
.MobleNav .lltab h5 a { color: #7dc03b; text-decoration: none; }
.MobleNav .lltab .Huv { width: 35px; height: 35px; float: right; cursor: pointer; }
.Matter {  background: #202020; padding: 20px 0; display: none; position:absolute; top: 65px; z-index: 10; left: 0; width: 100%;  color: #fff; }
.Matter .close { width: 19px; height: 19px; float: right; margin: 0 5% 0 0; cursor: pointer;  }
.Matter ul { font-size: 23px; padding: 20px 5% 0 5%; }
.Matter ul li { list-style: none; border-bottom: 1px solid #4d4d4d; padding: 25px 0 15px; }
.Matter ul li:last-child { border:none;  }
.Matter ul li a { color: #fff; text-decoration: none; }
/*----------------------------------------------------------------------------------------------------------------------------------------*/

.DivMain01 {background:url(../image-style/music-fifteen/banner.jpg) no-repeat center; }
.DivMain01 .Details { height:657px; color:#FFF;}
.DivMain01 .Right { width:780px; float:right; padding:100px 80px 0 0;}
.DivMain01 ol { list-style:none; color:#fff;}
.DivMain01 ol li { font-size:48px; padding:0 0 0 100px; background:url(../image-style/music-fifteen/icon.png) 0 0 no-repeat;}
.DivMain01 ol li i { color:#ff0; font-size:17px; padding:10px 0; display:block; font-style:normal;}
.DivMain01 ol li i span{font-size:18px; color:#25AEEA;}
.DivMain01 ol li em { padding-bottom:15px; border-bottom:1px solid #494543; display:block; }
.DivMain01 ol li em a{color:#fff; text-decoration:none;}
.DivMain01 h2 { font-size:17px; padding:20px 0 0 100px;}
.DivMain01 .Wistre ul {  padding:30px 0 0 115px; font-size:15px;}
.DivMain01 .Wistre ul li { padding:7px 0; list-style:disc;}
.DivMain01 .Right > p{padding:10px 0 0 100px;}
.DivMain01 .Right > p a{text-decoration:underline; color:#fff; background:url(../img/view.png) no-repeat left center; padding-left:20px; font-size:15px;}
.DivMain01 .Time { width:280px; float:left; padding:40px 0 0 100px;}
.DivMain01 .Time ul { padding:10px 0 0; color:#fe5000;}
.DivMain01 .Time ul li { width:55px; height:44px; margin:0 10px 0 0; float:left; text-align:center; padding:12px 0 0; line-height:40px; font-size:37px;}
.DivMain01 .Buy { width:380px; float:right; padding:40px 0 0;}
.DivMain01 .Buy .Pad { padding:10px 0 0;}
.DivMain01 .Buy h5 { font-size:13px; padding:20px 0 0 80px;}
.DivMain01 .Buy h5 a { color:#83c500;}
/* CSS Document */
.DivMain02 {}
.DivMain02 .Details { padding:15px 0 50px;}
.DivMain02 h2 { font-size:49px; text-align:center; padding:10px 0; line-height:50px;}
.DivMain02 h2 i { display:block; color:#666; font-size:15px; font-style:normal;}
.DivMain02 .left { width:30%; float:left; padding:25px 0 0; text-align:center;}
.DivMain02 h3 { font-size:19px; padding:15px 0;}
.DivMain02 ul { padding:0 0 0 10px;}
.DivMain02 ul li { text-align:justify; color:#666; padding:5px 0 5px 0; list-style:disc;}
.DivMain02 .Mag { margin:0 5%;}
/* CSS Document */
.DivMain03 { height:612px; position:relative; overflow:hidden;}
.DivMain03 .Details { position:relative; z-index:50;}
.DivMain03 .left { width:728px; height:612px; background:url(../image-style/music-fifteen/buytab.png);}
.DivMain03 .left .Div01 { width:280px; height:415px; padding:75px 0 0 55px; float:left;  text-align:center;}
.DivMain03 .left h2 { font-size:19px; color:#6ea600; font-weight:bold; padding:45px 0 0;}
.DivMain03 .left h3 { font-size:19px; padding:55px 0 0; line-height:35px; }
.DivMain03 .left h4 { font-size:23px; padding:70px 0 0; line-height:35px; }
.DivMain03 .left h4 i { font-weight:bold; font-style:normal; display:block; color:#ff0000;}
.DivMain03 .left .Div02 { width:303px; height:460px; padding:75px 0 0 35px; float:left;   text-align:center;}
.DivMain03 .scroll {padding-top:42px; margin-top:47px; background:#f5f5f5; height:477px; width:4068px; position:absolute; animation:myfirst 20s linear infinite;-moz-animation:myfirst 20s linear infinite;-webkit-animation:myfirst 20s linear infinite; z-index:10}
.DivMain03 .scroll img { padding-right:50px;}
/* CSS Document */
.DivMain04 {}
.DivMain04 .Details { padding:60px 0; height:200px; }
.DivMain04 .How { width:260px; height:38px; margin-left:30px; text-align:center; font-size:15px; float:left; cursor:pointer; }
.DivMain04 .How p { padding:8px 0 0;}
.DivMain04 .Back { background:#f8f8f8;}
.DivMain04 .TabAll { height:165px; width:100%; position:relative;  background:#f8f8f8;}
.DivMain04 .TabAll .Boot { height:35px; width:100%; position:absolute; bottom:0; background:#f0f0f0; text-align:center; padding:10px 0 0;}

.DivMain04 .TabAll .OneDiv { list-style:none; padding:35px 0 0 50px;}
.DivMain04 .TabAll .OneDiv ul li { padding:0 30px 0 55px; display:block; width:225px; float:left;}

.DivMain04 .TabAll .TwoDiv { list-style:none; padding:25px 0 0 50px;}
.DivMain04 .TabAll .TwoDiv ul li { padding:0 30px 0 75px; display:block; width:390px; float:left;}

.DivMain04 .TabAll .ThreeDivs {  padding:25px 0 0 40px; }
.DivMain04 .TabAll .ThreeDivs p { }

/* CSS Document */
.DivMain05 { background:#f5f5f5;}
.DivMain05 .Details { padding:30px 0;}
.DivMain05 .left { width:530px; float:left; padding:30px 0 0;}
.DivMain05 .left h3 { font-size:13px; font-weight:bold; padding:10px 0 0 40px;}
.DivMain05 .left ul { list-style:none; font-size:14px; }
.DivMain05 .left ul li { padding:9px 0 9px 42px;}
.DivMain05 .right { width:550px; float:right; padding:20px 0 0;}

/* CSS Document */
.left_banner{position:fixed; left:40px; top:480px;}

@keyframes myfirst
{
from   {left:0px; top:0px;}
to  {left:-2373px; top:0px;}
}
@-moz-keyframes myfirst /* Firefox */
{
from   {left:0px; top:0px;}
to  {left:-2373px; top:0px;}
}
@-webkit-keyframes myfirst /* Safari and Chrome */
{
from   {left:0px; top:0px;}
to  {left:-2373px; top:0px;}
}

@media (max-width: 979px) {
    .detail,.Details,.details{ width:100%; margin:0 auto;padding: 0 10px;box-sizing: border-box;min-width: auto;}
    .MainNav{display: none;}
/* `````````````````````````````````````````````````` */
.DivMain01 {background: #393738;}
.DivMain01 .Details {height: auto;}
.DivMain01 .Right {width: 100%;float: none;padding: 30px 0;}
.DivMain01 ol li {background-position: center top;padding: 100px 0 0;text-align: center; font-size: 1.51rem;line-height: 2.1rem;}
.DivMain01 h2 {padding: 10px 0;}
.DivMain01 .Wistre ul {padding: 0;}
.DivMain01 .Right > p{display: none;}
.DivMain01 .Time {float: none;margin: 0 auto;padding: 0;width: 260px;text-align: center;}
.DivMain01 .Time ul::after { content: '';display: block;clear: both;}
.DivMain01 .Buy {width: 100%;float: none;text-align: center;}
.DivMain01 .Buy h5 {padding: 15px 0;}
/* `````````````````````````````````````````````````` */
.DivMain02 .Details {padding: 15px 10px;}
.DivMain02 h2 {font-size: 1.51rem;line-height: 2.1rem;}
.DivMain02 h2 i {font-size: 0.9375rem;line-height: 1.5rem;}
.DivMain02 .left {width: 100%;float: none;}
.DivMain02 .Mag {margin: 0;}
/* `````````````````````````````````````````````````` */
.DivMain03 {height: auto;}
.DivMain03 .left {width: 100%;height: auto;background: none;}
.DivMain03 .left .Div01 {width: 100%;height: auto;padding: 30px 0;border: 2px solid #6ea600;border-radius: 10px;margin: 15px 0}
.DivMain03 .left h2 {padding: 15px 0 0;}
.DivMain03 .left h3 {padding: 15px 0 0;}
.DivMain03 .left h4 {padding: 15px 0 0;}
.DivMain03 .left .Div02 {width: 100%;height: auto;padding: 30px 0; border: 2px solid #6ea600;border-radius: 10px;margin: 15px 0}
.DivMain03 .scroll {display: none;}
/* `````````````````````````````````````````````````` */
.DivMain04 .Details {padding: 30px 10px;height: auto; }
.DivMain04 .How { width: 100%;margin-left: 0;}
.DivMain04 .TabAll { height: auto;padding-bottom: 35px;}
.DivMain04 .TabAll .Boot img{max-width: 100%;}
.DivMain04 .TabAll .OneDiv {padding: 15px 0;}
.DivMain04 .TabAll .OneDiv ul li {margin: 10px auto;float: none;}
.DivMain04 .TabAll .TwoDiv {padding: 15px 0;}
.DivMain04 .TabAll .TwoDiv ul li {margin: 10px auto;float: none;width: 95%;box-sizing: border-box;}
.DivMain04 .TabAll .ThreeDivs {padding: 15px 10px;}
/* `````````````````````````````````````````````````` */
.DivMain05 .Details { padding: 30px 10px;}
.DivMain05 .left {width: 100%;float: none;padding: 0;}
.DivMain05 .right {display: none;}
}


@media (max-width: 767px) {

}

@media (max-width: 479px) {

}