/*
 *              02.04.2010
 *       Markup by Maydokin Aleksey
 *  <a.maydokin +at+ refreshlab +dot+ ru>
 *              Refresh Lab
 *
 */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, font,
img, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
html, body { width: 100%; height: 100%; }
* { font-size: 100%; }
body {
  color: #000;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 14px;
  background: url('/img/pageBg.png') 50% 0;
}

input, textarea { outline-style: none; resize: none; }

sup, sub { font-size: 70%; }





h1, h2, h3, h4, h5 { font-weight: normal; margin: 0 0 17px; }
h1 { font-size: 40px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 100%; font-weight: bold; }


a, span.fake { color: #007be4; }
a:hover { text-decoration: none; }

a.fake, span.fake { cursor: pointer; text-decoration: none; border-bottom: 1px #007be4 dotted; }
a.fake:hover, span.fake:hover { border-bottom: none; }


:focus { outline: 0; }


ul { margin: 0 0 20px 20px; list-style: disc outside; }
ol { margin: 0 0 20px 20px; list-style: decimal outside; }
li { margin: 0 0 10px; line-height: 20px; }
ol li { margin-left: 22px; }

dl { margin: 0 0 0 30px; }
dt { font-weight: bold; font-style: italic; margin: 0 0 20px 0; }
dd p { line-height: 16px; }



p { margin: 0 0 25px 0; line-height: 20px; font-size: 14px; }


.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }



.clear { clear: both; font-size: 0; overflow: hidden; }



.l25 { width: 25%; float: left; }
.l33 { width: 33%; float: left; }
.l50 { width: 50%; float: left; }
.l66 { width: 66%; float: left; }
.l75 { width: 75%; float: left; }
.r50 { width: 50%; float: right; }
.w100 { width: 100%; }



.noBullet { list-style: none; }



.noMargin { margin: 0; }


.content ul.star { margin: 0 0 25px 60px; list-style: none; }
.content ul.star li {
  margin: 10px 0 0;
  background: url('/img/star.png') no-repeat 0 1px;
  padding: 0 0 0 28px;
}


.content h1 {
  margin: 36px 0 50px;
  text-align: center;
  padding: 0 0 27px;
  background: url('/img/stars.png') no-repeat 50% 100%;
}
.content h1 i {
  display: inline-block;
  width: 38px;
  height: 11px;
  vertical-align: middle;
  background: url('/img/curve.png');
  overflow: hidden;
}

.content h3 { text-align: center; margin: 35px 0 20px; }
.content.index h3 { margin: 30px 0 20px; }

.content.index h2 { margin: 47px 0 30px; text-align: center; }

.content p { padding: 0 12px; }

.content .anons { font-size: 18px; line-height: 26px; }

.lic:first-letter {
  font-size: 100px;
  float: left;
  padding: 0 13px 0 0;
  line-height: 45px;
  line-height: 55px;
}
@-moz-document url-prefix(){
  .lic:first-letter { margin-top: -5px; }
}




#page{ width:992px; margin: 0 auto; padding: 22px 0 40px; }
.content { float: left; width: 748px; padding: 0 0 30px; }
.content.index { float: none; width: auto; padding: 20px 20px 30px; }
.navigation { float: right; width: 244px; padding: 0 0 30px; }
.footer {
  clear: both;
  width: 100%;
  border-top: 1px solid #dddcdc;
  padding: 20px 0 0;
  color: #727272;
  font-size: 12px;
  overflow: hidden;
  line-height: 18px;
}




/* =========== */
.header .logo { padding: 0 20px 0; margin: 0 0 10px; }
.header .logo a { font-size: 30px; color: #c75595; }
.curtain { width: 992px; height: 16px; background: url('/img/curtain.png'); overflow: hidden; }
.curtainB {
  width: 964px;
  height: 266px;
  background: url('/img/curtainB.jpg') no-repeat;
  margin: -14px 0 0 13px;
  position: relative;
}
.curtainB .ill {
  position: absolute;
  top: 37px;
  left: 38px;
  background: url('../upload/ill.png') no-repeat;
  width: 272px;
  height: 318px;
}
.curtainB .title {
  font-size: 40px;
  color: #fff;
  text-indent: -28px;
  margin: 0 0 15px 350px;
  padding: 35px 0 0;
}
.curtainB .about {
  font-size: 18px;
  color: #fff;
  font-style: italic;
  margin: 0 90px 24px 350px;
  line-height: 1.2em;
}
.curtainB .nav {
  overflow:hidden;
  font-size: 24px;
  margin: 0 90px -10px 350px;
}
.curtainB .nav .more, .curtainB .nav .make { float:left; padding:5px 0; line-height:24px; color:#fff; font-size:18px; }
.curtainB .nav .more { margin-right:30px; }
.curtainB .nav .make { width:223px; height:26px; background:url(/img/make-index.png) no-repeat; text-align:center; text-decoration:none; cursor:pointer; }
.curtainBB {
  width: 972px;
  height: 33px;
  background: url('/img/curtainBB.png') no-repeat;
  margin: 0 0 0 13px;
}



/* =========== */
.mainMenu { margin: 0 0 20px; }
.mainMenu ul { list-style: none; margin: 0; padding: 0; text-align: center; word-spacing: 35px; }
.mainMenu li { margin: 0; padding: 0; display: inline; }
.mainMenu a {
  font-size: 20px;
  color: #00adf2;
  word-spacing: normal;
  font-family: "Times New Roman", Times, serif;
}
.mainMenu .act a { color: #ef5987; text-decoration: none; }




/* =========== */
.scroll {
  background: url('/img/scroll.png') 0 0;
  padding: 0 0 0 15px;
  margin: 0 auto;
}
.scroll div {
  height: 108px;
  background: url('/img/scroll.png') 100% 0;
  padding: 0 15px 0 0;
  margin: 0 -15px 0 0;
}
.makeTale { width: 430px; text-align: center; }
.makeTale a { font-size: 30px; color: #fff; line-height: 108px; }




/* =========== */
.footer a { color: #727272; }
.footer .l, .c { width: 330px; float: left; padding: 0 34px 0 0; }
.footer .r { width: 264px; float: left; text-align: right; }
.footer .r img { margin: 0 0 14px 14px; }




/* =========== */
.banner {
  width: 216px;
  color: #fff;
  background: url('/img/bannerPattern.png') no-repeat -648px 100%;
  padding: 0 0 30px;
  margin: 0 0 45px 13px;
  position: relative;
}
.banner .banner-i {
  background: #e2548a url('/img/bannerPattern.png') no-repeat 0 0;
  padding: 0 0 40px;
  min-height: 220px;
}
.bannerBlue { background-position: -432px 100%; }
.bannerBlue .banner-i { background-position: -216px 0; background-color: #54a4e2; }
.bannerFirst { margin-top: -14px; }
.banner h3 {
  font-size: 18px;
  line-height: 24px;
  font-style: italic;
  font-weight: bold;
  margin: 0px 15px 35px;
  padding: 20px 0 0;
}
.banner h4 {
  font-size: 14px;
  line-height: 24px;
  font-style: italic;
  font-weight: bold;
  margin: 36px 15px 15px;
}
.banner .bar {
  width: 244px;
  height: 16px;
  background: url('/img/bar.png');
  position: absolute;
  top: -2px;
  left: -13px;
  overflow: hidden;
}
.banner a { color: #FFF; }
.banner ul.star { margin: 0px 15px 15px; list-style: none; }
.banner ul.star li {
  margin: 15px 0 0;
  background: url('/img/wStar.png') no-repeat;
  padding: 0 0 0 22px;
  position: relative;
}


ul.advntg { margin: 0 0 15px; list-style: none; }
ul.advntg li {
  background: url('/img/rocket.png') no-repeat;
  padding: 6px 0 0 56px;
  position: relative;
  min-height: 48px;
  line-height: 1.2em;
}
ul.advntg .pod { background-image: url('/img/pod.png'); }
ul.advntg .girl { background-image: url('/img/girl.png'); }
ul.advntg .dog { background-image: url('/img/dog.png'); }

ul.advntgIndex { list-style: none; overflow: hidden; margin: 50px 0 30px; }
ul.advntgIndex li {
  width: 248px;
  width: 25%;
  padding: 16px 0 0;
  float: left;
  background: url('../upload/char/adv1.png') no-repeat;
  position: relative;
  overflow: hidden;
}
ul.advntgIndex .pod { background-image: url('../upload/char/adv2.png'); }
ul.advntgIndex .girl { background-image: url('../upload/char/adv3.png'); }
ul.advntgIndex .dog { background-image: url('../upload/char/adv4.png'); }
ul.advntgIndex h4 {
  margin: 0 10px 13px 74px;
  font-size: 18px;
  font-family: "Times New Roman", Times, serif;
}
ul.advntgIndex p {
  margin: 0 10px 0 74px;
  padding: 0;
  font-style: italic;
  line-height: 1.2em;
}




/* =========== */
.yPlate { width: 715px; margin: 0 auto 18px; }
.yPlate .yPTop {
  height: 40px;
  background: url('/img/plate/yello.png') no-repeat 0 -39px;
}
.yPlate .yPBottom {
  height: 40px;
  background: url('/img/plate/yello.png') no-repeat;
}
.yPlate .yPMiddle {
  background: #FFF;
  border-left: 1px solid #ffe57d;
  border-right: 1px solid #ffe57d;
  overflow: hidden;
}
.yPlate .cover { float: left; margin: 0 0 0 60px; }
.yPlate h3 { text-align: left; margin: 15px 66px 20px 206px; }
.yPlate p { text-align: left; margin: 0 66px 20px 206px; padding: 0; }
.yPlate .last { margin-bottom: 0; clear: left; }


.yPlateFill {
  margin: 0 auto 18px;
  width: 582px;
  height: 49px;
  overflow: hidden;
  background: url(/img/plate/yelloFill.png);
  font-size: 18px;
  line-height: 24px;
  font-style: italic;
  padding: 14px 60px;
}

.yPlate ul.star { margin: 0 0 25px 60px; list-style: none; }
.yPlate ul.star li {
  margin: 10px 0 0;
  background: url('/img/star.png') no-repeat 0 1px;
  padding: 0 0 0 28px;
}

.b-tale-finished { width:100%; }
.b-tale-finished .download { margin-right:30px !important; padding:0 0 0 45px; background:url(/img/icon-download.gif) 0 3px no-repeat; }
.b-tale-finished .format { padding:0 0 0 45px; }
.b-tale-finished .description { margin-bottom:0 !important; }

.b-thanks { margin:40px 0 70px; }
.b-thanks p { margin:0; }

.b-friends { padding:0 10px; }
.b-friends .title { padding:0 30px; }
.b-friends .item { margin-bottom:30px; }
.b-friends .item .logo { float:left; width:191px; height:49px; padding:20px 0 0; background:url(/img/friend-logo.png) no-repeat; text-align:center; }
.b-friends .item .logo img { display:inline; }
.b-friends .item .url { margin:0 0 0 20px; }
.b-friends .item .description { margin:0 0 0 200px; }




/* =========== */
.form { margin: 0 auto; }
.form td { padding: 0 60px 15px 0; vertical-align: middle; }
.form label { position: relative; cursor:pointer; }
.form .err { color: #EB1313; margin: 0 12px; }


.jNice {}
.jNiceInputWrapper {
  background: url('/img/input/input.png');
  padding: 0 0 0 6px;
  width: 260px;
}
.jNiceInputInner {
	background: url('/img/input/input.png') 100% 0;
	padding: 2px 12px 2px 0;
	height: 29px;
  position: relative;
  left: 6px;
}
.jNiceInputInner input {
	line-height: 29px;
	height: 29px;
  width: 100%;
	vertical-align: middle;
  padding: 0;
  background: none;
  border: none;
}

.jNiceInputInner input, .jNiceSelectWrapper .jNiceSelectText {
  font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #858585;	
}

.jNiceWrapperSel { height: 33px; position: relative; }
.jNiceWrapperSel select {border:none;margin:0;padding:0;}
.jNiceSelectWrapper {
  height: 33px;
  left: 0;
  top:0;
  z-index:3;
  position:absolute;
  background: url('/img/input/input.png');
  width: 266px;
}
.jNiceWrapperSel iframe {position:absolute;z-index:1;width:100%;left:0px;top:0px;}
.jNiceSelectWrapper .jNiceSelectText {
  height: 33px;
  line-height: 33px;
  overflow: hidden;
  position: absolute;
  z-index: 100;
  width: 236px;
  background: url('/img/input/input.png') 100% -33px;
  cursor: pointer;
  padding: 0 24px 0 6px;
  left: 6px;
}
.jNiceSelectWrapper ul {
  top: 32px;
  background: #fff;
  border: 1px solid #ffe57d;
  height: 150px;
  position: absolute;
  left: 6px;
  list-style: none;
  display: none;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  z-index: 100;
  width: 259px;
}
.jNiceSelectWrapper ul li { margin: 0; }
.jNiceSelectWrapper ul a {
  color: #858585;
  background-color: #fff;
  display: block;
  padding: 2px 5px;
  text-decoration: none;
}
.jNiceSelectWrapper ul a:hover { background: #ffdf1b; }
.jNiceSelectWrapper ul a.selected { background: #fff19a; }


.checkbox label { cursor: pointer; }
.jNiceWrapperCh input { margin: 3px 5px; }
.jNiceCheckbox {
	background: url('/img/input/checkbox.png');
	height: 18px;
	width: 19px;
	position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  cursor: pointer;
}
.jNiceRadio {
	background: url('/img/input/radio.gif');
	height: 18px;
	width: 18px;
	position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  cursor: pointer;
}
.jNiceChecked { background-position: center bottom;}

.jNiceHidden {opacity:0;z-index:-1;position:relative;}
.jNiceWrapper {position:relative;vertical-align:top;}


.form .day, .form .month, .form .year { width: 70px; float: left; margin: 0 10px 0 0; }
.form .day .jNiceSelectWrapper { width: 64px; }
.form .day .jNiceSelectWrapper .jNiceSelectText { width: 34px; }
.form .day .jNiceSelectWrapper ul { width: 57px; }
.form .month { width: 106px; }
.form .month .jNiceSelectWrapper { width: 100px; }
.form .month .jNiceSelectWrapper .jNiceSelectText { width: 70px; }
.form .month .jNiceSelectWrapper ul { width: 93px; }
.form .year { width: 75px; }
.form .year .jNiceSelectWrapper { width: 69px; }
.form .year .jNiceSelectWrapper .jNiceSelectText { width: 39px; }
.form .year .jNiceSelectWrapper ul { width: 62px; }

form h4 { margin: 53px 0 35px; text-align: center; }

.form .title { text-align:center; padding-bottom:0; }
.form .params { width:100%; }
.form .params td { padding:0 0 15px; vertical-align:middle; }
.form .params .label { width:150px; padding:0 20px 15px 0; text-align:right; }
.form .params .radio { padding-left:60px; }
.form .params select { margin-left:-1000px; }





/* =========== */
.sign {
  width: 280px;
  height: 97px;
  background: url('/img/sign.png');
  position: relative;
  margin: 50px auto 0;
}
.sign a {
  color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  width: 120px;
  height: 33px;
  padding: 0 0 0 16px;
  line-height: 32px;
  display: block;
  text-align: center;
  text-decoration: none;
  position: absolute;
  top: 14px;
  left: 0;
}
.sign .next { left: 144px; padding: 0 16px 0 0; }
.sign.signR { background: url('/img/signR.png'); }





/* =========== */
.starsB { height: 40px; background: url('/img/starsB.png') no-repeat 50% 0; }



/* =========== */
.character {
  list-style: none;
  overflow: hidden;
  margin: 0 0 37px;
}
.character li {
  float: left;
  width: 20%;
}
.character img { margin: 0 0 7px; display: block; width:80px; height:80px; position:absolute; top:0; left:0; }
.character h4 { margin: 0 20px 5px 0; position:relative; padding:80px 0 0; font-size: 16px; }
.character p {
  font-style: italic;
  color: #828282;
  line-height: 1.2em;
  padding: 0;
  margin: 0 20px 0 0;
}




/* =========== */
.b-win {
  display: none;
  z-index: 1001;
  position: absolute;
  left: 50%;
  margin-left: -357px;
}
#overlay, #overlay1 {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: black;
  z-index: 1000;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  opacity: 0.7;
}
.b-win .yPTop, .b-win .yPBottom {
  background-image: url('/img/plate/yelloDark.png');
}
.b-win .cross {
  width: 14px;
  height: 14px;
  overflow: hidden;
  background: url('/img/plate/x.png');
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
.b-win h3 { margin: 15px 66px 20px 66px; }
.b-win p { margin: 0 66px 20px 66px; }

.b-win_532 { width:532px; margin-left:-266px; }
.b-win_532 .yPTop, .b-win_532 .yPBottom { width:532px; background-image: url('../img/plate/yelloDark532.png'); }
.b-win_532 .yPMiddle { width:530px; }



/* =========== */
.code {
  width:493px;
  height:77px;
  padding: 15px 90px;
  margin: 0 20px 20px;
  overflow:hidden;
  background: #ffc71b url(/img/code-bg.png) no-repeat;
  color: #858585;
  font-weight: bold;
  position:relative;
}
.code .frame {
  background:#fff url('/img/code-frame-bg.png');
  padding: 0 0 0 16px;
  margin:0 0 8px;
  float:left;
  height:53px;
  position: relative;
}
.code .frame div {
  background: url('/img/code-frame-bg.png') 100% 0;
  float:left;
  height: 49px;
  padding: 2px 16px 2px 0;
  font:bold 48px/50px Arial, Helvetica, sans-serif;
  color:#3077b0;
}
.code .frame .notice {
  font-size: 11px;
  font-weight: normal;
  line-height: 1.2em;
  color:#7f630d;
  position: absolute;
  right: -240px;
  top: 13px;
  width: 160px;
}
.code .frame .notice a { color:#7f630d; }
.code .number { overflow:hidden; position:absolute; bottom:10px; left:102px; margin:0; color:#000; }

.code-description { overflow:hidden; }
.code-description p { margin:0 0 10px 70px; }
.code-description ul { margin: 0 0 0 70px; list-style: none; }
.code-description li { margin: 10px 0 0; padding: 0 0 0 28px; }

.code-price { margin:10px 70px 0; padding:10px 0; border-top:1px solid #fde37c; }
.code-price, .code-price p { font-size:11px; line-height:14px; color:#858585; }
.code-price p { margin:0; }
.code-price ul { float:left; width:33%; margin:0; }
.code-price li { margin:0; padding:0; list-style:none outside; }
.code-price .opsos { width:100%; overflow:hidden; margin:10px 0; }

.code-discount { margin:10px 70px 0; padding:10px 0; border-top:1px solid #fde37c; }
.code-discount .count { font-size:20px; line-height:24px; }
.code-discount p { margin:0; }
.code-discount .psystems { width:100%; margin:10px 0 0; }
.code-discount .psystems a { display:inline-block; }
.code-discount .psystems img { margin:0 25px 0 20px; vertical-align:middle; }

.b-alert { padding:0 66px; }
.b-alert p { margin:0; font-size:11px; line-height:14px; }

/*-- region --------------------------------------------------------------------*/
.b-region { height:30px; margin:0 66px; color:#000; }
.b-region a{ padding:0 0 0 3px; color:#0052db;}
.b-region span{ float:left; padding:1px 5px 0 0; display:block;}
.b-region .cur-region{ padding:1px 0 0;}
.b-region .sel-region{ float:left;}
.b-region .sel-region form{ display:inline; height:auto;}
.b-region .sel-region select{ padding:0; width:120px; font:14px/16px Georgia, Times, Times New Roman, serif;}

.g-hidden { display:none; }


/* =========== */
.ac_results {
	padding: 0;
	border: 1px solid #ffde46;
	background: #fff;
  color: #858585;
	overflow: hidden;
	z-index: 99999;
}
.ac_results ul {
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/*width: 100%;*/
  line-height: 20px;
  font-size: 14px;
	overflow: hidden;
  cursor: pointer;
}
.ac_loading { background: white url('/img/indicator.gif') right center no-repeat; }
.ac_odd { }
.ac_over { background-color: #ffdf1b; }



/* =========== */
h3.pinkHeader, h3.greenHeader, h3.blueHeader {
  color: #ad3e6e;
  text-align: left;
}
h3.greenHeader {
  color: #42ad00;
}
h3.blueHeader {
  color: #217cc9;
}
table.paragraph {
  margin: 0 7px 65px;
}
table.paragraph td {
  padding: 0 5px;
  vertical-align: top;
}
table.paragraph td h3 {
  margin-top: 6px;
}
table.paragraph td p {
  padding: 0;
}




/* =========== */
.aPlatePink, .aPlateGreen, .aPlateBlue {
  display: block;
  width: 223px;
  height: 36px;
  line-height: 36px;
  text-decoration: none;
  font-size: 18px;
  background: url('/img/plate/smallPlates.png');
  color: #fff;
  text-align: center;
  margin: 0 0 0 -16px;
  position: relative;
}
.aPlateGreen {
  background-position: 0 -36px;
}
.aPlateBlue {
  background-position: 0 -72px;
}




/* =========== */
.bookSlide { }
.bookSlide .slides {
  background: url('/img/bookBg.png');
  width: 414px;
  height: 306px;
  overflow: hidden;
}
.bookSlide .slides .margin {
  margin: 6px 0 0 14px;
  width: 400px;
  height: 300px;
}
.bookSlide .ctrl {
  text-align: center;
  margin: 4px 0 0;
}
.bookSlide .ctrl .prev, .bookSlide .ctrl .next {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url('/img/prevNext.png') 0 0;
  vertical-align: middle;
  margin: 0 5px;
}
.bookSlide .ctrl .next {
  background-position: -25px 0;
}
.bookSlide .ctrl .next:hover {
  background-position: -25px -25px;
}
.bookSlide .ctrl .prev:hover {
  background-position: 0 -25px;
}



/* =========== */
ul.advntgInner { list-style: none; overflow: hidden; margin: 0 20px; }
ul.advntgInner li {
  width: 248px;
  width: 50%;
  padding: 10px 0 0;
  float: left;
  background: url('/img/rocket.png') no-repeat;
  position: relative;
  overflow: hidden;
}
ul.advntgInner .pod { background-image: url('/img/pod.png'); }
ul.advntgInner .girl { background-image: url('/img/girl.png'); }
ul.advntgInner .dog { background-image: url('/img/dog.png'); }
ul.advntgInner h4 {
  margin: 0 10px 13px 60px;
  font-size: 18px;
}
ul.advntgInner h4 a {
  color: #ff6c00;
}
ul.advntgInner p {
  margin: 0 10px 0 60px;
  padding: 0;
  line-height: 1.2em;
}



/* =========== */
.yPlateFillSmall {
  margin: 0 auto 18px;
  width: 549px;
  height: 40px;
  overflow: hidden;
  background: url(../img/plate/yelloFill.png) 0 -77px;
  font-size: 16px;
  line-height: 1.2em;
  font-style: italic;
  text-align: center;
  padding: 14px 40px;
}



/* =========== */
td.note {
  vertical-align: bottom;
  padding: 0;
}



/* =========== */
.b-note {
  width: 181px;
}
.b-note .b-note-t, .b-note .b-note-b {
  height: 29px;
  background: url('/img/plate/dashedBorder.png');
}
.b-note .b-note-b {
  background-position: -362px 0 ;
}
.b-note .b-note-m {
  background: url('/img/plate/dashedBorder.png') -181px 0;
  zoom: 1;
}
.b-note h4 {
  font-size: 16px;
  margin: 0 0 7px;
  text-align: left;
  padding: 0 20px;
}
.b-note p {
  font-size: 12px;
  line-height: 16px;
  font-style: italic;
  margin: 0;
  padding: 0 20px;
}



/* =========== */
.bigP {
  font-size: 16px;
  line-height: 24px;
}



/* =========== */
.code1 {
  background: url('/img/plate/yelloFill.png') 0 -145px;
  width: 495px;
  height: 77px;
  padding: 15px 90px;
  margin: 0 auto 20px;
  font-weight: bold;
  overflow: hidden;
}
.code1 p {
  margin: 0 0 0 15px;
}
.code1 .frame {
  background: url('/img/input/input.png') 0 -65px;
  color: #3077b0;
  padding: 0 0 0 6px;
  float: left;
  position: relative;
  margin: 0 0 10px;
}
.code1 .frame div {
	background: url('/img/input/input.png') 100% -65px;
	padding: 0 12px 0 0;
  position: relative;
  left: 6px;
  line-height: 53px;
  height: 53px;
  font-size: 45px;
  font-family: Arial, sans-serif;
}
.code1 .frame .notice {
  font-size: 11px;
  font-weight: normal;
  line-height: 1.2em;
  position: absolute;
  right: -180px;
  color: #858585;
  top: 3px;
  width: 160px;
  padding: 10px 0 0;
}



/* =========== */
.footNote {
  margin: 0 70px;
  padding: 11px 0 0;
  color: #858585;
  font-size: 11px;
  line-height: 1.2em;
  border-top: 1px solid #fde37c;
}
.footNote p {
  margin: 0 0 10px;
  font-size: 11px;
  line-height: 1.2em;
}
.footNote table {
  width: 100%;
  margin: 0 0 20px;
}

.link-pseudo { text-decoration:none; border-bottom:1px dashed;}
.link-pseudo:hover { border:none;}

.b-code {
  position: absolute;
  z-index: 1001;
  left: 0;
  display: none;
  width:100%;
}
.b-code-i { position:absolute; top:320px; left:50%; margin-left:-309px; width:618px; }
.b-code__ {  }
.b-code__top { overflow:hidden; width:618px; height:75px; background:url(/img/code-top.png) no-repeat; }
.b-code__top h3 { padding:35px 72px 0; margin:0; }
.b-code__btm { width:618px; height:73px; padding:10px 0 0; background:url(/img/code-btm.png) no-repeat; }
.b-code__btm a { position:relative; }
.b-code__cont { width:514px; padding:0 32px 0 72px; background:url(/img/code-cont.png) repeat-y; }
.b-code__cont a { position:relative; }
.b-code__cont__text { margin:0 0 5px; padding:0; color:#323232; font:12px/14px Georgia, Times, Times New Roman, serif; }
.b-code__cont__desc { margin:0; }
.b-code__cont__desc p { margin:0; padding:0; color:#323232; font:12px/14px Georgia, Times, Times New Roman, serif; }
.b-code__cont__discount { width:472px; margin:0 auto; padding:10px 0 0; border-top:1px solid #fde37c; }
.b-code__cont__discount a { color:#0052db; }
.b-code__cont__discount__percent { color:#ff6000; font:italic 18px/20px Georgia, Times, Times New Roman, serif; }
.b-code .b-region { margin:0; font-size:12px; }
.b-code .code { width:477px; height:74px; padding:16px 0 0 72px; margin:0 0 15px -38px; background:url(/img/code-cont-code.png) no-repeat; }
.b-code .code .frame { height:43px; background-image:url(/img/code-cont-code-frame.png); }
.b-code .code .frame div { height:39px; font:bold 40px/40px Arial, Helvetica, sans-serif; background-image:url(/img/code-cont-code-frame.png); }
.b-code .code .number { left:90px; }
.b-code .code .notice { right:-200px; }

.b-book { position:absolute; left:50%; width:878px; height:650px; margin-top:50px; margin-left:-439px; }
.b-book-i { width:878px; height:650px; background:url(/img/book.png) no-repeat; }
.b-book__page { position:absolute; top:51px; width:387px; height:577px; }
.b-book__page_1 { left:41px; }
.b-book__page_2 { right:41px; }
.b-book__nav { position:absolute; top:296px; width:39px; height:39px; background:url(/img/book-nav.png) no-repeat; cursor:pointer; }
.b-book__nav_l { left:0; margin-left:-50px; background-position:0 -39px; }
.b-book__nav_r { right:0; margin-right:-50px; background-position:-39px -39px; }
.b-book__nav_l-act { background-position:0 0; }
.b-book__nav_r-act { background-position:-39px 0; }

.b-cross { position:fixed; top:10px; right:10px; z-index:1002; overflow:hidden; display:none; width:14px; height:14px; background:url('/img/plate/x.png'); cursor:pointer; }

.b-progress { position:fixed; top:50%; left:50%; z-index:1002; width:300px; padding:15px 10px; margin:-20px 0 0 -285px; border:2px solid #e2548a; background:#fff; text-align:center; }
.b-progress__loader { margin-right:5px; vertical-align:middle; }
.b-progress__text { color:#000; }