@charset "UTF-8";
html {
    font-size: 62.5%
}

body {
    font-size: 1.3em;
    font-family: tahoma, Helvetica;
    color: #464646;
    background: #000 url(../di/bg-main.jpg) no-repeat 50% 0 fixed
}
body.valentine2017 {
  background: #f6f5f3 url(../di/bg-themevalentine2017.jpg) no-repeat 50% 0 fixed;
}
a {
    color: #464646;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

input,
select,
textarea {
    font-family: tahoma, Helvetica;
    color: #464646;
    outline: none
}

fieldset {
    border: none
}

table,
td,
th {
    border-collapse: collapse
}

:selection {
    color: #fff;
    background: #6f4892
}

::-moz-selection {
    color: #fff;
    background: #6f4892
}

.underline-none,
[class*="sidebar"] aside h2>a:hover,
[id="main-navigation"] ul>li>a,
#content section h2>a,
#content aside h2>a,
#content>div>h2>a,
[class*="highlight"] [class*="flex-control-paging"]>li>a,
[class*="seotag"]>a:hover,
.horo-tab>ul>li>a,
.horo-all [class*="_child"] article a:hover,
[id="wrapper"][class*="horoscope"] #content [class*="_child"][class*="-grid-4-4x"] .love-daily>a:hover,
[id="wrapper"][class*="horoscope"] #content [class*="_child"][class*="-grid-4-4x"] .love-month>a:hover,
.graph-tab ul.ui-tabs-nav>li a:hover,
.sidebar .horo-daily ul li a,
.sidebar .horo-live p:first-child a:hover,
.sidebar .side-game a:hover,
[class*="tagrelated"] p>a:hover,
.pager div>a:hover,
.ui-menu .ui-menu-item a:hover {
    text-decoration: none
}

[class*="_child-grid-4-4x"] li:before,
[class*="_child-grid-4-4x"] li:after,
[class*="sidebar"] li:before,
[class*="sidebar"] li:after,
[class*="sidebar"] [class*="tophits"] h2:before,
[class*="sidebar"] [class*="tophits"] h2:after,
[class*="sidebar"] [class*="tophits"] ol>li:before,
[class*="sidebar"] [class*="tophits"] ol>li:after,
[class*="highlight"]:before,
[class*="highlight"]:after {
    content: " ";
    display: table
}

[class*="_child-grid-4-4x"] li:after,
[class*="sidebar"] li:after,
[class*="sidebar"] [class*="tophits"] h2:after,
[class*="sidebar"] [class*="tophits"] ol>li:after,
[class*="highlight"]:after {
    clear: both
}

#content section h2>a>span,
#content aside h2>a>span,
[class*="sidebar"] h2>a>span,
[class*="category-page"] div h2>a,
section>[class*="_child"][class*="-grid-4-4x"] li,
[class*="_child"][class*="-grid-4-4x"]>section[class*="-list"]>ul>li,
[class*="_child"][class*="-grid-4-4x"]>li,
[class*="sidebar"] li,
#content [class*="webboard"] li,
[class*="-list"] [class*="_child"]>ul>li,
[class*="sidebar"] [class*="tophits"] ol>li a>span,
[class*="sidebar"] [class*="tophits"] ol>li>span:first-child,
[class*="flex-prev"],
[class*="flex-next"],
[class*="ico-play"],
.reader>aside ul>li,
.btn-back a {
    background-image: url(../di/icon_bullet_02.png);
    background-repeat: no-repeat
}

[class*="logo-channel"] a {
		background-image: url(../di/s-horo.png);
		background-repeat: no-repeat;
		background-position: 0 50%;
}

[id="main-navigation"]>ul>li>a,
[class*="search-content"] input[type="submit"],
[class*="seotag"]>strong,
[class*="sbToggle"] {
    background-image: url(../di/icon_bullet_01.png);
    backgrond-repeat: no-repeat
}

[id="wrapper"][class*="read"] [class*="sidebar"]>div[class*="_child-"] {
    background-image: url(../di/sidebar_line_01.png);
    background-repeat: no-repeat
}
[id="wrapper"][class*="read"] [class*="sidebar"]>div[class*="_child-"] [class*="-1thumbnail"] {
    clear: both;
    overflow: hidden;
}
[class*="_self"][class*="-mg"][class*="_b10x"]{
    display: block;
    width: 100%;
}
#content *>h2,
#content section h2>a,
#content aside h2>a,
[class*="sidebar"]>*>*:first-child,
[class*="sidebar"]>*>*:first-child>*,
[class*="sidebar"] aside>h2,
[class*="sidebar"] h2>a,
[class*="sidebar"]>div>p:first-child,
#content>div>h2,
#content [class*="highlight"]>h2,
[class*="highlight"] [class*="hl-channel"] h3>a,
[class*="archive"] #content header p,
[class*="gallery"] #content header p,
[class*="hl-channel"] p {
    color: #000
}

#content h1,
#content section h2 a:hover,
#content aside h2 a:hover,
[class*="sidebar"] h2>a:hover,
[class*="hl-channel"] h3>a {
    color: #6f4892
}

[class*="contextual-ads"] ul li:first-child+li a {
    color: #464646
}

[id="google-ads-box"] li span strong a,
[class*="contextual-ads"] ul li:first-child a {
    color: #420040
}

[id="main-content"],
[id="main-navigation"],
[class*="leaderboard"]>* {
    background-color: #fff
}

[class*="hl-channel"] {
    background: #e9e9e9
}

[class*="tagrelated"] p>a,
[class*="seotag"] {
    background-color: #e9e9e9
}

[class*="thumb"] [class*="_child"]>*>h3 {
    line-height: 1.1;
    font-size: 13px;
    font-size: 1.3rem
}

[class*="thumb"] [class*="_child"]>*>h3>a,
[class*="thumb"] [class*="_child"]>* p,
section>[class*="_child"][class*="-grid-4-4x"] li,
[class*="_child"][class*="-grid-4-4x"]>section[class*="-list"]>ul>li,
[class*="_child"][class*="-grid-4-4x"]>li,
[class*="-list"] [class*="_child"]>ul>li {
    line-height: 1.4
}

[class*="thumb"] [class*="_child"] p>a,
[class*="thumb"] [class*="_child"][class*="-fl"] li>a,
[class*="sidebar"] aside>ul>li>a,
[class*="sidebar"] [class*="thumbnail-left"] h3>a,
[class*="_fchild"][class*="-fl"]>*:first-child+*,
[class*="-4thumbnail-left"] h3 {
    font-size: 13px;
    font-size: 1.3rem
}

[class*="sidebar"] aside h2>a {
    font-size: 26px;
    font-size: 2.6rem
}

[class*="sidebar"]>div>p:first-child {
    font-size: 26px;
    font-size: 2.6rem
}

[class*="sidebar"] aside>h2>a>span+span {
    font-size: 10px;
    font-size: 1rem
}

[class*="logo-channel"] span {
    top: 44px
}

[class*="logo-channel"] a {
    height: 39px;
    width: 201px
}

[id="wrapper"]>[class*="nav-wrap"] {
    z-index: 10;
    width: 960px;
    margin: 0 auto
}

[id="main-navigation"] ul>li>a:hover,
[id="main-navigation"]>ul>li>a.current,
[id="main-navigation"]>ul>li.sub-menu:hover {
    background-color: #6f4892
}

[id="main-navigation"] ul ul {
    background-color: #e7e7e7
}

[id="main-navigation"]>ul>li>a,
[id="main-navigation"] ul>li>a:hover,
[id="main-navigation"]>ul>li>a.current,
[id="main-navigation"]>ul>li.sub-menu:hover>a,
[id="main-navigation"] ul>li>ul>li>a {
    color: #fff
}

[id="main-navigation"]>ul {
    background-color: #420040
}

[id="main-navigation"] ul>li {
    position: relative;
    height: 35px;
    line-height: 33px
}

[id="main-navigation"] ul>li>a {
    height: 35px;
    font-size: 14px;
    font-size: 1.4rem
}

[id="main-navigation"]>ul>li>a {
    padding: 0 15px;
    background-position: right 0
}

[id="main-navigation"] ul>li>a:hover,
[id="main-navigation"]>ul>li>a.active,
[id="main-navigation"]>ul>li>a.current,
[id="main-navigation"] ul>li>a.current-active {
    background-position: right -576px
}

[id="main-navigation"]>ul>li.sub-menu>a {
    padding-right: 28px;
    background-position: right -58px
}

[id="main-navigation"] ul>li>ul {
    display: none !important;
    top: 35px;
    left: 0
}

[id="main-navigation"]>ul>li.sub-menu:hover>ul {
    display: block !important
}

[id="main-navigation"] ul>li>ul>li>a {
    display: block;
    width: 200px;
    padding: 0 10px;
    border-bottom: 1px solid #bfbfbf;
    height: 34px;
    color: #420040
}

[id="main-navigation"] ul>li>ul>li>a:hover {
    background-color: #bfbfbf;
    color: #420040
}

[id="main-navigation"] ul>li.sub-menu>a.current-active,
[id="main-navigation"]>ul>li.sub-menu>a.active,
[id="main-navigation"]>ul>li.sub-menu:hover>a.active {
    background-position: right -86px
}

[id="main-navigation"]>ul>li>a[title="เว็บบอร์ด"] {
    background-image: none
}

[id="main-navigation"]>ul>li.sub-menu:hover>a,
[id="main-navigation"]>ul>li.sub-menu:hover,
[id="main-navigation"]>ul>li.sub-menu>a.current,
[id="main-navigation"]>ul>li.sub-menu:hover>a.current-active,
[id="main-navigation"]>ul>li>a.active:hover {
    padding-right: 28px;
    background-position: right -162px
}

[id="main-navigation"]>ul>li.sub-menu:hover {
    padding: 0
}

[id="main-navigation"]>ul>li[class*="last"]>a {
    width: 35px;
    height: 35px;
    padding: 0;
    text-indent: -9999px;
    background-position: 8px -108px
}

[id="main-navigation"] ul>li[class*="last"]>a:hover {
    background-position: 8px -186px
}

[id="main-navigation"]>ul>li:first-child>a,
[id="main-navigation"]>ul>li:first-child>a.active {
    width: 40px;
    height: 35px;
    padding: 0;
    text-indent: -9999px;
    background-position: right -754px;
    line-height: 100px;
    overflow: hidden
}

[id="main-navigation"]>ul>li:first-child>a[class*="current-active"] {
    background-position: right -844px
}

[id="main-navigation"]>ul>li:first-child>a.current,
[id="main-navigation"]>ul>li:first-child>a:hover {
    background-position: right -799px
}

[class*="sanook-search"] {
    line-height: 100px;
    overflow: hidden
}

[class*="search-content"] {
    width: 72px;
    background-color: #fff
}

[class*="search-content"] input[type="text"] {
    border: 0
}

[class*="search-content"][class*="active"] {
    background-color: #e9e9e9;
    width: 102px
}

[class*="search-content"] input[type="submit"] {
    background-position: right -410px;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background-color: transparent
}

#content section h2,
#content>div>h2,
#content aside>h2,
.reader>aside h2,
.sidebar aside>h2 {
    padding-bottom: 8px
}

#content section h2>a,
#content aside h2>a,
#content>div>h2>a {
    display: block
}

#content section h2,
[class*="highlight"]>h2,
#content>div>h2,
#content aside h2 {
    font-family: sukhumvitbold;
    font-weight: 400;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1.3
}

#main-content h1,
[class*="archive"] #content header p,
[class*="gallery"] #content header p,
[class*="read"] #content header p {
    font-family: sukhumvitbold;
    font-weight: 400;
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 1.3
}

[class*="archive"] #content header p+h1,
[class*="gallery"] #content header p+h1 {
    color: #6f4892
}

[class*="archive"] #content header p+h1,
[class*="gallery"] #content header p+h1,
[class*="archive"] #content header p,
[class*="gallery"] #content header p {
    display: inline
}

[class*="sidebar"] aside>h2,
[class*="sidebar"] h2>a,
[class*="sidebar"]>div>p:first-child,
[class*="sidebar"] [class*="gallery"] [class*="hl-channel"] small>span {
    font-family: sukhumvitbold;
    font-weight: 400
}

[class*="sidebar"] h2>a {
    display: block
}

#content section h2>a>span,
#content aside h2>a>span {
    padding-right: 30px;
    background-position: right -54px
}

[class*="sidebar"] h2>a>span {
    padding-right: 30px;
    background-position: right -56px
}

#content section h2>a:hover>span,
#content aside h2>a:hover>span {
    background-position: right -272px
}

[class*="sidebar"] h2>a:hover>span {
    background-position: right -274px
}

[class*="hl-channel"] {
    padding-bottom: 5px;
    position: relative
}

[class*="hl-channel"]>a {
    display: block
}

[class*="hl-channel"]>div {
    height: 61px;
    padding: 10px 15px 0;
    overflow: hidden;
    border-bottom: 10px solid transparent
}

[class*="hl-channel"] p {
    line-height: 1.4
}

[class*="hl-channel"] h3 {
    font-weight: 700;
    line-height: 1.3;
    font-size: 16px;
    font-size: 1.6rem
}

[class*="sidebar"] aside>h2>a>span+span {
    margin-top: -10px
}

[class*="-hl-6thumb-list"] [class*="hl-channel"],
[class*="-hl-8thumbnail"] [class*="hl-channel"],
[class*="-2hl-list"] [class*="hl-channel"],
[class*="-2hl-4thumbnail"] [class*="hl-channel"],
[class*="-hl-list-ver"] [class*="hl-channel"],
[class*="-hl"][class*="thumb-ver"] [class*="hl-channel"] {
    margin-bottom: 20px !important
}

[class*="thumb"] [class*="_child"]>li {
    position: relative
}

section>[class*="_child"][class*="-grid-4-4x"] li,
[class*="_child"][class*="-grid-4-4x"]>section[class*="-list"]>ul>li,
[class*="_child"][class*="-grid-4-4x"]>li,
[class*="-list"] [class*="_child"]>ul>li,
[class*="sidebar"] li,
#content [class*="webboard"] li,
.reader>aside ul>li {
    position: relative;
    display: block;
    padding-left: 15px;
    margin-bottom: 9px;
    background-position: 0 -118px
}

section>[class*="_child"][class*="-grid-4-4x"] li,
[class*="_child"][class*="-grid-4-4x"]>section[class*="-list"]>ul>li,
[class*="_child"][class*="-grid-4-4x"]>li,
[class*="-list"] [class*="_child"]>ul>li {
    max-height: 36px;
    overflow: hidden
}

[class*="sidebar"] ul li>span:first-child {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 700;
    color: #420040
}

[id="sidebar"] [class*="spon"] ul>li {
    height: auto;
    line-height: 20px;
    background: none;
    margin-bottom: 0
}

[class*="thumb"] [class*="_child"]>*>h3,
[class*="thumb"] [class*="_child"]>* p,
[class*="sidebar"] [class*="gallery"] h3 {
    height: 56px;
    overflow: hidden;
    margin-top: 2px;
    font-weight: 400
}

[class*="thumb"] [class*="_child"] [class*="hl-channel"] p,
[class*="hl-channel"] p {
    height: 37px;
    margin-top: 2px
}

[class*="-4thumbnail-left"] [class*="_child"]>* p {
    overflow: inherit
}

[class*="_child"][class*="-mg"][class*="_b30x"]>[class*="highlight"] {
    margin-bottom: 10px
}

[class*="highlight"] h3 {
    font-size: 16px;
    font-size: 1.6rem
}

