@charset "utf-8";
@import url("carousel_style.css");
@import url("bootstrap.css");
/*@import url("bootstrap-grid.css");*/
/*HQCP CSS Document */


.js-fadein {
  opacity: 0;
}
.js-fadein.is-active {
  animation: anm-fade-up .5s ease-in-out forwards
}
@keyframes anm-fade-up {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;

  }
}

/*************************************/
* { margin:0; padding:0;}
/*.ie6 img{width:100%;max-width: 100%;height: auto;}*/
.ie6 img{max-width: 100%;min-height: 100%;}
.img-fluid{max-width:100%;height:auto}

#Mcontents {width:100%;padding:0;font:13pt "微軟正黑體";line-height:28px;font-weight:400;letter-spacing:1px;}
#Mcontents:after {content:''; clear:both; display:block;}

#contents{width:100% !important;height:100% !important;margin:0; padding:0;background:transparent;}

#Mcontainer{width:calc(1800px - 2em);height:100% !important;margin:0 auto;padding:1em 1em;background:transparent;}

@media only screen and (max-width: 479px) {
#container{width:100%;height:100% !important;margin:0 auto;padding:0 !important;background:#ebe5de;}
}

@media screen and (min-width: 480px) and (max-width: 767px) {
#container{width:100%;height:100% !important;margin:0 auto;padding:0 !important;background:#ebe5de;}
}


@media screen and (min-width: 768px) and (max-width: 991px) {
	#container{width:100%;height:100% !important;margin:0 auto;padding:0 !important;background:#ebe5de;}
}


@media screen and (min-width: 992px) and (max-width: 1199px) {
	#container{width:100%;height:100% !important;margin:0 auto;padding:0 !important;background:#ebe5de;}
}


@media screen and (min-width: 1200px) and (max-width: 1399px) { 
	#container{width:1200px;height:100% !important;margin:0 auto;padding:0 !important;background:#ebe5de;}
}

@media (min-width: 1400px) {
	#container{width:100%;height:100% !important;margin:0;padding:0 6%;background:#ebe5de;}
}


/*Iimg02_block*/
#Iimg02_block{width:100%;}
#Iimg02_block.is-active{animation-duration: 1.5s; animation-name: gra;animation-iteration-count:  1;animation-direction: alternate;animation-timing-function: linear;}

#Iimg02_img_block{width:calc(100% - 0em);height: auto;margin-left: 0em; padding:3.4375em 5em 4.8125em 10.125em;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height:auto;background:rgba(255,255,255,1);}
#Iimg02_img_block #Iimg02_photo{width:60%;background: #ffffff;padding-right: 3.5em;}
#Iimg02_img_block #Iimg02_photo img{width:100%;max-width: 100%;}	


#Iimg02_img_block #Iimg02_note_block{width:40%;display: flex;flex-wrap: wrap;justify-content: flex-start;}
/*#Iimg02_img_block #Iimg02_note_block .Iimg02_text{width:100%;margin-top: 3.5em;}*/
/*#Iimg02_img_block #Iimg02_note_block .Iimg02_text .Iimg02_note_title{font:2em "微軟正黑體";font-weight: 700; color:#a88568;line-height: 3.755em;}
#Iimg02_img_block #Iimg02_note_block .Iimg02_text .Iimg02_note_note{font:1em "微軟正黑體";font-weight: 700; color:#645e5f;line-height: 2.25em;}
#Iimg02_img_block #Iimg02_note_block .Iimg02_sign{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-end;padding-bottom: 4em}*/

#Iimg02_img_block #Iimg02_note_block .Iimg02_text{width:100%;}
#Iimg02_img_block #Iimg02_note_block .Iimg02_text .desk_Text{width:100%;}
#Iimg02_img_block #Iimg02_note_block .Iimg02_text .mobile_Text{width:100%;display: none;}



@keyframes gra {

  0% {
    opacity: 0;

    transform: translateY(-100px)
  }

  100% {
    opacity: 1;

    transform: translateY(0)
  }	 
	 
}	




/*Iimg03_block*/
#Iimg03_block{width:100%;height: auto;padding:6.25em 0;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height:auto;background:#ffffff url(../images/04_bg.jpg)no-repeat right top;}
#Iimg03_block:after {content:''; clear:both; display:block;}

#Iimg03_block .text01_block{width:15%;}
#Iimg03_block .text01_block .text01{padding:1em 0 0 4.375em}

#Iimg03_block .text01_block .text01 .text01_img{width:45px;height: 47px;margin-bottom: 14px; opacity: 0;}
#Iimg03_block .text01_block .text01 .text01_img.is-active{opacity: 1;animation-duration: 5s;animation-name: logomove;animation-iteration-count:  1;animation-direction: alternate;animation-timing-function: linear;}


#Iimg03_block .text02_block{width:calc(100% - 25%);margin:0 10% 0 0;height: auto;}
#Iimg03_block .text02_block .Ttitle{font:2.375em "微軟正黑體";font-weight: 700; color:#a88568;padding-bottom:1.5em;}

#Iimg03_block .text02_block .Ttitle .Ttitle_block01,#Iimg03_block .text02_block .Ttitle .Ttitle_block02{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;}
#Iimg03_block .text02_block .Ttitle .Ttitle_block01 div,#Iimg03_block .text02_block .Ttitle .Ttitle_block02 div{opacity:0;}
#Iimg03_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(0).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Iimg03_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(1).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Iimg03_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(2).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Iimg03_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(3).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Iimg03_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(4).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Iimg03_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(5).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Iimg03_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(6).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Iimg03_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(7).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Iimg03_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(8).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Iimg03_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(9).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Iimg03_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(10).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Iimg03_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(11).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Iimg03_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(12).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Iimg03_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(13).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Iimg03_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(14).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Iimg03_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(15).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Iimg03_block .text02_block .Ttitle .Ttitle_block02 div:nth-child(1).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Iimg03_block .text02_block .Ttitle .Ttitle_block02 div:nth-child(2).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Iimg03_block .text02_block .Ttitle .Ttitle_block02 div:nth-child(3).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Iimg03_block .text02_block .Ttitle .Ttitle_block02 div:nth-child(4).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Iimg03_block .text02_block .Ttitle .Ttitle_block02 div:nth-child(5).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Iimg03_block .text02_block .Ttitle .Ttitle_block02 div:nth-child(6).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Iimg03_block .text02_block .Ttitle .Ttitle_block02 div:nth-child(7).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Iimg03_block .text02_block .Ttitle .Ttitle_block02 div:nth-child(8).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Iimg03_block .text02_block .Ttitle .Ttitle_block02 div:nth-child(9).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Iimg03_block .text02_block .Ttitle .Ttitle_block02 div:nth-child(10).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Iimg03_block .text02_block .Ttitle .Ttitle_block02 div:nth-child(11).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}


@keyframes div_text01 {
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
100%{opacity:1}

}


#Iimg03_block .text02_block .Mtitle{font:1.5625em "微軟正黑體";font-weight: 700; color:#a88568;padding-bottom:0.6em;}
#Iimg03_block .text02_block .note{font:1em "微軟正黑體";font-weight: 700; color:#948a87;line-height:2.25em;text-align: justify;}
#Iimg03_block .text02_block .mbile_Mtitle{display:none;}
#Iimg03_block .text02_block .Mtitle.is-active{opacity: 1;animation-duration: 1s;animation-name: anm-fade-up01;animation-iteration-count:  1;}
#Iimg03_block .text02_block .note.is-active{opacity: 1;animation-duration: 1s;animation-name: anm-fade-up01;animation-iteration-count:  1;}
#Iimg03_block .text02_block .mbile_Mtitle.is-active{opacity: 1;animation-duration: 1s;animation-name: anm-fade-up01;animation-iteration-count:  1;}

