@charset "utf-8";
/* CSS Document */

body{
	color:#444;
	background: url(../images/bg_body.png) no-repeat 50% 0 #FFF;
	font-size:12px !important;
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	height:100%;
	position:absolute;
	margin:0 auto;	
}
html,body{ height:100%;}

h1,h2,h3,h4,h5,h6{line-height:1.2em;font-weight:normal;}
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}  
h5{font-size:14px;}
h6{font-size:12px;}

a {
	text-decoration: none;
	color:#341e0c;
	outline:none;
	cursor:pointer;
}
a:hover { color:#000; }

.clear {
    clear: both;
    height: 0;
    line-height: 0;
}
* html .clear { display:inline-block; }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.clearfix { height: 1%; }
.clearfix { display: block; }
.hrSpace {
    padding:5px 2px 5px;
    display:block;
    font-size:0;
    line-height:0;
    height:0;
}
/******************************Layout****************************************/
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9,.col10,.col11,.col12,.col13{float:left}
.col1{width:225px; margin-right:20px;}
.col2{width:739px !important;}
.col3{width:70px; margin-right:10px;}
.col4{width:143px;}
.col5{width:160px;}
.col6{width:220px;} /*pro scroll*/
.col7{width:330px;} /*itm home*/
.col8{width:92px;} /*news left*/
.col9 {width:239px;} /*pro*/
.col10 {width:595px;}
.col11 {width:350px; margin-right:20px;}
.col12 {width:360px;}
.col13 {width:130px; margin-right:10px;}

/******************************Layout****************************************/
input[type="text"] {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
	vertical-align:middle;
	font-weight:normal;
	outline:none;
	overflow:hidden;
}
input[type="button"] {font-family:Arial, Helvetica, sans-serif;}
input[type="radio"] { margin:0; }
input[type="checkbox"] { margin:0; }
textarea {
	resize:none;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
	vertical-align:middle;
	font-weight:normal;
	overflow:hidden;
}
select {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
	outline:none;
}
/******************************Header****************************************/
#header {min-width: 1000px; }
#header .CenterHeader {display:block; position:relative; width:1000px; margin:0 auto; height:139px;overflow:hidden}
.CenterHeader .hd-flash-bg {position:absolute; top:0; left:0; z-index:0; display:block;}
.CenterHeader .hd-content,.CenterHeader .hd-logo {position:absolute; top:0;}
.CenterHeader .hd-content {left:0; z-index:1; display:block; width:1000px; height:139px;}
.CenterHeader .hd-logo {z-index:2; display:block; height:139px; width:540px;}
.CenterHeader .hd-logo span {float:left; display:inline-block;}
.CenterHeader .hd-logo span.i-logo {margin:20px 0 15px; background: url(../images/logo_boniva.png) no-repeat;}
.CenterHeader .hd-logo span.i-slogan {padding:40px 5px 10px;}
.CenterHeader .bg_header {position:absolute; top:0; right:0; width: 460px; height: 139px; overflow: hidden;z-index:0}

.CenterHeader .HeaderLanguage {position:absolute; right:5px; bottom:1px;}
.CenterHeader .HeaderLanguage a {display:inline-block; margin-left:8px;}

.CenterHeader .hd-mycart {position:absolute; bottom:3px; right:90px; color:#deceb0;}
.CenterHeader .hd-mycart span {display:inline-block; padding:10px 0 0; margin-right:5px;}
.CenterHeader .hd-mycart a.cart {width:24px; height:30px; padding-top:10px; display:inline-block; background: url(../images/bg_cart.png) no-repeat 50% 0; text-align:center; color:#fff; font-weight:700;}

#header .HeaderGroup {background-color:#f1eae4; display:block;min-width: 1000px; }
#header .HeaderGroup .HeaderMenu {width:1000px; margin:0 auto; position:relative;}
.HeaderMenu .hd-main-menu,.HeaderMenu .hd-search {display:block; float:left;}
.HeaderMenu .hd-main-menu {width:790px;}
.HeaderMenu .hd-search {width:186px; margin-left:10px; background-color:#FFF; border:#d2d0d0 1px solid; padding:2px; margin-top:6px; position:relative;border-radius: .314em;-webkit-border-radius:  .314em;-moz-border-radius:  .314em;}
.HeaderMenu .hd-search input.hd-input-text {color:#666; background:none; border:none; padding:2px 3px; margin:0;}
.HeaderMenu .hd-search input.btnSearch {width:24px; height:24px; display:block; text-indent:-999px; background:url(../images/btn_search.png) no-repeat 50% 50%; position:absolute; right:0; top:0; overflow:hidden;}

/******************************Center****************************************/
#Section {padding:0 0 10px;}
#Section .l_main, #Section .l_sidebar, #Section .r_sidebar, #Section .l-pageWrapper, #Section .l-pageAdv, #Section .m-featured, #Section .m-bidding {
	display:block;
	position:relative;
}
#Section .l_main {margin:0 auto;}
#Section .l-pageWrapper {width:984px;padding:0 8px; margin:0 auto;background-color:#FFF; }
/**/
.i-groupSide {}
.i-groupSide h3 {font-size:18px; font-weight:700;color:#521304; padding:8px 0; display:block; position:relative; border-bottom:#d8cec1 2px solid;}
.i-groupSide .ind-groupSide {padding:5px;}
.i-groupSide .ind-groupSide .i-border { border:#dfdedc 1px solid; background-color:#fff; }
.i-groupSide ul {display:block;}
.i-groupSide ul li {display:block;}
.i-groupSide ul li.last {}
/**/
.bx-newProduct .ind-groupSide {padding:8px 0;}
.bx-newProduct ul li {background:url(../images/bg_featured.png) repeat-x 0 100% #fff; padding:9px 0;}
.bx-newProduct ul li .i-Thumb {width:70px; height:56px; display:block; overflow:hidden; margin:0 auto;}

.bx-newProduct ul li .i-Thumb  img
{
	max-width:70px; width: expression(this.width > 70 ? 70 : true);
	max-height:56px; height: expression(this.height >  56 ?  56 : true);
}
.bx-newProduct ul li .i-Thumb    a {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width:70px;
	height:56px;
}
.bx-newProduct ul li .i-Thumb   a * {
    text-align: center;
    vertical-align: middle;
}
.bx-newProduct ul li .i-Thumb a span {
    display: inline-block;
    height: 100%;
}

.bx-newProduct ul li .i-Thumb a.imgCenterPN {width:70px; height:56px; display:block; text-align:center;}
.bx-newProduct ul li .tx-Content {display:block; position:relative;}
.bx-newProduct ul li .tx-Content h6 {color:#693201; height:56px; overflow:hidden; display:block; padding:0 5px 0 0; line-height:1.4em;}
.bx-newProduct ul li .tx-Content h6 a {color:#693201;}
/**/
.bx-News .ind-groupSide {padding:8px 0 3px; background-color:#f7f4ed;}
.bx-News ul li {padding:5px 10px;}
.bx-News ul li .i-border { padding:2px;}
.bx-News ul li .i-Thumb {width:86px; height:73px; display:block; overflow:hidden; margin:0 auto;}
.bx-News ul li .i-Thumb img
{
	max-width:86px; width: expression(this.width > 86 ? 86 : true);
	max-height:73px; height: expression(this.height >  73 ?  73 : true);
}
.bx-News ul li .i-Thumb   a {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width:86px;
	height:73px;
}
.bx-News ul li .i-Thumb  a * {
    text-align: center;
    vertical-align: middle;
}
.bx-News ul li .i-Thumb a span {
    display: inline-block;
    height: 100%;
}


.bx-News ul li .i-Thumb a.imgCenterN {width:86px; height:73px; display:block; text-align:center;}
.bx-News ul li .tx-Content {display:block; position:relative; padding-top:5px;}
.bx-News ul li .tx-Content h6 {color:#bb2401; height:28px; overflow:hidden; display:block; padding:0 5px 0 0; line-height:1.2em; font-size:0.938em; text-align:center;}
.bx-News ul li .tx-Content h6 a {color:#bb2401;}
/**/
.bx-video {background:#000;}
.bx-video .ind-groupSide {padding:0px; height:168px;}
/**/
.bx-adsLeft {}
.bx-adsLeft .ind-groupSide {padding:0px;}
.bx-adsLeft a {display:block; margin-top:5px;}
.bx-adsLeft a.first {margin-top:0;}
.bx-adsLeft  .i-ThumbAds{width:225px; display:block; text-align:center;margin-bottom:5px;}
.bx-adsLeft .i-ThumbAds  a.imgCenterAds {width:225px; display:block; text-align:center;}

.bx-adsLeft  .i-ThumbAds img
{
	max-width:225px; width: expression(this.width > 225 ? 225 : true);
	
}
.bx-adsLeft  .i-ThumbAds  a {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width:225px;
}
.bx-adsLeft  .i-ThumbAds a * {
    text-align: center;
    vertical-align: middle;
}
.bx-adsLeft  .i-ThumbAds a span {
    display: inline-block;
    height: 100%;
}


/*category*/
.l-ui-category {background: url(../images/bg_category.png) no-repeat 100% 100% #341205; border-radius: .314em;-webkit-border-radius:  .314em;-moz-border-radius:  .314em;}
.l-ui-category h3 {padding:8px 10px; text-align:center; display:block; position:relative}
.l-ui-category .ind-groupSide {border:#ebebeb 1px solid;border-top:#dddcdc 0px solid; padding:0 !important;}
.l-ui-category ul {}
.l-ui-category ul li {border-bottom:#5e4022 1px solid;}
.l-ui-category ul li.last {border-bottom:none;}
.l-ui-category ul li a {background:url(../images/bullet_2.gif) no-repeat 8px 13px; padding:9px 4px 8px 18px; display:block; color:#ecd1b4; font-weight:700; font-size:16px;}
.l-ui-category ul li a.selected {font-weight:700;}
.l-ui-category ul li a:hover {color:#fee874;}
.l-ui-category ul li ul {border-top:#ecd1b4 1px solid;}
.l-ui-category ul li ul li {padding:0 5px 0 10px;}
.l-ui-category ul li ul li a {background:url(../images/icon_arrow_8.gif) no-repeat 5px 12px; padding:7px 0 7px 15px; display:block; color:#fee874;}
.l-ui-category ul li ul li a:hover {color:#c9b9ad;}
.l-ui-category ul li ul li a.selected {color:#f38202; font-weight:400;}

/**/
.l_main .i-groupMain {}
.l_main .i-groupMain h3 {font-size:18px; font-weight:700; color:#521304; background: url(../images/title_bg.png) no-repeat 0 0; padding:8px 10px 8px; text-align:left; display:block; position:relative;margin-bottom:5px;}
.l_main .i-groupMain h3.is-post-title a {color:#521304}
.l_main .i-groupMain h3 span.navControl {
	position:absolute;
	right:10px;
	top:6px;
}
.l_main .i-groupMain h3 span.navControl a {
	display:block;
	float:left;
	width:20px;
	height:20px;
	background-image:url(../images/navControl_2.png);
	background-repeat:no-repeat;
	margin-left:3px;
	text-indent:-999px;
	overflow:hidden;
	color:#FFF;
}
.l_main .i-groupMain h3 span.navControl a.i-next {background-position:0 0;}
.l_main .i-groupMain h3 span.navControl a.i-prev {background-position:0 -20px;}

.l_main .i-groupMain .ind-groupMain {padding:5px;}
.l_main .i-groupMain .ind-groupMain .i-border { border:#dfdedc 1px solid; background-color:#fff;}
.l_main .i-groupMain ul {display:block;}
.l_main .i-groupMain ul li {display:block;}
.l_main .i-groupMain ul li.last {}
.l_main .i-groupMain .ui-more { padding-top:10px; }
.l_main .i-groupMain .ui-more a.read-more {padding:3px 0 3px 0; display:inline-block; color:#c44b02; font-weight:400;}
.l_main .i-groupMain .ui-more a.read-more:hover { font-style:italic; }
.l_main .i-groupMain .ui-backto {display:block; margin-top:10px; clear:both;}
.l_main .i-groupMain .ui-backto a.back-link {background:url(../images/icon_arrow_detail.gif) no-repeat 0 50%; padding:3px 0 3px 18px; display:inline-block; color:#C30;}
.l_main .i-groupMain .ui-backto a.back-link:hover {font-style:italic;}
/**/
.l_main .bx-breakCum {border:#f5f5f5 1px solid; position:relative; height:30px; border-radius: .314em; -webkit-border-radius:  .314em; -moz-border-radius:  .314em;}
.l_main .bx-breakCum .ind-groupMain {padding:8px 10px !important; border:none !important;}
.l_main .bx-breakCum h6 {color:#ba986c;}
.l_main .bx-breakCum h6 a {color:#341e0c;}
.l_main .bx-breakCum h6 a:hover {text-decoration:underline;}
.l_main .bx-breakCum h6 span.breakCum {display:inline-block; padding:8px 10px; background:url(../images/navBreakcum.gif) no-repeat 50% 50%;}
/**/
.l_main .bx-bannerSlide {padding:0px; background-color:#130300;}
.l_main .bx-bannerSlide #slider {display:block; width:1000px; height:434px; overflow:hidden; margin:0 auto;}
/**/
.l_main .bx-bannerPro {padding:15px 0; background-color:#fff;}
.l_main .bx-bannerPro #slider {display:block; width:984px; height:250px; overflow:hidden; margin:0 auto;}
/**/
.l_main .bx-homeContent {padding:0px; background:url(../images/bg_content.png) repeat-x 0 0;min-width:1000px}
.bx-homeContent .h-gp-content {width:1000px; margin: 0 auto;overflow:hidden}

.bx-homeContent .h-gp-content .itm-h-proScroll {display:block; position:relative; padding:25px 0; border-bottom:#e9ddc4 3px solid; margin-bottom:20px;}
.bx-homeContent .h-gp-content .itm-h-proScroll .i-scroll-home {width:928px !important;overflow:hidden; height:168px;display:block; margin:0 auto;}
.bx-homeContent .h-gp-content .itm-h-proScroll .ind-scroll {width:928px;overflow:hidden; height:168px;display:block;}
.bx-homeContent .h-gp-content .itm-h-proScroll ul li {display:block; overflow:hidden; margin-right:16px; background-color:#fff;}
.bx-homeContent .h-gp-content .itm-h-proScroll ul li .i-border {display:block; position:relative; border:#ddd3c6 1px solid;}
.bx-homeContent .h-gp-content .itm-h-proScroll ul li .i-Thumb {width:218px; height:168px; display:block; overflow:hidden; margin:0 auto; position:relative;}
.bx-homeContent .h-gp-content .itm-h-proScroll ul li .i-Thumb a.imgCenter {width:218px; height:168px; display:block; text-align:center;}
.bx-homeContent .h-gp-content .itm-h-proScroll ul li .i-Thumb a.imgCenter img
{
	max-width:218px; width: expression(this.width >  218 ?  218 : true);
	max-height:168px; height: expression(this.height >  168 ?  168 : true);
}
.bx-homeContent .h-gp-content .itm-h-proScroll ul li .boxcaption {
	float: left;
	position: absolute;
	padding:15px 10px 10px;
	background: url(../images/bg_caption.png) repeat left top;
	height: 16px;
	text-align:center;
	width: 198px;
	
 }
.bx-homeContent .h-gp-content .itm-h-proScroll ul li .captionfull .boxcaption {top: 128px; left: 0;}
.bx-homeContent .h-gp-content .itm-h-proScroll ul li .captionfull a .boxcaption {font-size:18px; color:#FFF;}

/**/
.bx-homeContent .h-gp-content h3 {font-size:20px; color:#5f2a03; font-weight:700; background:none; padding:2px 0 3px;}
.bx-homeContent .h-gp-content .itm-h-about .i-border,.bx-homeContent .h-gp-content .itm-h-news .i-border {display:block; position:relative; border:#ddd3c6 1px solid; padding:2px; background-color:#fff;}

.bx-homeContent .h-gp-content .itm-h-about {background:url(../images/line_1.gif) repeat-y 100% 0;}
.bx-homeContent .h-gp-content .itm-h-about .ind-about {padding:5px 25px 0 0;}
.bx-homeContent .h-gp-content .itm-h-about p {padding-top:8px;}
.bx-homeContent .h-gp-content .itm-h-about .i-Thumb {width:290px; height:118px; display:block; overflow:hidden; margin:0 auto;}
.bx-homeContent .h-gp-content .itm-h-about .i-Thumb img 
{
	max-width:290px; width: expression(this.width >  290 ?  290 : true);
	max-height:118px; height: expression(this.height >  118 ?  118 : true);
}

.bx-homeContent .h-gp-content .itm-h-about .i-Thumb  a {
    display: inline-block;
    height: 118px;
    text-align: center;
    vertical-align: middle;
    width: 290px;
}
.bx-homeContent .h-gp-content .itm-h-about .i-Thumb  a * {
    text-align: center;
    vertical-align: middle;
}
.bx-homeContent .h-gp-content .itm-h-about .i-Thumb  a span {
    display: inline-block;
    height: 100%;
}

.bx-homeContent .h-gp-content .itm-h-news {background:url(../images/shadow_frame.png) no-repeat 100% 50%;}
.bx-homeContent .h-gp-content .itm-h-news h3 {padding-left:25px;}
.bx-homeContent .h-gp-content .itm-h-news h6 {color:#7c3907; font-weight:700; margin:5px 0; display:block;}
.bx-homeContent .h-gp-content .itm-h-news h6 a {color:#7c3907;}
.bx-homeContent .h-gp-content .itm-h-news .ind-news {padding:5px 25px 0 25px;}
.bx-homeContent .h-gp-content .itm-h-news .i-Thumb {width:276px; height:118px; display:block; overflow:hidden; margin:0 auto;}
.bx-homeContent .h-gp-content .itm-h-news .i-Thumb  img
{
	max-width:276px; width: expression(this.width >  276 ?  276 : true);
	max-height:118px; height: expression(this.height >  118 ?  118 : true);
}


.bx-homeContent .h-gp-content .itm-h-news .i-Thumb  a {
    display: inline-block;
    height: 118px;
    text-align: center;
    vertical-align: middle;
    width: 276px;
}
.bx-homeContent .h-gp-content .itm-h-news .i-Thumb  a * {
    text-align: center;
    vertical-align: middle;
}
.bx-homeContent .h-gp-content .itm-h-news .i-Thumb  a span {
    display: inline-block;
    height: 100%;
}

.bx-homeContent .h-gp-content .itm-h-news ul {display:block; margin-top:8px;}
.bx-homeContent .h-gp-content .itm-h-news ul li {background:url(../images/icon_arrow_1.png) no-repeat 0 4px; padding:4px 0 5px 20px;}
.bx-homeContent .h-gp-content .itm-h-news ul li a {color:#a83001;}
.bx-homeContent .h-gp-content .itm-h-news ul li a:hover {text-decoration:underline;}

.bx-homeContent .h-gp-content .itm-h-video {display:block;}
.bx-homeContent .h-gp-content .itm-h-video h3 {padding-left:25px;}
.bx-homeContent .h-gp-content .itm-h-video .ind-video {padding:5px 0 0 22px;}
.bx-homeContent .h-gp-content .itm-h-video .ind-video .loadVideo{border:1px solid #ccc; display: block;}
.bx-homeContent .h-gp-content .itm-h-video .ind-video .ind-media {width:306px; height:215px; overflow: hidden;}
.bx-homeContent .h-gp-content .itm-h-video ul {display:block; margin-top:8px; background-color:#dec491; padding:5px;}
.bx-homeContent .h-gp-content .itm-h-video ul li {background:url(../images/icon_arrow_1.png) no-repeat 0 4px; padding:4px 0 5px 20px;}
.bx-homeContent .h-gp-content .itm-h-video ul li a {color:#333;}
.bx-homeContent .h-gp-content .itm-h-video ul li a:hover {text-decoration:underline;}
/**/
.l_main .bx-listArticle {}
.l_main .bx-listArticle .ind-groupMain {padding:0px;}
.l_main .bx-listArticle ul { margin:10px 0; }
.l_main .bx-listArticle ul li {display:block; /*margin:5px 0 10px; border-bottom:#e9eaeb 1px solid;*/ padding-bottom:10px;}
.l_main .bx-listArticle ul li.last {border-bottom:#e9eaeb 0px solid; padding-bottom:0px;}
.l_main .bx-listArticle ul li .i-Thumb {display:block; border:#dcdedf 1px solid; padding:4px; width:120px; height:85px; overflow:hidden;}
.l_main .bx-listArticle ul li .i-Thumb a.imgCenter {width:120px; height:85px; display:block; overflow:hidden;}
.l_main .bx-listArticle ul li .tx-Content {display:block; position:relative;}
.l_main .bx-listArticle ul li .tx-Content h6 {font-weight:700; color:#0150a2; font-size:13px; padding-bottom:5px;}
.l_main .bx-listArticle ul li .tx-Content h6 a { color:#341e0c; }
.l_main .bx-listArticle ul li .tx-Content h6 a:hover { text-decoration:underline; }
.l_main .bx-listArticle ul li .tx-Content span.icon-date {display:block; background:url(../images/icon_date.png) no-repeat 0 2px; padding:0 0 3px 15px; color:#999; margin-bottom:3px;}
.l_main .bx-listArticle ul li .tx-Content p {padding:2px 0 0; line-height:1.3em;}
.l_main .bx-listArticle .ind-groupMain p {padding:5px 0 8px;}
.l_main .bx-listArticle .ind-groupMain span.icon-date {display:block; background:url(../images/icon_date.png) no-repeat 0 2px; padding:0 0 3px 15px; color:#999; margin-bottom:3px;}
.l_main .bx-listArticle .other-listArticle {display:block; margin-top:10px; background:url(../images/line_main_1.gif) repeat-x 0 0; padding-top:10px;}
.l_main .bx-listArticle .other-listArticle h5 {font-size:13px; font-weight:700;}
.l_main .bx-listArticle .other-listArticle ul {margin:0; margin-top:8px;}
.l_main .bx-listArticle .other-listArticle ul li {line-height:1.4em; padding:0; margin:0; display:block; background-image:none; border-bottom:none;}
.l_main .bx-listArticle .other-listArticle ul li a {background:url(../images/icon_arrow_1.png) no-repeat 0 5px; padding:4px 0 5px 20px; color:#341e0c; display:block;}
.l_main .bx-listArticle .other-listArticle ul li a:hover {text-decoration:underline;}
/**/
.l_main .bx-listPro {}
.l_main .bx-listPro .ind-groupMain {padding:5px 0;}
.l_main .bx-listPro .ind-proNew {padding:10px 0;}

.l_main .bx-listPro .ind-scroll {width:910px;overflow:hidden; height:120px;display:block;}
.l_main .bx-listPro .i-scroll-pronew .ind-scroll {width:778px;overflow:hidden; height:228px;display:block;}
.l_main .bx-listPro ul li {display:block; overflow:hidden; margin:5px 0 10px;}
.l_main .bx-listPro ul li.spaceLine {padding:0 5px 0 6px; display:block; float:left; line-height:0; font-size:0;}
.l_main .bx-listPro .ind-proNew ul li {display:block; overflow:hidden; padding:0 10px; margin:5px 0 10px;}

.l_main .bx-listPro ul li .i-border {display:block; position:relative; padding:5px 8px;}
.l_main .bx-listPro ul li .i-saleOff {position:absolute; right:0px; bottom:0; background:#e62101; color:#FFF; font-size:14px; padding:3px 10px;}
.l_main .bx-listPro ul li .i-saleOff strong {color:#FFF;}
.l_main .bx-listPro ul li .i-label {position:absolute; left:0; top:0; z-index:5;}
.l_main .bx-listPro ul li .i-iconNew {width:60px; height:56px; background:url(../images/label_new.png) no-repeat 0 0;}
.l_main .bx-listPro ul li .i-iconHot {width:60px; height:56px; background:url(../images/label_hot.png) no-repeat 0 0;}

.l_main .bx-listPro ul li .i-Thumb {width:218px; height:168px; display:block; overflow:hidden; margin:0 auto 5px; position:relative; }
.l_main .bx-listPro ul li .i-Thumb  img
{
	max-width:218px; width: expression(this.width >  218 ?  218 : true);
	max-height:168px; height: expression(this.height >  168 ?  168 : true);
}


.l_main .bx-listPro ul li .i-Thumb   a {
    display: inline-block;
    height: 168px;
    text-align: center;
    vertical-align: middle;
    width: 218px;
}
.l_main .bx-listPro ul li .i-Thumb    a * {
    text-align: center;
    vertical-align: middle;
}
.l_main .bx-listPro ul li .i-Thumb   a span {
    display: inline-block;
    height: 100%;
}

.l_main .bx-listPro ul li .i-Thumb a.imgCenter {width:218px; height:168px; display:block; text-align:center;}

.l_main .bx-listPro .i-scroll-prosame ul li .i-Thumb,.l_main .bx-listPro .i-scroll-promo ul li .i-Thumb{width:140px; height:110px; display:block; overflow:hidden; margin:0 auto 5px;}
.l_main .bx-listPro .i-scroll-prosame ul li .i-Thumb a.imgCenter,.l_main .bx-listPro .i-scroll-promo ul li .i-Thumb a.imgCenter{width:140px; height:110px; display:block;}

.l_main .bx-listPro ul li .i-border_video {border:1px solid #ddd;
width:216px; height:168px; display:block; overflow:hidden; margin:0 auto 5px; position:relative;
}
.l_main .bx-listPro ul li .tx-Content {display:block; position:relative; color:#012b53;}
.l_main .bx-listPro ul li .tx-Content h6 {color:#341e0c; height:28px; overflow:hidden; display:block;}
.l_main .bx-listPro ul li .tx-Content h6 a {color:#341e0c;}
.l_main .bx-listPro ul li .tx-Content p {padding:5px 0; color:#5f3400;}
.l_main .bx-listPro ul li .tx-Content p.itm-code {color:#ba986c; font-weight:700; padding:5px 0 0;}
.l_main .bx-listPro ul li .tx-Content span.i-sprice {color:#a63802; font-weight:700; font-style:italic; font-size:1.313em;}

.l_main .bx-listPro .i-scroll-feature ul li .tx-Content h6,.l_main .bx-listPro .i-scroll-promo ul li .tx-Content h6,.l_main .bx-listPro .i-scroll-prosame ul li .tx-Content h6 {font-size:12px; height:28px; margin-bottom:5px;}
.l_main .bx-listPro ul li .tx-Content p.i-mode-user {background:#000 url(../images/bg_pro.gif) repeat-x left bottom; padding:0 0 2px; display:block;}
.l_main .bx-listPro ul li .tx-Content p.i-mode-user a {color:#e22601; line-height:10px; text-align:left;}
.l_main .bx-listPro ul li .tx-Content p.i-mode-user a.icon-gold {padding:4px 0 4px 28px; background:url(../images/icon_gold.png) no-repeat 5px 50%; display:block;}
/**/
.l_main .bx-detailPro { }
.l_main .bx-detailPro .ind-groupMain {padding:10px 0;}
.l_main .bx-detailPro .i-border {border:#e7e7e6 1px solid; position:relative;}
.l_main .bx-detailPro .i-Thumb {
	display:block;
	width:330px;
	height:300px;
	padding:10px;
	  display: table-cell; vertical-align: middle;
	  text-align: center;
	/* overflow:hidden; */
}

.l_main .bx-detailPro .i-Thumb img
{
	max-width:330px; width: expression(this.width >  330 ?  330 : true);
	max-height:300px; height: expression(this.height >  300 ?  300 : true);
	display:inline-block !important
}


.l_main .bx-detailPro .i-Thumb  a {
    display: inline-block;
    height:300px;
    text-align: center;
    vertical-align: middle;
    width: 330px;
}
.l_main .bx-detailPro .i-Thumb  a * {
    text-align: center;
    vertical-align: middle;
}
.l_main .bx-detailPro .i-Thumb a span {
    display: inline-block;
    height: 100%;
}

.l_main .bx-detailPro .i-Thumb a.imgCenterD {
	/*width:330px;
	height:300px;
	display:block;
*/}
.l_main .bx-detailPro .i-Thumb .zoom {
position:absolute;
top:0px;
right:0px;
display: block;
z-index: 10000;
padding:20px;
}

.l_main .bx-detailPro .i-ThumbItems {display: block; margin-top: 5px;}
.l_main .bx-detailPro .i-ThumbItems ul li {display: inline-block; width: 82px; height:60px; margin-right: 1px;margin-bottom:4px; overflow: hidden;border:#e7e7e6 1px solid;}
.l_main .bx-detailPro .i-ThumbItems ul li.last {margin-right:0;}
.l_main .bx-detailPro .i-ThumbItems ul li a {display:block;}
.l_main .bx-detailPro .i-ThumbItems ul li a.imgCenterT {width: 82px; height: 60px;}
.l_main .bx-detailPro .tx-Content {
	display:block;
	color:#2c2c2c;
	position:relative;
}
.l_main .bx-detailPro .tx-Content h6 {
	font-size:13px;
	font-weight:700;
	padding:3px 0 8px;
}
.l_main .bx-detailPro .tx-Content ul,
.l_main .bx-detailPro .tx-Content ol {display:block; padding:5px 0 5px 15px;}
.l_main .bx-detailPro .tx-Content ul li {list-style: square outside; margin-bottom: 5px;}
.l_main .bx-detailPro .tx-Content ol li {list-style: decimal outside; margin-bottom: 5px;}

.l_main .bx-detailPro .tx-Content p { padding:8px 0 0; color:#341e0c;}
.l_main .bx-detailPro .tx-Content p.p-itmCode {margin-bottom:10px; display:block; color:#ba986c;}
.l_main .bx-detailPro .tx-Content p.s-price {
    line-height:16px;
    display:flex;
    align-items: center;
    gap: 10px; 
    margin-top:20px;
    color:#a63802;
}
.l_main .bx-detailPro .tx-Content p.s-price span {font-size:16px; font-weight:700;}
.l_main .bx-detailPro .tx-Content p.s-price .textvat {color:red}
.l_main .bx-detailPro .tx-Content .itm-s-cart {display:block; padding-top:15px; position:relative;}
.l_main .bx-detailPro .tx-Content .itm-s-cart a.btn-ui-button {font-size:16px; padding: .55em .85em; font-weight:700; white-space:nowrap; margin:0 !important; display:inline-block;}
.l_main .bx-detailPro .tx-Content .itm-s-cart a.btn-ui-button img {vertical-align:middle;}
.l_main .bx-detailPro .tx-Content .itm-s-cart label {display:inline-block; margin-right:5px; line-height:22px; white-space:nowrap; font-weight:700;}
.l_main .bx-detailPro .tx-Content .itm-s-cart input.text-input {
	background:#f7f8f8;
	border:#c9c9c9 1px solid;
	border-top:#6c6d6d 1px solid;
	padding:4px 5px 3px;
	color:#747475;
	text-align:center;
}
.l_main .bx-detailPro .tx-Content .itm-s-cart span {display:inline-block; margin-left:10px;}
.l_main .bx-detailPro .tx-Content .itm-s-cart span a.btn-ui-button {font-size:14px; padding: .365em 1.25em; font-weight:700; white-space:nowrap; margin:0 !important; display:inline-block; text-align:center;}
.l_main .bx-detailPro .tx-Content .itm-social {display:block; margin-top:20px; line-height:1.4em;}
.l_main .bx-detailPro .tx-Content .itm-social span {display:block;}
.l_main .bx-detailPro .navContentTabs {
	height:32px;
	display:block;
	border-bottom:#87ce1d 3px solid;
	background-color:#fff;
	margin-bottom:5px;
}
.l_main .bx-detailPro .navContentTabs ul {
	margin:0;
	padding:0;
	list-style:none;
}
.l_main .bx-detailPro .navContentTabs ul li {
	float:left;
	margin-right:5px;
	display:inline;
}
.l_main .bx-detailPro .navContentTabs ul li.last { margin-right:0px; }
.l_main .bx-detailPro .navContentTabs ul a {
	padding:8px 12px 8px;
	display:block;
	font-weight:700;
	color:#000;
}
.l_main .bx-detailPro .navContentTabs ul a:link, .l_main .bx-detailPro .navContentTabs ul a:visited { color:#000; background: url(../images/bg_button_sprite.png) repeat-x 0 -54px #f5f5f5; border:#f5f5f5 1px solid; border-bottom:#f5f5f5 0px solid;}
.l_main .bx-detailPro .navContentTabs ul a:hover {
	color:#F60;
}
.l_main .bx-detailPro .navContentTabs ul a.selected {
	background: url(../images/bg_button_sprite.png) repeat-x 0 -196px #87ce1d;
	border:#87ce1d 1px solid; border-bottom:#87ce1d 0px solid;
	color:#FFF;
}

.l_main .bx-detailPro .tx-Descript {
	padding:5px 0;
	text-align:justify;
	line-height:1.4em;
}
.l_main .bx-detailPro .tx-Descript h4, .l_main .bx-detailPro .tx-Descript h5, .l_main .bx-detailPro .tx-Descript h6 {
	font-weight:700;
	display:block;
	margin-bottom:5px;
}
.l_main .bx-detailPro .tx-Descript p {padding-bottom:10px;}

/**/
.nav-direc {top:5px;}
.ui-arr-arrow a.nav-button {
	background-image:url(../images/navControl_1.png) !important;
}
.ui-arr-blue a.nav-button {
	background-image:url(../images/navControl_2.png) !important;
}
.ui-arr-gray a.nav-button {
	background-image:url(../images/navControl_3.png) !important;
	width:24px !important;
	height:29px !important;
	top:50px !important;
	margin:0 !important;
}
.nav-direc a.nav-button {
	padding:0 !important;
	width:32px;
	height:32px;
	text-indent:-999px;
	display:block;
	overflow:hidden;
	cursor:pointer;
	margin:0 1px;
	position:absolute;
	top:80px;
}
.nav-direc a.prev {
	background-position:0 0;
	left:0;
}
.nav-direc a.next {
	background-position:0 -32px;
	right:0;
}
.ui-arr-gray a.prev {
	background-position:50% 0 !important;
	left:0;
}
.ui-arr-gray a.next {
	background-position:50% -29px !important;
	right:0;
}
/**/
.pageNumber {
	line-height: 100%;
	height:22px;
	padding:5px 0;
	display:block;
	line-height:20px;
	text-align:right;
	margin:0;
}
.pageNumber a {
	display: inline-block;
	width:20px;
	height:20px;
	text-align:center;
	margin: 0 2px;
	background: #f0efef;
	font-weight:700;
	color: #000;
	border:1px solid #dfdfdf;
	text-decoration: none;
	border-radius: .314em;
	-webkit-border-radius:  .314em;
	-moz-border-radius:  .314em;
}
.pageNumber a:hover {
	background: #653418;
	color: #FFF;
	border:1px solid #582a10;
}
.pageNumber a.current {
	background: #301a0c;
	color: #FFF;
	border:1px solid #301a0c;
}

/******************************FOOTER****************************************/
#footer{background-color:#301a0c;display:block;min-width:1000px;}

#footer .ft-content {width:1000px; margin:0 auto; color:#bb9b72;}
#footer .ft-copyright, #footer .ft-static, #footer .ft-menu {float:left; display:block;}
#footer .ft-copyright {padding:10px 0; width:560px; color: #ffffe0;}
#footer .ft-menu {padding:15px 0; width:200px; color: #ffffe0; margin-left: 20px;}
#footer .ft-menu .name {margin: 0 0 5px; padding: 0; font-size: 12px; text-transform: uppercase; font-weight: 700;}
#footer .ft-menu ul {list-style: none; margin: 0; padding: 0;}
#footer .ft-menu ul li {display: block;}
#footer .ft-menu ul li a {display: block; padding: 6px 0; color: #ffffe0;}
#footer .ft-menu ul li a:hover {color: #bb9b72;}
#footer .ft-static {width:200px; margin-left:20px; padding:10px 0; line-height:1.6em; text-align:right;}
#footer .ft-static span {display:block; padding-top:5px;}
#footer .ft-static span a {display:inline-block; margin-left:5px;}
#footer .ft-static p {padding:5px 0;}
#footer .ft-copyright p {padding:5px 0; line-height:1.3em;}
#footer .ft-copyright p.ft-payment {}
#footer .ft-copyright a {color:#bb9b72;}
#footer .ft-copyright a:hover {text-decoration:underline;}

/****************************************************************************/
.txtBlack {color:#000 !important;}
.txtWhite {color:#FFF !important;}
.txtLgGray {color:#555 !important;}
.txtOrange {color:#f70 !important;}
.txtLgRed {color:#c92702 !important;}
.txtLgBlue {color:#00a3e2 !important;}
.txtBlue {color:#0066bd !important;}
.txtTrans {text-transform:uppercase;}
.spaceMarginLeft {margin-left:5px;}
.marRi20px { margin-right:20px !important; }
.marginSpace {margin:0 5px !important;}
.smfont {font-size:0.938em;}
.fl {float:left;}
.fr {float:right;}
.fn {float:none;}
.bold {font-weight:700;}
.dspBL {display:block !important;}
.mg-r {margin-right:0 !important;}
.tl-ali {text-align:left !important;}
.tr-ali {text-align:right !important;}
.tc-ali {text-align:center !important;}
.tj-ali {text-align:justify !important;}
.abs {position:absolute;}
.line-14em {line-height:1.4em;}
/******************************Button****************************************/
a.btn-ui-button {
	margin: 0 .5em .5em 0;
	padding: .55em 1em;
	cursor: pointer;
	font-weight:700;
	color: #333;
	display:inline-block;
	background-image: url(../images/bg_button_sprite.png) !important;
	background-repeat:repeat-x;
	border: 1px solid #ebebeb;
}
a.ui-full {display:block !important; margin:0;}
a.ui-radius {
	border-radius: .314em;
	-webkit-border-radius:  .314em;
	-moz-border-radius:  .314em;
}

a.ui-red {
	background-color:#7f0601;
	background-position:0 0 !important;
	border: 0px solid #7f0601 !important;
	color: #FFF !important;
}
a.ui-gray {
	background-color:#f5f5f5;
	background-position:0 -54px !important;
	color: #555 !important;
}
a.ui-orange {
	background-color:#f48400;
	background-position:0 -102px !important;
	color: #FFF !important;
}
a.ui-green {
	background-color:#87ce1d;
	background-position:0 -196px !important;
	border: 0px solid #0096e1 !important;
	color: #FFF !important;
}
/**/
input.btnQuestion {background:none; position:absolute; top:127px; width:115px; height:28px; text-indent:-9999px; left:15px;}
/**/
.ui-icon {display:inline-block; vertical-align:middle; background-image:url(../images/icon_sprite.png); background-repeat:no-repeat;}
.icon-16-faqs {background-position:0 -34px; width:16px; height:16px; margin-right:5px;}
.icon-16-cart {background-position:-26px -34px; width:16px; height:16px; margin-right:5px;}
/*========current===========*/
.current{color:#F00;font-weight:700;}
/*detail news*/
.detailBackLink {
	text-align: right;
	padding-bottom: 10px;
}

.detailBackLink a {
	display: inline-block;
	background: url(../images/icon_arrow_detail.gif) no-repeat left 7px;
	padding: 3px 0 3px 15px;
	color: #aa3433;
}
.viewMoreVideo{text-align: right;}
.viewMoreVideo a{color:#F00;}
.viewMoreVideo a:hover{font-style:italic;}
.atip
{
	width:100%;
	overflow:hidden
}
.atip img
{
	max-width:500px; width: expression(this.width > 500 ? 500 : true);
	max-height:500px; height: expression(this.height >  500 ?  500 : true);
}