#baby #header {
  max-height: 437px;
  height: 42vw;
  overflow: hidden;
  position: relative;
  padding: 0;
  z-index: 0;
}

#baby #header img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: auto;
  margin-top: 0;
}
#baby #header .pc_header {
  background-image: url(/themes/occasion/baby/images/2023/occasion_baby_header.png?t=2);
  background-size:cover;
  background-position: center;
}



<? if (FALSE) { ?>
/* background */
#v3 #bd, #v2 #bd {background-image:url('/themes/occasion/baby/images/bg.jpg'); background-repeat:repeat;font-family: "Arial","Microsoft JhengHei",Helvetica, Helvetica Neue;}
#v2 #bd {box-shadow: inset 0px 46px 0px 0px white;}
@media (max-width: 750px) {
  #v3 #bd .promotion {background-color: white;}
}

/* general setting */
/*
.occasion a:hover img {opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in;}
.occasion .btn, .occasion a.btn {display: inline-block;background-color:#ffcc00;color:#000;font-size:14px;font-weight:bold;line-height:2;letter-spacing:0.3px;padding:5px 25px;margin-bottom: 0;border: 1px solid #c5c5c5;border-radius:6px;border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);text-align: center;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);vertical-align: middle;box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);white-space: nowrap;}
.occasion .btn:hover, .occasion a.btn:hover {opacity:0.7;background:#ffcc00;}
.occasion strong {font-weight:bold;}
*/
/* header */
#header {padding: 0;background-image: url(/themes/occasion/baby/images/header.jpg); width: 100%;height: 48.133vw;max-height: 471.7px;background-size: cover;background-repeat: no-repeat;background-position: center;}
#v2 #header {width: 100%;height: 480px;max-height: initial;background-size: inherit;background-repeat: no-repeat;background-position: center;}
@media (max-width: 750px) {
  #v3 #header {background-image: url(/themes/occasion/baby/mobile/baby-header.jpg);height: 46vw;}
}
/* occasion-social-link */
#occasion-social-link {display: -moz-flex;display: -webkit-flex;display: flex;justify-content: flex-end;-moz-justify-content: flex-end;-webkit-justify-content: flex-end;padding: 15px 10px;}
#occasion-social-link #fpt-link {-moz-flex: 1;-webkit-flex: 1;flex: 1;}

/* baby-intro */
#baby-intro {display: table; width: 100%;}
#baby-intro > * {display: table-cell; vertical-align: middle;}
#baby-intro-contain {background: url('/themes/occasion/baby/images/content_top.jpg') top left no-repeat;height: 275px;padding-right: 20px;}
#baby-intro-contain h3 {font-size: 16px;line-height: 2;width: 65%;min-width: 344px;padding: 10px 10px 10px 10px;display: inline-block;letter-spacing: 0px;margin-top: 30px;margin-left: 20%;float: right;}
#v3 #baby-intro-contain h3 {font-size: 1.17rem;}

#about-tintint-contain {height: 275px; background:url('/themes/occasion/baby/images/discount_bg2.gif') top right no-repeat;width:33.3%;padding: 0px 20px 0 70px;margin-bottom: 30px;}
#about-tintint-contain h2 {font-size: 18px; color: #c6751e; padding-bottom: 0; letter-spacing: 1px; line-height: 2; font-weight: bold;}
#about-tintint-contain p {font-size: 13px;line-height: 2;font-weight: bold;color: #666;letter-spacing: 0.5px;margin-bottom: 0;}
#about-tintint-contain p a {margin-top: 10px;margin-right: 5px;}
@media (max-width: 980px) {
  #v3 #baby-intro {max-width: 650px;margin: auto;}
  #v3 #baby-intro-contain {background-position: 17%;}
  #v3 #baby-intro-contain h3 {float: right;}
  #v3 #about-tintint-contain {display: none;}
}
@media (max-width: 540px) {
  #v3 #baby-intro-contain h3 {border-radius: 5px;background-color: rgba(235, 227, 214, 0.65);}
}

/* new-user-noti */
.new-user-noti {width: 650px; max-width: 100%; height: 75px; background: rgb(255 255 255 / 30%); border: 15px dashed white; border-image: url(/themes/occasion/baby/images/discount_bg2.gif); border-image-slice: 15; border-image-repeat: repeat; margin: 25px auto 0px; display: flex; align-items: center; justify-content: space-around;}

/* product */
.row-product {margin-top:50px;}
h2.row-title {font-size:15px;font-weight:bold;color:#2c2513;letter-spacing:0;height:80px;background:url('/themes/occasion/baby/images/product_top.jpg') no-repeat top left;border:0;padding:20px 0 0 70px;display:block;line-height:2;}
h2.row-title {background-position-x: 6px;background-position-y: 7px;}
h2.row-title a, .row-product p a, .check-list a {color:#333;text-decoration:none;}

#product-lists {font-size: 0px;display: -moz-flex;display: -webkit-flex;display: flex;-moz-flex-wrap: wrap;-weblot-flex-wrap: wrap;flex-wrap: wrap;}
.product-item {max-width: 490px;width: 50%;display: inline-block; font-size: 14px;margin: 30px auto;padding: 0px 15px;}
@media (max-width: 750px) {
  #v3 .product-item {width: 100vw;}
}
.product-item .item-top-link {max-width: 460px;width:100%;height:194px;display: block;text-align: center;margin: auto;}
.item-top-link .clip-img-text {width: 60px;overflow: hidden;float:left;}
.item-top-link .clip-img {width: calc(100% - 60px);height: 194px;overflow: hidden;float:left;background-position: calc(50% - 30px);}
.item-top-link .clip-img img {margin-left: -60px;}
.product-item h4 {padding-bottom: 10px;margin-top: 10px;line-height: 1.5;font-weight: bold;letter-spacing: 1px;}
.product-item p {font-size: 14px;line-height: 1.5;font-weight: bold;letter-spacing: 1px; margin: 0 0 10px;}
.product-item ul.check-list {font-size: 15px;font-weight: bold;margin: 20px 0;color: #2c2513;letter-spacing: 1px;}
.product-item ul.check-list li {line-height: 2;list-style: none;display: block;}
.product-item font.sign {color: #fead17;}

/* share */
.row-share {
  /*background: url(/themes/occasion/baby/images/share_bg.jpg) top center no-repeat;*/
  padding: 0px 20px;
  margin: 50px 0 0 0px;
  position: relative;
}
.row-share:before {content: "";border: 4px dashed white;position: absolute;width: 100%;height: calc(100% - 57px);left: 0px;right: 0px;top: 48px;border-radius: 16px;z-index: 0;}
.row-share .row-title {margin-left: -20px;margin-right: -20px;position: relative;}
.row-share ul {padding: 0px 0px 30px;font-size: 0px;position: relative;z-index: 2;}
.row-share ul li{width: 33.33%; display:inline-block;padding: 0px 10px;vertical-align: top;}
.row-share ul li .share-pic {width: 40%; display: inline-block;vertical-align: top;}
.row-share ul li .share-text {width: 60%; display: inline-block;vertical-align: top;}
.row-share ul li .share-text h5 {line-height: 2}
.row-share ul li .share-text > p {font-size: 13px;}
.row-share ul li .share-text p a {display: inline-block; min-width: 100%;}
@media (max-width: 980px) and (min-width:600px) {
  #v3 .row-share ul li .share-pic {display: block; width: 100%;text-align: center;min-height: 141px;}
  #v3 .row-share ul li .share-text {display: block; width: 90%;margin: auto;}
}
@media (max-width: 600px) {
  #v3 .row-share ul li {width: 100%;margin-bottom: 20px;}
  #v3 .row-share ul li .share-pic {text-align: center;max-width: 150px;}
}

/* product */
.display-product.display-product {/*background-image: url('/themes/occasion/baby/images/suggest_bg.jpg');*/ background-repeat:no-repeat;background-position: center top; border:0; background-color:transparent;margin:50px 0px 0px 0px;padding:0 20px 70px 20px;position:relative;}
.display-product:before {content: "";border: 4px dashed #a0a0a0;position: absolute;width: 100%;height: calc(100% - 100px);left: 0px;right: 0px; top: 48px;border-radius: 16px;z-index: 0;background-color:white;}
.display-product .row-title {background-image:url(/themes/occasion/baby/images/product_top2.png);margin-left: -20px;margin-right: -20px;position: relative; z-index: 1}
.display-product .row-fluid {background: url(/themes/occasion/images/occ_pd_bk.gif);background-repeat-x: no-repeat;background-position: center 0%;text-align: center;margin-top: -15px;position: relative; z-index: 1}
.display-product .row-fluid .span2 {display: inline-block;width: 100px;height: 205px;}
.display-product .span2 h5 {font-size: 14px;margin-top: 35px;}
.display-product .x2img {display: none;}
@media (max-width: 750px) {
  #v3 .display-product .x2img {display: inline-block;}
  #v3 .display-product .x2img+a {display: none;}
  #v3 .display-product .row-fluid .span2 {width: 150px;height: 228px;margin-top: -23px;}
}
<? } ?>