/* CSS Document */
/*$font-family-normal: 'cs_prakasregular';*/
.blogger-logo {
  background: none; }

ul.main-menu > li.menu-desktop:hover a {
  color: #fff; }

.title-post {
  background: #00bcd5;
  font-family: "noto_sansregular", "noto_sans_thairegular", "NotoSansCJKjp_Regular", sans-serif;
  font-size: 1.4em;
  line-height: 48px;
  /*margin: -7px 0 0 0;*/ }

.box-report-bt input {
  color: #00bcd5;
  font-weight: bold; }

.info-blogger-writer,
.info-short-blogger,
.info-blog-writer,
.tab-tip > li.active > h3,
.name-user-tip,
.setting-post-bt,
.writeInfo-choose-writer,
.countFollow {
  color: #006a74; }

.info-blogger-writer a,
.info-blog-writer a {
  color: #006a74; }

.writeInfo-writer {
  color: #006a74; }

.tip-box {
  background: #EF5350; }

.follow-button,
.submit-tip {
  background: #00bcd5; }

.loadMore-bar {
  border-bottom: 3px solid #00bcd5;
  background: rgba(0, 188, 213, 0.9); }

.subscribed {
  background: rgba(0, 106, 116, 0.8);
  margin: 0 auto; }

.subscribed > a {
  color: rgba(153, 153, 153, 0.4); }

.unfollow-text {
  display: none; }

.subscribed .follow-bt-icon:before {
  content: "\69";
  font-family: "ng-font";
  line-height: 32px; }

.subscribed:hover .follow-bt-icon:before {
  content: "\68";
  font-family: "ng-font";
  line-height: 32px; }

.subscribed:hover .followed-text {
  display: none; }

.subscribed:hover .unfollow-text {
  display: inline-block; }

.dot-full,
.wrap-icon-follow-social .dot-full {
  background: #00bcd5; }

.bt-subscribe .follow-bt-BlogIndex,
.subscribeButton .follow-bt-BlogIndex {
  background: #00bcd5;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 188, 213, 0.9);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative; }

.wrapper-searchResults .bt-subscribe .follow-bt-BlogIndex,
.wrapper-searchResults .subscribeButton .follow-bt-BlogIndex {
  box-shadow: none; }

.bt-subscribe .follow-bt-BlogIndex:before,
.bt-subscribe .follow-bt-profile:before,
.subscribeButton .follow-bt-BlogIndex:before,
.subscribeButton .follow-bt-profile:before {
  content: '';
  position: absolute;
  border: #00bcd5 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  z-index: 888;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }

.wrapper-searchResults .bt-subscribe .follow-bt-BlogIndex:before,
.wrapper-searchResults .bt-subscribe .follow-bt-profile:before,
.wrapper-searchResults .subscribeButton .follow-bt-BlogIndex:before,
.wrapper-searchResults .subscribeButton .follow-bt-profile:before {
  border: none; }

.bt-subscribe .follow-bt-BlogIndex:hover:before,
.bt-subscribe .follow-bt-BlogIndex:focus:before,
.bt-subscribe .follow-bt-BlogIndex:active:before,
.bt-subscribe .follow-bt-profile:hover:before,
.bt-subscribe .follow-bt-profile:focus:before,
.bt-subscribe .follow-bt-profile:active:before,
.subscribeButton .follow-bt-BlogIndex:hover:before,
.subscribeButton .follow-bt-BlogIndex:focus:before,
.subscribeButton .follow-bt-BlogIndex:active:before,
.subscribeButton .follow-bt-profile:hover:before,
.subscribeButton .follow-bt-profile:focus:before,
.subscribeButton .follow-bt-profile:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out; }

.bt-subscribed .follow-bt-BlogIndex,
.bt-subscribed .follow-bt-profile,
.subscribedButton .follow-bt-BlogIndex,
.subscribedButton .follow-bt-profile {
  background: rgba(0, 188, 213, 0.65); }

.bt-subscribed a,
.subscribedButton a {
  color: white; }

.content-bt-send-message {
  background: #fff;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  border: 1px solid #ddd;
  color: #00bcd5; }

.content-bt-send-message:before {
  content: '';
  position: absolute;
  border: #fff solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  z-index: 888;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }

.wrapper-searchResults .content-bt-send-message {
  border: 1px solid #2BACB1;
  color: #2BACB1; }

.wrapper-searchResults .content-bt-send-message:before {
  content: '';
  position: absolute;
  border: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  z-index: 888;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }

.box-button-blogindex .content-bt-send-message:before {
  content: '';
  position: absolute;
  border: #00bcd5 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  z-index: 888;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }

.content-bt-send-message:hover:before,
.content-bt-send-message:focus:before,
.content-bt-send-message:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out; }

/*a.wrap-bt-send-message {
	color: $color1;
}*/
.bt-subscribe .follow-bt-profile,
.subscribeButton .follow-bt-profile {
  background: #00bcd5;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 188, 213, 0.9);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative; }

.bt-subscribe .follow-bt-profile:before,
.subscribeButton .follow-bt-profile:before {
  content: '';
  position: absolute;
  border: #00bcd5 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  z-index: 888; }

.bt-subscribe .follow-bt-profile:hover:before,
.bt-subscribe .follow-bt-profile:focus:before,
.bt-subscribe .follow-bt-profile:active:before,
.subscribeButton .follow-bt-profile:hover:before,
.subscribeButton .follow-bt-profile:focus:before,
.subscribeButton .follow-bt-profile:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out; }

.bt-subscribed .follow-bt-profile,
.subscribedButton .follow-bt-profile {
  background: rgba(0, 188, 213, 0.65); }

.wrap-icon-follow-social,
.wrap-icon-follow-social-small,
.dot-disc {
  border: 1px solid #00bcd5; }

.wrap-icon-follow-social:hover,
.wrap-icon-follow-social:hover .dot-disc {
  border: 1px solid rgba(0, 106, 116, 0.9); }

.wrap-icon-follow-social:hover .dot-full {
  background: rgba(0, 106, 116, 0.9); }

.wrapper-searchResults .wrap-icon-follow-social,
.wrapper-searchResults .wrap-icon-follow-social-small,
.wrapper-searchResults .dot-disc {
  border: 1px solid #666; }

.wrapper-searchResults .wrap-icon-follow-social:hover,
.wrapper-searchResults .wrap-icon-follow-social:hover .dot-disc {
  border: 1px solid rgba(0, 106, 116, 0.9); }

.wrapper-searchResults .wrap-icon-follow-social:hover .dot-full {
  background: rgba(0, 106, 116, 0.9); }

.wrap-icon-follow-social > i,
.wrap-icon-follow-social-small > i,
.wrap-icon-follow-social > span,
.wrap-icon-follow-social-small > span {
  color: #00bcd5; }

.wrap-icon-follow-social:hover > i,
.wrap-icon-follow-social:hover > span {
  color: rgba(0, 106, 116, 0.9); }

.tip-box-bt-icon:before {
  content: "\6a";
  display: inline-block;
  font-family: "ng-font";
  font-size: 28px;
  line-height: 32px;
  margin: 10px auto 0;
  width: 32px;
  height: 32px; }

.tip-box-icon-first {
  background: url("../images/tip-icon.png") no-repeat;
  background-position: 0px 0;
  bottom: -12px;
  display: inline-block;
  float: left;
  left: 50%;
  margin: 0 0 0 -12px;
  position: absolute;
  width: 24px;
  height: 24px; }

.tip-box-icon-get {
  background: url("../images/tip-icon-red.png") no-repeat;
  background-position: 0px 0;
  bottom: -12px;
  display: inline-block;
  float: left;
  left: 50%;
  margin: 0 0 0 -12px;
  position: absolute;
  width: 24px;
  height: 24px; }

.tip-box-text {
  color: #fff; }

.tipbox-number-arrow {
  background: url(../images/arrow_tipbox.png) center no-repeat; }

.bar {
  background: #7fdbe9; }

.bt-reaction {
  background: rgba(0, 106, 116, 0.9);
  border-bottom: 3px solid #006a74; }

.bt-wrapper .selected {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5; }

ul.all-bt-reaction > li a {
  font-size: 12px;
  font-family: tahoma;
  color: #00838f; }

ul.all-bt-reaction > li a.selected {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5; }

.submit-comment {
  background: #00bcd5; }

.order-by-list ul > li.selected,
.tab-commtent > li.active h4,
.comment-when .username,
.comment-when .username a {
  color: #00bcd5; }

a.tag_user {
  color: #00bcd5; }

.orderPost {
  background: #00bcd5; }

.orderPost .orderPost-wrap ul > li.active a {
  color: #fff; }

.MainPost {
  margin: 40px 0 24px 0; }

ul.ListPost-list > li ul > li.ListPost-details .readmore {
  color: rgba(0, 106, 116, 0.9); }

.close-tipbox-list {
  -moz-transition: background-position 0.5s ease;
  -o-transition: background-position 0.5s ease;
  -webkit-transition: background-position 0.5s ease;
  transition: background-position 0.5s ease;
  background: url("../images/icon-32-32.png") no-repeat 0 0;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  width: 32px;
  height: 32px; }

.tab-commtent > li.active {
  border-bottom: 3px solid #00bcd5; }

.tab-commtent > li h4 {
  color: #999; }

.text-field:focus,
.text-field-48:focus,
.textarea-field:focus {
  border: 1px solid #29c7ca;
  outline: none; }

.i-follow-BlogIndex {
  font-size: 21px;
  line-height: 45px; }

.bt-subscribed .i-follow-BlogIndex,
.subscribedButton .i-follow-BlogIndex {
  line-height: 30px; }

.info-blog-button .bt-subscribed .i-follow-BlogIndex {
  line-height: 22px; }

.title-field::-webkit-input-placeholder {
  color: #f6f6f6; }

.title-field:-moz-placeholder {
  /* Firefox 18- */
  color: #f6f6f6; }

.title-field::-moz-placeholder {
  /* Firefox 19+ */
  color: #f6f6f6; }

.title-field:-ms-input-placeholder {
  color: #f6f6f6; }

.cbx:checked ~ label {
  background: #56b7ae; }

.cbx:checked ~ label:after,
.license-box [type="radio"]:checked + span:before,
.wrapperLicense [type="radio"]:checked + span:before,
.status-save-lists [type="radio"]:checked + span:before {
  background: #26A69A; }

.ListOrderBlogIndex .info-writer .readmore,
.ListOrderBlogIndex .info-writer .readmore a {
  color: #00bcd5; }

ul.list-comment-list-reply > li.more-reply {
  background: #00bcd5;
  margin: 0 0 6px 0; }

.next-step-tipbox {
  background: #00bcd5; }

/*-- jquery-ui style --*/
.ui-widget-header {
  background: rgba(0, 188, 213, 0.5); }

#slider-writer-earns .ui-widget-header {
  background: #ddd; }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid rgba(0, 188, 213, 0.9);
  background: #00bcd5;
  color: #555555;
  outline: none;
  z-index: 555; }

#slider-writer-earns .ui-state-default,
#slider-writer-earns .ui-widget-content .ui-state-default,
#slider-writer-earns .ui-widget-header .ui-state-default {
  border: 1px solid #909090;
  background: #999;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
  color: #555555;
  outline: none;
  z-index: 555; }

.ui-widget-content {
  border: 1px solid #00bcd5; }

#slider-writer-earns {
  border: 1px solid #ccc; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: #00bcd5; }

.subscribe-choice-box {
  border-top: 1px solid #006a74; }

.title-subscribe-choice-box {
  color: #006a74;
  font-family: "noto_sansbold", "noto_sans_thaibold", sans-serif;
  padding: 12px 0; }

.membership-price {
  color: #006a74; }

.per-year {
  color: #666; }

.button-subscribe {
  background: #00bcd5; }

.paid-line {
  background: #006a74; }

.info-social-icon > span a:hover {
  color: #00bcd5; }

.info-social-icon a:hover .dot-full {
  background: #00bcd5; }

.info-social-icon a:hover .dot-disc {
  border: 1px solid #00bcd5; }

.revisions .ui-state-default,
.revisions .ui-widget-content .ui-state-default {
  -moz-transition: box-shadow 0.5s ease;
  -o-transition: box-shadow 0.5s ease;
  -webkit-transition: box-shadow 0.5s ease;
  transition: box-shadow 0.5s ease;
  background: #2c455c;
  border: 1px solid #213344;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }

.revisions .ui-state-default:hover,
.revisions .ui-widget-content .ui-state-default:hover {
  border: 1px solid #182633;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15); }

.revisions .ui-widget-header {
  background: none; }

ul.main-menu > li .box-post-list > a.button-editPost {
  background: #f6f6f6;
  color: #2bacb1; }

.box-button-blogindex .content-bt-send-message {
  border: 1px solid #00bcd5; }

/*.box-button-blogindex .content-bt-send-message:hover {
	background: $color1;
	color: #fff;
}*/
.moreSearchResult-bt a {
  background: #006a74;
  color: #fff; }

.moreSearchResult-all a,
.endSearchResult-all a {
  border: 1px solid #ccc; }

.relate-blog {
  background: rgba(0, 188, 213, 0.25); }

.contentRelate h3 {
  color: #006a74; }

@media screen and (min-width: 650px) {
  .paid-line-wrap {
    border-top: 1px solid #006a74; } }
@media screen and (min-width: 750px) {
  .title-post {
    font-size: 32px; }

  .order-by {
    background: rgba(226, 238, 240, 0.8);
    border: 1px solid #e2eef0; }

  ul.blogger-menu-large-list-special-show > li:hover span.name-menu,
  ul.blogger-menu-large-list-special-show > li:hover span.name-menu a {
    color: #00b8d4; }

  ul.blogger-menu-large-list-special-show > li:hover > span.have-sub i,
  ul.blogger-menu-large-list-special-show > li:hover > span.have-sub i {
    color: #00b8d4; }

  ul.blogger-menu-large-list-special-show > li > ul > li:hover a {
    color: rgba(0, 184, 212, 0.8); }

  .close-tipbox-list:hover {
    background-position: 0 -32px; } }
@media screen and (min-width: 960px) {
  ul.blogger-menu-large-list > li:hover > span,
  ul.blogger-menu-large-list > li:hover > a span {
    color: #00B8D4; }

  ul.blogger-menu-large-list > li:hover > span.blogger-menu-large-screen-icon {
    color: #666; }

  ul.blogger-menu-large-list > li > ul li:hover a {
    color: #00B8D4; } }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .notice-i .notice-icon {
    background: url("../images/icon@x2-24-24.png") no-repeat 0 0;
    background-size: 96px 48px; }

  ul.main-menu > li span .notice1, .menu-list-main > li span .notice1 {
    background-position: 0 0; }

  ul.main-menu > li span.have .notice1, .menu-list-main > li span.have .notice1 {
    background-position: 0 -24px; }

  ul.main-menu > li span .notice2, .menu-list-main > li span .notice2 {
    background-position: -24px 0; }

  ul.main-menu > li span.have .notice2, .menu-list-main > li span.have .notice2 {
    background-position: -24px -24px; }

  .subscribed:hover .followed-text {
    display: inline-block; }

  .subscribed:hover .unfollow-text {
    display: none; }

  /*.blogger-menu-large-screen-icon {
  	background: url("../images/icon@x2-32-32.png") no-repeat;
  	background-position: -128px 2px;
  	background-size: $backgroundsize;
  }*/
  .i-follow-BlogIndex {
    background-position: -33px 2px; }

  .visa-icon {
    background: url("../images/icon@x2-32-32.png") no-repeat;
    background-position: -449px 0;
    background-size: 960px 64px; }

  .amex-icon {
    background: url("../images/icon@x2-32-32.png") no-repeat;
    background-position: -417px 0;
    background-size: 960px 64px; }

  .mastercard-icon {
    background: url("../images/icon@x2-32-32.png") no-repeat;
    background-position: -482px 0;
    background-size: 960px 64px; }

  .box-logo-blog {
    margin: 0;
    top: 0;
    left: 0; } }

/*# sourceMappingURL=default-theme.css.map */