@charset "utf-8";
/*@import url("css/carousel_style.css");
@import url("css/bootstrap.css");*/
@import url("bootstrap-grid.css");
/*舒芙鎂 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;

  }
}
{position: absolute}

@media only screen and (max-width: 959px) {
.mobile{display:block;}
.desktop{display:none;}
.sliderSP{width;100%;height: 67px;}
.sliderSP01{width;100%;height: 0px;}  
.bxsliderSP{width:100%;height: 70px;}    
}

@media (min-width: 960px) {
.mobile{display:none;}
.desktop{display:inline-block;}
.sliderSP{width;100%;height: 0px;}
.bxsliderSP{width:100%;height: 100px;}    
  
}


/*************************************/
* { margin:0; padding:0;}
iframe{border: 0px;display: block;}

.ie6 img{max-width: 100%;width: 100%;height: auto;border: 0px;display: block;}



.img-fluid{max-width:100%;height:auto}


#Mcontents{width:100%;padding:0 2%;background:transparent}
#Mcontents:after {content:''; clear:both; display:block;}

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


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

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

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

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

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


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

#Mcontainer{width:100%;height:100% !important;margin:0 ;padding:2em 0;}
#Mcontainer:after {content:''; clear:both; display:block;}
.Mcontainer_b{width:100%;min-height: 110px; background: url("../images/bg.jpg")no-repeat center top;}

@media only screen and (max-width: 959px) {
#Mcontainer{width:100%;height:100% !important;margin:0;padding:2em 0.5em 2em 0.5em;}
#Mcontainer:after {content:''; clear:both; display:block;}
.Mcontainer_b{width:100%;min-height: 110px; background: url("../images/bg.jpg")no-repeat right 0  top 0;}	
	
}


/*Iimg02_block*/
#Iimg02_block{width:100%;height:auto; opacity: 0;background: rgba(255,255,255,1)}
#Iimg02_block.is-active{opacity: 1;animation-duration: 1.5s; animation-name: gra;animation-iteration-count:  1;animation-direction: alternate;animation-timing-function: linear;}
#Iimg02_block img{border: 0;}



@keyframes gra {

  0% {
    opacity: 0;

    transform: translateY(-100px)
  }

  100% {
    opacity: 1;

    transform: translateY(0)
  }	 
	 
}	




/*Iimg03_block*/

#Iimg03_block{width:100%;opacity: 0;background: rgba(255,255,255,1)}
#Iimg03_block.is-active{opacity: 1;animation-duration: 1.5s; animation-name: gra01;animation-iteration-count:  1;animation-direction: alternate;animation-timing-function: linear;}


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

}



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

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

