@charset "utf-8";
@media(max-width: 1400px){
	.index_about .e1{width: 80%;margin-top: 20px;font-size: 25px;}
	.index_about .e2{width: 80%;margin-top: 20px;font-size: 20px;}
}
@media(max-width: 1259px){
	body{width: 100%;}
	#header{width: 100%;}
	.search_box{width: 200px;margin-right: 10px;}
	.wide{width: 100%;margin: 0 auto;}
	#nav .list a{padding: 0 30px;}
	#footer .nav{text-align: center;}
	#footer .nav .list.e2{width: auto;}
	#footer .nav .list.e2 .item{float: none;width: auto;margin-right: 0;}
	#footer .nav .title,#footer .nav .item{text-align: left;}
	#footer .nav .list{margin: 0 50px;}
	#footer .nav .list.e4{margin: 0 50px;}
	#footer .nav .title{padding-top: 30px;}
	#footer .message{height: auto;}
	.products ul{width: 100%;text-align: center;}
	.index_product{text-align: center;}
	.index_product .list{margin: 9px 10px;}
	.index_product .list.last{margin-right: 10px;}
	.index_brand{min-height: auto;}
	.index_brand .list{width: 200px;padding-bottom: 30px;}
	.index_brand .list .photo{margin-top: 50px;}
	.index_info{text-align: center;}
	.index_info .list{margin: 0 25px 20px 25px;text-align: left;}
	.index_info .list.mr0{margin-right: 25px;}
	#main .main_left{display:block;float: none;}
	#main .main_right{float: none;width: 96%;margin: 0 auto;}
	.location .name{margin-left: 10px;}
	.location .bread{margin-right: 10px;}
	.products ul li{margin:5px 30px 5px 30px;}
	.main_left .category{width: 100%;text-align: center;margin-left: 0;}
	.main_left .category dl{position: relative;width: 255px;display: inline-block;margin: 0 10px;vertical-align: top;text-align: left;}
	.main_left .category dl .son{position: absolute;top: 48px;left: 0;width: 100%;background: white;border: 1px solid white;z-index: 1;}
	.main_left .category dl.on .son{display: none;}
	.main_left .category dl.show .son{display: block;}
	.main_left .category dt a{width: 78%;text-align: left;}
	#lib_inquiry_list{width: 100%;margin: 0;}
	#lib_inquiry_list label{width: 200px;}
	.about_us{text-align: center;}
	.about_us .blog_list{margin: 0 15px 30px 15px;text-align: left;}
	.about_us .blog_list.mr0{margin-right: 15px;}
	.about_us .brief,.about_us .list{text-align: left;}
	.about_us .list .description{width: 60%;}
	.about_us .list.e1 .description,.about_us .list.e2 .description,.about_us .list.e1 .detail,.about_us .list.e2 .detail{margin-top: 10px;margin-bottom: 10px;}
	.about_us .content{text-align: left;}
	.article{overflow: hidden;}
	.article table{width: 100%;}
	#nav .sub{width: 150px;}
	#nav .third{margin-left: 210px;left: 0;}
	.index_about .e1{font-size: 20px;}
	.index_about .e2{font-size: 16px;}
	.index_about .more{margin-top: 20px;}
	.feedback_form_box label{margin-bottom: 5px;}
	.contact_form_box{margin: 20px auto;}
}
@media(max-width: 1259px) and (min-width: 1000px){
	.goods .content{width: 300px;}
}
@media(max-width: 999px){
	.goods .up{text-align: center;}
	.goods .photo{float: none;display: inline-block;}
	.goods .content{width: 90%;float: none;display: inline-block;margin: 0 auto 30px auto;text-align: left;}
	.goods .information{width: 90%;margin: 0 auto;text-align: left;}
	.index_about .photo,.index_about .detail{width: 90%;float: none;margin: 0 auto;}
	.index_about .photo{padding: 10px 0;}
	.index_about .detail{padding: 10px 0;}
	.goods .content .attr{text-align: center;}
	.goods .content .attr .list{text-align: left;}
	#footer .nav .list,#footer .nav .list.e2{width: 285px;}
}
@media(max-width: 999px) and (min-width: 845px){
	#nav{text-align: left;}
	#nav .third{margin-left: 190px;}
	#nav .list a{padding: 0 20px;}
	#nav .list i{right: 5px;}
	#nav .sub i{right: 10px;}
}
@media(max-width: 844px) and (min-width: 769px){
	#nav .third{margin-left: 176px;}
	#nav .list a{padding: 0 13px;}
	#nav .list i{display: none;}
}
@media(max-width: 768px){
	#nav{display: block;text-align: center;}
	.message{text-align: center;}
	.m_email,.m_phone{float: none;display: inline-block;vertical-align: middle;}
	#header .message{line-height: 25px;}
	#header .message span{margin: 0 15px;}
	#header .m_phone{margin: 0 15px;}
	#header .func{height: auto;text-align: center;}
	#header .func .logo,.search_box{width: 40%;float: none;display: inline-block;vertical-align: middle;margin: 5px 3%;}
	.search,.search input[type=search]{width: 100%;}
	#nav .third{margin-left: 160px;}
	#nav .list a{padding: 0 5px;}
	#nav .list i{display: none;}
	#footer .copyright,#footer .message .share{float: none;display: inline-block;vertical-align: middle;}
	#footer .copyright{line-height: 45px;}
	#footer .message .share{margin: 10px 5px;}
	#footer .nav .list,#footer .nav .list.e2{width: 200px;}
	#newsletter_form input[name='Email']{width: 150px;}
	#lib_inquiry_list .form_area{width: 308px;}
	/*.about_us .list.e1 .detail,.about_us .list.e2 .detail{float: none;display: inline-block;vertical-align: top;}*/
	.goods .big_img,.goods .photo{width: 100%;height: auto;}
	.goods .small_img,.goods .small_img .scroll{width: 100%;}
	.goods .small_img ul li,.goods .small_img ul,.goods .small_img{height: 50px;}
	.goods .content .name{margin-top: 20px;}
	#float_chat{display: none;}
	#footer .nav .list.e4{width: 230px;}
}
@media(max-width: 635px){
	#nav{display: none;}	
	#m_nav{position: relative;display: block;width: 100%;height: 58px;background: #12274d;text-align: center;line-height: 56px;z-index: 100;}
	#m_nav .item{display: inline-block;width: 100%;}
	#m_nav .menu_btn{display: inline-block;font-size: 18px;color: white;}
	#m_nav .menu_item{height: 56px;}
	#m_nav .menu_btn .symbol{display: inline-block; width: 30px; height: 29px; margin: 0 10px 0 0; background: url(../images/header_navi_menu_symbol.gif); vertical-align: middle; }
	#m_nav .nav_item{display: none;min-height: 35px;line-height: 35px;background: #12274d;}
	#m_nav .nav_item a{font-size: 16px;color: white;}
	#m_nav.on .nav_item{display: block;}
	#m_nav .nav_item .sec_nav a{font-size: 14px;}
	#m_nav .third{display: none;}
	#m_nav .nav_item .third a{font-size: 12px;}
	#m_nav .third,#m_nav .sec_nav{display: none;}
	#m_nav .nav_item.on .sec_nav{display: block;}
	#m_nav .sub_name.on .third{display: block;}
	#lib_inquiry_list label{width: 90%;text-align: left;margin: 5px 5%;}
	#lib_inquiry_list .input,#lib_inquiry_list select,#lib_inquiry_list .form_area{width: 80%;margin: 0 5%;}
	#lib_inquiry_list .needed{margin-left: 5%;}
	#lib_inquiry_list .rows img{margin-left: 5%;}
	#lib_inquiry_list .radio_label{width: 35%;margin-left: 5%;}
	#lib_inquiry_list input[name='Submit']{margin-left: 5%;}
	#lib_inquiry_list .correct,#lib_inquiry_list .closest{width: 80%;}
	.contact_form_box{width: 90%;}
	.contact_form{padding: 10px;}
	.contact_form .rows,.contact_form .rows select,.contact_form .rows .input{width: 90%;}
}
@media(max-width: 610px){
	.about_us .list{text-align: center;}
	.about_us .list.e1 .detail,.about_us .list.e1 .description,.about_us .list.e2 .detail,.about_us .list.e2 .description{float: none;display: inline-block;margin: 10px auto;}
	.about_us .list .description{width: 90%;text-align: left;}
}
@media(max-width: 550px){
	#main .pc_main_left{display: none;}
	#main .mb_main_left{display: block;}
	#main .main_left.mb_main_left{display: block;}
	.mb_main_left .menu_item{width: 90%;height: 50px;margin: 0 auto 20px auto;line-height: 50px;background: #12274d;text-align: center;}
	.mb_main_left .menu_btn{display: inline-block;font-size: 18px;color: white;}
	.mb_main_left .menu_btn .symbol{display: inline-block; width: 30px; height: 29px; margin: 0 10px 0 0; background: url(../images/header_navi_menu_symbol.gif); vertical-align: middle; }
	.mask{display:none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #eceff1;z-index: 999;opacity: 1;overflow-y:scroll;}
	.mb_cate_content{display:none;position: absolute;top: 0;left: 0;width: 90%;height: 100%;padding: 5%;z-index: 999;opacity: 1;overflow-y:scroll;}
	.mb_cate_content .close{position: fixed;right: 5%;width: 100%;height: 40px;font-size: 30px;color: black;text-align: right;z-index: 1;}
	.mb_cate_content .category{position: fixed;top: 50px; height: 90%; width: 90%;padding-bottom: 50px; overflow-y: scroll;z-index: 0;} 
	.mb_cate_content .category dd{margin: 10px 0;font-size: 25px;font-weight: 600;}
	.mb_cate_content .category dt{margin: 5px 0;font-size: 20px;font-weight: 600;}
	.mb_cate_content .category dd a,.mb_cate_content .category dt a{color: #005bac;}
	.mb_cate_content .category .son{padding-left: 15px;}
}
@media(max-width: 510px){
	.feedback_form_box .input,.feedback_form_box select,.feedback_form_box .form_area{width: 280px;}
	.feedback_form_box .brief{width: 100%;}
	.inquiry,.share,.prod_info_pdf{margin: 5px 0;}
	.feedback_form_box .brief .e1{width: 80%;}
}
@media(max-width: 445px){
	#header .message span{display: inline-block;width: 100%;margin: 5px 0;}
	#header .message .m_phone{width: 100%;margin: 5px 0;}
	#header .message .phone{margin: 0;}
	#header .func .logo,.search_box{width: 90%;margin: 10px 3%;}
	.about_us .blog_list{margin: 0 auto 30px auto;}
	.index_info .list{width: 90%;height: auto;margin: 0 auto 20px auto;}
	.index_info .list.mr0{margin: 0 auto 20px auto;}
	.index_info .list .photo,.index_info .brief,.index_info .name{width: 90%;}
	.index_info .name{margin-top: 10px;}
	.index_info .brief{height: auto;max-height: 50px;}
	.index_info .more{padding-bottom: 10px;}
	#newsletter_form input[name='Email']{width: 60%;}
	#footer .copyright{padding: 5px;line-height: 25px;}
	.feedback_form_box label{width: 90%;}
	.win_alert{width: 90%;left: 5%!important;}
}