/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article, aside, footer, header, nav, section { display: block } h1 { font-size: 2em; margin: .67em 0 } figcaption, figure, main { display: block } figure { margin: 0; } hr { box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace, monospace; font-size: 1em } a { background-color: transparent; -webkit-text-decoration-skip: objects } a:active, a:hover { outline-width: 0 } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted } b, strong { font-weight: inherit; font-weight: bolder } code, kbd, samp { font-family: monospace, monospace; font-size: 1em } dfn { font-style: italic } mark { background-color: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } audio, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } img { border-style: none } svg:not(:root) { overflow: hidden } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0 } button, input { overflow: visible } button, select { text-transform: none } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { display: inline-block; vertical-align: baseline } textarea { overflow: auto } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details, menu { display: block } summary { display: list-item } canvas { display: inline-block } [hidden], template { display: none } .h1 { font-size: 3rem } .h2 { font-size: 2rem } .h3 { font-size: 1.5rem } .h4 { font-size: 1.125rem } .h5 { font-size: .875rem } .h6 { font-size: .75rem } .font-family-inherit { font-family: inherit } .font-size-inherit { font-size: inherit } .text-decoration-none { text-decoration: none } .bold { font-weight: 700 } .regular { font-weight: 400 } .italic { font-style: italic } .caps { text-transform: uppercase; letter-spacing: .2em } .left-align { text-align: left } .center { text-align: center } .right-align { text-align: right } .justify { text-align: justify } .nowrap { white-space: nowrap } .break-word { word-wrap: break-word } .line-height-1 { line-height: 1rem } .line-height-2 { line-height: 1.125rem } .line-height-3 { line-height: 1.5rem } .line-height-4 { line-height: 2rem } .list-style-none { list-style: none } .underline { text-decoration: underline } .truncate { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .list-reset { list-style: none; padding-left: 0 } .inline { display: inline } .block { display: block } .inline-block { display: inline-block } .table { display: table } .table-cell { display: table-cell } .overflow-hidden { overflow: hidden } .overflow-scroll { overflow: scroll } .overflow-auto { overflow: auto } .clearfix:after, .clearfix:before { content: " "; display: table } .clearfix:after { clear: both } .left { float: left } .right { float: right } .fit { max-width: 100% } .max-width-1 { max-width: 24rem } .max-width-2 { max-width: 32rem } .max-width-3 { max-width: 48rem } .max-width-4 { max-width: 64rem } .border-box { box-sizing: border-box } .align-baseline { vertical-align: baseline } .align-top { vertical-align: top } .align-middle { vertical-align: middle } .align-bottom { vertical-align: bottom } .m0 { margin: 0 } .mt0 { margin-top: 0 } .mr0 { margin-right: 0 } .mb0 { margin-bottom: 0 } .ml0, .mx0 { margin-left: 0 } .mx0 { margin-right: 0 } .my0 { margin-top: 0; margin-bottom: 0 } .m1 { margin: .5rem } .mt1 { margin-top: .5rem } .mr1 { margin-right: .5rem } .mb1 { margin-bottom: .5rem } .ml1, .mx1 { margin-left: .5rem } .mx1 { margin-right: .5rem } .my1 { margin-top: .5rem; margin-bottom: .5rem } .m2 { margin: 1rem } .mt2 { margin-top: 1rem } .mr2 { margin-right: 1rem } .mb2 { margin-bottom: 1rem } .ml2, .mx2 { margin-left: 1rem } .mx2 { margin-right: 1rem } .my2 { margin-top: 1rem; margin-bottom: 1rem } .m3 { margin: 1.5rem } .mt3 { margin-top: 1.5rem } .mr3 { margin-right: 1.5rem } .mb3 { margin-bottom: 1.5rem } .ml3, .mx3 { margin-left: 1.5rem } .mx3 { margin-right: 1.5rem } .my3 { margin-top: 1.5rem; margin-bottom: 1.5rem } .m4 { margin: 2rem } .mt4 { margin-top: 2rem } .mr4 { margin-right: 2rem } .mb4 { margin-bottom: 2rem } .ml4, .mx4 { margin-left: 2rem } .mx4 { margin-right: 2rem } .my4 { margin-top: 2rem; margin-bottom: 2rem } .mxn1 { margin-left: -.5rem; margin-right: -.5rem } .mxn2 { margin-left: -1rem; margin-right: -1rem } .mxn3 { margin-left: -1.5rem; margin-right: -1.5rem } .mxn4 { margin-left: -2rem; margin-right: -2rem } .ml-auto { margin-left: auto } .mr-auto, .mx-auto { margin-right: auto } .mx-auto { margin-left: auto } .p0 { padding: 0 } .pt0 { padding-top: 0 } .pr0 { padding-right: 0 } .pb0 { padding-bottom: 0 } .pl0, .px0 { padding-left: 0 } .px0 { padding-right: 0 } .py0 { padding-top: 0; padding-bottom: 0 } .p1 { padding: .5rem } .pt1 { padding-top: .5rem } .pr1 { padding-right: .5rem } .pb1 { padding-bottom: .5rem } .pl1 { padding-left: .5rem } .py1 { padding-top: .5rem; padding-bottom: .5rem } .px1 { padding-left: .5rem; padding-right: .5rem } .p2 { padding: 1rem } .pt2 { padding-top: 1rem } .pr2 { padding-right: 1rem } .pb2 { padding-bottom: 1rem } .pl2 { padding-left: 1rem } .py2 { padding-top: 1rem; padding-bottom: 1rem } .px2 { padding-left: 1rem; padding-right: 1rem } .p3 { padding: 1.5rem } .pt3 { padding-top: 1.5rem } .pr3 { padding-right: 1.5rem } .pb3 { padding-bottom: 1.5rem } .pl3 { padding-left: 1.5rem } .py3 { padding-top: 1.5rem; padding-bottom: 1.5rem } .px3 { padding-left: 1.5rem; padding-right: 1.5rem } .p4 { padding: 2rem } .pt4 { padding-top: 2rem } .pr4 { padding-right: 2rem } .pb4 { padding-bottom: 2rem } .pl4 { padding-left: 2rem } .py4 { padding-top: 2rem; padding-bottom: 2rem } .px4 { padding-left: 2rem; padding-right: 2rem } .col { float: left } .col, .col-right { box-sizing: border-box } .col-right { float: right } .col-1 { width: 8.33333% } .col-2 { width: 16.66667% } .col-3 { width: 25% } .col-4 { width: 33.33333% } .col-5 { width: 41.66667% } .col-6 { width: 50% } .col-7 { width: 58.33333% } .col-8 { width: 66.66667% } .col-9 { width: 75% } .col-10 { width: 83.33333% } .col-11 { width: 91.66667% } .col-12 { width: 100% } @media (min-width: 40.06rem) { .sm-col { float: left; box-sizing: border-box } .sm-col-right { float: right; box-sizing: border-box } .sm-col-1 { width: 8.33333% } .sm-col-2 { width: 16.66667% } .sm-col-3 { width: 25% } .sm-col-4 { width: 33.33333% } .sm-col-5 { width: 41.66667% } .sm-col-6 { width: 50% } .sm-col-7 { width: 58.33333% } .sm-col-8 { width: 66.66667% } .sm-col-9 { width: 75% } .sm-col-10 { width: 83.33333% } .sm-col-11 { width: 91.66667% } .sm-col-12 { width: 100% } } @media (min-width: 52.06rem) { .md-col { float: left; box-sizing: border-box } .md-col-right { float: right; box-sizing: border-box } .md-col-1 { width: 8.33333% } .md-col-2 { width: 16.66667% } .md-col-3 { width: 25% } .md-col-4 { width: 33.33333% } .md-col-5 { width: 41.66667% } .md-col-6 { width: 50% } .md-col-7 { width: 58.33333% } .md-col-8 { width: 66.66667% } .md-col-9 { width: 75% } .md-col-10 { width: 83.33333% } .md-col-11 { width: 91.66667% } .md-col-12 { width: 100% } } @media (min-width: 64.06rem) { .lg-col { float: left; box-sizing: border-box } .lg-col-right { float: right; box-sizing: border-box } .lg-col-1 { width: 8.33333% } .lg-col-2 { width: 16.66667% } .lg-col-3 { width: 25% } .lg-col-4 { width: 33.33333% } .lg-col-5 { width: 41.66667% } .lg-col-6 { width: 50% } .lg-col-7 { width: 58.33333% } .lg-col-8 { width: 66.66667% } .lg-col-9 { width: 75% } .lg-col-10 { width: 83.33333% } .lg-col-11 { width: 91.66667% } .lg-col-12 { width: 100% } } .flex { display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 40.06rem) { .sm-flex { display: -webkit-box; display: -ms-flexbox; display: flex } } @media (min-width: 52.06rem) { .md-flex { display: -webkit-box; display: -ms-flexbox; display: flex } } @media (min-width: 64.06rem) { .lg-flex { display: -webkit-box; display: -ms-flexbox; display: flex } } .flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } .items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .items-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } .items-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .self-start { -ms-flex-item-align: start; align-self: flex-start } .self-end { -ms-flex-item-align: end; align-self: flex-end } .self-center { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } .self-baseline { -ms-flex-item-align: baseline; align-self: baseline } .self-stretch { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch } .justify-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .justify-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .justify-around { -ms-flex-pack: distribute; justify-content: space-around } .content-start { -ms-flex-line-pack: start; align-content: flex-start } .content-end { -ms-flex-line-pack: end; align-content: flex-end } .content-center { -ms-flex-line-pack: center; align-content: center } .content-between { -ms-flex-line-pack: justify; align-content: space-between } .content-around { -ms-flex-line-pack: distribute; align-content: space-around } .content-stretch { -ms-flex-line-pack: stretch; align-content: stretch } .flex-auto { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; min-height: 0 } .flex-none { -webkit-box-flex: 0; -ms-flex: none; flex: none } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .order-last { -webkit-box-ordinal-group: 100000; -ms-flex-order: 99999; order: 99999 } .relative { position: relative } .absolute { position: absolute } .fixed { position: fixed } .top-0 { top: 0 } .right-0 { right: 0 } .bottom-0 { bottom: 0 } .left-0 { left: 0 } .z1 { z-index: 1 } .z2 { z-index: 2 } .z3 { z-index: 3 } .z4 { z-index: 4 } .border { border-style: solid; border-width: 1px } .border-top { border-top-style: solid; border-top-width: 1px } .border-right { border-right-style: solid; border-right-width: 1px } .border-bottom { border-bottom-style: solid; border-bottom-width: 1px } .border-left { border-left-style: solid; border-left-width: 1px } .border-none { border: 0 } .rounded { border-radius: 3px } .circle { border-radius: 50% } .rounded-top { border-radius: 3px 3px 0 0 } .rounded-right { border-radius: 0 3px 3px 0 } .rounded-bottom { border-radius: 0 0 3px 3px } .rounded-left { border-radius: 3px 0 0 3px } .not-rounded { border-radius: 0 } .hide { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px) } @media (max-width: 40rem) { .xs-hide { display: none } } @media (min-width: 40.06rem) and (max-width: 52rem) { .sm-hide { display: none } } @media (min-width: 52.06rem) and (max-width: 64rem) { .md-hide { display: none } } @media (min-width: 64.06rem) { .lg-hide { display: none } } .display-none { display: none } * { box-sizing: border-box } .h1, h1 { font-size: 3rem; line-height: 3.5rem } .h2, h2 { font-size: 2rem; line-height: 2.5rem } .h3, h3 { font-size: 1.5rem; line-height: 2rem } .h4, h4 { font-size: 1.125rem; line-height: 1.4rem } .h5, h5 { font-size: .875rem; line-height: 1.125rem } .h6, h6 { font-size: .75rem; line-height: 1rem } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: 400; } a, a:active, a:visited { color: inherit }
/*"Roboto",Roboto,Arial,sans-serif*/

