/* 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);}*/
/*.occasion .btn:hover, .occasion a.btn:hover {opacity:0.7;background:#ffcc00;}*/
.occasion strong {font-weight:bold;}
/*override default css*/
#bd>.occasion#wedding {max-width: initial;}
/* #bd>.occasion#wedding>* {max-width: 980px;margin-left:auto;margin-right:auto;} */
/* #bd>.occasion#wedding>.over-container {max-width: initial;} */

/* header */
#header {padding: 0;background-image: url(/themes/occasion/wedding/images/wedding_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;}

/*wedding-link*/
/*.wedding-link br {display: none;}*/


@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;}

/*about*/
.occasion #about {color: #D8AC5B;letter-spacing: 2px;padding: 0 122px;font-weight: bold;line-height: 0;text-align: center;margin: 35px auto 25px auto;height: 45px;}
#about .icon-left {display: inline-block;float: left;background: url(/themes/occasion/wedding/images/wedding_icon.png) no-repeat;width: 27px;height: 25px;margin: 9px auto;line-height: 14px;vertical-align: middle;}
#about .icon-right {display: inline-block;float: right;background: url(/themes/occasion/wedding/images/wedding_icon.png) no-repeat;width: 27px;height: 25px;transform: rotateY(180deg); margin: 9px auto;line-height: 14px;vertical-align: middle;}
#about .active_link {vertical-align: middle;display: inline-block;}
#about .active_link h1 {font-size: 16px;padding: 12px 0;line-height: 21px;margin-bottom: 0px;}
@media (max-width: 750px) {
  #v3 .occasion #about {padding: 0 10px;}
  #v3 #about .active_link {max-width: 75%;}
  #v3 #about .active_link h1 {font-size: 14px;padding: 0px;} 
  #v3 #about .active_link h1 .pc-hide{display: block;} 
}

/*step*/
#profile {margin-bottom: 40px;display: table;width: 100%;}
#profile .tab {border: 0px;margin-left: 6px;text-align: center;font-weight: bold;letter-spacing: 2px;display: table-cell;}
#profile .step { background: url('/themes/occasion/wedding/images/wedding_step_button.png') center top no-repeat;color: #D8AC5B;line-height: 38px;}
#profile .step:hover {background: url('/themes/occasion/wedding/images/wedding_step_button_hover.png')left top no-repeat;color:#fff;}
#profile:after {content: "";clear:both;display: block;line-height: 0px;}
@media (max-width: 750px) {
  #v3 #profile .tab {display:block;margin-left: 0px;}
  #v3 #profile .step {background-position: 	center !important;margin: 5px 0px;}
}

/*scene*/
#v3 .anchor {position: relative;top: -50px;}
.scene {padding:15px;border-bottom: 1px solid #D8AC5B;margin-bottom: 25px;}
#scene4.scene {border-bottom:none;}
.scene h2.title {text-align: center;font-size: 24px;letter-spacing: 2px;    padding-bottom: 10px;    font-weight: bold;}
.scene .subtitle {background: url(/themes/occasion/wedding/images/wedding_subtitle.png) center center no-repeat;margin: auto;}
.scene .subtitle>h4 {line-height: 38px;padding-top: 0px;font-size: 15px;color: #fff;text-align: center;letter-spacing: 1px;}
.scene .sub-topic {padding: 15px;width:calc(50% - 5px);display: inline-table;}
.scene .sub-topic.fullrow {width:100%}
.scene .sub-topic>a img {width:100%;}
.scene .sub-topic .span8 {width: 100%;display: inline-block;}
.scene .sub-topic .span4 {display: inline-block;}
.scene .sub-topic.fullrow .span8 {width:65%}
.scene .sub-topic.fullrow .span4 {width: 35%;vertical-align: top;margin-top: 10px;}
.scene .sub-topic .span8 h5.golden {color: #D8AC5B;font-size: 16px;letter-spacing: 2px;font-weight: bold;margin: 10px 0;}
.scene .sub-topic .span8 p {margin: 10px 0;}
.scene .btn-detail {letter-spacing: 2px;color: #D8AC5B;border: 1px solid #D8AC5B;border-radius: 4px;display: inline-block;padding: 2px 30px;font-size: 13px;font-weight: bold;text-align: center; line-height: 25px;}
@media (max-width: 750px) {
  #v3 .scene {padding: 10px;}
  #v3 .scene .subtitle {background-size: contain;}
  #v3 .scene .subtitle>h4 {font-size: 12px;}
  #v3 .scene .sub-topic {width: 100%; padding: 10px;}
  #v3 .scene .sub-topic.fullrow .span8 {width: 100%;}
  #v3 .scene .sub-topic.fullrow .span4, .scene .sub-topic .span4 {width:100%;}
  #v3 .scene .btn-detail {width: 100%;}
}

/*step*/
#steps {background: #D8BC89;padding:40px 0px;margin-bottom: 30px;}
#steps-container{width: 980px;margin: auto;max-width: 100%}
#steps h2 {text-align: center;font-size: 24px;letter-spacing: 2px;line-height: inherit;padding-bottom: 10px;font-weight: bold;}
#steps h4 {font-size: 16px;letter-spacing: 2px;line-height: 20px;padding-bottom: 40px;padding-top: 0px;color: #fff;text-align: center;}
#steps .inline-list {display:table;width:100%;}
#steps .inline-list>div {display:table-cell;width: 25%;text-align: center;}
#steps .inline-list>div p {margin-top: 10px;}
@media (max-width: 750px) {
  #v3 #steps h2 {font-size: 17px;line-height: 2;}
  #v3 #steps h2 .pc-hide {display: block;}
  #v3 #steps-container {width: 100%;}
  #v3 #steps .inline-list {display: block;}
  #v3 #steps .inline-list>div {display: block;width: 100%;}
  #v3 #steps .inline-list>div p {margin-bottom: 15px;}
}

/*link*/
#tintint-link {text-align: 	center;}
#tintint-link .btn-about {letter-spacing: 2px;color: #fff;background-color: #D8AC5B;border-radius: 4px;display: inline-block;padding: 14px 40px;font-size: 16px;font-weight: bold;text-align: center;margin-top: 35px;}
@media (max-width: 750px) {
  #v3 #tintint-link .mobile-hide {display: none;}
  #v3 #mobile-link.pc-hide {display: block}
  #v3 #mobile-link {padding: 15px 0;margin: 0 15px;text-align: center;margin-bottom: 60px;border: 1px solid #cecece;}
  #v3 #mobile-link h4 {font-size: 15px;line-height: 24px;color: #333;font-weight: normal;}
  #v3 #mobile-link .btn {background: #D8BC89;color: #fff;letter-spacing: 0.5px;border: 0;padding: 0;width: 90%;height: 50px;border-radius: 4px;display: inline-block;line-height: 50px;font-size: 18px;font-weight: bold;margin: 15px 0;}
  #v3 #mobile-link .golden {color: #D8AC5B;}

  /*wedding-link*/
.wedding-link br {display: block;}
}