/*reset*/

@import url(http://fonts.googleapis.com/css?family=Roboto+Slab&subset=latin,latin-ext);

@import url(http://fonts.googleapis.com/css?family=Alegreya+Sans:300&subset=latin,latin-ext);

* { margin:0; padding:0; }

body { font-family:Arial,sans-serif; font-size:12px; color:#333333; }

a { text-decoration:none; }

a:hover { text-decoration:underline; }

a:active { outline:0; }

a:visited { outline:0; }

img { border:0; }

.clear { clear:both; width:0; height:0; }

/*messageBox*/

.messageBox { width:401px; min-height:0; margin:100px auto 0 auto; }

.messageBoxTop { width:392px; height:28px; padding:12px 0 0 7px; background-image:url('../image/grayX2.png'); background-position:top center; background-repeat:repeat-x; border:1px solid #ececec; }

.messageBoxCross { position:absolute; cursor:pointer; width:12px; height:12px; margin:15px 0 0 381px; }

.messageBoxMiddle { width:399px; min-height:0; padding-bottom:7px; background-color:#ffffff; border-right:1px solid #ececec; border-bottom:1px solid #ececec; border-left:1px solid #ececec; }

.messageBoxMessage { width:385px; min-height:0; margin-left:7px; padding-top:7px; }

/*register*/

.agreement { position:absolute; z-index:1; display:none; width:697px; min-height:0; padding:20px; background-color:#ffffff; border-bottom:1px solid #ececec; }

.agreementTop { width:697px; min-height:0; font-family:'Alegreya Sans',Arial,sans-serif; font-size:16px; color:#124ea1; }

.agreementMiddle { width:697px; height:300px; overflow:scroll; margin-top:7px; text-align:justify; }

.agreementButton { cursor:pointer; width:99px; height:28px; margin-top:20px; padding-top:12px; font-size:14px; text-align:center; color:#ffffff; background-color:#ed2028; }

.register { width:737px; min-height:0; margin:0 auto 0 auto; padding-bottom:20px; background-color:#ffffff; border:5px solid #ececec; }

.registerSuccess { position:absolute; z-index:1; display:none; width:737px; padding-top:20px; background-color:#ffffff; }

.registerSuccessLoading { width:737px; height:24px; text-align:center; }

.registerSuccessText { width:737px; min-height:0; margin-top:20px; font-family:'Alegreya Sans',Arial,sans-serif; font-size:24px; color:#ed2028; text-align:center; }

.registerLoading { position:absolute; display:none; width:31px; height:24px; margin:43px 0 0 20px; }

.registerCross { position:absolute; cursor:pointer; width:14px; height:14px; margin:20px 0 0 707px; }

.registerTop { width:737px; min-height:0; padding-bottom:20px; }

.registerLogo { float:left; width:145px; height:34px; margin:20px 0 0 296px; }

.registerMiddle { width:737px; min-height:0; }

.registerMiddleCapsule { width:695px; min-height:0; margin-left:20px; padding-bottom:20px; background-color:#f6f6f6; border:1px solid #ececec; }

.registerLeft { float:left; width:347px; min-height:0; margin-top:20px; border-right:1px solid #ececec; }

.registerLeftCapsule { width:307px; min-height:0; margin-left:20px; min-height:0; }

.registerLeftTop { width:307px; min-height:0; padding-bottom:7px; font-size:16px; text-align:center; color:#636366; border-bottom:1px solid #ececec; }

.registerLeftMiddle { width:307px; min-height:0; }

.registerLeftMiddleElement { width:307px; min-height:0; }

.registerLeftName { width:307px; min-height:0; margin-top:7px; }

.registerLeftNameX1 { float:left; width:150px; min-height:0; margin:7px 0 0 7px; }

.registerLeftNameX2 { float:left; width:73px; min-height:0; margin-top:7px; }

.registerLeftNameX3 { float:left; width:227px; min-height:0; margin:7px 0 0 7px; }

.registerLeftParameter { width:298px; height:23px; margin-top:7px; padding:7px 0 0 7px; background-color:#ffffff; border:1px solid #ececec; }

.registerLeftParameterX1 { float:left; width:141px; height:23px; margin:7px 0 0 7px; padding:7px 0 0 7px; background-color:#ffffff; border:1px solid #ececec; }

.registerLeftParameterX2 { float:left; width:64px; height:32px; padding:7px 0 0 7px; margin-top:7px; background-color:#ffffff; border:1px solid #ececec; }

.registerLeftParameterX3 { float:left; width:48px; height:32px; margin-left:7px; padding:7px 0 0 7px; margin-top:7px; background-color:#ffffff; border:1px solid #ececec; }

.registerLeftParameterX4 { float:left; width:78px; height:32px; margin-left:7px; padding:7px 0 0 7px; margin-top:7px; background-color:#ffffff; border:1px solid #ececec; }

.registerLeftParameterX5 { float:left; width:60px; height:32px; margin-left:7px; padding:7px 0 0 7px; margin-top:7px; background-color:#ffffff; border:1px solid #ececec; }

.registerCheckBox { float:left; width:24px; min-height:0; margin-top:7px; }

.registerCheckBoxText { float:right; width:276px; min-height:0; margin-top:11px; font-size:13px; }

.registerCheckBoxText span { cursor:pointer; color:#ed2028; }

.registerCheckBoxText span:hover { text-decoration:underline; }

.registerButton { width:307px; min-height:0; }

.registerButtonStar { float:right; cursor:pointer; width:99px; height:28px; margin-top:20px; padding-top:12px; font-size:14px; text-align:center; color:#ffffff; background-color:#ed2028; }

.registerRight { float:right; width:347px; min-height:0; margin-top:20px; }

.registerRightCapsule { width:307px; min-height:0; margin-left:20px; }

.registerRightTop { width:307px; min-height:0; padding-bottom:7px; font-size:16px; text-align:center; color:#636366; border-bottom:1px solid #ececec; }

.registerRightMiddle { width:307px; min-height:0; padding-top:20px; }

.registerRightLogIn { width:307px; min-height:0; }

.registerRightLogInStar { cursor:pointer; width:99px; height:28px; margin-left:104px; padding-top:12px; font-size:14px; text-align:center; color:#ffffff; background-color:#ed2028; }

/*logIn*/

.logIn { width:737px; min-height:0; margin:0 auto 0 auto; padding-bottom:20px; background-color:#ffffff; border:5px solid #ececec; }

.logInLoading { position:absolute; display:none; width:31px; height:24px; margin:43px 0 0 20px; }

.logInCross { position:absolute; cursor:pointer; width:14px; height:14px; margin:20px 0 0 707px; }

.logInTop { width:737px; min-height:0; padding-bottom:20px; }

.logInLogo { float:left; width:145px; height:34px; margin:20px 0 0 296px; }

.logInMiddle { width:737px; min-height:0; }

.logInMiddleCapsule { width:695px; min-height:0; margin-left:20px; padding-bottom:20px; background-color:#f6f6f6; border:1px solid #ececec; }

.logInLeft { float:left; width:347px; min-height:0; margin-top:20px; border-right:1px solid #ececec; }

.logInLeftCapsule { width:307px; min-height:0; margin-left:20px; min-height:0; }

.logInFeed { position:absolute; width:307px; min-height:0; color:#ed2028; margin-top:47px; text-align:right; }

.logInLeftTop { width:307px; min-height:0; padding-bottom:7px; font-size:16px; text-align:center; color:#636366; border-bottom:1px solid #ececec; }

.logInLeftMiddle { width:307px; min-height:0; padding-top:20px; }

.logInLeftMiddleElement { width:307px; min-height:0; }

.logInLeftName { width:307px; min-height:0; margin-top:7px; }

.logInLeftParameter { width:298px; height:23px; margin-top:7px; padding:7px 0 0 7px; background-color:#ffffff; border:1px solid #ececec; }

.logInButton { width:307px; min-height:0; }

.logInLostPassword { float:left; width:200px; min-height:0; margin-top:33px; }

.logInLostPassword span { cursor:pointer; color:#ed2028; }

.logInLostPassword span:hover { text-decoration:underline; }

.logInButtonStar { float:right; cursor:pointer; width:99px; height:28px; margin-top:20px; padding-top:12px; font-size:14px; text-align:center; color:#ffffff; background-color:#ed2028; }

.logInRight { float:right; width:347px; min-height:0; margin-top:20px; }

.logInRightCapsule { width:307px; min-height:0; margin-left:20px; }

.logInRightTop { width:307px; min-height:0; padding-bottom:7px; font-family:'Ubuntu Condensed',Arial,sans-serif; font-size:16px; text-align:center; color:#636366; border-bottom:1px solid #ececec; }

.logInRightMiddle { width:307px; min-height:0; padding-top:20px; }

.logInRightRegister { width:307px; min-height:0; }

.logInRightRegisterStar { cursor:pointer; width:171px; height:28px; margin-left:70px; padding-top:12px; font-size:14px; text-align:center; color:#ffffff; background-color:#ed2028; }

/*lostPassword*/

.lostPassword { width:389px; min-height:0; margin:0 auto 0 auto; padding-bottom:20px; background-color:#ffffff; border:5px solid #ececec; }

.lostPasswordLoading { position:absolute; display:none; width:31px; height:24px; margin:43px 0 0 20px; }

.lostPasswordCross { position:absolute; cursor:pointer; width:14px; height:14px; margin:20px 0 0 355px; }

.lostPasswordTop { width:389px; min-height:0; padding-bottom:20px; }

.lostPasswordLogo { float:left; width:145px; height:34px; margin:20px 0 0 122px; }

.lostPasswordMiddle { width:389px; min-height:0; }

.lostPasswordMiddleCapsule { width:347px; min-height:0; margin-left:20px; padding:20px 0 20px 0; background-color:#f6f6f6; border:1px solid #ececec; }

.lostPasswordTitle { width:307px; min-height:0; margin-left:20px; padding-bottom:7px; font-size:16px; color:#636366; border-bottom:1px solid #ececec; }

.lostPasswordName { width:307px; min-height:0; margin:7px 0 0 20px; }

.lostPasswordParameter { width:298px; height:23px; margin:7px 0 0 20px; padding:7px 0 0 7px; background-color:#ffffff; border:1px solid #ececec; }

.lostPasswordButton { cursor:pointer; width:99px; height:28px; margin:20px 0 0 20px; padding-top:12px; font-size:14px; text-align:center; color:#ffffff; background-color:#ed2028; }

.lostPasswordDescription { width:307px; min-height:0; margin:20px 0 0 20px; text-align:justify; }

/*buy*/

.buy { width:993px; height:0; margin:20px auto 0 auto; }

.buyTop { width:993px; height:41px; color:#ffffff; background-color:#ed2028; }

.buyImage { float:left; width:36px; height:27px; margin:7px 0 0 7px; }

.buyText { float:left; width:891px; min-height:0; margin:6px 0 0 20px; font-family:'Alegreya Sans',sans-serif,Arial; font-size:24px; font-weight:400; }

.buyCross { float:right; cursor:pointer; width:12px; height:12px; margin:14px 7px 0 0; background-image:url('../image/cross.png'); background-position:top center; background-repeat:no-repeat; }

.buyCross:hover { background-position:bottom center; }

.buyMiddle { float:left; width:991px; height:500px; background-color:#ffffff; border-right:1px solid #ececec; border-bottom:1px solid #ececec; border-left:1px solid #ececec; }

.buyColumn { float:left; width:538px; min-height:0; margin:20px 0 0 20px; }

.buyColumnTop { width:538px; min-height:0; padding-bottom:7px; color:#3187d0; border-bottom:1px solid #ececec; }

.buyColumnMiddle { width:538px; min-height:0; padding-top:20px; }

.buyColumnMiddleLeft { float:left; margin-top:8px; }

.buyColumnMiddleParameter { float:left; width:150px; height:23px; padding:7px 0 0 7px; margin-left:20px; border:1px solid #ececec; }

.buyLoadig { float:left; display:none; width:31px; height:24px; margin:4px 0 0 7px; }

.buyList { width:538px; min-height:0; margin-top:20px; }

.buyListTop { width:538px; min-height:0; background-color:#f6f6f6; }

.buyListTopCounty { float:left; width:100px; min-height:0; padding:7px 0 7px 7px; color:#124ea1; }

.buyListTopAddress { float:left; width:298px; min-height:0; padding:7px 0 7px 7px; color:#124ea1; border-right:1px solid #ececec;  border-left:1px solid #ececec; }

.buyListTopPhone { float:left; width:100px; min-height:0; padding:7px 0 7px 7px; color:#124ea1; }

.buyListMiddle { overflow:scroll; overflow-x:hidden; width:538px; max-height:300px; }

.buyListElement { width:532px; min-height:0; border-bottom:1px solid #ececec; }

.buyListElementCounty { float:left; width:100px; min-height:0; padding:7px 0 7px 7px; }

.buyListElementAddress { float:left; width:298px; min-height:0; padding:7px 0 7px 7px; border-right:1px solid #ececec; border-left:1px solid #ececec; }

.buyListElementPhone { float:left; width:100px; min-height:0; padding:7px 0 7px 7px; }

.buyScroll { float:right; overflow:scroll; overflow-x:hidden; width:393px; height:460px; margin:20px 20px 0 0; }

.buyColumnX1 { float:right; width:181px; min-height:0; margin-right:7px; }

.buyColumnX1Top{ width:181px; min-height:0; padding-bottom:7px; color:#3187d0; border-bottom:1px solid #ececec; }

.buyColumnX1Middle { width:181px; min-height:0; }

.buyColumnX1MiddleElement { width:181px; min-height:0; }

.buyWebImage { float:left; width:50px; height:50px; margin-top:7px; border:1px solid #ececec; }

.buyWebText { float:right; width:113px; height:16px; margin-top:22px; padding:3px 0 3px 9px; background-image:url('../image/buyWeb.png'); background-position:top center; background-repeat:no-repeat; }

.buyWebText a { font-size:11px; color:#333333; }

.buyWebText a:hover { color:#ed2028; }

/*general*/

.curtain { position:fixed; z-index:2; display:none; width:100%; height:100%; }

.transparent { position:fixed; z-index:1; display:none; width:100%; height:100%; background-image:url('../image/transparent.png'); background-position:top center; background-repeat:repeat; }

.transparentCapsule { width:993px; min-height:0; margin:0 auto 0 auto; }

.wrapper { width:100%; min-height:0; }

.middle { width:100%; min-height:0; }

.middleCapsule { width:993px; min-height:0; margin:0 auto 0 auto; padding-top:20px; }

.middleCapsuleX1 { width:993px; min-height:0; margin:0 auto 0 auto; }

.nothing { float:left; width:100px; height:32px; margin-top:20px; padding-top:17px; text-align:center; border:5px solid #ececec; }

.checkBox { float:left; cursor:pointer; width:24px; height:24px; background-image:url('../image/checkBox.png'); background-position:top center; background-repeat:no-repeat; }

.captcha { float:left; width:160px; height:60px; margin-top:7px; border:1px solid #ececec; }

.captchaRefresh { float:left; cursor:pointer; width:20px; height:20px; margin:28px 0 0 7px; }

.captchaParameter { float:left; width:102px; height:23px; margin:22px 0 0 7px; padding:7px 0 0 7px; background-color:#ffffff; border:1px solid #ececec; }

.none { display:none; width:100%; min-height:0; }

/*bookListBox*/

.bookListBox { float:left; width:207px; min-height:0; margin:20px 0 0 20px; padding-right:20px; border-right:1px solid #ececec; }

.bookListBoxPrintCount { position:absolute; margin:150px 0 0 120px; padding:7px; color:#ffffff; background-color:#3187d0; }

.bookListBoxImage { width:207px; height:207px; }

.bookListBoxName { width:207px; height:48px; margin-top:7px; }

.bookListBoxName a  { display:block; width:207px; min-height:0; font-size:13px; text-align:center; color:#3187d0; }

.bookListBoxSlogan { width:207px; height:28px; padding-top:7px; font-size:11px; text-align:center; }

/*advertising*/

.advertising { overflow:hidden; width:258px; height:320px; margin-top:20px; border:1px solid #ececec; }

.advertisingX1 { width:711px; height:234px; margin-top:20px; border:1px solid #ececec; }

.advertisingX2 { width:711px; height:409px; margin-top:20px; border:1px solid #ececec; }

/*top*/

.top { width:100%; min-height:0; }

.topCapsule { width:993px; min-height:0; margin:0 auto 0 auto; }

.topLine { width:993px; min-height:0; }

.year { position:absolute; width:66px; height:82px; margin:22px 0 0 500px; }

.logo { float:left; width:180px; height:42px; margin-top:20px; }

.slogan { float:left; width:234px; height:11px; margin:49px 0 0 7px; }

.socialMedia { float:right; width:227px; min-height:0; }

.socialMediaElement { float:right; width:32px; height:32px; margin:21px 7px 0 0; }

.subMenu { width:993px; min-height:0; margin-top:20px; }

.memberMenu { position:absolute; z-index:1; display:none; width:125px; height:100px; margin:22px 0 0 805px; }

.memberMenuTop { width:125px; min-height:0; }

.memberMenuImage { float:right; width:9px; height:5px; margin-right:7px; }

.memberMenuMiddle { width:119px; min-height:0; padding-top:7px; background-color:#ffffff; border:3px solid #ececec; }

.memberMenuMiddleElement { width:105px; min-height:0; margin:7px 0 0 7px; padding-bottom:7px; text-align:center; border-bottom:1px solid #ececec; }

.memberMenuMiddleElement a { color:#333333; }

.subMenu ul { width:993px; min-height:0; }

.subMenu ul li { float:right; list-style:none; margin-right:7px; padding-right:7px; border-right:1px solid #333333; }

.subMenu ul li a { color:#333333; }

.menu { width:993px; height:50px; margin-top:7px; background-image:url('../image/gray.png'); background-position:top center; background-repeat:repeat-x; }

.search { position:absolute; width:193px; height:23px; margin:9px 0 0 784px; padding:7px 0 0 7px; border:1px solid #ececec; background-color:#ffffff; }

.searchContent { position:absolute; z-index:2; display:none; overflow-y:scroll; width:539px; max-height:504px; margin:24px 0 0 -351px; padding-bottom:7px; border:3px solid #ececec; background-color:#ffffff; }

.searchContentLeft { float:left; width:244px; min-height:0; margin-left:7px; }

.searchContentLeftTop { width:244px; min-height:0; margin-top:7px; padding-bottom:7px; font-family:'Alegreya Sans',Arial,sans-serif; font-size:16px; color:#ed2028; border-bottom:1px solid #ececec; }

.searchContentLeftLoading { position:absolute; display:none; width:31px; height:24px; margin:-1px 0 0 213px;}

.searchContentLeftMiddle { float:left; width:244px; min-height:0; }

.searchContentRight { float:right; width:244px; min-height:0; margin-right:7px; }

.searchContentRightTop { width:244px; min-height:0; margin-top:7px; padding-bottom:7px; font-family:'Alegreya Sans',Arial,sans-serif; font-size:16px; color:#ed2028; border-bottom:1px solid #ececec; }

.searchContentRightLoading { position:absolute; display:none; width:31px; height:24px; margin:-1px 0 0 213px; }

.searchContentRightMiddle { width:244px; min-height:0; }

.searchAuthorElement { width:244px; min-height:0; margin-top:7px; border-top:1px solid #ececec; }

.searchAuthorImage { float:left; width:100px; height:120px; margin-top:7px; border:1px solid #ececec; }

.searchAuthorName { float:right; width:134px; min-height:0; margin-top:7px; }

.searchAuthorName a { color:#3187d0; }

.menuContent { position:absolute; z-index:1; display:none; width:300px; min-height:0; margin:50px 0 0 232px; padding:7px; background-color:#3d3d3d; }

.menuContentElement { float:left; width:150px; min-height:0; }

.menuContentElement a { display:block; padding:7px 0 7px 0; font-size:14px; text-align:center; color:#3187d0; }

.menuContentElement a:hover { text-decoration:none; background-color:#ed2028; color:#ffffff; }

.menu ul { width:993px; min-height:0; }

.menu ul li { float:left; list-style:none; }

.menu ul li a { display:block; height:33px; padding:17px 20px 0 20px; font-size:14px; color:#ffffff; }

.menu ul li a:hover { text-decoration:none; background-color:#3d3d3d; }

/*default*/

.addToMail { width:993px; height:40px; margin-top:20px; background-color:#e21f23; }

.addToMailPoint { position:absolute; margin:13px 0 0 660px; color:#ffffff; font-size:11px; }

.addToMailText { float:left; margin:12px 0 0 7px; font-family:'Alegreya Sans',Arial,sans-serif; font-size:15px; color:#ffffff; }

.addToMailLoading { display:none; width:24px; height:24px; float:right; margin:8px 7px 0 0; }

.addToMailParameter { float:right;  width:191px; height:20px; margin:8px 7px 0 0; padding:4px 0 0 4px; background-color:#ffffff; }

.addToMailButton { float:right; cursor:pointer; width:75px; height:19px; margin:8px 7px 0 0; padding-top:5px; font-size:11px; text-align:center; color:#ffffff; }

.addToMailButton:hover { background-color:#e84c4f; }

.addToMailFeed { display:none; width:993px; min-height:0; margin-top:7px; text-align:right; }

.slider { width:993px; min-height:0; }

.sliderLeftArrow { position:absolute; display:none; cursor:pointer; width:20px; height:30px; margin:185px 0 0 20px; }

.sliderRightArrow { position:absolute; display:none; cursor:pointer; width:20px; height:30px; margin:185px 0 0 953px; }

.sliderLeader { overflow:hidden; width:993px; height:400px; background-image:url('../image/slider.png'); background-position:top center; background-repeat:no-repeat; }

.sliderLeaderCapsule { width:5958px; min-height:0; }

.sliderElement { float:left; width:993px; min-height:0; }

.sliderImage { float:left; width:396px; height:324px; margin:40px 0 0 40px; }

.sliderDescription { float:right; width:477px; min-height:0; margin:40px 40px 0 0; }

.sliderName { width:477px; min-height:0; }

.sliderName a { font-family:'Roboto Slab',Arial,sans-serif; font-size:36px; color:#ffffff; }

.sliderSlogan { width:477px; min-height:0; margin-top:20px; font-size:24px; color:#b7deff; }

.sliderAuthor { width:477px; min-height:0; margin-top:20px; font-size:20px; color:#ffffff; }

.sliderAuthor a { font-size:20px; color:#ffffff; }

.sliderDetail { width:100px; min-height:0; margin-top:20px; }

.sliderDetail a { display:block; width:100px; height:34px; padding-top:16px; font-size:16px; text-align:center; color:#ffffff; background-color:#ed2028; }

.sliderDetail a:hover { text-decoration:none; }

.sliderNavigation { width:551px; min-height:0; padding-left:442px; }

.sliderBullet { float:left; cursor:pointer; width:10px; height:11px; margin:20px 0 0 7px; background-image:url('../image/bullet.png'); background-position:top center; background-repeat:no-repeat; }

.newBook { width:993px; min-height:0; margin-top:20px; }

.newBookTop { width:993px; height:40px; background-image:url('../image/grayX1.png'); background-position:top center; background-repeat:repeat-x; }

.newBookText { width:986px; height:28px; padding:12px 0 0 7px; font-size:14px; color:#ffffff; background-image:url('../image/red.png'); background-position:left center; background-repeat:no-repeat; }

.newBookMiddle { width:991px; min-height:0; padding-bottom:20px; border-right:1px solid #ececec;  border-bottom:1px solid #ececec;  border-left:1px solid #ececec; }

.default { width:993px; min-height:0; }

.left { float:left; width:260px; min-height:0; }

.leftBox { width:260px; min-height:0; margin-top:20px; }

.leftBoxTop { width:260px; height:40px; background-image:url('../image/grayX1.png'); background-position:top center; background-repeat:repeat-x; }

.leftBoxLeftArrow { position:absolute; cursor:pointer; width:13px; height:20px; margin:10px 0 0 207px; }

.leftBoxRightArrow { position:absolute; cursor:pointer; width:13px; height:20px; margin:10px 0 0 240px; }

.leftBoxText { width:260px; height:28px; padding:12px 0 0 7px; font-size:14px; color:#ffffff; background-image:url('../image/red.png'); background-position:left center; background-repeat:no-repeat; }

.leftBoxMiddle { overflow:hidden; position:relative; width:258px; min-height:0; padding-bottom:7px; border-right:1px solid #ececec; border-bottom:1px solid #ececec; border-left:1px solid #ececec; }

.leftBoxMiddleCapsule { width:774px; min-height:0; }

.leftBoxMiddleElement { float:left; width:258px; min-height:0; }

.leftBoxElement { width:244px; min-height:0; margin:7px 0 0 7px; border-top:1px solid #ececec; }

.leftBoxElementX1 { width:244px; min-height:0; margin-top:7px; border-top:1px solid #ececec; }

.leftBoxImage { float:left; width:100px; height:140px; margin-top:7px; border:1px solid #ececec; }

.leftBoxPrintCount { position:absolute; padding:7px; color:#ffffff; background-color:#3187d0; }

.leftBoxDescription { float:right; width:135px; min-height:0; margin-top:7px; }

.leftBoxName { width:135px; min-height:0; }

.leftBoxName a { display:block; width:135px; min-height:0; color:#3187d0; }

.leftBoxSlogan { width:135px; min-height:0; margin-top:7px; font-size:11px; }

.leftBoxAuthor { width:135px; min-height:0; margin-top:7px; }

.leftBoxAuthor a { display:block; width:135px; min-height:0; margin-top:7px; color:#cdcdcd; font-size:11px; }

.doYoWantToBeAuthor { width:258px; min-height:0; margin-top:20px; border:1px solid #ececec; }

.doYouWantToBeAuthorImage { float:left; width:64px; height:150px; }

.doYouWantToBeAuthorText { float:right; width:180px; min-height:0; margin:7px 7px 0 0; }

.doYouWantToBeAuthorTextTop { width:180px; min-height:0; font-family:'Roboto Slab',Arial,sans-serif; font-size:14px; color:#ed2028; }

.doYouWantToBeAuthorTextMiddle { width:180px; min-height:0; margin-top:7px; }

.doYouWantToBeAuthorTextMiddle a{ text-decoration:underline; color:#333333; }

.activation { width:258px; min-height:0; margin-top:20px; border:1px solid #ececec; }

.activationText { float:left; width:180px; min-height:0; margin:7px 0 0 7px; }

.activationTextTop { width:180px; min-height:0; font-family:'Roboto Slab',Arial,sans-serif; font-size:14px; color:#ed2028; }

.activationTextMiddle { width:180px; min-height:0; margin-top:7px; }

.activationTextMiddle a { text-decoration:underline; color:#333333; }

.activationImage { float:right; width:64px; height:150px; }

.book { width:258px; min-height:0; margin-top:20px; border:1px solid #ececec; }

.bookImage { float:left; width:64px; height:150px; }

.bookText { float:right; width:180px; min-height:0; margin:7px 7px 0 0; }

.bookTextTop { width:180px; min-height:0; font-family:'Roboto Slab',Arial,sans-serif; font-size:14px; color:#ed2028; }

.bookTextMiddle { width:180px; min-height:0; margin-top:7px; }

.bookTextMiddle a { text-decoration:underline; color:#333333; }

.right { float:right; width:713px; min-height:0; margin-top:20px; }

.MetroUI { width:713px; height:504px; padding-top:20px; margin-top:20px; background-image:url('../image/MetroUI.png'); background-position:top center; background-repeat:no-repeat; }

.MetroUITop { width:673px; min-height:0; margin-left:20px; font-family:'Alegreya Sans',sans-serif,Arial; font-size:36px; font-weight:400; color:#ffffff; }

.MetroUIMiddle { width:673px; min-height:0; margin-left:20px; }

.MetroUIElement { float:left; width:125px; min-height:0; margin-top:20px; }

.MetroUIElement a { display:block; width:109px; padding:0 7px 0 7px; font-size:16px; text-align:center; text-decoration:none; color:#ffffff; background-color:#124ea1; border:1px solid #ffffff; }

.MetroUIElement a:hover { border:1px solid #ffca08; }

.MetroUIElementX1 { float:left; width:238px; min-height:0; margin-top:20px; }

.MetroUIElementX1 a { display:block; width:222px; padding:0 7px 0 7px; font-size:16px; text-align:center; text-decoration:none; color:#ffffff; background-color:#124ea1; border:1px solid #ffffff; }

.MetroUIElementX1 a:hover { border:1px solid #ffca08; }

.reprintBook { width:713px; min-height:0; }

.reprintBookTop { width:713px; height:40px; background-image:url('../image/grayX1.png'); background-position:top center; background-repeat:repeat-x; }

.reprintBookText { width:713px; height:28px; padding:12px 0 0 7px; font-size:14px; color:#ffffff; background-image:url('../image/red.png'); background-position:left center; background-repeat:no-repeat; }

.reprintBookMiddle { width:711px; min-height:0; padding-bottom:20px; border-right:1px solid #ececec; border-bottom:1px solid #ececec; border-left:1px solid #ececec; }

.reprintBookLeftArrow { float:left; cursor:pointer; width:20px; height:30px; margin:89px 0 0 7px; }

.reprintBookLeader { float:left; overflow:hidden; position:relative; width:617px; min-height:0; margin:20px 0 0 20px; }

.reprintBookLeaderCapsule { min-height:0; }

.reprintBookElement { float:left; width:617px; min-height:0; }

.reprintBookImage { float:left; width:207px; height:207px; }

.reprintBookPrintCount { position:absolute; margin:150px 0 0 120px; padding:7px; color:#ffffff; background-color:#3187d0; }

.reprintBookDescription { float:right; width:390px; min-height:0; }

.reprintBookName { width:390px; min-height:0; }

.reprintBookName a { display:block; width:390px; min-height:0; font-size:20px; color:#3187d0; }

.reprintBookSlogan { width:390px; min-height:0; margin-top:7px; font-size:16px; }

.reprintBookAuthor { width:390px; min-height:0; margin-top:7px; font-size:14px; color:#cdcdcd; }

.reprintBookAuthor a { font-size:14px; color:#cdcdcd; }

.reprintBookRightArrow { float:right; cursor:pointer; width:20px; height:30px; margin:89px 7px 0 0; }

.reprintBookDetail { width:100px; min-height:0; margin-top:20px; }

.reprintBookDetail a { display:block; width:100px; height:26px; padding-top:8px; font-size:16px; text-align:center; color:#ffffff; background-color:#ed2028; }

.reprintBookDetail a:hover { text-decoration:none; }

/*book list*/

.list { width:993px; min-height:0; padding-top:20px; }

.listTop { width:993px; min-height:0; padding-bottom:7px; color:#3187d0; border-bottom:1px solid #ececec; }

.listMiddle { width:992px; min-height:0; padding-left:1px; }

/*book detail*/

.detail { width:993px; min-height:0; }

.detailLImage { position:absolute; z-index:1; display:none; width:396px; height:396px; margin-left:458px; background-color:#ffffff; background-position:0 0; background-repeat:no-repeat; border:1px solid #ececec; }

.detailImage { float:left; width:438px; min-height:0; }

.detailMImage { width:396px; height:396px; padding:20px; border:1px solid #ececec; }

.detailMImage img { cursor:crosshair; }

.noPrint { position:absolute; display:none; width:144px; height:144px; margin:-20px 0 0 272px; }

.detailMImageElement { display:none; width:396px; height:396px; }

.detailImageButton { width:396px; min-height:0; }

.detailImageButtonElement { float:left; cursor:pointer; width:100px; height:100px; margin:7px 0 0 7px; border:1px solid #ececec; }

.detailRight { float:right; width:535px; min-height:0; }

.detailName { width:535px; min-height:0; padding-bottom:20px; font-family:'Roboto Slab',Arial,sans-serif; font-size:36px; color:#3187d0; border-bottom:1px solid #ececec; }

.detailSlogan { width:535px; min-height:0; margin-top:20px; padding-bottom:20px; font-size:16px; border-bottom:1px solid #ececec; }

.detailDescription { width:535px; min-height:0; }

.detailDescriptionLeft { float:left; width:302px; min-height:0; margin-top:13px; }

.detailDescriptionLeftElement { width:302px; min-height:0; margin-top:7px; }

.detailDescriptionLeftElement a { font-size:16px; color:#ed2028; }

.detailDescriptionLeftElementLeft { float:left; width:100px; min-height:0; font-weight:bold; }

.detailDescriptionLeftElementRight { float:right; width:182px; min-height:0; }

.detailDescriptionLeftElementRight a { font-size:12px; color:#3187d0; }

.detailDescriptionRight { float:right; width:213px; min-height:0; margin-top:13px; }

.detailDescriptionBuy { width:213px; height:52px; margin-top:7px; }

.detailDescriptionBulletin { width:213px; height:52px; margin-top:7px; }

.detailDescriptionIndex { width:213px; height:52px; margin-top:7px; }

.detailDescriptionDownload { width:213px; height:52px; margin-top:7px; }

.explanation { width:993px; min-height:0; margin-top:20px; }

.explanationTop { width:993px; min-height:0; padding-bottom:7px; font-size:16px; color:#3187d0; border-bottom:1px solid #ececec; }

.explanation p { width:993px; min-height:0; padding-top:7px; text-align:justify; }

.explanation p a { color:#ed2028; }

.author { width:993px; min-height:0; margin-top:20px; }

.authorTop { width:993px; min-height:0; padding-bottom:7px; font-size:16px; color:#3187d0; border-bottom:1px solid #ececec; }

.authorMiddle { width:993px; min-height:0; }

.authorImage { float:left; width:100px; height:120px; margin-top:20px; border:3px solid #ececec; }

.authorRight { float:right; width:873px; min-height:0; margin-top:20px; }

.authorName { width:873px; min-height:0; font-size:16px; color:#ed2028; }

.authorName a { color:#ed2028; }

.authorExplanation { width:873px; min-height:0; margin-top:7px; text-align:justify; }

/*aboutUs*/

.aboutUs { width:993px; min-height:0; text-align:justify; }

/*bulletin*/

.bulletin { width:993px; min-height:0; padding-bottom:20px; }

.bulletinTop { width:993px; min-height:0; }

.bulletinText { float:left; margin:48px 0 0 20px; font-family:'Alegreya Sans',Arial,sans-serif; font-size:16px; }

.bulletinMiddle { width:993px; min-height:0; }

.bulletinNoPrint { position:absolute; display:none; width:109px; height:32px; margin:-37px 0 0 884px; }

.bulletinImage { float:left; width:500px; height:800px; margin-top:20px; }

.bulletinRight { float:right; width:473px; min-height:0; padding-top:20px; }

.bulletinName { width:473px; min-height:0; padding-bottom:20px; font-size:32px; border-bottom:1px solid #ececec; }

.bulletinElement { width:473px; min-height:0; padding-bottom:10px; border-bottom:1px solid #ececec; }

.bulletinElementX1 { width:473px; min-height:0; margin-top:10px; }

.bulletinElementLeft { float:left; width:150px; min-height:0; margin-top:10px; font-size:16px; }

.bulletinElementRight { float:right; width:303px; min-height:0; margin-top:10px; font-size:16px; }

.bulletinElementRight a { color:#ed2028; }

.bulletinExplanation { width:993px; min-height:0; }

.bulletinExplanationTop { width:993px; min-height:0; padding:20px 0 7px 0; font-size:16px; color:#3187d0; border-bottom:1px solid #ececec; }

.bulletinExplanationMiddle { width:993px; min-height:0; padding-top:7px; text-align:justify; }

.bulletinExplanationMiddle a { color:#ed2028; }

.bulletinVideo { width:413px; height:57px; padding:7px; border:1px solid #ececec; }

/*author list*/

.authorBox { width:68px; height:54px; padding-top:14px; font-size:36px; text-align:center; color:#ffffff; background-color:#ed2028; }

.authorList { width:993px; min-height:0; }

.authorListBox { float:left; width:108px; min-height:0; margin:20px 0 0 69px; }

.authorListBoxImage { width:100px; height:120px; border:4px solid #ececec; }

.authorListBoxName { width:106px; height:30px; margin-top:7px; text-align:center; }

.authorListBoxName a { color:#ed2028; }

/*author detail*/

.authorDetail { width:993px; min-height:0; }

.authorDetailLeft { float:left; width:493px; min-height:0; }

.authorDetailLeftElement { width:493px; min-height:0; }

.authorDetailImage { float:left; width:100px; height:120px; border:4px solid #ececec; }

.authorDetailDescription { float:right; width:365px; min-height:0; }

.authorDetailName { width:493px; min-height:0; font-size:16px; color:#ed2028; }

.authorDetailExplanation { width:365px; min-height:0; margin-top:7px; text-align:justify; }

.authorAllBookTop { width:480px; min-height:0; padding-bottom:7px; color:#ed2028; border-bottom:1px solid #ececec; }

.authorAllBookMiddle { width:480px; min-height:0; padding-top:7px; }

.authorAllBookMiddleElement { width:480px; min-height:0; margin-top:7px; }

.authorAllBookMiddleElement a { color:#333333; }

.authorDetailRight { float:right; width:480px; min-height:0; }

.askAuthorLoading { position:absolute; display:none; width:31px; height:24px; margin:-9px 0 0 449px; }

.authorDetailRightTop { width:480px; min-height:0; color:#ed2028; padding-bottom:7px; border-bottom:1px solid #ececec; }

.authorDetailRightMiddle { width:480px; min-height:0; padding-top:7px; }

.askAuthor { width:480px; min-height:0; margin-top:7px; }

.askAuthorLeft { float:left; width:100px; min-height:0; margin-top:8px; }

.askAuthorRight { float:right; width:364px; height:23px; padding:7px 0 0 7px; border:1px solid #ececec; }

.askAuthorRightX1 { float:right; width:364px; height:193px; padding:7px 0 0 7px; border:1px solid #ececec; }

.askAuthorButton { float:left; cursor:pointer; width:75px; height:22px; margin:7px 0 0 107px; padding-top:7px; text-align:center; color:#ffffff; background-color:#3187d0; }

.askAuthorDescription { float:left; width:373px; min-height:0; margin:20px 0 0 107px; text-align:justify; }

/*contact us*/

.contactUs { width:993px; min-height:0; }

.contactUsLeft { float:left; width:493px; min-height:0; }

.contactUsLeftTop { width:493px; min-height:0; color:#ed2028; padding-bottom:7px; border-bottom:1px solid #ececec; }

.contactUsLeftMiddle { width:493px; min-height:0; padding-top:7px; }

.contactUsLeftMiddleElement { width:493px; min-height:0; margin-top:7px; padding-bottom:7px; border-bottom:1px solid #f7f7f7; }

.contactUsLeftMiddleElementLeft { float:left; width:100px; min-height:0; color:#3187d0; }

.contactUsLeftMap { width:493px; min-height:0; margin-top:7px; padding-top:20px; border-top:1px solid #ececec; }

.contactUsLeftMiddleElementRight { float:right; width:386px; min-height:0; }

.contactUsLeftMiddleElementRight a { color:#ed2028; }

.contactUsRight { float:right; width:480px; min-height:0; }

.contactUsLoading { position:absolute; display:none; width:31px; height:24px; margin:-9px 0 0 449px; }

.contactUsRightTop { width:480px; min-height:0; color:#ed2028; padding-bottom:7px; border-bottom:1px solid #ececec; }

.contactUsRightMiddle { width:480px; min-height:0; padding-top:7px; }

.contactUsFormElement { width:480px; min-height:0; margin-top:7px; }

.contactUsFormLeft { float:left; width:100px; min-height:0; margin-top:8px; }

.contactUsFormRight { float:right; width:364px; height:23px; padding:7px 0 0 7px; border:1px solid #ececec; }

.contactUsFormRightX1 { float:right; width:364px; height:193px; padding:7px 0 0 7px; border:1px solid #ececec; }

.contactUsFormButton { float:left; cursor:pointer; width:75px; height:22px; margin:7px 0 0 107px; padding-top:7px; text-align:center; color:#ffffff; background-color:#3187d0; }

/*bottom*/

.bottom { width:100%; min-height:300px; margin-top:20px; background-color:#f6f6f6; border-top:1px solid #ececec; }

.bottomCapsule { width:993px; min-height:0; margin:0 auto 0 auto; }

.bottomLeft { float:left; width:100px; min-height:0; margin-top:7px; }

.bottomLogo { width:100px; min-height:0; }

.bottomLogoImage { width:100px; height:21px; }

.bottomLogoText { width:100px; min-height:0; margin-top:7px; font-size:14px; }

.feedback { width:84px; min-height:0; }

.feedback a { display:block; width:84px; min-height:0; margin-top:20px; padding:7px; font-size:11px; text-align:center; color:#3187d0; border:1px solid #3187d0; }

.feedback a:hover { text-decoration:none; color:#ffffff; background-color:#3187d0; }

.bottomCategory { float:left; width:150px; min-height:0; margin:4px 0 0 20px; }

.bottomCategoryTop { width:150px; min-height:0; padding-bottom:7px; font-size:16px; color:#3187d0; border-bottom:1px solid #ececec; }

.bottomCategoryElement { width:150px; min-height:0; margin-top:7px; }

.bottomCategoryElement a { display:block; width:150px; min-height:0; font-size:14px; color:#333333; }

.bottomSupported { float:left; width:458px; min-height:0; margin:4px 0 0 20px; }

.bottomSupportedTop { width:458px; min-height:0; padding-bottom:7px; font-size:16px; color:#3187d0; border-bottom:1px solid #ececec; }

.bottomSupportedMiddle { width:458px; min-height:0; }

.bottomSupportedMiddleElement { float:left; width:148px; height:33px; margin:20px 0 0 7px; }

.bottomRight { float:right; width:225px; min-height:0; }

.bottomRightElement { width:225px; min-height:0; margin-top:7px; }

.bottomRightElement a { display:block; width:225px; height:32px; padding-top:17px; font-size:12px; text-align:center; color:#ffffff; background-color:#33cc66; }

.bottomRightElement a:hover { text-decoration:none; background-color:#29a352; }

/*profile*/

.profileLeft { float:left; width:250px; min-height:0; }

.profileLeftElement { width:250px; height:124px; margin-top:20px; }

.profileLeftElement a { display:block; width:230px; height:74px; padding:50px 0 0 20px; font-family:'Alegreya Sans',Arial,sans-serif; font-size:20px; background-color:#3187d0; color:#ffffff; }

.profileLeftElement a:hover { text-decoration:none; background-color:#124ea1; }

.profileRight { float:right; width:723px; min-height:0; }

.profileRightTop { width:723px; min-height:0; padding-bottom:7px; font-family:'Alegreya Sans',Arial,sans-serif; font-size:20px; color:#ed2028; border-bottom:1px solid #ececec; }

/*exception*/

.exception { width:991px; height:433px; margin:20px auto 0 auto; padding:50px 0 50px 0; background-color:#f6f6f6; border:1px solid #ececec; }

/*404*/

.page404 { width:991px; height:433px; margin:20px auto 0 auto; padding:50px 0 50px 0; background-color:#f6f6f6; border:1px solid #ececec; }

/*month book*/

.monthBook { border:1px solid #ed2028; width:991px; min-height:0; background-image:url('../image/monthBook.png'); background-position:top center; background-repeat:no-repeat; background-color:#f5f5f5; }

.monthBookLine { width:991px; min-height:0; background-color:#ed2028; color:#ffffff; text-align:center; padding:7px 0 7px 0; font-family:'Alegreya Sans',Arial,sans-serif; font-size:18px; }

.monthBookLogo { text-align:center; width:193px; padding-top:7px; height:62px; margin:0 auto 0 auto; background-image:url('../image/monthBookLogo.png'); background-position:top center; background-repeat:no-repeat; }

.monthBookTitle { width:991px; font-weight:bold; min-height:0; text-align:center; font-family:'Alegreya Sans',Arial,sans-serif; font-size:40px; color:#000000; margin-top:20px; }

.monthBookNewTitle { width:977px; min-height:0; margin:20px 0 0 7px; font-weight:bold; padding-bottom:7px; border-bottom:1px solid #ed2028; font-family:'Alegreya Sans',Arial,sans-serif; font-size:30px; text-align:right; }

.monthBookBlueLine { width:977px; min-height:0; border-bottom:1px solid #124ea1; padding-bottom:20px; }

.monthBookBook { width:977px; min-height:0; margin-left:7px; }

.monthBookElement { width:321px; min-height:0; float:left; margin:20px 0 0 7px; }

.monthBookElementName { width:321px; height:48px; text-align:center; }

.monthBookElementName a { font-family:'Roboto Slab',Arial,sans-serif; font-size:18px; color:#000000; }

.monthBookElementAuthor { width:321px; height:38px; text-align:center; color:#ed2028; font-family:'Roboto Slab',Arial,sans-serif; margin-top:7px; font-size:16px; }

.monthBookElementAuthor a { color:#ed2028; font-family:'Roboto Slab',Arial,sans-serif; margin-top:7px; font-size:16px; }

.monthBookElementSlogan { width:321px; height:38px; text-align:center; color:#3187d0; font-family:'Roboto Slab',Arial,sans-serif; margin-top:7px; font-size:14px; }

.monthBookElementImage { width:321px; height:281px; overflow:hidden; }
 
.monthBookElementImageCapsule { width:321px; height:321px; }

.monthBookElementImageCapsule img { width:100%; }

.monthBookElementISBN { width:321px; min-height:0; text-align:center; color:#000000; font-family:'Roboto Slab',Arial,sans-serif; font-size:14px; }

.monthBookElementPrice { width:321px; min-height:0; text-align:center; color:#ed2028; font-family:'Roboto Slab',Arial,sans-serif; margin-top:7px; font-size:18px; }

.monthBookElementType { width:70px; height:70px; line-height:20px; position:absolute; margin:20px 0 0 200px; text-align:center; color:#ffffff; font-family:'Roboto Slab',Arial,sans-serif; margin-top:7px; font-size:24px; }

.monthBookRePrintTitle { width:977px; font-weight:bold; min-height:0; margin:20px 0 0 7px; padding-bottom:7px; border-bottom:1px solid #ed2028; font-family:'Alegreya Sans',Arial,sans-serif; font-size:30px; text-align:right; }

.monthBookSocialMedia { width:991px; min-height:0; margin-top:20px; }

.monthBookSocialMediaImage { float:left; width:40px; height:40px; margin-left:3px; }

.monthBookSocialMediaText { float:left; color:#000000; margin:9px 0 0 7px; font-family:'Roboto Slab',Arial,sans-serif; font-size:15px; }

.monthBookBottom { width:991px; min-height:0; background-color:#ed2028; color:#ffffff; margin-top:20px; text-align:center; padding:7px 0 7px 0; font-family:'Alegreya Sans',Arial,sans-serif; font-size:18px; }

.monthBookLink { position:absolute; margin:17px 0 0 658px; }

.monthBookLink a {  color: #ffffff; font-size:14px; text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ed2028, 0 0 30px #ed2028, 0 0 40px #ed2028, 0 0 50px #ed2028, 0 0 75px #ed2028; }

/*parameter*/

.addToMailTextBox { width:186px; height:16px; color:#333333; background-color:transparent; border:0; }

.captchaTextBox { width:95px; height:16px; color:#333333; background-color:transparent; border:0; }

.generalTextBox { width:291px; height:16px; color:#333333; background-color:transparent; border:0; }

.generalTextBoxX1 { width:134px; height:16px; color:#333333; background-color:transparent; border:0; }

.searchTextBox { width:186px; height:16px; color:#dddddd; background-color:transparent; border:0; }

.askAuthorTextBox { width:357px; height:16px; color:#333333; background-color:transparent; border:0; }

.contactUsTextBox { width:357px; height:16px; color:#333333; background-color:transparent; border:0; }

.askAuthorTextArea { width:357px; height:186px; color:#333333; font-family:Arial,sans-serif; background-color:transparent; border:0; }

.contactUsTextArea { width:357px; height:186px; font-family:Arial,sans-serif; color:#333333; background-color:transparent; border:0; }

.cityDropDownList { width:143px; height:16px; color:#333333; background-color:transparent; border:0; }

.genderDropDownList { position:absolute; z-index:0; width:57px; height:25px; font-size:11px; color:#000000; background-color:transparent; border:0; }

.contactUsDropDownList { position:absolute; z-index:0; width:357px; height:16px; font-size:11px; color:#000000; background-color:transparent; border:0; }

.birthDateDayDropDownList { position:absolute; z-index:0; width:41px; height:25px; font-size:11px; color:#000000; background-color:transparent; border:0; }

.birthDateMonthDropDownList { position:absolute; z-index:0; width:71px; height:25px; font-size:11px; color:#000000; background-color:transparent; border:0; }

.birthDateYearDropDownList { position:absolute; z-index:0; width:53px; height:25px; font-size:11px; color:#000000; background-color:transparent; border:0; }

.addToMailTextBox:focus,.captchaTextBox:focus,.generalTextBox:focus,.generalTextBoxX1:focus,.searchTextBox:focus,.askAuthorTextBox:focus,.contactUsDropDownList,.contactUsTextBox:focus,.askAuthorTextArea,.contactUsTextArea:focus,.cityDropDownList:focus,.genderDropDownList:focus,.birthDateDayDropDownList,.birthDateMonthDropDownList,.birthDateYearDropDownList { outline:0; }