@font-face {
    font-family: Roboto;
    src: url('/fonts/Roboto/Roboto-Regular.ttf');
}

@font-face {
    font-family: Roboto-Bold;
    src: url('/fonts/Roboto/Roboto-Bold.ttf');
}

@font-face {
    font-family: Roboto-Medium;
    src: url('/fonts/Roboto/Roboto-Medium.ttf');
}
@font-face {
    font-family: Roboto-Italic;
    src: url('/fonts/Roboto/Roboto-Italic.ttf');
}
@font-face {
    font-family: Roboto-BoldItalic;
    src: url('/fonts/Roboto/Roboto-BoldItalic.ttf');
}

html {
    font-family: "Roboto", Roboto, Arial, sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

div {
    display: block;
}
.mb30px{
    margin-bottom:30px;
}
.mt30px{
    margin-top:30px;
}
.mb10px{
    margin-bottom:20px;
}
p{margin:0;padding:0;}
.addesc{font-size:12px;top:-13px;}
.top_minus_22 .addesc{
    top:-22px;
}
.ad_auto {
    text-align: center;
    width: 100%;
}

.sponsored_links {
    font-size: 12px;
    color: #666;
    text-align: left;
    width: 100%;
    display: block;
}

body, h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
    font-family: "Roboto", Roboto, Arial, sans-serif;
    font-weight: 400;
}