[class*="highlight"] [class*="hl-slider"] {
    width: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden
}

[class*="hl-slider"] [class*="slider"]>li {
    position: relative
}

[class*="highlight"] [class*="hl-slider"] ul[class*="flex-"]>* {
    position: absolute;
    top: 125px
}

[class*="highlight"] [class*="hl-slider"] ul[class*="flex-"]>*:first-child {
    left: 0
}

[class*="highlight"] [class*="hl-slider"] ul[class*="flex-"]>*:first-child+* {
    right: 0
}

[class*="highlight"] [class*="slide"]>li article {
    padding-bottom: 75px
}

[class*="highlight"] [class*="slide"]>li div {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75px;
    padding: 5px 0
}

*:first-child+html [class*="highlight"] [class*="slide"]>li div {
    bottom: -7px
}

[class*="highlight"] [class*="slide"]>li div>* {
    padding: 0 10px
}

[class*="highlight"] [class*="flex-direction-nav"] {
    width: 100%
}

[class*="highlight"] [class*="flex-prev"],
[class*="highlight"] [class*="flex-next"] {
    display: block;
    text-indent: -9999px
}

[class*="highlight"] [class*="flex-control-paging"] {
    top: 7px;
    position: absolute
}

[class*="highlight"] [class*="flex-control-paging"]>li {
    float: left
}

[class*="highlight"] [class*="flex-control-paging"]>li>a {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.2;
    width: 7px !important;
    height: 7px !important;
    display: block;
    cursor: pointer;
    background-color: #111;
    -webkit-border-radius: 14px;
    border-radius: 14px
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    [class*="highlight"] [class*="flex-control-paging"]>li>a {
        padding: 1px 0 0
    }
}

[class*="highlight"] [class*="flex-control-paging"]>li>a {
    color: #420040
}

[class*="highlight"] [class*="flex-control-paging"]>li>a:hover {
    background-color: #420040;
    color: #fff;
    display: block;
    position: relative !important
}

[class*="highlight"] [class*="hl-slider"] [class*="slider"]>li,
.slideSelectors,
.prevButton,
.nextButton {
    display: none
}

[class*="highlight"] [class*="slide"] {
    padding-top: 0
}

[class*="highlight"] [class*="slide"]>li article {
    padding-bottom: 0;
    position: relative
}

[class*="highlight"] [class*="slide"] li div {
    height: 63px;
    padding: 7px 0 0;
    border-bottom: 7px solid transparent;
    overflow: hidden;
    background: #420040
}

[class*="highlight"] [class*="slide"] li div h3 {
    margin-bottom: 5px
}

[class*="highlight"] h3>a {
    color: #fff
}

[class*="highlight"] [class*="slide"] li div>* {
    padding: 0 60px
}

[class*="highlight"] [class*="slide"] li div p {
    color: #fff
}

[class*="highlight"] [class*="flex-control-paging"] {
    right: 5px
}

[class*="highlight"] [class*="flex-control-paging"]>li {
    margin-right: 5px
}

[class*="highlight"] [class*="flex-control-paging"]>li>a {
    width: 16px !important;
    height: 16px !important;
    line-height: 14px;
    text-indent: 0;
    text-align: center;
    background-color: #fff
}

[class*="highlight"] [class*="flex-control-paging"] [class*="flex-active"] {
    background-color: #000;
    color: #fff
}

[class*="highlight"] [class*="hl-slider"] ul[class*="flex-"]>* {
    top: 372px
}

[class*="highlight"] [class*="flex-prev"],
[class*="highlight"] [class*="flex-next"] {
    width: 50px;
    height: 77px
}

[class*="highlight"] [class*="flex-prev"] {
    background-position: 0 -422px
}

[class*="highlight"] [class*="flex-next"] {
    background-position: -254px -422px
}

[class*="highlight"] [class*="flex-prev"]:hover {
    background-position: -80px -422px
}

[class*="highlight"] [class*="flex-next"]:hover {
    background-position: -174px -422px
}

[class*="megaspot"] [class*="flex-control-paging"]>li {
    display: inline-block !important
}

[class*="seotag"] {
    margin-bottom: 30px !important
}

[class*="seotag"]>strong {
    background-color: #420040;
    background-position: 0 -275px;
    text-indent: -9999px;
    width: 35px;
    margin-right: 1px
}

[class*="seotag"]>strong+a ~ a {
    border-left: 1px solid #fff
}

[class*="seotag"]>a:hover {
    color: #fff;
    background-color: #bfbfbf
}

[class*="seotag"]>* {
    padding: 9px 10px
}

[class*="seotag"] a {
    color: #606060;
    white-space: nowrap
}

#content aside>a {
    display: none
}

.horo-tab {
    margin-bottom: 40px !important
}

.horo-tab>ul>li {
    font-family: sukhumvitreg;
    font-weight: 400;
    width: 25%
}

.horo-tab>ul>li>a {
    font-size: 18px;
    font-size: 1.8rem;
    display: block;
    text-align: center;
    border-right: 1px solid #fff;
    border-left: 1px solid transparent;
    background-color: #e0d2e6;
    color: #420040;
    line-height: 2.4;
    height: 36px;
    margin-top: 2px
}

.horo-tab>ul .ui-state-active a,
.horo-tab>ul .ui-state-hover a {
    background-color: #6f4892;
    color: #fff;
    line-height: 2.5;
    height: 38px;
    margin-top: 0
}

.horo-tab section {
    border: 1px solid #e9e9e9;
    border-top: 3px solid #6f4892;
    padding: 15px;
    font-size: 14px;
    font-size: 1.4rem
}

.horo-tab section>h2 {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.horo-tab section>h2+p {
    font-weight: 700;
    color: #420040;
    margin-bottom: 10px
}

.zodiac-list>li a {
    background-image: url(../di/sprite-zodiac.png);
    background-repeat: no-repeat
}

.zodiac-list>li {
    text-align: center;
    width: 15%;
    margin-left: 10px;
    margin-bottom: 20px
}

.zodiac-list>li a {
    color: #000;
    padding-top: 100px;
    display: block
}

.zodiac-list>li:first-child,
.zodiac-list li:first-child+li+li+li+li+li+li {
    margin-left: 0
}

.zodiac-list a[title*="เมษ"] {
    background-position: left top
}

.zodiac-list a[title*="พฤษภ"] {
    background-position: left -150px
}

.zodiac-list a[title*="เมถุน"],
.zodiac-list a[title*="มิถุน"] {
    background-position: left -300px
}

.zodiac-list a[title*="กรกฏ"] {
    background-position: left -450px
}

.zodiac-list a[title*="สิงห์"] {
    background-position: left -600px
}

.zodiac-list a[title*="กันย์"] {
    background-position: left -750px
}

.zodiac-list a[title*="ตุลย์"] {
    background-position: left -900px
}

.zodiac-list a[title*="พิจิก"] {
    background-position: left -1050px
}

.zodiac-list a[title*="ธนู"] {
    background-position: left -1200px
}

.zodiac-list a[title*="มังกร"],
.zodiac-list a[title*="มกร"] {
    background-position: left -1350px
}

.zodiac-list a[title*="กุมภ์"] {
    background-position: left -1500px
}

.zodiac-list a[title*="มีน"] {
    background-position: left -1650px
}

.zodiac-list a[title*="เมษ"]:hover {
    background-position: -198px top
}

.zodiac-list a[title*="พฤษภ"]:hover {
    background-position: -198px -150px
}

.zodiac-list a[title*="เมถุน"]:hover,
.zodiac-list a[title*="มิถุน"]:hover {
    background-position: -198px -300px
}

.zodiac-list a[title*="กรกฏ"]:hover {
    background-position: -198px -450px
}

.zodiac-list a[title*="สิงห์"]:hover {
    background-position: -198px -600px
}

.zodiac-list a[title*="กันย์"]:hover {
    background-position: -198px -750px
}

.zodiac-list a[title*="ตุลย์"]:hover {
    background-position: -198px -900px
}

.zodiac-list a[title*="พิจิก"]:hover {
    background-position: -198px -1050px
}

.zodiac-list a[title*="ธนู"]:hover {
    background-position: -198px -1200px
}

.zodiac-list a[title*="มังกร"]:hover,
.zodiac-list a[title*="มกร"]:hover {
    background-position: -198px -1350px
}

.zodiac-list a[title*="กุมภ์"]:hover {
    background-position: -198px -1500px
}

.zodiac-list a[title*="มีน"]:hover {
    background-position: -198px -1650px
}

.horo-all [class*="_child"] article:first-child,
.horo-all [class*="_child"] article:first-child+article+article+article,
.horo-all [class*="_child"] article:first-child+article+article+article+article+article+article,
.horo-all [class*="_child"] article:first-child+article+article+article+article+article+article+article+article+article,
.horo-all [class*="_child"] article:first-child+article+article+article+article+article+article+article+article+article+article+article+article {
    margin-left: 0
}

.horo-all [class*="_child"] article {
    width: 32.2%
}

.horo-all [class*="_child"] article a {
    display: block;
    padding: 180px 25px 25px;
    height: 85px;
    text-align: center;
    background-color: #ede7f0;
    background-image: url(../di/sprite-horoscope-d-2.png);
    background-repeat: no-repeat
}

.horo-all [class*="_child"] article a h3 {
    margin-bottom: 10px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #420040
}

.horo-all [class*="_child"] article a p {
    line-height: 1.4
}

.horo-all [class*="_child"] article a:hover {
    background-color: #e2d6e8
}

.horo-all [class*="_child"] article a[title*="ท่าโยคะตามราศี"] {
    background-position: center -3976px;
}

.horo-all [class*="_child"] article a[title*="ดูดวงสมพงศ์ตามราศี"] {
    background-position: center -3593px
}

.horo-all [class*="_child"] article a[title*="กราฟชีวิต"] {
    background-position: center 25px
}

.horo-all [class*="_child"] article a[title*="บราทายนิสัย"] {
    background-position: center -323px
}

.horo-all [class*="_child"] article a[title*="ทำนายฝัน"] {
    background-position: center -674px
}

.horo-all [class*="_child"] article a[title*="ไพ่ยิปซีรายวัน"] {
    background-position: center -1026px
}

.horo-all [class*="_child"] article a[title*="เซียมซี"] {
    background-position: center -1374px
}

.horo-all [class*="_child"] article a[title*="ไฝพยากรณ์"] {
    background-position: center -1728px
}

.horo-all [class*="_child"] article a[title*="วิเคราะห์ชื่อ"] {
    background-position: center -2079px
}

.horo-all [class*="_child"] article a[title*="รหัสลับดวงดาว"] {
    background-position: center -2427px
}

.horo-all [class*="_child"] article a[title*="แบบทดสอบ"] {
    background-position: center -2827px
}

.horo-all [class*="_child"] article a[title*="ไพ่ยิปซีความรัก"] {
    background-position: center -3126px
}


.analyse:before,
.analyse:after {
    content: " ";
    display: table
}

.analyse:after {
    clear: both
}

.ms-error {
    color: #f00;
    font-size: 14px;
    font-size: 1.4rem;
    clear: both;
    margin: 10px 0
}

[id="wrapper"][class*="index"] .horo-sm-all [class*="_child"] article a {
    padding: 15px 5px 10px 90px;
    height: 65px
}

[id="wrapper"][class*="index"] .horo-sm-all [class*="_child"] article a h3 {
    margin-bottom: 5px;
    font-size: 14px;
    font-size: 1.4rem
}

[id="wrapper"][class*="index"] .horo-sm-all [class*="_child"] article a p {
    font-size: 12px;
    font-size: 1.2rem
}

[id="wrapper"][class*="category"] #main-content {
    font-size: 13px;
    font-size: 1.3rem
}

[id="wrapper"][class*="category"] #main-content h1 {
    margin-bottom: 10px
}

[id="wrapper"][class*="horoscope"] .horo-daily {
    border: 1px solid #e9e9e9;
    padding: 15px;
    color: #707070
}

[id="wrapper"][class*="horoscope"] .horo-daily ul li:first-child ~ li {
    margin: 0 0 10px 4px
}

[id="wrapper"][class*="horoscope"] .horo-daily ul li {
    width: 13.7%;
    height: auto
}

[id="wrapper"][class*="horoscope"] .horo-daily ul li a {
    display: block;
    text-align: center;
    background-image: url(../di/sprite-horoday.png);
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 90px
}

[id="wrapper"][class*="horoscope"] .horo-daily ul li a[title*="จันทร์"] {
    background-position: center -150px
}

[id="wrapper"][class*="horoscope"] .horo-daily ul li a[title*="อังคาร"] {
    background-position: center -300px
}

[id="wrapper"][class*="horoscope"] .horo-daily ul li a[title*="พุธ"] {
    background-position: center -450px
}

[id="wrapper"][class*="horoscope"] .horo-daily ul li a[title*="พฤหัส"] {
    background-position: center -600px
}

[id="wrapper"][class*="horoscope"] .horo-daily ul li a[title*="ศุกร์"] {
    background-position: center -750px
}

[id="wrapper"][class*="horoscope"] .horo-daily ul li a[title*="เสาร์"] {
    background-position: center -900px
}

[id="wrapper"][class*="horoscope"] .horo-daily ul li a[title*="อาทิตย์"] {
    background-position: center top
}

[id="wrapper"][class*="horoscope"] .horo-chinese {
    border: 1px solid #e9e9e9;
    padding: 15px;
    color: #707070
}

[id="wrapper"][class*="horoscope"] .horo-chinese ul {
    padding: 10px 30px
}

[id="wrapper"][class*="horoscope"] .horo-chinese ul li {
    margin: 0 0 30px 4.5%
}

[id="wrapper"][class*="horoscope"] .horo-chinese ul li a[title*="ชวด"]:hover {
    background-position: -163px 21px
}

[id="wrapper"][class*="horoscope"] .horo-chinese ul li a[title*="ฉลู"]:hover {
    background-position: -173px -180px
}

[id="wrapper"][class*="horoscope"] .horo-chinese ul li a[title*="ขาล"]:hover {
    background-position: -173px -388px
}

[id="wrapper"][class*="horoscope"] .horo-chinese ul li a[title*="เถาะ"]:hover {
    background-position: -173px -577px
}

[id="wrapper"][class*="horoscope"] .horo-chinese ul li a[title*="มะโรง"]:hover {
    background-position: -175px -793px
}

[id="wrapper"][class*="horoscope"] .horo-chinese ul li a[title*="มะเส็ง"]:hover {
    background-position: -172px -987px
}

[id="wrapper"][class*="horoscope"] .horo-chinese ul li a[title*="มะเมีย"]:hover {
    background-position: -181px -2027px
}

[id="wrapper"][class*="horoscope"] .horo-chinese ul li a[title*="มะแม"]:hover {
    background-position: -179px -2191px
}

[id="wrapper"][class*="horoscope"] .horo-chinese ul li a[title*="วอก"]:hover {
    background-position: -174px -1187px
}

[id="wrapper"][class*="horoscope"] .horo-chinese ul li a[title*="ระกา"]:hover {
    background-position: -171px -1390px
}

[id="wrapper"][class*="horoscope"] .horo-chinese ul li a[title*="จอ"]:hover {
    background-position: -172px -1583px
}

[id="wrapper"][class*="horoscope"] .horo-chinese ul li a[title*="กุน"]:hover {
    background-position: -171px -1781px
}

