@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;
}
}