body {
    background-color: #e7eaea;
    color: #3C4858;
}

body p, body a {
    color: #333333;
    font-size:12px;
}

.capitalize {
    text-transform: capitalize;
}

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

a.text-decoration-none.ampstart-btn:hover {
    text-decoration: none;
}

.header div.tab.user_profile amp-img {
    width: 35px;
    height: 35px;
    margin: 5px 0 0;
}

.header div.tab.user_profile span {
    line-height: 35px;
    margin: 0px 0 0 5px;
}

.header div.tab.user_profile {
    padding-top: 0px;
}

.header div.tab.user_profile .list-container {
    right: 0;
    left: auto;
}

.header_wrap {
    width: 100%;
    height: 60px;
    max-width: 1048px;
    margin: auto;
    border-bottom:1px solid #e5e5e5;
}

.header_wrap a.logo img {
    width: 150px;
    vertical-align: middle;
}

.ui.divider {
    border-bottom: 1px solid #eee;
    clear: both;
    height: 0;
    width: 100%;
}

.bg-grey {
    background: #F9F9F9;
}

p.disclaimer {
    color: #6c757d;
}
.top_ad{
    background:rgba(249,249,249,1);
}
.ui.container {
    max-width: 1048px;
    margin: auto;
}

header.ampstart-headerbar {
    background-color: #fff;
    top: 0;
    left: 0;
    width: 100%;
}

