@charset "utf-8"; html, body {margin:0; padding:0; border:0; width:100%; height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; color:#000; background-color:#252525; line-height:160%; } body {-webkit-text-size-adjust:none;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; outline: 0; } table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; vertical-align:top; } body tbody {border:none;} table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; } .container label { font-weight:normal; } ol,ul {list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;} q:before,q:after { content:''; } abbr,acronym { border:0; } a {color:#000; outline: 0; text-decoration:none; } a:hover {color:#000; text-decoration:underline;} .clearfix {display: inline-block;} .clearfix:after {content: " "; display: block; height: 0; clear: both; font-size: 0; visibility: hidden;} .clearfix {display: block;} h1, #toolWrapper #mainNavWrapper a, #navWrapper #mainNavWrapper a, #footNav a, #footer {font-family: 'Cantata One', serif;} p {padding-bottom: 28px; font-size: 80%;} p.noMargin { padding-bottom: 5px; } #searchWrapper {height: 7px; background-color: #333333; color: #fff; position:relative; z-index: 2000;} #searchPart {position: absolute; bottom: 0; width: 100%;} #searchBar {width:906px; padding: 0 37px; height: 30px; margin-left: auto; margin-right: auto; position: relative; color: #fff; font-family: 'Cantata One', serif; font-size: 12px; font-weight:bold;} /*Drop down starts*/ #searchBar ul.dropdownList {position: absolute; top: 0; left: 37px; height: 26px; padding: 4px 0 0 0; background:url(../images/bg_dropdown.gif) no-repeat 150px 10px; cursor: pointer; font-size: 100%; width: 170px;} #searchBar ul.dropdownList a {color: #fff; display: block;} #searchBar ul.dropdownList a:hover { text-decoration:none;} #searchBar ul.dropdownList li.dropdown ul { display: none; position:relative; top: -2px; top: -1px\0; height:auto; width: 170px; background-color:#FFF; color: #000; z-index: 100;} #searchBar ul.dropdownList li.dropdown:hover ul { display: block; } #searchBar ul.dropdownList li.dropdown ul li {padding-left: 22px; border: 1px solid #DEDBD5; border-top: none; display:block;} #searchBar ul.dropdownList li.dropdown ul li a {color: #000;} #searchBar ul.dropdownList li.dropdown ul li:hover {background-color: #333;} #searchBar ul.dropdownList li.dropdown ul li:hover a {color: #fff;} #searchBar ul#selectMall {/*left: 300px;*/left: 42px; width: 180px; background-position: 170px 10px;} #searchBar ul#selectMall li.dropdown ul {width: 180px;} /*Drop down ends*/ #searckKeyWord {position: absolute; top: 0; left: 750px;} #searckKeyWord input {float: left; border: none; background: none; color: #999999; font-style:italic; padding: 10px 10px 2px 10px; font-size: 90%; background:url(../images/bg_keyword.gif) no-repeat 0 6px; width: 150px;} #searckKeyWord a {float: left; background:url(../images/btn_search.gif) no-repeat 0 0; width: 33px; height: 30px; display: block; text-indent: -5000px;} #searchItemWrapper {padding: 14px 0 20px 0; background-color: #000; position:relative; overflow: hidden; height: 113px; width: 100%; min-width:980px; width: 100%;} #searchItemWrapper #searchItem {position: absolute; left: 0; top: 14px;} #searchItemWrapper #searchItem div {float: left; width: 170px; height: 113px; overflow:hidden; margin-right: 10px; position:relative; cursor: pointer;} #searchItemWrapper #searchItem div img {display: block;} #searchItemWrapper #searchItem div dl {position: absolute; bottom: -53px; left: 0; color: #fff; background:url(../images/bg_search.png) repeat-y 0 0; width: 150px; padding: 0 10px; text-align:center; font-size: 10px; line-height: 100%;} #searchItemWrapper #searchItem div dl a {color: #fff;} #searchItemWrapper #searchItem div dl a:hover { text-decoration:none;} #searchItemWrapper #searchItem div dl dt {padding: 8px 0; border-bottom: 1px solid #C1C1C1; margin-bottom: 7px; cursor:pointer;} #searchItemWrapper #searchItem div dl dd {line-height: 140%; padding-bottom: 30px;} #searchItemWrapper #searchItem div dl dd.category {color: #C1C1C1; } #toolWrapper, #navWrapper {background-color: #fff; position: relative; z-index: 102; min-width: 980px; width: 100%;} #navWrapper {z-index: 100;} /*update on 20190716 starts*/ #toolWrapper #topTool {width:100%; text-align: center; box-sizing: border-box; padding: 40px 37px 0 37px; margin-left: auto; margin-right: auto; position: relative;} #toolWrapper #topTool:after {content:""; width: 100%; height: 2px; background-color: #000; position: absolute; bottom: 0; left: 0;} #toolWrapper #topTool #searchBtn {text-align: left; background: url(../images/bg_shop_search.gif) no-repeat right 4px; cursor: pointer; font-style:italic; font-size: 10px; width: 80px; position:absolute; top: -4px; right: 37px;} #toolWrapper #topTool #lang {position: absolute; top: 56px; right: 37px;} #toolWrapper #topTool #lang a {display: block; float:left; color: #000; font-size: 11px; line-height: 100%; padding: 7px 5px; text-align:center;} #toolWrapper #topTool #lang a:hover, #topTool #lang a#en {color: #fff; background-color: #000; text-decoration:none;} #navWrapper #mainNavWrapper {text-align: center; box-sizing: border-box; padding: 10px 37px 5px 37px; width:100%; margin-left: auto; margin-right: auto; position: relative;} #navWrapper #mainNavWrapper a {font-size: 13px; margin-right: 30px;} /*update on 20190716 ends*/ #navWrapper #mainNavWrapper a#love {margin-right: 0px;} #navWrapper #mainNavWrapper a:hover, #toolWrapper #mainNavWrapper a.active {color: #999999; text-decoration:none;} #mainContainerWrapper {font-size: 90%; color: #000; background-color: #F8F8F8; overflow:hidden; line-height: 160%; position:relative; min-width:980px; width: 100%;} #mainContainer {width:906px; padding: 0 37px; margin-left: auto; margin-right: auto; position: relative;} .backtop {width: 71px; height: 71px; display: block; background:url(../images/btn_back.png) no-repeat 0 0; text-indent: -5000px; margin: 55px 0 0 237px;} #footNavWrapper {background-color: #000; min-width:980px; width: 100%;} #footNav {width:906px; /*width: 710px;*/ padding: 8px 37px; margin-left: auto; margin-right: auto; position: relative; text-align: center;} #footNav a {font-size: 11px; color: #fff; margin-right: 42px; display: inline-block; /*float:left;*/} #footNav a#privacy-policy {margin-right: 35px;} /*#footNav a#sitemap {margin-right: 190px;}*/ #footNav a#enews { margin-right: 0;} #footNav a#follow { margin-right: 20px; background:url(../images/bg_footer.gif) no-repeat 0 5px; padding-left: 12px; text-decoration: none; cursor: default; display: none;} #footNav a#fb, #footNav a#tweet, #footNav a#weibo {width: 18px; height: 15px; margin-right: 0; background:url(../images/bg_social.gif) no-repeat 0 0px; text-indent: -5000px; margin-top: 5px;display: none;} #footNav a#fb {width: 8px; margin-right: 10px;} #footNav a#tweet { background-position: -18px 0; margin-right: 9px;} #footNav a#weibo {background-position: -45px 0; margin-right: 0px;} #footNav a#fb:hover {background-position: 0 -15px;} #footNav a#tweet:hover {background-position: -18px -15px;} #footNav a#weibo:hover {background-position: -45px -15px;} #footerWrapper {} #footer, #footerTools { text-align:center; color: #fff; font-size: 11px; width:980px; padding: 14px 0 5px 0; margin-left: auto; margin-right: auto; position: relative;} #footerTools { padding: 0 0 50px 0;} #footerTools a {color: #484848; display: inline-block;} #footerTools a#terms, #footerTools a#pics {margin-left: 20px;} #footerTools a#pics {line-height: 120%;} .followUsText {text-align: center; font-family: 'Cantata One', serif; font-size: 10px;} .footerSocialMedia {text-align: center;} .footerSocialMedia a {display: inline-block; background:url(../images/icon_social.png) no-repeat 0 0px; width: 18px; height: 19px; text-indent: -5000px; margin: 0 6px;} .footerSocialMedia a.instaIcon {background-position: -33px 0; width: 20px;} .footerSocialMedia a.weiboIcon {background-position: -67px 0; width: 23px;} .footerSocialMedia a.wechatIcon {background-position: -105px 0; width: 23px;} .footerSocialMedia a.xhsIcon {background-position: -141px 0; width: 20px;} .footerSocialMedia a:hover {background-position: 0 -19px;} .footerSocialMedia a.instaIcon:hover {background-position: -33px -19px;} .footerSocialMedia a.weiboIcon:hover {background-position: -67px -19px;} .footerSocialMedia a.wechatIcon:hover {background-position: -105px -19px;} .footerSocialMedia a.xhsIcon:hover {background-position: -141px -20px;} #toolWrapper, #navWrapper { min-width: 0; } #mainContainerWrapper { min-width: 375px; } #viewport-container { overflow: hidden; /* min-width: 1024px; */ } .bottomStroke { height: 37px;} .bottomStroke img { position: absolute; left: 50%; margin-left: -700px; top: 0; } @media (max-width: 768px) { #viewport-container { min-width: 0;} } @media (max-width: 767px) { #footerTools > span { display: block;} #footerTools a { margin: 0 !important;} } /*add on 20200605*/ .descPartCopy {position: relative; top: 8px;} .descPartSM #myInput {position: absolute; left: 0; z-index: -10; } .descPartSM #myTooltip {position: absolute; bottom: -20px; left: -18px; text-indent: 0; } @media (max-width: 767px) { .shopDetailWraper .detaiWrapper .descPart div.descPartSM { padding-right: 20px; } }