/* general setting */
/*
a {color:inherit;}
a:hover img,a.button:hover {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;}
.btn, 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);}
.btn:hover, a.btn:hover {opacity:0.7;background:#ffcc00;}
strong {font-weight:bold;}
*/

/* @media (max-width: 750px) {
  #v3 #birthday-gift {display:-webkit-flex;display:-moz-flex;display:flex;-webkit-flex-direction: column;-moz-flex-direction: column;flex-direction: column;}
  #v3 #birthday-gift .pc-hide {display: block;}
  #v3 #birthday-gift .mobile-hide {display: none;}
} */

/* 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;} */

/* header */
/* #header {padding: 0;background-image: url('/themes/occasion/birthday_gift/img2/birthday_banner.jpg'); width: 100%;height: 53.617vw;max-height: 525.4468px;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 {-webkit-order: -1;order: -1;height: initial;max-height: initial;background-image: none;}
  #v3 #header>a {display: block;}
  #v3 #header>a>img {width: 100%;}
} */

/*about-tintint*/
#about-tintint {width: 100%;border-radius: 4px;background-color: #efefef;margin-top: 35px;margin-bottom: 35px;padding: 20px;font-size: 0px;}
#about-tintint h2 {color: #ff3044;font-size: 17px;padding: 0px;letter-spacing: 1px;}
#about-tintint p {font-size: 14px;line-height: 24px;letter-spacing: 1px;font-weight: bold;}
#about-tintint  p a {color: #333;text-decoration: none;}
#about-tintint .full-width-hide{display: none;}
#about-tintint .span9 {width: 75%;max-width: calc(100% - 225px);display: inline-block; vertical-align: top;font-size: 14px;line-height: 20px;}
#about-tintint .span3 {width: 25%;min-width: 225px;display: inline-block; vertical-align: top;font-size: 14px;line-height: 20px;text-align: right;}
#about-tintint .span3 a {display: inline-block;margin: 10px 10px 20px;}
#about-tintint .span3 a.button{display: inline-block;padding: 10px 20px;margin: 13px 10px 0px 10px;line-height: 1.5;letter-spacing: 1px;font-size: 14px;font-weight: bold;color: #fff;background: #652e0d;border-radius: 6px;}
@media (max-width: 750px) {
  #about-tintint {background-color: transparent;border-bottom: 1px solid #cecece;border-top: 1px solid #cecece;margin: 0px 10px 10px 10px;width: calc(100% - 20px);padding: 20px 0px;border-radius: 0px;}
  #about-tintint h2 {text-align:center;margin: 10px 0px;font-weight: bold;line-height: 30px;font-size: 20px;}
  #about-tintint h4 {text-align:center;font-size: 15px;line-height: 24px;}
  #about-tintint h4 strong {font-weight: normal;}
  #about-tintint h4+a>.btn{background-color: #652e0d;color: #fff;width: 100%;border-radius: 4px;text-align: center;font-size: 18px;letter-spacing: 1.5px;margin: 15px 0;}
}

/*invite*/
/* #invite, #friend-gift  {position:relative;padding:14px; margin-bottom: 35px; } */

/* #invite-sticker {height: 84px;width: 84px;background: transparent;background-image: url(/themes/occasion/birthday_gift/img2/invite_bg.gif);background-repeat: no-repeat;border: 0;position: absolute;top: 0px;left: 0px;} */
.title h1 {font-size: 22px;letter-spacing: 1px;line-height: 24px;margin: -5px 0 13px 76px;text-decoration: none;font-weight: bold;height:52px;}
.title .sub-title {font-size: 50%;color: #652e0d;letter-spacing: 2px;}
.title .red, .title .red a {color: #f2354a;}
#invite-content .pc-img{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#invite-content .pc-img.invite-birthday{
  background-image: url(/themes/occasion/birthday_gift/mobile/birthdayparty-invitation-card.jpg);
}
#invite-content .pc-img.invite-postcard{
  background-image: url(/themes/occasion/birthday_gift/mobile/birthdayparty-postcard.jpg);
}
#invite h5{
  color: #f2354a;
}
#invite .check_list {font-size: 13px;line-height: 20px;font-weight: bold;padding-left: 5px;}
#invite .check_list li, #invite-content .abox .check_list a {color: #6c6c6c;}
#invite .check_list i {color: #f2354a;}
@media (max-width: 768px){
  #invite-content {border-bottom: 1px solid #cecece;}
}

/*gift*/
.title .blue, .title .blue a {color: #7db9de;}
#gift-content .check_list {font-size: 13px;line-height: 25px;font-weight: bold;padding-left: 5px;color: #999;}
#gift-content .check_list a {color: #999;}
#gift-content .check_list i {color: #7db9de;}
@media (max-width: 768px) {
  #gift-content {border-bottom: 1px solid #cecece;}
}

/*birthday-card*/
#birthday-card .pc-title{
  right: 4rem; 
  bottom: 3.5rem;
}
#birthday-card .pc-title h3{
  color: #662e0d;
  font-size: 1.25rem;
  letter-spacing: 0.05em;
  line-height: 26px;
}
#birthday-card .pc-title h5{
  font-size: 1rem;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 20px;
}
@media (max-width: 768px){
  #birthday-card{
    border-bottom: 1px solid #cecece;
  }
}

/*product recommend*/
#product-recommed .products {
  background: url(/themes/occasion/birthday_gift/img2/bookshelf.jpg) repeat top;
  background-size: 100% 208px;
  background-position-y: 11px;
  text-align: center;
}
#product-recommed .pd-link:hover img {
  opacity: 0.7;
}
#product-recommed .pd-link:hover a {
  text-decoration: underline;
  color: var(--tt-primary);
}
 /* #product-recommed .products li {display: inline-block;height: 226px;} */
 #product-recommed .products li div {margin-top: 25px;font-size: 15px;line-height: 40px;}
@media (max-width: 920px) {
  #v3  #product-recommed .products li {width:25%;}
}
@media (max-width: 580px) {
  #v3  #product-recommed .products li {width:45%;}
}