body, * { margin: 0; padding: 0; } article, aside, footer, header, nav, section { display: block } h1 { font-size: 2em; margin: .67em 0 } figcaption, figure, main { display: block } figure { margin: 1em 40px } 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%; color: #999; } 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 } .caps2 { text-transform: uppercase; } .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 } .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 } .clear{ clear: both; } .clearfix:after, .clearfix:before { content: " "; display: table } .clearfix:after { clear: both } .left { float: left } .right { float: right } .fit { max-width: 100% } .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 } .mr6 { margin-right: 3rem } .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 } .p15{ padding: 0.75rem; } .px15 { padding-left: .75rem; padding-right: .75rem } .py15 { padding-top: .75rem; padding-bottom: .75rem } .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 } .p5 { padding: 3rem } .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-14 { width: 10% } .col-15 { width: 11.1111% } .col-17 { width: 14.2857% } .col-2 { width: 16.66667% } .col-2-5 { width: 20% } .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) } .absolute100{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; } @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 } a{ text-decoration: none; }
.py20px{padding-top:20px;padding-bottom:20px;}
.my10px{margin-top:10px;margin-bottom:10px;}
.mb10px{margin-bottom:10px;}
.mx10px{margin-left:10px;margin-right:10px;}
/*"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-Light;
    src: url('/fonts/Roboto/Roboto-Light.ttf');
}

html {
    font-family: "Roboto", Roboto, Arial, sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
footer ul li{
    margin:0 10px;
}
.radius5{
    border-radius:5px;
}.radius10{
     border-radius:10px;
 }

.img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
body, html {
    height: auto !important;
}
body,html,h1, h2, h3, h4, h5{
    font-family: Roboto,Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    font-weight: 400;
}

body{

}

p{margin:0;padding:0;}
.addesc{font-size:12px;top:-13px;}
.addesc.white{
    color:white;
}
/* side-bar start */
.modal-mask{
    position: fixed;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    z-index:9;
    display: none;
}

.modal-open {
    position: fixed;
    width: 100%;
    top: 0;
}

.side-bar{
    position: fixed;
    left: 0;
    top: 60px;
    height: 100%;
    width: 70%;
    background-color: #fff;
    padding-top: 30px;
    z-index:10;
    display:none;
}

.side-bar a{
    display: block;
    padding: 0 15px;
    font-size: 14px;
    line-height: 30px;
    color: #000;
    text-decoration: underline;
}

.side-bar a:hover{
    color: #fff;
    background-color: #A4006A;
}
/* side-bar end */

/* crumbs start */
.crumbs-wrapper{
    padding: 0 15px;
    margin:45px 0 8px;
}

.crumbs a,.crumbs i{
    font-size:12px;
    color:rgba(153,153,153,1);
    line-height:13px;
}
/* crumbs end */

/* store-top start */
.store-top{
    padding:0 15px;
}

.store-top .tit{
    font-size:31px;
    font-weight:bold;
    color:rgba(0,0,0,1);
    line-height:40px;
    letter-spacing: -1px;
    margin-bottom: 15px;
}

.store-top .desc{
    font-size:14px;
    color:rgba(0,0,0,1);
    line-height:20px;
    letter-spacing: -0.5px;
}
/* store-top end */

/* card-store start */
.card-store{
    padding:  0 15px;
    display: flex;
    flex-wrap: wrap;
}

.card-store .item{
    width: 31.3%;
    margin-right: 2.9%;
    margin-bottom: 10px;
    background-color: #fff;
    border:1px solid rgba(229,229,229,1);
}

.card-store .item:nth-of-type(3n){
    margin-right: 0;
}

.card-store .item .img{
    padding: 10px;
}

.card-store .item .name{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    height: 42px;
    background-color: #E5E5E5;
}

.card-store .item .name p{
    font-size:14px;
    font-weight:bold;
    color:rgba(0,0,0,1);
    line-height:16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    text-align: center;
}

.card-store .item:hover{
    border-color: #A4006A;
}

.card-store .item:hover .name p{
    color: #A4006A;
}
/* card-store end */

/* card-discount start */
.card-discount{
    padding:0px;
    margin:10px auto 0;
    border-radius:10px;
    width:100%;
}

.card-discount .item{
    background:rgba(255,255,255,1);
    border-radius:5px;
    margin-bottom: 10px;
    padding:10px;
}
.card-discount .item:last-child{
    margin-bottom:0;
}

