@charset "utf-8";



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


.item-display:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.item-display .item{float: left; width: 216px;}
.item-display .item+.item{margin-left: 30px;}
.item-display .item .thumbnail .images{width: 216px; height: 216px; border: 1px solid #cdcdcd;}

.item-display .item .item-body{margin-top: 8px; text-align: center;}
.item-display .item .item-body .data-head{line-height: 20px; font-size: 13px;}
.item-display .item .item-body .data-head a{color: inherit; text-decoration: none;}
.item-display .item .item-body .data-head a:focus,
.item-display .item .item-body .data-head a:hover{text-decoration: underline;}

.item-display .item .item-body .data-foot{margin-top: 4px;}
.item-display .item .item-body .data-foot .price{line-height: 24px;}
.item-display .item .item-body .data-foot .price .price-consumer{display: block;}
.item-display .item .item-body .data-foot .price .price-consumer .head{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
.item-display .item .item-body .data-foot .price .price-consumer .value{text-decoration: line-through;}
.item-display .item .item-body .data-foot .price .price-selling{display: block;}
.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;}
.item-display .item .item-body .data-foot .price .price-selling .value{font-size: 22px; color: #c00;font-weight: normal !important;}
.item-display .item .item-body .data-foot .price .price-selling .unit{display:none;font-size: 14px; color: #ff6600;}

.item-display .item .item-body .button-area{margin-top: 8px; background-color: #949494;}
.item-display .item .item-body .button-area:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.item-display .item .item-body .button-area .btn{float: left; width: 87px;}
.item-display .item .item-body .button-area .btn+.btn{margin-left: 1px;}


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



#mainCont .recommend-item{position: relative; height: 500px;width: 2000px;margin-left: -400px;}
#mainCont .recommend-item:before{content: ''; display: block; position: absolute; z-index: -1; bottom: 0; top: 0; left: -500px; width: 2000px; height: 355px;}
#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{position: relative; text-align: center; height: 355px;}
#mainCont .recommend-item .bx-wrapper .bx-viewport{}
#mainCont .recommend-item .bx-wrapper .bx-viewport .bxslider{margin: 0; padding: 0; width: 100%; height: 100%;}
#mainCont .recommend-item .bx-wrapper .bx-viewport .bxslider li{}
#mainCont .recommend-item .bx-wrapper .bx-viewport .bxslider li a{display: block;}
#mainCont .recommend-item .bx-wrapper .bx-viewport .bxslider li a img{vertical-align: top; border: 0 none;}
#mainCont .recommend-item .bx-wrapper .bx-controls{display: inline-block; position: relative; z-index: 60; bottom: 40px; padding: 4px 12px 4px 36px; vertical-align: top; border-radius: 12px; background-color: #000000; background-color: rgba(0,0,0,0.4);}
#mainCont .recommend-item .bx-wrapper .bx-controls:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}


#mainCont .recommend-item {}
#mainCont .recommend-item .prev-direction{display: block; position: absolute; z-index: 60; top: 50%;  left: 0; margin-top: -25px;}
#mainCont .recommend-item .prev-direction a{display: block; width: 30px; height: 50px; overflow: hidden; text-indent: -999em; background: url(./../../mycodyimages/m_visual_direction.png) no-repeat 0 0;}
#mainCont .recommend-item .next-direction{display: block; position: absolute; z-index: 60; top: 50%; right: 0; margin-top: -25px;}
#mainCont .recommend-item .next-direction a{display: block; width: 30px; height: 50px; overflow: hidden; text-indent: -999em; background: url(./../../mycodyimages/m_visual_direction.png) no-repeat -30px 0;}



#mainCont .recommend-item .bx-wrapper .bx-controls .bx-pager{}
#mainCont .recommend-item .bx-wrapper .bx-controls .bx-pager:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#mainCont .recommend-item .bx-wrapper .bx-controls .bx-pager .bx-pager-item{float: left; margin-top: 3px; margin-bottom: 3px;}
#mainCont .recommend-item .bx-wrapper .bx-controls .bx-pager .bx-pager-item+.bx-pager-item{margin-left: 8px;}
#mainCont .recommend-item .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;}
#mainCont .recommend-item .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active{background-color: #ff0000;}


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


#mainCont .best-product{margin-top: 80px;}
#mainCont .best-product h2{margin: 0 0 20px 0; line-height: .8; font-size: 26px; font-weight: bold; color: #333333; background: url(./../../mycodyimages/m_h2.png) repeat 0 0;}
#mainCont .best-product h2 span{display: inline-block; padding-right: 10px; height: 26px; vertical-align: top; background-color: #ffffff;}


#mainCont .item-banner{margin-top: 0; width: 1000px; height: 120px;}
#mainCont .item-banner h2{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#mainCont .item-banner a{display: inline-block; vertical-align: top;}
#mainCont .item-banner a img{vertical-align: top; width: 100%; height: 100%;}


#mainCont .speciality-product{margin-top: 40px;}
#mainCont .speciality-product h2{margin: 0 0 20px 0; line-height: .8; font-size: 26px; font-weight: bold; color: #333333; background: url(./../../mycodyimages/m_h2.png) repeat 0 0;}
#mainCont .speciality-product h2 span{display: inline-block; padding-right: 10px; height: 26px; vertical-align: top; background-color: #ffffff;}
#mainCont .speciality-product .tabs{display: table; table-layout: fixed; text-align: center; width: 100%;}
#mainCont .speciality-product .tabs li{display: table-cell; vertical-align: middle;}
#mainCont .speciality-product .tabs li+li{border-left: 2px solid #ffffff;}
#mainCont .speciality-product .tabs li a{display: block; padding: 16px 20px; line-height: 16px; font-weight: bold; font-size: 14px; color: #333333; border-top-width: 2px; border-top-style: solid; background-color: #e3e3e3;}
#mainCont .speciality-product .tabs li.active a{color: #0066cc; border-top-color: #0066cc; background-color: #ffffff;}
#mainCont .speciality-product .tabs li .wbr{display: block;}
#mainCont .speciality-product .tabs-content{padding: 32px 0 50px 0; background-color: #f2f2f2;}
#mainCont .speciality-product .tabs-content .item-display{width: 794px; margin: 0 auto;}
#mainCont .speciality-product .tabs-content .tabs-target{display: none;}
#mainCont .speciality-product .tabs-content .tabs-target.active{display: block;}


#mainCont .choice-product{margin-top: 40px;}
#mainCont .choice-product h2{margin: 0 0 20px 0; line-height: .8; font-size: 26px; font-weight: bold; color: #333333; background: url(./../../mycodyimages/m_h2.png) repeat 0 0;}
#mainCont .choice-product h2 span{display: inline-block; padding-right: 10px; height: 26px; vertical-align: top; background-color: #ffffff;}


#mainCont .support-container{margin: 56px 0 -1px 0; background-color: #f5f5f5; border: 1px solid #dcdcdc; }
#mainCont .support-container:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#mainCont .support-container .btn.goto span{position: relative; padding: 5px 32px 0 12px; height: 17px; color: #ffffff; font-size: 12px; background-color: #4058a6; border-radius: 11px;}
#mainCont .support-container .btn.goto span:after{content: ''; display: block; position: absolute; top: 0; right: 14px; width: 5px; height: 100%; background: url(./../../mycodyimages/c_bullet_01.png) no-repeat 0 50%;}
#mainCont .support-container .btn.goto:focus span,
#mainCont .support-container .btn.goto:hover span{text-decoration: underline;}


#mainCont .support-container .customer-support{float: left; padding: 0 20px; width: 250px; height: 243px;}

#mainCont .support-container .customer-support .customer-service h3{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#mainCont .support-container .customer-support .customer-service .call-center{margin: 0; padding-top: 43px; height: 51px; line-height: .9; font-size: 28px; color: #333333; text-align: center;}
#mainCont .support-container .customer-support .customer-service .office-hours{margin: 0; font-size: 13px; color: #333333;}

#mainCont .support-container .customer-support .bank-payment{margin-top: 8px;}
#mainCont .support-container .customer-support .bank-payment h3{margin: 0 0 4px 0; font-size: 16px; font-weight: bold; color: #333333;}
#mainCont .support-container .customer-support .bank-payment .account-number{margin: 0; font-size: 13px; line-height: 14px; color: #333333;}
#mainCont .support-container .customer-support .bank-payment .account-holder{margin: 0; font-size: 12px; line-height: 22px; color: #333333;letter-spacing: -1px;}

#mainCont .support-container h2{margin: 0; padding-top: 40px; height: 42px; line-height: .9; font-size: 28px; color: #333333; text-align: center;}
#mainCont .support-container .customer-service p{margin: 0; font-size: 13px; line-height: 18px;}
#mainCont .support-container .customer-service p span{display:block;color:#333;font-size: 13px;}





#mainCont .support-container .qna{float: left; position: relative; padding: 0 60px; width: 194px; height: 243px; border-left: 1px solid #dcdcdc;}
#mainCont .support-container .qna:before{content: ''; display: block; position: absolute; right: 0; bottom: 0; width: 120px; height: 120px; background: url(./../../mycodyimages/m_temp_01.png) no-repeat 0 0;}
#mainCont .support-container .qna h2{margin: 0; padding-top: 43px; height: 51px; line-height: .9; font-size: 28px; color: #333333; text-align: center;}
#mainCont .support-container .qna p{margin: 0; font-size: 13px; line-height: 18px;text-align: center;}
#mainCont .support-container .qna .btn.goto{margin: 20px 0 0 56px;}


#mainCont .support-container .faq{float: left; position: relative; padding: 0 30px; width: 194px; height: 243px; border-left: 1px solid #dcdcdc;}
#mainCont .support-container .faq:before{content: ''; display: block; position: absolute; right: 0; bottom: 0; width: 120px; height: 120px; background: url(./../../mycodyimages/m_temp_01.png) no-repeat 0 -120px;}
#mainCont .support-container .faq h2{margin: 0; padding-top: 43px; height: 51px; line-height: .9; font-size: 28px; color: #333333; text-align: center;}
#mainCont .support-container .faq p{margin: 0; font-size: 13px; line-height: 18px;}
#mainCont .support-container .faq .btn.goto{margin-top: 10px;}


#mainCont .support-container .notice{float: left; padding: 0 40px; width: 336px; height: 243px; border-left: 1px solid #dcdcdc;}
#mainCont .support-container .notice h2{display: none; margin: 0; padding-top: 43px; height: 51px; line-height: .9; font-size: 28px; color: #333333; text-align: center;}


.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; font-weight: bold; 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{width: 100%;}
.tab_list>ul>li>a{width: 100%;}
.tab_list>ul>li>a span{margin: 0; padding-top: 43px; width: 100%; height: 51px; line-height: .9; font-weight: normal !important; font-size: 28px; color: #333333; text-align: center;}
.tab_list>ul>li>a span.over{color: #333333;}
.tab_list>ul>li>ul{top: 90px;}
.tab_list>ul>li>ul li{padding-right: 60px; padding-left: 8px;}
.tab_list>ul>li>ul li:after{content: ''; display: block; position: absolute; top: 14px; left: 0; width: 2px; height: 2px; background-color: #707070;}
.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{display: block; position: absolute; right: 0; bottom: -32px; padding: 0; overflow: hidden; color: #777777; background-repeat: no-repeat; background-position: 0 0;}
.tab_list>ul>li>ul li.more:before{content: '+';}
.tab_list>ul>li>ul li.more:after{display: none;}
.tab_list>ul>li>ul li.more a{text-decoration: underline; color: inherit;}

.nh-ctype02 .item-display .item .item-body .data-head a{width: 216px;color:#333}

.no-price-consumer{display:none !important}								
.nh-ctype02 #mainCont .support-container{display:none}
#footer-container{margin:120px auto 0 !important;}
								
.photo-gallery{float: right; position: relative; width: 360px; height: 230px;}
.photo-gallery h2{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#gallary420920{width: 420px !important; height: 230px  !important;}
.miniBox{position: static !important;}
.miniBox .miniGallery-container h2{display: none; height:230px; overflow:hidden;}
.miniBox .miniGallery-container ul{list-style: none; margin: 0; padding: 0; height: auto;}
#mainCont .miniBox .miniGallery-container ul li{float: none; width:360px; height: 240px; position:relative;}
#mainCont .miniBox .miniGallery-container ul li .thumb{width: 360px; height: 240px;}
#mainCont .miniBox .miniGallery-container ul li .thumb a{display: block; position: relative; width: 100%; height: 100%; padding-top:0;}
#mainCont .miniBox .miniGallery-container ul li .thumb a img{vertical-align: top;}
#mainCont .miniBox .miniGallery-container ul li .title{position: absolute; right: 10px; bottom: 10px; left: 10px; width: auto; text-align: left; background-color: rgba(0,0,0,0.8)}
#mainCont .miniBox .miniGallery-container ul li .title a{display: block; background-image:url(''); text-align:left; margin: 0; padding: 10px 0 0 8px; height: 26px; line-height: .9; font-size: 14px; color: #fff; text-decoration: none; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#mainCont .miniBox .miniGallery-container ul li .title a:focus,
#mainCont .miniBox .miniGallery-container ul li .title a:hover{text-decoration: underline;}
#mainCont .miniBox .miniGallery-container a.more{display: block; padding-top:0; position: absolute; top: auto; bottom: 10px; right: 10px; width: 36px; height: 36px; text-indent: -999em; overflow: hidden; background: url(./../../mycodyimages/m_btn_more_gallery.png) no-repeat 0 0;}