@charset "utf-8";
.txt00,.labeltxt,.ltxt0{margin:0;padding:0;filter:alpha(opacity=0);line-height:0;width:0;height:0;-moz-opacity:0;opacity:0;color:#FFF;float:left}
.txt000{margin:auto;padding:auto;line-height:inherit;width:auto;height:auto;color:inherit;font-weight:inherit;font-size:inherit}
.topc,.topmain{position:absolute}

/*頁面文字*/
.t9{color:#005da3;font-weight:bold;font-size:20px}
.t10{color:#ff241c;text-align:center}
.title-h2{color:#e60012;font-size:28px;font-weight:bold;line-height:50px;padding-bottom:20px;}
.tt00{width:0;height:0;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;margin:0;padding:0;line-height:0}
.renewal{height:112px;width:180px;margin:0;float:left;background-image:url(../images/renewal.png);display:block;color:#FFF; font-size:0; line-height:0}
.topmain,.txt-hide,body,form,li,p,ul{margin:0;padding:0}
.txt-hide{filter:alpha(opacity=0);line-height:0}
.topc a,.txt-hide{line-height:0}
.topmain,img{border:0}
input{z-index:99;}
.topc{top:10px;left:0;z-index:1001}
.topmain{width:auto;height:auto;overflow:hidden;clip:rect(0,0,0,0)}
.has-feedback label.topmain~.form-control-feedback{top:0}
a.topmain{color:#FFF;float:left}
.topmain-focusable:active,.topmain-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
.button:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;pointer-events:none;content:''}
.txt-hide{width:0;height:0;-moz-opacity:0;opacity:0;color:#FFF}
a,h2{line-height:25px}
h2,h4{color:#000}
h1,h2,h3,h4,h5,h6{font-weight:400}
body{background:#FFF}
,body,td{font-family:Open Sans,sans-serif,"微軟正黑體";font-size:16px;line-height:25px;color:#000}
li,ul{list-style-type:none}
:hover{-o-transition:color .35s linear,background .35s linear,border-color .5s linear;transition:color .35s linear,background .35s linear,border-color .5s linear;-moz-transition:all .3s ease-out;-webkit-transition:all .3s ease-out}
.img:hover{filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6}
h1,h2,h3,h4{font-size:16px}
.t1_1,.t2_1,.t3_1,.t5_1,.t6_1,.t7_1{font-size:16px;line-height:30px}
.t8_1{font-size:20px;line-height:30px}
.t1_2,.t2_2,.t3_2,.t5_2,.t6_2,.t7_2{font-size:26px;line-height:35px;font-weight:700}
.t1_1,.t1_2{color:#4a39a5}
.t2_1,.t2_2{color:#FFF}
.t3_1,.t3_2{color:#7b39a5}
.t5_1,.t5_2{color:#000}
.t6_1,.t6_2{color:#959595}
.t7_1,.t7_2{color:#FFF}
.t8_1{color:#4a39a5}
.red{color:#F00}
.bu{color:#003A93;font-size:18px;}
.bu:hover{color: #005BE3;font-size:18px;}
.menu-span{font-size:12px;}

.gb{transition:all .5s ease 0s;z-index:1}
.acc,.prev{-moz-transition:.6s;-webkit-transition:.6s}
.gb:focus,.gb:hover{transform:scale(1.05);-webkit-transform:scale(1.05)}
#abgne_float_ad{top:0;left:0;position:fixed;z-index:999999}
#abgne_float_ad .abgne_close_ad{display:block;text-align:right;cursor:pointer;font-size:26px;color:#FFF;line-height:50px}
#abgne_float_ad a img{border:none}
.content{width:80%;overflow:hidden;padding:0 10% 50px}
/*頁面 banner*/
.pagecontent{width:100%;background-color:#FFF;overflow:hidden;}

.p1,.p2,.p3_1,.p3_2,.p3_3,.p3_4,.p4,.p5,.p7,.p7{height:250px;margin-top:58px;font-size:0;color:#FFF;overflow:hidden;background-repeat:no-repeat;background-position:center top;background-size:100% auto;}
.p1{background-image:url(../images/banner/p1.jpg);}
.p2{background-image:url(../images/banner/p2.jpg);}
.p3_1{background-image:url(../images/banner/p3_1.jpg);}
.p3_2{background-image:url(../images/banner/p3_2.jpg);}
.p3_3{background-image:url(../images/banner/p3_3.jpg);}
.p3_4{background-image:url(../images/banner/p3_4.jpg);}
.p4{background-image:url(../images/banner/p4.jpg);}
.p5{background-image:url(../images/banner/p5.jpg);}
.p7{background-image:url(../images/banner/p7.jpg);}

/*導覽列*/
.guide,.guide a{color:#93989f;font-size:14px;text-align:right;margin:3px 0 30px 0;position:relative;line-height:20px;}
.guide a:focus,.guide a:hover{color:#e60012;font-size:14px;line-height:20px;}


/*照片輪播*/
.detail_pic{width:590px;height:630px;margin:0 auto;float:left;overflow:hidden;}
.prod-photo{width:100%;height:620px;margin:10px 0 0 0;overflow:hidden;float:left;}/*產品介紹輪播圖邊框*/
.news-photo{width:590px;margin:auto;padding:20px 20px;overflow:hidden;background-color:#FFF;box-shadow:0 0 3px 3px rgba(0,0,0,.1);}/*最新情報輪播圖邊框*/
.photo{position:relative;overflow:hidden;line-height:30px;width:100%;}
.photo img{border:1px solid #c8cbcf;}




/*按鈕*/
.button,.button2{width:10%;padding:6px 20px;margin:4px 2px;text-align:center;cursor:pointer;}
.button{border-radius:0 10px 0px 0px;color:#83888f;display:inline-block;position:relative;border:1px solid #FFF;}
.button:after{position:absolute;box-sizing:content-box;}
.button:before{speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;display:block;-webkit-font-smoothing:antialiased;}
.button:focus,.button:hover{background-color:#b6bec6;color:#FFF;border:1px solid #b6bec6;}
.button2{border-radius:0 10px 0px 0px;display:inline-block;background-color:#b6bec6;color:#FFF;} 


/*footer*/
.footer{width:100%;border-top:2px solid #e60012;padding:0 0 70px 0;overflow:hidden;line-height:25px;color:#7e838a;}
.footer-menu{width:80%;margin:0 auto 50px auto;padding:6px 0;overflow:hidden;border-bottom:1px solid #d5d8df;text-align:center;}
.footer-box{width:80%;margin:auto;overflow:hidden;}


.logo-box{width:160px;height:90px;margin:0 20px 0 0;float:left;background-image:url(../images/renewal-f.png);background-repeat:no-repeat;background-position:left top;background-size:135px auto;font-size:0;color:#f6f6f6;line-height:0;}
.add-box{width:33%;float:left;}
.home-box{width:175px;margin:0 0 0 20px;float:right;text-align:right;}
.f-icon01,.f-icon02,.f-icon03,.f-icon04{background-repeat:no-repeat;background-position:center center;display:block;float:left;font-size:0;color:#f6f6f6;line-height:0;margin:2px;}
.f-icon01:hover,.f-icon02:hover,.f-icon03:hover{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.f-icon01,.f-icon02,.f-icon03{width:54px;height:54px;}
.f-icon01{background-image:url(../images/button/f-icon-01.jpg);}
.f-icon02{background-image:url(../images/button/f-icon-02.jpg);}
.f-icon03{background-image:url(../images/button/f-icon-03.jpg);}
.f-icon04{background-image:url(../images/button/f-icon-04.jpg);width:170px;height:54px;}

/*聯絡我們*/
.contact{width:80%;padding:30px 10% 10px;background-color:#e60012;overflow:hidden;font-size:14px;line-height:20px;color:#FFF;}
.copyright,.copyright a{font-size:14px;color:#FFF;}
.copyright a:hover{color:#474f59;font-size:14px;}
.copyright{width:100%;padding:10px 0;overflow:hidden;background-color:#e60012;text-align:center;font-size:14px;}
.txt0{width:0;height:0;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;margin:0;padding:0;line-height:0;}
.ab{float:left;}

@media screen and (max-width:1681px){
/*頁面 banner*/
.p1,.p2,.p3_1,.p3_2,.p3_3,.p3_4,.p4,.p5,.p7{height:219px;}}
@media screen and (max-width:1601px){
.content{width:90%;padding:0 5% 20px;}
.contact{width:90%;padding:30px 5% 10px;font-size:14px;}
.footer-box,.footer-menu{width:90%;}}
@media screen and (max-width:1537px){}
@media screen and (max-width:1441px){
.content{width:96%;padding:0 0 20px 2%;}
.contact{width:96%;padding:30px 2% 10px;font-size:14px;}
.footer-box,.footer-menu{width:96%;}
/*頁面 banner*/
.p1,.p2,.p3_1,.p3_2,.p3_3,.p3_4,.p4,.p5,.p7{background-size:auto 100%;}}
@media screen and (max-width:1367px){
.prod-photo,.news-photo{width:500px;height:auto;text-align:center;margin:10px auto 20px auto;overflow:hidden;float:none;}/*產品介紹輪播圖邊框*/
.detail_pic{width:500px;height:550px;margin:0 auto;float:left;overflow:hidden;}}
@media screen and (max-width:1281px){
.t1_2,.t2_2,.t3_2,.t5_2,.t6_2,.t7_2{font-size:24px;line-height:40px;font-weight:700;}
.add-box{width:30%;font-size:14px;line-height:20px;}
.renewal{height:90px;width:120px;background-image:url(../images/renewal2.png);}
.prod-photo{width:550px;text-align:center;margin:15px auto 0 auto;overflow:hidden;float:none;}/*產品介紹輪播圖邊框*/}
@media screen and (max-width:1153px){}
@media screen and (max-width:1139px){
.sitemap{width:0;height:0;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;margin:0;padding:0;line-height:0;}}
@media screen and (max-width:1098px){}
@media screen and (max-width:1025px){
.copyright{padding:10px 0 15px;font-size:14px;}
.renewal{height:65px;width:108px;float:left;background-image:url(../images/renewal3.png);}
/*footer*/
.logo-box{width:130px;background-size:108px auto;margin-bottom:80px;}
.add-box{width:270px;margin-bottom:20px;}
.home-box{width:auto;float:left;text-align:left;margin:0;}
.f-icon01,.f-icon02,.f-icon03{width:48px;height:48px;background-size:100% 100%;}
.f-icon04{width:151px;height:48px;background-size:100% 100%;}
/*頁面 banner*/
.p1,.p2,.p3_1,.p3_2,.p3_3,.p3_4,.p4,.p5,.p7{height:315px;font-size:0;color:#FFF;overflow:hidden;margin-top:55px;background-size:100% auto;}
.p1{background-image:url(../images/banner/p1s.jpg);}
.p2{background-image:url(../images/banner/p2s.jpg);}
.p3_1{background-image:url(../images/banner/p3_1s.jpg);}
.p3_2{background-image:url(../images/banner/p3_2s.jpg);}
.p3_3{background-image:url(../images/banner/p3_3s.jpg);}
.p3_4{background-image:url(../images/banner/p3_4s.jpg);}
.p4{background-image:url(../images/banner/p4s.jpg);}
.p5{background-image:url(../images/banner/p5s.jpg);}
.p7{background-image:url(../images/banner/p7s.jpg);}
/*按鈕*/
.button,.button2{width:auto;padding:6px;}}
@media screen and (max-width:961px){}
@media screen and (max-width:901px){
/*頁面 banner*/
.p1,.p2,.p3_1,.p3_2,.p3_3,.p3_4,.p4,.p5,.p7{height:286px;}}
@media screen and (max-width:865px){
.prod-photo,.news-photo{width:470px;height:auto;text-align:center;margin:10px auto 20px auto;overflow:hidden;float:none;}/*產品介紹輪播圖邊框*/
.detail_pic{width:470px;height:550px;margin:0 auto;float:left;overflow:hidden;}}
@media screen and (max-width:801px){
/*頁面 banner*/
.p1,.p2,.p3_1,.p3_2,.p3_3,.p3_4,.p4,.p5,.p7{height:190px;}}
@media screen and (max-width:769px){
#wowslider-container1 a.ws_next,#wowslider-container1 a.ws_prev{width:0;height:0;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
/*導覽列*/
.guide,.guide a{font-size:14px;text-align:center;}}
@media screen and (max-width:737px){
/*footer*/
.footer-box{width:318px;margin:auto;}
.logo-box{margin-bottom:0;}}
@media screen and (max-width:721px){
.prod-photo,.news-photo{width:550px;height:620px;text-align:center;margin:15px auto 0 auto;overflow:hidden;float:none;}/*產品介紹輪播圖邊框*/
.detail_pic{width:550px;height:650px;margin:auto;float:left;overflow:hidden;}}
@media screen and (max-width:668px){
.prod-photo{width:100%;height:auto;}/*產品介紹輪播圖邊框*/
.detail_pic{width:90%;margin:0 auto;padding:0;box-shadow:none;float:none;}
.news-photo{width:100%;margin:0 auto;padding:0;box-shadow:none;height:auto;}/*最新情報輪播圖邊框*/}
@media screen and (max-width:641px){
#abgne_float_ad .abgne_close_ad{font-size:18px;line-height:30px;}
/*頁面 banner*/
.p1,.p2,.p3_1,.p3_2,.p3_3,.p3_4,.p4,.p5,.p7{height:160px;}}
@media screen and (max-width:599px){
.photo{padding:0 0 30px 0;}
.detail_pic{height:630px;}}
@media screen and (max-width:569px){
.pic_share{width:75%;padding:3% 2% 3% 45px;margin:2% 0;}
.button,.button2{width:20%;}
.detail_pic{height:580px;}}
@media screen and (max-width:481px){
.detail_pic{height:550px;}
/*導覽列*/
.guide,.guide a,.guide a:focus,.guide a:hover{font-size:12px;line-height:18px;}}
@media screen and (max-width:436px){
/*頁面 banner*/
.p1,.p2,.p3_1,.p3_2,.p3_3,.p3_4,.p4,.p5,.p7{height:160px;background-size:120% auto;}}
@media screen and (max-width:415px){
.detail_pic{height:520px;}}
@media screen and (max-width:385px){
/*頁面 banner*/
.p1,.p2,.p3_1,.p3_2,.p3_3,.p3_4,.p4,.p5,.p7{ padding:0 0 56px 0;background-position: center 56px;}}
@media screen and (max-width:376px){
/*頁面 banner*/
.p1,.p2,.p3_1,.p3_2,.p3_3,.p3_4,.p4,.p5,.p7{height:160px;background-size:150% auto;}}
@media screen and (max-width:361px){
/*footer*/
.footer-box{width:90%;margin:auto;}
.add-box{width:95%;margin-bottom:20px;}
/*按鈕*/
.button,.button2{width:30%;margin:1px;}
.detail_pic{height:480px;}}
@media screen and (max-width:321px){
.copyright{width:90%;padding:10px 5% 15px;font-size:14px;}
/*頁面 banner*/
.p1,.p2,.p3_1,.p3_2,.p3_3,.p3_4,.p4,.p5,.p7{height:150px;}
.detail_pic{height:450px;}}