.couponitem amp-img, figure.ampstart-image-with-caption amp-img {
    display: flex;
}

.couponitem amp-img {
    width: 90px;
    height: 90px;
    overflow: hidden;
    margin: 0 auto;
}

a.popular_item {
    background-color: #fff;
    border-radius:10px;
}

.left_area .couponitem .ui.image {
    width: 120px;
    min-height: 120px;
}

.couponitem a {
    text-decoration: none;
}

.couponitem a.icon {
    align-self: center;
}

.couponitem .ui.image {
    border-right: 1px dashed #e7e7e7;
}

.couponitem .ui.image amp-img img, .popular_item figure.ampstart-image-with-caption amp-img img {
    align-self: center;
    display: block;
    margin: 0 auto;
    display: block;
    height: auto;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    min-height: 0;
    margin: 0 auto;
    top: auto;
    bottom: auto;
    position: relative;
    border-radius:10px 0 0 10px;
}

.couponitem a.left.block.mid_text {
    width: calc(100% - 295px);
    height: 105px;
    overflow: hidden;
}

@media (max-width: 64rem) {
    .couponitem a.left.block.mid_text {
        width: calc(100% - 110px);
        height: 110px;
    }
}

.couponitem div.right_btn {
    height: 100%;
    min-height: 120px;
    display: flex;
}

.couponitem .right_btn .ampstart-btn {
    align-self: center;
}

.ampstart-dropdown {
    min-width: 100px;
}

.ampstart-related-section-items > li {
    border-bottom: 0;
}

/**color**/
.ampstart-related-section-items, .ui.segment {
    background-color: #fff;
}