[id="wrapper"][class*="horoscope"] .horo-chinese ul li:first-child,
[id="wrapper"][class*="horoscope"] .horo-chinese ul li:first-child+li+li+li+li,
[id="wrapper"][class*="horoscope"] .horo-chinese ul li:first-child+li+li+li+li+li+li+li+li {
    margin-left: 0
}

[id="wrapper"][class*="horoscope"] .horo-chinese ul,
[id="wrapper"][class*="horoscope"] .horo-daily ul,
[id="wrapper"][class*="horoscope"] .horo-daily p,
[id="wrapper"][class*="horoscope"] .horo-chinese p {
    font-size: 14px;
    font-size: 1.4rem
}

[id="wrapper"][class*="horoscope"] .horo-chinese b,
[id="wrapper"][class*="horoscope"] .horo-daily b {
    font-weight: 400;
    color: #000
}

[id="wrapper"][class*="horoscope"] .daily-short,
[id="wrapper"][class*="horoscope"] .love-daily,
[id="wrapper"][class*="horoscope"] .love-month {
    background-color: #ede7f0;
    padding: 15px
}

[id="wrapper"][class*="horoscope"] .daily-short [class*="_child"][class*="-grid-4-4x"] p {
    line-height: 1.5
}

[id="wrapper"][class*="horoscope"] .daily-short [class*="_child"][class*="-grid-4-4x"] p:first-child>span {
    font-weight: 700
}

[id="wrapper"][class*="horoscope"] .daily-short form p {
    margin-bottom: 5px
}

[id="wrapper"][class*="horoscope"] .daily-short form p>span {
    background-color: #fff;
    display: block;
    width: 64%;
    padding: 0 2.5%;
    float: left;
    margin-right: 5px;
    font-weight: 100
}

[id="wrapper"][class*="horoscope"] .daily-short form p>span input[type="text"] {
    width: 20px;
    padding: 0 3px;
    text-align: center
}

[id="wrapper"][class*="horoscope"] .daily-short form p>span label {
    font-weight: 400
}

[id="wrapper"][class*="horoscope"] .daily-short form p input[type="submit"] {
    max-width: 83px
}

[id="wrapper"][class*="horoscope"] .daily-short form p:first-child>input[type="text"] {
    width: 95%;
    padding: 0 2.5%
}

[id="wrapper"][class*="horoscope"] .daily-short form .select-date ~ .b-core-ui-select__dropdown {
    margin-left: 3px
}

[id="wrapper"][class*="horoscope"] .daily-short form .b-core-ui-select:first-child,
[id="wrapper"][class*="horoscope"] .daily-short form .sidebar .horo-check div[class*="_child"] .select-year+.b-core-ui-select,
.sidebar .horo-check div[class*="_child"] [id="wrapper"][class*="horoscope"] .daily-short form .select-year+.b-core-ui-select,
[id="wrapper"][class*="horoscope"] .daily-short form .sidebar [class*="sms-"] div[class*="_child"] .select-year+.b-core-ui-select,
.sidebar [class*="sms-"] div[class*="_child"] [id="wrapper"][class*="horoscope"] .daily-short form .select-year+.b-core-ui-select,
[id="wrapper"][class*="horoscope"] .daily-short form .sidebar .horo-live div[class*="_child"] .select-year+.b-core-ui-select,
.sidebar .horo-live div[class*="_child"] [id="wrapper"][class*="horoscope"] .daily-short form .select-year+.b-core-ui-select {
    margin-left: 0;
    width: 9%
}

[id="wrapper"][class*="horoscope"] .daily-short form .b-core-ui-select:first-child+.b-core-ui-select__dropdown,
[id="wrapper"][class*="horoscope"] .daily-short form .sidebar .horo-check div[class*="_child"] .select-year+.b-core-ui-select+.b-core-ui-select__dropdown,
.sidebar .horo-check div[class*="_child"] [id="wrapper"][class*="horoscope"] .daily-short form .select-year+.b-core-ui-select+.b-core-ui-select__dropdown,
[id="wrapper"][class*="horoscope"] .daily-short form .sidebar [class*="sms-"] div[class*="_child"] .select-year+.b-core-ui-select+.b-core-ui-select__dropdown,
.sidebar [class*="sms-"] div[class*="_child"] [id="wrapper"][class*="horoscope"] .daily-short form .select-year+.b-core-ui-select+.b-core-ui-select__dropdown,
[id="wrapper"][class*="horoscope"] .daily-short form .sidebar .horo-live div[class*="_child"] .select-year+.b-core-ui-select+.b-core-ui-select__dropdown,
.sidebar .horo-live div[class*="_child"] [id="wrapper"][class*="horoscope"] .daily-short form .select-year+.b-core-ui-select+.b-core-ui-select__dropdown {
    width: 7% !important
}

[id="wrapper"][class*="horoscope"] .daily-short form .b-core-ui-select {
    margin-left: 3px
}

[id="wrapper"][class*="horoscope"] .daily-short form .select-date+.b-core-ui-select {
    width: 26.5%
}

[id="wrapper"][class*="horoscope"] .daily-short form .select-date+.b-core-ui-select+.b-core-ui-select__dropdown {
    width: 12.2% !important
}

[id="wrapper"][class*="horoscope"] .daily-short form .select-month+.b-core-ui-select {
    width: 17%
}

[id="wrapper"][class*="horoscope"] .daily-short form .select-month+.b-core-ui-select+.b-core-ui-select__dropdown {
    width: 9.4% !important
}

[id="wrapper"][class*="horoscope"] #content [class*="_child"][class*="-grid-4-4x"]>section {
    width: 270px
}

[id="wrapper"][class*="horoscope"] #content [class*="_child"][class*="-grid-4-4x"]>p,
[id="wrapper"][class*="horoscope"] #content [class*="_child"][class*="-grid-4-4x"]>form,
[id="wrapper"][class*="horoscope"] #content [class*="_child"][class*="-grid-4-4x"]>div {
    width: 285px
}

[id="wrapper"][class*="horoscope"] #content [class*="_child"][class*="-grid-4-4x"] .love-daily>p,
[id="wrapper"][class*="horoscope"] #content [class*="_child"][class*="-grid-4-4x"] .love-month>p {
    padding-left: 70px;
    margin-bottom: 15px;
    line-height: 1.5;
    background-image: url(../di/sprite-horoscope-2d-2.png);
    background-repeat: no-repeat;
    min-height: 63px
}

[id="wrapper"][class*="horoscope"] #content [class*="_child"][class*="-grid-4-4x"] .love-daily>a,
[id="wrapper"][class*="horoscope"] #content [class*="_child"][class*="-grid-4-4x"] .love-month>a {
    display: block;
    font-family: sukhumvitreg;
    font-weight: 400;
    font-size: 19px;
    font-size: 1.9rem;
    text-align: center;
    height: 43px;
    line-height: 2.4;
    background-color: #fe9e00;
    color: #fff
}

[id="wrapper"][class*="horoscope"] #content [class*="_child"][class*="-grid-4-4x"] .love-daily>a:hover,
[id="wrapper"][class*="horoscope"] #content [class*="_child"][class*="-grid-4-4x"] .love-month>a:hover {
    background-color: #ffc000
}

[id="wrapper"][class*="horoscope"] #content [class*="_child"][class*="-grid-4-4x"] .love-daily>p {
    background-position: left -3140px
}

[id="wrapper"][class*="horoscope"] #content [class*="_child"][class*="-grid-4-4x"] .love-month>p {
    background-position: left -3413px
}

.horo-zodiac>h2 {
    margin-bottom: 20px
}

.horo-zodiac p {
    font-size: 14px;
	font-size: 1.4rem;
}

.horo-zodiac li {
    width: 23%;
    text-align: center
}

.horo-zodiac li h3,
.horo-zodiac li h2 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 3px
}

.horo-zodiac li h3 span,
.horo-zodiac li h2 span {
    font-weight: 100;
    display: block;
    margin-top: 3px
}

.horo-zodiac li>a {
    display: block;
    padding-top: 130px;
    background-image: url(../di/sprite-zodiac-xl.png);
    background-repeat: no-repeat
}

.horo-zodiac li a[title*="เมษ"] {
    background-position: center top
}

.horo-zodiac li a[title*="พฤษภ"] {
    background-position: center -300px
}

.horo-zodiac li a[title*="เมถุน"],
.horo-zodiac li a[title*="มิถุน"] {
    background-position: center -600px
}

.horo-zodiac li a[title*="กรกฏ"] {
    background-position: center -900px
}

.horo-zodiac li a[title*="สิงห์"] {
    background-position: center -1200px
}

.horo-zodiac li a[title*="กันย์"] {
    background-position: center -1500px
}

.horo-zodiac li a[title*="ตุลย์"] {
    background-position: center -1800px
}

.horo-zodiac li a[title*="พิจิก"] {
    background-position: center -2100px
}

.horo-zodiac li a[title*="ธนู"] {
    background-position: center -2400px
}

.horo-zodiac li a[title*="มังกร"],
.horo-zodiac li a[title*="มกร"] {
    background-position: center -2700px
}

.horo-zodiac li a[title*="กุมภ์"] {
    background-position: center -3000px
}

.horo-zodiac li a[title*="มีน"] {
    background-position: center -3300px
}

.horo-chinese h2 {
    margin-bottom: 20px
}

.horo-chinese p {
    font-size: 14px;
    font-size: 1.4rem
}

.horo-chinese li,
.horo-chinese article {
    width: 21.5%
}

.horo-chinese li b,
.horo-chinese article b {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400
}

.horo-chinese li a,
.horo-chinese article a {
    display: block;
    text-align: center;
    background-image: url(../di/sprite-horochinese.png);
    background-repeat: no-repeat;
    padding-top: 100px
}

.horo-chinese li a[title*="ชวด"],
.horo-chinese article a[title*="ชวด"] {
    background-position: 17px 21px
}

.horo-chinese li a[title*="ฉลู"],
.horo-chinese article a[title*="ฉลู"] {
    background-position: 7px -180px
}

.horo-chinese li a[title*="ขาล"],
.horo-chinese article a[title*="ขาล"] {
    background-position: 7px -388px
}

.horo-chinese li a[title*="เถาะ"],
.horo-chinese article a[title*="เถาะ"] {
    background-position: 7px -577px
}

.horo-chinese li a[title*="มะโรง"],
.horo-chinese article a[title*="มะโรง"] {
    background-position: 5px -793px
}

.horo-chinese li a[title*="มะเส็ง"],
.horo-chinese article a[title*="มะเส็ง"] {
    background-position: 8px -987px
}

.horo-chinese li a[title*="มะเมีย"],
.horo-chinese article a[title*="มะเมีย"] {
    background-position: -1px -2027px
}

.horo-chinese li a[title*="มะแม"],
.horo-chinese article a[title*="มะแม"] {
    background-position: 1px -2191px
}

.horo-chinese li a[title*="วอก"],
.horo-chinese article a[title*="วอก"] {
    background-position: 6px -1187px
}

.horo-chinese li a[title*="ระกา"],
.horo-chinese article a[title*="ระกา"] {
    background-position: 9px -1390px
}

.horo-chinese li a[title*="จอ"],
.horo-chinese article a[title*="จอ"] {
    background-position: 8px -1583px
}

.horo-chinese li a[title*="กุน"],
.horo-chinese article a[title*="กุน"] {
    background-position: 9px -1781px
}

.obj-bra {
    font-size: 14px;
    font-size: 1.4rem
}

.obj-bra:before,
.obj-bra:after {
    content: " ";
    display: table
}

.obj-bra:after {
    clear: both
}

.obj-bra form {
    margin-top: 15px
}

.app-star ol {
    padding: 5px 0 0 20px
}

.obj-bra ol li,
.app-star ol li {
    list-style-type: decimal !important;
    margin-bottom: 2px !important;
    margin-top: 0 !important
}

.obj-bra ul>li {
    line-height: 1.4
}

.model.model.model {
    background: url("../di/bra/model.png") no-repeat 20px 0;
    float: left;
    height: 595px;
    position: relative;
    width: 272px;
    z-index: 21;
    margin: 10px 0 40px
}

.obj-box .model input.click-here {
    background: url("../di/bra/click-here.png") no-repeat 0 0;
    border: none;
    cursor: pointer;
    display: none;
    height: 69px;
    position: absolute;
    right: -20px;
    text-indent: -9999px;
    top: 75px;
    width: 121px
}

.bra-colour ul li p {
    padding: 0
}

.bra-colour {
    background: url("../di/bra/bg-bra.png") no-repeat 0 0;
    height: 477px;
    position: absolute;
    right: 0;
    top: 175px;
    width: 445px;
    z-index: 10
}

.obj-box .bra-colour ul {
    overflow: hidden
}

.obj-box .model p {
    height: 185px;
    left: 50px;
    position: absolute;
    top: 125px;
    width: 96px;
    display: none
}

.obj-box .model p.model-blue {
    background: url("../di/bra/model-blue.jpg") no-repeat 0 0
}

.obj-box .model p.model-yellow {
    background: url("../di/bra/model-yellow.jpg") no-repeat 0 0
}

.obj-box .model p.model-pink {
    background: url("../di/bra/model-pink.jpg") no-repeat 0 0
}

.obj-box .model p.model-red {
    background: url("../di/bra/model-red.jpg") no-repeat 0 0
}

.obj-box .model p.model-purple {
    background: url("../di/bra/model-purple.jpg") no-repeat 0 0
}

.obj-box .model p.model-black {
    background: url("../di/bra/model-black.jpg") no-repeat 0 0
}

.obj-box .model p.model-white {
    background: url("../di/bra/model-white.jpg") no-repeat 0 0
}

