@c-h-a-r-s-e-t "utf-8";


.visual-zone .bx-wrapper{position: relative; text-align: center;}
.visual-zone .bx-wrapper .bx-viewport{}
.visual-zone .bx-wrapper .bx-viewport .bxslider{margin: 0; padding: 0; width: 100%; height: 100%;}
.visual-zone .bx-wrapper .bx-viewport .bxslider li{}
.visual-zone .bx-wrapper .bx-viewport .bxslider li a{display: block;}
.visual-zone .bx-wrapper .bx-viewport .bxslider li a img{vertical-align: top; border: 0 none;}

.visual-zone .bx-wrapper .bx-controls{position: absolute; z-index: 60; bottom: 20px; left: 20px; padding: 0 0 0 36px;}
.visual-zone .bx-wrapper .bx-controls:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}

.visual-zone .bx-wrapper .bx-controls .bx-pager{}
.visual-zone .bx-wrapper .bx-controls .bx-pager:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.visual-zone .bx-wrapper .bx-controls .bx-pager .bx-pager-item{float: left; margin-top: 3px; margin-bottom: 3px;}
.visual-zone .bx-wrapper .bx-controls .bx-pager .bx-pager-item+.bx-pager-item{margin-left: 4px;}
.visual-zone .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link{display: block; width: 10px; height: 10px; overflow: hidden; text-indent: -999em; background-color: #ffffff; border-radius: 5px;}
.visual-zone .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active{width: 30px;}

.visual-zone .bx-wrapper .bx-controls .bx-controls-auto{position: absolute; top: 50%; left: 12px; margin-top: -8px;}
.visual-zone .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item{}
.visual-zone .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a{display: block; width: 16px; height: 16px; overflow: hidden; text-indent: -999em; background-image: url(./../../mycodyimages/bg_slider_panels.png); background-repeat: 0 0;}
.visual-zone .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a.active{display: none;}
.visual-zone .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop{background-position: 0 0;}
.visual-zone .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start{background-position: -16px 0;}

ul.tabs{list-style: none; margin: 0; padding: 0;}
.tabs a{text-decoration: none;}
.tabs a:focus,
.tabs a:hover{text-decoration: underline;}

.tabs.theme-a{display: table; table-layout: fixed; text-align: center; width: 100%;}
.tabs.theme-a .item{display: table-cell; vertical-align: middle;}
.tabs.theme-a .item+.item{border-left: 2px solid #ffffff;}

.tabs.theme-a .item a{display: block; padding-top: 14px; height: 52px; line-height: 16px; font-weight: bold; font-size: 14px; color: #333333; border-top-width: 2px; border-top-style: solid; background-color: #e3e3e3;}
.tabs.theme-a .item.active a{color: #0066cc; border-top-color: #0066cc; background-color: #ffffff;}
.tabs.theme-a .item .wbr{display: block;}


ul .item-display{list-style: none; margin: 0; padding: 3px;}
.section-02 .item-display{}
.section-02 .item-display .item{}
.section-02 .item-display .item .thumbnail:hover{}
.section-02 .item-display .item .thumbnail .images{display: inline-block; width: 100%; height: 100%; vertical-align: top;margin-top: 19px;}
.section-02 .item-display .item .thumbnail .images:before{content:'';display:block;position:absolute; left:0;px; top:0; background:url(/user/hkshopping/mycodyimages/m-product-outline.png) repeat;  width:256px; height:244px; z-index:0;}
.section-02 .item-display .item .thumbnail .images img{display: inline-block; width: 100%; height: 100%; vertical-align: top; border: 0 none;margin-left:21px}
.section-02 .item-display{display: table;width: 1000px; height:310px !important;padding:120px 0 0 15px}
.section-02 .item-display:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.section-02 .item-display .item{display: table-cell; position:relative;}


.section-02 .item-display .item .item-body:after{display:block;position:absolute; left:-60px; top:0px; width:59px; height:50px; z-index:0;text-align:center;color:#fff;font-size:24px;}
.section-02 .item-display .item-01 .item-body:after{content:'1'}
.section-02 .item-display .item-02 .item-body:after{content:'2'}
.section-02 .item-display .item-03 .item-body:after{content:'3'}
.section-02 .item-display .item-04 .item-body:after{content:'4'}
.section-02 .item-display .item-05 .item-body:after{content:'5'}
.section-02 .item-display .item-06 .item-body:after{content:'6'}
.section-02 .item-display .item-07 .item-body:after{content:'7'}
.section-02 .item-display .item-08 .item-body:after{content:'8'}
.section-02 .item-display .item-09 .item-body:after{content:'9'}
.section-02 .item-display .item-10 .item-body:after{content:'10'}

   
.section-02 .item-display .item .thumbnail{display: table-cell; width: 200px; height: 200px; position: relative; z-index: 1;}
.section-02 .item-display .item + .item{}
.section-02 .item-display .item .item-body{position:absolute; width: 160px; top:240px; z-index:1; left:70px; text-align:left; }
.section-02 .item-display .item .item-body:before{content:'';display:block;position:absolute; left:-60px; top:0px; background:url(/user/hkshopping/mycodyimages/m-best-icon.png) repeat;  width:59px; height:50px; z-index:0;}

.section-02 .item-display .item .item-body .data-head{line-height: 18px; font-size: 14px; color: #fff;}
.section-02 .item-display .item .item-body .data-head a{color: #333; line-height: 1.3; text-decoration: none; display:block; font-weight:bold;  width:150px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;letter-spacing:-1.4px;}
.section-02 .item-display .item .item-body .data-head a:focus,
.section-02 .item-display .item .item-body .data-head a:hover{text-decoration: underline;}
.section-02 .item-display .item .item-body .data-foot{height: 16px;}
.section-02 .item-display .item .item-body .data-foot .price{vertical-align: top;}
.section-02 .item-display .item .item-body .data-foot .price .price-selling .head{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; font-weight:bold;}
.section-02 .item-display .item .item-body .data-foot .price .price-selling .value{display: inline-block; height: 20px; line-height: inherit; color: #f34800 !important; font-size: 20px; font-weight:100; vertical-align: top;}
.section-02 .item-display .item .item-body .data-foot .price .price-selling .unit{display: inline-block; height: 16px; line-height: inherit; color: #f34800; font-size: 16px; vertical-align: middle;}
.section-02 .item-display .item .item-body .button-area{margin-top: 8px; background-color: #949494;}
.section-02 .item-display .item .item-body .button-area:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.section-02 .item-display .item .item-body .button-area .btn{float: left; width: 87px;}
.section-02 .item-display .item .item-body .button-area .btn+.btn{margin-left: 1px;}
.section-02 .item-display .item.active .thumbnail .images:after{display: none;}
.section-02 .item-display .item.active .item-body{display: table-cell;}



.section-cete{position:relative; padding:20px 0 20px 0; float:left;}
.section-cete:before{content:''; position:absolute; background:url(/user/hkshopping/mycodyimages/section-03-bg.png) left top repeat; width:2000px; left:0; top:0;bottom:0;right:0; margin-left:-500px;}
.section-cete .s-shopeing{width:455px; height:219px; background:url(/user/hkshopping/mycodyimages/shopping-item-bg.png) repeat; padding:20px 0 0 35px; float:left; margin:10px 0px; position:relative; z-index:9}
.section-cete .s-shopeing h2{font-size:0;line-height:0;width:0;height:0;display:block}
.section-cete .s-shopeing h2 span{font-size:0;line-height:0;width:0;height:0;display:block}

.section-cete .s-item01{}
.section-cete .s-item02{background-position:0 -247px; float:right;}
.section-cete .s-item03{background-position:0 -495px;}
.section-cete .s-item04{background-position:0 -745px; float:right;}


.section-cete .item-display:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.section-cete .item-display .item{width:135px !important; float:left;padding: 10px 20px; margin-right:10px;position:relative}
.section-cete .item-display .item:after{content:"";position:absolute;top:0;bottom:0;left:0;width:180px;background:#fff;box-shadow: 2px 2px 4px rgba(0,0,0, 0.4);z-index: -1;}
.section-cete .item-display .item + .item{}
.section-cete .item-display .item .thumbnail{width: 135px; height: 135px;}
.section-cete .item-display .item .item-body{text-align: center;}
.section-cete .item-display .item .item-body .data-head{line-height: 18px; font-size: 15px; color: #323232; width:135px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:5px;}
.section-cete .item-display .item .item-body .data-head a{color: inherit; line-height: inherit; font-weight: bold; width:100%; font-size:13px; text-decoration: none; float:left; margin-top:5px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.section-cete .item-display .item .item-body .data-head a:focus,
.section-cete .item-display .item .item-body .data-head a:hover{text-decoration: underline;}
.section-cete .item-display .item .item-body .data-foot{}
.section-cete .item-display .item .item-body .data-foot .price{vertical-align: top;}
.section-cete .item-display .item .item-body .data-foot .price .price-selling .head{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
.section-cete .item-display .item .item-body .data-foot .price .price-selling .value{display: inline-block; height: 16px; line-height: inherit; color: #ff0500 !important; font-size: 14px; font-family: tahoma; vertical-align: top;}
.section-cete .item-display .item .item-body .data-foot .price .price-selling .unit{display: inline-block; height: 16px; line-height: inherit; color: #ff0500; font-size: 12px; vertical-align: top;}
.section-cete .item-display .item .item-body .button-area{margin-top: 8px; background-color: #949494;}
.section-cete .item-display .item .item-body .button-area:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.section-cete .item-display .item .item-body .button-area .btn{float: left; width: 87px;}
.section-cete .item-display .item .item-body .button-area .btn+.btn{margin-left: 1px;}
.section-cete .item-display .item.active .thumbnail .images:after{display: none;}
.section-cete .item-display .item.active .item-body{display: table-cell;}

#slide-container{display: none;}
#content-container{margin: 0 auto; overflow: visible !important; width: 1000px; height: auto !important; min-height: auto !important;}

#mainCont .section-01{position: relative;height:490px}
#mainCont .section-01:before{content: ''; display: block; position: absolute; z-index: -1; top: 0; bottom: 0; left: -500px; width: 2000px; background-image: url(./../../mycodyimages/section-01-bg.gif); }
#mainCont .section-01:after{content: ''; display: block; clear: both; width: 0; height: 0;}

#mainCont .recommend-item{float: right; width: 700px; height: 430px; margin-top:20px; overflow: hidden;}
#mainCont .recommend-item h2{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#mainCont .recommend-item .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active{background-color: #619cd7;}

#mainCont .item-category{float: left; position: relative; width: 360px;}
#mainCont .item-category h2{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#mainCont .item-category ul{list-style: none; margin: 0; padding: 0;}
#mainCont .item-category ul:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#mainCont .item-category ul li{float: left; width: 50%; font-weight: bold; font-size: 16px; color: #323232; background-color: #ffffff; background-image: url(./../../mycodyimages/m_item_category.png); background-repeat: no-repeat;}
#mainCont .item-category ul li a{display: block; padding: 20px 0 0 20px; height: 180px; line-height: inherit; color: inherit; text-decoration: none;}
#mainCont .item-category ul li a:focus,
#mainCont .item-category ul li a:hover{text-decoration: underline;}
#mainCont .item-category ul li.item-01{background-position: 0 0;}
#mainCont .item-category ul li.item-02{background-position: 0 -200px;}
#mainCont .item-category ul li.item-03{background-position: 0 -400px;}
#mainCont .item-category ul li.item-04{background-position: 0 -600px;}

#mainCont .section-02{position: relative;height:430px}
#mainCont .section-02:before{content: ''; display: block; position: absolute; z-index: -1; top: 0; bottom: 0; left: -500px; width: 2000px; background:url(./../../mycodyimages/best-bg.png);}
#mainCont .section-02:after{content: ''; display: block; clear: both; width: 0; height: 0;}


#mainCont .best-product{float: left; width: 100%;}
#mainCont .best-product h2{font-size:0;width:0;height:0;line-height:0;display:block}
#mainCont .best-product h2 span{font-size:0;line-height:0;padding:0;width:0;height:0;display:block }


#mainCont .event-banner{float: left; width: 360px; height: 320px; overflow: hidden;}
#mainCont .event-banner h2{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#mainCont .event-banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active{background-color: #08ad51;}

#mainCont .section-03{position: relative;}
#mainCont .section-03:after{content: ''; display: block; clear: both; width: 0; height: 0;}


#mainCont .about-us{float: left; position: relative; width: 290px; height: 170px; padding: 30px 0 0 30px;}
#mainCont .about-us:before{content: ''; display: block; position: absolute; top: 0; right: 0; width: 120px; height: 120px; background: url(./../../mycodyimages/m_temp_02.png) no-repeat 100% 0;}
#mainCont .about-us h2{margin: 0 0 12px 0; line-height: 24px; font-size: 20px; color: #323232; font-weight: bold;}
#mainCont .about-us h2 span{display: block; margin-top: 4px; line-height: inherit; font-size: 16px; font-weight: normal;}
#mainCont .about-us ul{list-style: none; margin: 0; padding: 0;}
#mainCont .about-us ul li{line-height: 24px; font-size: 12px; color: #323232;}
#mainCont .about-us ul li:before{content: ''; display: inline-block; margin-right: 4px; width: 4px; height: 4px; border-radius: 2px; background-color: #dbdbdb;}
#mainCont .about-us ul li a{display: inline-block; padding-right: 10px; line-height: inherit; color: inherit; text-decoration: none; background: url(./../../mycodyimages/bg_bullet_02.png) no-repeat 100% 50%;}
#mainCont .about-us ul li a:focus,
#mainCont .about-us ul li a:hover{text-decoration: underline;}


#mainCont .banking{float: left; position: relative; width: 290px; height: 170px; padding: 30px 0 0 30px;}
#mainCont .banking:before{content: ''; display: block; position: absolute; top: 0; right: 0; width: 120px; height: 120px; background: url(./../../mycodyimages/m_temp_02.png) no-repeat 100% -120px;}
#mainCont .banking:after{content: ''; display: block; position: absolute; top: 36px; bottom: 36px; left: 0; width: 1px; background-color: #e8e8e8;}
#mainCont .banking h2{margin: 0 0 12px 0; line-height: 24px; font-size: 20px; color: #323232; font-weight: bold;}
#mainCont .banking h2 span{display: block; margin-top: 4px; line-height: 24px; font-size: 16px; font-weight: normal;}
#mainCont .banking ul{list-style: none; margin: 0; padding: 0;}
#mainCont .banking ul li{line-height: 24px; font-size: 12px; color: #323232;}
#mainCont .banking ul li:before{content: ''; display: inline-block; margin-right: 4px; width: 4px; height: 4px; border-radius: 2px; background-color: #dbdbdb;}
#mainCont .banking ul li a{display: inline-block; padding-right: 10px; line-height: inherit; color: inherit; text-decoration: none; background: url(./../../mycodyimages/bg_bullet_02.png) no-repeat 100% 50%;}
#mainCont .banking ul li a:focus,
#mainCont .banking ul li a:hover{text-decoration: underline;}
#mainCont .banking ul li strong{color: #385d9b;}

#mainCont .latest-posts{float: left; position: relative; padding: 30px 30px 0 30px; width: 300px; height: 170px; background-color: #e8e8e8;}

.tab_list{position: relative;}
.tab_list>ul{list-style: none; margin: 0; padding: 0;}
.tab_list>ul>li{float: left; line-height: .9;}
.tab_list>ul:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.tab_list>ul>li>a{float: left; line-height: inherit;}
.tab_list>ul>li>a span{display: block; line-height: inherit; letter-spacing: -1px;}
.tab_list>ul>li>ul{position: absolute; left: 0; right: 0; list-style: none; margin: 0; padding: 0;}
.tab_list>ul>li>ul li{position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tab_list>ul>li>ul li a{text-decoration: none;}
.tab_list>ul>li>ul li a:focus,
.tab_list>ul>li>ul li a:hover{text-decoration: underline;}
.tab_list>ul>li>ul li span{position: absolute; right: 0; top: 0;}
.tab_list>ul>li>ul li.more{position: static;}
.tab_list>ul>li>ul li.more a{display: block; position: absolute; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; background-position: 0 0;}

.tab_list>ul>li>a span{margin: 0; margin: 0 0 20px 0; line-height: 24px; font-size: 20px; color: #919191; font-weight: normal;}
.tab_list>ul>li>a span.over{color: #333333; font-weight: bold;}
.tab_list>ul>li+li{margin-left: 8px;}
.tab_list>ul>li>ul{top: 40px;}
.tab_list>ul>li>ul li{padding: 0 60px 0 10px; line-height: 24px; font-size: 12px; color: #323232; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-top: 1px solid #dadada; background: url(./../../mycodyimages/bg_bullet_01.png) no-repeat 0 50%;}
.tab_list>ul>li>ul li a{line-height: 25px; font-size: 13px; color: #333333;}
.tab_list>ul>li>ul li span{line-height: 25px; font-size: 13px; color: #333333;}
.tab_list>ul>li>ul li.more{border: 0 none;}
.tab_list>ul>li>ul li.more a{top: -40px; right: 0; width: 24px; height: 24px; background-image: url(./../../mycodyimages/m_btn_more.png);}

.customer-support{position: relative; padding: 24px 0 24px 80px; border-top: 1px solid #e8e8e8; background: url(./../../mycodyimages/m_customer_support.png) no-repeat 0 50%;}
.customer-support h2{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
.customer-support .customer-service{ margin: 0; line-height: 24px; font-size: 16px;}
.customer-support .customer-service h3{display: inline-block; margin: 0 8px 0 0; line-height: inherit; font-size: inherit; color: #848484;}
.customer-support .customer-service .office-hours{display: inline-block; margin: 0; line-height: inherit; font-size: inherit; color: #848484;}
.customer-support .customer-service .office-hours:after{content: '/'; margin: 0 4px; line-height: inherit; font-size: 12px;}
.customer-support .customer-service .call-center{display: inline-block; margin: 0; line-height: inherit; font-size: inherit; color: #323232;}
.customer-support .bank-payment{line-height: 24px; font-size: 16px;}
.customer-support .bank-payment h3{display: inline-block; margin: 0 8px 0 0; line-height: inherit; font-size: inherit; color: #848484;}
.customer-support .bank-payment .account-holder{display: inline-block; margin: 0; line-height: inherit; font-size: inherit; color: #848484;}
.customer-support .bank-payment .account-holder:after{content: '/'; margin: 0 4px; line-height: inherit; font-size: 12px;}
.customer-support .bank-payment .account-number{display: inline-block; margin: 0; line-height: inherit; font-size: inherit; color: #323232;}
.customer-support .escrow{position: absolute; top: 50%; right: 0; margin-top: -27px;}
.customer-support .escrow a{display: block;}
.customer-support .escrow a img{vertical-align: top;}

#mainCont .category-wrap{position:absolute;top:30px;left:0;height:432px;width:293px;z-index: 1;background: url(./../../mycodyimages/bg-m-category.png) no-repeat 0 0}
#mainCont .category-wrap .section{padding:30px 0 25px 133px}
#mainCont .category-wrap .section .section-wrap{font-size:0;width:0;height:0;line-height:0;display:block;padding:0;margin:0}
#mainCont .category-wrap .section .section-wrap .category-title{font-size:0;width:0;height:0;line-height:0;display:block}




#mainCont .category-wrap .section .item-list{padding:0;width: 100%;}
#mainCont .category-wrap .section .item-list:after{content: ''; display: block; clear: both; }
#mainCont .category-wrap .section .item-list .item{float:left;line-height:25px;width:auto;min-width: 78px;}
#mainCont .category-wrap .section .item-list .item a{display: block;font-size:14px;color:#fff; padding-right: 10px;;font-weight:bold}
#mainCont .category-wrap .section .item-list .item a:hover{text-decoration: underline;cursor: pointer;}

.bx-wrapper .bx-viewport ul {background:url() ;}


.section-cete .bx-wrapper .bx-controls a{display: block; width: 15px; height: 25px; overflow: hidden; text-indent: -999em; background-image: url(./../../mycodyimages/m_smallprd_direction.png); background-repeat: 0 0;}
.section-cete .bx-wrapper .bx-controls .bx-controls-direction a{position: absolute; top: 50%; margin-top: -12px; z-index: 60;}
.section-cete .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{left: 82px; background-position: 0 0;}
.section-cete .bx-wrapper .bx-controls .bx-controls-direction .bx-next{right: 0; background-position: 0 -25px;}
.section-cete .bx-wrapper .bx-viewport{height:204px !important;margin-left: 25px;}

.best-product .bx-wrapper .bx-controls a{display: block; width: 15px; height: 25px; overflow: hidden; text-indent: -999em; background-image: url(./../../mycodyimages/m_smallprd_direction.png); background-repeat: 0 0;}
.best-product .bx-wrapper .bx-controls .bx-controls-direction a{position: absolute; top: 50%; margin-top: 8px; z-index: 60;}
.best-product .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{left: -20px; background-position: 0 0;}
.best-product .bx-wrapper .bx-controls .bx-controls-direction .bx-next{right: -20px; background-position: 0 -25px;}
.best-product .bx-wrapper .bx-viewport{height:inherit !important;margin-top:120px}