.discount-top{
    padding: 0px 0px 0px 0px;
    display: flex;
    align-items: center;
}

.discount-top img{
    width:88px;
    height:88px;
    border:1px solid #ccc;
    padding:10px;
    overflow: hidden;
}
.discount-top .right_arrow img{
    width:45px;
    height:auto;
    border:0;
}
.discount-top .right_arrow .get_code{
    background:#a4006a;
    color:white;
    border-radius:10px;
    padding:5px;
    font-size:12px;
    display:inline-block;
    width:62px;
    text-align:center;
    line-height:14px;
}
.discount-top .right_part{
    width: calc(100% - 112px);
    margin-left: 15px;
}
.discount-top .right_part h3 a,.discount-top .right_part h3{
    font-family: Roboto-Bold;
    font-size:16px;
    color:#000;
}
.discount-top .right_part p{
    font-family:Roboto-Light;
    font-size:12px;
    color:#666;
    margin:5px 0 0;
    line-height:20px;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.discount-top p a{
    font-size:14px;
    color:rgba(0,0,0,1);
    line-height:20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    letter-spacing: -0.5px;
}

.discount-top p a:hover{
    text-decoration: none;
}

.discount-bottom{
    height: 35px;
    line-height:35px;
    border-top:1px dashed #46002D;
    padding: 0 15px;
}

.discount-bottom .star-con{
    display: flex;
    align-items: center;
    margin: 0;
}

.discount-bottom .star-con img{
    width: 12px;
    height: 12px;
    margin-right: 4px;
}

.discount-bottom .ampstart-btn{
    background:rgba(164,0,106,1);
    border-radius:13px;
    border:1px solid rgba(164,0,106,1);
    font-size:12px;
    font-weight:bold;
    color:rgba(255,255,255,1);
    line-height:26px;
    padding: 0 20px;
}

.discount .item:hover{
    border-color: rgba(164,0,106,1);
}

.discount .item:hover .discount-bottom .ampstart-btn{
    background: #fff;
    color: rgba(164,0,106,1);
}
/* card-discount end */

/* recommend start */
.recommend-con{
    margin: 25px 15px 0;
    border:1px solid rgba(164,0,106,1);
}

.recommend-con h2{
    font-size:15px;
    font-weight:bold;
    color:rgba(0,0,0,1);
    line-height:50px;
    /* padding-left: 44px; */
    margin: 0;
}

.recommend-con h2 img{
    width: 15px;
    margin: 0 12px 0 10px;
    vertical-align: -4px;
}

.store-item a{
    padding: 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
    font-size:14px;
    font-weight:bold;
    color:rgba(0,0,0,1);
    line-height:50px;
}

.store-item:nth-of-type(odd){
    background:rgba(249,249,249,1);
}
/* recommend end */

/* footer start */
.section-about{
    padding: 0;
    margin: 0px 0 0;
}

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

.section-about .about-item h3{
    font-size:14px;
    font-size:16px;
    font-weight:bold;
    color:rgba(0,0,0,1);
    line-height:31px;
    padding: 0 0 0 30px;
    margin: 0 0 10px;
    position: relative;
    letter-spacing: -0.5px;
}

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

.section-about .about-item  p{
    font-family:Roboto-Light;
    font-size:12px;
    color:#666;
    line-height:17px;
    padding: 0 30px;
    margin: 0 0 30px;
}

.subscription_area{
    padding: 28px 30px 24px;
    background-color: #fff;
}

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

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

.subscription_area .ampstart-hint{
    color: #999999;
}

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

.subscription_area .ampstart-input{
    font-size:12px;
    color:rgb(136, 89, 89);
    line-height:26px;
    width: 69.4% !important;
    max-width: none;
    padding: 0 20px;
}

.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:30.6%;
    height:100%;
    font-size:12px;
    font-weight:bold;
    color:rgba(255,255,255,1);
    background: rgba(164,0,106,1);
    line-height:28px;
    border: none;
    outline: none;
    text-transform: capitalize;
    letter-spacing: -0.5px;
}

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

.about-list-item{
    width: 45%;
    margin-right: 5%;
}

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

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

.ampstart-footer{
    margin: 0;
    padding: 42px 15px 60px;
    background: #1B1B1B;
}

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

.ampstart-footer p{
    font-size:12px;
    color:rgba(153,153,153,1);
    line-height:17px;
    opacity:0.5;
    letter-spacing: -0.5px;
    margin-bottom:20px;
}