@keyframes anm-fade-up01 {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


/*Iimg04_block*/
#Iimg04_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height:auto;background:#ebe3da;padding-bottom: 3.375em;}
#Iimg04_block img{width:100%;max-width: 100%}


#Iimg04_block #Iimg04_img01,#Iimg04_block #Iimg04_img02,#Iimg04_block #Iimg04_img03{width:calc(100%/3);opacity: 0;}
#Iimg04_block #Iimg04_img01.is-active{opacity: 1;animation-duration: 1s;animation-name: Iimg04move;animation-iteration-count:  1;}
#Iimg04_block #Iimg04_img02.is-active{opacity: 1;animation-duration: 1s;animation-name: Iimg04move;animation-iteration-count:  1;}
#Iimg04_block #Iimg04_img03.is-active{opacity: 1;animation-duration: 1s;animation-name: Iimg04move;animation-iteration-count:  1;}

@keyframes Iimg04move {
  0% { opacity: 0;transform: translateX(-100px);}
  50% {opacity: 1;transform: translateX(0); }	
}


/*Iimg05_block*/



#Iimg05_block{background:#ffffff url(../images/04_bg.jpg) no-repeat right top;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;width:100%;min-height:auto;padding: 0 0 5.8em 0;}
#Iimg05_block:after {content:''; clear:both; display:block;}

#Iimg05_block .text01_block{width:16.3%;padding:12.1875em 0 0 4.375em;}
#Iimg05_block .text01_block .text01_img{width:45px;height: 47px;margin-bottom: 14px;}
#Iimg05_block .text01_block .text01_img.is-active{width:45px;height: 47px; animation-duration: 5s;animation-name: logomove;animation-iteration-count:  1, 0, infinite;animation-timing-function: linear;}

#Iimg05_block .text02_block{width:42.8%;}
#Iimg05_block .text02_block .text02_img{opacity: 0;}
#Iimg05_block .text02_block .text02_img.is-active{opacity: 1;animation-duration: 2s;animation-name: Iimg05IMGmove;animation-iteration-count:1;}
#Iimg05_block .text02_block .text02_img img{width:100%;max-width: 100%}

#Iimg05_block .text03_block{width:40.9%;}
#Iimg05_block .text03_block.is-active{display: flex;align-items: flex-end;animation-duration:2s;animation-name:Iimg05Notemove ;animation-iteration-count:1;}
#Iimg05_block .text03_block .text03_note{background:rgba(168,132,103,0.5);padding:4.375em 4.5em 4.625em 3em}
#Iimg05_block .text03_block .text03_note .title{font:1.5625em "微軟正黑體";font-weight: 700;line-height:1.5em;color:#ffffff;}
#Iimg05_block .text03_block .text03_note .note{font:1em "微軟正黑體";font-weight: 700;line-height:2.25em; color:#635e5e;padding:2em 0 0 0;text-align: justify;}

#Iimg05_block .text03_block .text02_img{display:none;opacity: 0;}
#Iimg05_block .text03_block .text02_img.is-active{opacity: 1;animation-duration: 2s;animation-name: Iimg05IMGmove;animation-iteration-count:1;}
#Iimg05_block .text03_block .text02_img img{width:100%;max-width: 100%}


@keyframes logomove {
0%{transform:rotate(0deg);}
50%{transform:rotate(180deg);}
100%{transform:rotate(360deg);}
}		


@keyframes Iimg05IMGmove {
	0%{opacity: 0;
	 filter: alpha(opacity=0);
	transform: translateY(-100px)
	}
	50%{opacity: 1;
	 filter: alpha(opacity=100);
		transform: translateY(0px)
	}
}

@keyframes Iimg05Notemove {
	from{opacity: 0;
	 filter: alpha(opacity=0);
	transform: translateX(-100px)
	}
	to{opacity: 1;
	 filter: alpha(opacity=100);
		transform: translateX(0px)
	}
}

/*Ilink*/
#Ilink_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height:auto;background:#d4beaa;padding:3.75em 0 3.125em 0;}
#Ilink_block #Ilink_item{width:calc((100%/3) - 0px);padding:0 3em; text-align: center;box-sizing: border-box;}




#Ilink_block  #Ilink_item:nth-of-type(1),
#Ilink_block  #Ilink_item:nth-of-type(2){
 border-right: 2px solid #ffffff;
}

#Ilink_block #Ilink_item .item_img img{width:100%;max-width: 100%}
#Ilink_block #Ilink_item .item_note{width:100%;}
#Ilink_block #Ilink_item .item_note a{display:inline-block;font:0.73875em "微軟正黑體";font-weight: 600;letter-spacing: 1px; padding:0.5em 3.5em;margin:1em 0 ; background:#ffffff;color:#a98568;}
#Ilink_block #Ilink_item .item_note a:hover{background:#a98568;color:#ffffff;}

#Ilink_Space{width: 100%;height: 5.5em;background: #ffffff;}
/*****************************about_style**************************************************************/
/*Aimg01_block*/
#Aimg01_block{width:100%;height: auto;padding:4em 0 8em;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: flex-start;height:auto;background:#ffffff url(../images/04_bg.jpg)no-repeat right top;}
#Aimg01_block:after {content:''; clear:both; display:block;}

#Aimg01_block .text01_block{width:15%;}
#Aimg01_block .text01_block .text01{padding:0 0 0 70px}

#Aimg01_block .text01_block .text01 .text01_img{width:45px;height: 47px;margin-bottom: 14px; opacity: 0;}
#Aimg01_block .text01_block .text01 .text01_img.is-active{opacity: 1;animation-duration: 5s;animation-name: logomove;animation-iteration-count:  1;animation-timing-function: linear;}

#Aimg01_block .Mob{display:none;}
#Aimg01_block .text02_block{width:calc(100% - 30%) ;height: auto; margin:5.875em 0 0 0;padding:0 0%}
#Aimg01_block .text02_block .Ttitle{width:100%;font:2em "微軟正黑體";font-weight: 700; color:#a88568;padding:0 0 1em;display:flex;flex-wrap: wrap;justify-content: center;}

#Aimg01_block .text02_block .Ttitle .Ttitle_block01{width:512px;background:rgba(255,255,4,0);display:flex;flex-wrap: wrap;justify-content: center;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01 div{opacity:0;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(0).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(1).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(2).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(3).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(4).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(5).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(6).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(7).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(8).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(9).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(10).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(11).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(12).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(13).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(14).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(15).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(16).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(17).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(18).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(19).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(20).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(21).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(22).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(23).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(24).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(25).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(26).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
@keyframes Aimg_text01 {
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}


#Aimg01_block .text02_block .note_block{width:100%;padding:0;display:flex;flex-wrap: wrap;justify-content: center;}
#Aimg01_block .text02_block .note_block .note{opacity: 0;font:1em "微軟正黑體";font-weight: 700; color:#a88568;line-height:2.25em;text-align: center}
#Aimg01_block .text02_block .note_block .note.is-active{opacity: 1;animation-duration: 1s;animation-name: anm-fade-up02;animation-iteration-count:  1;}
#Aimg01_block .text02_block .note_block .note p{font:1.125em "微軟正黑體";font-weight: 700;line-height:2.25em;margin-top: 1.9em}

@keyframes anm-fade-up02 {
  0% {opacity: 0;transform: translateY(-30px);}
  100% {opacity: 1; transform: translateY(0);}
}

/*Aimg02_block*/
#Aimg02_block{width:100%;height: auto;padding:0em 0 0/*5.3125em*/ 0;display:flex;flex-wrap: wrap;justify-content: center;align-content: space-between;align-items: stretch;height:auto;background:#ffffff url(../images/Aimg02_spacer.jpg)repeat-x left 12em;}
#Aimg02_block div{opacity:0;}
#Aimg02_block div.is-active{opacity:1;animation-duration: 1.5s; animation-name: fadeup;animation-iteration-count:  1;}
#Aimg02_block img{width:100%;height: auto}


@keyframes fadeup {
  0% {opacity: 0;transform: translateY(100px)}
  100% {opacity: 1;transform: translateY(0)}	 	 
}	

/*Aimg02_s_block*/
#Aimg02_title_block{width:calc(100% - 0em);padding:3em 0;margin:0;display:flex;flex-wrap: wrap;justify-content:center;align-content: space-between;align-items: stretch;background: #d7cdc1}

#Aimg02_title_block .Aimg02_title{width:1350px;opacity:0;}
#Aimg02_title_block .Aimg02_title.is-active{opacity:1;animation-duration: 1.5s; animation-name: fade-left-in;animation-iteration-count:  1;}


/**/
#Aimg02_s_block{width:100%;display: flex;flex-wrap: wrap;justify-content: center;align-content: space-between;align-items: stretch;height: auto;padding:0em 0 2em 0;background: #d7cdc1}

#Aimg02_s_block .Aimg02_s_photo{background: rgba(255,0,4,0);display: flex;flex-wrap: wrap;justify-content: center;align-content: space-between;align-items: stretch;height: auto;padding:0 4.4vw 0 4.4vw}
/*#Aimg02_s_block .Aimg02_s_photo .photo0{width:calc((100% - 75px)/4);background: rgba(255,0,4,00); }
#Aimg02_s_block .Aimg02_s_photo .photo0:not(:last-child){margin-right:25px;}
#Aimg02_s_block .Aimg02_s_photo .photo0 img{width:100%;max-width: 100%;}*/

#Aimg02_s_block .Aimg02_s_photo .photo01{width:calc((100% - 75px)/4);margin-right:25px; opacity: 0;}
#Aimg02_s_block .Aimg02_s_photo .photo02{width:calc((100% - 75px)/4);margin-right:25px; opacity: 0;}
#Aimg02_s_block .Aimg02_s_photo .photo03{width:calc((100% - 75px)/4);margin-right:25px; opacity: 0;}
#Aimg02_s_block .Aimg02_s_photo .photo04{width:calc((100% - 75px)/4);margin-right:0px; opacity: 0;}
#Aimg02_s_block .Aimg02_s_photo .photo01 img,#Aimg02_s_block .Aimg02_s_photo .photo02 img,#Aimg02_s_block .Aimg02_s_photo .photo03 img,#Aimg02_s_block .Aimg02_s_photo .photo04 img{width:100%;max-width: 100%;}

#Aimg02_s_block .Aimg02_s_photo .photo01.is-active{opacity: 1;animation-duration: 1s;animation-name: fade-left-in;animation-iteration-count: 1;}
#Aimg02_s_block .Aimg02_s_photo .photo02.is-active{opacity: 1;animation-duration: 1s;animation-name: fade-left-in;animation-iteration-count: 1;}
#Aimg02_s_block .Aimg02_s_photo .photo03.is-active{opacity: 1;animation-duration: 1s;animation-name: fade-left-in;animation-iteration-count: 1;}
#Aimg02_s_block .Aimg02_s_photo .photo04.is-active{opacity: 1;animation-duration: 1s;animation-name: fade-left-in;animation-iteration-count: 1;}

