.mobileSide{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.col-12,.col-5,.col-xl-auto{position:relative;width:100%}
.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
.col-5{-webkit-box-flex:0;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}
.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
@media (min-width:1200px){.col-xl-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}}
body,html{height:100%}button{cursor:pointer}
.fjcsb{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.faic{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.color1{color:#e60012}.fs20{font-size:20px;font-size:1.25rem}
@media screen and (min-width:1200px){.banner01{padding:250px 0 125px}}
.btn{display:inline-block;text-align:center;line-height:1}
.btn04:hover,.btn05:hover{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}
.btn04{background:#0a3963;color:#fff !important;padding:0 20px; border-radius: 5px;}
.btn04,.btn05{font-size:18px;font-size:1.125rem;line-height:46px;border:none}
.btn05{background:#eee}
.btn05:after{content:'';display:inline-block;vertical-align:middle;width:20px;height:20px;line-height:1;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(../images/icon-reset.svg);margin:-5px 0 0 7px}
.bw1{margin:-10px}.bw1>div,.bw1>li{padding:10px}
.bw1>a,.bw1>button{margin:10px}
.form-wrap i{font-style:normal;color:#d90000;line-height:1;padding-right:7px}
.form-wrap select{width:100%}label,select{cursor:pointer}

.fields05 .type{min-width:34px;height:34px;text-align:center;font-size:18px;font-size:1.125rem;color:#000;line-height:34px}
.fields05 .option{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:12px;}
.fields05:hover{background:#fff}

.form-inner{width:100%;max-width:1120px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-bottom:1px solid #fff}
.form02{background:#fdfdfd;border-radius:5px;-webkit-box-shadow:inset 0 0 6px 0 rgba(0,0,0,.14);box-shadow:inset 0 0 6px 0 rgba(0,0,0,.14);padding:15px 25px 0 25px;line-height:26px}
.form02 .form-sec:first-child{border-bottom:1px solid #eee}
.form02 .title{display:block;padding-bottom:10px}
.list dd,.list dl,.list dt,.list li,.list ul{margin:0;padding:0}
.list li,.list ul{list-style:none outside none}
.list dd,.list li{position:relative}
.list .btn{vertical-align:middle}
.list01{padding:8px 8px 0 8px}
.list01 li{padding-bottom:8px}
.toggle-wrap,.toggle-wrap .toggle-btn{position:relative}
.toggle-wrap .toggle-btn{cursor:pointer}
.toggle-wrap.on>.toggle-box{display:block}
.toggle-wrap .toggle-box{z-index:10}
.pd-filter>.toggle-box{padding:0 2%;position:absolute;top:100%;left:-130%;min-width:300px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s; font-size: 15px; line-height: 1.2em;}
.pd-filter.on>.toggle-box{left:-4%}
.filter-a>.toggle-btn{background:url(../images/icon-select.svg) right 15px center no-repeat,#eee;background-size:10px;border:1px solid #e2e2e2;border-radius:3px}
.filter-a>.toggle-btn .og-text{padding:0 35px 0 18px;line-height:45px}
.filter-a>.toggle-btn .fields05{min-height:50px;padding:0 35px 0 8px}
.filter-a>.toggle-btn .fields05:hover{background:0 0}
.filter-a>.toggle-box{display:none;width:100%;max-height:300px;overflow-y:auto;background:#eee;border:1px solid #e2e2e2;margin-top:-1px;position:absolute;top:100%;left:0}

@media screen and (min-width:1200px){.pd-filter>.toggle-btn{display:none}
.pd-filter>.toggle-box{display:block;position:relative;top:auto;left:auto;max-width:none;padding:0}}
.st1{padding-top:20px}
.sb1{padding-bottom:20px}
.st2{padding-top:40px}
@media screen and (min-width:1200px){.lt0{padding-top:0}}
.model01 .s2{display:block;width:152px}
.model01 .s3{-webkit-box-flex:1;-ms-flex:1;flex:1}
.model01 .s1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:325px;padding:0 2% 0 0}
.model01 .s3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}

/*proitem*/
.product-list{width:100%; float:left; }
.listrow{width:1600px; margin:50px auto 60px;}
.proitem{width:30.833333%; float: left; margin:0 1.25% 30px; transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;border: 1px solid #ccc;}
.proitem:after{content: "";display: block;line-height: 0;clear: both;}
.itembox{width:100%; float:left; margin:0; padding:0;}
.itembox-img{width:100%; float:left; margin: 0; text-align: center;overflow: hidden;}
.itembox-img img {width: 100%;-moz-transition: all .5s;-o-transition: all .5s;-webkit-transition: all .5s;transition: all .5s; margin:0; padding:0;display:block}
.proitem a:hover .itembox-img img {-moz-transform: scale(.92);-ms-transform: scale(.92);-webkit-transform: scale(.92);transform: scale(.92);}
.itemtitle{width:100%; float:left; height:3.2em; padding: 6px; font-family: 'Noto Sans TC', sans-serif; font-weight: 500; font-size:16px;text-align: center; border-top: 1px solid #ccc;line-height: 1.4em}
.itemtitle:hover{ color: #666}
.bannerbox{width:96%; float: left; height: 24px; margin: 10px 2% 10px;}
.banneritem{float:right; height:22px; margin:0 10px 0 0; padding: 0 6px; border-radius:2px; color:#fff; font-size:13px; text-align:center; line-height:21px; }

/*sidbar*/
.list-sidbar{float:left;width:21%; margin:0 1% 0 0;box-shadow:inset 0px 0px 6px 0px rgba(0, 0, 0, .2);border-radius:6px; padding: 20px 22px;box-sizing:border-box; display: block;}
.list-content{float:left;width:100%; margin:0 0 10px; color: #000}
.sidbar-title{margin:0; padding-bottom: 7px; border-bottom: 1px solid #ccc;line-height:1.5em;font-family: 'Noto Sans TC', sans-serif; font-weight: 400; font-size:16px; color:#0a3963}
.forms-a{width:100%; float:left; margin:0 0 20px;}
.forms-a input:focus{border-style:solid;border-bottom:1px solid #ca7906; border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;}
.forms-title{float:left; width:100%; margin-bottom: 8px; font-family: 'Noto Sans TC', sans-serif; font-weight: 500; font-size: 15px; }
.space{float:left; width:100%; color: #ccc; margin: 0;outline: none; color: #111!important;}
.space select:focus{outline: none;}
.space select{outline: none;}
.drop{width:100%; padding:13px 10px; margin:0;border:1px solid #ccc; box-sizing:border-box;background-color:#f6f6f6; border-radius: 3px; font-size:15px; color: #111!important}
.space option{background-color: #f6f6f6;background-image: none !important;-webkit-box-shadow: 0 0 0 1000px #3d4442 inset !important; color: #111; font-size: 14px;outline: none; }
.sidbar{float:left; width:100%; margin:30px 0; padding:0;}
.syncbtn{width:45%; float:left; text-align:center; margin:0 5% 0 0;}
 .syncbtn a {display:block; height:44px; padding:0;color: #111; font-size:15px;line-height:42px;text-decoration: none;border:1px solid #ccc; background-color:#ccc;transition:500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;border-radius: 3px; }
 .syncbtn a:hover {background-color:#fff;color: #111;border:1px solid #ccc;}
 .syncbtn i{font-size:14px; margin:0 0 0 6px;}
.searchbtn{width:45%; float:left; text-align:center; margin:0 0 0 5%;}
 .searchbtn a {display:block; height:44px; padding:0;color: #fff; font-size:15px;line-height:42px;text-decoration: none;border:1px solid #0a3963; background-color:#0a3963;transition:500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;border-radius: 3px; }
 .searchbtn a:hover {background-color:#fff;color: #111;border:1px solid #0a3963;}
.topserchbox{ display: none;}
.listtitle{ width: 100%; font-size: 30px; margin-bottom: 60px;font-family: 'Noto Sans TC', sans-serif; font-weight: 400; text-align: center; }

@media only screen and (max-width: 1600px) {
.listrow{width:90%; margin:50px auto;}
.proitem{width:47.5%; float: left; margin:0 1.25% 30px; transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;border: 1px solid #ccc;}
}
@media only screen and (max-width: 1280px) {
.listrow{width:92%; margin:35px auto 30px;}
.proitem{width:46%; float: left; margin:0 2% 30px;}
.list-sidbar{width:24%; margin:0 1% 0 0;}
.list-content{width:100%; margin:0; color: #000}
.listtitle{font-size: 28px; margin-bottom: 20px;}
}
@media only screen and (max-width: 980px) {	
.topserchbox{float:left; width:98%;  margin-bottom: 25px; margin-left: 2%; display: block;}
.topserch{width:170px; float:left; text-align:center; margin:0 auto 0 0;}
 .topserch a {display:block; height:44px; padding:0;color: #fff; font-size:15px;line-height:42px;text-decoration: none;border:1px solid #0a3963; background-color:#0a3963;transition:500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;border-radius: 3px; }
 .topserch a:hover {background-color:#fff;color: #111;border:1px solid #0a3963;}
.listrow{width:94%; margin:35px auto 30px;}
.list-sidbar{display:none;}
.list-content{width:100%;}
.proitem{width:46%; margin:0 2% 20px;}
.listtitle{font-size: 26px;}
}
@media only screen and (max-width: 550px) {
.listrow{width:90%; margin:20px auto 20px;}
.proitem{width:100%; margin:0 0 25px;}
.listtitle{font-size: 22px; margin-bottom: 10px;}
}

.red{color:#F00; margin-right:5px;}
div.text-warning{margin: 2px 0 -10px 0;color: #c14948;font-size: 15px;display:block;padding: 0;}
span.text-warning{margin: 2px 0px 0px 0px;color: #c14948;font-size: 15px;padding:0;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#cccccc;}
input:-moz-placeholder, textarea:-moz-placeholder { color:#cccccc;}
input::-moz-placeholder, textarea::-moz-placeholder { color:#cccccc;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#cccccc;} 
input:-webkit-autofill,select:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;} 
input{outline-color: invert ;outline-style: none ;outline-width: 0px ;border: none ;border-style: none ;text-shadow: none ;-webkit-appearance: none ;-webkit-user-select: text ;outline-color: transparent ;box-shadow: none;}
input:-webkit-autofill,textarea:-webkit-autofill,
select:-webkit-autofill {background-color: transparent!important;background-image: none !important;
-webkit-box-shadow: 0 0 0 1000px #3d4442 inset !important;}
input:-webkit-autofill{-webkit-text-fill-color:#fff;}

textarea::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#cccccc;}
textarea:-moz-placeholder, textarea:-moz-placeholder { color:#cccccc;}
textarea::-moz-placeholder, textarea::-moz-placeholder { color:#cccccc;}
textarea:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#cccccc;} 
textarea:-webkit-autofill,select:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;  } 
textarea{outline-color: invert ;outline-style: none ;outline-width: 0px ;border: none ;border-style: none ;text-shadow: none ;-webkit-appearance: none ;-webkit-user-select: text ;outline-color: transparent ;box-shadow: none;}
textarea:-webkit-autofill{-webkit-text-fill-color:#fff;}
textarea{resize:vertical;}