/*觸控選單=========================*/
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
 .img_web { display:none;}
.img_phone { display:block;}
#MENU_OPEN {
 width: 100%;
 height: 45px;
 background:url(../images/menu.png) right center no-repeat #359db7;
 background-size:45px auto; text-align:right; color:#FFF; line-height:45px;
}
#MENU_OPEN span {padding-right:50px;}
#Menu_box { display: none;}
.menu {
height:100%; background-color:#359db7; text-align:center;
}
.menu li, .menu li ul li { position: inherit;line-height:60px;}
.menu li:hover ul li ul, .menu li ul { position:inherit; }
.menu li.sp { line-height:60px;}
.menu li.sp span{ display: inline; width: auto;}
.menu ul {
padding-top:20px;
}
.menu li {
width:100%;
height:auto;
}

.menu li a{ font-size:20px;}
.box_L, .box_R {
width:100%;
float: none;
}

.fb { width:370px; margin:10px auto; float:none;}
.menu_list.con_w { width:100%; max-width:inherit;}  
.sv_box { float:none; padding-right:0;margin-right:0;}
}

/*平板尺寸 橫寫*/
 @media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
	 .fb.img_web { display: block;}
	 .con_w {
	max-width: 900px;
}
.menu_list.con_w { width:100%; max-width:inherit;} 

	.page_box3_in{ width:800px;}
}
/*平板尺寸and (orientation:portrait)*/
@media screen and (min-width:768px) and (max-width:1000px) {
	
	 .con_w {max-width: 700px;}
.menu_list.con_w { width:100%; max-width:inherit;}  
	 #Header{ height:250px;background-size: auto 250px;}
	 .page_box3_in{ width:600px;}
	 
	.news_box, .mihi_box { width:100%; margin-bottom:40px;}

}
/*解析度  767px 以下*/
@media screen and (max-width:760px) {
	.fb { width:330px;}
	
	.con_w {max-width:100%;}
	#Header{ background:url(../images/top_s.jpg) center center no-repeat; background-size:100%  auto ;width:100%; overflow:hidden; height:250px;}
	#Center { width:100%; overflow:hidden;}
	.logo a{ background-size: 100% auto ;}
	.news_box, .mihi_box { width:100%;}
	.mihi_box { height:auto; padding:100px 0 40px 0;background: url(../images/top_a2.png) right top no-repeat;}
	.title { font-size:20px;}
	.title_a2 { top:-70px;}
	.mihi_box_in { margin-right:0;}
	.news_box_in { padding-right:0; width:90%; margin:0 2.5%; padding-bottom:40px;}
	.news_box h2{width:100%;
			 height:40px; background-size: auto 40px ;}
	.news_box li { padding:10px 0; border-bottom:1px solid #999;}
	.news_box li p { padding:0;}
	.news_box li span { width:100%; text-align:left; display:block; position:inherit;}
	.page_box2 { width:100%;height:auto;}
	.topic_one{ width:90%; margin:0 5%;}
	.page_box3 { background:url(../images/top_a1.png) left top no-repeat; padding:100px 0 40px 0px; background-size:100px;}
	.title_a1 { top:-70px;}
	.page_box3_in { margin-left:0px; padding:20px 0;}
	.add_box { width:90%; margin:0 5%; border-right: none; padding-bottom:20px;}
	.bt_01 { text-align:center;}
	.bt_01 a { display:inline-block; float:none;}
	.love_barcode { margin-bottom:40px; padding:0;}
	.txt_w50 { width:90%; margin:0 2.5%;}
	.sv_01 { width:250px;}
	.fb_tt { float: none; text-align:center; position:absolute; top:0; left:0; width:100%;} 
	
	/*內頁*/
	.list { display:none;}
	.page { width:90%; margin:0 auto; float:none; padding:10px 0;}
	.page_text { padding:0; margin:0; border-left:none;}
	.move_siz { height:370px;}
	.love_box { margin:20px;}
	.add_list li { width:100%;}
	.shopping li, .photo_img, .goode_text { width:100%;}
	.btn_02 { margin-top:10px;}
	/*購物車*/
	.s_01, .s_02, .s_03, .s_04, .s_05 { width:100%;}
	.s_03, .s_04 { text-align:left;}
	.shop_one li span { display: inline; text-align:left;}
	.order_list { padding:0;}
	.s_01 img { max-height:inherit;}
	.shop_one { border-bottom:1px dashed #999999; margin-bottom:20px; padding-bottom:20px;}
	.shop_one2 { margin-top:20px; padding:0 20px;}
	.page_text .love_box { margin:20px 0;}
	/*表單*/
	.tab_title { margin:20px 0;}
	p.tab_b1 { width:auto; float:none; text-align: left; margin-right:0; padding-bottom:10px;}
	p.tab_b2 { padding-left:0;}
	.tab_b2 span { display:inline-block; width:100%;}
	.tab_b4, .tab_b5, .tab_b6{ width:90%;}
	.tab_title i { display:inline-block; width:90%; background-color:#ffe065; padding:0 5%; font-size:13px; line-height:20px;}
	.move_list li{ width:100%;}
	.page_box3_in{ width:90%; margin:0 auto;}
	.box_L { width:100%; float: none; text-align:center}
	/*活動頁*/
	.evn_menubox { position:relative; width:100%; height:40px;}
	.evn_menu { background: url(../images/menu.png) right center no-repeat #64a8c1; height:40px; width:100%; background-size:35px; line-height:40px; text-indent:20px; color:#FFF; display: block; position:absolute; left:0; right:0; top:0; z-index:100;}

	.evn_list { position: absolute; width:100%; top:-20px; }
	.evn_list li { background-color:#FFF;}
	.menu_title { display:none;}
.even_body { margin:5px;}	
.even_R { width:90%; float: none;}
.even_page { padding:0;}
.page_R, page_L { width:100%;}
.evn_foot { padding:20px 20px;}
	
	}