/*Aimg03_block*/
#Aimg03_block{width:100%;height: auto;padding:6em 0;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height:auto;background:#ffffff url(../images/04_bg.jpg)no-repeat right top;}
#Aimg03_block:after {content:''; clear:both; display:block;}

#Aimg03_block .text01_block{width:15%;padding:2.5em 0 0 0;}
#Aimg03_block .text01_block .text01{padding:0 0 0 70px}

#Aimg03_block .text01_block .text01 .text01_img{width:45px;height: 47px;margin-bottom: 14px; opacity: 0;}
#Aimg03_block .text01_block .text01 .text01_img.is-active{opacity: 1;animation-duration: 5s;animation-name: logomove;animation-iteration-count:  1;animation-direction: alternate;animation-timing-function: linear;}

#Aimg03_block .Mob{display:none;}

#Aimg03_block .text02_block{width:calc(100% - 20%);height: auto; margin:0 5% 0 0;}
#Aimg03_block .text02_block .Ttitle{font:1.5625em "微軟正黑體";font-weight: 700; color:#a88568;padding-bottom:1em;opacity: 0;}

#Aimg03_block .text02_block .note .Mtitle{font:1.125em "微軟正黑體";font-weight: 700;line-height:2.25em; color:#635e5e;}
#Aimg03_block .text02_block .note{font:1em "微軟正黑體";font-weight: 500; color:#635e5e;line-height:2.25em;opacity: 0;}
#Aimg03_block .text02_block .note p{margin-bottom: 1em;}

#Aimg03_block .text02_block .Ttitle.is-active{opacity: 1;animation-duration: 1s;animation-name: anm-fade-up01;animation-iteration-count:  1;}
#Aimg03_block .text02_block .note .Mtitle.is-active{opacity: 1;animation-duration: 1s;animation-name: anm-fade-up01;animation-iteration-count:  1;}
#Aimg03_block .text02_block .note.is-active{opacity: 1;animation-duration: 1s;animation-name: anm-fade-up01;animation-iteration-count:  1;}

/*Aimg04_block*/
#Aimg04_block{padding-bottom: 4em; display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;background:#d7cdc0;}
#Aimg04_block .text01_block{width:23%;padding-top:8vh;margin-right:calc((100% - 80%)/2);opacity: 0;}
#Aimg04_block .text01_block.is-active{opacity: 1;animation-duration: 1s;animation-name:fade-left-in ;animation-iteration-count: 1;}


#Aimg04_block .text02_block{ width:57%;margin-left:calc((100% - 80%)/2);display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: flex-end;}
#Aimg04_block .text02_block .photo img{width:100%;max-width: 100%;height: auto;}


#Aimg04_block .text02_block .position-relative{position:relative;width:100%;height: 0px;}
#Aimg04_block .text02_block .position-relative .note_block{opacity: 0; position:absolute;color:#645e5f;font:1.125em "微軟正黑體";font-weight: 500;line-height: 2.365625em; bottom: 0;left:-13em;width:auto; z-index: 2;padding:2em 77px 2em 99px;background:#ebe3da;}
#Aimg04_block .text02_block .position-relative .note_block.is-active{opacity: 1;animation-duration: 1s;animation-name:fadeing;animation-iteration-count: 1;}

#Aimg04_block .text02_block .photo{opacity: 0}
#Aimg04_block .text02_block .photo.is-active{opacity: 1;animation-duration: 1s;animation-name:fade-right-in ;animation-iteration-count: 1;}
#Aimg04_block .text02_block .Mnote_block{display:none;opacity: 0;height: 88px}
#Aimg04_block .text02_block .Mnote_block.is-active{color:#645e5f;font:1.125em"微軟正黑體";padding:2em 10% 2em 33%;line-height: 2.365625em;opacity: 1;animation-duration: 1s;animation-name:fadeing;animation-iteration-count: 1;}


/*Aimg05_block*/
#Aimg05_block{display: flex;flex-wrap: wrap;justify-content: center;align-content:space-between;align-items: stretch;background:#ffffff;height: auto; padding:5.625em 4em 0em 4em;}
#Aimg05_block .photo01{ width:calc((99%/3) - 5.3em);margin:0 2.65em 10.8125em 2.65em;opacity: 0;}
#Aimg05_block .photo02{ width:calc((99%/3) - 5.3em);margin:0 2.65em 10.8125em 2.65em;opacity: 0;}
#Aimg05_block .photo03{ width:calc((99%/3) - 5.3em);margin:0 2.65em 10.8125em 2.65em;opacity: 0;}
#Aimg05_block .photo01 img,#Aimg05_block .photo02 img,#Aimg05_block .photo03 img{width:100%;height:100%;opacity: 1;}	
#Aimg05_block .photo01.is-hover img,#Aimg05_block .photo02.is-hover img,#Aimg05_block .photo03.is-hover img{width:100%;height:100%;opacity: 0.5;}


#Aimg05_block .photo01.is-active{opacity: 1;animation-duration: 1s;animation-name: fade-left-in;animation-iteration-count: 1;}
#Aimg05_block .photo02.is-active{opacity: 1;animation-duration: 1s;animation-name: fade-left-in;animation-iteration-count: 1;}
#Aimg05_block .photo03.is-active{opacity: 1;animation-duration: 1s;animation-name: fade-left-in;animation-iteration-count: 1;}


#Aimg05_block .photo01.is-active.is-hover{ width:calc((99%/3) - 5.3em);margin:0 2.65em 10.8125em 2.65em;background:rgba(0,0,0,1);}
#Aimg05_block .photo02.is-active.is-hover{ width:calc((99%/3) - 5.3em);margin:0 2.65em 10.8125em 2.65em;background:rgba(0,0,0,1);}
#Aimg05_block .photo03.is-active.is-hover{ width:calc((99%/3) - 5.3em);margin:0 2.65em 10.8125em 2.65em;background:rgba(0,0,0,1);}


#Aimg05_block .photo01 .more_block,#Aimg05_block .photo02 .more_block,#Aimg05_block .photo03 .more_block{position: relative;width:100%;height: 0px; z-index: 1;top:0;left: 0;}
#Aimg05_block .photo01 .more_block .But_more,#Aimg05_block .photo02 .more_block .But_more,#Aimg05_block .photo03 .more_block .But_more{position: absolute;bottom:2em;right:2em; z-index: 2;transform: translate(0%,0%);}
#Aimg05_block .photo01 .more_block .But_more span,#Aimg05_block .photo02 .more_block .But_more span,#Aimg05_block .photo03 .more_block .But_more span{display:inline-block;font:1.125em "微軟正黑體";font-weight: 500;;color:#645f5f;background:#ffffff;padding:0.5em 0.7em 0.5em 1.2em;border-radius:30px;}

#Aimg05_block .photo01 .note_block{position: relative;width:100%;height:0px;z-index: 1;top:0;left: 0;}
#Aimg05_block .photo01 .note_block .note{opacity: 0; font:1.5625em "微軟正黑體";font-weight: 700;color:#ffffff;position: absolute;width:220px;height: 100px;top:4em;left:2em;z-index: 2;transform: translate(0%, 0);}
#Aimg05_block .photo01 .note_block .circle_block{opacity: 0;position: absolute;z-index:2;top:-10em;right:-2em;background:rgba(235,227,218,1);width:20.4375em;height:19.5625em;border-radius: 50%;display:flex;align-items: center;justify-content: center;}
#Aimg05_block .photo01 .note_block .circle_block .circle{font:1.125em "微軟正黑體";font-weight: 500;color:#635e5e;}

#Aimg05_block .photo01.is-hover .note_block{position: relative;width:100%;height:0px;z-index: 1;top:0;left: 0;}
#Aimg05_block .photo01.is-hover .note_block .note{opacity: 1; font:1.5625em "微軟正黑體";font-weight: 700;color:#ffffff;position: absolute;width:220px;height: 100px;top:4em;left:2em;z-index: 2;transform: translate(0%, 0);}
#Aimg05_block .photo01.is-hover .note_block .circle_block{opacity: 1;position: absolute;z-index:2;top:-10em;right:-2em;background:rgba(235,227,218,1);width:20.4375em;height:19.5625em;border-radius: 50%;display:flex;align-items: center;justify-content: center;}
#Aimg05_block .photo01.is-hover .note_block .circle_block .circle{font:1.125m "微軟正黑體";font-weight: 500;color:#635e5e;}


#Aimg05_block .photo02 .note_block{position: relative;width:100%;height:0px;z-index: 1;top:0;left: 0;}
#Aimg05_block .photo02 .note_block .note{opacity: 0; font:1.5625em "微軟正黑體";font-weight: 700;color:#ffffff;position: absolute;width:220px;height: 100px;top:4em;left:2em;z-index: 2;transform: translate(0%, 0);}
#Aimg05_block .photo02 .note_block .circle_block{opacity: 0;position: absolute;z-index:2;top:-10em;right:-2em;background:rgba(235,227,218,1);width:20.4375em;height:19.5625em;border-radius: 50%;display:flex;align-items: center;justify-content: center;}
#Aimg05_block .photo02 .note_block .circle_block .circle{font:1.125em "微軟正黑體";font-weight: 500;color:#635e5e;}

