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

@media all and (max-width: 1399px) {
}

@media all and (max-width: 1199px) {
}

@media all and (max-width: 991px) {
	main .main_side{ display: none; }
	main .main_wrap{ float: none; width: 100%; padding: 0; }

	header{ display: block; }

	main{  margin-top: 60px; }
	main .main_wrap #i_bnr{ height: calc(100vh - 60px);}
}

@media all and (max-width: 768px) {
	section{ padding: 60px 0; }
	.container{ padding: 0 60px;}

	.i_fengshui_wrap{ margin: 0 60px; padding: 60px;}

	.btn_wrap{ margin: 20px 0 0 0; }

	footer .footer_wrap{ padding: 60px 0;}
}

@media all and (max-width: 767px) {
}

@media all and (max-width: 600px) {
}

@media all and (max-width: 575px) {
	h2{ font-size: 1.625em; }
	h3{ font-size: 1.5em; }
	h4{ font-size: 1.25em; }
	h5{ font-size: 1.125em; }
	h6{ font-size: 1em; }

	section{ padding: 40px 0; }

	.container{ padding: 0 40px;}

	.i_fengshui_wrap{ margin: 0 40px; padding: 40px;}

	main .main_wrap #i_bnr{ background: url('../../img/bg-i_bnr.jpg') center top no-repeat; background-size: cover; }
	main .main_wrap #i_bnr #crane{ width: 207px; height: 121px; }
	main .main_wrap #i_bnr #logo_wrap{ width: 250px; height: 250px;}
	main .main_wrap #i_bnr #logo_wrap #logo_7{ width: 120px; left: 55px; }
	main .main_wrap #i_bnr #logo_wrap #logo_star{ width: 110px; left: 75px; }
	main .main_wrap #i_bnr #logo_wrap #logo_txt01{ font-family: 'Noto Serif TC', sans-serif; font-size: 1.75em; font-weight: 700; color: #444; position: absolute; top: 0; left: 0; z-index: 1; writing-mode: vertical-lr; }
	main .main_wrap #i_bnr #logo_wrap #logo_txt02{ font-family: 'Noto Serif TC', sans-serif; font-size: 1.75em; font-weight: 700; color: #444; position: absolute; bottom: 0; right: 0; z-index: 1; writing-mode: vertical-lr; }
	main .main_wrap #i_bnr #logo_wrap #logo_stroke{ position: absolute; z-index: 0; mix-blend-mode: multiply; }

	.btn_wrap{ margin: 10px 0 0 0; }

	.news_date{ padding: 5px 40px 5px 40px; font-size: .75em; background: url('../../img/bg-news_date.png') no-repeat; background-size: 140px auto;}

	footer .footer_wrap{ padding: 40px 0;}

	.share li{ font-size: 1em;}
	.share li i{ margin-right: 5px;}
}

@media all and (max-width: 480px) {
	.container{ padding: 0 20px;}

	main .main_wrap #i_bnr #crane{ width: 150px; height: 87px; }

	.i_fengshui_wrap{ margin: -20px 20px; padding: 20px;}
}

@media all and (max-width: 375px) {
}

@media all and (max-width: 374px) {
	main .main_wrap #i_bnr #crane{ width: 120px; height: 70px; top: 35px; }

	.share li{ font-size: .75em;}
}

@media all and (max-width: 320px) {
}