/* BASIC css start */
#wrap { display: block; width: 100%; min-width:100%; margin: 0 auto; }
#header{ height:auto !important;}
#contentWrapper { width: 100%; min-width:100%; max-width:100%; }
.contents { display:block; position:relative; margin:0 auto; background:#FFFFFF;}
.contents:after{content:''; display:block; clear:both;}

.inner{display:block; position:relative; width:100%;   margin:0 auto;}
.inner_wrap{display:block; position:relative; width:100%; max-width:1100px;   margin:0 auto;}

.adpic_main { display:block; float:left; width:880px; clear:both;}
.adpic_main .adpic_slide{ display:inline-block; float:left; width:640px; }
.adpic_main .noticewrap{ display:inline-block; float:right; width:220px; }

.noticewrap .bbs_notice h2{ display:block; height:32px; line-height:32px; padding:0 15px;
				border:3px solid #d7d7d7; border-radius:18px; color:#000; font-size:14px; margin-bottom:10px;}
.noticewrap .bbs_notice h2 a {font-size:12px; }
.noticewrap .bbs_notice .more { float:right; font-size:11px;}

.noticewrap li{ display:block; position:relative; line-height:22px; vertical-align:middle;}
.noticewrap li a{ display:block; padding:0 0 0 15px;  line-height:22px;  color:#4e4e4e; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.noticewrap li:before{ content:'กค'; position:absolute; left:5px }

.adpic_hit { display:block; margin:25px auto 0; }
.adpic_hit h2{ display:block; margin-bottom:10px; }
.adpic_hit .adpic{ display:block; padding:6px; border:1px solid #cdcdcd;}


.subadpic { display:table-cell; }
.subadpic img{width:100%;}

.prdarea {display:block; position:relative; margin:0 auto; text-align:center; }
.prdarea > h2 { display: block; margin: 30px auto 20px; padding:0; font-size: 12px; font-weight: normal; text-align: left;}
.prdarea > h2:after { content: ''; display: block; clear: both; }
.prdarea > h2 span.themeNm { display: block; position: relative; line-height: 40px; margin: 0 auto; padding:0 20px; text-align:left;  border:1px solid #e4e4e4; }






.prd1{ display:block; position:relative; overflow:hidden; clear:both;}
.prd1 .product-wrap{}
.prd1 h2{display:block; }

.prd1 .product-wrap .item-wrap .item-cont .item .item-list .dc_rate{  display: block; position: absolute; left: 5px; right:auto; top: 5px; width: 40px; height: 40px; line-height:40px;
										color:#FFFFFF; font-size:12px; text-align:center; background: #383838; border-radius: 100%; }

.prd_carousel { display:block; position:relative; height:100%; padding:0 40px;  }
.prd_carousel .item-wrap { display:block; padding: 0; }
.prd_carousel .item-wrap .item{ display:inline-block; float:left; width:20%; } 
.prd_carousel .item-wrap .item .item-list{ display:block; margin:5px; width:auto; border: 1px solid #dddddd; }
.prd_carousel .item-wrap .item .item-list a{ display:block; }
.prd_carousel .item-wrap .item .item-list .thumb{ border:none; border-bottom:1px solid #dddddd;  }
.prd_carousel .item-wrap .item .item-list .thumb .prdimg{ display:block; overflow:hidden;}
.prd_carousel .item-wrap .item .item-list .thumb img{width:100%;}


.prd_carousel .item-wrap .prd-info .dc_rate{ }
.prd_carousel .swiper-slide {display:inline-block !important; }
.prd_carousel .swiper-slide .item-list{padding:0 !important;}	
.prd_carousel > .prev,
.prd_carousel > .next{ position:absolute; top:45%; cursor:pointer; }
.prd_carousel > .prev{ display:block; left:0; width:30px; height:30px; padding: 0;  background:#4c4c4d url('/design/dabosong73/_msc_dabo/images/common/ibtn_prev.png') no-repeat center center; }
.prd_carousel > .next{ display:block; right:0; width:30px; height:30px; padding: 0;  background:#4c4c4d url('/design/dabosong73/_msc_dabo/images/common/ibtn_next.png') no-repeat center center; }
.prd_carousel > .prev:hover{background:#000000 url('/design/dabosong73/_msc_dabo/images/common/ibtn_prev.png') no-repeat center center;  }
.prd_carousel >.next:hover{background:#000000 url('/design/dabosong73/_msc_dabo/images/common/ibtn_next.png') no-repeat center center;  }

#subcontent{ display:block; width:100%; clear:both; }
.prdarea{ display:block; }

.prd2{ position:relative; overflow:hidden;}
.prd2 .product-wrap{ }
.prd2 .product-wrap .item-wrap .item-cont .item{display:inline-block; float:left; width:20%; }
.prd2 .product-wrap .item-wrap .item-cont .item .item-list{ display:block; margin:10px; width:auto; }
.prd2 .product-wrap .item-wrap .item-cont .item-list .dc_rate { display: block; position: absolute; left: 5px; right:auto; top: 5px; width: 40px; height: 40px; line-height:40px;
										color:#FFFFFF; font-size:12px; text-align:center; background: #383838; border-radius: 100%; }
.prd2 .product-wrap .item-wrap .item-cont .thumb{ display:block; border:1px solid #dddddd;}

.prdarea3{ position:relative; height:100%; background:#efebec;  overflow:hidden;}
.prd3{ position:relative; overflow:hidden;}
.prd3 h2{display:none;}
	
.prd4{ position:relative; height:100%; padding-bottom:150px; background-color:#fff; overflow:hidden;}
.prd4 .item-wrap .item{ display:inline-block; float:left; width:20%; } 
.prd4 .item-wrap .item .item-list{ display:block; margin:5px; width:auto; border: 1px solid #eeeeee; }
.prd4 .item-wrap .item .item-list a{ display:block; }

.prd4 .item-wrap .item .item-list .thumb img{width:100%;}
.prd4 .item-wrap .prd-info{ display:none; position:absolute; left:0; top:0; 
									width:100%; height:100%; padding:0 0; text-align:center; vertical-align:middle; 
									text-overflow:ellipsis; overflow:hidden; word-break:break-all; background:rgba(255,255,255,0.8);  }

.prd4 .item-wrap .prd-info .cover{ display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; overflow:hidden; }
.prd4 .item-wrap .prd-info ul{ display:block; margin:5px; }
.prd4 .item-wrap .prd-info .prd-name{ display:inline-block !important; color:#000000; font-size:14px !important; text-overflow:ellipsis; overflow:hidden; border-bottom:1px solid #222222; }
.prd4 .item-wrap .prd-info .prd-price{ line-height:initial;  }
.prd4 .item-wrap .prd-info .prd-price .price{ color:#000000; font-size:13px !important; font-weight:bold !important; white-space:nowrap; }
   

 .product-wrap .item-wrap .item-cont .item{margin:0 auto;}
 .product-wrap .item-wrap .item-cont .item-list .prd-preview{ display:none;}
/* BASIC css end */