#Aimg05_block .photo02.is-hover .note_block{position: relative;width:100%;height:0px;z-index: 1;top:0;left: 0;}
#Aimg05_block .photo02.is-hover .note_block .note{opacity: 1; font:1.5625em "微軟正黑體";font-weight: 700;color:#ffffff;position: absolute;width:220px;height: 100px;top:4em;left:2em;z-index: 2;transform: translate(0%, 0);}
#Aimg05_block .photo02.is-hover .note_block .circle_block{opacity: 1;position: absolute;z-index:2;top:-10em;right:-2em;background:rgba(235,227,218,1);width:20.4375em;height:19.5625em;border-radius: 50%;display:flex;align-items: center;justify-content: center;}
#Aimg05_block .photo02.is-hover .note_block .circle_block .circle{font:1.125em "微軟正黑體";font-weight: 500;color:#635e5e;}

#Aimg05_block .photo03 .note_block{position: relative;width:100%;height:0px;z-index: 1;top:0;left: 0;}
#Aimg05_block .photo03 .note_block .note{opacity: 0; font:1.5625em "微軟正黑體";font-weight: 700;color:#ffffff;position: absolute;width:220px;height: 100px;top:4em;left:2em;z-index: 2;transform: translate(0%, 0);}
#Aimg05_block .photo03 .note_block .circle_block{opacity: 0;position: absolute;z-index:2;top:-10em;right:-2em;background:rgba(235,227,218,1);width:20.4375em;height:19.5625em;border-radius: 50%;display:flex;align-items: center;justify-content: center;}
#Aimg05_block .photo03 .note_block .circle_block .circle{font:1.125em "微軟正黑體";font-weight: 500;color:#635e5e;}


#Aimg05_block .photo03.is-hover .note_block{position: relative;width:100%;height:0px;z-index: 1;top:0;left: 0;}
#Aimg05_block .photo03.is-hover .note_block .note{opacity: 1; font:1.5625em "微軟正黑體";font-weight: 700;color:#ffffff;position: absolute;width:220px;height: 100px;top:4em;left:2em;z-index: 2;transform: translate(0%, 0);}
#Aimg05_block .photo03.is-hover .note_block .circle_block{opacity: 1;position: absolute;z-index:2;top:-10em;right:-2em;transform: translate(0%, 0);background:rgba(235,227,218,1);width:20.4375em;height:19.5625em;border-radius: 50%;display:flex;align-items: center;justify-content: center;}
#Aimg05_block .photo03.is-hover .note_block .circle_block .circle{font:1.125em "微軟正黑體";font-weight: 500;color:#635e5e;}


