@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@100;200;300;400;500;600&display=swap');

body {
	color: #3a393a;
  	font-family: 'Fira Sans', sans-serif;
  	font-weight: 400;
  	font-style: normal;
  	background: #ececec;
  	font-size: 18px;
	width:100%; min-width:1024px;
}

a.blueLink:link, a.blueLink:active, a.blueLink:visited  { 
  	color: #0b74c3;
	text-decoration:none;
}
a.blueLink:hover {
  	color:green; 
}
a.yellow:link, a.yellow:active, a.yellow:visited  { 
	color:#f1be1a;
	text-decoration:none;
}
a.yellow:hover { 
	color:yellowgreen; 
}
a.footer:link, a.footer:visited, a.footer:active {
	font-size:14px; color:#3a393a; text-decoration:none; 
	width:150px; height:25px; line-height:25px; 
	background-color:#e6e6e6; margin-bottom:2px; display:block;
	-webkit-transition: all 0.5s ease; transition: all 0.2s ease;
}
a.footer:hover {
	color:#0b74c3; font-weight:bold; 
	-webkit-transition: all 0.5s ease; transition: all 0.2s ease;
}

a.button:link, a.button:active, a.button:visited  { 
	font-family:'Fira Sans'; font-weight:400; color:#fff;
	height:50px; line-height:50px; display:inline-block;
	font-size:18px; text-align:center;
	background-color:#0b74c3; text-decoration:none; margin:0 auto;
	-webkit-transition: all 0.5s ease; transition: all 0.4s ease; 
}
a.button:hover { 
	background-color:#f1be1a; 
	-webkit-transition: all 0.5s ease; transition: all 0.4s ease; 
}
a.buttonA:link, a.buttonA:active, a.buttonA:visited, a.buttonA:hover  { 
	font-family:'Fira Sans'; font-weight:400; color:#fff;
	height:50px; line-height:50px; display:inline-block;
	font-size:18px; text-align:center;
	background-color:#f1be1a; text-decoration:none; margin:0 auto;
}
a.buttonS:link, a.buttonS:active, a.buttonS:visited  { 
	font-family:'Fira Sans'; font-weight:400; color:#fff;
	height:34px; line-height:34px; width:223px; display:block;
	font-size:15px; text-align:center;
	background-color:#0b74c3; text-decoration:none; border-top:2px solid #071321; 
	-webkit-transition: all 0.5s ease; transition: all 0.4s ease; 
}
a.buttonS:hover { 
	background-color:#f1be1a; 
	-webkit-transition: all 0.5s ease; transition: all 0.4s ease; 
}
a.buttonS2:link, a.buttonS2:active, a.buttonS2:visited  { 
	font-family:'Fira Sans'; font-weight:400; color:#fff;
	height:34px; line-height:34px; width:160px; display:block; float:right;
	font-size:15px; text-align:center;
	background-color:#0b74c3; text-decoration:none;
	-webkit-transition: all 0.5s ease; transition: all 0.4s ease; 
}
a.buttonS2:hover { 
	background-color:#f1be1a; 
	-webkit-transition: all 0.5s ease; transition: all 0.4s ease; 
}

h1 {
  font-size: 60px;
  font-weight: 600;
  letter-spacing: -.02em;
  line-height: 62px;
}

.blueHeader {
	font-size:34px; font-weight:bold; color:#0b74c3; text-align:center;
}
.blueHeaderS {
	font-size:26px; font-weight:bold; color:#0b74c3; text-align:center;
}

.mainText {
	font-size:18px; line-height:26px; color:#3a393a;
}
.mainTextS {
	font-size:16px; line-height:23px; color:#3a393a;
}

.subNav {
	position:absolute; width:223px; background-color:#0b74c3; margin:0 0 0 12px; border-bottom:2px solid #071321; display:none;
	-webkit-box-shadow: 3px 3px 20px -4px rgba(0,0,0,0.35);
	-moz-box-shadow: 3px 3px 20px -4px rgba(0,0,0,0.35);
	box-shadow: 3px 3px 20px -4px rgba(0,0,0,0.35);
}

.ficons {
	width:200px; display:inline-block; margin:30px 15px;
	text-align:center; font-size:14px; line-height:18px; font-weight:500; color:#0b74c3;
	border-bottom:3px solid #ccc; padding-bottom:30px;
}
.ficons img {
	padding-bottom:20px;
}
.box {
	width:100%; max-width:1020px; margin:0 auto;
}
.fbox {
	width:calc(50% - 60px); height:300px; float:left; padding:30px; background-color:#fff;
	font-size:16px; line-height:23px; font-weight:400; color:#666;
	border-bottom:5px solid #f2be1a; border-top:1px solid #ccc;
}
.fboxTitle {
	font-size:20px; font-weight:500; padding-bottom:20px; border-bottom:1px solid #ccc; color:#3a393a;
}

.picons {
	width:150px; display:inline-block; margin:30px 15px;
	text-align:center; font-size:24px; line-height:45px; font-weight:500; color:#3a393a;
	border-radius:25px; border:3px solid #ccc;
}
.picons .ptext {
	margin-top:-16px; font-size:12px; font-weight:300; line-height:32px;
}

.fcheck {
	font-size:14px; font-weight:600; color:#0b74c3; text-align:center; line-height:20px;
}