header .ampstart-nav-dropdown {
    min-width: 200px;
}

/**menu in header*/
.header .nav-container, .header .left-nav, .header .alt, .header .tabs {
    /*display: flex;*/
}

.header div.tab .list-container > ul, .header div.tab .sublist {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header .alt, .header .tabs {
    align-items: stretch;
}

.header .tabs {
    color: #A30069;
    justify-content: center;
    margin-left: 45px;
}

.header .tab {

    margin: 0 4px;
    padding: 6px;
    position: relative;
    transition: .1s ease color;
}

.header div.tab {
    padding: 10px 15px 0px;
}

.header div.tab::before {
    bottom: 0;
    content: '';
    left: -10px;
    opacity: 0;
    position: absolute;
    right: -10px;
    top: 0px;
    transition: opacity .2s ease-out;
}

.header div.tab > a {
    color: inherit;
    position: relative;
    top: 0px;
    text-decoration: none;
    font-size: 14px;
}
.header div.tab > a:hover{
    text-decoration: underline;
}

.header .login-con .tab {
    padding: 10px 0 10px;
}

.header .login-con span {
    padding: 10px 0 10px;
}

.header div.tab .list-container, .header div.tab .sublist {
    opacity: 0;
    pointer-events: none;
    position: absolute;
}

.header div.tab .list-container {
    left: -10px;
    top: 100%;
    transition: .2s ease-out;
    z-index: -1;
}

.header div.tab .list-shadow {
    bottom: -50px;
    left: -50px;
    overflow: hidden;
    position: absolute;
    right: -50px;
    top: 0;
}

.header div.tab .list-shadow::before {
    bottom: 50px;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
    content: '';
    left: 50px;
    position: absolute;
    right: 50px;
    top: 0;
}

.header div.tab .list-container > ul {
    background: #fff;
    min-width: 250px;
    position: relative;
}

.header div.tab .list-container > ul li {
    box-sizing: border-box;
    position: relative;
}

.small, .doc-sidebar li.sub-level > .section-name, .header div.tab .list-container > ul li a, .post-content, .doc-sidebar .section-name, .searchbar input {
    color: #333;
    font-size: 16px;
    line-height: 26px;
}

.header div.tab .list-container > ul li a {
    display: block;
    padding: 7.5px 30px;
    text-decoration: none;
}

.header div.tab .list-container > ul li a:hover {
    /*color:#999;*/
}

.header div.tab .list-container > ul .sublist {
    background: #f8f8f8;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
    right: 0;
    top: 0;
    transform: translateX(100%);
    transition: opacity .3s;
    max-height: calc(100vh - 295px);
    overflow-y: auto;
}

.header div.tab .list-container > ul .sublist li a {
    display: block;
    font-size: 14px;
    line-height: 1.3;
    padding: 15px 35px;
}

.header div.tab:hover .list-container {
    opacity: 1;
    pointer-events: all;
    z-index: 1;
}

.header div.tab .list-container > ul li:hover .sublist {
    opacity: 1;
    pointer-events: all;
}

.header div.tab .list-container > ul li.has-sublist::after, .language .current::after, amp-sidebar .language .current::after, amp-sidebar .has-sub-level::after, footer .footer-image.twitter, footer .footer-image.wordpress, footer .footer-image.youtube {
    display: inline-block;
    background-image: url(/images/sprite.svg);
    background-size: 100px 74px;
}

.header div.tab .list-container > ul li.has-sublist::after {
    width: 6.12px;
    height: 11.88px;
    background-position: -84px -38.94px;
    content: '';
    position: absolute;
    right: 20px;
    top: 18px;
}

.header .tab:hover, .header .tab.active {

}

.header div.tab:hover::before {
    opacity: 1;
}

.header div.tab .list-container > ul li:hover {
    background: #f8f8f8;
}

.header div.tab .list-container > ul .sublist li:hover {
    background: white;
}

/* .ui.breadcrumb {
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
}
.ui.breadcrumb .section {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.ui.breadcrumb a.section {
    cursor: pointer;
    text-decoration: none;
}
.ui.breadcrumb a {
    color:#000;
}
.ui.breadcrumb a:hover{
    text-decoration: underline;
}
.ui.breadcrumb .icon.divider {
    font-size: .85714286em;
    vertical-align: baseline;
}
.ui.breadcrumb .divider {
    display: inline-block;
    opacity: .7;
    margin: 0 .21428571rem;
    font-size: .92857143em;
    color: rgba(0,0,0,.4);
    vertical-align: baseline;
} */


.center_child {
    display: flex;
    height: 120px;
    width: 120px;
}

.center_child span {
    display: block;
    align-self: center;
    font-size: 20px;
    font-weight: 700;
    word-wrap: break-word;
    margin: 0 auto;
}

.headersearch {
    margin-right: 0px;
}

.headersearch form {
    position: relative;
    width: 490px;
}

.headersearch .hsinput {
    line-height: 44px;
    border-radius: 4px;
    background:#f5f5f5;
    color: #999;
    width: 480px;
    box-sizing: content-box;
    transition: all .3s;
    box-shadow: none;
    font-size: 14px;
    border: none;
    padding: 0 0 0 10px;
    outline: none;
}

.headersearch .hsbtn {
    border: none;
    background: url(/images/pc/serach_grey.png?v=1) 13px 11px no-repeat;
    _background-image: none;
    cursor: pointer;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 300;
    padding: 0 24px;
    text-decoration: none;
    line-height: 20px;
    outline: none;
    height: 48px;
    position: absolute;
    right: 0;
    top: 0;
}

.arrow .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.c-icon-arrow-nav-right {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGQ9Ik04NzQgMTUwQzY3NC01MCAzNTAtNTAgMTUwIDE1MHMtMjAwIDUyNCAwIDcyNCA1MjQuMiAyMDAgNzI0IDBjMjAwLTIwMCAyMDAtNTI0IDAtNzI0em0tNDUuMiA2NzguOGMtMTc1IDE3NS00NTguNiAxNzUtNjMzLjYgMHMtMTc1LTQ1OC42IDAtNjMzLjYgNDU4LjYtMTc1IDYzMy42IDAgMTc1IDQ1OC42IDAgNjMzLjZ6TTQ3MS40IDcyNi42Yy0xMi42IDEyLjYtMzMuMiAxMi42LTQ1LjggMHMtMTIuNi0zMyAwLTQ1LjZsMTcwLTE2OS0xNzAtMTY5Yy0xMi42LTEyLjYtMTIuNi0zMyAwLTQ1LjZzMzMuMi0xMi42IDQ1LjggMGwxOTEuNCAxOTAuMmM2LjggNi44IDkuNiAxNS42IDkuMiAyNC40LjQgOC44LTIuNCAxNy44LTkuMiAyNC40TDQ3MS40IDcyNi42eiIgZmlsbD0iIzc1Nzg3QiIvPjwvc3ZnPg==);
    height: 18px;
    width: 18px;
    display: block;
}

