@charset "utf-8";
@import url("bootstrap-grid.css");
@import url('https://fonts.googleapis.com/css2?family=Chiron+Sung+HK:ital,wght@0,700;1,700&display=swap');

/*2026御品園 CSS Document */

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

a{color:#64250d}
a:hover{color:#e57432;}

@media only screen and (max-width: 991px) {
.mobile{display:block;}
.desktop{display:none;}
}

@media (min-width: 992px) {
.mobile{display:none;}
.desktop{display:inline-block;}
}

@media only screen and (min-width: 992px) {
  .dropdown:hover .dropdown-menu {
    display: block;

  }
}
/*for des cart_icon*/
#Dcart_block{width:200px;height: 0px;background: #ff6600; position:absolute;top:35px;right:730px;float: right;z-index: 2}
#Dcart_block .Dcart{width:100%;text-align: right}
#Dcart_block .Dcart span{display: inline-block;border-radius: 30px; padding:0.3em 0.6em;font-weight: 600; color:#ffffff;background: rgba(88,49,28,0.9)}

/*#top_info_block{width:100% ;height: 35px; background: #ffffff;display: inline-block}*/
@media only screen and (max-width: 991px) {
/*#top_info_block{display: none;}*/
	
#bottom-bar{font-size:1.5rem;display:block;width:100%;height:auto;padding:0 0 0 0; background:#ffffff;border-top: 1px solid rgba(0,0,0,0.4); bottom:0px;position:fixed;z-index:9999;}
#bottom-bar a{color:rgba(0,0,0,0.7);}
#bottom-bar a:hover{color:#08546e;}

#bottom-bar #bottom-bar_block{width:calc(100% - 0.5em); display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding:0.5em;}
#bottom-bar #bottom-bar_block:after {content:''; clear:both; display:block;}	
	
#bottom-bar #bottom-bar_block .Mob_button{width:calc((100%/4) - 1em);margin: 0 0.5em; text-align:center;}

.icon_block{width:40px;position: relative;left:50%;}
.icon_block .strAmount{position: absolute;font-size:1.2rem;left:0 ;top:-6px;z-index: 1; padding:1px 6px;display: inline-block;border-radius: 50px;color:#ffffff;background:#c60b17;border:1px solid #ffffff;}
.mobpd{width: 100%;height: 70px;}	
}	


@media only screen and (max-width: 991px) {
#container{width:100%;height:auto;margin:0 auto;padding: 0 0em;background:transparent;} 
#container:after {content:''; clear:both; display:block;}	

#nav_container{position:relative;z-index:1030;width:100%;top:0;left:0;margin:0 auto;padding:0 ; height: auto;background: transparent;}  		
}

@media screen and (min-width: 992px) and (max-width: 1439px) {
#container{width:100%;height:auto;margin:0 auto;padding: 0 0em;background:transparent;} 
#container:after {content:''; clear:both; display:block;}	

#nav_container{position:relative;z-index:1030;width:100%;top:0;left:0;margin:0 auto;padding:0 1em; height: auto;background: transparent;}  		
}
@media (min-width: 1440px) {
#container{width:1400px;height:auto;margin:0 auto;padding: 0 0em;background:transparent;}  
#container:after {content:''; clear:both; display:block;}	
    
#nav_container{position:relative;z-index:1030;width:1400px;margin:0 auto;padding:0 0em; height: auto;background: transparent;}  
}

@media only screen and (max-width: 991px) {
#nav_container{position:fixed;z-index:1030;width:100%;margin:0 auto;padding:0 auto; height: auto;}		
#Tcontainer{width:100%;height:100% !important;margin:0 auto;padding:0 0 0 0;background: transparent}	
}

#Icontainer{width:100%;height:100% !important;margin:0 auto;padding: 0 0em;}



#spd{width:100%;height: 0px;}	

@media only screen and (max-width: 991px) {
#spd{width:100%;height: 80px;}	
}

#smpd{width:100%;height: 0px;}	

@media only screen and (max-width: 991px) {
#smpd{width:100%;height: 80px;}	
}



#Mcontainer{width:100%;height:100% !important;margin:0 0 0 0;padding:2em 0 0 0;}
#Mcontainer:after {content:''; clear:both; display:block;}

@media only screen and (max-width: 991px) {
#Mcontainer{width:100%;height:100% !important;margin:0 0 0 0;padding:2em 0.5em 0 0.5em;}
#Mcontainer:after {content:''; clear:both; display:block;}
	
	
}

/*footer_block*/
#footer_bg_block{width:100%;height: auto; background: #a26429 url("../images/footer_bg.jpg")no-repeat center top;padding:0;}
#footer_bg_block #footer_block{width:100%; display: flex;padding:0 0 1em 0;}

#footer_bg_block #footer_block .footer_info{width:100%;color: #482103;padding:0.5em 0 0 0;text-align: center}


#footer_bg_block #footer_block .footer_info .phone{margin:3px 20px 0 0; /*padding:0 0 0 30px;height: 21px; background:url("../images/phone_icon.svg") no-repeat left top;*/color: #482103;}
#footer_bg_block #footer_block .footer_info .fax{margin:3px 20px 0 0;/*padding:0 0 0 30px;height: 21px; background:url("../images/fax_icon.svg") no-repeat left top;*/color: #482103;}

#footer_bg_block #footer_block .footer_info .icon {padding:0 0 0 0}
#footer_bg_block #footer_block .footer_info .icon a{background:url(../images/bottom_icon.svg)  no-repeat;height:24px;width:24px;display:inline-block;text-indent:-9999px;	text-align:left;}
#footer_bg_block #footer_block .footer_info .icon a.line_icon{background-position:0 0;margin:0 6px 0 0;}
#footer_bg_block #footer_block .footer_info .icon a.facebook_icon{background-position:-24px 0;}

#footer_bg_block #footer_block .footer_link{display: flex;flex-wrap: wrap;justify-content:center;align-content: center;align-items:stretch;margin:0;padding:0;}
#footer_bg_block #footer_block .footer_link a{color:#ffffff;padding:0.5em 0; margin:0 25px 0 0;}
#footer_bg_block #footer_block .footer_link a:hover{color:#ffffff;}



#copy_block{width:100%;background: #a46427;color:#000;padding:0.5em 0;text-align: center;display: flex;flex-wrap: wrap;justify-content: center}
.mb{width: 100%;background: url("../images/main_bg.jpg")no-repeat left top;}
/*#main_bg{background:#ff6600;}*/
#titleCa_info_block1{padding:0 6%;height:500px; background:url("../images/main_pic_260324.png") no-repeat center top;margin:0 0 0 0;}

#titleCa_info{position:relative; width:100%;  height:0px; margin:0 auto; z-index:1;}
/*#title01{font-size:2.7rem;position:absolute;z-index:1000000;top:calc((274px - 80px)/2);left:10%;letter-spacing: 0.5px;font-weight: 700; color:rgba(121,70,22,0.8);text-shadow:
    2px 0 #000,
   -2px 0 #000,
    0 2px #000,
    0 -2px #000,
    2px 2px #000,
   -2px -2px #000,
    2px -2px #000,
   -2px 2px #000; width:auto;white-space:nowrap;}*/

/*#title01 span{display:inline-block;/*background:rgba(0,0,0,0.2);padding:0.5em;}*/

@media screen and (max-width: 991px) {
/*Title_BG*/
	
/*#titleCa_info_block1{height:320px;background:url("../images/tablet_991.png") no-repeat center top;background-position: 75% center;height: 260px;}	
*/	
	.mb{width: 100%;background: url("../images/main_bg.jpg")no-repeat left 20%  top;}	

		
	#titleCa_info_block1{ background-size:cover;height:400px;background:url("../images/tablet_991.png") no-repeat center top;}

}
@media screen and (max-width: 575px) {
.mb{width: 100%;background: url("../images/main_bg.jpg")no-repeat center top;}	
/*Title_BG*/

/*#titleCa_info_block1{height:250px;background:url("../images/mobile_399.png") no-repeat center top;background-position: 75% center;height: 260px;}	*/
		
	#titleCa_info_block1{background-size:cover;height:300px; background:url("../images/mobile_575.png") no-repeat center top;}

}



/*main_location_info*/
#Mcontainer .location_info {float:left; width:100%; height:auto;margin:0 0 2em 0; padding:0; clear:both;}
#Mcontainer .location_info .location {/*line-height:40px;*/text-align:left;padding:0 0 0 0;margin:0 0 0 0;}
#Mcontainer .location_info .location span {display:inline-block; padding:0 20px 0 5px;vertical-align:middle; color:rgba(121,70,22,0.7); background: url(../images/arr_location.gif) no-repeat right 5px;}
#Mcontainer .location_info .location span a{color:rgba(121,70,22,0.7);}
#Mcontainer .location_info .location span a:hover{color:#794616;}
#Mcontainer .location_info .location span.last {background:none;}
#Mcontainer .location_info .location strong {display:inline-block;padding-left:5px; vertical-align:middle; color:#794616;}
#Mcontainer .location_info .location strong a {color:rgba(121,70,22,0.7);}
#Mcontainer .location_info .location span.searchWord {background:none; color:#794616;}

#Mcontainer .location_info .location .home-icon{position:relative;padding-left:25px}
#Mcontainer .location_info .location .home-icon::before{content:'';display:inline-block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;background:url(../images/Home.jpg) no-repeat center;background-size:contain}


#Mcontents{width:100%;padding:0 2%;}


.Mtitle{color:#794616;font:2.4rem "Chiron Sung HK", serif;font-weight: 700;padding:0 0 0.4em 0;border-bottom:1px rgba(121,70,22,0.5) solid;margin:0 0 0.4em 0;font-weight: 700;}


/*full_page*/
#M_content{width:100%;padding: 0;line-height: 35px;}

#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(121,70,22,0.7)}
#M_content a:hover{color:rgba(121,70,22,1.00)}

#M_content .subtitle{width:100%;padding:1em 0 1em 0} 
#M_content .subtitle span{display: inline-block;background:#794616;color:#ffffff;padding:0.1em 1.2em;border-radius: 1em;}

.subtitle{width:100%;padding:1em 0 1em 0} 
.subtitle span{display: inline-block;background:#794616;color:#ffffff;padding:0.1em 1.2em;border-radius: 1em;}




/*Iabout*/
#Iabout_block{width:100%; text-align: center}
#Iabout_block #aimg{width:100%;}
#Iabout_block #acontent{width:70%;margin:0 15%;/*font-size: 2.4rem; line-height:1.8;*/ font-weight: 700;line-height:35px;text-align: left}



/*Ifranchise*/
#Ifranchise_bg{width:100%;background:#322f2d;}
#Ifranchise_bg #Ifranchise_block{width:100%;padding: 0;display:flex;}
#Ifranchise_bg #Ifranchise_block .Ifranchise_img{width:375px;}
#Ifranchise_bg #Ifranchise_block .Ifranchise_img .photo{width:100%}
#Ifranchise_bg #Ifranchise_block .Ifranchise_content{width:calc(100% - (375px*2));}

/*order*/
#order_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content: space-around;align-items: stretch;padding:1em 0.5em;}
#order_block .order_content01{width:42%;padding:0 1em 0 0;}
#order_block .order_content02{width:58%;}
#order_block .order_content02 .order_subtitle{width:100%;} 
#order_block .order_content02 .order_subtitle span{font-size:1.8rem;font-weight: 700; display: inline-block;background:#794616;color:#ffffff;padding:0.3em 1.2em;border-radius: 1em;}



.order_subtitle{width:100%;}
.order_subtitle span{font-size:1.8rem;font-weight: 700;display: inline-block;background:#794616;color:#ffffff;padding:0.3em 1.2em;border-radius: 1em;}
.order_subcontent{line-height: 35px;padding:0.5em 1em}
.order_subcontent ul {list-style: none;}
.order_subcontent ul li::before {content: "●"; color: #ac601e ; margin-right: 8px;min-width: 16px;}
.order_subcontent ul li{display: flex;align-items: flex-start}

.order_subcontent ol {list-style:none;counter-reset: my-sec-counter;}
.order_subcontent ol li::before {min-width: 16px; counter-increment: my-sec-counter;content:  counter(my-sec-counter) ".";color: #ac601e;margin-right: 8px;}
.order_subcontent ol li{display: flex;align-items: flex-start}




/*.order_subcontent ul {list-style:disc;padding:0 0 0 2em; }
.order_subcontent ol {list-style:decimal;padding:0 0 0 2em; }
*/

/*join*/
#contact_block{width:calc(100% - 2em);display: flex;flex-wrap: wrap;justify-content:flex-start;align-content: space-around;align-items: stretch;margin:1em;padding:0.5em;background:rgba(121,70,22,0.07);border-radius: 10px}
#contact_block .text02_1{width:120px;padding:0.5em;/*background: rgba(0,0,0,0.08);*/text-align: center;border-bottom:1px solid rgba(121,70,22,0.3);/*font-weight: 700*/}
#contact_block .text02_2{width:calc(100% - 120px);padding:0.5em;border-bottom:1px solid rgba(121,70,22,0.3);}
#contact_block .text02_2 .textarea{border:1px rgba(121,70,22,0.2) solid;padding:0.3em;background:rgba(121,70,22,0.08);width:80%;min-height: 200px; margin:1em 0;}
#contact_block .text02_2 .input{border:1px rgba(121,70,22,0.2) solid;padding:0.3em;background:rgba(121,70,22,0.08);width:200px;}

#contact_block .text02_2 .imgCaptcha_block{width:100%;}
#contact_block .text02_2 .imgCaptcha_block .text01_1{width:100%;display:inline-block;}
#contact_block .text02_2 .imgCaptcha_block .text01{width:100%;}



#contact_block .text02_2 .imgCaptcha_block .text01_1 .btn_chang a{font:1.5rem "微軟正黑體";font-weight:700;width:auto;height:auto;border-radius: 5px; padding:0.3em 0.5em;background:linear-gradient(90deg, #7c3e0b 1%, #ad611e 100%);color:#ffffff;display:inline-block;text-align:center;}
#contact_block .text02_2 .imgCaptcha_block .text01_1 .btn_chang a:hover{background:linear-gradient(-20deg, #7c3e0b 1%, #ad611e 100%);color:rgba(255,255,255,1.00);}


/*cooking*/

#cooking_list{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content: space-around;align-items: stretch;padding:1em 0.5em;}
#cooking_list .video_block{width:45%;padding:0 20px 0 0}

#cooking_list .content_block{width:55%;}
#cooking_list .content_block .title{width: 100%;font-size: 2rem;font-weight: 700;padding:0 0 1em 0;}
#cooking_list .content_block .text{width: 100%;line-height: 30px;}

/*hot_point*/
#Thotpoint{width:100%;font-size: 2rem;font-weight: 700;color:#ffffff;background: rgba(121,70,22,0.5); text-align: center;padding:0.5em 0;}
#hot_list_point{width:100%;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:space-between;align-items: stretch;margin:0 0 3em 0;}
#hot_list_point .hot_list{width:calc(100%/4); margin:10px 0;padding:0 10px;}
#hot_list_point .hot_list .img{width:100%;min-height: 200px;display: flex;justify-content:center;align-items: center;text-align: center;background: rgba(121,70,22,0.1)}
#hot_list_point .hot_list .img img{ max-width: 100%;height: auto;}
#hot_list_point .hot_list .hot_list_title{width: 100%;padding:0.5em 0;}
#hot_list_point .hot_list .hot_list_title .title{width: 100%;}
#hot_list_point .hot_list .hot_list_title .title p{width: 100%;font-size:1.8rem;font-weight: 700 }
#hot_list_point .hot_list .hot_list_title .title_block{display: flex;flex-wrap: wrap;justify-content:flex-start;color:rgba(121,70,22,0.8)}
#hot_list_point .hot_list .hot_list_title .title_block .text02_1{width:70px;margin:0 5px 0 0}
#hot_list_point .hot_list .hot_list_title .title_block .text02_2{width:calc(100% - 75px);}


/*product*/
#product_block:nth-child(even){width:100%;min-height: 416px; display: flex;flex-direction: row-reverse;padding:2em 0;border-top: 1px solid rgba(121,70,22,0.15);border-bottom: 1px solid rgba(121,70,22,0.15);/*background: url("../images/pro_bg.png")no-repeat top right;*/}

#product_block{width:100%;min-height: 416px;display: flex;flex-wrap: wrap;/*background: url("../images/pro_bg.png")no-repeat top left;*//*justify-content:flex-start;align-content: space-around;align-items: centergba(121,70,22,1.00);*/padding:2em 0;}

#product_block .img_block{width:650px;min-height:416px; }
#product_block .img_block .imgblock{width:100%;}
#product_block .img_block .imgblock img{max-width: 100%;height: auto}
#product_block .img_block .imgblock .capacity{width:100%;font:1.7rem "Chiron Sung HK", serif;font-weight: 700;padding:2.8em 0 0 0;}
#product_block .img_block .imgblock .capacity::before{content: '包裝容量：'}

#product_block .img_block .title_block{width: 100%;position: relative;z-index: 999;}

#product_block .img_block .title_block .title{width:auto;position: absolute;display: flex;align-items:center; top:0px;right: 0px;font:2rem "Chiron Sung HK", serif;font-weight: 700;}
#product_block .img_block .title_block .title .titlebg{display:inline-block;vertical-align: bottom; padding:0.35em 0.35em 0 0.35em;color:#ffffff; background:linear-gradient(0deg, #7c3e0b 30%, #ab601d 100%)}
#product_block .img_block .title_block .title .titlebg p{display: inline-block;vertical-align: bottom;padding:0.5em;box-shadow: inset 0px 0px 0px 1px rgba(190,190,190,0.5);}
#product_block .img_block .title_block .title .titlebg p .des{display: block;}
#product_block .img_block .title_block .title .titlebg p .mob{display: none;}

#product_block .img_block .btn_add_block{width:100%;text-align: right;padding:1.5em 0 0 0;}
#product_block .img_block .btn_add_block a{font: 2.2rem "Chiron Sung HK", serif;font-weight: 700; color:#e17a21;}
#product_block .img_block .btn_add_block a:hover{color:#e17a21;}

#product_block .note_block{width:calc(100% - 650px - 3em);margin:1em 0 0 3em;padding:0.5em;font-family: "Chiron Sung HK", serif;font-weight: 700;}
#product_block .note_block .noteT{width: 100%;}
#product_block .note_block .noteT span{font-size: 2rem;display: inline-block;text-align: center; padding:0.3em 0.7em;margin: 0 0 0.5em 0; color:#fff;background: #794616;border-radius: 30px;}
#product_block .note_block .title{width:100%;margin:0 0 1em 0;font-weight: 700;}
#product_block .note_block .text{width: 100%;font-size:1.8rem;padding:1em;line-height: 3rem}

#product_block .note_block .text ul {list-style: none;}
#product_block .note_block .text ul li::before {content: "●"; color: #ac601e ; margin-right: 8px;min-width: 16px;}
#product_block .note_block .text ul li{display: flex;align-items: flex-start}

#product_block .note_block .text ol {list-style:none;counter-reset: my-sec-counter;}
#product_block .note_block .text ol li::before {min-width: 16px; counter-increment: my-sec-counter;content:  counter(my-sec-counter) ".";color: #ac601e;margin-right: 8px;}
#product_block .note_block .text ol li{display: flex;align-items: flex-start}

/*260407*/
#product_block .note_block .btn_add_block{width:100%;text-align: left;padding:1.5em 0 0 0;color:#ffffff;}

#product_block .note_block .btn_add_block a{font:2.2rem "微軟正黑體";font-weight:700;width:auto;height:auto;border-radius: 5px; padding:0.5em 2em;background:linear-gradient(90deg, #7c3e0b 1%, #ad611e 100%);color:#ffffff;display:inline-block;text-align:center;}
#product_block .note_block .btn_add_block a:hover{color:#ffffff;background:linear-gradient(-20deg, #7c3e0b 1%, #ad611e 100%);}


/*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:after {content:''; clear:both; display:block;}	


#product_content_block #product_img{width:calc(650px - 1em);margin: 0 1em 0 0;}
#product_content_block #product_img img{max-width: 100%;height: auto}

#product_content_block #product_img .title_block{width: 100%;position: relative;z-index: 999;}
#product_content_block #product_img .title_block .product_title{width:100%;position: absolute;top:-10px;left:-10px;margin:0 0 1em 0;font:2rem "Chiron Sung HK", serif;font-weight: 700;}
#product_content_block #product_img .title_block .product_title .titlebg{display:inline-block;vertical-align: bottom; padding:0.35em 0.35em 0 0.35em;color: #ffffff; background:linear-gradient(0deg, #7c3e0b 30%, #ab601d 100%)}
#product_content_block #product_img .title_block .product_title .titlebg p{display: inline-block;vertical-align: bottom;padding:0.5em;box-shadow: inset 0px 0px 0px 1px rgba(190,190,190,0.5);}

#product_content_block #product_img .title_block .product_title .titlebg p .des{display:block;}
#product_content_block #product_img .title_block .product_title .titlebg p .mob{display:none;}




#product_content_block #product_content{width:calc(100% - 650px);padding:1em 0 0 0;}
#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:#1e728e;color:#ffffff;}

#product_content_block #product_content .product_note{width:100%;color:rgba(121,70,22,0.7);margin:1em 0 0 0;display: flex;flex-wrap: wrap;justify-content: flex-start;}
#product_content_block #product_content .product_note .text02_1{width: 100px;padding: 0.3em 0;}
#product_content_block #product_content .product_note .text02_2{width:calc(100% - 100px);padding: 0.3em 0;}

#product_content_block #product_content .product_subtitle{width:100%;margin: 1.5em 0 0.5em 0;font:2rem "Chiron Sung HK", serif;font-weight: 700;}
#product_content_block #product_content .product_subtitle span{display: inline-block;text-align: center; padding:0.3em 0.7em; color:#fff;background: #794616;border-radius: 30px;}

#product_content_block #product_content .product_subcontent{line-height: 35px;}
#product_content_block #product_content .product_subcontent ul {list-style: none;}
#product_content_block #product_content .product_subcontent ul li::before {content: "●"; color: #ac601e ; margin-right: 8px;min-width: 16px;}
#product_content_block #product_content .product_subcontent ul li{display: flex;align-items: flex-start}

#product_content_block #product_content .product_subcontent ol {list-style:none;counter-reset: my-sec-counter;}
#product_content_block #product_content .product_subcontent ol li::before {min-width: 16px; counter-increment: my-sec-counter;content:  counter(my-sec-counter) ".";color: #ac601e;margin-right: 8px;}
#product_content_block #product_content .product_subcontent ol li{display: flex;align-items: flex-start}



/*order_list*/

#order_list_title{width:100%;border-radius: 5px;background:rgba(0,0,0,0.15);padding:0.5em;margin:0.5em 0;}

#order_list_note_block{width:100%;padding:2em 0;text-align: center;}
#order_list_note01_block{width:calc(100% - 1em);padding:2em 0;text-align: center;padding:5%;border-radius: 10px; margin:0.5em;border: 1px solid rgba(0,0,0,0.2)}

#order_Tlist_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items:stretch;padding:0.5em;color:#fff;background:#463524;}
#order_Tlist_block .text05_1{width:calc(100% - 500px);}
#order_Tlist_block .text05_2{width:100px}
#order_Tlist_block .text05_3{width:100px}
#order_Tlist_block .text05_4{width:150px}
#order_Tlist_block .text05_5{width:150px}

#order_llist_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items:stretch;padding:0.5em;}
#order_llist_block .text05_1{width:calc(100% - 500px);}
#order_llist_block .text05_2{width:100px}
#order_llist_block .text05_3{width:100px}
#order_llist_block .text05_4{width:150px}
#order_llist_block .text05_5{width:150px}
#order_llist_block .mob{display: none;} 

#order_llist_block .text05_5 .delc{display: inline-block;margin:0 0.2em;background:#922626;border: 0px solid #000;color: #ffffff;padding:0.3em;border-radius: 3px;}
#order_llist_block .text05_5 .change{display: inline-block;margin:0 0.2em;background:#464646;border: 0px solid #000;color: #ffffff;padding:0.3em;border-radius: 3px;}

#order_note_block{width:100%;/*font-weight: 600;*/display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items:stretch;padding:0.5em;}
#order_note_block .title{width: 100%;margin: 1.5em 0 0.5em 0;font:2rem "Chiron Sung HK", serif;font-weight: 700;}
#order_note_block .title span{display: inline-block;text-align: center; padding:0.3em 0.7em; color:#fff;background: #794616;border-radius: 30px;}


#order_note_block .list{width:100%;/*font-weight: 400;*/padding:0 0 0 25px;margin:5px 0;}
#order_note_block .textarea_block{width:100%;}
#order_note_block .textarea_block .textarea{padding:0.5em;border: 1px solid rgba(121,70,22,0.5);background:  rgba(121,70,22,0.08);width:100%; margin:1em 0;}

/*login_block*/
#login_block{display: flex;flex-wrap: wrap;justify-content: flex-start;padding:0.5em;}

#login_block .login_block{width:calc(50% - 1em);border: 1px solid rgba(121,70,22,0.08);border-radius: 5px;padding:1em; margin:0.5em;}
#login_block .login_block .title{width:100%;color:#794616 ; text-align: center; border-bottom: 3px solid  rgba(121,70,22,0.3);padding-bottom: 10px;margin-bottom: 10px;}
#login_block .login_block .input_block{padding:1em 0;display: flex;flex-wrap: wrap;justify-content: flex-start;}
#login_block .login_block .input_block .text02_1{width:150px;text-align: right;padding:0.5em;}
#login_block .login_block .input_block .text02_2{width:calc(100% - 150px);padding:0.5em;}
#login_block .login_block .input_block .text02_2 .input{width: 80%;padding:0.3em;border: 1px solid rgba(0,0,0,0.2);background:  rgba(121,70,22,0.08)}

#login_block .login_block .input_block #btn_login a{width:auto;height:auto;padding:0.5em 2em;background:linear-gradient(90deg, #7c3e0b 1%, #ad611e 100%);color:#ffffff;display:inline-block;text-align:center;margin:0.5em;}
#login_block .login_block .input_block #btn_login a:hover{width:auto;height:auto;padding:0.5em 2em;background:linear-gradient(-20deg, #7c3e0b 1%, #ad611e 100%);color:#ffffff;display: inline-block;text-align:center;margin:0.5em;}

#login_block .login_block .input_block #btn_add a{width:auto;height:auto;padding:0.5em 2em;background:linear-gradient(90deg, #7c3e0b 1%, #ad611e 100%);color:#ffffff;display:inline-block;text-align:center;margin:0.5em;}
#login_block .login_block .input_block #btn_add a:hover{width:auto;height:auto;padding:0.5em 2em;background:linear-gradient(-20deg, #7c3e0b 1%, #ad611e 100%);color:#ffffff;display: inline-block;text-align:center;margin:0.5em;}



#login_block .login01_block{width:calc(50% - 1em);background: rgba(121,70,22,0.1); border-radius: 5px;padding:1em; margin:0.5em;}
#login_block .login01_block .title{width:100%;color:#794616 ; text-align: center; border-bottom: 3px solid  rgba(121,70,22,0.3);padding-bottom: 10px;margin-bottom: 10px;}
#login_block .login01_block .input_block{padding:1em 0;display: flex;flex-wrap: wrap;justify-content: flex-start;}
#login_block .login01_block .input_block .text02_1{width:150px;text-align: right;padding:0.5em;}
#login_block .login01_block .input_block .text02_2{width:calc(100% - 150px);padding:0.5em;}
#login_block .login01_block .input_block .text02_2 .input{width: 80%;padding:0.3em;border: 1px solid rgba(0,0,0,0.2);background:  rgba(121,70,22,0.08)}

#login_block .login01_block .input_block #btn_login a{width:auto;height:auto;padding:0.5em 2em;background:linear-gradient(90deg, #7c3e0b 1%, #ad611e 100%);color:#ffffff;display:inline-block;text-align:center;margin:0.5em;}
#login_block .login01_block .input_block #btn_login a:hover{width:auto;height:auto;padding:0.5em 2em;background:linear-gradient(-20deg, #7c3e0b 1%, #ad611e 100%);color:#ffffff;display: inline-block;text-align:center;margin:0.5em;}

#login_block .login01_block #note_block{width:100%;padding:0 2em}

#login_block .Mlogin_block{width:calc(50% - 1em);background: rgba(121,70,22,0.05);border-radius: 5px;padding:1em; margin:0 auto;}
#login_block .Mlogin_block .title{width:100%;color:#794616;font-size: 2.2rem; text-align: center; border-bottom: 3px solid  rgba(121,70,22,0.3);padding-bottom: 10px;margin-bottom: 10px;}
#login_block .Mlogin_block .input_block{padding:1em 0;display: flex;flex-wrap: wrap;justify-content: flex-start;}
#login_block .Mlogin_block .input_block .text02_1{width:150px;text-align: right;padding:0.5em;}
#login_block .Mlogin_block .input_block .text02_2{width:calc(100% - 150px);padding:0.5em;}
#login_block .Mlogin_block .input_block .text02_2 .input{width: 80%;padding:0.3em;border: 1px solid rgba(0,0,0,0.2);background:  rgba(121,70,22,0.08)}

/*#login_block .Mlogin_block .input_block #btn_login a{width:auto;height:auto;padding:0.5em 2em;background:#020001;color:rgba(121,70,22,1.00);display:inline-block;text-align:center;margin:0.5em;}
#login_block .Mlogin_block .input_block #btn_login a:hover{width:auto;height:auto;padding:0.5em 2em;background:#fff;color:#000;display: inline-block;text-align:center;margin:0.5em;}

#login_block .Mlogin_block .input_block #btn_add a{width:auto;height:auto;padding:0.5em 2em;background:#c00101;color:rgba(121,70,22,1.00);display:inline-block;text-align:center;margin:0.5em;}
#login_block .Mlogin_block .input_block #btn_add a:hover{width:auto;height:auto;padding:0.5em 2em;background:#850000;color:#ffffff;display: inline-block;text-align:center;margin:0.5em;}

*/
#login_block .Mlogin_block .input_block #btn_login a{font:1.6rem "微軟正黑體";font-weight:700;width:auto;height:auto;border-radius: 5px; padding:0.5em 2em;background:linear-gradient(90deg, #7c3e0b 1%, #ad611e 100%);color:#ffffff;display:inline-block;text-align:center;margin:0.5em;}
#login_block .Mlogin_block .input_block #btn_login a:hover{background:linear-gradient(-20deg, #7c3e0b 1%, #ad611e 100%);color:#ffffff;}

#login_block .Mlogin_block .input_block #btn_add a{font:1.6rem "微軟正黑體";font-weight:700;width:auto;height:auto;border-radius: 5px; padding:0.5em 2em;background:linear-gradient(90deg, #7c3e0b 1%, #ad611e 100%);color:#ffffff;display:inline-block;text-align:center;margin:0.5em;}
#login_block .Mlogin_block .input_block #btn_add a:hover{background:linear-gradient(-20deg, #7c3e0b 1%, #ad611e 100%);color:#ffffff;}


/*apply_block*/

#apply_title_block{width:100%;padding:0.5em;color:#fff;background: rgba(121,70,22,0.5);font-weight: 700;}
#apply_content_block{display: flex;flex-wrap: wrap;justify-content: flex-start;padding:0.5em;}
#apply_content_block .text01_1{width:100%;padding:0.5em;}
#apply_content_block .text02_1{width:150px;text-align: right;padding:0.5em;}
#apply_content_block .text02_2{width:calc(100% - 150px);padding:0.5em;color:rgba(121,70,22,1)}
#apply_content_block .text02_2 .input{width: 150px;padding:0.3em;border: 1px solid rgba(121,70,22,0.5);background:  rgba(121,70,22,0.08)}
#apply_content_block .text02_2 .input01{width: 350px;padding:0.3em;border: 1px solid rgba(121,70,22,0.5);background:  rgba(121,70,22,0.08)}
#apply_content_block .text02_2 .textarea{width:100%;padding:0.3em;border: 1px solid rgba(121,70,22,0.5);background:  rgba(121,70,22,0.08)}

#apply_content_block .text04_1{width:150px;text-align: right;padding:0.5em;}
#apply_content_block .text04_3{width:calc((100% - 300px)/2);padding:0.5em;color:rgba(121,70,22,0.6)}

/*order_run*/
#order_Trun_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items:stretch;padding:0.5em;margin:1em 0 0 0;color:#fff;background:#463524;}
#order_Trun_block .text04_1{width:calc(100% - 350px);}
#order_Trun_block .text04_2{width:100px}
#order_Trun_block .text04_3{width:100px}
#order_Trun_block .text04_4{width:150px}

#order_Lrun_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items:stretch;padding:0.5em;}
#order_Lrun_block .text04_1{width:calc(100% - 350px);}
#order_Lrun_block .text04_2{width:100px}
#order_Lrun_block .text04_3{width:100px}
#order_Lrun_block .text04_4{width:150px}
#order_Lrun_block .mob{display: none;}

#order_Nrun_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items:stretch;padding:0.5em;margin:0.3em 0;background:rgba(121,70,22,0.07) }
#order_Nrun_block ul {list-style:disc;padding:0 0 0 2em;}
#order_Nrun_block ol {list-style:decimal;padding:0 0 0 2em;}


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

/*footer*/

#footer_bg_block{width:100%;height: auto; background: #a26429 url("../images/footer_bg.jpg")no-repeat center top;padding:0;}
#footer_bg_block #footer_block{width:100%; display: flex;flex-wrap: wrap;justify-content: flex-start;}

#footer_bg_block #footer_block .footer_info{width:calc(100% - 0px - 0em);text-align: center;padding:1em 0 0 0;}	
	
	
#footer_bg_block #footer_block .footer_info span{display: inline-block;}	
#footer_bg_block #footer_block .footer_link{display: flex;flex-wrap: wrap;justify-content:center;align-content: space-between;align-items: baseline;margin:0;padding:0;}
	
/*260420修正*/	
#Iabout_block{width:100%;padding:0 1em; text-align: center}	
#Iabout_block #acontent{width:100%;margin:0 0;padding:0;/*font-size: 1.6rem;  line-height:1.8;*/font-weight: 700;line-height:35px;text-align: left}
	

#Ifranchise_bg #Ifranchise_block{width:100%;padding: 0;flex-direction:column;}	
#Ifranchise_bg #Ifranchise_block .Ifranchise_img{width:100%;display: flex;align-items:center; }
#Ifranchise_bg #Ifranchise_block .Ifranchise_img .photo{width:50%}	
#Ifranchise_bg #Ifranchise_block .Ifranchise_content{width:100%;}	
	
/*order*/
#order_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content: space-around;align-items: stretch;padding:1em 0.5em;}
#order_block .order_content01{width:100%;}
#order_block .order_content02{width:100%;padding:1.5em 0 0 0;}
	
	
/*hot_point*/
#hot_list_point .hot_list{width:calc(100%/1); margin:10px 0;padding:0 10px;}
#hot_list_point .hot_list .img{width:100%;min-height: 100px;display: flex;justify-content:center;align-items: center;text-align: center;background: rgba(121,70,22,0.1)}	
#hot_list_point .hot_list .hot_list_title .title_block .text02_1{width:100%;margin:0 0px 0 0}
#hot_list_point .hot_list .hot_list_title .title_block .text02_2{width:100%;padding:0 0 0 20px;}	
	
	
#cooking_list{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content: space-around;align-items: stretch;padding:1em 0.5em;}
#cooking_list .video_block{width:100%;padding:0 0px 0 0}

#cooking_list .content_block{width:100%;}
#cooking_list .content_block .title{width: 100%;font-size: 2rem;font-weight: 700;padding:0.5em 0 1em 0;}


/*product*/
#product_block:nth-child(even){width:100%;min-height: 416px; display: flex;flex-direction: row-reverse;padding:2em 0;/*background: url("../images/pro_bg.png")no-repeat top right;*/}

#product_block{width:100%;min-height: 416px;display: flex;flex-wrap: wrap;/*background: url("../images/pro_bg.png")no-repeat top left;*//*justify-content:flex-start;align-content: space-around;align-items: center;*/padding:2em 0;}

	
#product_block .img_block{width:100%;min-height:416px;padding:0.5em 1em }
	
#product_block .img_block .title_block .title{width:auto;position: absolute;display: flex;align-items:center; top:0px;left: -5px;font:2rem "Chiron Sung HK", serif;font-weight: 700;}
/*#product_block .img_block .title_block .title .titlebg p .des{display: none;}
#product_block .img_block .title_block .title .titlebg p .mob{display: block;}*/
	
#product_block .img_block .title_block .title .titlebg p .des{display: block;}
#product_block .img_block .title_block .title .titlebg p .mob{display: none;}	

#product_block .note_block{width:100%;margin:0 0 0 0em;padding:0.5em;font-family: "Chiron Sung HK", serif;font-weight: 700;}
	
	
/*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_title{width:100%;margin:0 0 1em 0;font:2rem "Chiron Sung HK", serif;font-weight: 700;}
#product_content_block .product_title .titlebg{display:inline-block;vertical-align: bottom; padding:0.35em 0.35em 0 0.35em; background:linear-gradient(0deg, #7c3e0b 30%, #ab601d 100%)}
#product_content_block .product_title .titlebg p{display: inline-block;vertical-align: bottom;padding:0.5em;box-shadow: inset 0px 0px 0px 1px rgba(190,190,190,0.5);}
#product_content_block .product_title .titlebg p .des{display: none;}
#product_content_block .product_title .titlebg p .mob{display: block;}
	
	

#product_content_block #product_img{width:100%;margin: 0 0em 0 0;}
#product_content_block #product_img img{max-width: 100%;height: auto}
#product_content_block #product_content{width:100%;padding:0em 0 0 0;}
	
	
/*order_list*/

#order_Tlist_block{display: none;}

#order_llist_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items:stretch;padding:0.5em;}
#order_llist_block .text05_1{width:100%;font-size: 2rem; font-weight: 700;}
#order_llist_block .text05_2{display: none;}
#order_llist_block .text05_3{width:150px;}
#order_llist_block .text05_4{width:calc(100% - 150px);text-align: right}
#order_llist_block .text05_5{width:100%;text-align: right}	
	

#order_llist_block .text05_5 .delc{display: inline-block;margin:0 0.2em;background:#922626;border: 0px solid #000;color: #ffffff;padding:0.3em;border-radius: 3px;}
#order_llist_block .text05_5 .change{display: inline-block;margin:0 0.2em;background:#464646;border: 0px solid #000;color: #ffffff;padding:0.3em;border-radius: 3px;}

	

#order_llist_block .mob{display: inline-block}	
	
#order_llist_block:nth-child(even){border-bottom: 2px dotted rgba(121,70,22,0.4);}	
		
/**/	

.order_subcontent ol {list-style:none;counter-reset: my-sec-counter;}
.order_subcontent ol li::before {counter-increment: my-sec-counter;content:  counter(my-sec-counter) ".";color: #ac601e;min-width: 16px; margin-right:8px;}
.order_subcontent ol li{display: flex;justify-content: flex-start; align-content: space-around; align-items:stretch;width:100%;}
	
.order_subcontent ul li span,.order_subcontent ol li span{display: inline-block}

	
	
/*login_block*/


#login_block .login_block{width:calc(100% - 1em);border: 1px solid rgba(121,70,22,0.08);border-radius: 5px;padding:1em; margin:0.5em;}
#login_block .login_block .title{width:100%;color:#794616 ; text-align: center; border-bottom: 3px solid  rgba(121,70,22,0.3);padding-bottom: 10px;margin-bottom: 10px;}
#login_block .login_block .input_block{padding:1em 0;display: flex;flex-wrap: wrap;justify-content: flex-start;}
#login_block .login_block .input_block .text02_1{width:100%;text-align: left;padding:0 0.5em;}
#login_block .login_block .input_block .text02_2{width:100%;padding:0 0.5em;}
#login_block .login_block .input_block .text02_2 .input{width: 100%;padding:0.3em;border: 1px solid rgba(0,0,0,0.2)}


#login_block .login01_block{width:calc(100% - 1em);background: rgba(121,70,22,0.1); border-radius: 5px;padding:1em; margin:0.5em;}
#login_block .login01_block .title{width:100%;color:#794616 ; text-align: center; border-bottom: 3px solid  rgba(121,70,22,0.3);padding-bottom: 10px;margin-bottom: 10px;}
#login_block .login01_block .input_block{padding:1em 0;display: flex;flex-wrap: wrap;justify-content: flex-start;}
#login_block .login01_block .input_block .text02_1{width:100%;text-align: left;padding:0 0.5em;}
#login_block .login01_block .input_block .text02_2{width:100%;padding:0 0.5em;}
#login_block .login01_block .input_block .text02_2 .input{width: 100%;padding:0.3em;border: 1px solid rgba(0,0,0,0.2)}
	

#login_block .Mlogin_block{width:calc(100% - 1em);border: 1px solid rgba(121,70,22,0.08);border-radius: 5px;padding:1em; margin:0 auto;}
#login_block .Mlogin_block .title{width:100%;color:#794616 ; text-align: center; border-bottom: 3px solid  rgba(121,70,22,0.3);padding-bottom: 10px;margin-bottom: 10px;}
#login_block .Mlogin_block .input_block{padding:1em 0;display: flex;flex-wrap: wrap;justify-content: flex-start;}
#login_block .Mlogin_block .input_block .text02_1{width:100%;text-align: left;padding:0 0.5em;}
#login_block .Mlogin_block .input_block .text02_2{width:100%;padding:0 0.5em;}
#login_block .Mlogin_block .input_block .text02_2 .input{width: 100%;padding:0.3em;border: 1px solid rgba(0,0,0,0.2)}	
	
	
/*apply_block*/

#apply_title_block{width:100%;padding:0.5em;color:#fff;background: rgba(121,70,22,0.5);font-weight: 700;}
#apply_content_block{display: flex;flex-wrap: wrap;justify-content: flex-start;padding:0.5em;}
#apply_content_block .text02_1{width:100%;text-align: left;padding:0 0.5em;font-weight: 700;}
#apply_content_block .text02_2{width:100%;padding:0 0.5em 0.5em 0.5em;margin:0 0 0.5em 0;}
#apply_content_block .text02_2 .input{width: 100%;padding:0.3em;border: 1px solid rgba(121,70,22,0.5)}
#apply_content_block .text02_2 .input01{width: 100%;padding:0.3em;border: 1px solid rgba(121,70,22,0.5)}	
	
#apply_content_block .text04_1{width:100%;text-align: left;padding:0 0.5em;font-weight: 700;}
#apply_content_block .text04_3{width:100%;padding:0 0.5em 0.5em 0.5em;color:rgba(121,70,22,0.6)}		
	

/*order_run*/
#order_Trun_block{display: none}

#order_Lrun_block .mob{display: inline-block;}
#order_Lrun_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items:stretch;padding:0.5em;}
#order_Lrun_block .text04_1{width:100%;font-size: 2rem; font-weight: 700;}
#order_Lrun_block .text04_2{width:calc(100%/2);}
#order_Lrun_block .text04_3{display: none;}
#order_Lrun_block .text04_4{width:calc(100%/2);text-align: right}	
	
/*join*/
#contact_block{width:calc(100% - 2em);display: flex;flex-wrap: wrap;justify-content:flex-start;align-content: space-around;align-items: stretch;margin:1em;padding:0.5em;background:rgba(121,70,22,0.07);border-radius: 10px}
#contact_block .text02_1{width:120px;padding:0.5em;/*background: rgba(0,0,0,0.08);*/text-align: center;border-bottom:1px solid rgba(121,70,22,0.3);/*font-weight: 700*/}
#contact_block .text02_2{width:calc(100% - 120px);padding:0.5em;border-bottom:1px solid rgba(121,70,22,0.3);}
#contact_block .text02_2 .textarea{border:1px rgba(121,70,22,0.2) solid;padding:0.3em;background:rgba(121,70,22,0.08);width:100%;min-height: 200px; margin:1em 0;}
#contact_block .text02_2 .input{border:1px rgba(121,70,22,0.2) solid;padding:0.3em;background:rgba(121,70,22,0.08);width:100%;}
	
	
}
@media screen and (min-width: 576px) and (max-width: 767px) {
/*footer*/	
#footer_bg_block{width:100%;height: auto; background: #a26429 url("../images/footer_bg.jpg")no-repeat center top;padding:0;}
#footer_bg_block #footer_block{width:100%;  display: flex;flex-wrap: wrap;justify-content: flex-start;}

#footer_bg_block #footer_block .footer_info{width:calc(100% - 0px - 0em);text-align: center;}	
	
#footer_bg_block #footer_block .footer_info span{display: inline-block;}	
#footer_bg_block #footer_block .footer_link{display: flex;flex-wrap: wrap;justify-content:center;align-content: space-between;align-items: baseline;margin:0;padding:0;}
	
	
/*Iabout*/

	

#Ifranchise_bg #Ifranchise_block{width:100%;padding: 0;flex-direction:column;}	
#Ifranchise_bg #Ifranchise_block .Ifranchise_img{width:100%;display: flex;align-items:center; }
#Ifranchise_bg #Ifranchise_block .Ifranchise_img .photo{width:50%}	
#Ifranchise_bg #Ifranchise_block .Ifranchise_content{width:100%;}
	
	
/*order*/
#order_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content: space-around;align-items: stretch;padding:1em 0.5em;}
#order_block .order_content01{width:100%;}
#order_block .order_content02{width:100%;padding:1.5em 0 0 0;}
	
/*hot_point*/
#hot_list_point .hot_list{width:calc(100%/2); margin:10px 0;padding:0 10px;}		
#hot_list_point .hot_list .img{width:100%;min-height: 130px;display: flex;justify-content:center;align-items: center;text-align: center;background: rgba(121,70,22,0.1)}	
	
#cooking_list{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content: space-around;align-items: stretch;padding:1em 0.5em;}
#cooking_list .video_block{width:100%;padding:0 0px 0 0}

#cooking_list .content_block{width:100%;}
#cooking_list .content_block .title{width: 100%;font-size: 2rem;font-weight: 700;padding:0.5em 0 1em 0;}	

/*product*/
#product_block:nth-child(even){width:100%;min-height: 416px; display: flex;flex-direction: row-reverse;padding:2em 0;/*background: url("../images/pro_bg.png")no-repeat top right;*/}

#product_block{width:100%;min-height: 416px;display: flex;flex-wrap: wrap;/*background: url("../images/pro_bg.png")no-repeat top left;*//*justify-content:flex-start;align-content: space-around;align-items: center;*/padding:2em 0;}

	
#product_block .img_block{width:100%;min-height:416px;padding:0.5em 1em;}		
#product_block .img_block .title_block .title .titlebg{margin:0 0.5em 0 0;display:inline-block;vertical-align: bottom; padding:0.35em 0.35em 0 0.35em; background:linear-gradient(0deg, #7c3e0b 30%, #ab601d 100%)}
	
#product_block .img_block .title_block .title{width:auto;position: absolute;display: flex;align-items:center; top:0px;left: -5px;font:2rem "Chiron Sung HK", serif;font-weight: 700;}
/*#product_block .img_block .title_block .title .titlebg p .des{display: none;}
#product_block .img_block .title_block .title .titlebg p .mob{display: block;}*/
	
	
#product_block .img_block .title_block .title .titlebg p .des{display: block;}
#product_block .img_block .title_block .title .titlebg p .mob{display: none;}		
	

#product_block .note_block{width:100%;margin:0 0 0 0em;padding:0.5em;font-family: "Chiron Sung HK", serif;font-weight: 700;}	
	
	
/*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_title{width:100%;margin:0 0 1em 0;font:2rem "Chiron Sung HK", serif;font-weight: 700;}
#product_content_block .product_title .titlebg{display:inline-block;vertical-align: bottom; padding:0.35em 0.35em 0 0.35em; background:linear-gradient(0deg, #7c3e0b 30%, #ab601d 100%)}
#product_content_block .product_title .titlebg p{display: inline-block;vertical-align: bottom;padding:0.5em;box-shadow: inset 0px 0px 0px 1px rgba(190,190,190,0.5);}


#product_content_block #product_img{width:100%;margin: 0 0em 0 0;}
#product_content_block #product_img img{max-width: 100%;height: auto}

#product_content_block #product_content{width:100%;padding:0em 0 0 0;}	
	
	
/*order_list*/

#order_Tlist_block{display: none;}

#order_llist_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items:stretch;padding:0.5em;}
#order_llist_block .text05_1{width:100%;font-size: 2rem; font-weight: 700;}
#order_llist_block .text05_2{display: none;}
#order_llist_block .text05_3{width:calc(100%/3);}
#order_llist_block .text05_4{width:calc(100%/3);text-align: right}
#order_llist_block .text05_5{width:calc(100%/3);text-align: right}	

#order_llist_block .mob{display: inline-block}	
	
#order_llist_block:nth-child(even){border-bottom: 2px dotted rgba(121,70,22,0.4);}		
	
/*login*/
#login_block .login_block{width:calc(100% - 1em);border: 1px solid rgba(121,70,22,0.08);border-radius: 5px;padding:1em; margin:0.5em;}
#login_block .login_block .title{width:100%;color:#794616 ; text-align: center; border-bottom: 3px solid  rgba(121,70,22,0.3);padding-bottom: 10px;margin-bottom: 10px;}
#login_block .login_block .input_block{padding:1em 0;display: flex;flex-wrap: wrap;justify-content: flex-start;}
#login_block .login_block .input_block .text02_1{width:100%;text-align: left;padding:0 0.5em;}
#login_block .login_block .input_block .text02_2{width:100%;padding:0 0.5em;}
#login_block .login_block .input_block .text02_2 .input{width: 100%;padding:0.3em;border: 1px solid rgba(0,0,0,0.2)}


#login_block .login01_block{width:calc(100% - 1em);background: rgba(121,70,22,0.1); border-radius: 5px;padding:1em; margin:0.5em;}
#login_block .login01_block .title{width:100%;color:#794616 ; text-align: center; border-bottom: 3px solid  rgba(121,70,22,0.3);padding-bottom: 10px;margin-bottom: 10px;}
#login_block .login01_block .input_block{padding:1em 0;display: flex;flex-wrap: wrap;justify-content: flex-start;}
#login_block .login01_block .input_block .text02_1{width:100%;text-align: left;padding:0 0.5em;}
#login_block .login01_block .input_block .text02_2{width:100%;padding:0 0.5em;}
#login_block .login01_block .input_block .text02_2 .input{width: 100%;padding:0.3em;border: 1px solid rgba(0,0,0,0.2)}
	
	
#login_block .Mlogin_block{width:calc(100% - 1em);border: 1px solid rgba(121,70,22,0.08);border-radius: 5px;padding:1em; margin:0 auto;}
#login_block .Mlogin_block .title{width:100%;color:#794616 ; text-align: center; border-bottom: 3px solid  rgba(121,70,22,0.3);padding-bottom: 10px;margin-bottom: 10px;}
#login_block .Mlogin_block .input_block{padding:1em 0;display: flex;flex-wrap: wrap;justify-content: flex-start;}
#login_block .Mlogin_block .input_block .text02_1{width:100%;text-align: left;padding:0 0.5em;}
#login_block .Mlogin_block .input_block .text02_2{width:100%;padding:0 0.5em;}
#login_block .Mlogin_block .input_block .text02_2 .input{width: 100%;padding:0.3em;border: 1px solid rgba(0,0,0,0.2)}		
	
}

@media screen and (min-width: 768px) and (max-width: 991px) {
/*Iabout*/

	
/*footer*/	
#footer_bg_block{width:100%;height: auto; background: #a26429 url("../images/footer_bg.jpg")no-repeat center top;padding:0;}
#footer_bg_block #footer_block{width:100%; flex-wrap: wrap;justify-content: flex-start;}

#footer_bg_block #footer_block .footer_info{width:calc(100% - 0px - 0em);text-align: center;}
	
#footer_bg_block #footer_block .footer_info span{display: inline-block;}	
#footer_bg_block #footer_block .footer_link{display: flex;flex-wrap: wrap;justify-content:center;align-content: space-between;align-items: baseline;margin:0;padding:0;}
	
	
#Ifranchise_bg #Ifranchise_block .Ifranchise_img{width:40%;}
#Ifranchise_bg #Ifranchise_block .Ifranchise_content{width:60%;}	
	
	
/*hot_point*/
#hot_list_point .hot_list{width:calc(100%/3); margin:10px 0;padding:0 10px;}	
	
	
/*product*/
#product_block:nth-child(even){width:100%;min-height: 416px; display: flex;flex-direction: row-reverse;padding:2em 0;/*background: url("../images/pro_bg.png")no-repeat top right;*/}

#product_block{width:100%;min-height: 416px;display: flex;flex-wrap: wrap;b/*ackground: url("../images/pro_bg.png")no-repeat top left;*//*justify-content:flex-start;align-content: space-around;align-items: center;*/padding:2em 0;}

	
#product_block .img_block{width:100%;min-height:416px;padding:0.5em 1em;}		
	
#product_block .img_block .title_block .title{width:auto;position: absolute;display: flex;align-items:center; top:0px;left: -5px;font:2rem "Chiron Sung HK", serif;font-weight: 700;}
/*#product_block .img_block .title_block .title .titlebg p .des{display: none;}
#product_block .img_block .title_block .title .titlebg p .mob{display: block;}*/
	
	
#product_block .img_block .title_block .title .titlebg p .des{display: block;}
#product_block .img_block .title_block .title .titlebg p .mob{display: none;}		

#product_block .note_block{width:100%;margin:0 0 0 0em;padding:0.5em;font-family: "Chiron Sung HK", serif;font-weight: 700;}	
	
	
	
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	
#Ifranchise_bg #Ifranchise_block .Ifranchise_img{width:40%;}
#Ifranchise_bg #Ifranchise_block .Ifranchise_content{width:60%;}		
	
#product_block:nth-child(even){width:100%;min-height: 416px; display: flex;flex-direction: row-reverse;padding:2em 1em;background: url("../images/pro_bg.png")no-repeat top right;}

#product_block{width:100%;min-height: 416px;display: flex;flex-wrap: wrap;background: url("../images/pro_bg.png")no-repeat top left;/*justify-content:flex-start;align-content: space-around;align-items: center;*/padding:2em 1em;}
}