.petInner {
  padding: 20px 0 100px;
}
.section h2 {
  text-align: center;
}
.section.top .sliderBanner {
  position: relative;
  float: left;
  width: 740px;
  height: 420px;
}
.section.top .sliderBanner i.top {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
  width: 740px;
  height: 1px;
  background: url("http://openimage.interpark.com/.ui/pet/main/pet_sliderBorder.png") repeat-x;
}
.section.top .sliderBanner i.bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 740px;
  height: 1px;
  background: url("http://openimage.interpark.com/.ui/pet/main/pet_sliderBorder.png") repeat-x;
}
.section.top .sliderBanner i.left {
  position: absolute;
  top: 1px;
  left: 0;
  display: block;
  width: 1px;
  height: 418px;
  background: url("http://openimage.interpark.com/.ui/pet/main/pet_sliderBorder.png") repeat-y;
}
.sliderBanner .banner {
  position: relative;
  width: 740px;
  height: 420px;
}
.sliderBanner .banner .img {
  display: block;
  overflow: hidden;
  width: 740px;
  height: 330px;
  background-color: #37c267;
}
.sliderBanner .banner .img img {
  width: 740px;
  height: 330px;
}
.sliderBanner .banner .title {
  position: relative;
  z-index: 1;
  overflow: hidden;
  height: 31px;
  margin-top: 29px;
  padding: 0 50px;
  font-size: 30px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sliderBanner .banner .mask {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 740px;
  height: 170px;
  background: transparent;
}
/* main slider gradients */
.sliderBanner .banner .mask.gradient {
  background: url("http://openimage.interpark.com/.ui/pet/main/pet_sliderGradient.png") left bottom no-repeat;
}
/* main slider pagenation */
.sliderBanner .bx-controls .bx-default-pager {
  position: absolute;
  bottom: 80px;
  width: 100%;
  height: 10px;
  font-size: 0;
  text-align: center;
}
.sliderBanner .bx-controls .bx-default-pager .bx-pager-item {
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 10px !important;
  height: 10px !important;
  margin: 0 3px;
}
.sliderBanner .bx-pager .bx-pager-item .bx-pager-link {
  display: block;
  width: 10px;
  height: 10px;
  background: url("http://openimage.interpark.com/.ui/pet/main/pet_sliderPageNation.png") no-repeat;
  font-size: 0;
  color: transparent;
}
.sliderBanner .bx-pager .bx-pager-item .bx-pager-link.active {
  background: url("http://openimage.interpark.com/.ui/pet/main/pet_sliderPageNation.png") 0 -10px no-repeat;
}
/* main slider prev next buttom */
.sliderBanner .bx-controls-direction {
  width: 100%;
  height: 40px;
}
.sliderBanner .bx-controls-direction a {
  position: absolute;
  bottom: 24px;
  z-index: 50;
  display: block;
  width: 40px;
  height: 40px;
  background: url("http://openimage.interpark.com/.ui/pet/main/pet_sliderBtn.png") no-repeat;
  font-size: 0;
  color: transparent;
}
.sliderBanner .bx-controls-direction .bx-prev {
  left: 17px;
  background-position: 0 0;
}
.sliderBanner .bx-controls-direction .bx-next {
  right: 17px;
  background-position: -40px 0;
}
.sliderBanner .counter.mainSliderCounter {
  position: absolute;
  top: 16px;
  right: 27px;
  font-size: 20px;
  color: #37c267;
  letter-spacing: 1px;
}
.section.top .easyFinder {
  float: right;
  width: 190px;
  height: 387px;
  padding: 33px 15px 0;
  background: #383a39;
}
.section.top .easyFinder .foodSearchButton {
  width: 190px;
  height: 48px;
  margin-top: 15px;
  font-size: 0;
}
.easyFinder .foodSearchWrap {
  position: relative;
  width: 190px;
  margin-top: 23px;
  font-size: 16px;
  color: #afafaf;
  letter-spacing: -1px;
}
/* select box */
.easyFinder .foodSearchWrap .selectBoxWrap {
  position: relative;
  width: 190px;
  height: 48px;
  font-size: 16px;
  line-height: 1;
  text-align: left;
}
.foodSearchWrap .selectBoxWrap .customSelect {
  width: 100%;
  height: 48px;
  border: 0;
  cursor: pointer;
}
.foodSearchWrap .selectBoxWrap .customSelect .trigger {
  width: 168px;
  height: 33px;
  padding: 15px 0 0 22px;
  background: url("http://openimage.interpark.com/.ui/pet/main/easyFinder_selectBg2_off.png") no-repeat;
  color: #999;
}
.foodSearchWrap .selectBoxWrap:first-child .customSelect .trigger {
  color: #fff;
}
.foodSearchWrap .selectBoxWrap .customSelect .trigger.open {
  background: url("http://openimage.interpark.com/.ui/pet/main/easyFinder_selectBg2_on.png") no-repeat;
}
.foodSearchWrap .selectBoxWrap:first-child .customSelect .trigger {
  background: url("http://openimage.interpark.com/.ui/pet/main/easyFinder_selectBg1_off.png") no-repeat;
}
.foodSearchWrap .selectBoxWrap:first-child .customSelect .trigger.open {
  background: url("http://openimage.interpark.com/.ui/pet/main/easyFinder_selectBg1_on.png") no-repeat;
}
.foodSearchWrap .selectBoxWrap .customSelect .trigger.selected {
  color: #fff;
}
.customSelectOptions {
  position: absolute;
  top: 48px;
  left: -1px;
  z-index: 10;
  visibility: hidden;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 300px;
  *margin-top: -2px;
  margin-top: 0;
  padding-bottom: 10px;
  border-top: 1px solid #606161;
  background: url("http://openimage.interpark.com/.ui/pet/main/easyFinder_optionBg.png") left bottom no-repeat;
  color: #afafaf;
  opacity: 0;
}
.customSelectOptions.open {
  bottom: auto;
  visibility: visible;
  opacity: 1;
}
.customSelectOptions ul li {
  padding-left: 20px;
  border-right: 2px solid #606161;
  border-left: 2px solid #606161;
  background: #383a39;
  line-height: 33px;
}
.customSelectOptions ul li:first-child {
  padding-top: 4px;
}
.customSelectOptions ul li.hover {
  color: #fff;
}
/* scroll */
.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  height: 100%;
  outline: none;
  direction: ltr;
}
.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto;
}
.mCSB_scrollTools {
  position: absolute;
  top: 0;
  right: 6px;
  bottom: 0;
  left: auto;
  width: 12px;
  height: auto;
}
.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 26px 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
}
.mCSB_scrollTools .mCSB_dragger {
cursor:pointer;
width:100%;
height:30px;
z-index:1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 12px;
  height: 100%;
  margin: 0 auto;
  background: #606161;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  position: absolute;
  display: block;
  overflow: hidden;
  width: 12px;
  height: 16px;
  cursor: pointer;
  margin: 0 auto;
}
.mCSB_scrollTools .mCSB_buttonUp {
  background: url("http://openimage.interpark.com/.ui/pet/main/selectScroll_arrowTop.png") 1px 10px no-repeat;
}
.mCSB_scrollTools .mCSB_buttonDown {
  bottom:0;
  background: url("http://openimage.interpark.com/.ui/pet/main/selectScroll_arrowDown.png") 1px 0 no-repeat;
}
.section.recommend {
  position: relative;
  overflow: hidden;
  margin-top: 30px;
}
.section.recommend .registerBanner {
  display: none;
  width: 958px;
  height: 138px;
  margin-bottom: 30px;
  border: 1px solid #ccc;
}
.section.recommend .registerBanner img {
  width: 958px;
  height: 138px;
}
.section.recommend .recommendWrap {
  margin-bottom: 68px;
}
.recommendWrap h2 {
  position: relative;
  width: 268px;
  height: 65px;
  margin: 4px auto 0;
  background: url("http://openimage.interpark.com/.ui/pet/main/recommend_title.png") no-repeat;
  font-size: 0;
  line-height: 0;
  color: transparent;
}
.recommendWrap .selectPet {
  position: absolute;
  top: 0;
  left: 105px;
  display: block;
  width: 58px;
  height: 65px;
  padding-top: 4px;
  text-align: center;
}
.recommendWrap .selectPet img {
  width: 50px;
  height: 50px;
}
.recommendWrap .selectPet .selectPetMask {
  position: absolute;
  top: 0;
  left: 0;
  width: 58px;
  height: 65px;
  background: url("http://openimage.interpark.com/.ui/pet/main/recommend_selectMask.png") no-repeat;
}
.recommendWrap .myPetWrap {
  position: absolute;
  top: 8px;
  right: 10px;
  width: auto;
  height: 50px;
}
.recommendWrap .myPetWrap > div {
   float: left;
}
.myPetWrap .pet {
  position: relative;
  display: block;
  margin-right: 10px;
}
.myPetWrap .pet img {
  width: 50px;
  height: 50px;
}
.myPetWrap .pet .petMask {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background: url("http://openimage.interpark.com/.ui/pet/main/recommend_mask.png") no-repeat;
}
.myPetWrap .set a {
  display: block;
  width: 50px;
  height: 50px;
  background: url("http://openimage.interpark.com/.ui/pet/main/recommend_setting.png") no-repeat;
  font-size: 0;
  line-height: 0;
  color: transparent;
}
.recommendProductWrap {
  margin-top: 18px;
}
.recommendProductWrap ul li:first-child {
  margin-left: 0;
}
.productDefault > ul > li {
  float: left;
  width: 220px;
  margin-left: 26px;
}
.productDefault .img {
  position: relative;
  overflow: hidden;
  width: 220px;
  height: 220px;
  background: #fff;
}
.productDefault .img img {
  width: 220px;
  height: 220px;
}
.productDefault .productInfo {
  overflow: hidden;
  margin-top: 16px;
  padding: 0 9px;
  line-height: 1;
  text-align: center;
  letter-spacing: -1px;
}
.productDefault .productInfo .title {
  overflow: hidden;
  height: 19px;
  line-height: 19px;
}
.productDefault .productInfo .priceWrap {
  overflow: hidden;
  margin: 6px 0 19px;
  font-size: 20px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.productDefault .productInfo .price i {
  font-size: 17px;
  vertical-align: 1px;
}
.productDefault .productInfo .assessment {
  margin-bottom: 7px;
}
.productDefault .productInfo .GPAwrap {
  position: relative;
  overflow: hidden;
  zoom:1;
  *display: inline;
  display: inline-block;
  width: 82px;
  height: 14px;
  background: url("http://openimage.interpark.com/.ui/pet/common/gpaBg.png") no-repeat;
}
.productDefault .productInfo .GPAwrap .gpa {
  position: absolute;
  top: 0;
  left:0;
  zoom:1;
  *display: inline;
  display: inline-block;
  height: 14px;
  background: url("http://openimage.interpark.com/.ui/pet/common/gpa.png") no-repeat;
}
.productDefault .productInfo .review {
  zoom:1;
  *display: inline;
  display: inline-block;
  margin-left: 1px;
  font-size: 14px;
  vertical-align: 3px;
}
.productDefault .productInfo .gift {
  overflow: hidden;
  height: 15px;
  font-size: 14px;
  color: #999;
}
.section.specialProduct {
  border: 1px solid #ccc;
  background: #fff;
}
.section.specialProduct .sectionInner .todayPrice {
  position: relative;
  float: left;
  width: 479px;
}
.sectionInner.wide .freeTrial {
  display: none;
}
.section.specialProduct .sectionInner .freeTrial {
  position: relative;
  float: left;
  width: 478px;
  border-left :1px solid #ccc;
}
.sectionInner .specialProductWrap {
  width: 310px;
  margin: 56px auto 48px;
  text-align: center;
}
.sectionInner .specialProductWrap .productWrap {
  width: 310px;
  margin: 0 auto;
}
.sectionInner.wide .todayPrice {
  width: 100% !important;
}
.sectionInner .todayPrice > h2 {
  display: none;
}
.sectionInner.wide .todayPrice > h2 {
  display: block;
  margin-top: 40px;
}
.sectionInner.wide .todayPrice .specialProductWrap {
  width: 479px;
  margin: 16px 0 50px;
}
.sectionInner.wide .todayPrice .specialProductWrap h2 {
  display: none;
}
.sectionInner.wide .todayPrice .specialProductWrap.second {
  display: block;
  width: 478px;
  border-left: 1px solid #eee;
}
.sectionInner .todayPrice .specialProductWrap.second {
  display: none;
}
.sectionInner.wide .todayPrice .specialProductWrap {
  float: left;
}
.specialProductWrap .count {
  margin: 8px 0 9px;
  font-size: 18px;
  color: #333;
}
.specialProductWrap .img {
  overflow: hidden;
  width: 310px;
  height: 310px;
}
.specialProductWrap .img img {
  width: 310px;
  height: 310px;
}
.specialProductWrap .productInfo {
  overflow: hidden;
  margin-top: 9px;
  line-height: 1;
  letter-spacing: -1px;
  text-align: center;
}
.specialProductWrap .productInfo .title {
  overflow: hidden;
  height: 19px;
  font-size: 18px;
  color: #333;
}
.specialProductWrap .productInfo .priceWrap {
  overflow: hidden;
  margin: 8px 0 19px;
  font-weight: bold;
  text-align: center;
}
.specialProductWrap .productInfo .priceWrap .discountPercent {
  margin-right: 5px;
  font-size: 19px;
  color: #00af3d;
}
.specialProductWrap .productInfo .priceWrap .discountPercent em {
  font-size: 24px;
}
.specialProductWrap .productInfo .priceWrap .price {
  font-size: 19px;
  color: #222;
}
.specialProductWrap .productInfo .priceWrap .price strong {
  font-size: 24px;
}
.specialProductWrap .productInfo .priceWrap .price i {
  vertical-align: 2px;
}
.section .specialProductWrap .productInfo .assessment .GPAwrap {
  position: relative;
  overflow: hidden;
  zoom:1;
  *display: inline;
  display: inline-block;
  width: 94px;
  height: 16px;
  background: url("http://openimage.interpark.com/.ui/pet/common/gpaBg_special.png") no-repeat;
}
.section .specialProductWrap .productInfo .assessment .GPAwrap .gpa {
  position: absolute;
  top: 0;
  left:0;
  zoom:1;
  *display: inline;
  display: inline-block;
  height: 16px;
  background: url("http://openimage.interpark.com/.ui/pet/common/gpa_special.png") no-repeat;
}
.section .specialProductWrap .productInfo .assessment .review {
  zoom:1;
  *display: inline;
  display: inline-block;
  font-size: 15px;
  vertical-align: 3px;
}
.section.specialProduct .sectionInner .ssendeal {
  position: relative;
  padding: 40px 0 49px;
  border-top: 1px solid #ccc;
}
.ssendealProductWrap {
  margin-top: 20px;
  text-align: center;
}
.ssendealProductWrap.productDefault ul li {
  margin-left: 16px;
}
.ssendealProductWrap.productDefault ul li:first-child {
  margin-left: 14px !important;
}
.section.tab {
  margin: 70px 0 31px;
}
.section.tab .tabWrap {
  overflow: hidden;
  width: 960px;
}
.section.tab .tabWrap ul li {
  position: relative;
  float: left;
  width: 239px;
  height: 43px;
  margin-left: -1px;
  border: 1px solid #ccc;
  border-bottom: 1px solid #666;
}
.section.tab .tabWrap ul li.on {
  z-index: 10;
  border: 1px solid #666;
  border-bottom: 1px solid #fff;
}
.section.tab .tabWrap ul li:first-child {
  width: 238px;
  margin-left: 0;
}
.section.tab .tabWrap ul li.tab1 {
  background: url("http://openimage.interpark.com/.ui/pet/main/tab1_off.png") center no-repeat;
}
.section.tab .tabWrap ul li.tab2 {
  background: url("http://openimage.interpark.com/.ui/pet/main/tab2_off.png") center no-repeat;
}
.section.tab .tabWrap ul li.tab3 {
  background: url("http://openimage.interpark.com/.ui/pet/main/tab3_off.png") center no-repeat;
}
.section.tab .tabWrap ul li.tab4 {
  background: url("http://openimage.interpark.com/.ui/pet/main/tab4_off.png") center no-repeat;
}
.section.tab .tabWrap ul li.tab1.on {
  background: url("http://openimage.interpark.com/.ui/pet/main/tab1_on.png") center no-repeat;
}
.section.tab .tabWrap ul li.tab2.on {
  background: url("http://openimage.interpark.com/.ui/pet/main/tab2_on.png") center no-repeat;
}
.section.tab .tabWrap ul li.tab3.on {
  background: url("http://openimage.interpark.com/.ui/pet/main/tab3_on.png") center no-repeat;
}
.section.tab .tabWrap ul li.tab4.on {
  background: url("http://openimage.interpark.com/.ui/pet/main/tab4_on.png") center no-repeat;
}
.section.tab .tabWrap ul li a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  color: transparent;
}
.tabContentWrap.productDefault {
  overflow: hidden;
  margin-top: 30px;
}
.tabContentWrap.productDefault > div {
  overflow: hidden;
}
.tabContentWrap.productDefault .bestWrap ul li {
  position: relative;
  float: left;
  width: 300px;
  height: 424px;
  margin-left: 30px;
}
.tabContentWrap.productDefault .bestWrap ul li:first-child {
  margin-left: 0;
}
.tabContentWrap.productDefault .bestWrap ul li .best {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  width: 45px;
  height: 45px;
  background: url("http://openimage.interpark.com/.ui/pet/main/tab_best.png") no-repeat;
  font-size: 0;
  color: transparent;
}
.tabContentWrap.productDefault .bestWrap ul li .best.best01 {
  background-position: 0 0;
}
.tabContentWrap.productDefault .bestWrap ul li .best.best02 {
  background-position: 0 -45px;
}
.tabContentWrap.productDefault .bestWrap ul li .best.best03 {
  background-position: 0 -90px;
}
.tabContentWrap.productDefault .bestWrap .img {
  width: 300px;
  height: 300px;
}
.tabContentWrap.productDefault .bestWrap .img img {
  width: 300px;
  height: 300px;
}
.tabContentWrap.productDefault .bestWrap .productInfo {
  margin-top: 16px;
}
.tabContentWrap.productDefault .bestWrap .productInfo .title {
  font-size: 17px;
}
.tabContentWrap.productDefault .bestWrap .productInfo .priceWrap {
  font-size: 22px;
  margin: 8px 0 18px;
}
.tabContentWrap.productDefault .bestWrap .productInfo .price i{
  font-size: 19px;
  vertical-align: 2px;
}
.tabContentWrap.productDefault .bestWrap .productInfo .assessment {
  margin-bottom: 6px;
}
.tabContentWrap.productDefault .bestWrap .productInfo .gift {
  height: 17px;
  font-size: 16px;
  line-height: 17px;
}
.tabContentWrap.productDefault .MDrecommendWrap {
  margin-top: 39px;
}
.tabContentWrap.productDefault .MDrecommendWrap ul {
  width: 984px;
  margin-left: -26px;
}
.tabContentWrap.productDefault .MDrecommendWrap ul li {
  position: relative;
  float: left;
  width: 220px;
  height: 337px;
  margin: 0 0 38px 26px;
}
.tabContentWrap.productDefault .MDrecommendWrap ul li .mdTag {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
  width: 57px;
  height: 23px;
  background: url("http://openimage.interpark.com/.ui/pet/main/tab_mdTag.png") no-repeat;
  font-size: 0;
  line-height: 0;
  color: transparent;
}
.section.recentlyView {
  position: relative;
  overflow: hidden;
  margin-bottom: 70px;
  padding: 40px 0 44px;
  background: #fff;
  border: 1px solid #ccc;
}
.section.recentlyView .recentlyViewWrap  {
  height: 339px;
  margin-top: 30px;
}
.recentlyViewWrap ul li {
  width: 100%;
}
.recentlyViewWrap ul > li > div {
  float: left;
  width: 220px;
}
.recentlyViewWrap .recentlyViewProduct {
  margin: 0 14px;
  padding-right: 16px;
  background: url("http://openimage.interpark.com/.ui/pet/main/recentlyViewProduct_bg.png") right 14px no-repeat;
}
.recentlyViewWrap .recommendProduct {
  margin-right: 10px;
}
/* recently controls */
.recentlyViewWrap .slideCounter {
  position: absolute;
  top: 31px;
  right: 107px;
  font-size: 18px;
  font-family: arial;
  color: #ccc;
}
.recentlyViewWrap .slideCounter .currentIndex {
  color: #999;
}
.recentlyViewWrap .bx-controls .bx-controls-direction {
  position: absolute;
  top: 21px;
  right: 21px;
  width: 73px;
  height: 37px;
}
.recentlyViewWrap .bx-controls .bx-controls-direction a {
  z-index: 9999;
  float: left;
  display: block;
  height: 37px;
  background: url("http://openimage.interpark.com/.ui/pet/main/recentlySlider_controlButton.png") no-repeat;
  font-size: 0;
  color: transparent;
}
.recentlyViewWrap .bx-controls .bx-controls-direction a.bx-prev {
  width: 36px;
}
.recentlyViewWrap .bx-controls .bx-controls-direction a.bx-next {
  width: 37px;
  background-position: -36px 0;
}
.section.brand {
  overflow: hidden;
  width: 958px;
  border: 1px solid #ccc;
}
.section.brand ul {
  padding-left: 3px;
}
.section.brand ul li {
  position: relative;
  float: left;
  overflow: hidden;
  width: 116px;
  height: 76px;
  padding: 10px;
  text-align: center;
}
.section.brand ul li img {
  width: auto;
  height: 100%;
}
.section.specialProduct .sectionInner .moreButton {
  position: absolute;
  top: 20px;
  right: 20px;
}