@charset "utf-8";
/*搜尋*/
.search{top:0;right:10%;overflow:hidden;margin:0;color:#FFF;z-index:99999;position:absolute;position:fixed;}
.sh-input{width:130px;height:23px;border-radius:3px 0 0 3px;color:#6c727a;padding:3px 0 3px 15px;background-color:#FFF;border:1px solid #FFF;font-size:14px;float:left;}
.shgo{font-size:0;color:#FFF;float:right;border-radius:0 3px 3px 0;width:29px;height:29px;background-color:#FFF;background-image:url(../images/button/search.png);background-repeat:no-repeat;background-position:center center;display:inline-block;background-size:28px 28px;border:1px solid #FFF;}
.shgo:hover{background-image:url(../images/button/searchs.png);}


/*語系選擇*/
.language{padding:0 3px;margin:5px 3px;font-size:14px;text-align:center;cursor:pointer;border-radius:3px;background-color:#e60012;color:#FFF;border:px solid #e60012;display:inline-block;position:relative;}
.language a{font-size:14px;}
.language:after{position:absolute;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;pointer-events:none;content:'';}
.language:before{speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;display:inline-block;-webkit-font-smoothing:antialiased;}
.language:focus,.language:hover{background-color:#FFF;color:#e60012;border:px solid #e60012;}
.language2{padding:0 3px;margin:5px 3px;font-size:14px;text-align:center;cursor:pointer;border-radius:3px;background-color:#FFF;color:#e60012;border:px solid #e60012;display:inline-block;position:relative;}

/*首頁產品四大分類*/
.category{background-image:url(../images/button/category-bg.jpg);background-repeat:no-repeat;background-position:center bottom;background-size:100% 100%;overflow:hidden;text-align:center;;}

.cate-01,.cate-02,.cate-03,.cate-04,.cate-01:hover,.cate-02:hover,.cate-03:hover,.cate-04:hover{width:200px;padding:150px 0 50px 0;margin:20px 2% 0 2%;background-repeat:no-repeat;background-position:center top;overflow:hidden;display:inline-block;position:relative;text-align:center;cursor:pointer;}
.cate-01,.cate-02,.cate-03,.cate-04{color:#474f59;font-size:24px;font-weight:bold;}
.cate-01:after,.cate-02:after,.cate-03:after,.cate-04:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;pointer-events:none;content:'';}
.cate-01:before,.cate-02:before,.cate-03:before,.cate-04:before{position:absolute;box-sizing:content-box;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;display:inline-block;-webkit-font-smoothing:antialiased;}
.cate-01:hover,.cate-02:hover,.cate-03:hover,.cate-04:hover{color:#e60012;}
.cate-01{background-image:url(../images/button/category-01.png);}
.cate-02{background-image:url(../images/button/category-02.png);}
.cate-03{background-image:url(../images/button/category-03.png);}
.cate-04{background-image:url(../images/button/category-04.png);}
.cate-01:hover{background-image:url(../images/button/category-01s.png);}
.cate-02:hover{background-image:url(../images/button/category-02s.png);}
.cate-03:hover{background-image:url(../images/button/category-03s.png);}
.cate-04:hover{background-image:url(../images/button/category-04s.png);}



/*首頁標題*/
.index-title{color:#474f59;font-size:30px;font-weight:bold;text-align:center;margin:80px 0 15px 0;}


/*產品列表*/
.index-width{width:80%;margin:auto;padding-bottom:80px;overflow:hidden;text-align:center;}
.prod-list,.prod-list-page{width:15%;padding:15px 15px 0 15px;margin:1% 1% 2% 1%;background-color:#ecf1f6;border:1px solid #c8cbcf;color:#474f59;font-size:18px;line-height:25px;text-align:left;background-image:url(../images/button/more.png);background-repeat:no-repeat;background-position:right bottom;display:inline-block;}
.prod-list,.prod-list-page{width:19%;padding:1.5% 1.5% 10px 1.5%;margin:1% 1% 2% 1%;}
.prod-list:hover,.prod-list-page:hover{background-color:#FFF;border:1px solid #FFF;color:#e60012;background-image:url(../images/button/mores.png);box-shadow:1px 1px 5px 5px rgba(0,0,0,0.2);background-repeat:no-repeat;background-position:right bottom;}
.prod-list img,.prod-list-page img{width:100%;margin:0 0 5px 0;border:1px solid #c8cbcf;}
.prod-list-txt{width:100%;overflow:hidden;min-height:85px;line-height:25px;}

.prod-l{width:60%;overflow:hidden;float:left;}
.prod-r{width:40%;overflow:hidden;float:leftl;}

.prodicon1,.prodicon2,.prodicon3{background-size:60px auto;background-repeat:no-repeat;background-position:left top;border-top:1px solid #c8cbcf;overflow:hidden;}
.prodicon1{width:83%;padding:15px 2% 20px 15%;margin:10px 0;background-image:url(../images/button/prodicon-01.png);}
.prodicon2{width:83%;padding:50px 2% 20px 15%;margin:10px 0;background-image:url(../images/button/prodicon-02.png);}
.prodicon3{width:89%;padding:50px 2% 20px 8%;margin:10px 0;background-image:url(../images/button/prodicon-03.png);}

.newsicon{width:89%;padding:2% 2% 2% 8%;margin:50px 0;background-size:60px auto;background-repeat:no-repeat;background-position:left top;border-top:1px solid #c8cbcf;overflow:hidden;}
.newsicon{background-image:url(../images/button/prodicon-02.png);}


/*最新情報列表*/
.news-width{width:70%;margin:auto;padding-bottom:80px;overflow:hidden;text-align:center;}
.in-newsbg{background-image:url(../images/button/world.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% auto;overflow:hidden;text-align:center;background-color:#eff2f7;}

.newsbox{font-size:18px;color:#474f59;text-align:left;line-height:30px;width:42%;padding:1% 1% 30px 1%;margin:2%;float:left;background-image:url(../images/button/news.png);background-repeat:no-repeat;background-position:left center;background-size:25% 80%;border-bottom:1px dashed #c8cbcf;}
.newsbox:hover{background-image:url(../images/button/newss.png);color:#e60012;border-bottom:1px dashed #e60012;}
.newsdate{width:15%;margin:1% 8% 0 1%;padding:10px;float:left;text-align:center;line-height:20px;}
.newstxt1{font-size:26px;color:#FFF;font-weight:bold;}
.newstxt2{font-size:16px;color:#FFF;}

.news-title{width:87%;height:auto;padding:2% 3% 2% 10%;margin:0 0 30px 0;background-color:#83888f;font-size:22px;font-weight:bold;color:#FFF;border-radius:0 0 20px 0;background-image:url(../images/button/news-01.png);background-repeat:no-repeat;background-position:left top;background-size:70px auto;}
.news-title span{font-size:16px;color:#FFF;float:right;font-weight:normal;margin-top:-25px;}
.news-txt{width:87%;padding:0 3% 0 10%;line-height:35px;font-size:18px;}
.prod-txt{width:100%;line-height:35px;font-size:18px;color:#474f59}

/*最新情報 檔案下載*/
.n-load,.p-load{width:38%;padding:1% 3% 1% 6%;margin:1%;min-height:28px;background-position:5px 7px;font-size:16px;border-radius:3px;background-color:#f5f6f6;border:1px solid #b9bcc0;color:#474f59;display:block;background-image:url(../images/button/share_it.png);background-repeat:no-repeat;float:left;}
.p-link{width:60px;padding:1.5% 15px 1.5% 40px;margin:2% 1% 2% 10px;background-position:3px 5px;font-size:16px;border-radius:3px;background-color:#f5f6f6;border:1px solid #b9bcc0;color:#474f59;display:block;background-image:url(../images/button/link.png);background-repeat:no-repeat;float:left;}
.n-load:focus,.n-load:hover,.p-load:focus,.p-load:hover{background-color:#e60013;border:1px solid #fe7b32;color:#FFF;background-image:url(../images/button/share_its.png);}
/*產品介紹 檔案下載*/
.p-load{width:80%;padding:1.5% 3% 2% 15%;margin:2% 1%;}
.p-link:focus,.p-link:hover{background-color:#e60013;border:1px solid #fe7b32;color:#FFF;background-image:url(../images/button/links.png);}
.link-box{width:100%;overflow:hidden;}
.link-box img{float:left}

/*搜尋結果*/
.result-1,.result-2{width:36%;padding:1% 3% 1% 6%;margin:1% 2%;background-position:5px 7px;font-size:16px;border-radius:3px;background-color:#f5f6f6;border:1px solid #b9bcc0;color:#474f59;display:block;background-repeat:no-repeat;float:left;}
.result-1{background-image:url(../images/button/result-01.png);}
.result-2{background-image:url(../images/button/result-02.png);}
.result-1:focus,.result-1:hover,.result-2:focus,.result-2:hover{background-color:#e60013;border:1px solid #fe7b32;color:#FFF;}
.result-1:focus,.result-1:hover{background-image:url(../images/button/result-01s.png);}
.result-2:focus,.result-2:hover{background-image:url(../images/button/result-02s.png);}


/*人才招募*/
.joinusbox{min-height:110px;font-size:16px;color:#68727d;text-align:left;line-height:26px;width:33%;padding:1% 2% 2% 10%;margin:1% 2% 3% 2%;float:left;background-image:url(../images/button/joinus.png);background-repeat:no-repeat;background-position:left top;border:1px solid #c8cbcf;background-color:#ecf1f6;border-radius:0 50px 0 0;background-size:70px auto;}
.joinusbox:hover{background-color:#FFF;color:#474f59;border:1px solid #c8cbcf;box-shadow:1px 1px 5px 5px rgba(0,0,0,0.2);}
.joinusbox span{font-size:20px;color:#e60013;font-weight:bold;}
.join-title{width:87%;height:auto;padding:2% 3% 2% 10%;margin:0 0 30px 0;background-color:#ecf1f6;font-size:22px;font-weight:bold;color:#e60012;border-radius:0 0 20px 0;background-image:url(../images/button/joinus.png);background-repeat:no-repeat;background-position:left top;background-size:70px auto;}
.join-title span{font-size:16px;color:#474f59;float:right;font-weight:normal;margin-top:-25px;}
.join-txt{width:87%;padding:0 3% 0 10%;line-height:35px;font-family:Open Sans,sans-serif,"微軟正黑體";}



/*回上一頁 按鈕*/
.prev,.formbut{-moz-transition:.6s;-webkit-transition:.6s;width:20%;padding:15px 20px;margin:auto;color:#FFF;display:block;background-image:url(../images/button/prev.jpg);background-repeat:no-repeat;background-position:left top;background-size:100% 100%;border-radius:20px 0 0 0;}
.prev:focus,.prev:hover,.formbut:focus,.formbut:hover{background-image:url(../images/button/prevs.jpg);}
.detail_box{width:100%;margin:50px auto 0 auto;overflow:hidden;text-align:center;padding:50px 0 0 0;border-top:1px solid #c8cbcf;}


/*more*/
.more{padding:4px 18px;margin:4px 2px;text-align:center;cursor:pointer;border-radius:3px;background-color:#FFF;color:#e60012;display:inline-block;position:relative;border:2px solid #e60012;}
.more:after{position:absolute;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;pointer-events:none;content:'';}
.more:before{speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;display:inline-block;-webkit-font-smoothing:antialiased;}
.more:focus,.more:hover{background-color:#e60012;color:#FFF;border:2px solid #e60012;}

/*頁面寬度*/
.page-left,.page-left-other{width:20%;float:left;margin:0 1% 80px 0;overflow:hidden;}
.page-right,.page-right-other{width:78%;margin:0 0 80px 0;float:right;overflow:hidden;text-align:left;}
/*次選單*/
.submenu-title,.submenu-title-other{width:95%;padding:7% 0 0 5%;min-height:55px;font-size:22px;margin:0 0 2% 0;border-radius:0 20px 0 0 ;font-weight:bold;color:#FFF;background-image:url(../images/button/submenu2.jpg);background-repeat:repeat-x;background-position:left top;overflow:hidden;position:relative;}

.psubmenu,.psubmenu2,.psubmenu-other,.psubmenu2-other{width:90%;padding:2% 5%;font-size:18px;margin:0 0 1px 0;background-image:url(../images/button/arrow-01.png);background-repeat:no-repeat;background-position:right center;display:inline-block;overflow:hidden;font-weight:bold;background-color:#83888f;color:#FFF;}
.psubmenu:hover,.psubmenu-other:hover{background-color:#e60012;}
.psubmenu2,.psubmenu2-other{background-color:#e60012;background-image:url(../images/button/arrow-01s.png);}
/*頁面次選單*/
.sub-open{width:100%;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;line-height:25px;color:#FFF;float:left;}
.sub-off{margin:0;padding:0;filter:alpha(opacity=0);line-height:0;width:0;height:0;-moz-opacity:0;opacity:0;color:#FFF;top:0;float:left;position:absolute;}

.sub-menu{width:86%;padding:2% 6% 2% 8%;font-size:16px;background-color:#FFF;color:#474f59;background-image:url(../images/button/arrow-02.png);background-repeat:no-repeat;background-position:4% 10px;display:inline-block;border-bottom:1px solid #bfc5d0;line-height:19x;text-align:justify;text-justify:inter-ideograph;}
.sub-menu:hover{border-bottom:1px solid #e60012;color:#e60012;background-image:url(../images/button/arrow-02s.png);background-position:right center;background-color:#eef0f7;}

/*手機頁面次選單*/
.select-off,.select-open{margin:0;padding:0;filter:alpha(opacity=0);line-height:0;width:0;height:0;-moz-opacity:0;opacity:0;color:#FFF;top:0;float:left;position:absolute;}


/*產品介紹 頁面*/
.page-title{font-size:22px;color:#474f59;}
.page-item{width:96%;padding:15px 2%;margin:-2% 0 0 0;color:#FFF;font-size:20px;text-align:left;background-image:url(../images/button/page-item.jpg);background-size:100% 100%;z-index:9;}
.pro-title{font-size:22px;min-height:55px;margin:20px 0 2% 0;width:100%;font-weight:bold;color:#474f59;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#e60013;}

/*公司簡介*/
.about-title{font-size:30px;margin:30px 0;color:#e60012;line-height:40px;font-weight:bold;}


.about-50{font-size:18px;width:50%;margin:0 0 50px 0;float:left;overflow:hidden;text-align:justify;text-justify:inter-ideograph;}
.about-100,.about-90{font-size:18px;width:100%;margin:0 0 50px 0;overflow:hidden;text-align:justify;text-justify:inter-ideograph;}
.about-bg{width:100%;padding:50px 0 30px 0;background-image:url(../images/button/world.jpg);background-repeat:no-repeat;background-position:50% 10%;background-size:150% auto;overflow:hidden;background-color:#eef2f7;}
.about-off2{margin:0;padding:0;filter:alpha(opacity=0);line-height:0;width:0;height:0;-moz-opacity:0;opacity:0;color:#FFF;top:0;float:left;position:absolute;}

.about-l{width:90%;padding:0 10% 50px 0;font-size:18px;overflow:hidden;text-align:justify;text-justify:inter-ideograph;}
.about-r{width:75%;padding:0 15% 50px 10%;font-size:18px;overflow:hidden;text-align:justify;text-justify:inter-ideograph;}
.about-txt{font-size:18px;color:#474f59;line-height:40px;text-align:justify;text-justify:inter-ideograph;}

/*聯絡我們*/
.condata{width:45%;margin:0 2% 50px 2%;float:left;overflow:hidden;line-height:30px;color:#474f59;}
.contitle{color:#474f59;line-height:30px;font-size:20px;}
.contitle2{color:#474f59;line-height:30px;font-size:22px;font-weight:bold;}

.basic-box{width:90%;padding:5%;background-color:#f1f5f8;overflow:hidden;border-radius:0 50px 0 0;}
.basic-frame{width:100%;margin:3px 0;overflow:hidden;}
.frame-00{width:100%;border-bottom:1px solid #d4d3d3;font-size:16px;line-height:30px;color:#77808b;overflow:hidden;padding:6px 0;}
.frame-01{width:100px;float:left;}
.frame-02,.frame-03,.frame-04{width:80%;min-height:23px;padding:3px;float:left;font-size:18px;background-color:#FFF;border:1px solid #FFF;font-family:Open Sans,sans-serif,"微軟正黑體";color:#474f59;border-radius:0 20px 0 0;}
.frame-03{height:auto;}
.frame-04{width:40%;}
.labeltxt{margin:0;padding:0;filter:alpha(opacity=0);line-height:0;width:0;height:0;-moz-opacity:0;opacity:0;color:#FFF;float:left;}




@media screen and (max-width:1681px){
.prod-list{width:18%;}
.news-width{width:80%;}
.prod-l{width:60%;}
.prod-r{width:40%;}}
@media screen and (max-width:1601px){
.news-width{width:90%;}
.index-width{width:90%;}
.search{right:5%;}}
@media screen and (max-width:1537px){
.category{margin-top:-25px;}
.search{right:2%;}}
@media screen and (max-width:1441px){}
@media screen and (max-width:1367px){
.news-width{width:98%;}
.index-width{width:98%;margin:auto;}
.prod-l{width:59%;}
.prod-r{width:41%;}}
@media screen and (max-width:1281px){
.cate-01,.cate-02,.cate-03,.cate-04,.cate-01:hover,.cate-02:hover,.cate-03:hover,.cate-04:hover{width:155px;padding:120px 0 50px 0;margin:20px 10px 0 10px;background-size:100px 100px;font-size:20px;}
.prod-list{padding:12px 12px 10px 12px;margin:2% 1%;font-size:16px;}
.prod-list-page{font-size:16px;}
.in-newsbg{background-size:150% auto;}
.search{width:163px;}
.sh-input{width:115px;}
.prod-l{width:65%;}
.prod-r{width:35%;}
.prodicon1,.prodicon2{width:90%;padding:60px 2% 20px 8%;}}
@media screen and (max-width:1178px){
.page-left{width:28%;float:left;margin:0 2% 80px 0;}
.page-right{width:70%;margin:0 0 80px 0;float:right;}
.page-left-other{width:98%;margin:0 1% 20px 1%;text-align:center;}
.page-right-other{width:98%;margin:0 1% 80px 1%;}
.submenu-title-other{width:100%;height:auto;padding:0 0 30px 0;font-size:30px;margin:0;font-weight:bold;color:#474f59;background-image:none;text-align:center;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#e60012;}
.psubmenu-other,.psubmenu2-other,.psubmenu-other:hover{margin:0;padding:0;filter:alpha(opacity=0);line-height:0;width:0;height:0;-moz-opacity:0;opacity:0;color:#FFF;float:left;}
.prod-list-page{width:25%;padding:2% 2% 10px 2%;margin:1% 1% 5% 1%;}
.prod-list-txt{line-height:22px;}
.prod-l,.prod-r{width:100%;overflow:hidden;float:left;}
.prodicon1,.prodicon2{width:84%;padding:40px 2% 20px 13%;}
.prodicon3{width:84%;padding:40px 2% 0 13%;}
.p-load{width:36%;padding:1% 3% 2% 8%;min-height:60px;margin:2% 1%;}
.p-link{width:60px;padding:1% 15px 1% 40px;}}
@media screen and (max-width:1139px){
.prev{width:40%;}}
@media screen and (max-width:1098px){
.search{width:160px;}
.sh-input{width:112px;}
.submenu-title-other{font-size:26px;}
.about-title{font-size:26px;margin:15px 0;line-height:35px;}
.about-50,.about-90,.about-100,.about-txt,.about-l,.about-r{line-height:30px;font-size:16px}
.joinusbox{min-height:110px;width:31%;padding:1% 2% 2% 12%;margin:1% 2% 5% 2%;}
.page-item{width:90%;padding:15px 5%;text-align:left;}
.result-1,.result-2{width:36%;padding:1.5% 3% 1.5% 8%;min-height:60px;margin:2% 1%;}}
@media screen and (max-width:1025px){
.newsbox{font-size:16px;line-height:25px;}
.newstxt1{font-size:24px;}
.language-box{margin:0;padding:0;filter:alpha(opacity=0);line-height:0;width:0;height:0;-moz-opacity:0;opacity:0;color:#FFF;float:right;top:0;right:0}
.language,.language2{margin:0;padding:0;filter:alpha(opacity=0);line-height:0;width:0;height:0;-moz-opacity:0;opacity:0;color:#FFF;float:right;top:0;right:0}
.search{top:0;right:70px;width:203px;height:48px;margin:5px 0 0 0;float:left;background-color:#e60012;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;overflow:hidden;z-index:9999999;}
.sh-input{width:141px;height:30px;background-color:#9c020e;border-radius:3px 0 0 3px;color:#FFF;padding:3px 0 3px 15px;margin:8px 0;border:1px solid #9c020e;font-size:14px;float:left;}
.shgo{width:38px;height:38px;background-size:30px 30px;float:left;margin:8px 0 0 0;background-image:url(../images/button/search-mobile.png);background-color:#9c020e;border:none;}
.shgo:hover{background-image:url(../images/button/search-mobiles.png);}
.result-1,.result-2{width:81%;padding:1.5% 3% 2% 10%;margin:2% 3%;min-height:inherit;font-size:16px;}
.prod-list{width:25%;margin:3%;}
.prod-list-page{width:40%;padding:2% 2% 10px 2%;margin:2% 2% 5% 2%;}}
@media screen and (max-width:961px){

.n-load{width:36%;padding:1.5% 3% 1.5% 8%;min-height:60px;margin:2% 1%;}
.p-load{width:75%;padding:1.5% 3% 2% 13%;min-height:auto;}
.newsicon{width:95%;padding:70px 2% 2% 2%;}}
@media screen and (max-width:901px){
.newsbox{width:80%;margin:2% 8%;}
.joinusbox{min-height:110px;width:28%;padding:1% 2% 2% 15%;margin:1% 2% 5% 2%;}
.join-title,.news-title{width:82%;padding:2% 3% 2% 15%;}
.join-txt,.news-txt{width:82%;padding:0 3% 5% 15%;}}
@media screen and (max-width:865px){
.joinusbox{min-height:140px;}}
@media screen and (max-width:801px){
.prod-list{width:33%;margin:5% 2%;}
.in-newsbg{background-size:180% auto;}
.sub-800-open{width:265px;height:auto;margin:0;padding:0;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;line-height:25px;color:#FFF;float:left;position:absolute;overflow:hidden;}
.about-img{margin-top:50px;}
.about-bg{background-position:80% 10%;background-size:300% auto;padding:50px 0 50px 0;}
.join-title,.news-title{padding:4% 3% 5% 15%;}}
@media screen and (max-width:769px){
.cate-01,.cate-02,.cate-03,.cate-04,.cate-01:hover,.cate-02:hover,.cate-03:hover,.cate-04:hover{width:150px;}
.detail_box{margin:100px auto 0 auto;padding:50px 0 0 0;}
.formbut{width:50%;}
}
@media screen and (max-width:737px){}
@media screen and (max-width:721px){
.category{margin-top:-35px;}
.cate-01,.cate-02,.cate-03,.cate-04,.cate-01:hover,.cate-02:hover,.cate-03:hover,.cate-04:hover{width:125px;padding:100px 0 50px 0;margin:20px 5px 0 5px;background-size:90px 90px;font-size:18px;}
.page-left{width:100%;float:left;margin:0 0 30px 0;}
.page-right{width:100%;margin:0 0 80px 0;}
.submenu-title{width:100%;height:30px;font-size:22px;margin:0;padding:0 0 20px 0;font-weight:bold;color:#474f59;background-image:none;text-align:center;}
.psubmenu,.psubmenu2{width:22.3%;padding:2% 1%;margin:0 1px 0 0 ;border-radius:0 20px 0 0 ;font-weight:normal;font-size:16px;text-align:center;background-image:none;background-color:#93989f;float:left;}
.psubmenu:hover,.psubmenu2{background-image:url(../images/button/submenu3.jpg);background-color:#e11d2d;background-repeat:repeat-x;background-position:center top;}
.select-open{width:100%;height:auto;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;float:left;font-family:Open Sans,sans-serif,"微軟正黑體";border:1px solid #e11d2d;overflow:hidden;position:relative;}
.select-off,.sub-open,.sub-off{margin:0;padding:0;filter:alpha(opacity=0);line-height:0;width:0;height:0;-moz-opacity:0;opacity:0;color:#FFF;top:0;float:left;left:0;}
.select-option{width:100%;padding:2%;background-color:#e11d2d;line-height:25px;color:#FFF;font-family:Open Sans,sans-serif,"微軟正黑體";border:1px solid #e11d2d;font-size:16px;}
.prod-list-page{width:26%;padding:2% 2% 10px 2%;margin:1% 1% 5% 1%;}
.pro-title{margin:0;padding:0;filter:alpha(opacity=0);line-height:0;width:0;height:0;-moz-opacity:0;opacity:0;color:#FFF;top:0;float:left;}
.join-title,.news-title{width:94%;padding:4% 3% 4% 3%;text-align:center;margin:0 0 1px 0;background-position:left 950px;}
.join-txt,.news-txt{width:94%;padding:80px 3% 3% 3%;background-repeat:no-repeat;background-position:left top;background-size:70px auto;}
.news-txt{background-image:url(../images/button/news-01.png);}
.join-txt{background-image:url(../images/button/joinus.png);}
.join-title span,.news-title span{float:none;text-align:center;}
.prodicon1,.prodicon2{width:84%;padding:60px 8% 30px 8%;}
.prodicon3{width:84%;padding:60px 8% 0 8%;}
.n-load,.p-load{width:87%;padding:1.5% 3% 2% 10%;min-height:inherit;font-size:16px;}
.prev,.formbut{width:50%;}
.page-item{width:90%;padding:15px 5%;margin:0;text-align:center;}}
@media screen and (max-width:668px){
.prod-list-page{width:40%;padding:2% 2% 10px 2%;margin:2% 2% 5% 2%;}
/*聯絡我們*/
.frame-02,.frame-03,.frame-04{width:70%;}s
.frame-04{width:40%;}}
@media screen and (max-width:641px){
.prod-list{width:36%;}
.in-newsbg{background-size:250% auto;background-position:70% top;}
.about-off1{margin:0;padding:0;filter:alpha(opacity=0);line-height:0;width:0;height:0;-moz-opacity:0;opacity:0;color:#FFF;top:0;float:left;position:absolute;}
.about-off2{filter:alpha(opacity=100);width:90%;margin:auto 5%;height:auto;-moz-opacity:1;opacity:1;top:inherit;overflow:hidden;text-align:center;position:relative;}
.about-title{text-align:center;}
.about-50{width:90%;margin:0 5% 20px 5%;}
.about-100{width:100%;margin:0 0 20px 0;}
.about-90{width:80%;margin:0 10% 10px 10%;}
.about-bg{width:100%;padding:20px 0 0px 0;background-position:80% 180px;background-size:250% auto;}
.about-l{width:100%;padding:0 0 50px 0;}
.about-r{width:90%;padding:0 5% 50px 5%;}
.joinusbox{height:auto;width:66%;padding:1% 2% 2% 20%;margin:1% 5% 5% 5%;}}
@media screen and (max-width:599px){
.category{background-size:200% 50%;padding:0 0 50px 0;}
.cate-01,.cate-02,.cate-03,.cate-04,.cate-01:hover,.cate-02:hover,.cate-03:hover,.cate-04:hover{width:40%;padding:100px 0 30px 0;}}
@media screen and (max-width:569px){
.newsbox{width:90%;margin:2%;}
.joinusbox{width:61%;padding:1% 2% 2% 25%;margin:1% 5% 8% 5%;}
.join-title,.news-title{width:94%;padding:4% 3%;text-align:center;}
.join-title span,.news-title span{float:none;text-align:center;}
.join-txt,.news-txt{width:94%;padding:80px 3% 8% 3%;}
.condata{width:96%;margin:0 2% 50px 2%;}
.n-load,.p-load{width:79%;padding:2% 3% 3% 15%;height:auto;font-size:16px;}
.result-1,.result-2{width:70%;padding:2% 3% 3% 15%;height:auto;font-size:16px;}
}
@media screen and (max-width:481px){
.newsdate{padding:15px 2% 15px 1%;}
.psubmenu,.psubmenu2{width:18%;height:45px;padding:3% 3% 2% 3%;border-radius:0 15px 0 0 ;line-height:20px;background-size:100% 100%;}
.frame-02,.frame-03,.frame-04{width:90%;}
.p-link{width:60px;padding:2% 15px 2% 40px;}}
@media screen and (max-width:436px){
.newsdate{width:92%;margin:1% 1% 25px 1%;}
.newsbox{width:90%;margin:2% 4%;padding:1% 1% 30px 1%;background-position:center top;background-size:40% 45%;text-align:center;}
.news-width{padding-bottom:30px;}
.prod-list{width:70%;margin:5% auto;}
.prod-list-page{width:75%;padding:5% 5% 10px 5%;margin:5%;}
.prod-list-txt{min-height:70px;line-height:25px;}}
@media screen and (max-width:415px){
.search{width:175px;}
.sh-input{width:113px;}
.joinusbox{width:66%;padding:1% 2% 2% 20%;margin:1% 5% 8% 5%;background-size:50px auto;}
.result-1,.result-2{width:70%;padding:2% 3% 3% 18%;font-size:16px;}}
@media screen and (max-width:385px){
.search{top:0;left:0;margin-top:66px;width:98%;padding:0 0 8px 2%;background-color:#e0e9ed;overflow:hidden;position:absolute;z-index:0;}
.sh-input{width:72%;margin:8px auto 8px 10px;height:30px;}
.sh-input{background-color:#FFF;color:#6c727a;border:1px solid #FFF;}

.shgo{background-image:url(../images/button/search.png);background-color:#FFF;}
.shgo:hover{background-image:url(../images/button/searchs.png);}

.psubmenu,.psubmenu2{width:17.5%;height:45px;padding:3% 3% 2% 3%;font-size:14px;}
.select-option{font-size:14px;}
.n-load,.p-load{width:76%;padding:2% 3% 3% 18%;font-size:16px;}}
@media screen and (max-width:376px){
.newsbox{background-size:40% 40%;}}
@media screen and (max-width:361px){
.about-title,.submenu-title-other{font-size:22px;}
.about-bg{background-position:80% 130%;}
.contitle{font-size:18px;}
.contitle2{font-size:20px;}}
@media screen and (max-width:321px){
.about-bg{background-position:80% 150%;}
.sh-input{width:70%;}}