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

@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1200px) {
/* 首頁 */
.banner_s { padding:5px 10px 90px !important;}
.i_popular ul:before,
.i_popular ul:after { width:100%; height:100px;}
.i_popular ul:before { top:-50px;}
.i_popular ul:after { bottom:-100px;}
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 992px) {
/* 首頁 */
.i_prodc li { flex:31%;}
}
@media screen and (max-width: 768px) {
/* 上方 */
.tp_me_shadow#rwd_hide_header { height:auto !important; padding:7px !important;}	
.me_tp_features { width: calc(100% - 360px);}
.nav-toggle { top: -73px;}
/* 首頁 */
.banner { padding-top: 110px;}
.i_popular blockquote a { width:auto; padding:4px 10px; margin:0 2px 7px 0; border-radius:4px; border-color:#666;}
.i_flex_item { margin: 25px 2% 0;}
.i_prodc { padding:0 0 30px;}
.i_prodc li { flex:48%;}
}
@media screen and (max-width: 640px) {
.tp_header #logo { width:200px;}
.me_tp_features { width: calc(100% - 250px);}
}
@media screen and (max-width: 570px) {
.tp_header #logo { width:150px; padding:10px 0;}
.me_tp_features { width: calc(100% - 200px);}
.nav-toggle { top: -93px;}
.box_f_1 { margin:20px auto;}
}
@media screen and (max-width: 480px) {
}