.button,
.button:link,
.button:visited,
a:link,
a:visited {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.back-btn,
.back-btn:link,
.back-btn:visited,
.share-btn,
.share-btn:link,
.share-btn:visited {
  border: 0;
  color: #FFF;
}
.back-btn {
  background-color: #4B4545!important;
}
.share-btn,
.button.share-btn {
  background-color: #0066CC!important;
}
.share-btn img {
  display: inline-block;
  position: relative;
  top: -1px;
}
.slick-slide {
  float: left!important;
  clear: none!important;
}
.slick-prev,
.slick-next {
  z-index: 999;
}
.slick-prev {
  left: 0;
}
.slick-next {
  right: 0;
}
.slick-prev::before,
.slick-next::before {
  content: '';
  width: 20px;
  height: 20px;
  background-size: 100%;
  display: block;
}
.slick-prev::before {
  background-image: url(../images/mobile/arrow_g_L.svg);
}
.slick-next::before {
  background-image: url(../images/mobile/arrow_g_R.svg);
}

#coin-slider .slick-dots li,
 #coin-slider .slick-dots li button {
   padding: 0;
   height: 12px;
   width: 12px;
 }
#coin-slider .slick-dots li button:before {
  font-size: 0;
  height: 12px;
  width: 12px;
  background-color: #eee;
  opacity: 1;
}
#coin-slider .slick-dots li.slick-active button:before {
  background-color:#9c3;
}
#coin-slider .slick-slide a {
  display: block;
}
#coin-slider .slick-slide a img {
  width: 100%;
  height: auto;
}
#coin-slider .slick-dots {
  bottom: -22px;
}

/* contact */
#contact .name {
  font-size: 28px;
  font-weight: Bold;
  margin-bottom: 12px;
  color: #25A3A0;
}
#contact li {
  color: #666666;
  font-size: 16px;
  line-height: 28px;
}
#contact .statement {
  margin-top: 50px;
}
#contact .statement b {
  font-size: 20px;
  display: block;
  margin-bottom: 12px;
}
#contact .statement .info {
  font-size: 16px;
}
#contact .statement .info  a {
  font-weight: bold;
}


.photoCover-img{
  max-width: 500px;
  height: auto;
}