.newsImg {
	width:100%; border:5px solid #fff; margin-bottom:40px;
	-webkit-box-shadow: 3px 3px 20px -4px rgba(0,0,0,0.35);
	-moz-box-shadow: 3px 3px 20px -4px rgba(0,0,0,0.35);
	box-shadow: 3px 3px 20px -4px rgba(0,0,0,0.35);
}
.newsTitle {
	font-size:24px; font-weight:500; text-align:center; padding:20px 0 15px 0; border-bottom:3px dotted #fff;
}
.newsText {
	font-size:16px; line-height:23px; font-weight:400; padding:20px 0 30px 0;
}
.newsLI {
	width:30px; height:30px; float:left;
	background-image:url("i64/hookIcon.svg"); background-repeat:no-repeat; background-position:left top;
}
.newsLIT {
	font-size:16px; line-height:20px; font-weight:400; padding:2px 0 9px 20px; float:left; width:calc(100% - 50px);
}

.pDiv {
	width:100%; padding:22px 12px 10px 12px; border-top:1px solid #ccc;
}
.pDiv:hover {
	background-color:#fff;
	-webkit-box-shadow: 3px 3px 20px -4px rgba(0,0,0,0.35);
	-moz-box-shadow: 3px 3px 20px -4px rgba(0,0,0,0.35);
	box-shadow: 3px 3px 20px -4px rgba(0,0,0,0.35);
	-webkit-transition: all 0.5s ease; transition: all 0.4s ease; 
}
.pTitle {
	padding:40px 0 20px 0; font-weight:600; font-size:28px; text-align:center; color:#888;
}
.pPD {
	width:calc(100% - 100px); float:left;
}
.pPDT {
	font-size:26px; font-weight:500; color:#000;
}
.pPDS {
	font-size:13px; font-weight:300; color:#000;
}
.pPDP {
	font-size:26px; font-weight:600; color:#0b74c3; letter-spacing:-1px; margin-top:8px;
}
.pLIpro {
	width:100px; height:100px; float:left;
	background-image:url("i64/icon-pro.svg"); background-repeat:no-repeat; background-position:left top; background-size:80px 80px;
}
.pLIsb {
	width:100px; height:100px; float:left;
	background-image:url("i64/icon-songbook.svg"); background-repeat:no-repeat; background-position:left top; background-size:80px 80px;
}
.pLIge {
	width:100px; height:100px; float:left;
	background-image:url("i64/icon-guitar.svg"); background-repeat:no-repeat; background-position:left top; background-size:80px 80px;
}
.pLIpe {
	width:100px; height:100px; float:left;
	background-image:url("i64/icon-piano.svg"); background-repeat:no-repeat; background-position:left top; background-size:80px 80px;
}
.pLIme {
	width:100px; height:100px; float:left;
	background-image:url("i64/icon-midi.svg"); background-repeat:no-repeat; background-position:left top; background-size:80px 80px;
}
.pLIpl {
	width:100px; height:100px; float:left;
	background-image:url("i64/icon-player.svg"); background-repeat:no-repeat; background-position:left top; background-size:80px 80px;
}
.pLIup {
	width:100px; height:100px; float:left;
	background-image:url("i64/iconUpdate.svg"); background-repeat:no-repeat; background-position:left top; background-size:60px 60px;
}
.pLIother {
	width:100px; height:100px; float:left;
	background-image:url("i64/iconOther.svg"); background-repeat:no-repeat; background-position:left top; background-size:60px 60px;
}
.pCartIcon {
	width:19px; height:16px; margin-left:10px; margin-bottom:-2px; opacity:0.9;
}

.dPDS {
	font-size:13px; font-weight:300; color:#000;
}
.dPDS2 {
	font-size:15px; font-weight:300; color:#000; margin-top:10px; 
}
.dHint {
	width:calc(100% - 19px); padding:20px; font-size:14px; line-height:20px; font-weight:300; color:#000; text-align:center;
	border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc; 
}

.cTab {
	width:calc(16% - 21px); padding:16px 10px; float:left; border-left:1px solid #ccc; border-bottom:1px solid #3a393a; 
	font-weight:300; font-size:13px; text-align:center; color:#000;
}
.cTabFirst {
	width:calc(20% - 21px); padding:16px 10px; float:left; border-bottom:1px solid #3a393a; 
	font-size:13px; font-weight:500;
}
.cTabIcon {
	width:90px; padding-bottom:10px;
}
.cTabIconText {
	height:20px; font-size:15px; font-weight:600; color:#0b74c3;
}

.faqHeader {
	width:calc(100% - 40px); padding:12px 20px; margin:4px 0; border:1px solid #ccc;
	font-size:16px; font-weight:500; background-color:#fff;
}
.faqHeader:hover {
	background-color:#fff;
	-webkit-box-shadow: 3px 3px 20px -4px rgba(0,0,0,0.35);
	-moz-box-shadow: 3px 3px 20px -4px rgba(0,0,0,0.35);
	box-shadow: 3px 3px 20px -4px rgba(0,0,0,0.35);
	-webkit-transition: all 0.5s ease; transition: all 0.3s ease; 
	cursor:pointer;
}
.faqHeader .fIcon {
	float:right; width:20px; padding-top:1px;
}

.shadow {
	-webkit-box-shadow: 3px 3px 20px -4px rgba(0,0,0,0.35);
	-moz-box-shadow: 3px 3px 20px -4px rgba(0,0,0,0.35);
	box-shadow: 3px 3px 20px -4px rgba(0,0,0,0.35);
}