@charset "utf-8";
/*-----取消 Html 原有樣式-----------------------------------*/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;line-height:100%;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
ol,ul{list-style:none;margin:0;padding:0;}
hr{margin:0px;}
img{max-width:100%;}
div,p,span{line-height:inherit;}
/*-----基本-----------------------------------*/
html{overflow:-moz-scrollbars-vertical; overflow-y:scroll;z-index: 999;font-size:15px;}
body{font-family: Arila, "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", sans-serif;color:#fff;-webkit-text-size-adjust:none;background:#908f8f;}
a,a:hover,a:focus{color:#fff;text-decoration:none;}
/*-----共用-----------------------------------*/
.wrapper{margin:0 auto;width:1000px;background:#02bcad;}
.container{padding:0 20px;padding-top:26px;}
/*-----header-----------------------------------*/
header.header{background:#fff;position:relative;}
header.header .language{position:absolute;right:20px;top:14px;}
header.header .language a{color:#242323;font-size:14px;line-height:16px;}
header.header figure{margin:0;padding-top:20px;padding-left:20px;}
header.header nav ul{padding-left:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
header.header nav ul li{display:inline-block;}
header.header nav ul li a{display:block;color:#1b1b1b;font-size:14px;height:38px;line-height:38px;padding:0 25px;}
header.header nav ul li a:hover{color:#faa502;}
header.header .menu{position:relative;}
header.header .menu .submenu{position:absolute;top:100%;left:0;padding-left:0;display:none;background:#fff;}
header.header .menu .submenu li{display:block;}
header.header .menu .submenu li a{min-width:100%;}
/*-----footer-----------------------------------*/
footer.footer{padding:20px;border-top:1px solid #04e7d6;}
footer.footer p{color:#f1b131;font-size:12px;padding-top:3px;text-align:center;letter-spacing:5px;}
footer.footer p.copyright{color:#f0f0f0;font-size:14px;padding-top:8px;text-align:center;letter-spacing:1px;}
/*選單*/
.footerMenu{margin-top:145px;margin-bottom:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.footerMenu .piece{text-align:center;max-width:130px;}
.footerMenu .piece a{display:block;width:100%;height:100%;}
.footerMenu .piece h2{color:#fff;font-size:14px;}
.footerMenu .piece:hover h2{color:#03fdbf;}
.footerMenu .piece.Menu1 h2:before{content:url(../img/Menu1now.png);display:block;width:124px;height:123px;margin-bottom:25px;}
.footerMenu .piece.Menu2 h2:before{content:url(../img/Menu2now.png);display:block;width:124px;height:123px;margin-bottom:25px;}
.footerMenu .piece.Menu3 h2:before{content:url(../img/Menu3now.png);display:block;width:124px;height:123px;margin-bottom:25px;}
.footerMenu .piece.Menu4 h2:before{content:url(../img/Menu4now.png);display:block;width:124px;height:123px;margin-bottom:25px;}
.footerMenu .piece.Menu5 h2:before{content:url(../img/Menu5now.png);display:block;width:124px;height:123px;margin-bottom:25px;}
.footerMenu .piece.Menu1:hover h2:before{content:url(../img/Menu1hover.png);}
.footerMenu .piece.Menu2:hover h2:before{content:url(../img/Menu2hover.png);}
.footerMenu .piece.Menu3:hover h2:before{content:url(../img/Menu3hover.png);}
.footerMenu .piece.Menu4:hover h2:before{content:url(../img/Menu4hover.png);}
.footerMenu .piece.Menu5:hover h2:before{content:url(../img/Menu5hover.png);}

/*-----首頁-----------------------------------*/
/*格字圖*/
.grid img{width:100%;}
.noR{margin-right:0px !important;}
.noB{margin-bottom:0px !important;}
.grid{width:310px;height:310px;overflow:hidden;display:inline-block;float:left;margin-right:15px;margin-bottom:15px;}
.gridS{width:147.5px;height:147.5px;overflow:hidden;display:inline-block;float:left;margin-right:15px;margin-bottom:15px;}
.gridM{width:310px;height:147.5px;overflow:hidden;display:inline-block;float:left;margin-bottom:15px;}
.index{width:975px;}
/*最新消息&影片*/
.indexInfo:after{content:'';display:block;clear:both;visibility:hidden;}
.indexInfo .col-6{display:inline-block;float:left;width:472.5px;height:365px;overflow:hidden;margin-right:15px;}
.indexNews{padding:17px 0;background:#f9b62e;}
.indexNews h4{margin:0 17px;padding-bottom:10px;color:#fff;font-size:20px;border-bottom:2px solid #fff;margin-bottom:15px;}
.indexNews p{color:#fff;font-size:16px;line-height:24px;padding:0 17px;padding-bottom:12px;border-bottom:2px dashed #fff;margin-bottom:15px;}
.indexNews p:last-child{border-bottom:0 none;}
.indexVedio{height:100%;}
.indexVedio iframe{width:100%;height:100%;}

/*-----內頁通用-----------------------------------*/
.page{padding-top:25px;}
.page:after{content:'';display:block;clear:both;visibility:hidden;}
h3{color:#fb9a02;font-size:18px;padding-bottom:20px;}
.nav{width:189px;display:inline-block;float:left;/*border-right:1px solid #fff;*/}
.content{width:735px;display:inline-block;float:left;padding-left:34px;border-left:2px solid #fff;}
.nav h3{text-align:right;padding-right:20px;}
.nav ul{text-align:right;padding-right:20px;}
.nav ul li{color:#fff;font-size:16px;line-height:24px;}
.content p{color:#fff;font-size:16px;line-height:24px;}
.editor{line-height:24px;}

/*-----關於我們-----------------------------------*/
.about .editor  p,
.about .editor img{margin-bottom:20px}
/*-----最新消息-----------------------------------*/
.news p{padding-bottom:30px;border-bottom:2px dashed #fff;margin-bottom:30px;}
.news p:last-child{padding-bottom:0px;border-bottom:0 none;margin-bottom:0px;}
/*-----最新消息彈跳視窗-----------------------------------*/
#pdi_iframeZone{background:#fff;}
.news_view{padding:30px;}
.news_view span.date{color:#0068b7;display:block;}
.news_view p{color:#454545;font-size:16px;line-height:24px;}
.news_view p:last-child{padding-bottom:20px;}
.news_view img{margin:20px 0;}
/*-----聯絡我們-----------------------------------*/
.contact .information{margin-top:34px;}
.contact .information li{font-size:14px;line-height:24px;letter-spacing:1px;}
.contact .information li span{color:#000;background:#fb9a02;display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;margin-right:16px;}
/*-----產品分類-----------------------------------*/
.product{width:975px;}
.product a{display:block;width:100%;height:100%;}
.product figure{width:310px;height:250px;overflow:hidden;float:left;margin:0;}
.product figure img{width:100%;}
.product p{width:310px;height:60px;float:left;background:#fbab11;color:#fff;font-size:14px;padding-left:15px;padding-top:10px;line-height:20px;}
.product p span{font-size:16px;display:block;letter-spacing:2px;}
/*-----產品列表-----------------------------------*/
/*次選單*/
.nav ul li.smooth{line-height:36px;display:block;}
.nav ul li.smooth ul.smooth_dropdown{display:none;}
.nav ul li.smooth ul.smooth_dropdown li{line-height:24px;font-size:13px;color:#e6e7e8;}
.nav ul li.smooth ul.smooth_dropdown li:hover{color:#00479d;}
.productList .content h3{color:#fff;}
.productList_grid{width:754px;float:left;margin-bottom:60px;}
.productList .grid{width:170px;height:235px;overflow:hidden;background:#3c3b3b;}
.productList .grid h4{font-weight:normal;font-size:13px;text-align:center;padding:10px;line-height:20px;}
.productList .grid .img{display:block;width:100%;height:150px;overflow:hidden;}
.productList .grid .img img{width:100%;height:auto;}
/*.productList_grid:after{content:'';display:block;clear:both;visibility:hidden;}*/
.pagination{text-align:center;margin-top:123px;}
.pagination a{display:inline-block;color:#fff;font-size:14px;width:54px;height:32px;line-height:32px;border-right:1px solid #02a598;}
.pagination a:last-child{border-right:0 none;}
/*-----產品介紹-----------------------------------*/
.nav ul.smooth_dropdown{padding-right:0;}
.nav ul li.smooth ul.smooth_dropdown li a{line-height:24px;font-size:13px;color:#e6e7e8;}
.nav ul li.smooth ul.smooth_dropdown li a:hover{color:#00479d;}
.productView .content h3{color:#fff;}
.productPicture{padding-bottom:56px;border-bottom:1px solid #2ddbcd;}
.productPicture:after{content:'';display:block;clear:both;visibility:hidden;}
.productPicture figure{margin:0;overflow:hidden;}
.productPicture figure img{width:100%;}
.show{width:450px;height:375px;float:left;}
.show figure{width:100%;height:100%;}
.showList{width:255px;float:right;}
.showList h6,
.showList p{color:#fff;font-size:18px;line-height:26px;padding-bottom:20px;}
.showList h6:nth-child(1){padding-bottom:5px;}
.showList p{margin-bottom:37px;}
.showList figure{cursor:pointer;width:120px;height:100px;display:inline-block;float:left;margin-right:15px;margin-bottom:15px;}
.productView .content .productInfo h3{color:#faaf00;margin-top:56px;padding-bottom:25px;}
.productInfo{position:relative;}
.productInfo a{display:block;width:131px;height:31px;line-height:31px;text-align:center;border-radius:5px;background:#f1b130;color:#fff;position:absolute;right:0px;top:-15.5px;}
.productInfo .editor p{line-height:28px;}
.video{width:392px;height:212px;}
.video iframe{width:100%;height:100%;}