@media screen and (min-width: 961px) {
  nav.navbar,
  .mbonly {
    display: none;
  }

  #contact {
    margin-top: 80px;
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 960px) {
  .hiddenPC {
    display: none!important;
  }
  *,*::before,*::after {
    box-sizing: border-box;
  }
  button:focus {
    outline: 0;
  }
  .dropdown, .dropleft, .dropright, .dropup {
    position: relative;
  }
  body,
  .mainContent .rightColumn,
  #register .pane.left,
  .pane li p,
  .contentWrapper .pane li .textInput,
  .contentWrapper .pane,
  .pagehead,
  .item {
    width: 100%;
    float: none;
    clear: both;
  }
  .header,
  .footer,
  .mainContent .leftColumn {
    display: none;
  }
  .mainContent {
    margin: 0;
    padding-top: 20px;
    padding-bottom: 30px;
  }
  .mainContent .rightColumn {
    margin-left: 0;
  }

  .navbar {
    background-color: #25A3A0;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    z-index: 999;
  }
  .navbar .left {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
  }
  .navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    /*margin-right: 1rem;*/
    line-height: inherit;
    white-space: nowrap;
  }
  .navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer;
  }
  .navbar-toggler {
    padding: 0;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    border: 0;
  }
  .navbar-toggler-icon {
    width: 50px;
    height: 50px;
    background-image: url(../images/mobile/menu.svg);
    background-size: 100%;
    display: inline-block;
  }
  .open .navbar-toggler-icon {
    background-image: url(../images/mobile/menu_close.svg);
  }
  .collapse:not(.show) {
    display: none;
  }
  .navbar-collapse {
    padding: 0;
    background-color: #fff;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
  }
  .navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
  }
  .navbar-collapse.show {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
  }
  .navbar-nav {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }
  .navbar .nav-item {
    background-color: #25A3A0;
  }
  .navbar .nav-item.dark {
    background-color: #127A77;
  }
  .navbar .nav-item + .nav-item {
    border-top: 1px solid #127A77;
  }
  .navbar .nav-item.dark + .nav-item.dark {
    border-top-color: #25A3A0;
  }
  .navbar .nav-link,
  .navbar .dropdown-item {
    text-decoration: none;
    display: block;
    color: #fff;
    font-size: 16px;
    padding: 13px 20px;
  }
  .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
  .dropdown-menu {
    background-color: #aa001b;
    padding: 0;
    border: 0;
    border-radius: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-radius: .25rem;
  }
  .dropdown-menu.show {
    display: block;
  }
  .navbar .dropdown-item {
    font-size: 14px;
    background-color: #127A77;
    padding: 9px 40px;
  }
  .dropdown-toggle {
    position: relative;
  }
  .dropdown-toggle::after,
  .dropdown-submenu .dropdown-toggle::after {
    border-style: solid;
    border-width: 8.7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-left: 2px;
    vertical-align: 3px;
    display: inline-block;
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
  }
  .dropdown-toggle.open::after,
  .dropdown-submenu .dropdown-toggle.open::after {
    border-width: 0 5px 8.7px 5px;
    border-color: transparent transparent #ffffff transparent;
  }
  .navbar-tools {
    padding-right: 10px;
  }
  .tool {
    display: inline-block;
    width: 28px;
    height: 28px;
    background-size: 100%;
  }
  .tool.search {
    background-image: url(../images/mobile/icon_search.svg);
  }
  .tool.member {
    background-image: url(../images/mobile/icon_member.svg);
  }
  .tool.stack {
    background-image: url(../images/mobile/icon_book.svg);
  }
  .tool.news {
    background-image: url(../images/mobile/icon_news.svg);
  }

  /* index */
  #index.mainContent,
  #index.bookSearchCate .contentWrapper,
  #search_result.mainContent {
    padding-top: 0;
  }
  #index.mainContent .rightColumn {
    height: 100%;
  }
  #coin-slider-coin-slider {
    margin-bottom: 15px;
  }
  #cs-navigation-coin-slider {
    display: block!important;
  }
  #coin-slider {
    width: 100%;
    height:50vw;
    /*height: 160px!important;*/
  }
  #cs-prev-coin-slider {
    top: 80px!important;
  }
  #cs-next-coin-slider {
    top: 80px!important;
  }
  #coin-slider .slick-slide a img {
    width: 100%;
    height: 50vw;
    object-fit: cover;
  }
  .cs-buttons a {
    width: 10px;
    height: 10px;
  }
  .sec-head {
    border-radius: 18px;
    background-color: #29A9E2;
    color: #fff;
    font-size: 20px;
    width: 160px;
    height: 36px;
    line-height: 33px;
    text-align: center;
    margin: 0 auto 15px;
  }
  #index .contentWrapper {
    padding-top: 15px;
  }
  .contentWrapper[sec="hot"] {
    background-color: #F5F5F5;
  }
  .item {
    width: 49%;
    height: auto;
    display: inline-block;
    text-align: center;
    padding: 0 12px;
    vertical-align: top;
    margin-bottom: 20px;
  }
  .item.odd,
  .item.even {
    border: 0;
  }
  .item .cover {
    float: none;
    clear: both;
    margin: auto;
  }
  .item .cover .nailthumb-container {
    margin: 20px auto;
  }
  .item .cover .button.bluish-btn {
    display: none!important;
  }
  .item .cont {
    margin: 10px auto;
  }
  .item .cont .title a:link,
  .item .cont .title a:visited {
    color: #0066CC;
    font-size: 14px;
    line-height: 22px;
    display: -webkit-box;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    max-height: 66px;
    height: 66px;
    overflow: hidden;
  }
  .item .cont .price,
  .item .cont .author.isbn,
  .item .cont .author.doi,
  .item .cont .author.publishDate,
  .item .cont .desc {
    display: none;
  }
  .item .cont .author {
    color: #707070;
    font-size: 13px;
    line-height: 15px;
    overflow: hidden;
  }
  .item .cont .author label {
    float: none;
    margin: 0;
    display: none;
  }
  .item .cont .author b::before {
    content: '作者:';
  }
  .item .cont .author b {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    white-space: normal;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    max-height: 15px;
    height: 15px;
    font-size: 13px;
    line-height: 15px;
    overflow: hidden;
  }
  .mainContent .bottool {
    margin-top: 10px;
    margin-bottom: 5px;
  }
  .mainContent .bottool .button {
    box-shadow: none;
    border: 0;
    background-color: #29A9E2;
    border-radius: 4px;
    color: #fff;
  }
  #moreBtn {
    width: 160px;
    height: 46px;
    line-height: 46px;
    padding: 0;
  }

  /* login */
  h1 {
    font-size: 20px;
  }
  h1 span {
    font-size: 14px;
    margin-top: 2px;
  }
  .pane .textInput {
    width: 100%;
    border-color: #CCCCCC;
  }
  .pane .button {
    padding: 14px 31px;
    margin: 0;
    border-radius: 4px;
  }
  .pane,
  #admin_edit_account .pagehead,
  .supportMain .accordion {
    max-width: 520px;
    padding: 0 30px;
    width: 100%;
    margin: auto;
  }
  .pane {
    background-color: transparent;
    text-align: left;
  }
  .pane li {
    float: none;
    clear: both;
    margin-bottom: 0;
    margin-left: 0!important;
  }
  .pane li + li {
    margin-top: 20px;
  }
  .pane li > div, .pane li > div.interest {
    float: none;
    clear: both;
    width: 100%;
    text-align: left;
    padding: 0;
    font-size: 14px;
  }
  .pane li div span {
    margin-top: 2px;
    margin-bottom: 8px;
    font-size: 14px;
  }
  #registerDescription,
  .pane li:last-child {
    text-align: center!important;
  }
  .pane li:last-child a {
    display: block;
    margin-left: 0!important;
  }
  #login .pane li:nth-of-type(3),
  #login .pane li:nth-of-type(4),
  #login .pane li:nth-of-type(5) {
    margin-top: 30px;
  }
  #login .pane li:nth-of-type(6),
  #login .pane li:last-child a + a {
    margin-top: 10px;
  }
  #login .pane li:nth-of-type(3) > div {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  #login .pane li:nth-of-type(3) input {
    margin-left: 14px!important;
    width: 140px!important;
    height: 34px!important;
  }

  /* register */
  #register,
  #serviceUnits,
  #whereToKnow,
  .g-recaptcha > div {
    margin: 0!important;
    width: 100%!important;
  }
  #register li {
    text-align: left;
  }
  #nameDescription {
    margin-left: 0!important;
    line-height: 24px!important;
  }
  #register li label {
    display: block;
    margin-top: 5px;
  }
  #register li label + br {
    display: none;
  }
  .login-submit {
    text-align: center!important;
    margin-top: 10px;
  }
  #register .pane li:last-child a {
    margin-top: 10px;
  }

  /* admin_edit_account */
  #admin_edit_account,
  .supportMain {
    padding-top: 0!important;
  }
  .pageTitle,
  .bookSearchCate .pagehead h2 {
    text-align: center;
    color: #4B4545;
    background-color: #F8F8F8;
    font-size: 16px;
    padding: 8px;
    margin-bottom: 15px;
  }
  #admin_edit_account .pagehead {
    margin-bottom: 20px;
  }
  #admin_edit_account .pagehead h2 {
    color: #25A3A0;
  }
  #changePSW_head {
    margin-top: 30px!important;
    padding: 30px 0 0 0!important;
    border-top: 1px solid #999999;
  }
  .toolbar {
    margin: 30px auto 0;
  }
  .toolbar .button {
    padding: 16px 10px;
    width: 100px;
    border-radius: 4px;
  }
  .toolbar .button + .button {
    margin-left: 6px;
  }

  /* support_main */
  .supportMain .subpane {
    padding: 0;
  }
  .supportMain .tabs {
    display: none;
  }
  .supportMain .accordion {
    border: 0;
  }
  .supportMain .accordion .ct + h3 {
    margin-top: 20px;
  }
  .supportMain .accordion h3 {
    display: block;
    text-indent: initial;
  }
  .supportMain .accordion h3.current {
    padding: 20px 15px;
    text-align: left;
  }
  .supportMain .accordion .ct {
    padding: 14px 15px;
  }
  .supportMain .accordion .ct p {
    font-size: 14px;
    line-height: 26px;
  }

  /* book_search_category */
  .bookSearchCate #coin-slider {
    display: none;
  }
  .bookSearchCate .pagehead h2 {
    text-align: left;
    padding: 8px 20px;
  }
  .bookSearchCate .pagehead h2 a {
    color: #4B4545;
    font-size: 14px;
  }

  /* book_detail */
  #book_detail {
    padding-top: 10px;
  }
  #book_detail .profile .cover {
    float: none;
    clear: both;
    margin: auto;
  }
  #book_detail .profile .cont,
  #book_detail .intro {
    float: none;
    clear: both;
    margin: 20px auto 0;
    padding: 0 30px;
    max-width: 520px;
    width: 100%;
  }
  #book_detail .profile .cont .title a:link,
  #book_detail .profile .cont .title a:visited {
    font-size: 20px;
  }
  #book_detail .profile .cont .title .book-name {
    font-size: 22px;
  }
  #book_detail .profile .toolbox {
    width: 100%;
    float: none;
    clear: both;
    margin: 20px auto;
    text-align: center;
  }
  #book_detail .profile .toolbox .button {
    margin-bottom: 0;
    width: auto;
    padding: 0 15px;
    height: 46px;
    line-height: 46px;
  }
  #book_detail .profile .toolbox .button + .button {
    margin-left: 6px;
  }
  #book_detail .profile .cont ul {
    background-color: #F5F5F5;
    padding: 10px 20px;
  }
  #book_detail .profile .cont ul li {
    color: #707070;
    font-size: 14px;
  }
  .mbonly.keywords {
    margin-top: 30px;
    border-bottom: 1px solid #999999;
    padding-bottom: 20px;
  }
  .mbonly.keywords span,
  .mbonly.keywords span a {
    color: #4B4545;
    text-decoration: none;
    font-size: 14px;
  }
  .mbonly.keywords span a + a::before {
    content: '、';
  }
  #book_detail .intro {
    padding-top: 20px!important;
    border-top: 0;
  }
  #book_detail .intro h2,
  #book_detail .intro pre,
  #book_detail .intro p {
    color: #4B4545;
  }
  #book_detail .toolbar {
    margin-top: 10px;
  }

  /* user/book_list */
  #admin_orderList.mainContent {
    padding-top: 0;
  }
  .orderbookNum {
    text-align: center;
    font-size: 14px;
    line-height: 26px;
    color: #4B4545;
    margin-bottom: 15px;
  }

  /* footer */
  #contact {
    padding-top: 0;
    padding: 15px;
  }
  #contact .name {
    font-size: 24px;
  }
  .footer-wrapper {
    padding: 0 30px;
  }
  .footer-wrapper ul {
    display: block;
    margin-bottom: 30px;
  }
  .footer-wrapper li {
    text-align: center;
    display: block;
  }
  .footer-wrapper li + li {
    margin-top: 10px;
  }
  .footer-wrapper li a {
    background-color: #0066CC;
    font-size: 16px;
    color: #fff;
    padding: 14px 31px;
    text-decoration: none;
    border-radius: 4px;
    display: inline-block;
  }
  .footer-wrapper .info,
  .footer-wrapper .copyright  {
    color: #4B4545;
    font-size: 14px;
    line-height: 26px;
  }
  .footer-wrapper .info + .info {
    margin-top: 15px;
  }
  .footer-wrapper .info span {
    width: 44px;
    display: inline-block;
    vertical-align: top;
  }
  .footer-wrapper .info .ctx {
    width: calc(100% - 50px);
    display: inline-block;
    vertical-align: top;
  }
  .footer-wrapper .copyright {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #999999;
  }

  .search.mbonly {
    width: 100%;
    background-color: #127A77;
    padding: 5px 16px 7px 20px;
    transform: translateY(-44px);
    z-index: 998;
    position: absolute;
    left: 0;
    transition: all .35s ease-out;
    right: 0;
  }
  .search.mbonly.active {
    transform: translateY(0);
  }
  .search.mbonly .textInput {
    padding: 7px 0px;
    background-color: #0000;
    border: 0;
    border-bottom: 1px solid #fff;
    color: #fff;
    width: calc(100% - 70px);
    border-radius: 0;
  }
  .search.mbonly input::-webkit-input-placeholder,
  .search.mbonly ::-webkit-input-placeholder {
    color: #fff;
  }
  .search.mbonly a.search-btn {
    background-color: #9c3;
    border-radius: 14px;
    width: 50px;
    height: 28px;
    line-height: 28px;
    padding: 0;
    text-align: center;
    margin-left: 15px;
  }

  .photoCover-img{
    max-width: 250px;
    height: auto;
  }

  .mainContent li.kaptcha {
	margin-top: 20px!important;
  }
  .mainContent li.kaptcha > div {
	display: inline-block;
	width: auto;
	vertical-align: middle;
  }
  .mainContent li.kaptcha .kaptchaInput {
	margin-left: 0!Important;
	width: calc(100% - 129px)!Important;
  }
  .mainContent .kaptchaInput input,
  #login.mainContent .pane li.kaptcha .kaptchaInput input   {
	width: 100%!Important;
	height: 34px;
	margin-left: 0!Important;
  }
  .mainContent .kaptcha div:nth-of-type(3) img {
	margin-left: 6px;
  }
  .mainContent .kaptcha ::-webkit-input-placeholder {
    text-indent: 42px;
  }
  .mainContent .kaptcha ::-moz-placeholder {
    text-indent: 42px;
  }
  .mainContent .kaptcha :-ms-input-placeholder {
    text-indent: 42px;
  }
  .mainContent .kaptcha :-moz-placeholder {
    text-indent: 42px;
  }
}