.bra-colour h2 {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.bra-colour>ul {
    padding: 15px 0 0 57px
}

.bra-colour ul li {
    float: left;
    height: 130px;
    margin: 15px 0 0 40px;
    width: 75px
}

.bra-colour ul li p a {
    display: block;
    height: 130px;
    text-indent: -9999px;
    width: 75px
}

.bra-colour ul li.bra-blue p a {
    background: url("../di/bra/bra-blue.jpg") no-repeat 0 0
}

.bra-colour ul li.bra-yellow p a {
    background: url("../di/bra/bra-yellow.jpg") no-repeat 0 0
}

.bra-colour ul li.bra-pink p a {
    background: url("../di/bra/bra-pink.jpg") no-repeat 0 0
}

.bra-colour ul li.bra-red p a {
    background: url("../di/bra/bra-red.jpg") no-repeat 0 0
}

.bra-colour ul li.bra-purple p a {
    background: url("../di/bra/bra-purple.jpg") no-repeat 0 0
}

.bra-colour ul li.bra-black p a {
    background: url("../di/bra/bra-black.jpg") no-repeat 0 0
}

.bra-colour ul li.bra-white {
    width: 345px
}

.bra-colour ul li.bra-white p {
    margin: 0 auto;
    width: 113px
}

.bra-colour ul li.bra-white p a {
    background: url("../di/bra/bra-white.jpg") no-repeat 0 0
}

[id="wrapper"][class*="category"] #content .b-core-ui-select,
[id="wrapper"][class*="read"] #content .b-core-ui-select,
.sidebar .b-core-ui-select {
    border-radius: 0;
    background-image: none;
    background-color: #fff;
    border: 0;
    height: 30px;
    padding: 0 35px 0 8px;
    font-size: 12px;
    font-size: 1.2rem
}

[id="wrapper"][class*="category"] #content .b-core-ui-select__button,
[id="wrapper"][class*="read"] #content .b-core-ui-select__button,
.sidebar .b-core-ui-select__button {
    border-left: 7px solid rgba(75, 0, 73, 0);
    border-right: 7px solid rgba(75, 0, 73, 0);
    border-top: 7px solid #420040;
    z-index: 1;
    margin: 0;
    top: 13px;
    right: 8px
}

[id="wrapper"][class*="category"] #content .b-core-ui-select:after,
[id="wrapper"][class*="read"] #content .b-core-ui-select:after,
.sidebar .b-core-ui-select:after {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    content: " ";
    background-color: #e0d2e6;
    z-index: 0
}

[id="wrapper"][class*="category"] #content .b-core-ui-select__dropdown,
[id="wrapper"][class*="read"] #content .b-core-ui-select__dropdown,
.sidebar .b-core-ui-select__dropdown {
    border-radius: 0;
    background-image: none;
    background-color: #fff;
    border: 0;
    z-index: 10 !important;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 0
}

[id="wrapper"][class*="category"] #content .b-core-ui-select__dropdown__item,
[id="wrapper"][class*="read"] #content .b-core-ui-select__dropdown__item,
.sidebar .b-core-ui-select__dropdown__item {
    padding-left: 10px;
    margin-bottom: 5px;
    font-size: 12px;
    font-size: 1.2rem
}

[id="wrapper"][class*="category"] #content .b-core-ui-select__value,
[id="wrapper"][class*="read"] #content .b-core-ui-select__value,
.sidebar .b-core-ui-select__value {
    padding: 6px 5px 4px 0
}

[id="wrapper"][class*="category"] #content .b-core-ui-select:hover:after,
[id="wrapper"][class*="read"] #content .b-core-ui-select:hover:after,
.sidebar .b-core-ui-select:hover:after {
    background-color: #c4a6d1
}

[id="wrapper"][class*="category"] #content .b-core-ui-select:hover .b-core-ui-select__button,
[id="wrapper"][class*="read"] #content .b-core-ui-select:hover .b-core-ui-select__button,
.sidebar .b-core-ui-select:hover .b-core-ui-select__button {
    border-left: 7px solid rgba(255, 255, 255, 0);
    border-right: 7px solid rgba(255, 255, 255, 0);
    border-top: 7px solid #fff
}

[id="wrapper"][class*="category"] #content .b-core-ui-select.open,
[id="wrapper"][class*="read"] #content .b-core-ui-select.open,
.sidebar .b-core-ui-select.open {
    border-radius: 0
}

[id="wrapper"][class*="category"] #content .b-core-ui-select:hover,
[id="wrapper"][class*="read"] #content .b-core-ui-select:hover,
.sidebar .b-core-ui-select:hover {
    background-color: #fff
}

[id="wrapper"][class*="category"] #content .b-core-ui-select__dropdown ul li,
[id="wrapper"][class*="read"] #content .b-core-ui-select__dropdown ul li,
.sidebar .b-core-ui-select__dropdown ul li {
    background-image: none
}

[id="wrapper"][class*="category"] #content .b-core-ui-select__dropdown ul li:first-child,
[id="wrapper"][class*="read"] #content .b-core-ui-select__dropdown ul li:first-child,
.sidebar .b-core-ui-select__dropdown ul li:first-child {
    display: none
}

[id="wrapper"][class*="category"] #content input[type="text"],
.sidebar input[type="text"] {
    background-color: #fff;
    height: 30px;
    font-size: 13px;
    font-size: 1.3rem
}

[id="wrapper"][class*="category"] #content input[type="submit"],
.sidebar input[type="submit"] {
    background-color: #fe9e00;
    font-family: sukhumvitreg;
    font-weight: 400;
    line-height: 1;
    padding: 5px 15px 0;
    color: #fff;
    text-align: center;
    text-indent: 0;
    cursor: pointer;
    height: 30px;
    font-size: 19px;
    font-size: 1.9rem
}

[id="wrapper"][class*="category"] #content input[type="submit"]:hover,
.sidebar input[type="submit"]:hover {
    background-color: #ffc000
}

.analyse [class*="blockgame"][class*="-dream"]:before,
.analyse [class*="blockgame"][class*="-dream"]:after {
    content: " ";
    display: table
}

.analyse [class*="blockgame"][class*="-dream"]:after {
    clear: both
}

.dreamresult em {
    font-size: 14px;
    font-size: 1.4rem
}

#content .graph-tab section>h2,
#content .graph-tab section>h3 {
    font-family: tahoma;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700
}

#content .graph-tab>section>h2 {
    padding-bottom: 0;
    margin: 0;
    color: #6f4892
}

#content .graph-tab>section>h2+p {
    color: #6f4892
}

#content .graph-tab>section#tabs-5>h2 {
    color: #464646
}

#content .graph-tab>section#tabs-5>h2+p {
    color: #464646
}

#content .graph-tab h2+img {
    margin-top: 20px
}

#content .graph-tab .graph-result>h2 {
    color: #464646
}

.graph-tab>section {
    padding: 10px 0 0
}

.graph-tab p span,
.graph-tab p b {
    font-size: 14px;
    font-size: 1.4rem;
    color: #6f4892
}

.graph-tab>a {
    background-image: url("../di/tab-graph.png");
    background-repeat: no-repeat;
    text-indent: -9999px;
    display: block;
    height: 37px;
    position: absolute;
    top: 1px;
    right: 0;
    width: 112px;
    background-position: center -292px;
    border-right: 1px solid #dfdfdf
}

.graph-tab>a:hover {
    background-color: #fe9e00;
    background-position: center -353px
}

.graph-tab ul.ui-tabs-nav {
    margin: 0;
    padding: 0;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    width: 100%
}

.graph-tab ul.ui-tabs-nav>li {
    border-right: 1px solid #dfdfdf;
    float: left
}

.graph-tab ul.ui-tabs-nav>li a {
    background-image: url("../di/tab-graph.png");
    background-repeat: no-repeat;
    text-indent: -9999px;
    display: block;
    height: 37px
}

.graph-tab ul.ui-tabs-nav>li a:hover {
    background-color: #ede7f0
}

.graph-tab ul.ui-tabs-nav>li.ui-state-active a {
    background-color: #ede7f0
}

.graph-tab ul.ui-tabs-nav>li:first-child {
    border-left: 1px solid #dfdfdf;
    width: 90px
}

.graph-tab ul.ui-tabs-nav>li:first-child a {
    background-position: center top
}

.graph-tab ul.ui-tabs-nav>li:first-child+li {
    width: 67px
}

.graph-tab ul.ui-tabs-nav>li:first-child+li a {
    background-position: center -55px
}

.graph-tab ul.ui-tabs-nav>li:first-child+li+li {
    width: 80px
}

.graph-tab ul.ui-tabs-nav>li:first-child+li+li a {
    background-position: center -107px
}

.graph-tab ul.ui-tabs-nav>li:first-child+li+li+li {
    width: 60px
}

.graph-tab ul.ui-tabs-nav>li:first-child+li+li+li a {
    background-position: center -173px
}

.graph-tab ul.ui-tabs-nav>li:first-child+li+li+li+li {
    width: 205px
}

.graph-tab ul.ui-tabs-nav>li:first-child+li+li+li+li a {
    background-position: center -229px
}

.detailgraph span,
.detailgraph b {
    color: #6f4892
}

.ct-read:before,
.ct-read:after {
    content: " ";
    display: table
}

.ct-read:after {
    clear: both
}

.ct-read .predict-result {
    padding: 10px
}

.ct-read .predict-result>p {
    margin: 0;
    padding-left: 140px
}

.ct-read .predict-result>p b {
    display: block
}

.ct-read .predict-result>img+p {
    margin-bottom: 10px
}

.graph-wrapper h2 {
    color: #464646 !important
}

.graph-wrapper h2 span {
    color: #6f4892
}

.graph-wrapper table {
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem
}

.graph-wrapper table td {
    text-align: center
}

.graph-wrapper table td b {
    color: #f00
}

.graph-wrapper table tfoot td {
    background: #eaeaea
}

.graph-wrapper table .sub-cell01 {
    width: 5%
}

.verse-box {
    width: 97%;
    padding: 0 1.5% 20px;
    background: #fff;
    font-size: 13px;
    font-size: 1.3rem
}

.verse-box:before,
.verse-box:after {
    content: " ";
    display: table
}

.verse-box:after {
    clear: both
}

.verse-box h1 {
    font-size: 40px;
    font-size: 4rem;
    color: #704793;
    text-align: center;
    font-family: sukhumvitbold;
    font-weight: 400
}

.verse-box p {
    line-height: 1.8
}

.verse-box p span {
    width: 47%;
    padding: 0 1.5%;
    float: left;
    color: #464646
}

.ct-read .verse-result {
    display: none
}

.mole-app {
    font-size: 14px;
    font-size: 1.4rem
}

.mole-app>p:first-child {
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem
}

.mole-app h2 {
    font-size: 16px;
    font-size: 1.6rem
}

.ui-tooltip {
    position: absolute;
    z-index: 3000;
    padding: 7px 11px 9px 11px;
    background: #a38bd0;
    opacity: 0.9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff
}

.btn-back {
    display: inline-block;
    margin: 20px 0;
    float: left;
    clear: both
}

*:first-child+html .btn-back {
    display: inline;
    zoom: 1
}

.btn-back a {
    font-family: sukhumvitreg;
    font-weight: 400;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 6px 10px 2px 30px;
    background-color: #dfdfdf;
    color: #6f4892;
    display: block;
    background-position: left bottom;
    text-decoration: none !important
}

.btn-back a:hover {
    text-decoration: underline !important
}

.analyse [class*="blockgame"] .linkdream>a {
    line-height: 1.2
}

.analyse>h2 {
    font-family: sukhumvitbold;
    font-weight: 400;
    font-size: 26px;
    font-size: 2.6rem;
    color: #000 !important
}


.txt-advise,
.txt-result {
    color: #6f4892;
    font-size: 14px;
    font-size: 1.4rem
}

.txt-advise span,
.txt-result span {
    font-weight: 700
}

.txt-result {
    font-weight: 700;
    font-size: 16px;
    font-size: 1.6rem
}

.analyse [class*="blockgame"] p:before,
.analyse [class*="blockgame"] p:after,
.dreamresult:before,
.dreamresult:after,
.analyse [class*="blockseamsea"] ul:before,
.analyse [class*="blockseamsea"] ul:after {
    content: " ";
    display: table
}

.analyse [class*="blockgame"] p:after,
.dreamresult:after,
.analyse [class*="blockseamsea"] ul:after {
    clear: both
}

.analyse h2 {
    margin-bottom: 12px;

}

.analyse .analyse__title {
    font-family: sukhumvitbold;
    text-align: center;
    font-size: 35px;
    font-weight: 400;
    color: #fff !important
}

.analyse h2>b {
    color: #70358c;
    font-weight: 400
}

.analyse div>p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6
}

.analyse div>ul>li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4
}

.analyse input[type="text"] {
    background-color: #fff;
    display: block;
    padding: 7px 5px;
    border: none;
    width: 100%;
    font-size: 13px;
    font-size: 1.3rem;
    max-width: 200px
}

.analyse p small {
    color: #70358c;
    font-size: 13px;
    font-size: 1.3rem;
    font-style: italic;
    font-weight: 700
}

.analyse [class*="blockgame"] {
    background-color: #ede7f0;
    padding: 30px 5%;
    width: 90%
}
.analyse .blockgame-daily-graph {
    background-color: #6f4892;
}
.analyse [class*="blockgame"] label {
    float: left;
    margin: 6px 0 0
}

.form-half-year-later {
    background-color: #6f4892;
    padding: 30px 20px 40px !important;
		box-sizing: border-box;
		margin-bottom: 30px;
}
.form-half-year-later  * {
    box-sizing: border-box;
}
.form-half-year-later .row {
    margin-bottom: 25px;
}
.form-half-year-later .row .b-core-ui-select {
    width: 180px;
    float: left;
		margin: 0 20px 0 0;
		background-color: #5d3083 !important;
		text-shadow: inherit;
		color: #fff;
		line-height: normal;
		padding: 10px 10px 10px 13px !important;
		height: auto !important;
		border-radius: 5px !important;
		box-shadow: none;
}
.form-half-year-later .row .b-core-ui-select:after {
	background: none !important;
	height: 100% !important;
}
.form-half-year-later .row .b-core-ui-select__dropdown__item {
    text-align: left;
    width: auto;
    padding-left: 13px !important;
}
.form-half-year-later .row .b-core-ui-select__dropdown {
    width: 180px !important;
}
.form-half-year-later .row .b-core-ui-select__value {
		padding: 0 !important;
		font-family: sukhumvitreg;
		font-size: 2rem;
}
.form-half-year-later .row .select-month + .b-core-ui-select {
    margin-right: 0;
}

.form-half-year-later--h {
	font-size: 2.8rem;
}
.form-half-year-later--h label {
	color: #fff;
	letter-spacing: 0.4px;
	font-family: sukhumvitbold;
}
.form-half-year-later form input[type="text"],
.form-half-year-later form input[type="email"] {
    background-color: #fff;
    padding: 0 10px;
    height: 30px !important;
    line-height: 30px;
    margin: 0 16px 0 0;
}
.form-half-year-later form input[type="text"] {
    width: 380px;
}
.form-half-year-later form input[type="email"] {
    width: 179px;
    margin-right: 0px;
}
.form-half-year-later ul li.horo-choice {
    width: 100%;
    float: left;
    margin: 0 20px 15px 0;
    text-align: left;
    color: #fff;
    position: relative;
    cursor: pointer;
}
.form-half-year-later ul li.horo-choice strong {
	font-size: 18px;
}
.form-half-year-later ul li.horo-choice label {
	position: relative;
	display: block;
	height: 160px;
	padding: 20px;
	overflow: hidden;
	padding-left: 140px;
}
.form-half-year-later ul li.horo-choice+li.horo-choice p {
	padding-top: 20px;
}
.form-half-year-later ul li.horo-choice+li.horo-choice .circle-radio {
	margin-top: 20px;
}
.form-half-year-later ul li.horo-choice input[type="radio"] {
    position: absolute;
    visibility: hidden;
}
.form-half-year-later ul li.horo-choice:last-child {
    margin-right: 0;
}
.form-half-year-later ul li.horo-choice img {
	border-radius: 50%;
    width: 110px;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
}
.form-half-year-later ul li.horo-choice strong {
	display: block;
	margin-bottom: -10px;
}
.form-half-year-later button {
    background-color: #fe9e00;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    width: 100%;
		display: block;
		padding: 8px 0;
    text-indent: 0;
    font-family: sukhumvitreg;
    font-weight: 400;
    font-size: 22px;
    font-size: 2.2rem;
    text-align: center;
		border: none;
		border-radius: 5px;
}
.form-half-year-later ul li.horo-choice .circle-radio {
    display: block;
    width: 23px;
    height: 23px;
    border: 2px solid #550f8b;
    background-color: #fff;
    position: relative;
		border-radius: 50%;
		float: left;
		margin-right: 10px;
}
.form-half-year-later ul li.horo-choice label.active .circle-radio {
	background-color: #000;
}
.form-half-year-later ul li.horo-choice label:hover,
.form-half-year-later ul li.horo-choice label:focus,
.form-half-year-later ul li.horo-choice label:active,
.form-half-year-later ul li.horo-choice label.active {
    background-color: #550f8b;
    border-radius: 5px;
    color: #fff;
}
.form-half-year-later ul li.horo-choice input[type="radio"]:checked ~ .circle-radio:after {
    content: "";
    width: 23px;
    height: 23px;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 50%;
	background-image: url('../di/half-year-later/icon-check02.svg');
	background-size: 70% auto;
	background-repeat: no-repeat;
	background-position: 2px 2px;
}
.form-half-year-later .horo-halfyear {
    margin-left: -15px;
    margin-right: -15px;
}
.form-half-year-later .horo-halfyear ul li.horo-choice {
    width: 33.3%;
    margin: 0;
    padding: 0 15px;
}
.form-half-year-later .horo-halfyear ul li.horo-choice label {
    position: relative;
    display: block;
    height: 250px;
    padding: 20px;
    overflow: inherit;
    text-align: center;
}
.form-half-year-later .horo-halfyear  ul li.horo-choice img {
    position: relative;
    top: 50px;
    left: 0;
    margin: 0;
}
.form-half-year-later .horo-halfyear ul li.horo-choice p {
    padding-top: 20px;
}
.form-half-year-later .horo-halfyear ul li.horo-choice .circle-radio {
    float: none;
    margin: 20px auto;
}
.form-half-year-later .b-core-ui-select__button {
	border-top: 7px solid #fff !important;
	top: 20px !important;
	right: 13px !important;
}
.r-half-year-footer {
	display: block;
    overflow: hidden;
    margin-bottom: 20px;
}
.r-half-year-footer--h {
	font-family: sukhumvitbold;
	font-size: 2.6rem;
	font-weight: 400;
}
.r-half-year-footer--3col a {
	width: 200px;
	padding: 20px 0;
	margin-right: 5px;
	margin-bottom: 5px;
	display: block;
	float: left;
	text-align: center;
}
.r-half-year-footer--3col a:nth-child(3n+1) {
	clear: left;
}
.r-half-year-footer--3col a:hover {
	background-color: #ede7f0;
}
.r-half-year-footer--3col a.active {
	background-color: #eaeaea;
}
.r-half-year-footer--3col a article {
	display: block;
	width: 155px;
	margin: 0 auto;
}

