@charset "utf-8";
/* CSS Document */
html,
body {   
	position: relative;
width: 100%;		
	 font-family: "微軟正黑體","Arial" ;	
	 margin:0 ;
    padding:0;  
background-color: #ffe2ea;
}
.center{
	margin:0;
  display: flex;
  justify-content: center;
  align-items: center; 
}
.top_text .wrapper, #gift.wrapper{
display: table-cell;
vertical-align:middle;
}
.navbar {   
    padding: 0 0.5rem;
}
/*==================nav==================*/
#nav{
    width: 100%;
    height: 65px;
    background-color: #FFFFFF;
    color: #515151;
    box-shadow:0px 0px 15px 0px  #988a6d;
}
.nav01{
    width: 100%;
    height: 65px;
    background-color: #FFFFFF;
    color: #515151;
    box-shadow:0px 0px 15px 0px  #988a6d;  
    }
.bg-white {
    color: #fff;
     box-shadow:0px 0px 15px 0px  #988a6d;
}
.nav-text {
      color: #515151;
    text-decoration: none;
   font-size: 24px;
    font-weight: 500;
    margin-top: 10px;
    float: right;
    right: 20px;
    background-color: #fff;
}
.nav-text1{
      color: #515151;
    text-decoration: none;
   font-size: 24px;
    font-weight: 600;
    margin-top: 10px;   
    background-color: #fff;
     margin-left: auto;
}

.nav-text li{
    margin-left: 20px;
}
.nav-text a:link, .nav-text a:hover, .nav-text a:active, .nav-text a:visited{
	color: #515151;
	 text-decoration: none;
}
/*==================top==================*/
.mother{
    position: relative;
    width: 100%;     
    background-color: #ffd4d4;
     background: url("images/bg_mother.jpg") top left no-repeat;
    background-size: 100% auto;
    height:628px;
}
.title-right{
   position:absolute;
    z-index: 3;
    right: 120px;
}
/*==================box==================*/
.bg-content{
    background: url("images/content_bg.png") center center repeat-y;
    background-size:100% auto;
}
.button_bg{
    background: url("images/item.png") left center no-repeat;
    background-size: 100% auto;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    padding: 20px;
}
.Atext{
    font-size: 28px;
    font-weight: bold;
    color: #474747;
    text-align: left;
    padding: 20px;
}
.Agift-text{
    font-size: 20px;
}
.AgiftM{
    display: none;
}
.Agift1_bg{
    border: #e83663 2px solid;
    border-radius: 20px;
    background: #fff;
    padding: 20px;
     z-index: 1;
}
.Agift1_bg:before{
    content: '';
            background: url('images/boxA_1.png') no-repeat top left;
            position: absolute;
            top: 0;
    left: 40px;
            z-index: 2;
    width: 67px;
    height:67px;
}
.Agift2_bg{
    border: #e83663 2px solid;
    border-radius: 20px;
    background: #fff;
    padding: 20px;
     z-index: 1;
}
.Agift2_bg:before{
    content: '';
            background: url('images/boxA_2.png') no-repeat top left;
            position: absolute;
            top: 0;
    left: 40px;
            z-index: 2;
    width: 67px;
    height:67px;
}
.Agift3_bg{
    border: #e83663 2px solid;
    border-radius: 20px;
    background: #fff;
    padding: 20px;
     z-index: 1;
}
.Agift3_bg:before{
    content: '';
            background: url('images/boxA_3.png') no-repeat top left;
            position: absolute;
            top: 0;
    left: 40px;
            z-index: 2;
    width: 67px;
    height:67px;
}
.Agift4_bg{
    border: #e83663 2px solid;
    border-radius: 20px;
    background: #fff;
    padding: 20px;
     z-index: 1;
}
.Agift4_bg:before{
    content: '';
            background: url('images/boxA_4.png') no-repeat top left;
            position: absolute;
            top: 0;
    left: 40px;
            z-index: 2;
    width: 67px;
    height:67px;
}
.boxB-title{
    font-size: 22px;
    font-weight: 600;
}
.boxBG{
    position: relative;
    background: #FFF;
    width: 100%;
    height: auto;
    border: solid 3px #e83663;
    border-radius : 20px;
}
.title02_up{
    margin-top: -50px;
}
/*
.titleA01{
    font-size: 50px;
    font-weight: bold;
    color: #fff;
}
*/
/*
.titleA01-black{
    font-size: 30px;
    font-weight: bold;
    color: #000;
}
*/
.titleA01-black50{
    font-size: 50px;
    font-weight: bold;
    color: #e83663;
}
.date{
    font-size: 40px;
    font-weight: bold;
}
.triangle-right {
    display: inline-block;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 30px solid #c62221;
  border-bottom: 15px solid transparent;
    margin: 0 20px;
}
.icon{
    background: url("images/star.png");
    background-repeat: no-repeat;
    width: 34px;
    height: 35px;
    display: inline-block;
    margin: 8px 0 0 0;
}
/*
.Ctext{
    font-size: 25px;
    font-weight: bold;
    color: #474747;
}
*/
.text-s{
    font-size: 16px;
    font-weight:400;
}
.Agift{
    font-size: 20px;
    font-weight: bold;
}
.btn{
    display: block;
    width: 100%;    
}
.btn-CP{
    display:inline-block;
    padding: 10px 30px;    
    font-size: 30px;
  font-weight:bold;
    border-radius: 20px;
background: #e83663; 
    border: 3px solid #ff9fba;
    color: #fff;
}
.btn-CP a:link,  .btn-CP a:active, .btn-CP a:visited{
	color:#fff;
	 text-decoration: none;
}
 .btn-CP a:hover{
	color:#fff;
}
 .btn-CP:hover{
	 text-decoration: none;
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ddca7e+0,febf04+100 */
background: #ddca7e; /* Old browsers */
background: -moz-linear-gradient(top,  #ddca7e 0%, #febf04 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ddca7e 0%,#febf04 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ddca7e 0%,#febf04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddca7e', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */
}
.img-1{
    background: url("images/boxC_ribbon.png") no-repeat;
    background-size: 90%;
    width: 266px;
    height: 185px;
    right: 0px;
   bottom: -50px;
    z-index: 99;
}
.love_text{
    font-size: 20px;
    margin-top:10px;
}
/*==================copyright==================*/
.notice{
    width: 100%;
		font-size: 1.2rem;
	font-weight:bold;
    padding: 10px 5% ;
    position: relative;
    margin-bottom: 20px;
}
.notice ul li{
    list-style-type:decimal; 
}
.notice ol li{
    list-style-type:lower-alpha;
}
.version{
	font-size: 1.2rem;
	text-align: right;
	padding-right: 20px;
}
.copyright{
	text-align: center;
	background-color: #ff5c86;
	color: #fff;
	padding-top:20px;
	padding-bottom: 20px;
	font-size: 1.2rem;
	font-weight: bold;
}
.copyright a:link, .copyright a:hover, .copyright a:active, .copyright a:visited{
	color:#fff;
}
.t_small{
	font-size: 1rem;
}
/*==================sidebar==================*/

.sidebar{
    display:none;
    position: fixed;
    right:10px;
    bottom: 70px;
    height:auto;
    z-index: 99; 
}
#btn_gotop {
    cursor: pointer;
}