/* Reset All Styles
-------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color:#FFFFFF;
}
sub, sup {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	color:#FFFFFF;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
p {
	padding: 15px 0px;
	text-align:justify;
}
hr {
	width: 100%;
	padding: 5px 0px;
	border: none;
	border-bottom: 1px solid #000000;
}
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

a {
	color:#828282;
	text-decoration: none;
}

a:hover {
	color:#ffffff;
}


/* Embed fonts
-------------------------------------------------------------------*/

@font-face {
	font-family: oswald;
	src: url("../images/Oswald-Regular.eot") /* EOT file for IE */
}
@font-face {
	font-family: oswald;
	src: url("../images/Oswald-Regular.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
	font-family: jockeyOne;
	src: url("../images/JockeyOne-Regular.eot") /* EOT file for IE */
}
@font-face {
	font-family: jockeyOne;
	src: url("../images/JockeyOne-Regular.ttf") /* TTF file for CSS3 browsers */
}


/* Global Styles
-------------------------------------------------------------------*/

html, body {
	height: 100%;

/*	
	scrollbar-face-color: #575641;
	scrollbar-shadow-color: #575641;
	scrollbar-highlight-color: #575641;
	scrollbar-3dlight-color: #575641;
	scrollbar-darkshadow-color: #575641;
	scrollbar-track-color: #0d0d0d;
	scrollbar-arrow-color: #303024;
*/	
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	
}

#siteWrapper {
	position:relative;
	margin: 0 auto;
	padding: 0px;
	width: 960px;
	min-height: 100%;
	
	/* background:url(../images/news_guide.jpg) no-repeat left top; */
}

.hideme { display:none; }

.clearboth { clear: both; }


/* Exception in text content
-------------------------------------------------------------------*/
.contentTxt ol {
	list-style:decimal;
}

.contentTxt ul {
	list-style:disc;
}

.contentTxt ol, .contentTxt ul {
	margin: 15px 25px; 
}

.contentTxt li {
	margin: 0px 5px; 
}

/* Header
-------------------------------------------------------------------*/

#header {
	height:70px;
}

#topFrame {
	background:url(../images/header_01.jpg);
	height:21px;
}

#logoCont {
	position:absolute;
	top:0;
	left:50px;
	z-index:9999;
}

#logo {
	width:150px;
	height:195px;
}

#navbar{
	position: relative;
	margin-top: 18px;
	margin-left: 406px;
}

#navbar ul{	
	height: 20px;
}

#navbar li{
	padding: 0 12px;
	float:left; 
}

#navbar li span{
	display: block;
}



/* Footer
-------------------------------------------------------------------*/

#footer {
	background: #000000;
	position:relative;
	height:185px;
}

#footerNav {
	padding: 25px 13px;
}

#footerNav ul{	
	height: 25px;
}

#footerNav li{
	padding: 0 5px;
	float:left; 
}

#footerNav li span{
	display: block;
}


#footerCopyright {
	position:absolute;
	top:75px;
	left:20px;
}

#footerCopyright, #copyrightyear {
	color:#4a4a4a;
	font-size:10px;	
}

.firstShare{
	margin-left:10px;
}

#footerShare1{
	width : 25px;
	height: 25px;
	background:url(../images/footer_7.jpg) 0px 0px no-repeat;
}

#footerShare2{
	width : 25px;
	height: 25px;
	background:url(../images/footer_8.jpg) 0px 0px no-repeat;
}

#footerShare3{
	width : 25px;
	height: 25px;
	background:url(../images/footer_9.jpg) 0px 0px no-repeat;
}

#footerBilibili{
	width : 25px;
	height: 25px;
	background:url(../images/footer-bilibili.jpg) 0px 0px no-repeat;
}

#footerTwitter{
	width : 25px;
	height: 25px;
	background:url(../images/footer-Twitter.jpg) 0px 0px no-repeat;
}

#footerTikTok{
	width : 25px;
	height: 25px;
	background:url(../images/footer-TikTok.jpg) 0px 0px no-repeat;
}

#footerInstagram{
	width : 25px;
	height: 25px;
	background:url(../images/footer-instagram.jpg) 0px 0px no-repeat;
}

#footerWechat{
	width : 25px;
	height: 25px;
	background:url(../images/footer-Wechat.jpg) 0px 0px no-repeat;
}

#footerXHS{
	width : 25px;
	height: 25px;
	background:url(../images/footer-XHS.jpg) 0px 0px no-repeat;
}

#footerYoutube{
	width : 25px;
	height: 25px;
	background:url(../images/footer-Youtube.jpg) 0px 0px no-repeat;
}

#footerLogo {
	position:absolute;
	top:25px;
	right:15px;
}

