@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:300&display=swap");*{font:normal 15px 'Noto Sans TC', sans-serif;word-break:normal}.m{display:none !important}a,a:link,a:visited,a:hover{color:#06f;text-decoration:none}input.btn,a.btn{display:inline-block;margin:0 3px;padding:2px 10px 3px;border:1px solid #ccc;background:#fee;color:#333;cursor:pointer}input.btn:hover,a.btn:hover{background:#f88}.popLogin{cursor:pointer}a.checkbox{cursor:pointer;vertical-align:top}a.checkbox:before{font-size:25px;display:block;margin-top:-5px}a.checkbox.on:before{content:'\2611';color:green}a.checkbox.off:before{content:'\2610';color:blue}img{max-width:100%}input[type="text"],input[type="tel"],input[type="password"],textarea{border:1px solid #ccc;border-radius:5px;margin:0;padding:3px 10px}select{border:1px solid #ccc;border-radius:5px;margin:0}.m{display:none}table.index a{font-size:13px}table.index img{max-width:none}body{margin:0;padding:0}.slider img{width:100%}.header{width:1000px;margin:0 auto;padding:0;background:#fff}.header .top .top_bar{float:right;margin-top:85px}.header ul.nav{margin:0;padding:0;font-size:0;background:#fee}.header ul.nav li{box-sizing:border-box;list-style:none;display:inline-block;width:10%;margin:0;padding:0}.header ul.nav li:hover{background:#fee}.header ul.nav li a{display:none;display:block;box-sizing:border-box;width:100%;color:#000;letter-spacing:2px;margin:0;padding:10px 0;text-align:center}.header ul.nav li a:hover{background:#f88}.main{width:1000px;margin:0 auto;font-size:0;background:#fff}.main .left{box-sizing:border-box;width:140px;min-height:300px;font-size:0;float:left}.main .right{box-sizing:border-box;width:860px;min-height:300px;float:right}.main .right .content{border:1px solid #ccc;border-radius:10px;min-height:300px;margin:20px 0;padding:30px}ul.left_menu{box-sizing:border-box;width:100%;margin:0 auto;padding:20px 10px 20px 0;text-align:left}ul.left_menu li{list-style:none;margin:0;padding:0}ul.left_menu li a.search{color:#f90;font-weight:800}ul.left_menu li a.menu_company,ul.left_menu li a.menu_ptype{color:#387bc7;font-weight:800;cursor:pointer}ul.left_menu li ul.menu_company{margin:0;padding:0}ul.left_menu li ul.menu_company li{list-style:none}ul.left_menu li ul.menu_company li a{display:block;margin:5px 0 0 tpx}ul.left_menu li ul.menu_ptype{display:none;margin:0;padding:0}ul.left_menu li ul.menu_ptype li{list-style:none}ul.left_menu li ul.menu_ptype li a{display:block;margin:5px 0 0 tpx}ul.left_menu a{display:block;margin:0;padding:5px}ul.left_menu a:hover{background:#fee}div.slist{font-size:0}div.slist .sleft{width:640px;float:left}div.slist .sleft h2{margin:20px 15px 0;background:#f7f7ff;color:#06f;font-size:1.2em;font-weight:800;text-align:center;padding:3px 20px;border-radius:5px}div.slist .sright{box-sizing:border-box;width:180px;float:right;margin-right:-25px;border:3px solid #fee;background:#fff;border-radius:5px;box-shadow:5px 3px 5px rgba(255,136,136,0.3)}div.slist .sright #subMenu{position:fixed;z-index:600}div.slist .sright ul{margin:0;padding:0}div.slist .sright ul li{list-style:none;margin:0;padding:0 3px}div.slist .sright ul li:hover{background:#fee}div.slist .sright ul li a{font-size:13px}div.product_list ul{margin:0 auto;padding:0}div.product_list ul li{position:relative;list-style:none;margin:10px 0 10px 15px;padding:0;width:30%;float:left;border:1px solid #ebebeb;border-radius:5px;background:whitesmoke;overflow:hidden}div.product_list ul li:hover{border:1px solid #99f}div.product_list ul li a.addToFavorite{position:absolute;top:-4px;right:2px}div.product_list ul li a.addToFavorite:before{content:'\2606';color:#ccc;font-size:2em}div.product_list ul li a.removeFavorite{position:absolute;top:-4px;right:2px}div.product_list ul li a.removeFavorite:before{content:'\2605';color:#f88;font-size:2em}div.product_list ul li div.photo{background:#fff}div.product_list ul li div.photo img{display:block;height:200px;margin:0 auto}div.product_list ul li div.product{padding:5px;min-height:125px}div.product_list ul li div.product h1{margin:0;height:60px;color:#06f;text-align:left}div.product_list ul li div.product div.cart{width:60px;float:right;text-align:center}div.product_list ul li div.product div.price{height:60px}div.product_list ul li div.product div.price p{margin:5px 0 0 0;padding:0px 10px;text-align:left}div.product_list ul li div.product div.price a{display:block;text-align:center}.pro1 div.img{text-align:center;position:relative}.pro1 div.img img{display:block;margin:20px auto}.pro1 div.img a.addToFavorite{position:absolute;top:-4px;right:10px}.pro1 div.img a.addToFavorite:before{content:'\2606';color:#ccc;font-size:2em}.pro1 div.img a.removeFavorite{position:absolute;top:-4px;right:2px}.pro1 div.img a.removeFavorite:before{content:'\2605';color:#f88;font-size:2em}.pro1 h1{font-size:1.3em}.pro1 h2{font-size:1.2em}.pro1 div.info ul li{list-style:none;display:inline-block}.pro1 div.info ul li:nth-child(1){width:80px;text-align:right;vertical-align:top;color:#f9f}.pro1 div.info ul li:nth-child(2){width:calc(100% - 120px)}span.code{display:inline-block;width:95px;height:27px;vertical-align:top}span.code.login{background:url(../inc/piccode/pc2019.php?id=login) no-repeat}span.code.forgot_code{background:url(../inc/piccode/pc2019.php?id=forgot) no-repeat}span.code.contact{background:url(../inc/piccode/pc2019.php?id=contact) no-repeat}span.code.gb{background:url(../inc/piccode/pc2019.php?id=gb) no-repeat}div.login_form div.img{width:50%;float:left}div.login_form div.form{float:left}div.login_form div.form div{width:220px;margin:5px 0;padding:0 10px;text-align:center}div.login_form div.form div a.loginBtn{padding:2px 30px 3px}div.lightbox{position:fixed;top:0;padding:0;border:5px solid #666;background:#666;min-width:200px;max-width:300px;letter-spacing:1px;box-shadow:10px 10px 5px rgba(51,51,51,0.7)}div.lightbox.msg{animation:shake 0.5s}div.lightbox a.closeBtn{position:absolute;top:-3px;right:0px;cursor:pointer}div.lightbox a.closeBtn:before{color:#fff;font-size:25px;font-weight:800;content:'\2573'}div.lightbox a.closeBtn:hover::before{color:#999}div.lightbox h1{margin:0;padding:5px 10px;font-size:1.2em;color:#fff}div.lightbox .content{position:relative;padding:10px;background:#eee}div.lightbox .content p.msg{color:red}div.lightbox .content .loginForm div{margin-bottom:5px;box-sizing:border-box}div.lightbox .content .loginForm div .login_uid,div.lightbox .content .loginForm div .login_pw,div.lightbox .content .loginForm div .p_login_uid,div.lightbox .content .loginForm div .p_login_pw{width:250px}div.lightbox .content .loginForm div .login_code,div.lightbox .content .loginForm div .p_login_code{width:150px;margin-left:5px}.inner_banner{margin:0;padding:0 30px}.inner_banner a{display:block;width:50%;float:left;list-style:none}.inner_banner a img{width:90%}.company_list{box-sizing:border-box;margin:0;padding:0}.company_list li{box-sizing:border-box;list-style:none;padding:5px 15px;display:inline-block;width:49.5%}.company_list li a{font-size:1.2em}.gb_search{text-align:center}.gb_search .kw{width:300px}ul.gblist{box-sizing:border-box;margin:0;padding:0}ul.gblist li{position:relative;box-sizing:border-box;list-style:none;margin:10px 0 0 0;padding:0;vertical-align:top;border-bottom:1px solid #ccc}ul.gblist li:hover{background:#fee}ul.gblist li div{padding:3px}ul.gblist li div:nth-child(1){padding-right:250px}ul.gblist li div:nth-child(2){display:inline-block;position:absolute;top:0;right:3px;text-align:right}ul.gblist li div:nth-child(2) i:nth-child(1){font-size:0.9em;font-weight:800;margin-right:5px;width:140px}ul.gblist li div:nth-child(2) i:nth-child(2){font-size:0.8em;color:#666}div.gb_form{box-sizing:border-box;width:600px;margin:20px auto}div.gb_form div{margin:5px 0}div.gb_form div.face label{box-sizing:border-box;display:inline-block;width:70px;padding:3px 5px}div.gb_form div input[name="code"]{width:100px}div.gb_form div input[name="author"],div.gb_form div input[name="title"]{width:560px}div.gb_form div textarea{width:560px;height:200px}.gbrlist h1{font-size:2em !important}.gbrlist ul{margin:0;padding:0}.gbrlist ul li:nth-child(1){background:#e7cbfe;border:3px solid #e7cbfe}.gbrlist ul li{list-style:none;margin:0 0 30px;padding:0;border-radius:10px;overflow:hidden;background:#c7c9fb}.gbrlist ul li div{padding:5px 10px}.gbrlist ul li div h3{display:inline-block;font-size:1.5em !important;margin:0;padding:0}.gbrlist ul li div i.author{font-size:1.2em !important}.gbrlist ul li div i.time{float:right;margin:3px 0 0 0}.gbrlist ul li p{letter-spacing:3px;line-height:2em;margin:0;padding:10px;background:#f5f5f5;font-size:1.1em !important}.footer{width:100%}.footer>div{width:1000px;margin:0 auto}.footer>div ul.btn{margin:0;padding:10px;text-align:center}.footer>div ul.btn li{box-sizing:border-box;list-style:none;display:inline-block;width:150px;margin:0 5px 10px;padding:3px 7px;border:2px solid #999;border-radius:5px;background:#eee}.footer>div ul.btn li:hover a{color:#06f}.footer>div ul.btn li a{color:#333}.footer>div div{text-align:center}.footer>div .numbers{font-size:9px;color:#333}.footer>div .numbers a{font-size:9px}.table_list{width:100%}.table_list tr:nth-child(1){background:#fff !important;color:#000;font-weight:800}.table_list tr:nth-child(1) td{text-align:center}.table_list tr:nth-child(odd){background:#eef}.table_list tr:nth-child(even){background:whitesmoke}.table_list tr:hover{background:greenyellow}.table_list td{margin:3px;padding:5px}div.col2 ul{display:flex;box-sizing:border-box;margin:0 0 1px 0;padding:0;font-size:0}div.col2 ul li{flex-basis:50%;box-sizing:border-box;list-style:none;display:inline-block;vertical-align:top;margin:0 0 10px 0;padding:5px;border-bottom:1px dotted #ccc}div.col2 ul li a{display:block}div.col2 ul li h3{height:50px}div.col2 ul li p{margin:0;padding:0}div.col2 ul li .price{font-size:13px;color:#7a7b75;text-decoration:line-through}div.col2 ul li .mprice{font-size:18px;color:#fa04b7;line-height:30px;font-weight:bold}.index_comb{text-align:center;background:#f7f7ff;color:#06f;font-size:1.2em;font-weight:800}div.list{max-width:98vw}div.list ul{display:flex;box-sizing:border-box;margin:0 0 1px 0;padding:0;max-width:95vw;font-size:0;background:#efefef}div.list ul:nth-child(1){background:#eef}div.list ul:nth-child(1) li{font-weight:800}div.list ul:hover{background:#fee}div.list ul li{flex-basis:100%;box-sizing:border-box;list-style:none;display:inline-block;vertical-align:top;margin:1px;padding:3px 5px;border-left:1px solid #fff}div.list ul li:nth-child(1){border-left:none}div.list.notitle ul{background:#fff}div.list.notitle ul:hover{background:#fee}div.list.notitle ul li{flex-basis:100%;box-sizing:border-box;list-style:none;display:inline-block;vertical-align:top;margin:1px;padding:3px 5px;border-left:1px solid #fff}div.list.notitle ul li:nth-child(1){border-left:none}div.shop_list ul{box-sizing:border-box;margin:0;padding:10px 0 0;min-height:40px;font-size:0;border-bottom:1px solid #ccc;vertical-align:top}div.shop_list ul:hover{background:#fee}div.shop_list ul li{box-sizing:border-box;list-style:none;display:inline-block;vertical-align:top;margin:0;padding:0 5px;min-height:35px}div.shop_list ul li:nth-child(1){width:450px}div.shop_list ul li:nth-child(2){width:50px;text-align:center;color:red}div.shop_list ul li:nth-child(3){width:50px;text-align:center;color:red}div.shop_list ul li:nth-child(4){width:60px;padding-top:2px}div.shop_list ul li:nth-child(5){width:60px;text-align:right}div.shop_list ul li:nth-child(6){width:60px;text-align:right}div.shop_list ul li:nth-child(7){width:60px;text-align:center}ul.gift_list{margin:0;padding:0}ul.gift_list li{list-style:none;display:inline-block;padding:0 5px}ul.arrow li{list-style:none;position:relative;width:32%;display:inline-block}ul.arrow li::before{content:"";background:url(image/topink.gif) no-repeat 50% 50%;position:absolute;left:-20px;width:20px;height:20px}.page{text-align:center}.page ul{display:inline-block;margin:10px auto;padding:0}.page ul li{display:inline;list-style:none;margin:0;padding:0}.page ul li a{display:inline-block;margin:0 5px;padding:3px 5px;min-width:25px;border:1px solid #999;color:#99f}.page ul li a:hover{border:1px solid green;background:#99f;color:#fff}.page ul li a.active{background:#99f;color:#fff;font-weigt:800}.page ul li a.disabled{color:#ccc;border:1px solid #ccc}.page ul li a.disabled:hover{color:#ccc;border:1px solid #ccc}ul.form{box-sizing:border-box;margin:5px auto;padding:10px;width:600px;border:1px solid #ccc}ul.form li{position:relative;box-sizing:border-box;list-style:none;margin:5px 0 0 0;padding:5px 5px 5px 15px}ul.form li:before{position:absolute;left:0;top:0;color:red;font-size:2em;vertical-align:middle}ul.form li.required:before{content:'*'}ul.form li input[type="text"],ul.form li input[type="tel"],ul.form li input[type="password"]{width:95%}ul.form li input.year,ul.form li input.code{width:90px}ul.form li input[name="address"]{margin-top:5px}ul.form li textarea{width:95%;height:150px}ul.form li label{display:inline-block;min-width:120px;margin:0 0 5px 0;padding:3px 5px;cursor:pointer}ul.form li label:hover{background:#fee}ul.form li span.required{display:inline-block;margin-left:-10px;color:red;font-size:2em;vertical-align:middle}ul.form li p{font-size:0.9em}#total_str{border-bottom:2px solid #666;margin:10px 0 50px;padding:10px 0}#total_str span.line{display:block;margin:10px 0;border-top:1px solid #ccc}#float_bar{position:fixed;right:2px;bottom:10px}#float_bar a{display:block}.fr{float:right}.fl{float:left}.f12em{font-size:1.2em !important}.f15em{font-size:1.5em !important}.tar{text-align:right}.tac{text-align:center}.vat{vertical-align:top}.clear{clear:both}.hide{display:none}.b{border:1px solid #f3f}@keyframes shake{0%{transform:translate(1px, 1px) rotate(0deg)}10%{transform:translate(-1px, -2px) rotate(-1deg)}20%{transform:translate(-3px, 0px) rotate(1deg)}30%{transform:translate(3px, 2px) rotate(0deg)}40%{transform:translate(1px, -1px) rotate(1deg)}50%{transform:translate(-1px, 2px) rotate(-1deg)}60%{transform:translate(-3px, 1px) rotate(0deg)}70%{transform:translate(3px, 1px) rotate(-1deg)}80%{transform:translate(-1px, -1px) rotate(1deg)}90%{transform:translate(1px, 2px) rotate(0deg)}100%{transform:translate(1px, -2px) rotate(-1deg)}}.h30{height:30px}.h40{height:40px}.h50{height:50px}.h60{height:60px}.h70{height:70px}.h80{height:80px}.h90{height:90px}.h100{height:100px}.h110{height:110px}.h120{height:120px}.h130{height:130px}.h140{height:140px}.h150{height:150px}.h160{height:160px}.h170{height:170px}.h180{height:180px}.h190{height:190px}.h200{height:200px}.w30{width:30px}.w40{width:40px}.w50{width:50px}.w60{width:60px}.w70{width:70px}.w80{width:80px}.w90{width:90px}.w100{width:100px}.w110{width:110px}.w120{width:120px}.w130{width:130px}.w140{width:140px}.w150{width:150px}.w160{width:160px}.w170{width:170px}.w180{width:180px}.w190{width:190px}.w200{width:200px}.w250{width:250px}.w300{width:300px}.w350{width:350px}.w360{width:360px}.w400{width:400px}.w410{width:410px}.w420{width:420px}.w450{width:450px}.w500{width:500px}.w550{width:550px}.w600{width:600px}.w650{width:650px}.w700{width:700px}.w750{width:750px}.w100p{width:100%}.fbw50{flex-basis:50px !important}.fbw60{flex-basis:60px !important}.fbw70{flex-basis:70px !important}.fbw80{flex-basis:80px !important}.fbw90{flex-basis:90px !important}.fbw100{flex-basis:100px !important}.fbw150{flex-basis:150px !important}.fbw200{flex-basis:200px !important}.bg99f{background:#99f}.bgcff{background:#cff}.bgeef{background:#eef}.bgeee{background:#eee}.bgfff{background:#fff}.bggrey{background:whitesmoke}.cgrey{color:#808080}.cred{color:red}.c039{color:#039}.c06c{color:#06c}.c09f{color:#09f}.c270{color:#270}.c666{color:#666}.c900{color:#900}.c999{color:#999}.c99f{color:#99f}.cf00{color:#f00}.cf39{color:#f39}.cf90{color:#f90}.cf9f{color:#f9f}

/*# sourceMappingURL=layout.css.map */