@keyframes gra01 {

  0% {
    opacity: 0;

    transform: translateY(100px)
  }

  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:#ffffff;padding-bottom: 0em;}


#Iimg04_block #Iimg04_img01{width:33.33%;opacity: 0;}
#Iimg04_block #Iimg04_img02{width:33.33%;opacity: 0;}
#Iimg04_block #Iimg04_img03{width:33.33%;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{width:100%;background:#9cc9e4;padding:4em 4.5em 4em 3em}
#Iimg05_block .text03_block .text03_note .title{font:2.5rem "微軟正黑體";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:#9cc9e4;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:1.2rem "微軟正黑體";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:#1d7ac0;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:#1d7ac0;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.8rem "微軟正黑體";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:2.5rem "微軟正黑體";font-weight: 700; color:#1d7ac0;padding-bottom:1em;opacity: 0;}

#Aimg03_block .text02_block .note .Mtitle{font:1.8rem "微軟正黑體";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.8rem "微軟正黑體";font-weight: 500;line-height: 2.365625em; bottom: 0;left:-13em;width:auto; z-index: 2;padding:2em 77px 2em 99px;background:#dce8e9;}
#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.8rem"微軟正黑體";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.8rem "微軟正黑體";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:2.5rem "微軟正黑體";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.8rem "微軟正黑體";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:2.5rem "微軟正黑體";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:2.5rem "微軟正黑體";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.8rem "微軟正黑體";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:2.5rem "微軟正黑體";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.8rem "微軟正黑體";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:2.5rem "微軟正黑體";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.8rem "微軟正黑體";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:2.5rem "微軟正黑體";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.8rem "微軟正黑體";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:2rem "微軟正黑體";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:2.3rem "微軟正黑體";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:2.5rem "微軟正黑體";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:2rem  "微軟正黑體";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:2rem  "微軟正黑體";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:2rem  "微軟正黑體";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.9em 0.5em 3.6em 0.5em;}
#footer_block .text03-1{width:250px;}
#footer_block .text03-2{width:calc(100% - 110px - 250px);}

#footer_block .text03-2 #flink_block {width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;}
#footer_block .text03-2 #flink_block #title{width:120px;font:1.6rem "微軟正黑體";font-weight:700;color:#000;margin:0 0 0.5em 0}
#footer_block .text03-2 #flink_block #title a{color:#000;}
#footer_block .text03-2 #flink_block #title a:hover{color:#000;}

#footer_block .text03-2 #flink_block #titleSP{width:100%;font:1.6rem "微軟正黑體";font-weight:700;color:#000;margin:0 0 0.5em 0}
#footer_block .text03-2 #flink_block #titleSP a{color:#000;}
#footer_block .text03-2 #flink_block #titleSP a:hover{color:#000;}

#footer_block .text03-2 #flink_block #column_list_block{width:calc(100% - 120px);font:1.6rem "微軟正黑體";font-weight:500;display: flex;gap:0.7em}
#footer_block .text03-2 #flink_block #column_list_block a{color:#464646;margin:0;padding:0 5px 0 0;}
#footer_block .text03-2 #flink_block #column_list_block a:hover{color:#000000}
#footer_block .text03-2 #flink_block #column_list_block .span{position: relative;padding:0 0 0 10px;}
/*#footer_block .text03-2 #flink_block #column_list_block .span::before{position: absolute;left:0;top:3px;content:'';width:5px;height: 15px;background:url("../images/footer_i.png")no-repeat center center;}*/

#footer_block .text03-2 .P_T_block{width:100%;font:1.4rem "微軟正黑體";padding-top:2em;color:#1d7ac0;}
#footer_block .text03-2 .P_T_block a{color:#1d7ac0;}
#footer_block .text03-2 .P_T_block a:hover{color:#1d7ac0;}

@media screen and (max-width: 959px) {
#footer_block .text03-2 .P_T_block span{display: block;}
}
#footer_block .text03-3{width:110px;text-align: right;}
#footer_block .text03-3 a{color:rgba(0,0,0,0.7);background:url(../images/footer_icon.svg)  no-repeat;height:30px;/*width:30px;*/display:block;/*text-indent:-9999px;*/	text-align:left;}
#footer_block .text03-3 a.facebook_icon{background-position:0 0;margin-bottom: 0.5em;padding-left:35px;width:30px;font:1.3rem "微軟正黑體";font-weight: 700;display: flex;align-items: center}
#footer_block .text03-3 a.ig_icon{background-position:0px -30px;margin-bottom: 0.5em;padding-left:35px;font:1.3rem "微軟正黑體";font-weight: 700;display: flex;align-items: center}
#footer_block .text03-3 a.line_icon{background-position:0px -60px;margin-bottom: 0.5em;padding-left:35px;font:1.3rem "微軟正黑體";font-weight: 700;display: flex;align-items: center}
#footer_block .text03-3 a.yt_icon{background-position:0px -90px;margin-bottom: 0.5em;padding-left:35px;font:1.3rem "微軟正黑體";font-weight: 700;display: flex;align-items: center}


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


@media screen and (max-width: 575px) {
	
#copy_block .copy_block{width:100%;font:calc(1.4rem*0.8) "微軟正黑體";color:#676767;text-align: center;} 	
#copy_block .copy_block .space{display: none;}
#copy_block .copy_block span{display:block;}	

}

.Mtitle{width: 100%;text-align: center; font:2.7rem "微軟正黑體";font-weight:700;color:#000000;padding:0;margin:0 0 1em 0;}

.Mtitle00{width: 100%;text-align: center; font:4rem "微軟正黑體";font-weight:700;color:#000000;padding:0;margin:1em 0 1em 0;}

/*login_block*/
#loginbg{background:#f6f6f6;padding:2em;margin:0 4em;}
#loginbg .text01_1{width:100%;font:2rem "微軟正黑體";font-weight: 700;padding:0.2em;color:#282828;}
#loginbg .text01_1 .input{padding:0.5em 0.3em;font:1.7rem "微軟正黑體";border: 1px solid #c5c5c5;width:calc((100% - 2px) - 0.6em);}
#loginbg .button_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;padding:0.5em 0;}

#loginbg .button_block .text04_1{width:calc((100%/4) - 0.4em);margin:0 0.2em;}

#loginbg .button_block .text04_1 #addbutton a{display: inline-block;background: #fea621;color:#ffffff;font:2rem "微軟正黑體";font-weight: 700;padding:0.52em 2em;border-radius: 3px}
#loginbg .button_block .text04_1 #addbutton a:hover{display: inline-block;background: #ae6b06;color:#ffffff;padding:0.52em 2em;border-radius: 3px;}
#loginbg .button_block .text04_1 #loginbutton a{display: inline-block;background: #2e58a6;color:#ffffff;font:2rem "微軟正黑體";font-weight: 700;padding:0.52em 3em;border-radius: 3px}
#loginbg .button_block .text04_1 #loginbutton a:hover{display: inline-block;background: #1c448e;color:#ffffff;padding:0.52em 3em;border-radius: 3px;}
#loginbg .button_block .text04_1 #Non-member a{display: inline-block;vertical-align: middle; background: #2bb912;color:#ffffff;font:2rem "微軟正黑體";font-weight: 700;padding:0.52em 1.1em;border-radius: 3px}
#loginbg .button_block .text04_1 #Non-member a:hover{display: inline-block;vertical-align: middle;background: #22930e;color:#ffffff;padding:0.52em 1.1em;border-radius: 3px;}




#loginbg .button_block span{display: inline-block;margin:0 0.5em}


/*adlogin*/
#Adlogin_block{width:calc(100% - 2em);margin:1em;font:1.8rem "微軟正黑體";font-weight:600;border-radius: 10px; background: rgba(0,0,0,0.07);}
#Adlogin_block .login_l{width:100%;padding:1em;}
#Adlogin_block .login_r{width:100%;}
#Adlogin_block .login_r .Addform{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding:1em;}
#Adlogin_block .login_r .Addform .text02_1{width:220px;padding:0.5em 1em;text-align: right;}
#Adlogin_block .login_r .Addform .text02_2{width:calc(100% - 220px);padding:0.5em 1em;color:rgba(0,0,0,0.7);font-weight: 600}
#Adlogin_block .login_r .Addform .text02_2 .input{width:500px;border: 1px solid rgba(0,0,0,0.2);padding:0.5em}
#Adlogin_block .login_r .Addform .text02_2 .input01{width:300px;border: 1px solid rgba(0,0,0,0.2);padding:0.5em}

#Adlogin_block .login_r .Addform .text02_2 .checkbox_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content: flex-start;align-items: flex-start;}
#Adlogin_block .login_r .Addform .text02_2 .checkbox_block .cblock{padding:0 0.5em;}


/*password*/
#passwordbg_block{margin:0 20%;padding:1em;font:1.8rem "微軟正黑體";font-weight:600;border-radius: 5px;  background: rgba(0,0,0,0.07);}

#passwordbg_block #password_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;}
#passwordbg_block #password_block .password_l{width:100%;}
#passwordbg_block #password_block .password_r{width:100%;}
#passwordbg_block #password_block .password_r .inputblock{width:100%;padding:0.5em;font:1.7rem "微軟正黑體";color:rgba(0,0,0,0.7);font-weight:700;}
#passwordbg_block #password_block .Minput{width:100%;border: 1px solid rgba(0,0,0,0.2);padding:0.5em;margin: 0.5em 0;}

.ordercart_note01{font:1.7rem "微軟正黑體";font-weight: 700; color:#282828;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding:0.5em 1.5em;}
.ordercart_note01 input{border:1px #a5a5a5 solid;background:#ffffff;padding:5px;width:calc(100% - 52px);}
.ordercart_note01 .txtArea01{width:15%;text-align:center;padding:10px 0;}
.ordercart_note01 .txtArea02{width:15%;text-align:center;padding:10px 0;}
.ordercart_note01 .txtArea03{width:10%;padding-left:1%;}

.ordercart_note01 .txtArea03 .backbu a{font:1.6rem "微軟正黑體";font-weight:700;width:auto;height:auto;padding:0.5em 1em;background:#666666;color:#ffffff;display:inline-block;text-align:center;margin:12px 5px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.ordercart_note01 .txtArea03 .backbu a:hover{width:auto;height:auto;padding:0.5em 1em;background:#000000;color:#ffffff;display: inline-block;text-align:center;margin:12px 5px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

.ordercart_note01 .txtArea04{width:20%;padding:20px 0;}
.ordercart_note01 .txtArea05{width:35%;text-align:right;padding:20px 0;}


#ordercart_note_block{width:100%;background:#f6f6f6;padding:1em;font:2rem "微軟正黑體";font-weight: 700;color:#282828;}
#ordercart_note_block .text01_1{width:100%;padding:0.2em 0;}
#ordercart_note_block .text01_1 .input{width:150px;border: 1px solid rgba(0,0,0,0.2);padding:0.5em}

/*客戶問答*/

.message_block{margin:1% 0;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 0.7em 1.5em;border-bottom: 2px solid #000000;}
.message_block:after {content:''; clear:both; display:block;}

/*.message_block .Frometitle{width:100%;font:2rem "微軟正黑體";font-weight:700;color:#282828;}*/

.message_block .Frometitle{font:2rem "微軟正黑體";font-weight: 700;color:#282828;background:url(../images/qu_icon.svg) no-repeat left 0;padding-left: 25px;width: calc(100% - 25px);}
.message_block .Fromedate{width:calc(50% - 25px);margin-left: 25px; font:1.6rem "微軟正黑體";color:#7B7B7B;}
.message_block .Frometime{width:50%;font:1.6rem "微軟正黑體";color:#7B7B7B;text-align:right;}
.content_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;}
.content_block .img{width:200px;padding:0.5em;}
.content_block .content{width:calc(100% - 200px);padding:0.5em;margin:1% 0;font:1.7rem "微軟正黑體";color:#282828;}
.content_block .content00{width:100%;padding:0.5em;margin:1% 0;font:1.7rem "微軟正黑體";color:#282828;}



.remessage_block{margin:1% 0;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 0.7em 1.5em;}
.remessage_block .Fromedate{width:50%;float:left;font:1.7rem "微軟正黑體";font-weight: 700; color:#17599c;}
.remessage_block .Fromedate span{font:1.3rem '微軟正黑體';background:#fc5a8f;color:#ffffff;padding:3px;margin-right:5px;border-radius: 3px;}
.remessage_block .Frometime{width:50%;float:right;font:1.6rem "微軟正黑體";color:#7B7B7B;text-align:right;}
.remessage_block .content_block{width:100%;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;border-bottom:1px dotted #A0A0A0;}

.remessage_block .content_block .img{width:200px;padding:0.5em;}
.remessage_block .content_block .content{width:calc(100% - 200px);padding:0.5em;margin:1% 0;font:1.7rem "微軟正黑體";color:#282828;}
.remessage_block .content_block .content00{width:100%;padding:0.5em;margin:1% 0;font:1.7rem "微軟正黑體";color:#282828;}



.member_title{font:2rem "微軟正黑體";font-weight: 700;color:#282828;background:url(../images/qu_icon.svg) no-repeat left 15px;width: calc(100% - 30px);padding: 0.7em 0 0.7em 30px;border-bottom: 2px solid #000000;}


/*bottom news*/
.news_more{padding:1em 0.5em;}
.news_more .title{font:1.6rem "微軟正黑體";font-weight:700;text-align:center;background:linear-gradient(180deg, #ffffff 0%, rgba(0, 0, 0, 0.3) 100%);border-radius: 10px;border: 1px solid rgba(0, 0, 0, 0.3);color:rgba(0,0,0,0.8);padding:0.7em 0;}
.news_more .news_more_block{width:100%;font:1.6rem "微軟正黑體";font-weight:700;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;padding:0.5em 0;}
.news_more .news_more_block .txt_block{width:calc(100% - 26px);background:url(../images/more_icon.jpg) no-repeat left 2px;padding-left:27px;margin:0.2em 0;}
.news_more .news_more_block .dotted_line{float:left;width:100%;height:auto !important;margin-bottom:5px;background-image: linear-gradient(to right, #8f8f8f 40%, rgba(143, 143, 143, 0) 40%);background-position: bottom;background-size: 4px 1px;background-repeat: repeat-x;padding-bottom:5px;}

.news_more .news_more_block a{color:rgba(0,0,0,0.8);}
.news_more .news_more_block a:hover{color:#000000;}

/**/
#productst{width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;}
#productst #list{width:calc(50% - 3em);margin:1.5em;}



#product_list_block #product_list_content .note{width: 100%;padding:0;min-height: 90px;} 
#product_list_block #product_list_content .note .Proname{width: 100%;font:3.5rem "微軟正黑體";font-weight:700;} 
#product_list_block #product_list_content .note .Price{width: 100%;font:1.6rem "微軟正黑體";font-weight:500;color: #b2100b} 

#product_list_block #product_list_content .note .Price .RPrice{padding:0 0.7em;color: #b2100b;font:2.2rem "微軟正黑體";font-weight:800;}



/*product_list_block*/
#product_list_block{width:100%;float:left;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items:stretch;padding:1em 0;height: auto;}
#product_list_block #product_list_img{width:40%;margin:0 5em 0 0}
#product_list_block #product_list_img img{width:100%;max-width: 100%;}
#product_list_block #product_list_content{width:calc(100% - 40% - 5em);}
#product_list_block #product_list_content .product_title{width:100%;font:2.7rem "微軟正黑體";font-weight: 700;margin:0 0 1em 0;color:#000000;}
#product_list_block #product_list_content .product_subtitle{width:100%;font:2.2rem "微軟正黑體";font-weight: 700;color:#000;text-decoration:solid #cd1131 underline ;text-underline-offset: 5px;}

#product_list_block #product_list_content .product_note{width:100%;font:1.5rem "微軟正黑體";font-weight: 400;color:#747474;margin:1em 0;padding:0.5em;border-radius: 10px; background: rgba(0,0,0,0.05)}

#product_list_block #product_list_content .product_note ul {list-style:disc;padding:0 0 0 2em;}
#product_list_block #product_list_content .product_note ol {list-style:decimal;padding:0 0 0 2em;}


#product_list_block #product_list_content #but_product_list{padding: 1em 1em 0 0;text-align:left}
#product_list_block #product_list_content #but_product_list a span{width:130px;font:1.8rem "微軟正黑體";font-weight: 700;display: inline-block;background:#17599c;color:#ffffff;border-radius: 5px;padding:0.3em 1em;}
#product_list_block #product_list_content #but_product_list a:hover span{background:#000;}

#product_list_block #product_list_content #but_soldout{padding: 1em 1em 0 0;text-align:left}
#product_list_block #product_list_content #but_soldout span{width:130px;text-align: center;  font:1.8rem "微軟正黑體";font-weight: 700;display: inline-block;background:#797979;color:#ffffff;border-radius: 5px;padding:0.3em 1em;}



/*
#product_list_block #product_list_content .more_href a{font:1.5rem "微軟正黑體";font-weight: 700;color:rgba(69,69,69,1.00);text-decoration:underline;}
#product_list_block #product_list_content .more_href a:hover{color:#000;}*/

#product_list_block #product_list_content .more_href a span {font:1.5rem "微軟正黑體";font-weight: 700;color:#fff;background:rgba(69,69,69,0.7);padding:0.4em 1em;border-radius: 5px; display: inline-block;}
#product_list_block #product_list_content .more_href a:hover span{background: #000;color:#fff;}

/*product_content*/
#product_content_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items:stretch;padding:1em 0;height: auto;}
#product_content_block #product_img{width:calc(50% - 1em);margin: 0 1em 0 0;}
#product_content_block #product_img img{width:100%;max-width: 100%;}
#product_content_block #product_content{width:calc(100% - 50%);}
#product_content_block #product_content .product_category{width:100%;}
#product_content_block #product_content .product_category span{display: inline-block;border-radius: 3px;padding:0.2em 1em;background:#0D4086;color:#ffffff;font:10.5pt "微軟正黑體";font-weight:700;}
#product_content_block #product_content .product_title{width:100%;font:2.7rem "微軟正黑體";font-weight: 700;margin:0 0 1em 0;color:#0D4086;}
#product_content_block #product_content .product_subtitle{width:100%;font:2.2rem "微軟正黑體";font-weight: 700;margin:0 0 0.5em 0;color:#000000;}
#product_content_block #product_content .product_note{width:100%;/*font:1.6rem "微軟正黑體";*/font-weight: 400;color:#747474;margin:1em 0 0 0;}


#product_content_block #product_content .price_block{width:100%;padding:0em;margin-top:1em;}
#product_content_block #product_content .price_block .Prime_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:center;  height: auto;padding:0 0 1em 0;;}
#product_content_block #product_content .price_block .Prime_block .PrimeCost{line-height: 30px; color:#8d8d8d;font:1.6rem "微軟正黑體";font-weight:700;text-decoration: line-through;margin-right:1em;}
#product_content_block #product_content .price_block .Prime_block .Price_name{line-height: 30px;color:#8d8d8d;font:1.6rem "微軟正黑體";font-weight:700;}
#product_content_block #product_content .price_block .Prime_block .Price{color:#b2100b;font:2.2rem "微軟正黑體";font-weight:700;}
#product_content_block #product_content .price_block .Prime_block .Price_note{line-height: 30px;color:#b2100b;font:1.6rem "微軟正黑體";font-weight:700;}

#product_content_block #product_content .price_block .add_cart_button a{width:130px;text-align: center;text-decoration: none; font:1.8rem "微軟正黑體";font-weight:700;color:#ffffff;display: inline-block;background:#17599c;padding:0.3em 1em;border-radius: 5px;}
#product_content_block #product_content .price_block .Sold_out_button span{width:130px;text-align: center;font:1.8rem "微軟正黑體";font-weight:700;color:#ffffff;display: inline-block;background:#797979;padding:0.3em 1em;border-radius: 5px;}





#product_note_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items:stretch;padding:1em 0;height: auto;}
#product_note_block .product_note_img{width:100%;text-align: center;}
#product_note_block .product_note_img img{width:70%;max-width: 70%;}
#product_note_block .product_note_title{width:100%;height:auto !important;margin-top: 2em; margin-bottom:10px;border-bottom:1px solid rgba(0,0,0,0.5); padding-bottom:0px;}
#product_note_block .product_note_title span{font:1.7rem "微軟正黑體";font-weight: 700;width:100px;text-align: center; letter-spacing: 2px; border-bottom:3px solid #0D4086 ; color:#4E4E4E;display:inline-block;}
#product_note_block .product_note_content{width:100%;color:#4A4A4A;margin-top: 1em;line-height: 28px;}

#product_note_block .product_note_content ul {list-style:disc;padding:0 0 0 2em;}
#product_note_block .product_note_content ol {list-style:decimal;padding:0 0 0 2em;}
#product_note_block .product_note_content img{max-width: 100%;height: auto;}

#product_note_block .product_video_content{width:100%;margin-top: 1em}
#product_note_block .product_video_content .video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
#product_note_block .product_video_content .video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}

/*new_list*/

.news_list_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;margin:2em 0;}

.news_list_block .txt02_1{width:120px;color:#8c8c8c;}
.news_list_block .txt02_2{width:calc(100% - 120px);font:1.7rem "微軟正黑體";font-weight:700;}
.news_list_block .news_line{float:left;width:100%;height:auto !important;margin-bottom:15px;background-image: linear-gradient(to right, #a7a7a7 40%, rgba(167, 167, 167, 0) 40%);background-position: bottom;background-size: 4px 1px;background-repeat: repeat-x;padding-bottom:15px;}
.news_list_block  a{color:#353535;}
.news_list_block  a:hover{color:#000000;}

/*news_content*/
#news_title_block{width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;margin:0 0 10px 0;padding:0 0 0.5em 0;border-bottom: 1px solid rgba(0,0,0,0.2)}
#news_title_block .cate{width:130px}
#news_title_block .cate span{font:1.4rem '微軟正黑體';font-weight:700;display:inline-block;background:rgba(0,0,0,0.1);padding:0.2em 1.5em;border-radius: 30px;}
#news_title_block .Ntitle01{width:calc(100% - 130px);font:1.8rem "微軟正黑體";font-weight: 700;color:#000;margin:0;padding:0 0 0 0.5em;}	


.news_content_note{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;}
.news_content_note .file_block{width:calc(100% - 100px;)}
.news_content_note .fb_block{width:100px;}


.news_content{font:1.7rem "微軟正黑體";line-height:25px;letter-spacing:1px;min-height:300px;font-weight:700;color:#535353;margin:0 0 1em 0;padding:0.5em 1em 1em 1em;background:rgba(0,0,0,0.05) ;}
.news_content a{color:#FF6E00;}
.news_content a:hover{color:#000000;}
.news_content ul {list-style:disc;padding:0 0 0 2em;}
.news_content ol {list-style:decimal;padding:0 0 0 2em;}
.news_content img{display: block;}


#news_photo_list_block{width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;}
#news_photo_list_block .list{width:calc(100%/5);padding:0.5em;}
#news_photo_list_block .list .photo{width:100%;}


/*full_page*/
#M_content{width:100%;font:1.7rem "微軟正黑體";color:rgba(0,0,0,0.7);line-height:28px;font-weight:400;letter-spacing:1px;padding: 0;}

#M_content ul {list-style:disc;padding:0 0 0 2em;}
#M_content ol {list-style:decimal;padding:0 0 0 2em;}

#M_content a{color:rgba(0,0,0,0.7)}
#M_content a:hover{color:rgba(0,0,0,1.00)}

.freight_block {font:2rem "微軟正黑體";font-weight: 700;width:calc(100% - 2em);display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 0.7em 1em;}

.freight_block .text01_1{width:calc(100% - 1em);padding:1em 1em 1em 0;text-align:right;}
.freight_block .nt02{font:1.8rem Arial;font-weight:700;color:#b2100b;margin-left:5px;letter-spacing:2px;}
.freight_block .mk02{font:2.2rem Arial;font-weight:700;color:#b2100b;margin:0 5px;}

/*********************************mobile*************************************/
/*font style*/


@media screen and (min-width: 992px) and (max-width: 1199px) {
.header .navbar_nav{font:calc(1.8rem*0.8) "微軟正黑體";font-weight:700;}

}

@media (min-width: 1200px) {
.header .navbar_nav{font:1.8rem "微軟正黑體";font-weight:700;}
	
}

/*****************************/


#m_title{display:none;}
@media screen and (max-width: 959px) {
#m_title{width:100%;height: 42px; background:rgba(255,255,255,1);display:block;}	
}

@media screen and (min-width: 768px) and (max-width: 991px) {
.header .nav{width:63%; float: right;/*background:rgba(0,255,255,0.5);*/margin-top: 0px;padding:0;font:calc(2rem*0.8) "微軟正黑體";font-weight:700;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;height:auto;}
	
.header .navbar_nav{padding: 0;margin: 0;float:right;font:calc(2rem*0.8) "微軟正黑體";font-weight:700;}
.header .navbar_nav li{float:left;position:relative;display:block;line-height:calc(30px*0.8);text-align: center;}

.header .navbar_nav li a{text-decoration:none;height:100%;padding:calc(0.3em*0.8) calc(1.3em*0.8);display:block;color:#c6aa92;font:calc(2rem*0.8) "微軟正黑體";font-weight:700;}
.header .navbar_nav li:hover a{color:#c6aa92;padding:calc(0.3em*0.8) calc(1.3em*0.8);display:inline-block; background:rgba(255,255,255,0.5);border-radius: 25px;animation-name: flipInX;animation-duration: 1s;animation-iteration-count:  1, 0;animation-direction: alternate;}

}

@media screen and (max-width: 992px) { 
	.img-responsive img{width:100%;max-width: 100%;}
}


@media screen and (max-width: 575px) {

#Iimg02_img_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;}
#Iimg02_img_block #Iimg02_photo{width:100%;background: #ffffff;padding-right: 0em}
#Iimg02_img_block #Iimg02_photo img{width:100%;max-width: 100%;}	


#Iimg02_img_block #Iimg02_note_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;}
#Iimg02_img_block #Iimg02_note_block .Iimg02_text{width:100%;}
#Iimg02_img_block #Iimg02_note_block .Iimg02_text .desk_Text{width:100%;display: none;}
#Iimg02_img_block #Iimg02_note_block .Iimg02_text .mobile_Text{width:100%;display: block}
#Iimg02_img_block #Iimg02_note_block .Iimg02_text .mobile_Text img{width: 100%;max-width: 100%;}
	
/*Iimg03_block*/
#Iimg03_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/mobile_04_bg.jpg)no-repeat right top;}

/*Iimg04_block*/

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

/*Iimg05_block*/
#Iimg05_block .text01_block{display: none;}	
#Iimg05_block .text02_block{width:100%;background: #d5c1b1;display: none;}	
#Iimg05_block .text02_block .text02_img{padding:0em}	
		
#Iimg05_block .text03_block{width:100%;}

    
    
    
.carousel_logo{display: none;}	
.carousel_link{display: none;}	
	
	
/*Ilink*/
#Ilink_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height:auto;background:#9cc9e4;padding:1.9375em 0 1.1875em 0;}	
#Ilink_block #Ilink_item{width:calc((100%/1) - 0px);padding:0 4.5em; 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: 0px solid #ffffff;}

#Ilink_Space{width: 100%;height: 2.5625em;background: #ffffff;}	

	
/*Aimg01_block*/
#Aimg01_block{width:100%;height: auto;padding:0em 0 4em 0;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height:auto;background:#ffffff url(../images/mobile_04_bg.jpg) no-repeat right top;}	
#Aimg01_block .text01_block{display: none;}
#Aimg01_block .Mob{display:inline-block;width:100%;margin:1.8rem 0 0 1em}		
#Aimg01_block .text02_block{width:calc(100% - 0%) ;height: auto; margin:2.8125em 0 0 0;padding:0 15%;}	

#Aimg01_block .text02_block .Ttitle{width:100%;font:1.4rem "微軟正黑體";font-weight: 700; color:#1d7ac0;padding-bottom:2em;display:flex;flex-wrap: wrap;justify-content: center;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01{width:225px;background:rgba(255,255,4,0);display:flex;flex-wrap: wrap;justify-content: center;}
	
#Aimg01_block .text02_block .note_block{width:100%;padding:0;}	
#Aimg01_block .text02_block .note_block .note{opacity: 0;font:0.5em "微軟正黑體";font-weight: 700; color:#AB8C71;line-height:2.25em;text-align: center}
#Aimg01_block .text02_block .note_block .note p{font:0.75em "微軟正黑體";font-weight: 900;line-height:2.25em;margin-top: 1.9em;color:#A17B5D;}

/*Aimg02_block*/
#Aimg02_block{width:100%;height: auto;padding:0em 0 0 0;display:flex;flex-wrap: wrap;justify-content: center;align-content: center;align-items: center;height:auto;background:#ffffff url(../images/Aimg02_spacer.jpg)no-repeat left 4em;}
#Aimg02_block div{width:100%;background:rgba(255,163,0,1;);padding:0 5%}	

/*Aimg02_s_block*/
#Aimg02_title_block{width:100%;padding:3em 0;}
#Aimg02_title_block .Aimg02_title{width:100%;opacity:1;padding:0 5%}	
#Aimg02_title_block .Aimg02_title img{width:50%;max-width: 50%;height: auto;}		
#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 .photo01{width:calc((100% - 25px)/2);margin-right:25px; opacity: 0;}
#Aimg02_s_block .Aimg02_s_photo .photo02{width:calc((100% - 25px)/2);margin-right:0px; opacity: 0;}
#Aimg02_s_block .Aimg02_s_photo .photo03{width:calc((100% - 25px)/2);margin-right:25px; opacity: 0;}
#Aimg02_s_block .Aimg02_s_photo .photo04{width:calc((100% - 25px)/2);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%;}

	
/*Aimg03_block*/	
	
#Aimg03_block{width:100%;height: auto;padding:0 0 1.25em 0;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height:auto;background:#ffffff url(../images/mobile_04_bg.jpg)no-repeat right top;}
#Aimg03_block .text01_block{display: none;}
#Aimg03_block .Mob{display:inline-block;width:100%;margin:1.8rem 0 0 1em}	
	
#Aimg03_block .text02_block{width:calc(100% - 2em);height: auto; margin:1em;}
#Aimg03_block .text02_block .Ttitle{font:1.4rem "微軟正黑體";font-weight: 700; color:#1d7ac0;padding-bottom:2em;}
#Aimg03_block .text02_block .note .Mtitle{font:0.5em "微軟正黑體";font-weight: 700; color:#635e5e;line-height:2.25em}
#Aimg03_block .text02_block .note{font:0.375em "微軟正黑體";font-weight: 700; color:#948a87;line-height:2.25em}	

/*Aimg04_block*/	
	
#Aimg04_block{padding-bottom: 0em; display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;background:#d7cdc0;}

#Aimg04_block .text01_block{width:70%;margin-right: 30%;padding-top:2em;opacity: 0;}	
#Aimg04_block .text01_block img{width:100%;max-width: 100%;height: auto;}
	
	
#Aimg04_block .text02_block{width:calc(100% - 0%);margin-left:0%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;}
#Aimg04_block .text02_block .photo{width:100%;padding: 0 0 2em 15%;}
#Aimg04_block .text02_block .photo img{width:100%;max-width: 100%;height: auto;}
	
#Aimg04_block .text02_block .position-relative{display: none; }	
#Aimg04_block .text02_block .Mnote_block{display:inline-block;width:100%;background:#ebe3da;}
#Aimg04_block .text02_block .Mnote_block.is-active{color:#645e5f;font:0.496875em "微軟正黑體"; padding:2em 10% 2em 33%;font-weight: 500;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((100%/1) - 1em);margin:0 0.5em calc(14em*0.4) 0.5em;opacity: 0;}
#Aimg05_block .photo02{ width:calc((100%/1) - 1em);margin:0 0.5em calc(14em*0.4) 0.5em;opacity: 0;}
#Aimg05_block .photo03{ width:calc((100%/1) - 1em);margin:0 0.5em calc(14em*0.4) 0.5em;opacity: 0;}
#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((100%/1) - 1em);margin:0 0.5em calc(14em*0.4) 0.5em;background:rgba(0,0,0,1);}
#Aimg05_block .photo02.is-active.is-hover{ width:calc((100%/1) - 1em);margin:0 0.5em calc(14em*0.4) 0.5em;background:rgba(0,0,0,1);}
#Aimg05_block .photo03.is-active.is-hover{ width:calc((100%/1) - 1em);margin:0 0.5em calc(14em*0.4) 0.5em;background:rgba(0,0,0,1);}
	
	
#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:calc(2.5rem*0.75)  "微軟正黑體";font-weight: 700;color:#ffffff;position: absolute;width:220px;height: 100px;top:calc(4em*0.25);left:calc(2em*0.25);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:calc(20.4375em*0.65);height:calc(19.5625em*0.65);border-radius: 50%;display:flex;align-items: center;justify-content: center;}
#Aimg05_block .photo01.is-hover .note_block .circle_block .circle{font:calc(1.8rem*0.75) "微軟正黑體";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:calc(2.5rem*0.75)  "微軟正黑體";font-weight: 700;color:#ffffff;position: absolute;width:220px;height: 100px;top:calc(4em*0.25);left:calc(2em*0.25);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:calc(20.4375em*0.65);height:calc(19.5625em*0.65);border-radius: 50%;display:flex;align-items: center;justify-content: center;}
#Aimg05_block .photo02.is-hover .note_block .circle_block .circle{font:calc(1.8rem*0.75) "微軟正黑體";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:calc(2.5rem*0.75)  "微軟正黑體";font-weight: 700;color:#ffffff;position: absolute;width:220px;height: 100px;top:calc(4em*0.25);left:calc(2em*0.25);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;background:rgba(235,227,218,1);width:calc(20.4375em*0.65);height:calc(19.5625em*0.65);border-radius: 50%;display:flex;align-items: center;justify-content: center;}
#Aimg05_block .photo03.is-hover .note_block .circle_block .circle{font:calc(1.8rem*0.75) "微軟正黑體";font-weight: 500;color:#635e5e;}

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

#Cimg01_block .text01_block{display: none;}
#Cimg01_block .text02_block{width:calc(100% - 0%);height: auto; margin:3.9375em 0 0 0;}			

#Cimg01_block .text02_block .Ttitle{font:1.4rem "微軟正黑體";font-weight: 700; color:#ffffff;padding-bottom:2.6875em;}

#Cimg01_block .text02_block .note_block{width:100%;}
#Cimg01_block .text02_block .note_block input{width: 100%; font:0.535625em  "微軟正黑體";font-weight:500;width:100%; 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:0.343125em  "微軟正黑體";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:0.4825em  "微軟正黑體";font-weight:500;dispaly:inline-block;padding:0.6em 3em 0.6em 1.7em; border-radius: 50px;background: #A17B5D url(../images/send_arrow.svg)no-repeat right 0.2em;background-position:90% 50%;color:#ffffff;}

/*Simg01_block*/

#Simg01_block{width:100%;height: auto;padding:0em 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/mobile_04_bg.jpg)no-repeat right top;}
#Simg01_block .text01_block{display: none;}
#Simg01_block .Mob{display:inline-block;width:100%;margin:1.8rem 0 0 1em}		
#Simg01_block .text02_block{width:calc(100% - 0em);height: auto; padding:3.4375em 0 0 0;}

	
/*Simg02_block*/
#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_mob.jpg) no-repeat /*bottom center*/;background-position: 50% 110%;}

#Simg02_block .text01_block{width:auto;height: auto; margin:0 2%;}	
#Simg01_block .text02_block .title{font:0.75em "微軟正黑體";font-weight: 700;width:100%;text-align: center;color:#A17B5D;}

#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:0.958125em  "微軟正黑體";font-weight:700;color: #ffffff;}
#Simg02_block .text01_block .product_block .name{width:100%;font:0.47375em  "微軟正黑體";font-weight:700;color: #ffffff;line-height: 1.48375em;padding-top:0.2em ;}
#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;padding-top:0.2em;}
#Simg02_block .text01_block .product_block .but_block .text02_1{width:50%;font:0.47375em  "微軟正黑體";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: .5em;}
#Simg02_block .text01_block .product_block .but_block .text02_2 .b_send{font:0.47375em  "微軟正黑體";font-weight:700;dispaly:inline-block;padding:0.6em 4em 0.6em 1.7em; border-radius: 50px;background: #E6DED0 url(../images/send_arrow01.svg)no-repeat right 0.2em;background-position:90% 50%;color:#9D684A;}
	
/*login_block*/    
#loginbg{background:#f6f6f6;padding:2em;margin:0 0.5em;}	
#loginbg .button_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: center;align-items: stretch;height: auto;padding:0.5em 0;}	

#loginbg .button_block .text04_1{width:calc((100%/1) - 0.4em);margin:0.5em 0.2em;text-align: center;}
#loginbg .button_block .text04_1 #addbutton a{display: block;background: #fea621;color:#ffffff;font:2rem "微軟正黑體";width:auto;font-weight: 700;text-align: center; padding:0.52em 3em;border-radius: 3px;margin:0.3em 0em}
#loginbg .button_block .text04_1 #addbutton a:hover{display:  block;background: #ae6b06;color:#ffffff;padding:0.52em 3em;border-radius: 3px;}
	
	
#loginbg .button_block .text04_1 #loginbutton a{display: block;background: #2e58a6;color:#ffffff;font:2rem "微軟正黑體";width: auto;font-weight: 700;text-align: center; padding:0.52em 3em;border-radius: 3px;margin:0.3em 0em}
#loginbg .button_block .text04_1 #loginbutton a:hover{display: block;background: #1c448e;color:#ffffff;padding:0.52em 3em;border-radius: 3px;}
    
/*password*/
#passwordbg_block{margin:0 5%;padding:1em;font:1.8rem "微軟正黑體";font-weight:600;border-radius: 5px; background: rgba(0,0,0,0.07);}

    
    
/*login*/
#Adlogin_block{width:calc(100% - 1em);margin:0.5em;font:1.8rem "微軟正黑體";font-weight:600;border-radius: 10px; background: rgba(0,0,0,0.07);}
#Adlogin_block .login_l{width:100%;padding:1em;}
#Adlogin_block .login_r{width:100%;}
#Adlogin_block .login_r .Addform{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding:0.5em;}
#Adlogin_block .login_r .Addform .text02_1{width:100%;padding:0.25em 0.5em;text-align: left;}
#Adlogin_block .login_r .Addform .text02_2{width:100%;padding:0.25em 0.5em;}
#Adlogin_block .login_r .Addform .text02_2 .input{width:100%;border: 1px solid rgba(0,0,0,0.2);padding:0.25em}
#Adlogin_block .login_r .Addform .text02_2 .input01{width:100%;border: 1px solid rgba(0,0,0,0.2);padding:0.25em}

#Adlogin_block .login_r .Addform .text02_2 .checkbox_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content: flex-start;align-items: flex-start;}
#Adlogin_block .login_r .Addform .text02_2 .checkbox_block .cblock{padding:0 0.5em;}
    
.ordercart_note01{font:1.7rem "微軟正黑體";font-weight: 700; color:#282828;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding:0.5em 1em;}
.ordercart_note01 .txtArea01{width:35%;text-align:left;padding:5px 0;}
.ordercart_note01 .txtArea02{width:35%;text-align:left;padding:5px 0;}
.ordercart_note01 .txtArea03{width:30%;padding-left:0%;}

.ordercart_note01 .txtArea03 .backbu a{font:1.6rem "微軟正黑體";font-weight:700;width:auto;height:auto;padding:0.5em 1.7em;background:#666666;color:#ffffff;display:inline-block;text-align:center;margin:12px 2px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.ordercart_note01 .txtArea03 .backbu a:hover{width:auto;height:auto;padding:0.5em 1.7em;background:#000000;color:#ffffff;display: inline-block;text-align:center;margin:12px 2px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

.ordercart_note01 .txtArea04{width:100%;padding:0;}
.ordercart_note01 .txtArea05{width:100%;text-align:right;padding:0;}	
    
    
/*footer*/	
#footer_block .text03-1{width:100%;}
#footer_block .text03-2{width:100%;padding:0 0 0 0.5em;}	
    
#footer_block .text03-2 #flink_block {width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;}    
#footer_block .text03-2 #flink_block #title{width:100%;font:1.6rem "微軟正黑體";font-weight:700;color:#000;margin:0}
#footer_block .text03-2 #flink_block #column_list_block{width:100%;font:1.6rem "微軟正黑體";font-weight:500;display: grid;grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));gap:0em;margin:0 0 1em 0;}       
#footer_block .text03-3{width:100%;text-align: left;padding:1.5em 0 0 0.5em;}		         
    
/*bottom news*/
.news_more{padding:1em 0.5em;}
.news_more .title{font:1.5rem "微軟正黑體";font-weight:700;text-align:center;background:linear-gradient(180deg, #ffffff 0%, rgba(0, 0, 0, 0.3) 100%);border-radius: 10px;border: 1px solid rgba(0, 0, 0, 0.3);color:rgba(0,0,0,0.8);padding:0.7em 0;}
.news_more .news_more_block{width:100%;font:1.5rem "微軟正黑體";font-weight:700;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;padding:0.5em 0;}
   
 /*product_list_block*/

#product_list_block #product_list_img{width:100%;margin:0;}
#product_list_block #product_list_img img{width:100%;max-width: 100%;}	
#product_list_block #product_list_content{width:100%}	
    
 /*product_content*/

#product_content_block #product_img{width:calc(100% - 0em);margin: 0 0em 0 0;}
#product_content_block #product_img img{width:100%;max-width: 100%;}
#product_content_block #product_content{width:calc(100% - 0%);}
	
#product_note_block .product_note_img{width:100%;text-align: center;}
#product_note_block .product_note_img img{width:100%;max-width: 100%;}	
#product_note_block .product_video_content{width:100%;margin-top: 1em}
#product_note_block .product_video_content .video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
#product_note_block .product_video_content .video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}
#product_note_block .product_note_content img{width:100%;max-width: 100%}	   
    
    

#news_photo_list_block .list{width:calc(100%/2);padding:0.5em;}
    
/*product_list_block*/
#product_list_block{width:100%;float:left;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items:stretch;padding:1em 0;height: auto;}
    
 
/*客戶問答*/

.message_block{margin:1% 0;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 0.7em 1.5em;border-bottom: 2px solid #000000;}
.message_block:after {content:''; clear:both; display:block;}


.message_block .Frometitle{font:2rem "微軟正黑體";font-weight: 700;color:#282828;background:url(../images/qu_icon.svg) no-repeat left 0;padding-left: 25px;width: calc(100% - 25px);}
.message_block .Fromedate{width:calc(100% - 25px);margin-left: 30px; font:1.6rem "微軟正黑體";color:#7B7B7B;}
.message_block .Frometime{width:calc(100% - 25px);margin-left: 30px;font:1.6rem "微軟正黑體";color:#7B7B7B;text-align:left;}


.remessage_block{margin:1% 0;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 0.7em 0.5em;}
.remessage_block .Fromedate{width:100%;float:left;font:1.7rem "微軟正黑體";font-weight: 700; color:#17599c;}
.remessage_block .Fromedate span{font:1.3rem '微軟正黑體';background:#fc5a8f;color:#ffffff;padding:3px;margin-right:5px;border-radius: 3px;}
.remessage_block .Frometime{width:100%;float:right;font:1.6rem "微軟正黑體";color:#7B7B7B;text-align:left;margin:0.5em 0 0 0;}

    
    
    
.content_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;}
.content_block .img{width:100%;padding:0.5em;}
.content_block .content{width:100%;padding:0.5em;margin:1% 0;font:1.7rem "微軟正黑體";color:#282828;}
.content_block .content00{width:100%;padding:0.5em;margin:1% 0;font:1.7rem "微軟正黑體";color:#282828;}


.remessage_block .content_block{width:100%;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;border-bottom:1px dotted #A0A0A0;}

.remessage_block .content_block .img{width:100%;padding:0.5em;}
.remessage_block .content_block .content{width:100%;padding:0.5em;margin:1% 0;font:1.7rem "微軟正黑體";color:#282828;}
.remessage_block .content_block .content00{width:100%;padding:0.5em;margin:1% 0;font:1.7rem "微軟正黑體";color:#282828;}
   
    
 /*news_content*/
#news_title_block{width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;margin:0 0 10px 0;padding:0 0 0.5em 0;border-bottom: 1px solid rgba(0,0,0,0.2)}
#news_title_block .cate{width:100%}
#news_title_block .cate span{font:1.4rem '微軟正黑體';font-weight:700;display:inline-block;background:rgba(0,0,0,0.1);padding:0.2em 1.5em;border-radius: 30px;}
#news_title_block .Ntitle01{width:100%;font:1.8rem "微軟正黑體";font-weight: 700;color:#000;margin:0;padding:0.5em 0 0 0.5em;}	
   
    
}

@media screen and (max-width: 381px) {
/*Aimg01_block*/
#Aimg01_block{width:100%;height: auto;padding:0em 0 4em 0;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height:auto;background:#ffffff url(../images/mobile_04_bg.jpg) no-repeat right top;}	
#Aimg01_block .text01_block{display: none;}
#Aimg01_block .Mob{display:inline-block;width:100%;margin:1.8rem 0 0 1em}		
#Aimg01_block .text02_block{width:calc(100% - 0%) ;height: auto; margin:2.8125em 0 0 0;padding:0 10%;}	

#Aimg01_block .text02_block .Ttitle{width:100%;font:1.4rem "微軟正黑體";font-weight: 700; color:#1d7ac0;padding-bottom:2em;display:flex;flex-wrap: wrap;justify-content: center;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01{width:225px;background:rgba(255,255,4,0);display:flex;flex-wrap: wrap;justify-content: center;}
	
#Aimg01_block .text02_block .note_block{width:100%;padding:0;}	
#Aimg01_block .text02_block .note_block .note{opacity: 0;font:0.5em "微軟正黑體";font-weight: 700; color:#AB8C71;line-height:2.25em;text-align: center}
#Aimg01_block .text02_block .note_block .note p{font:0.75em "微軟正黑體";font-weight: 900;line-height:2.25em;margin-top: 1.9em;color:#A17B5D;}	

	
/*Aimg02_s_block*/
#Aimg02_title_block{width:100%;padding:3em 0;}
#Aimg02_title_block .Aimg02_title{width:100%;opacity:1;padding:0 5%}	
#Aimg02_title_block .Aimg02_title img{width:70%;max-width: 70%;height: auto;}	
}




@media screen and (min-width: 576px) and (max-width: 767px) {

	
#Iimg02_img_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;}
#Iimg02_img_block #Iimg02_photo{width:100%;background: #ffffff;padding-right: 0em;}
#Iimg02_img_block #Iimg02_photo img{width:100%;max-width: 100%;}	

#Iimg02_img_block #Iimg02_note_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;}
#Iimg02_img_block #Iimg02_note_block .Iimg02_text{width:100%;}
#Iimg02_img_block #Iimg02_note_block .Iimg02_text .desk_Text{width:100%;display: none;}
#Iimg02_img_block #Iimg02_note_block .Iimg02_text .mobile_Text{width:100%;display: block}
#Iimg02_img_block #Iimg02_note_block .Iimg02_text .mobile_Text img{width: 100%;max-width: 100%;}	
	

/*Iimg03_block*/
#Iimg03_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/mobile_04_bg.jpg)no-repeat right top;}

/*Iimg04_block*/
#Iimg04_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height:auto;background:#ffffff;padding-bottom: 0em;}
	
/*Iimg05_block*/
#Iimg05_block .text01_block{display: none;}	
#Iimg05_block .text02_block{width:100%;background: #d5c1b1;display: none;}	
#Iimg05_block .text02_block .text02_img{padding:2.5rem 4.5em 0 4.5em}		
#Iimg05_block .text03_block{width:100%;}	
.carousel_logo{display: none;}	
.carousel_link{display: none;}
/*.carousel-inner .carousel-item #Iimg02_img_block{border: 2px solid #ff6600;}	*/	
	
/*Ilink*/
#Ilink_block #Ilink_item{width:calc((100%/1) - 0px);padding:0 4.5em; 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: 0px solid #ffffff;}	
	
#Ilink_Space{width: 100%;height: 2.5625em;background: #ffffff;}		

	
	
/*about*/	
/*Aimg01_block*/
	

#Aimg01_block{width:100%;height: auto;padding:0em 0 4em 0;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height:auto;background:#ffffff url(../images/mobile_04_bg.jpg) no-repeat right top;}	
#Aimg01_block .text01_block{display: none;}
#Aimg01_block .Mob{display:inline-block;width:100%;margin:1.8rem 0 0 1em}		
#Aimg01_block .text02_block{width:calc(100% - 0%) ;height: auto; margin:2.8125em 0 0 0;padding:0 20%;}	

#Aimg01_block .text02_block .Ttitle{width:100%;font:calc(2em*0.8) "微軟正黑體";font-weight: 700; color:#1d7ac0;padding-bottom:2em;display:flex;flex-wrap: wrap;justify-content: center;}
#Aimg01_block .text02_block .Ttitle .Ttitle_block01{width:calc(32em*0.8);background:rgba(255,255,4,0);display:flex;flex-wrap: wrap;justify-content: center;}
	
#Aimg01_block .text02_block .note_block{width:100%;padding:0;}	
#Aimg01_block .text02_block .note_block .note{opacity: 0;font:calc(1em*0.8) "微軟正黑體";font-weight: 700; color:#AB8C71;line-height:2.25em;text-align: center}
#Aimg01_block .text02_block .note_block .note p{font:calc(1.8rem*0.8) "微軟正黑體";font-weight: 900;line-height:2.25em;margin-top: 1.9em;color:#A17B5D;}	
	
	
	
/*Aimg02_block*/
#Aimg02_block{width:100%;height: auto;padding:0em 0 0 0;display:flex;flex-wrap: wrap;justify-content: center;align-content: center;align-items: center;height:auto;background:#ffffff url(../images/Aimg02_spacer.jpg)no-repeat left 7em;}
#Aimg02_block div{width:100%;background:rgba(255,163,0,1;);padding:0 5%}	


/*Aimg02_s_block*/
#Aimg02_title_block{width:100%;padding:3em 0;}
#Aimg02_title_block .Aimg02_title{width:100%;opacity:1;padding:0 5%}	
	
#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 .photo01{width:calc((100% - 25px)/2);margin-right:25px; opacity: 0;}
#Aimg02_s_block .Aimg02_s_photo .photo02{width:calc((100% - 25px)/2);margin-right:0px; opacity: 0;}
#Aimg02_s_block .Aimg02_s_photo .photo03{width:calc((100% - 25px)/2);margin-right:25px; opacity: 0;}
#Aimg02_s_block .Aimg02_s_photo .photo04{width:calc((100% - 25px)/2);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%;}
	
	
	

/*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/mobile_04_bg.jpg)no-repeat right top;}	
#Aimg03_block .text01_block{display: none;}
#Aimg03_block .text02_block{width:calc(100% - 2em);margin:1em;}
	

#Aimg03_block .text02_block .Ttitle{font:calc(2.375em*0.8) "微軟正黑體";font-weight: 700; color:#1d7ac0;padding-bottom:calc(2.25em*0.8);}	
#Aimg03_block .text02_block .note .Mtitle{font:calc(2.5rem*0.8) "微軟正黑體";font-weight: 700; color:#635e5e;line-height:calc(2.25em*0.8);}
#Aimg03_block .text02_block .note{font:calc(1em*0.8) "微軟正黑體";font-weight: 700; color:#948a87;line-height:calc(2.25em*0.8);}	


	
/*Aimg04_block*/
#Aimg04_block{padding-bottom:calc(4em*0.8); display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;background:#d7cdc0;}
#Aimg04_block .text01_block{width:23%;margin-right:calc((100% - 80%)/2);padding-top:calc(8vh*0.8);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{font:calc(1em*0.8) "微軟正黑體";font-weight: 500;line-height: calc(2em*0.8);opacity: 0; position:absolute;bottom: 0;left:calc(-4em*0.8);width:auto; z-index: 2;padding:calc(2em*0.8);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;}
#Aimg04_block .text02_block .Mnote_block.is-active{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((100%/1) - 1em);margin:0 0.5em calc(14em*0.8) 0.5em;opacity: 0;}
#Aimg05_block .photo02{ width:calc((100%/1) - 1em);margin:0 0.5em calc(14em*0.8) 0.5em;opacity: 0;}
#Aimg05_block .photo03{ width:calc((100%/1) - 1em);margin:0 0.5em calc(14em*0.8) 0.5em;opacity: 0;}

#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((100%/1) - 1em);margin:0 0.5em calc(14em*0.8) 0.5em;background:rgba(0,0,0,1);}
#Aimg05_block .photo02.is-active.is-hover{ width:calc((100%/1) - 1em);margin:0 0.5em calc(14em*0.8) 0.5em;background:rgba(0,0,0,1);}
#Aimg05_block .photo03.is-active.is-hover{ width:calc((100%/1) - 1em);margin:0 0.5em calc(14em*0.8) 0.5em;background:rgba(0,0,0,1);}
	

#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:calc(2.5rem*0.8)  "微軟正黑體";font-weight: 700;color:#ffffff;position: absolute;width:220px;height: 100px;top:calc(4em*0.8);left:calc(2em*0.8);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:calc(20.4375em*0.8);height:calc(19.5625em*0.8);border-radius: 50%;display:flex;align-items: center;justify-content: center;}
#Aimg05_block .photo01.is-hover .note_block .circle_block .circle{font:calc(1.8rem*0.8) "微軟正黑體";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:calc(2.5rem*0.8)  "微軟正黑體";font-weight: 700;color:#ffffff;position: absolute;width:220px;height: 100px;top:calc(4em*0.8);left:calc(2em*0.8);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:calc(20.4375em*0.8);height:calc(19.5625em*0.8);border-radius: 50%;display:flex;align-items: center;justify-content: center;}
#Aimg05_block .photo02.is-hover .note_block .circle_block .circle{font:calc(1.8rem*0.8) "微軟正黑體";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:calc(2.5rem*0.8)  "微軟正黑體";font-weight: 700;color:#ffffff;position: absolute;width:220px;height: 100px;top:calc(4em*0.8);left:calc(2em*0.8);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;background:rgba(235,227,218,1);width:calc(20.4375em*0.8);height:calc(19.5625em*0.8);border-radius: 50%;display:flex;align-items: center;justify-content: center;}
#Aimg05_block .photo03.is-hover .note_block .circle_block .circle{font:calc(1.8rem*0.8) "微軟正黑體";font-weight: 500;color:#635e5e;}

	
/*contact*/
#Cimg01_block{width:100%;height: auto;padding:2.25em 3.25em;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height:auto;background:#cfc2b1 url(../images/mobile_05_bg.jpg)no-repeat right top;}

#Cimg01_block .text01_block{display: none;}	
#Cimg01_block .text02_block{width:calc(100% - 0%);height: auto; margin:5em 0 0 0;}			

#Cimg01_block .text02_block .Ttitle{font:calc(2.5em*0.8) "微軟正黑體";font-weight: 700; color:#ffffff;padding-bottom:1em;}

#Cimg01_block .text02_block .note_block{width:100%;}
#Cimg01_block .text02_block .note_block input{width: 100%; font:calc(2.5rem*0.8)  "微軟正黑體";font-weight:500;width:100%; 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:calc(1em*0.8)  "微軟正黑體";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:calc(2.3rem*0.8)  "微軟正黑體";font-weight:500;dispaly:inline-block;padding:0.6em 2.2em 0.6em 1.7em; border-radius: 50px;background: #A17B5D url(../images/send_arrow.svg)no-repeat right 0.2em;background-position:90% 50%;color:#ffffff;}


	
	
	
/*Simg01_block*/

#Simg01_block{width:100%;height: auto;padding:0 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/mobile_04_bg.jpg)no-repeat right top;}

#Simg01_block .text01_block{display: none;}
#Simg01_block .Mob{display:inline-block;width:100%;margin:1.8rem 0 0 1em}	
	
	
#Simg01_block .text02_block{width:100%;height: auto; padding:3em 0 0 0;}	
	
/*Simg02_block*/
#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 /*bottom center*/;background-position: 50% 50vh;}
	
#Simg01_block .text02_block .title{font:calc(2.5em*0.35)  "微軟正黑體";font-weight:700;width:100%;text-align: center;color:#A17B5D;}
#Simg02_block .text01_block{width:auto;height: auto; margin:0 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:calc(2.5em*0.35)  "微軟正黑體";font-weight:700;color: #ffffff;}
#Simg02_block .text01_block .product_block .name{width:100%;font:calc(2rem*0.35)  "微軟正黑體";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:calc(2rem*0.35)  "微軟正黑體";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: .5em;}
#Simg02_block .text01_block .product_block .but_block .text02_2 .b_send{font:calc(2rem*0.35)  "微軟正黑體";font-weight:700;dispaly:inline-block;padding:0.6em 4em 0.6em 1.7em; border-radius: 50px;background: #E6DED0 url(../images/send_arrow01.svg)no-repeat right 0.2em;background-position:90% 50%;color:#9D684A;}
	
/*login_block*/	
#loginbg{background:#f6f6f6;padding:2em;margin:0 0.5em;}	
#loginbg .button_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: center;align-items: stretch;height: auto;padding:0.5em 0;}	

#loginbg .button_block .text04_1{width:calc((100%/2) - 0.4em);margin:0.5em 0.2em;text-align: center;}
#loginbg .button_block .text04_1 #addbutton a{display: block;background: #fea621;color:#ffffff;font:2rem "微軟正黑體";width:auto;font-weight: 700;text-align: center; padding:0.52em 2em;border-radius: 3px;margin:0.3em 0em}
#loginbg .button_block .text04_1 #addbutton a:hover{display:  block;background: #ae6b06;color:#ffffff;padding:0.52em 2em;border-radius: 3px;}
	
	
#loginbg .button_block .text04_1 #loginbutton a{display: block;background: #2e58a6;color:#ffffff;font:2rem "微軟正黑體";width: auto;font-weight: 700;text-align: center; padding:0.52em 2em;border-radius: 3px;margin:0.3em 0em}
#loginbg .button_block .text04_1 #loginbutton a:hover{display: block;background: #1c448e;color:#ffffff;padding:0.52em 2em;border-radius: 3px;}
    
/*login*/
#Adlogin_block{width:calc(100% - 1em);margin:0.5em;font:1.8rem "微軟正黑體";font-weight:600;border-radius: 10px; background: rgba(0,0,0,0.07);}
#Adlogin_block .login_l{width:100%;padding:1em;}
#Adlogin_block .login_r{width:100%;}
#Adlogin_block .login_r .Addform{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding:0.5em;}
#Adlogin_block .login_r .Addform .text02_1{width:100%;padding:0.25em 0.5em;text-align: left;}
#Adlogin_block .login_r .Addform .text02_2{width:100%;padding:0.25em 0.5em;}
#Adlogin_block .login_r .Addform .text02_2 .input{width:100%;border: 1px solid rgba(0,0,0,0.2);padding:0.25em}
#Adlogin_block .login_r .Addform .text02_2 .input01{width:100%;border: 1px solid rgba(0,0,0,0.2);padding:0.25em}

#Adlogin_block .login_r .Addform .text02_2 .checkbox_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content: flex-start;align-items: flex-start;}
#Adlogin_block .login_r .Addform .text02_2 .checkbox_block .cblock{padding:0 0.5em;}
    
.ordercart_note01{font:1.7rem "微軟正黑體";font-weight: 700; color:#282828;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding:0.5em 1.2em;}
.ordercart_note01 .txtArea01{width:35%;text-align:left;padding:5px 0;}
.ordercart_note01 .txtArea02{width:35%;text-align:left;padding:5px 0;}
.ordercart_note01 .txtArea03{width:30%;padding-left:0%;}

.ordercart_note01 .txtArea03 .backbu a{font:1.6rem "微軟正黑體";font-weight:700;width:auto;height:auto;padding:0.5em 1.7em;background:#666666;color:#ffffff;display:inline-block;text-align:center;margin:12px 2px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.ordercart_note01 .txtArea03 .backbu a:hover{width:auto;height:auto;padding:0.5em 1.7em;background:#000000;color:#ffffff;display: inline-block;text-align:center;margin:12px 2px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

.ordercart_note01 .txtArea04{width:100%;padding:0;}
.ordercart_note01 .txtArea05{width:100%;text-align:right;padding:0;}	
    
    
/*footer*/	
#footer_block .text03-1{width:100%;}
#footer_block .text03-2{width:100%;padding:0 0 0 0.5em;}	
    
#footer_block .text03-2 #flink_block {width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;}    
#footer_block .text03-2 #flink_block #title{width:100%;font:1.6rem "微軟正黑體";font-weight:700;color:#000;margin:0}
#footer_block .text03-2 #flink_block #column_list_block{width:100%;font:1.6rem "微軟正黑體";font-weight:500;display: flex;gap:0em;margin:0 0 1em 0;}   
    
#footer_block .text03-3{width:100%;text-align: left;padding:1.5em 0 0 0.5em;}	
    
    
 /*product_list_block*/

#product_list_block #product_list_img{width:100%;margin:0;}
#product_list_block #product_list_img img{width:100%;max-width: 100%;}	
#product_list_block #product_list_content{width:100%}   
    
/*product_content*/
#product_content_block #product_img{width:calc(100% - 0em);margin: 0 0em 0 0;}
#product_content_block #product_img img{width:100%;max-width: 100%;}   
    
    
#news_photo_list_block .list{width:calc(100%/3);padding:0.5em;}    
	
	
 /*news_content*/
#news_title_block{width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;margin:0 0 10px 0;padding:0 0 0.5em 0;border-bottom: 1px solid rgba(0,0,0,0.2)}
#news_title_block .cate{width:100%}
#news_title_block .cate span{font:1.4rem '微軟正黑體';font-weight:700;display:inline-block;background:rgba(0,0,0,0.1);padding:0.2em 1.5em;border-radius: 30px;}
#news_title_block .Ntitle01{width:100%;font:1.8rem "微軟正黑體";font-weight: 700;color:#000;margin:0;padding:0.5em 0 0 0.5em;}	
	
}




@media screen and (min-width: 768px) and (max-width: 959px) {
	
.carousel_logo{display: none;}	
.carousel_link{display: none;}
	
#Iimg02_img_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;}
#Iimg02_img_block #Iimg02_photo{width:100%;background: #ffffff;padding-right: 0em;}
#Iimg02_img_block #Iimg02_photo img{width:100%;max-width: 100%;}	


#Iimg02_img_block #Iimg02_note_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;}
#Iimg02_img_block #Iimg02_note_block .Iimg02_text{width:100%;}
#Iimg02_img_block #Iimg02_note_block .Iimg02_text .desk_Text{width:100%;display: none;}
#Iimg02_img_block #Iimg02_note_block .Iimg02_text .mobile_Text{width:100%;display: block}
#Iimg02_img_block #Iimg02_note_block .Iimg02_text .mobile_Text img{width: 100%;max-width: 100%;}	
	
/*#Iimg02_img_block #Iimg02_note_block .Iimg02_text{width:100%;margin-top: 1.75em;padding-left: 1.25em;}
#Iimg02_img_block #Iimg02_note_block .Iimg02_text .Iimg02_note_title{font:1.4rem "微軟正黑體";font-weight: 700; color:#1d7ac0;line-height: 1.3125em;}
#Iimg02_img_block #Iimg02_note_block .Iimg02_text .Iimg02_note_note p{font:1rem "微軟正黑體";font-weight: 700; color:#645e5f;margin:calc(1.3125em/2) 0;}
#Iimg02_img_block #Iimg02_note_block .Iimg02_sign{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-end;padding:2.5em 0 4em 0;}	
*/
/*Iimg03_block*/	
#Iimg03_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/tab_04_bg.jpg)no-repeat right top;}
	


/*about*/	
	
/*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% - 25%) ;height: auto; margin:5.875em 0 0 0;padding:0 0%;}
#Aimg01_block .text02_block .Ttitle{width:100%;font:calc(2em*0.7) "微軟正黑體";font-weight: 700; color:#1d7ac0;padding:0 0 1em;display:flex;flex-wrap: wrap;justify-content: center;}

#Aimg01_block .text02_block .Ttitle .Ttitle_block01{width:55%;display:flex;flex-wrap: wrap;justify-content: center;}	
#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:calc(1em*0.7) "微軟正黑體";font-weight: 700; color:#1d7ac0;line-height:2.25em;text-align: center}
#Aimg01_block .text02_block .note_block .note p{font:calc(1.8rem*0.7) "微軟正黑體";font-weight: 700;line-height:2.25em;margin-top: 1.9em}	
	
	
		
	
	
/*Aimg02_block*/
#Aimg02_block{width:100%;height: auto;padding:0em 0 0/*calc(5.3125em*0.7)*/ 0;display:flex;flex-wrap: wrap;justify-content: center;align-content: center;align-items: center;height:auto;background:#ffffff url(../images/Aimg02_spacer.jpg)no-repeat left 8em;}
#Aimg02_block div{width:100%;background:rgba(255,163,0,1;);padding:0 5%}		

	

/*Aimg02_s_block*/

#Aimg02_title_block{width:100%;padding:3em 0;}
#Aimg02_title_block .Aimg02_title{width:100%;opacity:1;padding:0 5%}	
	
	
#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 .photo01{width:calc((100% - 25px)/2);margin-right:25px; opacity: 0;}
#Aimg02_s_block .Aimg02_s_photo .photo02{width:calc((100% - 25px)/2);margin-right:0px; opacity: 0;}
#Aimg02_s_block .Aimg02_s_photo .photo03{width:calc((100% - 25px)/2);margin-right:25px; opacity: 0;}
#Aimg02_s_block .Aimg02_s_photo .photo04{width:calc((100% - 25px)/2);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%;}
	
	
	
	
/*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/tab_04_bg.jpg)no-repeat right top;}	
	
#Aimg03_block .text01_block{width:15%;}
#Aimg03_block .text01_block .text01{padding:0 0 0 calc(70px*0.7)}
	
#Aimg03_block .text02_block{width:calc(100% - 25%);margin:0 10% 0 0;height: auto;}
#Aimg03_block .text02_block .Ttitle{font:calc(2.375em*0.7) "微軟正黑體";font-weight: 700; color:#1d7ac0;padding-bottom:calc(2em*0.7);}	
	
#Aimg03_block .text02_block .note .Mtitle{font:calc(2.5rem*0.7) "微軟正黑體";font-weight: 700; color:#635e5e;line-height:calc(2.25em*0.7);}
#Aimg03_block .text02_block .note{font:calc(1em*0.7) "微軟正黑體";font-weight: 700; color:#948a87;line-height:calc(2.25em*0.7);}		


/*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%;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{font:calc(1em*0.7) "微軟正黑體";font-weight: 500;line-height: calc(2em*0.7);opacity: 0; position:absolute;bottom: 0;left:calc(-13em*0.7);width:auto; z-index: 2;padding:calc(2em*0.7) calc(4.8125em*0.7) calc(2em*0.7) calc(6.1875em*0.7);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;}
#Aimg04_block .text02_block .Mnote_block.is-active{opacity: 1;animation-duration: 1s;animation-name:fadeing;animation-iteration-count: 1;}


	
/*Aimg05_block*/
	
	
#Aimg05_block{display: flex;flex-wrap: wrap;justify-content: flex-start;align-content:space-between;align-items: stretch;background:#ffffff;height: auto; padding:5.625em 2em 0em 2em;}

#Aimg05_block .photo01{ width:calc((100%/2) - 2.4em);margin:0 1.2em calc(12em*0.7) 1.2em;opacity: 0;}
#Aimg05_block .photo02{ width:calc((100%/2) - 2.4em);margin:0 1.2em calc(12em*0.7) 1.2em;opacity: 0;}
#Aimg05_block .photo03{ width:calc((100%/2) - 2.4em);margin:0 1.2em calc(12em*0.7) 1.2em;opacity: 0;}
#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((100%/2) - 2.4em);margin:0 1.2em calc(12em*0.7) 1.2em;background:rgba(0,0,0,1);}
#Aimg05_block .photo02.is-active.is-hover{ width:calc((100%/2) - 2.4em);margin:0 1.2em calc(12em*0.7) 1.2em;background:rgba(0,0,0,1);}
#Aimg05_block .photo03.is-active.is-hover{ width:calc((100%/2) - 2.4em);margin:0 1.2em calc(12em*0.7) 1.2em;background:rgba(0,0,0,1);}
	

#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:calc(2.5rem*0.7)  "微軟正黑體";font-weight: 700;color:#ffffff;position: absolute;width:220px;height: 100px;top:calc(4em*0.8);left:calc(2em*0.8);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:calc(20.4375em*0.8);height:calc(19.5625em*0.8);border-radius: 50%;display:flex;align-items: center;justify-content: center;}
#Aimg05_block .photo01.is-hover .note_block .circle_block .circle{font:calc(1.8rem*0.7) "微軟正黑體";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:calc(2.5rem*0.7)  "微軟正黑體";font-weight: 700;color:#ffffff;position: absolute;width:220px;height: 100px;top:calc(4em*0.8);left:calc(2em*0.8);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:calc(20.4375em*0.8);height:calc(19.5625em*0.8);border-radius: 50%;display:flex;align-items: center;justify-content: center;}
#Aimg05_block .photo02.is-hover .note_block .circle_block .circle{font:calc(1.8rem*0.7) "微軟正黑體";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:calc(2.5rem*0.7)  "微軟正黑體";font-weight: 700;color:#ffffff;position: absolute;width:220px;height: 100px;top:calc(4em*0.8);left:calc(2em*0.8);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;background:rgba(235,227,218,1);width:calc(20.4375em*0.8);height:calc(19.5625em*0.8);border-radius: 50%;display:flex;align-items: center;justify-content: center;}
#Aimg05_block .photo03.is-hover .note_block .circle_block .circle{font:calc(1.8rem*0.7) "微軟正黑體";font-weight: 500;color:#635e5e;}

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

#Cimg01_block .text01_block{width:15%;}
#Cimg01_block .text01_block .text01{padding:0 0 0 calc(4.375em*0.7)}

#Cimg01_block .text02_block{width:calc((100% - 15%) - 15%);height: auto; margin:5em 10% 0 5%;}	
#Cimg01_block .text02_block .note_block input{width: 100%; font:calc(2.5rem*0.7)  "微軟正黑體";font-weight:500;width:100%; 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:calc(1em*0.7)  "微軟正黑體";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:calc(2.3rem*0.7)  "微軟正黑體";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;}
	
	
	
/*Simg01_block*/

#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/tab_04_bg.jpg)no-repeat right top;}
#Simg01_block .text01_block{width:15%;}
#Simg01_block .text01_block .text01{padding:0 0 0 calc(4.375em*0.7)}
#Simg01_block .text02_block{width:70%;height: auto; padding:5em 0 0 0;}
	
	
/*Simg02_block*/
#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%;}

	
#Simg01_block .text02_block .title{font:calc(2.5em*0.7)  "微軟正黑體";font-weight:700;width:100%;text-align: center;color:#A17B5D;}
#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:calc(2.5em*0.7)  "微軟正黑體";font-weight:700;color: #ffffff;}
#Simg02_block .text01_block .product_block .name{width:100%;font:calc(2rem*0.7)  "微軟正黑體";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:calc(2rem*0.7)  "微軟正黑體";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: calc(1.5em*0.7);}
#Simg02_block .text01_block .product_block .but_block .text02_2 .b_send{font:calc(2rem*0.7)  "微軟正黑體";font-weight:700;dispaly:inline-block;padding:0.6em 4em 0.6em 1.7em; border-radius: 50px;background: #E6DED0 url(../images/send_arrow01.svg)no-repeat right 0.2em;background-position:90% 50%;color:#9D684A;}

/*login_block*/
    
#loginbg{background:#f6f6f6;padding:2em;margin:0 0.5em;}	
#loginbg .button_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: center;align-items: stretch;height: auto;padding:0.5em 0;}	

#loginbg .button_block .text04_1{width:calc((100%/3) - 0.4em);margin:0.5em 0.2em;text-align: center;}
#loginbg .button_block .text04_1 #addbutton a{display: block;background: #fea621;color:#ffffff;font:2rem "微軟正黑體";width:auto;font-weight: 700;text-align: center; padding:0.52em 3em;border-radius: 3px;margin:0.3em 0em}
#loginbg .button_block .text04_1 #addbutton a:hover{display:  block;background: #ae6b06;color:#ffffff;padding:0.52em 3em;border-radius: 3px;}
	
	
#loginbg .button_block .text04_1 #loginbutton a{display: block;background: #2e58a6;color:#ffffff;font:2rem "微軟正黑體";width: auto;font-weight: 700;text-align: center; padding:0.52em 3em;border-radius: 3px;margin:0.3em 0em}
#loginbg .button_block .text04_1 #loginbutton a:hover{display: block;background: #1c448e;color:#ffffff;padding:0.52em 3em;border-radius: 3px;}
    
	
#loginbg .button_block .text04_1 #Non-member a{display: inline-block;vertical-align: middle; background: #2bb912;color:#ffffff;font:2rem "微軟正黑體";font-weight: 700;padding:0.52em 1.1em;border-radius: 3px;margin:0.3em 0em}
#loginbg .button_block .text04_1 #Non-member a:hover{display: inline-block;vertical-align: middle;background: #22930e;color:#ffffff;padding:0.52em 1.1em;border-radius: 3px;}
	
	
	
/*Adlogin*/	
#Adlogin_block{width:calc(100% - 1em);margin:0.5em;font:1.8rem "微軟正黑體";font-weight:600;border-radius: 10px; background: rgba(0,0,0,0.07);}
#Adlogin_block .login_l{width:100%;padding:1em;}
#Adlogin_block .login_r{width:100%;}
#Adlogin_block .login_r .Addform{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding:0.5em;}
#Adlogin_block .login_r .Addform .text02_1{width:100%;padding:0.25em 0.5em;text-align: left;}
#Adlogin_block .login_r .Addform .text02_2{width:100%;padding:0.25em 0.5em;}
#Adlogin_block .login_r .Addform .text02_2 .input{width:100%;border: 1px solid rgba(0,0,0,0.2);padding:0.25em}
#Adlogin_block .login_r .Addform .text02_2 .input01{width:100%;border: 1px solid rgba(0,0,0,0.2);padding:0.25em}

#Adlogin_block .login_r .Addform .text02_2 .checkbox_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content: flex-start;align-items: flex-start;}
#Adlogin_block .login_r .Addform .text02_2 .checkbox_block .cblock{padding:0 0.5em;}

.ordercart_note01{font:1.7rem "微軟正黑體";font-weight: 700; color:#282828;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding:0.5em 1.3em;}
.ordercart_note01 input{border:1px #a5a5a5 solid;background:#ffffff;padding:5px;width:calc(100% - 52px);}
.ordercart_note01 .txtArea01{width:15%;text-align:center;padding:10px 0;}
.ordercart_note01 .txtArea02{width:15%;text-align:center;padding:10px 0;}
.ordercart_note01 .txtArea03{width:10%;padding-left:1%;}

.ordercart_note01 .txtArea03 .backbu a{font:1.6rem "微軟正黑體";font-weight:700;width:auto;height:auto;padding:0.5em 1em;background:#666666;color:#ffffff;display:inline-block;text-align:center;margin:12px 5px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.ordercart_note01 .txtArea03 .backbu a:hover{width:auto;height:auto;padding:0.5em 1em;background:#000000;color:#ffffff;display: inline-block;text-align:center;margin:12px 5px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

.ordercart_note01 .txtArea04{width:25%;padding:20px 0;}
.ordercart_note01 .txtArea05{width:30%;text-align:right;padding:20px 0;}	
    
 /*footer*/	
#footer_block .text03-1{width:100%;}
#footer_block .text03-2{width:100%;padding:0 0 0 0.5em;}	
#footer_block .text03-3{width:100%;text-align: left;padding:1.5em 0 0 0.5em;}	        
  
	
 /*news_content*/
#news_title_block{width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;margin:0 0 10px 0;padding:0 0 0.5em 0;border-bottom: 1px solid rgba(0,0,0,0.2)}
#news_title_block .cate{width:100%}
#news_title_block .cate span{font:1.4rem '微軟正黑體';font-weight:700;display:inline-block;background:rgba(0,0,0,0.1);padding:0.2em 1.5em;border-radius: 30px;}
#news_title_block .Ntitle01{width:100%;font:1.8rem "微軟正黑體";font-weight: 700;color:#000;margin:0;padding:0.5em 0 0 0.5em;}	
	
	
}

@media screen and (min-width: 960px) and (max-width: 1199px) {

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


	
	
	
/*#Iimg03_block .text02_block .Ttitle .Ttitle_block01{width:100%;}*/

#Iimg03_block{width:100%;}
#Iimg03_block.is-active{animation-duration: 1.5s; animation-name: gra01;animation-iteration-count:  1;animation-direction: alternate;animation-timing-function: linear;}
	
	
/*Aimg02_block*/
#Aimg02_block{width:100%;height: auto;padding:0em 0 0/*calc(5.3125em*0.7)*/ 0;display:flex;flex-wrap: wrap;justify-content: center;align-content: center;align-items: center;height:auto;background:#ffffff url(../images/Aimg02_spacer.jpg)no-repeat left 20vh;}
#Aimg02_block div{width:100%;background:rgba(255,163,0,1;);padding:0 5%}	
	
	
	
/*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%;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{font:calc(1em*0.7) "微軟正黑體";font-weight: 500;line-height: calc(2em*0.7);opacity: 0; position:absolute;bottom: 0;left:calc(-13em*0.7);width:auto; z-index: 2;padding:calc(2em*0.7) calc(4.8125em*0.7) calc(2em*0.7) calc(6.1875em*0.7);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;}
#Aimg04_block .text02_block .Mnote_block.is-active{opacity: 1;animation-duration: 1s;animation-name:fadeing;animation-iteration-count: 1;}
	
	
	
/*Aimg05_block*/	
#Aimg05_block{display: flex;flex-wrap: wrap;justify-content: flex-start;align-content:space-between;align-items: stretch;background:#ffffff;height: auto; padding:5.625em 2em 0em 2em;}

#Aimg05_block .photo01{ width:calc((100%/3) - 2.4em);margin:0 1.2em calc(12em*0.7) 1.2em;opacity: 0;}
#Aimg05_block .photo02{ width:calc((100%/3) - 2.4em);margin:0 1.2em calc(12em*0.7) 1.2em;opacity: 0;}
#Aimg05_block .photo03{ width:calc((100%/3) - 2.4em);margin:0 1.2em calc(12em*0.7) 1.2em;opacity: 0;}
#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((100%/3) - 2.4em);margin:0 1.2em calc(12em*0.7) 1.2em;background:rgba(0,0,0,1);}
#Aimg05_block .photo02.is-active.is-hover{ width:calc((100%/3) - 2.4em);margin:0 1.2em calc(12em*0.7) 1.2em;background:rgba(0,0,0,1);}
#Aimg05_block .photo03.is-active.is-hover{ width:calc((100%/3) - 2.4em);margin:0 1.2em calc(12em*0.7) 1.2em;background:rgba(0,0,0,1);}
	

#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:calc(2.5rem*0.7)  "微軟正黑體";font-weight: 700;color:#ffffff;position: absolute;width:220px;height: 100px;top:calc(4em*0.8);left:calc(2em*0.8);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:calc(20.625em*0.7);height:calc(20.625em*0.7);border-radius: 50%;display:flex;align-items: center;justify-content: center;}
#Aimg05_block .photo01.is-hover .note_block .circle_block .circle{font:calc(1.8rem*0.7) "微軟正黑體";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:calc(2.5rem*0.7)  "微軟正黑體";font-weight: 700;color:#ffffff;position: absolute;width:220px;height: 100px;top:calc(4em*0.8);left:calc(2em*0.8);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:calc(20.625em*0.7);height:calc(20.625em*0.7);border-radius: 50%;display:flex;align-items: center;justify-content: center;}
#Aimg05_block .photo02.is-hover .note_block .circle_block .circle{font:calc(1.8rem*0.7) "微軟正黑體";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:calc(2.5rem*0.7)  "微軟正黑體";font-weight: 700;color:#ffffff;position: absolute;width:220px;height: 100px;top:calc(4em*0.8);left:calc(2em*0.8);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;background:rgba(235,227,218,1);width:calc(20.625em*0.7);height:calc(20.625em*0.7);border-radius: 50%;display:flex;align-items: center;justify-content: center;}
#Aimg05_block .photo03.is-hover .note_block .circle_block .circle{font:calc(1.8rem*0.7) "微軟正黑體";font-weight: 500;color:#635e5e;}


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

#Cimg01_block .text01_block{width:15%;}
#Cimg01_block .text01_block .text01{padding:0 0 0 calc(4.375em*0.7)}

#Cimg01_block .text02_block{width:calc((100% - 15%) - 15%);height: auto; margin:5em 10% 0 5%;}	
#Cimg01_block .text02_block .note_block input{width: 100%; font:calc(2.5rem*0.7)  "微軟正黑體";font-weight:500;width:100%; 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:calc(1em*0.7)  "微軟正黑體";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:calc(2.3rem*0.7)  "微軟正黑體";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;}
	
			
/*Simg01_block*/

#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/tab_04_bg.jpg)no-repeat right top;}
#Simg01_block .text01_block{width:15%;}
#Simg01_block .text01_block .text01{padding:0 0 0 calc(4.375em*0.7)}
#Simg01_block .text02_block{width:70%;height: auto; padding:5em 0 0 0;}
	
	
/*Simg02_block*/

#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%;}
	
#Simg01_block .text02_block .title{font:calc(2.5em*0.7)  "微軟正黑體";font-weight:700;width:100%;text-align: center;color:#A17B5D;}
	
#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:calc(2.5em*0.7)  "微軟正黑體";font-weight:700;color: #ffffff;}
#Simg02_block .text01_block .product_block .name{width:100%;font:calc(2rem*0.7)  "微軟正黑體";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:calc(2rem*0.7)  "微軟正黑體";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: calc(1.5em*0.7);}
#Simg02_block .text01_block .product_block .but_block .text02_2 .b_send{font:calc(2rem*0.7)  "微軟正黑體";font-weight:700;dispaly:inline-block;padding:0.6em 4em 0.6em 1.7em; border-radius: 50px;background: #E6DED0 url(../images/send_arrow01.svg)no-repeat right 0.2em;background-position:90% 50%;color:#9D684A;}
	

/*footer*/

#footer_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;padding:3.9em 0.5em 3.6em 0.5em;}
#footer_block .text03-1{width:250px;}
#footer_block .text03-2{width:calc(100% - 110px - 250px);}

#footer_block .text03-2 #flink_block {width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;}
#footer_block .text03-2 #flink_block #title{width:100%;font:1.6rem "微軟正黑體";font-weight:700;color:#000;margin:0 0 0 0}

#footer_block .text03-2 #flink_block #column_list_block{width:100%;font:1.6rem "微軟正黑體";font-weight:500;display: flex;gap:0.7em;margin:0 0 0.5em 0;}
#footer_block .text03-2 #flink_block #column_list_block a{color:#464646;margin:0;padding:0 5px 0 0;}
#footer_block .text03-2 #flink_block #column_list_block a:hover{color:#000000}
#footer_block .text03-2 #flink_block #column_list_block .span{position: relative;padding:0 0 0 10px;}
/*#footer_block .text03-2 #flink_block #column_list_block .span::before{position: absolute;left:0;top:3px;content:'';width:5px;height: 15px;background:url("../images/footer_i.png")no-repeat center center;}
*/

}

@media screen and (min-width: 1200px) and (max-width: 1700px) {

/*Aimg02_block*/
#Aimg02_block{width:100%;height: auto;padding:0em 0 0/*calc(5.3125em*0.8)*/ 0;display:flex;flex-wrap: wrap;justify-content: center;align-content: center;align-items: center;height:auto;background:#ffffff url(../images/Aimg02_spacer.jpg)no-repeat left 12em;}
#Aimg02_block div{width:100%;background:rgba(255,163,0,1;);padding:0 5%}	
	

/*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%;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{font:calc(1em*0.8) "微軟正黑體";font-weight: 500;line-height: calc(2em*0.8);opacity: 0; position:absolute;bottom: 0;left:calc(-13em*0.8);width:auto; z-index: 2;padding:calc(2em*0.8) calc(4.8125em*0.8) calc(2em*0.8) calc(6.1875em*0.8);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;}
#Aimg04_block .text02_block .Mnote_block.is-active{opacity: 1;animation-duration: 1s;animation-name:fadeing;animation-iteration-count: 1;}
	
		
	
#Aimg05_block{display: flex;flex-wrap: wrap;justify-content: flex-start;align-content:space-between;align-items: stretch;background:#ffffff;height: auto; padding:5.625em 2em 0em 2em;}

#Aimg05_block .photo01{ width:calc((100%/3) - 2.4em);margin:0 1.2em calc(12em*0.7) 1.2em;opacity: 0;}
#Aimg05_block .photo02{ width:calc((100%/3) - 2.4em);margin:0 1.2em calc(12em*0.7) 1.2em;opacity: 0;}
#Aimg05_block .photo03{ width:calc((100%/3) - 2.4em);margin:0 1.2em calc(12em*0.7) 1.2em;opacity: 0;}
#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((100%/3) - 2.4em);margin:0 1.2em calc(12em*0.7) 1.2em;background:rgba(0,0,0,1);}
#Aimg05_block .photo02.is-active.is-hover{ width:calc((100%/3) - 2.4em);margin:0 1.2em calc(12em*0.7) 1.2em;background:rgba(0,0,0,1);}
#Aimg05_block .photo03.is-active.is-hover{ width:calc((100%/3) - 2.4em);margin:0 1.2em calc(12em*0.7) 1.2em;background:rgba(0,0,0,1);}
	
	
#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:calc(2.5rem*0.7)  "微軟正黑體";font-weight: 700;color:#ffffff;position: absolute;width:220px;height: 100px;top:calc(4em*0.8);left:calc(2em*0.8);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:calc(20.4375em*0.8);height:calc(19.5625em*0.8);border-radius: 50%;display:flex;align-items: center;justify-content: center;}
#Aimg05_block .photo01 .note_block .circle_block .circle{font:calc(1.8rem*0.7) "微軟正黑體";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:calc(2.5rem*0.7)  "微軟正黑體";font-weight: 700;color:#ffffff;position: absolute;width:220px;height: 100px;top:calc(4em*0.8);left:calc(2em*0.8);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:calc(20.4375em*0.8);height:calc(19.5625em*0.8);border-radius: 50%;display:flex;align-items: center;justify-content: center;}
#Aimg05_block .photo01.is-hover .note_block .circle_block .circle{font:calc(1.8rem*0.7) "微軟正黑體";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:calc(2.5rem*0.7)  "微軟正黑體";font-weight: 700;color:#ffffff;position: absolute;width:220px;height: 100px;top:calc(4em*0.8);left:calc(2em*0.8);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:calc(20.4375em*0.8);height:calc(19.5625em*0.8);border-radius: 50%;display:flex;align-items: center;justify-content: center;}
#Aimg05_block .photo02 .note_block .circle_block .circle{font:calc(1.8rem*0.7) "微軟正黑體";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:calc(2.5rem*0.7)  "微軟正黑體";font-weight: 700;color:#ffffff;position: absolute;width:220px;height: 100px;top:calc(4em*0.8);left:calc(2em*0.8);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:calc(20.4375em*0.8);height:calc(19.5625em*0.8);border-radius: 50%;display:flex;align-items: center;justify-content: center;}
#Aimg05_block .photo02.is-hover .note_block .circle_block .circle{font:calc(1.8rem*0.7) "微軟正黑體";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:calc(2.5rem*0.7)  "微軟正黑體";font-weight: 700;color:#ffffff;position: absolute;width:220px;height: 100px;top:calc(4em*0.8);left:calc(2em*0.8);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:calc(20.4375em*0.8);height:calc(19.5625em*0.8);border-radius: 50%;display:flex;align-items: center;justify-content: center;}
#Aimg05_block .photo03 .note_block .circle_block .circle{font:calc(1.8rem*0.7)"微軟正黑體";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:calc(2.5rem*0.7)  "微軟正黑體";font-weight: 700;color:#ffffff;position: absolute;width:220px;height: 100px;top:calc(4em*0.8);left:calc(2em*0.8);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;background:rgba(235,227,218,1);width:calc(20.4375em*0.8);height:calc(19.5625em*0.8);border-radius: 50%;display:flex;align-items: center;justify-content: center;}
#Aimg05_block .photo03.is-hover .note_block .circle_block .circle{font:calc(1.8rem*0.7) "微軟正黑體";font-weight: 500;color:#635e5e;}


	
/*Simg01_block*/
/*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  calc(4.375em*0.8)}

#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:calc(2.5em*0.8)  "微軟正黑體";font-weight:700;width:100%;text-align: center;color:#A17B5D;}

	
/*Simg02_block*/
/*#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 .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:calc(2.5em*0.8)  "微軟正黑體";font-weight:700;color: #ffffff;}
#Simg02_block .text01_block .product_block .name{width:100%;font:calc(2rem*0.8)  "微軟正黑體";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:calc(2rem*0.8)  "微軟正黑體";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: calc(1.5em*0.8);}
#Simg02_block .text01_block .product_block .but_block .text02_2 .b_send{font:calc(2rem*0.8)  "微軟正黑體";font-weight:700;dispaly:inline-block;padding:0.6em 4em 0.6em 1.7em; border-radius: 50px;background: #E6DED0 url(../images/send_arrow01.svg)no-repeat right 0.2em;background-position:90% 50%;color:#9D684A;}

	


}



/*sp*/

@media screen and (max-width: 479px) {

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

#Aimg05_block .photo01{ width:calc((100%/1) - 1em);margin:0 0.5em calc(14em*0.4) 0.5em;opacity: 0;}
#Aimg05_block .photo02{ width:calc((100%/1) - 1em);margin:0 0.5em calc(14em*0.4) 0.5em;opacity: 0;}
#Aimg05_block .photo03{ width:calc((100%/1) - 1em);margin:0 0.5em calc(14em*0.4) 0.5em;opacity: 0;}
#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((100%/1) - 1em);margin:0 0.5em calc(14em*0.4) 0.5em;background:rgba(0,0,0,1);}
#Aimg05_block .photo02.is-active.is-hover{ width:calc((100%/1) - 1em);margin:0 0.5em calc(14em*0.4) 0.5em;background:rgba(0,0,0,1);}
#Aimg05_block .photo03.is-active.is-hover{ width:calc((100%/1) - 1em);margin:0 0.5em calc(14em*0.4) 0.5em;background:rgba(0,0,0,1);}
	
	
#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:calc(2.5rem*0.6)  "微軟正黑體";font-weight: 700;color:#ffffff;position: absolute;width:220px;height: 100px;top:calc(4em*0.25);left:calc(2em*0.25);z-index: 2;transform: translate(0%, 0);}
#Aimg05_block .photo01.is-hover .note_block .circle_block{opacity: 1;position: absolute;z-index:2;top:calc(-10em*0.7);right:-2em;background:rgba(235,227,218,1);width:calc(20.4375em*0.55);height:calc(19.5625em*0.55);border-radius: 50%;display:flex;align-items: center;justify-content: center;}
#Aimg05_block .photo01.is-hover .note_block .circle_block .circle{font:calc(1.8rem*0.6) "微軟正黑體";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:calc(2.5rem*0.6)  "微軟正黑體";font-weight: 700;color:#ffffff;position: absolute;width:220px;height: 100px;top:calc(4em*0.25);left:calc(2em*0.25);z-index: 2;transform: translate(0%, 0);}
#Aimg05_block .photo02.is-hover .note_block .circle_block{opacity: 1;position: absolute;z-index:2;top:calc(-10em*0.7);right:-2em;background:rgba(235,227,218,1);width:calc(20.4375em*0.55);height:calc(19.5625em*0.55);border-radius: 50%;display:flex;align-items: center;justify-content: center;}
#Aimg05_block .photo02.is-hover .note_block .circle_block .circle{font:calc(1.8rem*0.6) "微軟正黑體";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:calc(2.5rem*0.6)  "微軟正黑體";font-weight: 700;color:#ffffff;position: absolute;width:220px;height: 100px;top:calc(4em*0.25);left:calc(2em*0.25);z-index: 2;transform: translate(0%, 0);}
#Aimg05_block .photo03.is-hover .note_block .circle_block{opacity: 1;position: absolute;z-index:2;top:calc(-10em*0.7);right:-2em;background:rgba(235,227,218,1);width:calc(20.625em*0.55);height:calc(19.5625em*0.55);border-radius: 50%;display:flex;align-items: center;justify-content: center;}
#Aimg05_block .photo03.is-hover .note_block .circle_block .circle{font:calc(1.8rem*0.6) "微軟正黑體";font-weight: 500;color:#635e5e;}

}

@media screen and (max-width: 767px) {
	
#Iimg05_block{background:#ffffff ;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;width:100%;min-height:auto;padding: 0 0 0 0;}
	
#Iimg05_block .text01_block{display: none;}
#Iimg05_block .text02_block{width:100%;display: none;}
#Iimg05_block .text03_block{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;background:#9cc9e4;}
#Iimg05_block .text03_block .text02_img{display:block;opacity: 1; width:100%;padding:0;}
	

	
#Iimg05_block .text03_block .text03_note{width:100%;padding:1.5em 0;/*padding:calc(4em*0.5) calc(4.5em*0.5) calc(4em*0.5) calc(3em*0.5);*/text-align: center;background: transparent}
#Iimg05_block .text03_block .text03_note .title{font:2rem "微軟正黑體";font-weight: 700;color:#ffffff;line-height:1.315625em;}
#Iimg05_block .text03_block .text03_note .note{font:1.5rem "微軟正黑體";font-weight: 700;text-align: center; line-height:1.315625em; color:#635e5e;padding:calc(2em*0.9) 0 0 0;}
}


@media screen and (min-width: 768px) and (max-width: 991px) {
#Iimg05_block{background:#ffffff url(../images/tab_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 2.5625em 0;}
	
#Iimg05_block .text01_block{width:16.3%;padding:calc(12.1875em*0.5) 0 0 calc(4.375em*0.5);}
#Iimg05_block .text02_block{width:42.8%;}
#Iimg05_block .text03_block{width:40.9%;}
	
#Iimg05_block .text03_block .text03_note{width:100%;background:#9cc9e4;padding:2.5em 1.5em;}
#Iimg05_block .text03_block .text03_note .title{font:2rem "微軟正黑體";font-weight: 700;color:#ffffff;line-height:1.315625em;}
#Iimg05_block .text03_block .text03_note .note{font:1em "微軟正黑體";font-weight: 700;line-height:1.315625em; color:#635e5e;padding:calc(2em*0.9) 0 0 0;}	
	
}


@media screen and (min-width: 992px) and (max-width: 1199px) {
#Iimg05_block{background:#ffffff url(../images/tab_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 2.5625em 0;}
	
#Iimg05_block .text01_block{width:16.3%;padding:calc(12.1875em*0.5) 0 0 calc(4.375em*0.5);}
#Iimg05_block .text02_block{width:42.8%;}
#Iimg05_block .text03_block{width:40.9%;}
	
#Iimg05_block .text03_block .text03_note{width:100%;background:#9cc9e4;padding:3em 2em;}
#Iimg05_block .text03_block .text03_note .title{font:2.2rem "微軟正黑體";font-weight: 700;color:#ffffff;line-height:1.315625em;}
#Iimg05_block .text03_block .text03_note .note{font:1rem "微軟正黑體";font-weight: 700;line-height:1.315625em; color:#635e5e;padding:calc(2em*0.9) 0 0 0;}		
	
}

@media screen and (min-width: 1200px) and (max-width: 1519px) {
#Iimg05_block .text01_block{width:16.3%;padding:calc(12.1875em*0.5) 0 0 calc(4.375em*0.5);}
#Iimg05_block .text02_block{width:42.8%;}
#Iimg05_block .text03_block{width:40.9%;}
	
#Iimg05_block .text03_block .text03_note{width:100%;background:#9cc9e4;padding:3.5em 2.5em;}
/*#Iimg05_block .text03_block .text03_note .title{font:1.4rem "微軟正黑體";font-weight: 700;color:#ffffff;line-height:1.315625em;}
#Iimg05_block .text03_block .text03_note .note{font:1rem "微軟正黑體";font-weight: 700;line-height:1.315625em; color:#635e5e;padding:calc(2em*0.9) 0 0 0;}	
*/
	
#Iimg05_block .text03_block .text03_note .title{font:2.5rem "微軟正黑體";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;}
	
}
@media screen and (min-width: 959px) and (max-width: 1299px) { 
#Aimg02_title_block{width:100%;padding:3em 0;}
#Aimg02_title_block .Aimg02_title{width:100%;opacity:1;padding:0 5%}	
}	
@media screen and (min-width: 1300px) and (max-width: 1399px) { 
#Aimg02_title_block{width:100%;padding:3em 0;}/*laptop*/
#Aimg02_title_block .Aimg02_title{width:100%;opacity:1;padding:0 5%}	
}
@media screen and (min-width: 1400px) and (max-width: 1499px) { 
#Aimg02_title_block{width:calc(100% - 0em);padding:3em 0;margin:0;}
#Aimg02_title_block .Aimg02_title{width:100%;opacity:1;padding:0 5%}	
}
@media screen and (min-width: 1500px) and (max-width: 1599px) { 
#Aimg02_title_block{width:calc(100% - 0em);padding:3em 0;margin:0;}
#Aimg02_title_block .Aimg02_title{width:100%;opacity:1;padding:0 5%}			
}
@media screen and (min-width: 1600px) and (max-width: 1699px) { 
#Aimg02_title_block{width:calc(100% - 0em);padding:3em 0;margin:0;}/*fire*/
#Aimg02_title_block .Aimg02_title{width:100%;opacity:1;padding:0 5%}		
}
	


/*查詢訂單*/
#document_list_line{display:none;}
#document_list_mobile{display:none;}

#document_title_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding:1em 1.5em;margin-bottom: 1em; background:#282828;color:#ffffff;border-radius:5px;font-weight:700;}
#document_title_block .text07_1{width:8%;text-align: center;}
#document_title_block .text07_2{width:calc((100% - (10%*4) - 8%) - 12%);}
#document_title_block .text07_3{width:10%;text-align: center;}
#document_title_block .text07_4{width:10%;text-align: center;}
#document_title_block .text07_5{width:12%;text-align: center;}
#document_title_block .text07_6{width:10%;text-align: center;}
#document_title_block .text07_7{width:10%;text-align: center;}



#document_list_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;font:1.7rem "微軟正黑體";font-weight: 700;padding: 1em 1.5em;}
#document_list_block .text07_1{width:8%;text-align: center;padding:0.7em 0;}
#document_list_block .text07_2{width:calc((100% - (10%*4) - 8%) - 12%);padding:0.7em 0;}
#document_list_block .text07_3{width:10%;text-align: center;padding:0.7em 0;}
#document_list_block .text07_4{width:10%;text-align: center;padding:0.7em 0;}
#document_list_block .text07_5{width:12%;text-align: center;padding:0.7em 0;}
#document_list_block .text07_6{width:10%;text-align: center;padding:0.7em 0;}
#document_list_block .text07_7{width:10%;text-align: center;padding:0.7em 0;}

#document_list_block a{color:#282828;}
#document_list_block a:hover{color:#17599c;}


@media only screen and (max-width: 991px) {
#document_title_block{display:none;}
#document_list_line{display:block;}	
#document_list_mobile{display:block;}	
#document_list_mobile .date{color:#b2100b;font:1.7rem "微軟正黑體";font-weight:  700;}	
	
	
#document_list_block .text07_1{display: none;}
#document_list_block .text07_2{width:calc(100% - 0%);font:2.4rem "微軟正黑體";font-weight: 700;}
#document_list_block .text07_3:before{ content: "總金額：";font:1.8rem "微軟正黑體";font-weight: 700;color:#17599c;}	
#document_list_block .text07_3{width:calc(100% - 0px);color:#17599c;text-align: left;padding:0.1em 0;}

#document_list_block .text07_4:before{ content: "付款方式：";font:1.8rem "微軟正黑體";font-weight: 700;color:#8a8a8a;}	
#document_list_block .text07_4{width:100%;text-align: left;color:#282828;padding:0.1em 0;}
#document_list_block .text07_5:before{ content: "回填資訊：";font:1.8rem "微軟正黑體";font-weight: 700;color:#8a8a8a;}		
#document_list_block .text07_5{width:100%;text-align: left;color:#282828;padding:0.1em 0;}
#document_list_block .text07_6{display: none;}
#document_list_block .text07_7:before{ content: "訂單狀態：";font:1.8rem "微軟正黑體";font-weight: 700;color:#8a8a8a;}		
#document_list_block .text07_7{width:100%;text-align: left;color:#282828;padding:0.1em 0;}	
}


/*Checkout*/
#Checkout_title_block{font:1.8rem "微軟正黑體";font-weight: 700; display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;color:#282828;padding: 0em 1.5em;}
#Checkout_title_block .text04_1{width:calc(100%/4);}
#Checkout_title_block .text04_2{width:calc(100%/4);}
#Checkout_title_block .text04_3{width:calc(100%/4);}
#Checkout_title_block .text04_4{width:calc(100%/4);}

#Checkout_list_block{font:1.7rem "微軟正黑體";font-weight: 700; display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 1em 1.5em;}
#Checkout_list_block .text04_1{width:calc(100%/4);}
#Checkout_list_block .text04_2{width:calc(100%/4);}
#Checkout_list_block .text04_3{width:calc(100%/4);}
#Checkout_list_block .text04_4{width:calc(100%/4);}


@media only screen and (max-width: 767px) {
#Checkout_title_block{display:none;}
#Checkout_list_block .text04_1:before{ content: "訂單編號：";font:1.8rem "微軟正黑體";font-weight: 700;color:#282828;}
#Checkout_list_block .text04_1{width:calc(100% - 0px);color:#17599c;text-align: left;padding:0.1em 0;font:2rem "微軟正黑體";font-weight: 700;}
#Checkout_list_block .text04_2:before{ content: "日期：";font:1.8rem "微軟正黑體";font-weight: 700;color:#282828;}
#Checkout_list_block .text04_2{width:calc(100% - 0px);color:#4cb400;text-align: left;padding:0.1em 0;}
#Checkout_list_block .text04_3:before{ content: "總計：";font:1.8rem "微軟正黑體";font-weight: 700;color:#282828;}
#Checkout_list_block .text04_3{width:calc(100% - 0px);color:#b2100b;text-align: left;padding:0.1em 0;font:2rem "微軟正黑體";font-weight: 700;}
#Checkout_list_block .text04_4:before{ content: "付款方式：";font:1.8rem "微軟正黑體";font-weight: 700;color:#282828;}
#Checkout_list_block .text04_4{width:calc(100% - 0px);color:#17599c;text-align: left;padding:0.1em 0;}
	
}



/*complete_order*/

#complete_order_title_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 1em 1.5em;margin-bottom: 1em; background:#282828;color:#ffffff;border-radius:5px;font-weight:700;}
#complete_order_title_block:after {content:''; clear:both; display:block;}
#complete_order_title_block .text02_1{width:calc(100% - 20%);}
#complete_order_title_block .text02_2{width:20%;text-align: center;}

#complete_order_list_block{font:1.7rem "微軟正黑體";font-weight: 700; display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 1em 1.5em;}
#complete_order_list_block:after {content:''; clear:both; display:block;}
#complete_order_list_block .text02_1{width:calc(100% - 20%);padding:0.5em 0;}
#complete_order_list_block .text02_2{width:calc(20% - 1%);padding:0.5em 0;margin-right: 1%; text-align: center;}

#complete_order_title_block_line{float:left;width:100%;height:auto !important;margin-bottom:5px;background-image: linear-gradient(to right, #b9b9b9 100%, rgba(51, 51, 51, 0) 100%);background-position: bottom;background-size: 1px 1px;background-repeat: repeat-x;padding-bottom:5px;}


#complete_order_list_totoal_block{font:1.8rem "微軟正黑體";font-weight: 700; display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;background:#f6f6f6;padding: 1em 1.5em;margin-bottom: 1em;}
#complete_order_list_totoal_block:after {content:''; clear:both; display:block;}
#complete_order_list_totoal_block .text02_1{width:calc(100% - 20%);padding:0.5em 0;}
#complete_order_list_totoal_block .text02_2{width:calc(20% - 1%);padding:0.5em 0;margin-right: 1%; text-align: center;}
@media only screen and (max-width: 767px) {
#complete_order_list_totoal_block .text02_1{width:calc(100% - 50%);padding:0.5em 0;}
#complete_order_list_totoal_block .text02_2{width:calc(50% - 1%);padding:0.5em 0;margin-right: 1%; text-align: right;}	
}
/*orderform*/
#orderform_title{width:100%;font:2rem "微軟正黑體";font-weight:700;margin:0;color:#282828;clear:both;background:url(../images/arrow_icon03.svg) no-repeat left 5px;margin-bottom: 0.5em; padding-left: 30px;width: calc(100% - 30px);}
#orderform_block{width:calc(100% - 2em);display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 0.7em 1em;}
#orderform_block:after {content:''; clear:both; display:block;}

#orderform_title .note{font:1.7rem"微軟正黑體";font-weight:500;display: inline-block}

#orderform_block .text02_1{width:calc(150px - 10px);padding:0.7em 10px 0.7em 0; background:#f6f6f6;text-align: right;font:2rem "微軟正黑體";font-weight: 700;color:#282828;}
#orderform_block .text02_2{width:calc((100% - 150px) - 1em);padding:0.7em 0 0.7em 1em;}
#orderform_block .orderform_line{width:100%;  height: 1px;line-height: 1px;margin:5px 0; background-image: linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(90deg, #8e8e8e, #8e8e8e, #8e8e8e, #8e8e8e, #000);  background-size: 3px 1px, 100% 1px;  border: none; }

#orderform_block .text01_1{width:100%;font:2rem "微軟正黑體";font-weight: 700;color:#282828;}
#orderform_block .input{border: 1px solid rgba(0,0,0,0.3);padding:0.5em;}


@media only screen and (max-width: 479px) {
#orderform_title .note{width:100%;font:1.6rem"微軟正黑體";font-weight:500;}
    
#orderform_block .text02_1{width:calc(100% - 0px);padding:0.7em 0 0.7em 10px; background:#f6f6f6;text-align: left;font:2rem "微軟正黑體";font-weight: 700;color:#282828;}
#orderform_block .text02_2{width:calc(100% - 0em);padding:0.7em 0 0.7em 1em;}
	
}

/*Member_modify*/

#Member_modify{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 2em 3em;color: #282828;}
#Member_modify:after{content:''; clear:both; display:block;}

#Member_modify .text02_1{width:calc(20% - 1em);font:1.8rem "微軟正黑體";font-weight: 700; padding:0.5em 0 0.5em 1em;margin-bottom: 0.2em; background: #f6f6f6}
#Member_modify .text02_2{width:calc(80% - 1em);padding:0.5em 0 0.5em 1em;margin-bottom: 0.2em;font:1.7rem "微軟正黑體";font-weight: 700;color:#5e5e5e;}

#Member_modify .text02_2 .input{border:1px rgba(0,0,0,0.3) solid;padding:0.5em;font:1.7rem "微軟正黑體";font-weight: 700;}

@media only screen and (max-width: 767px) {	
#Member_modify{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 2em 1em;color: #282828;}	
#Member_modify .text02_1{width:calc(100% - 0em);font-weight: 700; padding:1.5em 0 1.5em 0em;margin-bottom: 0.2em; background: #f6f6f6}
#Member_modify .text02_2{width:calc(100% - 0em);padding:0.5em 0 0.5em 0em;margin-bottom: 0.2em;font:1.7rem "微軟正黑體";font-weight: 700;color:#5e5e5e;}	

#Member_modify .text02_2 .input{width:100%;border:1px rgba(0,0,0,0.3) solid;padding:0.5em;font:1.7rem "微軟正黑體";font-weight: 700;}
}


/*member style*/
#gray_block{width:calc(100% - 0em);height:auto;background:#f6f6f6;margin:2em 0;padding:1.5em 1em;zoom:1;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
#gray_block:after {content:''; clear:both; display:block;}

#gray_block_line{width:100%;  height: 1px;line-height: 1px;margin:1em 0; background: linear-gradient(0deg, #E3E3E3 56%, #A1A1A1 29%);  border: none; }

#Mchange_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 2em 3em;}
#Mchange_block:after {content:''; clear:both; display:block;}
#Mchange_block .text01_1{width:100%;font:2rem "微軟正黑體";}
#Mchange_block .text02_1{width:130px;font:2rem "微軟正黑體";font-weight: 700;color:#282828;}
#Mchange_block .text02_2{width:calc(100% - 130px);}
#Mchange_block .text02_2 .input{width:50%;border:1px #a5a5a5 solid;background:#ffffff;padding:5px;font:1.7rem "微軟正黑體";font-weight: 700;color:#7d7d7d;margin:0.2em 0;}
#Mchange_block .text02_2 .input01{width:50%;border:0px #a5a5a5 solid;background:transparent;padding:5px;font:1.7rem "微軟正黑體";font-weight: 700;color:#7d7d7d;margin:0.2em 0;}

@media only screen and (max-width: 767px) {	
#Mchange_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 2em 1em;}	
#Mchange_block .text02_1{width:100%;font:2rem "微軟正黑體";font-weight: 700;color:#282828;}
#Mchange_block .text02_2{width:calc(100% - 0px);}	
#Mchange_block .text02_2 .input{width:100%;border:1px #a5a5a5 solid;background:#ffffff;padding:5px;font:1.7rem "微軟正黑體";font-weight: 700;color:#7d7d7d;margin:0.2em 0;}
#Mchange_block .text02_2 .input01{width:100%;border:0px #a5a5a5 solid;background:#ffffff;padding:5px;font:1.5rem "微軟正黑體";font-weight: 700;color:#7d7d7d;margin:0.2em 0;}	
}


/*discuss_block*/
.discuss_title_block{font:2rem "微軟正黑體";font-weight: 700;color:#ffffff;background:#939393;border-radius: 3px; display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 0.7em 1.5em;}
.discuss_title_block:after {content:''; clear:both; display:block;}
.discuss_title_block .text04_1{width:calc(100% - 310px);}
.discuss_title_block .text04_2{width:80px;text-align: center;}
.discuss_title_block .text04_3{width:80px;text-align: center;}
.discuss_title_block .text04_4{width:150px;text-align: center;}

.discuss_list_block{font:2rem "微軟正黑體";font-weight: 700;color:#282828;border-radius: 3px; display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 0.7em 1.5em;}
.discuss_list_block:after {content:''; clear:both; display:block;}

.discuss_list_block .discuss_list_mobile{display:none;}

.discuss_list_block a{color:#282828;}
.discuss_list_block a:hover{color:#000000;}

.discuss_list_block .text04_1{width:calc(100% - 310px);}
.discuss_list_block .text04_2{width:80px;text-align: center;font:1.6rem "微軟正黑體";}
.discuss_list_block .text04_3{width:80px;text-align: center;font:1.6rem "微軟正黑體";}
.discuss_list_block .text04_4{width:150px;text-align: center;font:1.6rem "微軟正黑體";}

@media only screen and (max-width: 959px) {
.discuss_title_block{display:none;}
.discuss_list_block .discuss_list_mobile{display:inline-block;}
	
.discuss_list_block .text04_1{width:100%;}
.discuss_list_block .text04_2{width:100%;text-align: left;font:1.7rem "微軟正黑體";font-weight: 700;color: #17599c;}

.discuss_list_block .text04_3{display:none;}
.discuss_list_block .text04_4{width:100%;text-align: left;font:1.7rem "微軟正黑體";font-weight: 700;}
	
}


/*search_block*/
.search_block{width:300px;height: 37px; display:flex;flex-wrap: wrap; justify-content:flex-start;align-content:center;align-items:center; background: rgba(248,0,255,0)}
.search_block .Iinput{width:calc(100% - 70px);}
.search_block .Iinput input{width:100%;display: inline-block;box-shadow: inset 0px 0px 0px 1px rgba(190,190,190,1);border:0px solid #b4b4b4;padding:0.5em;background:#ffffff url(../Nimages/search.jpg) no-repeat right 0.5em;color:#000000;font:1.5rem "微軟正黑體";}

.search_block .btn_search a{font:1.5rem "微軟正黑體";font-weight:500;display:inline-block;text-align:center;background:rgba(112,76,36,1.00);color:#ffffff;padding:0.5em 0.7em;}
.search_block .btn_search a:hover{display:inline-block;background:rgba(57,57,57,1.00);color:#ffffff;padding:0.5em 0.7em;}



/*qa_list*/
#qa_title_block{font-weight: 700; display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding:1em 1em;color: #ffffff; background:#939393;border-radius: 3px}
#qa_title_block:after {content:''; clear:both; display:block;}

#qa_title_block .text03_1{width:40px;}
#qa_title_block .text03_2{width:calc((100% - 15%) - 40px);}
#qa_title_block .text03_3{width:15%;}

#qa_list_block{font-weight: 700; display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding:1em 1em;}
#qa_list_block:after {content:''; clear:both; display:block;}
#qa_list_block a{color:#666666;}
#qa_list_block a:hover{color:#000000;}

#qa_list_block:nth-of-type(odd){background-color:#f6f6f6;}
#qa_list_block .text03_1{width:40px;}
#qa_list_block .text03_2{width:calc((100% - 15%) - 40px);}
#qa_list_block .text03_3{width:15%;}

#qa_list_block .line{height:5px;line-height:5px;margin-bottom:0px;padding-bottom: 0x; border-bottom:1px dotted #939393;width:100%;}


@media only screen and (max-width: 767px) {
#qa_title_block{display:none;}	
#qa_list_block .text03_1{width:50px;}	
#qa_list_block .text03_1 p{display:inline-block;padding:0.4em 0.7em;background:#282828;color:#ffffff;border-radius: 30px;}	
#qa_list_block .text03_2{width:calc(100% - 50px);}	
#qa_list_block .text03_3{width:calc(100% - 50px);margin-left: 50px;}	
	
}



/*faq_content*/
#qa_content_block{width:100%;padding:1em;background: rgba(0,0,0,0.02)}
#qa_content_block ol{list-style-type: none;}
#qa_content_block ol .qa01{position: relative;padding:0 0 1em 2em;font:2rem "微軟正黑體";color:rgba(0,0,0,0.7);font-weight:600;line-height:28px;}
#qa_content_block ol .qa01::before{position: absolute;left:0;top:2px;content: '';width:24px;height: 24px; background: url("../images/letter-q.png") no-repeat left top;}
#qa_content_block ol .qa02{position: relative;padding:0 0 0 2.15em;font:1.8rem "微軟正黑體";color:rgba(0,0,0,0.7);font-weight:400;line-height:28px;}
#qa_content_block ol .qa02::before{position: absolute;left:0;top:2px;content: '';width:24px;height: 24px; background: url("../images/letter-a.png") no-repeat left top;}


/*order_cart_list*/

#order_cart_list_title_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding:1em 1.5em;margin-bottom: 1em; background:#282828;color:#ffffff;border-radius:5px;font-weight:700;}
#order_cart_list_title_block .text06_1{width:10%}
#order_cart_list_title_block .text06_2{width:10%}
#order_cart_list_title_block .text06_3{width:calc(100% - (10%*4) - 15%);}
#order_cart_list_title_block .text06_4{width:15%}
#order_cart_list_title_block .text06_5{width:10%}
#order_cart_list_title_block .text06_6{width:10%}


div#order_cart_list_list_block:nth-of-type(odd){background-color:#f1f1f1;}
#order_cart_list_list_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding:1em 1.5em;color:#282828;font-weight:700;}
#order_cart_list_list_block .text06_1{width:10%}
#order_cart_list_list_block .text06_2{width:10%}
#order_cart_list_list_block .text06_2_mob{display: none;}
#order_cart_list_list_block .text06_3{width:calc(100% - (10%*4) - 15%);}
#order_cart_list_list_block .text06_4{width:15%}
#order_cart_list_list_block .text06_5{width:10%}
#order_cart_list_list_block .text06_6{width:10%}



div#order_cart_list_list_block01:nth-of-type(odd){background-color:#f1f1f1;}
#order_cart_list_list_block01{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding:1em 1.5em;color:#282828;font-weight:700;}
#order_cart_list_list_block01 .text06_1{width:10%}
#order_cart_list_list_block01 .text06_2{width:10%}
#order_cart_list_list_block01 .text06_2_mob{display: none;}
#order_cart_list_list_block01 .text06_3{width:calc(100% - (10%*4) - 15%);}
#order_cart_list_list_block01 .text06_4{width:15%}
#order_cart_list_list_block01 .text06_5{width:10%}
#order_cart_list_list_block01 .text06_6{width:10%}

/*order_expenses*/
.expenses_block{font:13pt "微軟正黑體";color:#282828;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding:1em 1.5em;color:#282828;font-weight:700;}
.expenses_block .text02_1{width:50%;}
.expenses_block .text02_2{width:50%;text-align: right}
.expenses_block .text02_2 .nt{font:9pt;font-family: 'PT Serif', serif;color:#b2100b;letter-spacing:2px;}
.expenses_block .text02_2 .mk{font:2rem "微軟正黑體";font-weight:bold;color:#b2100b;margin:0 10px;}

.expenses_block .text01_1{width:100%;}
.expenses_block .text01_1 .nt02{font:9pt;font-family: 'PT Serif', serif;color:#b2100b;margin-left:5px;letter-spacing:2px;}
.expenses_block .text01_1 .mk02{font:18pt "微軟正黑體";font-weight:bold;color:#b2100b;margin:0 10px;}


@media only screen and (max-width: 575px) {
#order_cart_list_title_block{display: none;}
#order_cart_list_list_block .text06_1:before{ content: "刪除：";font:2rem "微軟正黑體";font-weight: 700;color:#555555;}
#order_cart_list_list_block .text06_1{ width:calc(100% - 0px);}
#order_cart_list_list_block .text06_2 {display:none;}
#order_cart_list_list_block .text06_2_mob{width:100%;display: block}
#order_cart_list_list_block .text06_2_mob img{width:100%;max-width: 100%}
#order_cart_list_list_block .text06_3{ width:100%;font:17pt  "微軟正黑體";font-weight: 700;}
#order_cart_list_list_block .text06_4:before{ content: "單價：";font:1.7rem "微軟正黑體";font-weight: 700;color:#17599c;}
#order_cart_list_list_block .text06_4{ width:calc(100% - 0px);color:#17599c;}
#order_cart_list_list_block .text06_5:before{ content: "數量：";font:1.7rem "微軟正黑體";font-weight: 700;color:#555555;}
#order_cart_list_list_block .text06_5{ width:calc(100% - 0px);}
#order_cart_list_list_block .text06_6:before{ content: "總計：";font:1.7rem "微軟正黑體";font-weight: 700;color:#b2100b;}
#order_cart_list_list_block .text06_6{ width:calc(100% - 0px);color:#b2100b}
	
/*#order_cart_list_list_block01 .text06_1:before{ content: "NO：";font:2rem "微軟正黑體";font-weight: 700;color:#555555;}*/
#order_cart_list_list_block01 .text06_1 {display:none;}
#order_cart_list_list_block01 .text06_2 {display:none;}
#order_cart_list_list_block01 .text06_2_mob{width:100%;display: block}
#order_cart_list_list_block01 .text06_2_mob img{width:100%;max-width: 100%}
#order_cart_list_list_block01 .text06_3{ width:100%;font:17pt  "微軟正黑體";font-weight: 700;}
#order_cart_list_list_block01 .text06_4:before{ content: "單價：";font:1.7rem "微軟正黑體";font-weight: 700;color:#17599c;}
#order_cart_list_list_block01 .text06_4{ width:calc(100% - 0px);color:#17599c;}
#order_cart_list_list_block01 .text06_5:before{ content: "數量：";font:1.7rem "微軟正黑體";font-weight: 700;color:#555555;}
#order_cart_list_list_block01 .text06_5{ width:calc(100% - 0px);}
#order_cart_list_list_block01 .text06_6:before{ content: "總計：";font:1.7rem "微軟正黑體";font-weight: 700;color:#b2100b;}
#order_cart_list_list_block01 .text06_6{ width:calc(100% - 0px);color:#b2100b}	
	
}


/*Registration_form*/
.Registration_form{border:1px solid #C3C3C3 ;padding:0.7em;margin-top:2em;}
.Registration_form .Rform_pic{width:auto;height:178px;background:url(../images/form_title.jpg) center top no-repeat;}
.Registration_form .line{float:left;width:100%;height:auto !important;margin-bottom:5px;background-image: linear-gradient(to right, #333 20%, rgba(51, 51, 51, 0) 20%);background-position: bottom;background-size: 1px 1px;background-repeat: repeat-x;padding-bottom:5px;}
.Registration_form .Rform{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding:0;}

.Registration_form .Rform .Rtxt01{width:15%;padding-left:1%;font:1.7rem "微軟正黑體";font-weight:700;line-height:40px;text-align:right;background:#f1f1f1;color: #282828;margin-bottom: 0.4em;}
.Registration_form .Rform .Rtxt02{width:83%;padding-left:1%;float:left;font:1.7rem "微軟正黑體";font-weight:700;line-height:40px;color:#616161;margin-bottom: 0.4em;}
.Registration_form .Rform .Rform_input{border:1px #c9caca solid;background:#ffffff;padding:0.5em;width:calc((100% - 1em) - 2px);font:1.7rem "微軟正黑體";font-weight:700;}
.Registration_form .Rform .Rform_input01{border:1px #c9caca solid;background:#ffffff;padding:0.5em;width:calc((80px - 1em) - 2px);font:1.7rem "微軟正黑體";font-weight:700;}
.Registration_form .Rform .Rform_textarea{width:calc((100% -  1em) - 2px);max-width:700px;height:70px;max-height:70px; border:1px #bbbbbb solid;padding:0.5em;}
.Registration_form .Rform .Rtxt02 select{font:1.7rem "微軟正黑體";font-weight:700;padding:0.5em;}

@media only screen and (max-width: 479px) {

.Registration_form .Rform_pic{width:auto;height:178px;background:url(../images/form_title.jpg) center top no-repeat;}	
.Registration_form .Rform .Rtxt01{width:100%;font:2rem "微軟正黑體";font-weight:700;line-height:40px;color: #282828; text-align:left;background:#ffffff;}
.Registration_form .Rform .Rtxt02{width:100%;font:2rem "微軟正黑體";font-weight:700;line-height:40px;color:#616161;}
.Registration_form .Rform .Rform_input{border:1px #c9caca solid;background:#ffffff;padding:0.5em;width:calc((100% - 1em) - 2px);font:1.7rem "微軟正黑體";font-weight:700;}	
.Registration_form .Rform .Rform_input01{border:1px #c9caca solid;background:#ffffff;padding:0.5em;width:calc((25% - 1em) - 2px);font:1.7rem "微軟正黑體";font-weight:700;}	
.Registration_form .Rform .Rtxt02 select{font:1.7rem "微軟正黑體";font-weight:700;padding:0.5em;}	
}
@media screen and (min-width: 480px) and (max-width: 767px) {

.Registration_form .Rform_pic{width:auto;height:178px;background:url(../images/form_title.jpg) center top no-repeat;}	
.Registration_form .Rform .Rtxt01{width:100%;font:1.7rem "微軟正黑體";font-weight:700;line-height:40px;color: #282828; text-align:left;background:#ffffff;}
.Registration_form .Rform .Rtxt02{width:100%;font:1.7rem "微軟正黑體";font-weight:700;line-height:40px;color:#616161;}	
.Registration_form .Rform .Rform_input{border:1px #c9caca solid;background:#ffffff;padding:0.5em;width:calc((100% - 1em) - 2px);font:1.7rem "微軟正黑體";font-weight:700;}	
.Registration_form .Rform .Rform_input01{border:1px #c9caca solid;background:#ffffff;padding:0.5em;width:calc((25% - 1em) - 2px);font:1.7rem "微軟正黑體";font-weight:700;}	
.Registration_form .Rform .Rtxt02 select{font:1.7rem "微軟正黑體";font-weight:700;padding:0.5em;}	
}
@media screen and (min-width: 768px) and (max-width: 992px) {

.Registration_form .Rform_pic{width:auto;height:178px;background:url(../images/form_title.jpg) center top no-repeat;}	
.Registration_form .Rform .Rtxt01{width:100%;font:13pt "微軟正黑體";font-weight:700;line-height:40px;color: #282828; text-align:left;background:#ffffff;}
.Registration_form .Rform .Rtxt02{width:100%;font:13pt "微軟正黑體";font-weight:700;line-height:40px;color:#616161;}	
.Registration_form .Rform .Rform_input{border:1px #c9caca solid;background:#ffffff;padding:0.5em;width:calc((100% - 1em) - 2px);font:1.7rem "微軟正黑體";font-weight:700;}	
.Registration_form .Rform .Rform_input01{border:1px #c9caca solid;background:#ffffff;padding:0.5em;width:calc((100px - 1em) - 2px);font:1.7rem "微軟正黑體";font-weight:700;}	
.Registration_form .Rform .Rtxt02 select{font:1.7rem "微軟正黑體";font-weight:700;padding:0.5em;}	
}