/* Content
-------------------------------------------------------------------*/

#bannerStatic {
	width:960px;
	height:370px;
	background:url(../images/banner_bg_05b.jpg) no-repeat;
}

#bannerSlide {
	width:960px;
	height:570px;
	background:url(../images/banner_bg_05.jpg) no-repeat;
}

#bannerCont {
	padding:35px;
	position:relative;
}

#titleBar {
	position:relative;
	width:932px;
	height:40px;
	margin:0 14px;	
}

.titleSimpleBar {
	background:url(../images/title_bg.jpg) no-repeat;
}

.titleSearchBar {
	background:url(../images/search_bg_07.jpg) no-repeat;
}

.titleSearchAdvBar {
	background:url(../images/sorting_bg_03.jpg) no-repeat;
}

.titleImg {
	position:absolute;
	top:10px;	
	left:26px;
}

.titleTrend {
	position:absolute;
	top:13px;	
	left:150px;
}

#contentFrame {
	background:url(../images/contents_bg_03.jpg);
}

#contentTopFrame {
	width:960px;
	height:14px;
	background:url(../images/contents_top.png);
}

#contentBottomFrame {
	width:960px;
	height:14px;
	background:url(../images/contents_bottom.png);
}

#content {
	width:936px;
	min-height:400px;
	padding: 0 13px;
}

.msgNotFound {
	text-align:center;
	margin-top:50px;

}

/* product list
-------------------------------------------------------------------*/

.productListItem {    
	position: relative;    
	display: block;    
	float: left;   
	margin: 0 0 8px 8px;
}

.productListItemImg {
	margin:13px;
}

.productListItemImg img {
	display:none;
}

.productListItemX {
	width:718px;
	height:428px;
	background:url(../images/frame_3box_highlight.png) no-repeat;
}

.productListItemL {
	width:476px;
	height:428px;
	background:url(../images/big_frame_highlight_03.png) no-repeat;
}

.productListItemS {
	width:234px;
	height:428px;
	background:url(../images/frame_s_highlight_30.png) no-repeat;
}

 .productListItemTitle {
	position:absolute;
	left:18px;
	bottom:25px;
	text-align:center;
	text-transform:uppercase;
}

.productListItemX .productListItemTitle {
	width:680px;
}

.productListItemL .productListItemTitle {
	width:437px;
}

.productListItemS .productListItemTitle {
	width:196px;
}

.productListItemTag {
	position:absolute;
	left:0px;
	bottom:1px;
	width:108px;
	height:15px;
}
.productListItemL .productListItemTag {
	left:184px;
}

.productListItemS .productListItemTag {
	left:63px;
}

.productListItemNewLaunch {
        background:url(../images/newly_launched.jpg) no-repeat;
}

.productListItemHot {
	background:url(../images/hot_iteml.jpg) no-repeat;
}

.productListItemRecommend {
	background:url(../images/highly_recommend.jpg) no-repeat;
}

.productListItemExclusive {
	background:url(../images/exclusive_version.jpg) no-repeat;
}

.productListItemNewArrival {
	background:url(../images/new_arrival.jpg) no-repeat;
}

/* news list
-------------------------------------------------------------------*/

.newsTopicRow {
	margin-bottom:20px;
}

.newsTopicListDate, .newsTopicPostDate {
	color:#828282;
}

.newsTopicListTitle a {
	color:#ffffff;
}

.newsTopicListTitle a:hover {
	color:#828282;
}

/* slide show
-------------------------------------------------------------------*/

.commonSlideShow {
	position:relative;
	overflow:hidden;
}

.commonSlideImgs {
	position:absolute;
	top:0px;
	left:0px;
}

.commonSlide-holder {
    position:relative;
	z-index:999;
	display:none;
}

.commonSlide-holder .slideImg {
	display:none;
}

.commonSlide-holder .slide {
    position : absolute;
}


.commonSlide-runner {
    top : 0px;
    left : 0px;
    position : absolute;
}

/* top banner slide show
-------------------------------------------------------------------*/

#topBannerSlideShow {
	width: 890px;
	height: 500px;
}

#topBannerSlideBar {
	position:absolute;
	width:890px;
	bottom: 0px;
	z-index:1300;	
	background:url(../images/product_slideshow_bar_bg.png);
}

#topBannerPrevBut {
	position : absolute;
	top: 230px;
	left: -25px;
	z-index:1200;	
}

#topBannerNextBut {
	position : absolute;
	top: 230px;
	right: -25px;
	z-index:1200;	
}

#topBannerSlideBarCont {
	padding: 10px 30px;
}

#topBannerSlideThumbList li{
	padding: 8px;
	float:left;
}

#topBannerSlideThumbList img{
	width:120px;
	height:65px;
}