.r-half-year-footer--3col a img {
	display: block;
	width: 150px;
	height: auto;
	border-radius: 50%;
	border: solid 1px #dedede;
	margin-bottom: 10px;
}
.r-half-year-footer--3col article a:hover img {

}
.r-half-year-footer--3col a strong {
	font-family: sukhumvitbold;
	font-weight: 400;
	font-size: 1.8rem;
	line-height: 1.2;
}
.r-half-year-footer p {
    text-align: right;
	margin-bottom: 10px;
	font-style: italic;
}
.r-half-year-footer [class*="col-"] {
    width: 50%;
    float: left;
}
.r-half-year-footer .col-right {
    text-align: right;
}
.r-half-year-footer .col-right a {
	display: block;
	color: #6f4994;
}
.r-half-year-footer .col-right a:hover {
	text-decoration: underline !important;
}
.r-half-year-footer .col-right a:after {
	content: ' >>';
}

.r-half-year-footer .btn-back {
	margin: 0 0 20px;
}
.predict-others-button {
	margin-bottom: 25px;
}
.predict-others-button a {
	border: solid 2px #714695;
	border-radius: 25px;
	display: block;
	width: 150px;
	height: 46px;
	line-height: 2.6;
	text-align: center;
	font-family: sukhumvitbold;
	font-size: 1.8rem;
	float: left;
	margin: 0 10px 15px 0;
}
.predict-others-button a:hover {
	text-decoration: none;
	background-color: #f1ecf3;
}
.analyse .submitgame-btn {
    background-color: #420040;
    text-decoration: none;
    max-width: 130px;
    padding: 3px 20px 0;
    display: block;
    height: 30px;
    color: #fff;
    text-indent: 0;
    font-family: sukhumvitreg;
    font-weight: 400;
    font-size: 20px;
    font-size: 2rem;
    text-align: center
}

.analyse .submitgame-btn:hover {
    background-color: #744f8c
}

.analyse [class*="blockgame"][class*="-name"] input[type="text"] {
    overflow: hidden;
    max-width: 190px;
    float: left;
    margin-right: 15px
}

.analyse [class*="blockgame"][class*="-dream"] {
    margin-bottom: 2px !important
}

.analyse [class*="blockgame"][class*="-dream"] input[type="text"] {
    overflow: hidden;
    max-width: 327px;
    float: left;
    margin: 0 3px 0 10px
}

.analyse [class*="blockgame"][class*="-dream"] .submitgame-btn {
    margin: 0
}

.analyse [class*="blockgame"][class*="-dream"]>span {
    float: left;
    margin: 6px 0 0
}

.analyse [class*="blockgame"] .linkdream>a {
    color: #420040;
    display: block;
    float: left;
    font-size: 22px;
    font-size: 2.2rem;
    margin: 0 0 10px;
    width: 37px;
    text-align: center
}

.analyse [class*="blockgame"] .linkdream>a:hover {
    color: #744f8c
}

.analyse [class*="blockgame"][class*="-daily"] input[type="text"] {
    overflow: hidden;
    max-width: 300px;
    float: left
}

.analyse [class*="blockgame"][class*="-daily"] p>input[type="text"] {
    max-width: 98%;
    margin-right: 0;
    float: none
}

.analyse [class*="blockgame"][class*="-daily"] p {
    margin-bottom: 10px
}

.analyse [class*="blockgame"][class*="-daily"] .b-core-ui-select {
    width: 97px;
    margin-right: 3px
}

.analyse [class*="blockgame"][class*="-daily"] .b-core-ui-select__dropdown {
    width: 128px !important
}

.analyse [class*="blockgame"][class*="-daily"] p>span {
    background-color: #fff;
    width: 110px;
    padding: 0 9px
}

.analyse [class*="blockgame"][class*="-daily"] p>span>label {
    margin-right: 10px;
    font-size: 13px;
    font-size: 1.3rem
}

.analyse [class*="blockgame"][class*="-daily"] p>span>span {
    margin: 6px 0 0
}

.analyse [class*="blockgame"][class*="-daily"] p>span>* {
    float: left;
    margin-right: 0
}

.analyse [class*="blockgame"][class*="-daily"] p>span>input[type="text"] {
    max-width: 25px;
    text-align: center
}

.analyse [class*="blockgame"][class*="-daily"] .submitgame-btn {
    margin: 20px auto 0;
    width: 100px
}

.analyse [class*="blockgame"][class*="-graph"] .submitgame-btn {
    margin: 0px auto 0;
    width: 127px
}

#content .dreamtop {
    margin-bottom: 40px
}

#content .dreamtop>p:first-child {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 20px
}

#content .dreamtop>ul {
    margin-top: 10px
}

#content .dreamtop>ul:before,
#content .dreamtop>ul:after {
    content: " ";
    display: table
}

#content .dreamtop>ul:after {
    clear: both
}

#content .dreamtop>ul li {
    color: #656565;
    line-height: 2;
    width: 25%;
    margin-left: 0;
    float: left
}

#content .dreamtop>ul li a {
    color: #420040;
    padding-right: 7px;
    word-wrap: break-word
}

#content .dreamtop>ul li:first-child+li+li+li+li,
#content .dreamtop>ul li:first-child+li+li+li+li+li+li+li+li,
#content .dreamtop>ul li:first-child+li+li+li+li+li+li+li+li+li+li+li+li,
#content .dreamtop>ul li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
#content .dreamtop>ul li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
#content .dreamtop>ul li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
#content .dreamtop>ul li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
#content .dreamtop>ul li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
#content .dreamtop>ul li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
#content .dreamtop>ul li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
#content .dreamtop>ul li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
#content .dreamtop>ul li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
#content .dreamtop>ul li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
#content .dreamtop>ul li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
#content .dreamtop>ul li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li {
    clear: left
}

.horo-sm-all ul li,
.horo-sm-all [class*="_child"] article {
    background-image: none !important;
    width: 32.2%;
    padding-left: 0 !important
}

.horo-sm-all ul li:first-child,
.horo-sm-all ul li:first-child+li+li+li,
.horo-sm-all ul li:first-child+li+li+li+li+li+li {
    margin-left: 0 !important
}

.horo-sm-all [class*="_child"] article h3 {
    margin-bottom: 15px;
    color: #420040
}

.horo-sm-all [class*="_child"] article p {
    line-height: 1.4
}

.horo-sm-all ul li a,
.horo-sm-all [class*="_child"] article a {
    font-size: 16px;
    font-size: 1.6rem;
    height: 55px;
    display: block;
    padding: 35px 0 0 88px;
    color: #420040;
    background-color: #ede7f0;
    background-image: url(../di/sprite-horoscope-2d-2.png);
    background-repeat: no-repeat
}

.horo-sm-all ul li a {
    font-weight: 700;
    text-decoration: none
}

@media only screen and (max-width: 1025px) {
  .horo-sm-all ul li a br {
    display: none;
  }
}

.horo-sm-all ul li a:hover,
.horo-sm-all [class*="_child"] article a:hover {
    background-color: #e2d6e8;
    text-decoration: none
}

.horo-sm-all a[title*="ดูดวงสมพงศ์ตามราศี"] {
    background-position: 7px -3769px
}

.horo-sm-all a[title*="กราฟชีวิต"] {
    background-position: 10px 10px
}

.horo-sm-all a[title*="บราทายนิสัย"] {
    background-position: 10px -340px
}

.horo-sm-all a[title*="ทำนายฝัน"] {
    background-position: 10px -690px
}

.horo-sm-all a[title*="ไพ่ยิปซีรายวัน"] {
    background-position: 10px -1040px
}

.horo-sm-all a[title*="เซียมซี"] {
    background-position: 10px -1390px
}

.horo-sm-all a[title*="ไฝพยากรณ์"] {
    background-position: 10px -1742px
}

.horo-sm-all a[title*="วิเคราะห์ชื่อ"] {
    background-position: 10px -2090px
}

.horo-sm-all a[title*="รหัสลับดวงดาว"] {
    background-position: 10px -2440px
}

.horo-sm-all a[title*="แบบทดสอบ"] {
    background-position: 10px -2840px
}

.horo-sm-all a[title*="ไพ่ยิปซีความรัก"] {
    background-position: 10px -3592px
}

.horo-sm-all a[title*="ท่าโยคะตามราศี"] {
    background-position: 10px -4014px;
}

[id="wrapper"][class*="read"] .horo-daily {
    margin-bottom: 50px
}

[id="wrapper"][class*="read"] .horo-daily p {
    font-size: 14px;
    font-size: 1.4rem
}

[id="wrapper"][class*="read"] .horo-daily ul>li {
    width: 32.2%;
    height: 200px
}

[id="wrapper"][class*="read"] .horo-daily ul>li:first-child,
[id="wrapper"][class*="read"] .horo-daily ul>li:first-child+li+li+li,
[id="wrapper"][class*="read"] .horo-daily ul>li:first-child+li+li+li+li+li+li {
    margin-left: 0
}

[id="wrapper"][class*="read"] .horo-daily ul>li a {
    display: block;
    padding: 175px 0 0;
    height: 30px;
    background-image: url(../di/sprite-horodaily.png);
    background-repeat: no-repeat;
    text-align: center;
    text-decoration: none
}

[id="wrapper"][class*="read"] .horo-daily ul>li a:hover {
    text-decoration: underline
}

[id="wrapper"][class*="read"] .horo-daily ul>li a[title*="อาทิตย์"] {
    background-position: center 0px
}

[id="wrapper"][class*="read"] .horo-daily ul>li a[title*="จันทร์"] {
    background-position: center -202px
}

[id="wrapper"][class*="read"] .horo-daily ul>li a[title*="อังคาร"] {
    background-position: center -402px
}

[id="wrapper"][class*="read"] .horo-daily ul>li a[title*="พุธ"] {
    background-position: center -610px
}

[id="wrapper"][class*="read"] .horo-daily ul>li a[title*="พฤหัสบดี"] {
    background-position: center -820px
}

[id="wrapper"][class*="read"] .horo-daily ul>li a[title*="ศุกร์"] {
    background-position: center -1035px
}

[id="wrapper"][class*="read"] .horo-daily ul>li a[title*="เสาร์"] {
    background-position: center -1245px
}

[id="wrapper"][class*="read"] .horo-daily ul>li b {
    font-size: 14px;
    font-size: 1.4rem
}

.horo-ads {
    text-align: center;
    margin-bottom: 20px
}

.dreamresult {
    margin-bottom: 40px
}

.dreamresult>* {
    float: left
}

.dreamresult>div {
    width: 300px;
    margin-left: 20px
}

.dreamresult h2 {
    font-size: 16px;
    font-size: 1.6rem
}

.dreamresult div>p {
    color: #656565;
    margin: 10px 0;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6
}

.dreamresult em {
    color: #70358c;
    font-style: normal
}

.analyse [class*="blocktarot"] strong {
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    display: block
}

.analyse [class*="blocktarot"] p+p {
    font-size: 13px;
    font-size: 1.3rem;
    font-style: italic;
    line-height: 1.4;
    margin-bottom: 40px !important
}

.analyse [class*="blocktarot"] p+p>span {
    color: #6f4892
}

.analyse [class*="blocktarot"] .submitgame-btn {
    max-width: 150px;
    margin: 0 auto 60px
}

#gypsy-selected-wrapper {
    position: relative;
    width: 448px;
    float: none;
    margin: 0 auto;
    height: 460px;
    display: block;
    clear: both
}

#gypsy-selected-wrapper * {
    padding: 0;
    margin: 0;
    outline: none;
    border: none
}

#gypsy-selected-wrapper ol {
    list-style-type: none;
    padding: 20px 0;
    float: left
}

#gypsy-selected-wrapper ol li.each {
    clear: left
}

#gypsy-selected-wrapper .gypsy-card {
    overflow: visible;
    position: relative;
    list-style-type: none
}

#gypsy-selected-wrapper .gypsy-card li {
    clear: none;
    overflow: visible;
    position: relative;
    width: 30px;
    height: 50px !important;
    float: left
}

#gypsy-selected-wrapper .gypsy-card li a {
    position: absolute;
    display: block;
    width: 30px;
    height: 50px !important;
    background-image: url(../di/card-gypsy.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px
}

#gypsy-selected-wrapper .gypsy-card li a:hover {
    position: absolute;
    margin-top: -15px !important;
    margin-left: -10px !important;
    width: 88px !important;
    height: 150px !important;
    background-position: -87px 0
}

#gypsy-selected-wrapper .gypsy-card li a.selected {
    position: absolute;
    margin-top: -15px !important;
    margin-left: -10px !important;
    width: 88px !important;
    height: 150px !important;
    background-position: -188px 0 !important
}

#gypsy-selected-wrapper .gypsy-card.lastrow li a:hover {
    padding: 0 12px 12px 0
}

#gypsy-selected-wrapper .gypsy-card li a.lastcard:hover {
    padding-right: 12px
}

#gypsy-selected-wrapper .gypsy-card li a.lastcard {
    width: 87px !important
}

#gypsy-selected-wrapper .gypsy-card.lastrow li a {
    height: 150px !important
}

#gypsy-selected-wrapper .gypsy-card li a.heightcard {
    height: 150px !important
}

ul.card-read {
    position: relative;
    padding-left: 160px;
    height: 266px;
    list-style-type: none
}

ul.card-read li.card-select {
    position: absolute;
    margin-left: -160px
}

ul.card-read li {
    position: relative;
    margin: 10px 5px
}

.analyse [class*="blockseamsea"] h2 {
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    color: #363636 !important
}

.analyse [class*="blockseamsea"] p>em {
    font-style: italic;
    line-height: 1.5
}

.analyse [class*="blockseamsea"] p>em>span {
    color: #6f4892
}

