@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: 'Special Elite';
  src: url('fonts/SpecialElite-Regular.ttf');
}
@keyframes aniTopBar {
  0% {
    text-shadow: 0 0 2px #000000;
  }
  50% {
    text-shadow: 0 0 32px #D0FC09;
  }
  100% {
    text-shadow: 0 0 2px #000000;
  }
}
/* ### Component classes ### */
.vlineMid {
  vertical-align: middle;
}
.txtLeft { text-align: left; }
.txtCenter { text-align: center; }
.txtRight { text-align: right; }
.boxCenter { margin: 8px auto 8px auto; }
.tblDiv { display: table; width: 100%; }
.tblRow { display: table-row; }
.tblCell { display: table-cell; vertical-align: middle; }
.pad8 { padding: 8px; }
.airBox {
  width: 90%;
	font-size: 20px;
  margin: 24px auto 24px auto;
  line-height: 200%;
}
.btnTbl3 {
  width: 95%;
  margin: 8px auto 8px auto;
 }
 .btnTbl3 td {
   padding: 8px;
   width: 33%;
 }
.txtBox {
	margin: 24px;
	font-size: 20px;
  line-height: 150%;
}
.w70prc { width: 70%; }
.w75prc { width: 75%; }
.w80prc { width: 80%; }
.w90prc { width: 90%; }
.w95prc { width: 95%; }
.w99prc { width: 99%; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs20 { font-size: 20px; }
.fs24 { font-size: 24px; }
.fs28 { font-size: 28px; }
.fs32 { font-size: 32px; }
.fs40 { font-size: 40px; }
.fs48 { font-size: 48px; }
.fs56 { font-size: 56px; }
.fs64 { font-size: 64px; }
.mTop16 { margin-top: 16px; }
.mTop24 { margin-top: 24px; }
.mBtm16 { margin-bottom: 16px; }
.mBtm24 { margin-bottom: 24px; }
/*End Component classes*/
/* ### Elements ### */
* {
  margin: 0;
  padding: 0;
}
p {
  margin: 0;
  padding: 0;
  text-indent: 0;
  text-align: left;
}
table {
  margin: 0 auto 0 auto;
  padding: 0;
  border: none;
  border-collapse:collapse;
}
table td {
  margin: 0;
  padding: 0;
  border: none;
}
table th {
  font-weight: bold;
  text-align: center;
}
h1 {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  margin: 16px auto 8px auto;
  text-transform: uppercase;
}
h2 {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin: 8px auto 8px auto;
}
h1>span,
h2>span,
h3>span
{
  font-size: 75%;
}
h3 {
  font-size: 20px;
  text-align: left;
  font-weight: bold;
}
h4 {
  font-size: 16px;
  text-align: left;
  font-weight: bold;
}
form {
  border: none;
  margin: 0;
  padding: 0;
}
body {
  font-family: Lucida Grande,Lucida Sans,Arial,sans-serif; /*"MS Sans Serif", Geneva, sans-serif; */
  background-attachment: fixed;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
select {
  width: auto;
}
label {
  font-weight: bold;
}
input[type=radio] {
  width: 22px;
  height: 22px;
  cursor: pointer;
}
/* ### End Elements ### */
/* ### Colors ### */
a, .dlgWin a {
  color: hsla(236,24%,45%,1.00);
}
body,
.dlgWin {
  color: hsla(0,0%,33%,1.00);
}
.totFull {
  color: hsla(0,0%,50%,1.00);
}
.topBar, 
.uBar,
.btn, 
footer
{
  color: hsla(60,82%,89%,1.00);
}
.topBar li:hover,
.uBar li:hover,
.btn:hover, 
.btn:focus
{
  color: hsla(60,90%,62%,1.00);
}
.srchBtnCell button,
.tblPL th,
.tblPL th [class^="icon-"],
.pnsBtn > button [class^="icon-"],
.ercH,
.ercRow li:first-child, 
.foundHeader,
.docTable [class^="icon-"],
.hiBox,
.tblTS th
{
  color: hsla(207,60%,30%,1.00);
}
.srchBtnCell button:hover, 
.srchBtnCell button:active,
.pathBar a:hover,
.chapLst a:hover,
.pnsBtn > button [class^="icon-"]:hover,
.docTable [class^="icon-"]:hover
{
  color: hsla(217,99%,50%,1.00);
}
.iQty, 
.bnMore a:hover
{
  color: #ffffff;
}
footer a:hover {
  color: hsla(60,100%,59%,1.00);
}
.upArrow a,
.upArrow span
{
  color: hsla(208,23%,65%,0.75);
}
.upArrow span:hover {
  color: hsla(216,23%,50%,0.90);
}
.bestNews h3, 
.bnMore, 
.icoHeader,
.icoCir > [class^="icon-"],
.dlgH1
{
  color: hsla(192,37%,46%,1.00);
}
.fntRed,
.errMess,
.errField
{
  color: hsla(0,77%,42%,1.00);
}
.cartTbl [class^="icon-"],
.tblPL [class^="icon-"],
.cartDscCell > [class^="icon-"],
.iWarning p,
.chapIco,
.btn:hover,
.btn:focus,
.btn:active,
.formBox
{
  color: hsla(205,49%,35%,1.00);
}
.bestNews ul li a:hover,
.axMess
{
  color: hsla(205,100%,26%,1.00);
}
.iWarning span {
  color: hsla(56,59%,46%,1.00);
}
.topBar li a,
.uBar li a,
.pathBar a,
footer a,
.bestNews ul li a,
.bnMore a
{
  color: inherit;
}
/* background-color */
.ercRow li:first-child {
  background-color: hsla(208,48%,90%,1.00);
}
body {
  background-color: hsla(0,0%,94%,1.00);
}
.btnGrn, 
.btnGrn:hover,
.btnGrn:focus {
  background-color: hsla(192,60%,30%,1.00);
}
#mainBox,
.srchBtnCell button
{
  background-color:#ffffff;
}
.topBar,
.uBar,
.btn
{
  background-color: hsla(207,40%,45%,0.85);
}
.iQty {
  background-color: hsla(32,84%,50%,0.85);
}
footer {
  background-color: hsla(207,40%,45%,0.85);
}
.errMess {
  background-color: hsla(16,82%,90%,1.00);
}
.tblPL th,
.btn:hover,
.btn:focus,
.btn:active,
.docTable [class^="icon-"]:hover,
.foundHeader,
.tblTS th
{
  background-color: hsla(208,48%,88%,1.00);
}
.cartTbl tr:nth-child(odd),
.cartTbl [class^="icon-"]:hover,
.tblPL tr:nth-child(odd),
.tblPL td [class^="icon-"]:hover,
.bestNews li:nth-child(odd),
.cartDscBox,
.docTable tr:nth-child(even),
.formBox,
.axMess
{
	background-color: hsla(187,21%,95%,1.00);
}
.cartTbl tr:hover, 
.tblPL tr:hover, 
.bestNews ul li:hover,
.docTable tr:hover,
.tblTS tr:hover
{
	background-color: hsla(57,100%,96%,1.00);
}
.cartTbl tr:last-child,
.found
{
	background-color: hsla(86,100%,91%,1.00);
}
.found
{
  background-color: hsla(60,84%,85%,1.00);
}
.bnMore a:hover {
  background-color: hsla(192,37%,46%,1.00);
}
.tblPL td,
.tblPL th,
.inpTxt,
.tblTS td,
.tblTS th

{
  border: 1px solid hsla(207,15%,70%,1.00)
}
.btn {
  border: 1px solid hsla(207,40%,40%,1.00);
}
.btn:hover,
.btn:focus,
.btn:active
{
  border: 1px solid hsla(207,40%,70%,1.00);
}
.errMess {
  border: 1px solid hsla(10,70%,70%,1.00);
}
.cartDscBox,
.formBox,
.axMess
{
  border: 1px solid hsla(186,25%,65%,0.99);
}
.pnsBtn > button,
.pnsSrch > input
{
  border: 2px solid hsla(207,40%,70%,1.00);
}
.ercRow li {
  border-bottom: 2px dashed hsla(0,0%,60%,1.00);
}
.srchCell input,
.srchBtnCell button
{
  border: 3px solid  hsla(207,45%,40%,1.00);
}
.bestNews {
  border: 3px dashed hsla(185,10%,44%,1.00);
}
.bnMore a,
.icoCir > [class^="icon-"]
{
  border: 3px solid hsla(192,37%,46%,1.00);
}
.foundList {
	border: 3px solid hsla(208,48%,88%,1.00);
}
.docTable td {
	border-color: hsla(0,0%,80%,1.00);
	border-style: solid hidden;
	border-top-width: 2px;
	border-bottom-width: 2px;
}
/* ### End Colors ### */
/* ### Group Decor ### */
.topBar,
.uBar,
footer,
.pathBar
{
  font-family: "MS Sans Serif", Geneva, sans-serif;
}
.btn:hover, 
.btn:focus,
.srchCell input,
.dlgWin,
.dlgWin a,
.dlgWin a:hover,
.inpTxt,
.pnsSrch > input,
.dlgCat a
{
  outline: none;
}
.docTable a,
.docTable a:hover,
.docTable h2 a
{
	text-decoration: none;
}
.docTable h2 a:hover,
.bestNews ul li a:hover
{
	text-decoration: underline;
}
.noDecor,
.btn,
.topBar li:hover,
.uBar li:hover,
.topBar li a,
.uBar li a,
footer a,
.upArrow a,
.cartTbl [class^="icon-"]:hover,
.cartTbl a,
.bestNews ul li a,
.bnMore a,
.bestNewsPage ul li a,
.tblPL a,
.tblPL [class^="icon-"]:hover
{
  cursor: pointer;
  text-decoration: none;
}
/* ### End Group Decor ### */
/* ### Header ### */
#mainBox {
  max-width: 1080px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-shadow: 0 0 32px hsla(0,0%,30%,1.00);
  box-shadow: 0 0 32px hsla(0,0%,30%,1.00);
}
.srchBox{
  width: 99%;
  vertical-align: middle;
  display: table;
  margin: 0 auto 0 auto;
  padding: 8px 0 8px 0;
}
.srchRow {
  height: 48px;
  vertical-align: middle;
}
.logoCell {
  display: table-cell;
  width: 30%;
  padding: 0;
  vertical-align: middle;
}
.logoCell img {
  max-width: 100%;
}
.srchCell {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 16px;
}
.srchCell input {
  border-right: none;
  width: 100%;
  height: 42px;
  font-size: 24px;
  border-top-left-radius: 32px;
  border-bottom-left-radius: 32px;
  font-style: italic;
  padding-left: 16px;
}
.srchBtnCell {
  display: table-cell;
  width: 70px;
  vertical-align: middle;
}
.srchBtnCell button {
  vertical-align: middle;
  height: 42px;
  width: 64px;
  border-left: none;
  font-size: 23px;
  border-top-right-radius: 32px;
  border-bottom-right-radius: 32px;
}
.topBar,
.uBar
{
  background-image: url(../images/graygrid.png);
  text-shadow: 0 0 4px hsla(0,0%,5%,1.00);
  display: table;
  width: 100%;
  margin: 0 auto 0 auto;
  padding: 2px 0 2px 0;
  vertical-align: middle;
}
.topBar li,
.uBar li
{
  display: table-cell;
  width: 20%;
  vertical-align: middle;
}
.topBar li:hover,
.uBar li:hover
{
  animation-name: aniTopBar;
  animation-duration: 1.2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-play-state: running;
  animation-delay: 0s;
  animation-fill-mode: none;
}
.topBar li:first-child,
.uBar li:first-child
{
  text-align: left;
  padding: 0 0 0 8px;
  min-width: 192px;
}
.topBar li:last-child,
.uBar li:last-child
{
  text-align: right;
  padding: 0 0px 0 0;
  min-width: 160px;
}
.uBar {
  border-top-width: 2px;
  border-top-style: dashed;
}
.topBarLn {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 8px;
}
.tbTbl {
  display: table;
  width: 100%;
}
.tbCell {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 2px;
}
.langTxt {
  display: inline-block;
  font-size: 24px;
  margin: 0 0 8px 0;
}
.iQty {
  font-size: 14px;
  border-radius: 100px;
  position: relative;
  padding: 4px 9px 4px 9px;
  left: -40px;
  top: -21px;
}
.pathBar {
  font-size: 20px;
  margin-left: 8px;
  margin-right: 8px;
}
.pathBar ul li {
  display: inline-block;
  vertical-align: middle;
}
.pathBar span {
  font-size: 14px;
  vertical-align: middle;
  display: block;
}
.pathBar .noDecor span{
  font-size: 24px;
  vertical-align: bottom;
  display: block;
}
.inLn {
  display: inline-block;
  vertical-align: middle;
}
/* ### End Header ### */
/* ### Footer ### */
footer {
  text-shadow: 0 0 4px hsla(0,0%,5%,1.00);
  background-image: url(../images/graygrid.png);
  display: block;
  margin: 32px auto 0 auto;
  text-align: left;
}
footer a:hover {
  animation-name: warning;
  animation-duration: 1.2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-play-state: running;
  animation-delay: 0s;
  animation-fill-mode: none;
  display: block;
  text-decoration: underline;
}
.footTbl {
  display: table;
  width: 100%;
}
.footTbl ul {
  display: table-cell;
  padding: 4px 0 4px 5%;
  width: 25%;
}
.footTbl ul li{
  list-style-type: none;
  margin-top: 4px;
}
.footTbl ul li:first-child{
  font-size: 32px;
}
.since {
  font-size: 20px;
  border-top-style: solid;
  border-top-width: 2px;
  letter-spacing: 4px;
  text-align: center;
  font-style: normal;
  margin: 8px 16px 8px 16px;
  padding: 8px;
}
/*arrow UP*/
.upArrow {
  position: fixed;
  bottom: 8px;
  width: 100%;
  max-width: 1080px;
  text-align: right;
}
.upArrow span {
  font-size: 28px;
  padding: 4px;
  border-radius: 100px;
  border: 4px solid;
}
/* ### End Footer ### */
/* ### Artical ### */
article {
  min-width: 480px;
  min-height: 512px;
  vertical-align: top;
}
.specElite {
  font-family: 'Special Elite', cursive;
  color: hsla(0,0%,30%,1.00);
  font-size: 32px;
  text-transform: none;
}
.selectOverflow {
  width: auto;
  height: auto;
  min-height: 100px;
  max-height: 600px;
}
.brandList {
	font-size: 24px;
	text-align: left;
  padding: 8px 0 8px 16%;
}
.brandList li {
	display: inline-block;
	-moz-column-count: auto; /* Firefox */
	-moz-column-width: 300px;
	-moz-column-gap: 4px;
	-webkit-column-count: auto; /* Safari, Chrome */
	-webkit-column-width: 300px;
	-webkit-column-gap: 4px;
	column-count: auto;
	column-width: 300px;
	column-gap: 4px;
	margin: 8px 4px 8px 8%;
	word-wrap: break-word;
}
.modelList {
	font-size: 18px;
	text-align: left;
  margin: 16px 0 16px 0;
  padding: 4px 0 4px 5%;
}
.modelList li {
  display: inline-block;
  -moz-column-count: auto; /* Firefox */
  -moz-column-width: 400px;
  -moz-column-gap: 2px;
  -webkit-column-count: auto; /* Safari, Chrome */
  -webkit-column-width: 400px;
  -webkit-column-gap: 2px;
  column-count: auto;
  column-width: 400px;
  column-gap: 2px;
  margin: 4px 4px 4px 5%;
  word-wrap: break-word;
}
.brandList li a,
.modelList li a,
.pcToc li a 
{
	text-decoration: none;
}
.brandList li a:hover,
.modelList li a:hover,
.pcToc li a:hover, 
.dlgWin a:hover,
.dlgCat a:hover
{
	text-decoration: underline;
}
.hiBox
{
  margin: 48px auto 48px auto;
  font-size: 24px;
}
/* Dialog Win */
.dlgCat,  .dlgCat a {
  color: hsla(207,70%,33%,1.00);
  font-weight: bold;
  text-decoration: none;
  margin: 16px auto 0 auto;
  font-size: 22px;
}
.dlgCat table td {
   padding: 8px;
   cursor: pointer;
}
.dlgCat table td:last-child {
  text-decoration: underline;
}
.dlgCat [class^="icon-"] {
  font-size: 36px;
}
.dlgCat a:hover
{
  color: hsla(217,99%,50%,1.00);
}
.dlgWin table,
.cartTbl
{
  width: 95%;
  margin: 8px auto 8px auto;
}
.dlgWin table td,
.cartTbl td
{
  padding: 8px;
}
.dlgHeader {
  display: table;
  width: 100%;
  vertical-align: middle;
  margin: 16px 0 16px 0;
}
.dlgHeader div {
  display: table-cell;
  padding: 4px;
  vertical-align: middle;
}
.dlgH1 {
  font-size: 28px;
  font-weight: bold;
}

.btn {
  font-size: 20px;
  border-radius: 5px;
  text-align: center;
  padding: 8px;
}
.btn span {
  vertical-align: middle;
  margin: 0 4px 0  4px;  
}
.btnBar {
  display: table;
  margin: 8px auto 8px auto;
}
.btnBarRight {
  display: table;
  margin: 8px 16px 8px auto;
}
.btnBarLeft {
  display: table;
  margin: 8px auto 8px 16px;
}
.btnCell {
  display: table-cell;
  text-align: center;
  padding-left: 4px;
  padding-right: 4px;
  vertical-align: middle;
}
.btnBarLR {
  display: table;
  width: 90%;
  margin: 8px auto 8px auto;
}
.btnBarLR div {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.btnBarLR div:first-child {
  text-align: left;
}
.btnBarLR div:last-child {
  text-align: right;
}
.btnCell a, 
.btnCell a:hover,
.btnBarLR a,
.btnBarLR a:hover
{
  text-decoration: none;
}
.inpTxt {
  width: 96%;
  min-width: 200px;
  height: 32px;
  padding-left: 8px;
  font-size: 20px;
  vertical-align: middle;
}
.inpTxt:focus {
  -webkit-box-shadow: 0 0 8px hsla(207,70%,40%,1.00);
  box-shadow: 0 0 4px hsla(207,70%,40%,1.00);
}
.inpArea {
  height: 96px;
  min-width: 400px;
}
.icoCir {
  padding: 8px 0 8px 0;
}
.icoCir > [class^="icon-"] {
  font-size: 48px;
  border-radius: 120px;
  padding: 7px;
}
.errMess,
.axMess
{
  border-radius: 5px;
  padding: 8px;
  display: block;
}
.errField {
  font-size: 14px;
}
.cartTbl {
  width: 95%;
  margin: 8px auto 8px auto;
	border-collapse: collapse;
}
.cartTbl th {
  background-color: #ffffff;
  text-align: right;
}
.cartTbl tr:last-child {
  font-size: 20px;
	font-weight: bold;
}
.cartTbl [class^="icon-"],
.cartTbl a [class^="icon-"]
{
  font-size: 24px;
  padding: 6px;
  border-radius: 50px;
  border: none;
}
.cartDscBox {
  display: table;
  width: 95%;
  vertical-align: middle;
  margin: 16px auto 16px auto;
  border-radius: 8px;
  font-size: 14px;
}
.cartDscCell {
  display: table-cell;
  padding: 4px;
  vertical-align: middle;
}
.cartDscCell > [class^="icon-"] {
  padding: 0 16px 0 16px;
  font-size: 48px;
}
.totFull {
  text-decoration: line-through;
}
/*Best News*/
.bestNews {
  width: 80%;
  min-width: 240px;
  margin: 32px auto 16px auto;
  padding: 4px 4px 56px 4px;
  border-radius: 24px;
  vertical-align: top;
  text-align: left;
}
.bestNews h3 {
  margin-bottom: 16px;
  text-align: center;
}
.bestNews h3 span {
  display: inline-block;
  float: left;
  font-size: 36px;
}
.bestNews ul li {
  display: block;
  text-align: left;
  padding: 4px 0 4px 10%;
  font-size: 20px;
}
.bnMore {
  float: right;
}
.bnMore a {
  font-size: 32px;
  padding: 3px 3px 0px 4px;
  margin: 0px 12px 0px 0px;
  border-radius: 100px;
}
/*iWarning*/
.iWarning {
  display: table;
  vertical-align: bottom;
  margin: 16px 0 16px 48px;
}
.iWarning span {
  display: table-cell;
  font-size: 40px;
  padding: 4px 0 0 0;
}
.iWarning p {
  display: table-cell;
  font-size: 20px;
  vertical-align: top;
  padding: 0 16px 0 32px;
}
.icoHeader {
  display: table;
  width: 100%;
  margin: 8px 0 16px 0;
  vertical-align: middle;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
.icoHeader div {
  display: table-cell;
  vertical-align: middle;
}
.icoHeader div:first-child {
  padding-top: 4px;
  font-size: 48px;
  width: 80px;
}
/* ### End Artical ### */
/* #### Modules ### */
/* mod home */
.mod_home p {
  margin: 16px;
  font-size: 20px;
}
.chapDiv {
  display: table;
  width: 70%;
  margin: 16px auto 16px auto;
}
.chapLst {
  display: table-cell;
  vertical-align: middle;
  font-size: 20px;
  padding: 0 0 0 24px;
}
.chapLst li {
  margin: 8px 0 8px 0;
}
.chapIco {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  font-size: 144px;
  padding: 16px 0 0 0;
}
/* End mod home */
/* mod Best News */
.bestNewsPage {
   margin-left: auto;
   margin-right: auto;
   text-align: center;   
}
.bestNewsPage ul li {
  font-size: 16px;
  display: inline-block;
  text-align: left;
  -moz-column-count: auto; /* Firefox */
  -moz-column-width: 500px;
  -moz-column-gap: 8px;
  -webkit-column-count: auto; /* Safari, Chrome */
  -webkit-column-width: 500px;
  -webkit-column-gap: 8px;
  column-count: auto;
  column-width: 500px;
  column-gap: 8px;
  margin: 4px 0 4px 0;
  word-wrap: break-word;
}
.bestNewsPage ul li a:hover {
   text-decoration: underline;
}
/*End mod Best News*/
/* mod pc */
.mod_pc figure {
	max-width: 99.9%;
  margin: 8px auto 8px 4px;
	text-align: center;
}
.mod_pc figure figcaption {
	font-weight: bold;
	text-align: center;
	font-size: 12px;
}
.mod_pc figure img {
	max-width: 100%;
}
.tblPL {
  width: 95%;
  margin: auto;
  border-collapse: collapse;
}
.tblPL th {
  font-size: 20px;
  padding: 6px;
  text-align: center;
}
.tblPL td {
  padding: 4px;
}
.tblPL td [class^="icon-"] {
  font-size: 24px;
  padding: 3px;
  border-radius: 50px;
  border: none;
}
.pnsFrm {
  display: table;
  width: 100%;
  vertical-align: middle;
}
.pnsLbl {
  display: table-cell;
  vertical-align: middle;
  padding: 0 4px 0 4px;
  width: 120px;
}
.pnsSrch {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}
.pnsSrch > input,
.pnsBtn > button
{
  width: 100%;
  height: 36px;
}
.pnsSrch > input {
  border-right: none;
  border-top-left-radius: 32px;
  border-bottom-left-radius: 32px;
  font-size: 20px;
  padding: 0 0 0 16px;
  outline: none;
}
.pnsBtn {
  display: table-cell;
  vertical-align: middle;
  width: 50px;
  text-align: left;
}
.pnsBtn > button {
  background-color: #ffffff;
  border-left: none;
  border-top-right-radius: 32px;
  border-bottom-right-radius: 32px;
}
.pnsBtn > button [class^="icon-"] {
  font-size: 20px;
  border: none;
}
.pcToc {
  margin: 24px 8px 24px 15%;
  list-style-type: none;
  font-size: 20px;
}
.pcToc li {
  margin: 8px 0 8px ;
}
/* End mod pc */
/* mod mod erc */
.ercList {
  width: 95%;
  margin: 32px auto 16px auto;
}
.ercH {
  font-size: 20px;
  font-weight: bold;
}
.ercRow li {
  display: block;
  font-size: 20px;
  line-height: 30px;
  padding: 4px 16px 4px 16px;
  margin: 16px 0 16px 0;
}
.ercRow li > span {
  display: block;
}
.ercRow li:first-child {
  font-size: 22px;
  font-weight: bold;
  border: none;
  -webkit-box-shadow: inset 0px 0px 16px hsla(0,0%,100%,1.00);
  border-radius: 8px;
  box-shadow: inset 0px 0px 16px hsla(0,0%,100%,1.00);
}
.ercRow li:first-child > span {
  display: inline-block;
}
.ercRow li:last-child {
  border:none;
}
/* End mod erc */
/* mod docs */
.docTable {
	width: 95%;
  margin: 16px auto 16px auto;
	border-collapse: collapse;
}
.docTable td {
  padding: 8px 16px 8px 16px;
}
.docTable h2 {
	font-size: 20px;
	font-weight: normal;
	text-align: left;
}
.docTable h2 .found {
	font-size: 20px;
}
.docTable h3 {
  font-size: 16px;
  font-weight: normal;
}
.docTable [class^="icon-"] {
	font-size: 32px;
	padding: 2px;
}
.docTable [class^="icon-"]:hover {
	border-radius: 5px;
	text-decoration: none;
}
/*docCard*/
.docCardBox {
	width: 85%;
	min-width: 512px;
  margin: 16px auto 80px auto;
	font-size: 20px;
	color: hsla(216,23%,40%,1.00);
	line-height: 28px;
}
.docCardBox a {
	color: inherit;
	text-decoration: none;
}
.docCardBd {
  min-height: 320px;
  background-color: hsla(60,61%,87%,1.00);
  padding: 0 16px 0 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  -webkit-box-shadow: 16px 16px 16px hsla(0,0%,40%,1.00);
  box-shadow: 16px 16px 16px hsla(0,0%,40%,1.00);
  border: 1px solid hsla(60,61%,87%,1.00);
}
.docCardH {
	font-size: 32px;
	display: table;
	width: 100%;
	vertical-align: bottom;
	color: black;
}
.docCardH1 {
	background-color: hsla(60,61%,87%,1.00);
	display: table-cell;
	width: 7em;
	height: 1em;
	padding-top: 0.25em;
	text-align: center;
	vertical-align: middle;
	border-top-left-radius: 16px;
	border-top-right-radius: 32px;
	border: 1px solid hsla(60,61%,87%,1.00);
}
.docCardH1 span {
	color: hsla(217,23%,40%,1.00);
	margin-left: 0.125em;
	margin-right: 0.125em;
	display: inline-block;
}
.docCardH2 {
	background-color: hsla(60,61%,87%,1.00);
	display: table-cell;
}
.docCardH22 {
	background-color: #FFFFFF;
	border-bottom-left-radius: 32px;
	height: 1.5em;
}
.dcTbl {
	display: table;
	width: 100%;
	padding: 16px 0 32px 32px;
}
.dcTblCell {
	display: table-cell;
	text-align: left;
}
.docCardBox h1 {
  font-family: 'Special Elite', cursive;
	font-size: 28px;
  text-transform: none;
	margin: 16px auto 4px auto;
}
.docCardBox h2 {
	font-size: 20px;
}
.docCardBox h3 {
	font-size: 20px;
	font-weight: bold;
	margin: 8px 0 8px 0;
}
.docCardBox p {
	font-size: 20px;
	font-weight: normal;
}
.docCardBox p [class^="icon-"] {
	font-size: 32px;
/*	font-weight: 600; */
}
.docCardBox ul li {
	margin-left: 2em;
}
.btnCart {
	font-size: 56px;
	padding: 0.25em 0.25em 0.125em 0.25em;
  margin-top: 8px;
	border-radius: 0.25em;
	color: #FFFFFF;
	background-color: hsla(216,70%,50%,1.00);
	border: 1px solid hsla(216,70%,70%,1.00);
	-webkit-box-shadow: -1px -1px 1px 1px hsla(216,70%,50%,1.00);
	box-shadow: -1px -1px 1px 1px hsla(216,70%,50%,1.00);
}
.btnCart:hover {
	background-color: hsla(123,53%,50%,1.00);
	border: 1px solid hsla(123,53%,70%,1.00);
	-webkit-box-shadow: -1px -1px 1px 1px  hsla(123,53%,50%,1.00);
	box-shadow: -1px -1px 1px 1px hsla(123,53%,50%,1.00);
}
/* End mod docs */
/* mod pays */
.delimHor {
	border-top: 2px solid hsla(0,0%,60%,1.00);
	height: 2em;
}
/* End mod pays */
/* mod srch */
.foundBox {
	margin: 16px 16px 32px 16px;
}
.foundHeader {
  display: table;
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  vertical-align: middle;
  padding: 4px 0 4px 0;
  font-size: 24px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.foundHCell {
  display: table-cell;
  padding: 6px 20px 4px 20px;
  vertical-align: middle;
}
.foundHCell:first-child {
  width: 15%;
  font-size: 28px;
}
.foundHCell:last-child {
  text-align: right;
  font-size: 16px;
}
.foundList {
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
}
.foundList p {
	text-align: center;
	margin: 24px auto 24px auto;
	font-size: 20px;
}
/* End mod srch */
/* mod login, forgot */
.formBox {
  margin: 32px auto 48px auto;
  padding: 8px 4px 8px 4px;
  font-size: 20px;
  border-radius: 16px;
}
.formBox table {
  width: 99%;
	margin: 16px 0 16px 0;
}
.formBox table td {
	padding: 8px;
}
.loginBox {
  width: 480px;
}
.forgotBox {
  width: 50%;
  min-width: 480px;
}
.regBox {
  width: 75%;
  min-width: 540px;
}
.okMess {
  margin: 64px auto 160px auto;
  text-align: center;
}
/* End mod login, forgot */
/* mod orders*/
.ordHead {
  display: table;
  width: 90%;
  margin: 8px auto 8px auto;
  font-size: 16px;
  font-weight: bold;
}
.ordHead div {
  display: table-cell;
}
.ordHead div:last-child {
  text-align: right;
}
.ordTbl {
  margin: 32px auto 32px auto;
  font-size: 20px;
  width: 90%;
}
.ordTbl td {
  padding: 8px;
}
.ordTbl a:hover
{
  text-decoration: underline;
}
.ordTbl [class^="icon-"] {
  font-size: 32px;
}
.ordListTbl td {
	cursor: pointer;
}
.ordListTbl td:last-child {
  text-align: right;
  padding-right: 8px;
}
.tblPayForm {
	width: 96%;
	margin: 16px auto 16px auto;
	border: none;
	border-collapse: collapse;
}

.tblPayForm td {
	padding: 8px;
}
/* End mod orders */
/* mod profile */
.profileBox {
  width: 90%;
  margin: 32px auto 64px auto;
  font-size: 20px;
  color: inherit;
}
.profileBox table {
  width: 100%;
  margin: 16px auto 32px auto;
}
.profileBox table td {
  padding: 8px;
}
/* End mod profile */
/* mod checkout */
.paySelectTbl {
  width: 90%;
  margin: 16px auto 16px auto;
}
.paySelectTbl td {
  padding: 8px;
}
.radioDscr {
  padding: 0 0 0 24px;
}
/* End mod checkout */
/* mod mpl */
.boxMpl{
	width: 98%;
	margin: 16px auto 16px auto;
}
.tblMyPL {
	width: 100%;
	margin: 16px auto 16px auto;
}
.tblMyPL td {
	word-wrap: break-word;
}
.tblMyPL a:hover {
  text-decoration: underline;
}
.tblMyPL td h4 {
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
}
.myPlTitle {
	width: 80%;
	height: 30px;
	font-size: 20px;
  vertical-align: middle;
}
.myPlComment {
  width: 80%;
  height: 64px;
  margin: 0 0 12px 6px; 
  font-size: 20px;
  vertical-align: middle;
}
/* End mod mpl */
/* mod ts */
.mod_ts {   
}
.tblTS {
  width: 95%;
  margin: auto;
  border-collapse: collapse;
}
.tblTS th {
  font-size: 16px;
  padding: 4px;
  text-align: center;
}
.tblTS td {
  padding: 4px;
}
.tsTopic {
  margin: 16px 24px 16px 24px;
  font-size: 16px;
}
.tsTopic p {
  margin: 8px 0 8px 0;
  font-size: 16px;
}
.tsTopic h3 {
  margin: 16px auto 16px auto;
  text-align: center;  
}
.tsTopic h4 {
  margin: 16px auto 16px auto;
}
.tsTopic h5 {
  margin: 16px auto 16px auto;
  font-style: italic;
  font-size: 16px;
}
.tsTopic ol, ul {
  list-style-position: outside;
  margin: 8px 0 8px 48px;  
}
.tsTopic li {
  margin: 8px 0 8px 0;
}
.tsTopic img {
  max-width: 100%;
  display: inline-block;
}
.tsCenter {
  margin: 0 auto 0 auto;
  text-align: center; 
}
.tsDisp {
  border: 2px solid hsla(0,0%,40%,1.00);
  padding: 16px;
  display: table;
  min-width: 96px;
  border-radius: 8px;
  min-height: 32px;
}
/* End mod ts */

/* toolTip*/
.ui-tooltip, .arrow:after {
  background: hsla(95,80%,90%,1.00);
  border: 2px solid hsla(0,0%,80%,1.00);
}
.ui-tooltip {
  padding: 8px 16px;
  color: hsla(207,60%,33%,1.00);
  border-radius: 20px;
  font: bold 16px "Helvetica Neue", Sans-Serif;
  box-shadow: 0 0 7px hsla(0,0%,30%,1.00);
}
.arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
}
.arrow.top {
  top: -16px;
  bottom: auto;
}
.arrow.left {
  left: 20%;
}
.arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  box-shadow: 6px 5px 9px -9px hsla(0,0%,30%,1.00);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow.top:after {
  bottom: -20px;
  top: auto;
}
/* end toolTip*/
/*for display*/
@media only screen and (max-width: 1060px), only screen and (max-device-width: 1060px) {
  #asideBox {
    display: none;			 	
  }
}
/*for smartphone*/
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
  #asideBox {
    display: none;			 	
  }
}