@keyframes fade-left-in {
  0% {opacity: 0;transform: translateX(-30px);}
  100% {opacity: 1;transform: translateX(0);}
}
@keyframes fade-right-in {
  0% {opacity: 0;transform: translateX(30px);}
  100% {opacity: 1;transform: translateX(0);}
}
@keyframes fadeing {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

/*contact*/
#Cimg01_block{width:100%;height: auto;padding:4em 0;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height:auto;background:#cfc2b1 url(../images/contact_bg.jpg)no-repeat right top;}
#Cimg01_block:after {content:''; clear:both; display:block;}

#Cimg01_block .text01_block{width:15%;}
#Cimg01_block .text01_block .text01{padding:0 0 0 70px}

#Cimg01_block .text01_block .text01 .text01_img{width:45px;height: 47px;margin-bottom: 14px; opacity: 0;}
#Cimg01_block .text01_block .text01 .text01_img.is-active{opacity: 1;animation-duration: 5s;animation-name: logomove;animation-iteration-count:  1;animation-timing-function: linear;}

#Cimg01_block .text02_block{width:calc((100% - 15%) - 37%);height: auto; margin:5em 27% 0 10%;}
#Cimg01_block .text02_block .Ttitle{font:2.5em "微軟正黑體";font-weight: 700; color:#ffffff;padding-bottom:1em;display:flex;flex-wrap: wrap;justify-content: center;}

#Cimg01_block .text02_block .Ttitle .Ttitle_block01{width:525px;background:rgba(255,0,4,0);display:flex;flex-wrap: wrap;justify-content: center;align-content: space-between;align-items: stretch;}
#Cimg01_block .text02_block .Ttitle .Ttitle_block01 div{opacity:0;}
#Cimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(0).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Cimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(1).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Cimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(2).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Cimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(3).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Cimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(4).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Cimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(5).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Cimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(6).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Cimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(7).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Cimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(8).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Cimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(9).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Cimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(10).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Cimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(11).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Cimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(12).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Cimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(13).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Cimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(14).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Cimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(15).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Cimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(16).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Cimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(17).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}
#Cimg01_block .text02_block .Ttitle .Ttitle_block01 div:nth-child(18).is-active {opacity:1;animation-duration: 1s;animation-name: Aimg_text01;animation-iteration-count:  1;}



#Cimg01_block .text02_block .note_block{width:100%;}
#Cimg01_block .text02_block .note_block input{width: 100%; font:1.23625em "微軟正黑體";font-weight:500;padding:.5em;margin-bottom:1em ;border:1px solid #DDD;border-radius:5px;color:rgba(161,123,91,1);}
#Cimg01_block .text02_block .note{width:100%;font:1em "微軟正黑體";font-weight:500;line-height: 1.6em; color:#ffffff;text-align: center;margin-top: 4em;}
#Cimg01_block .text02_block .btu_block{width:100%;padding-top: 2em;display: flex;flex-wrap: wrap;justify-content: center;}
#Cimg01_block .text02_block .btu_block .b_send{font:1.4075em "微軟正黑體";font-weight:500;dispaly:inline-block;padding:0.6em 2em 0.6em 1.7em; border-radius: 50px;background: #A17B5D url(../images/send_arrow.svg) no-repeat right top;background-position:90% 50%;color:#ffffff;}

#Cimg01_block .text02_block .note_block textarea{width: 100%; font:1.5625em "微軟正黑體";font-weight:500;padding:.5em;margin-bottom:1em ;border:1px solid #DDD;border-radius:5px;color:rgba(161,123,91,1);}


/*shop*/
#Simg01_block{width:100%;height: auto;padding:4em 0 0 0;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height:auto;background:#ffffff url(../images/04_bg.jpg)no-repeat right top;}
#Simg01_block:after {content:''; clear:both; display:block;}

#Simg01_block .text01_block{width:15%;}
#Simg01_block .text01_block .text01{padding:0 0 0 70px}

#Simg01_block .text01_block .text01 .text01_img{width:45px;height: 47px;margin-bottom: 14px; opacity: 0;}
#Simg01_block .text01_block .text01 .text01_img.is-active{opacity: 1;animation-duration: 5s;animation-name: logomove;animation-iteration-count:  1;animation-timing-function: linear;}
#Simg01_block .text02_block{width:70%;height: auto; padding:5em 0 0 0;}
#Simg01_block .text02_block .title{font:2.5em "微軟正黑體";font-weight:700;width:100%;display: flex;flex-wrap: wrap;justify-content: center; color:#A17B5D;}

#Simg01_block .Mob{display:none;}
/**/

/*#Simg02_block{width:100%;height: auto;padding:0;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height:auto;background:#ffffff url(../images/Simg02_bg.jpg) no-repeat ;background-position: 50% 160%;}
*/
#Simg02_block{width:100%;height: auto;padding:0;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height:auto;background:#ffffff url(../images/Simg02_bg_mob01.jpg) no-repeat ;background-position: 0% 120%;}


#Simg02_block:after {content:''; clear:both; display:block;}
#Simg02_block .text01_block{width:auto;height: auto; margin:0 calc((100% - 770px)/2) 0 calc((100% - 770px)/2);}


#Simg02_block .text01_block .img{width:100%;}
#Simg02_block .text01_block .product_block{width:100%;padding:5% 20% 15%;}
#Simg02_block .text01_block .product_block .price{width:100%;font:2.5em 微軟正黑體;font-weight:700;color: #ffffff;}
#Simg02_block .text01_block .product_block .name{width:100%;font:1.23625em 微軟正黑體;font-weight:700;color: #ffffff;line-height: 1.48375em;}
#Simg02_block .text01_block .product_block .but_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height:auto;}
#Simg02_block .text01_block .product_block .but_block .text02_1{width:50%;font:1.23625em 微軟正黑體;font-weight:700;color: #ffffff;line-height: 1.48375em;}
#Simg02_block .text01_block .product_block .but_block .text02_ select{width:80%;padding:0.2em;}
#Simg02_block .text01_block .product_block .but_block .text02_2{width:50%;margin-top: 1.5em;}
#Simg02_block .text01_block .product_block .but_block .text02_2 .b_send{font:1.23625em 微軟正黑體;font-weight:700;dispaly:inline-block;padding:0.6em 2em 0.6em 1.7em; border-radius: 50px;background: #E6DED0 url(../images/send_arrow01.svg)no-repeat right top;background-position:90% 50%;color:#ac8363;}


/*
#Simg02_block:after {content:''; clear:both; display:block;}
#Simg02_block .text01_block{width:auto;height: auto; margin:0 calc((100% - 770px)/2) 0 calc((100% - 770px)/2);}


#Simg02_block .text01_block .img{width:100%;}
#Simg02_block .text01_block .product_block{width:100%;padding:5% 20% 15%;}
#Simg02_block .text01_block .product_block .price{width:100%;font:2.5em 微軟正黑體;font-weight:700;color: #ffffff;}
#Simg02_block .text01_block .product_block .name{width:100%;font:1.23625em 微軟正黑體;font-weight:700;color: #ffffff;line-height: 1.48375em;}
#Simg02_block .text01_block .product_block .but_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height:auto;}
#Simg02_block .text01_block .product_block .but_block .text02_1{width:50%;font:1.23625em 微軟正黑體;font-weight:700;color: #ffffff;line-height: 1.48375em;}
#Simg02_block .text01_block .product_block .but_block .text02_ select{width:80%;padding:0.2em;}
#Simg02_block .text01_block .product_block .but_block .text02_2{width:50%;margin-top: 1.5em;}
#Simg02_block .text01_block .product_block .but_block .text02_2 .b_send{font:1.23625em 微軟正黑體;font-weight:700;dispaly:inline-block;padding:0.6em 2em 0.6em 1.7em; border-radius: 50px;background: #E6DED0 url(../images/send_arrow01.svg)no-repeat right top;background-position:90% 50%;color:#ac8363;}
*/


/*footer*/
#footer_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;padding:3.875em 0.5em 3.625em 0.5em;}
#footer_block .text03-1{width:21.7%;}
#footer_block .text03-2{width:40%; }
#footer_block .text03-2 .flink_block{width:100%}
#footer_block .text03-2 .flink_block a{font:16pt "微軟正黑體";font-weight:700;color:#a98c73;padding-right: 2em;}
#footer_block .text03-2 .P_T_block{width:100%;font:0.875em "微軟正黑體";padding-top:2em;color:#a98c73;}
#footer_block .text03-3{width:calc((100% - 21.7%) - 40%);text-align: right;}

#footer_block .text03-3 a{background:url(../images/footer_icon.svg)  no-repeat;height:27px;width:30px;display:inline-block;text-indent:-9999px;	text-align:left;}
#footer_block .text03-3 a.facebook_icon{background-position:0 0;margin-right: 1.4375em}
/*#footer_block .text03-3 a.facebook_icon:hover{background-position:0px -27px;}*/
#footer_block .text03-3 a.instagram_icon{background-position:-30px 0;margin-right: 1.4375em}
/*#footer_block .text03-3 a.instagram_icon:hover{background-position:-27px -27px;}*/
#footer_block .text03-3 a.mail_icon{background-position:-60px 0;margin-right: 1.4375em}
/*#footer_block .text03-3 a.mail_icon:hover{background-position:-50px -27px;}*/

#copy_block{display:flex;justify-content: flex-start;align-content: space-around;align-items: stretch;height: auto;border-top:1px solid #a98c73;padding:3em 0;}
#copy_block .copy_block{width:100%;font:0.875em "微軟正黑體";color:#a98c73;text-align: center;} 


@media screen and (max-width: 575px) {
#footer_block .text03-3 a.facebook_icon{background-position:0 0;margin-right: 0.5em}
#footer_block .text03-3 a.instagram_icon{background-position:-30px 0;margin-right: 0.5em}
#footer_block .text03-3 a.mail_icon{background-position:-60px 0;margin-right: 0.5em}	
	
#copy_block .copy_block{width:100%;font:calc(0.91125em*0.8) "微軟正黑體";color:#a98c73;text-align: center;} 	
#copy_block .copy_block .space{display: none;}
#copy_block .copy_block span{display:block;}	

}

/*qa*/
#qa_block{width:100%;height: auto;padding:4em 8em;margin:13em 0 0 0;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height:auto;background:#ffffff url(../images/qa_bg.jpg)no-repeat right top;}
#qa_block:after {content:''; clear:both; display:block;}
#qa_block #qa_title{width:100%;font:5.25em "微軟正黑體";font-weight:700;color:#ac8363;text-align: center;margin:0 0 1.5em 0;}

#qa_block #qa_content_block{width:100%;height: auto;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: flex-start;}
#qa_block #qa_content_block #qa_menu_block{width:270px;color:#4c4348;}
#qa_block #qa_content_block #qa_menu_block .form-select{display:none;}

#qa_block #qa_content_block #qa_menu_block .qa_menu_title{width:100%;margin:0 0 2em 0;font:1.5625em "微軟正黑體";font-weight:700;padding:0em 1.2em}
#qa_block #qa_content_block #qa_menu_block .qa_menu{width:100%;margin:0 0 1em 0;font:1.5625em "微軟正黑體";font-weight:700;}
#qa_block #qa_content_block #qa_menu_block .qa_menu span a{display:inline-block;color:#4c4348;background:#ffffff;padding:0.4em 1.2em;border-radius: 30px;}
#qa_block #qa_content_block #qa_menu_block .qa_menu span a:hover{display:inline-block;color:#4c4348;background:#ebe7de;padding:0.4em 1.2em;border-radius: 30px;}


#qa_block #qa_content_block #qa_list_block{width:calc(100% - 270px);}
#qa_block #qa_content_block #qa_list_block .qa_list_note_block{width:100%;margin:0 0 2em 0;}
#qa_block #qa_content_block #qa_list_block .qa_list_note_block .qa_list_note_title{font:1.5625em "微軟正黑體";font-weight:700;color:#a07b5e;margin:0 0 1em 0;}
#qa_block #qa_content_block #qa_list_block .qa_list_note_block .qa_list_note{font:1.5625em "微軟正黑體";font-weight:500;color:#4c4348;}

#qa_block #qa_content_block #qa_list_block .qa_list{width:100%;padding:1em;margin:0 0 0.5em 0;}
#qa_block #qa_content_block #qa_list_block .qa_list:nth-child(odd){background: #e6ded0;}
#qa_block #qa_content_block #qa_list_block .qa_list:nth-child(even){background: #ebeae6;}

#qa_block #qa_content_block #qa_list_block .qa_list .qa01{width:100%;font:1.375em "微軟正黑體";font-weight:700;padding: 0 0 1em 0;color:#4c4348;}
#qa_block #qa_content_block #qa_list_block .qa_list .qa02{width:100%;font:1.375em "微軟正黑體";font-weight:300;padding: 0 0 1em 0;color:#4c4348;}

#qa_block #qa_content_block #qa_list_block .qa_list ol {list-style: none;padding:0 0 0 2em;}
#qa_block #qa_content_block #qa_list_block .qa_list ol li{text-indent: -1.75em;}
#qa_block #qa_content_block #qa_list_block .qa_list ol .qa01::before {content: "Q　";}
#qa_block #qa_content_block #qa_list_block .qa_list ol .qa02::before {content: "A　";}


/*for member*/
#qa_block #qa_content_block #qa_list_block .member_list_note_block{width:100%;margin:0 0 2em 0;}
#qa_block #qa_content_block #qa_list_block .member_list_note_block .member_list_note_title{font:1.5625em "微軟正黑體";font-weight:700;color:#a07b5e;margin:0 0 1em 0;}
#qa_block #qa_content_block #qa_list_block .member_list_note_block .member_list_note{color:#4c4348;display: flex;flex-wrap: wrap;justify-content: flex-start;padding:0.5em 1em;}

#qa_block #qa_content_block #qa_list_block .member_list_note_block .member_list_note .text01_1{width:100%;margin:0 0 1em 0;font:1.5625em "微軟正黑體";font-weight:500;}
#qa_block #qa_content_block #qa_list_block .member_list_note_block .member_list_note .text02_1{width:150px;margin:0 0 1em 0;font:1.5625em "微軟正黑體";font-weight:500;}
#qa_block #qa_content_block #qa_list_block .member_list_note_block .member_list_note .text02_2{width:calc(100% - 150px);margin:0 0 1em 0;font:1.5625em "微軟正黑體";font-weight:500;}
#qa_block #qa_content_block #qa_list_block .member_list_note_block .member_list_note .text02_2 .input01{border:1px solid #4c4348;padding:0.3em;width:250px;}
#qa_block #qa_content_block #qa_list_block .member_list_note_block .member_list_note .text02_2 .input02{border:1px solid #4c4348;padding:0.3em;width:450px;}
#qa_block #qa_content_block #qa_list_block .member_list_note_block .member_list_note .text02_2 .input03{border:1px solid #4c4348;padding:0.3em;width:300px;}

#qa_block #qa_content_block #qa_list_block .member_list_note_block .member_list_note .note_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;}
#qa_block #qa_content_block #qa_list_block .member_list_note_block .member_list_note .note_block .text02_1{width:80%;}
#qa_block #qa_content_block #qa_list_block .member_list_note_block .member_list_note .note_block .text02_2{width:20%;text-align: right}
#qa_block #qa_content_block #qa_list_block .member_list_note_block .member_list_note .note_block .text02_2 a{color:#b75491;}
#qa_block #qa_content_block #qa_list_block .member_list_note_block .member_list_note .note_block .text02_2 a:hover{color:#f21985;}

/*for order*/
#qa_block #qa_content_block #qa_list_block .order_list_note_block{width:100%;margin:0 0 2em 0;}
#qa_block #qa_content_block #qa_list_block .order_list_note_block .order_list_note_title{font:1.5625em "微軟正黑體";font-weight:700;color:#a07b5e;margin:0 0 1em 0;}
#qa_block #qa_content_block #qa_list_block .order_list_note_block .order_list_note{font:1.5625em "微軟正黑體";font-weight:500;color:#4c4348;display: flex;flex-wrap: wrap;justify-content: flex-start;padding:0.5em 0em 2em 0;}

#qa_block #qa_content_block #qa_list_block .order_list_note_block .order_list_note .text02_1{width:50%;color:#ffffff;display: flex;flex-wrap: wrap;justify-content: flex-start;}
#qa_block #qa_content_block #qa_list_block .order_list_note_block .order_list_note .text02_1 span{background:#9d684a;color:#ffffff;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content:center;align-items: center}
#qa_block #qa_content_block #qa_list_block .order_list_note_block .order_list_note .text02_1 span img{display:inline-block}
#qa_block #qa_content_block #qa_list_block .order_list_note_block .order_list_note .text02_2{width:50%;text-align: right;color: #b75491;}

#qa_block #qa_content_block #qa_list_block .order_list_note_block .order_list_note .text02_2 a{color:#b75491;}
#qa_block #qa_content_block #qa_list_block .order_list_note_block .order_list_note .text02_2 a:hover{color:#f21985;}


#qa_block #qa_content_block #qa_list_block .order_list_note_block .order_list{color:#4c4348;background:#efefef;padding:1.5em 0.5em;}

#qa_block #qa_content_block #qa_list_block .order_list_note_block .order_list .title_block{font:1.375em "微軟正黑體";font-weight: 700;color:#4c4348;height: 45px; display:flex;flex-wrap: wrap;justify-content: flex-start;padding:0 0.5em}
#qa_block #qa_content_block #qa_list_block .order_list_note_block .order_list .title_block .text04_1{width:20%;text-align: center;}
#qa_block #qa_content_block #qa_list_block .order_list_note_block .order_list .title_block .text04_2{width:20%;text-align: center;}
#qa_block #qa_content_block #qa_list_block .order_list_note_block .order_list .title_block .text04_3{width:20%;text-align: center;}
#qa_block #qa_content_block #qa_list_block .order_list_note_block .order_list .title_block .text04_4{width:40%;text-align: center;}

#qa_block #qa_content_block #qa_list_block .order_list_note_block .order_list .list_block{font:1.375em "微軟正黑體";font-weight: 300;display:flex;flex-wrap: wrap;justify-content: flex-start;padding:0 0.5em}
#qa_block #qa_content_block #qa_list_block .order_list_note_block .order_list .list_block .text04_1{width:20%;text-align: center;}
#qa_block #qa_content_block #qa_list_block .order_list_note_block .order_list .list_block .text04_2{width:20%;text-align: center;}
#qa_block #qa_content_block #qa_list_block .order_list_note_block .order_list .list_block .text04_3{width:20%;text-align: center;}
#qa_block #qa_content_block #qa_list_block .order_list_note_block .order_list .list_block .text04_4{width:40%;text-align: center;}

#qa_block #qa_content_block #qa_list_block .order_list_note_block .order_list .list_block .text02_1{width:25%;text-align: center;}
#qa_block #qa_content_block #qa_list_block .order_list_note_block .order_list .list_block .text02_2{width:75%;text-align: right;}


/*order_list_detailed*/
#qa_block #qa_content_block #qa_list_block .order_list_note_block .detailed_bg{color:#4c4348;background:#efefef;padding:0.5em 0.5em;}
#qa_block #qa_content_block #qa_list_block .order_list_note_block .detailed_bg .order_title_detailed{width:100%;font:1.5625em "微軟正黑體";font-weight:700;padding:0.5em;background:#ac8363;color:#ffffff;}
#qa_block #qa_content_block #qa_list_block .order_list_note_block .detailed_bg .order_list_detailed{font:1.375em "微軟正黑體";font-weight: 300;background: #ffffff; display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;height: auto;}
/*order_list_detailed_4_block*/
#qa_block #qa_content_block #qa_list_block .order_list_note_block .detailed_bg .order_list_detailed .text04_1{width:200px;font-weight: 700;padding:0.5em 0.5em;background:#e1e1e1;}
#qa_block #qa_content_block #qa_list_block .order_list_note_block .detailed_bg .order_list_detailed .text04_2{width:calc((100% - 400px)/2);padding:0.5em 0.5em;}

#qa_block #qa_content_block #qa_list_block .order_list_note_block .detailed_bg .order_list_detailed .text02_1{width:200px;font-weight: 700;padding:0.5em 0.5em;background:#e1e1e1;}
#qa_block #qa_content_block #qa_list_block .order_list_note_block .detailed_bg .order_list_detailed .text02_2{width:calc((100% - 200px)/1);padding:0.5em 0.5em;}






#qa_block #qa_content_block #qa_list_block .order_list_note_block .detailed_bg .title_block{font:1.5625em "微軟正黑體";font-weight: 700;color:#ffffff;background:#ac8363; display:flex;flex-wrap: wrap;justify-content: flex-start;padding:0.5em}
#qa_block #qa_content_block #qa_list_block .order_list_note_block .detailed_bg .title_block .text04_1{width:calc(100% - 300px);text-align: left;}
#qa_block #qa_content_block #qa_list_block .order_list_note_block .detailed_bg .title_block .text04_2{width:100px;text-align: center;}
#qa_block #qa_content_block #qa_list_block .order_list_note_block .detailed_bg .title_block .text04_3{width:100px;text-align: center;}
#qa_block #qa_content_block #qa_list_block .order_list_note_block .detailed_bg .title_block .text04_4{width:100px;text-align: center;}

#qa_block #qa_content_block #qa_list_block .order_list_note_block .detailed_bg .list_block{font:1.375em "微軟正黑體";font-weight: 300;display:flex;flex-wrap: wrap;justify-content: flex-start;padding:0.5em;background: #ffffff;}
#qa_block #qa_content_block #qa_list_block .order_list_note_block .detailed_bg .list_block .text04_1{width:calc(100% - 300px);text-align: left;color:#4c4348;padding:0.2em 0;}
#qa_block #qa_content_block #qa_list_block .order_list_note_block .detailed_bg .list_block .text04_2{width:100px;text-align: center;padding:0.2em 0;}
#qa_block #qa_content_block #qa_list_block .order_list_note_block .detailed_bg .list_block .text04_3{width:100px;text-align: center;padding:0.2em 0;}
#qa_block #qa_content_block #qa_list_block .order_list_note_block .detailed_bg .list_block .text04_4{width:100px;text-align: center;padding:0.2em 0;}

#qa_block #qa_content_block #qa_list_block .order_list_note_block .detailed_bg .list_block .text02_1{width:calc(100% - 100px);text-align: left;font-weight: 700;padding:0.2em 0;}
#qa_block #qa_content_block #qa_list_block .order_list_note_block .detailed_bg .list_block .text02_2{width:100px;text-align: center;font-weight: 700;padding:0.2em 0;}



/*sign in*/
#sign_in_block{width:100%;height: auto;padding:4em 10em;margin:13em 0 0 0;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height:auto;background:#ffffff url(../images/qa_bg.jpg)no-repeat right top;}
#sign_in_block:after {content:''; clear:both; display:block;}
#sign_in_block #sign_title{width:100%;font-weight:700;color:#ac8363;text-align: center;margin:0 0 4em 0;}
#sign_in_block #sign_title .title{font:5.25em "微軟正黑體";font-weight:700;color:#ac8363;}
#sign_in_block #sign_title .subtitle{font:1.5625em "微軟正黑體";font-weight:700;color:#ac8363;}

#sign_in_block #login_in{width:calc((50% - 1px) - 10%);}
#sign_in_block #login_in #sign_in_title{width:100%;text-align: center; font:1.5625em "微軟正黑體";font-weight:700;color:#5f6160;margin:1em 0 1.5em 0;}
#sign_in_block #login_in #input_block{width:100%;margin:0 0 2em 0;display:flex;flex-wrap: wrap;justify-content: flex-start;}
#sign_in_block #login_in #input_block input{width:100%;border:1px solid #4c4348;color:#626365;padding:0.3em;font:1.5625em "微軟正黑體";font-weight:500;}

#sign_in_block #login_in #sign_innote_block{width:100%; color:#4c4348;font:1.5625em "微軟正黑體";margin:1em 0 2em 0;display:flex;flex-wrap: wrap;justify-content: flex-end;}
/*#sign_in_block #login_in #sign_innote_block .fb{width:40px;margin:0 20px 0 0;}
#sign_in_block #login_in #sign_innote_block .fb img{width:100%;max-width: 100%;height: auto;}
#sign_in_block #login_in #sign_innote_block .gm{width:40px;}
#sign_in_block #login_in #sign_innote_block .gm img{width:100%;max-width: 100%;height: auto;}*/
#sign_in_block #login_in #sign_innote_block .link{width:100%;height: 53px;line-height: 53px; text-align: right;}
#sign_in_block #login_in #sign_innote_block .link a{color:#4f5050;background: url(../images/icon.svg) no-repeat right 8px;padding:0 25px 0 0 ;}
#sign_in_block #login_in #sign_innote_block .link a:hover{color:#000000;}

#sign_in_block #login_in #sign_innote_block .sign_input{content: ''; margin:5px 10px 0 0; display: inline-block;vertical-align: text-top; width: 25px;height: 25px;background: #00aa00;}


#sign_in_block #line{width:2px;background:#b18c6d;margin:0 10%;}

#sign_in_block #regisister_in{width:calc((50% - 1px) - 10%);}
#sign_in_block #regisister_in #regisister_in_title{width:100%;text-align: center; font:1.5625em "微軟正黑體";font-weight:700;color:#5f6160;margin:1em 0 1.5em 0;}
#sign_in_block #regisister_in #input_block{width:100%;margin:0 0 2em 0;}
#sign_in_block #regisister_in #input_block input{width:100%;border:1px solid #4c4348;color:#626365;padding:0.3em;font:1.5625em "微軟正黑體";font-weight:500;}

#sign_in_block #return_link{width:100%;margin:3em auto;text-align: center;font:1.5625em "微軟正黑體";}
#sign_in_block #return_link a{color:#4f5050;}
#sign_in_block #return_link a:hover{color:#000000;}

/*forget*/
#sign_in_block #forget_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;}
#sign_in_block #forget_block #input_block{width:100%;line-height: 40px;padding:0 0 1em 0;}
#sign_in_block #forget_block #input_block input{width:50%;margin:0 25%;border:1px solid #4c4348;color:#626365;padding:0.3em;font:1.5625em "微軟正黑體";font-weight:500;text-align:center;}

#sign_in_block #forget_block #note ol{list-style:none;padding:0 0 0 2em;}
#sign_in_block #forget_block #note ol li{color:#626365;padding:0.3em;font:1em "微軟正黑體";font-weight:500;}



/*shopping_cart*/
#shopping_cart_block{width:100%;height: auto;padding:4em 8em;margin:13em 0 0 0;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height:auto;background:#ffffff url(../images/qa_bg.jpg)no-repeat right top;}
#shopping_cart_block:after {content:''; clear:both; display:block;}
#shopping_cart_block #shopping_title{width:100%; font:5.25em "微軟正黑體";font-weight:700;color:#ac8363/*9d684a*/;text-align: center;margin:0 0 1.5em 0;}
#shopping_cart_block #process_list_block{width:100%;display:flex;flex-wrap: wrap;justify-content:center;padding:0 7em;margin:0 0 2em 0;}
#shopping_cart_block #process_list_block .process_hover{width:calc(90%/3);color:#a57a57;font:1.5625em "微軟正黑體";font-weight:500;height: 60px; line-height: 60px;background: url(../images/cart_icon.svg)no-repeat left top;padding:0 0 0 63px;}
#shopping_cart_block #process_list_block .process_out{width:calc(90%/3);color:#d0ccc2;font:1.5625em "微軟正黑體";font-weight:500;height: 60px; line-height: 60px;background: url(../images/cart_icon_out.svg)no-repeat left top;padding:0 0 0 63px;}


#shopping_cart_block #process_list_block .process_01{width:300px;color:#a57a57;font:1.5625em "微軟正黑體";font-weight:500;height: 60px; line-height: 60px;background:url(../images/cart_icon.svg)no-repeat left top;padding:0 0 0 63px;}
#shopping_cart_block #process_list_block .process_01_out{width:300px;color:#d0ccc2;font:1.5625em "微軟正黑體";font-weight:500;height: 60px; line-height: 60px;background: url(../images/cart_icon_out.svg)no-repeat left top;padding:0 0 0 63px;}

#shopping_cart_block #process_list_block .process_02{width:300px;color:#a57a57;font:1.5625em "微軟正黑體";font-weight:500;height: 60px; line-height: 60px;background: url(../images/cart_icon.svg)no-repeat left top;padding:0 0 0 63px;}
#shopping_cart_block #process_list_block .process_02_out{width:300px;color:#d0ccc2;font:1.5625em "微軟正黑體";font-weight:500;height: 60px; line-height: 60px;background: url(../images/cart_icon_out.svg)no-repeat left top;padding:0 0 0 63px;}

#shopping_cart_block #process_list_block .process_03{width:300px;color:#a57a57;font:1.5625em "微軟正黑體";font-weight:500;height: 60px; line-height: 60px;background: url(../images/cart_icon.svg)no-repeat left top;padding:0 0 0 63px;}
#shopping_cart_block #process_list_block .process_03_out{width:300px;color:#d0ccc2;font:1.5625em "微軟正黑體";font-weight:500;height: 60px; line-height: 60px;background: url(../images/cart_icon_out.svg)no-repeat left top;padding:0 0 0 63px;}






#shopping_cart_block #shopping_title01{font:1.5625em "微軟正黑體";font-weight:500;color:#ac8363;margin:0 0 1em 0;width:100%;}

#shopping_cart_block #cart_title_block{font:1.5625em "微軟正黑體";font-weight:500;width:100%;color:#a9896d;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;  border-top:1px solid #a77d5b;border-bottom:1px solid #a77d5b;padding:0.7em 0;margin:0 0 1em 0;}
#shopping_cart_block #cart_title_block .text06_1{width:calc(100% - 750px);padding:0 0.5em;text-align: center;}
#shopping_cart_block #cart_title_block .text06_2{width:150px;text-align: center;}
#shopping_cart_block #cart_title_block .text06_3{width:150px;text-align: center;}
#shopping_cart_block #cart_title_block .text06_4{width:150px;text-align: center;}
#shopping_cart_block #cart_title_block .text06_5{width:150px;text-align: center;}
#shopping_cart_block #cart_title_block .text06_6{width:150px;text-align: center;}


#shopping_cart_block #cart_list_block{font:1.5625em "微軟正黑體";font-weight:500;width:100%;color:#585858;display:flex;flex-wrap: wrap;justify-content: flex-start;padding: 0;}
#shopping_cart_block #cart_list_block .text06_1{width:calc(100% - 750px);padding:0 0.5em;}
#shopping_cart_block #cart_list_block .text06_1 img{width:20%;height: auto}
#shopping_cart_block #cart_list_block .text06_2{width:150px;text-align: center;}
#shopping_cart_block #cart_list_block .text06_3{width:150px;text-align: center;}
#shopping_cart_block #cart_list_block .text06_4{width:150px;text-align: center;}
#shopping_cart_block #cart_list_block .text06_5{width:150px;text-align: center;}
#shopping_cart_block #cart_list_block .text06_6{width:150px;text-align: center;}
#shopping_cart_block #cart_list_block .text06_6 .icon_del{margin:0.2em 0 0 0;cursor: pointer;display:flex;flex-wrap: wrap;justify-content:center;}

/*20240219*/

#shopping_cart_block #cart_title_block .text05_1{width:calc(100% - 600px);padding:0 0.5em;text-align: center;}
#shopping_cart_block #cart_title_block .text05_2{width:150px;text-align: center;}
#shopping_cart_block #cart_title_block .text05_3{width:150px;text-align: center;}
#shopping_cart_block #cart_title_block .text05_4{width:150px;text-align: center;}
#shopping_cart_block #cart_title_block .text05_5{width:150px;text-align: center;}

#shopping_cart_block #cart_list_block .text05_1{width:calc(100% - 600px);padding:0 0.5em;}
#shopping_cart_block #cart_list_block .text05_1 img{width:20%;height: auto}
#shopping_cart_block #cart_list_block .text05_2{width:150px;text-align: center;}
#shopping_cart_block #cart_list_block .text05_3{width:150px;text-align: center;}
#shopping_cart_block #cart_list_block .text05_4{width:150px;text-align: center;}
#shopping_cart_block #cart_list_block .text05_5{width:150px;text-align: center;}
#shopping_cart_block #cart_list_block .text05_5 .icon_del{margin:0.2em 0 0 0;cursor: pointer;display:flex;flex-wrap: wrap;justify-content:center;}

/**/


#shopping_cart_block #cart_list_block1{font:1.5625em "微軟正黑體";font-weight:500;width:100%;color:#585858;display:flex;flex-wrap: wrap;justify-content: flex-start;padding: 0;}
#shopping_cart_block #cart_list_block1 .text06_1{width:calc(100% - 750px);padding:0 0.5em;}
#shopping_cart_block #cart_list_block1 .text06_1 img{width:20%;height: auto}
#shopping_cart_block #cart_list_block1 .text06_2{width:150px;text-align: center;}
#shopping_cart_block #cart_list_block1 .text06_3{width:150px;text-align: center;}
#shopping_cart_block #cart_list_block1 .text06_4{width:150px;text-align: center;}
#shopping_cart_block #cart_list_block1 .text06_5{width:150px;text-align: center;}
#shopping_cart_block #cart_list_block1 .text06_6{width:150px;text-align: center;}

/*20240711*/
#shopping_cart_block #cart_title_block2{font:1.5625em "微軟正黑體";font-weight:500;width:100%;color:#a9896d;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;  border-top:1px solid #a77d5b;border-bottom:1px solid #a77d5b;padding:0.7em 0;margin:0 0 1em 0;}
#shopping_cart_block #cart_title_block2 .text06_1{width:80px;padding:0 0.5em;text-align: center;}
#shopping_cart_block #cart_title_block2 .text06_2{width:calc(100% - 610px);text-align: center;}
#shopping_cart_block #cart_title_block2 .text06_3{width:150px;text-align: center;}
#shopping_cart_block #cart_title_block2 .text06_4{width:150px;text-align: center;}
#shopping_cart_block #cart_title_block2 .text06_5{width:150px;text-align: center;}
#shopping_cart_block #cart_title_block2 .text06_6{width:80px;text-align: center;}


#shopping_cart_block #cart_list_block2{font:1.5625em "微軟正黑體";font-weight:500;width:100%;color:#585858;display:flex;flex-wrap: wrap;justify-content: flex-start;padding: 0;}
#shopping_cart_block #cart_list_block2 .cart_L{width:80px}
#shopping_cart_block #cart_list_block2 .cart_R{width:calc(100% - 80px);display:flex;flex-wrap: wrap;justify-content: flex-start;padding: 0;}

#shopping_cart_block #cart_list_block2 .cart_L .text06_1{width:100%;padding:0 0.5em;}
#shopping_cart_block #cart_list_block2 .cart_L .text06_1 img{width:100%;height: auto}

#shopping_cart_block #cart_list_block2 .cart_R .text06_2{width:calc(100% - 530px);text-align: left;}
#shopping_cart_block #cart_list_block2 .cart_R .text06_3{width:150px;text-align: center;}
#shopping_cart_block #cart_list_block2 .cart_R .text06_4{width:150px;text-align: center;}
#shopping_cart_block #cart_list_block2 .cart_R .text06_5{width:150px;text-align: center;}
#shopping_cart_block #cart_list_block2 .cart_R .text06_6{width:80px;text-align: center;}
#shopping_cart_block #cart_list_block2 .cart_R .text06_6 .icon_del{margin:0.2em 0 0 0;cursor: pointer;display:flex;flex-wrap: wrap;justify-content:center;}

/**/
#shopping_cart_block #cart_info_block{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;line-height: 40px}
#shopping_cart_block #cart_info_block .text01_1 .sign_input{content: ''; margin:8px 10px 0 0; display: inline-block;vertical-align: text-top; width: 20px;height: 20px;}



#shopping_cart_block #cart_info_block .text01_1{width:100%;font:1.5625em "微軟正黑體";font-weight:500;color:#a07b5e;line-height: 40px}
#shopping_cart_block #cart_info_block .text02_1{width:calc(100%/2);display:flex;flex-wrap: wrap;justify-content: flex-start;}
#shopping_cart_block #cart_info_block .text02_1 .info02_1{width:150px;font:1.5625em "微軟正黑體";font-weight:500;color:#463c41;margin: 0 0 1em 0;}
#shopping_cart_block #cart_info_block .text02_1 .info02_2{width:calc(100% - 150px);font:1.5625em "微軟正黑體";font-weight:500;margin: 0 0 1em 0;}
#shopping_cart_block #cart_info_block .text02_1 .info02_2 div{width:100%;}
#shopping_cart_block #cart_info_block .text02_1 .info02_2 div p{padding:0 0 0 10px;display:inline-block;}

#shopping_cart_block #cart_info_block .text02_2{width:calc((100%/2) - 18em);padding:4em 0 0 0;margin:0 0 0 18em; display:flex;flex-wrap: wrap;justify-content:flex-end;align-items: flex-end;}
#shopping_cart_block #cart_info_block .text02_2 .monkey02_1{width:calc(100% - 200px);font:1.5625em "微軟正黑體";font-weight:500;color:#463c41;margin: 0 0 0.5em 0;}
#shopping_cart_block #cart_info_block .text02_2 .monkey02_2{width:200px;font:1.5625em "微軟正黑體";font-weight:500;text-align: right;margin: 0 0 0.5em 0;}
#shopping_cart_block #cart_info_block .text02_2 .monkey02_1 p,#shopping_cart_block #cart_info_block .text02_2 .monkey02_2 p{color:#a07b5e;font:1.875em "微軟正黑體";font-weight:700;}

#shopping_cart_block #cart_info_block .text021_2{width:500px;padding:0em 0 0 0;margin:0 0 0 calc(100% - 500px); display:flex;flex-wrap: wrap;justify-content:flex-end;align-items: flex-end;}
#shopping_cart_block #cart_info_block .text021_2 .monkey02_1{width:calc(100% - 200px);font:1.5625em "微軟正黑體";font-weight:500;color:#463c41;margin: 0 0 0.5em 0;}
#shopping_cart_block #cart_info_block .text021_2 .monkey02_2{width:200px;font:1.5625em "微軟正黑體";font-weight:500;text-align: right;margin: 0 0 0.5em 0;}
#shopping_cart_block #cart_info_block .text021_2 .monkey02_1 p,#shopping_cart_block #cart_info_block .text021_2 .monkey02_2 p{color:#a07b5e;font:1.875em "微軟正黑體";font-weight:700;}

#shopping_cart_block #cart_info_block .text2_1{width:150px;font:1.5625em "微軟正黑體";font-weight:500;color:#a07b5e;}
#shopping_cart_block #cart_info_block .text2_2{width:calc(100% - 150px);font:1.5625em "微軟正黑體";font-weight:500;color:#a07b5e;text-align: left}

#shopping_cart_block #cart_info_block .text00_1{width:100%;font:1.5625em "微軟正黑體";font-weight:500;color:#a07b5e;line-height: 40px}
#shopping_cart_block #cart_info_block .text00_1 .sign_input{content: ''; margin:8px 5px 0 0; display: inline-block;vertical-align: text-top; width: 20px;height: 20px;}

/**/
#shopping_cart_block #cart_deliver_title{width:100%;font:1.5625em "微軟正黑體";font-weight:700;color:#463c41;margin:2em 0;}

#shopping_cart_block #cart_deliver_title01{width:100%;font:1.5625em "微軟正黑體";color:#463c41;margin:2em 0;display: flex;flex-wrap: wrap;justify-content: flex-start;}
#shopping_cart_block #cart_deliver_title01 .text02_1{width:130px;font-weight:700;text-align: justify;}
#shopping_cart_block #cart_deliver_title01 .text02_1:after{content: '';display: inline-block;width:100%;}	
#shopping_cart_block #cart_deliver_title01 .text02_2{width:calc(100% - 130px);font-weight:500;padding:0 0 0 1em;}

#shopping_cart_block #cart_deliver_title01 .text02_2 .sign_input{content: ''; margin:5px 10px 0 0; display: inline-block;vertical-align: text-top; width: 25px;height: 25px;}



#shopping_cart_block #cart_deliver_block{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;}
#shopping_cart_block #cart_deliver_block .sign_input{content: ''; margin:8px 5px 0 0; display: inline-block;vertical-align: text-top; width: 20px;height: 20px;}



#shopping_cart_block #cart_deliver_block .text02_1{width:120px;font:1.5625em "微軟正黑體";font-weight:500;color:#463c41;margin:0 0 0.7em 0;text-align: justify;}
#shopping_cart_block #cart_deliver_block .text02_1:after{content: '';display: inline-block;width:100%;}
#shopping_cart_block #cart_deliver_block .text02_2{width:calc(100% - 120px);font:1.5625em "微軟正黑體";font-weight:500;color:#463c41;margin:0 0 0.7em 0;padding:0 0 0 1em;}
#shopping_cart_block #cart_deliver_block .text02_2 div{width:100%;display: block;margin:0 0 0.7em 0;}

#shopping_cart_block #cart_deliver_block .input01{border:1px solid #4c4348;padding:0.3em;width:25%;}
#shopping_cart_block #cart_deliver_block .input02{border:1px solid #4c4348;padding:0.3em;width:45%;}

#shopping_cart_block #cart_deliver_block .text02_3{width:120px;margin:0 0 0.7em 200px;font:1.5625em "微軟正黑體";font-weight:500;color:#463c41;}
#shopping_cart_block #cart_deliver_block .text02_4{width:calc(100% - 320px);font:1.5625em "微軟正黑體";font-weight:500;color:#463c41;margin:0 0 0.7em 0;}
#shopping_cart_block #cart_deliver_block .text02_4 div{width:100%;display: block;margin:0 0 0.7em 0;}

#shopping_cart_block #cart_deliver_block .text02_5{width:calc(100% - 200px);margin:0 0 0.7em 200px;font:1.5625em "微軟正黑體";font-weight:500;color:#463c41;}


#complete_block{background:#ebe7de;padding:2em 4em;margin:4em auto;width:60%;}
#complete_block .title{width: 100%;text-align: center; font:1.5625em "微軟正黑體";font-weight:700;color:#a07b5e;}	
#complete_block .info_block{width:50%;font:1.5625em "微軟正黑體";font-weight:500;color:#a07b5e;margin:2em auto}
#complete_block .subtitle{width:100%;text-align: center;font:1.5625em "微軟正黑體";font-weight:500;color:#a07b5e}	

#complete_block .subtitle a,#complete_block .subtitle a:hover{color:#a07b5e}


/**/
.password-container {position: relative;width: 100%;}
.password-input {padding-right: 32px;}
.toggle-password {position: absolute;right: 5px;top: 50%;transform: translateY(-50%);cursor: pointer;background: #ffffff}

/**/
@media only screen and (max-width: 479px) {
#sign_in_block #login_in #input_block input{width:100%;border:1px solid #4c4348;color:#626365;padding:0.3em;font:1em "微軟正黑體";font-weight:500;}
#sign_in_block #regisister_in #input_block input{width:100%;border:1px solid #4c4348;color:#626365;padding:0.3em;font:1em "微軟正黑體";font-weight:500;}
#sign_in_block #forget_block #input_block input{width:100%;margin:0;border:1px solid #4c4348;color:#626365;padding:0.3em;font:1em "微軟正黑體";font-weight:500;}
}