.analyse [class*="blockseamsea"] ul.templeseamsea li {
    width: 33%;
    float: left;
    text-align: center;
    margin: 30px 0
}

.analyse [class*="blockseamsea"] ul.templeseamsea li:first-child,
.analyse [class*="blockseamsea"] ul.templeseamsea li:first-child+li+li+li,
.analyse [class*="blockseamsea"] ul.templeseamsea li:first-child+li+li+li+li+li+li {
    clear: left
}

.analyse [class*="blockseamsea"] ul.templeseamsea li h3 {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 20px auto 0;
    width: 90%;
    line-height: 1.6
}

.seamseaplay {
    clear: both;
    display: block;
    margin: 40px auto;
    width: 400px
}

.analyse [class*="detailgraph"] h2 {
    font-size: 16px;
    font-size: 1.6rem
}

.analyse [class*="detailgraph"] p {
    margin: 1em 0
}

.analyse [class*="detailgraph"] p>b {
    color: #6f4892
}

.analyse [class*="detailgraph"] img {
    max-width: 620px;
    margin: 20px auto;
    display: block
}

.analyse [class*="gamestar"] {
    background: url(../di/bg-horostar01.jpg) no-repeat;
    background-position: 0 20px;
    height: 540px;
    margin-top: 20px;
    margin-bottom: 30px !important
}

.analyse [class*="gamestar"] b {
    font-size: 15px;
    font-size: 1.5rem;
    display: block;
    text-align: center
}

.reader .horo-app-lay p {
    margin: 0
}

.reader .horo-app-lay ul,
.reader .horo-app-lay ul li {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important
}

.reader .horo-app-lay .img-left ul li img {
    margin: 0 10px 0 5px !important
}

.reader .horo-app-lay .other-mole ul,
.other-mole ul li {
    margin: 0;
    padding: 0 0 0 13px !important;
    line-height: 1.6 !important
}

.mole-img {
    padding-bottom: 20px;
    margin: 20px auto 40px;
    border-bottom: dotted 1px #ccc;
    width: 508px;
    display: block
}

.mole-img2 {
    padding-bottom: 20px;
    margin-bottom: 10px
}

.h-mole-relate {
    height: 96px;
    margin-bottom: 15px !important;
    background: url(../di/mole/h-mole-relate.png) no-repeat
}

.h-mole-relate a {
    display: block;
    text-indent: -9999px
}

.mole-face a {
    height: 96px
}

.mole-back {
    margin-top: 40px;
    height: 154px;
    background-position: 0 -106px !important
}

.mole-back a {
    height: 154px
}

.mole-upper {
    margin-top: 31px;
    height: 66px;
    background-position: 0 -269px !important
}

.mole-upper a {
    height: 66px
}

.mole-under-hand {
    margin-top: 40px;
    height: 75px;
    background-position: 0 -344px !important
}

.mole-under-hand a {
    height: 75px
}

.mole-inner {
    margin-top: 40px;
    height: 81px;
    background-position: 0 -429px !important
}

.mole-inner a {
    height: 81px
}

.h-mole-all a {
    font-size: 18px;
    font-size: 1.8rem;
    color: #2e2e2e
}

.h-mole-all a:hover {
    text-decoration: none
}

.mole-app .column-left {
    float: left;
    margin-right: 15px;
    width: 300px
}

.mole-app .column-right {
    float: left;
    width: 300px
}

#content [class*="webboard"] h2,
#content [class*="webboard"]>header p {
    background-image: url(../di/icon_webboard.png);
    background-repeat: no-repeat;
    height: 30px
}

#content [class*="webboard"] h2 {
    border-bottom: 2px solid #111;
    background-position: 0 0;
    margin-bottom: 10px
}

#content [class*="webboard"] h3 {
    background: #e9e9e9;
    color: #111;
    font-family: sukhumvitbold;
    font-weight: 400;
    padding: 5px 0 0 8px;
    font-size: 19px;
    font-size: 1.9rem
}

#content [class*="webboard"]>header p {
    padding-left: 38px;
    font-family: sukhumvitbold;
    font-weight: 400;
    background-position: 0 -133px;
    margin-bottom: 5px;
    font-size: 19px;
    font-size: 1.9rem
}

#content [class*="webboard"]>header p+p {
    background-position: 0 -73px
}

#content [class*="webboard"]>header p>a {
    color: #111;
    font-size: 20px;
    font-size: 2rem
}

#content [class*="webboard"] ul {
    padding: 5px 0 15px 5px
}

#content [class*="webboard"] li time {
    right: 0;
    top: 0;
    white-space: nowrap
}

#content [class*="webboard"] li>span:first-child {
    position: absolute;
    left: 0;
    top: 1px;
    font-weight: 700
}

#content [class*="webboard"] li a {
    display: block
}

#content [class*="webboard"] li a>b {
    width: 75%;
    display: block
}

.sidebar .b-core-ui-select {
    margin-bottom: 10px
}

.sidebar .b-core-ui-select__dropdown {
    margin-top: -10px
}

.sidebar .horo-check,
.sidebar [class*="sms-"],
.sidebar .horo-live {
    background-color: #420040;
    color: #fff;
    padding: 15px 10px
}

.sidebar .horo-check h2,
.sidebar [class*="sms-"] h2,
.sidebar .horo-live h2 {
    color: #fff;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.4
}

.sidebar .horo-check p,
.sidebar [class*="sms-"] p,
.sidebar .horo-live p {
    line-height: 1.4
}

.sidebar .horo-check p,
.sidebar [class*="sms-"] p,
.sidebar .horo-live p {
    margin-bottom: 10px
}

.sidebar .horo-check a,
.sidebar [class*="sms-"] a,
.sidebar .horo-live a {
    color: #fff
}

.sidebar .horo-check input[type="submit"],
.sidebar [class*="sms-"] input[type="submit"],
.sidebar .horo-live input[type="submit"] {
    min-width: 89px;
    margin-left: 3px;
    font-size: 19px;
    font-size: 1.9rem
}

.sidebar .horo-check div[class*="_child"] .select-date ~ .b-core-ui-select__dropdown,
.sidebar [class*="sms-"] div[class*="_child"] .select-date ~ .b-core-ui-select__dropdown,
.sidebar .horo-live div[class*="_child"] .select-date ~ .b-core-ui-select__dropdown {
    margin-left: 3px
}

.sidebar .horo-check div[class*="_child"] .b-core-ui-select:first-child,
.sidebar [class*="sms-"] div[class*="_child"] .b-core-ui-select:first-child,
.sidebar .horo-live div[class*="_child"] .b-core-ui-select:first-child,
.sidebar .horo-check div[class*="_child"] .select-year+.b-core-ui-select,
.sidebar [class*="sms-"] div[class*="_child"] .select-year+.b-core-ui-select,
.sidebar .horo-live div[class*="_child"] .select-year+.b-core-ui-select {
    margin-left: 0;
    width: 7.5%
}

.sidebar .horo-check div[class*="_child"] .b-core-ui-select:first-child+.b-core-ui-select__dropdown,
.sidebar [class*="sms-"] div[class*="_child"] .b-core-ui-select:first-child+.b-core-ui-select__dropdown,
.sidebar .horo-live div[class*="_child"] .b-core-ui-select:first-child+.b-core-ui-select__dropdown,
.sidebar .horo-check div[class*="_child"] .select-year+.b-core-ui-select+.b-core-ui-select__dropdown,
.sidebar [class*="sms-"] div[class*="_child"] .select-year+.b-core-ui-select+.b-core-ui-select__dropdown,
.sidebar .horo-live div[class*="_child"] .select-year+.b-core-ui-select+.b-core-ui-select__dropdown {
    width: 6.7% !important
}

.sidebar .horo-check div[class*="_child"] .b-core-ui-select,
.sidebar [class*="sms-"] div[class*="_child"] .b-core-ui-select,
.sidebar .horo-live div[class*="_child"] .b-core-ui-select {
    margin-left: 3px
}

.sidebar .horo-check div[class*="_child"] .select-date+.b-core-ui-select,
.sidebar [class*="sms-"] div[class*="_child"] .select-date+.b-core-ui-select,
.sidebar .horo-live div[class*="_child"] .select-date+.b-core-ui-select {
    width: 26.5%
}

.sidebar .horo-check div[class*="_child"] .select-date+.b-core-ui-select+.b-core-ui-select__dropdown,
.sidebar [class*="sms-"] div[class*="_child"] .select-date+.b-core-ui-select+.b-core-ui-select__dropdown,
.sidebar .horo-live div[class*="_child"] .select-date+.b-core-ui-select+.b-core-ui-select__dropdown {
    width: 12.2% !important
}

.sidebar .horo-check div[class*="_child"] .select-month+.b-core-ui-select,
.sidebar [class*="sms-"] div[class*="_child"] .select-month+.b-core-ui-select,
.sidebar .horo-live div[class*="_child"] .select-month+.b-core-ui-select {
    width: 17%
}

.sidebar .horo-check div[class*="_child"] .select-month+.b-core-ui-select+.b-core-ui-select__dropdown,
.sidebar [class*="sms-"] div[class*="_child"] .select-month+.b-core-ui-select+.b-core-ui-select__dropdown,
.sidebar .horo-live div[class*="_child"] .select-month+.b-core-ui-select+.b-core-ui-select__dropdown {
    width: 9.4% !important
}

.sidebar .horo-check div[class*="_child"] .select-year+.b-core-ui-select,
.sidebar [class*="sms-"] div[class*="_child"] .select-year+.b-core-ui-select,
.sidebar .horo-live div[class*="_child"] .select-year+.b-core-ui-select {
    width: 51%
}

.sidebar .horo-check div[class*="_child"] .select-year+.b-core-ui-select+.b-core-ui-select__dropdown,
.sidebar [class*="sms-"] div[class*="_child"] .select-year+.b-core-ui-select+.b-core-ui-select__dropdown,
.sidebar .horo-live div[class*="_child"] .select-year+.b-core-ui-select+.b-core-ui-select__dropdown {
    width: 19.3% !important;
    margin-left: 0
}
/* add sex */
.sidebar .horo-check .check-date {
    margin-bottom: 15px;
    clear: both;
}
.sidebar .horo-check .check-date__error {
    color: #fe9d00;
    display: inline-block;
    padding-top: 10px;
    font-size: 13px;
}
.sidebar .horo-check .check-date__wrap {
    display: inline-block;
}
.sidebar .horo-check .check-date__radio {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    -webkit-appearance: value;
    appearance: value;
}
.sidebar .horo-check .check-date__radio:focus {  outline: none;}
.sidebar .horo-check .check-date__label {
    color: #fff;
    margin-right: 10px;
    vertical-align: middle;
}
/* end sex */
.sidebar .horo-daily h2 {
    background-color: #420040;
    color: #fff;
    padding: 10px 10px 5px;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.4
}

.sidebar .horo-daily ul li {
    background-image: none;
    border-bottom: 1px solid #fff;
    padding: 0;
    margin-bottom: 0
}

.sidebar .horo-daily ul li a {
    color: #420040;
    position: relative;
    background-color: #e9e9e9;
    padding: 8px 8px 8px 58px;
    display: block
}

.sidebar .horo-daily ul li a b:after {
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 8px;
    left: 20px;
    content: " ";
    border-radius: 15px
}

.sidebar .horo-daily ul li a:hover {
    color: #fff
}

.sidebar .horo-daily ul li a[title*="อาทิตย์"]:hover,
.sidebar .horo-daily ul li a[title*="อาทิตย์"] b:after {
    background-color: #e70000
}

.sidebar .horo-daily ul li a[title*="จันทร์"]:hover,
.sidebar .horo-daily ul li a[title*="จันทร์"] b:after {
    background-color: #ffd923
}

.sidebar .horo-daily ul li a[title*="อังคาร"]:hover,
.sidebar .horo-daily ul li a[title*="อังคาร"] b:after {
    background-color: #f15b97
}

.sidebar .horo-daily ul li a[title*="พุธ"]:hover,
.sidebar .horo-daily ul li a[title*="พุธ"] b:after {
    background-color: #13a89e
}

.sidebar .horo-daily ul li a[title*="พฤหัส"]:hover,
.sidebar .horo-daily ul li a[title*="พฤหัส"] b:after {
    background-color: #ffae00
}

.sidebar .horo-daily ul li a[title*="ศุกร์"]:hover,
.sidebar .horo-daily ul li a[title*="ศุกร์"] b:after {
    background-color: #4fc5e3
}

.sidebar .horo-daily ul li a[title*="เสาร์"]:hover,
.sidebar .horo-daily ul li a[title*="เสาร์"] b:after {
    background-color: #6f4892
}

.sidebar .horo-daily ul li b {
    font-weight: 100;
    font-size: 14px;
    font-size: 1.4rem
}

.sidebar [class*="sms-"] {
    padding-top: 135px;
    position: relative
}