i.icon.angle.right:before {
    content: "\f105";
}

.left_area .ui.segment p amp-img.autoimg {
    display: flex;
}

.left_area .ui.segment p amp-img.autoimg img, .left_area .ui.segment p img {
    align-self: center;
    display: block;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    min-height: 0;
    margin: 10px auto;
    top: auto;
    bottom: auto;
    position: relative;
}

@media (max-width: 40rem) {
    h1, h2, h3, h4, h5, h6 {
        letter-spacing: 0;
    }

    .ui.breadcrumb a.section, .ui.breadcrumb i.icon {
        font-size: 12px;
    }

    .ampstart-footer, .ampstart-small-text {
        letter-spacing: 0;
        font-size: 12px;
    }

    .rate_area .rating, .travel-results-result-subtext {
        font-size: 12px;
    }

    h2 {
        font-size: 14px;
    }

    .center_child span {
        text-transform: capitalize;
    }

    .couponitem a.title {
        font-weight: 700;
        text-transform: capitalize;
    }

    .center_child span {
        font-size: 14px;
    }

    .pagination > li a {
        font-size: 14px;
        font-weight: 700;
    }
}

/* PUSH MENU */
.side_menu {
    z-index: 9999;
}

#menu {
    position: fixed;
    top: 0;
    left: -300px;

    width: 300px;
    height: 100%;
    padding: 50px 20px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    text-align: center;

    background-color: #fff;
}