.ampstart-footer a{
    font-size:12px;
    color:rgba(153,153,153,1);
    line-height:17px;
    letter-spacing: -0.5px;
}

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

.ampstart-footer ul a{
    font-size:14px;
    color:rgba(255,255,255,1);
    opacity:0.3;
    text-transform: uppercase;
}

.ampstart-footer small{
    font-size:14px;
    color:rgba(255,255,255,1);
    opacity:0.3;
    text-transform: uppercase;
}
/* footer end */
.ad300x250{
    width:336px;
    height:280px;
}
.ad_320x100{
    width:320px;
    height:100px;
}
.ad_h100{
    width:100%;
    height:100px;
}
.ad_h250{
    width:100%;
    height:250px;
}
@media(max-width:320px){
    .ad300x250{
        width:300px;
        height:250px;
    }
}
/*page tool*/
.nextpage{
    display:block;
    padding: 15px 0 15px;
}
.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: 44px;
    height: 44px;
    color: #000;
    font-size: 21px;
    font-weight: bold;
    text-decoration: none;
    line-height:44px;
    margin: 0 5px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(229,229,229,1);
    border-radius:5px;
}
.pagination > li a.active,.pagination > li a:hover{
    color: #A4006A;
    height:44px;
}
.pagination > li a.prev,
.pagination > li a.prev:hover,
.pagination > li a.next,
.pagination > li a.next:hover{
    color: #A4006A;
    height:44px;
}

.pagination > li a.not,
.pagination > li a.not:hover{
    background: #fff !important;
    color: #b3aeae !important;
}
/* page end */

.bg-grey{
    background:#f9f9f9;
}

.ui.container{
    margin:0 !important;
    background:#eee;
}

ins{
    margin: 0 auto;
}

.pagination {
    display: inline-block;
    border-radius: 4px;
}
.pagination>li {
    display: inline;
}
.pagination-lg>li a {
    width: 41px;
    height: 41px!important;
    line-height: 41px;
    position: relative;
    float: left;
    text-decoration: none;
    border-radius: 6px;
    margin: 0 10px 0 0;
    font-size: 16px;
    color: #333;
    text-align: center;
    padding:0!important;
}
.pagination-lg>li:last-child a{
    margin:0 0;
}
@media(max-width:360px){
    .pagination-lg>li a {
        width: 40px;
        height: 40px!important;
        line-height: 40px;
    }
}
@media(max-width:320px){
    .pagination-lg>li a {
        width: 33px;
        height: 33px!important;
        line-height: 33px;
    }
}
.font16{
    font-size:16px;
}
/**************/
.color-bg{
    background:#eee;
}
.white-bg{
    background:#fff;
}
/****** 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;
    margin:0 14px;
}
.promo_infor .offer .percent{
    font-size: 20px;
    letter-spacing: -1px;
    line-height: 1.2;
    font-weight: 700;
    margin-top: 15px;
    display: block;
}
.promo_infor .offer .percent.bottom{
    margin-top:0;
}
.promo_infor .offer .percent.bottom.long_txt{
    font-size:0.8em;
}
.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;
}
/*******popular list********/
.popular_list{
    display:flex;
    flex-wrap: wrap;
    padding:0 8px;
}
.popular_list .item{
    display:block;
    flex:1 0 50%;
    box-sizing: border-box;
    padding:10px 8px;
}
@media(min-width: 728px){
    .popular_list .item{
        flex:1 0 25%;
    }
}
.popular_list .item img{
    width:100%;
    margin:0 auto;
    border:1px solid #ccc;
    padding:30px;
}
.popular_list .item span{
    text-align:center;
    display:block;
    color:black;
    font-size:14px;
}
.view_all{
    display:block;
    text-align:center;
    text-decoration:underline;
    margin:10px 0 10px;
    color:black;
    background:white;
    padding:10px 10px 20px;
    line-height:1.2;
}
@media(min-width: 728px){
    .section-about{
        max-width:728px;
        margin:0 auto;
    }
    .paragraph{
        margin:10px auto!important;
        max-width:728px;
    }
    .max728{
        max-width:728px;
    }
    ul,ol{
        margin-left:35px;
    }
    ul li{
        line-height:1.5;
    }
    div.main_content,.ui.container,.white-bg,header{
        max-width:728px;
        margin:0 auto!important;
    }
}