.sidebar [class*="sms-"]>p:first-child {
    display: block;
    text-indent: -9999px;
    background-image: url(../di/bg-headset01.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 130px;
    position: absolute;
    top: 5px;
    left: 0
}

.sidebar [class*="sms-"] form>.b-core-ui-select {
    width: 236px
}

.sidebar [class*="sms-"] form>.b-core-ui-select+.b-core-ui-select__dropdown {
    width: 279px !important
}

.sidebar [class*="sms-"] form+p {
    margin-top: 10px
}

.sidebar [class*="sms-"] label {
    width: 43%
}

.sidebar [class*="sms-"] label[for="sms-result"] {
    width: 38%
}

.sidebar [class*="sms-"] label[for="sms-number"] {
    width: 48%
}

.sidebar [class*="sms-"] input[type="radio"] {
    margin: 3px 5px 0 0
}

.sidebar [class*="sms-"] input[type="text"] {
    font-size: 13px;
    font-size: 1.3rem;
    float: left;
    padding: 0 10px;
    width: 64%
}

.sidebar [class*="sms-"] input[type="submit"] {
    min-width: 77px
}

.sidebar [class*="sms-"] small {
    font-size: 13px;
    font-size: 1.3rem
}

.sidebar [class*="sms-"] div[class*="_child"] {
    margin-bottom: 10px
}

.sidebar [class*="sms-"] div[class*="_child"] .b-core-ui-select:first-child,
.sidebar [class*="sms-"] div[class*="_child"] .select-year+.b-core-ui-select,
.sidebar [class*="sms-"] div[class*="_child"] .select-day+.b-core-ui-select {
    width: 34%
}

.sidebar [class*="sms-"] div[class*="_child"] .b-core-ui-select:first-child+.b-core-ui-select__dropdown,
.sidebar [class*="sms-"] div[class*="_child"] .select-year+.b-core-ui-select+.b-core-ui-select__dropdown {
    width: 46% !important
}

.sidebar [class*="sms-"] div[class*="_child"] .select-day+.b-core-ui-select+.b-core-ui-select__dropdown {
    width: 46% !important;
    margin-left: 3px
}

.sidebar .sms-prediction>p:first-child {
    background-position: center 0
}

.sidebar .sms-generalzodiac {
    padding-top: 145px
}

.sidebar .sms-generalzodiac>p:first-child {
    background-position: center -610px
}

.sidebar .sms-lovezodiac {
    padding-top: 145px
}

.sidebar .sms-lovezodiac>p:first-child {
    background-position: center -388px
}

.sidebar .sms-lotto>p:first-child {
    background-position: center -822px
}

.sidebar .horo-live p:first-child {
    font-size: 36px;
    font-size: 3.6rem;
    text-align: center;
    line-height: 1.5
}

.sidebar .horo-live p:first-child span,
.sidebar .horo-live p:first-child small {
    display: block
}

.sidebar .horo-live p:first-child span {
    font-size: 24px;
    font-size: 2.4rem
}

.sidebar .horo-live p:first-child small {
    font-family: sukhumvitreg;
    font-weight: 400;
    font-size: 16px;
    font-size: 1.6rem
}

.sidebar .horo-live p:first-child a:hover {
    color: #a89bb4
}

.sidebar .horo-live a {
    color: #fff
}

.sidebar .horo-live p {
    margin-bottom: 10px
}

.sidebar .horo-live ul li {
    border-top: 1px solid #613d60;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0;
    margin-bottom: 0;
    text-align: center;
    background-image: none
}

.sidebar .horo-live ul li a {
    display: block;
    padding: 8px 0
}

.sidebar .horo-live ul li:first-child {
    border-top: 0
}

.sidebar .side-game {
    background-color: #ede7f0
}

.sidebar .side-game a {
    background-image: url(../di/sprite-horoscope-c.png);
    background-repeat: no-repeat;
    display: block;
    padding: 30px 10px 20px 160px;
    min-height: 110px
}

.sidebar .side-game a[title*="กราฟชีวิต"] {
    background-position: 10px 10px
}

.sidebar .side-game a[title*="บราทายนิสัย"] {
    background-position: 10px -338px
}

.sidebar .side-game a[title*="ทำนายฝัน"] {
    background-position: 10px -686px
}

.sidebar .side-game a[title*="ไพ่ยิปซีรายวัน"] {
    background-position: 10px -1036px
}

.sidebar .side-game a[title*="เซียมซี"] {
    background-position: 10px -1386px
}

.sidebar .side-game a[title*="ไฝพยากรณ์"] {
    background-position: 10px -1738px
}

.sidebar .side-game a[title*="วิเคราะห์ชื่อ"] {
    background-position: 10px -2089px
}

.sidebar .side-game a[title*="รหัสลับดวงดาว"] {
    background-position: 10px -2437px
}

.sidebar .side-game a[title*="แบบทดสอบ"] {
    background-position: 10px -2837px
}

.sidebar .side-game a[title*="ไพ่ยิปซีความรัก"] {
    background-position: 10px -3138px
}

.sidebar .side-game a[title*="ท่าโยคะตามราศี"] {
    background-position: center -3976px;
}

.sidebar .side-game a:hover {
    background-color: #e2d6e8
}

.sidebar .side-game p {
    margin-bottom: 10px;
    line-height: 1.5;
    color: #464646
}

.sidebar .side-game b {
    color: #420040;
    font-size: 16px;
    font-size: 1.6rem
}

.sidebar .top-share {
    background-color: #e2e1e1;
    clear: left
}

.sidebar .top-share h2 {
    display: block;
    height: 72px;
    background-color: #420040;
    background-image: url(../di/bg-headset01.png);
    background-repeat: no-repeat;
    background-position: 0 -213px !important;
    text-indent: -9999px
}

.sidebar .top-share h2 span {
    float: left;
    clear: left;
    width: 100%
}

.sidebar .top-share h3 {
    margin: 10px !important;
    font-size: 13px;
    font-size: 1.3rem;
    width: 98px;
    word-wrap: break-word
}

.sidebar .top-share>p {
    margin: 0 10px 10px;
    font-family: sukhumvitreg;
    font-weight: 400
}

.sidebar .top-share ol {
    padding: 10px
}

.sidebar .top-share ol li {
    padding: 0;
    background: none;
    margin-bottom: 15px;
    line-height: 140%
}

.sidebar .top-share ol li span:first-child {
    background-image: url(../di/icon_bullet_02.png);
    background-repeat: no-repeat;
    font-weight: 700;
    width: 25px;
    height: 25px;
    line-height: 1.7;
    background-position: -167px -172px;
    text-align: center;
    display: block;
    position: absolute;
    color: #420040
}

.sidebar .top-share ol li div span:first-child {
    background-position: 0 -172px;
    color: #fff;
    left: 70px;
    top: 33px
}

.sidebar .top-share ol li div>*:first-child {
    margin-right: 10px
}

.sidebar .top-share ol li div>a:first-child {
    width: 82px;
    display: block
}

.sidebar .top-share ol li div a {
    font-weight: 700
}

.sidebar .top-share ol li img {
    max-width: 82px;
    border: 1px solid #fff
}

.sidebar *:first-child+html .top-share h2 span {
    display: inline;
    zoom: 1
}

.sidebar .top-share ol>li+li+li+li {
    padding: 0 0 0 36px
}

.sidebar .top-share ol>li+li+li+li span:first-child {
    left: 3px
}

.sidebar [class="-1thumbnail-left"] {
    padding: 10px;
    background-color: #ede7f0
}

.sidebar [class="-1thumbnail-left"] article {
    margin-bottom: 20px;
    line-height: 1.4
}

.sidebar [class="-1thumbnail-left"] h3 {
    height: auto;
    font-weight: 700;
    position: relative;
    top: -7px
}

.sidebar [class="-1thumbnail-left"] h3>a {
    color: #420040
}

.sidebar [class="-1thumbnail-left"] p {
    font-size: 13px;
    font-size: 1.3rem;
    margin-top: 0;
    height: auto
}

[class*="ct-read"] a {
    color: inherit;
    text-decoration: underline
}

[class*="ct-read"] a:hover {
    text-decoration: none
}

.ct-read .a-default {
    color: inherit
}

.ct-read>figure {
    text-align: center
}

.ct-read img {
    display: block;
    margin: 0 auto
}

[id="wrapper"][class*="read"] #content>.reader header h1,
[id="wrapper"][class*="read"] #content>.reader header>p {
    color: #000;
    line-height: 40px;
    padding-bottom: 5px
}

[id="wrapper"][class*="read"] #content>.reader header h1 span,
[id="wrapper"][class*="read"] #content>.reader header>p span {
    color: #6f4892
}

[id="wrapper"][class*="read"] #content>.reader header h1+div,
[id="wrapper"][class*="read"] #content>.reader header>p+div {
    padding-bottom: 5px;
    border-bottom: solid 1px #ccc
}

[id="wrapper"][class*="read"] #content>.reader header h1+div *,
[id="wrapper"][class*="read"] #content>.reader header>p+div * {
    color: #adadad
}

[id="wrapper"][class*="read"] #content>.reader header h1+div a,
[id="wrapper"][class*="read"] #content>.reader header>p+div a {
    text-decoration: underline
}

[id="wrapper"][class*="read"] #content>.reader header h1+div a:hover,
[id="wrapper"][class*="read"] #content>.reader header>p+div a:hover {
    color: #420040
}

[class*="photo-read"] img {
    padding: 3px;
    border: solid 1px #bbb
}

[class*="photo-read"][class*="_child"][class*="-mg"] {
    margin-bottom: 15px
}

[id="wrapper"][class*="read"] [class*="credit"]>img ~ * {
    display: block
}

.total-shares>em {
    color: #6f4892
}

.credit {
    font-size: 110%;
    line-height: 1.4
}

.credit span,
.credit a {
    color: #6f4892
}

/*.credit a {
    text-decoration: underline
} */

.credit a:hover {
    text-decoration: none
}

[id="wrapper"][class*="read"] .social-share {
    height: 70px;
    width: 276px
}

.social-share.social-share ul li {
    width: 63px
}

.content-side {
    background: #f3f3f3
}

#content .content-side div {
    clear: none
}

#content .organic-thumbnails-e .trc_rbox_header {
    margin-top: 25px
}

.trc_rbox_header {
    margin: 15px 0
}

.trc_rbox_header_span {
    display: block;
    font-size: 2.6rem;
    font-family: sukhumvitbold;
    font-weight: 400
}

.trc_elastic .video-label-box {
    height: 58px !important
}

.item-label-href .video-title.video-title.video-title {
    color: #606060;
    font-size: 13px;
    max-height: inherit
}

.thumbnails-a .syndicatedItem .branding.branding {
    font-weight: normal
}

.trc_rbox_div {
    margin: 0 !important
}

.content-side article {
    margin: 0 4px 15px 10px;
    width: 190px
}

.content-side article h3 {
    font-size: 13px;
    margin: 5px 0 0;
    height: 56px;
    line-height: 1.4;
    overflow: hidden
}

.content-side article h3 a {
    color: #606060;
    text-decoration: none
}

.content-side article h3 a:hover {
    text-decoration: underline
}

.content-side article:first-child,
.content-side article:first-child+article+article+article {
    clear: left
}

.trc_elastic_trc_63504 .videoCube {
    margin: 0 0 15px 2% !important
}

.reader[class*="_child"][class*="-mg"]>header {
    margin-bottom: 15px
}

.ct-read .quiz-box .answer li {
    margin-bottom: 15px
}

.ct-read .quiz-box ol,
.ct-read .quiz-box ul {
    margin-bottom: 30px
}

.ct-read .quiz-box ol ol,
.ct-read .quiz-box ol ul,
.ct-read .quiz-box ul ol,
.ct-read .quiz-box ul ul {
    padding-left: 0
}

.ct-read .quiz-box ol ul li,
.ct-read .quiz-box ul ul li {
    list-style-type: none
}

.ct-read .quiz-box ol li,
.ct-read .quiz-box ul li {
    line-height: 1.8
}

.ct-read .quiz-box ol li input[type="radio"],
.ct-read .quiz-box ul li input[type="radio"] {
    float: left;
    margin: 8px 5px 0 0
}

.ct-read .quiz-box input[type="submit"] {
    background-color: #420040;
    min-width: 130px;
    padding: 3px 20px 0;
    display: block;
    height: 35px;
    color: #fff;
    text-indent: 0;
    font-size: 22px;
    font-size: 2.2rem;
    font-family: sukhumvitreg;
    font-weight: 400;
    text-align: center;
    display: block;
    margin: 0 auto
}

.ct-read .quiz-box input[type="submit"]:hover {
    background-color: #744f8c
}

.ct-read .quiz-box>p {
    position: relative;
    padding-left: 75px
}

.ct-read .quiz-box>p>span {
    display: block;
    width: 70px;
    position: absolute;
    left: 0
}

.ct-read *:first-child+html .quiz-box>p>span {
    display: inline;
    zoom: 1
}

.ct-read .daily-result>h2,
.ct-read .daily-result>h2+p {
    color: #6f4892 !important
}

.ct-read .daily-result>h2 {
    font-size: 16px;
    font-size: 1.6rem
}

.ct-read .monthly-result>p:first-child {
    color: #6f4892 !important
}

.desc {
    clear: both
}

[class*="tagrelated"],
.suggest-website {
    border: 1px solid #dfdfdf;
    padding: 15px 10px
}

[id="wrapper"][class*="read"] .sidebar>div>[class*="tagrelated"] {
    border: 0;
    padding: 0
}

[class*="tagrelated"] h2 {
    font-size: 190%
}

[class*="sidebar"]>div>[class*="tagrelated"] h2 {
    font-size: 120%
}

[class*="tagrelated"] p>a {
    padding: 5px 9px;
    margin: 0 1px 1px 0;
    white-space: nowrap
}

*:first-child+html [class*="tagrelated"] p>a {
    margin: 0 -3px 1px 0;
    float: none !important;
    display: inline !important;
    zoom: 1 !important
}

[class*="tagrelated"] p>a:hover {
    color: #fff;
    background-color: #6f4892
}

[id="wrapper"][class*="read"] [class*="sidebar"]>div[class*="_child-"] {
    background-position: right bottom;
    padding-bottom: 10px
}

[id="wrapper"][class*="read"] [class*="sidebar"] [class*="-1thumbnail-left-list"]+div aside:first-child {
    padding-top: 20px
}

[id="wrapper"][class*="read"] [class*="sidebar"]>div[class*="_child-"] aside:first-child ~ * h2,
[id="wrapper"][class*="read"] [class*="sidebar"]>div[class*="_child-"] aside:first-child ~ * h2>a>span {
    background-position: right -198px
}

[id="wrapper"][class*="read"] [class*="sidebar"]>div[class*="_child-"] aside:first-child ~ * h2>a:hover>span {
    background-position: right -238px
}

[id="wrapper"][class*="read"] [class*="sidebar"] [class*="-1thumbnail-left-list"] h3 {
    font-weight: 100
}

[id="wrapper"][class*="read"] [class*="sidebar"] [class*="-listonly"] h2,
[id="wrapper"][class*="read"] [class*="sidebar"]>div>[class*="-2thumbonly"] h2 {
    font-size: 120%
}

[id="wrapper"][class*="read"] [class*="sidebar"] [class*="-listonly"] h2>a {
    display: inline
}

[id="wrapper"][class*="read"] [class*="sidebar"] [class*="-listonly"]>p {
    position: absolute;
    right: 0;
    top: 5px
}

[id="wrapper"][class*="read"] [class*="sidebar"] [class*="-listonly"]>p a {
    text-decoration: underline
}

[id="wrapper"][class*="read"] [class*="sidebar"] [class*="-listonly"]>p a:hover {
    color: #420040
}

[id="wrapper"][class*="read"] [class*="sidebar"]>div>[class*="-2thumbonly"] {
    margin-bottom: 10px
}

[id="wrapper"][class*="read"] [class*="sidebar"]>div>[class*="-2thumbonly"] ul>li {
    background: none;
    padding: 0
}

[id="wrapper"][class*="read"] [class*="sidebar"] [class*="-2thumbonly"] article small {
    position: absolute;
    background-color: #6f4892;
    right: 0;
    top: 65px;
    padding: 1px 5px;
    color: #fff;
    height: 17px;
    font-weight: 700;
    font-size: 12px;
    font-size: 1.2rem
}

[class*="archive"] #content header h1,
[class*="gallery"] #content header h1,
[class*="archive"] #content header p,
[class*="gallery"] #content header p {
    font-size: 30px;
    font-size: 3rem
}

.not-found {
    padding: 50px 0 30px;
    color: #f00;
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem
}

.archive-list[class*="_child"] p {
    line-height: 1.3
}

.archive-list[class*="_child"]>.keyword-result {
    background: #f8f8f8;
    padding-top: 15px
}

.archive-list[class*="_child"]>.keyword-result h2 {
    font-size: 16px;
    font-size: 1.6rem
}

.archive-list[class*="_child"]>.keyword-result h2 a {
    color: #6f4892
}

.archive-list[class*="_child"]>.keyword-result footer {
    top: 15px
}

[class*="archive-footer"]>*>* {
    font-size: 10px;
    font-size: 1rem
}

[class*="sort-result"] label,
[class*="sort-result"] ul>li>a {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 30px
}

[class*="sort-result"]>p {
    font-size: 10px;
    font-size: 1rem
}

[class*="sort-option"]>div+div form input[type=text] {
    font-size: 14px;
    font-size: 1.4rem
}

[class*="sort-stat"] {
    font-size: 12px;
    font-size: 1.2rem;
    bottom: 19px !important
}

[id="wrapper"][class*="thaiteam"] [class*="sort-stat"] {
    position: relative;
    border-bottom: 4px solid #e4e4e4;
    padding: 3px 0 15px;
    bottom: auto !important
}

[class*="archive"] header+div,
[class*="gallery"] header+div {
    margin-bottom: 30px !important
}

[class*="archive"] #content>header,
[class*="gallery"] #content>header {
    margin-bottom: 5px !important
}

[class*="sort-option"] {
    margin-bottom: 10px !important
}