#menu .brand {
    height: 51px;

    font-size: 70px;
    font-weight: 900;
    line-height: .6;

    color: #ddd;
}

.menu_content {
    width: 100%;
    height: 100%;
    overflow: scroll;
}

#menu ul {
    padding: 0;
    margin-top: 10px;
}

#menu ul li a {
    display: block;

    font-weight: 500;
    line-height: 45px;

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    text-decoration: none;
    text-transform: uppercase;

    color: #232629;
    border-top: 1px solid #eee;
}

#menu ul li:last-child a {
    border-bottom: 1px solid #eee;
}

#menu ul li a:hover {
    letter-spacing: 1px;
}

body.open #menu {
    left: 0;
}

.close_btn {
    width: 38px;
    height: 36px;
    /*background:url(/images/ico-close.png);*/
    position: absolute;
    font-size: 30px;
    top: 20px;
    right: 20px;
}

.ad_auto .adtitle {
    font-size: 12px;
    color: #666;
}
.ad728x90{
    width:728px;
    height:90px;
}
.ad300x250{
    width:300px;
    height:250px;
}
.ad_h90{
    width:100%;
    height:90px;
}
.ad_h100{
    width:100%;
    height:100px;
}
.ad_h300{
    width:100%;
    height:300px;
}
/*page tool*/
.nextpage {
    display: block;
    padding: 0px 0 0px;
}

.pagination_container {
    width: 100%;
    text-align: center;
    padding: 10px 0 10px;
}

.pagination_container .pagination {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
}

.pagination_container .pagination > li {
    display: inline;
}

.pagination > li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #F5F5F5;
    color: #999;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    line-height: 40px;
    margin: 0 5px;
}

.pagination > li a.active, .pagination > li a:hover {
    background: #faf0f6;
    color: #000;
}

.pagination > li a.prev,
.pagination > li a.prev:hover,
.pagination > li a.next,
.pagination > li a.next:hover {
    background: #F5F5F5;
    color: #000;
}

.pagination > li a.not,
.pagination > li a.not:hover {
    background: #F5F5F5 !important;
    color: #b3aeae !important;
}
.white-bg{
    background:#fff;
}
.section-about {
    padding: 0;
    margin: 20px 0 0;
}

.section-about .about-item {
    width: 100%;
    /* border:1px solid rgba(164,0,106,1); */
    padding: 30px 0 1px;
    margin: 1px auto 0;
}

.section-about .about-item h3 {
    font-size: 14px;
    font-weight: bold;
    color: rgba(0, 0, 0, 1);
    line-height: 31px;
    padding: 0 0 0 20px;
    margin: 0 0 5px;
    position: relative;
}

.section-about .about-item h3::before {
    content: '';
    width: 4px;
    height: 4px;
    background: rgba(164, 0, 106, 1);
    position: absolute;
    left: 0px;
    top: 13px;
    border-radius:3px;
}

.section-about .about-item p {
    font-size: 12px;
    color: rgba(0, 0, 0, 1);
    line-height: 26px;
    padding: 0 20px;
    margin: 0 0 40px;
}

.subscription_area {
    padding: 68px 0 24px;
}

.subscription_area .h4 {
    font-size: 20px;
    font-weight: bold;
    color: rgba(164, 0, 106, 1);
    line-height: 1;
    margin-bottom: 18px;
}

.subscription_area p {
    font-size: 12px;
    color: rgba(0, 0, 0, 1);
    line-height: 26px;
    text-align: center;
    margin-bottom: 20px;
}