#topBannerSlideThumbList .slideThumb {
	border:solid 1px #000000;
	cursor:pointer;
}

#topBannerSlideThumbList .slideThumbOn, #topBannerSlideThumbList .slideThumb:hover {
	border:solid 1px #FFFFFF;	
}

.topBannerMovieThumbCont {
	position : absolute;
	top: 30px;
	right: 20px;
}

.topBannerMovieThumbCont .moveTitle {
	width : 44px;
	height: 18px;
	background:url(../images/movie_text.png) 0px 0px no-repeat;
}

#topBannerVideo {
	display:none;
}

.topBannerModalBg { 
	position : absolute;
	top:35px;
	left:35px;	
	width:890px;
	height:500px;
	z-index:2000;
	background:url(../images/product_slideshow_bar_bg.png);
}

#topBannerVideoCont{
	margin:0px 2px;	
}

#topBannerVideoButCont {
	position : absolute;	
	right:10px;
	top:10px;
}

.topBannerModalCloseBut {
	width : 34px;
	height: 34px;
	background:url(../images/close.png) 0px 0px no-repeat;
	cursor:pointer;	
}

#topBannerHighLightTitle {
	position : absolute;	
	left:417px;
	bottom:3px;
	width :127px;
	height: 25px;
	background:url(../images/banner_highlights.png) 0px 0px no-repeat;
}

/* article slide show
-------------------------------------------------------------------*/

.articlePrev{
	width : 27px;
	height: 37px;
	background:url(../images/contents_left_18.png) 0px 0px no-repeat;
	cursor:pointer;	
}

.articleNext{
	width : 27px;
	height: 37px;
	background:url(../images/contents_left_21.png) 0px 0px no-repeat;
	cursor:pointer;	
}

.articleSlideShowDotList ul {
	height: 8px;
	display:inline-block;
}

.articleSlideShowDotList li{
	padding: 0 10px;
	float:left;
}

.articleSlideShowDotList li span{
	display: block;
}


.articleSlideShowDot {
	width : 8px;
	height: 8px;
	background:url(../images/contents_dot_26.png) 0px 0px no-repeat;
	cursor:pointer;	
}

.articleSlideShowDotOn, .articleSlideShowDot:hover {
	width : 8px;
	height: 8px;
	background:url(../images/contents_dot_26_on.png) 0px 0px no-repeat;
}

/* Share
-------------------------------------------------------------------*/

.shareItem ul{	
	height: 22px;
}

.shareItem li{
	width: 40px;	
	float:left;
}

.shareItem li span{
	display: block;
}

#socialShare1{
	width : 22px;
	height: 22px;
	background:url(../images/contents_share_07.png) 0px 0px no-repeat;
}

#socialShare2{
	width : 22px;
	height: 22px;
	background:url(../images/contents_share_09.png) 0px 0px no-repeat;
}

#socialShare3{
	width : 22px;
	height: 22px;
	background:url(../images/contents_share_11.png) 0px 0px no-repeat;
}

/* movie
-------------------------------------------------------------------*/

.videoThumbnail {
	position:relative;
	width:120px;
	height:67px;
	overflow:hidden;
}

.videoThumbnail img {
	margin-top:-12px;
}

.videoPlayIcon {
	position:absolute;
	top:0px;
	left:0px;
	width : 120px;
	height: 67px;
	background:url(../images/movie_play.png) 40px 14px no-repeat;
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
	cursor:pointer;
}

.videoPlayIconOn {
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}

/* Search
-------------------------------------------------------------------*/
#titleSearchBarCont{
	position:relative;
	text-align:right;
	padding-right:13px;
	padding-top:5px;
}

#txtSearch {
	width:130px;
	height:20px;
	text-transform:uppercase;
	background-color:#26231c;
	border:solid 1px #1c1914;
	border-right:solid 27px #1c1914;
	padding:5px 8px;
}

.txtSearchActive {
	color:#FFFFFF;
}

.txtSearchDim {
	color:#6a6c6b;
}

#titleSearchBut {
	position:absolute;
	top:14px;
	right:18px;
	width : 16px;
	height: 16px;
	background:url(../images/search.png) no-repeat;
	cursor:pointer;
}

/* hover effect
-------------------------------------------------------------------*/

.imgPrev{
	width : 50px;
	height: 82px;
	background:url(../images/product_details_img_37.png) 0px 0px no-repeat;
	cursor:pointer;	
}

.imgNext{
	width : 50px;
	height: 82px;
	background:url(../images/product_details_img_40.png) 0px 0px no-repeat;
	cursor:pointer;	
}

.imgPrev:hover, .imgNext:hover{
	background-position: 0px -83px;
}

.hoverAlphaEffect:hover {
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}