[class*="sort-option"] input[type="text"] {
    margin-left: -10px;
    padding-left: 10px
}

[class*="sort-result"] {
    border-bottom: solid 4px #e4e4e4
}

[class*="active"] a,
[class*="sort-result"] [class*="active"] label,
[class*="sort-stat"]>span {
    color: #6f4892
}

[class*="sort-result"] ul>li>a,
[class*="sort-stat"] {
    font-weight: 700
}

.b-core-ui-select__dropdown__item.selected,
.b-core-ui-select__dropdown__item:hover {
    color: #420040 !important
}

.b-core-ui-select__dropdown {
    display: none !important
}

.b-core-ui-select__dropdown.show {
    display: block !important
}

.sort-result .b-core-ui-select {
    width: 95px;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 5px 10px
}

.sort-result .b-core-ui-select__button {
    top: 5px
}

.sort-result .b-core-ui-select__dropdown {
    width: 95px !important
}

.sort-result .b-core-ui-select__dropdown__item {
    font-size: 13px;
    font-size: 1.3rem
}

.b-core-ui-select__dropdown__list .no-sub,
.b-core-ui-select__dropdown__list .first {
    color: #000;
    opacity: 1 !important
}

.pager>a {
    color: #407c00;
    display: block;
    padding: 7px 0 8px
}

.pager div>a:hover {
    color: #fff;
    background-color: #6f4892
}

.ui-autocomplete {
    background-color: #eeeeee;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    width: 265px !important;
    z-index: 99
}

.ui-autocomplete>li:first-child ~ li {
    border-top: 1px solid #d9d9d9
}

.ui-menu .ui-menu-item {
    padding: 5px 10px;
    width: auto
}

.ui-menu .ui-menu-item a {
    cursor: pointer;
    color: #414141
}

.ui-menu .ui-menu-item a:hover {
    color: #420040
}

[class*="btn-mainnav"],
#content section>a,
[class*="sidebar"] aside>a,
[class*="sidebar"] aside>div>a,
#content [class*="sidebar"],
[class*="ads-mobile"] {
    display: none
}

[id="google-ads-box"] li span strong {
    display: block;
    margin-top: 15px
}

[class*="ico-play"] {
    position: absolute;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    background-position: right -363px;
    left: 53px;
    top: 25px;
    line-height: 100px;
    overflow: hidden
}

[class*="hl-channel"] [class*="ico-play"] {
    left: 130px;
    top: 80px
}

nav[class*="breadcrumb"] {
    border-bottom: dotted 1px #ccc;
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 20px !important
}

nav[class*="breadcrumb"] a:hover {
    text-decoration: underline
}

[class="pagenotfound"] {
    background: #fff9d4;
    text-align: center;
    padding: 45px 0 55px;
    margin-bottom: 30px !important
}

[class="pagenotfound"]>p {
    font-family: sukhumvitreg;
    font-weight: 400;
    color: #55441c;
    font-size: 160%
}

[class="pagenotfound"]>p>span {
    font-family: sukhumvitbold;
    font-weight: 400;
    color: #d3b97a;
    display: block;
    font-size: 650%;
    line-height: 100%
}

#left-ads,
#right-ads {
    z-index: 99
}

.ui-datepicker {
    border: 1px solid #b7b7b7;
    background: #fff;
    padding: 3px 0 3px 3px;
    font-size: 90%
}

.ui-datepicker-header {
    border: 1px solid #b7b7b7;
    background: #e2e2e2;
    margin-right: 3px;
    padding: 3px 30px;
    position: relative
}

.ui-datepicker-header select {
    width: 49%
}

.ui-datepicker-prev {
    left: 3px;
    background-position: left top
}

.ui-datepicker-prev-hover {
    background-position: left bottom
}

.ui-datepicker-next {
    right: 3px;
    background-position: right top
}

.ui-datepicker-next-hover {
    background-position: right bottom
}

.ui-datepicker .ui-state-default {
    border: 1px solid #b7b7b7;
    background: #e2e2e2;
    display: block;
    padding: 2px 4px;
    margin: 0 1px 3px 0;
    text-align: right;
    font-size: 100%
}

.ui-datepicker .ui-state-default:hover {
    color: #fe2600;
    border: 1px solid #fe2600;
    background: #eee
}

.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-state-active {
    color: #fe2600;
    background: #fff;
    border-color: #fe2600
}

.ui-state-disabled .ui-state-default {
    opacity: 0.5
}

.ui-datepicker-calendar {
    width: 100%
}

.ui-datepicker-calendar thead th {
    padding: 8px 2px
}

.social-set ul>li {
    background: none;
    padding: 0;
    margin-bottom: 0
}


/*--- block game-loveMatchine ---*/

.row:after {
    clear: both;
    display: table;
    content: "";
}
.analyse [class*="blockgame"].game-love {
    padding: 30px 0 0 0;
    width: 100%;
}
.game-love__box {
    padding: 30px 5% 0;
}
.game-love__item {
    float: left;
    display: inline-block;
    text-align: center;
    margin-bottom: 15px;
}
.game-love__item a {
    display: block;
    background: url(../di/love-00.png) no-repeat;
    width: 240px;
    height: 240px;
    margin-bottom: 10px;
}
.game-love__item span {
     color: #fff;
     font-family: sukhumvitreg;
     font-size: 24px;
}
.game-love__item--icon {
    padding: 100px 16px 0;
    height: 140px;
}
.icon-love {
    background: url(../di/love-icon.png) no-repeat;
    display: inline-block;
    width: 45px;
    height: 40px;
    text-indent: -9999px;
}
.icon-love--active {
    background-position: -57px 0;
}
.icon-love--noactive {
    background-position: 0 0;
}
.game-love [class*="_child-fl"] {
    padding: 0 5%;
    margin-bottom: 20px;
}
.game-love .b-core-ui-select {
    width: 228px !important;
    margin-left: 10px;
}
.game-love .b-core-ui-select:first-child {
    margin-left: 0;
}
.game-love__error {
    background: #593a76;
    padding: 20px 25px;
    font-family: sukhumvitreg;
    font-size: 24px;
}
.game-love__error span {
    display: block;
    background: #412659;
    color: #5d4374;
    text-align: center;
    border-radius: 30px;
    width: 544px;
    height: 60px;
    line-height: 60px;
    margin: auto;
}
.analyse [class*="blockgame"] .game-love__error .submitgame-btn {
    background: url(../di/love-icon.png) no-repeat 0 -70px;
    border: none;
    display: inline-block;
    width: 568px;
    height: 79px;
    color: #fff;
    max-width: 100%;
    line-height: 79px;
    font-size: 24px;
    cursor: pointer;
}
.analyse [class*="blockgame"] .game-love__error .submitgame-btn:hover {
    opacity: 0.8;
}
.horo-sm-all [class*="_child"] article:nth-child(3n+1) {
    margin-left: 0;
}
.horo-sm-all [class*="_child"][class*="-mg"][class*="_l10x"]>li:nth-child(3n+1) {
    margin-left: 0;
}


.analyse [class*="blockgame"][class*="-daily"].game-love .b-core-ui-select__dropdown {
    width: 271px !important;
}
.analyse [class*="blockgame"][class*="-daily"].game-love .b-core-ui-select__dropdown:nth-of-type(4) {
    left: 315px !important;
}

.read-lovematching {
    background: url(../di/bg-lovematching.jpg) no-repeat;
    width: 100%;
    height: 329px;
}


/*--- credit ----*/

.credit {
  font-size: 14px;
  font-size: 1.4rem;
}

.credit__img {
  position: absolute;
}

.credit--standard {
  color: #555555;
  position: relative;
}

.credit--standard .credit__thk {
  font-weight: bold;
}

.credit--standard a:hover {
    text-decoration: none;
}

.credit--standard .credit__item {
  line-height: 1.6;
}

.credit--standard .credit__img {
  left: 0;
  top: 3px;
  width: 100px;
  text-align: center;
}

.credit--standard .credit__img + .credit__body {
  padding-left: 100px;
  min-height: 100px;
}

.credit--standard .credit__img + .credit__body .credit__item {
  color: #000;
}

.credit--author {
  margin-bottom: 10px;
  position: relative;
  min-height: 60px;
  float: left;
  width: 170px;
}

@media only screen only screen and (max-width: 959px), (max-device-width: 1024px) {
.credit--author {
    width: calc(100% - 450px);
    clear: left;
    }
}

@media only screen and (max-width: 767px) {
.credit--author {
    width: 100%;
    }
}

.credit--author .credit__img {
  left: 0;
  top: 0;
  border-radius: 50%;
  overflow: hidden;
  width: 60px;
  height: 60px;
}

.credit--author .credit__img img {
    width: 60px!important;
    height: 60px!important;
}

.credit--author .credit__body {
  padding-left: 70px;
  padding-top: 10px;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
}

.credit--author .credit__name {
  font-weight: bold;
}

.credit--author .credit__position {
  color: #b3b3b3;
  font-size: 12px;
  font-size: 1.2rem;
}

a.credit__link.credit__link, .credit__link.credit__link:hover {
    text-decoration: none;
}

.content-figure__img.content-figure__img {
  position: relative;
  display: table;
  margin: 1em auto;
}

.content-figure__img.content-figure__img img {
    margin-bottom: 0;
}

.content-figure__credit.content-figure__credit {
  position: absolute;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  text-align: right;
  padding: 8px 20px;
  line-height: 1.4;
  font-size: 12px;
  font-size: 1.2rem;
  text-decoration: none;
}

.content__inner--read .content-figure__credit:hover {
  text-decoration: none;
}

.content-figure__caption {
  display: block;
  text-align: center;
  margin: 10px 0;
  color: #b3b3b3;
  font-size: 14px;
  font-size: 1.4rem;
}

.b-core-ui-select__dropdown__wrap {
    max-height: inherit!important;
    overflow: inherit!important;
}

.b-core-ui-select__dropdown__list {
    max-height: 210px!important;
    overflow: auto!important;
}


/* Link right left */
.layoutlink {
  position: fixed;
  top: 115px;
  width: 100%;
}
.layoutlink  .textreplacement {
  position: absolute;
  clip: rect(0 0 0 0);
  overflow: hidden;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
}
.layoutlink__wrap {
  width: 960px;
  margin: 0 auto;
  position: relative;
  border: 2px solid #000;
}
.layoutlink__ex-link {
  position: absolute;
  top: 0;
  z-index: 40;
}
.layoutlink__ex-link--left {
  top: 0;
  width: 175px;
  height: 320px;
  left: -175px;
}
.layoutlink__ex-link--right {
  top: 0;
  width: 175px;
  height: 320px;
  right: -175px;
}



/* Game Yoga for Zodiac */
.yogazodiac {
  display: block;
  border: 2px solid #593a76;
  padding: 15px 15px 30px;
}
.yogazodiac__heading {
  display: block;
  text-align: center;
}
.yogazodiac__heading--title {
  font-family: sukhumvitbold;
  font-weight: 400;
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 1.6;
  margin: 15px 0 10px;
  text-align: center;
}
.yogazodiac__heading--by {
  display: block;
  clear: both;
  color: #6f4994;
}
.yogazodiac__heading--detail {
  word-break: break-word;
  max-width: 488px;
  margin: 0 auto 25px;
  font-weight: 600;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.7;
}
.yogazodiac__list {
  overflow: hidden;
  display: block;
}
.yogazodiac__list--item {
  width: 25%;
  float: left;
  text-align: center;
  font-family: sukhumvitreg;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
  margin-bottom: 30px;
}
.yogazodiac__list--item>a  {
  margin: 0 5px;
  overflow: hidden;
  display: block;
}
.yogazodiac__list--img {
  width: 100%;
  margin: 0 auto 15px;
  display: block;
  max-width: 135px;
}
.yogazodiac__list--title {
  font-family: sukhumvitbold;
  font-weight: 400;
  font-size: 1.2em;
}
@media only screen and (max-width: 767px) {
  .yogazodiac__list--item {
    width: 33.33%;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .yogazodiac__heading--title {
    margin-bottom: 10px;
  }
}

.read-yoga {
  display: block;
  padding: 5px 0;
}
.read-yoga__content {
  display: block;
  margin-bottom: 35px;
}
.read-yoga__content--img {
  display: block;
  max-width: 395px;
  width: 100%;
  margin: 0 auto 30px;
}
.read-yoga__content--img img  {
  width: 100% !important;
  height: auto;
}
.read-yoga__content--title {
  line-height: 1.2;
  margin-top: 15px !important;
  margin-bottom: -5px !important;
}
.read-yoga__content--txt {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
}
.read-yoga__more {
  display: block;
  background-color: #6f4994;
  padding: 15px 10px;
  text-align: center;
  font-family: sukhumvitreg;
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 1.2;
}
.read-yoga__more--title {
  color: #fff200;
  font-family: sukhumvitbold;
  font-weight: 400 !important;
  font-size: 1.5em !important;
  margin-top: 15px !important;
  margin-bottom: 0px !important;
}
.read-yoga__more--txt {
  color: #fff;
  line-height: 1.4 !important;
  margin-top: 7px !important;
  margin-bottom: 10px !important;
}
.read-yoga__signup {
  display: block;
  background-color: #ede7f0;
  padding: 15px;

}
.read-yoga__signup--title {
  font-family: sukhumvitbold;
  font-weight: 400 !important;
  font-size: 24px !important;
  font-size: 2.4rem !important;
  line-height: 1.2 !important;
  text-align: center;
  margin-top: 15px !important;
  margin-bottom: 0px !important;
}
.read-yoga__signup--detail {
  display: block;
  width: 100%;
  min-height: 150px;
}
@media only screen and (max-width: 767px) {
  .read-yoga__content--img {
    max-width: 100%;
  }
  .read-yoga__more {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

.daily-short.half-year a {
    display: block !important;
    font-family: sukhumvitreg;
    font-weight: 400;
    font-size: 1.9rem;
    text-align: center;
    height: 25px;
    background-color: #fe9e00;
    color: #fff;
    margin-left: 10px;
    float: left;
    padding: 4px 10px;
    width: 200px;
}
.daily-short.half-year a:hover {
    background-color: #ffc000;
}
.daily-short.half-year img {
    width: 65px !important;
    float: left;
}
.daily-short.half-year p {
    float: left;
    width: 359px;
}

.aside-other {
    width: 100%;
}
.aside-other h2 {
    font-family: sukhumvitbold;
    font-weight: 400;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1.3;
    padding-bottom: 20px;
    color: #000;
}
.aside-other h2 a {
    color: #000;
}
.aside-other__wrap:before {
    content: " ";
    display: table;
}
.aside-other ul li {
    width: 12.8%;
    display: inline-block;
    vertical-align: top;
    padding: 15px 10px;
    text-align: center;
}
.aside-other ul li:hover {
    background: #ede7f0;
}
.aside-other ul li.active {
    background: #eaeaea;
}
.aside-other ul li.active a {
    color: #464646;
}
.aside-other ul li a {
    width: 100%;
    display: block;
}
.aside-other ul li a img {
    width: 100%;
    display: block;
    margin-bottom: 10px;
}
.aside-other ul li a p {
    padding: 5px 0;
    font-size: 10px;
    white-space: nowrap;
}
.aside-other--daily ul li {
    width: 10.49%;
}
.aside-other--daily ul li a h4 {
    font-size: 12px;
}
.aside-other--zodiac ul li a h4 {
    font-weight: 400;
    font-size: 14px;
}
.visuallyhidden {
    border:0;
    clip:rect(0 0 0 0);
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px;
    height:1px;
    display: none;
  }