@charset "utf-8";
/* CSS Document */



/*手機平板用*/
@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) {
#PHONE_menu { width:45px; height:45px; position:fixed; right:0; top:0; background:url(../images/icon_menu.png) center no-repeat; background-size:100%;}
header, .logo, .menu { height:45px; line-height:45px;}
.logo img { height:28px;}

.w_100 { width:90%; max-width:inherit;}
.menu { display: flex; align-items: center; justify-content: space-between; }


}


/*平板尺寸 直式*/
@media screen and (max-width:768px) and (orientation:portrait) {
	.top_meu li { width: 24%; margin: 5px 0.5%;}
	.top_meu li a { padding: 5px 3px; font-size: 14px;}
	
	
}
	
/*平板尺寸 橫式*/
@media screen and (max-width:1024px) and (orientation:landscape) {
	
	

	
}
/*平板尺寸 橫式*/
@media screen and (width:10367px) and (orientation:landscape) {
	

	
}
/*解析度  767px 以下*/
@media screen and (max-width:760px) {
.web_img {
	display: none !important;
}
.photo_img {
	display: block !important;
}
	img.web_img {
	display: none !important;
}
img.photo_img {
	display: block !important;
}
	.content { padding: 20px 0; min-height: 50vh;}
	.tit_01 { margin-bottom: 40px; margin-top: 20px;}
	.news_list { width: 90%; margin: 0 auto;}
	.news_a1 span {width: 100%; display: block;text-align: left;}
	.news_a1, .about_box, .list_3, .footer_box, .footer_box2, .store_one { display: flow-root; }
	.about_one { width: 100%; height: 350px; overflow: hidden;}
	.about_one2 { height: 150px; display:flex; align-items: center;}
	.about_one .tit_01 {padding-top: 10%;}
	.key_list { font-size: 13px;}
	.store_one { text-align: center; margin-bottom: 10px;}
	.list_3 li, .list_4.pho_list_1 li { width: 90%; margin: 0 auto; border-bottom: 1px dashed#CDCDCD; margin-bottom: 20px; padding-bottom: 20px;}
	.list_4 li { width: 45%; margin: 0 auto;}
	.one_img { height: 100vw; max-height: 300px; }
	.list_4 li .one_img { height: calc(100vw/2); max-height: 300px; border: 1px solid #eee;}
	
	.page_RL { display: flow-root; position: inherit; height: auto;}
	.txt_L, .img_R { width: 100%; height: auto; position: inherit; max-width: inherit;}
	.img_R { padding-bottom: 20px;}
	
	.text_page01 {display: flow-root; position: inherit; height: auto;}
	.txt_img02, .txt_01, .txt_img01 {width: 100%; height: auto; position: inherit; max-width: inherit;}
	.text_page01 { width: 90%; margin: 0 auto;}
	
	/*.txt_img02.hideme, .tit_01.hideme, .txt_img01.hideme, .img_R.hideme,  .list_class.hideme, .list_4 li:nth-child(1), .list_4 li:nth-child(2)  { opacity: 1;}*/
	
	.footer_box_in, .logo2 { width: 100%;}
	.logo2 img { width: 120px;}
	.footer_box_in span { display: block;}

/*==============================================================
                  內頁
==============================================================*/
.tit_top { display:flow-root; width: 100%; position: relative;}
	.tit_top_img { height: auto;}
.tit_top h2 { width: 100%;   padding:0; position: absolute; left: 0; bottom: 40px; text-align: center; background-color: rgba(241,236,227,0.6); font-size: 18px;}
.tit_img { width: 100%;}
	.tit_top2 h2 {padding-top: 60px;padding-bottom: 20px;position: inherit; background-color: transparent; bottom: auto;}
	.tit_img img { width: 130%; max-width: none;}
	.page_RL img {max-width: 100%;height: auto;}	
/*版權*/
/*表單*/
	.form li.form_2 { width: 100%;}
	
	}

/*解析度  767px 以下*/
@media screen and (max-width:330px) {
		


}