.subscription_area form {
    width: 580px;
    height: 50px;
    background: rgba(255, 255, 255, 1);
    border: 2px solid rgba(164, 0, 106, 1);
    border-radius: 30px;
    overflow: hidden;
    margin: auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.subscription_area .ampstart-input {
    font-size: 16px;
    color: rgb(136, 89, 89);
    line-height: 26px;
    width: calc(100% - 188.5px) !important;
    margin:10px auto;
    max-width: none;
    padding: 0 50px;
}

.ampstart-input > input, .ampstart-input > label {
    border: none;
    font-size: 12px;
    color: rgb(136, 89, 89);
    line-height: 26px;
    outline: none;
}

.ampstart-input > label:after {
    display: none;
}

.subscription_area .caps {
    padding: 0;
    margin: 0;
    width: 183.5px;
    height: 100%;
    font-size: 14px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    background: rgba(164, 0, 106, 1);
    line-height: 46px;
    border: none;
    outline: none;
    text-transform: capitalize;
    letter-spacing: 0;
}

.about-list {
    padding: 0 20px;
    margin-bottom: 30px;
}

.about-list-item {
    width: 25%;
}

.about-list-item a {
    font-size: 12px;
    color: rgba(0, 0, 0, 1);
    line-height: 30px;
}

.about-list-item a:hover {
    color: #A4006A;
    text-decoration: underline;
}

.ampstart-footer {
    margin: 0;
    padding: 40px 0;
    background: transparent;
}

.ampstart-footer .footer-logo {
    display: block;
    width: 210px;
    margin: 0 auto 15px;
}

.ampstart-footer p {
    font-size: 16px;
    color: #9A9A9A;
    line-height: 26px;
    margin-bottom: 6px;
}

.ampstart-footer a {
    font-size: 16px;
    color: #9A9A9A;
    line-height: 26px;
}

.ampstart-footer ul {
    margin-bottom: 14px;
}

.ampstart-footer small {
    font-size: 16px;
    color: #9A9A9A;
    line-height: 26px;
}

.bg-black {
    background: #1B1B1B;
}

.related-con{
    width:300px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(229,229,229,1);
    margin-top: 22px;
    border-radius:6px;
}

.related-con h2.related-stores{
    font-size:16px;
    font-weight:bold;
    color:rgba(0,0,0,1);
    line-height:54px;
    padding-left: 15px;
    margin:0;
    letter-spacing: 0;
    text-align:left;
}

.related-con h2 img{
    width:18px;
    height:24px;
    vertical-align: -3px;
    margin-right: 10px;
}

.related-con .store-list{
    margin: 0;
}

.related-con .store-item{
    font-size:14px;
    font-weight:bold;
    color:rgba(0,0,0,1);
    line-height:40px;
    padding: 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.related-con .store-item:last-child{
    border-radius:0 0 10px 10px;
}

.related-con .store-item:nth-of-type(odd){
    background-color: #F9F9F9;
}

.related-con .store-item a{
    text-decoration: none;
}
.related-con .store-item a span{
    margin-right:12px;
}

.related-con .store-item a:hover{
    color: #A4006A;
    text-decoration: underline;
}

.border-grey{
    border:1px solid #eee;
}
footer .h3{
    font-size:20px;
    color:#eee;
}
footer p{
    text-align:left;
    display:inline-block;
}
/****** xx% off*****/
.promo_infor{
    padding-bottom: 16px;
    border: 1px solid #e5e5e5;
    opacity: 0.8;
    border-radius: 3px;
    margin-top: 10px;
    border-color:#a4006a;
    height: 92px;
    margin-top: 0;
    position: relative;
}
.promo_infor .offer{
    color:#a4006a!important;
    text-transform: uppercase;
    text-align:center;
}
.promo_infor .offer .percent{
    font-size: 1.5em;
    letter-spacing: -1px;
    line-height: 1.2;
    font-weight: 700;
    margin-top: 15px;
    display: block;
    padding:0 20px;
}
.promo_infor .offer .percent.bottom{
    margin-top:0;
}
.promo_infor .offer .percent.bottom.long_txt{
    font-size:1.2em;
}
.promo_infor .offer .percent.long_txt{
    padding:0 10px;
}
.percent span{
    font-size: 0.75em;
    display: block;
    letter-spacing: 0;
    line-height: 0.7;
}
.promo_infor .cou_property{
    background-color:#a4006a;
    height:20px;
    width: 100%;
    line-height: 1.9;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    text-align: center;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    text-transform: uppercase;
    font-weight: 600;
}