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

/*關於我們*/
.about{ background:url(../images/other/about_bg.jpg) no-repeat; /*margin:11px 0 0 17px;*/ padding:319px 0 0 6px; width:958px; margin: auto; }
.about p{ color:#676767; line-height:25px; margin:5px 0 27px 0;}
.about p strong{ color:#010101;}
.about .com_inf{  margin:30px 0 0 0; width:265px; width: calc(100% - 650px); display: inline-block;}
.about .com_inf li{ color:#4d4d4d; display: inline-block;}
.about .com_inf li.com_name{ color:#b41208; font-family:"微軟正黑體"; font-size:15px;}
.about .com_inf li a{ color:#4d4d4d; text-decoration:none;}
.about .com_inf li a:hover{ color:#b41208;}
.about-block{ margin-bottom: 10px;}
.about-block:last-child{ margin-bottom: 30px; }
.about-block__inner{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.about-block__tit{ margin-bottom: 10px;}
.about-text03{ width: calc(100% - 260px); display: inline-block;}
.about-img01{ margin-right: 20px; width: 625px;  display: inline-block;}


/*合作提案*/
.cooperation{ width:750px; margin: 20px auto; padding:0; }
.cooperation p{ color:#000; line-height:25px; margin:20px 0 27px 0;}
.cooperation p a{ color:#000; text-decoration:none;}
.cooperation p a:hover{ color:#b41208;}
.cooperation-tit{ margin-bottom: 35px; }

/*其他頁*/
.other_page{ background:url(../images/other/other_page.jpg) no-repeat; /*height:860px; margin:6px 0 0 33px;*/ overflow:hidden; padding-top:61px; width:946px; margin: 6px auto 33px; height: 920px; }
.other_page .left{ float:left; width:235px;}
.other_page .left .title{ font-family:"Arial Black", Gadget, sans-serif; font-size:28px; line-height:28px;}
.other_page .left .link{ color:#b41208; height:400px; font-family:"微軟正黑體"; font-size:15px; margin-top:30px;}
.other_page .left .link li{ margin:15px 0;}
.other_page .left .link li a{ color:#505050; text-decoration:none;}
.other_page .left .link li a:hover{ color:#b41208;}

.other_page .com_inf{ color:#3c3c3c; margin-left:10px; font-size: 13px; }
.other_page .com_inf li{ margin:5px 0;}
.other_page .com_inf li.com_name{ font-family:"Arial Black", Gadget, sans-serif; font-size:20px;}
.other_page .com_inf li a{color:#3c3c3c; text-decoration:none;}
.other_page .com_inf li a:hover{color:#b41208;}

.other_page .right{ float:right; margin:0 48px 0 0; width:609px;}
.other_page .right p{ line-height:25px; margin:5px 0 27px 0; }
.other_page .right p a{color:#27A4BA;}
.other_page .right p a:hover{ color:#676767;}
.other_page .right p span{ font-weight:bold;}
.other_page .right p span.red{ color:#F00;}
.other_page .right p span.blue{ color:#0090ff;}
.other_page .right p strong{ color:#3ca0df; display:block; padding-top:10px;}

/*最新消息list*/
.news{ margin:29px 0 0 15px; width:970px;}
.tag{ float:right; padding:2px 15px 0 0;}
.tag a{ color:#6c6c6c; text-decoration:none;}
.tag a:hover{ color:#000;}
.news .news_row{ clear:both; margin-top:25px; overflow:hidden; width:970px;}
.news .news_row .date{ background:url(../images/other/date_bg.jpg) no-repeat; color:#fff; font-size:18px; font-family:"Arial", Gadget, sans-serif; float:left; height:131px; line-height:22px; padding-top:10px; text-align:center; width:60px;}
.news .news_row .date .large{ font-size:38px; line-height:70px; font-weight:bolder; font-style:oblique;}
.news .news_row .news_img{ background:url(../images/other/no_pic.jpg) no-repeat center center #afafaf; float:left; height:138px; margin:0 20px 0 9px; padding:3px 0 0 3px; width:138px;}
.news .news_row .news_title{ background:url(../images/other/icon1.jpg) no-repeat 0 3px; display:block; font-size:15px; float:left; padding:3px 0 10px 20px;min-height:35px; height:auto !important; height:35px; overflow:hidden; width:720px; }
.news .news_row .news_title a{ color:#000; text-decoration:none;}
.news .news_row .news_title a:hover{ color:#b41208;}
.news .news_row .news_txt{ border-bottom:solid 3px #575757; color:#000; float:left; min-height:65px; height:auto !important; height:65px; line-height:20px; overflow:hidden; padding-bottom:23px; position:relative; width:740px; }
.news .news_row .news_txt a{ background:#575757; bottom:0; color:#fff; display:block; font-size:14px; font-style:italic; height:21px; position:absolute; padding-top:2px; right:0; text-align:center; width:123px;}
.news .news_row .news_txt a:hover{ color:#e5b31d;}

/*最新消息detail*/
.news_det{ margin:29px 0 0 15px; width:970px;}
.news_det .news_title{ background:url(../images/other/icon1.jpg) no-repeat 0 3px; display:block; font-size:15px; float:left; margin-top:25px; padding:3px 0 10px 20px; width:775px;}
.news_det .date{ background:url(../images/other/date_bg2.jpg) no-repeat; color:#fff; font-size:18px; font-family:"Arial", Gadget, sans-serif; float:right; height:49px; line-height:22px; margin:15px 5px 0 0; padding-left:10px; text-align:center; width:130px;}
.news_det .large{ font-size:38px; float:left; line-height:50px; padding-right:13px; font-weight:bolder; font-style:oblique;}
.news_det .news_edit{ min-height:300px; height:auto !important; height:300px; padding:5px; position:relative; width:960px;}

/*知識專區*/
.knowledge{ width:990px; margin: auto; }
.knowledge .left{ background:url(../images/other/left_bg.jpg) repeat-y; float:left; min-height:901px; height:auto !important; height:901px; overflow:hidden; padding:27px 0 0 20px; width:260px; /*float: none; display: inline-block; vertical-align: top;*/ }
.knowledge .right{ float:right; margin-top:28px;  width:710px;/* float: none; display: inline-block; vertical-align: top; */margin-left: 15px; margin-bottom: 30px; }
.knowledge .link{ font-size:13px; margin-top:20px;}
.knowledge .link li{ margin:15px 0 15px 13px;}
.knowledge .link li a{ color:#000; text-decoration:none;}
.knowledge .link li a:hover{ text-decoration:underline;}
.knowledge .knowledge_row{ clear:both; float:right; margin:25px 0 0 0; overflow:hidden; width:710px;}
.knowledge .knowledge_row .date{ background:url(../images/other/date_bg.jpg) no-repeat; color:#fff; font-size:18px; font-family:"Arial", Gadget, sans-serif; float:left; height:131px; line-height:22px; padding-top:10px; text-align:center; width:60px; display: none; }
.knowledge .knowledge_row .date .large{ font-size:38px; line-height:70px; font-weight:bolder; font-style:oblique;}
.knowledge .knowledge_row .knowledge_img{  background:url(../images/other/no_pic.jpg) no-repeat center center #afafaf; float:left; height:138px; margin:0 10px 0 9px; /*padding:3px 0 0 3px; */width:138px; background: none; text-align: center; /*width: 200px;*/ height:150px; width: 300px; margin-left: 0; }
.knowledge .knowledge_row .knowledge_img img{ height: 100%; object-fit: cover; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; width: 100%; }
.knowledge .knowledge_row .knowledge_title{ background:url(../images/other/icon1.jpg) no-repeat 0 9px; display:block; font-size:20px; float:left; padding:3px 0 10px 20px; width:463px;min-height:35px; height:auto !important; height:35px; overflow:hidden; width: 100%; }
.knowledge .knowledge_row .knowledge_title a{ color:#000; text-decoration:none;}
.knowledge .knowledge_row .knowledge_title a:hover{ color:#b41208;}
.knowledge .knowledge_row .knowledge_txt{ border-bottom:solid 3px #575757; color:#000; float:left; min-height:65px; height:auto !important; height:65px; line-height:20px; overflow:hidden; padding-bottom: 35px; position:relative; width:483px; width: 100%; }
.knowledge .knowledge_row .knowledge_txt a{ background:#575757; bottom:0; color:#fff; display:block; font-size:14px; font-style:italic; height:21px; position:absolute; padding-top:2px; right:0; text-align:center; width:123px;}
.knowledge .knowledge_row .knowledge_txt a:hover{ color:#e5b31d;}
.knowledge_intro{ width: calc(100% - 320px); float: left; }
.knowledge .knowledge_row .knowledge_txt--inner{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.knowledge_det{ float:right; width:710px; float: none; display: inline-block; vertical-align: top; }
.knowledge_det .knowledge_title{ background:url(../images/other/icon1.jpg) no-repeat 0 9px; display:block; font-size:18px; float:left; margin-top:25px; padding:3px 0 10px 20px; width:540px;}
.knowledge_det .date{ background:url(../images/other/date_bg2.jpg) no-repeat; color:#fff; font-size:18px; font-family:"Arial", Gadget, sans-serif; float:right; height:49px; line-height:22px; margin:15px 5px 0 0; padding-left:10px; text-align:center; width:130px; display: none; }
.knowledge_det .large{ font-size:38px; float:left; line-height:50px; /*padding-right:13px;*/ font-weight:bolder; font-style:oblique; width: 60px; }
.knowledge_det .knowledge_edit{ min-height:300px; height:auto !important; height:300px; padding:5px 0; position:relative; width:723px; word-break: break-all; }

/*聯絡我們*/
.contact{ background:url(../images/other/contact_bg.jpg) no-repeat; margin-top:11px; overflow:hidden; padding-top:212px; width: 990px;  margin: auto;}
.contact .com_inf{ float:left; margin:208px 0 0 38px; overflow:hidden; width:584px;}
.contact .com_inf .com_name{ color:#b41208; font-family:"微軟正黑體"; font-size:20px; letter-spacing:0.06em; line-height:32px; }
.contact .com_inf ul{ float:left; width: 50%; }
.contact .com_inf ul li{ color:#4d4d4d; line-height:18px; margin:10px 0; font-size: 14px; }
.contact .com_inf ul li a{ color:#3c3c3c;}
.contact .com_inf ul li a:hover{ color:#b41208;}
.cont_form{ border-top:dashed 1px #999; color:#676767; float:right; margin-right:16px; /*width:304px;*/ width: 350px;  margin-bottom: 20px; }
.cont_form p{ line-height:20px; padding:10px 0 10px 9px;}
.cont_form .red{ color:#F00;}
.cont_form .form_row{ margin:8px 0; overflow:hidden; /*width:304px;*/ width: 350px; }
.cont_form .form_row .form_tit{ float:left; /*padding-top:2px; width:76px;*/line-height: 24px; width: 85.5px; }
.cont_form .form_row .form_txt01{ height:18px; line-height:18px; padding:0 3px; width:210px; height: 24px; line-height: 24px; width: calc(100% - 100px); }
.cont_form .form_row .form_txt02{ height:18px; line-height:18px; height:82px; padding:0 3px; width:210px; width: calc(100% - 100px); }
.cont_form .form_row .form_txt03{ height:18px; line-height:18px; padding:0 3px; width:60px; height: 24px; line-height: 24px;  }
.contact-title_m{ display: none;}

/*產品列表*/
.product{background:url(../images/other/left_bg.jpg) repeat-y left; overflow:hidden; width:990px; margin: auto; width: 1440px;}
.product .left{ float:left; min-height:893px; height:auto !important; height:893px; overflow:hidden; padding:35px 0 20px 0; width:265px; float: none;  display: inline-block; vertical-align: top;}
.product .left .product_tit{ background:url(../images/other/product_tit_bg.png) no-repeat bottom; color:#000; display:block; font-family:"微軟正黑體"; font-size:26px; min-height:44px; padding-left:13px; padding-bottom:10px;}
.product .left .sub-menu{ min-height:211px; /*height:auto !important; height:211px; overflow:hidden;*/ margin:0 0 20px 25px; display: block!important; }
.product .left .sub-menu li{ margin:8px 0;}
.product .left .sub-menu li a{ color:#676767;}
.product .left .sub-menu li a:hover{ color:#000;}
.product .left .search{ color:#676767; margin-left:13px; line-height:16px;}
.product .left .search .s-form{ background:url(../images/other/search_bg.png) no-repeat; height:155px; margin:10px 0 22px 0; overflow:hidden; padding-top:17px; width:238px; background-image: none; background-color: #ececec; height: auto; padding-bottom: 15px; border-radius: 5px; }
.product .left .search .s-form dl{ color:#575757; clear:both; margin:10px 0 15px 0; overflow:hidden;}
.product .left .search .s-form dl dt{ float:left; padding-top:2px; text-align:right; width:64px;}
.product .left .search .s-form dl .formtxt01{ background:#fafafa; border:0; height:24px; line-height:24px; margin:0 0 0 10px; padding-left:5px; width:150px;}
.product .left .hot_item{ color:#676767; margin-bottom:20px; padding-left:10px; }
.product .left .hot_item ul{border-top:solid 1px #dedede; margin:10px 0 0 0; width:244px; }
.product .left .hot_item ul li{ border-bottom:dashed 1px #dedede; clear:both; overflow:hidden; padding:7px 0 7px 15px;}
.product .left .hot_item ul li .hot_img{ float:left; margin-right:15px; width:72px;}
.product .left .hot_item ul li dl{ float:right; width:140px;}
.product .left .hot_item ul li dl dt{ font-size:13px; padding:12px 0 3px 0;}
.product .left .hot_item ul li dl dt a{ color:#676767; text-decoration:none;}
.product .left .hot_item ul li dl dt a:hover{ color:#000;}
.product .left .hot_item ul li dl dd a{ color:#b41208; font-size:11px;}
.product .left .hot_item ul li dl dd a:hover{ text-decoration:underline;}
.product .left .left_banner{ margin:15px 0 0 15px;}
.product .right{ /*float:right; */ margin-top:20px; /*width:691px;*/ width: calc(100% - 310px); float: none; display: inline-block; vertical-align: top; margin-left: 30px; }
.seq_row{ background:url(../images/other/tab_bg.jpg) no-repeat left top; /* width:900px;*/  width: 100%; margin: 20px auto; text-align: center; padding-top: 15px; }
.seq_row li{ float:left; margin-right:9px; display: inline-block; vertical-align: top;  float: none;}
.list_row{ border-bottom:solid 1px #ededed; clear:both; overflow:hidden; padding:19px 0 19px 19px;/* width:657px; */width: 100%; }
.list_row:hover{ background:#f8f8f8;}
.list_row .list_img{ float:left; margin-right:19px; width:136px; float: none; display: inline-block; vertical-align: top; }
.list_row .list_inf{ float:left; line-height:18px; width:350px; width: calc(100% - 320px);   float: none;  display: inline-block; vertical-align: top; }
.list_row .list_inf strong{  display:block; font-size:15px; margin-top:5px; min-height:35px; height:auto !important; height:35px; overflow:hidden;}
.list_row .list_inf strong a{ color:#0491b9; text-decoration:none;}
.list_row .list_inf strong a:hover{ color:#666;}
.list_row .list_inf span{ color:#676767; display:block; margin:8px 0; }
.list_row .list_inf span a{ color:#676767; text-decoration:none;}
.list_row .list_inf span a:hover{ color:#000;}
.list_row .list_inf span.red a{ color:#b41208;}
.list_row .list_inf span.red a:hover{ text-decoration:underline;}
.list_row .list_inf p.inf_txt{ color:#8c8c8c;}
.list_row .list_right{ color:#8c8c8c; float:right; text-align:center; width:151px; float: none; display: inline-block; vertical-align: top;font-size: 12px;}
.list_row .list_right span{ display:block; padding:0 0 5px 0;}
.list_row .list_right a.try{ background:url(../images/other/try.jpg) no-repeat; color:#ffc61b; display:block; height:24px; margin:2px auto 0 auto; line-height:24px; padding-left:30px; text-decoration:none; text-align:left; width:97px; }
.list_row .list_right a.try:hover{ color:#fff;}
.list_row .list_right .put_cart{ margin-top:5px;}
.search-btn{ padding-right: 15px; text-align: right; }


/*其他產品列表*/
.product_o{ min-height:500px; padding:15px 0 0 15px;  /*width:975px;*/ width: 1440px; margin: auto; }
.product_o .pro_tit{ color:#5d5d5d; display:block; font-size:15px; padding-left:10px; width: 100%; display: none;}
.product_o .pro_sort{ border:solid 1px #e7e7e7; color:#959595; font-size:30px; font-family:"微軟正黑體"; margin:9px 0; padding:12px 0 12px 13px; /*width:940px;*/ width: 100%; }
.product_o .search_form{ /*background:url(../images/other/search_bg1.jpg) no-repeat; */height:45px; padding-top:7px; width:955px; background: none;  background-color: #e4e4e4;   border-radius: 5px;  width: 100%; }
.product_o .search_form .formtext01{ background:#fafafa; border:0; color:#696969; /*height:24px;*/ margin-left:9px; padding:4px 4px 4px 8px;  /*width:270px;*/ width: calc(100% / 3 - 50px);}
.product_o .left{ /*float:left;*/ margin-top:20px; width:436px; float: none; display: inline-block; margin-right: 35px; padding-bottom: 20px; }
.product_o .left .now_pro{ color:#5b5b5b;}
.product_o .left .now_pro .now_tit{ color:#000; display:block; font-size:15px; margin:10px 0;}
.product_o .left .now_pro .now_edit{ min-height:234px; height:auto !important; height:234px; overflow:hidden; padding:5px 0; font-size: 13px;}
.product_o .left .now_pro a{ background:url(../images/other/icon5.jpg) no-repeat 5px 9px; color:#000; display:block; float:right; padding-left:20px; /*width:60px;*/ }
.product_o .left .now_pro a:hover{ color:#666;}
.product_o .right{ float:right; margin:20px 0 0 0; width:494px; display: inline-block; vertical-align: top; float: none; width: calc(100% - 477px);}
.product_o .right li{ border:solid 1px #b8b8b8;/* float:left;*/ display:inline-block; vertical-align:top; min-height:155px; padding:8px 10px 5px 10px; margin-bottom:6px; text-align:center; /*width:97px;*/ width: calc(20% - 9px); margin-right: 5px; }
.product_o .right li:nth-child(5n){ margin-right: 0; }
.product_o .right li .pro_brand{ padding-top:3px;/*width:97px;*/ text-overflow : ellipsis; white-space : nowrap; overflow : hidden; width: 100%;}
.product_o .right li .pro_brand a{ color:#b41208;}
.product_o .right li .pro_brand a:hover{ color:#000;}
.product_o .right li .pro_name{ color:#696969; margin-top:3px; line-height:20px;/*width:97px;*/ text-overflow : ellipsis; white-space : nowrap; overflow : hidden; width: 100%;}
.product_o .right li .pro_price{ color:#ff0000;}
.product_o .right li .pro_price span{ font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; padding-left:10px;}

/*產品詳細*/
.product_detail{ margin-top:11px; padding:8px 0 0 17px;; width:973px; width: 1440px; margin: auto;}
.det_tit{ color:#5d5d5d; font-size:15px;}
.det_left{ float:left; padding:17px 0 0 0; width:702px; float: none;  display: inline-block;  vertical-align: top; width: calc(100% - 250px); margin-right: 20px;}
.det_left .det_img{ float:left; width:225px; margin-right: 20px; }
.det_left .det_img ul{ padding-top:6px;}
.det_left .det_img ul li{ float:left;}
.det_left .det_img ul li.sps{ margin-right:9px;}
.det_left .det_img .site_push{ margin:10px 0 0 20px; margin: 10px auto; }
.det_left .det_inf{ float:right; width:428px; width: calc(100% - 250px); display: inline-block; float: none; }
.det_left .det_inf .pro_name{ border-bottom:solid 1px #ededed; color:#0890c0; display:block; font-size:18px; padding:7px 0;}
.det_left .det_inf .det_bor{ min-height:260px; height:auto !important; height:260px;}
.det_left .det_inf dl{ clear:both; color:#676767; line-height:18px; margin:7px 0; overflow:hidden;/* width:428px;*/ width: 100%; }
.det_left .det_inf dl dt{ float:left; text-align:center; width:64px; display: inline-block; float: none; margin-right: 10px; }
.det_left .det_inf dl dd{ float:right; padding-left:5px; width:359px; display: inline-block; float: none; vertical-align: top; width: calc(100% - 80px); }
.det_left .det_inf dl dd.red{ color:#b41208; }
.det_left .det_inf dl dd.red1{ color:#F00; font-size:15px; font-weight:bold;}
.det_left .det_inf dl dd .formtext01{ border:solid 1px #d0d0d0; height:21px; line-height:21px; text-align:center; width:35px; vertical-align:top;}
.det_left .det_inf .try_music{ background:#ececec; clear:both; /*height:32px;*/ overflow:hidden; /*padding:7px 0 0 20px;*/ width:408px; width:100%; font-size: 12px; padding: 10px;}
.det_left .det_inf .try_music a{ background:url(../images/other/try.jpg) no-repeat; color:#ffc61b; display:block; float:left; height:24px; line-height:24px; padding-left:30px; text-decoration:none; text-align:left; width:97px;}
.det_left .det_inf .try_music a:hover{ color:#fff;}
.det_right{ float:right; padding:17px 0 0 0; width:222px; float: none; display: inline-block; vertical-align: top; }
.det_right .other_tit{ background:url(../images/other/icon2.jpg) no-repeat left bottom; height:35px; padding:5px 0 0 47px; font-size: 12px; line-height: 12px; }
.det_right .other_tit span{ background:#000; color:#ffc61b; display:inline-block; font-size:11px;font-weight:bold; line-height:20px; width:170px;text-overflow : ellipsis; white-space : nowrap; overflow : hidden;  padding:0 3px;}
.det_right .songlist{ background:#ececec; min-height:236px; height:auto !important; height:236px; margin-bottom:23px; overflow:hidden; padding:5px 5px 0 7px; /*width:210px;*/ width: 100%; }
.det_right .songlist li{ background:url(../images/other/icon3.jpg) no-repeat 5px 2px; font-size:11px; margin:10px 0; padding-left:20px;font-family: Verdana, Geneva, sans-serif;
    line-height: 18px;}
.det_right .songlist li a{ color:#2f2f2f; text-decoration:none;}
.det_right .songlist li a:hover{ color:#F90;}
.det_right .other_tit1{ background:url(../images/other/icon4.jpg) no-repeat; /*height:21px;*/ padding:7px 0 0 47px; font-size: 12px; height: 29px; }
.det_right .other_person{ border-top:solid 8px #ededed; margin-top:7px; min-height:236px; height:auto !important; height:236px; overflow:hidden; padding-bottom: 20px; }
.det_right .other_person li{ float:left; margin-top:7px; /*min-height:140px; height:auto !important; height:140px;*/ overflow:hidden; text-align:center; width:106px; font-size: 12px;
 line-height: 18px; margin-right:10px; float: none; display: inline-block; vertical-align: top; width: 104px; }
.det_right .other_person li:nth-child(2n){ margin-right: 0;}
.det_right .other_person li .s_img{ border:solid 1px #c0c0c0;margin-bottom:5px; overflow:hidden; padding:2px;}
/*.det_right .other_person li.spa{ margin-right:10px;}*/
.det_right .other_person li a{ color:#1c6cff; text-decoration:none;}
.det_right .other_person li a:hover{ color:#F90;}

/*問答*/
.qa{ color:#555; margin-bottom:5px; width:100%; word-break: break-all;}
.qa.back1{ background:#eaeaea;}
.qa td{ padding-left:10px;}
.qa_date{ /*float: right; padding-right: 10px; padding-top: 5px;*/ }
.qa-box{ font-size: 14px;  padding: 10px;}
.qa-inner{ display: flex; justify-content: space-between; align-items: flex-start;}
.qa-from{ display: inline-block;  vertical-align: top;}

.member-box{ width:990px; margin: auto; display: flex; flex-wrap: wrap; /*width: 1440px;*/ justify-content: space-between;}
.member-box .left{ border-right:solid 1px #c2c2c2; /*float:left;*/ min-height:500px; padding:15px 0 0 15px; position:relative; width:198px; float: none; display: inline-block;vertical-align: top;}
.member-box .left .left_tit{ color:#5d5d5d; font-size:15px;}
.member-box .left .left_icon{ top:55px; position:absolute; right:-27px; }
.member-box .left .left_icon2{ top:223px; position:absolute; right:-25px;max-width: initial;}
.member-box .left .left_link{ margin-top:85px;}
.member-box .left .left_link li{ font-size:13px; line-height:24px; margin:0 0 15px 15px;}
.member-box .left .left_link li a{ color:#737272; text-decoration:none;}
.member-box .left .left_link li a.clearful{ color:#b41208; font-weight:bold;}
.member-box .left .left_link li a.clearful:hover{ color:#FC0;}
.member-box .left .left_link li a:hover{ color:#000;}
.member-box .left .left_link li.icon1{ background:url(../images/other/icon6.jpg) no-repeat; padding-left:37px;}
.member-box .left .left_link li.icon2{ background:url(../images/other/icon7.jpg) no-repeat; padding-left:37px;}
.member-box .left .left_link li.icon3{ background:url(../images/other/icon9.jpg) no-repeat; padding-left:37px;}
.member-box .left .left_link li.icon4{ background:url(../images/other/icon11.png) no-repeat; margin-top:105px; padding-left:37px;}
.member-box .right{ /*float:right;*/ padding-top:11px; width:776px; float: none; display: inline-block; width: calc(100% - 200px);  padding-left: 60px;}
.member-box .right .tag{padding: 0;}
.member-box .left img.left_icon{ max-width: initial;}



/*會員登入*/
.login{ /*background:url(../images/other/login_bg.jpg) no-repeat; */float:right; height:322px; padding:124px 0 0 0; width:673px; background-image: url(../images/other/login_bg.jpg); background-color: #f0f0f0; padding-bottom: 30px; height: auto; float: none; margin: 0 0 35px auto; }
.login .tips{ color:#c3c3c3; line-height:24px; margin:0 0 111px 240px; width:406px;}
.login table{ margin:0 auto; width:425px;}
.login .formtext01{ background:#d9d9d9; border:0; height:23px; margin-left:3px; padding:0 3px; width:222px;}
.login .formtext02{ background:#d9d9d9; border:0; height:23px; margin-left:3px; padding:0 3px; width:71px;}
.login-form{ display: inline-block; margin-right: 20px; text-align: left;}
.login-form__box{ margin-bottom: 5px; }
.login-form__tit{ display: inline-block; width: 100px; text-align: right;}
.login-btn{ width: 93px;  display: inline-block;}
.login-form__wrap{ width: 100%; text-align: center;}


/*會員註冊*/
.register{ /*margin:30px 23px 0 0; */width:674px; display: inline-block;  margin: 15px 0 35px auto; margin-right: 0; float: right; width: 100%;}
.register .article{ background:#f8f7f7; line-height:24px; margin-bottom:20px; padding:22px 15px; /*width:644px; */}
.register .article_agree{ border:dashed #999; border-width:1px 0; padding:8px 0; text-align:center;}
.register .article_agree .check{ margin-top:-2px; vertical-align:middle;}
.register .article strong{ color:#B41208; display:block; font-size:15px; margin:10px 0; margin-top: 20px; }
.register .article p{ margin-bottom:10px; padding-left:29px;}
.register .article ul{ color:#676767; padding-left:29px;}
.register .tips{ background:#f8f7f7; color:#575757; margin-bottom:22px; padding:12px 0; /*width:674px;*/}
.register .tips li{ margin:10px auto; padding-left:12px;}
.register .reg_tit{ background:url(../images/other/icon10.jpg) no-repeat 0 1px; border-bottom:dashed 1px #b5b4b4; color:#575757; display:block; font-size:15px; padding:0 0 10px 11px;}
.register .reg_row{ border-bottom:solid 1px #e3e3e3; clear:both; color:#676767; line-height:25px; margin-left:44px; overflow:hidden;/* width:530px;*/ width: 90%; }
.register .reg_row dt{ float:left; padding-top:13px; width:80px;}
.register .reg_row dd{ /*height:25px; */overflow:hidden; padding:12px 0;}
/*.register .reg_row dd .formradio{ vertical-align:top;}*/
.register .reg_row dd .formtext01{ border:solid 1px #c9c9c9; height:27px; padding:0 3px; width:186px;}
.register .reg_row dd .formtext02{ border:solid 1px #c9c9c9; height:27px; padding:2px 2px 2px 3px; width:94px;}
.register .reg_row dd .formtext03{ border:solid 1px #c9c9c9; height:27px; padding:0 3px;/* width:347px;*/ width: 100%; }
.register .reg_row dd .formtext04{ border:solid 1px #c9c9c9; height:27px; padding:0 3px; width:80px;}

/*會員專區*/
.memlist{ float:right; min-height:400px; height:auto !important; height:400px; overflow:hidden; padding-bottom:20px; margin:30px 23px 0 0; width:674px; margin: 30px 0; width: 100%; }
.memlist .tips{ background:#f8f7f7; color:#575757; margin-bottom:22px; padding:12px 0; width:674px; width: 100%; }
.memlist .tips li{ margin:10px auto; padding-left:12px;}
.memlist .mem_tit{ background:url(../images/other/icon12.jpg) no-repeat 0 7px; color:#575757; display:block; font-size:15px; padding:0 0 10px 20px;}
.memlist .order_list{ /*width:674px; */ width: 100%; }
.memlist .order_list th{ background:#5a5a5a; color:#fff; height:26px; text-align:center; font-size: 14px;}
.memlist .order_list td{ color:#575757; height:30px; text-align:center; font-size: 14px;}
.memlist .order_list td a{ color:#0084ff; text-decoration:none;}
.memlist .order_list td.price{ color:#F00;}
.memlist .order_list tr:hover{ background:#f8f7f7;}
.memlist .order_list tr:hover a{color:#F90;}

.memlist .mem_row{ border-bottom:solid 1px #e3e3e3; clear:both; color:#676767; line-height:25px; margin-left:44px; overflow:hidden; /*width:580px;*/ width: 90%; width: 100%;margin-left: 0; padding-left: 25px; }
.memlist .mem_row dt{ float:left; padding-top:13px; width:90px;}
.memlist .mem_row dd{ /*height:25px;*/ overflow:hidden; padding:12px 0;}
.memlist .mem_row dd strong{ color:#0084ff;}
/*.register .reg_row dd .formradio{ vertical-align:top;}*/
.memlist .mem_row dd .formtext01{ border:solid 1px #c9c9c9; line-height:27px; height:27px; padding:0 3px; width:186px;}
.memlist .mem_row dd .formtext02{ border:solid 1px #c9c9c9; line-height:27px; height:27px; padding:2px 2px 2px 3px; width:94px; margin-bottom: 7px; }
.memlist .mem_row dd .formtext03{ border:solid 1px #c9c9c9; line-height:27px; height:27px; padding:0 3px;/* width:347px;  width: calc(100% - 100px); */ width: 100%;}

.mem_tatal{ background:#f5f5f5; margin:10px 0; overflow:hidden; padding:10px;/* width:654px; */width: 100%; }
.mem_tatal dl{ clear:both; margin:5px 0; overflow:hidden; text-align:right;}
.mem_tatal dl dt{ color:#000; float:left; width:584px; width: 50%; display: inline-block;  float: none; }
.mem_tatal dl dd{ color:#F00; float:right;font-weight:bold; text-align:right; width:70px;}
.formtext04{ border:solid 1px #c9c9c9; padding:3px; width: 80px; margin-right:10px; }
.formtext05{ border:solid 1px #c9c9c9; padding:3px; width:250px; margin-right:10px; }
.submit_but{padding:2px 3px 1px 3px; font-size:11px;}

.mem_pay{border-bottom:solid 1px #c2c2c2; padding:10px 0; line-height:25px; width:654px; overflow:hidden; width: 100%; }
.mem_pay dt{ color:#676767; float:left; text-align:center; width:89px; text-align: left;}
.mem_pay dd{ float:right; padding-right:10px; width:555px; width: calc(100% - 100px); }
.mem_pay dd.red{ color:#F00; font-weight:bold;}

/*購物車*/
.shop_cart{ max-width: 1440px; margin: auto;}
.shop_cart table{ margin:0 auto; width:980px; width: 100%;}
.shop_cart table th, .shop_cart table td{ height:36px; padding:3px 0; line-height:36px;}
.shop_cart table th{ background:#575757; color:#fff; font-size:12px; text-align:center;}
.shop_cart table td{ color:#676767; text-align:center; line-height: 28px;}
.shop_cart table td .p_name{float:left;width:290px;}
.shop_cart table td .num{ text-align:center; width:40px;}
.shop_cart table td a{ color:#0084ff; text-decoration:none;}
.shop_cart table td a:hover{ color:#F90;}
.red{ color:#F00;}
.shop_cart table td .delete{ display:block; margin:0px auto; width:25px;}
.shop_cart table td .t_price{ background:#ebebeb; display:block;line-height:25px; min-height:64px; height:auto !important; height:64px; padding:5px 20px 5px 0; text-align:right;}
.shop_cart table td .t_price dl{ clear:both; margin:5px 0; overflow:hidden; text-align:right;}
.shop_cart table td .t_price dl dt{ color:#000; display: inline-block;}
.shop_cart table td .t_price dl dd{ color:#F00; font-weight:bold; text-align:right; width:80px;display: inline-block;}

/*付款方式*/
.step_img{ margin:10px auto; width:959px;}
.shop_cart .form_cart .form_tit{ background:url(../images/other/icon10.jpg) no-repeat 0 5px; display:block; font-size:15px; line-height:26px; margin:30px 0 0 0; padding:0 0 20px 15px;float: left; width: 110px; padding: 0 0 10px 15px; width: 125px; float: none; /*display: inline-block;*/ margin-top: 10px; }
.shop_cart .form_bor{border-top:solid 1px #c2c2c2;border-left:solid 1px #c2c2c2;border-right:solid 1px #c2c2c2;width:978px; width: 100%; }
.shop_cart .form_pay{ border-bottom:solid 1px #c2c2c2; padding:10px 0 10px 8px; line-height:25px; overflow:hidden; width:971px; width: 100%; }
.shop_cart .form_pay a{color:#27A4BA; text-decoration:none;}
.shop_cart .form_pay a:hover{color:#000;}
.shop_cart .form_pay th{ width:180px;}
.shop_cart .form_pay input{ float:left; margin-top:6px;}
.shop_cart .form_pay .pay_tit{ background:#ebebeb; color:#000; display:inline-block; float:left; line-height:28px; margin:0 10px; padding-left:10px; text-align:left; width:120px;}
.shop_cart .form_pay .pay_tips{ color:#815200; font-size:11px; padding:2px 0 0 4px;}
.shop_cart .form_pay .pay_txt{ border:solid 1px #CCC; width:63px; height:20px; margin:3px 0 0 0; padding:0 3px; }
.shop_cart .form_pay .pay_fee{ display: inline-block; vertical-align: top; width: calc(100% - 160px);}
.paypal_tips{ border:dashed #CCC; border-width:1px 0; line-height:18px; margin:20px 0; padding:0 0 10px 15px;}
.paypal_tips strong{ color:#c0150b; display:block; padding:10px 0;}
.paypal_tips a{ color:#27A4BA;}
.paypal_tips a:hover{ color:#000;}

.shop_cart .form_cart{ margin:0 auto; padding:0 4px; width:980px; width: 100%;}
.shop_cart .form_cart p{ color:#676767; margin-left:17px; display: inline-block;}
.shop_cart .form_cart .s_tit{ font-size:12px; font-weight:bold; float:left; padding:28px 0 0 5px; display: inline-block; float: none; padding: 9px 0 0 10px; }
.shop_cart .form_cart .s_tit a{ color:#B41208; text-decoration:none;}
.shop_cart .form_cart .s_tit a:hover{ text-decoration:underline;}
.shop_cart .form_cart .s_tit input{ margin-top:-2px; vertical-align:middle;}
.shop_step{ display: none;}
.shop_cart .form_cart .td_country{ text-align: right;  padding-right: 20px;  font-weight: bold; text-align: left; line-height: 26px; }
.td_country-wrap{ display: inline-block; }
.td_country-item{ display: inline-block; vertical-align: middle; }

/*填寫聯絡人*/
.shop_cart .form_cart .form_tit1{ background:url(../images/other/icon2.jpg) no-repeat; display:block; font-size:15px; line-height:26px; margin:30px 0 0 60px; padding:0 0 20px 30px;}
.shop_cart .form_cart .form_row{border-bottom:solid 1px #c2c2c2; padding:10px; line-height:25px; /*width:978px;*/ overflow:hidden; width: 100%; }
.shop_cart .form_cart .form_row dt{ color:#676767; float:left; text-align:center; width:89px;}
.shop_cart .form_cart .form_row dd{ color:#000; float:right; /*width:889px;*/ width: calc(100% - 100px); word-break: break-all;}
.shop_cart .form_cart .formtxt01{ background:#f2f2f2; color:#000; border:0; height:20px; width:260px; margin-top:2px; vertical-align:middle; width: 100%; }
.shop_cart .form_cart .formtxt02{ background:#f2f2f2; color:#000; border:0; height:20px; width:430px; margin-top:2px; vertical-align:middle; width: 100%; }
.shop_cart .form_cart .formtxt03{ background:#f2f2f2; color:#000; border:0; height:65px; width:430px; margin-top:2px; vertical-align:middle; width: 100%; }
.shop_cart .form_cart .formtxt04{ background:#f2f2f2; color:#000; border:0; height:20px; width:80px; margin-top:2px; vertical-align:middle;}
.shop_cart .form_cart .formtxt05{ background:#f2f2f2; color:#000; border:0; height:20px; width:42px; margin-top:2px; vertical-align:middle;}

.or_tips{color:#F00; display:block;font-size:15px; margin-top:20px; text-align:center; padding-bottom:8px; }

/*忘記密碼*/
#myHiddenDiv{ display:none;}
.popup{ background:url(../images/other/forget_bg_tit.png) no-repeat; /*height:168px;*/ padding:80px 0 20px 0; position:relative; text-align:center; width:431px; font-size:12px; background-color: #fff;  background-size: 100%; line-height: 16px; border-radius: 5px;  box-shadow: 0 0 9px rgb(0 0 0 / 30%);}
.popup .reg_row{color:#676767;margin:12px 0 8px 25px; overflow:hidden; text-align:left; width:370px;}
.popup .reg_row .form_title{  float:left; text-align:right; padding-top:6px; width:70px; line-height: 12px; }
.popup .reg_row .form_title img{ margin-top:3px;}
.popup .reg_row .formtext01{ background:#ededed; border:0; height:26px; margin-left:11px; padding:2px 3px 0 3px; width:263px;}
.popup a{ color:#ededed; display:block; width:20px; top:20px; right:20px; position:absolute;}

/*我要發問*/
#myHiddenDiv1{ display:none;}
.popup1{ background:url(../images/other/ask_bg_tit.png) no-repeat; height: 290px; padding: 60px 0 0 0; position:relative; text-align:center; width:431px; background-color: #fff;  background-size: 100%; line-height: 16px; border-radius: 5px;  box-shadow: 0 0 9px rgb(0 0 0 / 30%);}
.popup1 .formtext01{ background:#ededed; border:0; height:150px; margin:15px 0 0 11px; padding:2px 3px 0 3px; width:300px;}
.popup1 a{ color:#ededed; display:block; width:20px; top:20px; right:20px; position:absolute;}

/*CSS quotes style pagination*/
DIV.quotes {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 20px 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}

DIV.quotes A {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none
}

DIV.quotes A:hover {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}

DIV.quotes A:active {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}

DIV.quotes SPAN.current {
	BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #444; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; BACKGROUND-COLOR: #f0f0f0
}

DIV.quotes SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid

}


@media only screen and (max-width: 1460px) {
.product{ width: 100%; }
.product_detail{ width: 100%; padding: 20px; margin: 0; }
.product_o{ width: 100%; padding: 20px; }
.shop_cart .form_cart{ width: 100%; padding: 20px; }
}


@media only screen and (max-width: 1300px) {
.product_o .right li{ width: calc(25% - 8px);}
.product_o .right li:nth-child(5n){ margin-right: 5px;}
.product_o .right li:nth-child(4n){ margin-right: 0;}
}



@media only screen and (max-width: 1000px) {

.about{ width: 100%; padding: 0 15px; background-position: 20px 0px;}
.about-block{ margin-bottom: 30px;}
.about-text01{ padding-top: 350px;}
.about-text03{ width: 100%;}
.about .com_inf{ width: 100%;}
.about .com_inf li{ width: 100%; }

.contact{ width: 100%; padding: 0 15px; background-position: -35px 0px; background: none;}
.cont_form{ width: 100%; margin: 20px auto; }
.contact-title_m{ display: block; margin: 10px auto;}
.contact .com_inf{ float: none;  margin: 30px 0; width: 100%;}
.cont_form .form_row{width: calc(50% - 20px); display: inline-block; vertical-align: top; }
.cont_form .form_row .form_txt01{ width: calc(100% - 100px); }
.cont_form .form_row .form_txt02{ width: calc(100% - 100px);}

.member-box{ width: 100%; padding: 20px; }
.member-box .left{ width: 100%; height: auto; min-height: auto; border-right:none; }
.member-box .left .left_link{margin-top: 10px;}
.member-box .left .left_icon{ display: none;}
.member-box .left .left_link li{ display: inline-block; }
.login{ margin: 0 auto 35px;  background-repeat: no-repeat;  max-width: 100%;}
.member-box .right{  width: 100%; /*padding: 0 20px;*/padding: 0;}
.member-box .right .tag{float: left;}
.member-box .left .left_icon2{ display: none; }
.member-box .left .left_link li{ margin: 0 0 0 15px; }
.memlist{ width: 100%; margin: 0; }
.memlist .tips{ width: 100%; }
/*.memlist .order_list{ width: 100%; }*/
.order_list_wrap{ width: 846px; overflow: auto; overflow-x: auto; overflow-y: hidden; display: block;}
.member-box .left .left_link li.icon4{ margin-top: 0; }
.memlist .mem_row{ width: 100%; margin-left: 0;}

.register{ width: 100%; float: none; }
.register .article{ width: 100%; }
.register .tips{ width: 100%;}
.register .reg_row{ width: 100%; margin: auto; }
.register .tips li{ margin: 0 auto;}

.other_page{ width: 100%; height: auto;background: none;padding: 20px;}
.other_page .left{ float: none; width: 200px; display: inline-block; vertical-align: top; }
.other_page .right{float: none; width: calc(100% - 210px); display: inline-block; margin: 0; vertical-align: top; }
.other_page .left .link{ height: auto;}
.other_page .com_inf{ display: inline-block; vertical-align: top;}

.product_o{ margin: 20px auto; padding: 0 20px; width: 100%; }
.product_o .left{ height: auto; float: none;display: inline-block;  width: 100%; margin: 20px auto; display: none;}
.product_o .left .now_pro .now_edit{ min-height: auto; }
.product_o .right{ width: 100%; float: none; display: inline-block;}
.product_o .left .now_pro{ text-align: center; }
.product_o .left .now_pro a{ float: none; width: 80px; margin: auto;}
.product_o .right li .pro_brand{ width: 100%; margin: auto;}
.product_o .right li .pro_name{ width: 100%; }

.list_row .list_inf{ width: calc(100% - 160px);  float: none;  display: inline-block;  vertical-align: top;}
.list_row .list_right{ width: 100%;  text-align: left;}
.list_row .list_right a.try{ display: inline-block; margin-top: 0;  }
.list_row .list_right .put_cart{ float: right; margin-top: 0; margin-right: 10px; }

.det_left{ width: 100%; margin-right: 0; margin-bottom: 10px;}
.det_right{ width: 100%; }
.det_right .other_person li{ width: calc(100% / 6 - 10px); }
.det_right .other_person li:nth-child(2n){ margin-right: 10px;}
.det_right .other_person li:nth-child(6n){ margin-right: 0; }

.step_img{ display: none;}
.shop_cart .form_cart{ width: 100%; padding: 0 20px;}
.shop_cart table{ width: 100%; }
.shop_cart .form_bor{ width: 100%; }
.shop_cart .form_pay{  width: 100%;}
.shop_cart .form_cart .shop_table{ overflow: auto; overflow-x: auto; overflow-y: hidden; /*display: block; width: 846px;*/ width: 980px; }
.shop_table_wrap{ width: 100%; overflow-x: auto; margin-bottom: 10px;}
.shop_cart table td .t_price dl dt{ width: 50%; display: inline-block; float: none; }
.shop_step{ display: flex; flex-wrap: wrap; margin: 10px 20px;  justify-content: space-between;}
.shop_step li{ display: inline-block; vertical-align: top; border-radius:5px ; text-align: center; width: calc(100% / 3 - 10px); padding: 5px; color: #fff; background: #575757;}
.shop_step li.red{ background: #cc0000;}
.shop_cart .form_pay{ padding: 10px;}

.knowledge{ width: 100%; padding: 20px; }
.knowledge .right{ width: calc(100% - 280px); margin-left: 15px; }
.knowledge .tag{ width: 100%; text-align: right;}
.knowledge_det{ width: 100%; }
.knowledge_det .knowledge_edit{ width: 100%; overflow: auto; }
.knowledge_det .knowledge_edit img{ width: 100%; }
.knowledge_det .knowledge_title{ /*width: calc(100% - 150px); */ float: none; display: inline-block; vertical-align: middle; width: 100%; }
/*.knowledge_det .date{ display: inline-block; float: none; vertical-align: top; margin-top: 25px; }*/
.knowledge .knowledge_row{ width: 100%; }
}


@media only screen and (max-width: 800px) {

.knowledge .knowledge_row .knowledge_img{ overflow: hidden;	width: 100%; height: auto; height: 240px; }
.knowledge_intro{ width: 100%; }
}


@media only screen and (max-width: 768px) {

.cooperation{ width: 100%; padding: 0 20px;}

.product{ background: none; padding: 20px;}
.product .left{ float: none;  display: inline-block;  vertical-align: top;  width: 100%; min-height: auto; padding: 0; }
.product .left .product_tit{ background: none; width: 100%; display: inline-block; vertical-align: top; padding-left: 0; }
.product .left .sub-menu{ width: 175px; display: inline-block; vertical-align: top;}
.product .left .search{ display: inline-block; vertical-align: top; width: 100%; margin-left: 0;}
.product .left .hot_item{ display: inline-block; vertical-align: top; width: 100%; display: none;}
.product .left .hot_item ul{ width: 100%; }
.product .left .hot_item ul li{ display: inline-block; vertical-align: top; width: calc(100% / 3 - 20px); }
.product .left .hot_item ul li .hot_img{ float: none; margin: auto;}
.product .left .hot_item ul li dl{ width: 100%; text-align: center; float: none;}
.product .left .hot_item ul li dl dt{ padding: 5px 0 3px 0; line-height: 20px; }
.product .left .product-ads{ display: none; }
.product-nav{ width: 40%;}
.product .left .search .s-form{ width: 100%; height: auto;  margin: 10px auto; padding: 10px;}
.product .left .search .s-form dl{ width: calc(100% / 3 - 6px); display: inline-block; margin: 0;}
.product .left .search .s-form dl .formtxt01{ width: calc(100% - 75px); }
.product .right{ width: 100%;  margin: 0; }
.search-btn{ padding: 10px 10px 5px;}
.seq_row li{ margin-bottom: 6px; }
.list_row{ padding: 20px 0;}
.seq_row{ text-align: left;}
.product-nav{ width: 100%;  margin-bottom: 20px;}
.product .left .sub-menu{ width: 100%;  min-height: auto;  margin: 0;}
.product .left .sub-menu li{ margin: 5px 0; display: inline-block; margin-right: 10px; padding: 4px 10px; border: 1px #dcdcdc solid; }

.memlist .order_list{ width: 864px; }

.det_right .other_person li{ width: calc(100% / 5 - 10px);margin-right: 5px;}
.det_right .other_person li:nth-child(6n){ margin-right: 5px;}
.det_right .other_person li:nth-child(5n){ margin-right: 0; }

.login .tips{ margin: 0 0 111px 200px; }

.knowledge .left{ width: 100%; background: none; min-height: auto; padding-left: 0; }
.knowledge .right{ width: 100%; margin-left: 0; }
.knowledge .link{ border: 1px solid #dcdcdc; border-radius: 10px; margin-top: 10px; padding: 10px; }
.knowledge .link li{ display: inline-block; font-size: 15px; margin: 0 0 5px 13px; }
.knowledge .link li::before{ content:'➤' ; font-size: 13px; display: inline-block; margin-right: 3px; color: #575757; }
.knowledge .knowledge_row .knowledge_title{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 70px!important; }
.knowledge .knowledge_row{ width: calc(50% - 20px);  float: none;  display: inline-block;  vertical-align: top; margin-right: 18px; }
.knowledge .knowledge_row:nth-of-type(2n){ margin-right: 0; }
.knowledge .knowledge_row .knowledge_img{ height: 150px;}
}


@media only screen and (max-width: 673px) {
.login{ width: 100%; background-position: top; }
.login .tips{ width: 100%;text-align: center; color: #4d4d4d; margin: auto; margin-top: 140px; margin-bottom: 20px;padding: 0 15px; }
}



@media only screen and (max-width: 640px) {

.contact .com_inf ul{ width: 100%; }
.cont_form .form_row{ width: 100%;}
.cont_form p{ padding: 10px 0; }

.login .formtext01{ width: calc(100% - 110px); }
.login-btn{ margin: 20px auto;}


.other_page .left{ width: 100%; }
.other_page .left .link{ margin-top: 0; }
.other_page .left .link li{ display: inline-block; }
.other_page .right{ width: 100%; }

.product_o .right li{width: calc(100% / 3 - 7px);}
.product_o .right li:nth-child(4n){ margin-right: 5px;}
.product_o .right li:nth-child(3n){ margin-right: 0;}
.product_o .search_form{ width: 100%; height: auto; padding: 10px; }
.product_o .search_form .formtext01{ width: 100%; margin-bottom: 10px; margin-left: 0;}

.product .left .search .s-form dl{ width: 100%; margin-bottom: 10px;}
.product .left .search .s-form dl:last-child{ margin-bottom: 0;}
.product_o .search_form input{ width: 65px; display: block; margin: auto; }

.det_left .det_img{ width: 100%; float: none; text-align: center;}
.det_left .det_img ul li{ display: inline-block; float: none; }
.det_left .det_inf{ display: inline-block; float: none;  width: 100%;}
.det_left .det_inf .det_bor{ min-height: auto; }
.det_right .other_person li{ width: calc(100% / 4 - 10px);}
.det_right .other_person li:nth-child(5n){ margin-right: 5px;}
.det_right .other_person li:nth-child(4n){ margin-right: 0; }

.shop_step li{ font-size: 14px; width: calc(100% / 3 - 5px);}
.search-btn{ padding: 0;text-align: center;}

.knowledge .knowledge_row .knowledge_title{ font-size: 18px; }
}


@media only screen and (max-width: 480px) {
.register .reg_row dd .formtext02{ margin-bottom: 7px; }

.product_o .right li{width: calc(100% / 2 - 5px);}
.product_o .right li:nth-child(3n){ margin-right: 5px;}
.product_o .right li:nth-child(2n){ margin-right: 0;}

.qa-inner{flex-wrap: wrap;}
.qa-from, .qa_date{width: 100%;}

.list_row .list_right .put_cart{ float: left; margin-top: 2px;}

.popup{ width: 375px; padding: 60px 0 20px 0; }
.popup .reg_row{ width: 100%; padding: 10px 20px 5px; margin: 0; }
.popup .reg_row .form_title{ text-align: left; margin-bottom: 10px;}
.popup .reg_row .formtext01{ width: 100%; margin: 0; }

.shop_step li{ width: 100%; margin-bottom: 5px;}
.shop_cart table{ font-size: 14px; }
.shop_cart .form_pay .pay_fee{ width: 100%; margin-top: 5px; }

.det_right .other_person li{ width: calc(100% / 3 - 10px);}

.register .article p, .register .article ul{ padding-left: 0;}

.knowledge .knowledge_row{ width: 100%; display: inline-block; float: none; vertical-align: top;}
.knowledge .knowledge_row .knowledge_img{ display: inline-block; float: none; vertical-align: top; height: auto; width: 100%; text-align: center;}
.knowledge .knowledge_row .knowledge_title{ display: inline-block; float: none; vertical-align: top; width: 100%; height: auto!important;}
.knowledge .knowledge_row .knowledge_txt{ display: inline-block; float: none; vertical-align: top; width: 100%; }
.knowledge_intro{ width: 100%; }

}



@media only screen and (max-width: 375px) {

.popup{ width: 300px;}
.det_right .other_person li{ width: calc(100% / 2 - 10px);}

.shop_cart .form_cart .form_row dt{ width: 100%; text-align: left; }
.shop_cart .form_cart .form_row dd{ width: 100%; }

.login-form{ margin-right: 5px;}
.login-form__tit{ width: 100%; text-align: left; }
.login .formtext01{ width: 100%; }
.member-box .left .left_link li.icon1{ margin-bottom: 10px;}
.knowledge_det .knowledge_title{ width: 100%; margin-top: 15px; }
/*.knowledge_det .date{ margin-top: 5px; float: right; }*/
}

@media only screen and (max-width: 320px) {
.about{ background-position: 10px 0px; }
.list_row .list_img{ text-align: center; margin: auto; width: 100%; }
.list_row .list_inf{ width: 100%; text-align: center; }
.list_row .list_right{ width: 100%; text-align: left; padding-left: 15px; }
.list_row .list_right .put_cart{ width: 100%; }
.list_row .list_right a.try{ margin-bottom: 5px; }
}